@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}
i,em{ font-style:normal;}
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%;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;background: #fff;}
#footer_bx{clear: both;}

.nav-bgd,.dv_mn{display:none;}
.nav-fixed{position: fixed;top: 0;left: 0;width: 100%; z-index: 900; _position: absolute; _top: expression(eval(document.documentElement.scrollTop));_left:20px }
.pbot80{padding-bottom: 80px;}
.m-show,.m-ib{display: none!important;}
.qgfx_box {margin-top: 10px; margin-bottom: 20px!important;}
a[title="站长统计"]{display: none;}
@media only screen and (min-width: 800px) {
	.pc-hide{display:none !important;}
}
.wrap{position: relative; width: 1100px; margin: 0 auto;font-size: 0;text-align: center;}

 /* 输入框填充背景 */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px white inset;
}
 
/* 输入框填充透明 */
/* input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #fff;
  transition: background-color 5000s ease-out 0.5s;
} */
 
 
/*banner */
.banner-box{position:relative;height:755px;background:url(../images/banner.jpg) no-repeat center top; overflow:hidden;width:100%; text-align:center;}
.banner-box .wrap{height: 755px; position: relative;}
.banner-box .logo{width: auto; position: absolute;left: 0; top: 23px; cursor: pointer;display: block;}

.banner-box .book{
	position: absolute; top: 1rem; right: 2.35rem;
	-webkit-animation: scaleUp 1.2s infinite ease-in-out alternate;
	animation: scaleUp 1.2s infinite ease-in-out alternate;
}
.banner-box .gold{
	position: absolute; left: -4.5rem; top: .75rem;
	/* -webkit-animation: scaleUp 1.2s infinite ease-in-out alternate;
	animation: scaleUp 1.2s infinite ease-in-out alternate; */
}
.banner-box .paper{
	position: absolute; right: -2.05rem; top: 1.56rem;
	-webkit-animation: scaleUp 1.2s infinite ease-in-out alternate;
	animation: scaleUp 1.2s infinite ease-in-out alternate;
}
.banner-box .title{
	position: absolute; left: -1.2rem; top: 2.7rem;
}
.banner-box img{
	display: inline-block; max-width: 100%;
}
.banner-box .title img{
	display: inline-block;
	-webkit-animation: scaleDraw 5s ease-in-out infinite;
	 animation: scaleDraw 5s ease-in-out infinite;
}
.banner-box .logo img{width: 100%; max-width: 1.56rem;}
@keyframes scaleUp{
    0%{transform: translateY(-10px);}
    100%{transform: translateY(0);}
}
@keyframes scaleUp{
    0%{transform: translateY(-10px);}
    100%{transform: translateY(0);}
}

@-webkit-keyframes scaleDraw{
	0%  {transform: scale(.95); }
	25% {transform: scale(1.05);}
	50% {transform: scale(.95);}
	75% {transform: scale(1.05);}
	100%{transform: scale(.95);}
}
@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
	0%  {transform: scale(.95); }
	25% {transform: scale(1.05);}
	50% {transform: scale(.95);}
	75% {transform: scale(1.05);}
	100%{transform: scale(.95);}
}

