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

/* set */
h2,h3,h4{font-weight: var(--font-weight__m);}
.mb10{margin-bottom: var(--padding-margin__10);}
.mb15{margin-bottom: var(--padding-margin__15);}
.mb20{margin-bottom: var(--padding-margin__20);}
.mb25{margin-bottom: var(--padding-margin__25);}
.mb30{margin-bottom: var(--padding-margin__30);}
.mb40{margin-bottom: var(--padding-margin__40);}
.desc{line-height: calc(32 / 16);font-size: var(--font-size__16);font-weight: var(--font-weight__l);}
:root{
--max-width: 1600;
--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, 115, 188;/*#0174BC*/
--primary-color: rgba(var(--primary-color__rgb), 1);
--secondary-color__rgb: 64, 128, 168/*##4080A8*/;
--secondary-color:rgba(var(--secondary-color__rgb), 1);
--font-family: Microsoft YaHei;
--font-family__en: Microsoft YaHei;
--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: 1.02rem;
--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 / 1600 * 100vw);}
}
@media (max-width: 1024px) {
html:not(.view){font-size: calc(100 / 840 * 100vw);}
}
@media (max-width: 480px) {
html:not(.view){font-size: calc(100 / 520 * 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);}
@media (max-width: 1024px) {
.container { width: 92%;}
:root{
  --header_height: 0.65rem;
}
}

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


/*Top s*/
.header{position:fixed; width:100%; left:0; top:0;z-index:1000;transition: all 0.3s;}
.header:after{height: 100%;top: 0;width: 100%;transition: all 0.5s;background-color: #fff;content: "";position: absolute;z-index: -1;border-radius: 0 0 0 2.604vw;opacity: 0;}
.header .container{height:var(--header_height);transition: all 0.3s;position: static;}
.header .container:after{content: "";left: 0;bottom: 0;width: 100%;height: 2px;position: absolute;background: linear-gradient( 90deg, rgba(5,10,13,0) 0%, #FFFFFF 25%, #FFFFFF 75%, rgba(19,38,79,0) 100%);border-radius: 2px 2px 2px 2px;opacity: 0.2;}
.header .logo{position: relative;z-index: 1001;}
.header .logo img{height: 0.39rem;}
.header .logo img.on{display: none;}

.open-search{ cursor:pointer;text-align: center;position: relative;margin-left: 0.2rem;position: relative;z-index: 10;border-radius: 50%;width: 17px;height: 17px;background: url(../images/ico-so.png) no-repeat center center/100%;}
.open-search:hover{background-image: url(../images/ico-so_on.png);}
.open-search:before{width: 1px;content: "";left: -0.2rem;top: 50%;height: 17px;position: absolute;background-color: #dedede;margin-top: -8px;}
.top-search {position: absolute;left: 0;top: 100%;width: 100%;background-color: #f5f8fa;padding: 2.604vw;box-shadow: 0 0 10px rgba(0,0,0,0.1);transition: all 0.5s;transform: translateY(0.2rem); opacity: 0; visibility: hidden;}
.top-search .inner{max-width: 7rem;margin: 0px auto;position: relative;}
.top-search input{width: 100%;height: 0.6rem;border-radius: 5px;background-color: #fff;border: 0;padding: 0 0.8rem 0 0.65rem;background: #fff url(../images/ico-so.png) no-repeat 0.2rem center/17px 17px;}
.top-search input:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.top-search .btn{position: absolute;right: 0;top: 0;width: 1.06rem;text-align:center;height:0.6rem;line-height:0.6rem;border-radius: 0 5px 5px 0;color: #fff;font-weight: 700;background-color: var(--primary-color);}
.top-search .btn:hover{opacity: 0.9;}
.search-show .open-search{background-image: url(../images/close.svg);}
.search-show .top-search{transform: translateY(0); opacity: 1; visibility: visible;}

.h-lang{position: relative;margin-left: 0.52rem;font-weight: var(--font-weight__l);position: relative;}
.h-lang dt{display: flex;align-items: center;height: 0.5rem;cursor: pointer;}
.h-lang dt:before{content: "";width: 0.26rem;height: 0.26rem;background: url(../images/lang.svg) no-repeat center center/contain;margin-right: 0.06rem;}
.h-lang dd{position: absolute;left: 0;top: 110%;width: 100%;width: 1rem;text-align: center;border-radius: 0.05rem;background-color: #fff;	box-shadow: 0 0 10px rgba(0,0,0,0.1);padding: 0.1rem;transition: all 0.3s ease-in-out;opacity: 0;pointer-events: none;z-index: 100;}
.h-lang dd a{display: block;}
.h-lang dd a:not(:last-child){margin-bottom: 0.1rem;}
.h-lang:hover dd{top: 100%;pointer-events: auto;opacity: 1;}

.main-nav li{padding:0 2.708vw;position: static;}
.main-nav span a{ position:relative; z-index:100;display:block;line-height: var(--header_height);transition: all 0.3s;font-weight: var(--font-weight__l);color: #fff}
.main-nav span a:after{position: absolute;width: 0;height: 0.03rem;content: "";left: 50%;transform: translateX(-50%);bottom: 0.25rem;transition: all .5s;background-color: var(--primary-color);}
.main-nav .arr{ display:none;}
.main-nav li.aon span a{font-weight: var(--font-weight__r);}
/* .main-nav li:hover span a:after,.main-nav li.aon span a:after{width: 100%;} */

.open-menu{width: 0.4rem;height: 0.4rem;display: flex;cursor: pointer; margin-left: 0.29rem;background-color: var(--primary-color);align-items: center;position: relative;z-index: 1001;align-items: center;flex-direction: column;justify-content: center;font-size: 0.16rem;border-radius: 5px;}
.open-menu:hover{opacity: 0.9;}
.open-menu i{display: block;width: 60%;background-color: #fff;height: 2px;transition: all 0.5s;}
.open-menu i:not(:last-child){margin-bottom: 0.06rem;}
.menu-show .open-menu i:nth-child(1) {
	-webkit-transform: translate(0, 6px) rotate(45deg) !important;
	-moz-transform: translate(0, 6px) rotate(45deg) !important;
	-ms-transform: translate(0, 6px) rotate(45deg) !important;
	-o-transform: translate(0, 6px) rotate(45deg) !important;
	transform: translate(0, 6px) 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;}

/* 头部滑过 */
header.up{box-shadow: 0 0 10px rgba(0,0,0,0.08);}
header.dark-style,header.dark-style2{background-color: #fff;border-bottom-color: #fff;}
header.dark-style .logo img.white,header.dark-style2 .logo img.white{display: none;}
header.dark-style .logo img.on,header.dark-style2 .logo img.on{display: inline-block;}
header.dark-style .h-lang dt:before,header.dark-style2 .h-lang dt:before{background-image: url(../images/lang-black.svg);}
header.dark-style .h-lang dt:after,header.dark-style2 .h-lang dt:after{background-image: url(../images/arr_b_black.svg);}
header.dark-style .open-search,header.dark-style2 .open-search{background-image: url(../images/search-black.svg);}
.search-show header.dark-style .open-search,.search-show header.dark-style2 .open-search {background-image: url(../images/close-black.svg) !important;}
header.dark-style .h-lang dt,header.dark-style2 .h-lang dt{color: #666 !important;}
header.dark-style .main-nav span a,header.dark-style2 .main-nav span a{color: #666666 !important;}
header.dark-style .main-nav li:hover span a,header.dark-style2 .main-nav li:hover span a,
header.dark-style .main-nav li.aon span a,header.dark-style2 .main-nav li.aon span a{color: #333333 !important;}

header.light-style .h-lang dt{color: rgba(var(--white-color__rgb), 0.6);}
header.light-style .main-nav span a{ color: rgba(var(--white-color__rgb), 0.6);}
header.light-style .main-nav li:hover span a,
header.light-style .main-nav li.aon span a{color: rgba(var(--white-color__rgb), 1);}

@media(min-width:1921px){
	.main-nav li{padding: 0 0.52rem;}
}
@media (min-width:1025px) {
.open-menu{display: none;}

		/* 下拉 */
		.main-nav .sub{position: absolute;width: 100%; left: 50%;border-top: 1px solid #d9d9d9; transform: translateX(-50%) scale(0.9);top: 100%;text-align: center;opacity: 0;visibility: hidden;z-index: -100;transition: all 0.3s ease-out 0s;pointer-events: none;background: linear-gradient( 180deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.8) 100%);}
		.main-nav .sub dl{display: inline-block;min-width: 1.5rem;padding: 0.1rem;}
		.main-nav .sub dd a:after{position: absolute;transition: all 0.5s;bottom: 0;left:0;width: 100%;height: 0;content: "";;opacity: 0;z-index: -1;}
		.main-nav .sub a{display: block;position: relative;z-index: 1;transition: all 0.5s;padding:0.33rem 0;text-align: center;font-size: 0.18rem;}
		.main-nav .sub dd a:hover{color: #0073BC;}
		.main-nav .sub dd:last-child{margin-right: 0;}
		.main-nav .sub dd{float: left;margin-right: 1rem;}
		.main-nav .sub dd a:hover:after{opacity: 1;height: 100%;}
		.main-nav .show .sub{display: block;z-index: 99;opacity: 1;visibility: visible;transform: translateX(-50%) scale(1);pointer-events: auto;}
}
	
@media(max-width:1024px){
	.open-menu span{display: none;}
	.header .auto{justify-content: space-between;height: 0.6rem;padding-left: 6.25%;}
	.header .other a span{display: none;}
	.header .other a:not(:last-child){margin-right: 0.1rem;}
	.top-search .ico{margin-left: 0;}

	.main-nav{position: fixed;left: 0;top:0.65rem;background: #fff; padding: 0.2rem 0;visibility: hidden; transform: translateX(-100%); opacity: 0; transition: 0.3s; width: 3rem; bottom: 0; box-shadow: 0 0.1rem 0.1rem rgba(0,0,0,0.2);}
	.menu-show .main-nav{visibility: visible; opacity: 1; transform: translateX(0);}
	.main-nav ul{height: 100%; overflow: auto;line-height: 2;display: block;}
	.main-nav li{padding: 0;border-bottom: 1px solid rgba(0,0,0,0.1);width: 100%;text-align: left;}
	.main-nav span a:after{display: none;}
	.main-nav .sub dd a,
	.main-nav span a{line-height: 3;padding: 0 0.3rem;border-bottom: 1px solid rgba(255,255,255,0.15);display: block;font-size:var(--font-size__24);}
	.main-nav .sub dd a{font-size: 0.2rem;}
	.main-nav .sub dd:last-child a{border-bottom: 0;}
	.main-nav li span{display: block;position: relative;font-size: 0.24rem;line-height: 2;}

	.wap-dd-op,
	.wap-op{position: absolute;right: 0;width: 3em; height: 100%;background: url(../images/arr_xjt_gray.svg) no-repeat center center; background-size: 20% auto; top: 0;z-index: 101; transition: 0.3s;}
	.main-nav .sub dd.wap-active .wap-dd-op,
	span.on .wap-op{transform: rotate(180deg);}
	.main-nav .sub{display: none; padding: 0.1rem; background: rgba(255,255,255,0.1);line-height: 3;}
	.main-nav .sub dd dl{display: none; padding:1em 1em 1em 2em; background-color: rgba(var(--rgb-white),0.8); line-height: 2.4;}
	.main-nav .sub > dl > dd:not(:last-child){border-bottom: rgba(0,0,0,0.05) 1px solid;}
	.main-nav .sub dd.wap-active dl{display: block;}Nav{position: fixed;right: 0;top: 0.9rem;width: 80%;height: calc(100% - 0.65rem);right: -100%;transition: all 0.3s;opacity: 0;background-color:#ffffff;box-shadow: 0 0 10px rgba(0,0,0,0.2);padding: 20px 0 0 0;overflow-y: auto;z-index: 100;text-align: center;margin-right: 0;}
}
@media(max-width:480px){
	.header .auto-inner{height: 0.7rem;}
	.header .logo img{height: 0.4rem;}
	.header .logo span{line-height: 0.3rem;}
	.header .logo{font-size: var(--font-size__20);}
	.open-menu{margin-left: 0.2rem;}
}
/*Top end*/

/* footer */
footer{background: var(--primary-color); padding-top: 2.604vw;font-weight: var(--font-weight__l); position: relative;z-index: 11;color: #fff;}
footer a{color: var(--white-color);}
footer a:hover{opacity: 0.8;color: var(--white-color);}
footer .logo{margin-bottom: 0.34rem;}
footer .logo img{height: 0.66rem;}
footer .text {padding-bottom: 0.17rem;}
footer .text p{margin: 0;font-size: var(--font-size__14);background-position: 0 0.02rem;background-size:0.18rem 0.18rem;line-height: 0.2rem;padding-left: 0.23rem;background-repeat: no-repeat;}
footer .text p:not(:last-child){margin-right: var(--padding-margin__35);}
footer .text p.tel{background-image: url(../images/b-ico_tel.svg);}
footer .text p.mail{background-image: url(../images/b-ico_mail.svg);}
.f-top{padding-bottom: 1.563vw;}
.f-bottom{border-top: 1px solid rgba(var(--white-color__rgb),0.4); padding: var(--padding-margin__25) 0; line-height: calc(24 / 16);font-size: var(--font-size__14);color: var(--white-color__rgb);}
.f-bottom .nav span:not(:last-child){margin-right: 0.2rem;}
.f-bottom .nav .hassub {position: relative;}
.f-bottom .nav .hassub:after{width: 10px;height: 6px;background: url(../images/arr-b_white.svg) no-repeat center center/contain;margin-left: 0.05rem;display: inline-block;vertical-align: middle;content: "";}
.f-bottom .nav .hassub .sub{position: absolute;bottom: 80%;left: 50%;width: max-content;transform: translateX(-50%);z-index: 10;border-radius: 0.05rem;background-color: #fff;padding: 0.15rem;box-shadow: 0 0 10px rgba(0,0,0,0.1);transition: all 0.3s ease-in-out;opacity: 0;pointer-events: none;}
.f-bottom .nav .hassub .sub:after{position: absolute;left: 50%;transform: translateX(-50%) rotate(45deg);bottom: -0.03rem;background-color: #fff;content: "";width: 0.08rem;height: 0.08rem;}
.f-bottom .nav .hassub .sub a{color: #333;}
.f-bottom .nav .hassub:hover .sub{bottom: 100%;opacity: 1;pointer-events: auto;overflow: auto;max-height: calc(((22 / 14* 1em) + 0.1rem)* 6);}
.f-bottom .nav .hassub .sub dd:not(:last-child){margin-bottom: 0.08rem;}

.follow-us li{font-size: var(--font-size__14);text-align: center;}
.follow-us li:not(:last-child){margin-right: 0.3rem;}
.follow-us .code {width: 1rem;}
.follow-us .code img{width: 100%;display: block;margin-bottom: 0.14rem;}
.follow-us li.show .icon{ background-color: rgba(var(--white-color__rgb),1);}
.follow-us li.show .code{ visibility: visible; opacity: 1; transform: translateY(0);}
.follow-us li:not(.show) .icon img{filter: brightness(0) invert(1);}

footer .tit{font-weight: var(--font-weight__b); margin-bottom: var(--padding-margin__20);}
.f-sitemap{font-size: var(--font-size__16);}
.f-sitemap .tit{margin-bottom: 0.2rem;}
.f-sitemap a{color: var(--white-color);}
.f-sitemap a:hover{opacity: 0.7;}
.f-sitemap .item dd{line-height: calc(20 / 16);}
.f-sitemap .item dd:not(:last-child){ margin-bottom: 0.17rem;}
.f-sitemap .sub-item .list{ position: relative;z-index: 1;}
.f-sitemap .sub-item .list dl:not(.active){position: absolute; visibility: hidden; opacity: 0; pointer-events: none;}
.f-sitemap .sub-item .list dd{opacity: 0;  transition: var(--transition); transition-delay: var(--s);}
.f-sitemap .sub-item .list dl.active dd{opacity: 1;  }

.fix-right{right: var(--padding-margin__15);top: 50%;transform: translateY(-50%);width: 0.72rem;position: fixed;z-index: 100;}
.fix-right ul{background-color: var(--white-color);border-radius: 0.72rem;padding:0 0 var(--padding-margin__30);box-shadow: 0 4px 0.25rem rgba(var(--primary-color__rgb), 0.15);}
.fix-right li{position: relative;}
.fix-right p{margin: 0;}
.fix-right .btn{display: block;padding: var(--padding-margin__30) 0 0;text-align: center;font-size: var(--font-size__14);font-weight: var(--font-weight__l);}
.fix-right .btn img{display: block;margin: 0px auto 0.08rem;height: 0.25rem;}
.fix-right li:not(:last-child) .btn{border-bottom: 1px solid rgba(255,255,255,0.18);}
.fix-right li:hover .ewm{right: 100%;visibility: visible;z-index: 100;opacity: 1;}
.fix-right .ewm{padding: 0.1rem;border-radius: 5px;background: #fff;width: 1.5rem;top: 50%;right: 90%;transform: translateY(-50%);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 .ewm img{width: 100%;}
.fix-right .ewm:after{width: 10px;height: 10px;top: 50%;transform: translateX(-50%) rotate(45deg);content: "";position: absolute;background: #fff;right: -10px;}
.fix-right .ewm a{font-size: var(--font-size20);font-weight: bold;color: rgba(var(--main-color));}
.fix-right li:nth-child(2) .ewm{width: 1.8rem;}
.fix-right .formbtn{width: 0.72rem;height: 0.72rem;border-radius: 50%;background: var(--secondary-color) url(../images/ico-ly.svg) no-repeat center center/0.25rem 0.32rem;transition: all 0.5s;display: block;margin: var(--padding-margin__30) 0 0 0;}
.fix-right .formbtn:hover{background-color: var(--primary-color);}
.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);height: 0.76rem;opacity: 1;pointer-events: auto;}

.back-top .btn:before{	width: 0.24rem;height: 0.24rem; background: url(../images/totop.svg) var(--background-contain);display: block; content: ''; backface-visibility: visible;margin: 0px auto 0.08rem;}
.back-top:hover .btn:before{animation: getop 1.5s 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;}
}
@media (min-width:1025px) {
.f-sitemap{width: calc(922 / 1600 * 100%);line-height: 0.22rem;}
.f-sitemap .item{width: 1rem;}
}
@media (max-width:1024px) {
footer{padding: 0.25rem 0 !important;}
.f-sitemap,.f-top .logo{display: none;}
footer .text,.follow-us ul{justify-content: center;}
.f-top .contact{width: 100%;}
.f-bottom{text-align: center;}
}

/* button s*/
.btn-detail{background: url(../images/more-r_white.svg) no-repeat right center/0.24rem 0.24rem;display: inline-block;padding-right: 0.35rem;transition:all 0.5s ease-in-out;}
.btn-detail:hover{padding-right: 0.45rem;}

.btn-more{display: inline-block;min-width: 2.14rem;text-align: center;height: 0.6rem;border: 1px solid rgba(255,255,255,0.4);color: #fff !important;border-radius: 0.6rem;font-weight: var(--font-weight__l);transition: all 0.5s;overflow: hidden;padding: 0 0.1rem;position: relative;}
.btn-more span{position: relative;z-index: 2;display: flex;align-items: center;justify-content: center;height: 100%;}
.btn-more span:after{content: "";width: 0.24rem;height: 0.24rem;background: url(../images/more-r_white.svg) no-repeat right center/contain;margin-left: 0.13rem;transition: all 0.5s;}
.btn-more em{position: absolute;left: 50%;top: 50%;width: 0.2rem;height: 0.2rem;transition: all 0.5s ease-in-out;background-color: var(--primary-color);opacity: 0;border-radius: 50%;transform: translate(-50%,-50%);z-index: 0;}
.btn-more:hover{border-color:var(--primary-color);background-color: var(--primary-color);}
.btn-more:hover span:after{margin-left: 0.2rem;}
.btn-more:hover em{left: 0;top: 0;width: 500px;height: 500px;opacity: 1;}

.btn-more2{display: inline-block;min-width: 1.22rem;text-align: center;height: 0.41rem;border: 1px solid #444444;border-radius: 0.6rem;font-weight: var(--font-weight__l);transition: all 0.5s;overflow: hidden;padding: 0 0.1rem;font-size: var(--font-size__14);position: relative;}
.btn-more2 span{position: relative;z-index: 2;display: flex;align-items: center;justify-content: center;height: 100%;}
.btn-more2 em{position: absolute;left: 50%;top: 50%;width: 0.2rem;height: 0.2rem;transition: all 0.5s ease-in-out;background-color: var(--primary-color);opacity: 0;border-radius: 50%;transform: translate(-50%,-50%);z-index: 0;}
.btn-more2:hover{border-color:var(--primary-color);background-color: var(--primary-color);color: #fff;}
.btn-more2:hover em{left: 0;top: 0;width: 500px;height: 500px;opacity: 1;}
.bgblur{backdrop-filter: blur(10px) saturate(100%);background-color: rgba(var(--white-color__rgb), 0.2);border: 1px solid #fff;}
@media(max-width:640px){

}
/* button end*/

/* 首页 */
/* 滑到底部时 */
/* #scrollPage .page-footer{position: fixed;z-index: 100;width: 100%;top: 100%;left: 0;transition: transform 0.5s ease-out;
  -webkit-transition: transform 0.5s ease-out;
  -moz-transition: transform 0.5s ease-out;
  -o-transition: transform 0.5s ease-out;
  -ms-transition: transform 0.5s ease-out;} */
#scrollPage {position: absolute;width: 100%;height: 100%;top: 0; left: 0;}
/* #scrollPage.on #home {
  transform: translate3d(0, -3.4rem, 0);
  -webkit-transform: translate3d(0, -3.4rem, 0);
  -moz-transform: translate3d(0, -3.4rem, 0);
  -o-transform: translate3d(0, -3.4rem, 0);
  -ms-transform: translate3d(0, -3.4rem, 0);
}
#scrollPage.on .page-footer {
  transform: translate3d(0, -3.4rem, 0);
  -webkit-transform: translate3d(0, -3.4rem, 0);
  -moz-transform: translate3d(0, -3.4rem, 0);
  -o-transform: translate3d(0, -3.4rem, 0);
  -ms-transform: translate3d(0, -3.4rem, 0);
} */

/* 首页公用 */
#home { position: fixed; width: 100vw; height: 100%; left: 0; top: 0; z-index: 5;transition: transform 0.5s ease-out; -webkit-transition: transform 0.5s ease-out;
  -moz-transition: transform 0.5s ease-out; -o-transition: transform 0.5s ease-out; -ms-transition: transform 0.5s ease-out;}
#home #main { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
#home #main #roll { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #fff;}
#home #main #roll .row { position: absolute; left: 0; height: 100%; top: 0; width: 100%;opacity: 0;pointer-events: none;animation-fill-mode: both;animation-duration: 1s;  animation-timing-function: cubic-bezier(0.3, 0, 0.24, 1); z-index: 5;}
#home #main #roll .row.del {opacity: 1; pointer-events: auto;}
#home #main #roll .row.on {opacity: 1;pointer-events: auto;z-index: 10;}
/* #home #main #roll .row .alan {opacity: 0;}
#home #main #roll .row .alanLeft,
#home #main #roll .row .alanIn {opacity: 0;} */
#home #main #roll .row.del {opacity: 1;pointer-events: auto;}
#home #main #roll .row.on {opacity: 1;pointer-events: auto;z-index: 10;}
#home #main #roll .row.on .alan {
  animation-name: fadeInUpSmall;
  animation-duration: 1.5s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.3, 0, 0.24, 1);}
#home #main #roll .row.on .alanLeft {
  animation-name: fadeInLeftSmall;
  animation-duration: 1.5s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.3, 0, 0.24, 1);}
#home #main #roll .row.on .alanRight {
  animation-name: fadeInRightSmall;
  animation-duration: 1.5s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.3, 0, 0.24, 1);}
#home #main #roll .row.on .alanIn {
  animation-name: fadeIn;
  animation-duration: 1.5s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.3, 0, 0.24, 1);}
#home #main #roll .row .delay1 {animation-delay: 0.3s;}
#home #main #roll .row .delay2 {animation-delay: 0.4s;}
#home #main #roll .row .delay3 {animation-delay: 0.5s;}
#home #main #roll .row .delay4 {animation-delay: 0.6s;}
#home #main #roll .row .delay5 {animation-delay: 0.7s;}
#home #main #roll .row .delay6 {animation-delay: 0.8s;}

/* 第一屏 */
.controls-area{position: absolute; left: 0;bottom:calc(50 / 960 * 100%);z-index: 10;width: 100%;}
.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.31rem;height: 0.31rem;position: relative;background-color: transparent;opacity: 1;}
.controls-page span:not(:last-child){margin-right: 0.1rem;}
.controls-page span:after{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 0.1rem;height: 0.1rem;background-color: rgba(var(--white-color__rgb), 0.4);content: "";border-radius: 50%;}
.controls-page span:before{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";border-radius: 50%;opacity: 0;}
.controls-page .swiper-pagination-bullet-active:after{background-color: rgba(var(--white-color__rgb), 1);}
.controls-page .swiper-pagination-bullet-active:before{opacity: 1;animation: turn 3s linear infinite;}

.home-ban{position: relative;z-index: 1; top: 0; }
.home-ban .ispic{padding-bottom: 100vh;}
.home-ban .swiper{height: 100vh;}
.home-ban .info{position: absolute;left: 50%;top: 1.7REM;transform: translateX(-50%);z-index: 10;color: #fff;text-align: center;}
.home-ban .info h1{font-size: 4.688vw;margin: 0 0 0.27rem;}
.home-ban .info pre{font-size: 2.083vw;line-height: calc(30 / 20);font-weight: var(--font-weight__r);text-align: center;}
.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;}

@media(max-width:1024px){
  .home-ban .info h1{max-width: 100%;}
}
#home #main #roll #r1.over {
  z-index: 16;
  opacity: 1;
  border-radius: 20px;
  animation-name: banner_in_1;
  transform-origin: 50% 50%;
}

/* 第二屏 */
.titHead h1{font-size: 5vw;margin: 0 0 0.15rem;}
.titHead h2{font-size: var(--font-size__46);line-height: calc(60 / 46);font-weight: var(--font-weight__b);margin: 0 0 var(--padding-margin__10);}
.titHead pre{font-size: var(--font-size__24);font-weight: var(--font-weight__l);line-height: calc(32 / 24);}
.titHead.white{color: #fff;}

.home-pro{background-color: #d3e4fe;}
.home-pro .titHead{position: absolute;right: 8.333vw;top: 10.417vw;z-index: 10;text-align: right;max-width: 50%;}
.home-pro .titHead pre{text-align: right;}
.home-pro .select-pro{position: absolute;z-index: 100;right: 8.333vw;bottom: 7.292vw;width: 3.37rem;min-height: 3.48rem;}
.home-pro .select-pro{background: url(../images/select-pro.png) no-repeat center center/100% 100%;padding: 0.49rem 0.28rem 0.2rem;color:var(--secondary-color);}
.home-pro .select-pro .label{line-height: calc(24 / 20);margin-bottom: var(--padding-margin__20);}
.home-pro .select-pro .group:not(:last-child){margin-bottom: var(--padding-margin__55);}
.home-pro .select-pro .input{position: relative;}
.home-pro .select-pro .input .btn{position: absolute;left: 0.16rem;top: 50%;transform: translateY(-50%);width: 0.15rem;background: url(../images/ico-so.svg) no-repeat center center/contain;height: 100%;border: 0;cursor: pointer;}
.home-pro .select-pro .form-input{width: 100%;height: 0.5rem;background-color: #c2ddfb;padding: 0 0.1rem 0 0.4rem;}
.home-pro .select-pro .form-input::-webkit-input-placeholder{color: var(--secondary-color);}
.home-pro .car{width: 61.042vw;left: 6vw;bottom: 0vw;position: absolute;z-index: 10;}
.home-pro .car .img img{display: block;width: 100%;}
.home-pro .car dd{position: absolute;}
.home-pro .car .dot{width: 0.24rem;height: 0.24rem;border-radius: 50%;background-color: #09a1ff;}
.home-pro .car .dot::before,
.home-pro .car .dot::after {width: 120%;height: 120%;background-color: #09a1ff;position: absolute;left: -10%;top: -10%;content: '';border-radius: 50%;opacity: 0;animation: scaleAnimate 2s linear;animation-iteration-count: infinite;}
.home-pro .car .dot::after {animation-delay: .5s;}
.home-pro .car .info{position: absolute;opacity: 0;bottom: 0;left: 50%;transform: translateX(-50%);transition: all 0.5s;display: flex;flex-direction: column;justify-content: flex-end;z-index: -1;}
.home-pro .car .info .tit{width: 3rem;text-align: center;background: url(../images/home-pro_titbg.png) no-repeat center center/100% 100%;padding: 0 0.24rem;line-height: 0.55rem;transition: all 0.8s ease-in-out;opacity: 0;color: #09a1ff;}
.home-pro .car .info .tit:hover{color:var(--secondary-color);}
.home-pro .car .info .line{transition: all 0.5s ease-in-out;width: 1px;height: 0;background-color: #09a1ff;margin: 0.12rem auto 0;position: relative;}
.home-pro .car .info .line span{display: block;width: 0.11rem;height: 0.11rem;border-radius: 50%;background-color: #09a1ff;position: absolute;left: 50%;top: 0;transform: translateX(-50%);}
.home-pro .car .info .line span:After{position: absolute;left: 50%;top: 51%;transform: translate(-50%,-50%);background-color: #09a1ff;opacity: 0.4;width: 0.18rem;height: 0.18rem;content: "";border-radius: 50%;}
.home-pro .car dd:nth-child(1){left: 29%;top: 44%;}
.home-pro .car dd:nth-child(2){left: 23%;top: 45.5%;}
.home-pro .car dd:nth-child(3){right: 24.5%;top: 33.5%;}
.home-pro .car dd:nth-child(4){left: 40.5%;top: 40%;}
.home-pro .car dd:nth-child(5){display: none;}
.home-pro .car dd:hover .info{height: 16.667vw;opacity: 1;z-index: 9;}
.home-pro .car dd:hover .info .line{height: 11.771vw;}
.home-pro .car dd:hover .info .tit{opacity: 1;}
.home-pro.on .car{animation:bounceInLef 3s .4s ease both;-webkit-animation:bounceInLeft 3s .4s ease both;-moz-animation:bounceInLeft 3s .4s ease both;}

@media(max-width:1560px){
.home-pro .select-pro{bottom: 4vw;}
}
@media(max-width:1024px){
  .home-pro .titHead{right: 0;left: 5%;text-align: left;top: 1rem;}
  .home-pro .titHead pre{text-align: left;}
  .home-pro .select-pro{bottom: auto;top: 1rem;right: 5%;min-height: auto;}
  .home-pro .car{width: 100vw;left: 0;}
}
@media(max-width:480px){
  .home-pro .select-pro{top: 3rem;right: 50%;margin-right: -1.68rem;}
  .home-pro .titHead{max-width: 100%}
}
#home #main #roll #r2.over {
  z-index: 16;
  opacity: 1;
  border-radius: 20px;
  animation-name: banner_in_1;
  transform-origin: 50% 50%;
}
#home #main #roll #r2.in {
  z-index: 15;
  opacity: 1;
  border-radius: 20px;
  animation-name: banner_in;
  transform-origin: 50% 50%;
}
#home #main #roll #r2.out {
  z-index: 10;
  opacity: 1;
  border-radius: 20px;
  animation-name: banner_in_1;
  transform-origin: 50% 50%;
}

/* 第三屏 */
.home-about{color: #fff;}
.home-about .titHead{margin-bottom: 0.25rem;}
.home-about .infoarea{position: absolute;max-width: 13.33rem;width: 87.5%;left: 50%;transform: translateX(-50%);top: 1.85rem;z-index: 10;}
.home-about .numList {position: absolute;left: 0;width:100%;bottom: var(--padding-margin__80);z-index: 10;}
.home-about .numList li{flex: 1;}
.home-about .numList .num{font-size: var(--font-size__64);height: 0.9rem;display: flex;align-items: center;font-weight: var(--font-weight__b);flex-wrap: wrap;}
.home-about .numList p{font-size: var(--font-size__20);opacity: 0.6;margin: 0;}
.home-about.on .bg{animation:fadeInfilter 1s .8s ease both;-webkit-animation:fadeInfilter 1s .8s ease both;-moz-animation:fadeInfilter 1s .8s ease both;}
@media(min-width:1025px){
.home-about .infoarea .info{max-width: 5.65rem;}
}
@media(max-width:1024px){
  .home-about .infoarea{top: 1rem;}
}
@media(max-width:480px){
  .home-about .numList li{flex: none;width: 50%;}
}

#home #main #roll #r3.over {
  z-index: 16;
  opacity: 1;
  border-radius: 20px;
  animation-name: banner_in_1;
  transform-origin: 50% 50%;
}
#home #main #roll #r3.in {
  z-index: 15;
  opacity: 1;
  border-radius: 20px;
  animation-name: banner_in;
  transform-origin: 50% 50%;
}
#home #main #roll #r3.out {
  z-index: 10;
  opacity: 1;
  border-radius: 20px;
  animation-name: banner_in_1;
  transform-origin: 50% 50%;
}

/* 第四屏 */
.home-global{background-color: #04163e;}
.home-global .titHead{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 10;text-align: center;}
.home-global .video{height: 100vh;}
.home-global .video video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;z-index: 0;}
.home-global .cooperation{position: absolute;left: 50%;top: 0;height: 100%;z-index: 9;transform: translateX(-50%);}
.home-global .cooperation .group{position: absolute;width: 100%;width: 3.8rem;color: #fff;}
.home-global .cooperation .group h3{margin: 0;font-size: var(--font-size__36);}
.home-global .cooperation .group p{margin: var(--padding-margin__20) 0 var(--padding-margin__40);font-size: var(--font-size__24);opacity: 0.8;}
.home-global .cooperation .logo .item{height: 0.66rem;height: 0.66rem;text-align: center;font-weight: bold;font-size: var(--font-size__20);width: 50%}
.home-global .cooperation .logo .item img{height: 0.41rem;opacity: 0.3;}
.home-global .cooperation .logo .item span{opacity: 0.3;}
.home-global .cooperation .logo .swiper-slide{display: flex;flex-wrap: wrap;justify-content: space-between;height: auto !important;}
.home-global .cooperation .logo .item:hover img,.home-global .cooperation .logo .item:hover span{opacity: 1;}
.home-global .cooperation .group:nth-child(1){top: 35%;}
.home-global .cooperation .group:nth-child(2){top: 16.5%;right: 0;text-align: right;}
.home-global .cooperation .group:nth-child(3){top: 62%;right: 0;text-align: right;}
.home-global .btn-more{position: absolute;left: 0;bottom: 15%;z-index: 10;}
.home-global.on .logo .item:nth-child(1) img{animation:zoomInSmall 2s .3s ease both;-webkit-animation:zoomInSmall 2s .3s ease both;-moz-animation:zoomInSmall 2s .3s ease both;}
.home-global.on .logo .item:nth-child(2) img{animation:zoomInSmall 2.5s .5s ease both;-webkit-animation:zoomInSmall 2.5s .5s ease both;-moz-animation:zoomInSmall 2.5s .5s ease both;}
.home-global.on .logo .item:nth-child(3) img{animation:zoomInSmall 3s .7s ease both;-webkit-animation:zoomInSmall 3s .7s ease both;-moz-animation:zoomInSmall 3s .7s ease both;}
.home-global.on .logo .item:nth-child(4) img{animation:zoomInSmall 3.5s .9s ease both;-webkit-animation:zoomInSmall 3.5s .9s ease both;-moz-animation:zoomInSmall 3.5s .9s ease both;}

@media(max-width:480px){
.home-global .titHead{top: 1rem;transform: translate(-50% ,0);}
.home-global .btn-more{bottom: 7%;}
.home-global .cooperation .group:nth-child(1){top: 41%;left: 5%;}
.home-global .cooperation .group:nth-child(2){top: 20%;}
}

#home #main #roll #r4.over {
  z-index: 16;
  opacity: 1;
  border-radius: 20px;
  animation-name: banner_in_1;
  transform-origin: 50% 50%;
}
#home #main #roll #r4.in {
  z-index: 15;
  opacity: 1;
  border-radius: 20px;
  animation-name: banner_in;
  transform-origin: 50% 50%;
}
#home #main #roll #r4.out {
  z-index: 10;
  opacity: 1;
  border-radius: 20px;
  animation-name: banner_in_1;
  transform-origin: 50% 50%;
}
/* 第五屏 */
.home-news{background-color: #fff;padding-top: 1.5rem;}
.home-news .tab-nav{margin-top: var(--padding-margin__10);height: 1.09rem;}
.home-news .tab-nav li{cursor: pointer;position: relative;font-weight: var(--font-weight__b);color:#666666;font-size: var(--font-size__24);}
.home-news .tab-nav li:not(:last-child){margin-right: var(--padding-margin__65);}
.home-news .tab-nav li.on{color:var(--primary-color);}
.home-news .swiper{overflow: visible;}
.home-news .ispic{padding-bottom: calc(220 / 385 * 100%);}
.home-news time{display: block;margin: var(--padding-margin__25) 0 var(--padding-margin__10);color:#999999;}
.home-news .tit{line-height: calc(36 / 18);font-weight: var(--font-weight__b);}
.home-news .btnbox{padding-top: 5.729vw;}
.home-news .cusarr .arr{position: static;margin: 0;transform: translate(0);border-radius: 0;border: 0;width: 0.2rem;height: 0.2rem;}
.home-news .cusarr .swiper-button-prev{margin-right: 0.24rem;}
@media(min-width:1025px){
	.home-news .swiper-pagination{display: none;}
	.home-news .cusarr{position: absolute;top: -0.66rem;right: 0;}
}
@media(max-width:1560px){
  .home-news .btnbox{padding-top: 3vw;}
}
@media(max-width:1024px){
  .home-news{padding-top: 1rem;}
  .home-news .tab-nav{justify-content: center;}
  .home-news .cusarr .arr{display: none;}
  .home-news .swiper-pagination{position: static;margin: 0.2rem 0;}
  .home-news .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background-color: rgba(0,0,0,0.3);}
  .home-news .swiper-wrapper{justify-content: space-between;flex-wrap: wrap;}
  .home-news .swiper-slide{width: 49%;padding-bottom: 0.2rem;}

  .home-news .tit{--clamp: 1;height: 0.3rem;overflow: hidden;}
}

#home #main #roll #r5.over {
  z-index: 16;
  opacity: 1;
  border-radius: 20px;
  animation-name: banner_in_1;
  transform-origin: 50% 50%;
}
#home #main #roll #r5.in {
  z-index: 15;
  opacity: 1;
  border-radius: 20px;
  animation-name: banner_in;
  transform-origin: 50% 50%;
}
#home #main #roll #r5.out {
  z-index: 10;
  opacity: 1;
  border-radius: 20px;
  animation-name: banner_in_1;
  transform-origin: 50% 50%;
}
/* 第六屏 */
.home-jonus{height: 5.8rem;position: absolute;left: 0;top: 0;width: 100%;height: 54%;}
.home-jonus .content{position: absolute;left: 50%;top: 56%;transform: translate(-50%,-50%);z-index: 10;width: 80%;text-align: center;}
.home-jonus .is-bgImg__cover:after{left: 0;top: 0;width: 100%;height: 100%;position: absolute;content: "";background: rgba(1,116,188,0.24);z-index: 1;}
.home-jonus .is-bgImg__cover:before{left: 0;top: 0;width: 100%;height: 100%;position: absolute;content: "";background: rgba(3,13,40,0.54);z-index: 1;}
.home-jonus .titHead pre{font-weight: var(--font-weight__r);text-align: center;}
.home-jonus .btnbox{padding-top: var(--padding-margin__60);}
#r6.on .bg{animation:fadeInfilter 1s .8s ease both;-webkit-animation:fadeInfilter 1s .8s ease both;-moz-animation:fadeInfilter 1s .8s ease both;}
#r6.on .f-sitemap{animation:fadeInLeftSmall 1s .8s ease both;-webkit-animation:fadeInLeftSmall 1s .8s ease both;-moz-animation:fadeInLeftSmall 1s .8s ease both;}
#r6.on .contact{animation:fadeInRightSmall 1s .8s ease both;-webkit-animation:fadeInRightSmall 1s .8s ease both;-moz-animation:fadeInRightSmall 1s .8s ease both;}
.home-jonus{position: absolute;left: 0;top: 0;width: 100%;height: 54%;}
#r6 footer{position: absolute;left: 0;bottom: 0;width: 100%;height: 46%;}

@media(max-width:1800px){
.home-jonus{height: 50%;}
#r6 footer{height: 50%;}
}
@media(max-width:1560px){
#r6 footer{padding-top: 0.9vw;}
}
@media(max-width:1024px){
  .home-jonus{height: 62%;}
  #r6 footer{height: 38%;}
}
@media(max-width:480px){
  .home-jonus{height: 65%;}
  #r6 footer{height: 35%;}
}

#home #main #roll #r6.in {
  z-index: 15;
  opacity: 1;
  border-radius: 20px;
  animation-name: fadeIn;
  transform-origin: 50% 50%;
}
#home #main #roll #r6.out {
  z-index: 10;
  opacity: 1;
  border-radius: 20px;
  animation-name: banner_out;
  transform-origin: 50% 50%;
}
/* 首页切换按钮 */
#home .roll-items {
  position: fixed;
  left: 0.15rem;
  height: 100%;
  width: 60px;
  top: 0;
  z-index: 101;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
}
#home .roll-items > ol > li {
  width: 0.15rem;
  height: 0.8rem;line-height: 0.8rem;
  position: relative;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  cursor: pointer;
}
#home .roll-items > ol > li:before{left:0.03rem;top: 0;height: 100%;border-left: 1px dashed #fff;position: absolute;content: "";width: 1px;}
#home .roll-items > ol > li:first-child:before{top: 50%;height: 50%;}
#home .roll-items > ol > li:last-child:before{height: 50%;}
#home .roll-items > ol > li span{
  position: absolute;
  left: 0.25rem;width: 100px;
  font-size: 14px;
  color: #fff;}
#home .roll-items > ol > li svg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 24px;
  height: 24px;
  transform: translateY(-50%) translate(-8px, -1px) rotate(-90deg);
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
}
#home .roll-items > ol > li svg circle {
  stroke-dashoffset: 189px;
  stroke-dasharray: 63px;
  stroke: #ffffff;
  stroke-width: 1px;
}
#home .roll-items > ol > li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  line-height: 6px;
  text-align: center;
  background-color: #fff;
}
#home .roll-items > ol > li.on:after {
  background: var(--main-color) !important;
}
#home .roll-items > ol > li.on svg circle {
  stroke-dashoffset: 126px;
  transition: all 2s ease-out;
  -webkit-transition: all 2s ease-out;
  -moz-transition: all 2s ease-out;
  -o-transition: all 2s ease-out;
  -ms-transition: all 2s ease-out;
}
#home .roll-items.on {
  opacity: 1;
  pointer-events: auto;
  transition: all 0.8s ease-out;
  -webkit-transition: all 0.8s ease-out;
  -moz-transition: all 0.8s ease-out;
  -o-transition: all 0.8s ease-out;
  -ms-transition: all 0.8s ease-out;
}
#home .roll-items.wc > ol > li span{color: #666666;}
#home .roll-items.wc > ol > li:before{border-color: #333333;}
#home .roll-items.wc > ol > li svg{border-color: #333333;}
#home .roll-items.wc > ol > li svg circle{stroke: #333333;}
#home .roll-items.wc > ol > li:after{background-color: #666;}

/* 首页切屏动画 */
@keyframes bannerIn {
  0% {
    transform: translate3d(100%, 0%, 0) scale3d(0.7, 0.7, 0.7);
  }
  50% {
    transform: translate3d(0, 0%, 0) scale3d(0.7, 0.7, 0.7);
  }
  100% {
    transform: translate3d(0%, 0, 0) scale3d(1, 1, 1);
  }
}
@keyframes banner_in {
  0% {
    transform: translate3d(100%, 0%, 0);
    clip-path: inset(10vw 10vw 10vw 10vw round 10px);
  }
  50% {
    transform: translate3d(0, 0%, 0);
    clip-path: inset(10vw 10vw 10vw 10vw round 10px);
  }
  100% {
    transform: translate3d(0, 0%, 0);
    clip-path: inset(0 0 0 0 round 10px);
  }
}
@keyframes banner_out {
  0% {
    transform: translate3d(0, 0%, 0) scale3d(1, 1, 1);
  }
  50% {
    transform: translate3d(0, 0%, 0) scale3d(0.7, 0.7, 0.7);
  }
  100% {
    transform: translate3d(-100%, 0, 0) scale3d(0.7, 0.7, 0.7);
  }
}
@keyframes banner_in_1 {
  0% {
    transform: translate3d(0, 0%, 0);
    clip-path: inset(0 0 0 0 round 10px);
  }
  50% {
    transform: translate3d(0, 0%, 0);
    clip-path: inset(10vw 10vw 10vw 10vw round 10px);
  }
  100% {
    transform: translate3d(-100%, 0%, 0);
    clip-path: inset(10vw 10vw 10vw 10vw round 10px);
  }
}
@keyframes banner_out_1 {
  0% {
    transform: translate3d(0, 0%, 0);
    clip-path: inset(0 0 0 0 round 10px);
  }
  50% {
    transform: translate3d(0, 0%, 0);
    clip-path: inset(10vw 10vw 10vw 10vw round 10px);
  }
  100% {
    transform: translate3d(-100%, 0%, 0);
    clip-path: inset(10vw 10vw 10vw 10vw round 10px);
  }
}
/* 首页 end*/

/*common s*/
.subPage{position: relative;background: #ffffff;z-index: 1;height: auto !important;height: 4rem;min-height: 4rem;clear: both;padding: 0.6rem 0 1rem;overflow: hidden;}

.pageBan{position: relative;overflow: hidden;transition: all 0.3s;color: #fff;}
.pageBan .auto-inner{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 10;}
.pageBan h1{font-weight: var(--font-weight__m);font-size:var(--font-size__48);}
.pageBan .Ispic{overflow: hidden;position: relative;height: 4rem;}
.pageBan .Ispic img{width: 100%;transform: scale(1.1);transition: all 5s;object-fit: cover;position: absolute;left: 0;top: 0;height: 100%;}
.pageBan.on .Ispic img{transform: scale(1) !important;}

.open-smenu{display: none;background-color:var(--primary-color);border-radius: 0 0 5px 5px;color: #fff;position: relative;padding: 0 0.3rem;line-height: 2.2;margin-bottom: 0.1rem;}
.open-smenu:after{content:"";position: absolute;right: 15px;top: 50%;transform: translateY(-50%);background: url(../images/arr_xjt_white.svg) no-repeat center center/0.2rem 0.2rem;height: 100%;width: 20px;transition: all 0.3s;}
.open-smenu.on:after{transform: translateY(-50%) rotate(-180deg);}

.subMenu{border-bottom: 1px solid #e0e0e0;padding-top: 0.19rem;}
.subMenu li{position: relative;font-size: var(--font-size__18);}
.subMenu li:not(:last-child){margin-right: 0.67rem;}
.subMenu li span{display: block;width: 100%;position: relative;}
.subMenu li span a{display: block;line-height: 0.74rem;}
.subMenu li:before{position: absolute;left: 50%;transform: translateX(-50%);width: 0;bottom:-1px;height: 0.03rem;content: "";background: var(--primary-color);
	transition: all 0.5s;}
.subMenu li.onli a,.subMenu li:hover a{color: var(--primary-color);}
.subMenu li.onli:before,.subMenu li:hover:before{width: 100%;}

.detailBox{background-color: #f7f8fa;}
.detailBox .subMenu{margin: 1.46rem 0 0 0;border-bottom: 0;background-color: transparent;}

.place{color: #737373;background: url(../images/ico-home.svg) no-repeat 0 4px/16px 13px;padding-left: 23px;font-size: var(--font-size__14);font-weight: var(--font-weight__l);}
.place a{color: #737373;margin-right: 0.28rem;position: relative;display: inline-block;}.place a:hover{color:var(--primary-color);}
.place a:after{position: absolute;width: 0.28rem;right: -0.28rem;top: 50%;height:100%;content: "";text-align: center;transform: translateY(-50%);background: url(../images/arr-r-gray.png) no-repeat center center;}

.subTit{padding-bottom: 0.27rem;}
.subTit h2{font-size: var(--font-size__36);color: #000000;}
.subTit h2 span{font-size: var(--font-size__20);font-weight: var(--font-weight__l);margin-left: 0.12rem;}
.topSet{position: relative;margin-bottom:var(--padding-margin__30);}
.topSet .search{position: absolute;right: 0;top: 50%;transform: translateY(-50%);z-index: 100;}
.topSet .layui-input{border: 0 !important;border-bottom: 1px solid #d5d5d5 !important;}
.topSet .check{text-align: right;padding: var(--padding-margin__20) 0;}
.topSet .check label{display: inline-block;color: #555555;font-weight: var(--font-weight__l);font-size: var(--font-size__18);border-radius: 0.05rem;border: 1px solid #e3e3e3;min-width: 1.6rem;text-align: center;padding: 0.05rem 0.15rem;cursor: pointer;margin: 0 0 0.2rem 0.2rem;}
.topSet .check label:hover{border-color: #f7a8a8;background-color: #ffe9e9;}
.topSet .check label.on{border-color: #f7a8a8;background-color: #ffe9e9;color: var(--primary-color);box-shadow: 0 0 8px rgba(229,91,94,0.24);}
.topSet .check label.on:before{width: 0.1rem;height: 0.1rem;border-radius: 50%;border: 0.03rem solid var(--primary-color);content: "";display: inline-block;margin:-0.04rem 0.06rem 0 0;vertical-align: middle;}

@media(max-width:1024px){
	.detailBox .subMenu{margin-top: 0.6rem;}
	.pageBan .Ispic{height: auto;}
	.pageBan .Ispic img{position: static;}
	.subPage{padding: 0.5rem 0;}
}
@media(max-width:768px){
	.pageBan .auto-inner{display: none;}
 .topSet .search{position: relative;}
	.topSet .check{margin-left: -0.2rem;text-align: left;display: flex;flex-wrap: wrap;}
	.topSet .check label{width: calc(100% / 2 - 0.2rem);}

	/* 二级菜单 */
	.open-smenu{display: block;}
	.subMenu{padding: 0.2rem 0;}
	.subMenu .colName{display: block;}
	.subMenu ul{margin-bottom: 0.15rem;justify-content: flex-start;}
	.subMenu li{min-width: 33.333%;text-align: center;margin: 0 !important;}
	.subMenu li:before{height: 0;background-color: #f0f0f0;}
	.subMenu li.onli a, .subMenu li:hover a{color: #c1272d;}
	.subMenu li span a{line-height: 2.5;}
	/* end */

}
/*common end*/

/*pages*/
.Pages{ padding:0; line-height:0.36rem; zoom:1; overflow:hidden;text-align: center;} 
.Pages b{font-weight: var(--font-weight__r);}
.Pages span{ padding:0px 3px; display:inline-block;} 
.Pages a{ display:inline-block; margin:0px 0.04rem;width: 0.36rem;height: 0.36rem;vertical-align: middle;border: 1px solid #f0f0f0;border-radius: 4px;color: #333333;} 
.Pages .p_cur,.Pages .p_count,.Pages .p_total,.Pages .a_first,.Pages .a_end{display: none;}  
.Pages .p_page a.a_cur,.Pages .p_page a:hover{ color:#fff; border:solid 1px var(--primary-color); background-color:var(--primary-color);} 
.Pages .p_page b{ font-weight:normal;} 
.Pages .i_text{ width:0.42rem;height:0.42rem; padding:0px; text-align:center; font-size:12px;border-radius: 4px; border:1px solid #f0f0f0; background:#fff;margin: 0 0.05rem;vertical-align: middle;} 
.Pages .i_button { width:0.42rem; height:0.42rem;border-radius: 4px; cursor:pointer; border:none;vertical-align: middle;padding: 0;font-size: 12px;} 
.Pages .i_button:hover{background-color: var(--primary-color);color: #fff;}
.Pages .a_prev,.Pages .a_prev,.Pages .a_next,.Pages .a_end{font-size: 0;background-position: center center;background-repeat: no-repeat;background-size: 0.07rem 0.13rem;}
.Pages .a_prev{background-image: url(../images/page/prev.svg);}
.Pages .a_prev:hover{background-image: url(../images/page/prev-on.svg?a) !important;}
.Pages .a_next{background-image: url(../images/page/next.svg);}
.Pages .a_next:hover{background-image: url(../images/page/next-on.svg?a) !important;}
@media ( max-width:480px){
	.Pages a,.Pages .a_first,.Pages .a_end{width: 0.35rem;height: 0.35rem;line-height: 0.31rem;}
	.Pages .p_jump{display: block;padding-top: 0.05rem;}
}
/*pages end*/


/*  */


/* 地图 */
.map-content{position: relative;overflow: hidden;}
.map-content #map{height: 100vh;width: 90vw;margin: 0 auto}
.map-content .mark{position: absolute;z-index: 1000;right: var(--padding-margin__150);bottom: var(--padding-margin__80);width: 1.53rem;border-radius: 0.1rem;background-color: rgba(255,255,255,1);padding: 0.1rem 0;color: #666666;font-weight: var(--font-weight__l);text-align: center;}
.map-content .mark p+p{margin-top: 0.18rem;}
.map-content .mark img{width: 0.2rem;margin-right: 0.09rem;}

.map-content .scale-btns{position: absolute;right: 1.25rem;top: 1.25rem;z-index: 10000;width: 0.4rem;}
.map-content .scale-btns button{display: block;line-height: 0.4rem;width: 100%;background: #fff;border: 0;cursor: pointer;font-size: 22px;}
.map-content .scale-btns button:hover{opacity: 0.8;}
.map-content .scale-btns button:nth-child(1){border-bottom: 1px solid #ddd;border-radius: 5px 5px 0 0;}
.map-content .scale-btns button:nth-child(2){border-radius: 0 0 5px 5px;}

.map-content .map-filter{position: absolute;background-color: #fff;border-radius: 0.15rem;z-index: 1000;left: 1.6rem;top: 2.5rem;width: 3rem;padding: 0.2rem;}
.map-content .allbtn{text-align: center;background-color: var(--primary-color);color: #fff;border-radius: 0.1rem;font-size: var(--font-size__20);line-height: 0.6rem;cursor: pointer;}
.map-content .content{max-height: 80vh;overflow-y: auto;}
.map-content .group{padding: 0.2rem;}
.map-content .group h2{margin: 0;font-size: var(--font-size__20);cursor: pointer;position: relative;}
.map-content .group dd{margin-top: 0.3rem;color: #666666;cursor: pointer;position: relative;font-size: var(--font-size__20);font-weight: var(--font-weight__l);}
.map-content .group dl{display: none;}
.map-content .group span{position: absolute;right: 0;top: 0;color: #999999;}
.map-content .group h2.active{color: var(--primary-color);}
.map-content .group dd.active{color: var(--primary-color);}
/*20251009*/

.header.ny{position: relative;}
.header.ny .logo img.on{display: block;}
.header.ny .logo img.white{display: none}
.header.ny.light-style .main-nav span a{color: #666}
.header.ny .h-lang dt:before{background: url(../images/lang-black.svg) no-repeat center center/contain}
header.ny.light-style .h-lang dt{color: #666}
/*企业概况*/
/*单行文本省略号*/
.dot {display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.dot2, .dot3, .dot4, .dot5, .dot6 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break:break-word;-webkit-box-orient: vertical;}
.dot2 {-webkit-line-clamp: 2;}
.dot3 {-webkit-line-clamp: 3;}
.dot4 {-webkit-line-clamp: 4;}
.dot5 {-webkit-line-clamp: 5;}
.dot6 {-webkit-line-clamp: 6;}

*{margin: 0;padding: 0}
.pd80{padding: 0.8rem 0}
li{list-style: none;}
.imgbox{ overflow:hidden; position:relative;display: block;}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover;; width:100%; height:100%;display: flex;align-items: center;justify-content: center;}
.imgbox img{ width:100%; height:100%;object-fit: cover;transition: all 0.3s}
.nbanner{position: relative;}
.nbanner .txt{position: absolute;left: 50%;top: 50%;text-align: center;width: 90%;max-width: 10rem;transform: translate(-50%,-50%);color: #FFFFFF;z-index: 9;}
.nbanner .txt .ti{font-size: 0.46rem;font-weight: bold;}
.nbanner .txt p{font-size: 0.24rem;line-height: 0.48rem;letter-spacing: 2px;margin-top: 0.4rem;	}
.nbanner:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(2, 77, 126, 0.60);content: "";}
.main-nav li span:after{position: absolute;left: 50%;bottom: 0;width: 0rem;height: 0.04rem;background: #0073BC;border-radius: 0.05rem;content: "";transition: all 0.3s}
.main-nav li.aon span:after{width: 0.74rem;margin-left: -0.37rem;}
.main-nav li span{position: relative;}

@media(max-width:1024px){
.main-nav li.aon span:after{width: 100%;left: 0;margin-left: 0;}
.nbanner .txt p{font-size: 0.2rem;line-height: 1.5;margin-top: 0.2rem;}
.pd80{padding: 30px 0}

}
	@media(max-width:480px){
.nbanner .txt .ti{font-size: 30px	}
.nbanner .imgbox{height: 2.4rem}
}


.QyPqrt1{background: #F5F5F5 url(../images/aboutbg1.png) no-repeat left bottom;}
.QyPqrt1 .txt{width: 61.75%;padding-right: 20%;}
.QyPqrt1 .imgbox{width: 39.25%}
.QyPqrt1 .txt .ti{font-weight: bold;font-size: 0.46rem;color: #333333;text-align: left;line-height: 1;margin-bottom: 0.4rem;}
.QyPqrt1 .txt p{font-size: 0.16rem;color: #666666;line-height: 0.32rem;text-align: justify;}
.QyPqrt1 .num {width: 160%;position: relative;z-index: 8;margin-top: 1.8rem;}
.QyPqrt1 .num li{float: left;width: 25%;height: 1.8rem;background: #FFFFFF;list-style: none;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;align-content: center}
.QyPqrt1 .num ul{margin: 0;padding: 0;}
.QyPqrt1 .num li .counter{font-weight: bold;font-size: 0.46rem;color: #0174BC;line-height: 0.46rem;text-align: center;display: block;width: 100%;}
.QyPqrt1 .num li p{font-size: 0.16rem;color: rgba(34,34,34,0.5);line-height: 0.32rem;text-align: center;}
.QyPqrt1 .num li .center{width: 100%;border-right: 1px solid #D9D9D9}
.QyPqrt1 .num li:last-child .center{border: none}
.QyPqrt1 .num li:hover{background: #0174BC}
.QyPqrt1 .num li:hover .counter{color: #FFFFFF}
.QyPqrt1 .num li:hover p{color: rgba(255,255,255,0.5);}
.QyPqrt1 .num li:hover .center{border: none}
.Atitle{text-align: center;margin-bottom: 0.8rem;color: #FFFFFF;}
.Atitle h3{font-weight: bold;font-size: 0.46rem;margin-bottom: 0.2rem;}
.Atitle p{font-size: 0.22rem;line-height: 0.48rem;letter-spacing: 2px;}
.Atitle.color_b{color: #333333;}
.Atitle.color_b p{color: #666}
.QyPqrt2{background: url(../images/aboutbg2.jpg) no-repeat center/cover;}
.QyPqrt2 .slider{margin: 0 -0.2rem}
.QyPqrt2 li{width: 48.75%;float: left;background: #fff;margin: 0 0.2rem}
.QyPqrt2 li .toptxt{height: 4rem;background: #2E4962;color: #fff;padding: 0.4rem;position: relative;}
.QyPqrt2 li .toptxt b{position: absolute;top: 40%;left: 50%;transform: translate(-50%,-50%); display: flex;align-items: center;justify-content: center; text-transform: uppercase;font-weight: bold;justify-content: center;font-size: 1rem;color: rgba(255,255,255,0.05);line-height: 1rem;letter-spacing: 4px;}
.QyPqrt2 li .toptxt .txt{position: absolute;left: 0.4rem;bottom:0.4rem;z-index: 5;}
.QyPqrt2 li .toptxt .txt h3{font-weight: bold;font-size: 0.24rem;color: #FFFFFF;text-align: left;margin-bottom: 0.2rem;}
.QyPqrt2 li .toptxt .txt p{font-weight: 400;font-size: 0.18rem;color: #FFFFFF;text-align: left;}
.QyPqrt2 li .toptxt .imgbox{position: absolute;right:0.5rem;bottom:0;width: 3.63rem;height: 3.68rem}
.QyPqrt2 li .btxt{padding: 0.3rem 0.4rem;font-size: 0.16rem;text-align: justify;color: #333333;line-height: 0.32rem;min-height: 1.9rem}


.QyPqrt3 .swiper-slide{width: 2.5rem;height: 1.2rem;background: #FFFFFF;border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;border: 0.01rem solid #DDDDDD;margin: 0.1rem;display: flex;align-items: center;justify-content: center}
.QyPqrt3 .swiper-slide .imgbox img{max-width: 80%;margin: 0 auto}
.QyPqrt3 .swiper-slide .imgbox {text-align: center;}
.index-more{text-align: center;margin-top: 0.3rem;font-size: 0.18rem;}
.index-more a i{width: 0.22rem;height: 0.15rem;display: inline-block;transition: all 0.3s; vertical-align: middle;background: url(../images/more.png) no-repeat center/contain;margin-top: -3px;margin-left:0.12rem;}
.index-more a{color: #0172BE;}
.index-more a:hover i{margin-left: 0.2rem;}


.pd120{padding: 1.2rem 0}

.QyPqrt4{background: #0062A9;position: relative;padding-bottom: 0.2rem;}
.QyPqrt4 .Atitle{position: absolute;top: 2rem;right:8.333%;z-index: 9;text-align: left;width: 33vw;padding: 0.45rem 0}
.QyPqrt4 .Atitle p{color: #666}
.QyPqrt4 .Atitle b{text-transform: uppercase;font-weight: bold;font-size: 0.96rem;color: rgba(239,243,247,0.5);line-height: 1;position: absolute;left: 0%;top: 50%;transform: translateY(-50%);z-index: -1;}
.QyPqrt4 .slider-for{background: #FFFFFF;overflow: hidden;margin-right: 8.333%;border-radius: 0rem 0.4rem 0.4rem 0rem;}
.QyPqrt4 .slider-for .slider li .imgbox{width: 9.6rem;float: left;}
.QyPqrt4 .slider-for .slider li .txt{padding-top: 3rem;width: calc(100% - 9.6rem);float: left;padding-left: 0.8rem;padding-right: 0.8rem;}
.QyPqrt4 .slider-for .slider li .txt .ti{font-weight: bold;font-size: 0.24rem;color: #0174BC;margin-bottom: 0.3rem;line-height: 1.75;}
.QyPqrt4 .slider-for .slider li .txt p{font-size: 0.16rem;color: #666666;line-height: 0.32rem;text-align: left;}
.QyPqrt4 .slick-list{padding: 0;margin: 0}

.QyPqrt4 .slider-nav{width: 7.8rem;float: right;margin-right: 8.33%;margin-top: 0.3rem;}
.QyPqrt4 .slider-nav li{font-size: 0.24rem;color: rgba(255,255,255,0.6);line-height: 0.48rem;text-align: left;position: relative;padding-bottom: 0.4rem;cursor: pointer;}
.QyPqrt4 .slider-nav li.slick-current{color: #FFFFFF;}
.QyPqrt4 .slider-nav li:after{width:0rem;height: 0.04rem;background: #FFFFFF;position: absolute;left: 0;bottom:0rem;content: "";transition: all 0.3s}
.QyPqrt4 .slider-nav  li.slick-current:after {width: 0.6rem}

.QyPqrt4 .slick-arrow{top: auto;bottom: 0.4rem;background: #D9D9D9}
.QyPqrt4 .slick-next{right: 0.8rem}
.QyPqrt4 .slick-prev{left: auto;right: 1.4rem}
.QyPqrt4 .slick-arrow:hover{background: #0174BC}

@media(max-width:1600px){
.QyPqrt4 .Atitle b{font-size: 4vw}
.QyPqrt4 .Atitle{right: 3%}
.Atitle h3{font-size: 0.4rem;}

}
@media(max-width:1024px){
.QyPqrt1 .num{margin-top: 1rem;width: 92vw}
.QyPqrt1 .txt p{font-size: 16px;line-height: 2;}
.QyPqrt1 .txt{padding-right: 0.8rem;}
.QyPqrt1 .num li{height: 1.2rem}
.QyPqrt1 .txt .ti{font-size: 0.36rem;margin-bottom: 20px;}
.Atitle h3{font-size: 0.36rem;}
.Atitle p{font-size: 0.18rem;line-height: 1.75;}
.Atitle {margin-bottom: 0.4rem;max-width: 90vw;margin: 0 auto 0.4rem}
.QyPqrt2 li .toptxt b{font-size: 4vw}
.QyPqrt2 li .toptxt .imgbox{width: 40%;height: 20vw}
.QyPqrt2 li .toptxt{height: 2.4rem}
.QyPqrt2 li .btxt{font-size: 16px;line-height: 1.8;}
.QyPqrt4 .slider-for .slider li .txt{width: 100%;padding: 0.4rem;padding-right: 1.6rem;}
.QyPqrt4 .slick-next{right: 0.4rem}
.QyPqrt4 .slick-prev{right: 0.8rem}
.QyPqrt4 .Atitle{position: static;padding: 0}
.pd120{padding: 0.4rem 0}
.QyPqrt4 .Atitle{width: 100%;color: #fff}
.QyPqrt4 .Atitle p{color: #fff}
.QyPqrt4 .slider-nav li{padding-bottom: 0.2rem;}
.QyPqrt4 .slider-nav{margin-top: 0.2rem;}
.QyPqrt4 .slider-nav{width: 90vw;margin-right: 5%;}
.QyPqrt4 .slider-for .slider li .imgbox{width: 95vw}
}
@media(max-width:768px){
.QyPqrt2 li .toptxt{height: 4rem}
	.QyPqrt2 li .toptxt .imgbox{height:3rem}
	.QyPqrt2 li .toptxt b{font-size: 10vw}
	.QyPqrt2 li .toptxt .imgbox img{vertical-align: bottom;object-fit: contain}


}

@media(max-width:480px){
.QyPqrt1 .txt{width: 100%;padding-right: 0;}
.QyPqrt1 .num{margin-top: 0.3rem;}
.QyPqrt1 .num li{width: 50%;}
.QyPqrt1 .container {flex-wrap: wrap;}
.QyPqrt1 .imgbox{width: 100%;margin-top: 30px;}
.QyPqrt1 .num li:nth-child(2n) .center{border-right: none;}
.QyPqrt2 li .toptxt{height: 2.6rem}
.QyPqrt2 li .toptxt .imgbox{height: 2rem}
.QyPqrt4 .slider-for .slider li .txt{padding: 20px;padding-right: 0;}
.QyPqrt4 .slick-next{right: 0.2rem}

}
/*旗下品牌*/
.nbanner.nbanner2 .txt{max-width: 16rem;text-align: left;}
.nbanner.nbanner2 .txt p{margin-top: 0;font-weight: bold;color: rgba(255,255,255,0.2);font-size: 0.64rem;letter-spacing: 1px;text-transform: uppercase;}
.nbanner.nbanner2 .txt .ti{margin-top: -0.25rem;}
.nbanner2.nbanner:after{background: linear-gradient( 90deg, rgba(1,115,188,0.5) 0%, rgba(1,115,188,0) 100%);}

.Loction{height: 1rem;background: #F1F5FD;padding: 0.32rem 0;line-height: 0.36rem;font-size: 0.18rem;color: #333333;}
.Loction i{display: inline-block;width: 0.3rem;height: 0.3rem;background: url(../images/logo.png) no-repeat center/contain;float: left;margin: 0.03rem 0.1rem 0.03rem 0 }


.Brand .BrandBox .ti{font-weight: bold;font-size: 0.24rem;color: #333333;margin-bottom: 0.4rem;}
.Brand .BrandBox li{padding: 0.2rem;border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;border: 0.01rem solid #DDDDDD;background: #fff; padding-top: 0.16rem;width: 15%;margin-right: 2%;float: left;margin-bottom: 2%;}
.Brand .BrandBox li .Country{text-align: center;display: flex;justify-content: center;padding-top: 0.2rem;border-top: 1px solid #D9D9D9;flex-wrap: wrap;margin: 0 -0.05rem;}
.Brand .BrandBox li .imgbox{margin-bottom: 0.12rem;height: 0.6rem}
.Brand .BrandBox li .imgbox img{object-fit: contain;}
.Brand .BrandBox li:nth-child(6n){margin-right: 0;}
.Brand .BrandBox li .Country span{width: 20%;padding: 0 0.05rem;}
.Brand .BrandBox li .Country span img{border-radius: 50%}
.Brand .BrandBox:nth-child(2n){background: #EFF3F7;}


/*社会责任*/
.Responsibility_p1 .slider{display: flex;flex-wrap: wrap;}
.Responsibility_p1 .slider li{width: 32%;float: left;margin-right: 2%;margin-bottom: 2%;}
.Responsibility_p1 .slider li:nth-child(3n){margin-right: 0;}
.Responsibility_p1 .slider li .imgbox{height: 3.4rem}
.Responsibility_p1 .slider li .txt{padding: 0.4rem 0;background: #fff;transition: all 0.3s}
.Responsibility_p1 .slider li .txt .ti{font-weight: bold;font-size: 0.24rem;color: #333333;margin-bottom: 0.2rem;}
.Responsibility_p1 .slider li .txt p{font-size: 0.18rem;color: #666666;}
.Responsibility_p1 .slider li .txt .more{font-size: 0.18rem;color: #0174BC;float: left;height: 0.26rem;line-height: 0.26rem;margin-top: 0.4rem;}
.Responsibility_p1 .slider li .txt .more i{width: 0.26rem;height: 0.26rem;float: right;;background: url(../images/more.png) no-repeat center;margin-left: 0.05rem;transition: all 0.3s}
.Responsibility_p1 .slider li:hover .txt .more i{margin-left: 0.2rem;}
.Responsibility_p1 .slider li:hover{box-shadow: 0rem 0rem 0.1rem 0.1rem rgba(0,0,0,0.08);}
.Responsibility_p1 .slider li:hover .imgbox img{transform: scale(1.1);}
.Responsibility_p1 .slider li:hover .txt{padding: 0.4rem;padding-right: 0;}
.Responsibility_p1 .fileList li{line-height: 2;list-style: disc;;margin-left: 0.2rem;}
.Responsibility_p2 {background: #EFF3F7;overflow: hidden;}
.Responsibility_p2 .slider{margin: 0 -0.2rem}
.Responsibility_p2 .slider li{margin: 0 0.2rem;background: #fff;border: 0.1rem solid #fff}
.Responsibility_p2 .slider li .imgbox{height: 5rem}
.Responsibility_p2 .slider li p{height: 0.8rem;font-weight: bold;font-size: 0.18rem;color: #333333;line-height: 0.3rem;padding:  0.3rem 0 0.2rem;display: none}
.Responsibility_p2 .slider li p time{font-weight: normal;color: #999}
.Responsibility_p2 .slider li.slick-center p{display: block;}
.Responsibility_p2 .index-more{margin-top: 0.8rem;}
@media(max-width:768px){
.Responsibility_p2{padding: 00.4rem 4% }
.Responsibility_p2 .index-more{margin-top: 0.3rem;}


}
/*社会公益详情*/
.Details ul{display: flex;flex-wrap: wrap;}
.Details ul li{width: 32%;float: left;margin-right: 2%;margin-bottom: 2.5%;}
.Details ul li  .imgbox{height: 2.6rem}
.Details ul li p{font-weight: bold;font-size: 0.18rem;color: #333333;line-height: 0.36rem;margin-top: 0.2rem;}
.Details ul li:nth-child(3n){margin-right: 0;}
.Details ul li:hover .imgbox img{transform: scale(1.1);}
.Details ul li:hover p{color: #0073BC}

/*可持续发展详情*/
.Details2 .txt{width: 37.5%;margin-right:7.5% ;}
.Details2 .imgbox{width: 55%;background: url(../images/zsbg.jpg) no-repeat center/cover;padding-bottom: 5.2rem;}
.Details2 .imgbox span{width: 100%;height: 100%;left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;}
.Details2 .txt .ti{font-weight: bold;font-size: 0.46rem;color: #333333;margin-bottom: 0.2rem;}
.Details2 .txt .ti2{font-size: 0.24rem;color: #666666;line-height: 0.48rem;padding-bottom: 0.4rem;border-bottom: 1px solid #D9D9D9;}
.Details2 .txt p{margin-top: 0.4rem;font-size: 0.16rem;color: #666666;line-height: 0.32rem;text-align: justify;}

/*企业荣誉*/
.Honor_p1{padding-top: 2rem;background-size: cover;margin-top: 0.8rem;position: relative;}
.Honor_p1 .Atitle{text-align: left;padding-left: 8.33%;width: 39%;float: left;margin-top: 0.4rem;}

.Honor_p1 .slider{width:61%;float: right;padding-right: 2.3rem;}
.Honor_p1 .slider .slick-slider{width: 125%;overflow-x: visible;}
.Honor_p1 .slider ul li{padding: 0.18rem 0.2rem;background: #fff;margin-right: 0.2rem;}
.Honor_p1 .slider ul li .imgbox span{position: absolute;}
.Honor_p1 .slider ul li .imgbox{padding-bottom: 64.54%;}
.Honor_p1 .slider .slick-slider .slick-list{padding-right: 2.3rem;}
.Honor_p1 .control{position: absolute;left: 8.33%;width: 2rem;text-align: center;font-weight: bold;font-size: 0.16rem;color: #FFFFFF;bottom: 1.5rem}
.Honor_p1 .control #total{opacity: 0.5;}

.Honor_p2 .swiperCon .swiper-slide .imgbox{height: 3.24rem;padding: 0.2rem;background: #F5F5F5;transition: all 0.3s}
.Honor_p2 .swiperCon .swiper{padding-top: 0.8rem;position: relative;}
.Honor_p2 .swiperCon .controls{top: 0}
.Honor_p2 .swiperCon .swiper .txt{font-size: 0.18rem;color: #333333;line-height: 0.36rem;margin-top: 0.2rem;}
/* .Honor_p2 .swiperCon .swiper-slide:hover .imgbox{height: auto;} */
.Honor_p2 .swiperCon .swiper-slide:hover .pic{height: auto;box-shadow: 0rem 0rem 0.1rem 0.1rem rgba(4,71,114,0.1);}
.Honor_p2 .swiperCon .swiper-slide{padding: 0 0.15rem}
.Honor_p2 .swiperCon .imgbox img{object-fit: contain;}


.Honor_p3{background-position: left center;background-repeat: no-repeat;background-size: auto;background-color: #F5F5F5;padding: 1.5rem 0}
.Honor_p3 .sliderbox{width: 72%;}
.Honor_p3 .container {flex-direction: row-reverse;}
.Honor_p3 .Atitle{width: 28%;text-align: right;}
.Honor_p3 .slider-for{float: right;width: 70%;height: 5rem;background: #fff url(../images/rybg3.png) no-repeat center;position: relative;}
.Honor_p3 .slider-nav{float: left;width: 30%;}
.Honor_p3 .slider-nav .slick-slider{height: 5rem;}
.Honor_p3 .slider-nav .slick-slider li{height: 1rem;display: flex;padding: 0.2rem;font-size: 0.18rem;color: #FFFFFF;line-height: 0.36rem;align-items: center}
.Honor_p3 .slider-nav .slick-slider li.slick-current{background: #0174BC;}
.Honor_p3 .slick-next{transform: rotate(90deg);top: auto;bottom: -0.8rem}
.Honor_p3 .slick-prev{transform: rotate(90deg);top: -0.8rem}
.Honor_p3 .slick-arrow{left: 50%;margin-left: -0.2rem;}
.Honor_p3 .slider-for li{width: 100%;height:5rem;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;align-content: center	}
.Honor_p3 .slider-for li .imgbox{width: 4.21rem;height: 2.73rem}
.Honor_p3 .slider-for li .txt{width: 100%;text-align: center;font-size: 0.18rem;margin-top: 0.2rem;color: #333333;line-height: 0.36rem;}


/*企业文化*/
.Culture_p1{background: #F6F6F6;padding-bottom: 0;}
.Culture_p1 .slider{margin: 0 0 0 -0.4rem}
.Culture_p1 li{width: calc(100% / 4 - 0.4rem);margin:0 0 0 0.4rem;position: relative;padding-bottom: 0.8rem;}
.Culture_p1 li .imgbox p{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;font-weight: bold;font-size: 0.24rem;transition: all 0.3s; color: #FFFFFF;z-index: 3;}
.Culture_p1 li .txt .ti2{font-weight: bold;font-size: 0.24rem;color: #333333;line-height: 0.48rem;margin-bottom: 0.2rem;}
.Culture_p1 li .txt {padding: 0.2rem 0}
.Culture_p1 li .txt p{font-size: 0.16rem;color: #666666;line-height: 0.32rem;}
.Culture_p1 .Atitle{margin-bottom: 0.4rem;}
.Culture_p1 li .txt .ti{font-weight: bold;font-size: 0.24rem;color: #333333;margin-bottom: 0.14rem;}
.Culture_p1 li .txt.show p{font-size: 0.18rem;color: #666666;}
.Culture_p1 li .txt.hide{opacity: 0;padding: 0.2rem;background: #fff;position: absolute;bottom: -0.5rem;width: 100%;height: 2.6rem;transition: all 0.3s;}
.Culture_p1 li .txt p{max-height: 1.4rem;overflow-y: auto;}
.Culture_p1 li:hover .txt.show{display: none}
.Culture_p1 li:hover .txt.hide{opacity: 1;;box-shadow: 0rem 0rem 0.1rem 0.1rem rgba(0,0,0,0.08);}
.Culture_p1 li:hover .imgbox p{opacity: 1;}
.Culture_p1 li:hover{padding-bottom: 1.1rem;}
.Culture_p1 li .imgbox:after{background: rgba(0,0,0,0.2);content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;}
.Culture_p1 li:hover .imgbox:after{opacity: 1;}
.Culture_p1 li:hover .imgbox{box-shadow: 0rem 0rem 0.1rem 0.1rem rgba(0,0,0,0.08);}


.Culture_p2_b .tab-nav ul{display: flex;margin-bottom: 0.4rem;}
.Culture_p2_b .tab-nav ul li{flex:1;border-bottom: 4px solid  #D9D9D9;cursor: pointer; font-weight: bold;font-size: 0.24rem;color: #666666;line-height: 0.48rem;padding-bottom: 0.2rem;text-align: center;}
.Culture_p2_b .tab-nav ul li.on{color: #0174BC;border-color: #0174BC;}
.Culture_p2_b .tab-con{display: flex;align-items: center;justify-content: space-between;}
.Culture_p2_b .tab-con .imgbox{width: 62.5%;}
.Culture_p2_b .tab-con .txt{width: 29.375%;}
.Culture_p2_b .tab-con .txt .ti{font-weight: bold;font-size: 0.24rem;color: #333333;line-height: 0.48rem;margin: 0.4rem 0 0.2rem}
.Culture_p2_b .tab-con .txt p{font-size: 0.16rem;text-align: justify;color: #666666;line-height: 0.32rem;}


.Culture_p3{background-position: center;background-repeat: no-repeat;background-size: cover;}
.Culture_p3 .Atitle{text-align: left;margin-bottom: 0.4rem;padding-bottom: 0.4rem;border-bottom: 1px solid rgba(255,255,255,0.4);float: left;;}
.Culture_p3 .desc{font-size: 0.16rem;color: #FFFFFF;line-height: 0.32rem;text-align: left;max-width: 70%;margin-bottom: 0.4rem;}
.Culture_p3 li{float: left;width: 23.5%;margin: 0 0.2rem;position: relative;}
.Culture_p3 .slider{margin: 0 -0.2rem}
.Culture_p3 li p{position: absolute;bottom: 0.2rem;font-size: 0.16rem;width: 100%;padding: 0 0.2rem;color: #FFFFFF;line-height: 0.32rem;min-height: 0.64rem;z-index: 5;}
.Culture_p3 li:after{position: absolute;left: 0;bottom: 0;width: 100%;height: 1.2rem;background: linear-gradient( 180deg, rgba(3,74,118,0) 0%, #000203 60%);content: "";opacity: 0.4;}

.Culture_p4{background-position: center;background-repeat: no-repeat;background-size: cover;}
.Culture_p4 ul{display: flex;justify-content: space-between;}
.Culture_p4 ul li{width: 16%;position: relative;transition: all 0.3s}
.Culture_p4 ul li .imgbox{height: 5.7rem;}
.Culture_p4 ul li .imgbox span{position: absolute;top: 0;left: 0}
.Culture_p4 ul li.on{width: 48%}
.Culture_p4 ul li .txt{position: absolute;left: 0;bottom: 0.3rem;padding: 0 0.24rem;z-index: 5;}
.Culture_p4 ul li .txt .ti{font-weight: bold;font-size: 0.24rem;line-height: 0.48rem;color: #FFFFFF;}
.Culture_p4 ul li .txt p{font-size: 0.18rem;color: #FFFFFF;line-height: 0.36rem;}
.Culture_p4 ul li:after{width: 100%;height: 100%;position: absolute;left: 0;bottom: 0;background: rgba(5,54,85,0.6);content: "";transition: all 0.3s}
.Culture_p4 ul li.on:after{height: 1.54rem;background: linear-gradient( 180deg, rgba(255,255,255,0) 0%, #23609A 100%);}

.Culture_p5 li{width: 50%;float: left;position: relative;}
.Culture_p5 li .txt{width: 100%;top: 1rem;color: #fff;text-align: center;position: absolute;left: 0;}
.Culture_p5 li .txt .ti{font-weight: bold;font-size: 0.46rem;margin-bottom: 0.35rem;}
.Culture_p5 li .txt p{font-size: 0.24rem;line-height: 0.54rem;}

.Culture_p6{background-position: center;background-repeat: no-repeat;background-size: cover;}
.Culture_p6 .imgbox{box-shadow: 0rem 0.02rem 0.07rem 0.02rem rgba(0,0,0,0.2);width: 12rem;margin: 0 auto}
.Culture_p6 .down{background: url(../images/down.svg) no-repeat 0 center/0.22rem 0.22rem;padding-left: 0.28rem;margin-left: 0.35rem;}
.Culture_p6  .slick-arrow{background-color: rgba(0,0,0,0.5);}

/*视频专区*/
.videoBig{background: #F5F5F5;}
.videoBig video{height: 9rem;object-fit: cover}
.videoBig p{font-weight: bold;line-height: 0.48rem;margin-top: 0.4rem;font-size: 0.24rem;color: #333333;}

.videoList{position: relative;z-index: 99;margin-bottom: -1.6rem;}
.videoList .slick-list li{width: 32%;float: left;margin: 0 0.1rem;position: relative;}
.videoList .slick-list li .imgbox{height: 2.88rem}
.videoList .slick-list li .show{padding: 0.4rem 0}
.videoList .slick-list li .show .ti{font-weight: bold;font-size: 0.24rem;color: #333333;line-height: 0.4rem;}
.videoList .slick-list li .hide{background: #fff;padding: 0.4rem;position: absolute;bottom: -1.7rem;opacity: 0;width: 100%;left: 0;}
.videoList .slick-list li .hide .ti2{font-weight: bold;margin-bottom: 0.2rem;font-size: 0.24rem;color: #333333;line-height: 0.48rem;}
.videoList .slick-list li .hide p{font-size: 0.16rem;text-align: justify;color: #666666;line-height: 0.32rem;}
.videoList .slick-list li:hover .imgbox{box-shadow: 0rem 0rem 0.1rem 0.1rem rgba(0,0,0,0.08);}
.videoList .slick-list li:hover .hide{box-shadow: 0rem 0rem 0.1rem 0.1rem rgba(0,0,0,0.08);opacity: 1;}
.videoList .slick-list{padding-bottom: 2rem;}
.videoList .slider{margin: 0 -0.1rem}
.videoList li:hover .imgbox .play{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/play.png) no-repeat center;}
.videoList .slick-dots{bottom: 1.6rem;position: absolute;left: 50%;transform: translateX(-50%);z-index: 999;}
.videoList .slick-dots li{width: 0.5rem;height: 0.3rem;background: #FFFFFF;border-radius: 0.3rem 0.3rem 0.3rem 0.3rem;border: 0.01rem solid transparent;margin: 0}
.videoList .slick-dots li:after{margin: -0.06rem 0 0 -0.06rem;width: 0.12rem;height: 0.12rem}
.videoList .slick-dots li.slick-active{border: 0.01rem solid #0174BC;}
.videoList .slick-dots .slick-active:after{background: #0174BC}

.videoList .slick-dots li:after{background: #BABABA}
.Honor_p3 .slider-for li .imgbox{background-size: contain;background-position: center;background-repeat: no-repeat}
@media(max-width:1366px){
.Honor_p1 .control{bottom: 1rem;left: 6.2%;}
.Honor_p1 .Atitle{padding-left: 6.2%;}
.Honor_p1 .slider .slick-slider{width: 133%;}
.Honor_p1 {overflow: hidden;}
.Culture_p6 .imgbox{width: 100%	}
}

@media(max-width:1024px){
.Honor_p1{margin-top: 0.4rem;padding-top: 0.4rem;}
.Honor_p1 .slider{padding-right: 0;}
.Honor_p1 .Atitle{width: 100%;margin-top: 0;}
.Honor_p1 .control{width: 1.4rem}
.Honor_p1 .slider{width: calc(100% - 2.4rem)}
.Honor_p3{background-size: cover;}
.Honor_p3 .Atitle{width: 100%;color: #fff}
.Honor_p3 .container{flex-wrap: wrap;}
.Honor_p3 .sliderbox{width: 100%;}
.Honor_p3 .Atitle.color_b p{color: #fff}
.Honor_p3{padding: 0.8rem 0 0.8rem}
.Honor_p3 .slick-next{bottom: -0.4rem}
.Honor_p3 .slick-prev{top: -0.4rem}
.Culture_p2_b .tab-con .txt{width: 100%;}
.Culture_p2_b .tab-con{flex-wrap: wrap;}
.Culture_p2_b .tab-con .imgbox{width: 100%;margin-top: 0.3rem;}
.Culture_p4 ul li .txt{padding: 0 0.1rem}
.Culture_p5 li .imgbox{height: 4rem}
.videoBig video{height: 3.6rem;width: 100%	}
.Responsibility_p1 .slider li{margin: 0;}

.Culture_p1 .slider{margin-left: -0.2rem;}
.Culture_p1 li{width: calc(100% / 2 - 0.2rem);margin:0 0 0 0.2rem;position: relative;padding-bottom: 0.4rem;}
}

@media(max-width:480px){
.Honor_p3 .slider-nav{display: none}
.Honor_p3 .slider-for{width: 100%;}
.Honor_p3 .slider-for li,.Honor_p3 .slider-for{height: 4rem}
.Culture_p2_b .tab-con .txt .icon img{height: 0.4rem}
.Culture_p2_b .tab-con .txt .ti{margin-top: 0.2rem;}
.Culture_p5 li{width: 100%;}
.Culture_p4 ul li,.Culture_p4 ul li.on{width: 100%;margin-bottom: 0.1rem; }
.Culture_p4 ul{flex-wrap: wrap;}
.Details ul li{width: 100%;margin-right: 0;}
.Details ul{justify-content: space-between;}
.Details2 .container {flex-wrap:wrap;}
.Details2 .imgbox{width: 100%;}
.Details2 .txt{width: 100%;margin-right: 0;margin-bottom: 40px;}
.Honor_p1 .slider .slick-slider .slick-list{padding: 0}
.Culture_p1 li .txt .ti2{font-size: 0.2rem;line-height: 1.2;}
.Culture_p1 li .txt.hide{bottom: 0;height: 1.8rem;}
.Culture_p1 li .txt p{max-height: 1rem;}
.Honor_p1 .slider .slick-slider .slick-list{width: 100%;}
.Honor_p1 .slider .slick-slider,.QyPqrt4 .slider-for .slider li .imgbox{width: 100%;}
.Honor_p2 .Atitle{flex-wrap: wrap;}
.QyPqrt4 .slider-for{margin-right: 0;}
}
/*公司要闻*/
.newsTop {background: #F6F6F6;}
.newsTop .slider li a{display: flex}
.newsTop .slider li{background: #fff;margin: 0.25rem 0.2rem}
.newsTop .slider li .imgbox{width: 56.25%;height: 4.64rem}
.newsTop .slider li .txt{padding: 0.4rem;width:43.75% }
.newsTop .slider li.slick-active.slick-center{margin: 0 0.2rem;}
.newsTop .slider li.slick-active.slick-center .imgbox{height: 5.14rem}
.newsTop .slider li .txt .ti{font-weight: bold;font-size: 0.24rem;color: #333333;line-height: 0.48rem;}
.newsTop .slider li .txt p{font-size: 0.16rem;color: #666666;line-height: 0.32rem;margin: 0.4rem 0} 
.newsTop .slider li .txt span{font-size: 0.18rem;color: #0073BC;float: left;}
.newsTop .slider li .txt span i{width: 0.24rem;height: 0.24rem;background: url(../images/more.png) no-repeat center;display: inline-block;float: right;margin-left: 0.1rem;transition: all 0.3s}
.newsTop .slider li:hover .txt .ti{color: #0073BC}
.newsTop .slider li:hover .imgbox img{transform: scale(1.1);}
.newsTop .slider li:hover .txt span i{margin-left: 0.2rem;}
.newsTop .slick-dots{display: flex;margin: 0 calc(8.333% + 0.2rem);margin-top: 0.4rem;background: #E4E4E4;padding: 0}
.newsTop .slick-dots li{flex: 1;margin: 0;background: none;height: 0.04rem}
.newsTop .slick-dots li button,.newsTop .slick-dots li:after{display: none}
.newsTop .slick-dots li.slick-active{background: #0174BC;}
.newsTop .slider li .imgbox time{position: absolute;height: 0.6rem;padding-top: 0.3rem; background: linear-gradient( 180deg, rgba(0,53,86,0) 0% , #0073BC 180%);font-size: 0.18rem;color: #FFFFFF;padding-left: 0.2rem;width: 100%;bottom: 0;left: 0}

.newsList li{float: left;width: 32%;margin-right: 2%;margin-bottom: 2%;}
.newsList li:nth-child(3n){margin-right: 0;}
.newsList li time{position: absolute;height: 0.6rem;padding-top: 0.22rem; background: linear-gradient( 180deg, rgba(0,53,86,0) 0% , #0073BC 180%);font-size: 0.18rem;color: #FFFFFF;padding-left: 0.2rem;width: 100%;bottom: 0;left: 0}
.newsList li .ti{margin-top: 0.2rem;font-size: 0.18rem;height: 0.72rem;color: #333333;line-height: 0.36rem;font-weight: bold;}
.newsList li:hover .ti{color: #0073BC;}
.newsList li:hover .imgbox img{transform: scale(1.1);}
.newsList li .imgbox{height: 3rem}


/*NewsDetails */
.NewsDetails{color: #333;font-size: 16px;}
.NewsDetails .title{text-align: center;padding-bottom: 0.4rem;border-bottom: 1px solid #D9D9D9;margin-bottom: 0.4rem;;}
.NewsDetails .title h1{font-weight: bold;font-size: 0.46rem;color: #333333;line-height: 0.92rem;text-align: center;max-width: 1200px;margin: 0 auto}
.NewsDetails .title aside span{display: inline-block; vertical-align: middle; font-size: 0.24rem;color: #666666;line-height: 0.48rem;}
.NewsDetails .edit-info{line-height: 2;font-size: 0.16rem;color: #666666;padding-bottom: 0.4rem;border-bottom: 1px solid #D9D9D9;margin-bottom: 0.8rem;}
.NewsDetails .edit-info .content{max-width: 1200px;margin: 0 auto}
.NewsDetails .edit-info .content,.NewsDetails .edit-info .content *{font-family:var(--font-family) !important}
.NewsDetails .edit-info p{text-indent: 2em;}
.NewsDetails .pn-page aside{padding: 15px 0;font-size: 0.18rem;}
.NewsDetails .pn-page aside a{color: #333;}
.NewsDetails .pn-page aside a b{color: #999;font-weight: 400;}
.NewsDetails  .operating a:hover,
.NewsDetails .pn-page aside a:hover{color: #205393;}
.NewsDetails  .operating{overflow: hidden;line-height: 24px;}
.NewsDetails  .operating a{width: 2.14rem;text-align: center;font-size: 0.18rem;color: #0073BC;height: 0.6rem; line-height: 0.6rem;border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;border: 0.01rem solid #0073BC;}
.NewsDetails  .operating a i{width: 0.24rem;height: 0.24rem;background: url(../images/more.png) no-repeat center;display: inline-block;margin-left: 0.1rem;transition: all 0.3s;line-height: 0.24rem;vertical-align: middle;margin-top: -3px;}
.NewsDetails  .operating a:hover{background: #0073BC;color: #fff }
.NewsDetails  .operating a:hover i{background: url(../images/more-w.png) no-repeat center;}
@media(min-width:1025px){
.NewsDetails .pn-page{min-height: 24px; position: relative;padding-right: 230px;}
.NewsDetails .pn-page .operating{position: absolute;right: 0; top: 50%; transform: translateY(-50%);}
.NewsDetails  .operating a{float: left;}
}
@media(max-width:1024px){
.NewsDetails  .operating{text-align: right; padding-bottom: 20px;}
.NewsDetails  .operating a{display: inline-block;}
.newsList li .imgbox{height: 16vw}
.newsTop .slider li .txt .ti{line-height: 1.5;}
.nbanner .txt .ti{font-size: 0.36rem}
.newsTop .slider li .txt p{margin-top: 0.2rem;}
.NewsDetails .title{padding-bottom: 0.2rem;margin-bottom: 0.2rem;}
.nbanner.nbanner2 .txt p{font-size: 0.3rem}
.nbanner.nbanner2 .txt .ti{margin-top: -0.2rem;}
.Honor_p3 .Atitle{margin-top: 0.4rem;}
.map-content .map-filter{left: 0.15rem;top: 0.8rem}
}
@media(max-width:768px){
.NewsDetails .title h1{font-size:5vw;line-height: 1.5;}
.NewsDetails .edit-info{ font-size: 16px;margin-bottom: 0.4rem;}
.newsList li{width: 100%}
.newsList li .imgbox{height: 4rem}
}
@media(max-width:480px){
.newsList li .imgbox{height: 3rem}
.newsTop .slider li a{flex-wrap: wrap;}
.newsTop .slider li .imgbox{width: 100%;height: 3rem}
.newsTop .slider li .txt{width: 100%;padding: 0.2rem}

}
/*产品中心*/
.Product_1 .txt{width: 32%;padding: 0.8rem 0.4rem;color: #FFFFFF;position: relative;}
.Product_1 .imgbox{width: 68%;}
.Product_1 .container{background: #0174BC;box-shadow: 0rem 0rem 0.1rem 0.1rem rgba(0,0,0,0.08)}
.Product_1 .txt .ti{font-weight: bold;font-size: 0.24rem;padding-bottom: 0.4rem;border-bottom: 2px solid #fff;margin-bottom: 0.4rem;}
.Product_1 .txt p{font-size: 0.18rem;line-height: 0.36rem;}

.Product_1 .txt .more{color: #fff;position: absolute;left: 0.4rem;bottom: 0.8rem}
.Product_1 .txt .more i{width: 0.24rem;height: 0.24rem;background: url(../images/more-w.png) no-repeat center;display: inline-block;margin-left: 0.1rem;transition: all 0.3s;line-height: 0.24rem;vertical-align: middle;margin-top: -3px;}
.Product_1 .txt .more:hover i{margin-left: 0.2rem;}

.Product_1_2{background: #EFF3F7;}
.Product_1_2 li{width: 48%;float: left;margin-right: 2%;}
.Product_1_2 li:nth-child(2n){margin-right: 0;}
.Product_1_2 li .txt{padding: 0.4rem;background: #fff}
.Product_1_2 li .txt .ti{font-weight: bold;font-size: 0.24rem;color: #333333;line-height: 0.48rem;letter-spacing: 2px;}
.Product_1_2 li .txt p{font-size: 0.18rem;color: #666666;line-height: 0.36rem;min-height: 0.72rem}
.Product_1_2 li:hover .txt{background: #0174BC;}
.Product_1_2 li:hover .txt .ti{color: #FFFFFF;}
.Product_1_2 li:hover .txt p{color: #FFFFFF;opacity: 0.8;}
.Product_1_2 li:hover .imgbox img{transform: scale(1.1);}
.Product_1_2 li,.Product_1_2 li *{transition: all 0.3s}

.Testing_p1 .Atitle{padding-bottom: 0.4rem;border-bottom: 1px solid #D9D9D9;margin-bottom: 0.4rem;}
.Testing_p1 .desc{font-size: 0.16rem;color: #666666;line-height: 0.32rem;margin-bottom: 0.4rem;}
.Testing_p1 li .imgbox{height: 3rem}
.Testing_p1 li{margin: 0 0.1rem}
.Testing_p1 .slider{margin: 0 -0.1rem;width: 111%;}
.Testing_p1 .slick-list{padding-right: 8.33vw;}
.Testing_p1{overflow-x: hidden;}
.Testing_p1 .control{width: 2rem;margin: 0.4rem auto 0;position: relative;text-align: center;font-weight: bold;font-size: 0.16rem;color: #666666}
.Testing_p1 .control .slick-arrow{background: #dedede}
.Testing_p1 .control .slick-arrow:hover{background:  #0073BC}
.Testing_p1 .control #cur{color: #0073BC}

/*密封系统产品*/
.Product_2 .pronav{width: 25%;float: left;}
.Product_2 .pronav .ti{font-weight: bold;font-size: 0.24rem;color: #000000;margin-bottom: 0.4rem;}
.Product_2 .pronav .ti i{cursor: pointer;font-size: 0.18rem;color: #0174BC;float: right;font-weight: normal;}
.Product_2 .pronav li{font-size: 0.18rem;line-height: 0.24rem;margin-bottom: 0.3rem;}
.Product_2 .pronav li span{display: inline-block;cursor: pointer; width: 0.22rem;height: 0.22rem;margin-right: 0.14rem;vertical-align: middle;background: url(../images/unchecked.png) no-repeat center/contain;margin-top: -0.03rem;}
.Product_2 .pronav li.checked>span{background: url(../images/checked.png) no-repeat center/contain;}
.Product_2 .pronav li ul{display: none;padding: 0.3rem  0 0rem 0.22rem}
.Product_2 .pronav li.hasnav{position: relative;}
.Product_2 .pronav li.hasnav i{width: 0.24rem;height: 0.24rem;position: absolute;top: 0;right: 0;background: url(../images/add.png) no-repeat center;cursor: pointer;}
.Product_2 .pronav li.hasnav.active ul{display: block;}
.Product_2 .pronav li:last-child{margin-bottom: 0;}
.Product_2 .pronav li ul li:last-child{margin-bottom: 0;}
.Product_2 .pronav li.hasnav.active i{background-image:  url(../images/min.png); }

.Product_2 .prolist{width: 70%;float: right;}
.Product_2 .prolist .tips{font-size: 0.18rem;margin-bottom: 0.3rem;color: #666666;}
.Product_2 .prolist li{width: 32%;margin-right: 2%;margin-bottom: 2%;background: #F5F5F5;float: left;padding-bottom: 0.4rem;}
.Product_2 li:nth-child(3n){margin-right: 0;}
.Product_2 li .ti{font-size: 0.24rem;padding: 0 0.4rem;color: #333333;line-height: 0.48rem;font-weight: bold;height: 0.96rem;text-align:center}
.Product_2 li:hover .ti{color: #0174BC;}
.Product_2 li:hover .imgbox img{transform: scale(1.02);}
.Product_2 .prolist li .imgbox{height: 2.8rem;}

.PorDetails.popup-box__video{background: #fff;opacity: 0;z-index:-100;transition: all 0.3s}
.PorDetails.popup-box__video.show{opacity: 1;;z-index: 99999;}
.PorDetails.popup-box__video .inner{width: 100vw;max-width: unset;height: 100vh}
.PorDetails.popup-box__video .close:after,.PorDetails.popup-box__video .close:before{background: #333}

.Product_2_con{ background:#fff; padding:0;height: auto;width: 100%;}
.Product_2_con .slider-for{ margin-bottom:3%;padding: 0 32%;height: 7rem;margin: 0 auto}
.Product_2_con .slider-for .imgbox{height: 6rem}
.Product_2_con .slider-for .imgbox img{object-fit: contain;}
.Product_2_con .slider-nav li{margin: 0 0.15rem;border: 1px solid #D9D9D9;cursor: pointer;}
.Product_2_con .slider-for li p{font-weight: bold;margin: 0.3rem 0;font-size: 0.24rem;color: #333333;line-height: 0.48rem;text-align: center;}
.Product_2_con .slider-nav li.slick-center{ border-color:#0174BC}
.Product_2_con .slider-nav{ margin-bottom:0.26rem;padding: 0.4rem 35%;margin: 0 auto;border-top: 1px solid #D9D9D9;; }
.Product_2_con .slider-nav li .imgbox{height: 0.7rem}
/* Arrows */
.Product_2_con .slick-arrow{font-size: 0;line-height: 0;position: absolute;top: 50%; width: 0.5rem;height: 1rem;padding: 0;cursor: pointer;border: none; z-index:10; margin-top:-20px; border-radius:0%; background-color:#D9D9D9;}
.Product_2_con .slick-arrow:hover{background-color: #0174BC;}
.Product_2_con .slick-arrow::before{ position:absolute; content:''; left:50%; top:50%; margin-left:-4px; margin-top:-8px; width:16px; height:16px;  transform:rotate(-45deg);}
.Product_2_con .slick-prev{left: -0;}
.Product_2_con .slick-next{right: -0; background-position: right top;}
.Product_2_con .slick-prev::before{ border-left:3px solid #fff;border-top:3px solid #fff;}
.Product_2_con .slick-next::before{ border-right:3px solid #fff;border-bottom:3px solid #fff;margin-left:-12px;}
/* Dots */
.Product_2_con .slick-dots{list-style: none;text-align: center; position:absolute; left:0; bottom:-30px; width:100%;}
.Product_2_con .slick-dots li{display: inline-block;margin: 0 5px;}
.Product_2_con .slick-dots li button{font-size: 0;line-height: 0;display: block;width: 10px;height: 10px;cursor: pointer;border: 0;background: rgba(0, 0, 0, 0.3); border-radius:50%; padding:0;}
.Product_2_con .slick-dots li.slick-active button{opacity: .75;background: rgba(253, 141, 43, 0.5);}
.Product_1_2 li .imgbox{height: 6rem}
@media(max-width:1200px){
.Product_2_con .slider-for{ margin-bottom:50px;}
.Product_2_con .slick-prev,
.Product_2_con .slick-next{ right:auto; left:50%; margin-top:0; top:-45px;}
.Product_2_con .slick-prev{ margin-left:-50px;}
.Product_2_con .slick-next{ margin-right:-50px;}
}
@media(max-width:1024px){
.Product_1 .txt{padding: 0.3rem}
.Product_1 .txt .more{left: 0.3rem;bottom: 0.3rem}
.Product_1_2 li .txt{padding: 0.2rem}
.Product_2 .prolist li{width: 49%;margin-right: 0;padding-bottom: 0;}
.Product_2 .prolist li:nth-child(2n){float: right;}
.Pages{justify-content: space-between;}
.Product_2_con .slider-for{padding: 0 10%;height: 60vh}
.Product_2_con .slider-nav{padding: 0.2rem 10%}
.Product_2_con .slider-nav{border: none}
.Brand .BrandBox li{padding: 0.1rem;width: 23.5%}
.Brand .BrandBox li:nth-child(6n){margin-right: 2%;}
.Brand .BrandBox li:nth-child(4n){margin-right: 0;}
.Brand .BrandBox li .Country{padding-top: 0.1rem;}
.Product_2 .prolist li .imgbox{height: 40vw;}
.Product_2 .prolist li .imgbox img{object-fit: cover;}
}

@media(max-width:640px){
	.Brand .BrandBox li{width: 49%;margin-right: 0;}
	.Brand .BrandBox li:nth-child(2n){float: right;;}
.Product_2_con .slick-prev,
.Product_2_con .slick-next{ display:none !important;}
.Product_2_con .slider-for{ margin-bottom:3%;}
.Product_2 li .ti{padding: 0.1rem 0.2rem;line-height: 1.5;}
.Product_2 li .ti{height: auto}
}
@media(max-width:480px){
.Product_1 .container{flex-wrap: wrap;}
.Product_1 .txt{width: 100%;padding-bottom: 0.8rem;}
.Product_1 .imgbox{width: 100%;}
.Product_1 .txt .ti{padding-bottom: 0.2rem;margin-bottom: 0.2rem;}
.Product_1_2 li{width: 100%;margin-right: 0;margin-bottom: 0.4rem;}
.Product_2 .pronav{width: 100%;}
.Product_2 .prolist{width: 100%;margin-top: 30px;}
.Product_2 .pronav li{margin-bottom: 0.1rem;}
.Product_2_con .slider-for{height: 70vh}
.Product_2 .prolist ul{display: flex;align-items: stretch;justify-content: space-between;flex-wrap: wrap;}
}
/*投资者关系*/
.Investor_p1{background: #EFF3F7;padding-bottom: 0;}
.Investor_p1 .Atitle{text-align: left;max-width: 64%}
.Investor_p1_b{padding: 1.3rem 0 1.2rem}
.Investor_p1_b .txt{width: 50%;padding: 0.8rem 0.4rem;background: #fff}
.Investor_p1_b .txt .ti{font-weight: bold;padding-bottom: 0.4rem;border-bottom: 2px solid  rgba(1,116,188,0.2);;font-size: 0.24rem;position: relative; color: #333333;margin-bottom: 0.4rem;}
.Investor_p1_b .txt .ti:after{position: absolute;left: 0;bottom: -0.02rem;width: 3.2rem;content: "";height: 0.02rem;background: #0174BC;}
.Investor_p1_b .txt .con p{font-size: 0.16rem;color: rgba(102,102,102,0.8);line-height: 0.32rem;text-align: justify;text-indent: 2em;}
.Investor_p1_b .txt .more{font-size: 0.18rem;float: left;color: #0073BC;margin-top: 0.4rem;line-height: 0.24rem;}
.Investor_p1_b .txt .more i{width: 0.24rem;height: 0.24rem;float: right;margin-left: 0.1rem;background: url(../images/more2.png) no-repeat center/contain;vertical-align: middle;transition: all 0.3s}
.Investor_p1_b .txt .more:hover i{margin-left: 0.2rem;}

.Investor_p2 {padding-bottom: 0.4rem;}
.Investor_p2 .gpxx .ti{margin-bottom: 0.4rem;line-height: 0.46rem;}
.Investor_p2 .gpxx .ti #company-name,.Investor_p2 .gpxx .ti  #stock-code{font-weight: bold;font-size: 0.46rem;color: #333333;line-height: 0.46rem;display: inline-block;margin-right: 0.2rem;}
.Investor_p2 .gpxx .pj #current-price{font-weight: bold;font-size: 0.46rem;color: #0174BC;margin-right: 0.1rem;}  
.Investor_p2 .gpxx .pj .fl{font-weight: bold;font-size: 0.24rem;color: #666666;line-height: 0.46rem;}
.Investor_p2 .gpxx .pj .fl a{font-size: 0.18rem;color: #666666;margin-left: 0.8rem;font-weight: 400;}
.Investor_p2 .gpxx .pj .fl a i{width: 0.24rem;height: 0.24rem;margin-left: 0.1rem;background: url(../images/more3.png) no-repeat center/contain;vertical-align: middle;transition: all 0.3s;display: inline-block;}
.Investor_p2 .gpxx .pj .fr li{float: left;margin-left: 1rem;font-size: 0.18rem;color: #333333;line-height: 0.18rem;margin-top: -0.2rem;}
.Investor_p2 .gpxx .pj .fl a:hover{color: #0174BC;}
.Investor_p2 .gpxx .pj .fl a:hover i{background: url(../images/more2.png) no-repeat center/contain}
.Investor_p2 .gpxx .pj .fr li span{display: block;font-weight: bold;font-size: 0.24rem;color: #0174BC;line-height: 0.24rem;margin-top: 0.1rem;}
.Investor_p2 .container{padding-bottom: 0.4rem;border-bottom: 1px solid #D9D9D9;;}

.Investor_p3 .imgbox p{position: absolute;left: 0%;top: 50%;transform: translateY(-50%);font-weight: bold;font-size: 0.46rem;color: #FFFFFF;line-height: 0.46rem;width: 100%;padding-left: 0.8rem;	}

.Investor_p4 .tab-nav{padding-bottom: 0.2rem;border-bottom: 0.04rem solid #D9D9D9;margin-bottom: 0.8rem;}
.Investor_p4 .tab-nav li{float: left;padding: 0 0.4rem;font-size: 0.24rem;color: #333333;position: relative;cursor: pointer;}
.Investor_p4 .tab-nav li.on{color: #0174BC;}
.Investor_p4 .tab-nav li:after{width: 0;height: 0.04rem;content: "";left: 50%;bottom: -0.24rem;background: #0174BC;transition: all 0.3s;position: absolute;transform: translateX(-50%);}
.Investor_p4 .tab-nav li.on:after{width: 100%;}

.Investor_p4 .tab-con li{height: 1.12rem;padding: 0.4rem;font-size: 0.24rem;line-height: 0.32rem;position: relative;background: #F5F5F5;}
.Investor_p4 .tab-con li a{display: flex;align-items: center;justify-content: flex-start;}
.Investor_p4 .tab-con li time{width: 1.4rem;margin-right: 0.6rem;}
.Investor_p4 .tab-con li .ti{width: calc(100% - 3rem)}
.Investor_p4 .tab-con > .ti{font-weight: bold;font-size: 0.46rem;color: #333333;line-height: 1;margin-bottom: 0.4rem;}
.Investor_p4 .tab-con li:nth-child(2n){background: #fff}
.Investor_p4 .tab-con li .down{position: absolute;right: 0.4rem;width: 0.68rem;height: 0.68rem;background: #0174BC url(../images/tzzicon1.png) no-repeat center;border-radius: 50%}
.Investor_p4 .tab-con li:hover{background: #0174BC;}
.Investor_p4 .tab-con li:hover time,
.Investor_p4 .tab-con li:hover .ti{color: #FFFFFF;}
.Investor_p4 .tab-con li:hover .down{background: #fff url(../images/tzzicon2.png) no-repeat center;}

.Investor_p5{position: relative;min-height: 6.6rem}
.Investor_p5 .mapbox{position: absolute;width: 100%;;height: 100%;top: 0;left: 0}
.Investor_p5 .tdt-infowindow-content{margin: 0.15rem 0.2rem;font-size: 0.16rem;color: #FFFFFF;line-height: 0.32rem;}
.Investor_p5 .tdt-infowindow-content-wrapper{background: #0174BC;border-radius: 0.1rem;margin-top: -1.5rem;}
.Investor_p5 .tdt-infowindow-content-wrapper,.Investor_p5  .tdt-infowindow-tip{background: #0174BC;}
.Investor_p5 .tdt-container a.tdt-infowindow-close-button{top: -1.5rem}
.Investor_p5 .box{position: relative;z-index: 9999;background: #fff;width: 41.25%;padding: 0.4rem}
.Investor_p5 .box .addbox .ti{font-weight: bold;font-size: 0.24rem;color: #333333;line-height: 0.24rem;margin-bottom: 0.4rem;}
.Investor_p5 .box .addbox p{font-size: 0.16rem;margin-bottom: 0.15rem;color: #666666;line-height: 0.24rem;padding-left: 0.3rem;}
.Investor_p5 .box .addbox p.add{background: url(../images/padd.png) no-repeat left center;}
.Investor_p5 .box .addbox p.tel{background: url(../images/ptel.png) no-repeat left center;}
.Investor_p5 .box .addbox p.eml{background: url(../images/peml.png) no-repeat left center;}
.Investor_p5 .box .addbox:nth-child(1){padding-bottom: 0.25rem;margin-bottom: 0.4rem;border-bottom: 2px solid #EEF4FF;;}
.Investor_p5 .tdt-infowindow-content b{display: block;}
@media(max-width:1024px){
.Investor_p1 .Atitle{max-width: 100%;}
.Investor_p1_b .txt{width: 80%;padding: 0.4rem 0.2rem}
.Investor_p1_b .txt .ti{padding-bottom: 0.2rem;margin-bottom: 0.2rem;}
.Investor_p2 .gpxx .ti #company-name, .Investor_p2 .gpxx .ti #stock-code{font-size: 0.36rem;line-height: 1;}
.Investor_p2 .gpxx .pj .fl{width: 100%;}
.Investor_p2 .gpxx .pj .fr{width: 100%;margin-top: 0.3rem;}
.Investor_p2 .gpxx .pj .fr li{margin-left: 0;margin-right: 5vw;}
.Investor_p2 .gpxx .ti .fr{width: 100%;text-align: left;}
.Investor_p2 .gpxx .ti {display: inline-block;margin-bottom: 0.2rem;}
.Investor_p3 .imgbox p{font-size:3vw}
.Investor_p4 .tab-con > .ti{font-size: 0.3rem;margin-bottom: 0.2rem;}
.Investor_p4 .tab-nav{margin-bottom: 0.3rem;}
.Investor_p4 .tab-con li{font-size: 0.2rem;padding: 0.2rem;height: 0.7rem}
.Investor_p4 .tab-con li .down{height: 0.4rem;width: 0.4rem;background-size: 0.2rem auto;right: 0.2rem}
.Investor_p4 .tab-con li time{width: 1.2rem;margin-right: 0.4rem;}
.Investor_p4 .tab-con li .ti{width: calc(100% - 2rem)}
.Investor_p5 .box .addbox .ti{margin-bottom: 0.15rem;}
.Investor_p5 .box .addbox:nth-child(1){padding-bottom: 0.15rem;margin-bottom: 0.3rem;}
.Investor_p5 .box .addbox .ti{font-size: 0.2rem}
.Investor_p5 .box .addbox p{word-break: break-all;}
}
@media(max-width:480px){
.Investor_p5 .box{width: 60%}


}
/*董事会成员*/
.Directors {background: #F5F5F5;}
.Directors .tab-nav{padding: 0 0.2rem 0.2rem;border-bottom: 0.04rem solid #D9D9D9;margin-bottom: 0.8rem;}
.Directors .tab-nav li{float: left;padding: 0 0.4rem;font-size: 0.24rem;color: #333333;position: relative;cursor: pointer;}
.Directors .tab-nav li.on{color: #0174BC;}
.Directors .tab-nav li:after{width: 0;height: 0.04rem;content: "";left: 50%;bottom: -0.24rem;background: #0174BC;transition: all 0.3s;position: absolute;transform: translateX(-50%);}
.Directors .tab-nav li.on:after{width: 100%;}
.Directors .tab-con li{width: 49%;float: left;padding: 0.4rem;background: #fff;padding-bottom: 0;margin-bottom: 0.4rem;}
.Directors .tab-con li .ti{display: flex;align-items: center;padding-bottom: 0.4rem;font-size: 0.24rem;color: #666666;position: relative;;}
.Directors .tab-con li .ti .name{width: 2rem;font-weight: bold;font-size: 0.24rem;color: #0174BC;}
.Directors .tab-con li .ti i{width: 0.2rem;height: 0.2rem;background: url(../images/add.png) no-repeat center;position: absolute;right: 0rem;}
.Directors .tab-con li .con{display: none;font-size: 0.16rem;color: #666666;line-height: 0.32rem;padding-top: 0.4rem;border-top: 1px solid #D9D9D9;}
.Directors .tab-con li:nth-child(2n){float: right;}
.Directors .tab-con li.on .con{display: block;}
.Directors .tab-con li.on{padding-bottom: 0.4rem;}
.Directors .tab-con li.on .ti i{background-image: url(../images/min.png);}
.Directors .tab-con ul{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start}

/*财务报告*/
.Report li{height: 1.5rem;padding: 0.4rem;border-bottom: 1px solid  #D9D9D9;padding-left: 1.3rem;background: url(../images/pdf.png) no-repeat 0.44rem center/0.6rem auto;line-height: 0.35rem;}
.Report li .ti{font-weight: bold;font-size: 0.24rem;color: #333333;}
.Report li time{font-size: 0.18rem;color: #666666;display: inline-block;}
.Report li .btns{float: right;font-size: 0}
.Report li .btns a{display: inline-block;width: 0.7rem;height: 0.7rem;border-radius: 0rem 0rem 0rem 0rem;border: 0.01rem solid #D9D9D9;border-radius: 50%;margin-left:0.4rem}
.Report li .txt{max-width: calc(100% - 2rem);float: left;}
.Report li .btns a.look{background: url(../images/look1.png) no-repeat center;}
.Report li .btns a.look:hover{background: url(../images/look2.png) no-repeat center #0174BC;border-color: #0174BC; ;}
.Report li .btns a.down{background: url(../images/down1.png) no-repeat center;}
.Report li .btns a.down:hover{background: url(../images/down2.png) no-repeat center #0174BC;border-color: #0174BC; ;}
.Report li.doc{background-image: url(../images/doc.png);}

.Join{background: #F5F5F5;}
.Join li{display: flex;margin-bottom: 0.8rem;}
.Join li .imgbox{width: 55%;height: 5.2rem}
.Join li .txt{text-align: right;width: 45%;height: 5.2rem;padding-left: 1.1rem;padding-top: 0.7rem;}
.Join li .txt .ti{font-weight: bold;font-size: 0.46rem;color: #333333;}
.Join li .txt .ti2{font-size: 0.24rem;color: #666666;line-height: 0.48rem;margin: 0.2rem 0 0.4rem}
.Join li .txt p{font-size: 0.16rem;color: #666666;line-height: 0.32rem;}
.Join li .txt a{display: inline-block;width: 2.14rem;text-align: center;line-height: 0.6rem;font-size: 0.18rem;color: #FFFFFF;height: 0.6rem;background: #0174BC;margin-top: 0.8rem;}
.Join li .txt a i{width: 0.22rem;height: 0.24rem;display: inline-block; margin-left: 0.1rem;background: url(../images/more-w.png) no-repeat center/contain;vertical-align: middle;transition: all 0.3s}
.Join li:nth-child(2n)  .txt{text-align: left;padding-left: 0;padding-right: 1.1rem;}
.Join li:last-child{margin-bottom: 0;}

.Join_2 li{position: relative;margin-bottom: 0.2rem;}
.Join_2 li .imgbox{height: 5rem}
.Join_2 ul{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.Join_2 li:nth-child(1),.Join_2 li:nth-child(4){width: 62.5%;}
.Join_2 li:nth-child(2),.Join_2 li:nth-child(3){width: 36.25%;}
.Join_2 li .txt{position: absolute;bottom: 0.4rem;left: 0.4rem;width: calc(100% - 0.8rem);color: #FFFFFF;z-index: 9;font-size: 0.18rem;line-height: 0.36rem;}
.Join_2 li .txt .ti{font-weight: bold;font-size: 0.24rem;color: #FFFFFF;line-height: 0.48rem;margin-bottom: 0.1rem;}
.Join_2 li .txt p {height: 0;overflow: hidden;transition: all 0.3s}
.Join_2 li:hover:after{width: 100%;;height: 100%;background: rgba(1,116,188,0.9);content: "";position: absolute;left: 0;top: 0}
.Join_2 li:hover .txt p{height: auto;}

.newsTop.Join_3 .slider .slick-list{max-height: 4.2rem}
.newsTop.Join_3 .slider li{padding: 0.4rem;margin: 0 0.1rem;color: #333333;}
.newsTop.Join_3 .slider li .imgbox{height: 3.4rem;width: 33.5%;}
.newsTop.Join_3 .slider li.slick-active.slick-center .imgbox{height: 3.4rem;}
.newsTop.Join_3 .slider li .txt p{margin: 0 0 0.1rem}
.newsTop.Join_3  .slider li .txt .ti{font-weight: bold;font-size: 0.24rem;line-height: 0.48rem;}
.newsTop .slider li .txt span{float: none;font-size: 1em}
.newsTop.Join_3 .slider li .txt{width: 64%}
.newsTop.Join_3 .slider li .imgbox img{object-fit: contain;}
.newsTop.Join_3 .slider .slick-dots li{padding: 0;margin: 0}
@media(max-width:1024px){
.Report li .btns a{width: 0.4rem;height: 0.4rem;margin-left: 0.1rem;}
.Report li .btns a.down{background-size: 0.2rem auto}
.Report li .btns a.look{background-size: 0.2rem auto}
.Report li{padding: 0.2rem 0.2rem 0.2rem 0.6rem;background-size: 0.3rem auto;background-position: 0.1rem center;height: 0.8rem;line-height: 0.24rem;}
.Report li .ti{font-size: 0.18rem}
.Report li time{font-size: 0.14rem}
.Loction{height: 0.7rem;padding: 0.15rem 0}
}
@media(max-width:480px){
.Report li .txt{max-width:calc(100% - 1rem);}
.newsTop.Join_3 .slider li .imgbox{height: 5.2rem}

}
/*校园招聘*/
.videoban.nbanner .play{width: 1.8rem;text-align: center;font-size: 0.18rem;color: #333333;border: 0.01rem solid #FFFFFF;height: 0.6rem;background: #FFFFFF;border-radius: 0.6rem;line-height: 0.6rem;display: inline-block;}
.videoban.nbanner .play:hover{background: none;color: #fff}

.Career_1{background: #F5F5F5;}
.Career_1 li{margin: 0 0.18rem}
.Career_1 li .imgbox{height: 3rem}
.Career_1 li .txt{padding:0.4rem; background: #FFFFFF;}
.Career_1 li .txt .ti{font-size: 0.24rem;color: #333333;line-height: 0.24rem;margin-bottom: 0.24rem;}
.Career_1 li .txt p{font-size: 0.18rem;color: #666666;line-height: 0.18rem;}
.Career_1 li .txt p i{width: 0.24rem;height: 0.24rem;margin-left: 0.1rem;background: url(../images/more3.png) no-repeat center/contain;vertical-align: middle;transition: all 0.3s;display: inline-block;}
.Career_1 li:hover .txt p i{background-image:url(../images/more2.png)}
.Career_1 li:hover .txt p{color: #0174BC;}
.Career_1 li:hover .imgbox img{transform: scale(1.1);}

.Career_2 .slider{padding-bottom:0.8rem ;}
.Career_2 .slider li{position: relative;margin: 0 0.2rem}
.Career_2 .slider li .txt{position: absolute;left: 0;bottom: 0;padding: 0.4rem;color: #fff}
.Career_2 .slider li .txt .ti{font-weight: bold;font-size: 0.24rem;color: #FFFFFF;line-height: 0.48rem;}
.Career_2 .slider li .txt .ti2{font-weight: bold;margin-bottom: 0.2rem;font-size: 0.18rem;color: #FFFFFF;line-height: 0.36rem;}
.Career_2 .slider li .txt p{font-size: 0.16rem;color: rgba(255,255,255,0.8);line-height: 0.32rem;}
.Career_2 .slick-arrow{top: 100%;background: #D9D9D9;}
.Career_2 .slick-arrow.slick-prev{left: calc(50% - 0.3rem)}
.Career_2 .slick-arrow.slick-next{left: calc(50% + 0.3rem)}
.Career_2 .slick-arrow:hover{background: #0174BC;}
.Career_2 .slider li .logo{position: absolute;top: 0.4rem;text-indent: 0.4rem;height: 0.24rem;right: 0.4rem}
.Career_2 .slider li .logo img{max-height: 100%}

/*校园招聘详情*/
.xyzpxq.prolist .tips{height: 0.6rem;line-height: 0.6rem;}
.xyzpxq.prolist .tips .fl{font-weight: bold;font-size: 0.24rem;color: #333333;}
.xyzpxq.prolist .tips .search{width: 60%;height: 0.6rem;background: #FFFFFF url(../images/ico-so2.svg) no-repeat 0.4rem center/ 0.25rem auto;border-radius: 0.6rem;border: 0.01rem solid #D9D9D9;padding-left: 0.76rem;}
.xyzpxq.prolist .tips .search input{float: left;border: none;background: none;height: 0.6rem;width: calc(100% - 1.5rem);font-size: 0.18rem;color: #666666;}
.xyzpxq.prolist .tips .search button{float: right;width: 1.5rem;height: 0.58rem;text-align: center;font-size: 0.18rem;cursor: pointer; color: #FFFFFF;background: #0073BC;border-radius: 0.58rem;line-height: 0.58rem;border: 0.01rem solid #0073BC;}

.xyzpbox.Product_2{background: #F5F5F5;}
.xyzpbox.Product_2 .pronav{padding: 0.4rem;background: #fff}

.xyzpxq.prolist .list {background: #fff;padding: 0.4rem;margin-bottom: 0.4rem;}
.xyzpxq.prolist .list .tit{padding-bottom: 0.4rem;}
.xyzpxq.prolist .list .tit .ti{font-weight: bold;font-size: 0.24rem;color: #333333;line-height: 0.32rem;margin-bottom: 0.4rem;}
.xyzpxq.prolist .list .tit .ti .hot{display: inline-block;width: 0.32rem;height: 0.32rem;background: url(../images/hot.png) no-repeat center/contain;vertical-align: middle;}
.xyzpxq.prolist .list .tit .ti .zw{display: inline-block; font-size: 0.14rem;height: 0.3rem;padding: 0 0.18rem;color: #0073BC;line-height: 0.3rem;margin-right:0.1rem ;background: rgba(0,115,188,0.1);border-radius: 0.3rem ;}
.xyzpxq.prolist .list .tit .ti .add{display: inline-block; font-size: 0.14rem;height: 0.3rem;padding: 0 0.18rem;color: #FF8C5A;line-height: 0.3rem;margin-right:0.1rem ;background: rgba(255,140,90,0.1);;border-radius: 0.3rem ;}
.xyzpxq.prolist .list .tit p span{font-size: 0.18rem;margin: 0 0.08rem;color: #666666;}
.xyzpxq.prolist .list .tit p{font-size: 0.18rem;color: #666666;}
.xyzpxq.prolist .list .info{padding-top: 0.4rem;border-top: 1px solid #D9D9D9;display: none;}
.xyzpxq.prolist .list .info .strong{font-weight: bold;font-size: 0.18rem;color: #333333;}
.xyzpxq.prolist .list .info p{font-size: 0.16rem;color: #666666;line-height: 0.32rem;}
.xyzpxq.prolist .list .hr .txt .ti{font-weight: bold;font-size: 0.18rem;color: #333333;}
.xyzpxq.prolist .list .hr img{height: 0.6rem;margin-right: 0.2rem;}
.xyzpxq.prolist .list .hr{padding-top: 0.4rem;border-top: 1px solid #D9D9D9;margin-top: 0.4rem;}
.xyzpxq.prolist .list .hr .ico,
.xyzpxq.prolist .list .address .imgbox{display: none}
.xyzpxq.prolist .list .hr a{width: 2rem;text-align: center;font-size: 0.18rem;color: #FFFFFF;height: 0.6rem;background: #0174BC;line-height: 0.6rem;float: right;}
.xyzpxq.prolist .list .address{border-top: 1px solid #D9D9D9;margin-top: 0.4rem;}
.xyzpxq.prolist .list .address .ti{font-weight: bold;font-size: 0.18rem;color: #333333;padding-top: 0.4rem;}
.xyzpxq.prolist .list .address p{font-size: 0.16rem;color: #666666;line-height: 0.32rem;margin-top: 0.2rem;margin-bottom: 0.2rem;}
.xyzpxq.prolist .list .address .ckdt{position: absolute;right: 0.2rem;bottom: 0.16rem;padding: 0 0.1rem; height: 0.36rem;line-height: 0.36rem;text-align: center;font-size: 0.16rem;color: #666666;box-shadow: 0rem 0.01rem 0.2rem 0.05rem rgba(101,134,155,0.1);background: #FFFFFF;}
.xyzpxq.prolist .list .address .ckdt i{display: inline-block;vertical-align: middle;width: 0.22rem;height: 0.22rem;background: url(../images/map.png) no-repeat center;margin-top: -0.03rem;margin-right: 0.05rem;}

/*社会招聘*/
.Social ul li{width: 49%;float: left;margin-bottom: 2%;position: relative;}
.Social ul li:nth-child(2n){float: right;}
.Social ul li .txt{position: absolute;padding: 0.4rem;color: #fff;width: 100%;height: 100%;z-index: 9;top: 0}
.Social ul li .txt .ti{font-weight: bold;font-size: 0.24rem;color: #FFFFFF;line-height: 0.48rem;}
.Social ul li .txt p{font-size: 0.18rem;color: #FFFFFF;line-height: 0.36rem;text-align: left;}
.Social ul li .txt span{position: absolute;left: 0.4rem;bottom: 0.4rem;font-size: 0.18rem;color: #FFFFFF;text-align: left;}
.Social ul li .txt span i{width: 0.22rem;height: 0.22rem;margin-left: 0.1rem;background: url(../images/more-w.png) no-repeat center/contain;vertical-align: middle;transition: all 0.3s;display: inline-block;margin-top: -0.03rem;}
.Social ul li .imgbox{height: 4.4rem}
.Social ul li:hover .imgbox img{transform: scale(1.1);}


/*海外分布*/
.Overseas{position: relative;padding-top: 1rem;height: 100vh}
.Overseas video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;z-index: -1;}
.Overseas li{margin: 0 0.2rem}
.Overseas .slider{margin: 0 -0.2rem}
.Overseas ul li .txt{position: absolute;padding: 0.4rem;color: #fff;width: 100%;height: 100%;z-index: 9;top: 0}
.Overseas ul li .txt .ti{font-weight: bold;font-size: 0.24rem;color: #FFFFFF;line-height: 0.48rem;}
.Overseas ul li .txt p{font-size: 0.18rem;color: #FFFFFF;line-height: 0.36rem;text-align: left;}
.Overseas ul li .txt span{position: absolute;left: 0.4rem;bottom: 0.4rem;font-size: 0.18rem;color: #FFFFFF;text-align: left;}
.Overseas ul li .txt span i{width: 0.22rem;height: 0.22rem;margin-left: 0.1rem;background: url(../images/more-w.png) no-repeat center/contain;vertical-align: middle;transition: all 0.3s;display: inline-block;margin-top: -0.03rem;}
.Overseas ul li .imgbox{height: 4.4rem}
.Overseas ul li:hover .imgbox img{transform: scale(1.1);}
@media(max-width:1024px){
.Join li .txt{padding-left: 0.6rem;}
.Join li .txt a{margin-top: 0.4rem;}
.Join li .txt .ti{font-size: 0.36rem}
.Join li .txt .ti2{font-size: 0.2rem}
.Join li:nth-child(2n) .txt{padding-right: 0.6rem;}
.Join_2 li .imgbox{height: 2.6rem}
.Join_2 li .txt{left: 0.2rem;bottom: 0.2rem;width: calc(100% - 0.4rem)}
.Join li .txt{padding-top: 0.3rem;}
.Join li .imgbox,.Join li .txt{height: 4.6rem}
.Join li {margin-bottom: 0.4rem;}
.newsTop .slider li .txt{padding: 0.2rem }
}
@media(max-width:480px){
.Join li .imgbox, .Join li .txt{height: auto;width: 100%;}
.Join li{flex-wrap: wrap;}
.Join li .txt{padding-left: 0;margin-bottom: 0.3rem;}
.Join_2 li{width: 100% !important;}
.newsTop.Join_3 .slider li .imgbox{width: 100%;}
.newsTop.Join_3 .slider li .txt{width: 100%;padding: 0.2rem 0 0}
.newsTop.Join_3 .slider .slick-list{max-height: unset;}
.newsTop.Join_3 .slider li{padding: 0.2rem}
.Social ul li{width: 100%;}
}

/*客户服务*/
.Service{overflow: hidden;padding-top: 1.6rem;}
.Service .imgbox{height: 4.4rem;overflow: visible;display: none;}
.Service .txt{width: 100%;}
.Service .txt .ti{font-weight: bold;font-size: 0.46rem;color: #333333;line-height: 0.83rem;margin-bottom: 0.48rem;}
.Service .txt p{font-size: 0.24rem;padding-left: 0.32rem;color: #666666;line-height: 0.48rem;}
.Service .txt .tel{background: url(../images/ptel2.png) no-repeat left center;}
.Service .txt .eml{background: url(../images/peml2.png) no-repeat left center;}
.Service .txt dl:not(:last-child){border-bottom: 1px solid rgba(0,0,0,0.08);margin-bottom: 0.2rem;padding-bottom: 0.2rem;}
.Service .txt h3{color:#0073BC;font-size: 0.24rem;font-weight: bold;margin-bottom: 0.35rem;}
.Service .txt dl dt{font-size: 0.2rem;font-weight: bold;margin-bottom: 0.2rem;}
.Service .txt dl dd{padding-left: 0.3rem;}
.Service .txt dl dd span{display: inline-block;}
.Service .txt dl dd span:not(:last-child){margin-right: 0.3rem;}
.Service .txt dl dd:not(:last-child){margin-bottom: 0.15rem;}
.Service .imgbox .bg{width: 8.96rem;height: 5.4rem;left: 0.34rem;top: -0.64rem;position: absolute;background: url(../images/khfwimg2.png) no-repeat center;filter: blur(22px);content: "";z-index: -1;}

.Floor003234 .load-swiper .swiper-slide{width: 1.4rem;height: 0.71rem;margin: 0 0.15rem;display: flex;align-items: center;justify-content: center;border: 1px solid #333333;border-radius: 5px;}
.Floor003234{margin-top: 0.8rem;}
.Floor003234 .load-swiper .swiper-slide:hover img{transform: scale(1.1);}
.Floor003234 .load-swiper .swiper-slide img{transition: all 0.3s;max-height:0.45rem;}
.Floor003234 .load-swiper .swiper-slide .pic{overflow: visible;}
.Floor003234 .container{position: relative;}
.Floor003234 .container:before{width: 1.1rem;height:1rem;background: linear-gradient( 270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 44%);content: "";position: absolute;left: 0;bottom: 0;z-index: 99;}
.Floor003234 .container:after{width: 1.1rem;height: 100%;background: linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 44%);content: "";position: absolute;right: 0;top: 0;z-index: 99;}




.home-Advantages{padding: 10% 0 0;position: relative;}
.home-Advantages .container{position: relative;}
.home-Advantages .Atitle{position: absolute;left: 0%;top: 0%;;z-index: 9;text-align: left;}
.home-Advantages .Atitle .desc{text-align: left;margin-top: 0.3rem;}
.home-Advantages .slider{width: 66%;float: right;}
.home-Advantages .slider li {position: relative;display: flex;justify-content: flex-end;align-items: center;padding-right: 1.2rem;}
.home-Advantages .slider li .imgbox{width: 100%;height: 62vh;border-radius: 0.2rem;overflow: hidden;}
.home-Advantages .slider li .imgbox img{object-fit: cover}
.home-Advantages .slider .txt{text-align: right;min-width: 3.6rem;}
.home-Advantages .slider .txt .ti{font-size: 0.24rem;color: #EFF3F7;line-height: 0.48rem;padding-bottom: 0.2rem;border-bottom:2px solid rgba(255,255,255,0.82);margin-bottom: 0.2rem; ;}
.home-Advantages .slider .txt p{font-size: 0.16rem;color: #EFF3F7;line-height: 0.32rem;}
.home-Advantages .control{position: absolute;bottom: 0;right: 0;z-index: 99;}
.home-Advantages .control {width: 0.6rem;text-align: center;padding: 0.7rem 0;font-weight: bold;font-size: 0.16rem;color: #EFF3F7;}
.home-Advantages .control .slick-next{right: auto;transform: rotate(90deg);top: auto;bottom: 0;left: 50%;margin-left: -0.2rem;}
.home-Advantages .control .slick-prev{left: 0;transform: rotate(-270deg);top: 0;left: 50%;margin-left: -0.2rem;}
.home-Advantages .control #cur{color: #fff}
.home-Advantages:after{position: absolute;left: 0;bottom: 0;height: 3rem;background: rgba(0,98,169,0.8); content: "";width: 100%;}

.home-Internal{padding: 10% 0 0;position: relative;}
.home-Internal .Atitle{text-align: left;}
.home-Internal .left{width: 25%}
.home-Internal .left .content img{margin-bottom: 0.4rem;}
.home-Internal .left .content .ti{font-weight: bold;font-size: 0.24rem;color: #333333;line-height: 0.48rem;margin-bottom: 0.2rem;}
.home-Internal .left .content p{font-size: 0.18rem;padding-left: 0.38rem;margin-bottom: 0.14rem;color: #666666;line-height: 0.36rem;background: url(../images/dui.png) no-repeat left center;}
.home-Internal .right{width: 68.75%;float: right;}
.home-Internal .topslider{background: #FFFFFF;border-radius: 0.2rem;}
.home-Internal .topslider .slider-nav{padding: 0.3rem 0 0;text-align: center;margin-bottom: -2px;}
.home-Internal .topslider .slider-nav .ico{height: 0.51rem;margin: 0 auto 0.1rem}
.home-Internal .topslider .slider-nav .ico .hide{display: none}
.home-Internal .topslider .slider-nav .slick-current .ico .hide{display: inline-block;}
.home-Internal .topslider .slider-nav .slick-current .ico img{display: none}
.home-Internal .topslider .slider-nav .ico img{max-height: 100%}
.home-Internal .topslider .slider-nav li{position: relative;padding-bottom: 0.2rem;font-size: 0.18rem;color: #666666;line-height: 0.36rem;cursor: pointer;}
.home-Internal .topslider .slider-nav .slick-current:after{position: absolute;left: 50%;bottom: 0;height: 0.02rem;background: #0174BC;width: 1.47rem;content: "";transform: translateX(-50%);}
.home-Internal .topslider .slider-nav .slick-current{color: #0174BC;}
.home-Internal .topslider .slider-for{padding: 0.4rem 0.8rem 0;border-top: 2px solid #d9d9d9;}
.home-Internal .topslider .slider-for .ti{font-weight: bold;font-size: 0.24rem;color: #333333;margin-bottom: 0.1rem; line-height: 0.48rem;}
.home-Internal .topslider .slider-for p{font-size: 0.16rem;color: #666666;line-height: 0.32rem;}
.home-Internal .topslider .slider-for li{position: relative;overflow: hidden;padding-bottom: 0.5rem;}
.home-Internal .topslider .slider-for li .num{font-weight: bold;font-size: 8.33vw;color: #F7F9FB;line-height: 1;letter-spacing: 3px;position: absolute;left: 0rem;bottom: -0.6rem;z-index: -1;}
.home-Internal .topslider .slider-for li .en{font-weight: bold;font-size: 5vw;color: #F7F9FB;line-height: 1rem;position: absolute;right: 0rem;bottom: -0.4rem;z-index: -1;text-transform: uppercase;}
.home-Internal .botslider .slider{margin: 0.2rem -0.1rem}
.home-Internal .botslider .slider li .imgbox{height: 3.3rem}
.home-Internal .botslider .slider li{margin: 0 0.1rem;position: relative;border-radius: 0.2rem;overflow: hidden;}
.home-Internal .botslider .slider li .txt{position: absolute;font-weight: bold;font-size: 0.24rem;color: #FFFFFF;line-height: 0.48rem;z-index: 9;width: 100%;padding: 0 0.4rem;bottom: 0.2rem;left: 0}
.home-Internal .botslider .slider li .txt p i{width: 0.22rem;height: 0.48rem;margin-left: 0.1rem;background: url(../images/more-w.png) no-repeat center/contain;vertical-align: middle;transition: all 0.3s;display: inline-block;margin-top: -0.03rem;float: right;}
.home-Internal .botslider .slider li .ico{position: absolute;right: 0.34rem;top: 0.24rem}
.home-Internal .botslider .slider li:after{width: 100%;position: absolute;left: 0;bottom: 0;height: 1rem;background: linear-gradient( 360deg, #0174BC 0%, rgba(1,116,188,0) 100%);content: ""}
.home-Internal .slick-prev{left: auto;right: 0.6rem}
.home-Internal .slick-arrow{background: #D9D9D9;top: 0}
.home-Internal .slick-arrow:hover{background: #0174BC;}
.home-Quality{padding-left: 8.333%;padding-top: 12%;}
.home-Quality:before{width: 34.375vw;height: 100vh;left: 0;bottom: 0;content: "";position: absolute;background: rgba(1,116,188,0.7);}
.home-Quality .left{width: 27%;color: #fff;height: 100%;float: left;position: relative;z-index: 10;}
.home-Quality .left .Atitle{text-align: left;margin-bottom: 1rem;}
.home-Quality .left  .ti{font-weight: bold;font-size: 0.24rem;color: #FFFFFF;line-height: 0.48rem;}
.home-Quality .left p{font-size: 0.18rem;color: #FFFFFF;line-height: 0.36rem;}
.home-Quality .left .line{background: #FFFFFF;height: 0.01rem;margin: 0.35rem 0}
.home-Quality .left .control{width: 1rem;position: relative;margin-top: 0.9rem;}
.home-Quality .slick-prev{left: 0}
.home-Internal .Atitle{margin-bottom: 4%;}
.home-Quality .slick-next{right: 0}
.home-Quality .right{width: 62.5%;float: right;position: relative;z-index: 10;}
.home-Quality .right .slider {margin: 0 -0.2rem;}
.home-Quality .right .slider li{margin: 0.2rem;padding: 0.2rem;background: rgba(245,245,245,0.6);box-shadow: 0rem 0.08rem 0.16rem 0rem rgba(0,0,0,0.25);}

.home-Numeracy{padding-top: 1.2rem;}
.home-Numeracy .Atitle{text-align: left;margin-bottom: 0.4rem;}
.home-Numeracy .slider{margin: 0 -0.2rem;}
.home-Numeracy .slider li{margin: 0 0.2rem 0.2rem;box-shadow: 0rem 0rem 0.1rem 0.1rem rgba(0,0,0,0.08);background: #FFFFFF;}
.home-Numeracy .slider li .txt{padding: 0.16rem 0.36rem 0.26rem;font-size: 0.18rem;color: #666666;line-height: 0.36rem;min-height:1.5rem }
.home-Numeracy .slider li .imgbox{height: 3.4rem;}
@media(max-width:1600px){
.home-Internal,.home-Advantages{padding-top: 8%;}
.home-Internal .topslider .slider-nav{padding-top: 0.1rem;}
.home-Internal .topslider .slider-nav li{padding-bottom: 0.1rem;}
.home-Internal .left .content img{height: 0.6rem}
.home-Internal .left .content p{margin-bottom: 0.1rem;}
.home-Internal .topslider .slider-for li{padding-bottom: 0.3rem;}
.home-Advantages .slider li .imgbox{height: 70vh}
.home-Internal .topslider .slider-for{padding: 0.2rem 0.4rem 0}
.home-Internal .slick-arrow{top: 0.2rem}
.home-Quality{padding-top: 8%;}
.home-Quality .left .Atitle{margin-bottom: 4%;}
.home-Quality .left .line{margin: 0.15rem 0}
.home-Numeracy .Atitle{margin-bottom: 2%;}
.home-Numeracy .slider li .imgbox{height: 2.6rem}
.home-Numeracy{padding-top: 8%;}
.home-Numeracy .slider li .txt{padding:0.2rem;line-height: 1.5;min-height: 1.2rem }
.map-content .map-filter{top: 1.5rem;left: 1.2rem}
.home-Internal .botslider .slider li .imgbox{height: 2.2rem}
.home-Numeracy .slider li .imgbox{height: 2.2rem}

}
@media(max-width:1366px){
.map-content .map-filter{top: 1.2rem;left: 1.2rem}
.map-content .group dd{margin-top: 0.1rem;}
.map-content .group{padding: 0.1rem}
.home-Internal .left .content p{margin-bottom: 0;}
.home-Internal .topslider .slider-nav .ico img,.home-Internal .topslider .slider-nav .ico{height: 0.36rem}
}
@media(max-width:1024px){
.map-content .map-filter{left: 0.5rem;top: 1rem;}
.map-content .allbtn{line-height: 0.4rem;}
.map-content .group h2,.map-content .group dd{font-size: 0.16rem}
.home-Internal, .home-Advantages,.home-Numeracy{padding: 0.4rem 0;}
#home.Strength{position: relative;}
.home-Advantages{padding: 0.4rem 0}
.home-Quality{padding: 5% 0}
.home-Quality.fp-section,.home-Internal.fp-section, .home-Advantages.fp-section,.home-Numeracy.fp-section,.fp-section.home-footer{display: inline-block;width: 100%;float: left;width: 100%;}
.home-Internal .left{width: 100%}
.home-Internal .right{width: 100%;margin-top: 0.3rem;}
.home-Internal .left .content img{float: left;margin-bottom: 0.2rem;}
.home-Internal .left .content p{width: 50%;float: left;margin-top: 30px;}
.home-Internal .left .content .ti{height: 0.7rem}
.home-Quality{padding: 0.4rem 4%}
.home-Quality .left{width: 100%;background: rgba(1, 116, 188, 0.7);padding: 0.25rem;}
.home-Quality .right{width: 100%;margin-top: 0.3rem;}
.home-Advantages:after{height: 2rem}
.home-Advantages .control{padding: 0.4rem 0}
.home-Advantages .control .slick-prev{margin-left: -15px;}
.home-Advantages .control .slick-next{margin-left: -15px;}
.home-Internal .botslider .slider li .imgbox{height: 4rem}
.home-Quality:before{display: none;}
.home-Numeracy .Atitle{text-align: center;}
}

@media(max-width:480px){
.home-Advantages .Atitle{position: static;text-align: left;color: #fff;transform: translate(0);}
.home-Advantages .slider li .imgbox{width: 100%;height: 3rem;margin-bottom: 0.3rem;}
.home-Advantages .slider li{padding-right: 0;}
.home-Advantages .slider li{flex-wrap: wrap;}
.home-Advantages .control{padding: 0.6rem 0}
.home-Internal .left .content p{margin-top: 0.1rem;}
.home-Numeracy .slider{margin: 0;}
.home-Numeracy .slider .slick-list{padding-right: 10%;width: 110%;}
.home-Advantages .slider{width: 100%;}
.home-Internal .slick-prev{left: -0.55rem;right: auto;}
.home-Internal .slick-next{right: -0.55rem;left: auto;}
}
/* 滚屏导航 */
#FixMenu{position: fixed;left: 2.083vw;z-index: 10000;top: 50%;transform: translate(0,-50%);}
#FixMenu li{display: block;width: 0.36rem;	position: relative;transition: all 0.5s;height: 2.604vw;cursor: pointer;}
#FixMenu li:after{content: "";background: #D8D9DA;border-radius: 50%;;width: 0.01rem;height: 0.0rem;;transition: all 0.5s;position: absolute;top: 0.54rem;left: 50%;transform: translateX(-50%);}
#FixMenu li:before{position: absolute;width: 0.2rem;height: 0.2rem;content: "";left: 50%;top: 50%;transform: translate(-50%,-50%);background: #D2D2D2;transition: all 0.5s;border-radius: 50%;}
#FixMenu li a{display: block;height: 100%;position: relative;z-index: 99;}
#FixMenu li span{transition: all 0.5s;left: 0;min-width: 2.4rem;text-align: left;top: 50%;position: absolute;transform: translateY(-50%);visibility: hidden;opacity: 0;}
#FixMenu li span em{display: inline-block;background-color: rgba(255,255,255,0.9);padding: 0 0.15rem;border-radius: 5px;line-height: 18px;padding:5px;}
#FixMenu li:hover span{opacity: 1;padding-left: 0.36rem;visibility: visible;}
#FixMenu li:hover:after{background-color: rgba(255,255,255,1);}
#FixMenu li.active:before{width: 0.36rem;height: 0.36rem;background: #0174BC;}
#FixMenu li.active:after{height: 0.3rem;;}
#FixMenu li.active{margin-bottom: 0.3rem;}
@media(max-width:1024px){
	#FixMenu{display: none;}
	.Service .txt .ti{font-size: 0.24rem;line-height: 1.5;}
	.Service .txt p{font-size: 0.18rem;line-height: 1.8;}
	.Service .imgbox{width: 40%;height: auto;}
	.Service{padding-top: 1rem;}
	.Service .imgbox .bg{width: 120%;height: 2rem}
	.Directors .tab-nav li{padding: 0 0.1rem;font-size: 0.2rem}
	.Directors .tab-con li{padding: 0.2rem;margin-bottom: 0.2rem;padding-right: 0.3rem;}
	.Directors .tab-con li .ti .name{font-size: 0.2rem;width: 1.2rem}
	.Directors .tab-con li .ti{font-size: 0.18rem;padding-bottom: 0rem;}
	.Directors .tab-con li.on .ti{padding-bottom: 0.2rem}
	.Directors .tab-con li .con{padding-top: 0.2rem;line-height: 1.5;}
	.Directors .tab-con li .ti i{right: -0.2rem}
	.Directors .tab-nav{margin-bottom: 0.4rem;}
	.Career_1 li .imgbox{height: 3rem}
	.Career_1 li .txt{padding: 0.2rem}
	.Career_2 .slider{padding-bottom: 0.4rem;}
	.Career_2 .slider li .imgbox{height: 3.6rem}
	.xyzpxq.prolist .tips .search{padding-left: 0.4rem;background-position: 0.1rem center}
	.xyzpxq.prolist .tips .search button{width: 1rem}
	.xyzpxq.prolist .list .hr a{width: 1.2rem}
	.xyzpbox.Product_2 .pronav{padding: 0.2rem}
	.xyzpxq.prolist .list{padding: 0.2rem;margin-bottom: 0.2rem;}
	.xyzpxq.prolist .list .tit p{display:inline-block; width: 100%;}
	.Social ul li .imgbox,.Overseas ul li .imgbox{height: 30vw}
	.Social ul li .txt,.Overseas ul li .txt{padding: 0.2rem}
	.Social ul li .txt span,.Overseas ul li  .txt span{left: 0.2rem}
}

@media(max-width:768px){
.Overseas ul li .imgbox{height: 4rem}
.Social ul li .imgbox{height: 3rem}

}
@media(max-width:480px){
	.xyzpxq.prolist .tips .search{width: 100%;}
	.xyzpxq.prolist .tips{height: auto;display: inline-block;width: 100%;}
.Service .container{flex-wrap: wrap;}
.Service .txt{width: 100%;}
.Service .imgbox{width: 100%;margin-top: 0.6rem;}
.Service{padding-top: 0.4rem;}
.Floor003234{margin-top: 0.4rem;}
.Directors .tab-con li{width: 100%;}
.Directors .tab-nav{overflow-x: auto;padding-bottom: 0.3rem;border-bottom: none;}
.Directors .tab-nav ul{width: 600px;}
.nbanner .txt .ti{font-size: 0.24rem}

}
.MJDetails .Atitle{border-bottom: 1px solid #D9D9D9;padding-bottom: 0.3rem;margin-bottom: 0.4rem;}
.MJDetails .desc{font-size: 0.16rem;color: #666666;line-height: 0.32rem;text-align: justify;margin-bottom: 0.6rem;}
.MJDetails .imgbox{height: 3.4rem}



.StyleList .slider{margin: 0 0 4.167vw -3.125vw;padding: 0.8rem 0 0;}
.StyleList .slick-dots{position: static;}
.StyleList .slick-dots li{width: 0.8rem;height: 0.02rem;background-color: #e5e5e5;}
.StyleList .slick-dots li button{background-color: #0073BC;animation-name: none;}
.StyleList .slick-dots li.slick-active button{width: 100%;}
.StyleList .slick-arrow{background-color: #cacaca;border: 1px solid #cacaca;top: 40%;}
.StyleList .slick-prev{left: -0.2rem;}
.StyleList .slick-next{right: -0.8rem;}
.StyleList .slick-arrow:hover{background-color: #0073BC;border: 1px solid #0073BC;}
.StyleList .slick-dots li:after{display: none}
.StyleList .slick-dots li.slick-active{background: #0073BC}
.flexw{display: flex;display: -ms-flexbox;flex-wrap: wrap;-ms-flex-wrap: wrap;}
.StyleList .list{margin: 0 0 2.604vw -3.125vw;}
.StyleList .list .item{width: 33.333%;}
.StyleList .item{padding: 0 0 2.604vw 3.125vw;}
.StyleList .item .imgbox{height: 2.5rem;}
.StyleList .item a{display: block;}
.StyleList .item .info{display: block;padding: 2.604vw 0.3rem;background-color: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.033);transition: all 0.5s;}
.StyleList .item .date{margin-bottom: 0.09rem;color: #999;font-size: 0.16rem;display: inline-block;}
.StyleList .item .ti{min-height: 0.6rem;margin-bottom: 3.281vw;font-size:0.2rem;line-height: 0.3rem;}
.StyleList .item .mores{color: #666;}
.StyleList .item:hover .date{color: #0073BC;}
.StyleList .item:hover .info{background-color: #D3EDFC;}
.StyleList .item:hover .ti,.StyleList .item:hover .mores{color: #0073BC;}
.StyleList .item:hover .mores:before{background: url(../images/arr_red.png) no-repeat center center/contain;}
.StyleList section{padding-top: 0;}
@media(max-width:1024px){
.StyleList .slick-arrow{display: none !important;}
	.listFocus .slick-dots{display: block !important;}

}
@media(max-width:768px){
	.StyleList .list .item{width: 100%;}
}


/*Floor002961 */

.Floor002961 dl{padding: 12px 20px;border: 1px solid #ededed;background: #fff;box-shadow: 0 10px 15px rgba(196, 196, 196, 0.1);}
.Floor002961 dd a{padding:0 22px;position: relative; border-radius: 4px;line-height: 28px;}
.Floor002961 dd a:before{position: absolute; content: ''; width: 6px; height: 1px;background: #205393; left: 10px;top: 50%;}
.Floor002961 dd a:hover{background: #205393;color: #fff;}
.Floor002961 dd a:hover:before{background: #fff;}
@media(min-width:1025px){
.Floor002961 .wap-open{display: none;}
.Floor002961 dl{display: block!important;}
.Floor002961 dd{float: left; width: auto; margin: 6px 0;}
}
@media(max-width:1024px){
.Floor002961{position: relative; z-index: 20;}
.Floor002961 .wap-open{border: 1px solid #ededed;background: #fff; padding: 10px;border-radius: 5px;display: block; position: relative;box-shadow: 0 10px 15px rgba(196, 196, 196, 0.1);}
.Floor002961 .wap-open:after{position: absolute; content: ''; border: 4px solid transparent; border-top-width: 6px; border-top-color: #205393; right: 10px; top: 50%; margin-top: -4px;}
.Floor002961 dl{position: absolute; left: 2%; top: 100%; right: 2%;max-height: 280px;overflow: auto;display: none;}
.Floor002961 dd a{line-height: 36px;}
.Floor002961.other dl{position: static;display: block;max-height: none;}
}