@charset "utf-8";
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,hr,thead,tbody,tfoot,th,td{margin:0;padding:0;}
ul,ol{list-style:none;}
a{text-decoration:none;}
html{-ms-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;}
body{line-height:1.5; background:#fff;}
body,button,input,select,textarea{font-family:'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5fae\8f6f\96c5\9ed1,\5b8b\4f53,sans-serif;}
b,strong{font-weight:bold;}
i,em{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
table th,table td{border:1px solid #ddd;padding:5px;}
table th{font-weight:inherit;border-bottom-width:2px;border-bottom-color:#ccc;}
img{border:0 none;width:auto\9;max-width:100%;vertical-align:top;}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;vertical-align:baseline;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],input[disabled]{cursor:default;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
@media screen and (-webkit-min-device-pixel-ratio:0){input{line-height:normal!important;}}
select[size],select[multiple],select[size][multiple]{border:1px solid #aaa;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,video,progress{display:inline-block;}
.h100{
	height: 100%;
}
.clear{clear:both;height:0;line-height:0;font-size:0;overflow:hidden;}
.clearfix{*zoom:1} 
.clearfix:after{content:"\20";clear:both;height:0;display:block;overflow:hidden}
.fl{float: left;}
.fr{float:right;}
.line-1{
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.line-2{
		display: -webkit-box;
		vertical-align: middle;
		word-break: break-all;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	.line-3{
		display: -webkit-box;
		vertical-align: middle;
		word-break: break-all;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
	}
.swiper-container {margin: 0 auto;position: relative;overflow: hidden;z-index: 1;width: 100%;height: 100%;}
.swiper-container-vertical>.swiper-wrapper {-webkit-box-orient: vertical;-moz-box-orient: vertical;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;}
.swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.swiper-slide {-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%;position: relative;}

.icons,.area2 .swiper-slide .pics:after,.area4 .swiper-slide .pics:after,.slide-pic-2 .videobox:after{background: url(/uploads/image/w2cimages/icons.png) no-repeat; background-size:1.47rem;}

.g-doc{width:7.5rem;margin:0px auto;}
.inner{padding:0 0.3rem;}
.banner{width:100%; height:100%; background: url(/uploads/image/w2cimages/banner.jpg) no-repeat; background-size:cover;}

.area1{
	height: 9.41rem;
	background: url(/uploads/image/w2cimages/area1-bg.jpg) top center;
	background-size: 100% 100%;
	box-sizing: border-box;
	padding-top: 1.56rem;
}
.area2{
	height: 9.88rem;
	background: url(/uploads/image/w2cimages/area2-bg.jpg) top center;
	background-size: 100% 100%;
	box-sizing: border-box;
	padding-top: 1.7rem;
}
.area3{
	height: 12.63rem;
	background: url(/uploads/image/w2cimages/area3-bg.jpg) top center;
	background-size: 100% 100%;
	box-sizing: border-box;
	padding-top: 1.65rem;
}
.area4{
	height: 10.98rem;
	background: url(/uploads/image/w2cimages/area4-bg.jpg) top center;
	background-size: 100% 100%;
	box-sizing: border-box;
	padding-top: 2.16rem;
}
.area5{
	height: 8.84rem;
	background: url(/uploads/image/w2cimages/area5-bg.jpg) top center;
	background-size: 100% 100%;
	box-sizing: border-box;
	padding-top: 1.6rem;
}
.area6{
	height: 6.82rem;
	background: url(/uploads/image/w2cimages/area6-bg.jpg) top center;
	background-size: 100% 100%;
	box-sizing: border-box;
	padding-top: 1.66rem;
}
.area7{
	height: 8.67rem;
	background: url(/uploads/image/w2cimages/area7-bg.jpg) top center;
	background-size: 100% 100%;
	box-sizing: border-box;
	padding-top: 1.54rem;
}
.area1 .swiper-1 {
    width: 6.9rem;
    height: 4.5rem;
    position: relative;
    margin: 0 auto;
}
.area1 .swiper-container{width:6rem;height:4.5rem;margin:0 auto;overflow: hidden;}
.area1 .swiper-slide{position:relative;}
.area1 .swiper-slide,.area1 .swiper-slide img{width:6rem; height:4.5rem;border-radius: .1rem;overflow: hidden;}
.area1 .swiper-slide .tit{display: block;width:100%;height: 0.56rem;background:#f35877;font-size: 0.28rem;line-height: 0.56rem;color:#fff;text-align:center;position: absolute;bottom: 0;left: 0;border-radius: .56rem 0 0 0;padding: 0 0.3rem;box-sizing: border-box;}
.btn {
    position: absolute;
}

.btn-prev {
   background-position:-.02rem -.04rem;
}

.btn-next {
    background-position: -.64rem -.04rem
}

.area1 .btn-prev {
    left: 0rem;
}

.area1 .btn-next {
    right: 0rem;
}

.btn-prev,
.btn-next {
    width: 0.56rem;
    height: 0.56rem;
    top: 50%;
    margin-top: -0.28rem;
    z-index: 999;
}
.area1 .text {
    padding: 0.27rem 0.5rem 0 0.8rem;
}

.area1 .text a {
    display: block;
}

.area1 .text .bigtit {
    font-size: 0.36rem;
    font-weight: bolder;
    border-left: solid 0.06rem #fe5443;
    height: 0.44rem;
    line-height: 0.44rem;
    padding-left: 0.08rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.area1 .text .summary {
    font-size: 0.22rem;
    line-height: 0.42rem;
    color: #a4a4a4;
    padding: 0.2rem 0;
}

.area1 .text .tit {
    font-size: 0.26rem;
    padding-top: 0.2rem;
    color: #333;
     text-overflow:ellipsis;
      overflow: hidden;
     white-space: nowrap;
}

.area1 .text .tit:before {
    content: '';
    display: inline-block;
    width: 0.1rem;
    height: 0.1rem;
    border-radius: 50%;
    background: #999;
    margin-right: 0.15rem;
    position: relative;
    top: -0.02rem;
}



.area2 .swiper-2{width:6.6rem; height:4.45rem; background:#f35877; padding:0.15rem; border-radius:0.09rem; position:relative;}
.area2 .swiper-2 .swiper-pagination{
	bottom: -3rem;
}
.area2 .swiper-container{width:6.6rem; height:4.45rem; overflow: hidden;}
.area2 .swiper-slide{width:6.6rem;height:4.45rem; position:relative;}
.area2 .swiper-slide .videobox{width:6.6rem; height:3.7rem; margin-bottom:0.1rem;}
.area2 .swiper-slide video{width:6.6rem; height:3.7rem;}
.area2 .swiper-slide .tit{display: block;width:100%;height:0.6rem;font-size:0.3rem;line-height:0.7rem;color:#fff;text-align:center;text-overflow:ellipsis; overflow: hidden; white-space: nowrap;}
.area2 .swiper-slide .pics{width:6.6rem;height:3.7rem;position:absolute;top: 0rem;left: 0rem;}
.area2 .swiper-slide .pics:after,.area4 .swiper-slide .pics:after{content:''; display: block; width:0.89rem; height:0.89rem; background-position:-0.02rem -.73rem; position:absolute; top:50%; left:50%; margin-left:-0.45rem; margin-top:-0.45rem;}
.area4.nonevideo .swiper-slide .pics:after{
	display: none;
}
.swiper-pagination{width:100%; height:0.2rem; text-align:center; position:absolute; bottom:-0.3rem; left:0;}
.swiper-pagination .swiper-pagination-bullet{display: inline-block; width:0.14rem; height:0.14rem; background:#bfb8e7; margin:0 0.05rem; border-radius:0.14rem; }
.swiper-pagination .swiper-pagination-bullet-active{width:0.43rem; background:#7d7ed2; }



.swiper-3{height:11.1rem; position:relative;}
.swiper-3 .btn{top:5.06rem;}
.swiper-3 .btn-prev{left:0;}
.swiper-3 .btn-next{right:0;}
.swiper-3 .ts{font-size:0.18rem; color:#666; line-height:1; position:absolute; bottom:0.7rem; right:0rem;}
.swiper-3 .swiper-container{width:6.9rem; height:10.25rem; overflow: hidden; margin-bottom:0.5rem;}
.swiper-3 .swiper-slide{width:6.9rem; height:10.25rem; }
.swiper-3 .ptbox{height:4.7rem;margin-bottom: 0.73rem;overflow: hidden;}
.swiper-3 .ptbox .pic{width:3.08rem; height:4.69rem; background:#7d7ebe;}
.swiper-3 .ptbox .pic img{display: block;height:3.74rem;width:3.08rem;/* margin-bottom:0.1rem; */}
.swiper-3 .ptbox .pic i{display: block; text-align:center; text-overflow:ellipsis; overflow: hidden; white-space: nowrap;}
.swiper-3 .ptbox .name{height:0.5rem; font-size:0.3rem; line-height:0.5rem; color:#fff;border-top: 0.03rem solid#fff;}
.swiper-3 .ptbox .job{height:0.35rem; font-size:0.24rem; line-height:0.35rem; color:#fff;}
.swiper-3 .ptbox .txt{width:3.35rem; height:4.7rem;}
.swiper-3 .ptbox .tit{max-height: .8rem; font-size:0.28rem; color:#333; line-height:0.4rem; margin:0.24rem 0; overflow: hidden;}
.swiper-3 .ptbox dd{height: 3.2rem;position:relative;}
.swiper-3 .ptbox dd p{font-size:0.24rem;color: #666;line-height:0.4rem;text-align: justify;}
.swiper-3 .ptbox .toa{display: block; width:1.68rem; height:0.44rem; background:#f35877; border-radius:0.44rem; font-size:0.28rem; line-height:0.44rem; color:#fff; text-align:center; position:absolute; bottom:0; left:0;}
.swiper-scrollbar{width:6.9rem; height:0.1rem; border-radius:0.1rem; background:#efb6dd; opacity:1!important;margin-top: -11px;}
.swiper-scrollbar-drag{height:0.1rem; border-radius:0.1rem; background:#fff;}

.ar4-i{
	width: 6.6rem;
	height: 3.3rem;
	margin: 0 auto;
	display: block;
}
.swiper-42{
	position: relative;
	width:6.9rem ;
	height: 4.46rem;
	margin: 0.16rem auto 0;
	z-index: 1;
}
.swiper-42::before{
	content: "";
	position: absolute;
	width: 7.22rem;
	height: 1.23rem;
	display: block;
	background: #f35877;
	border-radius: .1rem;
	left: -0.16rem;
	bottom: -0.05rem;
}
.swiper-42 .pics{
	padding: .07rem;
	background: #fff;
	border-radius: 0.04rem;
}
.swiper-42 .pics img{
	width: 100%;
	height: 100%;
}
.swiper-42 .tit{
	height: .54rem;
	line-height: .54rem;
	color: #fff;
	font-size: .28rem;
	text-align: center;
	display: block;
}
.slide-pic-2 {
  position: relative;
  margin: 0 auto;
  width: 6.5rem;
}

.slide-pic-2 li {
  display: none;
  overflow: hidden;
  position: absolute;
  width: 3.5rem;
  height: 7.03rem;
  z-index: 0;
}
.slide-pic-2 .btn{top:3rem;}
.slide-pic-2 .btn-prev{left:0;}
.slide-pic-2 .btn-next{right:0;}

.slide-pic-2 .videobox {
  width: 100%;
  height: 100%;
  position:relative;
  padding: .16rem;
  box-sizing: border-box;
  background: url(/uploads/image/w2cimages/ar5-box-bg.jpg);
  border-radius: .16rem;
  overflow: hidden;
  position: relative;
}
.slide-pic-2 .active .videobox::before{
	content: "";
	display: block;
	width: 1.42rem;
	height: .42rem;
	background: #8d8ed8;
	position: absolute;
	left:50% ;
	top: 0;
	margin-left: -.71rem;
	border-radius: 0.1rem;
}
.slide-pic-2 .videobox img{
	display: block;
	width:100%;
	height: 100%;
}
.slide-pic-2 .videobox video{
	width:100%;
	height: 100%;
	background: #000;
}
.slide-pic-2 .videobox.videoplay img{display:none;}
.slide-pic-2 .videobox .tit{
	display: block;
	height:0.5rem;
	font-size:0.26rem;
	color:#333; 
	text-align:center;
	line-height:0.5rem;
	text-overflow:ellipsis; 
  overflow: hidden;
 white-space: nowrap;
	
}
.slide-pic-2 .videobox:after{
	content: '';
	display: block;
    width:0.89rem;
    height:0.89rem;
    background-position:-0.02rem -0.73rem;
    position:absolute; 
    top:50%;
    left:50%;
    margin-left:-0.45rem;
    margin-top:-0.45rem;
}
.slide-pic-2 .videobox.videoplay:after{
	background:none;
}
.slide-pic-2 .videobox.video:after,.slide-pic-2 .videobox.video img{
	display:none;
}

.slide-pic-2 .pos1 {
  display: block;
  width: 2.1rem;
  height: 4.22rem;
  left: 0;
  top: 0.8rem;
  z-index: 1;
  
}
.slide-pic-2 .pos1 img,.slide-pic-2 .pos5 img{width:100%; }

.slide-pic-2 .pos2 {
  display: block;
  width:2.8rem;
  height:5.63rem;
  left: 0.8rem;
  top: 0.5rem;
  z-index: 2;

}
.slide-pic-2 .pos2 img,.slide-pic-2 .pos4 img{width:100%;}

.slide-pic-2 .pos{
	opacity:0.7;
}
.slide-pic-2 .active{
   opacity:1;
   box-shadow: 0 0.1rem 0.4rem #ddd
}
.slide-pic-2 .pos3 {
  display: block;
  width:3.74rem;
  height: 6.92rem;
  left:1.38rem ;
  top: 0px;
  z-index: 3;
  border-radius: .16rem;
  overflow: hidden;
}
.slide-pic-2 .pos4 {
  display: block;
  width:2.8rem;
  height:5.63rem;
  right: 0.8rem;
  top: 0.5rem;
  z-index: 2;

}
.slide-pic-2 .pos5 {
  display: block;
  width: 2.1rem;
  height: 4.22rem;
  right: 0;
  top:0.8rem;
  z-index: 1;

}


.swiper-4{height:7.6rem; position:relative; padding-top:0.3rem;}
.swiper-4 .swiper-container{height:7.65rem; width:6.9rem; overflow: hidden; margin:0 auto;}
.swiper-4 .swiper-slide{width:6.9rem;}
.swiper-4 .ptlist{margin-right:-0.3rem; overflow: hidden; height:7.65rem;}
.swiper-4 .ptlist .pt{width:3.28rem; height:3.43rem; margin-right:0.3rem; margin-bottom:0.3rem; box-shadow:0 0.1rem 0.3rem #ddd; float: left; background:#fff; border-bottom:0.03rem solid #ff8746;}
.swiper-4 .ptlist img{width:3.28rem; height:2.46rem; display: block; margin-bottom:0.1rem;}
.swiper-4 .ptlist .tit{display: block; padding:0 0.1rem; font-size: 0.26rem; color:#333; line-height:0.4rem;}

.swiper-62{
	position: relative;
	width: 6.9rem;
	height: 3.9rem;
}
.swiper-62 .swiper-slide{
	padding: .1rem;
	background: #fff;
	box-sizing: border-box;
}
.swiper-62 .swiper-slide img{
	width: 6.7rem;
	height: 3.7rem;
}
.swiper-62 .swiper-slide .tit{
	height: .54rem;
	line-height: .54rem;
	border-radius: .54rem 0 0 0;
	width: 6.7rem;
	left: .1rem;
	bottom: .1rem;
	position: absolute;
	background: #7d7ebe;
	text-align: center;
	color: #fff;
	font-size: .28rem;
}
.swiper-62 .btn-prev{
	left: -.18rem;
}
.swiper-62 .btn-next{
	right: -.18rem;
}


.area7 .swiper-5{height:2rem; position:relative;}
.area7 .swiper-5 .btn-prev,.area7 .swiper-5  .btn-next{
	top:0.4rem ;
	margin-top: 0;
}
.area7 .swiper-container{width:6.04rem;height: 1.7rem;position:relative;}
.area7 .logos{margin-right:-0.2rem; height:2rem; overflow:hidden;}


.area7 .logos .logo{float: left;margin-right:0.2rem;width: 1.36rem;height: 1.7rem;position: relative;}
.area7 .logos .logo:last-of-type{
	margin-right: 0;
}
.area7 .logos .logo img{width:1.36rem; height:1.36rem; border-radius:100%;}
.t4-comtxt{background: url(/uploads/image/w2cimages/ar7-box-bg.png); width: 1.36rem;background-size: 100% 100%;
height: .36rem;color: #fff;line-height: .36rem;box-sizing: border-box;padding-left: .46rem;font-size: .2rem;display: block;margin-top: -.1rem;z-index: 2;position: relative;}

.area7 .btn-prev{left:0;}
.area7 .btn-next{right:0;}

.area7 .team{padding:1.1rem 0 0 3.2rem;}
.area7 .team p{font-size: 0.18rem;line-height: 0.4rem;color: #666;}
.area7 .team strong{color:#666; font-weight: normal;}
.area7 .team .mr50{margin-left:0.5rem;}

.area2-tab{
	padding: .25rem .3rem;
	box-sizing: border-box;
	height: 3rem;
	overflow: hidden;
}
.area2-tab-warp{
	width: 100%;
	display: flex;
	white-space: nowrap;
	overflow-y: scroll;
	-webkit-overflow-scrolling:touch;
	height: 5rem;
}
.area2-tab-warp .area2-tab-box{
	width: 3.32rem;
	height: 2.46rem;
	box-sizing: border-box;
	margin-right: .26rem;
	background: #7d7ebe;
	padding: .08rem 0.06rem 0;
	border-radius: 0.06rem;
	position: relative;
	flex-shrink: 0;
	
}
.area2-tab-warp .area2-tab-box.cur{
	background: #f35877;
}
.area2-tab-warp .area2-tab-box img{
	width:3.18rem ;
	height: 1.79rem;
	border: .02rem solid #fff;
	box-sizing: border-box;
}
.area2-tab-warp .area2-tab-box:last-of-type{
	margin-right: 0;
}
.area2-tab-warp .area2-tab-box p{
	font-size: .24rem;
	color: #fff;
	line-height: .59rem;
}
.area2-tab-warp .area2-tab-box span{
	display: block;
	height: .34rem;
	line-height: .34rem;
	border-radius: .17rem;
	position: absolute;
	color: #fff;
	top: .17rem;
	right: .17rem;
	font-size: .22rem;
	padding: 0 .14rem;
	background: #d8476e;
}
.area2-tab-warp .area2-tab-box .hf{
	background: #5d4fb1;
}
#to_top{
	position: fixed;
	width: .83rem;
	height: .88rem;
	right: .3rem;
	bottom: .72rem;
	cursor: pointer;
	z-index: 50;
	display: none;
}
.down-icon{
	width:.66rem;
	height: .48rem;
	position: absolute;
	left: 3.42rem;
	bottom: .5rem;
	-webkit-animation: fadeindown 1s linear 0s both infinite alternate;animation: fadeindown 1s linear 0s both infinite alternate;
}
@-webkit-keyframes fadeindown {
	from {
	opacity:0;
	-webkit-transform:translate3d(0,-100%,0);
	transform:translate3d(0,-100%,0);
	}
	to {
		opacity:1;
		-webkit-transform:none;
		transform:none;
	}
}
@keyframes fadeindown {
	from {
		opacity:0;
		-webkit-transform:translate3d(0,-100%,0);
		transform:translate3d(0,-100%,0);
	}
	to {
		opacity:1;
		-webkit-transform:none;
		transform:none;
	}
}