.sections{
	width: 100%; clear: both; float: left;
}
/*section1*/
.sec01{
	background:#fff url(../images/s1-bg.jpg) no-repeat center bottom;
	background-size: 100%;
}
.s1-main{
	clear: both; float: left; margin-top: 1.13rem;
	padding-bottom: 1rem;
}
.s1-main .left{
	float: left;
}
.s1-main .left font{
	float: left; width: 2.93rem; height: 1.16rem; display: block; clear: both; margin-bottom: .52rem;
	background: #fffbf4;
	cursor: pointer;
}
.s1-main .left font.cur{
	width: 3.02rem;
	background: url(../images/s1-img01.png) no-repeat center;
	background-size: 100%;
}
.s1-main .left font:last-child{
	margin-bottom: 0;
}
.s1-main .left font b{
	font-size: .24rem; line-height: .38rem; font-weight: bold; float: left; margin-left: .22rem; margin-top: .1rem; color: #333;
}
.s1-main .left font span{
	width: 2.5rem; float: left; margin-left: .22rem; font-size: .18rem; line-height: .24rem; text-align: left;
}
.s1-main .right{
	width: 9.25rem; height: auto; float: right; margin-right: -1.28rem;
	background: url(../images/s1-img02.png) no-repeat center bottom;
	background-size: 100%;
	padding-bottom: 1.05rem;
	-webkit-animation: scaleUp 1.2s infinite ease-in-out alternate;
		animation: scaleUp 1.2s infinite ease-in-out alternate;
}
.s1-main .right .item{
	width: 4.38rem; height: 3.72rem; display: inline-block;
	box-shadow: 0 0 1.3rem rgba(64,62,246,.2);
}
@keyframes scaleUp{
    0%{transform: translateY(-10px);}
    100%{transform: translateY(0);}
}
@keyframes scaleUp{
    0%{transform: translateY(-10px);}
    100%{transform: translateY(0);}
}
.s1-main .right .item img{
	width: 100%;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.s1-main .right .item img:hover{
	transform: scale(1.4)
}

.s1-btn{
	clear: both; float: left; margin: auto; width: 100%; margin-bottom: -2rem; margin-top: .5rem;
}
.s1-btn a{
	width: 1.76rem; height: .4rem; display: inline-block; margin: auto;
	font-size: .18rem; line-height: .4rem; color: #fff;
	background-color: #446eeb;
	border-radius: .2rem;
	box-shadow: 0 .03rem .1rem rgba(68,110,235,.4);
}

/* section02 */
.sec02{
	width: 100%; height: auto;
	background: url(../images/s2-bg.jpg) no-repeat center top;
	background-size: 100%;
}
.sections .title{
	width: 100%;
	padding-bottom: .07rem;
	background: url(../images/title-img01.png) no-repeat center bottom;
	background-size: auto .12rem;
	float: left;
}
.sections .title h2{
	font-size: .38rem; line-height: 1.04rem; font-weight: bold; color: #446eeb; float: left; width: 100%;
}
.title h2 i{
	font-size: .65rem; color: #ffc360; font-style: italic; font-weight: 900; display: inline-block; vertical-align: top;
}
.s2-title{
	float: left; margin-top: .75rem;
}
.s2-main{
	width: 100%; clear: both; float: left; margin-top: .6rem;
}
.s2-main .left{
	float: left; width: 7.5rem;
}
.s2-main  .left p{
	font-size: .18rem; line-height: .24rem; color: #333; width: 100%;
	float: left; clear: both; margin-bottom: .25rem;
}
.s2-main .left table{
	width: 100%;border: none;
	border-left: solid 1px #5a86ff;
}
.s2-main .left table th{
	font-size: .2rem; line-height: .24rem; padding: .11rem 0; font-weight: normal; color: #fff;
	background: #5885ff;
	background: -webkit-linear-gradient(#7496f9, #5885ff); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#7496f9, #5885ff); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#7496f9, #5885ff); /* Firefox 3.6 - 15 */
	background: linear-gradient(#7496f9, #5885ff); /* 标准的语法 */
	border-right:solid 1px #fff;
}
.s2-main .left table th b{
	font-weight: bold;
}
.s2-main .left table td{
	border-bottom: solid 1px #5a86ff; border-right: solid 1px #5a86ff;
	font-size: .18rem; line-height: .24rem; padding: .18rem .1rem;
}
.s2-main .right{
	float: right; margin-top: .6rem; margin-right: -1.02rem;
}
.s2-main .right img{
	-webkit-animation: scaleUp 1.2s infinite ease-in-out alternate;
		animation: scaleUp 1.2s infinite ease-in-out alternate;
}
.s2-form{
	width: 100%; clear: both; float: left; margin-top: .64rem;
	background-color: #fff;
	padding-bottom: 0;
	border-radius: .3rem;
}
.s2-form .title h2 i{
	margin-right: .2rem; display: inline-block;
}
.s2-form ul{
	clear: both; float: left; margin-top: .43rem;
}
.s2-form ul li{
	display: inline-block; width: 3rem; height: .52rem;background-color:  #f4f4f4; float: left;
	margin: auto .32rem;
}
.s2-form ul li:first-child{
	margin-left: 1.03rem;
}
.s2-form ul li:last-child{
	width: 1.6rem;
	background: #5885ff;
	background: -webkit-linear-gradient(#5685f2, #4065f3); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#5685f2, #4065f3); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#5685f2, #4065f3); /* Firefox 3.6 - 15 */
	background: linear-gradient(#5685f2, #4065f3); /* 标准的语法 */
}
.s2-form ul li span{
	float: left;font-size: .18rem; line-height: .52rem;
}
.s2-form ul li span:before{
	content: '';width: .21rem; height: .52rem; display: inline-block; float: left; margin-left: .2rem;  margin-right: .1rem;
}
.s2-form ul li span.name:before{
	background: url(../images/icon01.png) no-repeat center;
	background-size: 100%;
}
.s2-form ul li span.phone:before{
	background: url(../images/icon02.png) no-repeat center;
	background-size: 100%;
}
.s2-form ul li input{
	float: left; height: .52rem; border: none; width: 1.8rem;
	background: #f4f4f4; font-size: .18rem;
}
.s2-form ul li input:-webkit-autofill{
        -webkit-box-shadow: 0 0 0 1000px #f4f4f4 inset;
}
.s2-form ul li a{
	font-size: .18rem; line-height: .52rem; color: #fff; width: 100%; height: 5.2rem; display: inline-block;
}
.sec02 .sec04-tips{
	text-align: center; padding-bottom: 0.4rem; padding-top: 0.05rem; margin: 0 auto; margin-left: 2.79rem;
}

/* section03 */
.sec03{
	background: url(../images/s3-bg.jpg) no-repeat center top;
	/* background-size: 100%; */
	height: 1216px;
}
.sec03 .s3-title{
	margin-top: 3.14rem; float: left; width: 100%;
	background: url(../images/title-img02.png) no-repeat center bottom;
	background-size: auto .12rem;
}
.sec03 .s3-title h2{
	color: #fff;
}
.s3-title h2 i{
	margin-right: .2rem; display: inline-block;
}
.s3-main{
	float: left; width: 100%;
}

/* #certify {
	clear: both; float: left;
	position: relative;
	width: 100%;
	margin: .7rem auto auto;
}
 */
 #certify{
	 clear: both; float: left;
	 position: relative;
	 width: 100%;
	 margin: .7rem auto auto;
 }
.s3-main .swiper-container{
	
}
.s3-main .swiper-slide {
	width: 8.2rem;
	height: 4.09rem;
	background: url(../images/s3-img1.png) no-repeat center;
	background-size: 100%;
	/*box-shadow: 0 8px 30px #ddd;*/
}
.s3-main .swiper-slide .left{
	float: left;width: 2.6rem; height: 3.13rem; display: inline-block; margin-top: .57rem;
	margin-left: .72rem;
	background: url(../images/s3-img02.png) no-repeat center;
	background-size: 100%;
	border-radius: .2rem;
}
.s3-main .swiper-slide .left font{
	font-size: .26rem; line-height: .54rem; color: #333; font-weight: bold; width: 100%;
	float: left; display: inline-block;
	background: #ffb86a;
	background: -webkit-linear-gradient(#fce9cb, #ffb86a); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#fce9cb, #ffb86a); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#fce9cb, #ffb86a); /* Firefox 3.6 - 15 */
	background: linear-gradient(#fce9cb, #ffb86a); /* 标准的语法 */
	border-radius:.2rem .2rem 0 0;
	margin-bottom: .35rem;
}

.s3-main .swiper-slide .left img{
	display:block; margin: auto;
}
.s3-main .swiper-slide .right{
	float: left; width: 3.58rem; height: 2.37rem; display: inline-block;
	border: dashed 2px #d3dffc;
	border-radius: .2rem;
	margin-left: .62rem; margin-top: .56rem;
	position: relative;
}
.s3-main .swiper-slide .right:before{
	content: '';width: .2rem; height: .2rem; display: block; position: absolute;top: .46rem; left: -.12rem;
	background: url(../images/s3-icon04.png) no-repeat center;
	background-size: 100%;
}
.s3-main .swiper-slide .right p{
	font-size: .18rem; line-height: .28rem; color: #333; width: 82%; float: left; margin: .35rem 9% auto;
	text-align: left;
}
.s3-main .swiper-slide .right a{
	width: 1.76rem; height: .4rem; display: block;
	background-color: #446eeb;
	border-radius: .2rem;
	font-size: .18rem; line-height: .4rem; color: #fff;
	box-shadow:  0 .03rem .09rem rgba(68,110,235,.4);
	position: absolute; left: 50%; margin-left: -.88rem; bottom: -.21rem;
}



.s3-main .swiper-button-prev {
	left: -30px;
	width: 45px;
	height: 45px;
	background: url(../images/arr-left.png) no-repeat;
	background-size: 100%;
}

.s3-main .swiper-button-next {
	right: -30px;
	width: 45px;
	height: 45px;
	background: url(../images/arr-right.png) no-repeat;
	background-size: 100%;
}
.layer-mask {
	width: 100%;
	height: 100%;
	opacity: 0.5;
	transition: all 0.5s;
	background-color: #3e3e3e;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
}

.swiper-slide-active .layer-mask {
	display: none;
}


/* section04 */
.sec04{
	background: url(../images/s4-bg.jpg) no-repeat center top;
	background-size: auto;
}
.s4-title h2 i{
	margin-right: .2rem; display: inline-block;
}
.s4-main{
	background-color: #446eeb;
	width: 100%; float: left; margin-top: .7rem;
}
.s4-main .top{
	width: 100%; clear: both; float: left;
	margin-top: .27rem;
	margin-bottom: .24rem;
}
.s4-main .item{
	width: 5.23rem; height: 3.06rem; float: left;
	background-color: #fff;
	border-radius: .1rem;
}
.s4-main .item01{
	margin-left: .2rem;
}
.s4-main .item02{
	float: right;
	margin-right: .2rem;
}
.s4-main .item img{
	width: 5rem; margin: .12rem; display: inline-block;
}
.s4-form{
	width: 1060px; height: 3.58rem; display: block;background-color: #fff; float: left; margin: auto .2rem .33rem;
	border-radius: .25rem;
}
.s4-form .pic{
	float: left; margin-left: .75rem; margin-top: .28rem;
}

.s4-form .pic img{
	width: 3.88rem; display: block;
	-webkit-animation: scaleUp 1.2s infinite ease-in-out alternate;
	animation: scaleUp 1.2s infinite ease-in-out alternate;
}
.s4-form .right{
	float: right; margin-top: .35rem; margin-right: 1.14rem; width: 3.61rem; height: 2.58rem;
	background-color: #446eeb;
	border-radius: .15rem;
}
.s4-form .right ul{
	width: 3rem; float: left; margin: .36rem .3rem auto;
}
.s4-form .right ul li{
	width: 100%; height: .52rem; display: block; float: left;
	background-color: #ffff;
}
.s4-form .right ul li:last-child{
	margin-top: .35rem;
}

.s4-form ul li span{
	float: left;font-size: .18rem; line-height: .52rem;
}
.s4-form ul li span:before{
	content: '';width: .21rem; height: .52rem; display: inline-block; float: left; margin-left: .2rem;  margin-right: .1rem;
}
.s4-form ul li span.name:before{
	background: url(../images/icon01.png) no-repeat center;
	background-size: 100%;
}
.s4-form ul li span.phone:before{
	background: url(../images/icon02.png) no-repeat center;
	background-size: 100%;
}
.s4-form ul li input{
	float: left; height: .52rem; border: none; width: 1.9rem;
	background: #fff; font-size: .18rem;
}
.s4-form ul li input:-webkit-autofill{
        -webkit-box-shadow: 0 0 0 1000px #fff inset;
}
.s4-btn{
	width: 100%; clear: both; float: left; margin-top: .1rem;
}
.s4-btn a{
	width: 3rem; height: .52rem; display: block; margin: auto;
	font-size: .18rem; line-height: .52rem;
	background: #ffb86a;
	background: -webkit-linear-gradient(#fce9cb, #ffb86a); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#fce9cb, #ffb86a); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#fce9cb, #ffb86a); /* Firefox 3.6 - 15 */
	background: linear-gradient(#fce9cb, #ffb86a); /* 标准的语法 */
	border-radius:.1rem
}
.sec04-tips{
	color: #333; font-size: .13rem; margin-top: 0.03rem; float: left;
}

/* section05 */
.sec05{
	background: url(../images/s5-bg.jpg) no-repeat center bottom;
	background-size: auto;
}
.s5-title{
	margin-top: .78rem;
}
.s5-title h2 i{
	margin-right: .2rem; display: inline-block;
}
.s5-main{
	width: 100%; clear: both; float: left; margin-top: .7rem;
}
.s5-main .left{
	float: left; margin-top: .1rem;
	position: relative;
}
.s5-main .left img{
	width: 3.57rem; display: block;
}
.s5-main .left::after{
	content: '';width: 1.35rem; height: .68rem; display: block;
	background: url(../images/s5-line01.png) no-repeat center;
	background-size: 100%;
	position: absolute; right: -1.35rem; bottom: .98rem;
}
.s5-main .right{
	float: right;position: relative;
}
.s5-main .right img{
	width: 3.58rem; display: block;
}
.s5-main .right::before{
	content: '';width: 1.35rem; height: .71rem; display: block;
	background: url(../images/s5-line02.png) no-repeat center;
	background-size: 100%;
	position: absolute; left: -1.35rem; bottom: 1.03rem;
}
.s5-main .med{
	width: 2.26rem; height: 2.26rem; display: block; float: left; margin-top: .86rem; margin-left: .8rem;
	position: relative; z-index: 9;
	border-radius: 50%;
}
.s5-main .med img{
	width: 1.9rem; margin: .18rem; display: block;position: relative; z-index: 3;
}

.s5-main .med::after,
.s5-main .med::before {
	content: "";
	display: block;
	position: absolute;
	border-radius: 50%;
	/* border:1px solid #ff0000; */
	background-color: #ffcf98;
	left: -.18rem;
	right: -.18rem;
	top: -.18rem;
	bottom: -.18rem;
	opacity: 0;
	animation: iconPulse 2.5s linear infinite;
}
.s5-main .med::after {
	animation-delay: 1s;
}
@-webkit-keyframes iconPulse {
	0%{
		-webkit-transform: scale(0.5);
		-ms-transform: scale(0.5);
		-o-transform: scale(0.5);
		transform: scale(0.5);
		opacity: 0;
	}
	50%{
		opacity: 1;
	}	
	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes iconPulse {
	0%{
		-webkit-transform: scale(0.5);
		-ms-transform: scale(0.5);
		-o-transform: scale(0.5);
		transform: scale(0.5);
		opacity: 0;
	}
	50%{
		opacity: 1;
	}	
	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}
.s5-btn{
	clear: both; float: left; margin: .6rem auto .8rem; width: 100%;
}
.s5-btn a{
	width: 1.76rem; height: .4rem; display: inline-block; margin: auto;
	font-size: .18rem; line-height: .4rem; color: #fff;
	background-color: #446eeb;
	border-radius: .2rem;
	box-shadow: 0 .03rem .1rem rgba(68,110,235,.4);
}

/* section06 */
.sec06{
	background: url(../images/s6-bg.jpg) no-repeat center bottom;
	background-size: auto;
}
.s6-title h2 i{
	margin-right: .2rem; display: inline-block;
}
.s6-main{
	width: 100%; clear: both; margin-top: .6rem; float: left; margin-bottom: 1rem;
}
.s6-left{
	width: 7rem; height: 4rem; display: block; float: left; background: #000;
}
.s6-left .video-box{
	width: 100%; display: block;
}
.s6-right{
	float: right; width: 3.86rem; height: 4rem; background: #fff;
	box-shadow: 0 0 .62rem rgba(39,163,212,.2);
}
.s6-right ul{
	width: 100%; float: left;margin-top: .4rem;
}
.s6-right ul li{
	width: 100%; float: left; margin-bottom: .2rem; font-size: .18rem; line-height: .3rem;
}
.s6-right ul li span{
	font-weight: bold; width: .89rem; float: left; text-indent: .1rem; text-align: left;
}
.s6-right ul li a{
	float: left; margin-left: .1rem;
}
.s6-right ul li i{
	float: right; width: .7rem; height: .3rem; display: inline-block; margin-right: .24rem;
	background: #ffb86a;
	background: -webkit-linear-gradient(#fce9cb, #ffb86a); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#fce9cb, #ffb86a); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#fce9cb, #ffb86a); /* Firefox 3.6 - 15 */
	background: linear-gradient(#fce9cb, #ffb86a); /* 标准的语法 */
	border-radius:.15rem
}
.s6-right ul li.cur span{
	background: url(../images/s6-img01.png) no-repeat center;
	background-size: 100%;
	color: #fff;
}
.s6-right ul li.cur a,.s6-right ul li:hover a{
	color: #446eeb;
}
.s6-btn{
	width: 100%; clear: both; float: left; margin-top: .25rem;
}
.s6-btn a{
	width: 2.2rem; height: .4rem; display: inline-block;
	font-size: .18rem; line-height: .4rem; color: #fff;
	background-color: #446eeb;
	border-radius: .2rem;
	box-shadow: 0 .03rem .1rem rgba(68,110,235,.4);
}
/* section07 */
.sec07{
	background: url(../images/s7-bg.jpg) no-repeat center top;
	background-size: auto 100%;
}
.sec07 .s7-title{
	margin-top: 1.71rem; float: left; width: 100%;
	background: url(../images/title-img02.png) no-repeat center bottom;
	background-size: auto .12rem;
}
.sec07 .s7-title h2{
	color: #fff;
}
.s7-title h2 i{
	margin-right: .2rem; display: inline-block;
}
.s7-main{
	width: 100%; clear: both; float: left; margin-top: .5rem;
}
.s7-main ul{
	width: 100%; float: left; position: relative;
	padding-bottom: .48rem;
}
.s7-main ul:before{
	content: '';width: 0;height: 100%; position: absolute; left: 50%; margin-left: -1px;
	border-left: dashed 2px #fff;
}
.s7-main ul li{
	width: 5.3rem; display: inline-block; clear: both;
	position: relative;
	cursor: pointer;
}
.s7-main ul li.left{
	float: left;
}
.s7-main ul li.right{
	float: right;
}
.s7-main ul li.item01{
	margin-top: .3rem;
}
.s7-main ul li .orderNum{
	width: .88rem; height: .74rem; display: block; position: absolute;
}
.s7-main ul li .orderNum:before{
	content: ''; width: .23rem; height: .23rem; display: block;
	background: url(../images/s7-icon03.png) no-repeat center;
	background-size: 100%;
	position: absolute; top: .26rem;
}
.s7-main ul li .orderNum span{
	width: .74rem; float: left;
	font-size: .26rem; line-height: .74rem; color: #fff;
	font-weight: bold;
}
.s7-main ul li.left .orderNum{
	background: url(../images/s7-img02.png) no-repeat center;
	background-size: 100%;
	right: -1.3rem; top: .4rem; 
}
.s7-main ul li.left .orderNum:before{
	left: -.33rem;
}
.s7-main ul li.left span{
	margin-left: .14rem;
}
.s7-main ul li.right .orderNum{
	background: url(../images/s7-img01.png) no-repeat center;
	background-size: 100%;
	left: -1.3rem; top: .4rem; 
}
.s7-main ul li.right .orderNum:before{
	right: -.33rem;
}

.s7-main ul li .txt{
	width: 100%; float: left;
	background-color: rgba(255,255,255,.2);
	border-radius: .2rem;
}
.s7-main ul li .txt .top{
	width: 96%; margin: auto 2%; padding: .2rem 0 .17rem; float: left;
	border-bottom: solid 1px #fff;
	color: #fff;
}
.s7-main ul li:last-child .txt .top{
	padding-bottom: .07rem;
}
.s7-main ul li .txt .top font{
	font-size: .3rem; line-height: .3rem; font-weight: bold; float: left; margin-left: .1rem;
	margin-right: .8rem;
}
.s7-main ul li .txt .top span{
	font-size: .2rem; line-height: .3rem; float: left;
}
.s7-main ul li .txt .top span:last-child{
	margin-left: .7rem;
}
.s7-main ul li .txt .top span:before{
	content: '';width: .29rem; height: .3rem; display: inline-block; float: left; margin-left: -.3rem;
	background: url(../images/s7-icon01.png) no-repeat center;
	background-size: 100%;
}
.s7-main ul li .txt p{
	width: 92%; float: left; margin: .15rem 4%; font-size: .16rem; line-height: .24rem; text-align: left; color: #fff;
}
.s7-main ul li .txt a{
	width: 1.76rem; height: .4rem; display: inline-block;
	font-size: .18rem; line-height: .4rem; background-color: #fff; font-weight: 600;
	border-radius: .2rem; color: #333;
	margin-bottom: -.2rem;
}
.s7-main ul li.cur .orderNum:before,.s7-main ul li:hover .orderNum:before{
	background: url(../images/s7-icon04.png) no-repeat center;
	background-size: 100%;
}
.s7-main ul li.cur .txt,.s7-main ul li:hover .txt{
	background-color: #fff;
}
.s7-main ul li.cur .txt .top,.s7-main ul li:hover .txt .top{
	color: #333;
	border-bottom: solid 1px #d1deff;
}
.s7-main ul li.cur .txt p,.s7-main ul li:hover .txt p{
	color: #333;
}
.s7-main ul li.cur .txt .top span:before,.s7-main ul li:hover .txt .top span:before{
	background: url(../images/s7-icon02.png) no-repeat center;
	background-size: 100%;
}
.s7-main ul li.cur .txt a,.s7-main ul li:hover .txt a{
	background: #ffb86a;
	background: -webkit-linear-gradient(#fce9cb, #ffb86a); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#fce9cb, #ffb86a); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#fce9cb, #ffb86a); /* Firefox 3.6 - 15 */
	background: linear-gradient(#fce9cb, #ffb86a); /* 标准的语法 */
}
.s7-main .tips{
	float: left; margin-left: 52%; margin-top: .3rem; font-size: .16rem;line-height: .3rem; color: #fff;
	margin-bottom: 1.5rem;
}
/* section08 */
.sec08{
	background: url(../images/s8-bg.jpg) no-repeat center bottom;
	background-size: auto;
}
.s8-title h2 i{
	margin-right: .2rem; display: inline-block;
}
.s8-main{
	width: 100%; clear: both; margin-top: .7rem; float: left;
}
.s8-left{
	float: left; width: 4.87rem; height: 4.25rem; display: block;
	background: url(../images/s8-img01.png) no-repeat center top;
	background-size: 100%;
	position: relative;
}
.s8-left >img{
	display: block; float: left; margin-top: .38rem; margin-left: .76rem;
}
.linPic{width: 100%; position: absolute; left: 0; top: 60%; z-index: 0;
	-webkit-animation: ballon3 2s linear infinite;
	animation: ballon3 2s linear infinite;
}
@keyframes ballon3 {
   0%{-webkit-transform: translateY(0); opacity: 0;}
  50%{-webkit-transform: translateY(-30px); opacity: 1;}
100% {-webkit-transform: translateY(-50px); opacity: 0;}
}
@-webkit-keyframes ballon3 {
	0%{-webkit-transform: translateY(0); opacity: 0;}
  50%{-webkit-transform: translateY(-30px); opacity: 1;}
100% {-webkit-transform: translateY(-50px); opacity: 0;}
}
.s8-right{
	float: left; margin-left: 1.08rem; margin-top: 1.52rem;
}
.s8-right ul{
	clear: both; float: left;
}
.s8-right ul li{
	float: left; font-size: .18rem; line-height: .5rem; border: dotted 1px #333; text-align: left; padding: 0 .1rem;
	clear: both; margin-bottom: .3rem;
}
.s8-btn{
	clear: both; float: left; width: 100%;
}
.s8-btn a{
	width: 2.2rem; height: .4rem; display: inline-block; clear: both;
	font-size: .18rem; line-height: .4rem; color: #fff;
	background-color: #446eeb;
	border-radius: .2rem;
	box-shadow: 0 .03rem .1rem rgba(68,110,235,.4);
}
.s8-bottom{
	width: 100%; clear: both; float: left; margin-top: .3rem;
}
.s8-bottom ul{
	width:6.48rem; clear: both; margin: auto;float: left; margin-left: 2.15rem;
}
.s8-bottom ul li{
	float: left;clear: both; width: 90%; margin: auto 5% .1rem;
	font-size: .18rem; line-height: .54rem;
	background: rgba(68,110,235,.1);
	border-radius: .05rem;
}
.s8-bottom ul li span{
	background: #3e62f4; height: .37rem; line-height: .37rem; font-size: .18rem; display: inline-block;
	background: -webkit-linear-gradient(#3583ff, #3e62f4); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#3583ff, #3e62f4); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#3583ff, #3e62f4); /* Firefox 3.6 - 15 */
	background: linear-gradient(#3583ff, #3e62f4); /* 标准的语法 */
	color:#fff; padding: 0 .13rem;
	border-radius: .3rem;
	margin: 0 .15rem;
}

/*section09*/
.sec09{
	background: url(../images/s9-bg.jpg) no-repeat center;
	background-size: auto;
	height: 6.71rem;
}
.s9-title{
	margin-top: .88rem;
}
.s9-title h2 i{
	margin-right: .2rem; display: inline-block;
}
.s9-main{
	clear: both; float: left; margin-top: .7rem;
}
.s9-main .item{
	width: 2.55rem; height: 3.6rem; display: inline-block; float: left; margin-right: .26rem;
	background-color: #fff;
	border-radius: .15rem;
	box-shadow: 0 0 1.28rem rgba(64,62,246,.15);
}
.s9-main .item04{
	margin-right: 0;
}
.s9-main .item .top{ height: .56rem;
	width: 100%; clear: both; float: left;
	background: url(../images/s9-img01.png) no-repeat center right;
	background-size: auto .56rem;
}
.s9-main .item .top i{
	width: .34rem; height: .34rem; display: block; float: left; margin-left: .11rem; margin-top: .15rem;
	font-size: .24rem; line-height: .34rem; color: #fff; font-weight: bold;
	border-radius: 50%;
	background: #ffb86a;
	background: -webkit-linear-gradient(#fce9cb, #ffb86a); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#fce9cb, #ffb86a); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#fce9cb, #ffb86a); /* Firefox 3.6 - 15 */
	background: linear-gradient(#fce9cb, #ffb86a); /* 标准的语法 */
	-webkit-animation: scaleDraw 5s ease-in-out infinite;
	 animation: scaleDraw 5s ease-in-out infinite;
}
.s9-main .item .top span{
	float: right; width: 1.82rem; font-size: .24rem; line-height: .56rem; color: #fff;
	font-weight: bold;
}
.s9-main .item .pic{
	width: 100%; clear: both; float: left; margin-top: .12rem;
}
.s9-main .item .pic img{
	height: 1.22rem; display: inline-block;
	-webkit-animation: scaleDraw 5s ease-in-out infinite;
	 animation: scaleDraw 5s ease-in-out infinite;
}
.s9-main .item p{
	font-size: .18rem; line-height: .28rem; color: #333; width: 82%; float: left; margin: auto 9%;
	text-align: left; letter-spacing: -1px;
}
.s9-main .item a{
	width: 1.76rem; height: .4rem; display: inline-block; clear: both; margin-top: .2rem;
	font-size: .18rem; line-height: .4rem; color: #fff;
	background-color: #446eeb;
	border-radius: .2rem;
	box-shadow: 0 .03rem .1rem rgba(68,110,235,.4);
}
/* section10 */
.sec10{
	background: url(../images/s10-bg.jpg) no-repeat center top;
	background-size: auto;
}
.s10-title{
	margin-top: .88rem;
}
.s10-main{
	width: 100%; clear: both; float: left; margin: .7rem auto .3rem;
	background: #3e62f4;
	background: -webkit-linear-gradient(#3583ff, #3e62f4); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#3583ff, #3e62f4); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#3583ff, #3e62f4); /* Firefox 3.6 - 15 */
	background: linear-gradient(#3583ff, #3e62f4); /* 标准的语法 */
	border-radius:.2rem;
}
.s10-main h3{
	width: 100%; clear: both; float: left; margin: .15rem auto;
	font-size: .2rem; line-height: .5rem; color: #fff;
}
.s10-main h3 b{
	font-weight: bold; font-size: .22rem;
}
.s10-main table{
	width: 1056px; float: left; margin: auto .22rem;
	
}
.ttPic{
	width: 100%; clear: both; float: left;
	background: url(../images/s10-img01.png) no-repeat center top;
	background-size: 1016px;
	height: .23rem; display: block;
	margin: auto;
	width: 100%;
}
.h20{ height: .26rem; box-shadow: none !important; display: block; margin-bottom: 0;
	width: 100%; clear: both;
}
.s10-main table .ban-m{
	background: #fff;
}
.s10-main table th{
	font-size: .26rem; font-weight: bold; font-style: italic; color: #446eeb;
	line-height: .32rem; padding: .13rem 0;
	border-bottom: solid 1px #dedede;
	border-right: solid 1px #dedede;
}
.s10-main table th:first-child{
	border-right: 0;
}
.s10-main table td{
	border-bottom: solid 1px #dedede;
	border-right: solid 1px #dedede;
	font-size: .18rem; line-height: .24rem;
	color: #4e4e4e;
}

.s10-main table td b{
	font-weight: bold;
	color: #222;
}
.s10-main table td.tit{
	position: relative;
	border-right: 0;
}
.s10-main table td.tit font{
	width: .38rem; padding: .3rem .15rem; display: block;
	background: -webkit-linear-gradient(left, #fce9cb , #ffb86a); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #fce9cb, #ffb86a); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #fce9cb, #ffb86a); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #fce9cb , #ffb86a); /* 标准的语法 */
	border-radius:0 .2rem .2rem 0;
	font-size: .28rem; line-height: .28rem;  font-weight: bold; color: #333;
	position: absolute; left: -.22rem; top: -.25rem;
}
.s10-main table th:nth-child(1){width: .28rem;}
.s10-main table th:nth-child(2){width: 1.69rem;}
.s10-main table th:nth-child(3){width: 1.52rem;}
.s10-main table th:nth-child(4){width: 1.05rem;}
.s10-main table th:nth-child(5){width: 3.66rem;}
.s10-main table td.space{
	text-align: left;
	padding: .1rem 0 .1rem .1rem;
	letter-spacing: -1px;
}
.s10-main table td.price{
	line-height:.45rem;
}
.s10-main table td span{
	font-weight: bold; color: #ffc360; font-size: .36rem;
}
.s10-main table td a{
	width: 1.45rem; height: .4rem; display: inline-block;
	font-size: .18rem; line-height: .4rem; color: #333; font-weight: bold;
	border-radius: .2rems;
	background: #ffb86a;
	background: -webkit-linear-gradient(#fce9cb, #ffb86a); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#fce9cb, #ffb86a); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#fce9cb, #ffb86a); /* Firefox 3.6 - 15 */
	background: linear-gradient(#fce9cb, #ffb86a); /* 标准的语法 */
}
.s10-main .tips{
	font-size: .16rem;
	color: #fff;
	text-align: right;
	float: left; clear: both;
	width: 96%; 
	margin: .1rem 2% .2rem; line-height: .32rem;
}
.s10-main table td.tit font:before{
	content: '';width: 1.36rem; height: .74rem; display: inline-block;
	background: url(../images/s10-img02.png) no-repeat center;
	background-size: 100%;
	position: absolute;
	bottom: -.52rem; right: .56rem;
}

/*section2*/
.xieyi{
	font-size: .16rem; color:#333; line-height: .3rem; margin-top: .15rem; width: 100%; float: left;
}
.s4-form .xieyi{
	font-size: .12rem; color: #fff;
}
.xieyi input[type=checkbox] {
	position: relative; width: 13px; height: 13px; padding: 0; margin-bottom: 0; border: none; border-radius: 2px; -webkit-appearance: checkbox;
}
.xieyi input[type=checkbox]::before {
	position: absolute; content: ""; top: 0; left: 0; background: #fff; width: 100%;  height: 100%; border: 1px solid #d9d9d9; border-radius: 2px;
}
.xieyi input[type=checkbox]:checked::before {
	position: absolute; content: "\2713"; 
	background-color: #fff; top: 0; left: 0; width: 100%; border: 1px solid #f00; border-radius:2px; 
	color: #f00; font-size: .16rem; font-weight: bold; text-align: center; line-height: 13px;
}



/*按钮悬停*/
.hvr-grow-shadow{
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:active {
    box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.5);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
/*侧边悬停*/
.lfNav{position: fixed;width:150px; height:592px; display: block; background: url(../images/fixedNavBg.png) no-repeat center;top:18%; left:20px;z-index:9;}
.lfNav .close{position:absolute;top:0; right:-30px; height:38px; width:38px; }
.mt185{margin-top:60px;}
.nav-bg{width:150px; height:43px; display: block;float:left; clear:both;margin-left:0; text-align: center;}
.nav-bg a{width:102px; height:42px; display: block; margin:auto .24rem; color: #fff;
	font-size: .18rem; line-height: 42px; border-bottom: dashed 1px #66d4cd;
}
.nav-bg.noborder a{
	border-bottom: none;
}

.left_top{width:150px; height:40px;display: block;float:left;margin-left:0; margin-top: .2rem; text-align: center;}