/*banner*/
#banner{width: 100%;height: 600px;position: relative;}


/*产品中心*/
#product{margin-top: 80px;}
#product .wrap{width: 1240px;}
.ntitle{font-size: 18px;color: #333;text-align: center;}
.ntitle img{width:172px;border-right: 1px solid #ccc;padding-right: 13px;vertical-align: middle;margin-right: 13px;}
.ntitle p{font-size: 36px;color: #f26600;font-weight: bold;vertical-align: middle;}
.ntitle hr{width: 65px;height: 4px;background: #3062a3;margin: 12px auto;border:none;outline: none;}

.lanrenzhijia{width: 1240px;height:920px;margin:0 auto;}
.lanrenzhijia .tab{width:454px;height: 60px;font-size: 22px;margin: 0 auto;line-height: 60px;margin-top: 20px;}

.lanrenzhijia .tab a{font-size: 18px;color: #666;width: 225px;border:1px solid #ccc;display: block;float: left;text-align: center;}
.lanrenzhijia .tab a.on{font-size:18px;color: #fff;background: #f26600;border:1px solid #f26600;border-right:0px;}

.lanrenzhijia .tab a span{padding: 0 20px;font-size: 24px;}
.lanrenzhijia .tab a span:nth-child(2){float: right;height: 73px;line-height: 85px;}


.lanrenzhijia .content{ overflow:hidden; width:1240px;height:929px;position:absolute; float:left;top:10;}
.lanrenzhijia .content .ul{ position:absolute; left:0; top:0; width:1200px;}
.lanrenzhijia .content .li{ width:1240px; float:left;}

.lanrenzhijia .content .ejfl{width: 1200px;border-bottom:1px solid #ccc;margin:0 auto;margin-top: 5px;height: 50px;line-height: 50px;}
.lanrenzhijia .content .ejfl a{font-size: 16px;color: #666;width: 130px;height: 49px;line-height: 49px;display: block;float: left;text-align: center;}
.lanrenzhijia .content .ejfl a:hover{color: #f26600;border-bottom:2px solid #f26600;}
.lanrenzhijia .content .ejfl a:last-child{float: right;text-transform: uppercase;text-align: right;border: none;}


.lanrenzhijia .content .shang{width:1200px;padding-top: 40px;height: 404px;margin: 0 auto;}
.lanrenzhijia .content .shang .zuo{width: 718px;overflow: hidden;float: left;height: 404px;}
.lanrenzhijia .content .shang .you{width: 480px;height:402px;float: right;border:1px solid #808080;position: relative;}
.lanrenzhijia .content .shang .you .xinxi{width: 197px;height: 78px;background: url(../images/dianrong/xinxi.png)no-repeat center;position: absolute;top: -27px;right: 35px;color: #fff;font-size: 14px;text-align: center;padding-left: 20px;}
.lanrenzhijia .content .shang .you .xinxi h5{color: #fff;font-size: 24px;font-weight: normal;padding-top:15px;}
.lanrenzhijia .content .shang .you .neirong{width: 80%;margin: 0 auto;}
.lanrenzhijia .content .shang .you p{color:#f26600;font-size: 22px;padding-bottom: 20px;padding-top: 80px;font-weight: bold;}

.lanrenzhijia .content .shang .font{color:#666;font-size: 14px;line-height: 24px;}

.lanrenzhijia .content .shang a{width: 120px;height: 40px;line-height: 40px;text-align: center;color: #fff;border-radius: 40px;display: block;font-size: 16px;margin-top: 30px;background: #f26600; box-shadow: 0px 3px 8px 0px rgba(3, 21, 37, 0.32);}

.bg01{width:100%;height:500px;position:relative;margin-top: 30px;}
.bg02{width:100%;height:500px;position:relative;margin-top: 30px;}

.info_box_pic_box_wrap{margin-top:20px;}
.info_box_pic_box{width:1220px;height:320px;overflow:hidden;text-align:center;position:relative;left: 20px;}

.info_box_pic_box .swiper-slide{width:285px;height:320px;position: relative;overflow: hidden;display: block;}
.info_box_pic_box .swiper-slide a{width:282px;height:238px;display:block;color:#4d4d4d;position:relative;margin-bottom:5px;overflow:hidden;border:1px solid #ccc;}
.info_box_pic_box .swiper-slide a:hover{border:1px solid #f26600;}

.info_box_pic_box .swiper-slide img{display:block;width:100%;margin:0 auto;height:100%;transition:0.3s;}
.info_box_pic_box .swiper-slide p{width:93%;font-size:16px;color:#5e5e5e;text-align:center;line-height: 45px;}
.info_box_pic_box .swiper-slide:hover p{color:#f26600;}
.swiper-slide:hover.swiper-slide h6{color:#267ba0;}
.info_box_pic_box_more_btn{width:100%;text-align:center;margin:30px 0;}
.info_box_pic_box_more_btn a{display:inline-block;padding:12px 60px;background:#dc2821;color:#fff;font-size:18px;line-height: 35px;}
.info_box_pic_box_more_btn a:hover{background:#323232;}

.product_picbox_left_btn5 span{display: block;width: 28px;height: 56px;line-height: 56px;background: #3062a3;color: #fff;text-align: center;position: absolute;top: 110px;}
.product_picbox_right_btn5 span{display: block;width: 28px;height: 56px;line-height: 56px;background: #3062a3;color: #fff;text-align: center;position: absolute;top: 110px;right: 20px;}
.product_picbox_left_btn5 span:hover{background:#f26600;}
.product_picbox_right_btn5 span:hover{background:#f26600;}



#mygod span{display: block;width: 40px;height: 80px;line-height: 80px;background: #3062a3;color: #fff;text-align: center;position: absolute;top: 80px;left: 20px;font-size: 20px;}
#mygod2 span{display: block;width: 40px;height: 80px;line-height: 80px;background: #3062a3;color: #fff;text-align: center;position: absolute;top: 80px;right: 21px;font-size: 20px;}

#mygod span:hover{background: #f26600;}
#mygod2 span:hover{background: #f26600;}


.light1,.light3,.light4,.light5{ 
cursor:pointer; 
position: absolute; 
left: -300px; 
top: 0; 
width: 200px; 
height: 540px; 
background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.4),rgba(255,255,255,0)); 
transform: skewx(-25deg); 
z-index: 999999;} 


.light2{ 
cursor:pointer; 
position: absolute; 
left: -100px; 
top: 0; 
width: 100px; 
height: 200px; 
background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0)); 
transform: skewx(-25deg); 
z-index: 999999;} 

.swiper-slide:hover .light2{ 
left:180px; 
transition:0.9s; 
} 


.shang .zuo:hover .light1{ 
left:800px; 
transition:1.5s; 
} 


.shang .zuo:hover .light3{ 
left:2000px; 
transition:1.5s; 
} 
.shang .zuo:hover .light4{ 
left:3200px; 
transition:1.5s; 
} 
.shang .zuo:hover .light5{ 
left:4600px; 
transition:1.5s; 
} 


.tab-menu ul{padding: 0;margin: 0;width: 181px;border: 1px solid #989898;height: 32px;border-radius: 5px;}
.tab-menu ul li{width: 90px;height: 32px;line-height: 32px;text-align: center;cursor: pointer;float: left;border-right: 1px solid #989898;}
.tab-menu ul li:last-child{border-right: none;}
.tab-menu ul li.active{background: #3062a3;color: #fff;}
.tab-con .aa{width: 390px;display: none;height: 100px;overflow: hidden;margin-top: 20px;}
.tab-con .aa:first-child{display: block;}
.tab-con .aa div{width: 47%;float: left;margin-right: 3%;}




/*质量把控*/
#zhiliang{width: 100%;height: 806px;background: url(../images/diangan/zhil_bg.jpg)no-repeat center;}
#zhiliang .ntitle{padding-top: 50px;color: #fff;}
#zhiliang .ntitle hr{background:#fff;}
#zhiliang .bottom{position: relative;width: 1200px;height: 520px;}
#zhiliang .bottom li{text-align: center;color: #fff;font-size: 18px;}
#zhiliang .bottom li span{font-size: 60px;display: block;padding: 10px;background: #fff;width: 60px;height: 60px;border-radius: 50%;line-height: 60px;text-align: center;border:1px solid #fff;margin-bottom: 10px;color: #343434;}
#zhiliang .bottom .ico1{position: absolute;top: 215px;left: 70px;line-height: 82px;}
#zhiliang .bottom .ico1 span{float: right;margin-left: 18px;font-size: 60px;width: 60px;height: 60px;line-height: 60px;}
#zhiliang .bottom .ico2{position: absolute;top: 326px;left: 288px;}
#zhiliang .bottom .ico3 span{float: right;margin-left: 18px;font-size: 60px;width: 60px;height: 60px;line-height: 60px;}
#zhiliang .bottom .ico3{position: absolute;top: 100px;left: 240px;line-height: 82px;}
#zhiliang .bottom .ico4{position: absolute;top: 262px;left: 494px;}
#zhiliang .bottom .ico4 span{font-size: 60px;width: 90px;height: 90px;}
#zhiliang .bottom .ico4 span i{color: #343434;font-size: 18px;display: block;line-height: 20px;}
#zhiliang .bottom li:hover{color: #f26600;}
#zhiliang .bottom li:hover span{color: #f26600;border: 1px solid #f26600;box-shadow:0px 0px 5px 5px rgba(255, 255, 255, 0.2);}
#zhiliang .bottom li:hover span i{color: #f26600}
#zhiliang .bottom .ico5{position: absolute;top: 58px;left: 640px;}
#zhiliang .bottom .ico5 span{font-size: 50px;width: 90px;height: 90px;font-size: 80px;}
#zhiliang .bottom .ico5 span i{color: #343434;font-size: 18px;display: block;line-height: 20px;}
#zhiliang .bottom .ico6{position: absolute;top: 318px;left: 707px;}
#zhiliang .bottom .ico7{position: absolute;top: 158px;left: 888px;line-height: 82px;}
#zhiliang .bottom .ico7 span{float: left;margin-right: 18px;}
#zhiliang .bottom .ico8{position: absolute;top: 318px;left: 962px;}
#zhiliang .more{width: 200px;height: 50px;line-height: 50px;text-align: center;background: #f26600;color: #fff;border-radius: 50px;font-size: 20px;margin: 0 auto;}
#zhiliang .more a{color: #fff;}



/*分栏er*/
#fenlan2{width:100%;height: 234px;background: url(../images/dianrong/fenlan2.png)no-repeat center;margin-top: 20px;position: relative;z-index: 1;}
#fenlan2 .left{width: 500px;float: left;font-size: 20px;font-weight: bold;color: #fff;letter-spacing: 0.5px;}
#fenlan2 .left p{font-size: 24px;padding-top: 50px;color: #fff;}
#fenlan2 .left a{display: block;width: 200px;height: 45px;line-height: 45px;text-align: center;background: #f26600;color: #fff;font-weight: normal;font-size: 18px;margin-top: 18px;}
#fenlan2 .right{width: 700px;float: right;}
#fenlan2 .right li{width: 25%;float: left;text-align: center;color: #fff;font-size: 16px;}
#fenlan2 .right li span{display: block;color: #fff;width: 70px;height: 70px;text-align: center;line-height: 70px;border-radius: 50%;border:1px solid #fff;margin: 0 auto;margin-top: 70px;margin-bottom: 10px;letter-spacing: 0.5px;font-size: 35px;}




/*合作案例*/
#hezuo{width: 100%;height: 720px;padding-top: 90px;background: #f5f5f5;margin-top: -30px;}
#hezuo .ntitle{text-align: left;float: left;}
#hezuo .ntitle hr{margin: 12px 0;}

.index_con02_block{width: 1200px;margin:0 auto;height: 460px;}
.index_con02_switch_box{display: none;margin-top: 60px;position: relative;}
.index_con02_switch_box_img{width: 760px;height: 400px;float: right;}
.index_con02_switch_box_title{width: 537px;float: left;color: #333;position: absolute;z-index: 2;top: 70px;}
.index_con02_switch_box_title_num{background: #fff;width: 537px;height: 242px;margin-bottom: 50px;}
.index_con02_switch_box_title p{font-size: 24px;padding: 35px;color: #f26600;font-weight: bold;}
.index_con02_switch_box_title .neirong{font-size: 16px;line-height: 30px;padding-top: 10px;padding: 0 35px;}
.index_con02_switch_box_title i{font-size: 55px;color: #3062a3;border-top:5px solid #3062a3;margin-left: 100px;}

.index_con02_switch_btn_wrap{width: 760px;height:55px;float: right;background: #fff;box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.23);margin-top: 30px;}

.index_con02_switch_btn a{color: #666;text-align: center;width: 152px;float: left;font-size: 18px;}
.index_con02_switch_btn a span{display: block;line-height: 55px;}
.index_con02_switch_btn{width:760px;height:55px;}
.index_con02_switch_btn a:hover,.index_con02_switch_btn a.active{color: #fff;width: 152px;height: 63px;background: url(../images/dianzu/hover.png)no-repeat top;color: #fff}
.index_con02_switch_btn a:hover span,.index_con02_switch_btn a.active span{color: #fff;}







.index_con02_lr_btn{width: 600px;height: 312px;position: absolute;top: 122px;}
.index_con02_lr_btn a{height: 59px;overflow: hidden;width: 36px;}


.index_con02_left_btn span{width: 50px;height: 50px;display: block;text-align: center;font-size: 20px;line-height: 50px;background: #f26600;color: #fff;position: absolute;bottom: 0;border-radius:50%;left: 20px;z-index: 10}
.index_con02_right_btn span{width: 50px;height: 50px;display: block;text-align: center;font-size: 20px;line-height: 50px;border:1px solid #fff;color: #fff;position: absolute;bottom: 0;border-radius:50%;left: 80px;z-index: 10}

.index_con02_switch_box_img_box{width: 760px;height: 460px; overflow: hidden;}
.index_con02_switch_box_img_box img{transition:all 0.4s linear; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear;}
.index_con02_switch_box_img_box img:hover{-webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); -moz-transform: scale(1.12, 1.12);}







/* 场景定制 */
#dingz{width: 100%;margin-top: 60px;}

.ying3{  float:left; overflow:hidden; }
.ylink_x, .ylink_y { display: block; position: absolute; background: #fff; z-index: 111; }
.ylink_y { height:0px; width: 2px; transition:0.35s ease all; }
.ylink_x{ width:0px; height:2px; transition:0.35s ease all; }
.cpnr_z:hover .ylink_y { height: 620px; width: 2px; }
.cpnr_z:hover .ylink_x{ width:490px; height:2px; }


.cpnr_y:hover .ylink_y,.cpnr_o:hover .ylink_y { height: 300px; width: 2px; }
.cpnr_y:hover .ylink_x,.cpnr_o:hover .ylink_x{ width:480px; height:2px; }
.cpnr_o:hover .ylink_y { height: 300px; width: 2px; }
.cpnr_o:hover .ylink_x{ width:480px; height:2px; }
.ying3 a img{ transition:0.35s ease all; }
.ying3:hover a img{ transform: scale(1.2); transition:1.3s ease all;}
.yl_left { left: 8px; }
.yl_right{ right: 15px; }
.yl_top{ top:15px}
.yl_bottom{ bottom:15px}
.ying3 > a { display: block; position: relative; }
.ying3 > a > p { text-align: center; display: block; position: absolute; top: 0; left: 0; width: 100%; line-height: 30px; font-size: 24px; color: #fff; text-indent:10em; background:#666; background: rgba(242,102,33,0.8); opacity: 0; filter: alpha(opacity=0); transition:0.3s ease all;margin-top: -20px;padding-top: 150px;padding-bottom: 150px; }
.cpnr_z > a > p {line-height:650px;}
.ying3:hover > a > p{ opacity: 1; filter: alpha(opacity=100); text-indent:0em;font-size:24px; }
.ying3:hover > a > p i{display:block;font-size:16px;text-transform: uppercase;}

#dingz ul {margin-top: 80px;}
#dingz ul li{width: 25%;float: left;height: 300px;overflow: hidden;}





/*标准体系*/
#tixi{width: 100%;height: 874px;background: url(../images/dianzu/tixi_bg.jpg)no-repeat center;}
#tixi .wrap{padding-top: 80px;}
#tixi .wrap li{font-size: 16px;color: #333;float: left;text-align: center;}
#tixi .wrap li{width: 20%;}
#tixi .wrap .xia li:first-child{margin-left: 120px;}
#tixi .wrap .xia li div{margin-top: 50px;}
#tixi .wrap li:hover{color: #f26600;}
#tixi .wrap li div{width: 109px;height: 126px;margin-top: 50px;transition:0.5s;margin:50px auto 40px auto;}
#tixi .wrap li:hover div{transform:rotateY(180deg);}

#tixi .wrap li .biao1{background: url(../images/dianzu/biao1.png)no-repeat center;}
#tixi .wrap li:hover .biao1{background: url(../images/dianzu/biao11.png)no-repeat center;}

#tixi .wrap li .biao2{background: url(../images/dianzu/biao2.png)no-repeat center;}
#tixi .wrap li:hover .biao2{background: url(../images/dianzu/biao22.png)no-repeat center;}

#tixi .wrap li .biao3{background: url(../images/dianzu/biao3.png)no-repeat center;}
#tixi .wrap li:hover .biao3{background: url(../images/dianzu/biao33.png)no-repeat center;}

#tixi .wrap li .biao4{background: url(../images/dianzu/biao4.png)no-repeat center;}
#tixi .wrap li:hover .biao4{background: url(../images/dianzu/biao44.png)no-repeat center;}

#tixi .wrap li .biao5{background: url(../images/dianzu/biao5.png)no-repeat center;}
#tixi .wrap li:hover .biao5{background: url(../images/dianzu/biao55.png)no-repeat center;}

#tixi .wrap li .biao6{background: url(../images/dianzu/biao6.png)no-repeat center;}
#tixi .wrap li:hover .biao6{background: url(../images/dianzu/biao66.png)no-repeat center;}

#tixi .wrap li .biao7{background: url(../images/dianzu/biao7.png)no-repeat center;}
#tixi .wrap li:hover .biao7{background: url(../images/dianzu/biao77.png)no-repeat center;}

#tixi .wrap li .biao8{background: url(../images/dianzu/biao8.png)no-repeat center;}
#tixi .wrap li:hover .biao8{background: url(../images/dianzu/biao88.png)no-repeat center;}

#tixi .wrap li .biao9{background: url(../images/dianzu/biao9.png)no-repeat center;}
#tixi .wrap li:hover .biao9{background: url(../images/dianzu/biao99.png)no-repeat center;}

#tixi .wrap .fw{font-size: 24px;font-weight: bold;color: #333333;text-align: center;padding-top:40px;}
#tixi .wrap span{color: #fff;text-align: center;font-size: 16px;display: block;padding-top: 30px;}