html{overflow-x: hidden;}
body{margin:0;padding:0;}
ul{padding:0;margin:0;}
li{list-style: none;}
i{font-style: normal;}
a,a:hover{color:#333;text-decoration: none;}
*{font-family: "微软雅黑";box-sizing: border-box;color:#333;}
.w{width: 98%;max-width: 1680px;margin: 0 auto;}
/*头部*/
.header{width: 100%;padding: 20px 0;background: rgba(255,255,255,0.802);position: relative;z-index: 2;}
.header .w{display: flex;justify-content: space-between;align-items: center;position: relative;}
.header .header-left{display: flex;align-items: center;width: 50%;}
.header .header-xian{width: 1px;height: 56px;background: #cacaca;margin: 0 20px;}
.header .header-text1{font-size: 20px;font-weight: 700;color: #00349a;margin-bottom: 12px;}
.header .header-text2{font-size: 19px;font-weight: 700;color: #ff6600;}
.header .header-right{width: 50%;display: flex;justify-content: space-between;align-items: center;}
.header .header-right div{font-size: 16px;color: #111;}
.header .header-right div:hover{color: #00349a;}
.suoxiao{width: 35px;display: none;}
#nav_select{color: #00349a;}
/*头部*/
/* banner */
.banner{width: 100%;position: relative;}
#s10 .swiper-slide{height: 733px;position: relative;background: url(../images/banner.png);background-size: 100% 100%!important;background-position:  center center!important;}
#s10 .swiper-slide img{height: 100%;position: absolute;left: 50%;transform: translateX(-50%);}
.banner-box1 {padding-top: 46px;position: relative;background-color: rgb( 0, 52, 154, .4);position: absolute;left: 7.9%;top: 37.8%;width: 734px;height: 263px;z-index: 346;}
.banner-box2 {background-color: rgb( 0, 52, 154, .4);position: absolute;left: 6.5%;top: 34.8%;width: 733px;height: 263px;z-index: 345;}
.banner-text1 {font-size: 40px;color: rgb( 255, 255, 255 );line-height: 0.9;margin-left: 47px;}
.banner-text2 {font-size: 14px;color: rgb( 255, 255, 255 );margin-top: 15px;margin-left: 47px;}
.banner-text3 {margin-left: 30px;margin-top: 30px;display: flex;}
.banner-text3 div{margin-right: 52px;font-size: 30px;color: transparent;-webkit-text-fill-color: #ff6600;-webkit-text-stroke: 1px #fff;font-weight: 900;}
.banner-text3 div:last-child{margin-right: 0;}
/* banner */
/*控制台推荐*/
.kong{width: 100%;margin-top: -5px;padding: 60px 0 80px;background: url(../images/kong-back.png) center center no-repeat;background-size: cover;}
.kong-list{display: flex;justify-content: center;flex-wrap: wrap;}
.kong-list a{width: 25%;}
.kong-item{transition: all .8s;width: 100%;border-right: #cfd0d2 solid 1px;background-color: rgba(0,0,0,.5);padding-bottom: 90px;}
.kong-title{padding: 60px 46px;}
.kong-title1{font-size: 30px;color: rgb( 255, 255, 255 );font-weight: bold;text-transform: uppercase;line-height: 1.2;}
.kong-xian{margin-top: 15px;margin-bottom: 40px;width: 30px;height: 3px;background: #b3b5b2;position: relative;}
.kong-xian::before{content: "";width: 100%;height: 100%;background: #ff6600;position: absolute;top: 0;left: 100%;}
.kong-text1{font-size: 17px;line-height: 30px;color: #fff;word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
.kong-img{width: 100%;max-width: 365px;height: 270px;text-align: center;margin: 0 auto;overflow: hidden;display: flex;align-items: center;}
.kong-img img{width: 100%;transition: all .8s;}
.kong-item:hover{background-color: rgba(0,0,0,.6)}
.kong-item:hover .kong-img img{transform: scale(1.1);}
/*控制台推荐*/
/*单品配件*/
.pei{background: #eee;padding: 80px 0;width: 100%;}
.title{font-size: 34px;font-weight: bolder;text-align: center;}
.title-xian{width: 57px;height: 2px;background: #00349A;margin: 20px auto 72px;}
.pei-list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.pei-list a{width: calc(25% - 20px);}
.pei-item{width: 100%;background: #fff;padding: 40px 15px 33px;border-top: 2px solid #00349A;}
.pei-item-title{text-align: center;margin-bottom: 17px;}
.pei-item-title-xian{width: 35px;height: 2px;background: #7f7f7f;margin: 0 auto;margin-bottom: 43px;}
.pei-item-img{width: 100%;overflow: hidden;height: 292px;position: relative;}
.pei-item-img img{width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: all 1s;}
.pei-list a:nth-of-type(2) .pei-item,.pei-list a:nth-of-type(4) .pei-item{border-color: #ff6600;}
.pei-item:hover .pei-item-img img{transform: scale(1.1) translate(-45%, -45%);}
/*单品配件*/
/*产品工艺*/
.chan-box{width: 100%;background: #fff;padding-top: 70px;}
.chan-blue{width: 100%;background: #0a3485;}
.chan-blue-box{width: 98%;max-width: 880px;margin: 0 auto;padding: 18px 0;position: relative;display: flex;justify-content: center;}
.chan-blue-box2{display: block;width: 98%;max-width: 880px;margin: 0 auto;padding: 18px 0;position: relative;}
.chan-blue-box2-list{display: flex;justify-content: center;flex-wrap: wrap;}
.chan-blue-box2-list a{width: 25%;}
.chan-swiper{width: 25%;border-left: 1px solid #294e94;border-right: 1px solid #294E94;cursor: pointer;}
.chan-swiper-img{text-align: center;}
.chan-swiper-img img{transition: all .8s;}
.chan-swiper-img img:first-child{display: none;}
.chan-swiper-text{color: #294E94;text-align: center;transition: all .8s;}
#s1 .swiper-slide{margin-right: 0!important;width: 25%!important;}
.chan-swiper-left ,.chan-swiper-right{display: none;}
.chan-swiper-left1{position: absolute;top: 50%;transform: translate(0,-50%);width: 35px;height: 35px;border: 1px solid #9cadce;border-radius: 50%;text-align: center;line-height: 41px;left: -100px;cursor: pointer;}
.chan-swiper-right1{position: absolute;top: 50%;transform: translate(0,-50%);width: 35px;height: 35px;border: 1px solid #9cadce;border-radius: 50%;text-align: center;line-height: 41px;right: -100px;cursor: pointer;}
.chan-swiper-left1 img,.chan-swiper-right1 img{width: 20px;}
.chan-swiper:first-child .chan-swiper-img img:first-child{display: inline-block;}
.chan-swiper:first-child .chan-swiper-img img:last-child{display: none;}
.chan-swiper:first-child .chan-swiper-text{color: #fff;}
.chan-cont{width: 100%;background-position: top left;padding: 98px 0;}
.chan-cont-text1{display: inline-block;padding: 4px 9px;border: #626269 solid 1px;border-radius: 10px;color: #fff;font-size: 30px;}
.chan-cont-text2{margin-top: 16px;font-size: 30px;color: #fff;}
.chan-cont-text3{margin-top: 60px;color: #fff;line-height: 30px;font-size: 16px;width: 100%;max-width: 600px;}
.chan-cont-img{width: 100%;max-width: 600px;display: flex;justify-content: space-around;margin-top: 80px;}
.chan-cont-img > a > div{text-align: center;cursor: pointer;}
.chan-cont-img > a > div > div{color: #fff;margin-top: 15px;}
.chan-cont-img > a > div:hover div{color: #ff6600;}
.chan-cont-img > a > div:hover img{transition: all 0.8s;}
.chan-cont-img > a > div:hover img{transform: scale(1.1);}
/*产品工艺*/
/*工程案例*/
.gong{width: 100%;padding-top: 70px;padding-bottom: 76px;}
.gong-img{width: 405px;height: 316px;overflow: hidden;}
.gong-img img{min-width: 100%;height: 100%;transition: all .8s;}
.gong-text1{width: 366px;height: 53px;margin-top: -53px;display: flex;align-items: center;background: rgba(255,255,255,.7);position: relative;z-index: 1000;}
.gong-text1 div{display: inline-block;margin-left: 27px;transition:all .8s;font-size: 18px}
.gong-text2{word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;color: #666;line-height: 26px;font-size: 14px;width: 98%;max-width: 300px;margin-left: 27px;margin-top: 30px;}
#s2 .swiper-slide a:hover .gong-text1 div{margin-left: 40px;}
#s2 .swiper-slide a:hover .gong-img img{transform: scale(1.1);}
/*工程案例*/
/*我们的优势*/
.you{width: 100%;padding-top: 70px;padding-bottom: 140px;background-image: url(../images/you1.jpg);}
.you-box{width: 100%;max-height: 630px;position: relative;}
.you-box .w{display: flex;width: 100%;}
.you-box-left{position: relative;z-index: 2;width: 594px;height: 708px;background-color: rgba(255,255,255,.7);padding: 70px 0 0 30px;margin-left: 120px;}
.you-box-left img{width: 55px;}
.you-box-left-div1{font-size: 34px;color: #222;margin-top: 45px;}
.you-box-left-div2{font-size: 12px;color: #222;margin: 10px 0 20px 0;}
.you-box-left-div3{width: 57px;height: 2px;margin-bottom: 40px;background: #333;}
.you-box-left-div4{font-size: 18px;margin-bottom: 12px;}
.you-box-left-div5{font-size: 18px;margin-bottom: 40px;}
.you-box-left-div6{font-size: 15px;color: #444;margin-bottom: 20px;}
.you-box-left-div7{font-size: 15px;color: #444;margin-bottom: 20px;}
.you-box-left-div8{font-size: 15px;color: #444;margin-bottom: 20px;}
.you-box-right{z-index: 1;max-width: 975px;width: 100%;display: flex;justify-content: space-between;padding-left:30px;position: absolute;right: 120px;bottom: 0;transform: translateY(50%);}
.you-box-right > div{border: 1px solid #b1b2b2;width: 155px;height: 155px;border-radius: 50%;background: #fff;text-align: center;padding: 30px;transition: all .8s;}
.you-box-right > div img:first-child{display: none;transition: all .8s;}
.you-box-right > div > div{font-size: 22px;margin-top: 10px;transition: all .8s;}
.hover{cursor: pointer;}
.hover:first-child{background: #00349A;}
.hover:first-child img:first-child{display: inline-block;}
.hover:first-child img:nth-of-type(2){display: none;}
.hover:first-child div{color: #fff;}
#s5{margin: 0;width: 100%;}
#s5 .swiper-slide{transition: all .8s;}
#s5 .swiper-slide > .swiper-slide-img{width: 100%;height: calc(100% - 68px);background-position: center;position: absolute;top: 0;left: 0;background-size: cover;}
/*我们的优势*/
/*关于我们*/
.about{padding: 90px 0;}
.about .w{display: flex;justify-content: space-between;}
.about-title{font-size: 34px;font-weight: bolder;text-align: left;}
.about-title-xian{width: 57px;height: 2px;background: #00349A;margin: 10px 0 72px;}
.about-text{text-indent: 2em;max-width: 945px;width: 100%;font-size: 14px;line-height: 30px;}
.about-but{font-size: 12px;padding: 20px 45px;border-radius: 5px;background: #00349A;color: #fff;display: inline-block;margin-top: 55px;}
.about-right{width: 37.8%;display: flex;flex-direction: column;justify-content: center;}
.about-right img{width: 100%;}
/*关于我们*/
/*合作伙伴*/
.he{width: 100%;background: #f3f3f3;padding: 70px 0;}
.he-title{font-size: 34px;font-weight: bolder;text-align: center;}
.he-title-xian{width: 57px;height: 2px;background: #00349A;margin: 20px auto 120px;}
.he-box {display: flex;justify-content: center;flex-wrap: wrap;}
.he-box .he-item{width: 210px;height: 242px;background: #fff;margin-top: -60px;margin-bottom: 15px;margin-right: 15px;position: relative;background: url(../images/liu.png);background-size:  100% 100%;}
.he-box .he-item:hover img{transform: translate(-50%,-50%) scale(1.1);}
/* .he-box .he-item::after{content: "";position: absolute;top: -50px;left: 0;border-top: 0px solid transparent;border-left: 86px solid transparent;border-right: 86px solid transparent;border-bottom: 50px solid #fff;width: 0;height: 0;}
.he-box .he-item::before{content: "";position: absolute;bottom: -50px;left: 0;border-top: 50px solid #fff;border-left: 86px solid transparent;border-right: 86px solid transparent;border-bottom: 0px solid transparent;width: 0;height: 0;}
 */
.he-box .he-item img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: all .8s;}
.he-box .he-item div{width: 100%;height: 80%;border-radius: 50%;position: absolute;top: 50%;transform: translateY(-50%);overflow: hidden;}
.he-phone{width: 98%;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.he-phone-but1{width: 144px;height: 46px;text-align: center;line-height: 42px;border: 1px solid #003499;background: #fff;color: #00349A;font-size: 14px;border-radius: 23px;}
.he-phone-but1:hover{border-color: #0070ce;background: #00349A;color: #fff;font-size: 16px;}
.he-phone-box{margin: 37px;display: flex;}
.he-phone-box img{margin-right: 13px;}
.he-phone-text1{font-size: 14px;color: #333;}
.he-phone-text2{font-size: 30px;color: #00349A;}
/*合作伙伴*/
/*新闻资讯*/
.news{width: 100%;background: url(../images/news-back.png) no-repeat bottom center;padding: 90px 120px;}
.news-title{font-size: 34px;font-weight: bolder;text-align: center;}
.news-title-xian{width: 57px;height: 2px;background: #00349A;margin: 20px auto 90px;}
.news-item-img{overflow: hidden;width: 100%;position: relative;height: 307px;}
.news-item-img img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: all .8s;height: 100%;width: 100%;}
.news-item:hover .news-item-img img{transform: scale(1.1) translate(-45%, -45%);}
.nwes-item-text{background: #f3f3f3;padding: 24px 30px;margin-top: -5px;}
.nwes-item-text1{font-size: 16px;color: #333;font-weight: 700;margin-bottom: 20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news-item:hover .nwes-item-text1{color: #FF8100;}
.nwes-item-text2{color: #666;font-size: 14px;line-height: 26px;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.nwes-item-text3{display: flex;justify-content: space-between;align-items: center;}
.nwes-item-text3 div{color: #666;font-size: 12px;}
.nwes-item-text3-right{width: 21px;height: 21px;border-radius: 50%;border: 1px solid #7c7c7c;display: flex;justify-content: center;align-items: center;transform: translateX(-10px);transition: all 0.7s;}
.nwes-item-text3-right img{width: 14px;transition: all 0.7s;}
.nwes-item-text3-right img:nth-of-type(1){display: none;}
.news-item:hover .nwes-item-text3-right{border: 1px solid #FF8100;transform: translateX(0px);}
.news-item:hover .nwes-item-text3-right img:nth-of-type(1){display: inline-block;}
.news-item:hover .nwes-item-text3-right img:nth-of-type(2){display: none;}
/*底部*/
.footer{padding-top: 36px;background: #1d1d1d;}
.footer-box{display: flex;justify-content: space-between;flex-wrap: wrap;}
.footer-left{width: 68%;}
.footer-left-list{display: flex;flex-wrap: wrap;padding: 15px 0 47px;border-bottom: 1px solid #323232;}
.footer-left-item{display: flex;margin-right: 40px;}
.footer-left-img{width: 60px;height: 60px;border: 2px solid #636363;border-radius: 50%;display: flex;justify-content: center;align-items: center;margin-right: 15px;}
.footer-left-text{display: flex;flex-direction: column;justify-content: space-around;}
.footer-left-text div{color: #9d9c9c;font-size: 14px;}
.footer-left-you{padding-top: 34px;color: #9c9c9c;font-size: 14px;margin: 0 2%;}
.footer-left-you a{color: #9d9c9c;margin-right: 12px;}
.footer-left-bian{color: #6a6a6a;margin: 30px 2% 0;padding-bottom: 30px;font-size: 14px}
.footer-left-bian a{color: #6a6a6a;margin: 0 5px;}
.footer-right{display: flex;}
.footer-right-box{width: 200px;padding: 10px 10px 0px 10px;background: #151515;}
.footer-right-box-box{text-align: center;width: 100%;border: #323232 solid 1px;padding-top: 20px;}
.footer-right-box-box div{margin: 19px 0 29px;color: #9d9c9c;font-size: 14px}
.footer-right-box:last-child{margin-left: 40px;}

/*返回顶部*/
.top{ cursor:pointer; position:fixed; bottom:100px; background:rgba(0,52,154, .7); right:1%; padding: 15px; display:none; z-index:999;}
.top:hover{background:rgba(0,52,154, 0.9);}
/*返回顶部*/
/*手机底部固定联系我们*/
.sj-footer{position: fixed;bottom:0;left:0;z-index: 99;width: 100%;background:#fff;border-top: solid 1px #ccc;}
.sj-footer ul{display: flex;justify-content: space-around;margin-bottom: 0;}
.sj-footer li{width: 30%;text-align: center;/*background:#eee;*/}
.sj-footer li a{display: inline-block;width: 100%;height: 100%;padding:10px 0;border-left: solid 1px #eee;text-decoration: none;font-size: 13px;color:#333;}
.sj-footer li:nth-child(1) a{border-left:0;}
.sj-footer img{width: 20%;margin-bottom: 5px;}
.visible-xs{display: none;}
/*------------------------------------------------------------------------------------------------------------*/
/* 公共导航条 */
.max{width: 96%;max-width: 1680px; margin: auto;}
.page_address{ border-bottom:1px solid #eee; overflow:hidden; display:block; width:100%; padding:15px 0px;}
.page_address .address{ font-size:14px; color:#666; max-width: 1680px;width:90%;margin: 0 auto;}
.page_address .address span{ float:left; margin:3px 10px 0px 0px;}
.page_address .address *{color:#666; margin:0px;}

/* -- */
/* 标题 */
.often .column{ margin-top:30px; float:left; width:100%; overflow:hidden;}
.page_column{ width: 100%;text-align: center;}
.page_column .often{ width: 98%;max-width: 1200px;margin: 40px auto;text-align: center;}
.page_column .often .text{ font-size: 28px;color: #222;text-align: center;}
.page_column{ padding-top:0px; text-align:center; float:left; width:100%; overflow:hidden;margin-bottom: 60px;}
.page_column .often{ margin:40px auto;}
.page_column .often .text{ text-align:center; float:left; width:100%;}
.page_column a{ display:inline-block; font-size:16px; font-weight:400; color:#333; margin:0px 20px; padding-bottom:10px; border-bottom:2px solid transparent;}
.page_column a:hover{ border-bottom:2px solid #00349A;}
.list .page_news{ margin-top:20px; float:left; width:100%;}
.list .page_news li{ float:left; max-width:100%; width:100%; overflow:hidden; box-sizing:border-box; margin-right:24px; margin-bottom:25px; display:flex;}
.list .page_news li:nth-of-type(3n){ margin-right:0px;}
.list .page_news li .picture{ float:left; width:100%; max-width:260px; box-sizing:border-box; position:relative; overflow:hidden;}
.list .page_news li .picture img{width:100%; height:180px; object-fit:cover; float:left; transition:all linear 0.20s;}
.list .page_news li .content{ border:1px solid #ddd; box-sizing:border-box; padding:15px 5%; max-width:calc(100% - 260px); float:left; width:100%; overflow:hidden; border-left:0px; position:relative; z-index:1;}
.list .page_news li .content::before{ content:""; position:absolute; width:100%; height:100%; background:#00349A; z-index:-1; left:-100%; top:0px; opacity:0; transition:all linear 0.25s;}
.list .page_news li .title{ float:left; font-size:16px; color:#666; width:100%; font-weight:bold; margin-bottom:10px; white-space:pre; text-overflow:ellipsis; overflow:hidden; margin-top:15px;}
.list .page_news li .text{ float:left; font-size:14px; line-height:24px; color:#808080; width:100%; max-height:72px; height:72px; overflow:hidden;}
.list .page_news li:hover .content *{ color:#fff;}
.list .page_news li:hover .picture img{ transform:scale(1.1)}
.list .page_news li:hover .content::before{ left:0px; opacity:1;}
.list .page_pro{margin-top:40px; width:100%; overflow:hidden;display: flex;justify-content: space-between;flex-wrap: wrap;}
.list .page_pro li{ max-width:calc(100% / 3 - 16px);  margin-bottom:20px;}
.list .page_pro li:nth-of-type(3n){margin-right:0px;}
.list .page_pro li .picture{ float:left; width:100%; overflow:hidden; position:relative;}
.list .page_pro li .picture img{ width:100%; display:block;  object-fit:cover; transition:all linear 0.25s; height:285px;}
.list .page_pro li .title{ float:left; width:100%; overflow:hidden; color:#333; font-size:16px; padding-top:10px; box-sizing:border-box; transition: all linear 0.25s; white-space:pre; text-overflow:ellipsis; text-align:center;}
.list .page_pro li:hover .title{ color:#00349A;}
.list .page_pro li:hover .picture img{ transform:scale(1.1)}
.list .page_pro li .picture::after{content:""; position:absolute; width:140%; height:40px; top:20%; transform-origin: bottom; right:0px; background:rgba(255,255,255,0.8); transform:rotate(300deg) translateY(300px); opacity:0;}
.list .page_pro li:hover .picture::after{transform:rotate(300deg) translateY(-300px); transition:all linear 0.5s; opacity:1;}
.page_list{ overflow:hidden; text-align:center; width:100%; margin:35px auto 40px auto;}
.page_list *{ font-size:14px; color:#666;}
.page_list a:hover{color:#00914a;}
.page.pageText .title{ font-size:26px; text-align:center; margin-top:20px;}
.page.pageText time{ font-size:12px; color:#999; float:left; width:100%; text-align:center; margin-top:30px;}
.page.pageText time span{ margin:0px 10px;}
.page.pageText .picture{ width:40%; text-align:center;margin: 0 auto; margin-top: 70px;margin-bottom: 10px;}
.page.pageText .picture img{ margin:0px auto;}
.page.pageText .content{margin: 0 auto; margin-top:0px; display:block; width:100%; padding:40px 0px; box-sizing:border-box;}
.page.pageText .content p{ line-height:36px;}
.page .page_next{ border-top:1px solid #dcdcdc; overflow:hidden; padding:10px 0px; box-sizing:border-box; width:100%; margin-top:40px;}
.page .page_next p{ font-size:14px; color:#333; margin-top:10px;}
.page .page_next a{ font-size:14px; color:#666;}
.page .page_next a:hover{color:#00349A;}
/*联系我们*/
.page_intor{ width:100%; overflow:hidden;}
.page_intor .title{ text-align:center; font-size:20px; margin-top:10px;}
.page_intor time{ text-align:center; display:block; margin-top:25px; font-size:14px; color:rgba(0,0,0,0.40);}
.page_intor .picture{ text-align:center; display:block; margin-top:25px;}
.page_intor .content{margin-top:25px;text-align: left;}
.page_intor .content p{ line-height:32px;}
@media (max-width: 768px) {
	.visible-xs{display: block;}
}
@media (max-width: 375px) {
	.list .page_pro li{max-width:calc(100% / 4 - 10px); margin-right:13px;}
	.list .page_news li .picture{max-width: 100%;}
	.list .page_news li .content{max-width: 100%;}
}