@charset "utf-8";
@import url("base.css");/* 重置&常用样式 */
@import url("fonts/custom.css"); /* 字体 */

/* 全局变量 */
pre{text-align: inherit;}
.fred{color: #f21010;}
.w100{width: 100%;}
:root{
--max-width: 1600;
--max-width2: 1440;
--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, 87, 154;/*#00579a*/
--primary-color: rgba(var(--primary-color__rgb), 1);
--secondary-color__rgb: 0, 193, 255/*#00c1ff*/;
--secondary-color:rgba(var(--secondary-color__rgb), 1);
--font-family: 'hm', sans-serif;
--font-family__en: 'Montserrat', sans-serif;
--font-family__en2: 'Barlow', 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;
--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: 0.9rem;
--border:1px solid #ededed;
--lg-tbbg:linear-gradient(to bottom, #81c14f , #eaec7c);;
--lg-lrbg:linear-gradient(to right, #81c14f , #eaec7c);;
}

/* 比例要求 */
/*超过1920px时，比例不变  默认*/
html{font-size: 100px;}
main{/*max-width: 1920px;*/margin: 0 auto;}
@media (max-width: 1680px) {
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 / 560 * 100vw);}
}

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

.container {width: 87.6%;margin: 0 auto;max-width: calc(var(--max-width) * 1px);position: relative;z-index: 1;}
.w1440 {width: 87.6%;margin: 0 auto;max-width: calc(var(--max-width2) * 1px);position: relative;z-index: 1;}
@media (max-width: 1024px) {
.container { width: 94%;}
.w1440 { width: 94%;}
:root{
  --header_height: 0.65rem;
}
}

.view.editor{line-height: 1.8;}


/* btn */
.btn{display: inline-block;text-align: center;min-width: 2.8rem;line-height: 0.6rem;border-radius: 0.6rem;color: #fff;background-color: var(--primary-color);transition: all 0.5s;}
.btn:hover{background-color: var(--secondary-color);}

.more-detail{color: #000000;font-size: var(--font-size__16);margin: 0;font-weight: var(--font-weight__l);display: flex;align-items: center;}
.more-detail:after{margin-left: 0.1rem;transition: all 0.5s;width: 0.18rem;height: 0.11rem;content: "";background: url(../images/arr_more_detail.svg) no-repeat center center/contain;}
.item:hover .more-detail{color: var(--primary-color);}
.item:hover .more-detail:after{margin-left: 0.15rem;}

@media(max-width:480px){
  .more{width: 1.5rem;border-radius: 0.46rem;line-height: 0.44rem;}
}

/* Start
========================================================================== */
header{position: fixed;left: 0;top: 0;width: 100%;z-index: 100; transition: var(--transition);--max-width:1600;border-bottom: 1px solid transparent;background-color: transparent;border-bottom: 0 !important;}
header .logo img{ height: 0.49rem;}
header:not(.dark-style) .logo img {filter: brightness(0) invert(1);}
header .container{height: var(--header_height);position: static;}
header .h-right{font-size: var(--font-size__14);font-weight: var(--font-weight__l);position: relative;z-index: 10;}
.menu-show header.dark-style .open-menu i{background-color: #fff;}
.menu-show header .h-right{color: #fff;}
.menu-show header.dark-style .h-lang dt{background-image: url(../images/lang.svg);}

.main-nav{position: fixed; top: 0; width: 3.57rem;bottom: 0;background: rgba(0,0,0,0.5); backdrop-filter: blur(5px);right: -100%;transform: translateX(100%); transition: 1s ease-in-out;padding-top: 1.4rem;height: 100vh;}
.menu-show .main-nav{ right: 0; transform: translateX(0);}
.main-nav ul{overflow: auto; padding: 0 0.2rem 0 0.58rem;}
.main-nav .sub{display: none; }
/* .main-nav .aon .sub{display: block;} */
.main-nav li{line-height: 0.3rem;}
.main-nav li:not(:last-child){margin-bottom: 0.31rem;}
.main-nav li span{position: relative;z-index: 1;overflow: hidden;display: block;font-size: var(--font-size__20);}
.main-nav li a{color: #fff;}
.main-nav .sub {padding-top: 0.3rem;}
.main-nav .sub dd{padding-bottom: 0.15rem;padding-left: 0.4rem;position: relative;font-size: var(--font-size__16);font-weight: var(--font-weight__l);}
.main-nav .sub dd:before{position: absolute;left: 0.09rem;top: 0.17rem;width: 0.13rem;height: 1px;content: "";background-color: #fff;}
.main-nav .sub dd i{position: absolute;right: 0;top: 0;width: .3rem;height: .3rem;background: url(../images/arr_xjt_white.svg) no-repeat center center;background-size: auto 0.5em;z-index: 3;transform: rotate(0deg)}
.wap-op{position: absolute;right: 0; width: 0.5rem; height: 100%;z-index: 10; background: url(../images/arr_xjt_white.svg) no-repeat center center; background-size: auto 0.5em; top: 0; transition: 0.3s; will-change: transform;cursor: pointer;}
.main-nav .sub .saon{color: var(--secondary-color) !important;}
.main-nav li.aon span a{color: var(--secondary-color) !important;}
.main-nav .saon>a{color: var(--secondary-color);}
.main-nav li.wap-show .wap-op{transform: rotate(-180deg);}
.main-nav .sub dd .categorize{display: none;margin-top: .1rem;}
.main-nav .sub dd .categorize .item{position: relative;padding-bottom: 0.15rem;padding-left: 0.4rem;}
.main-nav .sub dd .categorize .item:before{position: absolute;left: 0.09rem;top: 0.17rem;width: 0.13rem;height: 1px;content: "";background-color: #fff;}
.main-nav .sub dd .categorize .item:hover a{color: var(--secondary-color);}
.main-nav .sub dd.on .categorize{display: block;}
.main-nav .sub dd.on i{transform: rotate(180deg);}
.open-menu{display: flex;flex-direction: column;align-items: center;justify-content: space-between; width: 18px; height: 15px; margin-left: 0.25rem;cursor: pointer;}
.open-menu i{display: block; width: 100%; height: 1px;background-color: var(--white-color);transition: all 0.5s;}
.menu-show .open-menu i:nth-child(1) {
	-webkit-transform: translate(0, 7px) rotate(45deg) !important;
	-moz-transform: translate(0, 7px) rotate(45deg) !important;
	-ms-transform: translate(0, 7px) rotate(45deg) !important;
	-o-transform: translate(0, 7px) rotate(45deg) !important;
	transform: translate(0, 7px) 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;}

.h-lang{margin-right: 0.4rem;position: relative;padding: 0.1rem 0;}
.h-lang:after{position: absolute;content: "";width: 1px;height: 0.14rem;top:50%;margin-top: -0.07rem;background-color: rgba(var(--white-color__rgb), 0.2);right: -0.2rem;}
.h-lang dt{display: flex;align-items: center;justify-content: center;background: url(../images/lang.svg) no-repeat 0 center/0.18rem 0.18rem;padding-left: 0.26rem;line-height: 1.5;}
.h-lang dd{position: absolute;left: 50%;top: 120%;width: 0.8rem;background-color: var(--white-color);border-radius: 5px;text-align: center;transform: translateX(-50%);pointer-events: none;transition: all 0.5s;opacity: 0;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.h-lang dd a{display: block;padding: 0.1rem;}
.h-lang:hover dd{opacity: 1;pointer-events: auto;top: 100%;}

.open-search{display: block;width: 0.17rem; height: 0.18rem; background: var(--background-contain);cursor: pointer;}
.open-search{background-image: url(../images/search.svg);}
.search-show .open-search{background-image: url(../images/close.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.up{box-shadow: 2px 10px 24px rgba(153,181,211,0.15);}
header.dark-style .h-lang dt{background-image: url(../images/lang-black.svg);}
header.dark-style .open-search{background-image: url(../images/search-black.svg);}
header.dark-style .open-menu i{background-color: #333333;}
.search-show header.dark-style .open-search {background-image: url(../images/close-black.svg) !important;}
header.light-style .code{color: #fff;}
header.light-style .h-lang a{color: #fff;}


/* 详情头部 */
.news-details_page header{background-color: #fff;border-bottom: 1px solid #fff;box-shadow: 2px 10px 24px rgba(153,181,211,0.15);}
.news-details_page header .logo img{filter:none;}
.news-details_page header .h-lang dt{background-image: url(../images/lang-black.svg);}
.news-details_page header .h-lang a{color: #333;}
.news-details_page header .code{color: #333;}
.news-details_page header .open-menu i{background-color: #333333;}

@media (min-width:1025px) {
.main-nav li.aon .sub{display: block;}
header.light-style .main-nav li span a{color: var(--white-color);}
.wap-op{display: none;}
}
@media(max-width:1024px){
  .main-nav{background: rgba(var(--primary-color__rgb), 0.9);}
  .main-nav li.aon .sub{display: block;}
}
@media (max-width:480px) {
header .logo img{ height: 0.28rem;}
}

/* footer */
footer{line-height: 1.5;text-align: center;background-color: #f8f8f8;padding: var(--padding-margin__35);font-size: var(--font-size__14);color: rgba(var(--black-color__rgb), 0.3);font-weight: var(--font-weight__l);position: relative;z-index: 2;margin-top: -1px;}
footer a{color: rgba(var(--black-color__rgb), 0.3);display: inline-block;margin-left: 0.17rem;}
footer a:hover{color: var(--primary-color);}
footer .share{margin-bottom: .2rem;}
footer .share ul li{position: relative;margin-right: .2rem;}
footer .share ul li:last-child{margin-right: 0;}
footer .share ul li a{margin-left: 0;}
footer .share ul li .icon{display: flex;align-items: center;justify-content: center;width: .5rem;height: .5rem;cursor:pointer;background-color: rgba(0, 0, 0, .2);border-radius: .5rem;}
footer .share ul li .icon img{width: 100%}
footer .share ul li:hover .icon{background-image: linear-gradient(to top right, #10c2e6, #6bc16b);}
footer .share ul li .img{display: none;position: absolute;left: 50%;bottom: calc(100% + .15rem);width: 1.2rem;padding: .1rem;background-color: #fff;box-shadow: 0 0 .1rem rgba(0, 0, 0, .18);box-sizing: border-box;z-index: 3;transform: translateX(-50%)}
footer .share ul li .img:after{display: block;content: '';position: absolute;left: 0;right: 0;bottom: -.12rem;width: 0;height: 0;margin: 0 auto;border-top: .12rem solid #fff;border-left: .06rem solid transparent;border-right: .06rem solid transparent;z-index: 3;}
footer .share ul li:hover .img{display: block;}
.fix-right{right: 0;top: 50%;position: fixed;z-index: 100;transform: translateY(-50%);width: 0.45rem;}
.fix-right .switch{margin-top: 0.04rem;border-radius: 0.05rem 0 0 0.05rem;}
.fix-right .switch:after{width: 0.2rem;height: 0.2rem; background: url(../images/arr_switch.svg) var(--background-contain);display: block; content: ''; backface-visibility: visible;margin: 0px auto;transition: all 0.5s;}
.fix-right ul{border-radius: 0.05rem 0 0 0.05rem;background-color: var(--primary-color);transition: all 0.5s;transform: translateX(100%);opacity: 0;}
.fix-right li{position: relative;}
.fix-right .but{height: 0.45rem;display: flex;align-items: center;justify-content: center;cursor: pointer;background-position: center center;background-repeat: no-repeat;background-size: 0.2rem 0.2rem;background-color: var(--primary-color);position: relative;z-index: 2;}
.fix-right li:hover .but,
.fix-right .switch:hover{background-color: var(--secondary-color);}
.fix-right li:first-child .but{border-radius: 0.05rem 0 0 0;}
.fix-right li:last-child .but{border-radius: 0 0 0 0.05rem;}
.fix-right .but img{height: 0.2rem;}
.fix-right .inner{text-align: center;width: 2.6rem;background-color: #fff;position: absolute;right: -100%;top: 0;padding: var(--padding-margin__20);margin-bottom: var(--padding-margin__15);box-shadow: 0 0 10px rgba(0,0,0,0.1);transition: all 0.5s;opacity: 0;pointer-events: none;}
.fix-right .inner p{font-size:var(--font-size__16);color: #a7aeb5;font-weight: var(--font-weight__l);margin: 0;}
.fix-right .inner .txt{font-size:var(--font-size__22);color: var(--primary-color);line-height: 1.5;margin-top: var(--padding-margin__10);}
.fix-right .inner .txt a{color: var(--primary-color);}
.fix-right .ewm{width: 1.7rem;}
.fix-right .ewm img{display: block;width: 0.78rem;height: 0.78rem;margin: 0px auto 0.08rem;}
.fix-right li:hover .inner{right: 100%;opacity: 1;pointer-events: auto;}
.fix-right.show ul{transform: translateX(0);opacity: 1;}
.fix-right.show .switch{background-color: var(--secondary-color);}
.fix-right.show .switch:after{transform: rotate(180deg);}

.back-top .but: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 .but:before{animation: getop 1s var(--ttf) forwards;}
@keyframes getop {
0% { transform: translateY(0); opacity: 1;}
60% { transform: translateY(-100%);opacity: 0;}
61% { transform: translateY(100%); opacity: 0;}
100% {transform: translateY(0);opacity: 1;}
}
.back-bottom .but:before{width: 0.2rem;height: 0.2rem; background: url(../images/tobot.svg) var(--background-contain);display: block; content: ''; backface-visibility: visible;margin: 0px auto;}
.back-bottom:hover .but:before{animation: gebot 1s var(--ttf) forwards;}
@keyframes gebot {
0% { transform: translateY(0); opacity: 1;}
60% { transform: translateY(100%);opacity: 0;}
61% { transform: translateY(-100%); opacity: 0;}
100% {transform: translateY(0);opacity: 1;}
}

@media (min-width:1025px) {
.f-left{flex: 1;}
.f-sitemap .sub-item{ display: flex;width: 2.68rem;}
.f-sitemap .sub-item .parent{flex-shrink: 0; width:1.11rem;}
.f-sitemap .sub-item .list{flex: 1; margin-left: 0.33rem;}
.f-sitemap .sub-item .list dd{transform: translateY(0.2rem);}
.f-sitemap .sub-item .list dl.active dd{transform: translateY(0);}
.f-sitemap .sub-item .parent dd.active a{display: block;background: url(../images/a-icon.svg) no-repeat right center; background-size: auto 0.11rem;}
}
@media (max-width:1024px) {
.f-left{margin-bottom: var(--padding-margin__100);}
.f-sitemap{display: none;}
.f-sitemap .item dl{display: flex;flex-wrap: wrap;}
.f-sitemap .item > dl dd{margin-bottom: 0.1rem;}
.f-sitemap .item dl dd:not(:last-child){margin-right: 0.2rem;}
.f-sitemap .item:not(:last-child){margin-bottom: var(--padding-margin__50);}
.f-sitemap .sub-item .list dd{transform: translateX(0.2rem);}
.f-sitemap .sub-item .list dl.active dd{transform: translateX(0);}
.f-code {padding-top: 0.2rem;}
.f-bottom{text-align: center;}
}
@media(max-width:480px){
  .follow-us .icon{width: 0.45rem;height: 0.45rem;}
}

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

.scrollbar{padding-right: var(--padding-margin__10);}
.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);}

.home-card .item{flex: 1;transition: all 1s;position: relative;cursor: pointer;}
.home-card .ispic{padding-bottom: 100vh;}
.home-card .ispic:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;background-color: rgba(var(--primary-color__rgb), 0.1);content: "";transition: all 0.5s;}
.home-card .ispic:before{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;background-color: rgba(var(--black-color__rgb), 0.4);content: "";transition: all 0.5s;opacity: 0;}
.home-card .info{position: absolute;left: 0;top: 0;z-index: 10;color: #fff;display: flex;align-items: center;justify-content: center;flex-direction: column;width: 100%;height: 100%;}
.home-card .info.in{text-align: center;transition: all 0.5s;}
.home-card .info.in:after{margin: var(--padding-margin__60) auto 0;display: block;content: "";width: 0.6rem;height: 0.6rem;background: rgba(var(--white-color__rgb), 0.2) url(../images/arr_more_white.png) no-repeat center center/0.13rem 0.13rem;border-radius: 50%;transition: all 0.5s;}
.home-card .info.out{opacity: 0;transition: all 0.8s;}
.home-card .info h2{font-size: var(--font-size__48);font-weight: var(--font-weight__r);margin: 0;}
.home-card .info p{margin: 0.1rem 0 0 0;font-family:var(--font-family__en);font-size: var(--font-size__16);}
.home-card .info dl{width: 3.6rem;margin-top: 0.2rem;}
.home-card .info dd{border-bottom: 1px solid #fff;font-weight: var(--font-weight__l);}
.home-card .info .ico{width: 0.25rem;margin-right: var(--padding-margin__20);}
.home-card .info a{margin-top: var(--padding-margin__20);height: 1.09rem;position: relative;}
.home-card .info a:hover .tit{background-image: var(--lg-lrbg);background-clip: text;-webkit-background-clip: text;color:transparent;font-weight: var(--font-weight__r);}
.home-card .info a:after{position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 0.12rem;height: 0.13rem;content: "";background: url(../images/arr_more_white.png) no-repeat center center/contain;transition: all 0.5s;}
.home-card .info dd:hover a:after{background-image: url(../images/arr_more_lg.png);transform: translateY(-50%) rotate(49deg);}
.home-card .moreitem dd a{height: 0.8rem;}

@media(min-width:1025px){
  .homecss footer{background-color: transparent;position: absolute;bottom: 0;left: 0;width: 100%;z-index: 100;color: rgba(var(--white-color__rgb), 0.3);}
  .homecss footer a{color: rgba(var(--white-color__rgb), 0.3);}
  .homecss footer a:hover{color: rgba(var(--white-color__rgb), 1);}
  .home-card .item:nth-child(3) dd a{height: 0.8rem;}
  .home-card .item.hover{flex: 2.5;}
  .home-card .item.hover .ispic:before{opacity: 1;}
  .home-card .item.hover .ispic:after{opacity: 0;}
  .home-card .item.hover .info.in{opacity: 0;top: 10%;}
  .home-card .item.hover .info.out{opacity: 1;}
  .home-card .item.hover .info.out h2{animation:fadeInUpSmall 0.3s .4s ease both;-webkit-animation:fadeInUpSmall 1s .4s ease both;-moz-animation:fadeInUpSmall 0.3s .4s ease both;}
  .home-card .item.hover .info.out p{animation:fadeInUpSmall 0.3s .6s ease both;-webkit-animation:fadeInUpSmall 0.3s .6s ease both;-moz-animation:fadeInUpSmall 0.3s .6s ease both;}
  .home-card .item.hover .info.out dd:nth-child(1){animation:fadeInLeftSmall 0.4s .5s ease both;-webkit-animation:fadeInLeftSmall 0.4s .5s ease both;-moz-animation:fadeInLeftSmall 0.4s .5s ease both;}
  .home-card .item.hover .info.out dd:nth-child(2){animation:fadeInLeftSmall 0.4s .6s ease both;-webkit-animation:fadeInLeftSmall 0.4s .6s ease both;-moz-animation:fadeInLeftSmall 0.4s .6s ease both;}
  .home-card .item.hover .info.out dd:nth-child(3){animation:fadeInLeftSmall 0.4s .7s ease both;-webkit-animation:fadeInLeftSmall 0.4s .7s ease both;-moz-animation:fadeInLeftSmall 0.4s .7s ease both;}
  .home-card .item.hover .info.out dd:nth-child(4){animation:fadeInLeftSmall 0.4s .8s ease both;-webkit-animation:fadeInLeftSmall 0.4s .8s ease both;-moz-animation:fadeInLeftSmall 0.4s .8s ease both;}
  .home-card .item.hover .info.out dd:nth-child(5){animation:fadeInLeftSmall 0.4s .9s ease both;-webkit-animation:fadeInLeftSmall 0.4s .9s ease both;-moz-animation:fadeInLeftSmall 0.4s .9s ease both;}
}
@media(max-width:1024px){
  .home-card .item:not(:last-child){margin-bottom: 0.1rem;}
  .home-card .ispic {padding-bottom: 60vh;}
  .home-card .info.in {opacity: 0;}
  .home-card .info.out {opacity: 1;}
  .home-card .item .ispic:before{opacity: 1;}
  .home-card .moreitem dl{width: 80%;display: flex;justify-content: space-between;flex-wrap: wrap;}
  .home-card .moreitem dd{width: 48%;}
}


/* 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 .video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}
.pageBan .video:after{display: block;content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .28);z-index: 3;}
.pageBan .video video{display: block;width: 100%;height: 100%;object-fit: cover;}
.pageBan .info h2{font-size: var(--font-size__52);font-weight: var(--font-weight__b);justify-content: center;padding-bottom:var(--padding-margin__25);position: relative;}
.pageBan .info h2:after{position: absolute;left: 50%;bottom: 0;width: 0.5rem;height: 1px;content: "";background-color: #fff;margin-left: -0.25rem;}
.pageBan .info .desc{font-size: var(--font-size__32);line-height: 1.5;letter-spacing: 0.1em;}
.pageBan .btn-play{width: 0.55rem;height: 0.55rem;background: url(../images/play.svg) no-repeat center center/contain;margin: var(--padding-margin__45) auto 0;cursor: pointer;transition: var(--transition);}
.pageBan .btn-play:hover{transform: scale(1.1);}
.pageBan .ispic{padding-bottom: calc(750 / 1920 * 100%);}
.pageBan .ispic img{transition: all 5s;transform: scale(1.1);}
.pageBan .ispic:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";z-index: 2;background-color: rgba(var(--black-color__rgb), 0.17);transition: all 0.5s;}
.pageBan:hover .ispic:after{background-color: rgba(var(--black-color__rgb), 0);}
.pageBan.on .ispic img{transform: scale(1);}
.pageBan.video .ispic:after{background-image: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,1));background-color: transparent;}
.pageBan.video .btn-play{position: static;margin: 0px auto;transform:translate(0,0);}

.open-smenu{display: none;background-color: var(--primary-color);color: #fff;text-align: center;font-size: var(--font-size__36);border-bottom: 1px solid rgba(0,0,0,0.05);padding: 0.2rem 0;border-radius: 0.05rem;}
.open-smenu:after{width: 0.18rem;height: 0.18rem;background: url(../images/arr_xjt_white.svg) no-repeat center center/contain;content: "";display: inline-block;margin-left: 0.1rem;transition: all 0.5s;}
.open-smenu.on:after{transform: rotate(-180deg);}
.subMenu{position: relative;z-index: 1;background-color: #fff;box-shadow: 2px 10px 24px rgba(153,181,211,0.15);margin-bottom: -1px;}
.subMenu ul{flex: 1;}
.subMenu ul li{min-height: 0.8rem;display: flex;align-items: center;position: relative;}
.subMenu ul li:not(:last-child){margin-right:3vw;}
.subMenu.w5 ul li:not(:last-child){margin-right:var(--padding-margin__30);}
.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: -1px;} */
.subMenu ul li a{color:#000000;}
/* .subMenu ul li.onli:after,.subMenu ul li:hover:after{width: 100%;} */
.subMenu ul li:hover a,
.subMenu ul li.onli a{color:var(--primary-color);}

.subMenu .place{padding: 0.2rem 0;position: relative;z-index: 10;font-size: var(--font-size__16);color: #999999;}
.subMenu .place:before{display: inline-block;width: 0.2rem;height: 0.17rem;content: "";background: url(../images/ico_home.svg) no-repeat center center/contain;margin: -0.04rem 0.11rem 0 0;vertical-align: middle;}
.subMenu .place a{color: #999999;display: inline-block;margin-right:0.25rem;position: relative;}  
.subMenu .place a:hover{color: var(--primary-color);}
.subMenu .place a:after{position: absolute;right: -0.15rem;width: 2px;height:2px;content: "";top: 50%;background-color: #999999;transform: translateY(-50%);} 
.subMenu .place span{display: inline-block;color: var(--primary-color);}

.subTit{padding-bottom: var(--padding-margin__45);text-align: center;}
.subTit h2{font-size:var(--font-size__48);color: #000000;line-height: calc(62 / 48);font-weight: var(--font-weight__b);margin: 0;}
.subTit h2 span{color: var(--primary-color);}
.subTit .desc{font-weight: var(--font-weight__l);color: #666666;line-height:calc(30 / 18);margin-top: var(--padding-margin__15);}
.subTit .text{margin-top: .15rem;font-size:var(--font-size__32);color: #333;}
.subTit.white h2{color: #fff;}
.subTit.white .desc{color: #fff;}

.subPage{position: relative;padding: var(--padding-margin__120) 0;background-color: #fff;overflow: visible;min-height: 5rem;}
.subPage .subTit:not(:first-child){padding-top: var(--padding-margin__90);}
@media(max-width:1700px){
.subMenu ul li:not(:last-child){margin-right: 2vw;}
}
@media(max-width:1600px){
.subMenu ul li:not(:last-child){margin-right: 1vw;}
}
@media(max-width:1024px){
	.subMenu .place{padding: 0.2rem 0 .2rem .25rem;position: relative;line-height: 1.6;}
	.subMenu .place:before{position: absolute;left: 0;top: .25rem;}
  .pageBan .info h2{font-size: var(--font-size__40);display: block;}
  .open-smenu{display: block;}
  .subMenu{padding-top:3%;}
  .subMenu ul{display: none;}
  .subMenu ul li{min-height: auto;padding: 0.2rem 0;font-size: var(--font-size__18);}
  .subMenu ul li:not(:last-child){border-bottom: 1px solid rgba(0,0,0,0.05);}
  .subMenu ul li:after{display: none;}
  .list3 .subTit h2{text-align: center;}
  .list3 .subTit .text{text-align: center;}
}
/* common end */

/* about */
.edit-info{line-height: calc(36 / 18);font-weight: var(--font-weight__l);}
.edit-info p{margin: 0;}
.edit-info p+p{margin: var(--padding-margin__25) 0 0;}

.textarea{padding-bottom: var(--padding-margin__50);}
.textarea .left{padding-bottom: var(--padding-margin__40);}
.textarea .left .code{font-weight: var(--font-weight__l);}
.textarea .left .code span{font-weight: var(--font-weight__b);font-family: var(--font-family__en2);color: var(--primary-color);font-size: var(--font-size__28);display: inline-block;margin-left: 0.1rem;}

.numList{box-shadow: 0 6px 30px rgba(0,0,0,0.07);background-image: linear-gradient(to bottom, #fdfdfd , #fbfbfb);border-radius: 0.1rem;}
.numList .item{flex: 1;padding: var(--padding-margin__20) 0 var(--padding-margin__50);text-align: center;position: relative;}
.numList .item:not(:last-child):after{position: absolute;right: 0;width: 1px;height: 0.8rem;content: "";position: absolute;top: 50%;margin-top: -0.4rem;background-color: #e4e4e4;}
.numList .item .num{height: 1.19rem;line-height: 1.19rem;color: var(--primary-color);font-size:var(--font-size__72);font-family: var(--font-family__en2);font-weight:var(--font-weight__b);}
.numList .item p{margin: 0;font-weight: var(--font-weight__l);}
.numList .item span{display: inline-block;vertical-align: middle;}
.numList .item em{font-size: var(--font-size__56);display: inline-block;vertical-align: middle;}
.subPage .time{margin-top: .3rem;text-align: right;font-size: .18rem;color: var(--primary-color);}
.about-history{background: var(--background-cover);}
.about-history .slider{padding: .8rem 0;height: 7rem;overflow: hidden;}
.about-history .slick-list{height: 5.4rem;overflow: hidden;}
.about-history .slider .slick-prev{top: 0;left: .9rem;transform: translate(0)}
.about-history .slider .slick-next{top: auto;bottom: 0;left: .9rem;transform: translate(0)}
.about-history .auto-inner{max-width: 10.38rem;width: 87.5%;margin: 0px auto;}
.about-history .slider-list{position: relative;padding: .15rem 0;}
.about-history .slider-nav{width: 1.18rem;position: relative;}
.about-history .slider-list:after{position: absolute;left: 1.18rem;top: 0;height: calc(100%);background: url(../images/history_line.png) top;width: 4px;content: "";border-bottom: 1px solid #333333;}
/* .about-history .slider-nav .swiper-wrapper{display: block;} */
.about-history .slider-nav .item{height: 0.6rem !important;line-height:0.6rem;text-align: center;padding-right: 0.26rem;color: #222222;cursor: pointer;position: relative;overflow: hidden;}
.about-history .slider-nav .item span{display: block;position: relative;overflow: hidden;}
.about-history .slider-nav .item span:before,
.about-history .slider-nav .item span:after{position: absolute;top: 50%;content: "";width: 0.10rem;height: 0.19rem;margin-top: -0.1rem;transition: all 0.5s;transition: all 0.5s;background: url(../images/arr_r_blue.svg) no-repeat center center/contain;}
.about-history .slider-nav .item span:before{left: -0.1rem;}
.about-history .slider-nav .item span:after{right: -0.1rem;transform: rotate(180deg);}
.about-history .slick-current .slider-nav  span:before{left: 0;}
.about-history .slick-current .slider-nav  span:after{right: 0;}
.about-history .slider-nav .slick-current{color: var(--primary-color);}
.about-history .slider-nav .slick-arrow{position: static;transform: translate(0) translateX(0.84rem);width: 0.6rem;height: 0.6rem;margin: 0;}
.about-history .slider-nav .slick-prev{margin: 0 0 0.08rem;}
.about-history .slider-nav .slick-next{margin: 0.08rem 0 0;}

.about-history .slider-for{width: calc(100% - 1.58rem);/* padding-top: 0.84rem; */}
.about-history .slider-for .list{overflow-y: auto;max-height: 0.6rem;}
.about-history .slider-for dd{background-color: #fff;font-weight: var(--font-weight__l);/* margin-bottom: var(--padding-margin__30); */padding: var(--padding-margin__15) var(--padding-margin__30);line-height: calc(30 / 18);}
.about-history .slider-for dd:hover{color: var(--primary-color);}

.about-achieve .list .item{position: relative;}
.about-achieve .list .item:not(:last-child){margin-bottom: var(--padding-margin__50);}
.about-achieve .list .ispic{padding-bottom: 61%;}
.about-achieve .list .ispic:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";background-color: rgba(var(--black-color__rgb), 0.55);transition: all 0.5s;}
.about-achieve .list .item:hover .ispic:after{opacity: 0.5;}
.about-achieve .list .info{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: var(--padding-margin__50);z-index: 2;color: #fff;}
.about-achieve .list h2{padding-bottom: var(--padding-margin__25);border-bottom: 1px solid rgba(var(--white-color__rgb), 0.2);margin-bottom: var(--padding-margin__35);}
.about-achieve .list .edit-info {max-height: 2.6rem;overflow-y: auto;}
.about-achieve .list .edit-info p+p{margin-top: 0.05rem;}
.about-achieve .list .edit-info b{font-size: var(--font-size__28);font-weight: var(--font-weight__b);}
.about-achieve .list .edit-info p{position: relative;padding-left: .2rem;}
.about-achieve .list .edit-info p:after{display: block;content: '';position: absolute;left: 0;top: .21rem;width: .08rem;height: .08rem;background-color: #fff;border-radius: .08rem;z-index: 3;}
.about-layout{background-color: #000;overflow: hidden;}
.about-layout .card{max-width: 5.35rem;color: #fff;}
.about-layout .card .item:not(:last-child){padding-bottom: var(--padding-margin__30);}
.about-layout .card h3{line-height: 0.7rem;font-size: var(--font-size__28);font-weight: var(--font-weight__b);margin: 0;}
.about-layout .card dd{min-width: 1.32rem;margin: 0 0.2rem 0.15rem 0;line-height: 0.35rem;padding: 0 0.15rem;font-weight: var(--font-weight__l);display: flex;align-items: center;justify-content: center;background-color: rgba(var(--white-color__rgb), 0.1);border-radius: 0.35rem;cursor: pointer;}
.about-layout .card dd:hover,.about-layout .card dd.cur{background-color: var(--primary-color);}
.about-layout .card dd:before{margin-right: 0.07rem;content: "";background: url(../images/ico-local.svg) no-repeat center center/contain;width: 0.12rem;height: 0.16rem;}

.about-layout .pop-info{width: 5rem;left: 45%;top: 50%;transform: translateY(-50%) scale(0.8);z-index: 100;border-radius: 0.1rem;background-color: #fff;position: absolute;transition: all 0.5s;opacity: 0;pointer-events: none;}
.about-layout .pop-info.show{pointer-events: auto;opacity: 1;transform: translateY(-50%) scale(1);}
.about-layout .pop-info .close{right: -0.42rem;top: -0.16rem;position: absolute;z-index: 10;width: 0.3rem;height: 0.3rem;background: url(../images/close.svg) var(--background-contain);cursor: pointer;}
.about-layout .pop-info .close:hover{opacity: 0.8;}
.about-layout .pop-info .ispic{border-radius: 0.1rem 0.1rem 0 0;padding-bottom: calc(300 / 500 * 100%);}
.about-layout .pop-info .info{padding: 0.3rem;border: 1px solid #dedede;border-radius: 0 0 0.1rem 0.1rem;}
.about-layout .pop-info .info h4{line-height: 0.35rem;margin: 0 0 var(--padding-margin__30);font-size: var(--font-size__24);font-weight: var(--font-weight__m);color: #222222;position: relative;}
.about-layout .pop-info .info h4:before{position: absolute;left: -0.31rem;top: 0.07rem;width: 0.02rem;height: 0.21rem;content: "";background-color:var(--primary-color);}
.about-layout .pop-info .info p:not(:last-child){margin-bottom: var(--padding-margin__15);}
.about-layout .pop-info .info p{line-height: 0.24rem;padding-left: 0.37rem;background-position: 0 0.03rem;background-repeat: no-repeat;background-size: 0.17rem 0.19rem;font-weight: var(--font-weight__l);}
.about-layout .pop-info .info .name{background-image: url(../images/ico-name.svg);}
.about-layout .pop-info .info .add{background-image: url(../images/ico-add.svg);}
.about-layout .pop-info .info .email{background-image: url(../images/email.svg);}
.about-layout .bg{width: 125%;left: auto;right: 0;}

.report-list{margin-left: -0.35rem;}
.report-list .item{text-align: center;width: calc(100% / 4 - 0.35rem);margin: 0 0 0.42rem 0.35rem;}
.report-list .ispic{border-radius: 0.1rem 0.1rem 0 0;padding-bottom: calc(420 / 375 *100%);border: 1px solid #f7f7f7;}
.report-list .tit{line-height: 1.5;margin: var(--padding-margin__30) 0 var(--padding-margin__15);}
.report-list .down{margin: 0;color: var(--primary-color);font-size: var(--font-size__16);}
.report-list .down:after{display: inline-block;vertical-align: middle;content: "";margin: -0.04rem 0 0 0.09rem;width: 0.2rem;height: 0.16rem;background: url(../images/ico-down.svg) no-repeat center center/contain;}

@media(min-width:1025px){
.about-achieve .list{margin-bottom: -0.7rem;}
.about-achieve .list .item{width: calc(765 / 1600 * 100%);margin-bottom: 0.7rem;}
.about-layout{min-height: 10.18rem;}
}
@media(min-width:769px){
.textarea .left{width: calc(600 / 1600 * 100%);}
.textarea .edit-info{width: calc(890 / 1600 * 100%);}
}
@media(max-width:1024px){
  .about-layout .pop-info{left: 50%;margin-left: -2.5rem;}
  .about-layout .bg{right: 22%;width: 140%;}
}
@media(max-width:640px){
.about-history .slider-nav{width: 1rem;}
.about-history .slider-nav .item{padding-right: 0.1rem;}
.about-history .slider-for{width: calc(100% - 1.2rem);}
.about-achieve .list .ispic{padding-bottom: 68%;}
.about-layout .pop-info .close{right: 0;top: -0.4rem;}
.report-list{margin-left: -0.2rem;}
.report-list .item{width: calc(100% / 2 - 0.2rem);margin: 0 0 0.2rem 0.2rem;}
}


/* news */
.news-list .item{padding-bottom: var(--padding-margin__40);margin-bottom: var(--padding-margin__40);border-bottom: 1px solid #e5e5e5;}
.news-list .ispic{padding-bottom: 60%;margin-top: 0.2rem;}
.news-list time{color: #333;font-weight: var(--font-weight__l);font-size:var(--font-size__16);margin: var(--padding-margin__20) 0;display: block;}
.news-list .tit{font-size: var(--font-size__24);color: #000000;transition: all 0.5s;line-height: 1.3;}
.news-list .desc{line-height: calc(28 / 16);color: #666666;font-weight: var(--font-weight__l);margin: var(--padding-margin__20) 0 var(--padding-margin__80);font-size: var(--font-size__16);}
.news-list .item:hover .tit{color: var(--primary-color);font-weight: var(--font-weight__b);}
@media(min-width:769px){
  .news-list .info{flex: 1;}
  .news-list .ispic{width: calc(500 / 1600 * 100%);padding-bottom: calc(334 / 500 * 31%);margin-left: calc(136 / 1600 * 100%);margin-top: 0;}
}
@media(max-width:1024px){

}
@media(max-width:640px){
.news-list .tit{line-height: 1.3;}
  .search-box .select-txt{width: 32%;}
  .search-box .input{width: 65%;}
}


/* detail */
.news-details{padding: var(--padding-margin__200) 0 var(--padding-margin__100);}
.news-details .place{line-height: 0.22rem;padding: var(--padding-margin__35) 0;color: #999999;font-size: var(--font-size__14);}
.news-details .place a{display: inline-block;color: #999999;position: relative;padding-right:0.2rem;}
.news-details .place a:hover{color: var(--primary-color);}
.news-details .place a:after{position: absolute;right: 0;width: 0.2rem;text-align: center;content: ">";top:5%;}
.news-details .place span{display: inline-block;color: #000;}
.news-details .title{line-height: calc(60 / 36);font-size: var(--font-size__36);text-align: center;color: #000;}
.news-details .other{padding: var(--padding-margin__15) 0 var(--padding-margin__40);font-size: var(--font-size__16);font-weight: var(--font-weight__l);color: #666666;}
.news-details .other span:not(:last-child){margin-right: 0.25rem;}

.news-details .edit-info{border-top:1px solid rgba(var(--black-color__rgb), 0.1);border-bottom:1px solid rgba(var(--black-color__rgb), 0.1);padding: var(--padding-margin__50) 0;margin: 0px auto;}
.news-details .edit-info h2{font-size: var(--font-size__24);font-weight: var(--font-weight__m);}

.news-page{margin-top: var(--padding-margin__55);position: relative;}
.news-page dl{line-height: calc(36 / 18);color: #666666;font-weight: var(--font-weight__l);}
.news-page dl dt{padding-right: 0.05rem;}
.news-page dl dd{flex: 1;}
.news-page dl a{color: #666666;}.news-page dl a:hover{color: var(--primary-color);}
.news-page .back{background-color: var(--primary-color);text-align: center;width: 2.2rem;padding: 0 0.15rem;border-radius: 0.6rem;line-height: 0.6rem;color: var(--primary-color);display: flex;color: #fff;align-items: center;justify-content: center;margin: 0px auto;}
.news-page .back:after{width: 0.22rem;height: 0.16rem;margin-left: 0.1rem;content: "";background: url(../images/back.svg) no-repeat center center/contain;transition: all 0.5s;}
.news-page .back:hover{background-color: rgba(var(--primary-color__rgb),0.8);}
.news-page .back:hover:after{margin-left: 0.16rem;}
@media(min-width:1025px){
 .news-details .title{margin: 0 var(--padding-margin__100);}
 .news-details .edit-info{padding-left: var(--padding-margin__100);padding-right: var(--padding-margin__100);}
 .news-details .edit-info img{max-width: 7.86rem;}
 .news-page{padding-right: 3rem;} 
 .news-page .back{position: absolute;right: 0;top: 0.07rem;} 
}
@media(max-width:1024px){
  .news-details{padding-top: 1rem;}
  .news-details .content{padding: 0.35rem 0.25rem;}
  .news-page .back{margin-top: 0.2rem;}
}

/* 投资者关系 */
.tzz-list .thead{background-color: var(--primary-color);color: #fff;font-size: var(--font-size__20);min-height: 0.7rem;border-radius: 0.1rem 0.1rem 0 0;}
.tzz-list li{flex: 1;text-align: center;padding: 0.1rem;line-height: 1.35;}
.tzz-list .list{border: 1px solid #e9e9e9;border-top: 0;min-height: 0.7rem;font-size: var(--font-size__16);transition: all 0.5s;}
.tzz-list .list:hover{box-shadow: 0 0 15px rgba(0,0,0,0.1);position: relative;z-index: 2;}
.tzz-list .list:nth-child(even){background-color: #f6fbff;}
.tzz-list li:nth-child(1){flex: 0.4;}
.tzz-list li:nth-child(2){text-align: left;padding-left: var(--padding-margin__80);}
.tzz-list li:nth-child(3){flex: 0.5;}
.tzz-list li:nth-child(4){flex: 0.5;}
@media(max-width:480px){
  .tzz-list li:nth-child(1){flex: 0.5;}
}

/* 联系我们 */
.form-message{padding-bottom: var(--padding-margin__55);}
.form-message .group{margin-bottom: var(--padding-margin__35);}
.form-message .group.auto{width: 100%;}
.form-message .label{margin-bottom: var(--padding-margin__15);}
.form-message .input{position: relative;}
.form-message .code{position: absolute;right: 0.19rem;top: 50%;transform: translateY(-50%);width: 0.5rem;}
.form-message .btnbox{text-align: right;}
.select-base{width: 100%;}
.form-input{width: 100%;height: 0.5rem;border: solid 1px rgba(var(--default-color__rgb), 0.12);padding:0 0.3rem 0 0.2rem;font-size: var(--font-size__16);background-color: #fafafa;}
.form-btn{width: 2rem;height: 0.54rem;background-color: var(--primary-color);color: #fff;font-size: var(--font-size__20);font-weight: var(--font-weight__l);border: 0;cursor: pointer;}
.form-btn:hover{opacity: 0.7;}
.form-btn[type="reset"]{background-color: #e6e6e6;color: #666666;margin-left: 0.16rem;}
textarea.form-input{height: 2.2rem;padding-top: 0.12rem;padding-bottom: 0.12rem;}

.contact-us{background: url(../images/contactbg.jpg) no-repeat 0 top/cover;}
.contact-us .info{padding: var(--padding-margin__40) var(--padding-margin__80);}
.contact-us .info h2{font-size: var(--font-size__36);font-weight: var(--font-weight__m);line-height: calc(50 / 36);margin: 0 0 var(--padding-margin__50);color: #000000;}
.contact-us .info p{margin: 0;line-height: 0.24rem;font-weight: var(--font-weight__l);}
.contact-us .info p + p{margin-top: var(--padding-margin__15);}
.contact-us .info .ewm{width: 1.3rem;margin-top: var(--padding-margin__35);}
.contact-us .text{position: relative;padding-left: var(--padding-margin__40);}
.contact-us .text:before{position: absolute;left: 0;top: 0;top: 0.05rem;height: calc(100% - 0.1rem);width: 1px;background-color: var(--primary-color);content: "";}

@media(min-width:1025px){
.contact-us .info{flex: 1;}
.contact-us .ispic{width: calc(720 / 1600 * 100%);}
}
@media(min-width:769px){
  .form-message .group{width: calc(760 / 1600 * 100%);}
}

/* 产品与解决方案 -  光伏 */
.pro-list{margin: 0 0 -0.35rem -0.35rem;}
.pro-list .item{width: calc(100% / 3 - 0.35rem);margin: 0 0 0.35rem 0.35rem;}
.pro-list a{display: block;padding: var(--padding-margin__60) var(--padding-margin__50) var(--padding-margin__30);color: #fff;background: url(../images/pro_bg.jpg) no-repeat center center/cover;}
.pro-list .tit{font-size: var(--font-size__24);font-weight: var(--font-weight__m);margin: 0;line-height: 1.083;min-height: 2.166em;}
.pro-list .arr{margin: 0.06rem 0 var(--padding-margin__20);width: 0.09rem;height: 0.16rem;background: url(../images/arr_r_white.svg) no-repeat center center/contain;transition: all 0.5s;}
.pro-list .ispic{width: 75%;padding-bottom: 75%;margin: 0px auto;}
.pro-list .ispic img{transition: var(--transition);}
.pro-list .item:hover .ispic img{transform: scale(0.96);}
.pro-list .item:hover .arr{margin-left: 0.1rem;}

.fa-list .list{margin-top: -1px;min-height: 3rem;}
.fa-list .list:nth-child(even){background-color: #f5fbff;}
.fa-list .item{width: calc(759 / 1600 * 100%);}
.fa-list .ispic img{transition: var(--transition);}
.fa-list .tit{font-size: var(--font-size__36);margin: 0 0 var(--padding-margin__40);font-weight: var(--font-weight__m);min-height: 1em;}
.fa-list .item:hover .ispic img{transform: scale(0.95);}

.fa-detail .bigImg{border: 1px solid #e6e6e6;padding:var(--padding-margin__50) 0.15rem;}
.fa-detail .detail {padding-top: var(--padding-margin__40);}
.fa-detail .detail h1{font-size: var(--font-size__36);line-height: calc(40 / 36);font-weight: var(--font-weight__m);margin: 0 0 var(--padding-margin__40);}
.fa-detail .detail .edit-info{margin-bottom: var(--padding-margin__60);}
.fa-detail .detail .feature{padding-bottom: var(--padding-margin__50);}
.fa-detail .detail .feature dd{text-align: center;padding-bottom: 0.12rem;}
.fa-detail .detail .feature dd:not(:last-child){padding-right: var(--padding-margin__50);}
.fa-detail .detail .feature dd .icon{margin: 0px auto 0.11rem;border-radius: 0.08rem;border: 1px solid #e6e6e6;display: flex;align-items: center;width: 0.65rem;height: 0.65rem;justify-content: center;}
.fa-detail .detail .feature dd .icon img{height: 0.37rem;}
.fa-detail .detail .feature dd p{max-width: 1.18rem;margin: 0px auto;font-weight: var(--font-weight__l);line-height: calc(24 / 18);}
.fa-detail .detail .feature dd:hover .icon{border-color: var(--primary-color);}
.fa-detail .contact{display: flex;align-items: center;justify-content: center;width: 2.8rem;margin-bottom: var(--padding-margin__50);}
.fa-detail .contact:before{width: 0.21rem;height: 0.2rem;content: "";margin-right: 0.12rem;background: url(../images/ico-lx.svg) no-repeat center center/contain;}
.fa-detail .related-pro .swiper-pagination{position: static;margin-top: 0.1rem;}
.fa-detail .related-pro .swiper-slide{text-align: center;}
.fa-detail .related-pro .ispic{padding-bottom: calc(208 / 260 * 100%);}
.fa-detail .related-pro p{margin: 0.13rem 0 0;line-height: 1.5;font-weight: var(--font-weight__l);}

@media(min-width:769px){
.fa-detail .bigImg{width: calc(690 / 1600 * 100%);}
.fa-detail .detail{width: calc(820 / 1600 * 100%);}
}
@media(max-width:1024px){
.pro-list{margin: 0 0 -0.2rem -0.2rem;}
.pro-list .item{width: calc(100% / 2 - 0.2rem);margin: 0 0 0.2rem 0.2rem;}
}


/* 产品与解决方案 -- 汽车 */
.fa-tw_list .item{padding: var(--padding-margin__120) 0;position: relative;background: var(--background-cover);}
.fa-tw_list .tit{line-height: calc(40 / 36);font-size: var(--font-size__36);margin: 0;display: inline-block;padding: 0.19rem 0;border-bottom: 1px solid #333333;margin-bottom: var(--padding-margin__50);font-weight: var(--font-weight__m);}
.fa-tw_list .ispic{margin-bottom: 0.2rem;}
.fa-tw_list .edit-info{line-height: calc(36 / 20);font-size: var(--font-size__20);}
.fa-tw_list .edit-info p + p{margin: 0;}
.fa-tw_list .edit-info ul{margin-top: .3rem;display: flex;flex-wrap: wrap;list-style: none;padding: 0;margin-bottom: -0.3rem;}
.fa-tw_list .edit-info ul li{width: 50%;padding: 0  0.25rem 0.3rem 0;color: #333333;font-weight:var(--font-weight__r);list-style: none;font-size: var(--font-size__18);}
.fa-tw_list .edit-info ul li h3{margin: 0;font-size: var(--font-size__28);line-height: 1.2;}
.fa-tw_list .edit-info ul li img{height: 0.38rem;display: block;margin-bottom: 0.1rem;}
.fa-tw_list .edit-info ul li:hover img{ -webkit-animation: icon-bounce 0.5s alternate;
 -moz-animation: icon-bounce 0.5s alternate;
 -o-animation: icon-bounce 0.5s alternate;
 animation: icon-bounce 0.5s alternate;}
.fa-tw_list:not(.nobg) .item:nth-child(3n+1){background-image: url(../images/pro-p2_bg1.jpg);}
.fa-tw_list:not(.nobg) .item:nth-child(3n+2){background-image: url(../images/pro-p2_bg2.jpg);}
.fa-tw_list:not(.nobg) .item:nth-child(3n+3){background-image: url(../images/pro-p2_bg3.jpg);}
.fa-tw_list.nobg .item:nth-child(odd){background-color: #fff;}
.fa-tw_list.nobg .item:nth-child(even){background-color: #f9f9f9;}
.fa-tw_list.nobg .edit-info ul{display: flex;flex-wrap: wrap;list-style: none;padding: 0;margin-bottom: -0.3rem;}
.fa-tw_list.nobg .edit-info li{width: 50%;padding: 0  0.25rem 0.3rem 0;color: #333333;font-weight:var(--font-weight__r);list-style: none;font-size: var(--font-size__18);}
.fa-tw_list.nobg .edit-info li h3{margin: 0;font-size: var(--font-size__28);line-height: 1.2;}
.fa-tw_list.nobg .edit-info li img{height: 0.38rem;display: block;margin-bottom: 0.1rem;}
.fa-tw_list.nobg .edit-info li:hover img{ -webkit-animation: icon-bounce 0.5s alternate;
 -moz-animation: icon-bounce 0.5s alternate;
 -o-animation: icon-bounce 0.5s alternate;
 animation: icon-bounce 0.5s alternate;}

.fa-area{background: url(../images/pro-p3_bg2.jpg) var(--background-cover);min-height: 3rem;}
.fa-area .innerbox{position: relative;}
.fa-area .ispic{padding-bottom: calc(306 / 510 * 100%);}
.fa-area .tit{text-align: center;margin: var(--padding-margin__25) 0 0;line-height: 1.5;font-size: var(--font-size__20);}
.fa-area .swiper-button-prev{left: -1.1rem;}
.fa-area .swiper-button-next{right: -1.1rem;}
.fa-area .list{margin: 0 0 -0.35rem -0.35rem;}
.fa-area .list .item{width: calc(100% / 3 - 0.35rem);margin: 0 0 0.35rem 0.35rem;text-align: center;}
.fa-area .list .item p{font-weight: var(--font-weight__l);color: #666666;margin: 0 auto;line-height: 1.5;margin-top: 0.03rem;font-size: var(--font-size__16);max-width: 3.63rem;}

.fa-partner{background: url(../images/pro-p2_bg5.jpg) var(--background-cover);min-height: 3rem;}
.fa-partner .list{margin: 0 0 -1.302vw -1.302vw;}
.fa-partner .list li{width: calc(100% / 5 - 1.302vw);margin: 0 0 1.302vw 1.302vw;background-color: #fff;border: 1px solid #f2f2f2;}
.fa-partner .list .ispic{padding-bottom: calc(130 / 300 * 100%);}

.fa-items{}
.fa-items .item{padding-bottom: var(--padding-margin__100);}
.fa-items .item .list{margin: 0.15rem 0 0.15rem -0.15rem;}
.fa-items .item .list li{flex: 1;margin: 0 0 0.15rem 0.15rem;background-color: #f9f9f9;padding: var(--padding-margin__25) var(--padding-margin__50);font-size: var(--font-size__20);line-height: 1.2;}
.fa-items .item .list li img{display: block;height: 0.43rem;margin-bottom: var(--padding-margin__15);}
.fa-items .item .list li p{margin: 0;}
.fa-items .item .list li:hover img{-webkit-animation: icon-bounce 0.5s alternate;
 -moz-animation: icon-bounce 0.5s alternate;
 -o-animation: icon-bounce 0.5s alternate;
 animation: icon-bounce 0.5s alternate;}

.fa-items .item2{padding-bottom: var(--padding-margin__100);} 
.fa-items .item2 .ispic:after{left: 0;top: 0;width: 100%;height: 100%;z-index: 1;content: "";background-color: rgba(var(--black-color__rgb), 0.35);position: absolute;transition: all 0.5s;} 
.fa-items .item2:nth-child(2) .ispic:after{display: none;} 
.fa-items .item2:hover .ispic:after{opacity: 0.5  9;} 
.fa-items .item2 .info{padding-bottom: 0.2rem;}
.fa-items .item2 .info li{width: 47%;height: 2.3rem;display: flex;align-items: center;justify-content: center;flex-direction: column;font-size: var(--font-size__22);color: #fff;margin-bottom: var(--padding-margin__35);}
.fa-items .item2 .info li:nth-child(1){background-color: rgba(var(--black-color__rgb), 0.35);}
.fa-items .item2 .info li:nth-child(2){background-color: rgba(var(--black-color__rgb), 0.55);}
.fa-items .item2 .info li:nth-child(3){background-color: rgba(var(--black-color__rgb), 0.75);}
.fa-items .item2 .info li:nth-child(4){background-color: rgba(var(--black-color__rgb), 0.90);}
.fa-items .item2 .info li b{display: block;font-size: var(--font-size__80);}
.fa-items .item2 .info .text{font-weight: var(--font-weight__l);}

.fa-items .rec{position: relative;padding: var(--padding-margin__60) 0;}
.fa-items .rec:before{position: absolute;top: 0;left: -1.6rem;width: 9.8rem;height: 100%;content: "";background-color: #f8f8f8;}
.fa-items .rec .swiper{padding-right: 60%;}
.fa-items .rec .ispic{padding-bottom: calc(384 / 640 * 100%);}
.fa-items .rec .desc{font-size: var(--font-size__22);margin-top: var(--padding-margin__30);line-height: 1.25;opacity: 0;}
.fa-items .rec a{display: block;z-index: 1;position: relative;}
.fa-items .rec .swiper-slide{transform: scale(0.7);}
.fa-items .rec .swiper-slide-active .desc{animation:fadeInUpSmall 0.4s 0.6s ease both;-webkit-animation:fadeInUpSmall 0.4s 0.6s ease both;-moz-animation:fadeInUpSmall 0.4s 0.6s ease both;opacity: 1;}
.fa-items .rec .swiper-slide-active{transform: scale(1);}
.fa-items .rec .swiper-slide-active .ispic{margin-left: 0;}
.fa-items .rec .swiper-slide:not(.swiper-slide-active,.swiper-slide-next) .ispic{transform: translateY(-0.85rem) translateX(-2.5rem);}
.fa-items .rec .swiper-slide-next .ispic{transform: translateY(-0.85rem) translateX(-0.58rem);}
.fa-items .rec .arr{border: 1px solid var(--primary-color);background-color: #fff;}
.fa-items .rec .arr:hover{background-color: var(--primary-color);}
.fa-items .rec .swiper-button-prev{background-image: url(../images/arr_swiper_left1.png);}
.fa-items .rec .swiper-button-prev:hover{background-image: url(../images/arr_swiper_left01.png);}
.fa-items .rec .swiper-button-next{background-image: url(../images/arr_swiper_right1.png);}
.fa-items .rec .swiper-button-next:hover{background-image: url(../images/arr_swiper_right01.png);}
.fa-items .pages{position: absolute;right: 0;bottom: 0.4rem;}
.fa-items .pages .arr{position: static;transform: translateY(0);margin: 0;}
.fa-items .pages .swiper-button-prev{margin-right: var(--padding-margin__30);}
.fa-tw_list .item .ispic{position: relative;}
.fa-tw_list .item .ispic .play{position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: .6rem;height: .6rem;margin: auto;background-image: url('../images/play.svg');background-size: cover;z-index: 3;cursor:pointer;}
.fa-tw_list .item .ispic video{display: none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #000;object-fit: contain;z-index: 2;}
.fa-tw_list .item.on .play{display: none;}
.fa-tw_list .item.on video{display: block;}
@media(min-width:1025px){
.fa-items .item2 .info{position: absolute;left: 1.5rem;z-index: 10;width: 4.95rem;top: 12%;color: #fff;} 
.fa-items .item2 .subTit{position: absolute;right:1.5rem;text-align: right;z-index: 10;top: 35%;}
.fa-items .item2 .subTit h2{color: #fff;}
.fa-items .item2 .subTit .desc{color: #fff;}
.fa-items .item2:nth-child(even) .info{left: auto;right: 1.5rem;}
.fa-items .item2:nth-child(even) .subTit{left: 1.5rem;right: auto;text-align: left;}
}
@media(min-width:769px){
  .fa-tw_list .item .ispic{width: calc(780 / 1600 * 100%);margin-bottom: 0;}
  .fa-tw_list .item .info{width: calc(720 / 1600 * 100%);}
  .fa-tw_list .item:nth-child(even) {background-color: #eff4f5;}
  .fa-tw_list .item:nth-child(even) .container{flex-direction: row-reverse;}
}
@media(max-width:1024px){
  .fa-items .rec .swiper{padding-right: 30%;}
}
@media(max-width:768px){
  .fa-area .list{margin: 0 0 -0.2rem -0.2rem;}
  .fa-area .list .item{width: calc(100% / 2 - 0.2rem);margin: 0 0 0.2rem 0.2rem;}
  .fa-items .item2 .info{position: absolute;left: 3%;z-index: 10;width: 92%;bottom: 10%;color: #fff;} 
  .fa-items .item2 .info + .ispic img{height: 4.5rem;object-fit: cover;}
  .fa-items .item2 .info li{height: 1.5rem;font-size: 0;}
  .fa-items .item2 .info li b{font-size: var(--font-size__60);}
  .fa-items .item2 .info .text{margin-top: .2rem;text-align: center;}
}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled{display: none;}
.home-card .info a .tit,
.form-message .label,
.select-base,
.form-input::placeholder {text-transform: capitalize;}