@import url(responsive2.0.css);
@import url("fonts.css");

.header{position:fixed;z-index: 100; left: 0;width: 100%;transition: 0.3s}
.header .auto{max-width: inherit;width: 94%; padding: 1% 0; transition: 0.3s}
.header .logo{max-width:1.7rem}
.header .open-search,
.header .top-search .btn:before{width: 24px; height: 24px; background: url("../image/icon_search.svg") no-repeat center center;  cursor: pointer;}
.header .top-search .btn:before{content: ''; position: absolute; width: 100%; height: 100%; }
.header .open-search{ position: relative}
.header .open-search.on{background: none!important;}
.header .open-search.on:before,
.header .open-search.on:after{position: absolute; content: ''; width: 70%; left: 15%; height: 3px; top: 50%; margin-top: -1.5px;background: #000000;transform: rotate(45deg);-webkit-transform: .header rotate(45deg);-ms-transform: rotate(45deg);}
.header .open-search.on:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}
.header .top-search{display: none; position: absolute; top: 100%; right:2rem; z-index: 100; width: 100%;max-width: 320px;}
.header .top-search .text{width: 100%; height: 44px; line-height: 44px; border: 0;background: #fff; padding: 0 10px;color: #999;}
.header .top-search .text.focus{color: #333;}
.header .top-search .btn{position: absolute; right: 0; top: 0; height: 100%; width: 50px;background-color: #1764a7; }
.header .top-search .btn:before{filter: brightness(0) invert(1);}

.header .line{padding-left:.25rem; padding-right: .25rem; opacity: 0.2}
.header .language{position: relative}
.header .language dt{padding-left: 28px;padding-right: 21px; cursor: pointer;}
.header .language dt:before,
.header .language dt:after{content: ''; position: absolute;top: 0; bottom: 0; margin: auto; background: no-repeat center center}
.header .language dt:before{left: 0; width: 18px; height: 18px; background-image: url("../image/language.svg")}
.header .language dt:after{right: 0; width: 11px; height: 11px; background-image: url("../image/language_jt.svg")}
.header .language dd{display: none; position: absolute;padding: 10px 0; width: 100%; text-align: center; background: #fff; box-shadow: 0px 3px 12px 0px rgba(1, 27, 49, 0.06); border-radius: 10px;}
.header .language dd a{display: block}
.header .open-menu{display: none}
.header menu li span{display: block; line-height: .8rem; position: relative}
.header menu li span a{color: #fff;}
.header menu li .sub{display: none;background: #fff}
.header menu li .sub dl{padding-top: .1rem; padding-bottom: .1rem}
.header menu li .sub dt{ line-height: 2.5; font-weight: 100;}
.header menu li .sub dt ol{ padding: 15px;}
.header menu li .sub dt ol li{list-style: square; line-height: 36px}
.header menu li .sub dt ol li::marker{color: #bfbfbf; font-size: 12px;}
.header menu li .sub dt ol li:hover::marker{color: #0372dc;}


@media (min-width:1025px) {
.header menu {max-width: 740px; width: 50%;}
.header menu ul{width: 100%}
.header menu li{position: relative}
.header menu li .sub{left: 0;min-width: 100%; left: 50%; transform: translateX(-50%); margin: 0;position: absolute; top: 100%; box-shadow: inset 0px 6px 50px 0px rgba(1,85,169,.22); border-radius: 0 0 10px 10px;}
.header menu li .sub dl{white-space: nowrap}
.header menu li .sub dt a{display: block; padding: 0 .2rem}
.header menu li span:after{content: '';position: absolute; width: 0; margin: auto; left: 0; right: 0; height: 1px; bottom: 0; background: #0372dc; transition: 0.5s} 
.header menu li.aon span:after{width: 100%}

.header.show .auto{padding: 0}
.header:not(.show,.hover) .open-search.on:before,
.header:not(.show,.hover) .open-search.on:afte{background: #ffffff;}
.header:not(.show,.hover) .language dt{color: #ffffff}
.header:not(.show,.hover) .logo img,
.header:not(.show,.hover) .language dt:before,
.header:not(.show,.hover) .language dt:after,
.header:not(.show,.hover) .open-search{filter: brightness(0) invert(1);}
.header:not(.show,.hover) .line{color: #fff}
.header.show menu li span a,
.header.hover menu li span a{color: #111111}
.header:after{content:''; z-index: -1; position: absolute; width: 100%; height: 100%; top: 0; opacity: 0; transition: 0.5s;background:linear-gradient(rgba(255,255,255,1),rgba(255,255,255,.8))}
.header.show:after,
.header.hover:after{opacity: 1}
}
@media (max-width:1024px) {
.header{background: #ffffff}
.header .open-menu{width: .4rem;height: .4rem; display: block; margin-left: .2rem}
.header #menu{position: fixed; left: -100%;top:0;width: 40%; background: rgba(0,0,0,0.9); bottom: 0; padding: 3vw;transform: translateX(-100%); opacity: 0; transition: 0.5s; overflow: auto;}
.menu-show .header #menu{opacity: 1;transform: translateX(0); left: 0;}
.header #menu{ display: block}
.header #menu li{width: 100%}
.header #menu li span{border-bottom: 1px solid rgba(255,255,255,0.2);}
.header #menu li .sub{background: none}
.header #menu li .sub dt{width: 100%}
.header #menu li .sub dt a{color: #fff}
.header .logo{max-width: inherit}
.header .logo img{height: 40px}
}
@media (max-width:640px) {
.header .line{padding-left:.1rem; padding-right: .1rem;}
}

.bottom{ background:#090c19; position: relative; overflow: hidden; z-index: 5}
.bottom:after{content:'';position: absolute; width: 45%; height: 130%; margin: auto; right: -2%; top: 0; bottom: 0; background: url("../image/logo_bg.svg") no-repeat center center; background-size: contain; z-index: -1; opacity: 0.02}
.bottom,
.bottom a{color: #fff;}
.bottom .box_t{padding-top: 5%; padding-bottom:5%}
.bottom .column{width: 70%;max-width: 8.4rem}
.bottom .column dt{position: relative}
.bottom .column dd{line-height: 24px; padding-top: .2rem}
.bottom .column dd li{padding: 8px 0}
.bottom .column dd a {display: inline-block}
.bottom .column dd a:not(:hover){opacity: .4}
.bottom .other{max-width: 30%;text-align: right}
.bottom .logo img{max-width: 2.3rem;filter: brightness(0) invert(1);}
.bottom .ewm{max-width: 110px;display: inline-block;padding: .2rem 0}
.bottom .ewm figure{background: #fff; padding: 5px}
.bottom .ewm p{text-align: center; opacity: .7}
.bottom .tel span{display: block; opacity: 0.7}
.bottom .tel b{position: relative}
.bottom .box_b{padding-top:3.5%; padding-bottom:3.5%; border-top: solid 1px rgba(255,255,255,0.1)}
.bottom .box_b,
.bottom .box_b a:not(:hover){color: #999}
.bottom .copyright{opacity: 0.4}
.bottom .copyright a{display: inline-block;margin: 0px 5px}
@media (max-width:768px) {
.bottom .column{width: 100%}
.bottom .column dl{width: 100%;padding: 2%; border-bottom: solid 1px rgba(255,255,255,0.2)}
.bottom .column dl dd{display: none}
.bottom .column dl .icon{position: absolute; width: 40px; height: 100%; height: 100%; transition: 0.3s; right: 0; top: 0;}
.bottom .column dl .icon.click{transform: rotate(45deg);}
.bottom .column dl .icon:before,
.bottom .column dl .icon:after{position: absolute; content: ''; width: 12px; height: 2px;background: #fff; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.bottom .column dl .icon:after{ width: 2px; height: 12px;}
.bottom .other{max-width: inherit; margin: auto;text-align: center; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center}
.bottom .tel{width: 100%;padding-top: 3%; border-top: solid 1px rgba(255,255,255,0.2)}
.bottom .tel b a{position: absolute; left: 0; width: 100%; height: 100%; display: block}
.bottom .copyright{order: 2}
}


/*index*/


.banner {position: relative; overflow: hidden}
.banner .slick-slide{position: relative}
.banner img{width: 100%}
.banner .wap{display: none}
.banner .infobox{color: #fff; position: absolute; width: 100%; top: 50%; transform: translateY(-50%); z-index: 2}
.banner .column{line-height: 1.5}
.banner .column b{display: block; font-weight: normal}
.banner .column span{text-transform: uppercase}

.ban_pro_detail{padding-top:8%;padding-bottom:6%; background: url("../image/bg_ban_pro_detail.jpg") no-repeat center center/cover}
.ban_pro_detail .txt{width: 44%}
.ban_pro_detail .pic{width: 44%}
.ban_pro_detail .pic figure { padding-bottom: 70%; position: relative;}
.ban_pro_detail .pic img{-webkit-box-reflect: below 5px -webkit-linear-gradient(transparent,transparent 80%,rgba(0,0,0,.1));position: absolute;width: 100%;height: 100%;object-fit: contain;-o-object-fit: contain;}

.ban_pro_detail h3{padding: 3% 0}
.ban_pro_detail h4,
.ban_pro_detail p{color: #131313; line-height: 1.25}
.ban_pro_detail dl{padding: .15rem 0}
.ban_pro_detail dl label{background: linear-gradient(90deg, #2e85d0 0%, #1764a7 100%), linear-gradient(#1764a7, #1764a7); background-blend-mode: normal, normal;border-radius: 4px;color: #fff;display: inline-block;padding: 5px 10px;}
.ban_pro_detail label:not(:last-child){margin-right: 10px;}
.ban_pro_detail .desc{text-align: justify;padding: 4% 0}

.ban_solution_detail .txt{max-width: 800px;}
.ban_solution_detail .txt h4:after{content: ''; display: block;margin-top: .2rem; margin-bottom: .3rem; width: .68rem; height: .06rem; background: linear-gradient(90deg,rgba(255,255,255,1),rgba(255,255,255,0))}
.ban_solution_detail .txt .desc{opacity: 0.8}

@media (max-width:1024px) {
.banner{padding-top: 50px;}
.banner .pc{display: none}
.banner .wap{display:block}

.ban_pro_detail .pic,
.ban_pro_detail .txt{width: 100%}
.ban_pro_detail .pic{padding: 4% 0; order: -1}
}
@media (max-width:768px) {
.banner .slick-arrow{display: none!important}
.banner .fs48{ font-size:calc(100vw*40/var(--autoww));}
.banner .fs26{ font-size:calc(100vw*30/var(--autoww));}
.ban_solution_detail .txt .desc{display: none}
}


.section{padding-top: 5%; padding-bottom: 5%; overflow: hidden; position: relative}

.menu_location{padding:.2rem 0; line-height: .4rem; border-bottom: solid 1px #eeeeee}
.location{text-align: right; font-size: .14rem}
.location i{padding: 0px 15px; color: #e1e1e1; font-style: normal}
.location a:first-child{padding-left: 20px; background: url(../image/location_icon.png) no-repeat left}
@media (max-width:1024px) {
.menu_location{padding-bottom: 0}
.location{order: -1; width: 100%; text-align: left}
}

.sub_menu{position: relative; z-index: 10; top:0; transition: 0.5s}
.sub_menu li{line-height: 40px;position: relative; cursor: pointer}
.sub_menu li:not(:last-child){margin-right: .6rem}
.sub_menu li:after{content: '';position:absolute;width: 0; height: 1px;background: #1764a7;left: 0; right: 0; bottom: -.21rem; margin: auto; transition: 0.5s }
.sub_menu li.on,
.sub_menu li:hover a,
.sub_menu li.on a{color: #1764a7}
.sub_menu li.on:after,
.sub_menu li:hover:after{width: 100%;}
@media(max-width:1024px){
.sub_menu{width: 100%}
.sub_menu li:not(:last-child){margin-right: .2rem}
.sub_menu li:after{bottom: 0; }
}

.slide_title{line-height: .4rem;position: relative; z-index: 10;}
.slide_title .sub_menu{border-bottom: solid 1px #eeeeee; }
.slide_title .sub_menu ul{padding: .2rem 0; }
.slide_title:not(.fixed) .sub_menu{border-bottom-color: #ffffff}
.slide_title.fixed .sub_menu{position: fixed;width: 100%; border-top: solid 1px #eeeeee; background:rgba(255,255,255,0.95)}


.sub_tab_title li span{cursor: pointer}
.sub_tab_item .item:not(.show){height: 0; overflow: hidden}

.column_title{padding-bottom: 4%}
.column_title *{padding: 0; margin: 0;}
.column_title h3{color: #111111; font-weight: normal}
.column_title h3.line:after{content: '';width: .63rem; height: .05rem;display: block; margin-top: .1rem; margin-bottom: .2rem; background: linear-gradient(90deg,rgba(23,100,167,1),rgba(23,100,167,0))}
.column_title p{color: #1764a7}
.column_title.center{text-align: center}
@media(max-width:768px){
.column_title p{font-size: .18rem}
}

.zoom_arrow{position: absolute; width: .46rem; height: .46rem; border-radius: 100%; top: 0; bottom: 0; right: 0; margin: auto; background: #fff url("../image/jt_blue.svg") no-repeat center; transition: 0.5s}
.zoom_arrow:before,
.zoom_arrow:after{content: ''; position: absolute;margin: auto; border: solid 1px #fff;border-radius: 100%;  -webkit-animation: scaleGuan 2s linear infinite;}
.zoom_arrow:before{left: -6px; right: -6px; top: -6px;bottom: -6px; opacity: .2}
.zoom_arrow:after{left: -11px; right: -11px; top: -11px;bottom: -11px; opacity: .1; -webkit-animation-delay: .5s;}

@-webkit-keyframes scaleGuan {
  0% {
    -webkit-transform: scale(1);
    opacity: 0;
  }

  50% {
    -webkit-transform: scale(1.05);
    opacity: 0.2;
  }

  100% {
    -webkit-transform: scale(1.1);
    opacity: 0;
  }
}

.line_dots-arrow{height: 48px;margin-top: .6rem; position: relative}
.line_dots-arrow .line{width: calc(100% - 142px); background: #dfecf6; height: 1px; position: relative}
.line_dots-arrow i{position: absolute; top: 0; bottom: 0; margin: auto; height:.07rem;background: #1664a7; transition: 0.5s}
.line_dots-arrow .arrow{width: 116px; position: relative}
.line_dots-arrow .slick-dots{display: none!important}

.index_product{background-color: #f6fbff}
.index_product .pro_list .group {display:none;}
.index_product .pro_list .slider .slick-list{overflow: inherit; margin-right: -.4rem}
.index_product .pro_list .slider .slick-track{display: flex}
.index_product .pro_list .slider .item{margin-right: .4rem; height: inherit} 
.index_product .pro_list .slider .item a{padding: .5rem; height: 100%;}
.index_product .pro_list .slider .item .txt{height: 150px; position: relative}
.index_product .pro_list .slider .item dl label{padding: 8px 12px;}
.index_product .pro_list .slider .item .zoom_arrow{opacity: 0}
.index_product .pro_list .slider .item:hover  .zoom_arrow{opacity: 1}
@media(min-width:1024px){
.index_product .pro_list .slider .item:hover{margin-right: 1rem;}
.index_product .pro_list .slider .item:hover a{width:calc(100% + .6rem)}
.index_product .pro_list .slider .item:hover .pic figure{padding-bottom:43.436%}
}
@media(max-width:640px){
.index_product .pro_list .slider .item a{padding:4%; }
}


.index_about{color: #fff; background: url("../image/bg_about.jpg") no-repeat; background-size: cover}
.index_about .column_title{position: relative}
.index_about .column_title *{color: #fff}
.index_about .column_title a{position: absolute; display: block; top: 15px; right:0; width: .48rem; height: .48rem; border-radius: 100%; background: #fff; transition: 0.5s}
.index_about .column_title a:after{content: '';position: absolute; width: 19px; height: 16px; margin: auto; left: 0; right: 0; top: 0; bottom: 0; background: url("../image/jt_blue.svg"); transition: 0.5s}
.index_about .column_title a:not(:hover){border: solid 1px #fff; background: none}
.index_about .column_title a:not(:hover):after{filter: brightness(0) invert(1);}


.index_about .about_desc{padding: 0; box-shadow:none;border-radius: 0;}

.index_service .list{margin-left: -.15rem; margin-right: -.15rem}
.index_service .item{flex: 1; margin: 0 .15rem; height: 6.2rem; transition: 0.5s;border-radius: 20px; overflow: hidden}
.index_service .pic figure{/*padding-bottom:193.75%;*/ height: 100%; padding-bottom: 0}
.index_service .pic:after{content: '';position: absolute; width: 100%; height: 50%; bottom: 0; background: linear-gradient(rgba(21,51,106,0),rgba(21,51,106,1))}
.index_service .txt{position: absolute;padding:2% 6%; text-align: center; bottom: -.2rem; width: 100%; color: #fff; z-index: 2; transition: 0.5s}
.index_service .txt .icon{width: 50px; margin: auto; display: block}
.index_service .txt h4{line-height: 1.4; margin-top: .1rem;}
.index_service .txt p{opacity: 0; width: 75%; margin-top: .1rem;position: relative; line-height: 28px; height: 56px;}
.index_service .txt .jt{position: absolute; right:6%; width: .54rem; height: .54rem; border-radius: 100%; background: #fff; opacity: 0; transition: 0.5s}
.index_service .txt .jt:after{content: '';position: absolute; width: 19px; height: 16px; margin: auto; left: 0; right: 0; top: 0; bottom: 0; background: url("../image/jt_blue.svg")}
.index_service .item.show{flex: 2.8125;}
.index_service .item.show .pic figure{/*padding-bottom: 68.89%;*/}
.index_service .item.show .txt{text-align: left;bottom: .4rem; }
.index_service .item.show .txt h4 br{display: none}
.index_service .item.show .txt p{opacity: 1;}
.index_service .item.show .txt .icon{display: none}
.index_service .item.show .txt .jt{opacity: 1}
.index_service .item.show:hover .txt .jt{right: 2%}

@media(min-width:768px){
.index_service .item a,
.index_service .item .pic,
.index_service .item .pic figure{height: 100%}
}
@media(max-width:1200px){
.index_service .item{height: 4.8rem}
}
@media(max-width:768px){
.index_service .item{flex: initial!important; width: 100%; height: auto}
.index_service .item:not(:last-child){margin-bottom: 4%}
.index_service .item .txt{text-align: left}
.index_service .item .txt h4{font-size: .26rem}
.index_service .item .txt h4 br{display: none}
.index_service .item .txt p{display: block}
.index_service .item .txt .icon{display: block;margin: inherit}
.index_service .item .txt .jt{opacity: 1}
.index_service .item:hover .txt .jt{right: 2%}
.index_service .pic figure{padding-bottom:80%;}
}

.index_news{background-color: #f6fbff; overflow: hidden}
.index_news .item{margin-right: .34rem;box-shadow: 0px 3px 12px 0px rgba(1, 27, 49, 0.06);	border-radius: 12px; overflow: hidden; }
.index_news .pic figure{padding-bottom: 68%}
.index_news .txt{padding: 8%;transition: 0.5s; position: relative;background-color: #fff; }
.index_news .txt h4{margin: 3% 0}
.index_news .txt p{opacity: 0.7; line-height: 26px; height: 52px; margin-bottom: .4rem}
.index_news .txt .view{color: #2071b7; border: solid 1px #2071b7; position: relative; border-radius:30px; width: 1.49rem;line-height: .48rem; display: block; text-indent: .25rem}
.index_news .txt .view:after{content: ''; position: absolute; width: 19px; height: 16px; margin: auto; top: 0; bottom: 0; right: .2rem; background: url("../image/jt_blue.svg") no-repeat center center}
.index_news .item:hover .txt{background: linear-gradient(90deg,#2e85d0,#1764a7);}
.index_news .item:hover *{color: #fff}
.index_news .item:hover .view{border-color: #fff}
.index_news .item:hover .view:after{filter: brightness(0) invert(1);}
.index_news .slick-list{overflow: inherit}
@media(max-width:768px){
.index_news .item{margin-right: .2rem;}
}

.index_partner{ background: url("../image/bg_partner.jpg") no-repeat center top; background-size: 100% }
.index_partner ul{width: 3.84rem; position: relative}
.index_partner li{border: solid 1px #e6e6e6; position: relative; margin-right: -1px;}
.index_partner li:nth-child(even){right: -50%; margin-top: -1px;}
.index_partner li a{position: relative; padding-bottom: 52%; display: block}
.index_partner li img{position: absolute; max-width: 90%; max-height:80%;margin: auto; left: 0; right: 0; top: 0; bottom: 0}
.index_partner .str_move{display: flex;}
@media(max-width:1024px){
.index_partner ul{width: 2rem;}
}

.pro_column_category .category li:not(:last-child){margin-right: .6rem}
.pro_column_category .category li a{cursor: pointer}
.pro_column_category .category h4{text-align: center;}
.pro_column_category .category li:not(:hover) h4{color: #999999}
.pro_column_category .category .icon{width: .7rem; height: .7rem; position: relative; margin: auto}
.pro_column_category .category .icon img{position: absolute; max-width: 100%; max-height: 100%; object-fit: contain;-o-object-fit: contain}
.pro_column_category .category li:not(.show,:hover) img{filter: grayscale(100%) brightness(180%); }
.pro_column_category .category li.show h4{color: #1764a7}
@media(max-width:1024px){
.pro_column_category .category{width: 100%; padding-bottom: 4%}
}
@media(max-width:640px){
.pro_column_category .category li:not(:last-child){margin-right: .2rem}
.pro_column_category .category .icon{width: .5rem; height: .5rem;}
}

.pro_list .item{background-color: #ffffff; line-height: 1.25; z-index: 5;transition: 0.5s}
.pro_list .item a{display: block;overflow: hidden;  box-shadow: 0px 3px 12px 0px rgba(1, 27, 49, 0.06); border-radius: 12px;position: relative; transition: 0.5s}
.pro_list .item dl{padding: .15rem 0}
.pro_list .item dl label{background: linear-gradient(90deg, #2e85d0 0%, #1764a7 100%), linear-gradient(#1764a7, #1764a7);	background-blend-mode: normal, normal;border-radius: 4px;color: #fff;display: inline-block;padding: 5px 10px;}
.pro_list .item dl label:not(:last-child){margin-right: 10px;}
.pro_list .item .pic{padding: .2rem 0}
.pro_list .item .pic figure{padding-bottom: 50%;}
.pro_list .item a:before{content: ''; position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%;background: linear-gradient(90deg, #2e85d0 0%,#1764a8 100%); opacity: 0; transition: 0.5s}
.pro_list .item a:after{content: ''; position: absolute; width: 80%; height: 80%;right: -8%; bottom: -8%; background: url("../image/logo_bg_blue.svg") no-repeat; background-size: contain; z-index: -1; opacity: .03;}
.pro_list .item:hover a:before{ opacity: 1}
.pro_list .item:hover h4,
.pro_list .item:hover p{color: #fff}
.pro_list .item:hover dl label{color: #1664a7; background: #fff}
.pro_list .item:hover a:after{filter: brightness(0) invert(1);}

.pro_list .list:after,
.pro_list .list .item{width: 31.741%;}
.pro_list .list:after{content: ''}
.pro_list .list .item a{padding: 2.5%}
.pro_list .list .item:nth-child(3)~.item{margin-top:2.3885%}

@media(max-width:1024px){
.pro_list .list:after,
.pro_list .list .item{width:48%;}
}


.pro_filter_list .sidebar{width: 23.75%;}
.pro_filter_list .main{width: 73.25%}
.pro_filter{background-color: #f8f8f8; border-radius: 8px; padding: .4rem}
.pro_filter dl{border-top: solid 1px #e9e9e9; padding: 3% 0}
.pro_filter dl:not(:last-child){padding-bottom:6%}
.pro_filter dt{color: #222222; padding: 4% 0}
.pro_filter ul li{min-width: 48%; padding: 5px 0}
.pro_filter ul li a{display: inline-block;line-height: 26px; cursor: pointer}
.pro_filter ul li a:before{content: ''; line-height: 12px; text-align: center;display: inline-block; vertical-align: middle; margin-right: 12px; width: 16px;height: 16px;background-color: #ffffff;border: solid 1px #e3e3e3;}
.pro_filter ul li.on a:before{content: '√'; color: #fff; border-color: #1764a7; background-color: #1764a7}
.pro_filter ul li.on a{color: #1764a7}
.pro_filter ul a:not(:hover){color: #666666}
@media(max-width:1024px){
.pro_filter{padding: 2%}
.pro_filter_list .sidebar,
.pro_filter_list .main{width:100%}
.pro_filter_list .sidebar{padding-bottom: 4%}
.pro_filter dl{padding: 1% 0!important}
.pro_filter dt{padding: 2% 0}
.pro_filter ul{justify-content: flex-start}
.pro_filter ul li{min-width: 20%}
}

.product_detail .section:nth-child(odd){background-color: #f8fbff}

.pro_features{background: linear-gradient(#f7fbff,#ffffff,#f8fbff)}
.icon_text_row5 {margin-left: -.15rem; margin-right: -.15rem; text-align: center}
.icon_text_row5 dl {width:calc(20% - .3rem); margin: .15rem; padding: 3% 2%; background-color: #ffffff;	box-shadow: 0px 3px 12px 0px rgba(1, 27, 49, 0.06);	border-radius: 12px;}
.icon_text_row5 dt b{display: block; font-weight: normal;padding: .2rem 0}
.icon_text_row5 dt span{display:flex; justify-content: center; align-items: center; width:.5rem; height: .5rem; margin: auto; position: relative}
.icon_text_row5 dt span img{max-width: inherit; max-height: 100%;}
.icon_text_row5 dd{padding: 0 8%}
@media(max-width:1024px){
.icon_text_row5 dl{width:calc(33.333% - .3rem); }
}
@media(max-width:640px){
.icon_text_row5 dl{width:calc(50% - .3rem); }
}

.pro_photo .swiper-container{width: 78%;margin: auto}
.pro_photo .swiper-slide{background: #f5faff; width: 8.9rem; height: 4.87rem; position: relative}
.pro_photo .swiper-slide:after{content: '';position: absolute; width: 100%; height: 100%;}
.pro_photo .swiper-slide img{-webkit-box-reflect: below 0px -webkit-linear-gradient(transparent,transparent 80%,rgba(0,0,0,.15));max-width: 68%; max-height:80%; left: 0; right: 0; top: 0; bottom: 0; margin: auto;position: absolute; z-index: 5}
.pro_photo .swiper-slide-prev:after,
.pro_photo .swiper-slide-next:after{background: #eff7ff}
.pro_photo .swiper-slide-active:after{background: url(../image/bg_pro_photo.jpg) no-repeat; background-size: cover}
.pro_photo .swiper-slide:not(.swiper-slide-active) img{opacity: 0}
.pro_photo .photo{position: relative;width: 90%; margin: auto}
@media(max-width:1024px){
.pro_photo .photo{width: 100%;}
.pro_photo .swiper-slide{width: 90%; height: 3rem}
}

.pro_specs .specs{max-width: 1120px; margin: auto; background: #fff}
.pro_specs table tr{border-top: solid 1px #f1f1f1}
.pro_specs table tr:first-child{ color: #fff}
.pro_specs table tr:first-child td{background: #1764a7!important;}
.pro_specs table tr th{font-size: .18rem;font-weight: normal;width: 180px;}
.pro_specs table tr td{font-size: .18rem;}
.pro_specs table tr td:nth-child(odd){width: 180px;border-right: solid 1px #f1f1f1}
.pro_specs table tr td:nth-child(even){padding:2% 5%}
.pro_specs table tr:nth-child(odd) td:nth-child(even){background: #fcfcfc}
@media(max-width:640px){
.pro_specs table tr td:nth-child(odd){width: 100px; }
}



.pro_download li{float: left;width:23.5%;background: #f8fbff;display: flex;justify-content: space-between;align-items: center;padding: .3rem;margin-right: 2%;margin-bottom: 2%}
.pro_download li:nth-child(4n){margin-right: 0}
.pro_download li .icon{width: 20%;flex: 0 0 auto;position: relative;display: flex;justify-content: center;align-items: center;}
.pro_download li .icon img{max-height: .6rem;max-width: .6rem;}
.pro_download li .txt{flex: 1;padding-left: 10%}
.pro_download li .txt .tit{font-size: .24rem;color: #333}
.pro_download li .txt .op{margin-top: .1rem;display: flex;}
.pro_download li .txt .op a{padding-left: .26rem;line-height: .3rem}
.pro_download li .txt .op a.down{background: url(../image/icon-down.png)no-repeat center left;margin-right: .25rem;background-size: 16px auto;}
.pro_download li .txt .op a.share{background: url(../image/icon-share.png)no-repeat center left;background-size: 20px auto;}
@media(max-width:640px){
    .pro_download li{width: 49%}
    .pro_download li:nth-child(2n){margin-right: 0}
}


.solution_list .item{width:48.75%;border-radius: 20px;overflow: hidden}
.solution_list .pic:after{content: '';position: absolute;width: 100%; height: 70%; bottom: 0; background: linear-gradient(rgba(21,51,106,0),rgba(21,51,106,1)); transition: 0.5s}
.solution_list .pic figure{padding-bottom:79.488%}
.solution_list .txt{position: absolute; left: 7%; right:7%; bottom:7%; z-index: 5;color: #fff}
.solution_list .txt:after{content: '';position: absolute;opacity: 0; right: 4%;; top: 0; bottom: 0; width: .54rem; height: .54rem; border-radius: 100%; background: #fff url(../image/jt_blue.svg) no-repeat center center; transition: 0.5s}
.solution_list .item:hover .txt:after{opacity: 1; right: 0;}
.solution_list .item:hover .pic:after{opacity:0.5}
.solution_list .item:nth-child(2)~.item{margin-top: 2.5%}
@media(max-width:640px){
.solution_list .item{width:100%;}
.solution_list .item:not(:first-child){margin-top:4%!important}
.solution_list .txt:after{width: .3rem; height: .3rem; }
}

.solution_detail .section:nth-child(even){background-color: #eef7ff}

.solution_overview .overview .box_left{width: 38%}
.solution_overview .overview .box_right{width: 52.5%}
.solution_overview .overview .desc{text-align: justify;line-height: 1.95; padding-top:7%; margin-top: 3%; border-top: solid 1px #f3f4f5}
.solution_overview .overview .pic{overflow: hidden;border-radius: 10px;}
.solution_overview .overview .pic img{width: 100%}
.solution_overview .other{padding-top: 5%}
.solution_overview .other ul{background-color: #f7f9ff;border-radius: 20px;}
.solution_overview .other li{flex: 1; text-align: center;padding: 5% 0}
.solution_overview .other li:not(:last-child){border-right: solid 1px #eaf0fc}
.solution_overview .other .icon{display:flex; justify-content: center; align-items: center; width:.6rem; height: .6rem; margin: auto; border-radius: 100%; position: relative; background: #1764a7}
.solution_overview .other .icon img{ max-height: 100%;}
.solution_overview .other .txt{padding-top: 4%}
@media(max-width:1024px){
.solution_overview .overview .box_left,
.solution_overview .overview .box_right{width: 100%}
.solution_overview .overview .desc{padding: 4% 0; margin-top: 0}
.solution_overview .other ul{justify-content: center}
.solution_overview .other li{flex: initial;width: 33.333%; padding: 3%}
.solution_overview .other li:nth-child(3){border-right: none}
}

.solution_features .sub_tab_title:after{content: '';position: absolute; left: -10%; right: -10%; height: 1px; background: #d6dee6}
.solution_features .sub_tab_title li{line-height: 40px;}
.solution_features .sub_tab_title li span{position: relative;padding: 20px 0; display: inline-block}
.solution_features .sub_tab_title li span:after{content: '';position: absolute; left: 0; right: 0;width: 0; bottom: -.03rem; height: .03rem; margin: auto; background: #1764a7; transition: 0.5s}
.solution_features .sub_tab_title li.on span{color: #1764a7}
.solution_features .sub_tab_title li.on span:after{width: 100%;}
.solution_features .item .pic{width: 50%}
.solution_features .item .txt{width: 43%}
.solution_features .item .txt h4:after{content: ''; display: block;margin-top: .2rem; margin-bottom: .3rem; width: .68rem; height: .06rem; background: linear-gradient(90deg,rgba(23,100,167,1),rgba(23,100,167,0))}
.solution_features .sub_tab_item{padding: 5%}
.solution_features .photo{text-align: center}
@media(max-width:1024px){
.solution_features .item .pic,
.solution_features .item .txt{width: 100%}
.solution_features .item .txt{padding: 4% 0}
.solution_features .sub_tab_item{padding: 0;}
.solution_features .sub_tab_title ul{justify-content: flex-start}
.solution_features .sub_tab_title li{line-height: 24px; margin: 0px 10px}
.solution_features .sub_tab_title li span{padding: 10px 0}
}

.solution_advantages .item{padding-bottom:1%}
.solution_advantages .title span{padding: .12rem .4rem; color: #fff; display: inline-block; background: #1764a7; border-radius: 30px;}
.solution_advantages .desc{padding: 2% 0; color: #131313}
@media(max-width:768px){
.solution_advantages .title span{padding: .08rem .2rem;}
}

.services_customised .item{border-radius: 20px;overflow: hidden}
.services_customised .pic:after{content: '';position: absolute;width: 100%; height: 70%; bottom: 0; background: linear-gradient(rgba(21,51,106,0),rgba(21,51,106,1)); transition: 0.5s}
.services_customised .pic figure{padding-bottom:38.75%}
.services_customised .txt{position: absolute; left: 3%; right:3%; bottom:6%; z-index: 5;color: #fff}
.services_customised .txt:after{content: '';position: absolute;opacity: 0; right: 2%;; top: 0; bottom: 0; width: .54rem; height: .54rem; border-radius: 100%; background: #fff url(../image/jt_blue.svg) no-repeat center center; transition: 0.5s}
.services_customised .txt p{width: 80%}
.services_customised .item:hover .txt:after{opacity: 1; right: 0;}
.services_customised .item:hover .pic:after{opacity:0.8}
.services_customised .item:not(:last-child){margin-bottom:.4rem}

.customised_overview .overview{background-color: #f4f7fe;border-radius: 20px; overflow: hidden; position: relative; z-index: 2}
.customised_overview .overview:after{content: ''; position: absolute; width:43.125%; height:115.807%;right: -11%; bottom: -5%; background: url("../image/logo_bg_blue2.svg") no-repeat left center; background-size: contain; z-index: -1; opacity: .03;}
.customised_overview .pic{width: 43.75%; overflow: hidden}
.customised_overview .pic img{width: 100%}
.customised_overview .info{width:56.25%; padding: 4%}
.customised_overview .item{padding-bottom:1%}
.customised_overview .title span{padding: .12rem .4rem; color: #fff; display: inline-block; background: #1764a7; border-radius: 30px;}
.customised_overview .desc{padding: 2% 0; color: #131313}
@media(max-width:768px){
.customised_overview .pic,
.customised_overview .info{width:100%}
}

.customised_process{color: #131313;background: url(../image/bg_customised_process.jpg); background-size: cover}

.customised_process .title{text-align: center;}
.customised_process .title h3:after{content: '';display: block; margin: auto; width: .52rem; height: .06rem; margin-top: .15rem; margin-bottom: .3rem; background: #246cab; border-radius: 4px;}

.customised_process .desc dt span{position: relative;width: .9rem; height: .9rem;  background: linear-gradient(#4f97d5,#1764a7); border-radius: 100%; display: flex; justify-content: center; align-items: center}
.customised_process .desc dt span:after{content: '';position: absolute; left: -7px; right: -7px; top: -7px; bottom: -7px;background: linear-gradient(#4f97d5,#1764a7); border-radius: 100%; opacity: 0.1}
.customised_process .desc dt span img{max-height:60%;}
.customised_process .desc dd{flex: 1;padding: 0 .3rem}
.customised_process .desc dd .en{text-transform: uppercase}

@media(min-width:1024px){
.customised_process .box{width: 5.07rem;height: 5.07rem; margin: auto; position: relative}
.customised_process .title{ width: 65%; margin: auto}
.customised_process .desc{position: absolute; width: 100%; height: 100%; z-index: 2}
.customised_process .desc li{position: absolute;width: 80%;}
.customised_process .desc li:nth-child(1),
.customised_process .desc li:nth-child(4){right: 77%}
.customised_process .desc li:nth-child(2),
.customised_process .desc li:nth-child(3){left: 77%}
.customised_process .desc li:nth-child(1),
.customised_process .desc li:nth-child(2){top: 7%}
.customised_process .desc li:nth-child(3),
.customised_process .desc li:nth-child(4){bottom: 10%}
.customised_process .desc li:nth-child(1) dd,
.customised_process .desc li:nth-child(4) dd{order:-1; text-align: right}
.customised_process .desc dl{display: flex; align-items: center}
.customised_process .yuan{position: absolute; width: 100%; height: 100%; top: 0; border: dashed 2px #1764a7; border-radius: 100%;animation: quan 10s linear infinite;}
.customised_process .yuan i{position: absolute;width: 100%; height: 100%;}
.customised_process .yuan i:before{content: ''; position: absolute; background: url("../image/yuan_jt.svg") no-repeat center center; margin: auto; left: 0; right: 0; top:-7.5px; width: 15px; height: 15px;}
.customised_process .yuan i:nth-child(1){}
.customised_process .yuan i:nth-child(2){transform: rotate(90deg)}
.customised_process .yuan i:nth-child(3){transform: rotate(180deg)}
.customised_process .yuan i:nth-child(4){transform: rotate(-90deg)}
.customised_process .step{text-align: center; padding-top:4%}
.customised_process .step span{display: inline-block;padding: 5px;}
@keyframes quan {
    0%{
      transform: rotate(0deg)
    }
    100%{
      transform: rotate(360deg)
    }
}
}
@media(max-width:1024px){
.customised_process .desc{width: 100%; padding: 4% 0; display: flex; flex-wrap: wrap; justify-content: space-between}
.customised_process .desc li{width:50%;padding: 3% 0; text-align: center}
.customised_process .desc dt span{margin: auto}
.customised_process .desc dd{padding: .1rem}
}

.customised_appearance .list{margin-left: -.2rem; margin-right: -.2rem}
.customised_appearance .item{width:calc(25% - .4rem);margin: .1rem .2rem; box-shadow: 0px 3px 12px 0px rgba(1, 27, 49, 0.06); border-radius: 12px; overflow: hidden}
.customised_appearance .pic figure {padding-bottom: 64.865%;}
.customised_appearance .txt{padding:10%;}
.customised_appearance .txt p{margin-top: .2rem}
@media(max-width:1024px){
.customised_appearance .list{margin-left: 0; margin-right: 0;justify-content: space-between}
.customised_appearance .item{width: 49%; margin-left: 0; margin-right: 0}
.customised_appearance .txt{padding:4%;}
}
@media(max-width:640px){
.customised_appearance .item{width: 100%;}

}

.customised_function{background: #f9f9f9}
.customised_function .type ul{position: inherit; text-align: inherit}
.customised_function .type li{width: auto; margin: auto; height: auto;border-radius:inherit; background: none}
.customised_function .type li:not(:last-child){margin-right: .6rem}
.customised_function .typeli a{cursor: pointer}
.customised_function .type h4{text-align: center; margin-top: 10px}
.customised_function .type li:not(:hover) h4{color: #111111}
.customised_function .type .icon{width: .5rem; height: .5rem; position: relative; margin: auto}
.customised_function .type .icon img{position: absolute; max-width: 100%; max-height: 100%; object-fit: contain;-o-object-fit: contain}
.customised_function .type li:not(.slick-active,:hover) img{filter: grayscale(100%) brightness(50%); }
.customised_function .type li.slick-active h4{color: #1764a7}
.customised_function .type li.slick-active{background: none}
.customised_function .photo{border-radius: 20px;overflow: hidden}
.customised_function .pic figure{padding-bottom:42.5%}
.customised_function .txt{position: absolute; left: 3%; right:3%; top:6%; z-index: 5;color: #fff}
.customised_function .txt p{width: 70%; margin-top: 10px;}
@media(max-width:1024px){
.customised_function .type{width: 100%; padding-bottom: 2%}
.customised_function .type li:not(:last-child){margin-right: .3rem}
}
@media(max-width:640px){
.customised_function .item{box-shadow:inset 0px 0px 48px 0px rgba(3, 84, 166, 0.1); border-radius: 16px;}
.customised_function .type .icon{width: .4rem; height: .4rem;}
.customised_function .txt{position: initial; color: #333; padding: 4%;}
}

.services_contact .list{margin-left: -1.2%; margin-right: -1.2%}
.services_contact .item{text-align: center; flex: 1; margin:1.2%; padding:5% 2%; background: url(../image/bg_services_contact.jpg); background-size: cover;border-radius: 10px;}
.services_contact .item .icon{width: 20%; max-width: .8rem; margin: auto}
.services_contact .item h4{margin-top: .2rem}
@media(max-width:640px){
.services_contact .item .icon{width:50px;}
}

.services_form{background: url("../image/bg_services_form.jpg") no-repeat center bottom;background-size: cover}
.services_form .auto{position: relative}
.services_form .box_left{width: 37%;}
.services_form .box_right{width: 55%}
.services_form .column_title h3{color: #fff;}
.services_form .desc{color:rgba(255,255,255,0.8);padding-top: .6rem; padding-bottom: .5rem; position: relative;}
.services_form .desc:before{content: '';position: absolute; width: 1px; height: .4rem;top: 0; background:rgba(255,255,255,0.4);}
.services_form .box_item{width: 100%; background:rgba(255,255,255,0.9);border-radius: 8px;padding: .1rem;margin-bottom: .15rem}
.services_form .box_name{position: absolute;line-height: .30rem;}
.services_form .text{width: 100%; height: .30rem; line-height: .30rem; background: none; border: none}
.services_form textarea.text{height: 2rem}
.services_form .full{width: 100%!important;}
.services_form .box_button button{font-size: .18rem; color: #fff; border: solid 1px #ffffff; position: relative; border-radius:30px;padding-left: .25rem; padding-right: .5rem; line-height: .48rem; display: block; background: none; cursor: pointer}
.services_form .box_button button:after{content: ''; position: absolute; width: 19px; height: 16px; margin: auto; top: 0; bottom: 0; right: .2rem; background: url("../image/jt_blue.svg") no-repeat center center;filter: brightness(0) invert(1);}
.services_form .box_button button:hover{border-color: #1764a7; background: #1764a7}
@media(min-width:1024px){
.services_form .desc{padding-bottom: 1rem; }
.services_form .box_item{width: 48%;padding: .15rem .22rem;margin-bottom: .3rem}
.services_form .full{ margin-bottom: 0}
.services_form .box_name{font-size: .20rem}
.services_form .box_button{position: absolute; left: 0; bottom:.3rem}
}
@media(max-width:768px){
.services_form .box_left,
.services_form .box_right{width:100%}
}

.faq_list ul {width:100%;}
.faq_list li{width: 48.75%; padding:2.719%; background: #f8f8f8}
.faq_list li:nth-child(2)~li{margin-top: 2.5%}
.faq_list li p{flex: 1}
.faq_list li span a{padding-left: 26px; background: url(../image/down_jt.svg) no-repeat left}
.faq_list li span a:not(:hover){color: #1764a7}
@media(max-width:768px){
.faq_list li{width:100%; }
}

.news_list ul:after,
.news_list .item{width:31.625%}
.news_list ul:after{content: ''}
.news_list .item{box-shadow: 0px 3px 12px 0px rgba(1, 27, 49, 0.06); border-radius: 12px; overflow: hidden; }
.news_list .pic figure{padding-bottom:67.195%}
.news_list .txt{padding: 8%;transition: 0.5s; position: relative;background-color: #fff; }
.news_list .txt h4{margin: 3% 0}
.news_list .txt p{line-height: 26px; height: 52px; margin-bottom: .4rem}
.news_list .txt .view{color: #2071b7; border: solid 1px #2071b7; position: relative; border-radius:30px; width: 1.49rem;line-height: .48rem; display: block; text-indent: .25rem}
.news_list .txt .view:after{content: ''; position: absolute; width: 19px; height: 16px; margin: auto; top: 0; bottom: 0; right: .2rem; background: url("../image/jt_blue.svg") no-repeat center center}
.news_list .item:hover .txt{background: linear-gradient(90deg,#2e85d0,#1764a7);}
.news_list .item:hover *{color: #fff}
.news_list .item:hover .view{border-color: #fff}
.news_list .item:hover .view:after{filter: brightness(0) invert(1);}
.news_list .item:hover p{opacity: 0.7}
@media(min-width:1024px){
.news_list .item:nth-child(3)~.item{margin-top: 2.5625%}
}
@media(max-width:1024px) and (min-width:640px){
.news_list ul:after,
.news_list .item{width:47%}
.news_list .item:nth-child(2)~.item{margin-top: 2.5625%}
}
@media(max-width:640px){
.news_list ul:after,
.news_list .item{width:  100%}
.news_list .item:not(:first-child){margin-top: 5%}
.news_list .txt{padding: 4%}
}

.article_detail .auto{max-width: 1200px;}
.article_detail .title{text-align: center}
.article_detail .title h1{line-height: 1.4}
.article_detail .title dl{padding-top: 2%; padding-bottom: 3%}
.article_detail .article{padding: 3% 0; line-height:1.8; border-top: solid 1px #dfe2e6;border-bottom: solid 1px #dfe2e6}
.article_detail .article p:not(.p_img){text-indent: 2em}
.article_detail .article img{border-radius: 20px}

.prev_next {padding-top: 2%}
.prev_next p{max-width: 48%;}
.prev_next i{font-style: normal; color: #1764a7; padding-right: 10px;}
@media(max-width:1024px){
.prev_next p{max-width: 100%;padding: 1% 0}
}

.about_overview {padding-bottom: 4%}
.about_overview .overview{width: 49%;}
.about_overview .article{text-align: justify; line-height: 1.9}
.about_overview .photo{width: 45.125%;}
.about_overview .photo .pic{ border-radius: 20px; overflow: hidden}
.about_overview .photo img{width: 100%;}

.about_desc{padding: 2% 4%; box-shadow: 0px 0px 15px 1px rgba(6, 6, 6, 0.06);border-radius: 16px;}
.about_desc dl{padding: 1% 0;}
.about_desc dt b{font-weight: normal}
.about_desc dt i{display: block}
@media(max-width:1024px){
.about_overview .overview,
.about_overview .photo{width: 100%;}
.about_overview .photo .pic{max-width: 640px; margin: auto}
}

.HistoryDesc{position: relative;width: 90%; margin: auto}

.HistoryDesc .item .desc{transition: 0.5s; line-height: 2; position: relative;}
.HistoryDesc .item h4{line-height: 1;}
.HistoryDesc .item h4:after{content: ''; display: block; width: .54rem; height: .04rem; margin:20px auto; background: #1764a7}

.HistoryYear{text-align: center; margin-top: 6%; position: relative; z-index: 2}
.HistoryYear span{color: #858992; background: #fff;padding: 0 .25rem; cursor: pointer}
.HistoryYear .slick-current span{color: #1764a7}
.HistoryYear:after{content: ''; position: absolute; left: -10%; right: -10%; top:calc(50% - 1px); margin: auto; border-bottom:dashed 2px #0071ef; z-index: -1}
@media(min-width:768px){
.HistoryDesc .slick-list{width:78.473%;margin: auto; padding: 0 4%!important}
.HistoryDesc .item{width: 80%; min-height: 4.87rem; margin: auto; text-align: center; position: relative; z-index: 2; display: flex; flex-wrap: wrap; justify-content: center; align-items: center}
.HistoryDesc .item:after{content: ''; position: absolute;margin: auto; left: 0; right: 0; top:0; bottom: 0; margin: auto; width: 100%; height: 100%; background:#f5faff; background-size: cover; z-index: -1; transform: scaleY(.7); transition: .5s }
.HistoryDesc .slick-active:after{transform: scaleY(.86243); background: #eff7ff}
.HistoryDesc .slick-center:after{ transform: scaleX(2.62536); background: url(../image/bg_pro_photo.jpg) no-repeat center bottom; background-size: cover}
.HistoryDesc .slick-center{z-index: 5;}
.HistoryDesc .item:not(.slick-center) .desc{opacity: 0}
.HistoryDesc .item .txt{margin: auto; left: -100%; right: -100%; width: 300%; position: relative; padding: 4%}
}
@media(max-width:1024px){
.HistoryDesc{width: 100%}
}
@media(max-width:768px){
.HistoryDesc .item {text-align: center}
.HistoryDesc .item .txt{padding: 5%}
.HistoryDesc .slick-center{background: url(../image/bg_pro_photo.jpg) no-repeat center bottom; background-size: cover}
}

.honor_column_type .type li:not(:last-child){margin-right: .2rem;}
.honor_column_type .type a{display: block; color: #1764a7; border: solid 1px #1764a7; padding: .12rem .35rem; border-radius: 30px;}
.honor_column_type .type li.aon a{color: #fff; background-color: #1764a7; }
@media(max-width:1200px){
.honor_column_type .type{width: 100%;padding-bottom: 4%}
.honor_column_type .type ul{justify-content: center}
.honor_column_type .type li:not(:last-child){margin-right:.1rem;}
}
@media(max-width:768px){
.honor_column_type .type a{padding: .08rem .2rem; }
}

.honor_list {margin-left: -.12rem; margin-right: -.12rem}
.honor_list .item{width:25%;padding:.13rem}
.honor_list .pic{border: solid 5px #adaea9;}
.honor_list .pic figure{padding-bottom: 70.815%}
.honor_list .txt{text-align: center;padding:4% 0; line-height: 1.35}

@media(max-width:768px){
.honor_list .item{width:50%;}
}

.jobs_list .first{color: #fff; background: #1764a7}
.jobs_list .title{padding: 1% 2.8%; line-height: 28px;}
.jobs_list .item .title{padding-top:1.285%; padding-bottom: 1.285%; background: #fafafa; color: #555; cursor: pointer;border-bottom: solid 1px #ededed; position: relative}
.jobs_list .item .title span{padding-left: .32rem; position: relative}
.jobs_list .item .title span:before{content: ''; position: absolute; left: 0; top: 10px; background: #184477; width: 4px; height: 4px;}
.jobs_list .item .title:after{content: '';position: absolute; width: 0; bottom: 0; height: 2px; background: #1764a7; transition: 0.5s}
.jobs_list .item .title time{color: #888888}
.jobs_list .item .select{background: #fff; color: #1764a7; border-bottom-color: #fff;}
.jobs_list .item .select:after{width: 94.4%}
.jobs_list .item .desc{display: none; padding: 2% 5%}

.contact_group {padding-bottom: 4%;}
.contact_group .item{box-shadow: 0px 0px 48px 0px rgba(3, 84, 166, 0.1); border-radius:16px; overflow: hidden}
.contact_group .pic{width: 50%; overflow: hidden}
.contact_group .info{width: 50%; padding:4% 5%}
.contact_group .desc{border-top: solid 1px #ebebeb; padding-top:4%;}
.contact_group .desc p.email{padding: 2% 0 2% 34px; background: url(../image/email.png) no-repeat left; background-size: 20px;}
@media(max-width:1024px){
.contact_group .pic,
.contact_group .info{width: 100%;}
}
.contact_office:after,
.contact_office .item{width:31.625%}
.contact_office:after{content: ''}
.contact_office .item{box-shadow: 0px 0px 48px 0px rgba(3, 84, 166, 0.1); border-radius: 16px; overflow: hidden; }
.contact_office .pic figure{padding-bottom:63.242%}
.contact_office .info{padding: 8%;transition: 0.5s; position: relative;background-color: #fff; }
.contact_office .info h4{margin-bottom: .1rem;}
@media(min-width:1024px){
.contact_office .item:nth-child(3)~.item{margin-top: 2.5625%}
}
@media(max-width:1024px) and (min-width:640px){
.contact_office:after,
.contact_office .item{width:47%}
.contact_office .item:nth-child(2)~.item{margin-top: 2.5625%}
.contact_office .info{padding: 3%}
}
@media(max-width:640px){
.contact_office:after,
.contact_office .item{width:  100%}
.contact_office .item:not(:first-child){margin-top: 5%}
.contact_office .info{padding:5%}
}

.search_list li{border-bottom: solid 1px #ddd; padding: 1% 0}
.search_list li time{float: right; opacity: 0.7}

.link_list li{width: 20%; padding: 1%;}
.link_list li figure{padding-bottom:45%; border: solid 1px #eee;}
@media(max-width:1024px){
.link_list li{width: 33.333%}
}
@media(max-width:640px){
.link_list li{width: 50%}
}

.Pages{display: flex; justify-content: center; align-items: center;padding-top: .8rem}
.Pages span:not(.p_page),
.Pages span .a_first,
.Pages span .a_end{display: none}
.Pages .p_page{display: flex; justify-content: center}
.Pages a{display: block; position: relative;background: #fff; min-width: .6rem; line-height: .6rem; text-align: center; margin: 0 .1rem;border-radius:100%;box-shadow:inset 0 0 0 1px #e5e5e5;}
.Pages a:not(:hover){color: #999999}
.Pages a.a_cur{box-shadow:inset 0 0 0 1px #0372dc;background-color: #1764a7; color: #fff}
.Pages em{display: flex; font-style: normal}
.Pages a.a_prev,
.Pages a.a_next{text-indent: -200px; overflow: hidden; }
.Pages a.a_prev::before,
.Pages a.a_next::before{content: '';left: 0; position: absolute; width: 100%; height: 100%;background:url("../image/page_jt.svg") no-repeat center center; background-size: 23%}
.Pages a.a_next{transform: rotate(-180deg)}
.Pages a:not(.no):hover{box-shadow:inset 0 0 0 1px #0372dc;background-color: #1764a7; color: #fff}
.Pages a:not(.no):hover::before{filter: brightness(0) invert(1);}
.Pages a.no{cursor: default}
.Pages a.no::before{filter: grayscale(100%) brightness(200%);}
@media(max-width:640px){
.Pages a{min-width: .5rem; line-height: .5rem; }
}