@font-face{font-family:'you';src:url(../fonts/YouSheBiaoTiHei.eot);src:url(../fonts/YouSheBiaoTiHei.eot) format('embedded-opentype'),url(../fonts/YouSheBiaoTiHei.woff2) format('woff2'),url(../fonts/YouSheBiaoTiHei.woff) format('woff'),url(../fonts/YouSheBiaoTiHei.ttf) format('truetype'),url(../fonts/YouSheBiaoTiHei.svg) format('svg')}
@font-face{font-family:'har-med';src:url(../fonts/HarmonyOS_Sans_Medium.eot);src:url(../fonts/HarmonyOS_Sans_Medium.eot) format('embedded-opentype'),url(../fonts/HarmonyOS_Sans_Medium.woff2) format('woff2'),url(../fonts/HarmonyOS_Sans_Medium.woff) format('woff'),url(../fonts/HarmonyOS_Sans_Medium.ttf) format('truetype'),url(../fonts/HarmonyOS_Sans_Medium.svg) format('svg')}

/*<<<<<<<<<<<<<<<<<<<<<< 公共样式 >>>>>>>>>>>>>>>>>>>>>>>*/
html,body{font-family:sans-serif,ui-sans-serif,PingFangSC-Regular,'Msyh(Microsoft YaHei)',Verdana,Arial,Helvetica;}
.imgwauto{width: 100%; height: auto;}
.imghauto{width: auto; height: 100%;}
.imgcontain{width: 100%; height: 100%; object-fit: contain;}
.imgcover{width: 100%; height: 100%; object-fit: cover;}

