@charset "utf-8";
@import url("base.css");

@font-face {
    font-family:'Barlow-Regular';
    src: url('./fonts/Barlow-Regular.ttf') format('truetype')
}

@font-face {
    font-family:'Barlow-Medium';
    src: url('./fonts/Barlow-Medium.ttf') format('truetype')
}

@font-face {
    font-family:'Barlow-Bold';
    src: url('./fonts/Barlow-Bold.ttf') format('truetype')
}
/* 全局变量 */
p{margin: 0;}
.desc *{font-family: inherit !important;text-align: justify;line-height: inherit !important;}
.edit-info *{white-space: inherit !important;overflow-wrap: break-word;hyphens: auto;-webkit-hyphens: auto; -moz-hyphens: auto;font-family: initial !important;text-align: justify;}
.edit-info p + p.tc{margin-top: var(--padding-margin__10);}
/*.edit-info p{text-indent: 2em;}*/
.edit-info table{width: 100%;border-collapse: collapse;text-align: center;}
.edit-info table tr:nth-child(1){background-color: #fff9ec;text-align: center;font-size: var(--font-size__22);}
.edit-info table tr:nth-child(1) td{color: #222222;font-weight: var(--font-weight__m);height: 0.68rem;}
.edit-info table td{border: 1px solid #e1e1e1;line-height: 1.2;padding: 0.1rem;color: #222222;}
.edit-info h2{font-size: var(--font-size__20);font-weight: var(--font-weight__m);}
.edit-info h1,.edit-info h2,.edit-info h3,.edit-info h4,.edit-info h5,.edit-info h6{margin: initial;}
.Pages{padding-top:var(--padding-margin__50);}
.desc{color: #333333;text-align: justify;}
:root{
--max-width: 1560;
--max-width2: 1560;
--background-cover: no-repeat center center / cover;
--background-contain: no-repeat center center / contain;
--default-color__rgb: 51, 51, 51; /*#333*/
--default-color: rgba(var(--default-color__rgb), 1);
--primary-color__rgb: 0, 60, 150;/*#003c96*/
--primary-color: rgba(var(--primary-color__rgb), 1);
--secondary-color__rgb:254, 216, 6/*#fed806*/;
--secondary-color:rgba(var(--secondary-color__rgb), 1);
--font-family: 'Barlow-Regular', sans-serif;
--font-family__en: '', sans-serif;
--white-color__rgb: 255,255,255; /*#FFFFFF*/
--white-color: rgba(var(--white-color__rgb), 1);
--black-color__rgb: 0,0,0; /*#000000*/
--black-color: rgba(var(--black-color__rgb), 1);
--main_line_height: 1.5;
--button_height: 0.7rem;
--font-weight__l: 100;
--font-weight__r: 400;
--font-weight__m: 500;
--font-weight__sb: 600;
--font-weight__b: 700;
--ttf:cubic-bezier(0.175, 0.885, 0.32, 1.275);
--transition: 1s var(--ttf);
--ttf-bouce:cubic-bezier(0.175, 0.885, 0.32, 1.275);
--itemhover:	transform: translate3d(0, -4px, 0);
--header_height: 1rem;
--header_height__up: 0.7rem;
--border:1px solid #ededed;
--bg-color:#edf2f7;
}

/* 比例要求 */
/*超过1920px时，比例不变  默认*/
html{font-size: 100px;}
main{/*max-width: 1920px;*/margin: 0 auto;}
@media (max-width: 1400px) {
html:not(.view){font-size: calc(100 / 1680 * 100vw);}
}
@media (max-width: 1024px) {
html:not(.view){font-size: calc(100 / 1000 * 100vw);}
}
@media (max-width: 480px) {
html:not(.view){font-size: calc(100 / 480 * 100vw);}
}

body{font-size: var(--font-size__16); font-family:var(--font-family); line-height:  var(--main_line_height); color: var(--default-color);}

.container {width: 94%;margin: 0 auto;max-width: calc(var(--max-width) * 1px);position: relative;z-index: 1;}
.container-1600 {width: 94%;margin: 0 auto;max-width: calc(var(--max-width2) * 1px);position: relative;z-index: 1;}
@media (max-width: 1024px) {
.container { width: 94%;}
.container-1600{ width: 94%;}
:root{
  --header_height: 0.65rem;
}
}
@media(max-width:480px){
.desc{line-height:0.28rem;}
}
.view.editor{line-height: 1.8;}

/* btn */
.read-more{font-size:var(--font-size__18);color: var(--primary-color);display: flex;align-items: center;}
.read-more span{margin-right: 0.09rem;}
.read-more:after{content: "";width: 0.24rem;height: 0.24rem;transition: all 0.5s;background: var(--secondary-color) url(../images/arr-r_blue.svg) no-repeat center center/0.06rem 0.09rem;border-radius: 50%;}
.read-more.big:after{width: 0.5rem;height: 0.5rem;background-size: 0.1rem 0.15rem;background-image: url(../images/arr-r_white.svg);}
.read-more.primary:after{background-color: transparent;border: 1px solid var(--primary-color);background-image: url(../images/arr-r_blue.svg);}
.read-more:hover.primary:after{background-color: var(--primary-color);background-image: url(../images/arr-r_white.svg);}
@media(max-width:480px){
}

/* swiper 重置 */
/* cusarr */
.swiper-button-prev,.swiper-button-next{width: 0.56rem;height: 0.56rem;border-radius: 50%;transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);transform: translateX(0);background: no-repeat center center; background-size: 0.08rem auto;border: 1px solid rgba(var(--black-color__rgb), 0.5);margin: 0;transition: all 0.5s;}
.swiper-button-prev:not(.swiper-button-disabled):hover,.swiper-button-next:not(.swiper-button-disabled):hover{background-color: var(--primary-color);}
.swiper-button-prev:hover,.swiper-button-next:hover{background-color: var(--primary-color) !important;border-color: var(--primary-color);}
.swiper-button-prev{background-image: url(../images/swiper/prev.svg);}
.swiper-button-prev:hover{background-image: url(../images/swiper/prev-on.svg);}
.swiper-button-next{background-image: url(../images/swiper/next.svg);}
.swiper-button-next:hover{background-image: url(../images/swiper/next-on.svg);}
.swiper-button-prev:after,.swiper-button-next:after{display: none;}

.swiper-pagination{width: 100%;bottom: 0.25rem;}
.swiper-pagination-bullet{width: 0.1rem;height: 0.1rem;position: relative;background-color: rgba(var(--primary-color__rgb), 0.2);opacity: 1;position: relative;border: 0px;overflow: hidden;border-radius: 50%;}
.swiper-pagination-bullet:after{width: 0;height: 0;background-color:var(--primary-color);left: 50%;top: 50%;content: "";position: absolute;transition: all 0.3s;border-radius: 50%;}
.swiper-pagination-bullet:not(:last-child){margin-right: 0.1rem;}
.swiper-pagination-bullet-active{width: 0.2rem;border-radius: 0.06rem;}
.swiper-pagination-bullet-active:after{background-color: var(--primary-color);width: 100%;height: 100%;left: 0;top: 0;border-radius: 0.05rem;}
.swiper-pagination.st{position: static;margin: var(--padding-margin__50) 0 0;}

.swiper-scrollbar{background: url(../images/scrollybg.gif) repeat-x 0 center;}
.swiper-scrollbar-drag{background-color: var(--primary-color);}
.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal{height: 0.04rem;}

/* Start
========================================================================== */
header{position: fixed;left: 0;top: 0;width: 100%;z-index: 1000; transition: all 0.5s;--max-width:1600;border-bottom: 1px solid transparent;background-color: transparent;border-bottom:1px solid rgba(255,255,255,0.1);}
header .logo img{ height: 0.48rem;}
header .logo img.white{display: none;}
header .logo img.cai{display: block;}
header .container{height: var(--header_height);position: static;transition: all 0.5s;max-width: calc(var(--max-width2) * 1px);}
header.down{top: -100%;}
header.up{top: 0%;}
.main-nav{margin-left: auto;padding-right: 0rem;}
.main-nav li{margin: 0 0.37rem 0 0;}
.main-nav li > span,
.main-nav li span a{display: block;font-size: var(--font-size__18);color: #000000;}
.main-nav li span a{line-height: var(--header_height);position: relative;display: block;}
.main-nav li span a::before{position: absolute; content:''; left: 50%; bottom: 0.2rem; height: 0.09rem; transform: translateX(-50%);opacity: 0;width: 0; transition: var(--transition);background: url(../images/navbg.png) no-repeat center;}

.h-lang dt{display: flex;align-items: center;justify-content: center;}
.h-lang dt:before{content: "";background: url(../images/diqiu2.gif) no-repeat center center/125% 125%;border-radius:50%;border:1px solid #333;margin-right: 0.1rem;width: 0.18rem;height: 0.18rem;}
.h-lang dt:after{content: "";width: 8px;height: 5px;background: url(../images/arr-b_gray.svg) no-repeat;}
.h-lang dd{position: absolute;left: 0;top: 100%;width: 100%;}
.h-lang a{margin-right: 0.13rem;}
.h-lang a:hover{color: #777777;}

.open-search{display: block;width: 0.19rem; height: 0.19rem; background: var(--background-contain);cursor: pointer;background-image: url(../images/search-dark.svg);margin-right: 0.4rem;position: relative;}
.open-search:before{content: "";width: 1px;height: 10px;background-color: #111111;position: absolute;right: -0.2rem;top: 50%;margin-top: -5px;opacity: 0.4;}
.search-show .open-search{background-image: url(../images/close-white.svg) !important;}

.top-search{position: absolute; top: 100%; left: 0;width: 100%;padding: 0.2rem 0; background-color: rgba(var(--black-color__rgb),0.3);display: flex;justify-content: center; transform: translateY(0.2rem); opacity: 0; transition: var(--transition); visibility: hidden;}
.top-search .inner{position: relative;border-radius: 0.05rem;max-width: 6rem;width: 90%;background-color: var(--white-color);padding: 0 0.2rem 0 0;}
.top-search .form-input{padding: 0 0.2rem; line-height: 0.52rem;height: 0.52rem;flex: 1;}
.top-search .btn{ width: 0.4rem;height: 0.4rem;background: url(../images/search-dark.svg) var(--background-contain); margin-left: 0.2rem; flex-shrink: 0; background-size: auto 60%;}
.search-show .top-search{transform: translateY(0); opacity: 1; visibility: visible;}

/* 鼠标滑过头部样式 */
header.dark-style{background-color: #fff;border-bottom-color: #fff;}
header.getsmall{box-shadow: 0 0 10px rgba(0,0,0,0.08);}
header.getsmall .container{height: var(--header_height__up);}
header.light-style .logo img.white{display: block;}
header.light-style .logo img.cai{display: none;}
header.light-style .h-lang dt:before{background: url(../images/diqiu.gif) no-repeat center center/125% 125%;border:1px solid #ffffff;}
header.light-style .h-lang dt:after,
header.light-style .open-search {filter: brightness(0) invert(1);}
header.light-style .open-search:before{background-color: #fff;}
header.light-style .h-lang a{color: #fff;}

/* 导航下拉 */
.main-nav .sub{background-color: rgba(255,255,255,0.95);width: 100%;}

/* 详情头部 */
header.dark-style{background-color: #fff;border-bottom-color: #fff;}
header.getsmall,.news-page_details header{box-shadow: 0 5px 14px rgba(0,0,0,0.05);}
header.getsmall .container{height: var(--header_height__up);}
.news-page_details header{background-color: #fff;}
.news-page_details header.light-style .logo img.white{display: none;}
.news-page_details header.light-style .logo img.cai{display: block;}
.news-page_details header.light-style .h-lang dt:before,
.news-page_details header.light-style .h-lang dt:after,
.news-page_details header.light-style .open-search {filter: none;}
.news-page_details header.light-style .open-search:before{background-color: transparent;}
.news-page_details header.light-style .h-lang a{color: inherit;}
.news-page_details .main-nav li span a{color: #333 !important;}

@media (min-width:1025px) {
header.light-style .main-nav li span a{color: var(--white-color);}
.main-nav li:nth-child(2){position: static;}
.main-nav li.aon span a::before{width: 0.28rem; opacity: 1;}
/* 导航下拉 */
.main-nav .sub{position: absolute; top: 100%;left: 0;opacity: 0; clip-path: polygon(0 0,100% 0,100% 0,0 0);padding: 0.4rem 0 0.6rem;transition: all 0.6s;}
.main-nav .sub .left{width: max-content;;text-align: right;padding-right: 0.9rem;font-family: Barlow-Medium;text-transform: uppercase;color: #181818;}
.main-nav .sub .right{min-width: 10rem;padding-left: 0.6rem;border-left: 1px solid rgba(153,153,153,0.2);}
.main-nav .sub .info h2{font-size: var(--font-size__30);line-height: 1;margin-bottom: 0.11rem;font-weight: var(--font-weight__r);}
.main-nav .sub .info p{font-size: var(--font-size__18);color: #999999;margin-bottom: 0.18rem;}
.main-nav .sub dl{margin-bottom: -0.24rem;}
.main-nav .sub dd{width: 33.33%;font-size: var(--font-size__18);}
.main-nav .sub dd a{position: relative;padding-left: 0.23rem;line-height: 2;color: #555}
.main-nav .sub dd a:after{width: 0.11rem;height: 0.1rem;content: "";position: absolute;left: 0;top:50%;transform: translateY(-50%);background: url(../images/arr-r_black.png) var(--background-contain);opacity: 0;transition: all 0.5s;}
.main-nav .sub dd a:hover:after{opacity: 1;}
.main-nav .sub dd a:hover{color: #003c96;}

.main-nav #m27 .right dd{width:31%;}
.main-nav #m27 .right dd:nth-child(3n+1){width:38%;}

.main-nav .sub .ispic{width: 4.42rem;}
.main-nav .show .sub{opacity: 1;clip-path: polygon(0 0,100% 0,100% 100%,0 100%);}
.main-nav .show .sub .info h2{animation:fadeInUpSmall 0.5s ease both;-webkit-animation:fadeInUpSmall 0.5s ease both;-moz-animation:fadeInUpSmall 0.5s ease both;}
.main-nav .show .sub .info p{animation:fadeInUpSmall 0.8s ease both;-webkit-animation:fadeInUpSmall 0.8s ease both;-moz-animation:fadeInUpSmall 0.8s ease both;}
.main-nav .show .sub dl{animation:fadeInUpSmall 1s ease both;-webkit-animation:fadeInUpSmall 1s ease both;-moz-animation:fadeInUpSmall 1s ease both;}
.main-nav .show .sub .ispic img{animation:fadeInfilter 2s ease both;-webkit-animation:fadeInfilter 2s ease both;-moz-animation:fadeInfilter 2s ease both;}
}

@media(max-width:1600px){
  .main-nav{padding-right: 0.4rem;}
  .main-nav li{margin: 0 0.2rem 0 0;}

  header .logo img{ height: 0.4rem;}
  .main-nav li > span, .main-nav li span a{font-size: var(--font-size__16);}
}
@media (max-width:1024px) {
  
.main-nav{position: fixed; top: var(--header_height); width: 72%;bottom: 0;background: rgba(var(--white-color__rgb), 0.98); left: -100%;transform: translateX(-100%); transition: 0.5s ease-in-out;padding-right: 0;box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.menu-show .main-nav{ left: 0; transform: translateX(0);}
.main-nav ul{overflow: auto; padding: 0 0.2rem;max-height: calc(100vh - var(--header_height));overflow-y: auto;}
.main-nav li{border-bottom: 1px solid rgba(var(--black-color__rgb), 0.1);margin-right: 0;}
.main-nav li span{position: relative;z-index: 1;overflow: hidden;display: block;;}
.main-nav li span a{line-height: 3;font-size: var(--font-size__34)}
.wap-op{position: absolute;right: 0; width: 0.5rem; height: 100%;z-index: 10; background: url(../images/arr-b_gray.svg) no-repeat center center; background-size: auto 0.5em; top: 0; transition: 0.3s; will-change: transform;}
.main-nav li.wap-show .wap-op{transform: rotate(-180deg);}
/* 导航下拉 */
.main-nav .sub{display: none;width: 100%;}
.main-nav .sub .info,.main-nav .sub .ispic{display:none;}
.main-nav .sub dl{display: block;line-height: 2.5;font-size: var(--font-size__22);}
.main-nav .sub dl dd a{display: block;padding: 0rem;}
.main-nav .sub dl dd:not(:last-child) a{border-bottom: 1px solid rgba(0,0,0,0.1);}
header .sub .container{height: auto;}
.main-nav .sub dl{display: flex;align-items: flex-start;}
.main-nav .sub dl dd{width: 100%;font-size: 0.18rem}
.main-nav .sub .sub-inner{width: 100%;}
.main-nav .sub .sub-inner .right{width: 100%;}
.open-menu{display: flex;flex-direction: column;align-items: center;justify-content: space-between; width: 0.4rem; height: 0.35rem; background: var(--primary-color); padding: 0.08rem 0; margin-left: 0.4rem;}
.open-menu i{display: block; width: 60%; height: 2px;background-color: var(--white-color);transition: all 0.5s;}
.menu-show .open-menu i:nth-child(1) {
	-webkit-transform: translate(0, 0.08rem) rotate(45deg) !important;
	-moz-transform: translate(0, 0.08rem) rotate(45deg) !important;
	-ms-transform: translate(0, 0.08rem) rotate(45deg) !important;
	-o-transform: translate(0, 0.08rem) rotate(45deg) !important;
	transform: translate(0, 0.08rem) rotate(45deg) !important;}
.menu-show .open-menu i:nth-child(2) {
	-webkit-transform: translate(0, 0) rotate(-45deg) !important;
	-moz-transform: translate(0, 0) rotate(-45deg) !important;
	-ms-transform: translate(0, 0) rotate(-45deg) !important;
	-o-transform: translate(0, 0) rotate(-45deg) !important;
	transform: translate(0, 0) rotate(-45deg) !important;}
.menu-show .open-menu i:nth-child(3) {width: 0;}
}
@media (max-width:480px) {
header .logo img{ height: 0.28rem;}
}

/* footer */
footer{background: #02193c ; padding-top: var(--padding-margin__100);position: relative;z-index: 11;color: rgba(var(--white-color__rgb),0.5);}
footer .container{max-width: calc(var(--max-width2) * 1px);}
footer a{color: rgba(var(--white-color__rgb),0.5);}
footer a:hover{color: var(--white-color);}
.f-top{margin-bottom: var(--padding-margin__60);padding-bottom: var(--padding-margin__30);border-bottom: 1px solid rgba(255,255,255,0.1);}
.f-top dl{padding-bottom: var(--padding-margin__25);}
.f-top dt{margin-bottom: 2px;color: #8d9199;font-weight: var(--font-weight__l);}
.f-top .tel a{color: #307fe2 !important;font-size: var(--font-size__28);}
.f-top .mail,.f-top .add{color: rgba(var(--white-color__rgb), 0.5) !important;font-size: var(--font-size__18);}
.f-top .mail a{color: rgba(var(--white-color__rgb), 0.5) !important;}
.f-sitemap .tit{font-size: var(--font-size__20);margin-bottom: 0.14rem;}
.f-sitemap .tit a{color: var(--white-color);}
.f-sitemap .item dd:not(:last-child){ margin-bottom: 0.06rem;}
.f-sitemap .item dd a{color: rgba(var(--white-color__rgb),0.5);font-weight: var(--font-weight__l);}
.f-sitemap .item dd a:hover{color: var(--white-color);}
.follow-us li{position: relative;z-index: 20;width: 1rem;text-align: center;font-weight: var(--font-weight__l);color: #8d9199;}
.follow-us li img{display: block;width: 100%;padding: 0.05rem;border: 1px solid rgba(255,255,255,0.1);background-color: rgba(255,255,255,0.05);margin-bottom: 0.07rem;transition: all 0.5s;}
.follow-us li:hover img{transform: scale(1.15);}
.follow-us li:not(:first-child){margin-left: 0.3rem;}
.f-link{padding-top: var(--padding-margin__110);font-weight: var(--font-weight__l);}
.f-link a:not(:last-child):after{display: inline-block;margin: 0 0.1rem;width: 1px;height: 0.12rem;background-color: rgba(255,255,255,0.1);content: "";}
.f-bottom{border-top: 1px solid rgba(var(--white-color__rgb),0.1); padding: var(--padding-margin__25) 0 var(--padding-margin__45); line-height: calc(36 / 16);margin-top: var(--padding-margin__25);width: 100%;}
.f-bottom,
.f-bottom a:not(:hover){color: #8d9099;}
.f-bottom .nav a:not(:last-child):after{width: 1px;background-color: rgba(var(--white-color__rgb), 0.1);height: 0.12rem; margin: 0 0.12rem;content: '';display: inline-block;}
.f-linkb{width:100%;padding-top: var(--padding-margin__30);}

.fix-right{right: var(--padding-margin__15);top: 50%;width: 0.6rem;position: fixed;z-index: 100;transform: translateY(-50%);}
.fix-right .btn{display: flex;text-align: center;font-size: var(--font-size__14);align-items: center;justify-content: center;height: 0.6rem;background-color: var(--primary-color);}
.fix-right li{position: relative;}
.fix-right figure img{display: block;margin: 0px auto;height: 0.25rem;}
.fix-right li:not(:last-child) .btn{border-bottom: 1px solid rgba(255,255,255,0.18);}
.fix-right li:hover .info{right: 100%;visibility: visible;z-index: 100;opacity: 1;}
.fix-right li:nth-child(2) .info{width: 1.8rem;}
.fix-right .info{padding: 0.1rem;border-radius: 5px;background: #fff;width: 2.25rem;transition: all 0.5s;position: absolute;opacity: 0;z-index: -1;visibility: hidden;box-shadow: 0 0 15px rgba(0,0,0,0.15);}
.fix-right .info .code{text-align: center;}
.fix-right .info .code img{width: 100%;}
.fix-right .info:after{width: 10px;height: 10px;top: 50%;transform: translateX(-50%) rotate(45deg);content: "";position: absolute;background: #fff;right: -10px;}
.fix-right .info .tel{font-size: var(--font-size__14);}
.fix-right .info .tel p:not(:last-child){border-bottom: 1px solid rgba(0,0,0,0.08);padding-bottom: 0.1rem;margin-bottom: 0.1rem;}
.fix-right .info .tel a{display:block;font-weight:var(--font-weight__b);font-size: var(--font-size__20);}
.fix-right .back-top{transform: translateY(-100%);height: 0;opacity: 0;transition: all 0.5s;pointer-events: none;}
.fix-right.up .back-top{transform: translateY(0);opacity: 1;pointer-events: auto;height: 0.6rem;}
.fix-right.up li:nth-child(2) .btn{border-radius: 0;}

.back-top {cursor: pointer;}
.back-top #canvas{position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;fill: none;stroke-width: 3px;stroke: #0f70b6;stroke-dasharray: 275;stroke-dashoffset: 275;display:none;}
.back-top .btn{background-color: var(--secondary-color);}
.back-top .btn:before{width: 0.2rem;height: 0.2rem; background: url(../images/totop.svg) var(--background-contain);display: block; content: ''; backface-visibility: visible;margin: 0px auto;}
.back-top:hover .btn{-webkit-animation: gettop 1.5s ease infinite;animation: gettop 1.5s ease infinite;}
@-webkit-keyframes gettop {
    0%, 40%, 100% {-webkit-transform: translateY(0)}
    20%, 60% {-webkit-transform: translateY(6px)}
}
@media (min-width:1025px) {
.f-sitemap{flex: 1;}
.follow-us{width: 5rem;}
.fix-right .info{width: 2.25rem;top: 50%;right: 90%;transform: translateY(-50%);}
.fix-right li:first-child .btn{border-radius: 0.05rem 0.05rem 0 0;}
.fix-right li:last-child .btn{border-radius: 50%;}
.fix-right li:nth-child(2) .btn{border-radius: 0 0 0.05rem 0.05rem;}
}
@media (max-width:1024px) {
footer{padding-bottom: 0.2rem;padding-top: 0.2rem;}
.f-top dl{width: 33.333%;}
.f-sitemap{display: none;}
.follow-us{justify-content: center;}
.copyright{text-align: center;}
.fix-right{top: auto;transform: translateY(0);bottom: -100%;right: 0;width: 100%;opacity: 0;transition: all 0.5s;}
.fix-right ul{display: flex;background-color: var(--primary-color);}
.fix-right ul li{flex: 1;}
.fix-right .info{bottom: calc(100% + 0.15rem);left: 0;}
.fix-right .info:after{right: auto;left: 50%;margin-left:-0.08rem;top: auto;bottom: -0.08rem;}
.fix-right.up{bottom: 0;opacity: 0;z-index: -100;display: none}
.back-top #canvas{width: 0.6rem;left: 50%;margin-left: -0.3rem;}
.f-bottom{padding-bottom: 0;margin-top: 0;border: none;}
}
@media(max-width:480px){
  .f-top dl{width: 50%;}
  .follow-us li{width: 1.2rem;}
}


/* cookies */
.cookiesBox{position: fixed;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;visibility: hidden;z-index: -100;transition: all 0.5s;display: flex;align-items: flex-end;}
.cookiesBox .dialog{width: 100%;padding: var(--padding-margin__35) 0;background-color: #fff;}
.cookiesBox .info{flex: 1;padding: 0.1rem 0;}
.cookiesBox .info h1{font-size: var(--font-size__24);color: #000;margin: 0 0 0.1rem;}
.cookiesBox .info pre{color: #999999;font-size: var(--font-size__16);line-height: 1.2;}
.cookiesBox .btn{padding: 0.1rem 0;}
.cookiesBox .btn button{height: 0.55rem;border-radius: 0.55rem;min-width: 2rem;padding: 0 var(--padding-margin__25);color: #818181;border: 0.02rem solid #818181;cursor: pointer;font-size: var(--font-size__16);background-color: transparent;}
.cookiesBox .btn button:hover{opacity: 0.7;}
.cookiesBox .btn #accept{background: var(--primary-color);color: #fff;margin-right: 0.2rem;border-color: var(--primary-color);}
.cookiesBox.uk-open {opacity: 1;z-index: 10000;visibility: visible;}
.modal-page {overflow: hidden;}


/* 首页重置 */
#bloc{z-index: 1;}

/* banner */
[class*=home-]{position: relative;overflow: hidden;z-index: 2;}
.home-main .edit-info{line-height: calc(28 / 16);color: #666666;font-size: var(--font-size__16);}

.scrollbar{padding-right: var(--padding-margin__20);}
.scrollbar::-webkit-scrollbar{width:.04rem;height:.04rem}
.scrollbar::-webkit-scrollbar-track{background: url(../images/scrollxbg.gif) repeat-y center top;}
.scrollbar::-webkit-scrollbar-thumb{background:rgba(var(--primary-color__rgb),1);border-radius:.04rem}
.scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(var(--primary-color__rgb),.5)}
.scrollbar.gray::-webkit-scrollbar{width:2px;height:2px;}
.scrollbar.gray::-webkit-scrollbar-thumb{background:rgba(var(--default-color__rgb),.6);border-radius:.04rem}
.scrollbar.gray::-webkit-scrollbar-thumb:hover{background:rgba(var(--default-color__rgb),1)}

/* banner s */
.controls-area{position: absolute; left: 0;bottom:var(--padding-margin__50);z-index: 10;width: 100%;;}
.controls-area .container{line-height: 0.38rem;padding-top: var(--padding-margin__30);position: relative;border-top: 1px solid rgba(255,255,255,0.15);}
.controls-area .arr{width: 0.31rem;height: 0.31rem;border-radius: 50%;background-size: 0.09rem 0.16rem;background-position: center center;background-repeat: no-repeat;cursor: pointer;}
.controls-area .arrow-prev{background-image: url(../images/swiper-arr_right.svg);transform: rotate(180deg);}
.controls-area .arrow-next{background-image: url(../images/swiper-arr_right.svg);}
/* .controls-area .pause-play-btn {width: 0.4rem;height: 0.4rem;border: 1px solid var(--white-color);border-radius: 50%;margin-left: 0.18rem;cursor: pointer;color: #fff;display: flex;align-items: center;justify-content: center;}
.controls-area .pause-play-btn.pause::after {content: '❚❚';font-size: 12px;}
.controls-area .pause-play-btn.play::after {content: '▶';font-size: 12px;} */
.controls-page{display: flex;align-items: center; justify-content: center;position: relative;padding: 0 0.1rem;}
.controls-page span{width: 0.08rem;height: 0.08rem;position: relative;background-color: rgba(var(--white-color__rgb),0.4);opacity: 1;}
.controls-page .swiper-pagination-bullet-active{background-color: var(--primary-color);}
.controls-page span:not(:last-child){margin-right: var(--padding-margin__30);}

.main_scroll{color:#fff;position: absolute;left: 0;top: 0;}
.main_scroll p{font-size: 0.12rem;letter-spacing: -0.01rem;}
.main_scroll p span{perspective:100px;display: inline-block;}
.main_scroll p span:nth-child(1) {animation: load_on3 1.5s ease-in-out infinite}
.main_scroll p span:nth-child(2) {animation: load_on3 1.5s ease-in-out 0.025s infinite}
.main_scroll p span:nth-child(3) {animation: load_on3 1.5s ease-in-out 0.05s infinite}
.main_scroll p span:nth-child(4) {animation: load_on3 1.5s ease-in-out 0.075s infinite}
.main_scroll p span:nth-child(5) {animation: load_on3 1.5s ease-in-out 0.1s infinite}
.main_scroll p span:nth-child(6) {animation: load_on3 1.5s ease-in-out 0.125s infinite;margin-right: 4px;}
.main_scroll p span:nth-child(7) {animation: load_on3 1.5s ease-in-out 0.15s infinite}
.main_scroll p span:nth-child(8) {animation: load_on3 1.5s ease-in-out 0.175s infinite;margin-right: 4px;}
.main_scroll p span:nth-child(9) {animation: load_on3 1.5s ease-in-out 0.2s infinite}
.main_scroll p span:nth-child(10) {animation: load_on3 1.5s ease-in-out 0.225s infinite}
.main_scroll p span:nth-child(11) {animation: load_on3 1.5s ease-in-out 0.25s infinite}
.main_scroll p span:nth-child(12) {animation: load_on3 1.5s ease-in-out 0.27s infinite}
.main_scroll p span:nth-child(13) {animation: load_on3 1.5s ease-in-out 0.29s infinite}
.main_scroll p span:nth-child(14) {animation: load_on3 1.5s ease-in-out 0.35s infinite}
.main_scroll p span:nth-child(15) {animation: load_on3 1.5s ease-in-out 0.37s infinite}
@keyframes load_on3 {
	0% {
		opacity: 0;
		transform: translateY(0.2rem) rotateX(90deg) scale(0.5)
	}
	100% {
		opacity: 1;
		transform: translateY(0%) rotateX(0deg) scale(1)
	}
}
.downarr{position: absolute;right: 0;height: 100%;top: 0;width: 0.07rem;}
.downarr .arr{position: relative;width: 0.07rem;height: 0.4rem;margin-bottom: var(--padding-margin__50);}
.downarr span{display: block;width: 0.07rem;height: 0.4rem;position: absolute;background: url(../images/down-arr.svg) no-repeat center center/contain;left: 50%;transform: translateX(-50%);}
.downarr .sp1{animation-name: down_move1; animation-duration: 2000ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 0ms;}
.downarr .sp2{opacity: 0; animation-name: down_move1; animation-duration: 2000ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 1000ms;}
.downarr .sp3{opacity: 0; animation-name: down_move1; animation-duration: 2000ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 2000ms;}
@-webkit-keyframes down_move1
{
0% { top:0; opacity:0;}
50% { top:0.4rem; opacity:1;}
100% { top:0.6rem; opacity:0;}
}

.rows{padding: var(--padding-margin__120) 0;overflow: hidden;position: relative;min-height: unset;}
.rows .is-bgImg__cover{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;}

.home-ban .controls-page{padding-top: 0;}
.home-ban{position: relative;z-index: 1; top: 0;overflow: hidden;}
.home-ban .ispic{padding-bottom: 100vh;}
.home-ban .swiper{height: 100vh;}
.home-ban .url{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;}
.home-ban .info{position: absolute;left: 50%;bottom: 1.53rem;transform: translateX(-50%);z-index: 10;color: #fff;}
.home-ban .info pre{font-size: var(--font-size__90);font-weight: var(--font-weight__m);margin-bottom: var(--padding-margin__50);text-transform: uppercase;}
.home-ban .swiper-slide-active .ispic img{animation:fadeInscale 5s .3s ease both;-webkit-animation:fadeInscale 5s .3s ease both;-moz-animation:fadeInscale 5s .3s ease both;}
.home-ban .swiper-slide-active h1{animation:fadeInUpSmall 1s .4s ease both;-webkit-animation:fadeInUpSmall 1s .4s ease both;-moz-animation:fadeInUpSmall 1s .4s ease both;}
.home-ban .swiper-slide-active pre{animation:fadeInUpSmall 1s .6s ease both;-webkit-animation:fadeInUpSmall 1s .6s ease both;-moz-animation:fadeInUpSmall 1s .6s ease both;}
.home-ban .swiper-slide-active .more{animation:fadeInUpSmall 1s .8s ease both;-webkit-animation:fadeInUpSmall 1s .8s ease both;-moz-animation:fadeInUpSmall 1s .8s ease both;}
.home-ban .controls-area .arr{display: none;}
.pageBan2.pageBan .info p{max-width:9.3rem;font-family: Barlow-Regular;font-weight: var(--font-weight__l);}
.pageBan2.pageBan .info .more{margin-top: 0.2rem;display: inline-block;height: 0.2rem;line-height: 0.2rem;;}
.pageBan2.pageBan .info .more img{vertical-align: middle;}
.pageBan2.pageBan .info .more:hover{color: #fff;}
/* common s */
main{background-color: #fff;position: relative;z-index: 1;}
.pageBan{position: relative;background-position: center center;background-repeat: no-repeat;background-size: cover;background-color: #fff;}
.pageBan .info{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;color: #fff;z-index: 2;}
.pageBan .info h2{font-size: var(--font-size__60);font-family: Barlow-Bold;justify-content: center;margin: 0 0 0.13rem;line-height: 1.25;}
.pageBan .info p{font-size: var(--font-size__18);letter-spacing: 0em;max-width: 7.5rem;margin: 0 auto;}
.pageBan .info p span{display:block;text-align:left;}
.pageBan .ispic{padding-bottom: calc(940 / 1920 * 100%);}
.pageBan .ispic img{transition: all 5s;transform: scale(1.1);}
.pageBan.on .ispic img{transform: scale(1);}
/*.pageBan:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.34);content: "";}*/
.subMenu{position: relative;z-index: 1;background-color: #f8f8f8;}
.subMenu ul li{font-size: var(--font-size__18);min-height: 0.9rem;display: flex;align-items: center;position: relative;transition: all 0.5s;}
.subMenu ul li:not(:last-child){margin-right:var(--padding-margin__55);}
.subMenu ul li span{position: relative;display: inline-block;}
.subMenu ul li:after{position: absolute;content: "";transition: all 0.5s;height: 0.03rem;background-color: var(--primary-color);width: 0;left: 0;bottom: 0;}
.subMenu ul li.onli:after{width: 100%;}
.subMenu ul li.onli a{color:var(--primary-color);}
.subMenu .place{color: #666666;font-weight: var(--font-weight__l);display: flex;align-items: center;padding: 0.15rem 0;}
.subMenu .place:before{content: "";width: 0.15rem;height: 0.14rem;background: url(../images/ico-home.svg) var(--background-contain);display: inline-block;vertical-align: middle;margin-right: 0.1rem;}
.subMenu .place a{margin-right: 0.26rem;position: relative;}
.subMenu .place a:after{content: ">";position: absolute;right: -0.26rem;width: 0.26rem;text-align: center;top: 0;}
.subMenu .place span{color: var(--primary-color);}
.subMenu.fixed{position: fixed;top:var(--header_height__up);width: 100%;z-index: 999;}
.subMenu.fixed ul li{min-height: var(--header_height__up);}
.subMenu-placeholder {height: 0.9rem;width: 100%;visibility: hidden;display: none;}
.subMenu.nom{background-color: transparent;}
.subMenu.nom.fixed{background-color: #f8f8f8;}

.sub-title{padding-bottom: var(--padding-margin__70);text-align: center;}
.sub-title .en{font-size: var(--font-size__24);color: var(--primary-color);opacity: 0.3;margin-bottom: 0.06rem;text-transform: uppercase;font-weight: var(--font-weight__b);}
.sub-title h2{font-size: var(--font-size__42);color: var(--primary-color);line-height: 1.2;font-weight: var(--font-weight__b);}
.sub-title h2 span{color: #307fe2;}

.subPage{position: relative;padding: var(--padding-margin__100) 0;background-color: #fff;overflow: visible;}

@media(min-width:1025px){
  .subMenu ul li:hover:after{width: 100%;}
}
@media(max-width:1024px){
  .subMenu ul{overflow-x: auto;white-space: nowrap;}
  .subMenu.fixed ul li{min-height: 0.55rem;}
  .pageBan .info h2{font-size: 0.4rem;}
  .pageBan .info p{font-size: 0.16rem;}
  .subPage{padding: var(--padding-margin__80) 0;}
}
@media(max-width:480px){
  .pageBan .ispic{padding-bottom: 2.5rem;}
  .pageBan .info h2{font-size: 0.3rem;margin-bottom: 0;}
}
/* common end */


/* news */
.news-rec{margin-bottom: var(--padding-margin__100);}
.news-rec .ispic{border-radius: 0.2rem;padding-bottom: 60%;margin-bottom: 0.25rem;}
.news-rec .ispic:After{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";background-color: rgba(0,0,0,0.2);z-index: 1;transition: all 0.5s;}
.news-rec .ispic:hover:After{background-color: rgba(0,0,0,0.05);}
.news-rec time{font-size: var(--font-size__14);color: var(--primary-color);}
.news-rec .tit{font-size: var(--font-size__32);line-height: calc(36 / 32);margin: var(--padding-margin__15) 0 var(--padding-margin__35);}
.news-rec .desc{color: #666666;font-size: var(--font-size__16);line-height: calc(28 / 16);margin-bottom: var(--padding-margin__50);}

.news-list{margin-left: -0.6rem;}
.news-list .item{width: 33.333%;padding: 0 0 var(--padding-margin__70) 0.6rem;}
.news-list .ispic{border-radius: 0.15rem;padding-bottom: calc(294 / 440 * 100%);margin-bottom: var(--padding-margin__35);}
.news-list .tit{height: 2.66em;line-height: calc(32 / 24);font-size: var(--font-size__24);font-weight: var(--font-weight__m);margin:0 0 var(--padding-margin__15);}
.news-list time{color: #666666;font-size: var(--font-size__14);}
.news-list.search {margin: 0;}
.news-list.search .item{width: auto;padding: var(--padding-margin__20) 0;border-bottom: 1px solid rgba(0,0,0,0.1);}

.search-box{border-bottom: 1px solid #ededed;margin: 0 0 var(--padding-margin__20);padding-bottom: var(--padding-margin__30);}
.search-box .input{width: calc(399 / 1440 * 100%);position: relative;}
.search-box .input input{height: 0.5rem;border: 0;padding: 0 0.5rem 0 0.2rem;background-color: #f7f7f7;}
.search-box .input button{border: 0;width: 0.5rem;height: 100%;position: absolute;right: 0;top: 0;background: url(../images/search-dark.svg) no-repeat center center/0.18rem 0.2rem;cursor: pointer;opacity: 0.5;}
.search-box .input button:hover{opacity: 1;}
.search-box .select-txt{width: calc(399 / 1440 * 100%);flex: auto;margin-right: 0.2rem;}
.search-box .result{width: calc(200 / 1440 * 100%);text-align: right;color: #999999;font-size: var(--font-size__18);}
.search-box .result span{color: var(--primary-color);}


.news-media{padding-bottom: var(--padding-margin__40);}
.news-media li{position: relative;margin-bottom: var(--padding-margin__40);}
.news-media li a{display: block;}
.news-media .ispic{padding-bottom: calc(254 / 453 * 100%);}
.news-media .ispic:before{width: 0.46rem;height: 0.46rem;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 10;content: "";position: absolute;background: url(../images/ico-play.svg) var(--background-contain);transition: all 0.25s;}
.news-media .ispic:after{width: 100%;height: 100%;left: 0;top: 0;z-index: 1;content: "";position: absolute;background-color: rgba(var(--primary-color__rgb), 0.12);}
.news-media .info{position: absolute;z-index: 10;left: 0;bottom: 0.24rem;width: 100%;text-align: center;font-size: var(--font-size__18);color: #fff;padding: 0 var(--padding-margin__30);}
.news-media li:hover .ispic:before{width: 0.4rem;height: 0.4rem;}


@media(min-width:769px){
/*  */
.news-media ul:after{width: calc(453 / 1440 * 100%);content: "";height: auto;}
.news-media li{width: calc(453 / 1440 * 100%);margin-bottom: 0.4rem;}
}



/* alink upload */
.link_xlsx:before{background-repeat:no-repeat;background-position:center center;content:"";display:inline-block;vertical-align: middle;width:18px;height:18px;background-size:contain;margin:-4px 5px 0 0;background-image:url(../images/ico-xlsx.gif)}
.link_doc:before{background-repeat:no-repeat;background-position:center center;content:"";display:inline-block;vertical-align: middle;width:18px;height:18px;background-size:contain;margin:-4px 5px 0 0;background-image:url(../images/ico-word.gif)}
.link_pdf:before{background-repeat:no-repeat;background-position:center center;content:"";display:inline-block;vertical-align: middle;width:18px;height:18px;background-size:contain;margin:-4px 5px 0 0;background-image:url(../images/ico-pdf.gif)}
.link_rar:before{background-repeat:no-repeat;background-position:center center;content:"";display:inline-block;vertical-align: middle;width:18px;height:18px;background-size:contain;margin:-4px 5px 0 0;background-image:url(../images/ico-rar.gif)}


/* 主营业务 */
.business-capability{background-color: #f4f6fb;}
.business-capability .content{min-height: 6.22rem;}
.business-capability .content .tab{width: 6.22rem;height: 6.22rem;margin: 0px auto;position: relative;}
.business-capability .content .tab ul{position: absolute;z-index: 10;height: 100%;left: 0;top: 0;width: 100%;}
.business-capability .content .tab:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";background: url(../images/service_tabbg.png) var(--background-contain);animation: turn 30s linear infinite;}
.business-capability .content .tab:before{position: absolute;left: 50%;top: 50%;width:1.78rem;height:1.97rem;content: "";background: url(../images/service_tabbg3.png) var(--background-contain);margin: -0.985rem 0 0 -0.89rem;animation: turn 50s linear infinite;}
.business-capability .content .tab li{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 1.6rem;height: 1.82rem;position: absolute;cursor: pointer;}
.business-capability .content .tab li:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";z-index: -1;background: url(../images/service_tabbg1.svg) var(--background-contain);transition: all 0.5s;transform-origin: center;}
.business-capability .content .tab li:before{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";z-index: -1;background: url(../images/service_tabbg01.svg) var(--background-contain);transition: all 0.5s;opacity: 0;transform-origin: center;transition-delay: .2s;}
.business-capability .content .tab li:nth-child(1){top: 0.62rem;left: 1.37rem;}
.business-capability .content .tab li:nth-child(2){top: 0.62rem;right: 1.37rem;}
.business-capability .content .tab li:nth-child(3){top: 2.25rem;left: 0.45rem;}
.business-capability .content .tab li:nth-child(4){top: 2.25rem;right: 0.45rem;}
.business-capability .content .tab li:nth-child(5){bottom: 0.57rem;left: 1.37rem;}
.business-capability .content .tab li:nth-child(6){bottom: 0.57rem;right: 1.37rem;}
.business-capability .content .tab p{font-size: var(--font-size__18);font-weight: bold;color: #afd3ff;margin-bottom: 0.06rem;}
.business-capability .content .tab li.on p{color: var(--secondary-color);}
.business-capability .content .tab li:hover:before,
.business-capability .content .tab li.on:before{opacity: 1;}
.business-capability .content .tab li:hover:after,
.business-capability .content .tab li.on:after{transform: rotateY(180deg);opacity: 0;}
.business-capability .content .tab img{height: 0.73rem;}

.business-capability .content .con{position: relative;z-index: 10;}
.business-capability .content .con li{padding: var(--padding-margin__30) 0;border-bottom: 1px solid rgba(var(--primary-color__rgb), 0.2);cursor: pointer;}
.business-capability .content .con .tit{font-size: var(--font-size__30);line-height: calc(40 / 30);display: flex;}
.business-capability .content .con .tit em{font-style: normal;color: #999999;font-size: var(--font-size__18);margin-left: 0.08rem;transform: translateY(0.05rem);}
.business-capability .content .con .desc{font-size: var(--font-size__18);line-height: calc(36 / 18);color: #333333;text-indent: 2em;margin-top: var(--padding-margin__20);display: none;}
.business-capability .content .con .item{list-style: none;}
.business-capability .content .con .item.on .tit em{color: var(--secondary-color);}

.business-section .container{max-width: 16rem;}
.business-section ul{margin-bottom: -0.4rem;}
.business-section .item{position: relative;width: calc(780 / 1600 * 100%);margin-bottom: 0.4rem;}
.business-section .item .info{position: absolute;z-index: 10;color: #fff;transition: all 0.5s;}
.business-section .item .info.out{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;padding: var(--padding-margin__40);opacity: 0;left: 0;top: 0;}
.business-section .item .tit{font-size: var(--font-size__36);}
.business-section .item .desc{line-height: calc(36 / 18);font-size: var(--font-size__18);color: #fff;margin:var(--padding-margin__25) 0 var(--padding-margin__35);max-height: 8em;overflow-y: hidden;}
.business-section .item .desc p{padding-left: 0.12rem;position: relative;}
.business-section .item .desc p:before{position: absolute;left: 0;top: 0.8em;width: 0.04rem;height: 0.04rem;content: "";background-color: #fff;border-radius: 50%;}
.business-section .item .en{font-size: var(--font-size__18);opacity: 0.5;}
.business-section .item .ispic{padding-bottom: calc(450 / 780 * 100%);}
.business-section .item .ispic:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";z-index: 1;transition: all 0.5s;}
.business-section .item:hover .ispic:after{background: rgba(var(--primary-color__rgb), 0.5);backdrop-filter: blur(20px) saturate(150%);}
.business-section .item:nth-child(1) .ispic:after{background-image: linear-gradient(136deg, rgba(var(--primary-color__rgb),0.4), rgba(0,0,0,0), rgba(0,0,0,0));}
.business-section .item:nth-child(1) .info.in{top: var(--padding-margin__40);left: var(--padding-margin__80);}
.business-section .item:nth-child(2) .ispic:after{background-image: linear-gradient(-136deg, rgba(var(--primary-color__rgb),0.4), rgba(0,0,0,0), rgba(0,0,0,0));}
.business-section .item:nth-child(2) .info.in{top: var(--padding-margin__40);right: var(--padding-margin__80);text-align: right;}
.business-section .item:nth-child(3) .ispic:after{background-image: linear-gradient(65deg, rgba(var(--primary-color__rgb),0.4), rgba(0,0,0,0), rgba(0,0,0,0));}
.business-section .item:nth-child(3) .info.in{bottom: var(--padding-margin__40);left: var(--padding-margin__80);}
.business-section .item:nth-child(4) .ispic:after{background-image: linear-gradient(-65deg, rgba(var(--primary-color__rgb),0.4), rgba(0,0,0,0), rgba(0,0,0,0));}
.business-section .item:nth-child(4) .info.in{bottom: var(--padding-margin__40);right: var(--padding-margin__80);text-align: right;}

.business-section .item:nth-child(1).hover .info.in{left:0;top:0;opacity: 0;}
.business-section .item:nth-child(2).hover .info.in{right:0;top:0;opacity: 0;}
.business-section .item:nth-child(3).hover .info.in{left:0;bottom:0;opacity: 0;}
.business-section .item:nth-child(4).hover .info.in{right:0;bottom:0;opacity: 0;}
.business-section .item.hover .info.out{opacity: 1;}
@media(min-width:1025px){
  .business-capability .content .tab{width: 6.22rem;height: 6.22rem;margin: 0px auto;position: absolute;left: 50%;top: 0;margin-left: -3.11rem;z-index: 11;}
  .business-capability .content .con ul{width: 4rem;padding-top: 0.25rem;}
  .business-capability .content .con .item{min-height: 1.45rem;}
  /*  */
  .business-section .sub-title{position: absolute;left: 50%;top: 50%;width: 2.6rem;height: 2.6rem;margin:-1.3rem 0 0 -1.3rem;z-index: 10;background-color: rgba(255,255,255,0.8);backdrop-filter: blur(20px) saturate(150%);display: flex;align-items: center;justify-content: center;flex-direction: column;border-radius: 50%;padding-bottom: 0;}
  .business-section .sub-title .line{left: 0;width: 100%;height: 100%;top:0;border-radius: 50%;position:absolute;pointer-events: none;}
  .business-section .sub-title::before,
  .business-section .sub-title .line::before,
  .business-section .sub-title .line::after,
  .business-section .sub-title::after {width: 100%;height: 100%;border: 1px solid #fff;position: absolute;left: -1px;      top: -1px;content: '';border-radius: 50%;opacity: 0;animation: scaleAnimate 2s linear;animation-iteration-count: infinite;}
  .business-section .sub-title .line::before {animation-delay: .25s;}
  .business-section .sub-title .line::after {animation-delay: .7s;}
  .business-section .sub-title::after {animation-delay: .5s;}
}
@media(max-width:480px){
  .business-capability .content .tab{transform: scale(0.85) translateX(-0.58rem);margin-bottom: -0.35rem;}
  .business-section ul{margin-bottom: -0.2rem;}
  .business-section .item{margin-bottom: 0.2rem;}
}

/*  -- 关于我们 --  */
.photo-list {position: relative;}
.photo-list .list{margin: 0 -0.15rem;position: relative;}
.photo-list .item a{display: block;}
.photo-list .item .ispic img{display: block;}
.photo-list .item .info{padding: 0.24rem 0;transition: all 0.5s;}
.photo-list .item .tit{font-size: var(--font-size__24);margin-bottom: 0.14rem;}
.photo-list .item .desc{font-size: var(--font-size__18);line-height: calc(30 / 18);}
.photo-list .item.hover a{
  -webkit-box-shadow: 0 0 0.44rem rgba(var(--primary-color__rgb),0.1) !important;
	box-shadow: 0 0 0.44rem rgba(0,0,0,0.1) !important;
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);
}
.photo-list .item.hover .info{padding: 0.24rem 0.3rem;}

.photo-list .item{width:33.33333333%;float:left;padding:0 0 var(--padding-margin__40) 0.1rem;
  -webkit-transition: top 1s ease, left 1s ease;
  -moz-transition: top 1s ease, left 1s ease;
  -o-transition: top 1s ease, left 1s ease;
  -ms-transition: top 1s ease, left 1s ease;
  transition: top 1s ease, left 1s ease;
}
.photo-list .item:hover .ispic:before{opacity: 1;}
.photo-list .item:hover .ispic:after{opacity: 1;right: 0.2rem;}
.photo-list .list.waterfall-initialized {visibility: visible;}

.loadingMore{text-align: center;position: relative;}
.loadingMore:before{position: absolute;left: 0;top: -1.2rem;width: 100%;height: 1.2rem;background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) , #ffffff);content: "";}
.loadingMore:after{width: 0.35rem;height: 0.35rem;display: block;margin:0px auto;content: "";background: url(../images/loading.gif) var(--background-contain);}

/* 弹窗 */
.popUp-box{background-color: rgba(0,0,0,0.5);left: 0;top: 0;width: 100%;height: 100%;z-index: 1000;position: fixed;opacity: 0;pointer-events: none;visibility: hidden;transition: all 0.5s;}
.popUp-box .innerbox{height: 100vh;overflow-y: auto;transform: translateY(-0.5rem);transition: all 0.5s;padding: 0.25rem 0;display: flex;align-items: center;justify-content: center;}
.popUp-box.show{pointer-events: auto;opacity: 1;visibility: visible;}
.popUp-box.show .innerbox{transform: translateY(0);}
.popUp-box .close{position: absolute;right: 0.1rem;top: 0.05rem;background: url(../images/close-black.svg) no-repeat center center/0.25rem 0.25rem;width: 0.35rem;height: 0.35rem;opacity: 0.6;cursor: pointer;z-index: 2;}
.popUp-box .close:hover{opacity: 1;}
.popUp-box .content{max-width: 10rem;width:94%;margin: 0px auto;background-color: #fff;padding:var(--padding-margin__40);padding-top:0.4rem;position: relative;border-radius: 0.1rem;}
.popUp-box .load-info{max-height: 80vh;overflow-y: auto;}
/* 社会责任 */
.popUp-box.social .ispic {margin-bottom: var(--padding-margin__35);}
.popUp-box.social .ispic img{border-radius: 0.1rem;width: auto;margin: 0px auto;}
.popUp-box.social .title{margin-bottom: var(--padding-margin__20);}
/* 箭头 */
.arrow{position: absolute;top: 50%;transform: translateY(-50%);width: 0.56rem;height: 0.56rem;background-color: rgba(255,255,255,0.5);border-radius: 50%;cursor: pointer;}
.arrow:hover{background-color: var(--primary-color)}
.arrow:before{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";background-position: center center;background-repeat: no-repeat;background-size: 0.08rem 0.15rem;}
.arrow.prev{left: -0.96rem;}
.arrow.next{right: -0.96rem;}
.arrow.prev:before{background-image: url(../images/swiper/prev.svg);}
.arrow.prev:hover:before{background-image: url(../images/swiper/prev-on.svg);}
.arrow.next:before{background-image: url(../images/swiper/next.svg);}
.arrow.next:hover:before{background-image: url(../images/swiper/next-on.svg);}
@media(max-width:480px){
  .photo-list .item{padding-left: 0;}
}


/* 党建领航 */
.djPage .pageBan .info{padding-left: 5.8rem;top: 45%;}
.djnews-rec{margin-bottom: 0.2rem;}
.djnews-rec a{display: block;padding-bottom: 0.18rem;border-bottom: 1px solid #e8ebf2;position: relative;}
.djnews-rec a:after{position: absolute;left: 0;bottom: 0;height: 1px;content: "";background-color: #dc0022;transition: all 0.5s;width: 0;}
.djnews-rec .ispic{padding-bottom: calc(254 / 453 * 100%);margin-bottom: 0.12rem;}
.djnews-rec .tit{line-height: calc(36 / 20); min-height: 3.2em;font-size: var(--font-size__20);margin-bottom: 0.2rem;font-weight: var(--font-weight__r);}
.djnews-rec .other{position: relative;min-height: 0.24rem;}
.djnews-rec .other time{transition: all 0.3s;color: #999999;font-weight: var(--font-weight__l);}
.djnews-rec .other .read-more{position: absolute;left: 0.15rem;top: 0;transition: all 0.5s;opacity: 0;color: #dc0022;}
.djnews-rec .other .read-more:after{background-color: #dc0022;background-image: url(../images/arr-r_white.svg);}
.djnews-rec .swiper-slide:hover .other time{opacity: 0;}
.djnews-rec .swiper-slide:hover .other .read-more{opacity: 1;left: 0;}
.djnews-rec .swiper-slide:hover a:after{width: 100%;}
.djnews-rec .swiper-slide:hover .tit{font-weight: var(--font-weight__b);color: #333;}
.djnews-rec .swiper-pagination-bullet-active{background-color: #dc0022;}
.djnews-rec .swiper-pagination-bullet-active:after{background-color: #dc0022;}
.djnews-rec .arr{top: 30%;opacity: 0;}
.djnews-rec .swiper-button-prev{left: -0.9rem;}
.djnews-rec .swiper-button-next{right: -0.9rem;}
.djnews-rec .swiper-main:hover .arr{opacity: 1;}
.djnews-rec .arr:hover{background-color: #dc0022 !important;border-color:#dc0022;}

.djnews-list .item{padding: var(--padding-margin__40) 0;transition: all 0.5s;border-bottom: 1px solid #eaecf3;}
.djnews-list .item .ispic{width: calc(346 / 1440 * 100%);padding-bottom: 1.96rem;}
.djnews-list .item .info time{display: none;}
.djnews-list .item .info{flex: 1;padding: 0 var(--padding-margin__50) 0 var(--padding-margin__30);}
.djnews-list .item .desc{font-size: var(--font-size__18);color: #666666;font-weight: var(--font-weight__l);line-height: calc(32 / 18);}
.djnews-list .item .tit{font-size: var(--font-size__20);margin-bottom: 0.16rem;font-weight: var(--font-weight__r);}
.djnews-list .item .other{position: relative;width: 1.18rem;text-align: right;}
.djnews-list .item .other:before{position: absolute;left: 0;top: 50%;width:1px;height: 0.95rem;content: "";margin-top: -0.48rem;background-color: #e8ebf2;transition: all 0.5s;}
.djnews-list .item .other time {font-size: var(--font-size__14);transition: all 0.5s;}
.djnews-list .item .other time span{display: block;font-size: var(--font-size__62);line-height: 0.68rem;margin-bottom: 0.08rem;}
.djnews-list .other .read-more{position: absolute;right: 0.15rem;top: 0;transition: all 0.5s;opacity: 0;color: #dc0022;top: 50%;transform: translateY(-50%);}
.djnews-list .other .read-more:after{background-color: #dc0022;background-image: url(../images/arr-r_white.svg);}
.djnews-list .item:hover .read-more{right: 0;opacity: 1;}
.djnews-list .item:hover .other time{opacity: 0;}
.djnews-list .item:hover .other:before{height: 0;}
.djnews-list .item:hover .tit{color: #dc0022;font-weight: var(--font-weight__b);}
.djnews-list .item:hover{background-color: #fdf6f7;border-color:#fdf6f7;}
.djnews-list .Pages{padding-top: var(--padding-margin__80);}
@media(max-width:480px){}

.ContactUs {gap:.3rem}
.ContactUs .item{width:calc((100% - 2*.3rem) / 3);background: #f1f4fb;padding: .4rem; transition: 0.5s}
.ContactUs .item .icon{width: .6rem; height: .6rem;}
.ContactUs .item .icon img{max-height: 100%}
.ContactUs .item .info{padding-top: 15%}
.ContactUs .item .info h3{margin-bottom: .1rem}
.ContactUs .item .info p{padding: .03rem 0}
.ContactUs .item.ewm{flex: 1}
.ContactUs .item.ewm ul{gap:.20rem}
.ContactUs .item.ewm ul li{width:calc((100% - 4*.20rem) / 5)}
.ContactUs .item.ewm ul li figure{max-width: 1.4rem; margin: auto}
.ContactUs .item.ewm ul li figure img{width: 100%; border-radius: .05rem;}
.ContactUs .item.ewm ul li p{text-align: center; line-height: .24rem; margin-top: .1rem}
.ContactUs .item:hover{background: #fff;box-shadow: 0 0 20px #f2f2f2}
@media(max-width:1024px){
.ContactUs .item{width:calc((100% - 1*.3rem) / 2)}
}
@media(max-width:640px){
.ContactUs {gap:.2rem}
.ContactUs .item{width: 100%; padding: .2rem}
.ContactUs .item .info{padding-top:8%}
.ContactUs .item.ewm ul{justify-content: center}
.ContactUs .item.ewm ul li{width:calc((100% - 2*.20rem) / 3)}
}

.sub-column {padding-bottom: 4.861111111111111%}
.sub-column h2{color: var(--primary-color) }
.sub-column h2 span{display: block;}
.sub-column h2 span.en{ font-size: var(--font-size__24); line-height: .24rem; text-transform: uppercase; opacity: 0.3}
.sub-column h2 span.cn{ font-size: var(--font-size__46);}
.sub-column.center{text-align: center}

.bg-talent{background:linear-gradient(#ffffff, #f1f4fb)}

.talent-training .tab-nav ul{gap:.2rem}
.talent-training .tab-nav ul li{flex: 1; text-align: center;background: #f4f9ff;height: .9rem; display: flex; justify-content: center; align-items: center; cursor: pointer}
.talent-training .tab-nav ul li a{font-weight: var(--font-weight__b);}
.talent-training .tab-nav ul li.on{background: var(--primary-color) url(../images/rcpx_tit_bg.jpg) no-repeat center bottom; background-size: contain}
.talent-training .tab-nav ul li.on a{color: var(--white-color);}
.talent-training .tab-info{padding-top: 4.166666666666667%}
.talent-training .inbox{padding-bottom: 5.555555555555556%; background: url(../images/rcpx_bg.png) no-repeat center bottom; background-size: 100%}
.talent-training .title{width: 2.7rem; color: var(--primary-color);font-weight: var(--font-weight__b);}
.talent-training .article{width: calc(95% - 2.7rem); max-width: 840px; line-height: .36rem; text-align: justify}
.talent-training .article p{text-indent: 2em}
@media(max-width:768px){
.talent-training .title{width: 100%}
.talent-training .article{width: 100%; max-width: inherit}
}
@media(max-width:640px){
.talent-training .tab-nav ul{gap:.2rem}
.talent-training .tab-nav ul li{flex: initial;width:calc((100% - 2*.20rem) / 3)}
}

.training-photo .ispic{padding-bottom:55.55555555555556%;}
.training-photo .swiper-arrow{padding-top: 2.777777777777778%; display: flex; justify-content: flex-end}
.training-photo .other-arrow{height: .56rem; width: 1.4rem;display: flex; justify-content:space-between}
.training-photo .other-arrow .arr{position: initial;}
.training-photo .other-arrow .swiper-button-prev{left: 0}
.training-photo .other-arrow .swiper-button-next{right: 0}
.training-photo .other-arrow .swiper-button-disabled{background-color: #fff; border: none; opacity: 1}
.training-photo .other-arrow .arr:not(.swiper-button-disabled){background-color: var(--primary-color);  }
.training-photo .other-arrow .swiper-button-prev:not(.swiper-button-disabled){ background-image: url(../images/swiper/prev-on.svg);}
.training-photo .other-arrow .swiper-button-next:not(.swiper-button-disabled){ background-image: url(../images/swiper/next-on.svg);}

.business-overview .overview{width:43%}
.business-overview .overview .sub-column h2 span.en{max-width: 2.9rem}
.business-overview .overview.inbox{width: 100%; padding-bottom: 3%}
.business-overview .overview.inbox .sub-column{width:38%}
.business-overview .overview.inbox .article{width:61%}
.business-overview .article{line-height: .36rem}
.business-overview .article p{text-indent: 2em}
.business-overview .photo{width:48.61111111111111%}
@media(max-width:640px){
.business-overview .overview,
.business-overview .photo,
.business-overview .overview.inbox .sub-column,
.business-overview .overview.inbox .article{width:100%}
.business-overview .overview{padding-bottom: 5%}
}

.business-TCC-trade{background:#f4f6fb url("../images/trade_bg.jpg") no-repeat center top; background-size: 100%}

.business-mode{margin-top:5%; margin-bottom: 2%}
.business-mode .title{width: 43.40277777777778%; background: url("../images/mode_jt.png") no-repeat right center; background-size: 100%; padding: 10% 0}
.business-mode .title h3 span{color: var(--primary-color); display: block}
.business-mode .other{width:36.11111111111111%; position: relative; margin-top: 5%}
.business-mode .txt{position: absolute; width: 100%; text-align: center; top: 50%; transform: translateY(-50%);color: var(--primary-color);}
.business-mode .txt .cn{line-height: .4rem; font-size: .25rem}
.business-mode .txt .en{opacity: 0.3; padding-top: .1rem; font-size: .17rem}
.business-mode .info li{width: 1.6rem;position: absolute; transform: translate(-50%,-50%);}
.business-mode .info li:nth-child(1){left: 49.5%; top: 6%}
.business-mode .info li:nth-child(2){left:92%; top:76.5%}
.business-mode .info li:nth-child(3){left: 10%; top:76.5%}
.business-mode .info .sub{position: absolute;width: 100%; top: 50%; transform: translateY(-50%); z-index: 5; text-align: center; color: #fff}
.business-mode .info .sub span{display: block}
.business-mode .info .sub span.en{opacity: 0.5}
.business-mode .info .icon{width: 1.6rem; height: 1.6rem; border-radius: 100%; position: relative; display:flex; justify-content: center; align-items: center; background: #307fe2}
.business-mode .info .icon img{opacity: 0.1; max-width: 90%; max-height: 90%}
.business-mode .info .icon:before{content: '';position: absolute; left: -9.695%; right: -9.695%; top: -9.695%; bottom: -9.695%; margin: auto;background:url("../images/mode_yuan.png") no-repeat center center; background-size: contain; border-radius: 100%}
.business-mode .info li:nth-child(2) .icon:before{transform: rotate(-60deg)}
.business-mode .info li:nth-child(3) .icon:before{transform: rotate(60deg)}
.business-mode .yuanquan{width:100%; padding-bottom:100%; background: url("../images/mode_yuanquan.png") no-repeat center center; background-size: contain}
@media(max-width:1024px){
.business-mode{padding-bottom: 5%}
.business-mode .title{width: 100%; margin-bottom: 8%}
.business-mode .other{width: 50.78125%; margin: auto}
}
@media(max-width:640px){
.business-mode .other{width:70%;left: -2%; position: relative}
}



.business-PARK .overview{width: 43%; padding: 10% 0}
.business-PARK .article{line-height: .36rem}
.business-PARK .photo{width:66.66666666666667%;margin-right: -17%}
.business-PARK .photo img{width: 100%}
.business-PARK .pic{width: 100%;margin-top: -9%; position: relative; z-index: 10}
.business-PARK .pic img{width:70.278%}
@media(max-width:640px){
.business-PARK .overview,
.business-PARK .photo{width: 100%}
.business-PARK .pic{margin-top: 3%}
}


.shiye-case .item{ flex: 1;position: relative; cursor: pointer}
.shiye-case .item .ispic{padding-bottom:140.625%}
.shiye-case .item .ispic:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";z-index: 1;transition: all 0.5s;}
.shiye-case .item .tit{position: absolute; width: 100%; top:10%;padding:3%;color: #ffffff; z-index: 10; text-align: center; transition: 0.5s}
.shiye-case .item a{position: absolute; top: 0; width: 100%; height: 100%; z-index: 10; opacity: 0; z-index: 10;color: #ffffff;transition: 0.5s; transform: scale(0)}
.shiye-case .item a h3{text-align: center}
.shiye-case .item .info{width: 100%}
.shiye-case .item .txt{line-height: .36rem; margin:.5rem 10%; max-height: 3.6rem; overflow-y: auto}
.shiye-case .item .txt p{text-indent: 2em}
.shiye-case .item .read-more{justify-content: center}
.shiye-case .item.hover .ispic:after{background: rgba(var(--primary-color__rgb), 0.5);backdrop-filter: blur(15px) saturate(100%);}
.shiye-case .item.hover a{ opacity: 1; transform: scale(1)}
.shiye-case .item.hover .tit{top: 0; opacity: 0}
@media(max-width:1024px){
.shiye-case .item .txt{max-height:1.8rem; }
}
@media(max-width:640px){
.shiye-case .item{flex: initial; width: 100%}
.shiye-case .item a{ opacity: 1; transform: scale(1)}
.shiye-case .item .tit{opacity: 0}
.shiye-case .item .ispic:after{background: rgba(var(--primary-color__rgb), 0.5);backdrop-filter: blur(5px) saturate(100%);}
.shiye-case .item .ispic{padding-bottom:120%}
}

.shiye-product{background: #f4f6fb}
.shiye-product .product a{transition: 0.5s}
.shiye-product .product .ispic{padding-bottom:56.08695652173913%}
.shiye-product .product .info{padding: .3rem 0; transition: 0.5s}
.shiye-product .product .info p{line-height: .3rem; margin-top: .05rem; height: 0.6rem; color: #333333; width: 95%}
.shiye-product .product .read-more{justify-content: flex-end; opacity: 0}
.shiye-product .product .read-more:after{background-image:url("../images/arr-r_white.svg")}
.shiye-product .product a:hover{height: #fff}
.shiye-product .product a:hover .info {padding: .3rem .45rem;box-shadow: 0 10px 40px rgba(15,29,55,0.1)}
.shiye-product .product a:hover .read-more{opacity: 1}
.shiye-product .swiper-arrow{padding-top:2.083333333333333%; display: flex; justify-content: flex-end}
.shiye-product .swiper-arrow .box{max-width: 7rem;width: 100%;position: relative; display: flex; align-items: center; justify-content: space-between}
.shiye-product .swiper-arrow .swiper-scrollbar{position: relative;width:71.43%; background: rgba(0,60,150,0.3); height: 1px;}
.shiye-product .other-arrow{height: .56rem; width: 1.4rem;display: flex; justify-content:space-between}
.shiye-product .other-arrow .arr{position: initial;}
.shiye-product .other-arrow .swiper-button-prev{left: 0}
.shiye-product .other-arrow .swiper-button-next{right: 0}
.shiye-product .other-arrow .swiper-button-disabled{background-color: #fff; border: none; opacity: 1}
.shiye-product .other-arrow .arr:not(.swiper-button-disabled){background-color: var(--primary-color); }
.shiye-product .other-arrow .swiper-button-prev:not(.swiper-button-disabled){ background-image: url(../images/swiper/prev-on.svg);}
.shiye-product .other-arrow.swiper-button-next:not(.swiper-button-disabled){ background-image: url(../images/swiper/next-on.svg);}
.shiye-product .swiper{overflow: inherit}


li{list-style: none;}
ul{padding: 0;margin: 0;}
/* company-profile */
.abouttit{font-size: 0.6rem;color: #181818;font-family: Barlow-Bold;line-height: 0.8;margin-bottom: 0.4rem;}
.engineering-main{padding-top: 1.6rem;}
.company-profile .desc{font-size: 0.18rem;line-height: 0.3rem;color: #333333;max-height: 3.6rem;overflow-y: auto;padding-right: 0.4rem;text-align: justify;}
.abouttit2{font-family: Barlow-Bold;font-size: 0.5rem;line-height: 0.57rem;color: #ffffff;}
.numberList ul{display: flex;justify-content: center;margin-top: 1.6rem;margin-bottom: 1rem;}
.numberList ul li{color: #fff;width: 25%;max-width: 4rem;text-align: center;}
.numberList ul li .num{position: relative;display: inline-block;height: 0.7rem;}
.numberList ul li .num .counter{font-family: Barlow-Medium;font-size: 0.8rem;line-height: 0.7rem;overflow: hidden;}
.numberList ul li .num .counter i{font-style:normal;display:block;min-height:1.06rem;}
.numberList ul li .num sup{position: absolute;left: 100%;top: 0;font-size: 0.3rem;font-family: Barlow-Bold;line-height: 1;}
.numberList ul li .num sub{font-family: Barlow-Medium;font-size: 0.18rem;line-height:1;position: absolute;left: 100%;bottom: 0;}
.numberList ul li .num p{display: block;font-size: 0.2rem;color: #555555;line-height: 0.2rem;;}
.numberList ul li p{max-width:80%;margin:0px auto;}


.history-main{position: relative; z-index: 2;background: url(../images/shan.png) no-repeat center 40%/contain;padding-bottom: 1.6rem;}
.history-txt{padding-top: 0;font-weight: var(--font-weight__b);}
.history-txt .num{font-size: 1.2rem; margin-right: .1rem; color: var(--primary-color);line-height: 0.88;font-family: Barlow-Bold;}
.history-txt span{display: block; position: relative}
.history-txt span.en{font-family: Barlow-Medium;line-height: 0.26rem;color: #333333;}

.history-year .swiper-slide{text-align: center;background: #f4f6f9 ;height: .8rem; display: flex; justify-content: center; align-items: center; cursor: pointer;border-radius: 0.8rem;}
.history-year .swiper-slide b{font-weight: var(--font-weight__b);}
.history-year .swiper-slide-thumb-active{background: var(--primary-color) url(../images/rcpx_tit_bg.jpg) no-repeat center bottom; background-size: contain;color: var(--white-color);}
.history-year .swiper-button-prev,
.history-year .swiper-button-next{top: 50%; transform: translateY(-50%)}
.history-year .swiper-button-prev{left: -.6rem;}
.history-year .swiper-button-next{right: -.6rem;}
.history-arrow{display: flex; justify-content: center}
.history-arrow .other-arrow{ height: .56rem; width: 1.4rem;display: flex; justify-content:space-between}
.history-arrow .other-arrow .arr{position: initial; margin: .2rem 0}
.history-arrow .other-arrow .swiper-button-prev{left: 0}
.history-arrow .other-arrow .swiper-button-next{right: 0}
.history-info .swiper-slide-active.swiper-slide{opacity:1  !important;}
.history-info{overflow: hidden;height: 10rem;position: relative;margin-top: -0.8rem;}
.history-info ul li{padding-left: 0.3rem;background: url(../images/line.png) no-repeat left 0.3rem;min-height: 3.2rem;transition: all 0.3s;width: 2rem;opacity: 0;}
.history-info ul li.slick-current{margin-top: 2.8rem;}
.history-info ul li.slick-active{opacity: 1;}
.history-info ul li.slick-current + .slick-active{margin-top: 8rem;margin-left: -1.2rem;}
.history-info ul li.slick-current + .slick-active + .slick-active{margin-top: 2.1rem;}
.history-info ul li.slick-current + .slick-active + .slick-active + .slick-active{margin-top: 7rem;margin-left: -1rem;}
.history-info ul li.slick-current + .slick-active + .slick-active + .slick-active + .slick-active{margin-top: 1.4rem;}
.history-info ul li.slick-current + .slick-active + .slick-active + .slick-active + .slick-active + .slick-active{margin-top: 6rem;margin-left: -1rem;}
.history-info ul li.slick-current + .slick-active + .slick-active + .slick-active + .slick-active + .slick-active + .slick-active{margin-top: 0.5rem;}
.history-info ul li.slick-current + .slick-active + .slick-active + .slick-active + .slick-active + .slick-active + .slick-active + .slick-active{margin-top: 5rem;margin-left: -1rem;}
.history-info ul li .box{width: 100%}
.history-info ul li .ispic{width:100%;margin-top: 0.15rem;}
.history-info ul li .ispic figure{position: relative; padding-bottom:56.25%; height: 100%}
.history-info ul li .ispic figure img{position: absolute; top: 0; border-radius: .1rem;}
.history-info ul li .info{width: 100%; padding-left: 0rem;max-width: 2.4rem;}
.history-info ul li .info h4{position: relative; color: var(--primary-color);}
.history-info ul li .info p{line-height: .32rem; padding: 0}
.history-info ul li .info .icon{width: .2rem; height: .2rem; position: absolute; top: 0; bottom:0; margin: auto; border: solid 4px var(--primary-color); border-radius: 100%; background: #fff}
.history-info .controls{position: absolute;right: 0;bottom: 40%;width: 1.3rem;height: .56rem; width: 1.4rem;display: flex; justify-content:space-between}
.history-info .controls .slick-arrow{width: .56rem;height: .56rem; }
.history-info .controls .slick-prev{left: 0}
.history-info .controls .slick-next{right: 0}
@media(max-width:1600px){
.history-info ul li{width: 1.8rem;}
}
@media(max-width:1024px){
.history-txt{padding-bottom: 4.861111111111111%;}
.history-info ul li .ispic{width: 100%; order: 2; padding: 5% 10%}
.history-info ul li .info{width: 100%}
.history-info ul li .info p,
.history-info ul li .info h4{padding: 0}
.numberList ul li .num .counter{font-size: 0.6rem;line-height: 0.5rem;}
.numberList ul li .num{height: 0.5rem}
.history-info ul li .info p{font-size: 0.14rem;line-height: 0.2rem;max-height: 1.8rem;overflow-y: auto;}
.history-info ul li{padding-left: 0.2rem;background-size: 0.12rem auto;}
.history-txt .num{font-size:0.64rem;}

}
@media(max-width:480px){
  .numberList ul{flex-wrap: wrap;}
.numberList ul li{width: 50%;margin-bottom: 0.3rem;}
.history-info ul li.slick-current{margin-top: 00.9rem;}
.history-info ul li.slick-current + .slick-active{margin-top: 0.4rem;margin-left: 0;}
.history-info{margin-top: 0;}
.history-info ul li.slick-current + .slick-active + .slick-active{margin-top: 0;}
.history-info{height: 3.8rem;}
.history-txt .num{font-size:0.48rem;}

.numberList ul li p{max-width:90%;}
.numberList ul li .num .counter i{min-height:0.6rem;}
}
.abouttit.color-w{color: #fff;}
.corporate-strategy{color: #fff;position: relative;}
.corporate-strategy .left{width: 25.65%;}
.corporate-strategy .abouttit{margin-bottom: 0.8rem;}
.corporate-strategy .left .box .ti{font-family: Barlow-Bold;font-size: 0.3rem;height: 0.6rem;line-height: 0.6rem;border-bottom: solid 0.01rem rgba(255,255,255,0.3);}
.corporate-strategy .left .box ul{max-height: 1.92rem;overflow-y: auto;margin-top: 0.3rem;}
.corporate-strategy .left .box ul li{width: 50%;float: left;font-family: Barlow-Regular;font-size: 0.18rem;line-height: 0.32rem;color: #ffffff;opacity: 0.8;padding-left: 0.13rem;position: relative;}
.corporate-strategy .left .box ul li::before{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%); width: 0.04rem;height: 0.04rem;border-radius: 50%;background: #fff;opacity: 0.8;margin-top: -0.02rem;}
.corporate-strategy .left .box:not(:last-child){margin-bottom: 0.4rem;}
.corporate-strategy .left .box ul::-webkit-scrollbar-thumb{background-color: #fff;}
.corporate-strategy .left .box ul::-webkit-scrollbar{background-color: rgba(255,255,255,0.1);border-radius: 0.03rem;width: 0.03rem;}
.corporate-strategy .left .box.box2 ul li{width: 100%;}
.corporate-strategy .left .box ul li:hover{opacity: 1;}  
.corporate-strategy .left .box ul li:hover a{color: #fff;}
.corporate-strategy .dots{position: absolute;right: 12.82%;top: 51.9%;padding-bottom: 0.6rem;background: url(../images/dots.png) no-repeat center bottom;}
.corporate-strategy .dots p{font-family: Barlow-Bold;font-size: 0.2rem;color: #ffffff;}

.organizational-structure .box1{font-family: Barlow-Medium;font-size: 0.18rem;line-height: 0.24rem;color: #ffffff;text-align: center;border-radius: 0.16rem;background-color: #003c96;padding: 0.2rem;width: 2.6rem;position: relative;margin-right: 0.4rem;}
.organizational-structure .box1:after{position: absolute;left: 100%;top: 50%;transform: translateY(-50%);content: '';width: 0.4rem;height: 0.01rem;border-bottom: 1px dashed #c3c3c3;}
.organizational-structure .box2{padding-left: 0.4rem;position: relative;}
.organizational-structure .box2::before{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%); width: 0.01rem;height: calc(100% - 0.74rem);border-left: 1px dashed #c3c3c3;}
.organizational-structure .box2 li{background-color: #f4f6f9;border-radius: 0.1rem;text-align: center;font-size: 0.16rem;line-height: 0.24rem;color: #181818;padding: 0.14rem 0;margin: 0.1rem 0;min-width: 5.4rem;position: relative;}
.organizational-structure .box2 li:after{position: absolute;right: 100%;top: 50%;transform: translateY(-50%);content: '';width: 0.4rem;height: 0.01rem;border-bottom: 1px dashed #c3c3c3;}
.organizational-structure .box2 li{background-color: #f4f6f9;border-radius: 0.1rem;text-align: center;font-size: 0.16rem;line-height: 0.24rem;color: #181818;padding: 0.14rem 0;margin: 0.1rem 0;min-width: 5.4rem;position: relative;}
.organizational-structure .box2 li:after{position: absolute;right: 100%;top: 50%;transform: translateY(-50%);content: '';width: 0.4rem;height: 0.01rem;border-bottom: 1px dashed #c3c3c3;}
.organizational-structure .box3{margin-left: 0.4rem;}
.organizational-structure .box2 li:nth-child(7){margin-bottom: 0.3rem;}

.contact-us{background-color: #f4f6f9;}
.contact-us li{float: left;padding: 0.4rem;background-color: #ffffff;border-radius: 0.16rem;width: 32%;min-height: 2.45rem;transition: all 0.3s ease-in-out;}
.contact-us li .icon{width: 100%;}
.contact-us li .icon img{height: 0.52rem;}
.contact-us li .info{width: 100%;}
.contact-us li .info .ti{font-family: Barlow-Bold;font-size: 0.28rem;line-height: 1;color: #181818;margin-top: 0.2rem;margin-bottom: 0.1rem;;}
.contact-us li .info .box .ti2{font-family: Barlow-Medium;font-size: 0.2rem;color: #181818;line-height: 1;margin-bottom: 0.1rem;}
.contact-us li .info .box p{line-height: 0.26rem;color: #333333;}
.contact-us li .info .box:not(:last-child){margin-bottom: 0.3rem;padding-bottom: 0.3rem;border-bottom: dashed 0.01rem #cccccc;}
.contact-us li.item2{margin-left: 2%;}
.contact-us li.item3,.contact-us li.item5{float: right;}
.contact-us li.item4{margin-left: 2%;margin-top: 2%;}
.contact-us li.item5{margin-top: 2%;}
.contact-us li.item1 .info .ti{margin-top: 0.85rem;margin-bottom: 0.5rem;}
.contact-us li:hover{box-shadow: 0 0 20px #ccc}
.contact-us li .flex__row_jcc__aifs{width: 100%;}
.contact-us li:nth-child(n+6){margin-top:2%;}
.contact-us li:nth-child(n+7){margin-left:2%;}
.contact-us li.item6{clear:both;}
.contact-us li.item9{width: 100%;margin-left:0;}
.contact-us li.item9 .codebox{width: 20%;text-align: center;font-size: 0.18rem;line-height: 1;}
.contact-us li.item9 .codebox img{display:block;max-width:1.4rem;margin:0px auto;border:1px solid #f1f4fb;}
.contact-us li.item9 .codebox p{margin-top: 0.2rem;line-height:1.2;}

@media(max-width:1024px){
  .corporate-strategy .left{width: 40%;}
  .corporate-strategy .dots{right: 0%;}
  .corporate-strategy .dots p{font-size: 0.16rem;}
  .contact-us li.item1 .info .ti{margin-top: 0.4rem;}
  .contact-us li.item6 .codebox{font-size: 0.16rem;}
  .corporate-strategy .left .box ul li{font-size: 0.16rem;line-height: 0.24rem;;}
  .corporate-strategy .left .box .ti{font-size: 0.24rem;}
  .company-profile .desc{font-size: 14px;line-height: 20px;}
}
@media(max-width:768px){
.history-info ul li{width: 23vw;}
.corporate-strategy .abouttit{margin-bottom: 0.4rem;}
.contact-us li.item6 .codebox img{max-width: 60%;}
.numberList ul{margin: .6rem 0 0.6rem;}
.engineering-main{padding-top: 0.8rem;}
}
@media(max-width:480px){
.history-info ul li{width: 48vw;}
.corporate-strategy .left{width: 70%;}
.contact-us li,.contact-us li.item2,.contact-us li.item4{width: 100%;margin-bottom: 0.2rem;margin-left: 0;}
.contact-us li .icon img{max-height: 100%;}
.contact-us li.item6 .codebox{width: 100%;margin-bottom: 0.2rem;font-size: 16px;}
.contact-us li.item6 .codebox img{max-width: 50%;}
.history-main{padding-bottom: 0.6rem;background-position: center bottom 7%;}
.contact-us li.item1 .info .ti{margin-top: 0.2rem;margin-bottom: 0.1rem;;}
.contact-us li .info .box:not(:last-child){padding-bottom: 0.15rem;margin-bottom: 0.15rem;;}
.contact-us li.item9 .codebox{width:50%;padding-bottom:0.15rem;}
.history-info .controls{bottom:-3%;}
.history-info .controls{font-size:0.6rem;}
}
/* 研发 */
.subPage.pb0{padding-bottom: 0;}
.desc.w1200{max-width: 12rem;margin: 0 auto;}
.desc.pd0{padding: 0;}
.company-profile .ispic{width: 100%;padding-bottom: 41.666%;margin-top: 0.8rem;;}

.organization{background-color: #f4f6f9;}
.organization .tab-nav{text-align: center;font-size: 0;}
.organization .tab-nav .item{display: inline-block;height: 0.5rem;line-height: 0.5rem;margin: 0 0.4rem;font-size: 0.2rem;font-family: Barlow-Medium;color: #555555;cursor: pointer;border-bottom: 0.03rem solid transparent;}
.organization .tab-nav .item.on{color: #003c96;border-bottom-color: #003c96;}
.organization .tab-con{margin-top: 0.7rem;}
.organization .tab-con .ispic{width: 50%;padding-bottom: 28%;border-radius: 0.2rem;float: left;}
.organization .tab-con .text{width: 42%;float: right;}
.organization .tab-con .text .ti{font-family: Barlow-Bold;font-size: 0.4rem;line-height: 1;color: #181818;margin-bottom: 0.4rem;}
.organization .tab-con .text .desc{font-size: 0.18rem;line-height: 0.3rem;color: #333333;}

.organization .tab-con .contact{display: flex;background:#fff;border-radius:0 0.05rem 0.05rem 0;margin-top:0.15rem;}
.organization .tab-con .contact .name{position: relative;display: flex;align-items: center;justify-content: center;margin-right: .2rem;width: .68rem;color: #fff;background-color: #003c96;text-align: center;box-sizing: border-box;}
.organization .tab-con .contact .name:after{position: absolute;right: -.04rem;top: 0;bottom: 0;margin: auto 0;display: block;content: '';width: 0;height: 0;border-top: .06rem solid transparent;border-bottom: .06rem solid transparent;border-left: .05rem solid #003c96;z-index: 3;}
.organization .tab-con .contact .info{padding:0.08rem 0;flex:1;}

.Innovative .slider{margin-top: 0.8rem;}
.Innovative .slider ul li .ispic{padding-bottom: 66%;border-radius: 0.2rem;overflow: hidden;}
.Innovative .slider ul li a{display: block;margin: 0 0.1rem;}
.Innovative .slick-prev{left:0.25rem;top: 40%;}
.Innovative .slick-next{right:0.25rem;top: 40%;}
.Innovative .slick-arrow{width: 0.56rem;background-color: #ffffff;height: 0.56rem;}
.Innovative .slick-arrow:hover{background-color: #003c96;}
.Innovative .slider ul li .text{margin-top: 0.2rem;text-align: center;}
.Innovative .slider ul li .text .ti{font-family: Barlow-Bold;font-size: 0.3rem;line-height: 1;color: #181818;margin-bottom: 0.1rem;}
.Innovative .slider ul li .text .desc{font-size: 0.18rem;line-height: 0.32rem;color: #555555;text-align:center;}

.Chemical .slider .item{position: relative;color: #fff;}
.Chemical .slider .item .ispic{height: auto;padding-bottom: 41.666%;}
.Chemical .slider .item .txt{position: absolute;left: 0;top: 0;width: 100%;padding-top: 1.4rem;}
.Chemical .slider .item .txt .tit {max-width: 7.2rem;background: rgba(0,60,150,0.8);padding:3%;display:inline-block;color: #fff;}
.Chemical .slider .item .txt .tit aside{font-size: 0.4rem;font-family: Barlow-Bold;line-height: 0.4rem;}
.Chemical .slider .item .txt .tit .desc{font-size: 0.18rem;line-height: 0.3rem;color: #fff;margin-top: 0.3rem;max-height:2.1rem;overflow-y:auto;padding-right:0.08rem;}
.Chemical .slider .item .txt .tit .desc::-webkit-scrollbar-track{background:rgba(255,255,255,0.1)}
.Chemical .slider .item .txt .tit .desc::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.8)}

.Chemical .slider .item .txt .tit .more{width: 1.2rem;border-radius: 50%;text-align: center;line-height: 0.5rem;height: 0.5rem;display:inline-block;border: solid 0.01rem #ffffff;margin-top: 0.4rem;color: #fff;}
.Chemical .slider .item .txt .tit .more:hover{background-color: #003c96;color: #fff;border-color: #003c96;}
.Chemical .slider .slick-dots{position: absolute;display: flex;justify-content: space-between; left: 50%;transform: translateX(-50%);bottom: 0rem;height: 1.2rem;width: 90%;max-width: 15.6rem;z-index: 9;}
.Chemical .slider .slick-dots li{width: 12%;float: left;padding: 0.05rem 0.1rem; height: 1rem;background-color: rgba(255,255,255,0.9);border-radius: 0.16rem 0.16rem 0rem 0rem;margin-right: 0rem;position: relative;margin: 0 0.25%;display:flex;align-items:center;justify-content: center;}
.Chemical .slider .slick-dots li button{display: none;}
.Chemical .slider .slick-dots li.slick-current{background-color: #003c96;}
.Chemical .slider .slick-dots li:after{display: none;}
.Chemical .slider .slick-dots li .tit{font-family: Barlow-Bold;font-size: 0.22rem;line-height: 0.3rem;color: #181818;}
.Chemical .slider .slick-dots li.slick-current .tit{color: #fff;}
.Chemical .slider .slick-dots li.slick-current:before{width: 0.2rem;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;content: "";background: url(../images/toparr.png) no-repeat center;	height: 0.1rem;}

.engineering-case .slider{margin: 0 -0.3rem;}
.engineering-case li{	border-radius: 0.2rem;overflow: hidden;background-color: #f4f6f9;margin: 0 0.3rem;}
.engineering-case li .ispic{padding-bottom: 55.89%;}
.engineering-case li .ispic span{line-height: 1.2;font-family: Barlow-Bold;color: #fff;padding: 0.05rem 0.2rem 0.05rem 0.3rem;border-radius: 0.3rem;background: #003c96 url(../images/dots2.png) no-repeat  0.1rem center;position: absolute;top: 0.2rem;left: 0.2rem;z-index: 9;font-family: Barlow-Regular;font-size: 0.18rem;max-width:calc(100% - 0.4erem;)}
.engineering-case li .txt{padding: 0.4rem;}
.engineering-case li .txt aside{font-size: 0.3rem;line-height: 0.4rem;min-height:0.8rem;color: #181818;font-family: Barlow-Bold;}
.engineering-case li .txt .desc{font-size: 0.18rem;line-height: 0.3rem;min-height:0.9rem;color: #333333;margin: 0.2rem 0 0.3rem;}
.engineering-case li .txt .desc.on{overflow-y:auto;padding-right:0.08rem;padding-right:0.1rem;--clamp: 100;max-height:1.2rem;min-height:1.2rem;margin-bottom:0}
.engineering-case li .txt .more{display: inline-block;height: 0.2rem;line-height: 0.2rem;;}
.engineering-case li .txt .more i{vertical-align: middle;margin-left: 0.1rem;display: inline-block;transition:all 0.5s}
.engineering-case li .txt .more.on i{transform: rotate(180deg);}
.engineering-case .slick-prev{left:-0.6rem}
.engineering-case .slick-next{right:-0.6rem}


.companyInfo .left{width: 50%;}
.companyInfo .left .ispic{height: 4.38rem;border-radius: 0.2rem;float: left;width: 100%;}
.companyInfo .right{width: 42%;float: right;} 
.companyInfo .right .ti{font-family: Barlow-Bold;font-size: 0.4rem;line-height: 0.46rem;color: #181818;}
.companyInfo .right .desc{font-size: 0.18rem;line-height: 0.3rem;color: #333333;margin-top: 0.4rem;}
.companyInfo.event .left{float: right;}
.companyInfo.event .right{float: left;}
.companyInfo.event{background-color: #f4f6f9;}

.industrial-products{background-color: #f4f6f9;padding-bottom: var(--padding-margin__50);}
.industrial-products .slider{margin: 0.5rem -0.18rem 0;}
.industrial-products li{margin: 0 0.18rem;padding-bottom:var(--padding-margin__50);}
.industrial-products li .ispic{border-radius: 0.2rem;padding-bottom:calc(280/496*100%);}
.industrial-products li .txt{padding:0.3rem 0;transition: 0.5s;}
.industrial-products .slick-prev{left:-0.6rem}
.industrial-products .slick-next{right:-0.6rem}
.industrial-products .slick-arrow{background-color: #ffffff;}
.industrial-products .slick-arrow:hover{background-color: #003c96;}
.industrial-products li aside{font-size: 0.24rem;line-height: 0.36rem;color: #333333;font-family: Barlow-Bold;}
.industrial-products li .desc{font-size: 0.18rem;line-height: 0.3rem;color: #333333;}
.industrial-products .read-more{justify-content: flex-end; opacity: 0}
.industrial-products .read-more:after{background-image:url("../images/arr-r_white.svg")}
.industrial-products li a:hover .txt {padding: 0.3rem 0.45rem;box-shadow: 0 10px 40px rgb(15 29 55 / 10%);}
.industrial-products li a:hover .read-more{opacity: 1}
@media screen and (max-width:1600px){
.contact-us li .info .ti{font-size: 0.24rem;;}
.contact-us li{padding: 0.2rem;min-height:2.26rem }
.abouttit{font-size: 0.4rem;line-height: 0.6rem;margin-bottom: 0.2rem;}
.abouttit2{font-size: 0.36rem;line-height: 0.46rem;;}
}
@media(max-width:1024px){
.industrial-products .slick-prev{left:0.1rem}
.industrial-products .slick-next{right:0.1rem}
.industrial-products li .read-more{opacity:1;}
.engineering-case .slick-prev{left:0.4rem;top:28%;}
.engineering-case .slick-next{right:0.4rem;top:28%;}
}
@media(max-width:480px){
.Innovative .slick-prev{top: 32%;}
.Innovative .slick-next{top: 32%;}
.engineering-case li .ispic span{font-size:0.14rem;}
.companyInfo .left .ispic{height:auto;padding-bottom:calc(438/780*100%);}
}

.subMenu.bgn{background-color: transparent;}
.subMenu.bgn .back{font-family: Barlow-Medium;color: #003c96;}

.productCon1{padding: 1rem 0  1.2rem;background-color: #f4f6f9;}
.productCon1 .left{width: 40%;float: left;}
.productCon1 .ispic{height: 4.38rem;width: 50%;border-radius: 0.2rem;overflow: hidden;float: right;position: relative;z-index: 5;}
.productCon1 .subMenu{margin-bottom: 1rem;}
.productCon1 .left .desc{font-size: 0.18rem;line-height: 0.3rem;}
.productCon1 .Letter{font-family: Barlow-Bold;font-size: 2rem;color: #181818;opacity: 0.09;position: absolute;left: 0;bottom: 0;text-transform: uppercase;line-height: 0.8;
 color: transparent;-webkit-text-stroke: 1px rgba(24,24,24,0.9);text-stroke: 1px rgba(24,24,24,0.9);}
.productCon1 .left .abouttit{margin-bottom: 0.3rem;}

.main-applications .slider li .ispic{padding-bottom:calc(427 / 760 * 100%);border-radius: 0.2rem;}
.main-applications .slider li{margin: 0 0.2rem;}
.main-applications .slider{margin: 0.6rem -0.2rem 0;}
.main-applications .slick-prev{left:-0.6rem}
.main-applications .slick-next{right:-0.6rem}

.company-profile .desc.f24{font-size: 0.24rem;line-height: 0.4rem;max-width: 10.88rem;}
.companyInfo.odd{background-color: #f4f6f9;}
.companyInfo.odd + .companyInfo .right{float: left;}
.companyInfo.odd + .companyInfo .left{float: right;}
.companyInfo .container{display: flex;align-items: center;justify-content: space-between;}

.companyList.companyList2 .companyInfo{background-color: #f4f6f9;}
.companyList.companyList2 .companyInfo.odd{background-color: transparent;}

/* 我们做了什么 */
.what-did-we-do .whatList{display: flex;flex-wrap: wrap;justify-content: space-between;}
.what-did-we-do .whatList .item{margin-bottom: 1rem;width: 100%;}
.what-did-we-do .whatList .item:last-child{margin-bottom: 0;}
.what-did-we-do .whatList .item .ispic{width: 57%;height: 5rem;border-radius: 0.2rem;}
.what-did-we-do .whatList .item .text{width: 39%;}
.what-did-we-do .whatList .item a{width: 100%;}
.what-did-we-do .whatList .item .text .icon{margin-bottom: 0.3rem;}
.what-did-we-do .whatList .item .text .ti{font-size: 0.48rem;line-height: 1;color: #181818;font-family: Barlow-Bold;margin-bottom: 0.3rem;}
.what-did-we-do .whatList .item .text .desc{font-size: 0.18rem;line-height: 0.3rem;color: #333333;margin-bottom: 0.4rem;max-height:1.8rem;padding-right:0.08rem;overflow-y:auto;}
.what-did-we-do .whatList .item .text .more{display: inline-block;height: 0.66rem;line-height: 0.66rem;width: 1.2rem;text-align: center;border-radius: 50%;border: 1px solid #cccccc;font-size: 0.18rem;display: inline-block;transition:all 0.5s;}
.what-did-we-do .whatList .item .text .more:hover{color:#fff;background:var(--primary-color);border-color:var(--primary-color);}

.coal-chemical .coalList{display: inline-block;width: 100%;}
.coal-chemical .coalList .item{width: 44.23%;float: left;margin-bottom: 1rem;}
.coal-chemical .coalList .item .ispic{height: 3.88rem;border-radius: 0.2rem;margin-bottom: 0.3rem;}
.coal-chemical .coalList .item .ispic span{position: absolute;left: 0.2rem;top: 0.2rem;height: 0.3rem;border-radius: 0.15rem;background-color: #003c96;line-height: 0.3rem;padding: 0 0.15rem;z-index: 5;color: #fff;}
.coal-chemical .coalList .item .text .ti{font-family: Barlow-Bold;font-size: 0.34rem;	line-height: 0.4rem;color: #181818;margin-bottom: 0.15rem;}
.coal-chemical .coalList .item .text .desc{font-size: 0.18rem;line-height: 0.3rem;color: #333333;}
.coal-chemical .coalList .item:nth-child(2n){float: right;}
.coal-chemical .coalList .item:nth-child(2){margin-top: 2.3rem;}
.coal-chemical .showMorebtn{display: inline-block;margin: 0 auto;width: 100%;text-align: center;cursor: pointer;}

.pageBan2.pageBan .info p{height: 1.2rem;overflow: hidden;font-size: 0.18rem;line-height: 0.3rem;transition: all 0.3s ease-in-out;text-align: left;}
.pageBan2.pageBan .info .more.active img{transform: rotate(180deg);}
.pageBan2.pageBan .info .more img{transition: all 0.3s ease-in-out;margin-left: 0.1rem;}
.pageBan2.pageBan .info p.hauto{height: auto;max-width: 11.6rem;}

.corporate-mission{padding: var(--padding-margin__100) 0;}
.corporate-mission .subPage{background-color: #fff;padding: 0;}
.corporate-mission .subPage .left{padding-left: 9.375vw;width: 50%;padding-right: 0.9rem;}
.wwdTit .subtit{font-size: 0.24rem;font-family: Barlow-Bold;color: #073c96;line-height: 0.24rem;border-bottom: none;margin-bottom: 0;text-transform: uppercase;}
.wwdTit .tit{font-size: 0.4rem;font-family: Barlow-Bold;color: #181818;line-height: 0.52rem;margin-bottom: 0.4rem;}
.wwdTit .desc{font-size: 0.18rem;line-height: 0.3rem;color: #333333;}
.corporate-mission .subPage .right{width: 50%;float: right;position:relative;}
.corporate-mission .subPage .right .ispic figure{position:static}
.corporate-mission.swzr {background:#f4f6f9;}
.corporate-mission .qiqiu{position:absolute;left:-0.22rem;top:-2.45rem;z-index:10;width:2.15rem;}
.strategic-positioning{padding-bottom:0;background:#f4f6f9;}
.strategic-positioning .desc{font-size: 0.18rem;line-height: 0.3rem;color: #333333;max-width: 14rem;margin: 0 auto -2.5rem;}
.strategic-positioning .ispic{height: auto;padding-bottom: 46.875%;}

.corporate-vision2 .subPage{background:#f5f6fa;}

.corporate-vision{background-color: #f5f6fa;}
.corporate-vision .left{width: 50%;float: left;}
/*.corporate-vision .left .ispic{border-radius: 0.3rem;}*/
.corporate-vision .right{width: 45%;float: right;}
.corporate-vision .right .desc{font-size: 0.18rem;line-height: 0.3rem;color: #333333;max-width: 14rem;margin: 0 auto;max-height:3.6rem;overflow-y:auto;padding-right:0.08rem;}

.core-values{padding-bottom:0;}
.business-trade .photo .ispic{padding-bottom:76%;}
.business-trade{background-color: #f5f6fa;overflow: hidden;}
.business-trade .info .txt{text-align:justify;}

.corporate-vision2.qhse  .subPage{background:#fff;}
.corporate-mission.qhse2 .subPage{background:#f4f6f9;}

.corporate-mission.swzr .subPage{background:#f4f6f9;}
.corporate-mission.shzr .subPage{background:#f4f6f9;}

@media(min-width:641px){
.corporate-mission.swzr {padding-bottom:0;}
.corporate-mission.shzr {padding-top:0;}
.corporate-mission.qhse {padding-bottom:0;}
.business-trade .photo{width:50%;float: right;}
.business-trade .photo .info{display: none}
.business-trade .swiper-pagination{width:50%; position: initial; text-align: left;padding: 0rem 0.6rem;}
.business-trade .swiper-pagination ul{counter-reset:section 0 subsec 1;}
.business-trade .swiper-pagination li{width: 100%; border-radius: 0;background: none; height: auto; padding: .1rem 0}
.business-trade .swiper-pagination li:after{display: none}
.business-trade .swiper-pagination li h4{display: flex; justify-content: space-between; transition: 0.5s;color: #cccccc;}
.business-trade .swiper-pagination li .txt{transition: 0.5s; visibility: hidden; height: 0; opacity: 0; line-height: .3rem;color: #333333;}
.business-trade .swiper-pagination li.swiper-pagination-bullet-active h4{font-size: var(--font-size__30);color: var(--primary-color);font-family: Barlow-Bold;}
.business-trade .swiper-pagination li.swiper-pagination-bullet-active .txt{padding: .2rem 0; visibility: inherit; height: auto; opacity: 1;}
}
@media(max-width:1024px){
.strategic-positioning .desc * {color:#333 !important;}
.main-applications .slick-prev{left:0.1rem}
.main-applications .slick-next{right:0.1rem}
.corporate-mission .qiqiu{display:none;}
}
@media(max-width:640px){
.business-trade .photo{width: 100%;padding-bottom: .5rem}
.business-trade .photo .info{padding: .2rem}
.business-trade .photo .info h4{margin-bottom: .1rem;}
.business-trade .swiper-slide:not(.swiper-slide-active){opacity: 0!important}
.business-trade .swiper-pagination .info{display: none}
.what-did-we-do .whatList .item a{flex-wrap: wrap;}
.what-did-we-do .whatList .item .ispic{width: 100%;height: auto;padding-bottom: 56.24%;}
.what-did-we-do .whatList .item .text{width: 100%;margin-top: 0.3rem;}
.what-did-we-do .whatList .item{margin-bottom: 0.4rem;}
.what-did-we-do .whatList .item .text .ti{font-size: 0.36rem;margin-bottom: 0.15rem;}
.what-did-we-do .whatList .item .text .icon img{height: 0.5rem}
.coal-chemical .coalList .item .ispic{height: auto;padding-bottom: 56.24%;}
.pageBan2.pageBan .info p.hauto{max-height: 0.75rem;overflow-y: auto;}
.corporate-mission{padding-top: 0;}

.productCon1{padding: 1rem 0 var(--padding-margin__40) 0;}
.productCon1 .subMenu{margin-bottom:0.2rem;}
.productCon1 .container{display:block;}
.productCon1 .left{width:100%;float:none;}
.productCon1 .ispic{width:100%;margin-top:0.15rem;float:none;height:auto;padding-bottom:calc(438/780*100%);}
}
@media(max-width:480px){
    .business-trade .info .txt{line-height:0.28rem;}
    .what-did-we-do .whatList .item .text .icon{margin-bottom:0.1rem;}
}


.corporate-mission.corporate-vision2 .left{padding-left: 1rem;padding-right: 9.375vw;}

.sustainable-development .desc{max-width: 10rem;margin: 0 auto;}

.wwdTit .num{font-size: 1rem;position: absolute;left: 0;top: -0.5rem;line-height: 1;}
.wwdTit{position: relative;}

.Deepening .slider{margin: 1rem -0.2rem 0;}
.Deepening .slider li{margin: 0 0.2rem;}
.Deepening .slider li .ispic{height: 4.28rem;border-radius: 0.2rem;}
.Deepening .slider li .tit{font-family: Barlow-Bold;font-size: 0.24rem;line-height: 0.3rem;color: #333333;text-align: center;margin-top: 0.2rem;}
.Deepening .slick-prev{left:-0.6rem}
.Deepening .slick-next{right:-0.6rem}


.bgc.subPage{background-color: #f5f6fa;}
.news-hot{padding-bottom: 0%;margin-bottom: 0.6rem;}
.news-hot .ispic{width: 51.28%;border-radius: 0.2rem;}
.news-hot .ispic figure{position: relative; padding-bottom:56.25%; height: 100%}
.news-hot .ispic figure img{position: absolute; top: 0}
.news-hot .info{width: 48.72%; background: #ffffff; padding:4%}
.news-hot .info label{color: #fff; background: #003c96;display: inline-block;border-radius: 0.15rem; line-height: .3rem; padding: 0 .13rem}
.news-hot .info .tit{font-weight: var(--font-weight__b); margin: .2rem 0;}
.news-hot .info .desc{font-weight: var(--font-weight__l);line-height: .24rem; height: .72rem;  color: #666666;}
.news-hot .other{position: relative;min-height: 0.24rem; margin-top: .4rem}
.news-hot .other time{transition: all 0.3s;color: #999999;font-weight: var(--font-weight__l);}
.news-hot .other .read-more{position: absolute;left: 0.15rem;top: 0;transition: all 0.5s;opacity: 0;color: #222;}
.news-hot .other .read-more:after{background-color: #fed806;background-image: url(../images/arr-r_white.svg);}
.news-hot .swiper-pagination{position: absolute;right: 0.6rem;bottom: 0.6rem;width: auto;}
.news-hot .swiper-pagination-bullet-active{background-color: #003c96;width: 0.1rem;}
.news-hot .swiper-pagination-bullet-active:after{background-color: #003c96;}
.news-hot .swiper-slide{background-color: #ffffff;border-radius: 0.2rem;overflow: hidden;}
@media(max-width:1560px){
	.corporate-mission.corporate-vision2 .left{padding-left: 0.6rem;padding-right: 5vw;}
	.corporate-mission .wwdTit .tit{margin-bottom:0.3rem;}
	.corporate-vision .wwdTit .tit{margin-bottom:0.3rem;}
	.corporate-vision .right .desc,.corporate-mission.corporate-vision2 .left .desc{font-size:0.16rem;line-height:0.28rem;}
	.corporate-vision .right .desc{max-height:2.8rem;}
}
@media(max-width:640px){
.news-hot .ispic,
.news-hot .info{width:100%;}
.Deepening .slider{margin-top:0.3rem;}
}

.news-photo .Pages{padding-top: var(--padding-margin__30);}
.news-photo .item a{transition: all 0.5s;}
.news-photo .item .info{flex: 1;padding: 0.36rem;}
.news-photo .item .ispic{width: 100%;padding-bottom: 56.32%;border-radius: 0.2rem 0.2rem 0rem 0rem;}
.news-photo .item .tit{line-height: calc(32 / 24);margin-bottom: 0.2rem;min-height: 0.96rem;;}
.news-photo .item time{color: #555555;font-weight: var(--font-weight__l);font-size: 0.18rem;}
.news-photo .item.hover .tit{font-weight: var(--font-weight__b);color: #333333;}
.news-photo .item{width: 32%;margin-right: 2%;margin-bottom: 2%;border-radius: 0.2rem ;overflow: hidden;background-color: #ffffff;}
.news-photo .item:nth-child(3n){margin-right: 0;}
@media(max-width:1024px){
.news-list{margin-left: -0.2rem;}
.news-list .item{width: 32%;margin-right: 2%;margin-bottom: 2%;;}
.news-list .item:nth-child(3n){margin-right: 0;}
.search-box .result{width: 100%;padding-top: 0.15rem;}
}
@media(max-width:480px){
  .search-box .select-txt{width: 49%;margin-bottom: 0.15rem;margin-right: 0;}
  .search-box .select-txt:nth-child(2){margin-left: 0.15rem;width: calc(49% - 0.15rem);}
  .search-box .input{width: 100%;}
}


@media(min-width:1025px){
/* rec */
.news-rec .ispic{width: calc(720 / 1440 * 100%);padding-bottom: calc(480 / 720 * 50%);margin-bottom: 0;}
.news-rec .info{width: calc(620 / 1440 * 100%);}
.news-rec .swiper-pagination{text-align: right;}
/*  */

}

/* detail */
.news-page_details .subMenu.nom{background-color: #fff !important;}
.news-details{padding-top: var(--padding-margin__100);}
.news-details .con{width: 90%;max-width: 12.8rem;margin: 0 auto;}
.news-details .place{padding: 0.25rem 0 0.5rem;}
.news-details .tophead{padding-bottom: 0.25rem;margin-bottom: 0.25rem;border-bottom: 1px solid #edeff5;text-align: left;}
.news-details .title{line-height: calc(48 / 36);font-size: var(--font-size__36);margin-bottom: 0.19rem;}
.news-details .other{font-size: var(--font-size__18);font-weight: var(--font-weight__l);}
.news-details .other li:not(:last-child){margin-right: var(--padding-margin__100);}
.news-details .other li{padding-left: 0.1rem;background-repeat: no-repeat;background-position: 0 center;background-size: 0.15rem 0.15rem;}
.news-details .other li span{color: #999999;}
.news-details .other li.share a{display: inline-block;margin-left: 0.14rem;}
.news-details .other li.share img{vertical-align: middle;}
.news-details .other li.ly,.news-details .other li.share{display:none;}
.news-details .edit-info{font-size: var(--font-size__18);line-height: calc(36 / 18);border-bottom: 1px solid #eef0f5;padding-bottom: var(--padding-margin__45);}
.news-details .edit-info h2{font-size: var(--font-size__24);}
.news-details .edit-info h3{font-size: var(--font-size__20);}
.news-details .edit-info img{height: auto;}

.news-details .newsRec .swiper-slide a{flex-direction: row-reverse;}
.news-details .newsRec .ispic{padding-bottom: calc(99 / 174 * 100%);margin-bottom: 0.16rem;}
.news-details .newsRec time{display:block;margin-top: 0.09rem;color: #999999;font-weight: var(--font-weight__l);}
.news-details .newsRec .tit{line-height: calc(32 / 18);}
.subtit{padding-bottom: 0.12rem;border-bottom: 1px solid #e8ebf2;margin-bottom: var(--padding-margin__40);}
.subtit h2{font-size: var(--font-size__24);color: #000000;line-height: 0.39rem;}

.news-page{margin-top: var(--padding-margin__55);font-size: var(--font-size__18);position: relative;}
.news-page dl{color: #181818;}
.news-page dl:nth-child(1){margin-bottom: 0.18rem;}
.news-page dl dt{padding-right: 0.05rem;	color: #999999;}
.news-page dl dd{flex: 1;}
.news-page .back{text-align: center;width: 1.2rem;height: 0.66rem;border-radius: 50%;line-height: 0.66rem;color: #fff;margin: var(--padding-margin__45) auto 0;display: block;background-color: var(--primary-color);}
.news-page .back:hover{background-color: var(--primary-color);color: #fff;}
.news-page .back {position: relative;}
.news-page .back::before{content: '';width: 0.14rem;background: url(../images/back2.png) no-repeat center;	height: 0.12rem;display: inline-block;margin-right: 0.05rem;}
@media(min-width:1025px){
  .news-details .content{width: calc(980 / 1440 * 100%);}
  .news-details .content.auto{width: 100%;}
  .news-details .newsRec{width: calc(400 / 1440 * 100%);position: sticky;z-index: 100;top: 1.5rem;max-height: calc(100vh - 1.7rem);overflow-y: auto;}
  .news-details .newsRec .swiper-slide{padding-bottom: 0.26rem;margin-bottom: 0.26rem;border-bottom: 1px solid #eef0f5;}
  .news-details .newsRec .swiper-slide:last-child{margin-bottom: 0;}
  .news-details .newsRec .ispic{width: 1.74rem;padding-bottom: 0.99rem;margin: 0;}
  .news-details .newsRec .info{flex: 1;padding: 0 0.27rem 0 0;}
  .news-details .newsRec .swiper-wrapper{overflow: visible;display: block;}
  .news-details .newsRec .swiper-pagination{display: none;}
  .news-details .newsRec li:not(:last-child){padding-bottom: 0.23rem;margin-bottom: 0.3rem;border-bottom: 1px solid #ebebeb;}
  .news-page .back{position: absolute;right: 0;top: 0.1rem;margin: 0;}
  .news-page dl{padding-right: 1.8rem;}
}
@media(max-width:1024px){
  .news-details .edit-info img{max-width: 100%;height: auto !important;}
    .news-details .newsRec .swiper{padding: 0 10%;overflow: visible;}
    .wwdTit .tit{font-size: 0.3rem;line-height: 0.4rem;}
    .corporate-mission.corporate-vision2 .left{padding-left: 0.4rem;padding-right: 5vw;}
    .corporate-mission .subPage .left{padding-left: 5vw;padding-right: 0.4rem;}
    .news-details .edit-info{font-size: 16px;line-height: 24px;}
    
}
@media(max-width:768px){
  .news-details{padding-top: 0.7rem;}
  .news-details .place{padding-bottom: 0.3rem;}
  .news-details .other li:not(:last-child){margin-right: var(--padding-margin__50);}
  .news-details .edit-info *{font-size: var(--font-size__20) !important;}
  .news-details .other li{width: 100%;margin: 0;}
}


/* QHSE */
.qhse-p1 .silder ul .slick-list{margin: 0.8rem -2vw 0;padding: 0 13.5vw;}
.qhse-p1 .silder ul li{margin: 0 2vw ;padding-bottom: 1rem;}
.qhse-p1 .silder ul li .ispic{height: auto;padding-bottom: 62.2%;background: url(../images/kuang.png) no-repeat center/100% 100%;overflow: visible;}
.qhse-p1 .container{max-width: 14rem;}
.qhse-p1 .silder ul li .ispic figure{margin: 0.13rem;width: calc(100% - 0.26rem);height: calc(100% - 0.26rem);}
.qhse-p1 .silder ul li .ispic::after{position: absolute;left: 0;top: 100%;width: 100%;height: 1rem;content: '';background: url(../images/kuangbg.png) no-repeat center top}
.qhse-p1 .slick-prev{left: calc(50% - 0.7rem);}
.qhse-p1 .slick-next{right: calc(50% - 0.7rem);}
.qhse-p1 .slick-arrow{top:100%}
.qhse-p1:after{content:"";left:0;bottom:0;width:100%;height:4rem;position:absolute;background:#f4f6f9;}


.Deepening .imgbox{position: relative;margin-top: 2rem;}
.Deepening .imgbox .ispic{padding-bottom: 41.666%;}
.Deepening .imgbox .ti{position: absolute;left: 0;top: 50%;transform: translateY(-50%); width: 100%;height: auto;line-height: 0.52rem;font-size: var(--font-size__40);color: #fff;text-align: left;font-family: Barlow-Bold;}


.tophonor{margin-top: 0.5rem;}
.tophonor ul{display: flex;flex-wrap: wrap;justify-content: center;}
.tophonor ul li{width: 25%;font-size: var(--font-size__18);line-height: calc(36 / 18);margin: 0 0.25rem 0.5rem;text-align: center;font-size: 0.24rem;line-height: 0.3rem;color: #003c96;position: relative;}
.tophonor ul li:nth-child(4),.tophonor ul li:nth-child(5){width: 36%;}
.tophonor ul li:before{width: 0.6rem;height: 0.8rem;background: url(../images/ye_l.png) no-repeat center/contain;left: 0;top: 50%;transform: translateY(-50%);content: "";position: absolute;}
.tophonor ul li:after{width: 0.6rem;height: 0.8rem;background: url(../images/ye_r.png) no-repeat center/contain;right: 0;top: 50%;transform: translateY(-50%);content: "";position: absolute;}

.qyry-p1{background: url(../images/rybg1.png) no-repeat center bottom;padding-bottom: 0;}
.midhonor .ti{font-family: Barlow-Bold;font-size: 0.24rem;color: #003c96;text-align: center;margin-bottom: 0.5rem;}
.midhonor .tab-nav .str_origin{width: max-content}
.midhonor .tab-nav{position:relative;visibility: initial !important;}
.midhonor .tab-nav ul{display:flex;width:max-content;}
.midhonor .tab-nav li{border-radius: 0.2rem;width:max-content;background-color: #ffffff;padding: 0 0.48rem;line-height: 0.4rem;margin: 0 0.1rem 0.2rem;font-family: Barlow-Medium;font-size: 0.18rem;color: #333333;cursor: pointer;}
.midhonor .tab-nav li:hover{background-color: #003c96;color: #ffffff;}
.midhonor .tab-nav {/*max-width: 17.3rem;*/margin: 0 auto;}

.midhonor .ispic{height: 3.2rem;margin: 0.6rem auto 0.75rem;}
.midhonor .ispic img{object-fit: contain;}

.Honors{background-image: linear-gradient(180deg, #f4f6f9 50%, #f4f6f9 100%);}
.Honors .tophonor li:nth-child(1),.Honors .tophonor li:nth-child(2),.Honors .tophonor li:nth-child(3){width: 26%;margin: 0 1% 0.5rem;}
.Honors .tophonor li,.Honors .tophonor li:nth-child(4),.Honors .tophonor li:nth-child(5){width: 23%;margin: 0 1% 0.5rem;}
.Honors_b .ispic{height: 5.05rem;margin: 0.6rem auto 0rem;}
.Honors_b .ispic img{object-fit: contain;}
.Honors_b {background: url(../images/rybg2.png) no-repeat center 230%;padding-bottom: 1rem;}

.zzjg-p1 .wwdTit .subtit{margin-bottom: 0.3rem;padding-bottom: 0;}
.zzjg-p2{background: url(../images/zzjgbg.png) no-repeat center bottom;padding: 0.7rem 0 1.7rem;}
.zzjg-p2 li{width: 50%;float: left;font-size: 0.18rem;line-height: 0.48rem;color: #333333;padding-left: 0.16rem;position: relative;font-family: Barlow-Medium;}
.zzjg-p2 li:before{width: 0.07rem;height: 0.07rem;position: absolute;left: 0;top: 50%;transform: translateY(-50%);content: "";opacity: 0.8;border: solid 0.02rem #003c96;border-radius: 50%;}
.zzjg-p2 .container{max-width: 13rem;}
@media(max-width:1600px){
.tophonor ul li{font-size: 0.2rem;}
.Chemical .slider .item .txt{padding-top: 0.8rem;}
.Chemical .slider .item .txt .tit .desc{max-width: 6rem;}
.Chemical .slider .slick-dots li .tit{font-size: 0.18rem;}
.coal-chemical .coalList .item{width: 47%;}
}
@media(max-width:1024px){
.Deepening .imgbox{margin-top: 0.4rem;}
.Deepening .imgbox .ti{font-size: 0.3rem;line-height: 0.4rem;;}
.qhse-p1 .slick-arrow{top: 90%;}
.corporate-mission .desc,.corporate-vision .right .desc,.strategic-positioning .desc{max-height: 2.1rem;overflow: auto;}
.strategic-positioning .desc{margin-bottom:0.25rem;}
.Deepening {margin-top: 0.5rem;}
.tophonor ul li{font-size: 0.16rem;line-height: 0.24rem;}
.Honors_b{background-size: 100% auto;background-position:  center 130%;}
.Innovative .slick-prev{left: 5%;}
.Innovative .slick-next{right: 5%;}
.organization .tab-con .ispic{width: 100%;padding-bottom: 40%;}
.organization .tab-con .text{width: 100%;margin-top: 0.2rem;}
.organization .tab-con .text .ti{margin-bottom: 0.2rem;}
.Chemical .slider .item .txt .tit .desc{max-width: unset;width: 100%;}
.Chemical .slider .item .ispic{padding-bottom: 60%;}
.Chemical .slider .slick-dots li{font-size: 0.16rem;width: 24%;}
.Chemical .slider .slick-dots{flex-wrap: wrap;}
.engineering-case li .txt aside{font-size: 0.24rem;line-height: 0.32rem;min-height:0.64rem;}
.engineering-case li .txt{padding: 0.2rem;}
.companyInfo .right .ti{font-size: 0.3rem;line-height: 0.4rem;}
.companyInfo .right .desc{max-height: 3rem;overflow: auto;}
.companyInfo .right .desc{margin-top: 0.2rem;}
.company-profile .desc.f24{font-size: 0.18rem;line-height: 0.3rem;;}
.company-profile .ispic{margin-top: 0.4rem;}
.coal-chemical .coalList .item:nth-child(2){margin-top: 1.6rem;}
.wwdTit .tit{margin-bottom: 0.3rem;}
.news-photo .ul {flex-wrap: wrap;display: flex;}
.news-photo .item .info{padding: 0.2rem;}
}
@media(max-width:768px){
.zzjg-p2 li{font-size: 0.16rem;}
.organization .tab-nav .item{margin: 0 0.2rem;}
.Innovative .slider{margin-top: 0.4rem;}
.coal-chemical .coalList .item .text .ti{font-size: 0.24rem;line-height: 0.32rem;}
.coal-chemical .coalList .item .text .desc{font-size: 0.16rem;line-height: 0.24rem;}
.pageBan2.pageBan .info .more{display: none;}
.pageBan2.pageBan .info p{overflow-y: auto;}
}
@media(max-width:480px){
.corporate-mission .subPage{flex-wrap: wrap;}
.corporate-mission .subPage .right{width: 100%;}
.corporate-mission .subPage .left{width: 100%;padding: 0.4rem 4vw;}
.tophonor ul li{width: 100%;margin: 0 0 0.5rem;}
.tophonor ul li br{display: none;}
.tophonor ul li:nth-child(4), .tophonor ul li:nth-child(5),.Honors .tophonor li:nth-child(1), .Honors .tophonor li:nth-child(2), .Honors .tophonor li:nth-child(3),.Honors .tophonor li, .Honors .tophonor li:nth-child(4), .Honors .tophonor li:nth-child(5){width: 100%;padding: 0 0.3rem;}
.tophonor ul li:before{width: 0.5rem;height: 0.7rem;}
.tophonor ul li:after{width: 0.5rem;height: 0.7rem;}
.midhonor .tab-nav .item{margin-bottom: 0.1rem;}
.midhonor .tab-con .ispic{height: 2rem;margin: 0.4rem auto;}
.Honors_b .ispic{height: 3rem;margin: 0.4rem auto 0;}
.Honors_b {background-position: center 106%;padding-bottom: 0.6rem;}
.midhonor .tab-nav .item{text-align: center;;}
.zzjg-p2 li{width: 100%;}
.Chemical .slider .slick-dots li{padding: 0.1rem;}
.Chemical .slider .item .ispic{padding-bottom: 120%;}
.Chemical .slider .item .txt .tit .desc{max-height: 1.8rem;overflow: auto;}
.companyInfo .left{width: 100%;}
.companyInfo .container{flex-wrap: wrap;}
.companyInfo .right{width: 100%;margin-top: 0.2rem;}
.companyInfo.event .right{margin-top: 0;margin-bottom: 0.2rem;}
.companyList.companyList2 .companyInfo.odd .left{margin-top: 0.2rem;}
.coal-chemical .coalList .item{width: 100%;margin-bottom: 0.2rem;}
.coal-chemical .coalList .item:nth-child(2){margin-top: 0;}
.pageBan2.pageBan .info p{height: 0.72rem;overflow: auto;font-size: 0.16rem;line-height: 0.24rem;;}
.corporate-vision .left{width: 100%;}
.corporate-vision .container {flex-wrap: wrap;}
.corporate-vision .right{width: 100%;margin-top: 0.4rem;}
.news-photo .item{width: 100%;}
}

/* 弹窗 */
.popUp-box{background-color: rgba(0,0,0,0.5);left: 0;top: 0;width: 100%;height: 100%;z-index: 1000;position: fixed;opacity: 0;pointer-events: none;visibility: hidden;transition: all 0.5s;}
.popUp-box .innerbox{height: 100vh;overflow-y: auto;transform: translateY(-0.5rem);transition: all 0.5s;padding: 0.25rem 0;display: flex;align-items: center;justify-content: center;}
.popUp-box.show{pointer-events: auto;opacity: 1;visibility: visible;}
.popUp-box.show .innerbox{transform: translateY(0);}
.popUp-box .close{position: absolute;right: 0.1rem;top: 0.05rem;background: url(../images/close-black.svg) no-repeat center center/0.25rem 0.25rem;width: 0.35rem;height: 0.35rem;opacity: 0.6;cursor: pointer;z-index: 2;}
.popUp-box .close:hover{opacity: 1;}
.popUp-box .content{max-width: 10rem;width:94%;margin: 0px auto;background-color: #fff;padding:var(--padding-margin__40);padding-top:0.4rem;position: relative;border-radius: 0.1rem;}
.popUp-box .load-info{max-height: 80vh;overflow-y: auto;}

/*20260303*/
.news-page .back::before{background-size:contain}
.ind_page6 .photo img.active{
    opacity:1;
    transform:scale(1);
}
.news-page_details header.light-style .open-search:before {
    background-color: #111111;
}
.qualifications .part:before{left:0.05rem;}
.qualifications .part:after{right:0.05rem;}
.qualifications .part:before, .qualifications .part:after{
    background-size:0.48rem;
}
.gc-project .qualifications .item{
    max-width:auto;
}
.gc-project .qualifications .part{
    width:100%;
}
.back-top .btn:after{
    content:'';
    display:none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    border:2px solid #fff;
    border-radius:50%;
}
@media screen and (max-width:1024px){
    .back-top .btn:after {
        width: 0.6rem;
        left: 50%;
        margin-left: -0.3rem;
    }
    .subMenu ul{
        padding-bottom:0.1rem;
    }
    .swiper-button-prev, .swiper-button-next,
    .history-arrow .other-arrow .arr{
        background-color:#fff;
    }
    .history-arrow .other-arrow .swiper-button-next {
        right: -0.5rem;
    }
    .history-arrow .other-arrow .swiper-button-prev {
        left: -0.5rem;
    }
    .history-year {
        padding: 0 0.5rem;
    }
    .history-info ul li .info p, .history-info ul li .info h4 {
        padding: 0 0.3rem;
    }
}


@media screen and (max-width:480px){
    .pageBan .ispic {
        padding-bottom: 100%;
    }
    .f-bottom{
       /* padding-bottom:1.2rem;*/
    }
    .fix-right{
        bottom: 0;
        opacity: 1;
    }
    .f-link aside{
        white-space:nowrap;
    }
    .f-link .link a{
        text-align: left;
        display: inline-block;
    }
    .popup-box__video .tit-area{
        padding-right:0.4rem;
    }
    .gc-business-info .info{
        width:70%;
        margin: 0 auto;
    }
    .business-mode .info .icon{
        width:1.2rem;
        height:1.2rem;
    }
    .business-mode .info li{
        width:1.2rem;
    }
    .business-mode .info .sub span{
        font-size: var(--font-size__18);
    }
    .business-mode .info .sub span.en{
        font-size: var(--font-size__12);
    }
    .business-mode .other{
        width:80%;
    }
    .business-mode .txt .en {
        padding-left: 0.8rem;
        padding-right: 0.8rem;
    }
	.history-info ul li .info p, .history-info ul li .info h4{padding:0 0.1rem;}
}

 /* 网站地图整体样式 */
    .site-map {
      max-width: 1200px;
      margin: 40px auto;
      padding: 0 20px;
      font-family: "Microsoft Yahei", sans-serif;
    }

    /* 一级栏目样式 */
    .site-map__main {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
      gap: 30px;
      list-style: none;
      padding: 0;
      margin: 0;
    }

    /* 一级栏目项 */
    .site-map__item {
      background: #f8f9fa;
      border-radius: 8px;
      padding: 20px;
      transition: box-shadow 0.3s ease;
    }

    .site-map__item:hover {
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    }

    /* 一级栏目标题 */
    .site-map__title {
      font-size: 18px;
      font-weight: 600;
      color: #222;
      margin: 0 0 15px 0;
      padding-bottom: 10px;
      border-bottom: 2px solid #0066cc;
    }

    .site-map__title a {
      color: inherit;
      text-decoration: none;
    }

    .site-map__title a:hover {
      color: #0066cc;
    }

    /* 二级栏目列表 */
    .site-map__sub {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    /* 二级栏目项 */
    .site-map__sub-item {
      margin: 8px 0;
    }

    .site-map__sub-item a {
      font-size: 14px;
      color: #666;
      text-decoration: none;
      transition: color 0.2s ease;
    }

    .site-map__sub-item a:hover {
      color: #0066cc;
      text-decoration: underline;
    }

    /* 响应式适配（移动端） */
    @media (max-width: 768px) {
      .site-map__main {
        grid-template-columns: 1fr;
        gap: 20px;
      }

      .site-map__item {
        padding: 15px;
      }

      .site-map__title {
        font-size: 16px;
      }
    }


/*20260305*/

/* ind_page8 */
.ind_page8 .content .inner{min-height: 1.7rem;background: rgba(var(--white-color__rgb), 0.5);backdrop-filter: blur(20px) saturate(150%);padding:0.6rem 0.36rem;position: relative;transition: all 0.8s;display: block;}
.ind_page8 .content .inner h3{font-size: var(--font-size__24);color: var(--primary-color);text-align: left;line-height: calc(30 / 24);}
.ind_page8 .content .inner:after{content: "";right: 0.22rem;top: 0.17rem;line-height: 1;font-size: var(--font-size__36);color: rgba(255,255,255,0.5);position: absolute;font-weight:var(--font-weight__m);}
.ind_page8 .content .item:nth-child(1) .inner:after{content: "01";}
.ind_page8 .content .item:nth-child(2) .inner:after{content: "02";}
.ind_page8 .content .item:nth-child(3) .inner:after{content: "03";}
.ind_page8 .content .dot i{width: 0.05rem;height: 0.05rem;position:absolute;border-radius: 50%;background-color: #fff;}
.ind_page8 .content .dot i:nth-child(1){left: 0.1rem;top: 0.1rem;}
.ind_page8 .content .dot i:nth-child(2){right: 0.1rem;top: 0.1rem;}
.ind_page8 .content .dot i:nth-child(3){left: 0.1rem;bottom: 0.1rem;}
.ind_page8 .content .dot i:nth-child(4){right: 0.1rem;bottom: 0.1rem;}
.ind_page8 .boxline{height: 3.48rem;position: absolute;position: absolute;left: 50%;top: 4rem;width: 14.26rem;transform: translateX(-50%);z-index: 10;}
.ind_page8 .boxline .line{background: url(../images/home_qhse_line.png) no-repeat center center/contain;position: absolute;width: 9.11rem;height: 1.11rem;left: 50%;margin-left: -4.55rem;top: 0;}
.ind_page8 .boxline .line span{position: absolute;left: 50%;top: 50%;width: 100%;height: 100%;transform: translate(-50%, -50%); animation: spanEllipseRotate 8s linear infinite;}
.ind_page8 .boxline .line span:after{content:"";width: 0.3rem;height: 0.3rem;position: absolute;border-radius: 50%;background-image: linear-gradient(to bottom, #ffffff , #9fb2d1);left: 1.94rem;bottom: -0.06rem;}

.ind_page8 .content .light{background: url(../images/home_qhse_light.png) no-repeat center center/contain;position: absolute;width: 7.63rem;height: 3.93rem;left: 50%;margin-left: -3.815rem;top: -1.48rem;transform-origin: center center;animation: rotateFade 4s ease-in-out infinite;}

.ind_page8 .desc{text-align: left;line-height: 1.875;margin: 0rem;max-height: 0;}
.ind_page8 .more{transition: all 0.5s;margin-top: -0.3rem;opacity: 0;}
.ind_page8 .item.hover .inner{width: 4rem;background-image: linear-gradient(0deg, 	#e6edf7 0%, 	#c9def5 100%);;}
.ind_page8 .item.hover .desc{animation:fadeInUpSmall 0.5s .8s ease both;-webkit-animation:fadeInUpSmall 0.5s .8s ease both;-moz-animation:fadeInUpSmall 0.5s .8s ease both;display: block;margin: 0.12rem 0 0.2rem;max-height:5.625em;}
.ind_page8 .item.hover .more{animation:fadeInUpSmall 0.6s 1s ease both;-webkit-animation:fadeInUpSmall 0.6s 1s ease both;-moz-animation:fadeInUpSmall 0.6s 1s ease both;opacity: 1;margin: 0;}

@media(min-width:1025px){
.ind_page8{min-height: 9.6rem}
.ind_page8 .ind_column .en{color: rgba(var(--white-color__rgb),0.05);}
.ind_page8 .ind_column .cn{color: #fff;}
.ind_page8 .ind_column .cn i{filter: brightness(0) invert(1);}
.ind_page8 .content .inner{width: 2.8rem;}
.ind_page8 .content{height: 3.48rem;position: absolute;position: absolute;left: 50%;top: 4rem;width: 14.26rem;transform: translateX(-50%);z-index: 10;}
.ind_page8 .content .item{position: absolute;transition: all 0.5s;}
.ind_page8 .content .item .dian{width: 0;height: 0;position: absolute;border-radius: 50%;background-image: linear-gradient(to bottom, #0096ff , #145dff);top: 0.7rem;content: "";transition: all 0.5s;opacity: 0;}
.ind_page8 .content .item.hover .dian{width: 0.3rem;height: 0.3rem;opacity: 1;}
.ind_page8 .content .item:nth-child(1){left: 0;}
.ind_page8 .content .item:nth-child(1).hover{left: -1.07rem;}
.ind_page8 .content .item:nth-child(1).hover .dian{right: -0.61rem;}
.ind_page8 .content .item:nth-child(2){right: 0;}
.ind_page8 .content .item:nth-child(2).hover{right: -0.67rem;}
.ind_page8 .content .item:nth-child(2).hover .dian{left: -0.61rem;top: 0.77rem;}
.ind_page8 .content .item:nth-child(3){top: 1.99rem;left: 50%;transform: translateX(-50%);}
.ind_page8 .content .item:nth-child(3).hover .dian{left: 50%;margin-left:-0.15rem;top: -1.05rem;}
}
@media(max-width:1024px){
 .ind_page8 .bg{position: relative;}
 .ind_page8 .boxline{top: 40%;transform:translateX(-50%) scale(0.7);}
 .ind_page8 .content{width: 87.5%;margin: 0.25rem auto 0;}
 .ind_page8 .item{width: 3rem;}
 .ind_page8 .item:not(:last-child){margin-right: 0.15rem;}
 .ind_page8 .item .inner{background-image: linear-gradient(to bottom, #c9def5 , #e7edf7);}
 .ind_page8 .item .desc{animation:fadeInUpSmall 0.5s .8s ease both;-webkit-animation:fadeInUpSmall 0.5s .8s ease both;-moz-animation:fadeInUpSmall 0.5s .8s ease both;display: block;margin: 0.12rem 0 0.2rem;max-height:5.625em;}
 .ind_page8 .item .more{animation:fadeInUpSmall 0.6s 1s ease both;-webkit-animation:fadeInUpSmall 0.6s 1s ease both;-moz-animation:fadeInUpSmall 0.6s 1s ease both;opacity: 1;margin: 0;}
}
@media(max-width:640px){
 .ind_page8 ul{flex-wrap: nowrap;overflow-x: auto;white-space: nowrap;}
 .ind_page8 .item{white-space:inherit;}
}
@keyframes spanEllipseRotate {
0% { transform: translate(-50%, -50%) translate(-0.7rem, 0); }
25% { transform: translate(-50%, -50%) translate(5rem, 0rem); }
50% { transform: translate(-50%, -50%) translate(2.5rem, 0.05rem); }
75% { transform: translate(-50%, -50%) translate(-0.7rem, -0.05rem); }
100% { transform: translate(-50%, -50%) translate(-0.7rem, 0); }
}
@keyframes rotateFade {
    0% {
        transform: scale(1);
        opacity: 0.6;
    }
    25% {
        transform: scale(1.1);
        opacity: 1;
    }
    50% {
        transform: scale(1);
        opacity: 0.6;
    }
    75% {
        transform: scale(0.9);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 0.6;
    }
}

.ind_column.tl h2{text-align: left;;}
.ind_page95{background: #fff}
.ind_page95 .ind_column .more{position:absolute;right:0;top:0.2rem;width: 1rem;line-height: 0.4rem;text-align: center;font-size: 0.15rem;color: #333333;border-radius: 50%;height: 0.4rem;border: solid 0.01rem #cccccc;}
.ind_page95 .ind_column .more:hover{background: #003c96;color: #fff;border-color: #003c96;}
.ind_page95 .controls{float: right;position: relative;width: 1.2rem;top: -0.49rem;right: 1.25rem;}
.ind_page95 .controls .slick-arrow{width: 0.5rem;	height: 0.5rem;transform: translate(0, 0);}
.ind_page95 .slider {margin: 0.5rem -0.1rem 0}
.ind_page95 .slider li{height: 6.4rem;border: solid 0.01rem #e1e1e1;border-radius: 0.2rem;margin: 0 0.1rem;overflow: hidden;}
.ind_page95 .slider li .txt{padding: 0.4rem}
.ind_page95 .slider li .txt .ti{font-size: 0.26rem;line-height: 0.34rem;min-height:0.64rem;color: #181818;min-height: 0.68rem;font-family: Barlow-Bold;}
.ind_page95 .slider li .txt .ti:after{display: block;width: 0.32rem;content: "";height: 0.06rem;background-color: #003c96;	border-radius: 0.03rem;margin: 0.2rem 0 0.5rem;}
.ind_page95 .slider li .txt time{font-size: 0.4rem;font-family: Barlow-Medium;color: #181818;line-height: 1}
.ind_page95 .slider li .txt p{font-size: 0.18rem;color: #555555;}
.ind_page95 .slider li .ispic{height: auto;padding-bottom: 66.66%;border-radius: 0.2rem;overflow: hidden;}
.ind_page95 .slider li:hover .txt .ti{color: #003c96;}
.ind_page95 .slider li:hover .ispic img{transform: scale(1.1);}
.ind_page95 .slider li .ispic img{transition: all 0.3s}
.ind_page4{padding-bottom: 0.8rem;}


@media(max-width:640px){
	.ind_page8 .content .inner{padding: 0.3rem 0.2rem;width:100% !important;}
	.ind_page8 .content .inner h3{white-space:normal;min-height:1rem }
	.ind_page95 .slider li{height: auto;}
	.ind_page95 .slider li .txt{padding: 0.2rem}
	.ind_page95 .controls{margin-top: 0.2rem;width: 0.9rem}
	.ind_page4{padding-bottom: 0rem;}
}
@media(max-width:480px){
	.ind_page95 .controls{top:0;}
	.ind_page95 .ind_column .more{top:auto;bottom:-0.38rem;}
}

/*20260309*/
.scroll-wrap { overflow: hidden; width: 100%; position: relative; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; font-size: 0; }
.scroll-content { display: inline-block; }
.scroll-content	.item { display: inline-block; }
.str_wrap { overflow: hidden; width: 100%; position: relative; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; font-size: 0; }
.str_wrap.str_active {}
.str_move { width: 100%;white-space: nowrap; position: absolute; top: 0; left: 0; cursor: move; }
.str_move_clone { display: inline-block; //display:inline; //zoom:1; vertical-align: top; position: absolute; left: 100%; top: 0; }
.str_vertical .str_move_clone { left: 0; top: 100%; }
.str_down .str_move_clone { left: 0; bottom: 100%; }
.str_vertical .str_move,
.str_down .str_move { white-space: normal; width: 100%; }
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move { cursor: inherit; }

.news-info{}
.news-info .item{line-height: 3.5;border-bottom: 1px solid rgba(0,0,0,0.065);}
.news-info .item h3{flex: 1;font-weight: var(--font-weight__m);}
.news-info .item time{color:#999;margin-left: 0.2rem;}
.news-info .item h3 span{color: #cc0000;}