/* ***************************************************************************************** */
/* 全局样式重置 */
/* ***************************************************************************************** */
*,*:before,*:after {-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0px;padding: 0px;}
html {width: 100%;overflow-y: auto;overflow-x: hidden;-webkit-overflow-scrolling: touch;}
body {font-size: .24rem;line-height: 1.5;overflow-y: auto;overflow-x: hidden;/*font-family: Helvetica Neue, Helvetica, PingFang SC, Arial, sans-serif;*/color: #222;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight: normal;}
ol,ul,li {list-style: none;}
a {color: #222222;text-decoration: none;cursor: pointer;}
a:focus {text-decoration: none;}
a:hover {text-decoration: none;}
img {border: none;outline: none;vertical-align: middle;max-width: 100%;}
input,textarea,select,button {font-size: 16px;line-height: 1.5;font-family: /*Helvetica Neue, Helvetica, PingFang SC,*/ Arial, sans-serif;color: #333;border: none;outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #666;vertical-align: middle;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #666;vertical-align: middle;}
:-moz-placeholder {color: #666;vertical-align: middle;}
::-moz-placeholder {color: #666;vertical-align: middle;}
table {border-collapse: collapse;border-spacing: 0;}
select{border: none;outline: none;width: 100%;appearance: none;-webkit-appearance: none;-moz-appearance: none;padding-left: 5px}
option{border: none;text-align: center;line-height: 25px;height: 25px;width: 100%;display: inline-block;color: #333333;padding: 0 5px;}

/* ***************************************************************************************** */
/* 辅助类 */
/* ***************************************************************************************** */
@font-face { font-family:'enfont';src: url('../font/GOTHAMMEDIUM.OTF');}
.am3 {-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.am{transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-ms-transition:all 0.3s linear 0s;-o-transition:all 0.3s ease-in-out;}
.fl {float: left;}
.fr {float: right;}
.clear:before,.clear:after {content: " ";display: block;height: 0;clear: both;visibility: hidden;}
.hidden {display: none;}
.block {display: block;}
.inline-block {display: inline;}
.bg-cover {background-repeat: no-repeat;background-position: center center;background-size: cover;}
.uppercase {text-transform: uppercase;}
.capitalize {text-transform: capitalize;}
.nowrap, .com-page-location {-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.nowrap2 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.nowrap3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;}
.com-module {max-width: 1650px;margin: 0 auto;display: block;padding: 0 25px;}
.com-section {max-width: 1430px;margin: 0 auto;display: block;padding: 0 15px;}
.container{padding-top: 166px;}
.enfont{font-family: 'enfont';}
.com-title{text-align: center;color: #222222;font-weight: bold;line-height: 1.3;}
.com-description{display: inline-block;text-align: center;font-weight: bold;color: #222222;width: 100%;}
.after{ position: relative; }
.after::after{ position: absolute; content: ''; }
.before{ position: relative; }
.before::before{ position: absolute; content: ''; }

.f48{font-size: 30px;}


.border-7{ border-radius: 7px; overflow: hidden; }
.open_menu{ display: none }
.container{padding-top: 1.3rem;position: relative;}
.com-container{padding: 1.2rem 0 1rem;}
.com-more{font-size: 18px;display: block;text-align: left;cursor: pointer;-webkit-transition: .2s ease all;-o-transition: .2s ease all;transition: .2s ease all;padding: .2rem 0;}
.com-more:hover{opacity: .8;}
.com-more:hover i{margin-left: 10px;}
.com-more span{vertical-align: middle;}
.com-more i{font-size: 22px;font-weight: bold;vertical-align: middle;margin-left: 5px;-webkit-transition: .2s ease all;-o-transition: .2s ease all;transition: .2s ease all;}
.com-coverbg{background-position: center;background-size: cover;background-repeat: no-repeat;}
.maincolor{color: #910782;}
.com-page-label{max-width: 1400px;margin: 0 auto;display: block;border-bottom: 1px solid #E5E5E5;height: 1.2rem;}
.com-page-location span,.com-page-location a{font-size: 16px;color: #666666;line-height: 1.2rem;}
.com-page-nav{width: 100%;padding: .4rem 0 .3rem;border-bottom: 1px solid #F0F0F0;overflow: auto;white-space: nowrap;}
.com-page-nav div{margin: 0 auto;max-width: 1200px;}
.com-page-nav a{display: inline-block;margin-right: .2rem;font-size: 18px;color: #666666;padding: .07rem .2rem;border-radius: .4rem;} 
.com-page-nav a.on{background-color: #F1F1F1;}

/* ***************************************************************************************** */
/* 头部 */
/* ***************************************************************************************** */
.com-header{position: fixed;background: #ffffff;box-shadow: 0 5px 12px rgba(0,0,0,.05);left: 0;top: 0;width: 100%;z-index: 2000;height: 1.3rem;padding-left:.5rem;}
.header-logo{float: left;padding-top: .4rem;}
.header-logo img{max-width: 2.8rem;}
.header-navlist{float: left;text-align: center;margin-left: 15%;}
.header-navlist>li{float: left;padding: 0 .3rem;position: relative;line-height: 1.3rem;height: 1.3rem;}
.header-navlist>li.on a{font-weight: bold;}
.header-navlist>li.on::before{content: '';position: absolute;left: 10%;bottom: 0;height: 4px;background-color: #930784;width: 80%;}
.header-navlist>li>a{color: #222222;font-size: 18px;} 
/*.header-right{float: right;width: 2.8rem;padding-top: .4rem;}*/
/* .header-right{float: right;width: 1.8rem;padding-top: .4rem;} */
.header-right{float: right; padding-right: .68rem; padding-top: .4rem;}
.header-right .header-search{font-size: 30px;padding: .1rem;color: #333333;vertical-align: middle;cursor: pointer;}
.header-language{display: inline-block;vertical-align: middle;margin-left: .23rem;padding-left: .35rem;position: relative;/*border-left: 1px solid #ccc;*/cursor: pointer;}
.header-language i{font-size: 30px;color: #333333;vertical-align: middle;}
.header-language span{font-size: 18px;color: #333333;vertical-align: middle; font-weight: bold;}
.header-navlist>li .nav-2-list { position: absolute; left: 0; top: calc( 1.3rem - 4px); padding-top: 4px; max-width: 0; overflow: hidden; box-shadow: 0 5px 16px #f1f1f1; max-height: 0;}
.header-navlist>li .nav-2-list::after { content: '';position: absolute; left: 0; height: 4px; width: 100%; box-shadow: 0 5px 16px #f1f1f1; background: #930784; top: 0;}
.header-navlist>li .nav-2-list>a{ height: 48px; background: #fff; line-height: 48px; font-weight: normal; width: 182px; padding: 0 10px; }
.header-navlist>li .nav-2-list>a:hover{ background: #930784; color: #fff; }
.header-navlist>li:hover .nav-2-list{ max-height: 400px; max-width: 200px;}
/* 2022-5-11 新增头部登录 */
.header-language.user span{ display: inline-block; width: 75px; }
.header-language.user .header-user-oparate{ position: absolute; overflow: hidden; max-height: 0; transition: .3s all; right: 0; top: 100%; background: #fff; box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08); width: 112px; text-align: center; }
.header-language.user{ position: relative; }
.header-language:hover .header-user-oparate{ max-height: 400px; }
.header-language.user .header-user-oparate .user-oparate-item{ height: 46px; display: block; line-height: 46px; font-size: 14px; color: #222; }
.header-language.user .header-user-oparate .user-oparate-item:hover{ background: #910782; color: #fff; }
/* ***************************************************************************************** */
/* 底部 */
/* ***************************************************************************************** */
.com-footer{width: 100%;background: #070002;padding: 0 15px;color: #aaa;overflow: hidden;}
.footer-container{max-width: 1400px;margin: 0 auto;padding: 1rem 0 .8rem;}
.footer-left{float: left;width: calc(100% - 326px);}
/*.footer-logo{max-width: 2.8rem;margin-bottom: .7rem;}*/
.footer-logo{max-width: 2.8rem;/*margin-bottom: .4rem;*/}
.footer-msg{position: relative;}
/*.footer-navlist{display: inline-block;}*/
.footer-navlist{display: block; width: 550px;}
/*.footer-navlist a{color: #777777;font-size: 16px;padding: 0 .3rem;}*/
.footer-navlist a{color: #777777;font-size: 16px;padding-right:.5rem; padding-bottom: 0.3rem; display: inline-block;}
/*.footer-navlist a:nth-child(2){ margin-right: 0.5rem; }*/
/*.footer-navlist a:first-child{padding-left: 0;}*/
/*.footer-share{display: inline-block;margin-left: 16%;float: right;margin-right: 10%;}*/ 
.footer-share{display: inline-block;/*margin-left: 16%;*/float: right;margin-right: 10%;}
.footer-share a:nth-child(2){ margin-right: 0.5rem; padding-right: 0.5rem; border-right: 1px rgba(255, 255, 255, .3) solid; }
/*.footer-share img{margin-left: .4rem;cursor: pointer;}*/
.footer-share img{padding:0 .2rem;cursor: pointer;}
.footer-right{float: right;width: 230px;width: 326px;padding-top: .3rem;}
/*.footer-right img{float: right;width: 98px;height: 98px;}*/
/*.footer-right img:first-child{margin-left: .2rem;}*/
.footer-right .qrcode-img-wrap{ text-align: center;font-size: 14px;margin-left: 10px; width: 30%;}
.footer-right .qrcode-img-wrap:first-of-type { margin-left: 0 }
.footer-right .qrcode-img img{ width: 98px; }
.footer-bottom{max-width: 1400px;margin: 0 auto;height: .8rem;border-top: 1px solid #333333;font-size: 14px;color: #666666;}
.footer-bottom a,.footer-bottom span{line-height: .8rem;height: .8rem;}
.footer-copyright{float: left;width: 50%;}
.footer-copyright span{margin-right: .3rem;line-height: .8rem;display: inline-block;}
.footer-copyright a,.footer-corruption a{color: #666666;}
.footer-corruption{float: right;width: 50%;text-align: right;}
.footer-link {display: inline-block;margin-left: .4rem;position: relative; font-size: 22px; font-weight: 700; color: #fff; height: 36px;}
/*.footer-link::before{content: '';position: absolute;left: -15px;top: 20px;height: 20px;background-color: #333333;width: 1px;}*/
.footer-link a{margin-left: .1rem;font-weight: 700;color: #fff;}



.xinzfootlink{margin-bottom: .4rem;}
/* ***************************************************************************************** */
/* 内容区 */
/* ***************************************************************************************** */
.page-banner{width: 100%;height: 580px;position: relative;}
.com-video-box{background-color: rgba(0,0,0,.6);position: fixed;z-index: 99999;left: 0;top: 0;width: 100%;height: 100%;display: none;}
.com-video-box .com-video-content{ position: absolute; text-align: center; left: 50%; top: 50%; width: 100%; height: 54vh; transform: translate(-50%, -50%); }
.com-video-box i{color: #FFFFFF;position: absolute;top: 1.6rem;right: 5.6rem;font-size: .6rem;cursor: pointer;}
.com-video-box .com-video-content i{ top: 0; right: 0; transform: translateY(-100%); }
.com-video-box .com-video-content video{ position: static; left: auto; top: auto; transform: translate(0,0); max-width: 100%; }
.com-video-box .com-video-content .video-center-box{ display: inline-block; position: relative; max-width: 90%; }
.com-video-box video, .com-video-box img{position: absolute; max-width: 90%;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.com-video-box img{ /*min-width: 50%;*/ max-height: 80%;  }
/* .com-video-box video{ min-height: 30vh;  } */
.com-video-box video{ height: 52vh;  }
.page-nav-container{max-width: 1200px;padding: 15px;margin: 0 auto;text-align: center;white-space: nowrap;overflow: auto;}
.page-nav-container>a{padding: 0 .2rem;color: #666666;font-weight: bold;font-size: .32rem;position: relative;}
.page-nav-container>a.on{color: #222222;}
.page-nav-container>a.on::before{position: absolute;left: 10%;bottom: -8px;width: 80%;content: '';height: 2px;background-color: #222222;}
.layui-layer-btn .layui-layer-btn0{ background: #910782!important; border: 0; font-size: 16px; }
.nav-item-active-mobile{ transform: rotate(90deg) }
/* ***************************************************************************************** */
/* 鼠标经过类 */
/* ***************************************************************************************** */
.menu_lin{ position:relative;margin:auto;/* padding-top:17px; border:5px solid transparent;*/-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;-moz-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;transition:.3s;cursor:pointer}
.bar{ height: .04rem;width: .5rem;display:block;margin: .14rem auto;position:relative;background-color:#666;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-moz-transition:.4s;-o-transition:.4s;-webkit-transition:.4s;transition:.4s}
.bar_min{ width: .36rem; text-align: left; margin: .14rem 0 .14rem .06rem; }
.open_menu{ height: 100%; width: .6rem; padding: 0; margin-left: .1rem; }
.open_menu{ height: auto }
.menu_lin.open .bar:nth-of-type(1){ -moz-transform:translateY(.24rem) rotate(45deg); -ms-transform:translateY(.24rem) rotate(45deg); -webkit-transform:translateY(.24rem) rotate(45deg); transform:translateY(.24rem) rotate(45deg); -o-transform:translateY(.24rem) rotate(45deg); }
.menu_lin.open .bar:nth-of-type(2){opacity:0}
.menu_lin.open .bar:nth-of-type(3){ -moz-transform:translateY(-.18rem) rotate(-45deg); -ms-transform:translateY(-.18rem) rotate(-45deg); -webkit-transform:translateY(-.18rem) rotate(-45deg); transform:translateY(-.18rem) rotate(-45deg); -o-transform:translateY(-.18rem) rotate(-45deg); }
.bar:nth-of-type(1){-moz-animation:rotateR 1.5s cubic-bezier(.5,.2,.2,1);-webkit-animation:rotateR 1.5s cubic-bezier(.5,.2,.2,1);animation:rotateR 1.5s cubic-bezier(.5,.2,.2,1)}
.bar:nth-of-type(2){-moz-animation:fade 1.5s cubic-bezier(.1,.8,.1,1);-webkit-animation:fade 1.5s cubic-bezier(.1,.8,.1,1);animation:fade 1.5s cubic-bezier(.1,.8,.1,1)}
.bar:nth-of-type(3){-moz-animation:rotateL 1.5s cubic-bezier(.5,.2,.2,1);-webkit-animation:rotateL 1.5s cubic-bezier(.5,.2,.2,1);animation:rotateL 1.5s cubic-bezier(.5,.2,.2,1)}
.support-page img{ height: auto!important; }

.shadow-hover:hover{
  box-shadow: 0 0 8px 5px rgb(0 0 0 / 10%);
}
body .mobile-nav-wrap{ padding: .16rem; background: #fff; font-size: .32rem; position: fixed; line-height: .95rem; height: calc(100vh - 1.3rem); top: 1.3rem; overflow-y: auto;}
.mobile-nav-wrap .nav-item-link{
  border-bottom:1px solid #E3E3E3;
  text-indent: .18rem;color: #666; 
  display: flex;
  align-items: center;
  justify-content: space-between;
 
}
.mobile-nav-wrap .nav-item-link i{
  font-size: 20px;
}
.mobile-nav-wrap .children-nav{
  padding: 0;
  max-height: 0;
  overflow: hidden;
  border-bottom: 1px solid #E3E3E3;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
}
.mobile-nav-wrap .nav-item.active .children-nav{
  padding: .1rem 0;
  max-height: 100vh;
}
.nav-item-icon{ width: .64rem; transition: .3s all ease-in-out }
.mobile-nav-wrap .nav-item .iconfont{
  width: .64rem;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.mobile-nav-wrap .nav-item.active .iconfont{
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
}
.mobile-nav-wrap .children-nav .children-item{
  padding-left: .72rem;color: #999; 
}

.fixed {
  position: fixed!important;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 999999;
}

.cookie{ background: #f1f1f1; position: fixed; bottom: 0; left: 0; width: 100%;z-index: 99; }
.cookie.com-container{ padding: 0!important; }
.cookie .cookie-box{ padding-top: .48rem; padding-bottom: .24rem; position: relative; }
.cookie .cookie-box .cookie-desc>a{ text-decoration: underline; }
.cookie .cookie-box .cookie-desc{ font-size: .18rem; margin-top: .15rem; color: #666; }
.cookie .cookie-box .cookie-title{ font-weight: bold; }
.cookie .close-cookie{ width: .24rem; position: absolute; cursor: pointer; top: .28rem; right: 0; transform: translateX(100%); }
.cookie .cookie-btn{ color: #fff; cursor: pointer; user-select: none; width: 1.16rem; height: .52rem; line-height: .52rem; text-align: center; border-radius: .52rem; background: #333; }
.cookie .cookie-btn.reject-cookie{ background: #e1e1e0; color: 999899; margin-left: 10px; }
/* ***************************************************************************************** */
/* 响应样式 */
/* ***************************************************************************************** */
html{ font-size: 100px }

@media (max-width: 2560px) {
	html{ font-size: 75px }
}

@media (max-width: 700px) {
	html{ font-size: 50px }
}

@media (max-width:1520px) {
	.header-navlist{ margin-left: 10%; }
	.header-right{ padding-top: .3rem; }
}

@media (max-width:1450px) {
	.com-page-location{padding: 0 15px;}

	.cookie .close-cookie{ transform: translateX(-100%); }
}

@media (max-width:1450px) {
	.com-page-location{padding: 0 15px;}
}
@media (max-width:1400px) {
	/* .header-navlist{margin-left: 10%;} */
	/* .header-right{padding-top: .25rem;} */
	/*.footer-share{margin-left: 8%;}*/



	.header-navlist{ margin-left: 5%; }
}
@media (max-width:1300px) {
	.index-banner-pagination{margin-top: 1rem;}
	.com-page-nav{padding: .2rem 15px;}
	.header-language.user{ padding-left: 0; }
	.header-language.user span{ display: none; }
}
@media (max-width:1280px) {
	.footer-share{ margin-right: 5%; }
}
@media (max-width:1200px) {
	.header-navlist{margin-left: 3%;}
	.header-language{margin-left: .1rem;padding-left: .2rem;}
	.header-navlist>li{padding: 0 .24rem;}
	/* .header-right{width: 2.3rem;} */
	.footer-navlist a{padding: 0 .4rem 0.2rem 0;}
	.footer-share{margin-left: 3%;}
	.footer-share>a:first-of-type>img{margin-left: 0%;}
	.f16{font-size: 14px;}
	.f18{font-size: 14px;}
	.f20{font-size: 17px;}
	.f22{font-size: 18px;}
	.f24{font-size: 20px;}
  .f28{font-size: 21px;}
  .f30{font-size: 22px;}
	.f32{font-size: 24px;}
	.f36{font-size: 26px;}
	.f42{font-size: 32px;}
	.f48{font-size: 38px;}
	.f55{font-size: 42px;}
	.f60{font-size: 46px;}
  .f66{font-size: 52px;}
  .f78{font-size: 58px;}

	.com-section{padding: 0 15px;}
}
@media (max-width: 1100px) {
	.footer-share{ margin: 0 auto; width: 100%;text-align: center;margin-top: 10px }
}
@media (max-width:1000px) {
	.com-footer{padding: 0;}
	.com-module{padding: 0 15px;}
	.header-navlist,.footer-container,.footer-corruption{display: none;}
	.footer-bottom{height: auto;}
	.footer-copyright{float: none;width: 100%;text-align: center;padding: 12px 0;}
	.footer-copyright a,.footer-copyright span{width: 100%;display: inline-block;margin: 0;}
	.f42{font-size: 26px;}
	.f48{font-size: 30px;}
	.f55{font-size: 32px;}
	.f60{font-size: 34px;}
  .f66{font-size: 42px;}
  .f78{font-size: 50px;}
	.com-more,.com-more i{font-size: 16px;}
  .header-language>span{ display: none; }
  .header-right{ width: auto; padding-right: .5rem;}
  .open_menu{  margin-left: .4rem; margin-top: .05rem;}
	
  .header-language i, .header-right .header-search{ font-size: 20px; }
	.recordnumber-wrap{ width: 100%; text-align: center }
	.open_menu{ display: block }
}
@media (max-width:900px) {
	.header-right{padding-top: .2rem;width: 2.6rem;}
	.footer-bottom a,.footer-bottom span{line-height: normal;height: auto;}
	.com-more,.com-more i{font-size: 14px;}
  .header-right{ width: auto; padding-right: .3rem; padding-top: .35rem;}
  .open_menu{  margin-left: .4rem; margin-top: -.05rem;}
  .header-language i, .header-right .header-search{ font-size: 20px; }

	.cookie .cookie-box{ padding-right: 0; }
	.cookie .cookie-box .cookie-desc{ margin-bottom: 10px; }
	.com-video-box .com-video-content{ max-height: 80vh; height: auto; }
	.com-video-box .com-video-content video{ height: auto; }
	
		.f48{font-size:20px;}
}