.item img{max-width: 100%; display: block;}
a{text-decoration: none; outline: 0; blr:expression(this.onFocus=this.blur()); }
::-ms-clear, ::-ms-reveal{display: none;}
select::-ms-expand{ display: none; } 

.pd0{padding: 0 !important;}
.pl0{padding-left: 0 !important;}
.pr0{padding-right: 0 !important;}
.pr{position: relative;}
.pb{position: absolute;}
.white{color: #fff !important;}
.red{color: #a21f24 !important;}
.gray333{color: #333 !important;}
.gray999{color: #999 !important;}
.opacity5{opacity: .5;}

a.fill{display: block; width: 100%; height: 100%;}
.max{max-width: 100%;}
.auto{margin-left: auto !important; margin-right: auto !important;}
.img-cover{object-fit: cover;}
.img-contain{object-fit: contain;}

.bg-white{background-color: #fff;}
.bg-gray1{background-color: #f5f5f5;}
.bg-gray2{background-color: #f7f7f7;}

.f12{font-size: 12px;}
.f14{font-size: 16px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f22{font-size: 22px;}
.f24{font-size: 24px;}
.f26{font-size: 26px;}
.f28{font-size: 28px;}
.f30{font-size: 30px;}
.f36{font-size: 36px;}
.f40{font-size: 40px;}



/*滚动至效果*/
.swiper-slide-active .idx-two .content{
	-webkit-animation-delay:1s; animation-delay:1s;
	-webkit-animation: fadeInDown 2s; animation: fadeInDown 2s;
}
.swiper-slide-active .idx-three .item{
	-webkit-animation: fadeInUp 1.8s; animation: fadeInUp 1.8s;
}
.swiper-slide-active .idx-four .left-content{
    -webkit-animation: fadeInLeft 1.8s; animation: fadeInLeft 1.8s;
}
.swiper-slide-active .idx-four .round{
	-webkit-animation: fadeInRight 1.8; animation: fadeInRight 1.8s;
}
.swiper-slide-active .idx-five .join-bg{
	-webkit-animation: zoomInDown 1.8s; animation: zoomInDown 1.8s;
}

.swiper-slide-active .idx-five .join-phone{
	-webkit-animation: zoomInDown 1.8s; animation: zoomInDown 1.8s;
}
.swiper-slide-active .idx-five .right-content{
	-webkit-animation: fadeInRight 1.8s; animation: fadeInRight 1.8s;
	-webkit-animation-delay:.1s; animation-delay:.1s;
}

.swiper-slide-active .idx-five .left-content{
	-webkit-animation: fadeInLeft 1.8s; animation: fadeInLeft 1.8s;
}
.mhomebg { background:url(../images/stage00_act02_target_bg.png) no-repeat; background-size:100%; width:100%; max-width:560px; float:right; text-align:right;}
.mhomebg img { display:inline-block; margin-right:80px; margin-top:50px;}
.msixhomebg { background:url(../images/stage01_act02_target_bg.png) no-repeat;background-size:100%; width:100%; max-width:554px; float:right; text-align:right;}
.msixhomebg img { display:inline-block; margin-right:80px; margin-top:50px;}

.mtenhomebg { background:url(../images/stage02_act02_target_bg.png) no-repeat;background-size:100%; width:100%; max-width:398px; min-height:421px; float:right; text-align:right;}
.mtenhomebg img { display:inline-block; margin-right:80px; margin-top:50px;}

.msshomebg { background:url(../images/stage03_act02_target_bg.png) no-repeat;background-size:100%; width:100%; max-width:440px; float:right; text-align:right;}
.msshomebg img { display:inline-block; margin-right:80px; margin-top:50px;}

.mthrehomebg { background:url(../images/stage03_act02_target_bg.png) no-repeat;background-size:100%; width:100%; max-width:440px; float:right; text-align:right;}
.mthrehomebg img { display:inline-block; margin-right:80px; margin-top:50px;}

@media (max-width:639px){
.mhomebg img { margin-right:60px; margin-top:30px; max-width:58%;}
.msixhomebg img { margin-right:60px; margin-top:30px; max-width:58%;}
.mtenhomebg { min-height:auto; background-size:80%;}
.mtenhomebg img { margin-right:60px; margin-top:30px; max-width:58%;}
.msshomebg img { margin-right:60px; margin-top:30px; max-width:58%;}
.mthrehomebg {width:90%;}
.mthrehomebg img { margin-right:60px; margin-top:30px; max-width:58%;}

.pb { position:relative;}

}

.support {
    overflow: hidden;
    z-index: 9;
    width: 120px;
	float:right;
	display:inline-block;
    height: 121px;
    background: url(../images/link.png) no-repeat;
    text-indent: -9999px;
}
.support:hover {background-position:-140px 0; }

.custom {
    overflow: hidden;
    z-index: 9;
    width: 120px;
    height: 121px;
	display:inline-block;
    background: url(../images/link.png) no-repeat;
	background-position: -280px 0;
    text-indent: -9999px;
}
.custom:hover { background-position:-420px 0; }

.xlcustom {
    overflow: hidden;
    z-index: 9;
    width: 120px;
    height: 121px;
	display:inline-block;
    background: url(../images/link.png) no-repeat;
	background-position: -280px -140px;
    text-indent: -9999px;
}
.xlcustom:hover {background-position:-420px -140px; }

.thecustom { overflow: hidden;z-index: 9;width: 120px; font-size:0;height:121px;display:inline-block;background:url(../images/link.png) no-repeat;
	background-position: 0 -280px;text-indent: -9999px;}
.thecustom:hover { background-position:-140px -280px; }

.thercustom {
    overflow: hidden;
    z-index: 9;
    width: 120px;
    height: 121px;
	display:inline-block;
    background: url(../images/link.png) no-repeat;
	background-position: -280px -280px;
    text-indent: -9999px;
}
.thercustom:hover { background-position:-420px -280px; }
.mthird-bg .item1 { text-align:right;}




/*footer*/
.footer-one{
	padding:30px 0 15px 0;
	border-top: 1px solid #d5d5d5;
}

.footer-two{ line-height:25px;	border-top: 1px solid #d5d5d5;	padding:20px 0;}
.footer-two { color:#333;}
.footer-two a { color:#333;}
.footer-left dl{
	float: left;
	width: 20%;
}
.footer-left{
	width: 60%;
	float: left;
}
.footer-left dl dt{
  font-size: 16px;
  color: rgb(51, 51, 51);
  margin-bottom: .18rem;
  font-weight: normal;
}
.footer-left dl dt a{
  font-size: 16px;
  color: rgb(51, 51, 51);
 }

.footer-left dl dd a{
	display: block;
	 color:#666;
	  font-size: 14px;
	  padding: 4px 0;
}
.footer-right{
	float: right;
	width: 40%;
}
.footer-right .code{
	margin-top: 10px;
}
.footer-right .code img{
	display: inline-block;
	float: left;
	max-width: 50%;
}
.footer-right h2{
  font-size: 14px;
  color: rgb(51, 51, 51);
  margin:0;
}
.footer-right h3{
	margin: 0;
	 font-size: 24px;
  color: rgb(51, 51, 51);
  margin-top: 5px;
}
.footer-two .icon{
	float: left;
}
.footer-two .icon>div{
	display: inline-block;
	margin-right: 10px;
}
.footer-two .search{
	height: 35px;
	border: 1px solid #333333;
	border-radius: 5px;
	display: flex;
	align-items: center;
	float: left;
	padding-left: 5px;
	margin-left: 5%;
}
.footer-two .search input{
	font-size: 16px;
	padding-left: 5px;
	height: 30px;
	width: 2.2rem;
	float:left;
}
.footer-two .search-btn{
	height: 34px;
	width: 40px;
	position: relative;
	border-left: 1px solid #333333;
	background:transparent;
}
.footer-two .search-btn img{
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.footer-two .fr h2{
	margin: 0;
  font-size: 12px;
  color: rgb(153, 153, 153);
}
.footer-two .fr h3{
	margin: 0;
  font-size: 12px;
  color: rgb(153, 153, 153);
}

.footer-left dl dd a:hover{
	color: #a21f24
}
.swiper-slide.footer{
	height: auto!important;
}
@media (max-width: 991px){

.footer-right h3{
	 font-size: 18px;
}
}

@media (max-width: 639px){
	.footer-two .fr{
		width: 100%;
		margin-top: 10px;
		text-align: center;
	}
	.footer-two .fr h2{
		margin-bottom: 5px;
	}
	.footer-two {    margin-bottom: 12vw;}
	.footer-right{ width: 100%;float:left;}
	.footer-right>div{
		display: inline-block;
	}
	.footer-right .code img{
		width: auto;
	}
	.footer-left{ display:none;	}
}
/* loading */
body.loading{overflow-y:hidden}
body.loading .main{overflow-y:hidden} 
#pageloader{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:2000}
#pageloader::after,#pageloader::before{content:"";display:block;position:absolute;left:0;width:100%;height:50%;background:#fff;z-index:-1;-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s}
#pageloader::before{top:0}
#pageloader::after{bottom:0}
#pageloader .loader-icon{-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}
#pageloader.hiden::after,#pageloader.hiden::before{height:0}
#pageloader.hiden .loader-icon{opacity:0}
.loader-icon{position:absolute;top:50%;left:50%;width:30px;height:30px;margin-top:-15px;margin-left:-15px}
.loader-icon .circular{width:100%;height:100%;-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
.loader-icon .circular .path{stroke-dasharray:1,200;stroke-dashoffset:0;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}
@-webkit-keyframes dash {
	0% {
		stroke-dasharray:1,200;
		stroke-dashoffset:0
	}
	50% {
		stroke-dasharray:89,200;
		stroke-dashoffset:-35px
	}
	100% {
		stroke-dasharray:89,200;
		stroke-dashoffset:-124px
	}
}@keyframes dash {
	0% {
		stroke-dasharray:1,200;
		stroke-dashoffset:0
	}
	50% {
		stroke-dasharray:89,200;
		stroke-dashoffset:-35px
	}
	100% {
		stroke-dasharray:89,200;
		stroke-dashoffset:-124px
	}
}

#pageloader img{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

/*subnav*/
.subnav .weui-cell{color: #333;}
.subnav .weui-cell__ft{position: relative; width: 20px; height: 49px;}
.subnav .weui-cell__ft::after{position: absolute; display: block; content: ""; right: 0; top: 50%; margin-top: -7px; width: 10px; height: 10px; border-top: 2px solid #d0d0d0; border-right: 2px solid #d0d0d0; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.3s; transition: all 0.3s;}
.subnav .weui-cell.active .weui-cell__ft::after{-webkit-transform: rotate(135deg); transform: rotate(135deg);}
.subnav.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.subnav{border-bottom: 1px solid #b6b6b6;width: 100%;    background: #fff;}
.subnav a{
	display: inline-block;
	position: relative;
	padding: 20px 30px;
	margin: 0 4% 2px;
}
.subnav a .cn{
  font-size: 16px;
  color: rgb(51, 51, 51);
}
.subnav a:before{
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 0;
	left: 50%;
    margin-left: -2px;
    border-style: solid;
    border-width: 0 4px 4px 4px;
    border-color: transparent transparent #a21f24 transparent;
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
    opacity: 0;
}
.subnav a:after{
	content: "";
	position: absolute;
	height: 3px;
	bottom: -3px;
	width: 0;
	left: 50%;
	background: #a21f24;
	-webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
.subnav a.active:after{
	width: 100%;
		left: 0;
}
.subnav a:hover:after{
	left: 0;
	width: 100%;
}
.subnav a.active:before{
	opacity: 1;
}
.subnav a:hover:before{
	opacity: 1;
}
.subnav a .en{
  font-size: 12px;
  color: rgb(195, 195, 195);
}
@media (max-width:1200px){
	 .subnav a{
 	margin: 0 2% 2px;
 }
}
@media (min-width: 930px){
.subnav .weui-cell {
    display: none;
}
}
@media (max-width: 930px){
	.subnav .dropnav{
		display: none;
border-top: 1px solid #dbdbdb;
	}
	.subnav a .en{
		display: none;
	}
	.subnav a{
		display: block;
		padding: 10px 15px!important;
		margin: 0!important;
		border-bottom: 1px solid #dbdbdb;
	}
	.subnav a.active{
		border-bottom: 1px solid #d7818c;
	}
	.subnav a:last-child{
		border-bottom: none;
	}
	.subnav a.active .cn{
		color:#d7818c; 
	}
	.subnav a:before,.subnav a:after{
		display: none;
	}
}


/*page*/
.pagelist{padding-top: 4vw; padding-bottom: 2.5vw; text-align: center;}
.pagelist ul{display: inline-block; margin: 0; padding: 0;}
.pagelist li{float: left;}
.pagelist li a{font-size: 16px; color: #363636; display: inline-block; position: relative; margin: 0 5px; line-height: 24px;}
.pagelist li.prev a::after,
.pagelist li.next a::after{content: "";position: absolute;width: 10px;height: 10px;border-top:1px solid #999999;top: 50%;left: 50%;margin-top: -5px;}
.pagelist li.prev a::after{border-left:1px solid #999999; margin-left: -2px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg);}
.pagelist li.next a::after{border-right:1px solid #999999; margin-left: -8px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);}
.pagelist li.jump a{text-align: center; font-size: 12px; color: #999999; width: 24px; height: 24px; background-color:#f3f3f3;}
.pagelist li.page-num.on a{background-color: #d7818c;color: #fff;}
.pagelist .first-page, .pagelist .last-page{margin: 0 20px;}
.pagelist li input[type='text']{width: 58px; border:1px solid #999999; margin: 0 10px 0 15px; text-align: center;}
.pagelist li .go{background-color: #d7818c; color: #fff; padding: 2px 15px; text-align: center;}
@media(max-width: 639px){.pagelist .first-page, .pagelist .last-page{margin: 0 8px;}}

@media (min-width:640px){
	.hidden-pc{display: none;}
}
@media (max-width: 639px){
	.hidden-phone{
		display: none;
	}
	.pagelist .page-number,.pagelist .page-fist,.pagelist .page-last,.pagelist .page-total{display:none;}
}
.pagelist li span{font-size: 16px; color: #363636; display: inline-block; position: relative; margin: 0 5px; line-height: 24px;}
.pagelist li.jump span{text-align: center; font-size: 12px; color: #999999; width: 24px; height: 24px; background-color:#f3f3f3;}
.pagelist li.on span{    background-color: #d7818c;color: white}
.pageInput{width: 58px;  border: 1px solid #999999;  margin: 0 10px 0 15px;  text-align: center;}
.edui-upload-video{width: 100%;height:auto}


.fix-mask {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #1e1e1e;
    color: #ddd;
    font-size: 24px;
    text-align: center;
    line-height: 330px;
    z-index:10000;
}


.footer-phone{position: fixed;width: 100%;bottom: 0;left: 0;z-index: 10;}
.footer-phone .col{width: 50%;float: left;text-align: center;background: #e6e6e6;padding: 2.5vw 0;}
.footer-phone .col img{display: inline-block;width: 6.5vw;}
.footer-phone .col span{font-size: 14px;color: rgb(51, 51, 51);margin-left: 2vw;}
.footer-phone .col:nth-of-type(2){background: #d8848e;}
.footer-phone .col:nth-of-type(2) span{color: white;}