/* 
* @Author: sublime text
* @Date:   2019-10-16 10:28:11
* @Last Modified by:   sublime text
* @Last Modified time: 2019-10-24 18:00:02
*/
/*banner*/
#banner{width: 100%;height: 500px;position: relative;overflow: hidden;}
#banner a{position: absolute;left: 50%;}
#banner a img{position: relative;left: -50%;}

body{background: #efefef;}
/* 面包屑导航 */
.xnv{width: 1200px;height: 80px;margin: 0 auto;line-height: 80px;}
.xnv a{color: #333;padding: 0 5px;}
.xnv span{padding-right: 10px;font-size: 24px;display: block;float: left;}
.xnv span img{ display:block; margin-top:30px;}

#cpms{margin-top: 0;}
#cpms .swiper-container{width: 500px;height: 589px;float: left;}
#cpms .pagination {position: absolute;z-index: 20;bottom: 20px;right: 20px}
#cpms .swiper-pagination-switch {display: inline-block;width: 15px;height:15px;border-radius: 15px;background: #dddddd;margin: 0 5px;cursor: pointer;}
#cpms .swiper-active-switch {background: #00253d;}

#cpms .right{width: 650px;float: right;}
#cpms .right p{font-size: 30px;color: #333;}
#cpms .right hr{border:none;width: 100%;height: 2px;background: #dddddd;margin-bottom: 20px;margin-top: 10px;}
#cpms .right .nei{font-size: 15px;line-height: 30px;color: #333;}
#cpms .right .nei span{font-size: 18px;font-weight: bold;}

#cpms .right .qiding{margin-top: 50px;}
#cpms .right .qiding .zuo{width: 230px;height: 160px;background: #fff;padding-top: 20px;padding-left: 30px;float: left;margin-right: 40px;}
#cpms .right .qiding .zuo li{font-size: 15px;line-height: 36px;color: #666;}
#cpms .right .qiding .zuo li span{color: #999999;padding-right: 10px;}

#cpms .right .qiding .you{float:left;width: 300px;margin-top: 25px}
#cpms .right .qiding .you p{font-size: 26px;font-weight: bold;color: #00253d;line-height: 30px;}
#cpms .right .qiding .you img{display: block;float: left;margin-right: 10px;}
#cpms .right .qiding .you a{width: 200px;height: 52px;line-height: 52px;display: block;text-align: center;color: #fff;background: #00253d;border-radius: 52px;font-size: 18px;margin-top: 30px;}
#cpms .right .qiding>img{margin-top: 47px;}

/*产品详情*/
.title{font-size: 14px;color: #999999;text-transform: uppercase;}
.title span{font-size: 30px;color: #333333;}
.title a{width: 90px;height: 30px;line-height: 30px;text-align: center;color: #fff;display: block;float: right;background: #00253d;border-radius: 30px;margin-top: 10px;}

#cpxq{margin-top: 50px;}
#cpxq .bottom{width: 100%;height: 3410px;background: #fff;margin-top: 30px;}
#cpxq .bottom .nei{width: 1000px;margin:0 auto;}
#cpxq .bottom .nei .datu{padding-top: 90px;}
#cpxq .bottom .nei .fen1{width: 100%;height: 163px;background: url(../images/cpxq/fen1.jpg)no-repeat center;font-size: 36px;color: #333333;line-height: 46px;letter-spacing: 30px;margin-top: 45px;}
#cpxq .bottom .nei .fen1 p{padding-top: 25px;padding-left: 250px;}
#cpxq .bottom .nei .baner{width: 100%;height: 680px;background: url(../images/cpxq/ban2.jpg)no-repeat center;margin-top: 40px;}
#cpxq .bottom .nei .baner .you{width: 580px;float: right;text-align: center;}
#cpxq .bottom .nei .baner .you i{font-size: 20px;font-family: 'Oswald';text-transform: uppercase;padding-top: 380px;display: block;}
#cpxq .bottom .nei .baner .you p{font-size: 42px;padding-top: 40px;}
#cpxq .bottom .nei .baner .you .wen{line-height: 30px;font-size: 16px;letter-spacing: 10px;padding-top: 30px;}
#cpxq .bottom .nei .bansan{width: 100%;height: 540px;background: url(../images/cpxq/ban3.jpg)no-repeat center;margin-top: 40px;position: relative;}
#cpxq .bottom .nei .bansan .left{font-size: 15px;line-height: 30px;color: #666;width: 530px;float: left;}
#cpxq .bottom .nei .bansan .left p{font-size: 26px;color: #333;line-height: 36px;margin: 30px 0px 15px;}
#cpxq .bottom .nei .bansan .pin{width: 480px;position: absolute;left: 50px;bottom:120px;font-size: 18px;color: #333333;line-height: 36px;}
#cpxq .bottom .liuct{margin-top: 40px;}
#cpxq .bottom .liuct .zuotu{width: 420px;float: left;height: 460px;position: relative;}
#cpxq .bottom .liuct .youtu{width: 580px;float: right;}
#cpxq .bottom .liuct .youtu li{width: 280px;margin-left: 10px;float: left;margin-bottom: 10px;height: 225px;position: relative;}
#cpxq .bottom .liuct p{width: 100%;height: 40px;bottom: 0px;position: absolute;background: rgba(0,0,0,0.77);line-height: 40px;text-align: center;color: #fff;font-size: 16px;}
#cpxq .bottom .liuct .wen{font-size: 16px;line-height: 32px;color: #333333;padding-top: 40px;text-align: center;}


/*产品推荐*/
#cptj{margin-top: 70px;}
#cptj .title{width: 1200px;margin:0 auto;}

#cptj .install dl{ width:100%;overflow:hidden;height: 700px;display: block;}
#cptj .install dl img{ width:100%; height:700px;display: block;}

#cptj .install_m{width: 1376px;margin: 0 auto;position: relative;margin-top: 30px;}
#cptj .install_l img,.install_r img{ width:34px; height:34px; padding-top:200px;}

#cptj #projectsL{top: 173px;position: absolute;left: 0;width: 46px;height: 46px;background: url(../images/dai/jtL1.png);}
#cptj #projectsR{top: 173px;position: absolute;right: 0;width: 46px;height: 46px;background: url(../images/dai/jtR1.png);}


#cptj .install_m li{width: 285px;height: 400px;color: #333;background: #fff;float: left;margin-right: 20px;margin-bottom: 20px;box-shadow: 0px 0px 5px 5px #e7e7e7;}
#cptj .install_m li p{font-size: 24px;color: #333;text-align: center;display: none;font-weight: bold;}
#cptj .install_m li hr{width: 30px;height: 1px;background: #333333;border:none;margin-top: 25px;display: none;}
#cptj .install_m li img{display: block;width: 100%;}
#cptj .install_m li a{width: 185px;height: 42px;line-height: 42px;border:1px solid #333;display: block;color: #333;border-radius: 42px;text-align: center;font-size: 16px;margin: 0 auto;}
#cptj .install_m li .a2{display: none;}

#cptj .install_m li:hover{background: #00253d;color: #fff;}
#cptj .install_m li:hover .a1{display: none;}
#cptj .install_m li:hover .a2{display: block;background: #ffe9a4;border:1px solid #ffe9a4;margin-top: 30px;width: 155px;}
#cptj .install_m li:hover hr{background: #fff;display: block;}
#cptj .install_m li:hover p{padding-top: 65px;color: #fff;display: block;}
#cptj .install_m li:hover img{display: none;}
#cptj .install_m li .wen{display: none;padding-top: 20px;width:75%;margin: 0 auto;font-size: 14px;line-height: 30px;text-align: center;}
#cptj .install_m li:hover .wen{display: block;}


/*产品分类*/
#cpfl{margin-top: 70px;}
#cpfl .title{width: 1200px;margin:0 auto;}

#cpfl .install dl{ width:100%;overflow:hidden;height: 700px;display: block;}
#cpfl .install dl img{ width:100%; height:700px;display: block;}

#cpfl .install_m{width: 1376px;margin: 0 auto;position: relative;margin-top: 30px;}
#cpfl .install_l img,.install_r img{ width:34px; height:34px; padding-top:200px;}

#cpfl #projectL{top: 142px;position: absolute;left: 0;width: 46px;height: 46px;background: url(../images/dai/jtL1.png);}
#cpfl #projectR{top: 142px;position: absolute;right: 0;width: 46px;height: 46px;background: url(../images/dai/jtR1.png);}


#cpfl .install_m li{width: 198px;height: 300px;color: #333;background: #fff;float: left;margin-right: 2px;text-align: center;position: relative;}
#cpfl .install_m li .bg{width: 100%;height: 140px;background: #fff;position: absolute;bottom:0;transition:1s;}
#cpfl .install_m li p{font-size: 20px;color: #333;padding-top: 40px;}
#cpfl .install_m li i{font-size: 12px;color: #999999;text-transform: uppercase;}
#cpfl .install_m li hr{width: 30px;height: 2px;background: #00253d;border:none;margin-top: 15px;}
#cpfl .install_m li img{display: block;width: 100%;height: 160px;position: absolute;top: 0;}
#cpfl .install_m li a{width: 36px;height: 36px;margin:0 auto;display: none;background: url(../images/cpxq/jia.png)no-repeat center;margin-top: 20px;}

#cpfl .install_m li:hover .bg{background: #00253d;color: #fff;height: 200px;width: 100%;}
#cpfl .install_m li:hover a{display: block;}
#cpfl .install_m li:hover hr{background: #fff;display: block;}
#cpfl .install_m li:hover p{color: #fff;display: block;}


/*产品加工*/
#cpjg{margin-top: 70px;}
#cpjg .bottom li{width: 380px;float: left;margin-right: 30px;margin-top:30px;}
#cpjg .bottom li img{width: 380px;height:230px;}
#cpjg .bottom li:nth-child(3){margin-right: 0px;}
#cpjg .bottom li p{font-size: 20px;color: #333333;font-weight: bold;margin: 20px 0px;}
#cpjg .bottom li .nei{font-size: 15px;color: #666;line-height: 25px;}
#cpjg .bottom li a{width: 140px;height: 40px;line-height: 40px;text-align: center;border-radius: 40px;display: block;background: #999999;font-size: 15px;color: #fff;margin-top: 25px}
#cpjg .bottom li a:hover{background: #00253d;}


/*共用滑动*/
.info_box_pic_box_wrap{margin-top:20px;}
.info_box_pic_box{width:1220px;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;}

/*常见问题*/
#cjwt{margin-top: 70px;}
#cjwt .bottom li{width: 338px;float: left;margin-right: 30px;margin-top:30px;height: 198px;background: #fff;border:1px solid #dddddd;padding: 0 20px;margin-bottom: 80px;}
#cjwt .bottom li:nth-child(3){margin-right: 0px;}
#cjwt .bottom li p{font-size: 18px;color: #333333;padding: 30px 0px 10px;}
#cjwt .bottom li .nei{font-size: 15px;color: #666;line-height: 25px;}
#cjwt .bottom li .ri{height: 40px;line-height: 40px;text-align: right;margin-top: 20px;color: #999999;font-family: 'Oswald';}
#cjwt .bottom li a{width: 140px;height: 40px;line-height: 40px;text-align: center;border-radius: 40px;display: block;background: #999999;font-size: 15px;color: #fff;float: left;}
#cjwt .bottom li a:hover{background: #00253d;}