/*banner*/
#banner{width: 100%;height: 600px;position: relative;}
/*导语*/
#daoyu{width: 100%;height: 325px;background: url(../images/dianrong/line.jpg)no-repeat bottom;position: relative;}
#daoyu .wrap .left0{width: 830px;float: left;padding-top: 50px;line-height: 24px;}
#daoyu .wrap .left0 p{width: 250px;border-bottom: 1px solid #ccc;color: #666;padding-bottom: 15px;margin-bottom: 20px;}
#daoyu .wrap .left0 p span{font-size: 24px;color: #f26600;font-weight: bold;border-bottom: 1px solid #f26600;padding-bottom: 15px;}
#daoyu .wrap .left0 p i{font-style: italic;padding-left: 5px;}
#daoyu .wrap .left0 a span{width: 36px;height: 36px;display: block;text-align: center;line-height: 36px;background: #f26600;border-radius: 50%;color: #fff;margin-left: 240px;margin-top: 25px;}
#daoyu .wrap .right0{width: 285px;float: right;padding-top: 50px;}

/*产品中心*/
#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: 110px;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{font-size: 24px;font-weight: normal;padding-top:15px;color:#fff;}
.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: 272px;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: 45%;float: left;margin-right: 5%;}




/*分栏*/
#fenlan{width: 100%;height:234px;background: url(../images/dianrong/fenlan.jpg)no-repeat center; }
#fenlan .left0{float: left;font-size: 24px;color: #fff;padding-left: 35px;padding-top: 90px;}
#fenlan .left0 p{font-weight: bold;font-size: 28px;color: #fff;}
#fenlan .right0{float: right;color: #fff;font-size: 28px;text-align: right;padding-top: 60px;}
#fenlan .right0 p{color:#fff;}
#fenlan .right0 p span{font-size: 28px;padding-right: 10px;color:#fff;}
#fenlan .right0 .dianwa{font-size: 40px;font-weight: bold;color:#fff;}

/*优势*/
#youshi{margin-top: 70px;}
#youshi .left0{width: 170px;float: left;}
#youshi .left0 .bian{width: 32px;height: 32px;border: 4px solid #f26600;border-right:none;border-bottom: none;}
#youshi .left0 .biaoti{padding-left: 45px;}
#youshi .left0 p{font-size: 36px;font-weight: bold;width: 36px;line-height: 35px;text-align: center;color: #f26600;float: left;}
#youshi .left0 p span{font-size: 50px;line-height: 50px;}
#youshi .left0 img{width: 150px;padding-top: 70px;}
#youshi .left0 i{font-size: 24px;width: 24px;display: block;float: left;border-right: 1px solid #f0f0f0;padding-right:10px;margin-right:10px;line-height: 25px;}

#youshi .right0{width: 902px;float: right;}

#youshi .right0 .da-thumbs{height:181px;position:relative;margin:0 0 25px 0;padding:0;}
#youshi .right0 .da-thumbs li{margin-bottom: 22px;height: 181px;width: 902px;overflow: hidden;}
#youshi .right0 .da-thumbs li .zuo{float: left;width: 600px;height: 181px;}
#youshi .right0 .da-thumbs li .zuo a,.da-thumbs li .zuo a img{display:block;position:relative;width: 600px;height: 181px;}
#youshi .right0 .da-thumbs li .zuo a{color:#fff;overflow:hidden;}
#youshi .right0 .da-thumbs li .zuo a div{position:absolute;background:#333;color:#fff;background:rgba(242,102,0,0.8);*background:#0565d0;background:#0565d0\0;filter:alpha(Opacity=90);width:600px;height:181px;}
#youshi .right0 .da-thumbs li .zuo a p{font-size:16px;width: 575px;height: 160px;border:1px solid #fff;margin: 10px auto;}
#youshi .right0 .da-thumbs li .zuo a p span{padding: 49px 20px;display: block;line-height: 25px;text-align: center;color:#fff;}
#youshi .right0 .da-thumbs li .you{width:302px;float: right;text-align: center;}
#youshi .right0 .da-thumbs li .you h2{font-size: 98px;color: #ccc;line-height: 110px;display: block;position: relative;z-index: -1;padding-top: 20px;}
#youshi .right0 .da-thumbs li .you .titi{width:250px;background: #fff;font-size: 14px;color: #666666;line-height: 18px;margin:0 auto;margin-top: -50px;}
#youshi .right0 .da-thumbs li .you .titi p{color: #333333;font-size: 20px;font-weight: bold;line-height: 35px;} 

#youshi .right0 .da-thumbs li:nth-child(2n) .you{float: left;} 
#youshi .right0 .da-thumbs li:nth-child(2n) .zuo{float: right;} 


