@charset "UTF-8";
/*-----default model-----*/
body,h1, h2, h3, h4, h5, h6,p,ul, ol, dl, dd,figure, menu, input, textarea, button, select, th, td,figcaption {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6,b, strong {font-size: 100%;font-weight: normal;}
li {list-style: none;}
em, i {font-style: normal;}
img {border:none;}
input,textarea,button,select {outline: 0 none;}
table{border-collapse: collapse; margin:0 auto;}
textarea {resize: vertical;}
a {text-decoration: none;outline: 0 none;color:inherit}
table{border-collapse:collapse;width: 100%;color: #333;text-align: center;}
.clearfix:before,.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfix{zoom:1} 
body{width: 100%;height:100%; background: #6cc6c1; font-size: 12px;min-width: 1100px!important; font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; color: #444;overflow-x: hidden;}
a[title="站长统计"]{display: none;}
@media only screen and (min-width: 800px) {
	.pc-hide{display:none !important;}
}
.left{float: left;}
.right{float: right;}
.wrap{position: relative; width: 1100px; margin: 0 auto;font-size: 0;text-align: center;display: flow-root;}
.hide{display: none;}
.p-hide{
	display: none;
}
.sec{
	display: inline-block;width: 100%;
}
.sec1{
	background: url(../images/s1Bg.jpg) no-repeat center top;background-size: auto 3.73rem;height: 3.73rem;
}
.sec2{
	background: url(../images/s2Bg.jpg) no-repeat center top;background-size: auto 6.82rem;height: 6.82rem;
}
.sec3{
	background: url(../images/s3Bg.jpg) no-repeat center top;background-size: auto 9.21rem;height: 9.21rem;
}
.sec4{
	background: url(../images/s4Bg.jpg) no-repeat center top;background-size: auto 6.87rem;height: 6.87rem;
}
.sec5{
	background: url(../images/s5Bg.jpg) no-repeat center top;background-size: auto 6.98rem;height: 6.98rem;
}
.sec7{
	background: url(../images/s7Bg.jpg) no-repeat center top;background-size: auto 7.41rem;height: 7.41rem;
}
.tit h2{
	height: 1.01rem;line-height: 1rem;background: url("../images/titBg.png") no-repeat center top;background-size: auto 100%;
}
.tit h2 span{
	font-size: .38rem;
	font-weight: bold;
	color: #fff;
	display: inline-block;
	width: 100%;
	height: 1rem;
	line-height: 1rem;
}
.tit h2 span label{
	display: inline-block;
	color: #ffe08f;
}
.tit h2 span label i{
	display: inline-block;
	width: .08rem;
	height: .08rem;
	background: #ffe08f;
	border-radius: 1rem;
	vertical-align: super;
	margin: 0 .07rem;
}
.main{
	display: inline-block;width: 100%;background: #fff;border-radius: .08rem;padding-bottom: .38rem;
}
.cot{
	display: inline-block;width: 100%;position: relative;
}
/* banner */
.banner-box{
	width: 100%;max-width: 2000px;height: 784px;position: relative;background: url(../images/banner_bg.jpg) no-repeat center top;font-size: 0; box-sizing: border-box;background-size: auto 784px;margin: 0 auto;display: block;
}
.banner-box .logo{
	 display: inline-block;width: 1.3rem;position: absolute;left: 0;top: .4rem;
}
.banner-box .logo img{
	width: 100%;
}
.banner-box .banimg{
    clear: both;
    display: block;
    margin: 0 auto;
    text-align: center;	
}
.banner-box .banimg2 {
	width: 2.78rem;
	position: absolute;
	right: .25rem;
	top: .95rem;
}
.banner-box .banimg1{
	width: 8.8rem;
	margin-top: 1.95rem;
}
.banner-box .banP{
	display: inline-block;
	width: 74%;
	margin: .32rem 13% 0;
}
.banP>span{
	display: inline-block;
	width: 1.91rem;
	height: .55rem;
	line-height: .55rem;
	background: -webkit-linear-gradient(bottom, #fff, #ffeba9);
	background: linear-gradient(to bottom, #fff, #ffeba9);
	border-radius: 1rem;
	font-size: .24rem;
	color: #1a1a1a;
	margin: 0 .06rem;
}


/* sec1 */
.tit1{
	margin-top: -1.01rem;
}
.cot1{
	width: 100%;
	height: 2.37rem;
	background: url("../images/s1Cbg.png") no-repeat center top;
	background-size: auto 100%;
	margin-top: .53rem;
}
.cot1>div{
	display: inline-block;
	width: 100%;
}
.ct1T{
	height: .6rem;
	line-height: .6rem;
}
.ct1T>span{
	display: inline-block;
	float: left;
	margin-left: .7rem;
}
.ct1T>span>label{
	font-size: .3rem;
	font-weight: bold;
	color: #fbf4d5;
	margin-right: .4rem;
	display: inline-block;
	width: 1.3rem;
	float: left;
}
.ct1T>span>i{
	display: inline-block;
	float: left;
	font-size: .24rem;
	color: #202228;
	height: .41rem;
	line-height: .4rem;
	margin-top: .19rem;
}
.ct1M{

}
.cot1 .ct1I{
	width: 1.92rem;
	position: absolute;
	bottom: 0rem;
	right: .38rem;
}
.cot1 .ct1I img{
	width: 100%;
}
.ct1M>div{
    display: inline-block;
    float: left;
    margin-right: .45rem;
    margin-top: .28rem;
}
.ct1xq1{
	margin-left: 1.15rem;
}
.ct1M>div>span{
	display: inline-block;
	float: left;
	font-size: .2rem;
	height: .44rem;
	line-height: .44rem;
	color: #1a1a1a;
	text-align: left;
	clear: both;
}
.ct1M>div .s1p2{
	height: .6rem;
	line-height: .6rem;
}
.ct1M>div>span::before{
	display: inline-block;
	content: '';
	width: .13rem;
	height: .16rem;
	background: url(../images/s1icon.png) no-repeat center top;
	background-size: 100%;
	margin-right: .14rem;
}
/* sec2 */
.video-main{
	width: 100%; clear: both; float: left; margin-top: .45rem;background: #fff;border-radius: .08rem;
}
.video-main .left{
	float: left; width: 7.8rem; display: block;
	border-radius: .08rem;
	overflow: hidden;
}
.video-main .left .video-box{width: 97%;margin: 1.5%;}
.video-main .right{
	float: left;
	margin-top: .12rem;
	margin-left: .1rem;
}
.video-main .right ul{
	float: left; clear: both;
}
.video-main .right li{
	width: 2.8rem; height: .95rem; display: block; float: left; clear: both;margin-bottom: .14rem;color: #333;
	border-radius: .12rem;
	font-size: .2rem; line-height: .52rem; text-align: left;
	cursor: pointer;
}
.video-main .right li:nth-of-type(1){
	background: url(../images/s2img1.png) no-repeat center top;background-size: 100%;color: #f37a1f;
}
.video-main .right li:nth-of-type(2){
	background: url(../images/s2img2.png) no-repeat center top;background-size: 100%;color: #6442f3;
}
.video-main .right li:nth-of-type(3){
	background: url(../images/s2img3.png) no-repeat center top;background-size: 100%;color: #f33f2c;
}
.video-main .right li:nth-of-type(4){
	background: url(../images/s2img4.png) no-repeat center top;background-size: 100%;color: #ee981d; margin-bottom: 0;
}

.video-main .right li span{
	display: inline-block;line-height: .95rem;margin-left: .15rem;
}
.video-main .right li label{
	display: inline-block;
	width: .92rem;
	height: .24rem;
	line-height: .24rem;
	background: #fff;
	border-radius: 1rem;
	border: .01rem solid #000;
	font-size: .16rem;
	color: #202228;
	text-align: center;
	cursor: pointer;
	margin-left: .22rem;
}
.video-main .right li label:hover{
	font-weight: bold;
}
.video-main .right li:nth-of-type(1) label{
	border: .01rem solid #f37a1f;
}
.video-main .right li:nth-of-type(2) label{
	border: .01rem solid #6442f3;
}
.video-main .right li:nth-of-type(3) label{
	border: .01rem solid #f33f2c;
}
.video-main .right li:nth-of-type(4) label{
	border: .01rem solid #ee981d;
}
.video-main .right li .lb2{
	display: none;
}
.video-main .right li.on .lb1{
	display: none;
}
.video-main .right li.on .lb2{
	display: inline-block;
}
/* sec3 */
.cot3{
	margin-top: .5rem;
}
.cot3>div{
	display: inline-block;
	float: left;
}
.cot3 .s3R{
	width: 100%;
}
.s3R>img{
	display: inline-block;
	float: left;
}
.s3Img2{
	margin-left: -.04rem;
}
.s3Img4{
	margin-left: -.04rem;
}
.s3Img5{
	margin-left: -.04rem;
}
	/* sec4 */
.cot4{

}
.s4xz{
	position: absolute;
	transform: translate(-50% , 0);
	top: .62rem;
	left: 34.5%;
	-webkit-animation: animtran 10s linear infinite;
    animation: animtran 10s linear infinite;
}
.cot4>div{
	display: inline-block;
	width: 100%;
}
.s4T{
	margin-top: .76rem;
}
.s4T>span{
	display: inline-block;
	float: left;
	font-size: .2rem;
	color: #1a1a1a;
	height: .48rem;
	line-height: .48rem;
	background: #fff;
	border: .01rem solid #63908e;
	border-radius: 1rem;
	margin-right: .8rem;
	width: 3.71rem;
	transition: all .5s;
	letter-spacing: .01rem;
	position: relative;
}
.s4T>span>label{
	color: #1ba292;
}
.s4T>span.scale{
	transform: scale(1.1);
}
.s4T>span:nth-of-type(2n){
	float: right;
	/* margin-right: 0; */
}
.s4T .sp1{
	margin-left: 1.61rem;
}
.s4T>.sp2{
	margin-right: .92rem;
}
.s4T .sp3{
	margin-top: .34rem;
	margin-left: .5rem;
}
.s4T .sp4{
	margin-top: .34rem;
    margin-right: .5rem;
}
.s4T .sp5{
	margin-top: .28rem;
	margin-left: 1.15rem;
}
.s4T .sp6{
	margin-top: .3rem;
    margin-right: .84rem;
}
.s4T .sp7 {
    margin-top: .29rem;
    margin-left: .65rem;
}
.s4T .sp8 {
    margin-top: .3rem;
    margin-right: 1.85rem;
}
.s4B{
	margin-top: .28rem;
}
.s4B p{
	display: inline-block;
	width: 3.73rem;
	height: .69rem;
	line-height: .87rem;
	font-size: .25rem;
	color: #139583;
	background: url("../images/zsBg.png") no-repeat center top;
	background-size: 100%;
	animation: scale3 1s infinite alternate linear;
}

/* sec5 */
.cot5{
	height: 4.46rem; background: url("../images/s5img1.png") no-repeat center top;background-size: 100%;margin-top: .72rem;
}
.s5T{
	display: inline-block;
	width: 100%;
}
.s5T>div{
	display: inline-block;
	float: left;
}
.s5nr{
	width: 50%;
	margin-top: .6rem;
	margin-left: .65rem;
}
.s5nr>p {
    font-size: .18rem;
    color: #1a1a1a;
    text-align: left;
    margin-bottom: .12rem;
    padding-right: .2rem;
    line-height: .35rem;
	text-indent: .36rem;
}
.s5nr>p>span{
	font-size: .23rem;
	font-weight: bold;
	color: #1ba292;
}
.s5T .s5I{
	float: right;
	width: 3.56rem;
	margin-top: -.28rem;
	margin-right: .33rem;
}
.s5I img{
	width: 100%;
}
.s5B{
	display: inline-block;
	width: 100%;
	margin-top: .2rem;
}
.s5B>p{
	font-size: .25rem;
	color: #fff;
}
/* sec6 */
.cot6{
	margin-top: .85rem;
}
.cot6>div{
	display: inline-block;
	width: 100%;
}
.s6T>div{
	display: inline-block;
	float: left;
	width: 2.51rem;
	height: 3.03rem;
	background: #fff;
	margin-bottom: .5rem;
	margin-right: .32rem;
	position: relative;
	cursor: pointer;
	border-bottom-left-radius: 2rem;
	border-bottom-right-radius: 2rem;
	transition: all .5s;
}
.s6T>div:hover{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.s6T>div:hover .p1{
	color: #1ba292;
}
.s6T>div:nth-of-type(4n){
	margin-right: 0;
}
.s6xq .s6Sp{
	display: inline-block;
	font-size: .45rem;
	font-weight: bold;
	color: #a6e4df;
	position: absolute;
	top: .08rem;
	right: .18rem;
}
.s6xq .p1{
	width: 85%;
	height: .32rem;
	line-height: .3rem;
	margin: .3rem 7.5% 0;
	text-align: left;
	font-size: .2rem;
	font-weight: bold;
	color: #202228;
	border-bottom: .02rem solid #99e9e3;
	margin-bottom: .15rem;
}
.s6xq .p2{
	font-size: .2rem;
	color: #202228;
	text-align: left;
	width: 80%;
	margin-left: 10%;
}
.s6xq .p3{
	width: 2.18rem;
	margin: .36rem auto 0;
}
.s6xq .p3 img{
	width: 100%;
}
/* sec7 */
.tit7 h2 {
	background: url(../images/titBg1.png) no-repeat center top;
	background-size: auto 100%;
}
.tit7 h2 span{
	font-size: .37rem;
}
.cot7{
	margin-top: 1.56rem;
}
.cot7>div{
	display: inline-block;
	float: left;
	width: 3.45rem;
	height: 1.53rem;
	background: #fff;
	border-radius: .12rem;
	margin-right: .32rem;
	margin-bottom: .92rem;
	position: relative;
}
.cot7>div:nth-child(3n){
	margin-right: 0;
}
.s7xq>img{
	width: 1.16rem;
	position: absolute;
	left: .2rem;
	top:-.57rem
}
.s7tit{
	font-size: .2rem;
	color: #202228;
	font-weight: bold;
	width: 2.37rem;
	height: .47rem;
	line-height: .47rem;
	border: .01rem solid #1ba292;
	background: -webkit-linear-gradient(bottom, #d9ffeb, #ade6fb);
	background: linear-gradient(to bottom, #d9ffeb, #ade6fb);
	border-radius: 1rem;
	margin-top: -.25rem;
	float: right;
	margin-right: .16rem;
}
.s7p1 {
	font-size: .2rem;
	color: #202228;
	text-align: center;
	margin-top: .66rem;
	line-height: .28rem;
}
.s7p1 span{
	color: #1ba292;
}
/* sec8 */
.tit8 h2 {
	background: url(../images/titBg1.png) no-repeat center top;
	background-size: auto 100%;
}
.tit8 h2 span{
	font-size: .37rem;
}
.cot8{
	background: url("../images/tbT.png") no-repeat center top;
	background-size: auto .52rem;
	margin-top: .35rem;
}
.tit8 h2 {
    margin-top: .28rem;
}
.cot8 table{
	width: 9.51rem;
	background: #fff;
	overflow: hidden;
	margin-top: .22rem;
	box-shadow: 0 .02rem .03rem rgba(63,214,202);
}
.cot8 table tr:first-child{
	width: 100%;
	height: .46rem;
	background: -webkit-linear-gradient(bottom, #f2fb7f, #b3f9c3);
	background: linear-gradient(to bottom, #f2fb7f, #b3f9c3);
	box-shadow: 0 .04rem .05rem rgba(255, 255, 255, 0.65);
}
.cot8 table tr th{
	height: .78rem;
	line-height: .78rem;
	font-size: .23rem;
	color: #1ba292;
	font-weight: bold;
	border-right: .01rem solid #1ba292;
	border-bottom: .01rem solid #1ba292;
}
.cot8 table tr th:nth-child(3){
	width: 29%;
}
.cot8 table tr th:nth-child(4){
	width: 25%;
}
.cot8 table tr th:nth-child(5){
	width: 12%;
	border-right: inherit;
}
.cot8 table tr td{
	font-size: .16rem;
	color: #333;
	border-right: .01rem solid #1ba292;
	border-bottom: .01rem solid #1ba292;
	padding: .18rem 0 .24rem;
	line-height: .24rem;
}
.cot8 table tr td:first-child{
	font-weight: bold;
}
.cot8 table tr td i{
	display: inline-block;
	height: .2rem;
	background: #fff4c9;
	margin-bottom: .05rem;
}
.cot8 table tr td span{
	font-weight: bold;
	color: #ea8933;
}
.cot8 table tr td:last-child{
	border-right: initial;
}
.cot8 table tr td label{
	font-size: .2rem;
	font-weight: bold;
	color: #d83636;
}
.cot8 table tr td a{
	display: inline-block;
	width: .82rem;
	height: .37rem;
	line-height: .37rem;
	background: #1ba292;
	border-radius: 1rem;
	margin-top: .06rem;
	font-size: .18rem;
	color: #fff;
	font-weight: normal;
	animation: scale2 1s infinite alternate linear;
}
.cot8 table tr .tbid{
	text-align: left;
	padding-left: .15rem;
}
.s8ts {
	font-size: .18rem;
	color: #1a1a1a;
	width: 9.51rem;
	background: #fff;
	margin: 0 auto;
	line-height: .32rem;
	padding: .08rem 0 .2rem;
	border-bottom-left-radius: .28rem;
	border-bottom-right-radius: .28rem;
}
.s8ts span{
	font-weight: bold;
	color: #1d6774;
}
/* sec9 */
.sec9{
	margin-top: .9rem;
}
.cot9{
	margin-top: .82rem;
}
.cot9>div{
	display: inline-block;
	float: left;
	width: 3.51rem;
	height: 2.03rem;
	margin-right: .23rem;
	margin-bottom: .3rem;
	cursor: pointer;
	transition: all .5s;
}
.cot9>div:hover{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.cot9>div:nth-of-type(3n){
	margin-right: 0;
}
.s9xq>div{
	display: inline-block;
	float: left;
}
.s9R {
    width: 55%;
    margin-left: .13rem;
}
.s9R>p {
	font-size: .18rem;
	color: #202228;
	text-align: left;
	line-height: .3rem;
	margin-top: .12rem;
}
.s9R .p1 {
    font-size: .18rem;
    font-weight: bold;
    color: #fff;
    margin: .24rem 0 .08rem;
	width: 1.32rem;
	height: .42rem;
	line-height: .42rem;
	background: #1ba292;
	border-top-left-radius: .2rem;
	border-bottom-right-radius: .2rem;
	text-align: center;
}
.s9xq1{
	background: url("../images/s9img1.png") no-repeat center top;
	background-size: 100%;
}
.s9xq2{
	background: url("../images/s9img2.png") no-repeat center top;
	background-size: 100%;
}
.s9xq3{
	background: url("../images/s9img3.png") no-repeat center top;
	background-size: 100%;
}
.s9xq4{
	background: url("../images/s9img4.png") no-repeat center top;
	background-size: 100%;
}
.s9xq5{
	background: url("../images/s9img5.png") no-repeat center top;
	background-size: 100%;
}
.s9xq6{
	background: url("../images/s9img6.png") no-repeat center top;
	background-size: 100%;
}
/* sec10 */
.sec10{
	margin-top: .55rem;
}
.cot10 {
    margin-top: .78rem;margin-bottom: 1.2rem;
}
.s10img1{
	border-top-left-radius: .08rem;
	border-top-right-radius: .08rem;
}
.s10nr{
	display: inline-block;
	width: 10.32rem;
	height: 1.93rem;
	background: #1ba292;
	margin-top: -1.24rem;
	position: relative;
	border-radius: .12rem;
}
.s10nr>div {
    display: inline-block;
    float: left;
    width: 16.65%;
	position: relative;
}
.s10nr>div:before{
	display: inline-block;
	content: '';
	width: .01rem;
	height: 1.24rem;
	background: #fff;
	position: absolute;
	right: 0;
	top: .34rem;
}
.s10nr .s10xqla::before{
	display: none;
}
.s10xq .p1{
	font-size: .5rem;
	color: #fff;
	font-weight: bold;
	margin: -.3rem auto 0;
}
.s10xq .p2{
	font-size: .2rem;
	font-weight: bold;
	color: #1ba292;
	width: 1.38rem;
	height: .4rem;
	line-height: .4rem;
	background: #fff;
	border-radius: 1rem;
	position: relative;
	margin: .2rem auto 0;
}
.s10xq .p3 {
    font-size: .18rem;
    color: #fff;
    width: 100%;
    margin: .25rem 0 .3rem;
	letter-spacing: .02rem;
}




@keyframes animtran {
	from {
		transform: rotateZ(0deg);
	}
	to {
		transform: rotateZ(360deg);
	}
}
@-webkit-keyframes animtran {
	from {
		transform: rotateZ(0deg);
	}
	to {
		transform: rotateZ(360deg);
	}
}
@keyframes animtrans {
	from {
		transform: rotateZ(720deg);
	}
	to {
		transform: rotateZ(0deg);
	}
}
@-webkit-keyframes animtrans {
	from {
		transform: rotateZ(720deg);
	}
	to {
		transform: rotateZ(0deg);
	}
}
@keyframes animtran2 {
	from {
		transform: rotateZ(0deg);
	}
	to {
		transform: rotateZ(360deg);
	}
}
@-webkit-keyframes animtran2 {
	from {
		transform: rotateZ(0deg);
	}
	to {
		transform: rotateZ(360deg);
	}
}
@keyframes scale2{
  0%{transform: scale(1.1);}
  100%{transform: scale(0.9);}
}
@keyframes scale3{
  0%{transform: scale(1.1);}
  100%{transform: scale(1);}
}