@charset "gb2312";

.top{background: url(../images/gy_banner.jpg)no-repeat center;height: 600px}

.main_gywm{width: 1200px;margin: 0 auto}

.quoted{height: 450px;padding-top:140px;padding-bottom: 90px}

.quoted_z{width: 1200px;margin:0 auto;height:450px;-moz-box-shadow:2px 2px 2px #999999, -2px -2px 2px #333333, 2px 2px 5px #999999; -webkit-box-shadow:2px 2px 2px #999999, -2px -2px 2px #999999, 2px 2px 5px #999999; box-shadow:2px 2px 2px #999999, -2px -2px 2px #999999, 2px 2px 5px #999999; -moz-box-shadow:1px 1px 10px #999999, -1px -1px 10px #999999, 2px 2px 5px #999999; -webkit-box-shadow:1px 1px 10px #999999, -1px -1px 10px #999999, 2px 2px 5px #999999; box-shadow:1px 1px 10px #999999, -1px -1px 10px #999999, 2px 2px 5px #999999;position: relative;}

.quoted_z a{display: block;position: absolute;width: 100px;height: 450px;background: url(../images/forn_btn.png)no-repeat;top: 80px;left: 50%;margin-left: -50px}

.quoted_z .quoted_l{width: 50%;float: left;}

.quoted_z h2{font-size: 32px;color: #f5aa51;text-align: center;border-bottom: 1px solid #A0A0A0;height: 76px;line-height: 76px;}

.quoted_z p{font-size: 24px;color: #000;padding-left: 95px;height: 52px;}

.quoted_z .p1{line-height: 62px;}

.quoted_z .p2{line-height: 40px;}

.quoted_z p span{color: #f5aa51; margin-bottom:20px;}

.quoted_z .from {padding-left:95px;padding-right:105px;  }

.quoted_z .from input{width: 100%;height: 50px;border: 1px solid #999;margin-bottom: 34px;text-indent: 1em;font-size: 18px;}

.quoted_z .from input[type="submit"],.from input[type="button"]{text-indent: 0; background:#f08300;color: #fff;font-size: 24px;border: none; cursor:pointer;}

.quoted_z .quoted_r{width: 50%;float: right;}

.quoted_r .from input,.quoted_r select{height: 44px;margin-bottom: 12px;width: 100%;text-indent: 1em;font-size: 18px;color: #666}

.quoted_r .from input[type="submit"],.from input[type="button"]{height: 50px;margin-bottom: 34px; color:#fff;}

.abstract{background: url(../images/abstract.jpg)no-repeat center;height: 350px}

.synopsis h1{background: url(../images/synopsis.jpg)no-repeat center;height: 300px;}

.synopsis .synopsis_l{width: 725px;font-size: 16px;float: left;line-height: 25px}

.synopsis .synopsis_r{width: 322px;float: right;}

.synopsis_z:after{clear: both;height: 0;content: "";display: block;visibility: hidden;}

.synopsis_l p{text-indent: 45px;margin-bottom:25px;}

.brand h1{background: url(../images/brand.jpg)no-repeat center;height: 300px;}

.brand .z{background: url(../images/z.jpg)no-repeat center;height:597px; padding-top: 50px;  padding-bottom: 20px;}

.brand .z .story{width: 478px;height: 560px;background:#ff8a00;color: #fff;margin-left: 297px;padding-left: 128px; opacity:0.9;}

.story h2{font-size: 36px;height: 95px;line-height: 80px;letter-spacing:3px;}

.story p{line-height: 35px;font-size:20px;text-align: left;}

.progress{background: url(../images/progress.jpg)no-repeat center;height: 982px}

.honor{background: url(../images/honor.jpg)no-repeat center top;height: 790px;}

.customer .slideShow ul:after{clear: both;height: 0;content: "";display: block;visibility: hidden;}

.company{background: url(../images/company.jpg)no-repeat center;height: 824px;padding-top: 260px;}

.company p{text-indent: 40px;padding-left:10px;color: #fff;font-size: 20px;line-height: 25px;letter-spacing: 1px}

.meritocrat{height: auto;}

.meritocrat h2{background: url(../images/meritocrat.jpg)no-repeat center;height: 350px;}

.customer h2{background: url(../images/customer.jpg)no-repeat center;height: 300px;}

.meritocrat_z{position: relative;height: 916px}

.meritocrat_l{width: 630px;height: 506px;overflow: hidden;position: absolute;top: 0;left: 0}

.meritocrat_l ul li{width:566px;height: 402px;border: 2px solid #FF974A;padding-top: 100px;padding-left: 60px;}

.meritocrat_l ul li b{font-size: 20px;display: block;width: 100%;line-height:30px; }

.meritocrat_l ul li p{padding-right: 30px;font-size: 16px;line-height: 28px;}

.meritocrat_r{width:320px;height: 221px;z-index: 2;right: 0;top: 0;position: absolute;background: url(../images/meritocrat_r.png)no-repeat;margin-top:25px;padding-top: 230px;padding: 230px 180px 0 130px }

.meritocrat_r ul{width:320px;}

.meritocrat_r ul li{font-size: 24px;color:#023C83;border: 1px solid #023C83;border-radius: 10px;width: 135px;height: 56px;line-height: 56px;text-align: center;margin-bottom:15px;display: inline-block;margin-right:  40px;cursor: pointer;}

.meritocrat_r ul li:nth-child(2n){margin-right: 0px;}

.meritocrat_r .on{background: #023C83;color: #fff}

.meritocrat_z .f1{position: absolute;top: 506px;left: 50%;margin-left: -220px;width: 440px;margin-top: 70px;padding-bottom: 100px}

.meritocrat_z .f1 input{width: 100%;height: 60px; border: 1px solid #f5aa51;margin-bottom:20px}

.meritocrat_z .f1 .tel{background: #F3F3F3 url(../images/tel.jpg)no-repeat;padding-left: 100px;}

.meritocrat_z .f1 .name{ background: #F3F3F3 url(../images/name.jpg)no-repeat;padding-left: 100px;}

.meritocrat_z .f1:after{clear: both;height: 0;content: "";display: block;visibility: hidden;}

.store{height: auto;}

.store h2{background: url(../images/store.jpg)no-repeat center;height: 360px;}

.store_z{width:1200px; margin:0 auto; margin-bottom: 172px}



/*lunbo*/

.slideBox{  

    width: 1200px !important;  

    height: 868px !important;    

    margin:0 auto 200px !important; 

    position: relative !important;  

    overflow: hidden !important;    

}  

.slideBox ul{  

    width:3600px !important;  

    position: relative !important;

}  

.slideBox ul li{width: 1200px !important;float: left !important; }

.slideBox ul li .wid{width: 384px;margin:0 8px;height: 640px;margin-top: 222px; display: block;text-align: center;float: left;background: url(../images/gb.png);position: relative;}

.wid img{width: 384px;height: 384px;position: absolute;background: #fff;top: -186px;left: 0} 

.wid h3{height: 100px;line-height: 90px;font-size: 36px;margin-top: 178px;color: #fff}

.wid p{line-height: 45px;font-size: 24px;color: #fff}

.slideBox ul li img{ 

    width: 383px; 

    height: 383px; 

    border-radius: 50%;

   border: 1px solid #fff;

    display:inline-block;    

   

}  

.slideBox .spanBox{   

    position: absolute;  

    left:50%;  

    bottom: 15px;  

    text-align:center;  

    font-size: 12px;      

    line-height: 20px;

    width: 120px;

    margin-left: -80px;  

	display:none;

}  

.slideBox .spanBox span{  

    cursor: pointer;  

    display: block;  

    float: left;  

    width: 20px;  

    height: 20px;  

    background: #999999;  

    margin:0 10px;  

    color: #fff; 

    border-radius: 50%; 

}  

.slideBox .spanBox .active{  

    background: #ff9c00;  

} 

.prevsx {

    position:absolute;

    left:8px;

    top:480px;

    float:left;

	cursor:pointer;

    opacity:0.5;

}

.nextsx {



    position:absolute;

    right:8px;

    top:480px;

    float:right;

    cursor:pointer;

    opacity:0.5

}



.btnul{

	width: 1200px;

	

	margin: 300px auto 0;

	position: relative;

}

.btnul li{

	width: 254px;

	height: 224px;

	float: left;

	border:8px solid #fff;

    border-left:8px solid transparent;

    border-right:8px solid transparent;

    border-bottom:8px solid transparent;

    border-radius: 70%;

    position: absolute;

    transition: .5s;

}

.btnul li img{

	display: block;

	

	border-radius: 50%;

	margin:15px auto 0;

}

.btnul li h5{

	font-size: 30px;

	text-align: center;

	transition: .5s;

	height: 48px;

	line-height: 48px;

}

.btnul li span{

	color: #fff;

	display: block;

	text-align: center;

	font-size: 22px;

	height: 48px;

	line-height: 30px;

}

.li1{

	left: 0;

	border-top: 10px solid #ff900b!important;

}

.li2{

	left: 210px;

	top: -141px;

}

.li3{

	left: 450px;

}

.li4{

	left: 690px;

	top: -141px;

}

.li5{

	left: 930px;

}

.li2,.li4{

	transform: rotateX(180deg);				

}

.li2 img,.li4 img,.li2 h5,.li4 h5,.li2 span,.li4 span{

	transform: rotateX(-180deg);				

}



input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {

 /* WebKit browsers */

color: #666;

}

input:-moz-placeholder, textarea:-moz-placeholder {

/* Mozilla Firefox 4 to 18 */

color: #666;

}

input::-moz-placeholder, textarea::-moz-placeholder {

 /* Mozilla Firefox 19+ */

color: #666;

}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {

 /* Internet Explorer 10+ */

color: #666;   }