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: #004DA1}
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: 15px;height: 60px;}
.head2 .logo a{display: block;height: 100%;}
.head2 .logo a img{display: block;height: 100%;}
.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: #004DA1;}
.head2 .t_nav>ul>li>a{line-height: 80px;font-size: 18px;color: #000;font-weight: bold;}
.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: #004DA1 !important;}
.head2 .t_nav>ul>li:hover>a i{opacity: 1;}

.lang_box{position: relative;margin-top: 30px;margin-left: 20px; font-size: 16px;color: #666;height: 40px;cursor: pointer;float: left;}
.lang_box i{display: inline-block; margin-right: 5px;transform: translateY(-2px);}
.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:#004DA1;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: #004DA1; 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: #004DA1; 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: 17px;line-height: 30px;font-weight: bold;}
.second-ul .second-menu .line{line-height: 3px;margin: 6px 0 16px;width: 100%;height: 1px;background: #004DA1;position: relative;}
.second-ul .second-menu .line::after{content: "";display: block;width: 30px;height: 3px;position: absolute;top: -1px;left: 0;background-color: #004DA1;}
.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;padding-left: 12px;position: relative;}
.second-ul .second-menu .third-ul .third-menu .third-name:before{content:"";width:6px;height:6px;border:1px solid #666;position:absolute;left:2px;top:50%;margin-top:-3px;border-radius: 100%;box-sizing: border-box;transition:.3s}
.second-ul .second-menu .third-ul .third-menu .third-name:hover{color: #004DA1;cursor: pointer;}
.second-ul .second-menu .third-ul .third-menu .third-name:hover:before{border-color:#004DA1;}




/**************************************** 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;background: #004DA1;}

/* 推荐产品 */
.tjcp{padding: 90px 0 80px;}
.tjcp ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.tjcp ul li{width: 32%;padding: 30px 30px 20px;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;margin-top:10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;font-weight: bold;}
.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{padding: 80px 0 40px;background: #F8F8F8;}
.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: #FFF;}
.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: 175px;overflow: hidden;margin-bottom: 25px;}
.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: 20px; 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: 40px;}
.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: calc(100% - 250px);float: left;}
.footer .foot-list dl dt{font-size: 18px;font-weight: bold;color: #222222;margin-bottom:15px;}
.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;margin-bottom: 5px;}
.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;bottom: 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;position: relative;margin-top: 20px;}
.foot-gzwm:before{content: "";display: block;width: 1px;height: 98%;background: #ccc;position: absolute;left: -50px;top: 0;}
.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: 10px 0;background: #fff;margin-bottom: 20px;}
.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: #004DA1;}
.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: 2fr 1fr 1fr 1fr 1fr 1fr;grid-gap: 0px 10px;align-items: start;text-align: center;}
.cplb-list ul li{line-height: 20px;padding: 15px 5px;}
.cplb-list .cp-list-top{font-weight: bold;background: #EBEBEB;}
.cplb-list ul{grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr 1fr;}
.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;width: 100%;}
.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-thumbsA{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 20px 15px;}

	.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!important;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: 20px 15px 30px;position: relative;}
	.cp-r .swiper-container-thumbsA{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;}
	
	.news-box .news-r a:nth-of-type(3){display:none;}
	.news-box .news-r a:nth-of-type(4){display:none;}


	.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!important;
		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 #004DA1;text-decoration:none;text-align:center;padding:2px 5px;}

.pages .cpb {font-weight:bold;color:#FFFFFF;background:#FB9007;border:1px solid #004DA1;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 #004DA1;cursor:default;}

.pagination li a.thisclass:hover {background:#FB9007;color:#ffffff;border:1px solid #004DA1;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:#004DA1;border:1px solid #004DA1;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;}






.swiper-container-jjfa a{display: block;width:100%;position: relative;background: #000;}
.jjfa-img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: .75;transition: .3s;}
.jjfa-det{position: relative;z-index: 99;padding: 60px 20px 30px;height: 300px;display: flex;flex-direction: column;justify-content: center;}
.jjfa-det i img{filter: brightness(0) invert(1);}
.jjfa-det .jjfa-t{color: #fff;margin-top: 15px;}
.jjfa-det .jjfa-cont{color: #fff;line-height:25px;height: 0;transition: .3s;}
.swiper-container-jjfa a:hover .jjfa-img{opacity: .65;}
.swiper-container-jjfa a:hover .jjfa-det .jjfa-cont{height: 75px;}


.b-menu{margin-top:5px;margin-bottom: 10px;}
.b-name{font-size: 16px;color: #333;line-height: 24px;font-weight:bold;}

.fAdd{display: flex;margin-bottom: 15px;flex-wrap: wrap;max-width: 520px;}
.fAdd a{display: block;font-size: 14px;color: #888;line-height: 32px;}
.fAdd span{display: block;margin: 0 8px;color: #888;line-height: 32px;}
.fAdd a:hover{color: #004DA1;}

.addr-box{width: 380px;}



.indTitle{display: flex;flex-direction: column;align-items: flex-start;padding-bottom: 30px;}
.indTitle .atit{display: block;font-weight: bold;font-size: 20px;color: #008a45;line-height:1.3;background: linear-gradient(-90deg, #008a45 0%, #008a45 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.indTitle .btit{display: block;font-weight: bold;font-size: 30px;color: #004DA1;line-height:1;margin-top: 10px;background: linear-gradient(-90deg, #00CCFF 0%, #004DA1 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.indTitle.white .btit{color: #fff;}
.indTitle.ct{text-align: center;align-items: center;}

.indA{display: flex;align-items: center;color: #004DA1!important;cursor: pointer;transition: .3s;padding-left: 10px;}
.indA span{display: block;line-height: 1;}
.indA i{display: block;width: 40px;height: 40px;border-radius: 50%;border: 1px solid #004DA1;background-image: url(../images/iconRight2.png);background-repeat: no-repeat;background-size: 20px;background-position: center;margin-left: 12px;transition: .3s;}
.indA:hover i{margin-left: 20px;background-image: url(../images/iconRight3.png);background-color: #004DA1;}



.sec1{background: url(../images/sec1Bg.jpg) center / cover;padding: 80px 0 80px;overflow: hidden;}
.indCST{display: flex;align-items: center;}
.cstDesc{width: 50%;display: flex;flex-direction: column;align-items: flex-start;}
.cstDesc .cstCt{font-size: 16px;color: #555555;line-height: 26px;margin-bottom: 35px;text-indent: 2em;}
.cstDesc .cstCt p+p{margin-top: 10px;}
.cstImg{width: 50%;position: relative;}
.cstImg img{width: 100%;}

.aboutNumer{display: flex;flex-wrap: wrap;justify-content: space-around;margin-top: 20px;}
.abNumItem{display: flex;flex-direction: column;align-items: center;text-align: center;margin-top: 25px;width: 50%;}
.abNumItem p{display: block;font-size: 48px;color: #004DA1;line-height: 1;font-family: DIN;font-weight: bold;}
.abNumItem span{display: block;font-size: 16px;color: #444;line-height: 1;margin-top: 15px;}


.mySwiperNews{position: relative;overflow: hidden;}
.indNewsList{}
.indNewsItem{display: block;width: 100%;position: relative;}
.indNewsItem .img{display: block;width: 100%;overflow: hidden;}
.indNewsItem .img img{display: block;width: 100%;transition: .3s;}
.indNewsItem p{position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(0,0,0,.5);color: #fff;font-size: 16px;padding: 0px 15px;height: 50px;line-height: 50px;box-sizing: border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.indNewsItem:hover .img img{transform: scale(1.05);}


.sec2{background: #f8f8f8;padding: 80px 0 80px;overflow: hidden;}
.swiper-ABout-Big{position: relative;overflow: hidden;}
.swiper-ABout-Sml{position: relative;overflow: hidden;margin-top: 10px;}
.swiper-ABout-Sml .swiper-slide{border: 1px solid #fff;box-sizing: border-box;}
.swiper-ABout-Sml .swiper-slide-thumb-active{border-color: #004DA1;}
.swiper-ABout-Big{--swiper-theme-color: #ffffff;--swiper-navigation-color: #ffffff;--swiper-navigation-size: 30px;}
.xAbout{display: flex;flex-wrap: wrap;align-items: center;}
.xAbout .descBox{display: block;width: 50%;padding-right: 50px;box-sizing: border-box;}
.xAbout .descBox .atit{font-size: 16px;line-height: 30px;color: #444;text-indent: 2em;}
.xAbout .descBox .atit p+p{margin-top: 10px;}
.xAbout .imgBox {width: 50%;}
.xAbout .imgBox img{display: block;width: 100%;}


	
.A-subnav{position: absolute;top: 100%;left: 50%;width: 190px;transform: translateX(-50%);z-index: 99;text-align: center;margin-top: 10px;opacity: 0;visibility: hidden;transition: .3s;box-shadow: 0 0 5px 0 rgba(0,0,0,.1);}
.A-subnav a{display: block;width: 100%;box-sizing: border-box;background: #fff;font-size: 14px;color: #444;line-height: 20px;padding: 12px 10px;transition: .3s;}
.A-subnav a:hover{background: #004DA1;color: #fff;}
.B-subnav{position: absolute;top: 0%;left: 100%;width: 205px;margin-top: 10px;opacity: 0;visibility: hidden;transition: .3s;box-shadow: 0 0 5px 0 rgba(0,0,0,.1);}
.li{position: relative;}
.li+.li{border-top: 1px solid #f8f8f8;}
li:hover>.A-subnav{margin-top: 0;opacity: 1;visibility: visible;}
.li:hover>.B-subnav{margin-top: 0;opacity: 1;visibility: visible;}


@media screen and (max-width:1499px){
	.cstDesc .cstCt{font-size: 14px;line-height: 22px;margin-bottom: 20px;}
	.abNumItem p{font-size: 42px;}
	.abNumItem span{font-size: 15px;}
}
@media screen and (max-width:800px){
	.indCST{flex-direction: column-reverse;}	.indCST .cstImg{width: 100%;}	.indCST .cstDesc{width: 100%;padding-bottom: 20px;}

	.indTitle .atit{font-size: 18px;}	.indTitle .btit{font-size: 25px;}	.cstDesc .cstCt p+p {margin-top: 6px;}

	.aboutNumer{flex-wrap: wrap;margin-top: 20px;}	.abNumItem{width: 50%;margin-top: 15px;}	.abNumItem p {font-size: 32px;}	.abNumItem span {font-size: 12px;}

	.sec1{padding: 50px 0;}
	.sec2{padding: 50px 0;}
	.xAbout .descBox{width: 100%;padding-right: 0;padding-bottom: 20px;}
	.xAbout .descBox .atit{font-size: 15px;line-height: 26px;}
	.xAbout .imgBox{width: 100%;}
	
	
}


.ReactCollapse--collapse.pro{max-height: calc(100vh - 80px);overflow-y: auto;}
.pro .second-ul{display: block;}
.pro .flex-wrap .second-menu{width: 100%;max-width: none;display: flex;flex-wrap: wrap;}
.pro .flex-wrap .third-ul+.third-ul{margin-left: 30px;}
.pro .flex-wrap .second-menu+.second-menu{margin-top: 10px;}

.ReactCollapse--collapse.pro::-webkit-scrollbar {width : 5px; height: 3px;}
.ReactCollapse--collapse.pro::-webkit-scrollbar-thumb {border-radius: 10px;box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);background: #666;}
.ReactCollapse--collapse.pro::-webkit-scrollbar-track {box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);border-radius: 10px;background: #eee;}



.pagination li{margin: 3px 2px!important;}

.nySelTitList{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;margin: 20px 0;}
.nySelTit{display: block;min-width: 140px;padding: 0 15px;text-align: center;color: #333;background: #fff;height: 50px;line-height: 50px;font-size: 16px;margin: 5px;}
.nySelTitList .nySelTit:only-child{display: none;}
.nySelTit.active,.nySelTit:hover{background: #004DA1;color: #fff;}
.plBox{display: flex;background: #FFF url(../images/cp-bg.png) no-repeat center / cover;padding: 50px 50px 50px 0;}
.plBox .img{width: 40%;}
.plBox .img img{display: block;width: 100%;max-width: 400px;margin: 0 auto;}
.plBox .desc{width: 60%;}
.plBox .desc .atit{font-size: 36px;color: #222;margin-bottom: 30px;}
.plBox .desc .atit b{display: inline-block;background: #eee;padding: 8px 12px;font-size: 32px;font-weight: normal;margin-right: 10px;}
.plBox .desc .btit {font-size: 16px;color: #666666;line-height: 30px;}
.plBox .desc .btit span{display: block;margin-top: 15px;}
.plBox .desc .ctit{display: flex;margin-top: 30px;}
.plSearch{display: flex;height: 50px;border: 1px solid #004DA1;border-radius: 50px;width: calc(100% - 150px);max-width: 500px;}
.plSearch .int{display: block;width: calc(100% - 80px);padding: 0 20px;font-size: 16px;}
.plSearch .btn{display: block;width: 80px;background: url(../images/search.png) no-repeat center;}
.pla{display: block;background: #004DA1;color: #fff!important;text-align: center;line-height: 50px;margin-left: 20px;width: 120px;height: 50px;border-radius: 4px;}
.pla:hover{background: #036ad8;}

@media screen and (max-width:768px) {
	.nySelTit{min-width: 100px;height: 45px;line-height: 45px;font-size: 15px;}
	.plBox{flex-wrap: wrap;padding: 0 15px 30px;}
	.plBox .img{width: 100%;}
	.plBox .desc{width: 100%;}
	.plBox .desc .atit{font-size: 24px;margin-bottom: 15px;}
	.plBox .desc .atit b{padding: 5px 8px;font-size: 22px;}
	.plBox .desc .btit span{margin-top: 8px;}
	.det-cont{font-size: 15px;}
	.plBox .desc .ctit{flex-direction: column;align-items: center;}
	.plSearch{width: 100%;margin-bottom: 15px;}
	
	
	.info-bd{overflow: auto;}
}