@media only screen and (max-width:1024px){ /* 移动端 */
	html{max-width: 750px; margin-left: auto !important; margin-right: auto !important;}
	body,html{-webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
	.div_pc{display: none !important;}
	.wrap{width: 100%;}
	.wrap156{width: 100%;}
}
@media only screen and (min-width:1025px){ /* PC端、小屏 */
	.div_m{display: none !important;}
	.wrap{width: 960px;}
	.wrap156{width: 960px;}
}
@media only screen and (min-width:1281px){ /* 中小屏 */
	.wrap{width: 1140px;}
	.wrap156{width: 1140px;}
}
@media only screen and (min-width:1441px){ /* 中屏 */
	.wrap{width: 1320px; padding-left: 15px; padding-right: 15px;}
	.wrap156{width: 1320px;}
}
@media only screen and (min-width:1681px){ /* 大屏 */
	.wrap{width: 1320px; padding-left: 20px; padding-right: 20px;}
	.wrap156{width: 1560px;}
}

/* 分页 */
.nations{text-align: center; margin-top: 50px;}
.nations>b,
.nations>a{display: inline-block; text-align: center; font-size: 15px; min-width: 40px; padding: 0 16px; border: #E4E4E4 solid 1px; line-height: 40px; margin: 10px; color: #666; transition: all 0.35s; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s;}
.nations>b{background: rgba(0, 78, 162,0.2); text-align: center; color: #02A2E4; border: transparent solid 1px;}
@media (any-hover: hover){
	.nations>a:hover{background: rgba(0, 78, 162,0.2); color: #02A2E4; border: transparent solid 1px;}
}
@media only screen and (max-width:1024px){	/* 移动端 */
	.nations{margin-top: 0.6rem;}
	.nations>b, .nations>a{font-size: 0.26rem; min-width: 0.6rem; line-height: 0.6rem; padding: 0 0.15rem; margin: 0.15rem;}
}


/*<<<<<<<<<<<<<<<<<<<<<< 头部+底部 >>>>>>>>>>>>>>>>>>>>>>>*/
.header{position: fixed; top: 0; width: 100%; z-index: 99999999; border-bottom: #DFDFDF solid 5px;}
.head .logo a img{height: 75px; width: auto;}
.head .nav>li{position: relative; z-index: 2; margin: auto 10px;}
.head .nav>li .nav-top{position: relative; z-index: 1;}
.head .nav>li .nav-top a{display: block; font-size: 18px; padding: 0 10px; line-height: 95px; color: #666;}
.head .nav>li .nav-top::after{content: ''; display: block; width: 100%; height: 5px; background-color: #02A2E4; position: absolute; top: 100%; z-index: 1; transform: scaleX(0); transition:all 0.35s; -moz-transition:all 0.35s; -webkit-transition:all 0.35s; -o-transition:all 0.35s;}
.head .nav>li.li-ing .nav-top::after{transform: scaleX(1);}
.head .nav>li.li-ing .nav-top a{color: #02A2E4;}
.head .nav>li .nav_two{padding-top: 10px; min-width: 140%; position: absolute; left: 50%; transform: translate(-50%,0); top: 100%; z-index: 1;}
@-webkit-keyframes tsy1 {
  from {opacity: 0;-webkit-transform: translate3d(0, 10%, 0);transform: translate3d(0, 10%, 0);}
  to {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes tsy1 {
  from {opacity: 0;-webkit-transform: translate3d(0, 10%, 0);transform: translate3d(0, 10%, 0);}
  to {opacity: 1;-webkit-transform: none;transform: none;}
}
.head .nav>li .nav_two ul{display: block; text-align: center; padding: 5px 30px; background: rgba(0, 0, 0, .8); border-radius: 8px; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.head .nav>li.menu2-ing .nav_two ul{-webkit-animation-name: tsy1; animation-name: tsy1;}
.head .nav>li .nav_two ul li{margin: 10px auto;}
.head .nav>li .nav_two ul li a{display: block; font-size: 18px; line-height: 200%; color: #FFF; white-space: nowrap; transition:all 0.35s;-moz-transition:all 0.35s;-webkit-transition:all 0.35s;-o-transition:all 0.35s;}
.head .nav>li .nav_two ul li a::after{content: ""; display: block; font-size: 0; width: 100%; transform: scaleX(0); height: 1px; background: #02A2E4; transition:all 0.35s;-moz-transition:all 0.35s;-webkit-transition:all 0.35s;-o-transition:all 0.35s;}
.head .nav>li .nav_two ul li.li-ing a{color: #02A2E4;}
.head .nav>li .nav_two ul li.li-ing a::after{transform: scaleX(1);}
.head .language{font-size: 18px; display: inline-block; margin-left: 20px;}
.head .head-search{font-size: 0; margin-left: 20px;}
.head .head-search svg{width: 24px; height: 24px; fill: currentColor; color: #3D3D3D; cursor: pointer; transition:all 0.2s;-moz-transition:all 0.2s;-webkit-transition:all 0.2s; -o-transition:all 0.2s;}

.footer{background: url(../images/footer-bg.jpg) no-repeat center; background-size: cover; padding: 90px 0 0;}
.footer .foot1{margin-bottom: 60px;}
.footer .foot1 .icon-hr{width: 1px; margin: 0 30px; background: rgba(255, 255, 255, .2);}
.footer .foot1 .foot-uls{flex-shrink: 0;}
.footer .foot1 .foot-uls ul:nth-child(n+2){margin-left: 80px;}
.footer .foot1 .foot-uls ul li{margin-bottom: 20px;}
.footer .foot1 .foot-uls ul li.ul-top{margin-bottom: 50px;}
.footer .foot1 .foot-uls ul li.ul-top::after{content: ''; display: block; font-size: 0; width: 20px; height: 2px; margin-top: 15px; background-color: #D8D8D8;}
.footer .foot1 .foot-uls ul li.ul-top a{font-size: 18px; color: #FFF;}
.footer .foot1 .foot-uls ul li a{display: block; font-size: 15px; line-height: 150%; color: #A2BDD9;}
.footer .foot1 .footr .qrcode>img{margin: auto; width: 100px; height: auto;}
.footer .foot1 .footr .qrcode span{display: block; font-size: 14px; margin-top: 10px;}
.footer .foot1 .footr .txt{margin-top: 20px;}
.footer .foot1 .footr .txt h3{font-size: 20px; margin-bottom: 15px;}
.footer .foot1 .footr .txt .p .pt{font-size: 15px; line-height: 2;}
.footer .foot1 .footr .foot-href{margin-top: 30px;}
.footer .foot1 .footr .foot-href .go-inner{display: inline-block; font-size: 16px; line-height: 2; padding: 4px 40px; border-radius: 100px; border: rgba(255, 255, 255, .2) solid 1px; }
.footer .foot1 .footr .foot-href .go-inner:not(:last-child){margin-right: 15px;}
.footer .foot2-content{border-top: rgba(255, 255, 255, .2) solid 1px;}
.footer .foot2-content .foot2{padding: 30px 0;}
.footer .foot2-content .foot2 .sp{font-size: 14px; line-height: 2;}
.footer .foot2-content .foot2 .foot2l .sp:nth-child(n+2),
.footer .foot2-content .foot2 .foot2r .sp:nth-child(n+2){margin-left: 10px;}

@media only screen and (any-hover: hover){
	.head .nav>li:hover .nav-top a{color: #02A2E4;}
	.head .nav>li:hover .nav-top::after{transform: scaleX(1);}
	.head .nav>li .nav_two ul li a:hover{color: #02A2E4;}
	.head .nav>li .nav_two ul li a:hover::after{transform: scaleX(1);}
	.head .head-search svg:hover{color: #02A2E4;}
	.footer .foot1 .foot-uls ul li a:hover{color: #02A2E4;}
	.footer .foot1 .footr .foot-href .go-inner:hover{border: #02A2E4 solid 1px; background-color: #02A2E4; transform: translateY(-5px); box-shadow: 0 5px 20px rgba(0,0,0,0.4);}
	.footer .foot1 .footr .txt .p a.pt:hover,
	.footer .foot2-content .foot2 a.sp:hover{color: #FFF;}
	.head .language:hover{color: #02A2E4;}
}
@media only screen and (max-width:1024px){	/* 移动端 */
	.head .language{margin-left: auto; margin-right: 0.3rem; font-size: 0.32rem;}
	.header{max-width: 750px; border-bottom: #DFDFDF solid 0.05rem;}
	.head{padding: 0.15rem 0.3rem;}
	.head .logo a img{height: 0.65rem;}
	.head .headr{display: none; padding: 0.3rem; position: absolute; left: 0; top: calc(100% + 0.05rem); z-index: 3; width: 100%; height: calc(100vh - 0.95rem); background-color: #FFF; overflow-y: auto;}
	.head .headr::-webkit-scrollbar {display: none;}
	.head .headr::-moz-scrollbar {display: none;}
	.head .headr .nav{width: 100%;}
	.head .headr .nav>li{float: none; margin: auto;}
	.head .headr .nav>li .nav-top{padding: 0.2rem 0;}
	.head .headr .nav>li .nav-top a{font-size: 0.32rem; color: #333; display: block; line-height: 2; padding: 0;}
	.head .headr .nav>li.li-ing .nav-top a{color: #02A2E4;}
	.head .headr .nav>li.lis .nav-top{position: relative;}
	.head .headr .nav>li.lis .nav-top a{display: inline-block;}
	.head .headr .nav>li .nav-top::after{display: none;}
	.head .headr .nav>li.lis .nav-top::after{content: ""; display: block; transform: scaleX(1); width: .3rem; height: .3rem; position: absolute; right: 0; top: calc(50% - .15rem); background: url(../images/icon6.svg) no-repeat center; background-size: contain;transition:all 0.35s;-moz-transition:all 0.35s;-webkit-transition:all 0.35s;-o-transition:all 0.35s;}
	.head .headr .nav>li.lis.li-ing .nav-top::after{background: url(../images/icon6-on.svg) no-repeat center; background-size: contain;}
	.head .headr .nav>li.lis.li-open .nav-top::after{transform: rotate(90deg); background: url(../images/icon6-on.svg) no-repeat center; background-size: contain;}
	.head .headr .nav>li .nav_two{position: static; width: 100%; min-width: auto; padding-top: 0; transform: translate3d(0,0,0);}
	.head .headr .nav>li .nav_two ul{text-align: left; padding:0 0.3rem 0.1rem; background: transparent;}
	.head .headr .nav>li .nav_two ul li{margin: 0.1rem auto;}
	.head .headr .nav>li .nav_two ul li a{font-size: 0.28rem; color: #333; line-height: 2; padding: 0.1rem 0;}
	.head .headr .nav>li .nav_two ul li a::after{display: none;}
	.head .headr .nav>li .nav_two ul li.li-ing a{transform: scale(1); color: #02A2E4;}
	.head .head-search{width: 2rem; height: 0.8rem; float: none; border: #02A2E4 solid 1px; margin-left: auto; margin-right: auto; margin-top: 0.8rem; padding: 0.1rem 0.3rem; border-radius: 100px; position: relative; z-index: 0;}
	.head .head-search span{display: inline-block; font-size: 0.3rem; line-height: 0.6rem; color: #666;}
	.head .head-search svg{width: 0.3rem; height: 0.3rem; position: absolute; right: 0.3rem; top: 0.25rem; z-index: 1;}
	.footer{padding: 0.8rem 0 0;}
	.footer .foot1{padding: 0 0.3rem; margin-bottom: 0.6rem;}
	.footer .foot1 .footr .qrcode span{font-size: 0.24rem; margin-top: 0.2rem;}
	.footer .foot1 .footr .txt{margin-top: 0.3rem;}
	.footer .foot1 .footr .txt h3{font-size: 0.3rem; margin-bottom: 0.2rem;}
	.footer .foot1 .footr .txt .p .pt{font-size: 0.26rem;}
	.footer .foot1 .footr .foot-href{margin-top: 0.6rem;}
	.footer .foot1 .footr .foot-href .go-inner{margin: 0 0.2rem 0.2rem; font-size: 0.28rem; padding: 0.1rem 0.6rem;}
	.footer .foot1 .footr .foot-href .go-inner:not(:last-child){margin: 0 0.2rem 0.2rem;}
	.footer .foot2-content .foot2{padding: 0.4rem 0.3rem; flex-direction: column;}
	.footer .foot2-content .foot2 .sp{display: block; text-align: center; font-size: 0.24rem;}
	.footer .foot2-content .foot2 .foot2l .sp:nth-child(n+2), .footer .foot2-content .foot2 .foot2r .sp:nth-child(n+2){margin-left: 0;}
}
@media only screen and (min-width:1025px) and (max-width:1280px){ /* PC端、小屏 */
	.head .logo a img{height: 50px;}
	.head .language{font-size: 14px;}
	.head .nav>li .nav-top a{font-size: 14px; line-height: 65px; padding: 0 6px;}
	.head .nav>li .nav_two ul{border-radius: 6px;}
	.head .nav>li .nav_two ul li{margin: 6px auto;}
	.head .nav>li .nav_two ul li a{font-size: 14px;}
	.head .head-search{margin-left: 20px;}
	.head .head-search svg{width: 16px; height: 16px;}
	.footer{padding: 50px 0 0;}
	.footer .foot1{margin-bottom: 20px;}
	.footer .foot1 .foot-uls ul:nth-child(n+2){margin-left: 30px;}
	.footer .foot1 .foot-uls ul li.ul-top{margin-bottom: 20px;}
	.footer .foot1 .foot-uls ul li.ul-top a{font-size: 16px;}
	.footer .foot1 .foot-uls ul li.ul-top::after{margin-top: 10px;}
	.footer .foot1 .foot-uls ul li{margin-bottom: 15px;}
	.footer .foot1 .foot-uls ul li a{font-size: 14px;}
	.footer .foot1 .icon-hr{margin: 0 20px;}
	.footer .foot1 .footr .qrcode>img{width: 80px;}
	.footer .foot1 .footr .qrcode span{font-size: 12px;}
	.footer .foot1 .footr .txt{margin-top: 15px;}
	.footer .foot1 .footr .txt h3{margin-bottom: 10px; font-size: 16px;}
	.footer .foot1 .footr .txt .p .pt{font-size: 12px;}
	.footer .foot1 .footr .foot-href{margin-top: 20px;}
	.footer .foot1 .footr .foot-href .go-inner{font-size: 14px; padding: 2px 20px;}
	.footer .foot2-content .foot2{padding: 15px;}
	.footer .foot2-content .foot2 .sp{font-size: 12px;}
}
@media only screen and (min-width:1281px) and (max-width:1440px){ /* 中小屏 */
	.head .logo a img{height: 60px;}
	.head .language{font-size: 15px;}
	.head .nav>li .nav-top a{font-size: 15px; line-height: 70px;}
	.head .nav>li .nav_two ul{border-radius: 6px;}
	.head .nav>li .nav_two ul li a{font-size: 15px;}
	.head .head-search{margin-left: 30px;}
	.head .head-search svg{width: 20px; height: 20px;}
	.footer{padding: 50px 0 0;}
	.footer .foot1{margin-bottom: 30px;}
	.footer .foot1 .foot-uls ul:nth-child(n+2){margin-left: 40px;}
	.footer .foot1 .foot-uls ul li.ul-top{margin-bottom: 40px;}
	.footer .foot1 .icon-hr{margin: 0 20px;}
	.footer .foot1 .footr .qrcode>img{width: 80px;}
	.footer .foot1 .footr .qrcode span{font-size: 12px;}
	.footer .foot1 .footr .txt{margin-top: 15px;}
	.footer .foot1 .footr .txt h3{margin-bottom: 10px;}
	.footer .foot1 .footr .foot-href{margin-top: 20px;}
	.footer .foot1 .footr .foot-href .go-inner{font-size: 15px; padding: 4px 35px;}
	.footer .foot2-content .foot2{padding: 15px;}
}
@media only screen and (min-width:1441px) and (max-width:1680px){ /* 中屏 */
	.head .logo a img{height: 65px;}
	.head .language{font-size: 18px;}
	.head .nav>li .nav-top a{font-size: 18px; line-height: 75px;}
	.head .nav>li .nav_two ul{border-radius: 6px;}
	.head .nav>li .nav_two ul li a{font-size: 16px;}
	.head .head-search{margin-left: 30px;}
	.head .head-search svg{width: 20px; height: 20px;}
	.footer .foot1 .foot-uls ul:nth-child(n+2){margin-left: 50px;}
	.footer .foot1 .icon-hr{margin: 0 25px;}
}

/* 侧边栏 */
.sidebar{position: fixed; right: 20px; top: 50%; transform: translateY(-50%); z-index: 999999; background-color: #FFF; border-radius: 100px; padding: 6px; -webkit-box-shadow:0 0 10px 2px rgba(0, 0, 0, .2); -moz-box-shadow:0 0 10px 2px rgba(0, 0, 0, .2); box-shadow:0 0 10px 2px rgba(0, 0, 0, .2);}
.sidebar .bar-line{width: 50%; height: 1px; background-color: #E6E6E6; border-radius: 100px; margin: 6px auto;}
.sidebar .bar .icon{font-size: 0; width: 40px; height: 40px; padding: 5px; border-radius: 100%; position: relative; z-index: 0; cursor: pointer;}
.sidebar .bar .icon::after{content: ""; font-size: 0; display: block; width: 100%; height: 100%; border-radius: 100%; position: absolute; left: 0; top: 0; z-index: -1; background: linear-gradient(to bottom,  #00e3f0 0%,#007bf0 100%); opacity: 0; transition: all 0.5s ease-in-out;}
.sidebar .bar .icon>img,.sidebar .bar .icon>svg{width: 100%; height: 100%; object-fit: contain;}
.sidebar .bar .icon>svg{fill: #333;}
.sidebar .bar.bar-card{position: relative; z-index: 1;}
.sidebar .bar.bar-card .bar-box-content{display: none; position: absolute; padding-right: 20px; right: 100%; top: 50%; transform: translateY(-50%); z-index: 1;}
.sidebar .bar.bar-card .bar-box{position: relative; z-index: 0; min-width: 180px; border-radius: 8px; background-color: #FFF; padding: 10px 15px; -webkit-box-shadow:0 0 10px 2px rgba(0, 0, 0, .2); -moz-box-shadow:0 0 10px 2px rgba(0, 0, 0, .2); box-shadow:0 0 10px 2px rgba(0, 0, 0, .2);}
.sidebar .bar.bar-card .bar-box::after{content: ''; display: block; font-size: 0; border-top: transparent solid 6px; border-bottom: transparent solid 6px; border-left: #FFF solid 6px; position: absolute; left: 100%; top: 50%; z-index: 1; margin-top: -6px;}
.sidebar .bar.bar-card .bar-box .li h6{white-space: nowrap; font-size: 18px;}
.sidebar .bar.bar-card .bar-box .li p{white-space: nowrap; font-size: 16px; font-weight: bold; margin-top: 5px;}
.sidebar .bar.bar-card .bar-box .li:nth-child(n+2){margin-top: 10px;}
@media only screen and (any-hover: hover){
	.sidebar .bar:hover .icon::after{opacity: 1;}
	.sidebar .bar:hover .icon>svg{fill: #FFF;}
}

/* 搜索弹窗 */
.popover{display: none;}
.popover{position: fixed; left: 0; top: 0; z-index: 99999999; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.8);}
.popover .pop-off{position: absolute; right: 3vw; top: 3vw; z-index: 1; width: 66px; height: 66px; cursor: pointer;}
.popover .pop-off .icon{width: 100%; height: 100%; fill: currentColor; color: rgba(255, 255, 255, .7);}
.popover .pop-content{position: absolute; left: 50%; top: 20vh; transform: translate3d(-50%,0,0); max-width: 1200px;}
.popover .pop-content h1{font-size: 58px; font-weight: bold; text-align: center;}
.popover .pop-content form.forms{background: rgba(0, 0, 0, 0.8); margin-top: 40px; border-top: 1px solid rgba(255, 255, 255, .3); border-bottom: 1px solid rgba(255, 255, 255, .3); padding: 30px 15px;}
.popover .pop-content form.forms .inp{font-size: 20px; line-height: 2; flex: 1; margin-right: 30px; background-color: transparent; border: none; outline: none;}
.popover .pop-content form.forms .sub{flex-shrink: 0; width: 25px; height: 25px; font-size: 0; outline: none; border: none; cursor: pointer; opacity: 0.3; background: transparent url(../images/icon5.svg) no-repeat center; background-size: contain;}
@media only screen and (any-hover: hover){
	.popover .pop-off .icon:hover{color: #FFF;}
	.popover .pop-content form.forms .sub:hover{opacity: 1;}
}
@media only screen and (max-width:1024px) { /* 移动端 */
	.sidebar{top: auto; bottom: 0.8rem; padding: 0; transform: translate3d(0,0,0);}
	.sidebar .bar .icon{width: 0.8rem; height: 0.8rem; padding: 0.2rem;}
	.popover .pop-off{width: 0.8rem; height: 0.8rem;}
	.popover .pop-content{max-width: 100%; width: 100%; padding: 0 0.3rem;}
	.popover .pop-content h1{font-size: 0.64rem;}
	.popover .pop-content form.forms{margin-top: 0.6rem; padding: 0.3rem 0.1rem;}
	.popover .pop-content form.forms .inp{font-size: 0.36rem; margin-right: 0.3rem;}
	.popover .pop-content form.forms .sub{width: 0.4rem; height: 0.4rem;}
}
@media only screen and (min-width:1025px) and (max-width:1280px) { /* PC端、小屏 */
	.sidebar .bar .icon{width: 34px; height: 34px;}
	.sidebar .bar.bar-card .bar-box .li h6{font-size: 16px;}
	.sidebar .bar.bar-card .bar-box .li p{font-size: 14px;}
	.popover .pop-off{width: 48px; height: 48px;}
	.popover .pop-content h1{font-size: 48px;}
}
@media only screen and (min-width:1281px) and (max-width:1440px) { /* 中小屏 */
	.sidebar .bar .icon{width: 36px; height: 36px;}
	.sidebar .bar.bar-card .bar-box .li h6{font-size: 16px;}
	.sidebar .bar.bar-card .bar-box .li p{font-size: 14px;}
	.popover .pop-off{width: 52px; height: 52px;}
	.popover .pop-content h1{font-size: 52px;}
}
@media only screen and (min-width:1441px) and (max-width:1680px) { /* 中屏 */
	.sidebar .bar .icon{width: 38px; height: 38px;}
	.popover .pop-off{width: 60px; height: 60px;}
}

@media only screen and (max-width:1080px){
	.navBox{cursor: pointer;}
	.navBox .menu{display: block; width: 0.6rem; height: 0.45rem; position: relative; z-index: 99; transition-duration: 0.3s;}
	.burger_lin .icon{height: 3px; width: 100%; top: calc(50% - 1.5px); background-color: #02A2E4; border-radius: 20px; position: absolute; transition-duration: 0.3s;transition-delay: 0.5s;}
	.burger_lin .icon:before {content: ""; width: 0.6rem; height: 100%; position: absolute; left: 0; top: calc(-0.21rem + 1.5px); background-color: #02A2E4; border-radius: 50px; transition: transform 0.3s, top 0.3s 0.3s; transition-delay: 0.5s;}
	.burger_lin .icon:after {content: ""; width: 0.6rem; height: 100%; position: absolute; left: 0; top: calc(0.21rem - 1.5px); background-color: #02A2E4; border-radius: 50px; transition: transform 0.3s, top 0.3s 0.3s; transition-delay: 0.5s;}
	.burger_lin.open .icon {transition-duration: 0.1s;transition-delay: 0.3s;background: transparent;width: 0;}
	.burger_lin.open .icon:before {transition: top 0.3s, transform 0.3s 0.3s;top: 0;transform: rotateZ(-45deg);}
	.burger_lin.open .icon:after {transition: top 0.3s, transform 0.3s 0.3s;top: 0;transform: rotateZ(45deg);}
}


/*<<<<<<<<<<<<<<<<<<<<<< 首页内容 >>>>>>>>>>>>>>>>>>>>>>>*/
.h-title1{font-size: 34px; font-weight: bold;}
.detail-box .go-detail{display: inline-block; padding: 8px 50px; font-size: 16px; line-height: 2; background-color: #02A2E4;}
@media (any-hover: hover){
	.detail-box .go-detail:hover{box-shadow: 0 10px 20px 5px rgba(0, 78, 162,0.2); transform: translateY(-5px);}
}
/* 首页banner */
.banner{position: relative; z-index: 0; width: 100%; height: 100vh; overflow: hidden;}
.banner .h-banner{width: 100%; height: 100%; overflow: hidden;}
.banner .h-banner .swiper-slide .img{height: 100%;}
.banner .h-banner .swiper-slide .img::after{content: ''; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .2); position: absolute; left: 0; top: 0; z-index: 1;}
.banner .h-banner .swiper-slide img,
.banner .h-banner .swiper-slide video{width: 100%; height: 100%; object-fit: cover;}
.banner .h-banner .swiper-slide img{transition: 1s linear 2s; transform: scale(1.1);}
.banner .h-banner .swiper-slide-active img,.banner .h-banner .swiper-slide-duplicate-active img{ transition: 6s linear; transform: scale(1);}

.banner .h-banner .txt{position: absolute; width: 81.25%; left: 9.375%; top: 40%; z-index: 1;}
.banner .h-banner .txt h1{font-size: 60px; font-weight: bold; color: #FFF; transition:all 0.8s ease-in-out; opacity: 0; transform: translateX(100px); transition-delay:0.3s;}
.banner .h-banner .txt h2{margin-top: 30px; font-size: 24px; color: #FFF; transition:all 0.8s ease-in-out; opacity: 0; transform: translateX(100px); transition-delay:0.5s;}
.banner .h-banner .swiper-slide.swiper-slide-active .txt h1{opacity: 1; transform: translateX(0);}
.banner .h-banner .swiper-slide.swiper-slide-active .txt h2{opacity: 1; transform: translateX(0);}

.banner .banner-pop{height: 110px; transform: translateX(-50%); position: absolute; left: 50%; bottom: 0; z-index: 2;}
.banner .banner-pop .fh-banner-content{width: 62.82051282051282%; height: 100%; padding: 0 2.56410256410256%;}
.banner .banner-pop .fh-banner-content .fh-banner{flex: 1; height: 36px;}
.banner .banner-pop .fh-banner-content .fh-banner .swiper-slide a{display: block; font-size: 20px; line-height: 36px; height: 100%; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
.banner .banner-pop .fh-banner-content .loud{margin-right: 20px; font-size: 0; flex-shrink: 0;}
.banner .banner-pop .fh-banner-content .loud svg{height: 36px; width: auto;}
.banner .banner-pop .fh-banner-content .fh-but-box{flex-shrink: 0; margin-left: 20px;}
.banner .banner-pop .fh-banner-content .fh-but-box .fh-but{cursor: pointer; font-size: 0;}
.banner .banner-pop .fh-banner-content .fh-but-box .fh-but svg{width: 24px; height: 24px; fill: #FFF; transition: all 0.3s ease-in-out;}
.banner .banner-pop .h-indi{flex: 1; height: 100%; padding: 0 2.56410256410256%;}
.banner .banner-pop .h-indi .h-page{font-size: 0;}
.banner .banner-pop .h-indi .h-page .swiper-pagination-bullet{width: 24px; height: 24px; margin: auto 8px; background: url(../images/icon2.svg) no-repeat center; background-size: contain; opacity: 1;transition:all 0.35s;-moz-transition:all 0.35s;-webkit-transition:all 0.35s;-o-transition:all 0.35s;}
.banner .banner-pop .h-indi .h-page .swiper-pagination-bullet.swiper-pagination-bullet-active{background: url(../images/icon1.svg) no-repeat center; background-size: contain;}
.banner .banner-pop .h-indi .h-numb{font-size: 22px;}
@media (any-hover: hover){
	.banner .banner-pop .fh-banner-content .fh-but-box .fh-but:hover svg{fill: #004EA2;}
}
@media only screen and (max-width:1024px) { /* 移动端 */
	.h-title1{font-size: 0.48rem;}
	.detail-box .go-detail{padding: 0.1rem 0.6rem; font-size: 0.28rem;}
	.banner{height: 10rem;}
	.banner .h-banner .txt{top: 33%;}
	.banner .h-banner .txt h1{font-size: 0.5rem;}
	.banner .h-banner .txt h2{font-size: 0.36rem; margin-top: 0.2rem; text-align: justify;}
	.banner .banner-pop{height: 0.8rem;}
	.banner .banner-pop .fh-banner-content{width: 84.820513%;}
	.banner .banner-pop .fh-banner-content .loud{margin-right: 0.2rem;}
	.banner .banner-pop .fh-banner-content .loud svg{height: 0.36rem;}
	.banner .banner-pop .fh-banner-content .fh-banner{height: 0.36rem;}
	.banner .banner-pop .fh-banner-content .fh-banner .swiper-slide{height: 0.36rem !important;}
	.banner .banner-pop .fh-banner-content .fh-banner .swiper-slide a{font-size: 0.24rem; line-height: 0.36rem;}
	.banner .banner-pop .fh-banner-content .fh-but-box{display: none; margin-left: 0.2rem;}
	.banner .banner-pop .fh-banner-content .fh-but-box .fh-but svg{width: 0.25rem; height: 0.25rem;}
	.banner .banner-pop .h-indi{justify-content: flex-end;}
	.banner .banner-pop .h-indi .h-page{display: none;}
	.banner .banner-pop .h-indi .h-numb{font-size: 0.26rem;}
}
@media only screen and (min-width:1025px) and (max-width:1280px) { /* PC端、小屏 */
	.banner .h-banner .txt h1{font-size: 38px;}
	.banner .h-banner .txt h2{font-size: 18px; margin-top: 20px;}
	.banner .banner-pop{height: 60px;}
	.banner .banner-pop .fh-banner-content .loud svg{height: 26px;}
	.banner .banner-pop .fh-banner-content .fh-banner{height: 26px;}
	.banner .banner-pop .fh-banner-content .fh-banner .swiper-slide a{font-size: 16px; line-height: 26px;}
	.banner .banner-pop .fh-banner-content .fh-but-box .fh-but svg{width: 16px; height: 16px;}
	.banner .banner-pop .h-indi .h-page .swiper-pagination-bullet{width: 15px; height: 15px;}
	.banner .banner-pop .h-indi .h-numb{font-size: 16px;}
}
@media only screen and (min-width:1281px) and (max-width:1440px) { /* 中小屏 */
	.banner .h-banner .txt h1{font-size: 42px;}
	.banner .h-banner .txt h2{font-size: 20px; margin-top: 20px;}
	.banner .banner-pop{height: 70px;}
	.banner .banner-pop .fh-banner-content .loud svg{height: 28px;}
	.banner .banner-pop .fh-banner-content .fh-banner{height: 28px;}
	.banner .banner-pop .fh-banner-content .fh-banner .swiper-slide a{font-size: 17px; line-height: 28px;}
	.banner .banner-pop .fh-banner-content .fh-but-box .fh-but svg{width: 18px; height: 18px;}
	.banner .banner-pop .h-indi .h-page .swiper-pagination-bullet{width: 18px; height: 18px;}
	.banner .banner-pop .h-indi .h-numb{font-size: 18px;}
}
@media only screen and (min-width:1441px) and (max-width:1680px) { /* 中屏 */
	.banner .h-banner .txt h1{font-size: 48px;}
	.banner .h-banner .txt h2{font-size: 20px; margin-top: 20px;}
	.banner .banner-pop{height: 85px;}
	.banner .banner-pop .fh-banner-content .loud svg{height: 32px;}
	.banner .banner-pop .fh-banner-content .fh-banner{height: 32px;}
	.banner .banner-pop .fh-banner-content .fh-banner .swiper-slide a{font-size: 18px; line-height: 32px;}
	.banner .banner-pop .fh-banner-content .fh-but-box .fh-but svg{width: 20px; height: 20px;}
	.banner .banner-pop .h-indi .h-page .swiper-pagination-bullet{width: 20px; height: 20px;}
	.banner .banner-pop .h-indi .h-numb{font-size: 20px;}
}

/* 首页-公司简介 */
.hom1{margin-top: 100px; margin-bottom: 80px;}
.hom1 .img{width: 37.17948717948718%; margin-right: 7.69230769230769%; flex-shrink: 0;}
.hom1 .img img{width: 100%; height: auto;}
.hom1 .infos{flex: 1;}
.hom1 .infos .ps{font-size: 18px; line-height: 2; margin-top: 30px;}
.hom1 .infos .number{margin-top: 50px;}
.hom1 .infos .number .li .num-box .num,
.hom1 .infos .number .li .num-box .symbol{font-size: 50px; font-family: 'har-med'; font-weight: bold;}
.hom1 .infos .number .li .num-box .unit{font-size: 20px;}
.hom1 .infos .number .li .label{margin-top: 10px; font-size: 16px;}
.hom1 .infos .detail-box{margin-top: 80px;}
@media only screen and  (max-width:1024px) { /* 移动端 */
	.hom1{margin: auto; padding-top: 0.8rem; padding-bottom: 0.8rem; position: relative; z-index: 0;}
	.hom1 .h-title1{color: #FFF;}
	.hom1 .detail-box .go-detail{width: 100%; text-align: center; line-height: 0.8rem; padding: 0;}
	.hom1 .img{position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; margin-right: 0;}
	.hom1 .img::after{content: ''; display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; z-index: 1;  backdrop-filter: blur(2px);background-color: rgba(0, 0, 0, .2);}
	.hom1 .img img{width: 100%; height: 100%; object-fit: cover;}
	.hom1 .infos{padding: 0 0.3rem;}
	.hom1 .infos .ps{font-size: 0.26rem; margin-top: 0.3rem; color: #FFF;}
	.hom1 .infos .number{margin-top: 0.4rem;}
	.hom1 .infos .number .li .num-box .num, .hom1 .infos .number .li .num-box .symbol{font-size: 0.48rem;}
	.hom1 .infos .number .li .num-box .unit{font-size: 0.28rem;}
	.hom1 .infos .number .li .label{font-size: 0.26rem; color: #FFF;}
	.hom1 .infos .detail-box{margin-top: 0.8rem;}
}
@media only screen and (min-width:1025px) and (max-width:1280px) { /* PC端、小屏 */
	.h-title1{font-size: 26px;}
	.hom1{margin-top: 60px; margin-bottom: 40px;}
	.hom1 .infos .ps{margin-top: 10px; font-size: 15px;}
	.hom1 .infos .number{margin-top: 10px;}
	.hom1 .infos .number .li .num-box .num, .hom1 .infos .number .li .num-box .symbol{font-size: 30px;}
	.hom1 .infos .number .li .num-box .unit{font-size: 16px;}
	.hom1 .infos .number .li .label{margin-top: 0; font-size: 14px;}
	.hom1 .infos .detail-box{margin-top: 30px;}
}
@media only screen and (min-width:1281px) and (max-width:1440px) { /* 中小屏 */
	.h-title1{font-size: 30px;}
	.hom1{margin-top: 60px; margin-bottom: 40px;}
	.hom1 .infos .ps{margin-top: 15px; font-size: 16px;}
	.hom1 .infos .number{margin-top: 30px;}
	.hom1 .infos .number .li .num-box .num, .hom1 .infos .number .li .num-box .symbol{font-size: 42px;}
	.hom1 .infos .number .li .num-box .unit{font-size: 18px;}
	.hom1 .infos .number .li .label{font-size: 14px; margin-top: 5px;}
	.hom1 .infos .detail-box{margin-top: 70px;}
}
@media only screen and (min-width:1441px) and (max-width:1680px) { /* 中屏 */
	.h-title1{font-size: 32px;}
	.hom1{margin-top: 60px; margin-bottom: 40px;}
	.hom1 .infos .ps{margin-top: 20px;}
	.hom1 .infos .number{margin-top: 30px;}
	.hom1 .infos .number .li .num-box .num, .hom1 .infos .number .li .num-box .symbol{font-size: 42px;}
	.hom1 .infos .number .li .num-box .unit{font-size: 18px;}
	.hom1 .infos .detail-box{margin-top: 70px;}
}
/* 首页-科研项目 */
.hom2-content{background: #FFF url(../images/hom2-bg.png) no-repeat center; background-size: cover; padding: 120px 0;}
.hom2 .uls-content{margin-top: 50px; position: relative; z-index: 0; border-radius: 0 50px 0 0; overflow: hidden;}
.hom2 .uls-content .uls{position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%;}
.hom2 .uls-content .uls .li{flex: 1;}
.hom2 .uls-content .uls .li .infos{flex: 1; position: relative; z-index: 0; padding:23.07692307692308% 7.69230769230769% 0;}
.hom2 .uls-content .uls .li .infos::after{content: ''; display: block; font-size: 0; width: 100%; height: 100%; opacity: 0; position: absolute; left: 0; top: 0; z-index: -1;transition:all 0.35s;-moz-transition:all 0.35s;-webkit-transition:all 0.35s;-o-transition:all 0.35s;}
.hom2 .uls-content .uls .li.li1 .infos::after{background-color: #02A2E4;}
.hom2 .uls-content .uls .li.li2 .infos::after{background-color: #2E76C4;}
.hom2 .uls-content .uls .li.li3 .infos::after{background-color: #004EA2;}
.hom2 .uls-content .uls .li.li-ing .infos::after{opacity: 0.6;}
.hom2 .uls-content .uls .li .infos a{display: block; font-size: 20px; line-height: 2; padding-left: 25px; position: relative; z-index: 1; transform: translateY(100px); opacity: 0;transition:all 0.35s;-moz-transition:all 0.35s;-webkit-transition:all 0.35s;-o-transition:all 0.35s;}
.hom2 .uls-content .uls .li .infos a:nth-child(n+2){margin-top: 20px;}
.hom2 .uls-content .uls .li .infos a::before{content: ''; display: block; width: 10px; height: 10px; background-color: #FFF; border-radius: 100%; position: absolute; left: 0; top: 15px; z-index: 1;}
.hom2 .uls-content .uls .li.li-ing .infos a{transform: translateY(0); opacity: 1;}

.hom2 .uls-content .uls .li .tit-box{padding: 0 7.69230769230769%; height: 21.56862745098039%; position: relative; z-index: 1;}
.hom2 .uls-content .uls .li .tit-box::after{content: ''; display: block; font-size: 0; position: absolute; left: calc(50% - 5px); bottom: 0; z-index: -1; border-right: transparent solid 10px; border-left: transparent solid 10px;transition:all 0.35s;-moz-transition:all 0.35s;-webkit-transition:all 0.35s;-o-transition:all 0.35s;}
.hom2 .uls-content .uls .li.li-ing .tit-box::after{bottom: 100%;}
.hom2 .uls-content .uls .li.li1 .tit-box::after{border-bottom: #02A2E4 solid 10px;}
.hom2 .uls-content .uls .li.li2 .tit-box::after{border-bottom: #2E76C4 solid 10px;}
.hom2 .uls-content .uls .li.li3 .tit-box::after{border-bottom: #004EA2 solid 10px;}
.hom2 .uls-content .uls .li .tit-box .tit{flex: 1;}
.hom2 .uls-content .uls .li .tit-box .tit h2{font-size: 28px;}
.hom2 .uls-content .uls .li .tit-box .tit p{font-size: 16px; margin-top: 10px;}
.hom2 .uls-content .uls .li:nth-child(n+2) .tit-box .tit p{display: none;}
.hom2 .uls-content .uls .li .tit-box .go-detail{font-size: 0;}
.hom2 .uls-content .uls .li .tit-box .go-detail svg{fill: currentColor;}
.hom2 .uls-content .uls .li .tit-box .go-detail::after{content: ''; display: block; font-size: 0; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%;}

@media only screen and  (max-width:1024px) { /* 移动端 */
	.hom2-content{padding: 0.8rem 0.3rem;}
	.hom2 .uls-content{margin-top: 0.6rem; border-radius: 0;}
	.hom2 .uls-content>img{display: none;}
	.hom2 .uls-content .uls{position: static; flex-direction: column;}
	.hom2 .uls-content .uls .li{flex-direction: column-reverse;}
	.hom2 .uls-content .uls .li:nth-child(n+2){margin-top: 0.4rem;}
	.hom2 .uls-content .uls .li .infos{padding: 0.4rem 0.3rem;}
	.hom2 .uls-content .uls .li .infos::after{opacity: 0.6;}
	.hom2 .uls-content .uls .li .infos a{opacity: 1; transform: translate3d(0,0,0); font-size: 0.26rem; padding-left: 0.3rem;}
	.hom2 .uls-content .uls .li .infos a::before{width: 0.1rem; height: 0.1rem; top: 0.21rem;}
	.hom2 .uls-content .uls .li .infos a:nth-child(n+2){margin-top: 0.2rem;}
	.hom2 .uls-content .uls .li .tit-box{padding: 0.2rem 0.3rem;}
	.hom2 .uls-content .uls .li .tit-box::after{display: none;}
	.hom2 .uls-content .uls .li .tit-box .tit h2{font-size: 0.38rem;}
	.hom2 .uls-content .uls .li .tit-box .tit p{font-size: 0.26rem; margin-top: 0.2rem;}
	.hom2 .uls-content .uls .li:nth-child(n+2) .tit-box .tit p{display: block;}
	.hom2 .uls-content .uls .li .tit-box .go-detail svg{width: 0.5rem; height: 0.5rem;}
}
@media only screen and (min-width:1025px) and (max-width:1280px) { /* PC端、小屏 */
	.hom2-content{padding: 50px 0 60px;}
	.hom2 .uls-content{margin-top: 30px; border-radius: 0 25px 0 0;}
	.hom2 .uls-content .uls .li .infos a{font-size: 14px; padding-left: 15px;}
	.hom2 .uls-content .uls .li .infos a:nth-child(n+2){margin-top: 8px;}
	.hom2 .uls-content .uls .li .infos a::before{width: 6px; height: 6px; top: 11px;}
	.hom2 .uls-content .uls .li .tit-box .tit h2{font-size: 20px;}
	.hom2 .uls-content .uls .li .tit-box .tit p{font-size: 12px;}
	.hom2 .uls-content .uls .li .tit-box .go-detail svg{width: 24px; height: 24px;}
}
@media only screen and (min-width:1281px) and (max-width:1440px) { /* 中小屏 */
	.hom2-content{padding: 60px;}
	.hom2 .uls-content{margin-top: 40px;}
	.hom2 .uls-content .uls .li .infos a{font-size: 18px; padding-left: 15px;}
	.hom2 .uls-content .uls .li .infos a:nth-child(n+2){margin-top: 10px;}
	.hom2 .uls-content .uls .li .infos a::before{width: 8px; height: 8px; top: 14px;}
	.hom2 .uls-content .uls .li .tit-box .tit h2{font-size: 22px;}
}
@media only screen and (min-width:1441px) and (max-width:1680px) { /* 中屏 */
	.hom2-content{padding: 80px;}
	.hom2 .uls-content{margin-top: 40px;}
	.hom2 .uls-content .uls .li .infos a{font-size: 18px; padding-left: 15px;}
	.hom2 .uls-content .uls .li .infos a:nth-child(n+2){margin-top: 15px;}
	.hom2 .uls-content .uls .li .infos a::before{width: 8px; height: 8px; top: 14px;}
	.hom2 .uls-content .uls .li .tit-box .tit h2{font-size: 26px;}
}

/* 首页-研究院动态 */
.hom3-content{padding-top: 1.66rem; height: 9.7rem; background: url(../images/hom3-bg.jpg) no-repeat center; background-size: cover; background-attachment: fixed;}
.hom3 .intro h6{font-size: 24px;}
.hom3 .intro h1{font-size: 50px; font-weight: bold; margin-top: 20px;}
.hom3 .intro p{font-size: 18px; line-height: 2; max-width: 750px; margin-top: 20px;}
.hom3 .uls{margin-top: 2rem;}
.hom3 .uls .li{flex: 1; background-color: rgba(255, 255, 255, .9); padding: 0 30px 0 40px; height: 120px; margin-right: 2%;}
.hom3 .uls .li:nth-child(3n){margin-right: 0;}
.hom3 .uls .li .li-tit{display: inline-block; flex: 1; font-size: 24px; line-height: 1.5; color: #333;}
.hom3 .uls .li svg{fill: currentColor; color: #444;}
@media (any-hover: hover){
	.hom3 .uls .li:hover{background-color: #02A2E4; transform: translateY(-10px); box-shadow: 0 10px 20px rgba(0, 78, 162,0.5);}
	.hom3 .uls .li:hover .li-tit{color: #FFF;}
	.hom3 .uls .li:hover svg.icon{color: #FFF; transform: rotateY(180deg);}
}
@media only screen and  (max-width:1024px) { /* 移动端 */
	.hom3-content{padding: 0.8rem 0.3rem; height: 100%;}
	.hom3 .intro h6{font-size: 0.36rem;}
	.hom3 .intro h1{font-size: 0.5rem; margin-top: 0.3rem;}
	.hom3 .intro p{font-size: 0.26rem; margin-top: 0.2rem;}
	.hom3 .uls{flex-direction: column;}
	.hom3 .uls .li{padding: 0.6rem; margin-right: 0; margin-bottom: 0.3rem;}
	.hom3 .uls .li .li-tit{font-size: 0.36rem;}
	.hom3 .uls .li svg{width: 0.8rem; height: 0.8rem;}
	.hom3 .uls .li:active{background-color: #02A2E4; transform: translateY(-10px); box-shadow: 0 10px 20px rgba(0, 78, 162,0.5);}
	.hom3 .uls .li:active .li-tit{color: #FFF;}
	.hom3 .uls .li:active svg.icon{color: #FFF; transform: rotateY(180deg);}
}
@media only screen and (min-width:1025px) and (max-width:1280px) { /* PC端、小屏 */
	.hom3-content{padding-top: 12%;}
	.hom3 .intro h6{font-size: 20px;}
	.hom3 .intro h1{font-size: 32px; margin-top: 10px;}
	.hom3 .intro p{font-size: 16px; margin-top: 10px;}
	.hom3 .uls .li{height: 80px; padding: 0 20px 0 30px;}
	.hom3 .uls .li .li-tit{font-size: 20px;}
	.hom3 .uls .li svg.icon{width: 32px; height: 32px;}
}
@media only screen and (min-width:1281px) and (max-width:1440px) { /* 中小屏 */
	.hom3 .intro h6{font-size: 22px;}
	.hom3 .intro h1{font-size: 38px; margin-top: 15px;}
	.hom3 .intro p{font-size: 17px; margin-top: 15px;}
	.hom3 .uls .li{height: 90px; padding: 0 25px 0 35px;}
	.hom3 .uls .li .li-tit{font-size: 22px;}
	.hom3 .uls .li svg.icon{width: 42px; height: 42px;}
}
@media only screen and (min-width:1441px) and (max-width:1680px) { /* 中屏 */
	.hom3 .intro h6{font-size: 22px;}
	.hom3 .intro h1{font-size: 42px; margin-top: 15px;}
	.hom3 .intro p{font-size: 18px; margin-top: 15px;}
	.hom3 .uls .li{height: 100px; padding: 0 25px 0 35px;}
	.hom3 .uls .li .li-tit{font-size: 22px;}
	.hom3 .uls .li svg.icon{width: 42px; height: 42px;}
}

/* 首页-新闻动态 */
.hom4-content{padding-top: 130px; padding-bottom: 150px; background: #FFF url(../images/hom4-bg.png) no-repeat center; background-size: cover;}
.hom4 aside{flex-shrink: 0; margin-right: 5.2vw;}
.hom4 aside .aside-tit h5{font-size: 24px;}
.hom4 aside .aside-tit h1{font-size: 50px; line-height: 1.1; font-weight: bold; margin-top: 20px; max-width: 300px;}
.hom4 aside .aside-nav{margin-top: 70px;}
.hom4 aside .aside-nav .li:nth-child(n+2){margin-top: 20px;}
.hom4 aside .aside-nav .li span{display: inline-block; font-size: 24px; cursor: pointer;}
.hom4 aside .aside-nav .li span::after{content: ''; display: block; margin-top: 10px; transform: scaleX(0); width: 100%; height: 1px; background-color: #02A2E4; transition:all 0.2s;-moz-transition:all 0.2s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;}
.hom4 aside .aside-nav .li.li-ing span{color: #02A2E4;}
.hom4 aside .aside-nav .li.li-ing span::after{transform: scaleX(1);}
.hom4 aside .detail-box{margin-top: 100px;}
@media (any-hover: hover){
	.hom4 aside .aside-nav .li span:hover{color: #02A2E4;}
	.hom4 aside .aside-nav .li span:hover:after{transform: scaleX(1);}
}
.hom4 section{flex: 1; max-width: 1100px;}
.hom4 section .section-box .li{width: 100%; position: relative; z-index: 0; transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}
.hom4 section .section-box .li:nth-child(n+2){margin-top: 35px;}
.hom4 section .section-box .li .img{flex-shrink: 0; margin-right: 4.54545454545455%; width: 33.63636363636364%; height: 0; padding-bottom: 21.81818181818182%; position: relative; z-index: 0; overflow: hidden;}
.hom4 section .section-box .li .img img{position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover;}
.hom4 section .section-box .li .intro{width: 0; flex: 1; padding: 10px 20px 10px 0;}
.hom4 section .section-box .li .intro .time{font-size: 18px; line-height: 2; font-weight: bold; font-family: 'har-med';}
.hom4 section .section-box .li .intro .title{font-size: 24px; margin-top: 10px; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
.hom4 section .section-box .li .intro .smalltext{font-size: 16px; line-height: 2; text-align: justify; margin-top: 10px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.hom4 section .section-box .li .intro .detail{display: block; font-size: 0; line-height: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2;}
@media (any-hover: hover){
	.hom4 section .section-box .li:hover{box-shadow: 0 10px 20px rgba(0, 78, 162,0.5); background-color: #02A2E4; transform: translateY(-5px);}
	.hom4 section .section-box .li:hover .img img{transform: scale3d(1.2,1.2,1.2);}
	.hom4 section .section-box .li:hover .time,
	.hom4 section .section-box .li:hover .title,
	.hom4 section .section-box .li:hover .smalltext{color: #FFF;}
}
@media only screen and  (max-width:1024px) { /* 移动端 */
	.hom4-content{padding: 0.8rem 0.3rem;}
	.hom4-content .hom4{flex-direction: column; position: relative; z-index: 0; padding-bottom: 1.4rem;}
	.hom4 aside{margin-right: 0;}
	.hom4 aside .aside-tit h5{font-size: 0.28rem;}
	.hom4 aside .aside-tit h1{font-size: 0.5rem; margin-top: 0.3rem; max-width: 100%;}
	.hom4 aside .aside-nav{margin-top: 0.4rem; display: flex; flex-wrap: wrap; justify-content: center;}
	.hom4 aside .aside-nav .li{margin: 0.2rem 0.3rem;}
	.hom4 aside .aside-nav .li:nth-child(n+2){margin-top: 0.2rem;}
	.hom4 aside .aside-nav .li span{font-size: 0.3rem; padding: 0.12rem 0.3rem; border: #D8D8D8 solid 1px; border-radius: 100px;}
	.hom4 aside .aside-nav .li.li-ing span{border: #02A2E4 solid 1px;}
	.hom4 aside .aside-nav .li span::after{display: none;}
	.hom4 aside .detail-box{margin-top: 0; width: 100%; position: absolute; left: 0; bottom: 0; z-index: 1;}
	.hom4 aside .detail-box .go-detail{width: 100%; line-height: 0.8rem; text-align: center; padding: 0;}
	.hom4 section{max-width: 100%; margin-top: 0.4rem;}
	.hom4 section .section-box .li:nth-child(n+2){margin-top: 0.4rem;}
	.hom4 section .section-box .li .img{margin-right: 0; width: 100%; padding-bottom: 64.86486486486486%;}
	.hom4 section .section-box .li .img::after{content: ''; display: block; font-size: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .3); position: absolute; left: 0; top: 0; z-index: 1;}
	.hom4 section .section-box .li .intro{width: 100%; height: 100%; padding: 0.2rem 0.3rem; position: absolute; left: 0; bottom: 0; z-index: 1; display: flex; flex-direction: column; justify-content: flex-end;}
	.hom4 section .section-box .li .intro .time{color: #FFF; font-size: 0.24rem;}
	.hom4 section .section-box .li .intro .title{color: #FFF; font-size: 0.34rem; margin-top: 0.2rem;}
	.hom4 section .section-box .li .intro .smalltext{color: #FFF;-webkit-line-clamp: 2; font-size: 0.26rem; margin-top: 0.2rem;}
}
@media only screen and (min-width:1025px) and (max-width:1280px) { /* PC端、小屏 */
	.hom4-content{padding-top: 80px; padding-bottom: 90px;}
	.hom4 aside .aside-tit h5{font-size: 20px;}
	.hom4 aside .aside-tit h1{font-size: 32px; margin-top: 10px; max-width: 200px;}
	.hom4 aside .aside-nav .li span{font-size: 18px;}
	.hom4 aside .aside-nav .li span::after{margin-top: 5px;}
	.hom4 section .section-box .li .intro .time{font-size: 14px;}
	.hom4 section .section-box .li .intro .title{font-size: 18px; margin-top: 0;}
	.hom4 section .section-box .li .intro .smalltext{font-size: 14px;-webkit-line-clamp: 2; line-height: 26px; margin-top: 10px;}
	.hom4 section .section-box .li:nth-child(n+2){margin-top: 25px;}
}
@media only screen and (min-width:1281px) and (max-width:1440px) { /* 中小屏 */
	.hom4-content{padding-top: 80px; padding-bottom: 100px;}
	.hom4 aside .aside-tit h5{font-size: 20px;}
	.hom4 aside .aside-tit h1{font-size: 38px; margin-top: 10px; max-width: 260px;}
	.hom4 aside .aside-nav .li span{font-size: 20px;}
	.hom4 section .section-box .li .intro .time{font-size: 16px;}
	.hom4 section .section-box .li .intro .title{font-size: 20px; margin-top: 0;}
	.hom4 section .section-box .li .intro .smalltext{font-size: 16px; margin-top: 15px;-webkit-line-clamp: 2;}
	.hom4 section .section-box .li:nth-child(n+2){margin-top: 25px;}
}
@media only screen and (min-width:1441px) and (max-width:1680px) { /* 中屏 */
	.hom4-content{padding-top: 90px; padding-bottom: 100px;}
	.hom4 aside .aside-tit h5{font-size: 22px;}
	.hom4 aside .aside-tit h1{font-size: 42px; margin-top: 15px; max-width: 260px;}
	.hom4 aside .aside-nav .li span{font-size: 22px;}
	.hom4 section .section-box .li .intro .title{font-size: 22px;}
	.hom4 section .section-box .li:nth-child(n+2){margin-top: 30px;}
}

/*<<<<<<<<<<<<<<<<<<<<<< 内页banner + 面包屑导航 >>>>>>>>>>>>>>>>>>>>>>>*/
.nbanner{position: relative; overflow: hidden;}
.nbanner .n-txt{position: absolute; left: 9.21875%; top: 46%; z-index: 1;}
.nbanner .n-txt h1{font-size: 68px; text-transform: uppercase;}
.nbanner>img.img{width: 100%; height: auto;}

.crumble{padding-top: 13px; padding-bottom: 13px; border-bottom: 1px solid #D8D8D8;}
.crumble .taddress .pt{display: inline-block; color: #ADADAD;}
.crumble .taddress .pt.t1{flex-shrink: 0; font-size: 0; width: 13px; height: 13px; margin-right: 12px;}
.crumble .taddress .pt a{display: inline-block; font-size: 14px; line-height: 2; color: #ADADAD; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
@media (any-hover: hover){
	.crumble .taddress .pt a:hover{color: #02A2E4;}
}
@media only screen and (max-width:1024px) { /* 移动端 */
	.nbanner .n-txt{left: 0.3rem;}
	.nbanner .n-txt h1{font-size: 0.6rem;}
	.crumble{padding: 0.2rem 0.3rem;}
	.crumble .taddress .pt.t1{width: 0.3rem; height: 0.3rem;}
	.crumble .taddress .pt a,.crumble .taddress .pt{font-size: 0.24rem; line-height: 0.36rem;}
}

/*<<<<<<<<<<<<<<<<<<<<<< 走进皓天 >>>>>>>>>>>>>>>>>>>>>>>*/
.abo1-container{padding-top: 130px; padding-bottom: 70px; background: #FFF url(../images/about1-1bg.png) no-repeat center top; background-size: 100% auto;}
.abo1 .abo1-l{flex: 1; margin-right: 4.6875%;}
.abo1 .abo1-r{flex-shrink: 0; width: 44.0625%;}
.abo1 .abo1-l .ps{margin-top: 50px; font-size: 18px; line-height: 2;}
.abo1 .abo1-l .number{margin-top: 80px; flex-wrap: wrap;}
.abo1 .abo1-l .number .li .num-box .num{font-size: 56px;}
.abo1 .abo1-l .number .li .num-box .symbol{display: inline-block; font-size: 30px; transform: translateY(-80%);}
.abo1 .abo1-l .number .li .num-box .unit{font-size: 18px;}
.abo1 .abo1-l .number .li .label{margin-top: 10px; font-size: 16px;}

.abo2{margin-top: 70px;}
.abo2 .title .h-title1{margin-bottom: 0.5rem;}
.abo2 .title p{font-size: 18px; line-height: 2;}
.abo2 .imgboxs{margin-top: 70px; border-radius: 50px 0 50px 0; overflow: hidden;}
.abo2 .imgboxs .row1{width: 44.375%;}
.abo2 .imgboxs .row2{width: 39.453125%;}
.abo2 .imgboxs .row3{width: 15%; background-color: #02A2E4; position: relative; z-index: 0;}
.abo2 .imgboxs .row4{width: 21.40625%; background-color: #004EA2; position: relative; z-index: 0;}
.abo2 .imgboxs .row5{width: 77.96875%;}
.abo2 .imgboxs .img{width: 100%; position: relative; z-index: 1; overflow: hidden;}
.abo2 .imgboxs .img::after{content: ''; opacity: 0; font-size: 0; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); position: absolute; left: 0; top: 0; z-index: 0; transition:all 0.35s; -moz-transition:all 0.35s; -webkit-transition:all 0.35s; -o-transition:all 0.35s;}
.abo2 .imgboxs .img .txt{opacity: 0; position: absolute; left: 0; top: 60%; z-index: 2; width: 100%; text-align: center; padding: 40px 15px; background: url(../images/icon7.svg) no-repeat center top; background-size: 30px auto;}
.abo2 .imgboxs .img .txt .sp{display: block;}
.abo2 .imgboxs .img .txt .sp.s1{font-size: 20px;}
.abo2 .imgboxs .img .txt .sp.s2{font-size: 50px;}
.abo2 .imgboxs .img:hover .txt{opacity: 1; transform: translateY(-50%);}
.abo2 .imgboxs .img:hover::after{opacity: 1;}
.abo2 .imgboxs .img:hover>img{transform: scale(1.1);}
.abo2 .imgboxs .row3 .text{font-size: 50px; text-transform: uppercase; color: #69D3FF; word-wrap: break-word; writing-mode: tb-rl; position: absolute; right: 16px; bottom: 10px; z-index: 1;}
.abo2 .imgboxs .imgbox1{margin-bottom: 10px;}
.abo2 .imgboxs .row4 .text{position: absolute; left: 20.8029197080292%; top: 29.1970802919708%; z-index: 1; padding-top: 40px; background: url(../images/icon8.svg) no-repeat left top; background-size: 40px auto;}
.abo2 .imgboxs .row4 .text h1{font-size: 20px;}
.abo2 .imgboxs .row4 .text h2{font-size: 52px;}

.abo3{margin-top: 160px;}
.abo3 .abo3-box{margin-top: 70px; background: url(../images/abo3-1.jpg) no-repeat center; background-size: cover; padding: 7.8125% 4.6875%;}
.abo3 .abo3-box li{border-left: 2px solid #FFF; padding-left: 30px;}
.abo3 .abo3-box li:nth-child(n+2){margin-top: 66px;}
.abo3 .abo3-box li h1{font-size: 30px; font-weight: bold;}
.abo3 .abo3-box li p{font-size: 20px; margin-top: 10px;}

.abo4-container{margin-top: 120px; padding-top: 80px; padding-bottom: 130px; background: #FFF url(../images/abo4-bg.png) no-repeat center; background-size: cover; background-attachment: fixed;}
.abo4 .abo4s{margin-top: 130px; padding: 0 60px; position: relative; z-index: 0;}
.abo4 .abo4s::after{content: ''; font-size: 0; display: block; width: 100%; height: 1px; background-color: #9F9F9F; position: absolute; left: 0; top: 50%; z-index: 0;}
.abo4 .abo4s .swiper-but{position: absolute; top: calc(50% - 16px); z-index: 2; width: 33px; height: 33px; cursor: pointer;}
.abo4 .abo4s .swiper-but.abo4-prev{background: url(../images/n-prev.svg) no-repeat center; background-size: contain;left: 0;}
.abo4 .abo4s .swiper-but.abo4-next{background: url(../images/n-next.svg) no-repeat center; background-size: contain; right: 0;}
.abo4 .abo4-swiper{padding: 0 8px;}
.abo4 .swiper-slide{height: 390px; display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex; justify-content: space-between;}
.abo4 .swiper-slide::after{content: ''; display: block; width: 13px; height: 13px; border-radius: 100%; background-color: #02A2E4; position: absolute; left: -6px; top: calc(50% - 6px); z-index: 2;}
.abo4 .swiper-slide:nth-child(odd){flex-direction: column;}
.abo4 .swiper-slide:nth-child(even){flex-direction: column-reverse;}
.abo4 .swiper-slide .img{height: 145px;}
.abo4 .swiper-slide .img img{border: 2px solid transparent;}
.abo4 .swiper-slide .txt{flex: 1; position: relative; z-index: 0; padding-left: 10px;}
.abo4 .swiper-slide .txt::before{content: ''; display: block; font-size: 0; width: 1px; height: 100%; background-color: #9F9F9F; position: absolute; left: 0;}
.abo4 .swiper-slide:nth-child(odd) .txt::before{top: 0;}
.abo4 .swiper-slide:nth-child(even) .txt::before{bottom: 0;}
.abo4 .swiper-slide:nth-child(odd) .txt{margin-top: 10px; padding-top: 50px;}
.abo4 .swiper-slide:nth-child(even) .txt{margin-bottom: 10px; padding-bottom: 50px;}
.abo4 .swiper-slide .txt h1{font-size: 40px; color: #666;}
.abo4 .swiper-slide .txt .ps{font-size: 16px; color: #999; line-height: 1.5; text-align: justify; margin-top: 10px;}

.abo5{margin-top: 120px; margin-bottom: 90px;}
.abo5 .abo5-top .n-swiper-but{font-size: 0;}
.abo5 .abo5-top .swiper-but{display: inline-block; width: 33px; height: 33px; cursor: pointer; margin-left: 20px;}
.abo5 .abo5-top .swiper-but.abo5-prev{background: url(../images/n-prev.svg) no-repeat center; background-size: contain;}
.abo5 .abo5-top .swiper-but.abo5-next{background: url(../images/n-next.svg) no-repeat center; background-size: contain;}
.abo5 .abo5-swiper{margin-top: 40px;}
.abo5 .abo5-swiper .swiper-slide .img{width: 100%; height: 0; background-color: #F5F5F5; padding-bottom: 66.66666666666667%; overflow: hidden; position: relative; z-index: 0;}
.abo5 .abo5-swiper .swiper-slide .img img{width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0;}
.abo5 .abo5-swiper .swiper-slide .img-tit{font-size: 18px; text-align: center; margin-top: 10px;}

@media (any-hover: hover){
	.abo4 .abo4s .swiper-but.abo4-prev:hover{background: url(../images/n-prev-yes.svg) no-repeat center; background-size: contain; transform: scale(1.05);}
	.abo4 .abo4s .swiper-but.abo4-next:hover{background: url(../images/n-next-yes.svg) no-repeat center; background-size: contain; transform: scale(1.05);}
	.abo4 .swiper-slide:hover .img img{border: 2px solid #02A2E4;}
	.abo4 .swiper-slide:hover .txt h1{color: #02A2E4;}
	.abo5 .abo5-top .swiper-but.abo5-prev:hover{background: url(../images/n-prev-yes.svg) no-repeat center; background-size: contain; transform: scale(1.05);}
	.abo5 .abo5-top .swiper-but.abo5-next:hover{background: url(../images/n-next-yes.svg) no-repeat center; background-size: contain; transform: scale(1.05);}
	.abo5 .abo5-swiper .swiper-slide:hover .img img{transform: scale(1.03);}
	.abo5 .abo5-swiper .swiper-slide:hover .img-tit{color: #02A2E4;}
}
@media only screen and (max-width:1024px) { /* 移动端 */
	.abo1-container{padding: 1rem 0.3rem 0.6rem;}
	.abo1-container .abo1{flex-direction: column; position: relative; z-index: 0;}
	.abo1 .abo1-l{margin-right: 0;}
	.abo1 .abo1-l .ps{margin-top: 0.5rem; font-size: 0.24rem;}
	.abo1 .abo1-l .number{margin: 0; position: absolute; right: 0; bottom: 0; z-index: 1; width: 2.6rem;}
	.abo1 .abo1-r{width: 3.7rem; margin-top: 0.7rem;}
	.abo1 .abo1-l .number .li:nth-child(n+2){margin-top: 0.3rem;}
	.abo1 .abo1-l .number .li .num-box .num{font-size: 0.55rem;}
	.abo1 .abo1-l .number .li .num-box .unit{font-size: 0.24rem;}
	.abo1 .abo1-l .number .li .num-box .symbol{font-size: 0.26rem;}
	.abo1 .abo1-l .number .li .label{font-size: 0.24rem; margin-top: 0;}
	.abo2{margin-top: 0.8rem; padding: 0 0.4rem;}
	.abo2 .title{flex-direction: column; align-items: flex-start;}
	.abo2 .title p{font-size: 0.24rem; text-align: left; margin-top: 0.3rem;}
	.abo2 .imgboxs{margin-top: 0.6rem; border-radius: 0.5rem 0 0.5rem 0;}
	.abo2 .imgboxs .imgbox1{margin-bottom: 0.1rem; flex-wrap: wrap;}
	.abo2 .imgboxs .row1{width: 100%; margin-bottom: 0.1rem;}
	.abo2 .imgboxs .img .txt .sp.s1,
	.abo2 .imgboxs .row4 .text h1{font-size: 0.26rem;}
	.abo2 .imgboxs .img .txt .sp.s2,
	.abo2 .imgboxs .row4 .text h2{font-size: 0.6rem;}
	.abo2 .imgboxs .row2{width: 5.05rem;}
	.abo2 .imgboxs .row3{width: auto; flex: 1; margin-left: 0.1rem;}
	.abo2 .imgboxs .row3 .text{font-size: 0.5rem; right: 0.3rem; bottom: 0.3rem;}
	.abo2 .imgboxs .imgbox2{flex-direction: column-reverse;}
	.abo2 .imgboxs .row4{width: 100%; padding: 0.4rem 0; text-align: center;}
	.abo2 .imgboxs .row4 .text{position: static; display: inline-block; padding-top: 0; padding-left: 0.8rem; background-position: left center; background-size: 0.6rem;}
	.abo2 .imgboxs .row5{width: 100%; margin-bottom: 0.1rem;}
	.abo3{margin-top: 0.8rem; padding: 0 0.3rem;}
	.abo3 .abo3-box{margin-top: 0.6rem;}
	.abo3 .abo3-box li{padding-left: 0.3rem;}
	.abo3 .abo3-box li h1{font-size: 0.32rem;}
	.abo3 .abo3-box li p{margin-top: 0.1rem; font-size: 0.24rem;}
	.abo3 .abo3-box li:nth-child(n+2){margin-top: 0.6rem;}
	.abo4-container{margin-top: 0.8rem; padding: 0.6rem 0.3rem 0.8rem; background-attachment: scroll;}
	.abo4 .abo4s{margin-top: 0.5rem; padding: 0 0.6rem;}
	.abo4 .abo4s::after{display: none;}
	.abo4 .abo4-swiper{padding: 0;}
	.abo4 .abo4s .swiper-but{width: 0.5rem; height: 0.5rem; top: calc(50% - 0.25rem);}
	.abo4 .swiper-slide{height: auto; background-color: rgba(0, 0, 0, .05); backdrop-filter: blur(2px);}
	.abo4 .swiper-slide:nth-child(even){flex-direction: column;}
	.abo4 .swiper-slide .img{height: auto; font-size: 0;}
	.abo4 .swiper-slide .img img{width: 100%; height: auto;}
	.abo4 .swiper-slide .txt{padding: 0 0.3rem 0.4rem;}
	.abo4 .swiper-slide:nth-child(even) .txt{padding-bottom: 0.4rem; margin-top: 0.4rem; margin-bottom: 0;}
	.abo4 .swiper-slide:nth-child(odd) .txt{margin-top: 0.4rem; padding-top: 0;}
	.abo4 .swiper-slide .txt::before{display: none;}
	.abo4 .swiper-slide::after{display: none;}
	.abo4 .swiper-slide .txt h1{font-size: 0.4rem; color: #02A2E4;}
	.abo4 .swiper-slide .txt .ps{font-size: 0.26rem; line-height: 2; margin-top: 0.1rem;}
	.abo5{margin-top: 0.8rem; margin-bottom: 1.2rem; padding: 0 0.3rem;}
	.abo5 .abo5-top .swiper-but{width: 0.5rem; height: 0.5rem; margin-left: 0.3rem;}
	.abo5 .abo5-swiper{margin-top: 0.6rem;}
	.abo5 .abo5-swiper .swiper-slide .img-tit{font-size: 0.28rem;}
}
@media only screen and (min-width:1025px) and (max-width:1280px) { /* PC端、小屏 */
	.nbanner .n-txt h1{font-size: 48px;}
	.abo1-container{padding-top: 80px; padding-bottom: 40px;}
	.abo1 .abo1-l .ps{margin-top: 30px; font-size: 15px;}
	.abo1 .abo1-l .number{margin-top: 40px;}
	.abo1 .abo1-l .number .li .num-box .num{font-size: 42px;}
	.abo1 .abo1-l .number .li .num-box .symbol{font-size: 24px;}
	.abo1 .abo1-l .number .li .label{font-size: 14px;}
	.abo2 .title p{font-size: 15px;}
	.abo2 .imgboxs .img .txt .sp.s1{font-size: 16px;}
	.abo2 .imgboxs .img .txt .sp.s2{font-size: 36px;}
	.abo2 .imgboxs .row3 .text{font-size: 42px;}
	.abo2 .imgboxs .row4 .text h1{font-size: 18px;}
	.abo2 .imgboxs .row4 .text h2{font-size: 42px;}
	.abo3{margin-top: 90px;}
	.abo3 .abo3-box{margin-top: 40px;}
	.abo3 .abo3-box li h1{font-size: 22px;}
	.abo3 .abo3-box li p{font-size: 16px;}
	.abo4-container{margin-top: 90px; padding-top: 60px; padding-bottom: 100px;}
	.abo4 .abo4s{padding: 0 50px; margin-top: 80px;}
	.abo4 .swiper-slide .txt h1{font-size: 34px;}
	.abo4 .swiper-slide .txt .ps{font-size: 15px;}
	.abo5 .swiper-slide .img-tit{font-size: 16px;}
}
@media only screen and (min-width:1281px) and (max-width:1440px) { /* 中小屏 */
	.nbanner .n-txt h1{font-size: 56px;}
	.abo1-container{padding-top: 100px; padding-bottom: 60px;}
	.abo1 .abo1-l .ps{margin-top: 40px; font-size: 16px;}
	.abo1 .abo1-l .number{margin-top: 60px;}
	.abo1 .abo1-l .number .li .num-box .num{font-size: 48px;}
	.abo1 .abo1-l .number .li .num-box .symbol{font-size: 26px;}
	.abo1 .abo1-l .number .li .label{font-size: 15px;}
	.abo2 .title p{font-size: 16px;}
	.abo2 .imgboxs .img .txt .sp.s1{font-size: 18px;}
	.abo2 .imgboxs .img .txt .sp.s2{font-size: 42px;}
	.abo3{margin-top: 120px;}
	.abo3 .abo3-box{margin-top: 50px;}
	.abo3 .abo3-box li h1{font-size: 26px;}
	.abo3 .abo3-box li p{font-size: 18px;}
	.abo4-container{margin-top: 100px; padding-top: 70px; padding-bottom: 120px;}
	.abo4 .abo4s{padding: 0 50px; margin-top: 100px;}
	.abo4 .swiper-slide .txt h1{font-size: 36px;}
	.abo4 .swiper-slide .txt .ps{font-size: 16px;}
}

/*<<<<<<<<<<<<<<<<<<<<<< 服务与解决方案 >>>>>>>>>>>>>>>>>>>>>>>*/
.options{margin-top: 80px; margin-bottom: 120px;}
.options .options-box{margin-top: 60px; position: relative; z-index: 0; font-size: 0;}
.options .options-box .uls{position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%;}
.options .options-box .uls .li{position: relative; z-index: 0; flex: 1; height: 200px; background-color: rgba(255, 255, 255, .65);}
.options .options-box .uls .li.li-ing{height: 100%; background-color: rgba(0, 78, 162,0.35);}
.options .options-box .uls .li:nth-child(n+2){margin-left: 3px;}
.options-box .uls .li .intros{padding: 16.47058823529412% 7.05882352941176% 9.41176470588235%; cursor: pointer;}
.options-box .uls .li .intros .img{height: 0; overflow: hidden;}
.options-box .uls .li .intros h1{font-size: 24px; color: #444;}
.options-box .uls .li .intros p{font-size: 14px; color: #555; margin-top: 20px; text-align: justify;}
.options-box .uls .li a.get-detail{display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3;}
.options-box .uls .li.li-ing .intros .img{height: 78px; margin-bottom: 40px;}
.options-box .uls .li.li-ing .intros h1{color: #FFF; font-size: 30px;}
.options-box .uls .li.li-ing .intros p{color: #FFF; font-size: 16px;}

/* .search-pro{margin-bottom: 30px;}
.search-pro label{font-size: 22px; flex-shrink: 0; color: #333;}
.search-pro .forms{flex: 1; position: relative; z-index: 0; border-radius: 0.08rem; overflow: hidden;}
.search-pro .forms .inp{width: 100%; outline: none; font-size: 16px; line-height: 52px; padding: 0 150px 0 30px; background: transparent; border-radius: 0.08rem; border: 1px solid #999;}
.search-pro .forms .sub{position: absolute; color: #FFF; font-size: 16px; right: 1px; top: 1px; z-index: 1; height: calc(100% - 2px); padding: 0 50px; cursor: pointer; border: none; outline: none; border-radius: 0.08rem; background: #5197D7;}
.search-pro .forms .inp:focus{background-color: #FFF; border-color: #CCC;}
.search-pro .forms .sub:hover{opacity: 0.8;} */

.search-box{margin-top: 60px;}
.search-box .title2{font-size: 22px; font-weight: bold;}
.service .search-box .pro-table{margin-top: 30px;}
.service .search-box .tab-box{margin-top: 30px;}


.service-container{padding-top: 80px; padding-bottom: 120px; background: #FFF url(../images/service-bg.png) no-repeat center top; background-size: 100% auto;}
.service .tab-box{margin-top: 50px; flex-direction: row-reverse;}
.service .tab-box .section{flex: 1;}
.service .tab-box aside{flex-shrink: 0; width: 300px; margin-right: 60px;}
.service .tab-box aside .aside-nav{margin-bottom: 20px;}
.service .tab-box aside .aside-nav h1.aside-tit{font-size: 18px; line-height: 45px; padding: 0 15px;}
.service .tab-box aside .aside-nav ul li{margin-top: 2px;}
.service .tab-box aside .aside-nav ul li a{display: block; font-size: 16px; line-height: 40px; color: #444; padding: 0 20px 0 40px; background-color: #F5F5F5;}
.service .tab-box aside .aside-nav ul li a.li-ing{background: #F5F5F5 url(../images/icon10.svg) no-repeat 20px center; background-size: 13px; color: #004EA2;}
.service .tab-box .section h3{font-size: 28px;}
.service .tab-box .section .ps1{font-size: 18px; line-height: 2;}
.service .tab-box .section .mart-1{margin-top: 10px;}
.service .tab-box .section .mart-2{margin-top: 20px;}
.service .tab-box .section .mart-3{margin-top: 30px;}
.service .tab-box .section .mart-4{margin-top: 40px;}
.service .tab-box .section .mart-5{margin-top: 50px;}
.service .tab-box .section .mart-6{margin-top: 60px;}
.service .tab-box .section .mart-7{margin-top: 70px;}
.service .tab-box .section .mart-8{margin-top: 80px;}
.service .tab-box .section .lin1{line-height: 1;}
.service .tab-box .section .lin02{line-height: 1.5;}
.service .tab-box .section .lin05{line-height: 1.5;}
.service .tab-box .section .lin08{line-height: 1.5;}
.service .tab-box .section .lin2{line-height: 2;}
.service .tab-box .section .row-2{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex; flex-wrap: wrap; justify-content: space-between;}
.service .tab-box .section .row-2 .l-1{width: 48%;}
.service .tab-box .section .row-2 .l-1:nth-child(n+3){margin-top: 40px;}
@media (any-hover: hover){
	.service .tab-box aside .aside-nav ul li a.li-ing:hover{background: #F5F5F5 url(../images/icon10.svg) no-repeat 20px center; background-size: 13px; color: #004EA2;}
	.service .tab-box aside .aside-nav ul li a:hover{color: #02A2E4; background-color: #D8D8D8;}
}
@media only screen and (max-width:1024px) { /* 移动端 */
	.options{margin-top: 0.8rem; margin-bottom: 1.6rem; padding: 0 0.3rem;}
	.options .options-box .uls{position: static; height: auto; flex-direction: column; background: url(../images/options-bg-m.jpg) no-repeat center; background-size: cover;}
	.options .options-box .uls .li.li-ing,
	.options .options-box .uls .li{height: auto; width: 100%; background-color: rgba(0, 78, 162,0.5);}
	.options .options-box .uls .li:nth-child(n+2){margin-left: 0; border-top: 0.3rem solid #FFF;}
	.options-box .uls .li .intros{padding: 0.6rem 0.4rem;}
	.options-box .uls .li .intros .img{display: none;}
	.options-box .uls .li .intros h1,.options-box .uls .li.li-ing .intros h1{font-size: 0.36rem; color: #FFF;}
	.options-box .uls .li.li-ing .intros p,
	.options-box .uls .li .intros p{font-size: 0.26rem; color: #FFF; margin-top: 0.2rem;}
	.service-container{padding: 0.8rem 0.3rem 1.2rem;}
	.service .tab-box{margin-top: 0.6rem; flex-direction: column-reverse;}
	.service .tab-box aside{width: 100%; margin-right: 0;}
	.service .tab-box aside .aside-nav{margin-bottom: 2px;}
	.service .tab-box aside .aside-nav h1.aside-tit{font-size: 0.32rem; line-height: 0.8rem; position: relative; z-index: 0;}
	.service .tab-box aside .aside-nav h1.aside-tit::after{content: ''; display: block; width: 0.3rem; height: 0.3rem; background: url(../images/icon20.svg) no-repeat center; background-size: 0.2rem auto; transform: rotate(-90deg); position: absolute; right: 0.3rem; top: calc(50% - 0.15rem); z-index: 0; transition: all 0.3s;}
	.service .tab-box aside .aside-nav ul{display: none;}
	.service .tab-box aside .aside-nav.li-open h1.aside-tit::after{transform: rotate(0);}
	.service .tab-box aside .aside-nav ul li a{font-size: 0.28rem; line-height: 0.8rem; padding: 0 0.3rem 0 0.6rem;}
	.service .tab-box aside .aside-nav ul li a.li-ing{background-size: 0.2rem auto; background-position: 0.25rem;}
	.service .tab-box .section{margin-top: 0.6rem;}
	.service .tab-box .section h3{font-size: 0.32rem;}
	.service .tab-box .section .ps1{font-size: 0.24rem;}
	.service .tab-box .section .mart-1{margin-top: 0.1rem;}
	.service .tab-box .section .mart-2{margin-top: 0.2rem;}
	.service .tab-box .section .mart-3{margin-top: 0.3rem;}
	.service .tab-box .section .mart-4{margin-top: 0.4rem;}
	.service .tab-box .section .mart-5{margin-top: 0.5rem;}
	.service .tab-box .section .mart-6{margin-top: 0.6rem;}
	.service .tab-box .section .mart-7{margin-top: 0.7rem;}
	.service .tab-box .section .mart-8{margin-top: 0.8rem;}
	.service .tab-box .section .row-2 .l-1:nth-child(n+3){margin-top: 0.3rem;}
	.search-box{margin-top: 0.6rem}
	.product .search-box .table-box{margin-top: 0.3rem;}
	.service .search-box .tab-box .section{margin-top: 0.3rem;}
	.search-box .title2{font-size: 0.32rem;}
	.service .search-box .pro-table{margin-top: 0;}
	.service .search-box .tab-box{margin-top: 0;}
}
@media only screen and (min-width:1025px) and (max-width:1280px) { /* PC端、小屏 */
	.options{margin-top: 70px; margin-bottom: 100px;}
	.options .options-box{margin-top: 45px;}
	.options-box .uls .li .intros h1{font-size: 20px;}
	.options-box .uls .li .intros p{font-size: 12px; margin-top: 15px;}
	.options-box .uls .li.li-ing .intros .img{height: 65px; margin-bottom: 30px;}
	.options-box .uls .li.li-ing .intros h1{font-size: 22px;}
	.options-box .uls .li.li-ing .intros p{font-size: 14px;}
	.service-container{padding-top: 70px; padding-bottom: 100px;}
	.service .tab-box{margin-top: 40px;}
	.service .tab-box .section h3{font-size: 24px;}
	.service .tab-box .section .ps1{font-size: 14px;}
	.service .tab-box .section .mart-1{margin-top: 8px;}
	.service .tab-box .section .mart-2{margin-top: 15px;}
	.service .tab-box .section .mart-3{margin-top: 25px;}
	.service .tab-box .section .mart-4{margin-top: 35px;}
	.service .tab-box .section .mart-5{margin-top: 40px;}
	.service .tab-box .section .mart-6{margin-top: 40px;}
	.service .tab-box .section .mart-7{margin-top: 55px;}
	.service .tab-box .section .mart-8{margin-top: 50px;}
	.service .tab-box .section .row-2 .l-1:nth-child(n+3){margin-top: 25px;}
	.service .tab-box aside{width: 270px; margin-right: 35px;}
	.service .tab-box aside .aside-nav{margin-bottom: 15px;}
	.service .tab-box aside .aside-nav h1.aside-tit{font-size: 16px; line-height: 40px;}
	.service .tab-box aside .aside-nav ul li a{font-size: 14px; line-height: 36px;}
}
@media only screen and (min-width:1281px) and (max-width:1440px) { /* 中小屏 */
	.options{margin-top: 75px; margin-bottom: 110px;}
	.options .options-box{margin-top: 50px;}
	.options-box .uls .li .intros h1{font-size: 20px;}
	.options-box .uls .li .intros p{font-size: 12px;}
	.options-box .uls .li.li-ing .intros .img{height: 70px; margin-bottom: 35px;}
	.options-box .uls .li.li-ing .intros h1{font-size: 22px;}
	.options-box .uls .li.li-ing .intros p{font-size: 14px;}
	.service-container{padding-top: 75px; padding-bottom: 110px;}
	.service .tab-box{margin-top: 45px;}
	.service .tab-box .section h3{font-size: 26px;}
	.service .tab-box .section .ps1{font-size: 16px;}
	.service .tab-box .section .mart-1{margin-top: 8px;}
	.service .tab-box .section .mart-2{margin-top: 16px;}
	.service .tab-box .section .mart-3{margin-top: 25px;}
	.service .tab-box .section .mart-4{margin-top: 30px;}
	.service .tab-box .section .mart-5{margin-top: 35px;}
	.service .tab-box .section .mart-6{margin-top: 45px;}
	.service .tab-box .section .mart-7{margin-top: 55px;}
	.service .tab-box .section .mart-8{margin-top: 60px;}
	.service .tab-box .section .row-2 .l-1:nth-child(n+3){margin-top: 30px;}
	.service .tab-box aside{width: 280px; margin-right: 40px;}
	.service .tab-box aside .aside-nav h1.aside-tit{font-size: 17px; line-height: 42px;}
	.service .tab-box aside .aside-nav ul li a{font-size: 15px; line-height: 36px;}
}

/*<<<<<<<<<<<<<<<<<<<<<< 产品中心 >>>>>>>>>>>>>>>>>>>>>>>*/
.product-cover .datas{margin-top: 70px;}
.product-cover .datas .li{margin-right: 70px; margin-bottom: 20px;}
.product-cover .datas .li:last-child{margin-right: 0;}
.product-cover .datas .li .numb{font-size: 46px;}
.product-cover .datas .li .numb .unit{font-size: 18px;}
.product-cover .datas .li .desc{font-size: 16px; margin-top: 5px;}
.product-cover .intros{margin-top: 35px; font-size: 16px; line-height: 2;}
.product-cover .intros strong{font-size: 30px; color: #02A2E4; margin: auto 5px;}
.product-cover .uls{margin-top: 55px;}
.product-cover .uls .li{flex: 1; width: 32.8125%; margin-right: 10px; position: relative; z-index: 0; overflow: hidden;}
.product-cover .uls .li:nth-child(3n){margin-right: 0;}
.product-cover .uls .li .txt{position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; padding: 16% 7%; background-position: 0 84%;}
.product-cover .uls .li .txt h3{font-size: 26px; color: #004EA2; font-weight: bold;}
.product-cover .uls .li .txt h4{font-size: 16px; color: #004EA2; margin-top: 10px; text-transform: uppercase;}
.product-cover .uls .li::after{content: ''; font-size: 0; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background-color: rgba(0, 78, 162,0.5); opacity: 0; transition:all 0.35s;-moz-transition:all 0.35s;-webkit-transition:all 0.35s;-o-transition:all 0.35s;}
.product-cover .uls .li a.get-more{display: block; font-size: 0; position: absolute; left: 0; top: 0; z-index: 3; width: 100%; height: 100%;}

.product .tab-box .section .pro-tit{font-size: 22px;}
.product .tab-box .section .pro-uls{margin-top: 30px; flex-wrap: wrap;}
.product .tab-box .section .pro-uls .li{width: calc(94% / 3); margin-right: 3%; margin-bottom: 50px; position: relative; z-index: 0;}
.product .tab-box .section .pro-uls .li:nth-child(3n){margin-right: 0;}
.product .tab-box .section .pro-uls .li .img{width: 100%; height: 0; padding-bottom: 75%; position: relative; z-index: 0; background-color: #FFF; border: 1px solid #D0D0D0; overflow: hidden;}
.product .tab-box .section .pro-uls .li .img img{display: block; position: absolute; left: 5%; top: 10%; z-index: 1; width: 90%; height: 80%;}
.product .tab-box .section .pro-uls .li .intros{background-color: #EEEEEE; padding: 10px 20px;}
.product .tab-box .section .pro-uls .li .intros h2{font-size: 18px; line-height: 2;}
.product .tab-box .section .pro-uls .li .intros p{font-size: 14px; line-height: 2;}
.product .tab-box .section .pro-uls .li a.get-detail{font-size: 0; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3;}
.product .tab-box .section .pro-uls .li:hover{box-shadow: 0 10px 20px 5px rgba(0, 78, 162,0.2); transform: translateY(-5px);}
.product .tab-box .section .pro-uls .li:hover .img{border: 1px solid rgba(0, 78, 162,0.35);}
.product .tab-box .section .pro-uls .li:hover .img img{transform: scale(1.1);}
.product .tab-box .section .pro-uls .li:hover .intros{background-color: rgba(0, 78, 162,0.35);}
.product .tab-box .section .pro-uls .li:hover .intros h2{color: #004EA2;}
.product .tab-box .section .pro-uls .li:hover .intros p{color: #004EA2;}

.product .pro-table{width: 100%; margin-top: 60px; border-bottom: 1px solid #D8D8D8;}
.product .pro-table thead tr{background-color: #5197D7;}
.product .pro-table thead tr th{font-size: 22px; padding: 0 30px; line-height: 52px; color: #FFF; text-align: left;}
.product .pro-table tbody tr{position: relative; z-index: 0;}
.product .pro-table tbody tr td{font-size: 20px; padding: 0 30px; line-height: 60px; color: #4C4C4C;}
.product .pro-table tbody tr:nth-child(4n){background-color: #FAEADD;}
.product .pro-table tbody tr:nth-child(2n-1),
.product .pro-table tbody tr:nth-child(2n+1){background-color: #FFF;}
.product .pro-table tbody tr:nth-child(4n-2){background-color: #CBE3F9;}
.product .pro-table tbody tr td a.go-detail{display: inline-block; font-size: 20px; color: #5197D7; padding-right: 35px; background: url(../images/icon21.svg) no-repeat right center; background-size: 15px auto;}
.product .pro-table tbody tr td a.go-detail::after{content: ''; font-size: 0; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3;}
.product .detail-box{margin-top: 60px;}
.product .detail-box .name{font-size: 28px;}
.product .detail-box .img{margin-top: 50px;}
.product .detail-box .img .img-box{width: 400px; height: 300px; margin-left: auto; margin-right: auto; background-color: rgba(0, 78, 162,0.1); backdrop-filter: blur(1px); padding: 20px 15px;}
.product .detail-box .img .img-box img{width: 100%; height: 100%; object-fit: contain;}
.product .detail-box .img .img-tit{font-size: 20px; margin-top: 20px;}
.product .detail-box .infors{margin-top: 60px; flex-wrap: wrap;}
.product .detail-box .infors .li{width: 49.609375%; background-color: #FFF; font-size: 20px;}
.product .detail-box .infors .li:nth-child(n+3){margin-top: 4px;}
.product .detail-box .infors .li .li-tit{display: block; height: 100%; flex-shrink: 0; width: 31.49606299212598%; text-align: right; padding: 15px 50px; background-color: #CBE3F9;}
.product .detail-box .infors .li .li-txt{display: block; height: 100%; flex: 1; padding: 15px 30px; background-color: #F4F4F4; border-left: 4px solid #FFF;}

.inter .box-over:nth-child(n+2){margin-top: 50px;}
.inter .inter-box .inter-tit{font-size: 20px; line-height: 52px; border: 1px solid #B0B0B0; color: #000;}
.inter .inter-box .inter-top{background-color: #5197D7;}
.inter .inter-box .inter-top .th{font-size: 16px; padding: 0 30px; line-height: 52px; color: #FFF; text-align: center;}
.inter .inter-box .inter-top .th.th1{width: 23%;}
.inter .inter-box .inter-top .th.th2{width: 43.8%;}
.inter .inter-box .inter-top .th.th3{width: 19.2%;}
.inter .inter-box .inter-top .th.th4{flex: 1;}
.inter .inter-box .inter-body.inter-body2 .cont{width: 100%; border-left: 1px solid #B0B0B0;}
.inter .inter-box .inter-body .api{width: 23%; text-align: center; flex-shrink: 0; padding: 10px 15px; font-size: 18px; color: #4C4C4C; border: 1px solid #B0B0B0; border-bottom: none;}
.inter .inter-box .inter-body .cont{width: 77%; flex: 1; display: flex; flex-direction: column;border-top: 1px solid #B0B0B0; border-right: 1px solid #B0B0B0;}
.inter .inter-box .inter-body .cont .tr{position: relative; z-index: 0; flex: 1; transition: all 0.3s;}
.inter .inter-box .inter-body .cont .tr .td{font-size: 16px; text-align: justify; padding: 15px 10px; border-bottom: 1px solid #B0B0B0; border-right: 1px solid #B0B0B0;}
.inter .inter-box .inter-body .cont .tr:last-child .td{border-bottom: none;}
.inter .inter-box .inter-body .cont .tr .td:last-child{border-right: none;}
.inter .inter-box .inter-body:last-child{border-bottom: 1px solid #B0B0B0;}
.inter .inter-box .inter-body .cont .tr .td2{width: 57%; flex-shrink: 0; word-wrap:break-word; word-break:break-all;}
.inter .inter-box .inter-body .cont .tr .td3{width: 25%; text-align: center;}
.inter .inter-box .inter-body .cont .tr .td4{flex: 1; align-items: center;}
.inter .inter-box .inter-body .cont .tr .td a.go-detail{display: inline-block; font-size: 16px; color: #5197D7; padding-right: 25px; background: url(../images/icon21.svg) no-repeat right center; background-size: 15px auto;}
.inter .inter-box .inter-body .cont .tr .td a.go-detail::after{content: ''; font-size: 0; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3;}
.inter .inter-box.inter-box2 .inter-body .cont .tr .td2{width: 23%; text-align: center;}
.inter .inter-box.inter-box2 .inter-body .cont .tr .td5{width: 44%;}
.inter .inter-box.inter-box2 .inter-body .cont .tr .td3{width: 17.5%;}
.inter .inter-box.inter-box2 .inter-top .th.th3{width: 17.5%;}


.slide-box .li-href{display: block; color: #FFF; font-size: 18px; line-height: 1.5; background: #5197D7; padding: 10px 35px 10px 15px; cursor: pointer; position: relative; z-index: 0;}
.slide-box>.li-href{margin-top: 2px;}
.slide-box .li-href::after{content: ''; display: block; width: 24px; height: 24px; background: url(../images/icon11.svg) no-repeat center; background-size: contain; position: absolute; right: 10px; top: calc(50% - 12px); z-index: 1; transition: all 0.3s;}
.slide-box .lis.li-ing>.li-href::after{transform: rotate(90deg);}
.slide-box .li{margin-bottom: 2px;}
.slide-box .li .level1{display: none; margin-bottom: 10px;}
.slide-box .li .level1 .li-menu2 .level2{display: none;}
.slide-box .li .level1 .li-menu2{margin-top: 8px;}
.slide-box .li .level1 .li-menu2 .menu2-t{font-size: 18px; line-height: 1.5; color: #404040; cursor: pointer; padding: 8px 35px 8px 30px; background: #DADADA; position: relative; z-index: 0;}
.slide-box .li .level1 .li-menu2 .menu2-t::after{content: ''; display: block; width: 24px; height: 24px; background: url(../images/icon11-on.svg) no-repeat center; background-size: contain; position: absolute; right: 10px; top: calc(50% - 12px); z-index: 1; transition: all 0.3s;}
.slide-box .li .level1 .li-menu2.li-ing .menu2-t::after{transform: rotate(90deg);}
.slide-box .li .level1 .li-menu2 .level2 .menu2-href{margin-top: 3px; display: block; font-size: 16px; line-height: 1.5; color: #404040; background-color: #F5F5F5; padding: 10px 20px 10px 40px; text-align: justify;}

@media (any-hover: hover){
	.product-cover .uls .li:hover::after{opacity: 1;}
	.product-cover .uls .li:hover::after{opacity: 1;}
	.product-cover .uls .li:hover .txt{background: url(../images/icon11.svg) no-repeat 7% 84%; background-size: 30px;}
	.product-cover .uls .li:hover .txt h3{color: #FFF;}
	.product-cover .uls .li:hover .txt h4{color: #FFF;}
	.product-cover .uls .li:hover>img{transform: scale(1.1);}
	.product .pro-table tbody tr:hover{background-color: rgba(0, 78, 162,0.35); transform: scale(1.01);}
	.slide-box .li-href:hover,
	.slide-box .li .level1 .li-menu2 .level2 .menu2-href:hover{background-color: rgba(251, 182, 18,0.8);}
	.inter .inter-box .inter-body .cont .tr:hover{background-color: rgba(0,78,162,0.1);}
}
@media only screen and (max-width:1024px) { /* 移动端 */
	.product-cover .datas{margin-top: 0.6rem;}
	.product-cover .datas .li{width: calc(100% / 3); margin-right: 0; margin-bottom: 0.35rem;}
	.product-cover .datas .li .numb{font-size: 0.5rem; text-align: center;}
	.product-cover .datas .li .numb .unit{font-size: 0.24rem;}
	.product-cover .datas .li .desc{font-size: 0.24rem; margin-top: 0.1rem; text-align: center;}
	.product-cover .intros{margin-top: 0.6rem; font-size: 0.24rem;}
	.product-cover .intros strong{font-size: 0.36rem; margin: 0 0.05rem;}
	.product-cover .uls{margin-top: 0.6rem; display: block;}
	.product-cover .uls .li{width: 100%; height: 2.2rem; overflow: hidden; margin-bottom: 0.3rem;}
	.product-cover .uls .li>img{width: 100%; height: 100%; object-fit: cover;}
	.product-cover .uls .li .txt{padding: 0.6rem 0.5rem; background: rgba(0, 78, 162,0.5) url(../images/icon11.svg) no-repeat 90% center; background-size: 0.5rem;}
	.product-cover .uls .li .txt h4{font-size: 0.28rem; color: #FFF; margin-top: 0.1rem;}
	.product-cover .uls .li .txt h3{font-size: 0.36rem; color: #FFF;}
	.product .tab-box .section .pro-tit{font-size: 0.36rem;}
	.product .tab-box .section .pro-uls{margin-top: 0.4rem;}
	.product .tab-box .section .pro-uls .li,
	.product .tab-box .section .pro-uls .li:nth-child(3n){margin-right: 3%; width: 48.5%; margin-bottom: 0.4rem;}
	.product .tab-box .section .pro-uls .li:nth-child(2n){margin-right: 0;}
	.product .tab-box .section .pro-uls .li .intros{padding: 0.1rem 0.2rem 0.2rem;}
	.product .tab-box .section .pro-uls .li .intros h2{font-size: 0.28rem;}
	.product .tab-box .section .pro-uls .li .intros p{font-size: 0.24rem;}
	.product .detail-box{margin-top: 0.6rem;}
	.product .detail-box .name{font-size: 0.36rem;}
	.product .detail-box .img{margin-top: 0.5rem;}
	.product .detail-box .img .img-box{width: 100%; height: 5.625rem; padding: 0.4rem 0.3rem;}
	.product .detail-box .img .img-tit{font-size: 0.28rem; margin-top: 0.2rem;}
	.product .detail-box .infors{margin-top: 0.5rem;}
	.product .detail-box .infors .li{width: 100%; font-size: 0.28rem;}
	.product .detail-box .infors .li .li-tit{width: 30%; white-space: nowrap; text-align: left; padding: 0.2rem 0.3rem;}
	.product .detail-box .infors .li .li-txt{padding: 0.2rem 0.3rem;}
	.product .detail-box .infors .li:nth-child(n+2){margin-top: 4px;}
	.product .table-box{overflow-x: scroll; margin-top: 0.6rem;}
	.product .pro-table{margin-top: 0;}
	.product .pro-table thead tr th{font-size: 0.26rem; padding: 0 0.2rem; line-height: 0.6rem;}
	.product .pro-table tbody tr td{font-size: 0.24rem; padding: 0 0.2rem; line-height: 0.62rem; white-space: nowrap;}
	.product .pro-table tbody tr td a.go-detail{font-size: 0.24rem; padding: 0; white-space: nowrap; background: transparent;}
	.slide-box .li-href{font-size: 0.32rem; padding: 0.15rem 0.4rem 0.15rem 0.2rem;}
	.slide-box .li .level1{margin-bottom: 0.15rem;}
	.slide-box .li .level1 .li-menu2{margin-top: 0.1rem;}
	.slide-box .li .level1 .li-menu2 .menu2-t{font-size: 0.3rem; padding: 0.15rem 0.4rem 0.15rem 0.2rem;}
	.slide-box .li .level1 .li-menu2 .menu2-t::after,
	.slide-box .li-href::after{width: 0.3rem; height: 0.3rem; top: calc(50% - 0.15rem);}
	.slide-box .li .level1 .li-menu2 .level2 .menu2-href{font-size: 0.28rem; padding: 0.15rem 0.3rem;}
	.inter .box-over{overflow-x: scroll;}
	.inter .box-over .inter-box{min-width: 750px;}
	.inter .inter-box .inter-tit{font-size: 0.32rem; text-align: left; line-height: 2; padding: 0 0.4rem;}
	.inter .inter-box .inter-top .th{font-size: 0.32rem; padding: 0 0.3rem; line-height: 0.8rem;}
	.inter .inter-box .inter-body .api{font-size: 0.26rem; padding: 0.15rem 0.3rem;}
	.inter .inter-box .inter-body .cont .tr .td{font-size: 0.28rem; padding: 0.15rem 0.2rem;}
	.inter .inter-box .inter-body .cont .tr .td a.go-detail{font-size: 0.26rem; padding-right: 0.3rem; background-size: 0.25rem;}
	.inter .box-over:nth-child(n+2){margin-top: 0.6rem;}
}
@media only screen and (min-width:1025px) and (max-width:1280px) { /* PC端、小屏 */
	.product-cover .datas{margin-top: 50px;}
	.product-cover .datas .li{margin-right: 45px;}
	.product-cover .datas .li .numb{font-size: 38px;}
	.product-cover .datas .li .numb .unit{font-size: 15px;}
	.product-cover .datas .li .desc{font-size: 14px;}
	.product-cover .intros{margin-top: 25px; font-size: 14px;}
	.product-cover .intros strong{font-size: 26px;}
	.product-cover .uls{margin-top: 40px;}
	.product-cover .uls .li .txt h3{font-size: 24px;}
	.product-cover .uls .li .txt h4{font-size: 14px;}
	.product .tab-box .section .pro-tit{font-size: 18px;}
	.product .tab-box .section .pro-uls .li{margin-bottom: 25px;}
	.product .tab-box .section .pro-uls .li .intros{padding: 5px 12px;}
	.product .tab-box .section .pro-uls .li .intros h2{font-size: 15px;}
	.product .tab-box .section .pro-uls .li .intros p{font-size: 13px;}
	.product .pro-table{margin-top: 45px;}
	.product .pro-table thead tr th{font-size: 16px; line-height: 46px; padding: 0 15px;}
	.product .pro-table tbody tr td{font-size: 16px; line-height: 46px; padding: 0 15px;}
	.product .pro-table tbody tr td a.go-detail{font-size: 16px; padding-right: 25px; background-size: 10px auto;}
	.product .detail-box{margin-top: 45px;}
	.product .detail-box .name{font-size: 24px;}
	.product .detail-box .img{margin-top: 30px;}
	.product .detail-box .img .img-box{width: 350px; height: 220px;}
	.product .detail-box .img .img-tit{margin-top: 15px; font-size: 16px;}
	.product .detail-box .infors{margin-top: 45px;}
	.product .detail-box .infors .li{font-size: 16px; }
	.product .detail-box .infors .li .li-tit{padding: 10px 40px;}
	.product .detail-box .infors .li .li-txt{padding: 10px 20px;}
	.inter .inter-box .inter-tit{font-size: 16px; line-height: 36px;}
	.inter .inter-box .inter-top .th{font-size: 14px; line-height: 42px; padding: 0 15px;}
	.inter .inter-box .inter-body .api{font-size: 15px; padding: 6px 15px;}
	.inter .inter-box .inter-body .cont .tr .td{font-size: 14px; padding: 10px 6px;}
	.inter .inter-box .inter-body .cont .tr .td a.go-detail{font-size: 14px; padding-right: 15px; background-size: 10px auto;}
	.slide-box .li-href{font-size: 15px;}
	.slide-box .li .level1 .li-menu2 .menu2-t{font-size: 14px; padding: 8px 25px 8px 15px;}
	.slide-box .li-href::after,
	.slide-box .li .level1 .li-menu2 .menu2-t::after{width: 20px; height: 20px; top: calc(50% - 10px);}
	.slide-box .li .level1 .li-menu2 .level2 .menu2-href{font-size: 14px; padding: 8px 15px 8px 20px;}
	.slide-box .li .level1 .li-menu2{margin-top: 5px;}
	.slide-box .li .level1{margin-bottom: 5px;}
	.inter .box-over:nth-child(n+2){margin-top: 40px;}
}
@media only screen and (min-width:1281px) and (max-width:1440px) { /* 中小屏 */
	.product-cover .datas{margin-top: 60px;}
	.product-cover .datas .li{margin-right: 50px;}
	.product-cover .datas .li .numb{font-size: 42px;}
	.product-cover .datas .li .numb .unit{font-size: 16px;}
	.product-cover .datas .li .desc{font-size: 15px;}
	.product-cover .intros{margin-top: 30px; font-size: 15px;}
	.product-cover .intros strong{font-size: 28px;}
	.product .pro-table{margin-top: 50px;}
	.product .pro-table thead tr th{font-size: 18px; line-height: 48px; padding: 0 25px;}
	.product .pro-table tbody tr td{font-size: 18px; line-height: 48px; padding: 0 25px;}
	.product .pro-table tbody tr td a.go-detail{font-size: 18px; padding-right: 30px; background-size: 12px auto;}
	.product-cover .uls{margin-top: 50px;}
	.product-cover .uls .li .txt h3{font-size: 25px;}
	.product-cover .uls .li .txt h4{font-size: 15px;}
	.product .tab-box .section .pro-tit{font-size: 20px;}
	.product .tab-box .section .pro-uls .li{margin-bottom: 35px;}
	.product .tab-box .section .pro-uls .li .intros{padding: 8px 15px;}
	.product .tab-box .section .pro-uls .li .intros h2{font-size: 16px;}
	.product .detail-box{margin-top: 50px;}
	.product .detail-box .name{font-size: 26px;}
	.product .detail-box .img{margin-top: 40px;}
	.product .detail-box .img .img-box{width: 380px; height: 260px;}
	.product .detail-box .img .img-tit{margin-top: 15px; font-size: 18px;}
	.product .detail-box .infors{margin-top: 50px;}
	.product .detail-box .infors .li{font-size: 18px;}
	.product .detail-box .infors .li .li-tit{padding: 12px 45px;}
	.product .detail-box .infors .li .li-txt{padding: 12px 25px;}
	.inter .inter-box .inter-tit{font-size: 18px; line-height: 40px;}
	.inter .inter-box .inter-top .th{font-size: 15px; line-height: 46px; padding: 0 20px;}
	.inter .inter-box .inter-body .api{font-size: 16px; padding: 8px 20px;}
	.inter .inter-box .inter-body .cont .tr .td{font-size: 15px; padding: 10px 12px;}
	.inter .inter-box .inter-body .cont .tr .td a.go-detail{font-size: 15px;}
	.slide-box .li-href{font-size: 16px;}
	.slide-box .li .level1 .li-menu2 .menu2-t{font-size: 16px; padding: 8px 30px 8px 25px;}
	.slide-box .li .level1 .li-menu2 .level2 .menu2-href{font-size: 15px; padding: 8px 15px 8px 30px;}
	.inter .box-over:nth-child(n+2){margin-top: 45px;}
}

/*<<<<<<<<<<<<<<<<<<<<<< 企业展示 >>>>>>>>>>>>>>>>>>>>>>>*/
.shows-title{margin-top: 60px;}
.shows{margin-top: 50px;}
.beses{margin-bottom: 120px;}
.beses .beses1-container{padding-top: 30px; padding-bottom: 50px;}
.beses .beses1 .beses-tit{text-align: center; font-size: 28px;}
.beses .beses1 .uls{margin-top: 50px; flex-wrap: wrap;}
.beses .beses1 .uls .li{padding: 0 10px; position: relative; z-index: 0;}
.beses .beses1 .col-5 .l-1{width: calc(100% / 5);}
.beses .beses1 .col-5 .l-1:nth-child(n+6){margin-top: 40px;}
.beses .beses1 .col-6{justify-content: center;}
.beses .beses1 .col-6 .l-1::before{display: none !important;}
.beses .beses1 .col-6 .l-1:nth-child(n+7){margin-top: 40px;}
.beses .beses1 .col-6 .l-1{width: calc(100% / 6);}
.beses .beses1 .col-5 .l-1::before,
.beses .beses1 .col-5 .l-1:nth-child(5n)::after,
.beses .beses1 .col-6 .l-1::before,
.beses .beses1 .col-6 .l-1:nth-child(6n)::after{content: ''; display: block; font-size: 0; width: 1px; height: 80%; background-color: #B9B9B9; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 1;}
.beses .beses1 .col-5 .l-1:nth-child(5n)::after,
.beses .beses1 .col-6 .l-1:nth-child(6n)::after{left: auto; right: 0;}
.beses .beses1 .uls .li .numb{font-size: 44px;}
.beses .beses1 .uls .li .numb .unit{font-size: 18px;}
.beses .beses1 .uls .li .desc{font-size: 16px; line-height: 2;}
.beses .beses1 .ps{margin-top: 40px; font-size: 16px; line-height: 2;}
.shows .imgs{margin-top: 80px; margin-bottom: 80px;}
.shows .col-2{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex; flex-wrap: wrap; justify-content: space-between;}
.shows .col-2 .l-1{width: 47.65625%;}
.shows .col-2 .l-1:nth-child(n+3){margin-top: 60px;}
.centre:nth-child(n+2){margin-top: 50px;}
.centre .centre-tit{font-size: 26px;}
.centre .imgs-container{margin-top: 30px; padding-top: 85px; padding-bottom: 70px;}
.centre .imgs-container .img-tit{display: block; margin-top: 30px; font-size: 22px;}
.centre .imgs-container .imgs3{justify-content: center;}
.centre .imgs-container .imgs3 .img{margin-right: 4.6875%;}
.centre .imgs-container .imgs3 .img:nth-child(n+3){margin-top: 80px;}
.centre .imgs-container .imgs3 .img:nth-child(2n),
.centre .imgs-container .imgs3 .img:last-child{margin-right: 0;}
.centre .imgs-container .img img{border: 1px solid #D8D8D8; padding: 7px;}

.system{margin-bottom: 120px;}
.system .system1{flex-wrap: wrap;}
.system .system1 .li{width: 47.65625%; position: relative; z-index: 0; overflow: hidden; border-radius: 12px; border: 2px solid #D4D4D4;}
.system .system1 .li:nth-child(n+3){margin-top: 30px;}
.system .system1 .li .txt{position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; padding: 8% 6%;}
.system .system1 .li:nth-child(1) .txt{background: url(../images/icon12.svg) no-repeat 92% 15%; background-size: 10% auto;}
.system .system1 .li:nth-child(2) .txt{background: url(../images/icon13.svg) no-repeat 92% 15%; background-size: 10% auto;}
.system .system1 .li .txt h4{font-size: 30px;}
.system .system1 .li .txt p{font-size: 16px; line-height: 2; margin-top: 30px;}
.system .system2{margin-top: 80px; padding-top: 65px; padding-bottom: 95px; background: url(../images/beses7-bg.jpg) no-repeat center top; background-size: cover;}
.system .system2 .system2-tit{font-size: 24px;}
.system .system2 .img{margin-top: 60px;}
.system .system2 .img img{max-width: 100%;}

.ehs .ehs1{justify-content: space-between; flex-wrap: wrap;}
.ehs .ehs1 .li{flex-shrink: 0; width: 31.51041666666667%; overflow: hidden; border-radius: 12px; position: relative; z-index: 0; cursor: pointer;}
.ehs .ehs1 .li::after{content: ''; display: block; font-size: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; background-color: #02A2E4; transform: scale(0); transition:all 0.8s;-moz-transition:all 0.8s;-webkit-transition:all 0.8s;-o-transition:all 0.8s; opacity: 0;}
.ehs .ehs1 .li .txt{position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; padding: 7.5% 6.25%;}
.ehs .ehs1 .li .txt h4{flex-shrink: 0; font-size: 26px; width: 60px; text-align: center; margin-right: 20px; padding-top: 70px;}
.ehs .ehs1 .li.li1 .txt h4{background: url(../images/icon14.svg) no-repeat center top; background-size: 100% auto;}
.ehs .ehs1 .li.li2 .txt h4{background: url(../images/icon15.svg) no-repeat center top; background-size: 100% auto;}
.ehs .ehs1 .li.li3 .txt h4{background: url(../images/icon16.svg) no-repeat center top; background-size: 100% auto;}
.ehs .ehs1 .li .txt ul{padding-left: 15px; position: relative; z-index: 0;}
.ehs .ehs1 .li .txt ul::before{content: ''; display: block; font-size: 0; width: 1px; height: 160px; background-color: #C2C2C2; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 1;}
.ehs .ehs1 .li .txt ul li{position: relative; z-index: 0; padding-left: 12px; font-size: 16px; line-height: 1.5; text-align: justify;}
.ehs .ehs1 .li .txt ul li:nth-child(n+2){margin-top: 10px;}
.ehs .ehs1 .li .txt ul li::before{content: ''; display: block; font-size: 0; width: 6px; height: 6px; border-radius: 100%; background-color: #888; position: absolute; left: 0; top: 9px; z-index: 1;}
.ehs .ehs1 .li:hover::after{transform: scale(1); opacity: 1;}
.ehs .ehs1 .li:hover>img{transform: scale(1.1);}
.ehs .ehs1 .li:hover .txt h4,
.ehs .ehs1 .li:hover .txt ul{color: #FFF;}
.ehs .ehs1 .li:hover .txt ul::before,
.ehs .ehs1 .li:hover .txt ul li::before{background-color: #FFF;}
.ehs .ehs1 .li.li1:hover .txt h4{background: url(../images/icon14-yes.svg) no-repeat center top; background-size: 100% auto;}
.ehs .ehs1 .li.li2:hover .txt h4{background: url(../images/icon15-yes.svg) no-repeat center top; background-size: 100% auto;}
.ehs .ehs1 .li.li3:hover .txt h4{background: url(../images/icon16-yes.svg) no-repeat center top; background-size: 100% auto;}
.ehs .ehs2{margin-top: 80px; padding-top: 70px; padding-bottom: 70px; background: url(../images/beses11-bg.jpg) no-repeat center top; background-size: cover;}
.ehs .ehs2 .ehs-imgs{flex-wrap: wrap;}
.ehs .system2{margin-top: 80px; padding-top: 65px; padding-bottom: 95px; background: url(../images/beses7-bg.jpg) no-repeat center top; background-size: cover;}
.ehs .system2 .system2-tit{font-size: 24px;}
.ehs .system2 .img{margin-top: 60px;}
.ehs .system2 .img img{max-width: 100%;}
.ehs .ehs-imgs .img{margin-right: 120px;}
.ehs .ehs-imgs .img:nth-child(n+3){margin-top: 60px;}
.ehs .ehs-imgs .img:nth-child(2n),
.ehs .ehs-imgs .img:last-child{margin-right: 0;}
@media only screen and (max-width:1024px) { /* 移动端 */
	.shows-title{margin-top: 0.8rem; padding: 0 0.3rem;}
	.shows{margin-top: 0.6rem;}
	.beses{margin-bottom: 1.2rem;}
	.beses .beses1-container{padding: 0.4rem 0.3rem 0.6rem;}
	.beses .beses1 .beses-tit{font-size: 0.36rem;}
	.beses .beses1 .uls{margin-top: 0.4rem;}
	.beses .beses1 .col-5 .l-1,
	.beses .beses1 .col-6 .l-1{width: calc(100% / 3); padding: 0 0.2rem;}
	.beses .beses1 .col-5 .l-1:nth-child(n+4),
	.beses .beses1 .col-6 .l-1:nth-child(n+4){margin-top: 0.3rem;}
	.beses .beses1 .uls .li .numb{font-size: 0.42rem;}
	.beses .beses1 .uls .li .numb .unit{font-size: 0.24rem;}
	.beses .beses1 .uls .li .desc{font-size: 0.24rem; line-height: 1.5;}
	.beses .beses1 .col-5 .l-1::before,
	.beses .beses1 .col-6 .l-1::before{left: auto; right: 0;}
	.beses .beses1 .col-5 .l-1:nth-child(5n)::after,
	.beses .beses1 .col-6 .l-1:nth-child(6n){display: none;}
	.beses .beses1 .col-5 .l-1:nth-child(3n+1)::after,
	.beses .beses1 .col-6 .l-1:nth-child(3n+1)::after{content: ''; display: block; font-size: 0; width: 1px; height: 80%; background-color: #B9B9B9; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 1;}
	.shows .imgs{margin-top: 0.8rem; margin-bottom: 0.8rem; padding: 0 0.3rem;}
	.shows .col-2 .l-1:nth-child(n+3){margin-top: 0.3rem;}
	.beses .beses1 .ps{margin-top: 0.4rem; font-size: 0.24rem;}
	.centre .centre-tit{font-size: 0.36rem;}
	.centre .imgs-container{margin-top: 0.4rem; padding: 0.4rem 0.3rem;}
	.centre .imgs-container .img-tit{margin-top: 0.3rem; font-size: 0.24rem;}
	.centre .imgs-container .img img{padding: 0.08rem;}
	.centre:nth-child(n+2){margin-top: 0.8rem;}
	.centre .imgs-container .imgs3 .img:nth-child(n+3){margin-top: 0.6rem;}
	.system{margin-bottom: 1.2rem;}
	.system .system1{padding: 0 0.3rem;}
	.system .system1 .li{height: 3.5rem; border-radius: 0.12rem; border: 1px solid #D4D4D4;}
	.system .system1 .li img{width: 100%; height: 100%; object-fit: cover;}
	.system .system1 .li:nth-child(1) .txt,
	.system .system1 .li:nth-child(2) .txt{background-size: 15%; background-position: 92% 8%;}
	.system .system1 .li .txt h4{font-size: .32rem;}
	.system .system1 .li .txt p{margin-top: 0.2rem; font-size: 0.24rem; line-height: 0.36rem;}
	.system .system2{margin-top: 0.8rem; padding: 0.4rem 0.3rem;}
	.system .system2 .system2-tit{font-size: 0.36rem;}
	.system .system2 .img{margin-top: 0.5rem;}
	.ehs .ehs1{flex-direction: column; padding: 0 0.3rem;}
	.ehs .ehs1 .li{width: 100%; border-radius: 0.12rem;}
	.ehs .ehs1 .li:nth-child(n+2){margin-top: 0.3rem;}
	.ehs .ehs1 .li>img{position: absolute; left: 0; top: 0; z-index: 0; width: 100%; height: 100%; object-fit: cover;}
	.ehs .ehs1 .li .txt{position: static; padding: 0.35rem 0.3rem;}
	.ehs .ehs1 .li .txt h4{font-size: 0.32rem; width: 0.8rem; padding-top: 0.8rem; margin-right: 0.2rem;}
	.ehs .ehs1 .li .txt ul{padding-left: 0.25rem;}
	.ehs .ehs1 .li .txt ul li{padding-left: 0.25rem; font-size: 0.28rem;}
	.ehs .ehs1 .li .txt ul li:nth-child(n+2){margin-top: 0.15rem;}
	.ehs .ehs1 .li .txt ul li::before{width: 0.1rem; height: 0.1rem; top: 0.16rem;}
	.ehs .ehs1 .li .txt ul::before{height: 100%;}
	.ehs .ehs2{margin-top: 0.8rem; padding: 0.6rem 0.3rem 1.2rem;}
	.ehs .system2{margin-top: 0.8rem; padding: 0.4rem 0.3rem;}
	.ehs .system2 .system2-tit{font-size: 0.36rem;}
	.ehs .system2 .img{margin-top: 0.5rem;}
	.ehs .ehs-imgs .img{margin-right: 0.3rem;}
	.ehs .ehs-imgs .img img{width: 100%; height: auto;}
	.ehs .ehs-imgs .img:nth-child(1),
	.ehs .ehs-imgs .img:nth-child(2){width: calc((100% - 0.3rem) / 2);}
	.ehs .ehs-imgs .img:nth-child(3){width: 100%;}
	.ehs .ehs-imgs .img:nth-child(n+3){margin-top: 0.4rem;}
}
@media only screen and (min-width:1025px) and (max-width:1280px) { /* PC端、小屏 */
	.shows-title{margin-top: 50px;}
	.shows{margin-top: 40px;}
	.beses{margin-bottom: 100px;}
	.beses .beses1 .beses-tit{font-size: 24px;}
	.beses .beses1 .uls{margin-top: 35px;}
	.beses .beses1 .uls .li .numb{font-size: 38px;}
	.beses .beses1 .uls .li .numb .unit{font-size: 16px;}
	.beses .beses1 .uls .li .desc{font-size: 14px;}
	.beses .beses1 .col-5 .l-1:nth-child(n+6),
	.beses .beses1 .col-6 .l-1:nth-child(n+7){margin-top: 30px;}
	.shows .imgs{margin-top: 50px; margin-bottom: 50px;}
	.shows .col-2 .l-1:nth-child(n+3){margin-top: 30px;}
	.beses .beses1 .ps{margin-top: 30px; font-size: 14px;}
	.centre .centre-tit{font-size: 24px;}
	.centre .imgs-container{padding-top: 60px; padding-bottom: 55px; margin-top: 20px;}
	.centre .imgs-container .img-tit{font-size: 18px; margin-top: 20px;}
	.centre:nth-child(n+2){margin-top: 30px;}
	.system .system1 .li .txt h4{font-size: 26px;}
	.system .system1 .li .txt p{margin-top: 20px;}
	.system .system2{margin-top: 60px; padding-top: 50px; padding-bottom: 50px;}
	.system .system2 .system2-tit{font-size: 22px;}
	.ehs .ehs1 .li .txt h4{font-size: 20px; width: 45px; margin-right: 12px; padding-top: 50px;}
	.ehs .ehs1 .li .txt ul li{font-size: 14px; padding-left: 8px;}
	.ehs .ehs1 .li .txt ul li:nth-child(n+2){margin-top: 8px;}
	.ehs .ehs1 .li .txt ul li::before{width: 4px; height: 4px; top: 10px;}
	.ehs .ehs2{margin-top: 60px; padding-top: 50px; padding-bottom: 50px;}
	.ehs .system2{margin-top: 60px; padding-top: 50px; padding-bottom: 50px;}
	.ehs .system2 .system2-tit{font-size: 22px;}
	.ehs .ehs-imgs .img{margin-right: 100px;}
}
@media only screen and (min-width:1281px) and (max-width:1440px) { /* 中小屏 */
	.shows-title{margin-top: 55px;}
	.shows{margin-top: 45px;}
	.beses{margin-bottom: 110px;}
	.beses .beses1 .beses-tit{font-size: 26px;}
	.beses .beses1 .uls{margin-top: 40px;}
	.beses .beses1 .uls .li .numb{font-size: 40px;}
	.beses .beses1 .uls .li .numb .unit{font-size: 16px;}
	.beses .beses1 .uls .li .desc{font-size: 15px;}
	.beses .beses1 .col-5 .l-1:nth-child(n+6),
	.beses .beses1 .col-6 .l-1:nth-child(n+7){margin-top: 35px;}
	.shows .imgs{margin-top: 60px; margin-bottom: 60px;}
	.shows .col-2 .l-1:nth-child(n+3){margin-top: 40px;}
	.beses .beses1 .ps{margin-top: 35px; font-size: 15px;}
	.centre .centre-tit{font-size: 25px;}
	.centre .imgs-container{padding-top: 70px; padding-bottom: 60px; margin-top: 25px;}
	.centre .imgs-container .img-tit{font-size: 20px; margin-top: 25px;}
	.centre:nth-child(n+2){margin-top: 40px;}
	.system .system1 .li .txt h4{font-size: 28px;}
	.system .system1 .li .txt p{margin-top: 25px;}
	.system .system2{margin-top: 70px; padding-top: 60px; padding-bottom: 70px;}
	.system .system2 .system2-tit{font-size: 23px;}
	.ehs .ehs1 .li .txt h4{font-size: 24px; width: 50px; margin-right: 15px; padding-top: 60px;}
	.ehs .ehs2{margin-top: 70px; padding-top: 60px; padding-bottom: 60px;}
	.ehs .system2{margin-top: 70px; padding-top: 60px; padding-bottom: 70px;}
	.ehs .system2 .system2-tit{font-size: 23px;}
	.ehs .ehs-imgs .img{margin-right: 110px;}
}

/*<<<<<<<<<<<<<<<<<<<<<< 业内动态 >>>>>>>>>>>>>>>>>>>>>>>*/
.news-container{margin-top: 80px; margin-bottom: 120px;}
.news-container .serch-tips{margin-top: 60px; font-size: 26px; color: #333;}
.news-container .serch-tips span{display: inline-block; font-size: 36px; color: #02A2E4; font-weight: bold;}
.news-lists{margin-top: 60px;}
.news-lists .li{background-color: #F7F7F7; padding: 15px 15px;}
.news-lists .li:nth-child(n+2){margin-top: 30px;}
.news-lists .li .img{flex-shrink: 0; width: 24%; height: 0; padding-bottom: 15.6%; position: relative; z-index: 0; overflow: hidden;}
.news-lists .li .img img{position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover;}
.news-lists .li .txt{flex: 1; width: 0; padding: 2% 3.2%;}
.news-lists .li .txt .news-tit{font-size: 20px; line-height: 2; font-weight: bold; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
.news-lists .li .txt .time{font-size: 16px;}
.news-lists .li .txt .smalltext{margin-top: 20px; font-size: 16px; line-height: 2; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.new-detail{margin-top: 60px; margin-bottom: 120px;}
.new-detail .new-title{padding-bottom: 20px; border-bottom: #E5E5E5 dashed 1px;}
.new-detail .new-title .tit{font-size: 32px; line-height: 1.5;}
.new-detail .new-title .intros{margin-top: 20px;}
.new-detail .new-title .intros span{display: inline-block; font-size: 16px; padding: 0 20px;}
.new-detail .detail-content{margin-top: 30px; text-align: justify; padding-bottom: 80px; border-bottom: #E5E5E5 solid 1px; line-height: 2; font-size: 18px;}
.new-detail .detail-content span{display: inline-block;}
.new-detail .detail-content img{max-width: 750px; height: auto; display: inline-block; margin: 10px auto 5px;}
@media (any-hover: hover){
	.news-lists .li:hover{box-shadow: 0 10px 20px rgba(0, 78, 162,0.5); background-color: #02A2E4; transform: translateY(-5px);}
	.news-lists .li:hover .img img{transform: scale(1.1);}
	.news-lists .li:hover .txt .news-tit,
	.news-lists .li:hover .txt .time,
	.news-lists .li:hover .txt .smalltext{color: #FFF;}
}
@media only screen and (max-width:1024px) { /* 移动端 */
	.news-container{margin-top: 0.8rem; margin-bottom: 1.2rem; padding: 0 0.3rem;}
	.news-container .serch-tips{margin-top: 0.6rem; font-size: 0.26rem;}
	.news-container .serch-tips span{font-size: 0.36rem;}
	.news-lists{margin-top: 0.6rem;}
	.news-lists .li{padding: 0; flex-direction: column; border: 1px solid #D8D8D8;}
	.news-lists .li .txt{width: 100%; padding: 0.2rem 0.2rem 0.3rem;}
	.news-lists .li .txt .news-tit{font-size: 0.32rem;}
	.news-lists .li .txt .time{font-size: 0.24rem;}
	.news-lists .li .img{width: 100%; padding-bottom: 64.86486486486486%;}
	.news-lists .li .txt .smalltext{font-size: 0.24rem; margin-top: 0.1rem; line-height: 1.5;}
	.news-lists .li:nth-child(n+2){margin-top: 0.4rem;}
	.new-detail{margin-top: 0.8rem; margin-bottom: 1.2rem; padding: 0 0.3rem;}
	.new-detail .new-title{padding-bottom: 0.2rem;}
	.new-detail .new-title .tit{font-size: 0.36rem;}
	.new-detail .new-title .intros{margin-top: 0.2rem;}
	.new-detail .new-title .intros span{font-size: 0.24rem; padding: 0 0.2rem;}
	.new-detail .detail-content{margin-top: 0.3rem; padding-bottom: 0.8rem; font-size: 0.26rem;}
	.new-detail .detail-content img{width: 100%; margin: 0.1rem auto 0.05rem;}
}
@media only screen and (min-width:1025px) and (max-width:1280px) { /* PC端、小屏 */
	.news-container{margin-top: 50px; margin-bottom: 100px;}
	.news-container .serch-tips{margin-top: 45px; font-size: 22px;}
	.news-container .serch-tips span{font-size: 26px;}
	.news-lists{margin-top: 45px;}
	.news-lists .li:nth-child(n+2){margin-top: 20px;}
	.news-lists .li{padding: 10px;}
	.news-lists .li .txt{padding: 1% 2.2%;}
	.news-lists .li .txt .news-tit{font-size: 18px;}
	.news-lists .li .txt .time{font-size: 14px;}
	.news-lists .li .txt .smalltext{margin-top: 10px; font-size: 14px;}
	.new-detail{margin-top: 45px; margin-bottom: 100px;}
	.new-detail .new-title{padding-bottom: 15px;}
	.new-detail .new-title .tit{font-size: 26px;}
	.new-detail .new-title .intros{margin-top: 10px;}
	.new-detail .new-title .intros span{font-size: 14px;}
	.new-detail .detail-content{margin-top: 20px; padding-bottom: 50px; font-size: 16px;}
}
@media only screen and (min-width:1281px) and (max-width:1440px) { /* 中小屏 */
	.news-container{margin-top: 60px; margin-bottom: 110px;}
	.news-container .serch-tips{margin-top: 50px; font-size: 24px;}
	.news-container .serch-tips span{font-size: 28px;}
	.news-lists{margin-top: 50px;}
	.news-lists .li:nth-child(n+2){margin-top: 25px;}
	.news-lists .li .txt .smalltext{margin-top: 15px; font-size: 15px;}
	.new-detail{margin-top: 50px; margin-bottom: 110px;}
	.new-detail .new-title .tit{font-size: 28px;}
	.new-detail .new-title .intros{margin-top: 15px;}
	.new-detail .new-title .intros span{font-size: 15px;}
	.new-detail .detail-content{margin-top: 25px; padding-bottom: 60px; font-size: 16px;}
}

/*<<<<<<<<<<<<<<<<<<<<<< 加入皓天 >>>>>>>>>>>>>>>>>>>>>>>*/
.joinus-title{margin-top: 80px;}
.joinus{margin-top: 60px;}
.joinus .join-card{position: relative; z-index: 0; overflow: hidden;}
.joinus .join-card .text{position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 1; width: 50.78125%;}
.joinus .join-card .text .ps1{font-size: 16px; line-height: 2; padding-left: 7.69%;}
.joinus .join-card .text .h1{margin-top: 30px; height: 82px; position: relative; z-index: 0; padding-left: 7.69%; padding-top: 10px; font-size: 50px; font-family: 'you'; background: url(../images/icon17.svg) no-repeat left top; background-size: auto 100%;}
.joinus .join-card .text .h1 .h1-zn{display: block; color: #2771BE;}
.joinus .join-card .text .h1 .h1-en{display: block; text-transform: uppercase; color: #FFF; position: absolute; left: 31%; top: 33%; z-index: -1;}
.joinus .join-card .text .h2{padding-left: 7.69%; font-size: 22px; font-family: 'you'; color: #2F84DB; margin-top: 10px;}
.joinus .join-card .text .ps2{padding-left: 7.69%; font-size: 14px; line-height: 2; margin-top: 25px; color: #3E9BCE;}

.joinus .inv-cards{margin-top: 60px; margin-bottom: 120px; flex-wrap: wrap}
.joinus .inv-cards .card:nth-child(n+3){margin-top: 40px;}
.joinus .inv-cards .card{width: 48.4375%; position: relative; z-index: 0; overflow: hidden;}
.joinus .inv-cards .card .text{position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; padding: 6% 10%; background: url(../images/icon11.svg) no-repeat; background-position: 10% 80%; background-size: 30px;}
.joinus .inv-cards .card .text h2{font-size: 22px; font-weight: bold;}
.joinus .inv-cards .card .text p{font-size: 20px; margin-top: 5px; text-transform: uppercase;}

.works{margin-top: 60px;}
.works .work-ul .li:nth-child(n+2){margin-top: 20px;}
.works .work-ul .li .work-tit{font-size: 18px; line-height: 46px; padding: 0 20px; background-color: #F4F4F4; cursor: pointer;}
.works .work-ul .li .work-cont{padding: 0px 20px; border: 1px solid #DFDFDF;}
.works .work-ul .li .work-cont .intros1{padding: 10px 0; position: relative; z-index: 0; border-bottom: 1px solid transparent; cursor: pointer;}
.works .work-ul .li .work-cont .intros1::after{content: ''; display: block; width: 14px; height: 14px; background: url(../images/icon18.svg) no-repeat center; background-size: contain; position: absolute; right: 0; top: calc(50% - 7px); z-index: 1;transition:all 0.35s;-moz-transition:all 0.35s;-webkit-transition:all 0.35s;-o-transition:all 0.35s;}
.works .work-ul .li .work-cont .intros1 span{display: inline-block; font-size: 16px;}
.works .work-ul .li .work-cont .intros1 span.info{margin-right: 30px;}
.works .work-ul .li .work-cont .intros2{display: none; padding-bottom: 40px;}
.works .work-ul .li .work-cont .intros2 .box-tit{font-size: 18px; margin-top: 30px;}
.works .work-ul .li .work-cont .intros2 .box{font-size: 16px; line-height: 2; margin-top: 10px;}
.works .work-ul .li.li-ing .work-tit{color: #FFF; background-color: #02A2E4;}
.works .work-ul .li.li-ing .work-cont .intros1{border-bottom: 1px solid #D8D8D8;}
.works .work-ul .li.li-ing .work-cont .intros1::after{transform: rotate(90deg);}

.work-card{background: url(../images/join-bg4.png) no-repeat center; background-size: cover; margin-top: 40px; padding-top: 100px; padding-bottom: 90px;}
.work-card .txt{max-width: 33%; flex-shrink: 0; font-size: 14px; line-height: 2; color: #2E2E2E;}
.work-card .card-r{flex-wrap: wrap; margin-left: 60px;}
.work-card .card-r .box{padding: 20px 30px; border-radius: 8px; background-color: rgba(255, 255, 255, .7);}
.work-card .card-r .box:nth-child(even){margin-left: 30px;}
.work-card .card-r .box svg{width: 40px; height: 34px; margin-right: 15px;}
.work-card .card-r .box .box-info h5{font-size: 18px; color: #333;}
.work-card .card-r .box .box-info .ps{font-size: 14px; line-height: 2; color: #333; margin-top: 10px;}
.work-card .card-r .box .box-info .imgs{margin-top: 10px; flex-wrap: wrap;}
.work-card .card-r .box .box-info .imgs img{width: 90px; height: auto;}
.work-card .card-r .box .box-info .imgs img:nth-child(even){margin-left: 20px;}
@media (any-hover: hover){
	.joinus .inv-cards .card:hover{box-shadow: 0 10px 20px rgba(0, 78, 162,0.5); border-radius: 10px; background-color: #02A2E4; transform: translateY(-5px);}
	.joinus .inv-cards .card:hover img{transform: scale(1.1);}
	.joinus .inv-cards .card:hover .text{background-position: 90% 80%;}
	.works .work-ul .li:hover{box-shadow: 0 10px 20px rgba(0, 78, 162,0.2); transform: translateY(-5px);}
}
@media only screen and (max-width:1024px) { /* 移动端 */
	.joinus-title{margin-top: 0.8rem; padding: 0 0.3rem;}
	.joinus{margin-top: 0.6rem;}
	.joinus .join-card .text{width: 100%;}
	.joinus .join-card .text .ps1{font-size: 0.24rem; padding: 0 0.3rem;}
	.joinus .join-card .text .h1{margin-top: 0.3rem; padding-top: 0.15rem; height: 1.2rem; padding-left: 0.3rem; font-size: 0.75rem;}
	.joinus .join-card .text .h2{font-size: 0.28rem; padding: 0 0.3rem;}
	.joinus .join-card .text .ps2{margin-top: 0.2rem; font-size: 0.24rem; padding: 0 0.3rem;}
	.joinus .inv-cards{margin-top: 0.8rem; margin-bottom: 1.2rem; flex-direction: column; padding: 0 0.3rem;}
	.joinus .inv-cards .card{width: 100%;}
	.joinus .inv-cards .card:nth-child(n+2){margin-top: 0.3rem;}
	.joinus .inv-cards .card .text{height: auto; top: 50%; transform: translate3d(0,-50%,0); background-size: 0.5rem; background-position: 90% center;}
	.joinus .inv-cards .card .text h2{font-size: 0.32rem;}
	.joinus .inv-cards .card .text p{font-size: 0.24rem; margin-top: 0.05rem;}
	.works{margin-top: 0.6rem; padding: 0 0.3rem;}
	.works .work-ul .li .work-tit{font-size: 0.28rem; line-height: 0.7rem; padding: 0 0.3rem;}
	.works .work-ul .li .work-cont{padding: 0 0.3rem;}
	.works .work-ul .li .work-cont .intros1{padding: 0.15rem 0.3rem 0.15rem 0;}
	.works .work-ul .li .work-cont .intros1 span{font-size: 0.26rem;}
	.works .work-ul .li .work-cont .intros1 span.info{margin-right: 0.3rem;}
	.works .work-ul .li .work-cont .intros1::after{width: 0.2rem; height: 0.2rem; top: calc(50% - 0.1rem);}
	.works .work-ul .li .work-cont .intros2{padding-bottom: 0.4rem;}
	.works .work-ul .li .work-cont .intros2 .box-tit{font-size: 0.26rem; margin-top: 0.3rem;}
	.works .work-ul .li .work-cont .intros2 .box{font-size: 0.24rem; margin-top: 0.15rem;}
	.work-card{margin-top: 0.8rem; padding-top: 0.6rem; padding-bottom: 1rem;}
	.work-card>.wrap{padding: 0 0.3rem; flex-direction: column;}
	.work-card .txt{font-size: 0.24rem; width: 100%; max-width: 100%;}
	.work-card .card-r{margin-left: 0; width: 100%; margin-top: 0.6rem;}
	.work-card .card-r .box{width: 100%; border-radius: 0.08rem; padding: 0.4rem 0.3rem;}
	.work-card .card-r .box:nth-child(even){margin-left: 0;}
	.work-card .card-r .box:nth-child(n+2){margin-top: 0.3rem;}
	.work-card .card-r .box svg{width: 0.8rem; height: 0.8rem; margin-right: 0.2rem;}
	.work-card .card-r .box .box-info h5{font-size: 0.28rem;}
	.work-card .card-r .box .box-info .ps{font-size: 0.26rem; margin-top: 0.15rem;}
	.work-card .card-r .box .box-info .imgs{margin-top: 0.2rem;}
	.work-card .card-r .box .box-info .imgs img{width: 1.5rem; margin-right: 0.3rem;}
	.work-card .card-r .box .box-info .imgs img:nth-child(even){margin-left: 0;}
}
@media only screen and (min-width:1025px) and (max-width:1280px) { /* PC端、小屏 */
	.joinus-title{margin-top: 50px;}
	.joinus{margin-top: 40px;}
	.joinus .join-card .text{width: 70%;}
	.joinus .join-card .text .h1{margin-top: 15px;}
	.joinus .join-card .text .h2{font-size: 20px;}
	.joinus .join-card .text .ps2{margin-top: 15px;}
	.joinus .inv-cards{margin-top: 40px; margin-bottom: 100px;}
	.joinus .inv-cards .card .text h2{font-size: 18px;}
	.joinus .inv-cards .card .text p{font-size: 16px;}
	.works{margin-top: 45px;}
	.works .work-ul .li .work-tit{line-height: 42px;}
	.works .work-ul .li .work-cont .intros2{padding-bottom: 30px;}
	.works .work-ul .li .work-cont .intros2 .box-tit{margin-top: 20px;}
	.work-card{margin-top: 30px; padding-top: 40px; padding-bottom: 60px;}
	.work-card .card-r{margin-left: 30px; justify-content: flex-end;}
	.work-card .card-r .box{padding: 15px 20px;}
	.work-card .card-r .box:nth-child(n+2){margin-top: 20px;}
	.work-card .card-r .box:nth-child(even){margin-left: 20px;}
	.work-card .card-r .box svg{width: 35px; height: 35px; margin-right: 15px;}
	.work-card .card-r .box .box-info h5{font-size: 16px;}
	.work-card .card-r .box .box-info .imgs img{width: 80px;}
	.work-card .card-r .box .box-info .imgs img:nth-child(even){margin-left: 15px;}
}
@media only screen and (min-width:1281px) and (max-width:1440px) { /* 中小屏 */
	.joinus-title{margin-top: 55px;}
	.joinus{margin-top: 50px;}
	.joinus .join-card .text{width: 60%;}
	.joinus .join-card .text .h1{margin-top: 20px;}
	.joinus .join-card .text .ps2{margin-top: 20px;}
	.joinus .inv-cards{margin-top: 50px; margin-bottom: 110px;}
	.joinus .inv-cards .card .text h2{font-size: 20px;}
	.joinus .inv-cards .card .text p{font-size: 18px;}
	.works{margin-top: 50px;}
	.works .work-ul .li .work-tit{line-height: 45px;}
	.works .work-ul .li .work-cont .intros2{padding-bottom: 30px;}
	.works .work-ul .li .work-cont .intros2 .box-tit{margin-top: 20px;}
	.work-card{margin-top: 35px; padding-top: 60px; padding-bottom: 80px;}
	.work-card .card-r{margin-left: 40px;}
	.work-card .card-r .box{padding: 15px 20px;}
	.work-card .card-r .box:nth-child(even){margin-left: 25px;}
	.work-card .card-r .box svg{width: 35px; height: 35px;}
	.work-card .card-r .box .box-info h5{font-size: 16px;}
	.work-card .card-r .box .box-info .imgs img{width: 80px;}
	.work-card .card-r .box .box-info .imgs img:nth-child(even){margin-left: 15px;}
}

/*<<<<<<<<<<<<<<<<<<<<<< 联系我们 >>>>>>>>>>>>>>>>>>>>>>>*/
.contact-title{margin-top: 80px;}
.contact .maps{margin-top: 60px; position: relative; z-index: 0;}
.contact .maps .citymap{width: 100%; height: 620px; background-color: #F5F5F5;}
.contact .maps .address{position: absolute; left: 16.66666666666667%; top: 50%; transform: translateY(-50%); z-index: 1;}
.contact .maps .address .li{width: 420px; height: 170px; padding: 30px 20px; background-color: rgba(2,162,228,.85); cursor: pointer;}
.contact .maps .address .li:nth-child(n+2){margin-top: 10px;}
.contact .maps .address .li h1{padding-left: 30px; font-size: 18px; line-height: 2; background: url(../images/icon19.svg) no-repeat left center; background-size: 20px auto;}
.contact .maps .address .li p{padding-left: 30px; font-size: 14px; line-height: 2; text-align: justify;}
.contact .maps .address .li.li-ing{background-color: rgba(24,103,182,.85);}
.contact .infors-container{padding-top: 100px; padding-bottom: 200px; background: #FFF url(../images/contact-bg.png) no-repeat center bottom; background-size: 100% auto;}
.contact .infors:nth-child(n+2){margin-top: 50px;}
.contact .infors.flex{flex-wrap: wrap;}
.contact .infors.flex .li{width: 48%;}
.contact .infors.flex .li:nth-child(n+3){margin-top: 50px;}
.contact .infors .li .li-tit{font-size: 24px; font-weight: bold; padding-bottom: 15px; border-bottom: 1px solid #D8D8D8;}
.contact .infors .li .sps{margin-top: 10px; flex-wrap: wrap;}
.contact .infors .li .sps:nth-child(2){margin-top: 10px;}
.contact .infors .li .sps span{display: block; padding-left: 30px; font-size: 18px; line-height: 2;}
.contact .infors .li .sps span:not(:last-child){margin-right: 40px;}
.contact .infors .li .sps span.name{background: url(../images/name.svg) no-repeat left center; background-size: 25px;}
.contact .infors .li .sps span.tel{background: url(../images/tel.svg) no-repeat left center; background-size: 25px;}
.contact .infors .li .sps span.wchat{background: url(../images/wchat.svg) no-repeat left center; background-size: 25px;}
.contact .infors .li .sps span.email{background: url(../images/email.svg) no-repeat left center; background-size: 25px;}
.contact .infors .li .sps span.qq{background: url(../images/qq.svg) no-repeat left center; background-size: 25px;}
.contact .infors .li .sps-box{flex-wrap: wrap;}
.contact .infors .li .sps-box .sps{width: 49.5%; margin-right: 1%;}
.contact .infors .li .sps-box .sps:nth-child(n+3){margin-top: 30px;}
.contact .infors .li .sps-box .sps:nth-child(2n){margin-right: 0;}
@media (any-hover: hover){
	.contact .maps .address .li:hover{box-shadow: 0 10px 20px rgba(0, 78, 162,0.2); border-radius: 10px; transform: translateY(-5px);}
}
@media only screen and (max-width:1024px) { /* 移动端 */
	.contact-title{margin-top: 0.8rem; padding:  0 0.3rem;}
	.contact .maps{margin-top: 0.6rem;}
	.contact .maps .citymap{height: 6rem;}
	.contact .maps .address{position: static; transform: translateY(0); padding: 0 0.3rem; margin-bottom: 0.4rem;}
	.contact .maps .address .li{width: 100%; height: auto; padding: 0.3rem 0.3rem;}
	.contact .maps .address .li h1{font-size: 0.28rem; padding-left: 0.4rem; background-size: 0.3rem;}
	.contact .maps .address .li p{font-size: 0.24rem; padding-left: 0.4rem; line-height: 1.5;}
	.contact .infors-container{padding: 0.8rem 0.3rem 1.2rem;}
	.contact .infors.flex .li{width: 100%; margin-right: 0;}
	.contact .infors.flex .li:nth-child(n+3),
	.contact .infors:nth-child(n+2){margin-top: 0.3rem;}
	.contact .infors .li .sps-box .sps{width: 100%; margin-right: 0;}
	.contact .infors .li .sps-box .sps:nth-child(n+3){margin-top: 0.2rem;}
	.contact .infors .li:nth-child(n+2){margin-top: 0.6rem;}
	.contact .infors .li .li-tit{font-size: 0.32rem; padding-bottom: 0.2rem;}
	.contact .infors .li .sps{margin-top: 0.15rem;}
	.contact .infors .li .sps:nth-child(2){margin-top: 0.2rem;}
	.contact .infors .li .sps span{font-size: 0.26rem; padding-left: 0.5rem; display: block; width: 100%; background-size: 0.4rem !important;}
	.contact .infors .li .sps span:not(:last-child){margin-right: 0;}
}
@media only screen and (min-width:1025px) and (max-width:1280px) { /* PC端、小屏 */
	.contact-title{margin-top: 50px;}
	.contact .maps{margin-top: 45px;}
	.contact .maps .address{left: 8%;}
	.contact .maps .address .li{width: 350px; height: 130px; padding: 15px;}
	.contact .maps .address .li h1{font-size: 16px; padding-left: 25px; background-size: 16px auto;}
	.contact .maps .address .li p{padding-left: 25px; font-size: 12px;}
	.contact .infors-container{padding-top: 50px; padding-bottom: 120px;}
	.contact .infors.flex .li:nth-child(n+3),
	.contact .infors:nth-child(n+2){margin-top: 20px;}
	.contact .infors .li .sps-box .sps:nth-child(n+3){margin-top: 15px;}
	.contact .infors .li .li-tit{font-size: 18px; padding-bottom: 10px;}
	.contact .infors .li .sps:nth-child(2){margin-top: 10px;}
	.contact .infors .li .sps span:not(:last-child){margin-right: 30px;}
	.contact .infors .li .sps span{font-size: 14px; padding-left: 24px; background-size: 20px !important;}
}
@media only screen and (min-width:1281px) and (max-width:1440px) { /* 中小屏 */
	.contact-title{margin-top: 60px;}
	.contact .maps{margin-top: 50px;}
	.contact .maps .address{left: 8%;}
	.contact .maps .address .li{width: 380px; height: 150px; padding: 20px 15px;}
	.contact .maps .address .li h1{font-size: 16px; padding-left: 25px; background-size: 18px auto;}
	.contact .maps .address .li p{padding-left: 25px; font-size: 13px;}
	.contact .infors-container{padding-top: 60px; padding-bottom: 150px;}
	.contact .infors.flex .li:nth-child(n+3),
	.contact .infors:nth-child(n+2){margin-top: 30px;}
	.contact .infors .li .sps-box .sps:nth-child(n+3){margin-top: 20px;}
	.contact .infors .li .li-tit{font-size: 20px;}
	.contact .infors .li .sps:nth-child(2){margin-top: 20px;}
	.contact .infors .li .sps span:not(:last-child){margin-right: 30px;}
	.contact .infors .li .sps span{font-size: 15px; padding-left: 26px; background-size: 22px !important;}
}