html{ width: 100%;}
body{overflow-x: hidden; font-size: 14px; background: #fff; font-family: "Arial","Microsoft Yahei",Verdana,Arial,sans-serif; line-height: 1.4; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
ol,ul,li{list-style: none;}
a{text-decoration: none; color: #333; -webkit-tap-highlight-color: rgba(255,0,0,0);  cursor: pointer;}
a:hover{color: #008CD0}
em,i{font-style: normal;}
h1,h2,h3,h4,h5,h6,th{font-weight: normal;}
strong{font-weight: 800;}
img{border: 0; height: auto; vertical-align: middle;}
table{border-collapse: collapse; border-spacing: 0;}
input,textarea,select,button{border: 0; background: none; outline: 0; font-family: "Microsoft Yahei";}
input[type="button"],input[type="text"],input[type="submit"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}
input,input:focus,input:active{user-select: text;}
button:focus{outline: 0;}
textarea{resize: none;}
video{outline: none;display: block;}
*{margin: 0;padding: 0;}
img{max-width: 100%;}
.confix:after{content: ""; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;}
.container{width: 1400px; margin: 0 auto;position: relative;}
.tr *{ transition:.5s; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; }

.fl{float: left;}
.fr{float: right;}

.dis_b{display: block;}
.dis_n{display: none;}

.ksd-tit {font-size: 36px;font-weight: bold; color: #222; line-height: 50px;text-align: center;position: relative;z-index: 3;}
.ksd-subtit{font-size: 80px;font-weight: bold;color: #f1f1f1;margin-top: -80px;margin-bottom: 20px; text-align: center;text-transform: uppercase;position: relative;z-index: 1;}

.pd30{padding: 30px;box-sizing: border-box;}
/**************************************** header start **************************************/
.header{position: fixed;top: 0;left: 0;width: 100%;z-index: 9999;background: #fff;border-bottom: 1px solid #e8e8e8;}
.header_zw{display: block;height: 80px;transition: .3s;}
.header_zw.active{height: 90px;}
.head1{height: 40px;line-height: 40px;background: #292B2D;overflow: hidden;}
.head1 span,.head1 a{font-size: 14px;color: #c4c4c4;}
.head1 .iconfont{font-size: 20px;margin-right: 8px;}
.head1 .a{font-size: 26px;}
.head1 .icon-email-fill{position: relative;top: 2px;}
.head1 a+span{margin-left: 40px;}

.head2{height: 80px;box-shadow: 0px 2px 4px #a7a7a72e;}
.head2 .logo{float: left;margin-top: 20px;}
.head2 .head_more{float: right;}
.head2 .t_nav{float: right; margin-left: 40px;}
/* .head2 .t_nav>ul>li{float: left;margin-right: 80px;position: relative;} */
.head2 .t_nav>ul>li{float: left;margin-right: 60px;position: relative;}

.head2 .t_nav>ul>li.active>a{color: #008CD0;}
.head2 .t_nav>ul>li>a{line-height: 80px;font-size: 16px;color: #444;}
.head2 .t_nav>ul>li>a i{ display: inline-block;margin-left: 10px; height: 6px; width: 11px; background: url("../images/xia.png")no-repeat; background-size: 100%; opacity: 0; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }

.head2 .t_nav>ul>li:hover>a{color: #008CD0 !important;}
.head2 .t_nav>ul>li:hover>a i{opacity: 1;}

.lang_box{position: relative;margin-top: 30px;margin-left: 20px; font-size: 14px;color: #666;height: 40px;cursor: pointer;float: left;}
.lang_box i{display: inline-block; margin-right: 5px;}
.sel_lang_box{opacity: 0;visibility: hidden;margin-top: 20px;height: 0; transition: .3s; position: absolute;top: 100%;left: -10px;background: #FFFFFF;width: 100px;box-sizing: border-box;padding: 8px 0px;box-shadow: 0px 2px 10px 1px rgba(96, 96, 96, 0.18);box-sizing: border-box;}
.sel_lang_box a{display: block;box-sizing: border-box;height: 36px;line-height: 36px;padding: 0 5px;font-size: 14px;}
.sel_lang_box a:hover{background-color: rgb(233, 233, 233);}
.lang_box:hover .sel_lang_box{opacity: 1;visibility: visible;margin-top: 0;height: auto;}


.search_box{position: relative; float: left; box-sizing: border-box; padding: 30px 20px 30px; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; }
.search_box::after{content: "";display: block;width: 1px;height: 20px;background-color: #DDD;position: absolute;right: 0;top: 30px;}
.search_box .search-inp{opacity: 0;visibility: hidden;padding: 10px 20px;margin-top: 20px;height: 0; transition: .3s; position: absolute;top: 100%;left: -100px;background: #FFFFFF;width: auto;box-sizing: border-box;box-shadow: 0px 2px 10px 1px rgba(96, 96, 96, 0.18);box-sizing: border-box;}
.search_box .int{ display: block; width: 210px; height: 36px; float: left; line-height: 36px; border: 1px solid #ccc; padding: 0 40px 0 15px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.search_box .btn{display: block;width: 28px;height: 28px;background: url(../images/search.png) no-repeat;float: left;background-position: center;cursor: pointer;margin-right: 5px;margin-top: 4px;position: absolute;right: 25px;top: 10px;}
.search_box i{display: block;cursor: pointer;}
.search_box:hover .search-inp{opacity: 1;visibility: visible;margin-top: 0;height: auto;}

/* .t_subnav {width:160px;background:#ffffff;text-align:left;position:absolute;left:-50px;top:100%;height:0;overflow:hidden;opacity:0;visibility:hidden;transition:all .3s;box-shadow:0 0 16px -4px rgba(0,0,0,.3);margin-top:20px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;z-index:44;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.t_subnav ol{box-sizing: border-box;}
.t_subnav ol li{width: 100%;margin: 0 !important;}
.t_subnav a { transition: .3s;text-align: center; padding: 0 20px; box-sizing: border-box; width: 100%; display:block; height:50px; line-height:50px; color:#242424; font-size: 16px; box-sizing: border-box; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.t_subnav a .iconfont{font-size: 10px;padding-right: 5px;zoom: .8;position: relative;top: -2px;}
.t_subnav a:hover {background:#008CD0;color:#fff!important;}
.t_nav ul > li:hover .t_subnav {height:auto;opacity:1;visibility:visible;margin-top:0;}
 */
.wap_header{display: none;}
.w_header{height: 50px; background: #fff; box-shadow: 0 0px 48px 0 rgba(0,0,0,.1); position: fixed;top: 0;left: 0;width: 100%; z-index: 999999;}
.w_header .logo{float: left; height: 40px; margin-top: 5px; margin-left: 10px;}
.w_header .logo a{display: block; height: 100%;line-height: 50px; font-size: 12px;}
.w_header .logo a img{display: block; height: 100%; float: left;margin-right: 5px;}
.w_header .sp_nav{display: block; width: 30px; height: 30px; position: absolute; top: 0; right: 10px; margin-top: 15px; z-index: 5;}
.w_header .sp_nav i{display: block; background: #008CD0; width: 30px; height: 2px; position: absolute; left: 0; transition: all ease .35s;}
.w_header .sp_nav i:nth-of-type(1){top: 0;}
.w_header .sp_nav i:nth-of-type(2){top: 10px;}
.w_header .sp_nav i:nth-of-type(3){top: 20px;}
.w_header .sp_nav.sp_nav_se i:nth-of-type(1){top: 10px; transform: rotate(45deg);}
.w_header .sp_nav.sp_nav_se i:nth-of-type(2){width: 0;}
.w_header .sp_nav.sp_nav_se i:nth-of-type(3){top: 10px; transform: rotate(-45deg);}
.w_nav{width: 100%; height: calc(100% - 50px); position: fixed; left: 0; top: -100%; z-index: 99999; transition: top ease .35s;}
.w_nav.nav_show{top: 50px;}
.w_nav > ul{min-width: 320px; height: 100%; margin: 0 auto; background: #eee; position: relative; overflow-y: auto;}
.w_nav ul li{border-top: 1px solid #ddd; margin-left: 20px; line-height: 40px; font-size: 14px; position: relative;}
.w_nav > ul > li:first-child{border-top: 0 none;}
.w_nav ul li a{height: 44px; line-height: 44px; display: block; padding-right: 45px; color: #666;}
.w_nav ul li ul{display: none;}
.w_nav ul li i span{font-size: 14px; transition: all .5s;}
.w_nav ul li i span:before{content: "";display: block;height: 100%;width: 100%;background: url(../images/right.png) no-repeat;background-size: 12px;background-position: center;transition: .3s;}
.w_nav ul li i.nav_btndown span::before{color: #008CD0; transform: rotate(90deg);}

.head2 .t_nav>ul>li:hover .ReactCollapse--collapse{visibility: visible;opacity: 1;top: 81px;}
.ReactCollapse--collapse{position: fixed;left: 0px;top: 55px; width: 100%;visibility: hidden;opacity: 0;transition: .5s;}
.nav-item-dropdown{width: 100%;background: rgba(255,255,255,0.9);overflow: hidden;}
.nav-item-dropdown .column-wrap{column-count: 7;-moz-column-count: 7;-webkit-column-count: 7;grid-column-gap: 20px;column-gap: 20px;}
.column-wrap .second-menu{page-break-inside: avoid;break-inside: avoid; margin-bottom: 40px;}
.flex-wrap{display: flex;flex-wrap: wrap;justify-content: center;}
.flex-wrap .second-menu{max-width: 182px;margin-right: 60px;margin-bottom: 0;}

.second-ul{padding: 40px 0;}
.second-ul .second-menu .second-name{font-size: 16px;line-height: 22px;font-weight: bold;}
.second-ul .second-menu .line{line-height: 3px;margin: 6px 0 16px;width: 100%;height: 1px;background: #008CD0;position: relative;}
.second-ul .second-menu .line::after{content: "";display: block;width: 30px;height: 3px;position: absolute;top: -1px;left: 0;background-color: #008CD0;}
.second-ul .second-menu .third-ul .third-menu{margin-bottom: 12px;}
.second-ul .second-menu .third-ul .third-menu .third-name{font-size: 14px;color: #666;line-height: 20px;}
.second-ul .second-menu .third-ul .third-menu .third-name:hover{color: #008CD0;cursor: pointer;}




/**************************************** header end **************************************/

.banner{width: 100%;overflow: hidden;position: relative;}
.banner img{display: block;width: 100%;max-width: 100%;}
.banner .swiper-pagination-bullet{width: 20px;height: 3px;border-radius: 0;}

/* 推荐产品 */
.tjcp{padding: 90px 0 80px;}
.tjcp ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.tjcp ul li{width: 32%;padding: 30px;box-sizing: border-box;margin-bottom: 2%;}
.tjcp ul li:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1);}
.tjcp ul li:hover{ transform:translateY(-10px) ; -webkit-transform:translateY(-10px) ; -moz-transform:translateY(-10px) ; -ms-transform:translateY(-10px) ; -o-transform:translateY(-10px) ; }
.tjcp ul li:nth-of-type(1){background-color: rgb(240, 242, 243);}
.tjcp ul li:nth-of-type(2){background-color: rgb(244, 238, 236);}
.tjcp ul li:nth-of-type(3){background-color: rgb(248, 247, 249);}
.tjcp ul li:nth-of-type(4){background-color: rgb(245, 241, 238);}
.tjcp ul li:nth-of-type(5){background-color: rgb(240, 242, 243);}
.tjcp ul li:nth-of-type(6){background-color: rgb(237, 243, 245);}
.tjcp ul li:nth-of-type(7){background-color: rgb(246, 243, 246);}
.tjcp ul li:nth-of-type(8){background-color: rgb(227, 231, 237);}
.tjcp ul li a{display: block;}
.tjcp ul li.big-list{width: 66%;}
.tjcp ul li img{display:block;margin: 40px auto 0;max-width: 100%;}
.tj-det .tj-t{font-size: 20px;color: #222;;line-height: 36px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tj-det .tj-subt{font-size: 16px;color: #999;line-height: 20px;height: 20px; overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}


/* 解决方案 */
.jjfa{background: #F8F8F8;padding: 80px 0 40px;}
.jjfa .swiper-container-jjfa{overflow: hidden;padding-bottom: 100px;position: relative;}
.jjfa-img{width: 100%;height: 200px;overflow: hidden;}
.jjfa-img img{width: 100%;height: 100%;object-fit: cover;}
.swiper-container-jjfa .swiper-slide{background-color: #fff;}
.swiper-container-jjfa .swiper-slide:hover .jjfa-img img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }
.jjfa-det{padding: 30px;box-sizing: border-box;}
.jjfa-det i{display: block;height: 50px;}
.jjfa-det i img{display: block;margin: 0 auto;height: 100%;}
.jjfa-det .jjfa-t{font-size: 20px;font-weight: bold;color: #222;margin-top: 30px;text-align: center;}
.jjfa-det .jjfa-cont{font-size: 16px;line-height: 30px;height: 90px; margin-top: 15px; color: #666;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}

.jjfa-bot{position: absolute;bottom: 20px;left: 0; width: 100%;text-align: center;}
.jjfa-bot .swiper-pagination{position: relative;}
.jjfa-bot .swiper-pagination-bullet{width: 10px;height: 10px;background-color: #ccc; margin: 0 10px;opacity: 1;}
.jjfa-bot .swiper-pagination-bullet-active{background: #004DA1;}
.jjfa-bot .swiper-button-prev{left: 40%;}
.jjfa-bot .swiper-button-next{right: 40%;}
.jjfa-bot .swiper-button-prev,
.jjfa-bot .swiper-button-next{ background-color: #004DA1; width: 50px;height: 50px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05); z-index: 11;}
.jjfa-bot .swiper-button-prev::after,
.jjfa-bot .swiper-button-next::after {font-size: 20px;color: #fff;}
.jjfa-bot .swiper-button-disabled{background: #CCCCCC;color: #fff !important;}
.jjfa-bot .swiper-button-disabled::after{color: #999;}


/* 新闻资讯 */
.news{padding: 80px 0 40px;}
.news a{display: block;}
.news-box .news-l,
.news-box .news-r .news-det{background: #F8F8F8;}
.news-box .news-l{width: 33.8%;float: left;}
.news-box .news-r{width: 66%;float: right;display: flex;justify-content: space-between;flex-wrap: wrap;}
.news-box .news-r a{display: block;width: 49.9%;margin-bottom: 0.3%;}
.news-box .news-r .news-det{padding: 30px;box-sizing: border-box;}
.news-img{width: 100%; height: 240px;overflow: hidden;margin-bottom: 30px;}
.news-img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.news-l:hover img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }

.news-det .tip{ display: block;width: 80px;line-height: 30px;text-align: center;color: #004DA1; background: #DBECFF; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.news-det .news-t{ margin-top: 30px; font-size: 18px; font-weight: bold; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.news-det .news-cont{font-size: 16px;color: #666;line-height: 22px;height: 45px; margin-top: 8px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news-time{margin-top: 48px;}
.news-time span{font-size: 16px;color: #999;}
.news-time i{float: right;}
.news-det:hover .news-t{color: #004da1;}

.see-more{margin: 40px auto 0;width: 120px;text-align: center;line-height: 40px;color: #004da1;border-top: 1px solid #004DA1;border-bottom: 1px solid #004da1;}
.see-more:hover{color: #fff;background-color: #004da1;border: 1px solid #004da1;}


/* footer */
.footer{background: #F5F5F5;}
.footer .line{display: block; width: 100%;height: 7px;background: linear-gradient(90deg,#056EE1,#E6001C);}
.footer .container{padding: 50px 0;}
.footer .foot-list{display: flex;justify-content: space-between;width: 80%;float: left;}
.footer .foot-list dl dt{font-size: 18px;font-weight: bold;color: #222222;margin-bottom:20px;}
.footer .foot-list dl dd{line-height: 32px;color: #888;}
.footer .foot-list dl dd:hover{color: #004DA1;}
.footer .foot-list dl dd a{color: inherit;}


.addr-check{position: relative;width: 120px;box-sizing: border-box; background: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 4px; line-height: 40px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; cursor: pointer;z-index: 9;}
.addr-check span{display: block;color: #999;line-height: 40px;padding-left: 15px;}
.addr-check i{position: absolute;right: 10px;top: 18px;height: 6px;width: 11px;display: block;}
.addr-check i img{display: block;}
.addr-option{position: absolute;top: 39px;left: -1px; width: 100%;visibility: hidden;opacity: 0; background-color: #fff;border: 1px solid #ccc;border-top: none;}
.addr-option p{color: #999;border-top: 1px solid #ccc;padding-left: 15px;box-sizing: border-box;}
.addr-option p:hover{background-color: #666;color: #fff;}
.addr-check:hover .addr-option{visibility: visible;opacity: 1;} 
.foot-gzwm{width: 150px;float: right;}
.foot-gzwm span{font-size: 18px;display: block; font-weight: bold;color: #222;margin-bottom:20px;}
.foot-gzwm .gz-code{width: 150px;height: 150px;}
.foot-gzwm .gz-code img{display: block;width: 100%;}
.foot-gzwm p{text-align: center;color: #888;margin-top: 10px;}

.addr-box{color: #888;line-height: 32px;}
.addr-box ul{min-width: 360px;display: none;}
.addr-box ul:first-child{display: block;}
.addr-box i{margin-right: 10px;}

.cpr{color: #888;font-size: 16px;text-align: center; line-height: 60px;border-top: 1px solid #eee;padding: 0 !important;}



/************************************************************ 解决方案 *********************************************************************/
.ny-banner{height: 300px;width: 100%; position: relative;}
.ny-cont{font-size: 60px;color: #222;font-weight: bold;padding-top: 100px;position: relative;}
.ny-cont::after{content: ""; position: absolute;bottom: -30px;height: 2px;width: 75px;background-color: #222;display: block;}


.menu{padding: 20px 0;}
.menu p{float: left; line-height: 50px;color: #999;font-size: 16px;}
.menu p a{margin-left: 10px;}
.menu form{float: right;position: relative;}
.menu input{ width: 500px; box-sizing: border-box; padding: 0 80px 0 20px;line-height: 50px;height: 50px; border: 1px solid #004DA1; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; }
.menu button{display: block;position: absolute;width: 80px;height: 50px;border-left: 1px solid #004DA1;right: 0;top: 0px;background: url("../images/search.png")no-repeat center;cursor: pointer;box-sizing: border-box;}

.jjfa-box{background-color: #fff;padding-bottom: 30px;margin-bottom: 50px;}
.jjfa-hd{width: 100%; height: 60px;line-height: 60px;border-bottom: 1px solid #EEEEEE;}
.jjfa-hd ul{display: flex;justify-content: space-around;text-align: center;}
.jjfa-hd ul li{position: relative;color: #666;font-size: 18px;cursor: pointer;}
.jjfa-hd ul li::after{ content: ""; opacity: 0; display: block; width: 100%; height: 3px; background: #004DA1; position: absolute; bottom: -2px; left: 0; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.jjfa-hd ul li.on{font-weight: bold;color: #222;}
.jjfa-hd ul li.on::after{opacity: 1;}
.jjfa-hd ul li:hover::after{opacity: 1;}

.jjfa-bd{padding: 30px;box-sizing: border-box;}
.jjfa-list ul li{background: #F8F8F8;margin-bottom: 20px;}
.jj-img{width: 333px;height: 250px;overflow: hidden;display: inline-block;}
.jj-img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.jjfa-list ul li:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); }
.jj-det{width: calc(100% - 340px);padding: 30px; box-sizing: border-box;display: inline-block;vertical-align: top;}
.jj-det .jj-tit{font-size: 20px;font-weight: bold;color: #000000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.jj-det .jj-cont{font-size: 16px;color: #666666;line-height: 30px;margin-top: 20px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.jj-det a{margin-top: 40px;line-height: 40px;text-align: center;color: #004DA1; display: block; height: 40px; width: 120px; border: 1px solid #004DA1; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.jj-det a:hover{background-color: #004DA1;color: #fff;}


/* 产品列表 */
.cp-det{background-color: #fff;padding: 50px 100px;box-sizing: border-box;}
.detbox-l{display: inline-block;vertical-align: middle;width: 60%;}
.detbox-l .det-tit{font-size: 36px;color: #222;font-weight: 400;}
.detbox-l .det-cont{font-size: 16px;color: #666;line-height: 36px;margin-top: 25px;}
.detbox-l .cp-btn{margin-top: 50px;}
.detbox-l .cp-btn a{display: inline-block;text-align: center;line-height: 40px; margin-right: 20px; width: 120px; height: 40px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.detbox-l .lxsh{ background: #004DA1;color: #fff;}
.detbox-l .lxsh:hover{ background: #036ad8;}
.detbox-l .zlxz{border: 1px solid #004DA1;color: #004DA1;}
.detbox-l .zlxz:hover{background-color: #004DA1;color: #fff;}

.detbox-r{display: block;width: 33%; float: right;}
.detbox-r img{display: block;margin: 0 auto;}

.cplb-info .info-bd img{display: block;margin: 30px auto;}
.cplb-box .info-det{margin-bottom: 20px;}
.cplb-search{background-color: #fff;padding: 30px 0 50px;margin-bottom: 20px;z-index: 999;}
.search-inp{float: none !important;width: max-content;margin: 0 auto;}
.sele-box{margin-top: 20px;display: flex;flex-wrap: wrap;}
.sele-box .layui-form-select dl dd.layui-this{background-color: #004da1;}
.sele-box .layui-form-item{width: 32%;display: inline-block;}
.sele-box .layui-form-label{text-align: right;width: 140px;}
.sele-box .layui-input-block{margin-left: 170px;}
.sele-btn{margin-top: 30px;text-align: center;}
.sele-btn button{font-size: 16px; display: inline-block; width: 200px; line-height: 40px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; cursor: pointer;}
.sele-btn .sx{background: #004DA1;color: #fff;margin-right: 10px;}
.sele-btn .sx:hover{background-color: #008CD0;}
.sele-btn .cz{color: #666;border: 1px solid #DDD;}
.sele-btn .cz:hover{color: #fff;background-color: #004DA1;}

.cplb-list {background-color: #fff;padding: 30px;box-sizing: border-box;text-align: center;}
.cp-list-box{margin: 40px 0;border: 1px solid #EBEBEB;}
.cplb-list .list-tit{font-size: 36px;font-weight: bold;color: #222;position: relative;z-index: 2;}
.cplb-list .list-subtit{font-size: 80px;font-weight: bold;color: #F9F9F9;margin-top: -70px;}
.cplb-list ul{display: grid;grid-template-columns: 180px 180px 180px 180px 180px 180px 180px 1fr;grid-gap: 0px 10px;align-items: start;text-align: center;}
.cplb-list ul li{line-height: 50px;}
.cplb-list .cp-list-top{font-weight: bold;background: #EBEBEB;}
.cp-txt a:nth-of-type(2n) ul{background-color: #F8F8F8;}
.cp-contect li i{display: inline-block;width: 20px;height: 20px;vertical-align: middle;}
.cp-contect li i.red{background: url("../images/red.png")no-repeat center/cover;}
.cp-contect li i.green{background: url("../images/green.png")no-repeat center/cover;}
.cp-contect li i.blue{background: url("../images/blue.png")no-repeat center/cover;}
.cp-contect li i.white{background: url("../images/white.png")no-repeat center/cover;}
.cp-contect li i.colour{background: url("../images/colour.png")no-repeat center/cover;}
.cp-contect:nth-of-type(2n){background: #F8F8F8;}


/* 产品详情 */
.cp-contact{background: #FFF url("../images/cp-bg.png")no-repeat center/cover;padding: 50px 0;}
.cp-l{width: 40%;display: inline-block;vertical-align: middle;overflow: hidden;}
.cp-r{width: 55%; display: inline-block;vertical-align: middle; margin-left: 3%;box-sizing: border-box;}
.cp-l img{display: block;margin: 0 auto;max-width: 400px;}
.cp-r .swiper-slide{opacity: 0.6; width: 80px;height: 80px;padding: 10px; border: 1px solid #DDDDDD;background: #FFFFFF;box-sizing: border-box;cursor: pointer;}
.cp-r .swiper-slide img{display: block;width: 100%;height: 100%;object-fit: contain;}
.cp-r  .swiper-container-thumbs{margin-top: 50px;}
.cp-r .swiper-slide.swiper-slide-thumb-active{border: 1px solid #004DA1;opacity: 1;}
.cp-r span{display: block;margin-top: 15px;}
.cp-tit{font-size: 36px;color: #222;margin-bottom: 30px;}
.det-tit{font-size: 16px;font-weight: bold;color: #222;}
.det-cont{font-size: 16px;color: #666666;line-height: 30px;}

.cp-info{margin-top: 20px;background-color: #fff;}
.cp-info .info-top{line-height: 60px;border-bottom: 1px solid #eee; display: flex;justify-content: center;flex-wrap: wrap;}
.cp-info .info-top li{margin: 0 50px;font-size: 18px;color: #666;cursor: pointer;position: relative;}
.cp-info .info-top li:hover,
.cp-info .info-top li.on{color: #222;font-weight: bold;}
.cp-info .info-top li.on::after{content: "";display: block;width: 100%;height: 3px; background: #004DA1;position: absolute;left: 0;bottom: 0;}
.info-det{padding: 30px;box-sizing: border-box;margin-bottom: 50px;}
.canshu ul{width: 100%;border: 1px solid #EBEBEB;}
.canshu ul li{display: flex;flex-wrap: wrap;border-bottom: 1px solid #F8F8F8;line-height: 50px;}
.canshu ul li:last-child{border-bottom: none;}
.canshu ul li span{width: 15%;background-color: #EBEBEB;font-weight: bold; text-align: center;}
.canshu ul li p{width: 85%;padding-left: 100px;box-sizing: border-box;}


/*æ–°é—»*/
.newDetail-content .content-wrap .content p{
	line-height: 28px;
}

.about_box {
    display: flex;
    padding: 2%;
    align-items: center;
}
.about_desc {
    padding: 2%;
    width: 50%;
}
.about_desc p{
	font-size: 16px;
	text-indent: 2em;

}
.about_desc p+p{
	margin-top: 10px;
}
.ksdFA_Q{
	padding: 1%;
}


@media screen and (max-width:1499px) {
	.container{width: 1170px;}
	.head2 .t_nav>ul>li{margin-right: 30px;}
    .search_box{margin-right: 20px;}
    .search_box .int{width: 150px;}

	.tjcp ul li.big-list{width: 100%;}
	.tjcp ul li{width: 49%;}
	.tjcp ul li.last-list{width: 32%;padding: 20px;}

	.jjfa-det{padding: 20px;}

	.cp-det{padding: 40px 60px;}

	.cplb-list ul{grid-template-columns: 160px 120px 80px 80px 80px 80px 80px 80px 1fr;}
}


@media screen and (max-width:1250px) {
	/* .container{width: 1000px;} */


}

@media screen and (max-width:1199px) {
	.container{width: auto;box-sizing: border-box;padding: 0 10px;}
	.header{display: none;}
    .header_zw{height: 50px;}
	.wap_header{display: block;}
    .w_header .logo{height: 40px;margin-top: 5px;}

	.pd30{padding: 15px;}
	.news-box .news-r .news-det{padding: 23px;}

	.tj-det .tj-t{font-size: 16px;}
	.tj-det .tj-subt{font-size: 14px;}
	.jjfa-bot .swiper-pagination-bullet{margin: 0 3px;}
	.footer .container{display: none;}
	.cpr{font-size: 14px;display: block !important;}

	.ny-cont{padding-top: 100px;font-size: 40px;}
	.ny-cont::after{bottom: -15px;}
	.menu{padding: 10px 20px;}
	.menu input,.menu p,.menu button{line-height: 40px;height: 40px;}
	.jjfa-hd{height: auto;}
	.jjfa-hd ul{justify-content: left;flex-wrap: wrap;}
	.jjfa-hd ul li{padding: 0 20px;margin: 0 10px;}

	.cp-det{padding: 20px;}
	.detbox-l{width: 100%;text-align: center;}
	.detbox-l .cp-btn{margin-top: 30px;}
	.detbox-r{float: none;width: 100%;margin-top: 50px;}
	.cplb-search,.cplb-list{padding: 30px 0;}
	.sele-box .layui-form-item{width: 48%;}

	.cp-list-scro{width: 90%;margin-left: 5%;overflow-x: auto;}
	.cp-list-box{width: max-content;}

	.cp-l{width: 100%;margin: 30px auto;}
	.cp-r{width: 80%;margin: 0 auto;display: block;padding: 140px 20px 30px;position: relative;}
	.cp-r .swiper-container-thumbs{position: absolute;width: 100%;position: absolute;top: 30px;margin-top: 0;}
	.cp-r .swiper-wrapper{justify-content: center;}
	.canshu ul li span{width: 25%;}
	.canshu ul li p{width: 75%;padding-left: 50px;}
	.cp-tit{font-size: 26px;}
	.about_box{display: block;}
	.about_box .about_pic img{width: 100%;}
	.about_desc{padding: 2% 0;width: 100%;}

}


@media screen and (max-width:1000px) {
	.ksd-subtit{margin-bottom: 20px;}
	.jjfa-det{padding: 10px;}
	.jjfa-bot .swiper-button-prev{left: 35%;}
	.jjfa-bot .swiper-button-next{right: 35%;}
	.jjfa-det i{height: 30px;}
	.jjfa-det .jjfa-t{margin-top: 10px;}
	.jjfa-det .jjfa-cont{line-height: 20px;height: 60px;}
	.news{padding: 60px 0 40px;}
	.news-box .news-l{width: 100%;}
	.news-det .news-t{margin-top: 20px;}
	.news-img{height: auto;}
	.news-box .news-r{width: 100%;}
	.news-box .news-r a{width: 49%;margin-bottom: 0;margin-top: 2%;}
	.news-time{margin-top: 30px;}

	.menu p{font-size: 14px;float: none;}
	.menu form{display: block;float: none;width:90%;margin: 30px auto;}
	.menu input{width: 100%}
	.jjfa-hd{line-height: 40px;}
	.jjfa-hd ul li{padding: 0 10px; font-size: 16px; }
	.jj-img{width: 290px;height: 210px;}
	.jj-det{width: calc(100% - 300px);padding: 20px;}
	.jj-det .jj-cont{margin-top: 10px;line-height: 26px;}

	.cp-info .info-top li{margin: 0 20px;}

	.ny-banner{height: 150px;}
	.ny-cont {
		padding-top: 50px;
		font-size: 30px;
	}
}

@media screen and (max-width:800px) {
	.dis_b{display: none;}
	.dis_n{display: block;}
	.info-det{padding: 15px;margin-bottom: 20px;}
	.cp-r .swiper-slide{height: auto;padding: 3px;}
	.ksd-tit{font-size: 30px;}
	.ksd-subtit{font-size: 50px;margin-top: -58px;}
	.tjcp{padding: 40px 0;}
	.tjcp ul li{width: 100%;}
	.tjcp ul li.last-list{width: 100%;}
	.jjfa-det .jjfa-cont{margin-top: 10px;}
	.cpr{padding: 20px;line-height: 26px;display: block !important;}
	.cplb-list .list-tit{font-size: 30px;}
	.jjfa-hd{line-height: 32px;}
	.jjfa-hd ul li{font-size: 14px;margin: 0 5px;}
	.jjfa-hd ul li::after{height: 2px;}
	.jjfa-bd{padding: 10px;}
	.jj-img{width: 210px;height: 150px;}
	.jj-det{width: calc(100% - 225px);padding: 10px;}
	.jj-det .jj-tit{font-size: 16px;}
	.jj-det .jj-cont{font-size: 14px;}
	.jj-det a{height: 100px;height: 30px;line-height: 30px;margin-top: 10px;}
	.sele-box{margin-top: 0;}
	.sele-box .layui-form-item{width: 90%;}
	.menu input{padding: 0 50px 0 20px;}
	.menu button{width: 50px;}
	.sele-btn .sx{margin-right: 0;}
	.sele-btn button{margin-bottom: 20px;}
	.cplb-list .list-subtit{font-size: 50px;}

	.menu p{display: none;}
	.cp-info .info-top li{font-size: 16px;}
	.cp-r{width: 100%;}
}

@media screen and (max-width:600px) {
	.cp-l{margin: 0 auto 20px;}
	.jjfa-bot .swiper-pagination-bullet{width: 6px;height: 6px;margin: 0 2px;}
	.jjfa-bot .swiper-button-prev{left: 10%;}
	.jjfa-bot .swiper-button-next{right: 10%;}
	.jjfa-bd{padding: 10px;}
	.jjfa-img{height: 230px;}
	.menu form{margin: 10px auto;}
	.cplb-search, .cplb-list{padding: 10px 0;}
	.news-box .news-r a{width: 100%;}
	.jj-img{height: auto;}
	.detbox-l .det-tit{font-size: 26px;}
	.detbox-l .det-cont{line-height: 26px;}
	.jj-img,.jj-det{width: 100%;}
	.cp-info .info-top li{margin: 0px 10px;font-size: 14px;}
	.canshu ul li span{width: 100%;}
	.canshu ul li p{width: 100%;text-align: center;padding-left: 0;}
}


.pagesDiv {clear:both;width:100%;margin:0 auto;line-height:25px;padding:10px 0px 10px 0px;}

.pages {height:30px;color:#666666;margin-top:5px;text-align:center;}

.pages a:link,.pages a:visited {color:#666666;}

.pages a,.pages a:link {text-decoration:none;padding:2px 5px;border:1px solid #DDDDDD;background:#FFFFFF;margin:0px 2px;font-size:12px;color:#666666;text-align:center;}

.pages a:hover {background:#FB9007;color:#FFFFFF;border:1px solid #008CD0;text-decoration:none;text-align:center;padding:2px 5px;}

.pages .cpb {font-weight:bold;color:#FFFFFF;background:#FB9007;border:1px solid #008CD0;text-align:center;margin:0px 2px;padding:2px 5px;}

.pages .intext {width:30px;border:1px solid #7F9DB9;height:19px;line-height:19px;}

.pagination {text-align:center;}

.pagination li {display:inline-block;color:#333333;height:30px;line-height:30px;margin:0px 5px 0px 0px;vertical-align:middle;}

.pagination li a {float:left;display:block;height:25px;line-height:25px;padding:0 10px;font-size:13px;border:1px solid #dddddd;color:#555555;text-decoration:none;}

.pagination li a:hover {background:#FB9007;color:#ffffff;}

.pagination li a.thisclass {background:#FB9007;color:#ffffff;border:1px solid #008CD0;cursor:default;}

.pagination li a.thisclass:hover {background:#FB9007;color:#ffffff;border:1px solid #008CD0;cursor:default;}

.pagination li .pageinfo {line-height:21px;padding:12px 10px 12px 16px;color:#999999;}

.pagination li .pageinfo strong {color:#555555;font-weight:normal;}

.pagination table {text-align:center;margin:10px 0px 0px 25%;}

.pagination table td {padding:0px 2px;}

#pages {padding:35px 0;text-align:right;}

#pages a {display:inline-block;height:30px;line-height:30px;background:#ffffff;border:1px solid #e3e3e3;text-align:center;color:#333333;padding:0 14px;}

#pages a.a1 {background:url('../images/pages.png') no-repeat 0 5px;padding:0 5px;}

#pages a:hover {background:#f1f1f1;color:#000000;text-decoration:none;}

#pages span {display:inline-block;height:30px;padding:0 14px;line-height:30px;background:#008CD0;border:1px solid #008CD0;color:#ffffff;text-align:center;}

#pages .noPage {display:inline-block;height:22px;line-height:22px;background:url('../images/titlebg.png') repeat-x 0 -55px;border:1px solid #e3e3e3;text-align:center;color:#a4a4a4;}