@charset "utf-8";
body { width: 100%; overflow: hidden; }
* { box-sizing: border-box; }
a,img { vertical-align: top; }
i,em { font-style: normal; }


.alignC { text-align: center; }
.alignC .c { text-align: center!important; }
.container { width: 74%; margin: 0 auto; }
.xqcontainer { max-width: 1200px; }
.mainMore { text-align: center; width: 170px; font-size: 16px;color: #333333; border: 2px solid #aeaeae; border-radius: 60px; padding: 12px 0; display: inline-block; margin-right:10px; }
.mainMore span { transition: all 0.5s; display: inline-block; padding-right:30px; background: url("../images/hebg2.svg") no-repeat right center; background-size: 16px auto; }
.mainMore:hover { color: #fff; border: 2px solid #333; background: #333;}
.mainMore:hover span { padding-right: 38px; background: url("../images/hebg2bg.svg") no-repeat right center; background-size: 16px auto; }

.mainMoreA { color:#fff; border-color: rgba(255,255,255,0.5); }
.mainMoreA:hover { color:#333; background:#fff; border-color: #fff; }
.mainMoreA span { background: url("../images/hebg2bg.svg") no-repeat right center; background-size: 16px auto; }
.mainMoreA:hover span { background: url("../images/hebg2.svg") no-repeat right center; background-size: 16px auto; }



@media(max-width: 1480px){
	.container { width: 80%; }
	.mainMore { padding: 10px 20px; }
	.mainMore span { padding-right: 40px; }
}
@media(max-width: 1360px){
	.container { width: 86%; }
}
@media(max-width: 600px){
    .mainMore { width: auto; padding: 10px 25px; font-size:14px; }
    .mainMore span { padding-right: 20px; }
	
}
.relative { position: relative; width: 100%; height: 100%; }
.absolute { position: absolute; top:50%; transform: translateY(-50%); }

@media(max-width:  1024px){
	.absolute { top:0; transform: translateY(0); position: relative; }
}



/*banner*/
.banner img.pic1 {display: block;width: 100%;}
.banner img.pic2 {display: none;}
.banner { position: relative; }

.ibannerImg { overflow: hidden;}
.banner .swiper-slide { overflow: hidden;}
.banner .swiper-slide-active .pcbg { position: relative; }
.banner .swiper-slide-active .pcbg:after { content:''; width: 100%; height: 100%; position: absolute; left:0; top:0;background: rgba(0,0,0,0.3); }
.banner .swiper-slide-active .pcbg,.ibannerImg img {-webkit-animation:fa1 5s linear 1; }
@-webkit-keyframes fa{
	0%{-webkit-transform:scale(1.1);}
	5%{-webkit-transform:scale(1.09);}
	10%{-webkit-transform:scale(1.08);}
	15%{-webkit-transform:scale(1.07);}
	20%{-webkit-transform:scale(1.06);}
	25%{-webkit-transform:scale(1.05);}
	30%{-webkit-transform:scale(1.04);}
	35%{-webkit-transform:scale(1.03);}
	40%{-webkit-transform:scale(1.02);}
	45%{-webkit-transform:scale(1.01);}
	50%{-webkit-transform:scale(1.0);}
	55%{-webkit-transform:scale(1.01);}
	60%{-webkit-transform:scale(1.02);}
	65%{-webkit-transform:scale(1.03);}
	70%{-webkit-transform:scale(1.04);}
	75%{-webkit-transform:scale(1.05);}
	80%{-webkit-transform:scale(1.06);}
	85%{-webkit-transform:scale(1.07);}
	90%{-webkit-transform:scale(1.08);}
	95%{-webkit-transform:scale(1.09);}
	100%{-webkit-transform:scale(1.1);}
}
@-webkit-keyframes fa1{
	0%{-webkit-transform:scale(1.1);}
	10%{-webkit-transform:scale(1.09);}
	20%{-webkit-transform:scale(1.08);}
	30%{-webkit-transform:scale(1.07);}
	40%{-webkit-transform:scale(1.06);}
	50%{-webkit-transform:scale(1.05);}
	60%{-webkit-transform:scale(1.04);}
	70%{-webkit-transform:scale(1.03);}
	80%{-webkit-transform:scale(1.02);}
	90%{-webkit-transform:scale(1.01);}
	100%{-webkit-transform:scale(1.0);}
}


.banner .swiper-pagination {bottom: 0;opacity: 0;position: absolute;}
.banner .swiper-container-top .swiper-wrapper .swiper-slide {position: relative;display: inline-block;}
.banner .swiper-container-top .swiper-wrapper .swiper-slide .z {position: absolute;right: 15%;top: 35%;left: auto;bottom: auto;}
.banner .swiper-container-top .swiper-wrapper .swiper-slide .z .za {color: #c30d22;font-size: 46px;margin-bottom: 15px;font-weight: bold;}
.banner .swiper-container-top .swiper-wrapper .swiper-slide .z .zb {font-size: 20px;color: #c30d22;text-transform: uppercase;margin-bottom: 33px;}
.banner .swiper-container-top .swiper-wrapper .swiper-slide .z a {border: 1px solid #c30d22;border-radius: 50px;padding: 18px 40px;display: inline-block;color: #c30d22;}
.banner .swiper-container-top .swiper-wrapper .swiper-slide .z a img {margin-left: 15px;}
.banner .swiper-container-top .swiper-wrapper .swiper-slide .za .za {color: #ffffff;}
.banner .swiper-container-top .swiper-wrapper .swiper-slide .za .zb {color: #ffffff;}
.banner .swiper-container-top .swiper-wrapper .swiper-slide .za a {border: 1px solid #ffffff;color: #ffffff;}
.banner .swiper-container-top {position: relative;}
.banner .swiper-slide .con {position: absolute;width: 100%;left: 0; text-align: left; top:50%; transform: translateY(-50%); }
.banner .swiper-slide .con .t {  font-weight: bold; max-width: 100vw; font-size: 3vw; line-height: 1.4; color: #ffffff; margin: 0px 0 10px; }
.banner .swiper-slide .con .c { max-width: 40vw; display: block; font-size: 16px;color: #ffffff; line-height: 2; margin-bottom:  30px;}


.banner .swiper-button-next,
.banner .swiper-button-prev {z-index: 100;position: absolute;left: auto;bottom: 8%;top: auto;right: auto;width: 52px;height: 52px;z-index: 1001;border-radius: 50%;border: 1px solid rgba(255, 255, 255, 0.65);transition: all 0.6s;}
.banner .swiper-button-next {background: url("https://en.moonton.com/static/skin/images/qhnext.png") no-repeat center;}
.banner .swiper-button-prev {background: url("https://en.moonton.com/static/skin/images/qhprev.png") no-repeat center;}
.banner .swiper-button-next:hover {border-color: #1c9e3b;background: url("https://en.moonton.com/static/skin/images/qhnext.png") no-repeat center #1c9e3b;}
.banner .swiper-button-prev:hover {border-color: #1c9e3b;background: url("https://en.moonton.com/static/skin/images/qhprev.png") no-repeat center #1c9e3b;}
.banner .swiper-button-next {left: calc(8.33333% + 70px);}
.banner .swiper-button-prev {left: 8.3333%;}
.ssss { z-index: 1000;position: absolute;bottom: 4vw;left: 0;width: 100%; text-align: left;}
.sss {cursor: pointer;display: inline-block;position: relative;width: 20px;height: 20px;}
.ssss .sss:after {content: '';position: absolute;left: 50%;top: 50%;width: 6px;height: 6px;background: #fff;border-radius: 100%;box-sizing: border-box;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transition: background 0.3s ease;transition: background 0.3s ease;}
.sss .circle {display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.sss .circle i {position: relative;float: left;width: 50%;height: 100%;overflow: hidden;}
.sss .circle i::before {content: '';position: absolute;width: 200%;right: 0;top: 0;bottom: 0;border: 1px solid #fff;border-radius: 100%;box-sizing: border-box;clip: rect(0, 20px, 20px, 10px);-webkit-transform: rotate(-180deg);transform: rotate(-180deg);}
.sss .circle i:first-child::before {left: 0;right: auto;clip: rect(0px, 10px, 20px, 0px);}
.sss.sss-active::before {background: #ff5a2b;}
.sss.sss-active .circle i::before {
	-webkit-animation: circleR 5000ms linear both;
	animation: circleR 5000ms linear both;
}
.sss.sss-active .circle i:first-child::before {
	-webkit-animation-name: circleL;
	animation-name: circleL;
}
@-webkit-keyframes circleL {
	0%,
	50% {
		-webkit-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}
	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}

@-webkit-keyframes circleR {
	0% {
		-webkit-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}
	50%,
	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}
@keyframes circleL {
	0%,
	50% {
		-webkit-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}
	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}
@keyframes circleR {
	0% {
		-webkit-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}
	50%,
	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}
.bannerScroll { position: absolute; right:13%; width: 50px; height: 50px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.4); bottom:3.2vw; z-index: 10; }


.bannerScroll span { display: block; position: relative; width: 100%; height: 100%; }
.bannerScroll span:after { position: absolute; content:''; width: 10px; height: 16px; background: url("../images/scroll.png") no-repeat center/cover; position: absolute; left:50%; top:50%; margin: -8px 0 0 -5px; }


.bannerScroll span:after{
	-webkit-animation: godown 1.5s infinite;
	animation: godown 1.5s infinite;
	box-sizing: border-box;
}
@-webkit-keyframes godown {
	0% {-webkit-transform: translate(0, -10px);opacity: 0;}
	50% {opacity: 1;}
	100% {-webkit-transform: translate(0px, 10px);opacity: 0;}
}
@keyframes godown {
	0% {transform: translate(0, -10px);opacity: 0;}
	50% {opacity: 1;}
	100% {transform: translate(0px, 10px);opacity: 0;}
}


.ibanner .pic2 { display: none; }

.ibannerImgm { height: 30vw; overflow: hidden; }

.ibanner { position: relative; }
.ibannerCon { position: absolute; width: 100%; left:0; top:50%; transform: translateY(-50%); text-align: left; }
.ibannerCon .t { text-transform: uppercase; font-size: 16px;color:#c30d22; }
.ibannerCon .c { font-size: 4vw;color:#ffffff; line-height: 1; }
.ibannerCon .c b { display: block; }


@media(max-width:  1100px){
	.bannerScroll { right:3%; }
}
@media(max-width:  1024px){
	.ibanner .pic1 { display: none; }
	.ibanner .pic2 { display: inline-block; }
	.ibannerImgm { height: auto; overflow: hidden; }
	.ibannerCon .t { font-size: 16px; }
	.ibannerCon .c { font-size: 28px; }
	.banner .swiper-slide .con .c { font-size: 16px; max-width: 100%; }
	.banner .swiper-slide .con .t { max-width: 100%; font-size: 32px; line-height: 1.3; }
}
@media(max-width:  600px){
	.ibannerCon { text-align: left; top:60%;  }
	.ibannerCon .t { font-size: 16px; }
	.ibannerCon .c { font-size: 24px; }
	.banner .swiper-slide .con .t { max-width: 100%; font-size: 24px; }
	.ssss { bottom: 30px;}
	.banner .swiper-slide .con .t { font-size:28px; }
}
@media(max-width:  450px){
	.ibannerCon .t { font-size: 16px; }
	.ibannerCon .c { font-size: 22px; }
	/*.banner .swiper-slide .con .t { font-size: 20px; }*/
}
@media(max-width:  400px){
	/*.ibannerCon .c { font-size: 20px; }*/
}


/*首页*/
.topHeader { border-bottom:  1px solid rgba(255,255,255,0.2); padding: 0 60px; width: 100%; left: 0; position: fixed; transition: all 0.6s; z-index: 100000;  }
.fixed-head.topHeader,.fixed-headA.topHeader { background: rgba(0,0,0,0.8); position: fixed; left:0; top:0; }
.header { padding: 0; border-radius: 12px; }
.fixed-head.topHeader .header,.fixed-headA.topHeader .header { padding:0; }
.topHeader .logo {padding-top: 15px; float: left; }
.headerA .nav { float: right; }

.navL { float: right; }
.navR { display: none; float: left; cursor: pointer; }
.navR .search,.navR .menu { float: left; }
.navR .search a { display: block; width: 40px; height: 40px; background: url("https://en.moonton.com/static/skin/images/search.png") no-repeat center; }

.navL ul li { float: left; margin-right:75px; }
.navL ul li>a { font-weight: bold; display: block; line-height: 70px; font-size: 18px;color:#ffffff; position: relative; }
.navL ul li>a:after,.navL ul li>a:after { content:''; width: 0%; height: 3px; background: #fff; bottom: -2px; position: absolute; left:50%; transform: translateX(-50%); }
.navL ul li.cur>a:after,.navL ul li:hover>a:after { transition: all 0.5s; content:''; width: 100%; }



.fixed-head .navL ul li>a,.fixed-headA .navL ul li>a { line-height: 70px; }
/*.navL ul li.cur>a,.navL ul li:hover>a { color:#f2ac00; }*/
.topNav-a {	float: right;padding-left: 36px; position: relative; width: 105px; }
.topNav-a:before { content:''; width: 1px; height: 20px; background: rgba(150,150,150,0.3); position: absolute; left:0; top: 50%; transform: translateY(-50%); }
.topNav-a dl {position: relative;}
.topNav-a dl dt a {color: #fff;font-size: 16px; }
.topNav-a dl dt {color: #fff;font-size: 16px;padding: 23px 0 23px 24px;background: url("../images/dt.svg") no-repeat left center; background-size: 18px auto;}
/*.topNav-a dl dt:before {position: absolute;content: "";top: 50%;transform: translateY(-50%);right: 0;width: 8px;height: 6px;background: url("../images/dt-1.svg") no-repeat right center; background-size: 8px auto;}*/
/* .fixed-head .topNav-a dl dd,.nobannerNav .topNav-a dl dd {background: #f4f5f5;} */
.fixed-head .topNav-a dl dd,.nobannerNav .topNav-a dl dd {background: rgba(255,255,255,0.8);}
.topNav-a dl dd {display: none;font-size: 16px;color: #000000;position: absolute;background: rgba(255,255,255,0.8);top: 60px;width: 144px;border-radius: 6px;padding: 15px 0 5px;text-align: center;left: -28px;}
.topNav-a dl dd .eee {margin-bottom: 10px;}
.topNav-a dl dd .eee a {font-size: 14px;color: #333333;}
.topNav-a dl dd .eee.cur a {color: #999999;}
.topNav-a dl dd .eee a:hover {color: #f2ac00;}
.topNav-a dl:hover dd {display: block;}


.topHeader img.bgW { display: block; }
.topHeader img.bgB { display: none; }
.topHeader img { height: 38px; }

.topHeader.bgB img.bgW { display: none; }
.topHeader.bgB img.bgB { display: block; }
.topHeader.bgB { background: #f7f7f7; border-bottom: 1px solid rgba(0,0,0,0.2); }
.topHeader.bgB .navL ul li>a,.topHeader.bgB .topNav-a dl dt a { color:#333; }
.topHeader.bgB .navL ul li>a:after { background: #333333; }
.topHeader.bgB .topNav-a dl dt { background: url("../images/dtb.svg") no-repeat left center; background-size: 18px auto;}
.topHeader.bgB .topNav-a dl dt:before { background: url("../images/dt-1b.svg") no-repeat right center; background-size: 8px auto;}


.topHeader.fixed-headA { background:#151515; }
.topHeader.fixed-headA img.bgW { display: block; }
.topHeader.fixed-headA img.bgB { display: none; }



.topHeader.fixed-headA { background: #151515; border-bottom: 1px solid #f7f7f7; }
.topHeader.fixed-headA .navL ul li>a,.topHeader.fixed-headA .topNav-a dl dt { color:#fff; }
.topHeader.fixed-headA .navL ul li>a:after { background: #fff; }
.topHeader.fixed-headA .topNav-a dl dt { background: url("../images/dt.svg") no-repeat left center; background-size: 18px auto;}
.topHeader.fixed-headA .topNav-a dl dt:before { background: url("../images/dt-1.svg") no-repeat right center; background-size: 8px auto;}



.viea {
    /*width:auto;*/
    /*height:100%;*/
    min-height: 100%;
    min-width: 100%;
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}

.vieb { display: none; }

@media(max-width:  1480px){
	.navR { margin-left: 20px; }
	.topHeader { padding: 0 40px; }
	.navL { margin-left:20px; }
	.topNav-a dl dt {padding-bottom: 20px; } 
	.navL ul li { float: left; margin-right:50px; }
	.navL ul li>a { font-size: 16px; }
}
@media(max-width:  1300px){
	.topNav-a { margin-left: 0; }
	.topHeader { padding: 0 10px 0 20px; }
	.navL ul li { float: left; margin-right:40px; }
	    
	.viea { width: 100%; height: auto; }
	
}
@media(max-width:  1180px){
}
@media(max-width:  1024px){
    .topNav-a:before { display: none; }
    .viea { display: none; }
    .vieb { display: block; }
	.topHeader .logo img { height: 30px; }
	.topCon { margin-right: 5px;}
	.topHeader { padding: 0 3%; }
	.navL { display: none; }
	.topHeader .logo { padding:10px 0; }
	.navR { float: right; font-size: 0; height: 48px; }
	.navR { display: block;}
	.topNav-a { margin-left:0; padding-left:0; width: 70px; }
	.topNav-a dl dt { padding: 13px 0 13px 24px; }
	.navR { margin-left: 0px; }
}



/* wolf */
.mainTit .et { font-size: 16px;text-transform: uppercase; color:#333; }
.mainTit .et span { display: inline-block; position: relative; padding-left:75px;}
.mainTit .t { font-size: 2.5vw; letter-spacing: 0px; color:#111111; font-weight: bold; }
.mainTit .c { font-size: 18px; color:#555555; line-height: 1.8; }
.mainTit .et span:after { content:''; width: 62px; height: 2px; background: #999; position: absolute; left:0; margin-top: -1px; top:50%;}
.alignC { text-align: center;}
.colorBlack { color: #222222!important; }
.colorBlue { color: #182b57!important; }
.colorWhite { color: #ffffff!important; }
.mainTit .et.colorBlue span:after { background: #b2b8c7;}
.mainTit .et.colorWhite span:after { background: rgba(255,255,255,0.3);}
@media(max-width: 1780px){
}
@media(max-width: 1680px){
	.mainTit .et span { padding-left: 68px;}
	.mainTit .et span:after { width: 58px;}
}
@media(max-width: 1480px){
	/* .mainTit .t { margin: 6px 0 10px;} */
	.mainTit .et span { padding-left: 60px;}
	.mainTit .et span:after { width: 50px;}
}
@media(max-width: 1280px){
	.mainTit .et span { padding-left: 50px;}
	.mainTit .et span:after { width: 40px;}
	.mainTit .c { font-size: 16px; }
}
@media(max-width: 1024px){
	.mainTit .t { font-size: 28px;}
	.mainTit .et span { padding-left: 40px;}
	.mainTit .et span:after { width: 30px;}
	.mainTit .c { font-size: 14px; }
}
@media(max-width: 640px){
	.mainTit .t { font-size: 28px;}
}



/*网站底部样式*/
.containerA { padding: 0 60px; }
@media(max-width:  1480px){
	.containerA { padding: 0 40px; }
}
@media(max-width:  1024px){
	.containerA { padding: 0 3%; }
}
.footer {
    position:relative;z-index: 10;
	background: #151515;
	padding: 3vw 0 0;
}

.endA {
	padding-bottom: 60px;
}

.endA-a {
	float: left;
}

.endA-d {
	margin-top: 25px;
}

.endA-d p {
	font-size: 14px;
	margin-bottom: 10px;
	color: #676767;
	line-height: 23px;
}



.endA-b {
	float: right;
}

.endA-b dl {
	float: left;
	margin-left: 0px;
	width: auto;
	margin-left:60px;
}
.endA-b dl:nth-child(1) { margin-left:0; }

.endA-b dl dt a {
	font-size: 16px;
	/*color: rgba(187,187,187,0.8);*/
	color: #a3a3a3;
	display: block;
	margin-bottom: 15px;
}

.endA-b dl a:hover,.endC-b a:hover,.endC-a a:hover { color:#fff; }



.endA-b dl dd a {
	font-size: 14px;
	color: #676767;
	/*color: rgba(187,187,187,0.8);*/
	display: block;
	margin-bottom: 10px;
}


.copyright {
	background: #151515;
}
.copyright .endC {
	padding: 20px 0;
	border-top: 1px solid #262626;
}
.endC-a { float: left; }
.copyright p,
.copyright p a,.endC-b a {
	font-size: 12px; line-height: 1.6;
	color: #676767;
}
.endC-b  { float: right; }
.endC-b a { font-size: 14px; }


.endB-c { margin-top:20px; }
@media(max-width:  1100px){
	.endC-a,.endC-b { width: 100%; text-align: center; }
}

.endA-a .flogo img { height: 40px; }


@media(max-width:  1920px){
	.endA-b dl {margin-left:60px;}
}

@media(max-width:  1780px){
	.endA-b dl {margin-left:50px;}
	.endA-a { width: 320px;}
}
@media(max-width:  1580px){
	.endA-b dl {margin-left:50px;}
}
@media(max-width:  1480px){
	.endA-b dl {margin-left:50px;}
}

@media(max-width: 1480px){
	.endA-a { width: 350px; }
	.endA-b dl { margin-left:50px; }

	.footer {
		padding: 50px 0 0;
	}
	.endA {
		padding-bottom: 40px;
	}
}
@media(max-width: 1320px){
	.endA-b dl dt a { font-size: 15px;}
	.endA-b dl dd a { font-size: 13px;}
}
@media(max-width: 1280px){
	.endA-a { width: 350px; }
	.endA-b dl { margin-left:30px; }
	.endA-b dl:first-child { margin-left:0px; }
	.endA-b dl dt a { font-size: 14px;}
	.endA-b dl dd a { font-size: 12px;}

	.footer {
		padding: 30px 0 0;
	}
	.endA {
		padding-bottom: 30px;
	}
}

@media(max-width: 1180px){
	.endA-b { display: none;}
}

@media(max-width: 1150px){
	.endA-b dl { margin-left:5px; }
}
@media(max-width: 1100px){
	.endA-b { display: none; }
}
@media(max-width: 1024px){
	.endA-a { width: 100%; }
	.endA-b { display: none; }
	.footer {
		padding: 20px 0 0;
	}
	.endA {
		padding-bottom: 30px;
	}
	.endA-d { margin-top:15px; }

}
.fixVideo { display: none; position: fixed; top:0; left:0;background: rgba(0,0,0,0.8);width: 100%;height: 100%;z-index: 1000; }
.fixVideoA {width: 100%;height: 100%;position: relative; }
.fixVideoB { position: absolute;width: 60%; max-width: 800px; height: auto; position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%);background: #fff; }
.fixVideoB .close { position: absolute; right:-1px; top:-40px;height: 40px;width: 40px;cursor: pointer; text-align: center;line-height: 40px; font-size: 30px;  z-index: 10000;background: #000; color:#fff;}

@media(max-width:1380px){
    .fixVideoB { width: 45%; }
    .fixVideoB .close { top:0; }
}
@media(max-width:1100px){
    .fixVideoB { width: 90%; max-width: 90%; }
    .fixVideoB .close { top:-40px; }
}



/*首页样式*/

.homeA { padding:4vw 0 4vw; background: #f6f6f6; }
.homeA-b { left:0; width: 30%; }
.homeA-b .mainTit .c { margin-top:1.5vw; }
.homeA-c { float: right; width: 73%; }

.homeA-c .add { position: absolute; transform: translate(-50%, -50%); }
.homeA-c .add span { display: inline-block; width: 11px; height: 11px; background: #0075c2; border-radius: 50%; position: relative; }
.homeA-c .add span:before { content:''; width: 46px; height: 46px; background: rgba(0,117,194,0.2);border:1px solid rgba(0,117,194,0.5);  position: absolute; left:50%; top:50%;margin: -23px 0 0 -23px; border-radius: 50%; }
@media(max-width:  1480px){
	.homeA-c .add span { width: 8px; height: 8px; }
	.homeA-c .add span:before { width: 30px; height: 30px; margin: -15px 0 0 -15px; }
}
@media(max-width:  1024px){
	.homeA { padding: 30px 0 50px; }
	.homeA-b .mainTit .c { margin-top: 16px; }
	.homeA-b { width: 100%; float: left; }
	.homeA-c { width: 100%; margin-top: 5px; }
}
.homeA-c .add span:before {
	-webkit-animation: big 3s infinite;
	animation: big 3s infinite;
	box-sizing: border-box;
}
@-webkit-keyframes big {
	0% {-webkit-transform: scale(0.5);opacity: 0;}
	50% {-webkit-transform: scale(1);opacity: 1;}
	100% {-webkit-transform: scale(0.5);opacity: 0;}
}
@keyframes big {
	0% {transform: scale(0.5);opacity: 0.5;}
	50% {transform: scale(1);opacity: 1;}
	100% {transform: scale(0.5);opacity: 0.5;}
}
/*.homeB { z-index: 10; width: 100%; border-radius: 16px; background: #fff; position: relative; }*/
.homeB { z-index: 10; width: 100%; border-radius: 16px; position: relative; }
.homeB .mainQh:after { color:#999; font-size: 30px; }
.homeB .mainQh { opacity: 0.6; }
.homeB .mainQh:hover { opacity: 1; }
.homeB .mainQh:hover:after { opacity: 1; }
.homeB .swiper-button-next { right: -36px; }
.homeB .swiper-button-prev { left: -36px; }
.hSwiper1 { width: 100%; overflow: hidden; }
/*.homeB-a a { display: block; padding:1.5vw 3vw 1.8vw 2vw; border-right: 1px solid #ededed; }*/
.homeB-a a { border-radius: 12px; overflow: hidden; display: block; position: relative; }
.homeB-a .top {  font-size: 16px;color:#666666; }
.homeB-a .top .tag {  font-size: 15px; }
.homeB-a .t { font-weight: bold; margin: 10px 0; font-size: 16px; color:#fff; line-height: 24px; height: 48px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; }
.smallMore { display: inline-block; transition: all 0.6s; padding-right:18px;background: url("../images/hebg22.svg") no-repeat right center; background-size: 14px auto; }
.homeB-a a:after { content:''; width: 100%; height: 100%; left:0; top:0; background: rgba(0,0,0,0.5); position: absolute; }
.homeB-e .smallMore { color:#fff; }
.homeB-e { z-index: 5; position: absolute; left:0; bottom:0; padding: 0 20px 18px; }

.homeB-a a:hover .t { text-decoration: underline; transition: all 0.6s; }
.homeB-a a:hover .smallMore { padding-right: 26px; } 
.homeBMore { text-align: left; margin-top:30px; }

.homeB .swiper-slide { padding: 1.5vw 0; transition: all 0.5s; transform: scale(1); }
.homeB .swiper-slide-active { transform: scale(1.15); position: relative; z-index: 5; }


@media(max-width:  1480px){
	/*.homeB-a .t { font-size: 18px; }*/
}
@media(max-width:  1024px){
	.homeB-a .t { font-size: 17px; }
	.homeB .swiper-button-next { right: 0px; }
    .homeB .swiper-button-prev { left: 0px; }
    .homeBMore { margin-top:20px; margin-bottom: 40px; }
    .homeB-a a { padding: 0; }
    .homeB-e { padding: 0 20px 18px; }
    .homeB-a .t { font-size: 16px; }
}
@media(max-width: 640px){
    .homeB .swiper-slide-active {  transform: scale(1); }

}
/*@media(max-width: 640px){*/
/*    .homeB-e { padding: 0 36px 20px; }*/
/*}*/


.homeC { padding: 6vw 0 5vw; background: #fff; }
.homeC .homeBMore { text-align: left; }
.homeC-a { margin-top: 2.5vw; }
.homeC-f { position: relative; height: 24vw; background: url("../images/hcbg.png") no-repeat center/cover #f6f6f6; border-radius: 16px; float: right; width: 61.4%; }
.homeC-g { position: absolute; width: 100%; left:0; top:44%; transform: translateY(-50%); }
.homeC-b { overflow-y: scroll; left:0; height: 100%; width: 37.6%; }
.homeC-b ul li { cursor: pointer; border: 2px solid #f6f6f6; height: calc(8vw - 14px); width: 100%; background: #f6f6f6; border-radius: 16px; }
.homeC-b ul li.cur { width: 103%; margin-left:-1.5%; transition: all 0.5s; border-color:#333333; background:#333333; }



.homeC-b { padding: 0 16px; scrollbar-color:  rgba(0,0,0,0) rgba(0,0,0,0); scrollbar-width: thin; -ms-overflow-style:none;}
.homeC-b::-webkit-scrollbar {width: 3px;height: 0px;}
.homeC-b::-webkit-scrollbar-thumb {border-radius: 3px;-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);background: rgba(0,0,0,0);}
.homeC-b::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);border-radius: 4px;background: rgba(0,0,0,0);}

.homeC-b ul li.cur .homeC-d .con .t,.homeC-b ul li.cur .homeC-d .con .c { color:#fff; }

.homeC-g .swiper-slide { opacity: 0!important; transition: all 0.5s; }
.homeC-g .swiper-slide-active { opacity: 1!important; }
.homeC-b ul li:nth-child(n+2) { margin-top: 21px; }
.homeC-h .img { text-align: center; }

.homeC-h { position: relative; }

/*.homeC-h .img { position: absolute; left:0; top:0; }*/
.homeC-g .swiper-slide-active .homeC-h .img {-webkit-animation-name:fadeinR;-moz-animation-name:fadeinR;-ms-animation-name:fadeinR;animation-name:fadeinR;}


.homeC-h img { max-width: 90%; }
.homeC-d { width: 100%; padding:0 1vw; }
.homeC-d .icon { width: 32%; text-align: center; position: relative; float: left; }
.homeC-d .icon:after { content:''; width: 1px; height: 3vw; background: #dedede;position: absolute; right: -2%; top: 50%; transform: translateY(-50%); }
.homeC-b ul li.cur .homeC-d .icon:after { background: #5d5a5a; }
.homeC-d .icon img { width: 90%; }
.homeC-d .con { width: 64%; left: 36%; }
.homeC-d .con .t { font-size: 20px;color:#111111; font-weight: bold; }
.homeC-d .con .c { margin-top: 8px; font-size: 16px;color:#111111; }
.hSwiper2 { overflow: hidden; }
.homeC-f .swiper-pagination { text-align: left; z-index: 5; position: absolute; left: 2vw; bottom: 2vw; opacity: 0; }
.homeC-f .swiper-pagination .swiper-pagination-bullet { height: 2px; margin-right: 6px; border-radius: 0; width:  3vw; background: #d2d1d1; opacity: 1;}
.homeC-f .swiper-pagination .swiper-pagination-bullet-active { background: #403d3d; }
@media(max-width:  1680px){
	.homeC-d .con .t { font-size: 18px; }
	.homeC-d .con .c { margin-top: 4px; }
}
@media(max-width:  1480px){
	.homeC-d .con .t { font-size: 16px; }
	.homeC-d .con .c { font-size: 14px; }
	.homeC-d .con .c { margin-top: 4px; }
}
@media(max-width:  1280px){
	.homeC { padding: 30px 0 50px; }
	.homeC-f { height: 30vw; }
	.homeC-b ul li { height: calc(10vw - 4px); }
	.homeC-b ul li:nth-child(n+2) { margin-top: 6px; }
	.homeC-d .icon:after { height: 5vw; }
}

@media(max-width:  1024px){
	.homeC-a { margin-top: 0px; }
	.homeC-d .icon:after { height: 40px; }
	.homeC-b { width: 100%; float: left; height: auto; }
	.homeC-b ul li { height: auto; padding: 15px 12px; }
	.homeC-d .con { position: absolute; top:50%; transform: translateY(-50%); }
	.homeC-f { width: 100%; margin: 20vw auto 10vw; height: 50vw; }
	.homeC-b ul li:nth-child(n+2) { margin-top: 6px; }
	.homeC-d .icon:after { height: 50px; }
	.homeC-f .swiper-pagination .swiper-pagination-bullet { width: 40px; }
    .homeC .homeBMore { text-align: right; }
    .homeC-b ul { display: flex; flex-wrap: wrap; }
    .homeC-b ul li { width: 32%; margin-right:2%; }
    .homeC-b ul li.cur { width:32%; margin-left:0; }
    .homeC-b ul li:nth-child(3) { margin-right:0; }
    
    .homeC-d .icon { width: 100%; }
    .homeC-d .con { width: 100%; position: relative; left:0; top:0; transform: translate(0); }
    .homeC-d .icon:after { display: none; }
    .homeC-d .con .c { display: none; }
    .homeC-d .con .t { text-align: center; font-size: 14px; }
    
}
@media(max-width:  400px){
	.homeC-d .con .t { font-size: 13px; }
	.homeC-b ul li { padding: 15px 5px; }
}


.homeD { position: relative; }
.homeD .img { border-radius: 0; overflow: hidden; }
.homeD .img img.pc { max-width: 200%; width: 120%; }
.homeD .img .mb { display: none; }
.homeD-a { width: 100%; position: absolute; left:0; top:50%; transform: translateY(-50%);}
.homeD-b { max-width: 650px; }
.homeD-b .mainTit .c { margin:50px 0 80px; max-width: 540px; }
.homeD .homeBMore { text-align: left; }
@media(max-width: 1024px){
    .homeD .img .mb { display: block; }
    .homeD .img .pc { display: none; }
	/*.homeD-a { position: relative; top:0; transform: translate(0); padding: 20px 0 50px;}*/
	/*.homeD-b .mainTit .c { margin:6px 0 24px; }*/
	/*.homeD-b .mainTit .t { color:#111!important; }*/
	/*.homeD-b .mainTit .c { color:#333!important; }*/
	/*.homeD-b { max-width: 1000px; }*/
 /*   .homeD .homeBMore { text-align: right; }*/
 /*   .homeD .mainMoreA { color:#333333; border-color: #aeaeae; }*/
 /*   .homeD .mainMoreA span { background: url("../images/hebg2.svg") no-repeat right center; background-size: 16px auto; }*/
}


/*关于*/
.aboutA { padding: 10vw 0 2vw; background: #f7f7f7; z-index: 10; }
.aboutA .mainTit .t { float: left; width: 27%; }
.aboutA .mainTit .c { float: right; width: 73%; color:#333; }


@media(max-width:  1024px){
    .homeD-b .mainTit .c { margin: 20px 0 40px; max-width: 400px; }
	.aboutA { padding: 90px 0 50px; }
	.aboutA .mainTit .t,.aboutA .mainTit .c { width: 100%; }
	.aboutA .mainTit .c { margin-top: 15px; }
}
.aboutC,.aboutD,.aboutE { z-index: 10; }

.aboutB { overflow: hidden; background: #f7f7f7; position: relative; }
.aboutB-a { position: relative; z-index: 5; padding: 0 0px; }
.aboutB-a .img { position: absolute; left:; top:0; width: 100%; }
.aboutB-a .img { min-height: 100vh; }
.aboutB-b { position: fixed; left:0; top:0; width: 100%; z-index: 2; }
.aboutB-a img { transition: all 0.5s; max-width: 1000000%; }
.aboutB .vidBtn { position: absolute; bottom: 4vw; cursor: pointer; z-index: 10; cursor: pointer; left: 50%; transform: translateX(-50%); }
.aboutB .vidBtn span { cursor: pointer; display: inline-block; font-size: 16px;color:#fff; padding:12px 0 12px 54px; background: url("../images/vidbg.svg") no-repeat left center; }

.aboutB-b.fixVid { position: fixed; left:0; top:0; }
.aboutB-b .viea { position: relative; left:0; top:0; transform: translate(0, 0); }

.aboutC { padding: 8vw 0 6vw; background: url("../images/abcbg.jpg") no-repeat center/cover; }
.aboutC-c { position: relative; }
.aboutC-c .img { float: right; width: 44%; border-radius: 12px; overflow:hidden; }
.aboutC-c .con { position: absolute; left:0;bottom:0; width: 51%; padding-right:2.5vw; }
.aboutC-c .con .y { font-size: 6vw; color:#333333; opacity: 0.15;line-height: 0.7; }
.aboutC-c .con .t { font-weight: bold; font-size: 1.4vw; color:#333333; line-height: 1.5; }
.aboutC-c .con .c { font-size: 16px; color:#333333; line-height: 1.8; margin-top: 10px;}
.aboutC-c .con .c ul { margin-left: 20px; list-style: circle; }
.aboutC-c .con .c ul li { margin-top: 8px; }
.aboutC-c .con .cc { height: 11vw; padding-right: 2.5vw; overflow-y: scroll; margin-top: -1.5vw; }
.aboutC-c .con .cc {scrollbar-color:  #666666 rgba(0,0,0,0.2); scrollbar-width: thin; -ms-overflow-style:none;}
.aboutC-c .con .cc::-webkit-scrollbar {width: 3px;height: 3px;}
.aboutC-c .con .cc::-webkit-scrollbar-thumb {border-radius: 3px;-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.2);background: #666666;}
.aboutC-c .con .cc::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);border-radius: 4px;background: rgba(0,0,0,0.2);}
.aboutC-a { position: absolute; left:0; top:0; }
.aboutC-e { margin-top:2vw; padding-right:130px; position: relative; }
.aboutC-g { position: relative; }
.abSwiper1,.abSwiper2,.abSwiper3 { overflow: hidden; }
.aboutC-e .abSwiper2 { position: relative; background: url("../images/abcbg2.png") repeat-x left center; }
.aboutC-e .swiper-slide { font-size: 16px;color: #999999; text-align: center; }
.aboutC-f { height: 70px; position: relative; }
.aboutC-f .tit { position: absolute; left:0; bottom:0; text-align: center; width: 100%; line-height: 1; }
.aboutC-f .b { position: relative; display: inline-block; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); width: 7px; height: 7px; margin-top: 3px; background: #666666; border-radius: 50%; }
.aboutC-e .swiper-slide-thumb-active .aboutC-f .b { background: #fff; }
.aboutC-e .swiper-slide .aboutC-f .b:after { transition: all 0.5s; content:''; width: 0; height: 0; position: absolute; left:50%; transform: translate(-50%, -50%); top:50%; border:5px solid #666666; border-radius: 50%; box-sizing: border-box; }
.aboutC-e .swiper-slide-thumb-active .aboutC-f .b:after { width: 17px; height: 17px; }
.aboutC-e .abQh { opacity:0.5; top: 50%; transform: translateY(-50%); position: absolute; width: 52px; height: 52px; border:2px solid #353535; cursor: pointer; border-radius: 50%; }
.aboutC-e .abQh:hover { opacity: 1; }
.aboutC-e .next { right:0; background: url("../images/abcnext.svg") no-repeat center; background-size: 16px auto; }
.aboutC-e .prev { right:62px; background: url("../images/abcprev.svg") no-repeat center; background-size: 16px auto; }

.aboutC-e .swiper-slide-thumb-active .aboutC-f .tit { color:#333333; font-weight: bold; }
.aboutC-e .swiper-slide-thumb-active .aboutC-f .b:before { content:''; width: 38px; height: 38px; background: rgba(100,100,100,0.2);border:1px solid rgba(100,100,100,0.5);  position: absolute; left:50%; top:50%;margin: -19px 0 0 -19px; border-radius: 50%; }
.aboutC-e .swiper-slide-thumb-active .aboutC-f .b:before {
	-webkit-animation: big 3s infinite;
	animation: big 3s infinite;
	box-sizing: border-box;
}
@-webkit-keyframes big {
	0% {-webkit-transform: scale(0.5);opacity: 0;}
	50% {-webkit-transform: scale(1);opacity: 1;}
	100% {-webkit-transform: scale(0.5);opacity: 0;}
}
@keyframes big {
	0% {transform: scale(0.5);opacity: 0.5;}
	50% {transform: scale(1);opacity: 1;}
	100% {transform: scale(0.5);opacity: 0.5;}
}


@media(max-width:  1480px){
	.aboutC-c .con .cc { height: 13vw; }
	.aboutC-c .img { width: 48%; }
	.aboutC-e .abQh { width: 48px; height: 48px; }
	.aboutC-e .prev { right: 58px; }
	.aboutC-e { padding-right: 115px; }
}
@media(max-width:  1280px){
	.aboutC-c .con .cc { height: 18vw; }
	.aboutC-c .con .t { font-size: 20px; }
}
@media(max-width:  1024px){
	.aboutC-c .con .cc { height: 180px; }
	.aboutC-c .con .t { font-size: 20px; }
	.aboutC-a { position: relative; margin-bottom: 20px; }
	.aboutC-c .con { position: relative; float: left; width: 100%; margin-bottom: 20px; }
	.aboutC-c .img { width: 100%; }
	.aboutC-c .con .y { font-size: 64px; line-height: 1; }
	.aboutC-c .con .cc { margin-top:-30px; }
	.aboutC-c .con .c { font-size: 14px; line-height: 1.5; }
	.aboutB-a { display: none; }
	.aboutB-b { height: 100%; }
	.viea { width: auto; height: 100%; }
	
}
@media(max-width:  640px){
	.aboutC { padding: 30px 0 50px; }
	.aboutC-e .abQh { width: 36px; height: 36px; }
	.aboutC-e .prev { right: 42px; }
	.aboutC-e { padding-right: 90px; }
	.aboutC-e { margin-top:0; }
}


.aboutD { padding: 6vw 0 5.5vw; background: url("../images/abdbg.jpg") no-repeat center/cover; }


.aboutD-b { background: #fff; border-radius: 16px; padding:16px 20px 20px 2vw; margin-top:1.6vw; }

.aboutD-b ul { display: flex; flex-wrap: wrap; height: 430px; overflow-y: scroll; padding-right: 20px; }
.aboutD-b ul li { width: 50%; padding: 28px 3vw 28px 0;  border-bottom: 1px solid #ededed; float: left; padding: }
.aboutD-b ul li .c { padding-left:18px; position: relative; }
.aboutD-b ul li .c:after { content:''; width: 3px;height: 100%; position: absolute; left:0; top:0; border-radius: 2px; background: #eeda00; }
.aboutD-b ul li .d { font-size: 16px;color:#666; }
.aboutD-b ul li .t { font-size: 20px;color:#333333; margin-top:5px; }
.aboutD-b ul {scrollbar-color:  #666666 rgba(0,0,0,0.2); scrollbar-width: thin; -ms-overflow-style:none;}
.aboutD-b ul::-webkit-scrollbar {width: 3px;height: 3px;}
.aboutD-b ul::-webkit-scrollbar-thumb {border-radius: 3px;-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.2);background: #666666;}
.aboutD-b ul::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);border-radius: 4px;background: rgba(0,0,0,0.2);}

@media(max-width:  1480px){
	.aboutD-b ul li .d { font-size: 15px; }
	.aboutD-b ul li .t { font-size: 18px; }
	.aboutD-b ul li { padding: 20px 3vw 20px 0; }
	.aboutD-b ul { height: 380px; }
	.aboutD-b { margin-top: 20px; }
}
@media(max-width:  1024px){
	.aboutD { padding:30px 0 50px; }
	.aboutD-b { padding: 16px 10px 30px; }
	.aboutD-b ul li { width: 100%; }
	.aboutD-b ul li { padding: 16px 20px 16px 0; }
	.aboutD-b ul { padding-right:10px; }
	.aboutD-b ul li .t { font-size: 16px; }
	.aboutD-b ul li .c { padding-left: 12px; }
}

.aboutE { padding:6vw 0 6vw; }
.aboutE-a .abQh { opacity:0.5; bottom: 10px; position: absolute; width: 52px; height: 52px; border:2px solid #353535; cursor: pointer; border-radius: 50%; }
.aboutE-a .abQh:hover { opacity: 1; }
.aboutE-a .next { right:0; background: url("../images/abcnext.svg") no-repeat center; background-size: 16px auto; }
.aboutE-a .prev { right:62px; background: url("../images/abcprev.svg") no-repeat center; background-size: 16px auto; }
.aboutE-b { margin-top: 2vw; }
.aboutE-b ul { width: 100%; }
.aboutE-b ul li { overflow: hidden; position: relative; border-radius: 6px; overflow: hidden; }
.aboutE-b ul li .img {  border-radius: 6px; overflow: hidden; }
.aboutE-b ul li:before { transition: all 0.3s; opacity: 0.3; content:''; width: 100%; height: 100%; position: absolute; left:0; bottom:0; background: url("../images/abebg.png") no-repeat bottom center/cover; }
.aboutE-b ul li:hover:before { opacity: 0.6; }
.aboutE-b ul li .t { font-size: 22px;color:#ffffff; }
.aboutE-b ul li .t1 { transition: all 1s; position: absolute; width: 100%; padding: 0 2vw; bottom:2vw; left:0; width: 100%; }
.aboutE-b ul li .con { transition: all 0.6s; position: absolute; width: 100%; padding: 0 2vw 2vw; bottom:-260px; left:0; width: 100%; }
.aboutE-b ul li .con .c { font-size: 16px;color:#dfdfdf; line-height: 1.6; margin-top:6px; }
.aboutE-b ul li:hover .t1 { transition: all 0s; opacity: 0; }
.aboutE-b ul li:hover .con { bottom:0; }
@media(max-width:  1480px){
	.aboutE-a .abQh { width: 48px; height: 48px; bottom:0; }
	.aboutE-a .prev { right: 58px; }
	.aboutE-b ul li .t { font-size: 20px; }
}
@media(max-width:  1024px){
    .aboutE-b ul li .t1 { display: none; }
    .aboutE-b ul li .con { background:#fff; padding: 20px 0 0; position: relative; left:0; top:0; bottom:0; }
    .aboutE-b ul li .con .t2 { color:#333333; }
    .aboutE-b ul li .con .c { color:#666666; }
        
    .aboutE-a .prev,.aboutE-a .next { border-color:#ffffff; right: 10px; top: calc(33vw + 50px); z-index:10; margin-top:-23px; width: 46px; height: 46px; }
	.aboutE-a .prev { right: auto; left: 10px; }
	.aboutE-a .next { background: url("../images/nextw.png") no-repeat center; }
    .aboutE-a .prev { background: url("../images/prvew.png") no-repeat center; }
    
}
@media(max-width:  640px){
	.aboutE { padding:30px 0 50px; }
	.aboutE-b { margin-top: 20px; }
	/*.aboutE-a .abQh { width: 36px; height: 36px; }*/
	.aboutE-b ul li .t1 { padding: 0 15px; bottom: 16px; }
	/*.aboutE-b ul li .con { padding: 0 15px 16px; }*/
	.aboutE-b ul li .con .c { padding-right:  10px; max-height: 100px; overflow-y: scroll; }
	.aboutE-b ul li .con .c { scrollbar-color:  #fff rgba(0,0,0,0.2); scrollbar-width: thin; -ms-overflow-style:none;}
	.aboutE-b ul li .con .c::-webkit-scrollbar {width: 3px;height: 3px;}
	.aboutE-b ul li .con .c::-webkit-scrollbar-thumb {border-radius: 3px;-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);background: #fff;}
	.aboutE-b ul li .con .c::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);border-radius: 4px;background: rgba(0,0,0,0);}
}

.aboutC,.aboutD,.aboutE { position:relative; z-index: 10; }
.aboutE { background:#fff; }

/*新闻*/
.news { padding:10vw 0 5vw; background: #f6f6f6 }
.nNav { position: absolute; right:0; bottom:15px; }
.nNav a { border-bottom: 2px solid #f6f6f6; display: inline-block; font-size: 18px;color:#999999; margin-left:30px; padding-bottom: 6px; }
.nNav a.cur,.nNav a:hover { border-color:#333; color:#333; }
.news-b { margin-top:2vw; }
.news-b ul li a { display: block; background: #fff; transition: all 0.5s; border-radius: 12px; padding:1.6vw; }
.news-b ul li a:hover { transform: scale(1.02); box-shadow: 10px 10px 22px 0px rgba(120, 120, 120, 0.4); }
.news-b ul li:nth-child(n+2) { margin-top:15px; }

.news-b ul li .smallMore { background: url("../images/hebg23.svg") no-repeat right center; background-size: 14px auto; }


.news-b .img { border-radius: 5px; float: right; width: 24%; overflow: hidden; }
.news-b .img img { transition: all 0.3s; }
.news-b .con { float: left; width: 73%; }
.news-b .con .d { font-size: 16px;color:#666666; }
.news-b .con .t { font-weight: bold; margin: 15px 0 6px; font-size: 22px;color:#333333; line-height: 30px; overflow: hidden; height: 30px;  text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; }
.news-b .con .c { margin-bottom: 2vw; font-size: 16px;color:#999999; line-height: 1.6; overflow: hidden; height: 50px;  text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; }
.news-b ul li a:hover .t { text-decoration: underline; }
.news-b ul li a:hover .img img { transform: scale(1.05); }
.news-b ul li a:hover .smallMore { transition: all 0.6s; padding-right: 26px; }

@media(max-width: 1480px){
	.news-b .con .t { font-size: 20px; }
}
@media(max-width: 1280px){
	.news-b .con .t { font-size: 18px; }
	.news-b .img { float: right; width: 30%; }
	.news-b .con { float: left; width: 64%; }
}
@media(max-width: 1024px){
	.news { padding: 90px 0 50px; }
	.news-b { margin-top: 20px; }
	.nNav { position: relative; left:0; margin-top:12px; bottom:0; }
	.nNav a { margin: 0 10px 0 0; font-size: 16px;  }
}
@media(max-width: 750px){
	.news-b ul li a { padding: 16px 12px 20px; }
	.news-b .con .t { font-size: 18px; margin: 10px 0 6px;line-height: 24px; overflow: hidden; height: 48px;  text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; }
	.news-b .img { float: right; width: 100%; margin-top: 16px; }
	.news-b .con { float: left; width: 100%; }
}

/*分页*/
.fyq { margin-top: 4vw; text-align: center;}
.fyq .page a,
.fyq .page .layui-laypage-curr,
.fyq .page .layui-laypage-disabled { font-size: 18px;color: #666666;border-radius: 5px; border: 1px solid #dedede;height: 48px;display: inline-block;width: 50px;text-align: center;line-height: 50px;margin: 0 4px;}
.fyq .page a:last-child {margin-right: 0;}
.fyq .page a:first-child {margin-left: 0;}
.fyq .page .active_page {background: #333333; border-color: #333333;color: #fff;border: inherit;}
.fyq .page a:hover,.fyq .page .layui-laypage-disabled:hover {background: #333333; border-color: #333333;color: #fff; }
.fyq .page a .fa.fa-angle-left:after,.fyq .page .layui-laypage-disabled .fa.fa-angle-left:after { content:'<'; }
.fyq .page a .fa.fa-angle-right:after,.fyq .page .layui-laypage-disabled .fa.fa-angle-right:after { content:'>'; }
@media(max-width:  1024px){
	.fyq { margin-top:20px; }
    .fyq .page a,.fyq .page .layui-laypage-curr,.fyq .page .layui-laypage-disabled { font-size: 16px; height: 42px; width: 44px; line-height: 42px; }
}
.layui-laypage{display: flex;font-size:14px; color:#333;  align-items: center; justify-content:center;}
.fyq .page .layui-laypage-curr {background: #333333;color: #fff;text-align: center;border-radius:5px;}
.layui-laypage-curr em,.layui-laypage-disabled em{ font-style:inherit;}
.layui-laypage-limits select {background: #fff;height: 40px;font-size: 16px;color: #333;line-height: 40px;padding: 0 16px;text-align: center;border: #dadada solid 1px;margin: 0 4px;background: #fff;border-radius:100px;}
#goPageId {background: #fff;width: 50px;font-size: 16px;color: #333;line-height: 40px;padding: 0 16px;text-align: center;border: #dadada solid 1px;margin: 0 10px;border-radius:100px;}
.layui-laypage-btn {background: #fff;font-size: 16px;color: #333;line-height: 40px;padding: 0 16px;text-align: center;border: #dadada solid 1px;margin: 0 10px;border-radius:100px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}
.layui-laypage-disabled {font-size: 16px;color: #333;line-height: 40px;padding: 0 16px;text-align: center;margin: 0 10px;background: #fff;border-radius:100px;}
.layui-laypage-disabled:hover{ background:#333333; color:#fff; border:1px solid #333333;}
.layui-laypage a:hover{ background:#006cae; color:#fff;  border:1px solid #333333;}
.layui-laypage-btn:hover{ background:#006cae; color:#fff;  border:1px solid #333333; cursor:pointer; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}

/*新闻详情页*/
a,img { vertical-align: top; }
.new-a .topTit .d { font-size: 14px;color:#666666; }
.new-a .topTit h1 { font-size: 1.85vw;color:#111111; padding: 8px 0 16px; border-bottom: 1px solid #dedede; }
.new-a .share { margin:1vw 0 2.5vw; }
.new-a .mainShare a { margin: 0 10px 0 0; width: 42px; height: 42px; background: #ececec; border:none; color:#a7a7a7; line-height: 42px; font-size: 20px; }
.endB-c .mainShare a { margin: 0 10px 0 0; width: 42px; height: 42px; background: #222222; border:none; color:#7f7f7f; line-height: 42px; font-size: 20px; }
.new-b { font-size: 16px;color:#666666; line-height: 1.8; }
.new-b p:nth-child(n+2) { margin-top: 16px; }
.new-c { padding-top:2vw; margin-top:2vw; border-top:1px solid #dedede; }
.new-c ul { width: 100%; display: flex; flex-wrap: wrap; }
.new-c ul li { margin-right:23px; background: #fff; border-radius: 3px; float: left; width: calc(50% - 80px); }
/*.new-c ul li.bgH { background: none; }*/
/*.new-c ul li.next { float: right; }*/
.new-c ul li.backList { width: 114px; margin-right:0; }
.new-c ul li a { display: block; padding:1.5vw; }
.new-c ul li.backList a { position: relative; width: 100%; height: 100%; padding: 1.5vw 0; text-align: center; }
.new-c ul li.backList a .icon { width: 35px; height: 35px; background: url("../images/backlist.svg") no-repeat center/cover; background-size: 100% auto; margin: 0 auto 12px; }
.new-c ul li.backList a:hover .icon {  background: url("../images/backlistbg.svg") no-repeat center/cover; background-size: 100% auto; }
.new-c ul li.backList a .back { position: absolute;left:0; top:50%; width: 100%; transform: translateY(-50%); text-align: center; }
.new-d { position: relative; padding-right:100px; }
.new-d .smallMore { position: absolute; right:0; top:0;background: url("../images/hebg2.svg") no-repeat right center;
    background-size: 14px auto; }
.new-d .d { font-size: 16px;color:#666; }
.new-d .t { font-size: 20px;color:#333333; margin-top: 6px; }
.new-c ul li:hover .new-d .t { text-decoration: underline; }
.new-c ul li:hover .smallMore { transition: all 0.6s; padding-right: 26px; }
/*.new-c ul li:hover { background: #0082ca; }*/
/*.new-c ul li:hover .d,.new-c ul li:hover .t { color:#fff; }*/
/*.new-c ul li:hover .smallMore { color:#fff; background: url("https://en.moonton.com/static/skin/images/abcnextbg.svg") no-repeat right center; }*/
/*.new-c ul li.backList:hover a .icon { background: url("../images/backlistbg.svg") no-repeat center/cover; }*/
@media(max-width: 1280px){
	.new-d .t { font-size: 18px; }
	.new-c ul li.backList a .icon { width: 30px; height: 30px; }
}
@media(max-width: 1024px){
	.new-a .topTit h1 { font-size: 24px; }
	.new-a .share { margin: 16px 0 20px; }
	.new-c { padding-top:20px; margin-top:20px; border-top:1px solid #dedede; }
	.new-c ul { position: relative; }
	.new-c ul li a { padding: 12px; }
	.new-d { padding-right: 60px; }
	.new-c ul li { width: calc(100% - 90px); }
	.new-c ul li.next { float: left; margin-top: 15px; }
	.new-c ul li.bgHA { float: left; margin-top: 0px; }
	.new-c ul li.backList { position: absolute; width: 80px; right:0; top: 0; margin:0; height: 100%; }
}
@media(max-width: 400px){
	.new-d .d .tag { display: none; }
}


/*游戏产品*/
.games .p1 { background: url("../images/p1bg.jpg") no-repeat center/cover; }
.games .p2 { background: url("../images/p2bg.jpg") no-repeat center/cover; }
.games .p3 { background: url("../images/p3bg.jpg") no-repeat center/cover; }
.games .section { position: relative; overflow: hidden; }
.gamesA { position: absolute; left:0; width: 100%; bottom:0; padding:2.5vw 0; background: rgba(0,0,0,0.55); }
.gamesA-a { position: relative; max-width: 100%; margin: 0 auto; }
.gamesA-a .glogo { position: absolute;left: 0; top: 50%; transform: translateY(-50%); float: left; width: 18%; text-align: center; }
.gamesA-a .con { width: 100%; float: left; margin-left: 22%; }
.gamesA-a .con .t { font-weight: bold; font-size: 2.1vw; color:#ffffff;  }
.gamesA-a .con .tags { opacity: 0.8; margin:20px 0 24px;  }
.gamesA-a .con .tags span { display: inline-block; padding:8px 18px; background: rgba(255,255,255,0.23); border:1px solid rgba(255,255,255,0.8); font-size: 16px;color: #fff; margin-right:  10px; border-radius: 5px; }
.gamesA-a .con .c { font-size: 16px;color:#fff; line-height: 1.8; }


.gamesA-e { position: absolute; right:0; top:50%; transform: translateY(-50%); }
.gamesA-e a { display: inline-block; }
.gamesA-e a img { width: 120px; height: auto; }



@media(max-width: 1480px) {
	.gamesA-a .con .tags { margin: 10px 0 15px; }
	.gamesA-a .con .tags span { padding: 6px 15px; font-size: 16px; }
}
@media(max-width: 1024px) {
	.gamesA-a { width: 100%; max-width: 1000px; }
	.gamesA-a .glogo { position: relative; float: left; width: 100%; top:0; transform: translateY(0); text-align: left; }
	.gamesA-a .con { width: 100%; float: left; margin-top:10px; }
	.gamesA-a .con .tags { margin: 10px 0 15px; }
	.gamesA-a .con .tags span { padding: 6px 15px; font-size: 16px; }
	.gamesA { padding: 20px 0 30px; }
	.gamesA-a .con .t { font-size: 24px; }
	.gamesA-a .glogo img { width: 150px; }
	.gamesA-a .con .c,.gamesA-a .con .tags span { font-size: 14px; }
	.gamesA-a .con { width: 100%; float: left; margin-left: 0%; }
	.gamesA-e { position: relative; right:0; top:0; transform: translateY(0%); margin-top:20px; }
}

.gamesB #menu { position: fixed; right:13%; top: 50%; transform: translateY(-50%); z-index: 10;}
.gamesB #menu li { transform: scale(0.95); transition: all 0.6s; width: 85px; height: 85px; box-sizing: border-box; border:3px solid #666666; border-radius: 10px; overflow: hidden; margin: 6px 0; }
.gamesB #menu li.active { border-color:#fff; transform: scale(1.05); }
.gamesB video.mb { display: none; }
.gamesB .p1:after,.gamesB .p2:after,.gamesB .p3:after,.gamesB .p4:after,.ibanner:after { content:''; width: 100%; height: 50vh; position: absolute; left:0; top:0; background: url("../images/gamebgb.png") no-repeat top center; background-size: 100% auto;}

@media(max-width:  1480px){
	.gamesB #menu { right: 10%; }
	.gamesB #menu li { width: 70px; height: 70px; }
}
@media(max-width:  1280px){
	.gamesB #menu { right: 3%; }
	.gamesB #menu li { width: 50px; height: 50px; }
}
@media(max-width:  1024px){
	.gamesB #menu { right: 3%; }
	.gamesB #menu li { width: 12px; background: #fff; margin: 8px 0; border-radius: 12px; opacity: 0.5; height: 12px; border:none; }
	.gamesB #menu li img { opacity: 0; }
	.gamesB #menu li.active { opacity: 1; }
	.gamesB video.mb  { display: block; }
	.gamesB video.pc { display: none; }
}

/*加入我们*/
.ibanner { position: relative; overflow: hidden; }
.ibannerA { position: absolute; left:0;bottom:7vw; text-align: center; width: 100%; }
.ibannerA a { display: inline-block; margin: 0 5vw; padding:20px 60px; background: rgba(0,0,0,0.4); border-radius: 100px; }
.ibannerA a .icon { display: block; width: 50px; margin: 0 auto 10px; }
.ibannerA a:hover .icon { transform: scale(1.1); transition: all 0.5s; }
.ibannerA a .t { font-size: 32px;color:#fff; font-weight: bold; }
.ibannerA a:hover { transition: all 0.5s; background: rgba(0,0,0,0.6); }
.ibanner .mo { display: none; }


@media(max-width:  1920px){
	.ibannerA a .t { font-size: 20px; letter-spacing:0px; }
}
@media(max-width:  1480px){
	.ibannerA a .icon { width: 40px; }
}
@media(max-width:  1024px){
	.ibannerA a .icon { width: 40px; margin-bottom:0; }
	.ibannerA a .t { font-size: 18px; }
	.ibannerA a { width: 200px; padding: 15px 0; margin:0 10px; }
	.ibanner .pc { display: none; }
	.ibanner .mo { display: block; }

}
@media(max-width:  640px){
	.ibannerA a .icon { width: 30px; margin-bottom:8px; }
	.ibannerA a .t { font-size: 16px; margin-top:0px; }
	.ibannerA a { width: 180px; padding: 12px 10px; margin: 0 2px; }
	.ibannerA { bottom:50px; }
}
@media(max-width:  400px){
	.ibannerA a .icon { width: 30px; margin-bottom:0; }
	.ibannerA a .t { font-size: 16px; }
	.ibannerA a { width: 160px; margin: 0 2px; }
	/*.ibannerA { bottom:20px; }*/
}
@media(max-width:  360px){
	.ibannerA a .icon { width: 30px; margin-bottom:0; }
	.ibannerA a .t { font-size: 16px; }
	.ibannerA a { width: 140px; margin: 0 2px; }
	/*.ibannerA { bottom:20px; }*/
}

.joinA { padding:5vw 0 3vw;  background: #f8f8f8; }
.joinA .homeBMore { text-align: right; margin-top: 2vw; }
.joinA-b { margin-top:2.5vw; }
.joinA-b ul li { float: left; width: calc(33.333% - 12px); margin-right: 18px; }
.joinA-b ul li:nth-child(3n) { margin-right:0; }
.joinA-b ul li:nth-child(n+4) { margin-top:18px; }
.joinA-b ul li a { text-align: center; display: block; transition: all 0.5s; background: #f8f8f8; padding:  2.5vw 12px 2.6vw; max-width: 15vw; margin: 0 auto; border-radius: 6px; border:2px solid #f8f8f8; }
.joinA-b ul li:hover a {background: #fff;  border:2px solid #fff; box-shadow: 5px 5px 16px 15px rgba(200,200,200,0.3); }
.joinA-b ul li .icon { width: 100px; margin: 0 auto 16px; }
.joinA-b ul li .icon img { width: 100%; }
.joinA-b ul li:hover .icon { transform: scale(1.1); transition: all 0.5s; }
.joinA-b ul li:hover { z-index: 5; position: relative; }
.joinA-b ul li .icon .icon2 { display: none; }
.joinA-b ul li:hover .icon .icon1 { display: none; }
.joinA-b ul li:hover .icon .icon2 { display: inline-block; }

.joinA-b ul li .t span { display: inline-block; font-size: 24px;color:#333333; padding-right:16px; background: url("../images/joabg.svg") no-repeat right center; background-size: 8px auto; font-weight: bold; }
.joinA-b ul li:hover .t span { color:#007ec5; background: url("../images/joabga.svg") no-repeat right center; background-size: 8px auto; font-weight: bold; }
.joinA .mainMore { width: 200px; }
@media(max-width: 1480px){
	.joinA-b ul li .icon { width: 80px; margin-bottom:10px; }
	.joinA-b ul li .t span { font-size: 20px; }
}
@media(max-width: 1024px){
    /*.joinA .homeBMore { text-align: center; }*/
	.joinA { padding:30px 0 40px; }
    .joinA-b { margin-top:16px; }
	.joinA-b ul li .icon { width: 60px; margin-bottom:0px; }
	.joinA-b ul li .t span { font-size: 16px; }
	.joinA-b ul li { float: left; width: calc(50% - 5px); margin-right: 10px; }
	.joinA-b ul li:nth-child(3n) { margin-right:10px; }
	.joinA-b ul li:nth-child(2n) { margin-right:0px; }
	.joinA-b ul li:nth-child(n+3) { margin-top:10px; }
	.joinA-b ul li a { padding: 20px 10px; max-width: 100%; max-height: 1000px; }
	.joinA .mainMore { width: auto; }
}

.joinB { }
.joinB-a { padding: 7vw 0 7.5vw; background: url("../images/joinbbg.png") no-repeat left bottom; }
.joinB-b { position: relative; }
.joinB-a { position: relative; }
.joinB-a .mainTit { position: absolute; left: 13.4%; top:-5px; line-height: 1; }
.joinB-c { float: right; width: 52.5%; }
.joinB-c .img { border-radius: 15px; overflow: hidden; }
.joinB-d { width: 40%; position: absolute; left:13.4%; bottom: 0; border-left: 2px solid #e8e8e8; }
.joinB-d ul li { cursor: pointer; position: relative; padding-left: 26px; }
.joinB-d ul li:after { content:''; width: 4px; height: 0%; background: #000000; position: absolute; left:-3px; top:0; }
.joinB-d ul li.cur:after { height: 100%; background: #000000; transition: all 0.6s; }
.joinB-d ul li .tit { font-weight: bold; transition: all 0.6s; line-height: 0.8; font-size: 1.2vw; color:#bcbcbc; }
.joinB-d ul li.cur .tit { font-size: 1.5vw; color:#111111; }
.joinB-d ul li .con { display: none; margin:20px 0 0 8px; font-size: 16px; color:#666666; line-height: 1.8; }
.joinB-d ul li.cur .con { display: block; }
/*.joinB-d ul li .con p { padding-left:15px; position: relative; }*/
/*.joinB-d ul li .con p:before { content:''; width: 6px; height: 6px; box-sizing: border-box; border-radius: 50%; border: 2px solid #666666; position: absolute; left:0; top: 50%; transform: translateY(-50%); }*/
.joinB-d ul li:nth-child(n+2) { margin-top: 2.5vw; }
@media(max-width: 1680px){
	.joinB-a .mainTit,.joinB-d { left: 10%; }
	.joinB-d ul li:nth-child(n+2) { margin-top: 2vw; }
}
@media(max-width: 1480px){
	.joinB-d ul li .con p { font-size: 16px; }
	.joinB-d ul li:nth-child(n+2) { margin-top: 1.5vw; }
}
@media(max-width: 1380px){
	.joinB-d { width: 32%; }
	.joinB-a .mainTit,.joinB-d { left:3%; }
	.joinB-c { width: 62%; }
	.joinB-d ul li .con { margin:10px 0 0 5px; line-height: 1.5; }
	.joinB-d ul li { padding-left: 16px; }
	.joinB-d ul li .con p { font-size: 14px; }
	/*.joinB-d ul li .con p:before { top:10px; transform: translateY(0); }*/
	.joinB-d ul li .tit { font-size: 22px; }
	.joinB-d ul li.cur .tit { font-size: 26px; line-height: 1; }
}
@media(max-width:  1024px){
	.joinB-a .mainTit,.joinB-d { left:3%; position: relative; }
	.joinB-a { padding: 30px 0 50px; }
	.joinB-a { margin-left:0; width: 100%; border-radius: 0; }
	.joinB-c { width: 100%; padding: 20px 3% 30px; }
	.joinB-d ul li:nth-child(n+2) { margin-top: 12px; }
	.joinB-d ul li .con { margin: 12px 0 0 3px; }
	.joinB-d ul li .tit { line-height: 1.4; }
	.joinB-d ul li .con p{ font-size: 14px; }
	.joinB-d { position: relative; top:0; transform: translateY(0); width: 94%; margin-bottom: 0px; float: left; }
}
@media(max-width:  400px){
	.joinB-d ul li .tit { font-size: 18px; }
	.joinB-d ul li.cur .tit { font-size: 22px; line-height: 1; }
}
.joinC { position: relative; }
.joinC .cc { font-weight: bold; font-size: 1.5vw; margin-top:1.6vw; } 
.joinC-a { width: 100%; position: absolute; left:0; top:50%; transform: translateY(-50%); }
.joinC .img .mb { display: none; }

@media(max-width:  1024px){
	.joinC .cc { font-size: 16px; }
	.joinC .mainTit .t { text-align: left; }
	.joinC .cc { margin-top: 26px; font-size: 20px; }
	.joinC .cc span { display: block; text-align: left; line-height: 2; }
    .joinC .img .mb { display: block; }
    .joinC .img .pc { display: none; }
    .joinC .cc { text-align: left;}
}


/*竞赛*/
.matchs .p1,.matchs .p3,.matchs .p5 { background: #f8f8f8; }
.matchA { position: absolute; width: 100%; bottom:2vw; left:0; }
.matchA-c { position: relative; margin-top: 2vw; }
.matchA-d { padding: 0 60px; border-radius: 15px; overflow: hidden; }

.matchA-b .mainTit { position: relative; }

.matchA-b .bannerScroll { position: absolute; right:0; top:50%; transform: translateY(-50%);  }
.bannerScroll { cursor: pointer; }
.matchA-b .bannerScroll  { border-color:#d2d2d2;  }
.matchA-b  .bannerScroll span:after { background: url("../images/jt.svg") no-repeat center; background-size: 12px auto; }

.bannerScroll i { width: 200px; font-size: 16px; text-align: right; position: absolute; right: 60px; top:50%; transform: translateY(-50%); }
.banner .bannerScroll i { color:#fff; }


.matchA-d { position: relative; }
.matchA-d .con { width: 100%; position: absolute; left:0; top:40%; transform: translateY(-50%); z-index: 5; }
.matchA-d .con .t { font-size: 1.9vw; }
.matchA-d .con .c { font-size: 16px; margin:12px 0 18px; max-width: 1500px; line-height: 1.5; }
.matchA-d .con .cc { font-size: 16px; line-height: 20px; }
.matchA-d .con .t .tttt { font-weight: bold; }

.matchA-d .con .tt { margin: 8px 0; padding-left: 26px; }
.matchA-d .con .t1 { background: url("../images/dja.png") no-repeat left top; }
.matchA-d .con .t2 { background: url("../images/djb.png") no-repeat left top; }


.matchA-d .img { border-radius: 16px; overflow: hidden; position:relative; }
.matchA-d .img:after { content:''; width: 100%; height: 100%; position: absolute; left:0; top:0; background: url("../images/gamebg.png") no-repeat left center/cover; z-index: 1; }
.matchB { text-align: center; position: absolute; left:0; bottom:0; width: 100%; padding: 0 60px; }
.matchB-d { display: inline-block; }
.matchSwiper { overflow: hidden; }
.matchB .swiper-slide { cursor: pointer; width: 160px; text-align: center; height: 7vw; position: relative; }
.matchB .swiper-slide-thumb-active { background: url("../images/djbg.png") no-repeat center/cover; }
.matchB .swiper-slide-thumb-active:before { content:''; width: 100%; height: 3px; background: #fff; position: absolute; left:0; top:0; }
.matchB-a { position: absolute; left:0; top:50%; transform: translateY(-50%); width: 100%; }

.matchB-e { border-bottom-left-radius: 16px; height: 7vw; overflow: hidden; border-bottom-right-radius: 16px; background: rgba(0,0,0,0.7); border-top:1px solid rgba(255,255,255,0.3); z-index: 10; position: relative; }
.matchB-e .t { font-size: 16px;color:#fff; margin-top: 0px; }
.matchB .swiper-slide-thumb-active .t { display: none; }
.matchB .swiper-slide-thumb-active img { transform: scale(1.3); transition: all 0.6s; }
.matchB .swiper-slide img { width: 4vw; }
.matchA-d .mb { display: none; }

.matchA-d .img { max-height: 70vh; }

.matchA-c .swiper-pagination { display: none; }


@media(max-width:  1480px){
	.matchB-e  { height: 8vw; }
	.matchB .swiper-slide { height: 8vw; width: 140px; }
}
@media(max-width:  1280px){
	.matchA-d { padding: 0; }
	.matchB,.matchA-c { padding: 0 3%; }
	.matchA-d .con .container { width: 90%; }
}
.matchA-d .con .mainMore { margin-top: 20px; }
.matchA-d .con .t .logo { display: none; }
@media(max-width:  1024px){
	.matchA { bottom: auto; top:10%; margin-top: 0px; }
	.matchA-c { margin-top: 20px; }
	.matchA-d .con .t { font-size: 22px; }
	.matchA-d .pc { display: none; }
	.matchA-d .mb { display: block; }
	.matchB-d { width: 100%; display: block; }
	.matchB .swiper-slide img { width: 60px; }
	.matchB-e  { height: 120px; }
	.matchB .swiper-slide { height: 120px; width: 24vw; }
	.matchA-b .bannerScroll,.matchB { display: none; }
	/*.matchA-d .con .cc,.matchA-b .bannerScroll,.matchB { display: none; }*/
	.matchA-d .con { top:auto; transform: translateY(0); left:0; bottom:0; background:rgba(0,0,0,0.6); padding:18px 16px 30px; }
	.matchA-d .con .container { width: 100%; }
	.matchA-d .con .c { font-size: 14px; max-width: 100%; }
    .matchA-d .con .mainMore,.matchA-d .con .t .logo { display: inline-block; }
    .matchA-d .con .t .logo { width: 80px; }
    .matchA-d .con .t { position: relative; }
    .matchA-d .con .t .tttt { position: absolute; left: 90px; top: 50%; transform: translateY(-50%); width: calc(100% - 90px); }
    .matchA-d .con .c { max-height: 120px; overflow-y: scroll; }
    .aboutC-c .con .c {scrollbar-color:  #666666 rgba(0,0,0,0.2); scrollbar-width: thin; -ms-overflow-style:none;}
    .aboutC-c .con .c::-webkit-scrollbar {width: 5px;height: 3px;}
    .aboutC-c .con .c::-webkit-scrollbar-thumb {border-radius: 3px;-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.2);background: #666666;}
    .aboutC-c .con .c::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);border-radius: 4px;background: rgba(0,0,0,0.2);}
    .matchA-d .img { max-height: 70vh; }
    .matchA-c .swiper-pagination { height: 16px; display: block; left:0; width: 100%; top: 20px; text-align: center; }
    .matchA-c .swiper-pagination .swiper-pagination-bullet { margin: 0 10px; width: 10px; height:10px; background:none; opacity: 1; position: relative; }
    .matchA-c .swiper-pagination .swiper-pagination-bullet:before,.matchA-c .swiper-pagination .swiper-pagination-bullet:after { position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); content:''; width: 4px; height: 4px; border-radius: 50%; background:#fff;  }
    .matchA-c .swiper-pagination .swiper-pagination-bullet:after { background:none; border:1px solid #fff; transition: all 0.5s; }
    .matchA-c .swiper-pagination .swiper-pagination-bullet-active:after { width:14px; height: 14px; }
    .container { width: 94%; }
}
@media(max-width:  500px){
	.matchB .swiper-slide { height: 120px; width: 32vw; }
}

@media(max-width:  400px){
	.matchA-d .img { max-height: 70vh; }
}

.matchs .p5 { background: url("../images/parbg.png") no-repeat right center/cover #f8f8f8; }

.matchC { position: absolute; width: 100%; left:0; top:50%; transform: translateY(-50%);  }




.matchC-c { position: relative; line-height: 24px; padding: 2px 0 10px 64px; position: absolute; bottom: -100px; right: -15%; }
/*.matchC-c:before { content:''; width:50px; height:50px; background: url("../images/emailbg.svg") no-repeat center; background-size: 28px auto; border:1px solid #999; border-radius: 50%;position: absolute; top:0; left:0;  }*/
.matchC-c .t { font-size: 18px;color:#666666; }
.matchC-c .c { padding: 12px 20px; background:#007ec5; border-radius: 50px; }
.matchC-c .c a { background: url("../images/email.svg") no-repeat left center; background-size: 24px auto; padding-left:28px; display: block; font-size: 18px;color:#ffffff; }
.matchC-c .c a span,.matchC-c .c a em { vertical-align: top; }
.matchC-c .c a span { line-height:24px; display: inline-block; width: 0; height:24px; transition: all 0.6s; overflow: hidden; }
.matchC-c .c a span i { width: 330px; display：block; font-style: normal; height:24px; line-height:24px; }
.matchC-c .c a:hover span { width: 340px; }
.matchSwiperA { margin-top: 2vw; overflow: hidden; }
.matchSwiperA .swiper-slide { background: #fff; border-radius: 12px; overflow: hidden; height: calc((100% - 20px) / 3); }
.matchSwiperA .clearfix { padding-right:10px; display: flex; flex-wrap: wrap; }
.matchSwiperA .li { float: left; width: calc(16.666% - 5px); background:#fff; border-radius: 5px; margin-right: 6px;}
.matchSwiperA .li:nth-child(6n) { margin-right:0; }
.matchSwiperA .li:nth-child(n+7) { margin-top: 6px; }
.matchSwiperA .clearfix { max-height: 50vh; overflow-y: scroll; }
.matchSwiperA .clearfix {scrollbar-color:  #999999 rgba(0,0,0,0); scrollbar-width: thin; -ms-overflow-style:none;}
.matchSwiperA .clearfix::-webkit-scrollbar {width: 6px;height: 3px;}
.matchSwiperA .clearfix::-webkit-scrollbar-thumb {border-radius: 3px;-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.2);background: #999999;}
.matchSwiperA .clearfix::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);border-radius: 4px;background: rgba(0,0,0,0);}



.matchSwiperA .swiper-wrapper { flex-wrap: wrap; flex-direction: column; }
.matchSwiperA .swiper-slide .img,.matchSwiperA .swiper-slide img { text-align: center; height: 100%; }
.matchSwiperA .swiper-slide:hover { border:1px solid #dedede; }

/*.matchC-b { position: relative; padding-bottom:100px; }*/
.matchC-b .swiper-pagination {top: auto; height: 2px; background: #dedede; position: absolute; left: 0; bottom: 26px; width: calc(100% - 130px); }
.matchC-b .swiper-pagination .swiper-pagination-progressbar-fill { background: #6f6f6f; }

.matchC-b .abQh { opacity:0.5; bottom: 2px; position: absolute; width: 52px; height: 52px; border:2px solid #353535; cursor: pointer; border-radius: 50%; }
.matchC-b .abQh:hover { opacity: 1; }
.matchC-b .next { right:0; background: url("../images/abcnext.svg") no-repeat center; background-size: 16px auto; }
.matchC-b .prev { right:62px; background: url("../images/abcprev.svg") no-repeat center; background-size: 16px auto; }

@media(max-width:  1480px){
	.matchSwiperA { margin-top: 30px; }
	.matchC-b .abQh { width: 48px; height: 48px; }
	.matchC-b .prev { right: 58px; }
	.matchC-b .swiper-pagination { width: calc(100% - 115px); }
	.matchC-c { right: -10%; }
	/*.matchC-b { position: relative; padding-bottom:80px; }*/
}
@media(max-width:  1380px){
	.matchC-c { right: -5%; }
	/*.matchC-b { position: relative; padding-bottom:80px; }*/
}
@media(max-width:  1024px){
	.matchC .mainTit .c { margin-top: 5px; display: block; }
	.matchC-c { position: relative; left:0; display: inline-block; margin-top:10px; }
	.matchSwiperA {  margin-top: 20px; }
	.matchSwiperA .swiper-slide { height: calc((100% - 30px)/4); }
	/*.matchC-b { position: relative; padding-bottom:60px; }*/
	.matchC-b .abQh { bottom: 8px; }
	    
	.matchSwiperA .li { float: left; width: calc(33.3333% - 6px); margin-right: 9px;}
    .matchSwiperA .li:nth-child(6n) { margin-right:9px; }
    .matchSwiperA .li:nth-child(3n) { margin-right:0; }
    .matchSwiperA .li:nth-child(n+4) { margin-top: 9px; }
    
    .matchC-c { position: relative; text-align: right; width: 100%; right:auto;left:0; bottom:0; padding:0; margin-top: 40px; }
	.matchC-c .c { display: inline-block; }
}
@media(max-width:  640px){
	.matchC-b .abQh { width: 36px; height: 36px; }
	.matchC-b .prev { right: 42px; }
	.matchC-b .swiper-pagination { width: calc(100% - 90px); }
	.matchSwiperA { margin-top: 20px; }
	.matchSwiperA .swiper-slide { height: calc((100% - 30px)/4); }
	.matchC-c .c a { font-size: 14px; }
	.matchC-c .c a span i { width: 290px;  }
    .matchC-c .c a:hover span { width: 280px; }
}
@media(max-width:  450px){
    .matchC-c .c a:hover span { width:0; }
}
@media(max-width:  350px){
	.matchC-c .c a { font-size: 12px; }
}




.aboutAddA { background: url("../images/aboutaddbg.jpg") no-repeat center/cover; padding: 7vw 0 8vw; position:relative; z-index: 10; }
.aboutAddA-a { position: relative;width: 100%; }
.aboutAddA-a .swiper-container { padding: 20px; padding-bottom: 100px;}
.aboutAddA-a  .swiper-slide { padding: 2vw; border-radius: 20px; text-align: center; width: 540px; background: rgba(255,255,255,0.9);box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.1); }
.aboutAddA-a  .swiper-slide img { }
.aboutAddA-a  .swiper-slide .y { font-size: 12px;color:#666666; margin: 10px 0 8px; }
.aboutAddA-a  .swiper-slide .t { line-height: 1.6; font-size: 16px;color:#333333; }

.aboutAddA-a  .swiper-slide .tit { position: relative; padding:0 30px; }
.aboutAddA-a  .swiper-slide .tit:after,.aboutAddA-a  .swiper-slide .tit:before {
    content: ''; width: 20px; height: 50px; position: absolute; top: 50%; transform: translateY(-50%);
}

.aboutAddA-a  .swiper-slide .tit:before { background: url("../images/left.png") no-repeat center/cover; left:0; }
.aboutAddA-a  .swiper-slide .tit:after { background: url("../images/right.png") no-repeat center/cover; right:0; }

@media(max-width: 1024px){
    .aboutAddA { padding: 40px 0 50px; }
    .aboutAddA-a  .swiper-slide { padding: 20px; }
    .aboutAddA-a .swiper-container { padding:10px; padding-bottom: 80px; }
}
@media(max-width: 640px){
    .aboutAddA-a  .swiper-slide { width: 100%; padding: 20px; }
    .aboutAddA-a .swiper-container { padding:10px; }
    .aboutAddA-a .swiper-container { padding:10px; padding-bottom: 80px; }
    .aboutAddA-a .swiper-slide-prev,.aboutAddA-a .swiper-slide-next { opacity: 0!important; }

	.desktopOnly{
		display: none;
	}
	
	.mobileOnly{
		display: block;
	}
}

@media(min-width: 641px){

	.desktopOnly{
		display: block;
	}
	
	.mobileOnly{
		display: none;
	}
}

.aboutAddA .swiper-pagination {top: auto; height: 2px; background: #dedede; position: absolute; left: 0; bottom: 26px; width: calc(100% - 130px); }
.aboutAddA .swiper-pagination .swiper-pagination-progressbar-fill { background: #6f6f6f; }
.aboutAddA-a .swiper-container { overflow: hidden; }
.aboutAddA .abQh { opacity:0.5; bottom: 2px; position: absolute; width: 52px; height: 52px; border:2px solid #353535; cursor: pointer; border-radius: 50%; }
.aboutAddA .abQh:hover { opacity: 1; }
.aboutAddA .next { right:0; background: url("../images/abcnext.svg") no-repeat center; background-size: 16px auto; }
.aboutAddA .prev { right:62px; background: url("../images/abcprev.svg") no-repeat center; background-size: 16px auto; }

@media(max-width:  1480px){
	.aboutAddA .abQh { width: 48px; height: 48px; bottom:0; }
	.aboutAddA .prev { right: 58px; }
}

@media(max-width:  640px){
	.aboutAddA .abQh { width: 36px; height: 36px; }
	.aboutAddA .prev { right: 42px; }
	.aboutAddA .swiper-pagination { width: calc(100% - 90px); bottom: 16px; }
}