/*六重体验*/
#tiyan{width: 100%;height: 732px;background: url(../images/dianrong/tiyan_bg.jpg)no-repeat center;margin-top: 75px;}
#tiyan .ntitle{color: #fff;padding-top: 60px;}
#tiyan .ntitle hr{background: #fff;}
#tiyan .bottom{ width: 1200px; margin:auto;}	
#tiyan .bottom .list li{float: left;width:285px;text-align: center;color: #fff;font-size: 18px;margin: 50px;}
#tiyan .bottom .list li .tu{width:285px;height:238px;vertical-align: middle;display: table-cell;}
#tiyan .bottom .list li .tu img{display: inline-block;text-align: center;}
#tiyan .bottom .list li p{text-align: center;color:#fff;line-height: 30px;padding-top: 10px;}
#tiyan .bottom .hd{ margin-top:30px;}
#tiyan .bottom .hd ul{ height:12px; text-align:center;}
#tiyan .bottom .hd ul li{ display:inline-block; *display:inline; *zoom:1; float:none; width:12px; height:12px; margin:0 10px; border-radius:12px; background:#fff;}
#tiyan .bottom .hd ul li.on{ background:#f26600; width:26px}

/*质量把控*/
#zhiliang{width: 100%;height: 806px;background: url(../images/dianrong/zhil_bg.jpg)no-repeat center;}
#zhiliang .ntitle{padding-top: 70px;}
#zhiliang .bottom{position: relative;width: 1200px;height: 520px;}
#zhiliang .bottom li{text-align: center;color: #343434;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 #ededed;margin-bottom: 10px;}
#zhiliang .bottom .ico1{position: absolute;top: 215px;left: 100px;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: 336px;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: 110px;left: 220px;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;}
#zhiliang .bottom li:hover span i{color: #f26600}
#zhiliang .bottom .ico5{position: absolute;top: 78px;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: 868px;line-height: 82px;}
#zhiliang .bottom .ico7 span{float: left;margin-right: 18px;}
#zhiliang .bottom .ico8{position: absolute;top: 328px;left: 942px;}
#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: -25px;}
#fenlan2 .left0{width: 500px;float: left;font-size: 20px;font-weight: bold;color: #fff;letter-spacing: 0.5px;}
#fenlan2 .left0 p{font-size: 24px;padding-top: 50px;color:#fff;}
#fenlan2 .left0 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 .right0{width: 700px;float: right;}
#fenlan2 .right0 li{width: 25%;float: left;text-align: center;color: #fff;font-size: 16px;}
#fenlan2 .right0 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;}


/*行业集锦*/
#jiiin{margin-top:60px;}
#jiiin #tablit{margin-top:40px;}
#jiiin #tablit dl{width:410px;float: right;}
#jiiin #tablit dl dd{float:left; width:190px;  height:80px; line-height:80px;display:block;margin-top: 20px;border-radius: 10px;}
#jiiin #tablit dl dd:nth-child(2n){margin-left: 30px;}
#jiiin #tablit .on{CURSOR: pointer;  transition:0.5s all;}
#jiiin #tablit .on a{color:#fff; font-size:16px;width: 190px;height: 80px;background: #f46516;display: block;line-height: 80px;border-radius: 10px;}
#jiiin #tablit .out{color:#7f7f7f;background: #f4f4f4;display: block;line-height: 80px;width: 190px;height: 80px;}
#jiiin #tablit .out a{color:#7f7f7f; font-size:16px;}
#jiiin #tablit .out:hover{background: #f46516;}
#jiiin #tablit .out:hover a{color:#fff;}
#jiiin .tabcon{width:750px;height: 380px;overflow: hidden;border-radius: 10px;padding-top: 20px;}
#jiiin .dis{display:none;}
#jiiin #showdiv0 {display: block;}
#jiiin #tablit dl dd span{font-size: 30px;height: 80px;color:#7f7f7f;line-height: 80px;display: block;float: left;padding:0 10px 0 20px;}

#jiiin #tablit dl dd.on span{color:#fff;}
#jiiin #tablit dl dd:hover span{color:#fff;}

/*合作案例*/
#case{margin-top: 80px;}
#case .info_box_pic_box{height: 500px;margin-top: 40px;}
#case .info_box_pic_box .swiper-slide{height: 500px;margin-top: 20px;transition:0.5s;}
#case .info_box_pic_box .swiper-slide .nei{width: 285px;margin:0 auto;border: 1px solid #ccc;}
#case .info_box_pic_box .swiper-slide .nei span{padding:0 20px;display: block;color: #666;}
#case .info_box_pic_box .swiper-slide img{width: 246px;height: 185px;display: block;margin: 0 auto;margin-top: 20px;margin-bottom: 10px;}
#case .info_box_pic_box .swiper-slide a{width: 100px;height: 32px;text-align: center;line-height: 32px;background: #f26600;border-radius: 32px;color: #fff;border:none;margin: 20px auto;}
#case .info_box_pic_box .swiper-slide p{color: #333;font-size: 18px;}
#case .info_box_pic_box .swiper-slide:hover p{color: #333;}
#case .info_box_pic_box{left: 0px;}
#case .wrap{width: 1380px;}
#case .info_box_pic_box_wrap{width: 1220px;margin: 0 auto;}
#case #mygod span{top: 160px;}
#case #mygod2 span{top: 160px;}
#case .info_box_pic_box .swiper-slide:hover{margin-top: 0px;}
#case .info_box_pic_box .swiper-slide:hover .nei{border:1px solid #f46516;}