@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT:16px/1.75  'Microsoft YaHei',  'SimSun', 'SimHei', 'Arial'; COLOR: #666;  background:#fff;width: 100%; overflow-x: hidden;}
   
A {COLOR: #666; TEXT-DECORATION: none}
P{COLOR: #333;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.container{max-width:1449px;margin:0 auto}
.container-s{max-width:1647px;margin:0 auto}

.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-l{text-align: left;}
.txt-r{text-align: right;}
.col-white{color: #fff;}
.line1{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.line2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.line3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.line4{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}


.flex{display: flex;}
.flex-sbc{display: flex; justify-content: space-between;  align-items: center;}
.flex-c{display: flex; align-items: center;}
.flex-cc{display: flex; align-items: center; justify-content: center;}
.flex-ccc{display: flex; align-items: center; justify-content: center; flex-direction: column;}
.flex-dcsb{display: flex; flex-direction: column; justify-content: space-between;}
.flex-sb{display: flex; justify-content: space-between;}
.flex-sbw{display: flex;justify-content: space-between; flex-wrap: wrap;}
.flex-cw{display: flex; align-items: center; flex-wrap: wrap;}
.flex-dc{display: flex; flex-direction: column;}
.flex-w{display: flex; flex-wrap: wrap;}
.flex-sbcw{display: flex;justify-content: space-between;  align-items: center; flex-wrap: wrap;}

/*字体引入*/

@font-face {
    font-family: "DIN";
    src: url("../font/DIN-Bold.otf");
  }



/* 公共头部 */
.header{position: fixed; height: 6.5625rem; top: 0; width: 100%; z-index: 222; background: #fff; box-shadow: 0 0 3px rgba(0,0,0,0.05);} 
.head-box{height: 6.5625rem;}
.pc-logo a img{display: block;}

.pc-right{width: 70.8%;}
.pc-nav{width: 77%;}
.pc-nav ul li{position: relative;}
.pc-nav>ul>li>a{display: block; font-size: 1rem; line-height: 6.5625rem; color: #333; position: relative;}
.pc-nav>ul>li:hover>a,.pc-nav>ul>li.on>a{color: #0072b8;}

.navSlideTwo {position: absolute;left: 50%; transform: translateX(-50%); width: 160%;background: #fff;line-height: initial; display: none; overflow: hidden;}
.navSlideTwo{padding: 0.9375rem 0;}
.navSlideTwo dd a {color: #333333; font-size: 1rem;display: block; text-align: center;  transition: .5s; line-height: 2.1875rem;}
.navSlideTwo dd a:hover {color: #0072b8;}
.pc-nav ul li:nth-child(3) {   position: static;}
.proNavSlideTwo {position: absolute;left: 0;width: 100%;background: #fff;line-height: initial; display: none; overflow: hidden; border-top: 0.0625rem solid rgba(160,162,164,0.22);}
.proNavSlideTwo .navSlideTop {background: #fff;width: 28%;display: flex;justify-content: flex-end;}
.navSlideTop ul{display: flex;justify-content: flex-end;width: 14.625rem; margin-right: 13%;}
.navSlideTop ul li{width: 100%; border-radius: 1.5625rem; margin-bottom: 1.375rem;}
.navSlideTop ul li:last-child{margin-bottom: 0;}
.navSlideTop ul li a{justify-content: space-around;}
.navSlideTop ul li h4{display: block; font-size: 1rem; line-height: 3.125rem; color: #333333;}
.navSlideTop ul li:hover ,.navSlideTop ul li.on {background: #0072b8;}
.navSlideTop ul li:hover h4,.navSlideTop ul li.on h4{ color: #fff;}
.navSlideTop ul li:hover img,.navSlideTop ul li.on img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}

.navSlideBom{height: 24.5rem;width: 72%;background: #f9f9f9;padding-top: 53px;box-sizing: border-box;}
.navSlideBom ul li {overflow: hidden;text-align: center;width: 14.5%; margin: 0 8.3%;}
.navSlideBom ul li .nav-title a{height: 3.125rem; border-bottom: 1px solid #dcdcdc; margin-bottom: 1.5rem;}
.navSlideBom ul li .nav-title strong{display: block; font-size: 1.0625rem; color: #333;}
.navSlideBom ul li .nav-title img{}
.navSlideBom ul li .nav-title a:hover strong{color: #0072b8;}
.navSlideBom ul li .nav-pro a{display: block; font-size: 0.9375rem; line-height: 2.25rem; color: #666666; text-align: left;}
.navSlideBom ul li .nav-pro a:hover{color: #0072b8;}
.proNavSlideTwo .navSlideBom ul {display: none;}
.proNavSlideTwo .navSlideBom ul.on {display: flex;}
.navSlideTop ul li:nth-child(1) {animation-delay: .1s;}
.navSlideTop ul li:nth-child(2) {animation-delay: .2s;}
.navSlideTop ul li:nth-child(3) {animation-delay: .3s;}
.navSlideTop ul li:nth-child(4) {animation-delay: .4s;}
.navSlideTop ul li:nth-child(5) {animation-delay: .5s;}
.navSlideTop ul li:nth-child(6) {animation-delay: .6s;}
.navSlideTop ul li:nth-child(7) {animation-delay: .7s;}
.navSlideTop ul li:nth-child(8) {animation-delay: .8s;}
.navSlideBom ul li:nth-child(1) {animation-delay: .1s;}
.navSlideBom ul li:nth-child(2) {animation-delay: .2s;}
.navSlideBom ul li:nth-child(3) {animation-delay: .3s;}
.navSlideBom ul li:nth-child(4) {animation-delay: .4s;}
.navSlideBom ul li:nth-child(5) {animation-delay: .5s;}


.heSearch .seBox {width: 1.25rem; height: 1.25rem; }
.heSearch .seBox img {display: block;}
.pub_search_box_case {position: fixed;z-index: 1; left: 0;top: 0;z-index: 8; transition: all .5s ease; transform: translateY(-120%); width: 100%;}
.pub_search_box_case.on {transform: translateY(0%); }
.pub_search_box_case.on .pub_sea_sha {display: block;}
.pub_search_box_case .pub_sea_sha {position: absolute; width: 100vw; height: 100vh; left: 0; top: 0; z-index: 2; display: none;}
.pub_search_case { padding: 2% 8%;box-sizing: border-box;  background-color:#0072b8; box-shadow: 0 1px 3px rgb(0 0 0 / 12%); position: relative; z-index:999;display: block;}
.pub_search_case .zhan_c {display:flex; justify-content: space-between;    align-items: flex-start;}
.pub_search_case .zhan_c .close {cursor: pointer;}
.pub_search_box {width: 50%; margin: auto; padding:4rem 0 2rem 0}
.pub_search_box .sea_t {color: #fff; font-size: 1rem; margin-bottom: 1rem;}
.pub_search_box button {border: none; background: none;}
.search_form {display: flex; align-items: center; justify-content: space-between; border-bottom: 2px solid #fff; padding-bottom: 0.3rem;}
.search_form input {width: 90%; height: 2.5rem; border: none;outline: none; background: none; color: #fff; font-size: 1rem;}
.search_form button {width: 4%; cursor: pointer;}
.search_form button img {max-width: 100%; display: block;}

.login a{position: relative; z-index: 2; display: block; width: 7.0625rem; font-size: 0.9375rem; color: #fff;line-height: 2.6875rem;background: #0072b8;border-radius: 1.375rem; text-align: center; }
.login a:before {content: ''; z-index: -1; transition: 1s; border-radius: 30px;   box-sizing: border-box;transform: scale(1); opacity: 1; width: 100%; height: 100%;background: #0072b8;   position: absolute; top: 0;right: 0;bottom: 0; left: 0;}
.login a:hover:before{transform: scale(1.2) scaleY(1.3); opacity: 0; visibility: hidden;}



.header-zw{height: 6.5625rem;}



/* 手机端导航 */
.mobmenu {display: none;}
.mobmenu dl {transform: rotateY(180deg);width: 30px; cursor: pointer;}
.mobmenu dl dd {width: 0;height: 2px;background: #333;}
.mobmenu dl dd:first-child {animation: sjnav 2.4s linear infinite;}
.mobmenu dl dd:nth-child(2) {	margin: 6px 0;	width: 20px;}
.mobmenu dl dd:last-child {animation: sjnav 2.4s linear infinite;animation-delay: 0.4s;}

.mobmenu h4 {color: #333; margin-left: 10px; width: 32px;}
.mobmask {position: fixed;left: 0;top: 0;z-index: 99;width: 100%;height: 100vh;background: rgba(7,16,26,0.8);transition: all 0.5s;visibility: hidden;opacity: 0;transition-delay: 0.2s;}
.mobmask.active{opacity: 1;visibility: visible;}
.mobnavBox {padding-bottom: 1.25rem; width: 50%;height: 100vh;position: fixed;z-index: 100;top: 0;left: -50%;overflow-y: auto;opacity: 0;transition: all 0.3s; background: #fff; visibility: hidden;}
.mobnavBox.active{transition-delay: 0.3s;opacity: 1;left: 0; visibility: visible;} 
.mobCon {padding: 0 1.25rem; }
.mobnavBox .top {padding: 0.625rem 1.25rem;height: 4.375rem; position: sticky;top: 0;z-index: 9999;background: #fff;box-shadow: 0 0 20px 0 rgba(0,0,0,0.06);}
.mobnavBox .top .logo {	width: 120px; }
.mobnavBox .top .logo img {display: block; width: 100%;}
.mobnavBox .top .mobnavclose {width: 1.875rem;height: 1.875rem;position: relative; cursor: pointer;}
.mobnavBox .top .mobnavclose:before,
.mobnavBox .top .mobnavclose:after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #333;border-radius: 1px;}
.mobnavBox .top .mobnavclose:before{width: 1.25rem;height: 0.125rem;transform: translate(-50%,-50%) rotate(45deg);}
.mobnavBox .top .mobnavclose:after{width: 0.125rem;height: 1.25rem;transform: translate(-50%,-50%) rotate(225deg);}

.mobsearch {margin-top: 1.875rem;}
.mobsearch form input {width: calc(100% - 3.25rem);line-height: 2.5rem;border: 1px solid #dbdbdb;border-radius: 0.125rem;padding: 0 0.75rem;font-size: 0.875rem;}
.mobsearch form button {width: 2.625rem;height: 2.625rem;background: #0F73AB;color: #fff;border-radius: 0.125rem;font-size: 0.875rem; border: 0; }
.mobsearch form button img {filter: brightness(100); -webkit-filter:brightness(100);}

.mobnavBox .bottom {padding: 0.375rem 0;}
.mobnavBox .bottom .nav li {margin: 0.75rem 0;}
.mobnavBox .bottom .nav li h3 {display: flex;align-items: center;justify-content: space-between;}
.mobnavBox .bottom .nav li h3 a {display: block;text-align: center;color: #1a1a1a;padding-left: 0.25rem;font-size: 1.2rem;}
.mobnavBox .bottom .nav li h3 i {display: block;width: 1.875rem;height: 1.875rem;line-height: 2rem;color: #333;text-align: center;font-size: 0.75rem; transition: .4s; cursor: pointer;}
.mobnavBox .bottom .nav li h3 i img {max-width: 100%;}
.mobnavBox .bottom .nav li .m-subnav {border-bottom: 1px solid #dbdbdb;padding-bottom: 0.3125rem;display: none;}
.mobnavBox .bottom .nav li .m-subnav a {display: block;margin: 0.625rem 0;padding-left: 1.25rem;position: relative; }
.mobnavBox .bottom .nav li .m-subnav a:before{content: "";width: 0.5rem;height: 0.5rem;border: 1px solid #CCCCCC;border-radius: 50%;position: absolute;left: 0.25rem;top: 0.4375rem;transition: all 0.4s;}
.mobnavBox .bottom .nav li .m-subnav a:after{content: "";width: 0.25rem;height: 0.25rem;background: #CCCCCC; border-radius: 50%; position: absolute; left: 0.4375rem;top: 0.625rem;transition: all 0.4s;}
.mobnavBox .bottom .nav li.on h3 a{color: #1074ab;}
.mobnavBox .bottom .nav li.on h3 i {transform: rotate(90deg);color: #1074ab;}
.mobnavBox .bottom .nav li.on h3 i:before,
.mobnavBox .bottom .nav li.on h3 i:after {background: #fff;}
.mobnavBox .bottom .nav li h3 a:hover{color: #1074ab;}
.mobnavBox .bottom .nav li .m-subnav a:hover{color: #1074ab;}
.mobnavBox .bottom .nav li .m-subnav a:hover:before{border-color: #1074ab;}
.mobnavBox .bottom .nav li .m-subnav a:hover:after{background: #1074ab;}

.mobinfo {margin-top: 1.25rem;}
.mobinfo h2 {color: #1a1a1a;font-weight: 700;font-size: 1.35rem;}
.mobinfo dl dd {display: flex;margin-top: 0.625rem; align-items: center;}
.mobinfo dl dd i {width: 1.25rem;height: 1.25rem;display: flex;align-items: center;justify-content: center;}
.mobinfo dl dd i img {display: inline-block; width: 1rem}
.mobinfo dl dd p {width: calc(100% - 0.875rem);padding-left: 0.625rem;color: #666;font-size: 1rem;}
.mobinfo dl dd p a {color: #666; }
.mobinfo dl dd p a:hover{color: #1074ab;}


@keyframes sjnav{0% {width: 0;}25% {width: 15px;}50% {width: 30px;}75% {width: 15px;}100% {width: 0;}}


.wapheader-zw{display: none;}




/* banner */
.banner{overflow: hidden;height:52.3125rem}
.bannerSwiper {position: relative; overflow: hidden;}
.banner .swiper-slide {overflow: hidden;}
.banner .imgBox {height:52.3125rem; display: flex; align-items: center; background-size: cover!important;}
.banner .imgBox .container{ position: absolute; left: 0; right: 0; margin: auto; }
.banner .imgBox .info h2{display: block; font-size: 1.625rem; color: #fff; margin-bottom: 1.4375rem;}
.banner .imgBox .info h3,.banner .imgBox .info h4{display: block; font-size: 3.75rem; color: #fff; line-height: 4.8rem;}
.index-more a{position: relative; z-index: 2; display: block; width: 10rem;background: #0072b8;border-radius: 1.75rem;  font-size: 1rem; line-height: 3.4375rem; color: #fff; text-align: center;}
.index-more  a:before {content: ''; z-index: -1; transition: 1s; border-radius: 30px;   box-sizing: border-box;transform: scale(1); opacity: 1; width: 100%; height: 100%;background: #0072b8;   position: absolute; top: 0;right: 0;bottom: 0; left: 0;}
.index-more  a:hover:before{transform: scale(1.2) scaleY(1.3); opacity: 0; visibility: hidden;}
#banner-num{bottom: 4.375rem; z-index: 33; cursor: pointer;}
#banner-num span{width: 0.75rem;height: 0.75rem;border: 1px solid #ffffff; background: transparent; opacity: 1; margin: 0 0.5625rem;}
#banner-num span.swiper-pagination-bullet-active{background: #f9f9f9;}
.banner  .index-more a{ margin-top: 5.6875rem;}



/* 关于恒生 */
.about{margin-top: 4.3125rem;}
.about-box .info{width: 36%;}
.index-title h2{display: block; font-size: 1.875rem; color: #0072B8; margin-bottom: 0.4375rem;}
.index-title h3{display: block; font-size: 2.5rem; line-height: 3.0625rem; color: #222; }
.index-title h4{ font-size: 1rem; line-height: 1.75rem; color: #555; margin-top: 2.25rem;}
.about-box   .index-more a{margin-top: 7.3125rem;}
.about-box .pic{width: 57.9%; position: relative;}
.about-box .pic img{display: block; width: 100%;}
.about-box .cirlist li {position: absolute; z-index: 2;}
.about-box .cirlist li i {width: 0.6875rem; height: 0.6875rem; opacity: 0.22; background: #0072b8; border-radius: 50%; display: block;  z-index: 2;}
.about-box .cirlist li::before, .about-box .cirlist li::after {background: #0072b8; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;height: 100%;border-radius: 50%;content: ''; z-index: -1;}
.about-box .cirlist li::before {animation: scale 2s infinite;}
.about-box .cirlist li::after {animation: scale2 2s infinite;}
.about-box .cirlist li.cor2::before, .about-box .cirlist li.cor2::after {animation: scale2 2s 1s infinite;}
.about-box .cirlist li.cor2::before, .about-box .cirlist li.cor2::after {animation: scale2 2s 1s infinite;}
.about-box .cirlist li.cor2::before , .about-box .cirlist li.cor2::after {background: #0072b8;}
.about-box .cirlist li.cor3::before , .about-box .cirlist li.cor3::after {background: #0072b8;}
@keyframes scale {0% {transform:translate(-50%, -50%) scale(1);  opacity: .9; } 100% { transform:translate(-50%, -50%) scale(5); opacity: 0;}}
@keyframes scale2 {0% {transform:translate(-50%, -50%) scale(1); opacity: .9; }100% { transform:translate(-50%, -50%) scale(10);opacity: 0;}}
.about-box .cirlist li.li1 {top: 19.5%;left: 45.5%;}
.about-box .cirlist li.li2 {top: 20%;right: 41.3%;}
.about-box .cirlist li.li3 {top: 19.6%;   left: 18.6%;}
.about-box .cirlist li.li4 {top: 29.5%;   left: 34.2%;}
.about-box .cirlist li.li5 {top: 33.7%;left: 14.1%;}
.about-box .cirlist li.li6 {top: 44.5%;left: 39.5%;}
.about-box .cirlist li.li7 {top: 54.8%;left: 25.5%;}
.about-box .cirlist li.li8 {top: 59.9%;left: 49.9%;}
.about-num{position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.about-num ul li{text-align: right; margin-bottom: 5.9375rem;}
.about-num ul li:last-child{margin-bottom: 0;}
.about-num ul li em{display: inline-block; font-size: 3.75rem; line-height: 2.75rem; color: #333; font-family: Arial;}
.about-num ul li sup,.about-num ul li b{display: inline-block; vertical-align: top; line-height: 1rem; color: #333; margin-top: -3px; margin-left: 0.4375rem;}
.about-num ul li sup{ font-size: 1.0625rem;  }
.about-num ul li b{ font-size: 1.875rem;  }
.about-num ul li h3{display: block; font-size: 1rem; color: #555; margin-top: 0.4375rem;}


/* 解决方案 */
.solution-list ul li{position: relative; color: #fff;}
.solution-list ul li .pic{height: 49.125rem; background-size: cover!important;}
.solution-list ul li .pic img{display: none; width: 100%;}
.solution-list ul li .container{position: absolute; top: 40%; left: 0; right: 0; transform: translateY(-50%);}
.solution-list ul li em{display: block; font-size: 1.875rem; line-height: 1.875rem;}
.solution-list ul li h2{display: block; font-size: 2.5rem;}
.solution-list ul li h3{display: block; font-size: 1rem; line-height: 1.75rem; width: 34.1875rem; margin-bottom: 5.375rem;}
.solution-list ul li .index-more a{background: transparent; border:1px solid #fff; transition: 0.6s;} 
.solution-list ul li .index-more a:before{background: transparent;}
.solution-list ul li .index-more a:hover{background: #fff; color: #0072B8;}

.solution{position: relative;}
.solution-bottom{position: absolute!important; bottom: 5.125rem!important; z-index: 9; width: 100%;}
.solution-btn ul li{width: auto!important; margin-right: 3.125rem; position: relative; padding-right: 1.5625rem; }
.solution-btn ul li h4{display: block; font-size: 1rem; line-height: 3.0625rem; color: #fff; position: relative;}
.solution-btn ul li::before{position: absolute; content: ''; background: url(../images/solution-arrow.png) no-repeat right center; width: 0; height: 0.75rem; right: 0; top: 50%; transform: translateY(-50%); transition: 0.6s;}
.solution-btn ul li::after{position: absolute; content: ''; bottom: 0; width: 0; height: 1px; background: #fff; transition: 0.6s;}
.solution-btn ul li:hover::after,.solution-btn ul li.swiper-slide-thumb-active::after{width: 100%;}
.solution-btn ul li:hover::before,.solution-btn ul li.swiper-slide-thumb-active::before{right: 0; width: 0.375rem;}
#solution-num{display: none;}


/* 新闻动态 */
.news{background: url(../images/news-bg.jpg) no-repeat center top; padding: 5.375rem 0 6.1875rem;}
.news .index-title{margin-bottom: 5.0625rem;}
.news-list{position: relative; overflow: hidden;}
.news-list ul li{}
.news-list ul li .pic{overflow: hidden; border-radius: 1.25rem;}
.news-list ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.news-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.news-list ul li .info{padding: 1.875rem 1.5% 0; box-sizing: border-box;}
.news-list ul li .info strong{font-size: 1.375rem; line-height: 1.75rem; color: #333; min-height: 3.5rem; margin-bottom: 1.1875rem;}
.news-list ul li .info span{display: block; font-size: 1rem; color: #ABABAB; font-family: Arial;}
.news-list ul li:hover .info strong{color: #0072B8;}
.news-box .container-s{position: relative}
#news-num{display: none;}
#news-prev,#news-next{top: 35%; transition: 0.6s; width: 3.5625rem;height: 3.5625rem;border: 1px solid #0072b8; border-radius: 50%; background: url(../images/news-arrow.png) no-repeat center;}
#news-prev{left: 0;}
#news-next{right: 0; transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
#news-prev:hover,#news-next:hover{background: url(../images/news-arrow2.png) no-repeat center #0072b8;}



/* 分类链接 */
.links{background: #0072b8; padding: 3.6875rem 0 3.5rem;}
.links-list ul{justify-content: space-around;}
.links-list ul li img{display: block; margin: 0 auto 0.625rem; transition: 0.6s;}
.links-list ul li em{display: block; font-size: 1.5rem; color: #fff;}
.links-list ul li:hover img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg); /* Safari 与 Chrome */}


/* 公共底部 */
.footer-bg{background: url(../images/foot-bg.jpg) no-repeat center; padding-bottom: 3.625rem; background-size: cover;}
.footer-top{border-bottom: 1px solid rgba(255,255,255,0.13); padding: 2.9375rem 0 2.6875rem; margin-bottom: 1.6875rem;}
.foot-nav {width: 60%;}
.foot-nav ul li a{display: block; font-size: 1.0625rem; color: #fff;}
.foot-tel{margin-bottom: 2.1875rem; margin-top: 3.0625rem;}
.foot-tel img{margin-right: 0.6875rem;}
.foot-tel em{display: block; font-size: 1rem; color: rgba(255,255,255,0.4); margin-bottom: 0.3125rem;}
.foot-tel span{display: block; font-size: 1.875rem; line-height: 1.4375rem; color: #fff; font-family: Arial;}
.foot-contact p{font-size: 1rem; line-height: 2.25rem;  color: rgba(255,255,255,0.4);}
.message{width: 60%;}
.message dl dd {  height: 4.5rem;  border-bottom: 1px solid rgba(255,255,255,0.13);  display: flex;  align-items: flex-start;  width: 31%;  flex-direction: column;  justify-content: flex-end;}
.message input,.message select,.message textarea{width: 100%; outline: none; border: none; font-family: 'Microsoft YaHei';  font-size: 0.9375rem; line-height: 3rem;height: 3rem; color: #888e96; background: transparent; font-weight: bold; }
.message input::placeholder,.message select::placeholder,.message textarea::placeholder{color: #888e96;}
.message dl dd em{font-size: 0.875rem; line-height: 0.875rem; color: #888e96; display: block; font-weight: bold;}
.message dl.item{margin-top: 1.25rem; margin-bottom: 2.75rem;}
.message dl.item dd{width: 100%; height: 5.75rem;}
.message textarea{height: 5.75rem;}
.message input.mess-submit{cursor: pointer; display: block; width: 9.0625rem;line-height: 3.125rem;background: #0072b8;border-radius: 1.5625rem;  font-size: 0.9375rem; color: #fff; font-weight: normal;}

.message dl dd.code {display: flex;justify-content: space-between;align-items: center;flex-direction: row;}



.footer-copy{background: #1d232d; padding: 1.125rem 0;}
.footer-copy p{font-size: 0.9375rem; color: rgba(255,255,255,0.46); display: block; text-align: center;}
.footer-copy a{color: rgba(255,255,255,0.46);}
.footer-copy a:hover{color: #fff;}
.footer-copy span{margin-left: 2.125rem;}




/* 内页banner */
.ny-banner{height: 31.25rem;}
.ny-banner .container{height: 100%;}
.ny-banner .info strong{display: block; font-size: 3.5rem; color: #fff; line-height: 3.5rem; margin-bottom: 0.9375rem; margin-bottom: 0.9375rem;}
.ny-banner .info b{display: block; font-size: 3.5rem; color: rgba(255,255,255,0.28); line-height: 2.625rem; margin-bottom: 3.5625rem; text-transform: uppercase;}
.ny-banner .info i{display: block; width: 3.0625rem;height: 0.3125rem;background: #ffffff;border-radius: 0.1875rem;}


/* 内页分类 */
.class-box{padding: 2.375rem 0;}
.ny-class .ctitle1 li{margin-right: 5.125rem;}
.ny-class .ctitle1 li a{display: block; font-size: 1.0625rem; color: #333;}
.ny-class .ctitle1 li.on a,.ny-class .ctitle1 li:hover a{color: #0072b8; font-weight: bold;}
.ny-class .ctitle1 li:last-child{margin-right: 0;}



/* 内页关于恒生 */
.about-bg{background: url(../images/about-bg.jpg) no-repeat right top; background-size: cover; padding: 4.6875rem 0 7.625rem;}
.about-title{text-align: center;}
.about-title em{display: block; font-size: 2.5rem; color: #333; margin-bottom: 0.875rem;}
.about-title i{display: block; width: 2.5rem;height: 0.25rem;background: #0072b8; margin: 0 auto;}
.about-bg .about-title{text-align: left; margin-bottom: 1rem;}
.about-bg .about-title i{margin: 0;}
.nyabout-box .about-num {  position: relative;  right: 0;  top: 0;  transform: none;}
.nyabout-box .info{width: 73%;}
.nyabout-box .info h4{display: block; font-size: 1rem; line-height: 2rem; color: #666; text-indent: 2rem;}
.culture{padding: 4.6875rem 0 7.625rem;}
.culture .about-title{margin-bottom: 7.4375rem;}
.culture-list ul li{width: 29%;height: 15.375rem;background: #eef6fa;border-radius: 0.625rem; text-align: center; transition: 0.6s;}
.culture-list ul li .icon {    margin: 0 auto;    width: 25%;    position: relative;    top: 0%;    transform: translateY(-50%);}
.culture-list ul li .icon img{display: block; width: 100%;}
.culture-list ul li h3{display: block; font-size: 1rem; color: #0072B8; font-weight: bold; margin: 0 0 0.75rem;}
.culture-list ul li h4{display: block; font-size: 1.375rem; line-height: 2rem; color: #333;font-weight: bold; margin: 0 auto; width: 83%;}
.culture-list ul li:hover{background: url(../images/culture-bg.png) no-repeat right top #eef6fa;}



/* 内页发展历程 */
.develop{background: url(../images/develop-bg.jpg) no-repeat center; background-attachment: fixed; padding: 4.3125rem 0 9.375rem; background-size: cover; margin-bottom: 3.75rem;}
.develop .about-title{margin-bottom: 4.8125rem;}
.develop .about-title em{color: #fff;}
.develop .about-title i{background: #fff;}
.swControls {    display: flex;    align-items: center;}
.aboutSix .swiperBox2 {position: relative;height: 11.0625rem; margin-bottom: 7.125rem;}
.swControls .swjt {	width: 4.375rem;}
.swControls .swjt img{display: block; width: 100%;}
#develop-prev{left: 0!important;}
#develop-next{right: 0!important;}
.swpagnation {   height: 1px;   background: url(../images/develop-line.png) no-repeat center;   width: 88%;   margin: 0 auto;   position: absolute;   top: 50%;   transform: translateY(-50%);   left: 0;   right: 0;}
.aboutSix .swiperBox2 .swiper-pagination{display: none;}
.abSixSwiper2  {   position: relative;   height: 11.0625rem;	 width: 88%;	 overflow: hidden;}
.abSixSwiper2 .swiper-slide{text-align: center;position: relative;bottom: 0;height: 100%;top: 0;/* transform: translateY(-50%); */display: flex;align-items: center;/* justify-content: center; */flex-direction: column;}
.abSixSwiper2 .swiper-slide h6{display: block;font-size: 1.25rem;color: rgba(255,255,255,0.8); margin-top: 1.375rem; transition: 0.6s;}
.abSixSwiper2 .swiper-slide i{display: block;width: 0.5rem;height: 0.5rem;background: #fff;border-radius: 50%;margin: 0 auto;position: absolute;top: 50%;transform: translateY(-50%);}
.abSixSwiper2 .swiper-slide i::before{ transition: 0.6s; scale: 0; opacity: 0; position: absolute; width: 1.25rem; height: 1.25rem; border-radius: 50%; border: 1px solid #ffffff; content: ''; z-index: 2; top: -88%; left: -88%;}
.abSixSwiper2 .swiper-slide-thumb-active i::before{opacity: 1; scale: 1;}
.abSixSwiper2 .swiper-slide i::after{ transition: 0.6s;scale: 0; opacity: 0; position: absolute; content: ''; width: 2.1875rem; height: 2.1875rem; background: rgba(255,255,255,0.18); z-index: 2; top: -175%; left: -175%; border-radius: 50%;}
.abSixSwiper2 .swiper-slide-thumb-active i::after{opacity: 1; scale: 1;}
.abSixSwiper2 .swiper-slide-thumb-active h6{font-size: 3rem; color: #fff;margin-top: 0; line-height: 2.25rem;}
.develop-box{color: #fff;}
.develop-box .date{ align-items: flex-start;  flex-direction: column;  padding: 0 6%;}
.develop-box .date strong{display: block; font-size: 4.0625rem; line-height: 3.1rem;}
.develop-box .date em{display: block; font-size: 0.875rem; margin-top: 0.5rem;}
.develop-box .info{width: 71.3%; padding: 0 3% 0 6.5%; box-sizing: border-box; border-left: 1px solid rgba(255,255,255,0.5);}
.develop-box .info h2{display: block; font-size: 1.5rem;}
.develop-box .info h3{display: block; font-size: 0.9375rem; line-height: 1.625rem;}


/*字体引入*/
@font-face {
  font-family: "Noto Sans SC";
}


/* 内页公司荣誉 */
.honor{margin-bottom: 8.9375rem;}
.honor .about-title{margin-bottom: 5.5625rem;}
.honor-box .pic{width: 33.47%; height: 34.1875rem}
.honor-box .pic img{display: none; width: 100%;}
.honor-right{width: 55%; height: 31.25rem; display: flex; overflow-y: scroll;}
.honor-right::-webkit-scrollbar{  width: 3px; height: 3px;}
/*定义滚动条轨道 内阴影+圆角*/
.honor-right::-webkit-scrollbar-track{ background-color: #e8eced;;}
/*定义滑块 内阴影+圆角*/
.honor-right::-webkit-scrollbar-thumb{ background-color: #0072b8;  }
.honor-list{width: 92%;}
.honor-list ul{position: relative; padding: 2.25rem 0;}
.honor-list ul::after{position: absolute;content: '';width: 0.125rem;background: rgba(232,236,237,0.34);border-radius: 0.0625rem;top: 0;left: 7.7rem;height: 100%;z-index: 1;}
.honor-list ul li{padding: 1.125rem 0;}
.honor-list ul li .date{width: 13%; }
.honor-list ul li .date span{display: block; font-size: 1rem; color: #666;  font-family: "Noto Sans SC"; font-weight: 700;}
.honor-list ul li .cirle{margin: 0 2.3rem;position: relative;z-index: 2;display: flex;justify-content: center;align-items: center;}
.honor-list ul li .cirle i{position: absolute;display: block;width: 0.625rem;height: 0.625rem;background: #e8eced;border-radius: 50%; }
.honor-list ul li .cirle i::after{position: absolute;content: '';width: 1.9375rem;height: 1.9375rem;border: 1px solid #0072b8;border-radius: 50%;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(0); transition: 0.6s;}
.honor-list ul li:hover .cirle i{background: #0072b8;}
.honor-list ul li:hover .cirle i::after{transform:translate(-50%, -50%) scale(1) ;}
.honor-list ul li .info{width: 85%;}
.honor-list ul li .info h3{display: block; font-size: 1rem; line-height: 1.6875rem; color: #333;}




/* 内页产品介绍列表页 */
.pro-main{padding: 4.625rem 0;}
.nypro-class ul li{padding: 4rem 5% 4rem; box-sizing: border-box; background: #f8f8fa; border-radius: 1.25rem; margin-bottom: 3.625rem;}
.nypro-class ul li:nth-child(even){flex-direction: row-reverse;}
.nypro-class ul li .info{width: 49%;}
.nypro-class ul li .name{position: relative; margin-bottom: 2.8125rem;}
.nypro-class ul li .name b{display: block; font-size: 7.9375rem; line-height: 6.3125rem; color: rgba(51,51,51,0.11); letter-spacing: 2.56px; font-family: Arial;}
.nypro-class ul li .name h3{position: absolute; content: ''; left: 5%; font-size: 2.5rem; color: #333; letter-spacing: 0.8px; top: 50%; transform: translateY(-50%); font-weight: bold;}
.nypro-class ul li .info h4{display: block; font-size: 1.125rem; line-height: 2rem; color: #666666; margin-bottom: 5.75rem;}
.pro-link a{display: inline-block; line-height: 2.875rem;background: #0072b8;border-radius: 1.4375rem; width: 7.0625rem; margin-right: 1.0625rem; text-align: center;}
.pro-link a em{display:  inline-block; font-size: 1.0625rem; color: #fff; margin-right: 1.5rem; transition: 0.6s;}
.pro-link a:last-child{margin-right: 0;}
.pro-link a:hover em{margin-right: 2rem;}
.nypro-class ul li .pic{height: 28.125rem; width: 43.89%; border-radius: 1.25rem;}
.nypro-class ul li .pic img{display: none; width: 100%;}


.position{padding: 2.1875rem 0 6.4375rem;}
.position span{display: block; font-size: 0.875rem; color: rgba(255,255,255,0.88);}
.position span>img{display: inline-block; margin-right: 1rem;}
.position a{color: rgba(255,255,255,0.88);}
.position a:hover{color: #fff;}
.ny-banner .text h2{display: block; font-size: 3rem; color: #fff; font-weight: bold; margin-bottom: 0.75rem;}
.ny-banner .text h3{display: block; font-size: 1rem; line-height: 1.75rem;  color: #fff; width: 38%;}



/* 内页产品列表页 */
.product-main .container{max-width:1515px;}
.product-box{display: flex; justify-content: space-between; align-items: flex-start}
.ny-left{width: 241px; position: sticky; top: 120px}
.ny-left,.ny-right{padding: 5.4375rem 0 10rem;}
.pro-search{width: 100%; background: #f5f5f5; display: flex; justify-content: space-between; align-items: center; line-height: 3.75rem; height: 3.75rem; padding: 0 6.8%; box-sizing: border-box; margin-bottom: 3.25rem; }
.pro-search input{outline: none; border: none; }
.pro-search .text{display: block; font-size: 0.9375rem; color: #666; width: calc(100% - 30px); line-height: 3.75rem; background: transparent;}
.pro-search .text::placeholder{color: #666;}
.pro-search .submit{ background: url(../images/pro-search.png) no-repeat center; width: 18px; height: 100%;}
.left-title em{display: block; border-top: 0.0625rem solid #eee; font-size: 1.875rem; color: #0072b8;  padding-top: 2.1875rem; margin-bottom: 1.35rem; font-weight: bold;}
.left-title{display: flex; align-items: center; justify-content: space-between;    border-top: 0.0625rem solid #eee;}
.left-title em{border-top: none;}
.left-title i{display: none;}
.pro-class .ctitle1{}
.pro-class .ctitle1>li{ border-bottom: 0.0625rem solid #eee;}
.pro-class .ctitle1>li>h3{transition:0.6s; display: flex; align-items: center; justify-content: space-between;  padding: 0 0.375rem; box-sizing: border-box;}
.pro-class .ctitle1>li>h3>a{display: block; font-size: 1.125rem; line-height: 3.75rem; color: #333; width: 100%;}
.pro-class .ctitle1 li>h3>i{display: block;width: 20px;height: 20px;position: relative;cursor: pointer;}
.pro-class .ctitle1>li>h3>i:before,.pro-class .ctitle1>li>h3>i:after{content: "";background: #04061e;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.pro-class .ctitle1>li>h3>i:before{width: 10px;height: 2px;}
.pro-class .ctitle1>li>h3>i:after{width: 2px;height: 10px;}
.pro-class .ctitle1>li.on>h3>i{	transform: rotate(135deg);}
.pro-class .ctitle1>li:hover>h3>i:before,.pro-class .ctitle1>li:hover>h3>i:after{background: #fff;}
.pro-class .ctitle1>li:hover>h3{background: #0072b8; color: #fff; border-radius: 1.5625rem; text-indent: 1rem;}
.pro-class .ctitle1>li:hover>h3>a{color: #fff;}
.pro-class .ctitle1>li.on>h3>i:before,.pro-class .ctitle1>li.on>h3>i:after{background: #fff;}
.pro-class .ctitle1>li.on>h3{background: #0072b8; color: #fff; border-radius: 1.5625rem; text-indent: 1rem;}
.pro-class .ctitle1>li.on>h3>a{color: #fff;}


.pro-class .ctitle2{display: none;padding: 1rem 0 0.5rem 1.6rem}
.pro-class .ctitle2>li{margin-bottom: 0.8125rem;}
.pro-class .ctitle2>li>a{display: block; font-size: 1.125rem; color: #666; position: relative; padding-left: 1.375rem;}
.pro-class .ctitle2>li>a:after{content: "";width: 6px;height: 6px;background: #F5F5F5;border-radius: 50%;position: absolute;left: 3px;top: 50%;transform: translateY(-50%); transition: all 0.4s;}
.pro-class .ctitle2>li>a:hover,
.pro-class .ctitle2>li.on>a{	color: #0072b8; font-weight: bold;}
.pro-class .ctitle2>li:hover>a:after,
.pro-class .ctitle2>li.on>a:after{	background: #0072b8;}

.pro-class .ctitle1>li.on .ctitle2{display: block;}








.ny-right{width: calc(100% - 300px); padding-left: 5.48%; border-left: 0.0625rem solid #eee; box-sizing: border-box;}
.right-class .ctitle1{margin-bottom: 3.875rem;}
.right-class .ctitle1 li{margin-right: 6.5%;}
.right-class .ctitle1 li:last-child{margin-right: 0;}
.right-class .ctitle1 li a{display: block; font-size: 1rem; color: #666; position: relative; transition: 0.6s;}
.right-class .ctitle1 li a::after{display: none; position: absolute; content: ''; width: 0.4375rem;height: 0.4375rem;background: #0072b8; border-radius: 50%; left: 0; top: 50%; transform: translateY(-50%); transition: 0.6s;}
.right-class .ctitle1 li:hover a,.right-class .ctitle1 li.on a{text-indent: 1.375rem; color: #0072b8; font-weight: bold;}
.right-class .ctitle1 li:hover a::after,.right-class .ctitle1 li.on a::after{display: block;}
.nypro-list ul li{background: url(../images/product-bg.jpg) no-repeat center; padding:  4.375rem 8% 3.75rem; box-sizing: border-box; margin-bottom: 2.6875rem;}
.nypro-list ul li .info{width: 62.4%}
.nypro-list ul li .info strong{display: block; font-size: 1.875rem; color: #333; line-height: 1.875rem; margin-bottom: 1rem;} 
.nypro-list ul li .info span{display: block; font-size: 1.6875rem; color: #0072b8; font-family: Arial; margin-bottom: 0.75rem; line-height: 1.6875rem;}
.nypro-list ul li .info h4{font-size: 1rem; line-height: 1.6875rem; color: #666; margin-bottom: 3rem;}
.nypro-list ul li .info em{display: block; font-size: 1rem; color: #0072B8;}
.nypro-list ul li .pic{width: 28%;}
.nypro-list ul li .pic img{display: block; width: 100%;}



/* 内页产品详情页 */
.proxq-banner{background: #f9f9f9; height: auto; padding-bottom: 3rem}
.proxq-banner .position{padding: 1.875rem 0 2.3125rem;}
.proxq-banner .position span{color: #909090;}
.proxq-banner .position a{color: #909090;}
.proxq-banner .position a:hover{color: #0072B8;}
.proxq-banner .position>img{}
.proxq-left{width: 44%;}
.proxq-left .texts{}
.proxq-left .texts strong{display: block; font-size: 2.25rem; color: #333; line-height: 2.25rem;}
.proxq-left .texts span{display: block; font-size: 1.6875rem; color: #0072b8; margin: 1rem 0; font-family: Arial; line-height: 2rem}
.proxq-left .texts h3{ font-size: 1rem; line-height: 1.6875rem; color: #666; margin-bottom: 2.75rem;}
.proxq-more a{width: 10.125rem;line-height: 3.5625rem;background: #0072b8;border-radius: 1.8125rem; text-align: center; position: relative; z-index: 2;}
.proxq-more a>img{margin-right: 0.875rem;}
.proxq-more em{display: inline-block; font-size: 1rem; color: #DAE8F2;}
.proxq-more a:before {content: ''; z-index: -1; transition: 1s; border-radius: 30px;   box-sizing: border-box;transform: scale(1); opacity: 1; width: 100%; height: 100%;background: #0072b8;   position: absolute; top: 0;right: 0;bottom: 0; left: 0;}
.proxq-more a:hover:before{transform: scale(1.2) scaleY(1.3); opacity: 0; visibility: hidden;}
.proxq-pic {width: 45%; display: flex; justify-content: center}
.proxq-pic img{height: 300px;}
.details-btn{border-bottom: 1px solid #E4E4E4;}
.details-btn ul li {margin-right: 5.75rem; cursor: pointer;}
.details-btn ul li:last-child{margin-right: 0;}
.details-btn ul li a{display: block; font-size: 1.125rem; line-height: 5.625rem; color: #555555; text-align: center; position: relative; padding: 0 0.8125rem;}
.details-btn ul li a::after{position: absolute; content: ''; height: 0.1875rem; background: #0072b8; left: 50%; transition: 0.6s; bottom: -0.09375rem; width: 0;}
.details-btn ul li:hover a,.details-btn ul li.on a{color: #0072b8; font-weight: bold;}
.details-btn ul li:hover a::after,.details-btn ul li.on a::after{left: 0; width: 100%;}
.details-box{padding: 5.3125rem 0;}
.details-title{text-align: center; margin-bottom: 1.6875rem;}
.details-title strong{display: block; font-size: 2.5rem; color: #333; font-weight: normal; margin-bottom: 0.5rem;}
.details-title i{display: block; width: 2.5rem;height: 0.25rem;background: #0072b8; margin: 0 auto 1.75rem;}
.details-title h2{display: block; font-size: 1rem; line-height: 1.875rem; color: #666; width: 54%; margin: 0 auto;}



/* 常见问题 */
.problem{background: #f9f9f9; padding: 7.75rem 0 8.75rem;}
.problem-left{width: 34%;}
.problem-left h3{display: block; font-size: 2.5rem; color: #333; line-height: 2.5rem; margin-bottom: 2.375rem;}
.problem-left h4{display: block; font-size: 1.0625rem; line-height: 1.8125rem; color: #666666; margin-bottom: 8.75rem;}
.problem-more a{ transition: 0.6s; display: block; width: 9.375rem; font-size: 1rem;line-height: 3.0625rem; color: #ffffff; text-align: center;background: #0072b8;border-radius: 1.5625rem; }
.problem-more a:hover {-webkit-box-shadow: 0 0 0 0.625rem rgba(0, 114, 184,.2); box-shadow: 0 0 0 0.625rem rgba(0, 114, 184,.2);}
.problem-right {width: 50.8%;}
.problem-right h5{display: block; color: #333; font-size: 1.1875rem; padding-left: 1.6875rem; margin-bottom: 1.875rem;}
.problem-right ul li { cursor: pointer; margin-bottom: 0.5rem;}
.problem-right ul li .f_tit {position: relative; padding: 1.375rem 2.5rem; background: #EBF1F7;  transition: .5s; box-sizing: border-box;}
.problem-right ul li .f_tit .tit {font-weight: 500; color: #666; position: relative; width: 90%;}
.problem-right ul li .but {position: absolute; left: 100%; top: 50%; transform: translate(-100%, -50%); padding-right: 5.75rem;}
.problem-right ul li .but .i {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);font-size: 1.8125rem;font-weight: 400; color: #0072B8;}
.problem-right ul li .but .i2 {display: flex;justify-content: center; align-items: center; width: 1.5625rem;height: 1.5625rem;background: rgba(166, 155, 99 ,.15); border-radius: 50%; opacity: 0; padding-bottom: 0.0625rem;}
.problem-right ul li .jut {display: none;}
.problem-right ul li .jut .font {width: 100%; padding: 0.625rem 0; padding-left: 2.5rem; padding-right: 0.625rem; box-sizing: border-box;}
.problem-right ul li .jut .font p {font-size: 0.9375rem; color: #666666;}
.problem-right ul li.on .f_tit {background: none;}
.problem-right ul li.on .tit {color: #333;}
.problem-right ul li.on .i1 {opacity: 0;}
.problem-right ul li.on .i2 {opacity: 1;}
.problem-right ul li.on .but svg {transform: rotate(90deg);}



/* 内页服务支持 */
.service-banner .info{text-align: center;}
.service-banner .info strong{margin-bottom: 3rem;}
.service-search{width: 45.0625rem; border-radius: 0.3125rem; line-height: 3.75rem; background: #fff; height: 3.75rem; }
.service-search input{outline: none; background: transparent; border: none;  font-family: "Microsoft YaHei";} 
.service-search .service-text{display: block; font-size: 1rem; color: #8F8F8F; text-indent: 1.25rem; width: calc(100% - 8rem);}
.service-search .service-submit{width: 3.9375rem;height: 2.9375rem;background: url(../images/service-search.png) no-repeat center #0072b8;border-radius: 0.3125rem; margin-right: 0.4375rem; }
.data{padding: 3.875rem 0 6.1875rem;}
.data .about-title{margin-bottom: 3.25rem;}
.data-list ul li{ width: 31.42%; position: relative;}
.data-list ul li .pic{overflow: hidden; border-radius: 0.9375rem;}
.data-list ul li .pic img{display: block; width: 100%; }
.data-list ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.data-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.data-list ul li .text{transition: 0.6s;}
.data-list ul li .info{position: absolute; content: ''; width: 100%; height: 100%; top: 0; color: #fff; text-align: center;}
.data-list ul li .info strong{display: block; font-size: 1.875rem;}
.data-list ul li .data-more span{ display: block; width: 9.4375rem;line-height: 3.0625rem;background: #0072b8;border-radius: 1.5625rem; font-size: 0.9375rem; color: #fff; display: none; transition: 0.6s;  margin-top: 2.4375rem;}
.data-list ul li:hover .data-more span{ display: block;  }
.data-list ul li:hover .text{transform: translateY(10px);}

.service{margin-bottom: 6.25rem;}
.service .about-title{margin-bottom: 2.6875rem;}
.service-list ul li{height: 12.5rem; width: 23.34%;background: #f7f7f7;border-radius: 0.625rem;}
.service-list ul li img{transition: 0.6s;}
.service-list ul li strong{display: block; font-size: 1.1875rem; color: #333; margin-top: 1.875rem;}
.service-list ul li:hover img{ transform: rotateY(180deg);   -webkit-transform: rotateY(180deg); /* Safari 与 Chrome */}
.contact{background: url(../images/contact-bg.jpg) no-repeat right bottom #fff; padding-bottom: 7.8125rem;}
.contact .about-title{margin-bottom: 7.1875rem;}
.contact-box .info{width: 45.83%;}
.contact-box .info ul li{border-bottom: 1px solid rgba(142,142,142,0.2); align-items: flex-start; padding-bottom: 2.5rem; margin-bottom: 3.5625rem;}
.contact-box .info ul li:last-child{padding-bottom: 4rem; margin-bottom: 4.875rem;}
.contact-box .info ul li img{margin-right: 1.4375rem;}
.contact-box .info ul li em{display: block; font-size: 1.5rem; color: #333; line-height: 1.5rem;}
.contact-box .info ul li span{display: block; font-size: 2.25rem; color: #333; font-family: Arial; line-height: 1.75rem; margin: 0.9375rem 0 0.75rem;}
.contact-box .info ul li h5{display: block; font-size: 1rem; color: #8a8a8a;}
.contact-box .info ul li p{display: block; font-size: 1.5rem; color: #666;}
.contact-box .pic{width: 45.56%; height: 34.4375rem;}
.contact-box .pic img{display: none; width: 100%;}




/* 内页下载列表页 */
.down{align-items: flex-start;}
.down-left{width: 26.97%;padding:6rem 0 0 12.29%;background: linear-gradient(0deg,#dfdfdf 0%, #fcfcfc 100%);box-sizing: border-box; margin-right: 3.3%;  overflow: hidden;    position: sticky; top: 10rem; }
.down-left strong{display: block; font-size: 2.5rem; color: #0072B8; margin-bottom: 5.875rem;}
.down-class .ctitle1{position: relative; padding-bottom: 17.4375rem;}
.down-class .ctitle1::after{position: absolute; content: ''; width: 1px; height: 100%; background: #cccdd0; left: 1.3%; top: 0.75rem}
.down-class .ctitle1 li{padding-bottom: 2.5rem;}
.down-class .ctitle1 li a{display: flex; align-items: center; position: relative; font-size: 1.125rem; color: #616161; position: relative; }
.down-class .ctitle1 li i {opacity: 0; display: inline-block;width: 0.5625rem;height: 0.5625rem;background:#00A1E9;; border-radius: 50%; position: relative; z-index: 1; margin-right: 15%;}
.down-class .ctitle1 li i::after {opacity: 0; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 1.1875rem; height: 1.1875rem; animation: shubiao 1s infinite linear .65s; background: rgba(0,161,233,0.23); border-radius: 50%; z-index: 0;}
@keyframes shubiao {0% { -webkit-transform: translate(-50%, -50%) scale(1); }  33% {   -webkit-transform: translate(-50%, -50%) scale(1.2); }  66% {  -webkit-transform: translate(-50%, -50%) scale(1.3); } 100% {  -webkit-transform: translate(-50%, -50%) scale(1); }}
.down-class .ctitle1 li:hover a,.down-class .ctitle1 li.on a{font-weight: bold; color: #0072B8;}
.down-class .ctitle1 li:hover i,.down-class .ctitle1 li.on i{opacity: 1;}
.down-class .ctitle1 li:hover i::after,.down-class .ctitle1 li.on i::after{opacity: 1;}
.down-right{width: 69%;}
.down-right{width: 79%; padding-top: 4.9375rem;}
.down-right ul{width: 79%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.down-right ul li{width: 45.6%; border-bottom: 1px solid #E5E5E5; padding:  2.0625rem 1.25rem; box-sizing: border-box; cursor: pointer;}
.down-right ul li a{display: flex;  align-items: center;}
.down-right ul li .icon{width: 2.25rem;height: 2.25rem;background: #0072b8;box-shadow: 0px 0px 13px 0px rgba(226,225,224,0.33); display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-right: 0.8125rem;}
.down-right ul li p{display: block; font-size: 1.0625rem; color: #666; }
.down-right ul li a:hover p{color: #0072b8;}




/* 下载弹框 */
.ssfw-tc{ display: none;}
.ssfw-con{width: 43.75rem;padding: 3.25rem 3.5625rem 3.875rem;position: fixed;top: 50%;transform: translateY(-50%);z-index:9999;height: 38rem;bottom: 0;left: 0;right:0;margin:0 auto;background: #fff;border-radius: 1.25rem;box-sizing:border-box;}
.ssfw-con h2{display: block;font-size: 1.875rem;color: #333;margin-bottom: 2.375rem;font-weight: bold;text-align: center;}
.ssfw-bg{width: 100%;height: 100vh;position: fixed;top: 0;left: 0;background: rgba(51,51,51,0.2);z-index:99;}
.ssfw-con .close img{display: block; position: absolute;right:1.9375rem;top:2.125rem;cursor: pointer;}
.down-message dl dd{width: 100%;height: 3.375rem;border: 1px solid #dddddd; margin-bottom: 1.5rem;}
.down-message dl dd:last-child{margin-bottom: 3.3125rem;}
.down-message input{outline: none; border: none; background: transparent; font-family: "Microsoft YaHei";}
.down-message dl dd span{width: 18%; border-right: 1px solid #DDDDDD; font-size: 1rem; color: #929292; text-align: center;}
.down-message dl dd input{width: 82%; font-size: 1rem; color: #929292; text-indent: 2rem;}
.down-message dl dd i{font-style: normal; font-size: 1rem; color: #ff0000; margin-left: 0.375rem;}
.down-message .submit{cursor: pointer; display: block; width: 11.5rem; font-size: 1rem; color: #fff;line-height: 3.125rem;background: #0072b8;border-radius: 1.5625rem; margin: 0 auto;}



/* 内页解决方案列表页 */
.nysolution-list{margin: 5.9375rem 0;}
.nysolution-list ul li{margin-bottom: 3.25rem;}
.nysolution-list ul li:nth-child(odd) a{    flex-direction: row-reverse;}
.nysolution-list ul li .pic,.nysolution-list ul li .info{ width: 50%; height: 29.75rem;}
.nysolution-list ul li .pic  img{display: none; width: 100%;}
.nysolution-list ul li .info{background: #f8f8fa; padding: 0 4.6%; box-sizing: border-box;}
.nysolution-list ul li .info strong{display: block; font-size: 2.5rem; color: #333; margin-bottom: 1.1875rem;}
.nysolution-list ul li .info p{font-size: 0.875rem; line-height: 1.4375rem; color: #666; margin-bottom: 6.25rem;}
.nysolution-list ul li .more {display: block; width: 9.75rem; font-size: 1rem; color: #fff;line-height: 2.875rem;background: #0072b8;border-radius: 1.4375rem; text-align: center;}
.nysolution-list ul li .more em{margin-right: 1.5rem; transition: 0.6s;}
.nysolution-list ul li:hover .more em{margin-right: 2rem;}




/* 内页新闻资讯详情页 */
.gray-main {   background: #fcfcfc;   padding: 4.125rem 0;}
.nynysolution-box{align-items: flex-start; margin-bottom: 5rem; }
.solution-details{width: 100%; background: #ffffff; padding: 1.75rem 5.4% 3.125rem; box-sizing: border-box;}
.solution-title{border-bottom: 1px solid #F2F2F2; padding-bottom: 1.875rem;}
.solution-title strong{display: block; font-size: 2.125rem; color: #333; font-weight: normal; text-align: center;}
.solution-title span{ font-size: 1rem; color: #999; margin-right: 4.375rem;}
.solution-title span>img{display: inline-block; margin-right: 0.875rem;}
.solution-editbox{border-bottom: 1px solid #F2F2F2; padding: 1.875rem 0; margin-bottom: 3.75rem;}
.solution-arrow .text em{display: block; font-size: 1rem; color: #999; line-height: 2rem;}
.solution-arrow .text a{color: #333;}
.solution-arrow .text a:hover{color: #0072b8;}
.solution-back a{transition: 0.6s; display: block; width: 7.75rem;line-height: 2.875rem;background: #000;border-radius: 1.4375rem; font-size: 1rem; color: #fff; text-align: center;}
.solution-back a:hover{background: #0072b8;}




/* 内页新闻列表页 */
.newsclass-box{border-bottom: 1px solid #EBEBEB;}
.latest-news {overflow: hidden; position: relative; padding: 4.4375rem 0 3.8125rem;}
.latest-news ul li{border: 0.0625rem solid #EFEFEF; box-sizing: border-box;}
.latest-news ul li a{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.latest-news ul li .pic{overflow: hidden; width: 49.5%;}
.latest-news ul li .pic img{display: block; width: 100%;}
.latest-news ul li .info{width: 50.5%; box-sizing: border-box; padding: 0 3.5%;}
.latest-news ul li .info h3{font-size: 1.5rem; line-height: 1.875rem; color: #333; margin-bottom: 1.6875rem; font-weight: 700;}
.latest-news ul li .info span{display: block; font-size: 1.125rem; color: #b6b6b6; margin-bottom: 0.375rem; font-family: Arial;}
.latest-news ul li .info h4{font-size: 1rem; line-height: 1.5625rem; color: #888888; }
.latest-news ul li .more{display: flex; align-items: center; border-top: 0.0625rem solid #EFEFEF; padding-top: 3.4375rem; margin-top: 2.5rem;}
.latest-news ul li .more em{display: block; font-size: 1rem; color: #0072b8;}
.latest-news ul li .more>img{margin-left: 0.75rem; transition: 0.6s;}
.latest-news ul li:hover .info h3{color: #0072b8;}
.latest-news ul li:hover .more>img{margin-left: 1.5rem;}
#latest-num{width: auto!important; right: 3.5%; bottom: 25%; left: auto;}
#latest-num span{width: 0.5625rem; height: 0.5625rem;  background: #cecfd4; margin: 0 0.375rem; opacity: 1;}
#latest-num span.swiper-pagination-bullet-active{background: #0072b8;}

.nynews-list{margin-bottom: 6.0625rem;}
.nynews-list ul li{width: 50%; border: 0.5px solid #EEEEEE; padding: 2rem 1.8125rem; box-sizing: border-box;}
.nynews-list ul li .pic{width: 42%; margin-right: 3.4%; overflow: hidden;}
.nynews-list ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.nynews-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.nynews-list ul li .info{width: 51.6%;}
.nynews-list ul li .info strong{font-size: 1.0625rem; line-height: 1.5rem; color: #333; font-weight: 700; margin-bottom: 1.25rem;}
.nynews-list ul li .info  p{font-size: 0.875rem; line-height: 1.25rem; color: #747474; margin-bottom: 0.5rem;}
.nynews-list ul li .info span{display: block; font-size: 0.9375rem; color: #ADADAD; font-family: Arial;}
.nynews-list ul li:hover .info strong{color: #0072b8;}



/* 内页新闻详情页 */
.nynews-xq {display: flex; justify-content: space-between; align-items: flex-start; padding: 5rem 0;}
.news-left{width: 68%;}
.news-xq{width: 100%; border-radius: 0.625rem;box-shadow: 0px 0px 40px 0px rgba(227, 226, 225, 0.42); margin-bottom: 6.0625rem; padding: 4rem 5% 4rem; box-sizing: border-box;}
.newsxq-title{border-bottom: 0.0625rem solid #ddd; padding-bottom: 2.8125rem; margin-bottom: 2.8125rem;}
.newsxq-title strong{display: block; font-size: 1.8rem; color: #333; margin-bottom: 0.3125rem;}
.newsxq-title span{display: block; font-size: 1rem; color: #777;}
.proxq-arrow{display: flex; justify-content: space-between; align-items: center;}
.proxq-arrow a{display: flex; align-items: center; }
.proxq-arrow i{display: block; display: flex;  align-items: center;  justify-content: center;  width: 3.125rem;  line-height: 2.875rem;  height: 3.125rem;  border-radius: 0.25rem;  border: 0.125rem solid #dbdbdb; transition:0.6s}
.proxq-arrow h5{display: block; font-size: 1.125rem; color: #1a1a1a;}
.proxq-arrow a:first-child i { transform: rotateY(180deg); margin-right: 1.25rem;}
.proxq-arrow a:last-child i {    margin-left: 1.25rem;}
.proxq-arrow a:hover i{background: #0072b8;border-color: #0072b8;}
.proxq-arrow a:hover i svg path{	fill: #ffffff;}
.proxq-arrow a:hover h5{color: #0072b8;}
.news-right{width: 26.68%; border-radius: 0.3125rem; position: sticky;top:120px;box-shadow: 0px 0px 30px 0px rgba(226,225,224,0.42); padding: 2.1875rem 2% 3.4375rem; box-sizing: border-box;}
.news-right:after{position: absolute; content: '';  width: 68%;height: 0.4375rem;background: #0072b8;border-radius: 0.25rem;  bottom: -0.1875rem;left: 0; right: 0; margin: auto;}
.recom-news strong{display: block; font-size: 1.625rem; color: #333; margin-bottom: 2.1875rem;}
.recomnews-list ul li{margin-bottom: 1.875rem;}
.recomnews-list ul li a{display: flex; align-items: center; }
.recomnews-list ul li .pic{width: 50%; overflow: hidden; border-radius: 0.3125rem; margin-right: 5%;}
.recomnews-list ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.recomnews-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.recomnews-list ul li .info{width: 48%;}
.recomnews-list ul li em{display: block; font-size: 0.875rem; color: #999; margin-bottom: 0.4375rem;}
.recomnews-list ul li strong{ font-size: 1rem; line-height: 1.625rem; color: #333; }
.recomnews-list ul li:hover strong{color: #0072b8;}


/* 内页人才招聘列表页 */
.join-box{padding: 6.4375rem 0 5.4375rem;}
.join-box .info{width: 43%;}
.join-box .info em{display: block; font-size: 2.5rem; color: #333; line-height: 2.5rem;}
.join-box .info span{display: block; font-size: 2.375rem; color: #E4E4E4; font-family: Arial;font-weight: 400; line-height: 2.1875rem; margin: 0.75rem 0 2.1875rem;}
.join-box .info i{display: block;  width: 4.4375rem;height: 0.3125rem;background: #0072b8;border-radius: 0.1875rem; margin-bottom: 4.75rem;}
.join-box .info h3{display: block; font-size: 1.375rem; color: #333; margin-bottom: 1.375rem;}
.join-box .info p{display: block; font-size: 1rem; line-height: 2.125rem; color: #666;}
.join-box .pic{width: 54.56%; height: 33.4375rem;}
.join-box .pic img{display: none; width: 100%;}
.join-bg{background: #f9f9f9; padding: 3.8125rem 0 7rem;}
.join-bg .about-title{margin-bottom: 3.5rem;}
.join .thead {background: #0072b8;height: 4.375rem;  box-sizing: border-box;}
.join .thead ul {display: flex; align-items: center;height: 100%;}
.join .thead ul li {color: #ffffff; width: calc(100% / 6); text-align: center;}
.join .tbody li { border-bottom: 1px solid rgba(185, 185, 185,.35);}
.join .tbody li:last-child{border-bottom: none;}
.join .tbody li:last-child {border: 0;}
.join .tbody li dl {display: flex;}
.join .tbody li dl dd {padding: 1.125rem 0;width: calc(100% / 6);cursor: pointer;font-size: 1rem;color: #333;text-align: center;}
.join .tbody li dl dd:last-child{color: #C50101;}
.join .tableBox {overflow-x: auto; display: block; margin-top: .59rem;scrollbar-width:4px;border: 1px solid #f2f2f2;}
.join .tbody li dl dd {flex-shrink: 0;}
.join .tableBox::-webkit-scrollbar {width: 4px; height: 4px;}
.join .tableBox::-webkit-scrollbar-thumb {border-radius: 5px;background: #0072b8}
.join .tableBox::-webkit-scrollbar-track {border-radius: 5px; background: #DDDDDD;}
.join .tableBox .box {min-width: 768px;}

.acquisition {padding: 1.875rem;box-sizing: border-box; background-color: #fff; width: 55%; display: none; cursor: default;    white-space: initial;}
.acquisition .box-title {display: flex; justify-content: space-between; align-items: center;}
.acquisition .box-title h3 {font-size: 2.25rem; color: #000; font-weight: bold; margin: 0; text-align: left; width: 85%;}
.acquisition .box-title span {font-size: 3rem; cursor: pointer; color: #000; line-height: 1.875rem;}
.acquisition .time span {font-size: 1rem; color: #666;display: inline-block; margin-right: 3.75rem;}
.acquisition .time {border-bottom: 1px solid #ececec; padding: 0.625rem 0; text-align: left;}
.acquisition .infoCon {margin-top: 1.5625rem; padding: right 20px;;  height: 38vh; overflow-y:auto; text-align: initial;color:#333}
.acquisition .infoCon::-webkit-scrollbar {width: 4px; height: 2px;}
.acquisition .infoCon::-webkit-scrollbar-thumb {/*控制滑块*/ border-radius: 5px;background: #0072b8}
.acquisition .infoCon::-webkit-scrollbar-track {/*控制轨道*/border-radius: 5px; background: #DDDDDD;}
.acquisition .tleBox {border-bottom: 1px solid #ececec; padding-bottom: 1.25rem;}
/* 上传简历功能添加 */
.acquisition .time {border: 0;}
.uploadJl {cursor: pointer; width: 1.25rem; height: 0.4rem; color: #0072b8; border-radius: 5px; border: 1px solid #0072b8; transition: .35s;}
.uploadJl svg {margin-left: .1rem;}
.uploadJl:hover {background: #0072b8; color: #fff;}
.uploadJl:hover svg path {fill: #fff;}

@media screen and (min-width: 200px) and (max-width: 768px) {
  .acquisition {width: 92%;}
}  



.staff{padding: 5.75rem 0 8.3125rem;}
.staff .about-title{margin-bottom: 5.4375rem;}
.staff-list{margin-left: 2%; position: relative; overflow: hidden;}
.staff-list ul li{height: 32rem;}
.staff-list ul li .pic{height: 80%; overflow: hidden; transition: 0.6s;  position: relative;}
.staff-list ul li .pic img{display: none; width: 100%;}
.staff-list ul li.swiper-slide-active .pic{height: 100%;}
.staff-list ul li .name{position: absolute; content: ''; width: 100%; height: 100%; background: rgba(255,255,255,0.47); bottom: 0;}
.staff-list ul li .name em{display: none; font-size: 1.125rem; color: #fff; text-align: center; width: 90%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 0 auto;}
.staff-list ul li.swiper-slide-active .name{height: 4.125rem; background: rgba(34,34,34,0.59);}
.staff-list ul li.swiper-slide-active .name em{display: block;}

#staff-num{display: none;}
#staff-prev,#staff-next{transition: 0.6s; bottom: 0; top: auto;  width: 3.1875rem;height: 3.1875rem;border: 0.1875rem solid #dddddd; border-radius: 50%;  background: url(../images/staff-arrow.png) no-repeat center;}
#staff-next{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
#staff-prev:hover,#staff-next:hover{background: url(../images/staff-arrow2.png) no-repeat center #0072b8; border-color: #0072b8;}
#staff-prev{left: auto; right: 21%;}
#staff-next{right: 16%;}



/* 内页联系我们 */
.contact-title{padding: 6.0625rem 0 5.875rem;}
.contact-title h3{display: block; font-size: 2.75rem; color: #444; line-height: 3.75rem;}

.contact-box{background: #f2f2f2; margin-bottom: 7.0625rem;}
.contact-box .info,.contact-box .pic{width: 50%; height: 37.6875rem;}
.contact-box .info{padding: 0 4%; box-sizing: border-box;display: flex;   flex-direction: column;   justify-content: center;}
.contact-box .info h2{display: block; font-size: 2.25rem; color: #0072b8; margin-bottom: 1.1875rem;}
.contact-box .info i{display: block; width: 4.0625rem;height: 0.375rem;background: #0072b8;border-radius: 0.1875rem; margin-bottom: 4.375rem;}
.contact-box .info p{display: flex; align-items: center; font-size: 1rem; color: #333; margin-bottom: 2.5rem;}
.contact-box .info p:last-child{margin-bottom: 0;}
.contact-box .info p>img{margin-right: 1rem;}
.contact-box .info b{display: inline-block; font-size: 2.125rem; color: #0072b8; font-weight: bold; font-family: Arial; line-height: 1.8125rem;}













/*分页*/
.fy { padding: 60px 0; display: flex;justify-content: center;align-items: center; flex-wrap: wrap; gap: 1rem;}
.fy a { background: #E6E6E6; display: flex; align-items: center; justify-content: center; color: #707070; font-size: 14px; transition: .4s;  padding: 5px 15px;}
.fy a:hover {color: #fff; background: #1074ab;}
.fy .layui-laypage-curr {color: #fff; background: #1074ab; font-size: 14px;  margin: 0 5px; padding: 5px 15px;}


/* 搜索页面 */
.search-page .container15 {width: 1200px;}
.search-page .box {margin-top: 1rem;}
.search-page form {width: 75%;margin: auto; margin-bottom: 60px; border: 1px solid #333; border-radius: 50px; padding:5px 20px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; }
.search-page form .searchCon {padding: 5px 0; width: 90%; line-height: 35px; outline: none; border: none; box-sizing: border-box; font-size: 16px;}
.search-page form .sub {width: 25px;  height: 25px; display: flex; align-items: center; cursor: pointer;  outline: none; border: none; background: transparent;}
.search-page ul {width: 100%;}
.search-page li {width: 100%; padding: 30px; margin-top: 20px; box-sizing: border-box; background: #f5f5f5;}
.search-page li span {background: #013874;color: #fff;/* font-size: 12px; *//* padding: 2px 5px; */font-size: 1rem;padding: 0.5%;}
.search-page li h3 {font-size: 1.125rem;color: #000000;font-weight: 700;margin: 10px 0;}
.search-page li p {font-size: 1rem;color: #666;line-height: 1.5rem;}
.search-page li .le {width: 95%;}
.search-page li a {display: flex; align-items: flex-end; justify-content: space-between;}
.search-page li img {transition: .5s; margin-right: 20px;}
.search-page li:hover img {transform: translateX(20px);}
@media screen and (min-width: 200px) and (max-width: 640px){
  .search-page form {width: 90%;margin-bottom: 40px;padding: 3px 20px;}
  .search-page form .searchCon {width: 80%;}
}
#c-placeholder{height: 13rem;}


#about,#culture,#develop{position: relative; top: -3rem}

.faq-problem{width: 100%;}

.pro-editbox .table1 tr td{padding:  0 2%; box-sizing: border-box; }
.pro-editbox .table1 tr td p{text-indent: 0!important; }