/* 
* @Author: sublime text
* @Date:   2019-10-16 10:28:11
* @Last Modified by:   sublime text
* @Last Modified time: 2019-10-28 15:26:40
*/
/*banner*/
#banner{width: 100%;height: 500px;position: relative;overflow: hidden;}
#banner a{position: absolute;left: 50%;}
#banner a img{position: relative;left: -50%;}

/*厂家*/
#cjia{width: 100%;height: 970px;background: url(../images/dai/cjia.jpg)no-repeat center;}
.title{text-align: center;padding-top: 80px;font-size: 18px;color: #333;letter-spacing: 3px;}
.title p{font-size: 40px;color: #333333;margin-bottom: 10px;letter-spacing: 0px;}
.title p span{font-weight: bold; color: #00253d;}
.title i{text-transform: uppercase;font-family:'Oswald-Medium';letter-spacing: 3px;color: #999;font-size: 14px;display: block;}
#cjia .title img{display: block;margin: 0 auto;padding-top: 20px;}
#cjia .bottom{margin-top: 40px;}
#cjia .bottom li{width: 17%;float: left;text-align: center;padding: 0 1.5%;font-size: 15px;line-height: 26px;color: 3333;}
#cjia .bottom li p{font-size: 22px;font-weight: bold;color: #00253d;margin:20px auto;}
#cjia .bottom .li1,#cjia .bottom .li5{margin-top: 120px;}
#cjia .bottom .li2,#cjia .bottom .li4{margin-top: 60px;}

/*服务体系*/
#tixi{width: 100%;height: 700px;background: url(../images/dai/tixi.jpg)no-repeat center;position: relative;}
#tixi .wuyou{font-size: 24px;color: #333;margin-top: 25px;}
#tixi .wuyou b{width: 50px;height: 50px;background: #00253d;border-radius:50%;line-height: 50px;text-align: center;color: #ffe9a4;display: inline-block;margin: 0 7px;font-size: 24px;font-weight: normal;}

/*#tixi .info_box_pic_box_wrap{margin-top: 0px;}
#tixi .info_box_pic_box{line-height: 35px;font-size: 16px;text-align: center;}
#tixi .info_box_pic_box .swiper-slide{height: 340px;position: relative;overflow: hidden;margin-top: 110px;}
#tixi .info_box_pic_box .swiper-slide img{display: block;margin: 0 auto;width: 95%;}
#tixi .info_box_pic_box .swiper-slide>p{width: 95%;height: 180px;background: rgba(0,0,0,0.5);color: #fff;font-size: 12px;text-align: center;position: absolute;top: 0px;color: rgba(255,255,255,0.7);text-transform: uppercase;line-height: 30px;left:2.5%;}
#tixi .info_box_pic_box .swiper-slide>p span{font-size: 22px;font-weight: bold;color: #fff;display: block;padding-top: 60px;}
#tixi .info_box_pic_box .swiper-slide .nei{width: 95%;height: 100px;color: rgba(255,255,255,0.7);font-size: 16px;background: #00253d;display: none;position: absolute;bottom: 0px;text-align: center;line-height: 30px;left:2.5%;}
#tixi .info_box_pic_box .swiper-slide .nei>i{font-size: 20px;font-weight: bold;color: #fff;display: block;padding-top: 20px;}

#tixi .info_box_pic_box .swiper-slide:hover{width: 380px !important;height: 340px !important;position: relative;overflow: hidden;margin-top: 50px;}
#tixi .info_box_pic_box .swiper-slide:hover img{width: 95%;display: block;height: 240px !important;margin:0 auto;}
#tixi .info_box_pic_box .swiper-slide:hover p{display: none;}
#tixi .info_box_pic_box .swiper-slide:hover .nei{display: block;}

#tixi .wrap{width: 1400px;}
#tixi #mygod{top: 185px;position: absolute;left: 0;width: 46px;height: 46px;background: url(../images/dai/jtL1.png);}
#tixi #mygod2{top: 185px;position: absolute;right: 0;width: 46px;height: 46px;background: url(../images/dai/jtR1.png);}

#tixi #mygod:hover{background: url(../images/dai/jtL2.png);}
#tixi #mygod2:hover{background: url(../images/dai/jtR2.png);}
*/


.install dl{ width:100%;overflow:hidden;height: 700px;display: block;}
.install dl img{ width:100%; height:700px;display: block;}

.install_m{width: 1376px;margin: 0 auto;position: relative;}
.install_m .install_c{position:relative; float:left; overflow: hidden;width: 1376px;}
.install_m .install_c ul{position: relative;}
.install_m .install_c ul li{width: 1376px;float: left;overflow: hidden;position: relative;height: 430px;}

.install_m .install_c ul li .shuo{position: absolute;bottom: 0px;left:650px;width: 76px;text-align: center;font-size: 16px;color: #999;}
.install_m .install_c ul li .shuo span{font-size: 20px;color: #00253d;}

.install_l img,.install_r img{ width:34px; height:34px; padding-top:200px;}
.install_c ul .li{ width:240px; float:left; position:relative; padding:0 5px;height:265px;}
.install_c ul .li:first-child{padding-left: 80px;}

#tixi #projectsL{top: 185px;position: absolute;left: 0;width: 46px;height: 46px;background: url(../images/dai/jtL1.png);transition:0.5s;}
#tixi #projectsR{top: 185px;position: absolute;right: 0;width: 46px;height: 46px;background: url(../images/dai/jtR2.png);transition:0.5s;}

#tixi #projectsL:hover{top: 185px;position: absolute;left: 0;width: 46px;height: 46px;background: url(../images/dai/jtL2.png);}
#tixi #projectsR:hover{top: 185px;position: absolute;right: 0;width: 46px;height: 46px;background: url(../images/dai/jtR1.png);}


.install_c .tab a{display: block;float: left;}


#tixi .install_c .li{position: relative;overflow: hidden;margin-top: 110px;width: 270px;}
#tixi .install_c .li img{display: block;margin: 0 auto;width: 100%;}
#tixi .install_c .li .yiny{width: 270px;height: 180px;background: rgba(0,0,0,0.5);color: #fff;font-size: 12px;text-align: center;position: absolute;top: 0px;color: rgba(255,255,255,0.7);text-transform: uppercase;line-height: 30px;}
#tixi .install_c .li .yiny p{font-size: 22px;font-weight: bold;color: #fff;padding-top: 60px;display: block;}
#tixi .install_c .li .nei{width:380px;height: 100px;color: rgba(255,255,255,0.7);font-size: 16px;background: #00253d;display: none;position: absolute;bottom: 0px;text-align: center;line-height: 30px;}
#tixi .install_c .li .nei i{font-size: 20px;font-weight: bold;color: #fff;display: block;padding-top: 20px;}

#tixi .install_c .li:hover,#tixi .install_c .li.on,#tixi .install_c .li.aa{width: 380px !important;height: 340px !important;position: relative;overflow: hidden;margin-top: 50px;}
#tixi .install_c .li:hover .yiny,#tixi .install_c .li.on .yiny,#tixi .install_c .li.aa .yiny{display: none;}
#tixi .install_c .li:hover img,#tixi .install_c .li.on img,#tixi .install_c .li.aa img{width: 100%;display: block;height: 240px !important;margin:0 auto;}
#tixi .install_c .li:hover .nei,#tixi .install_c .li.on .nei,#tixi .install_c .li.aa .nei{display: block;}







/*共用滑动*/
.info_box_pic_box_wrap{margin-top:60px;}
.info_box_pic_box{width:1300px;overflow:hidden;text-align:center;position:relative;margin: 0 auto;}
.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;}



#fuwu .lanrenzhi{position: relative;margin-top: 40px;}
#fuwu .lanrenzhi .tab{width: 300px;float: left;}
#fuwu .lanrenzhi a{width: 300px;height: 80px;background: #ededed;color: #333;margin-top: 2px;display: block;line-height: 80px;text-indent: 1em;font-size: 22px;}
#fuwu .lanrenzhi a:first-child{margin-top: 0px;}
#fuwu .lanrenzhi a i{width: 20px;height: 24px;background: url(../images/dai/jian.png)no-repeat bottom;display: inline-block;float: right;margin-right: 30px;margin-top: 28px;transition:0.5s;}
#fuwu .lanrenzhi a:hover,#fuwu .lanrenzhi a.on{background: #00253d;font-weight: bold;color: #fff;}
#fuwu .lanrenzhi a:hover i{background: url(../images/dai/jian.png)no-repeat top;width: 20px;height: 24px;}

#fuwu .lanrenzhi .content{overflow:hidden; width:880px;height:490px;position: absolute;top: 0px;right:0px;}
#fuwu .lanrenzhi .content .ul{ position:absolute;width:880px;}
#fuwu .lanrenzhi .content .li{ width:880px; float:right;position: relative;text-align: center;height: 490px;}
#fuwu .shou{width:880px;height:490px;position: absolute;top: 0px;right: 0px;}
#fuwu .lanrenzhi .content .li p{width: 100%;height: 80px;line-height: 80px;text-align: center;color: #fff;font-size: 28px;position: absolute;bottom:0px;z-index: 3;background: rgba(0,0,0,0.5);letter-spacing: 2px;}
#fuwu .lanrenzhi .content .li p span{color:#ffe9a4;}


#lei .bottom{margin-top: 40px;}
#lei .bottom li{width: 220px;height: 350px;background: url(../images/dai/lei.jpg)no-repeat center;float: left;text-align: center;color: #999;font-size: 10px;font-family:'Oswald-Medium';letter-spacing: 2px;text-transform: uppercase;margin-right: 25px;}
#lei .bottom li:last-child{margin-right: 0px;}
#lei .bottom li img{margin: 0 auto;display: block;margin-top: 17px;text-align: center;}
#lei .bottom li p{font-size: 20px;font-weight: bold;color: #333333;line-height: 30px;padding-top: 10px;}

/*生产实力*/
#shili{width: 100%;height: 1000px;background: url(../images/dai/shili.jpg)no-repeat top;margin-top: 60px;}
#shili .title{color: rgba(255,255,255,0.7);}
#shili .title p{color: #fff;} 
#shili .title p span{color: #ffe9a4;} 


.gneng{position: relative; height: 560px; width: 1200px;margin: 0 auto;margin-top: 60px;}
.gneng ul{ width:840px;margin: 0  auto 45px;height: 140px;}
.gneng ul li{float: left;width:100px;text-align: center;margin: 0 20px;}
.gneng ul li p{font-size: 20px;color: #fff;font-weight: bold;padding-top: 15px;}
.gneng ul li a{ width:100px;height: 100px;overflow: hidden;display: block;}
.gneng ul li a img{width: 100%;display: block;margin-top: 0px;transition:0.5s;}
.gneng ul li:hover a img,.gneng ul li.cur a img{margin-top: -100px;}
.gneng ul li:hover p,.gneng ul li.cur p{color: #ffe9a4;}


.gn_con{width: 100%;height: 690px !important;background: #efefef;}
.gn_con p{font-size: 30px;color: #333333;font-weight: bold;text-align: center;margin-top: 55px;margin-bottom: 30px;}
.gn_con .dian{font-size: 16px;color: #333;width: 80%;margin: 0 auto;}
.gn_con .dian li{width: 50%;float: left;line-height: 35px;}
.gn_con .dian li span{padding-right: 10px;}
.gn_con .tu img{display: block;margin: 0 auto;margin-top: 40px;}


/*加工流程*/
#liuc{margin-top: 95px;}
#liuc .bottom{margin-top: 40px;width: 100%;background: url(../images/dai/liu_bg.jpg)no-repeat top;height: 200px;background-position:0px 50px;}
#liuc li{float: left;width:120px;text-align: center;margin-right:60px;color: #666;line-height: 20px;}
#liuc li:last-child{margin-right: 0px;}
#liuc li p{font-size: 18px;color: #333;font-weight: bold;padding-top: 15px;margin-bottom: 10px;}
#liuc li a{ width:120px;height: 120px;overflow: hidden;display: block;margin-bottom: 20px;}
#liuc li a img{width: 100%;display: block;margin-top: 0px;transition:0.5s;}
#liuc li:hover a img,#liuc li.cur a img{margin-top: -120px;}


/*客户案例*/
#anli{width:100%;height: 625px;background: #efefef;margin-top: 80px;}

#anli .info_box_pic_box{line-height: 35px;font-size: 16px;text-align: center;}
#anli .info_box_pic_box .swiper-slide{width: 270px;position: relative;overflow: hidden;}
#anli .info_box_pic_box .swiper-slide img{display: block;margin: 0 auto;width: 380px;height: 230px;}
#anli .info_box_pic_box .swiper-slide p{font-size: 16px;color: #333;line-height: 45px;}
#anli .info_box_pic_box .swiper-slide:hover p{color: #00253d;}


#anli .wrap{width: 1400px;}
#anli .info_box_pic_box_wrap{margin-top:40px;}
#anli #mygod{top: 92px;position: absolute;left: 0;width: 46px;height: 46px;background: url(../images/dai/jtL1.png);}
#anli #mygod2{top: 92px;position: absolute;right: 0;width: 46px;height: 46px;background: url(../images/dai/jtR1.png);}

#anli #mygod:hover{background: url(../images/dai/jtL2.png);}
#anli #mygod2:hover{background: url(../images/dai/jtR2.png);}
#anli .more{width: 180px;height: 50px;line-height: 50px;text-align: center;border:1px solid #00253d;color: #00253d;font-size: 16px;margin: 0 auto;border-radius: 50px;margin-top: 30px;}
#anli .more a{color: #00253d;}


/*新闻资讯*/
.wenti{width: 1200px;height: 474px;margin: 40px auto 100px;}
.wenti .left{width: 580px;height: 474px;float: left;}
.wenti .box{height: 166px;border-bottom: 1px solid #ccc;float: left;}
.wenti .left .pic{width: 580px;height: 351px;overflow: hidden;}
.wenti .left .pic img{display: block;transition: 0.5s;width: 580px;height: 351px;}
.wenti .left .pic img:hover{transform: scale(1.1);}
.wenti .ask{margin-top: 40px;}
.wenti .ask div{width: 30px;height: 30px;border-radius: 15px;background:#00253d;font-size: 16px;line-height: 30px;text-align: center;color: #fff;float: left;margin-right: 14px;}
.wenti .ask a{font-size: 18px;color: #333;line-height: 30px;text-align: left;}
.wenti .ask a:hover{color: #00253d;}
.wenti .answer{margin-top: 13px;}
.wenti .answer div{width: 30px;height: 30px;border-radius: 15px;background:#ffe9a4;font-size: 16px;line-height: 30px;text-align: center;color: #333;float: left;margin-right: 14px;}
.wenti .answer p{font-size: 14px;color: #666;line-height: 24px;width: 536px;height: 39px;margin-left: 42px;}
.wenti .right{width: 580px;height: 474px;float: left;margin-left: 40px;}

