@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: #fff; 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: #efac70;height: 4.73rem;
}
.sec2{
	background: #ffedc4;height: 6.84rem;
}
.sec3{
	background: url(../images/s3Bg.jpg) no-repeat center top;background-size: auto 100%;height: 6.07rem;
}
.sec4{
	background: #ffedc4;height: 7.15rem;
}
.sec5{
	background: #efac70;height: 5.69rem;
}
.sec6{
	background: #ffedc4;height: 5.69rem;
}
.sec7{
	background: #efac70;height: 7.58rem;
}
.sec8{
	background: #ffedc4;height: 6.54rem;
}
.sec9{
	background: #efac70;height: 5.13rem;
}
.tit h2{
	height: .55rem;margin-top: .42rem;
}
.tit h2 span{
	font-size: .38rem;
	font-weight: bold;
	color: #fff;
	display: inline-block;
}
.tit h2 span label{
	font-size: .48rem;
}
.tit h2 span i{
	color: #fff392;
}
.titS h2 span{
	color: #652307;
}
.titS h2 span i{
	color: #c6450d;
}
.tit h2 img{
	height: .3rem;
}
.tit h2 .titImgL{
	margin-right: .42rem;
}
.tit h2 .titImgR{
	margin-left: .42rem;
}
.titP{
	font-size: .34rem;
	color: #212121;
	height: .53rem;
	line-height: .53rem;
	background: #ebf1ff;
	border-radius: 1rem;
	display: inline-block;
    padding: 0 1.35rem;
	margin-top: .26rem;
}
.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: 555px;position: relative;background: url(../images/banner_bg.jpg) no-repeat center top;font-size: 0; box-sizing: border-box;background-size: auto 100%;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: 3.51rem;
    margin-top: .64rem;
}
.banner-box .banimg1{
	width: 7.31rem;
	margin-top: .35rem;
}
.banner-box .banP{
	display: inline-block;
	width: 8.44rem;
	height: .52rem;
	line-height: .52rem;
	border: .01rem solid #fcfdf6;
	background: #f3a868;
	border-radius: .5rem;
	font-size: .27rem;
	color: #fff;
	margin-top: .44rem;
}
.banner-box .ren{
	position: absolute;
}
.R1{
    width: 1.98rem;
    height: .74rem;
    left: 5.4rem;
    top: 0.6rem;
}

/* sec1 */
.sec1 .tit h2 {
    margin-top: .28rem;
}
.cot1{
	margin-top: .77rem;
	height: 2.41rem;
	background: url(../images/s1Bg.png) no-repeat center top;
	background-size: 100%;
}
.cot1>div{
	display: inline-block;
	width: 100%;
}
.ct1T{
	height: .66rem;
	line-height: .66rem;
}
.ct1T>span{
	display: inline-block;
	font-size: .22rem;
	height: .66rem;
	color: #c97643;
	float: left;
	margin-left: .82rem;
}
.ct1T>span>label{
	font-size: .4rem;
	font-weight: bold;
	color: #652307;
	margin-right: .18rem;
}

.cot1 .ct1I{
	width: 2.9rem;
	position: absolute;
	bottom: -.4rem;
	right: -.47rem;
}
.cot1 .ct1I img{
	width: 100%;
}
.ct1M>div{
    display: inline-block;
    float: left;
    margin-right: .73rem;
    margin-top: .22rem;
}
.ct1xq1{
	margin-left: 1.15rem;
}
.ct1M>div>span{
	display: inline-block;
	float: left;
	font-size: .2rem;
	line-height: .3rem;
	color: #333;
	text-align: left;
	clear: both;
}
.ct1M>div>span::before{
    display: inline-block;
    content: '';
    width: .06rem;
    height: .06rem;
    background: #dea55a;
    border-radius: .5rem;
    float: left;
    margin-top: .1rem;
    margin-right: .08rem;
}
.cot1 .s1txq{
    display: inline-block;
    width: 7.35rem;
    height: .65rem;
    background: -webkit-linear-gradient(right, #fff7e1, #f5cca5);
    background: linear-gradient(to right, #fff7e1, #f5cca5);
    margin-left: .75rem;
    float: left;
	margin-top: .1rem;
}
.s1txq p{
	font-size: .16rem;
    color: #8e5d23;
    text-align: left;
    width: 86%;
    line-height: .25rem;
    margin-top: .06rem;
    margin-left: .2rem;
}
/* sec2 */
.video-main{
	width: 100%; clear: both; float: left; margin-top: .52rem;
	margin-bottom: .6rem;
}
.video-main .left{
	float: left; width: 7.38rem; display: block;border: .01rem solid #fff;
	border-radius: .08rem;
	overflow: hidden;
	background: #e6996a;
}
.video-main .left .video-box{width: 96%;margin: 2%;}
.video-main .right{
	float: right;
}
.video-main .right ul{
	float: left; clear: both;
}
.video-main .right li{
	width: 3.38rem; height: .96rem; display: block; float: left; clear: both;margin-bottom: .12rem;color: #333;
	border: solid .01rem #e6915c;
	border-radius: .12rem;
	font-size: .22rem; line-height: .52rem; text-align: left;
	cursor: pointer;
}
.video-main .right li:nth-of-type(1){
	background:#ffc49f url(../images/s2img1.png) no-repeat -.1rem -.02rem;background-size: auto .45rem;
}
.video-main .right li:nth-of-type(2){
	background:#ffc49f url(../images/s2img2.png) no-repeat -.1rem -.02rem;background-size: auto .45rem;
}
.video-main .right li:nth-of-type(3){
	background:#ffc49f url(../images/s2img3.png) no-repeat -.1rem -.02rem;background-size: auto .45rem;
}
.video-main .right li:nth-of-type(4){
	background:#ffc49f url(../images/s2img4.png) no-repeat -.1rem -.02rem;background-size: auto .45rem;margin-bottom: 0;
}
.video-main .right li.on,.video-main .right li:hover{
	width: 3.4rem; height: .95rem; border: .01rem solid #e6915c; line-height: .54rem; color: #fff;
}

.video-main .right li.on b,.video-main .right li:hover b{
	color: #fff;
}
.video-main .right li:nth-of-type(1).on,.video-main .right li:nth-of-type(1):hover{
	background:#e6915c url(../images/s2img1.png) no-repeat -.1rem -.02rem;background-size: auto .45rem;
}
.video-main .right li:nth-of-type(2).on,.video-main .right li:nth-of-type(2):hover{
	background:#e6915c url(../images/s2img2.png) no-repeat -.1rem -.02rem;background-size: auto .45rem;
}
.video-main .right li:nth-of-type(3).on,.video-main .right li:nth-of-type(3):hover{
	background:#e6915c url(../images/s2img3.png) no-repeat -.1rem -.02rem;background-size: auto .45rem;
}
.video-main .right li:nth-of-type(4).on,.video-main .right li:nth-of-type(4):hover{
	background:#e6915c url(../images/s2img4.png) no-repeat -.1rem -.02rem;background-size: auto .45rem;
}
.video-main .right li span{
	display: inline-block;
	float: left;
	font-size: .24rem;
	color: #652307;
	margin-left: .15rem;
	margin-top: .26rem;
}
.video-main .right li label{
	display: inline-block;
	float: right;
	width: .86rem;
	height: .28rem;
	line-height: .28rem;
	border: .01rem solid #e6915c;
	border-radius: 1rem;
	background: #fff;
	font-size: .16rem;
	color: #cf8354;
	text-align: center;
	margin-top: .35rem;
	margin-right: .15rem;
	cursor: pointer;
}
.video-main .right li.on span,.video-main .right li:hover span{
	color: #fff;
}
.video-main .right li.on label,.video-main .right li:hover label{
	width: .88rem;
	height: .3rem;
	line-height: .3rem;
	background: #f8e7d7;
	border: initial;
	color: #cf8354;
}
.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;
	height: 4.12rem;
	position: relative;
}
.s3Dt{
	width: 4.67rem;
	position: absolute;
	transform: translate(-50%,0);
	left: 32%;
	top: 1.1rem;
	animation: scale3 1s infinite alternate linear;
}
.cot3>div{
	display: inline-block;
	position: absolute;
}
.s3I1{
    width: 3.44rem;
    left: 1.09rem;
    top: .18rem;
}
.s3I2{
    width: 2.92rem;
    right: .45rem;
    top: .2rem;
}
.s3I3{
	width: 2.36rem;
	left: .56rem;
	bottom: 0;
}
.s3I4 {
    width: 2.75rem;
    right: 1.32rem;
    bottom: .24rem;
}
.cot3>div img{
	width: 100%;
}

/* sec4 */
.sec2 .tit h2 {
    margin-top: .36rem;
}
.cot4{
	min-height: 4.5rem; background: url(../images/s4img2.png) no-repeat center .58rem;background-size: 2.96rem;
}
.cot4>div{
	display: inline-block;
	width: 100%;
}
.s4T{
	margin-top: .6rem;
}
.s4T>span{
	display: inline-block;
	width: 3.03rem;
	height: .93rem;
	float: left;
	font-size: .18rem;
	color: #fff;
	margin-right: .8rem;
	padding: 0 .22rem;
	transition: all .5s;
	letter-spacing: .01rem;
	text-align: left;
}
.s4T>span:nth-of-type(odd) i{
	float: right;
	text-align: right;
	margin-right: 1.06rem;
	margin-top: .2rem;
}
.s4T>span:nth-of-type(even) i{
	display: inline-block;
	text-align: left;
	margin-left: 1.1rem;
	margin-top: .2rem;
}
.s4T>span.scale{
	transform: scale(1.1);
}
.s4T>span>i>label{
	font-size: .2rem;
	font-weight: bold;
	color: #fffb94;
}
.s4T>span:nth-of-type(2n){
	float: right;
	/* margin-right: 0; */
}
.s4T .sp1{
	background: url(../images/s4icon1.png) no-repeat center top;
	background-size: 100%;
	margin-left: .95rem;
	margin-top: .14rem;
}
.s4T>.sp2{
	background: url(../images/s4icon2.png) no-repeat center top;
	background-size: 100%;
	margin-right: 1.26rem;
	margin-top: .14rem;
}
.s4T .sp3{
	background: url(../images/s4icon3.png) no-repeat center top;
	background-size: 100%;
	margin-top: .28rem;
    margin-left: .3rem;
}
.s4T .sp4{
	background: url(../images/s4icon4.png) no-repeat center top;
	background-size: 100%;
	margin-top: .28rem;
    margin-right: .32rem;
}
.s4T .sp5{
	background: url(../images/s4icon5.png) no-repeat center top;
	background-size: 100%;
	margin-top: .31rem;
    margin-left: .56rem;
}
.s4T .sp6{
	background: url(../images/s4icon6.png) no-repeat center top;
	background-size: 100%;
	margin-top: .31rem;
    margin-right: .53rem;
}
.s4T .sp7 {
	background: url(../images/s4icon7.png) no-repeat center top;
	background-size: 100%;
    margin-top: .31rem;
    margin-left: .76rem;
}
.s4T .sp8 {
	background: url(../images/s4icon8.png) no-repeat center top;
	background-size: 100%;
    margin-top: .31rem;
    margin-right: 1.25rem;
}
.s4B{
	margin-top: .24rem;
}
.s4B p{
	font-size: .24rem;
	color: #8e5d3f;
	height: .33rem;
	line-height: .33rem;
}
.s4B p span{
	display: inline-block;
	font-size: .18rem;
	color: #fff;
	height: .33rem;
	line-height: .33rem;
	background: #dea877;
	border-radius: 1rem;
	padding: 0 .2rem;
	margin-left: .18rem;
	vertical-align: bottom;
}
/* sec5 */
.cot5{
	height: 4.24rem;
	background: url("../images/s5Cbg.png") no-repeat center top;
	background-size: auto 100%;
	margin-left: -.1rem;
	margin-top: .2rem;
}
.cot5>div{
	display: inline-block;
	width: 79%;
	margin-left: 9.5%;
	text-align: left;
	float: left;
}
.s5T{
	margin-top: .8rem;
}
.s5T>p{
	font-size: .2rem;
	color: #000;
	width: 100%;
	line-height: .33rem;
	margin-bottom: .22rem;
}
.s5T>p>span{
	color: #d05707;
}
.cot5 .s5B{
	width: 73%;
	margin: .05rem 13.5% 0;
}
.s5B>span{
	display: inline-block;
	font-size: .22rem;
	color: #fff;
	height: .36rem;
	line-height: .36rem;
	background: #dea877;
	padding: 0 .15rem;
	border-radius: 1rem;
	margin: 0 .1rem;
	cursor: pointer;
	transition: all .5s;
}
.s5B>span:hover{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
/* sec6 */
.cot6{
	margin-top: .58rem;
}
.cot6>div{
	display: inline-block;
	width: 100%;
}
.s6T>div{
	display: inline-block;
	float: left;
	width: 2.6rem;
	height: 1.36rem;
	background: #fff;
	border-radius: .15rem;
	margin-bottom: .2rem;
	margin-right: .2rem;
	box-shadow: 0 .03rem .07rem rgba(243,212,140,0.81);
	position: relative;
	cursor: pointer;
	transition: all .5s;
}
.s6T>div:hover{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.s6T>div:nth-of-type(4n){
	margin-right: 0;
}
.s6xq .s6Sp{
	display: inline-block;
	width: .36rem;
	height: .31rem;
	line-height: .31rem;
	background: url(../images/s6img1.png) no-repeat center top;
	background-size: 100%;
	font-size: .18rem;
	font-weight: bold;
	color: #fff;
	position: absolute;
	top: -.02rem;
	right: .18rem;
}
.s6xq .p1{
	width: 85%;
	height: .46rem;
	line-height: .46rem;
	margin: .1rem 7.5% 0;
	text-align: left;
	font-size: .22rem;
	font-weight: bold;
	color: #333;
	border-bottom: .01rem dashed #e4b678;
	margin-bottom: .15rem;
}
.s6xq .p2{
	font-size: .16rem;
	color: #666;
	text-align: left;
	width: 74%;
	margin-left: 7.5%;
}
.s6B {
    margin-top: .12rem;
}
/* sec7 */
.cot7{
	height: 4.98rem;
	background: #ffedc4;
	border-radius: .15rem;
	box-shadow: 0 .03rem .1rem rgba(226, 122, 45, 0.65);
	margin-top: .55rem;
	position: relative;
}
.s7I1{
	width: 2.74rem;
    position: absolute;
    transform: translate(-50%, 0);
    left: 34.5%;
	/*left: 46.8%;*/
    top: .84rem;
    -webkit-animation: animtran 10s linear infinite;
    animation: animtran 10s linear infinite;
}
.s7I3 {
	width: 2.98rem;
	position: absolute;
	transform: translate(-50%, 0);
	left: 46.7%;
	top: 0.8rem;
}
.s7nr{
	display: inline-block;
	width: 94.5%;
	height: 4rem;
	background: #fff;
	border-radius: .1rem;
	box-shadow: 0 .02rem .05rem rgba(242,197,94,0.64);
	margin-top: .2rem;
}
.s7nr>div{
	display: inline-block;
	float: left;
	position: relative;
	width: 3.8rem;
}
.s7nr>div>span{
	display: inline-block;
	line-height: .26rem;
}
.s7nr>div .sp1{
	text-align: right;
	font-size: .18rem;
	color: #666;
	width: 100%;
}
.s7nr>div .sp2 {
	text-align: right;
	font-size: .22rem;
	font-weight: bold;
	color: #333;
	width: 100%;
	margin-bottom: .05rem;
}
.s7nr>div.scale{
	transform: scale(1.2);
}
.s7nr>div:nth-of-type(2n){
	float: right;
}
.s7nr>div:nth-of-type(2n) span{
	float: right;
	text-align: left;
}
.s7nr .s7xq1 {
    margin-top: .28rem;
    margin-left: -.6rem;
}
.s7nr .s7xq2 {
	margin-top: .4rem;
	margin-right: .05rem;
}
.s7nr .s7xq3 {
	margin-top: .5rem;
	margin-left: .1rem;
	width: 2.5rem;
	clear: both;
}
.s7nr .s7xq4 {
    margin-top: .52rem;
    margin-right: -.55rem;
}
.s7nr .s7xq5 {
	margin-top: .38rem;
	margin-left: -.8rem;
	clear: both;
}
.s7nr .s7xq6 {
    margin-top: .38rem;
    margin-right: .05rem;
}
.s7nr .s7xq4 .sp1{
	margin-left: .3rem;
}
/* sec8 */
.tit8 h2 .titImgL{
	margin-right: 0;
}
.tit8 h2 .titImgR{
	margin-left: 0;
}
.tit8 h2 {
    margin-top: .28rem;
}
.cot8{
	width: 100%;
	height: 4.8rem;
	background: #e6996a;
	border-radius: .12rem;
	margin-top: .38rem;
}
.cot8 table{
	background: #fff;
	border-radius: .08rem;
	overflow: hidden;
	margin-top: .2rem;
	box-shadow: 0 .01rem .07rem rgba(255,198,155,0.64);
	width: 96.4%;
}
.cot8 table tr:first-child{
	width: 100%;
	height: .46rem;
	background: #fff4c9;
	box-shadow: 0 .04rem .05rem rgba(147, 145, 135, 0.1);
}
.cot8 table tr th{
	height: .46rem;
	line-height: .46rem;
	font-size: .18rem;
	color: #bb6518;
}
.cot8 table tr td{
	font-size: .16rem;
	color: #333;
	border-right: .01rem solid #d4dedb;
	padding: .18rem 0 .24rem;
	line-height: .24rem;
}
.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:nth-of-type(2){
	border-bottom: .01rem solid #d4dedb;
}
.cot8 table tr td label{
	color: #d83636;
}
.cot8 table tr td label{
	color: #d83636;
}
.cot8 table tr td .tbjg{
	font-size: .2rem;
	font-weight: bold;
}
.cot8 table tr td a{
	display: inline-block;
	width: .66rem;
	height: .24rem;
	line-height: .24rem;
	border: .01rem solid #e98732;
	border-radius: 1rem;
	margin-top: .06rem;
	font-weight: bold;
	color: #e98732;
	animation: scale2 1s infinite alternate linear;
}
.s8ts{
	font-size: .16rem;
	color: #fff;
	margin-top: .1rem;
}
/* sec9 */
.cot9{
	margin-top: .4rem;
}
.cot9>div{
	display: inline-block;
	float: left;
	width: 3.54rem;
	height: 1.41rem;
	background: #fff;
	border-radius: .12rem;
	margin-right: .18rem;
	margin-bottom: .19rem;
	box-shadow: 0 .04rem .08rem rgba(239,143,56,0.64);
	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;
}
.s9L{
	width: 1.4rem;
}
.s9L img{
	width: 100%;
}
.s9R {
    width: 55%;
    margin-left: .13rem;
}
.s9R>p{
	font-size: .18rem;
	color: #666;
	text-align: left;
}
.s9R .p1 {
    font-size: .24rem;
    font-weight: bold;
    color: #333;
    margin: .24rem 0 .08rem;
}
/* sec10 */
.sec10{
	height: 5.42rem;
	background: #ffedc4;
}
.tit10 h2 span label{
	color: #c7460d;
}
.cot10 {
    margin-top: .48rem;
    background: #fff;
    border-radius: .12rem;
    overflow: hidden;
	box-shadow: 0 .03rem .1rem rgba(242,190,118,0.65);
}
.cot10{
	margin-top: .48rem;
}
.s10nr{
	display: inline-block;
	width: 100%;
	margin-top: -.15rem;
	position: relative;
}
.s10nr>div {
    display: inline-block;
    float: left;
    width: 16.65%;
}
.s10xq .p1{
	width: .4rem;
	height: .4rem;
	background: url(../images/s10img1.png) no-repeat center top;
	background-size: 100%;
	font-size: .18rem;
	color: #fff;
	line-height: .35rem;
	margin: 0 auto;
}
.s10xq .p2{
	font-size: .22rem;
	font-weight: bold;
	color: #333;
	height: .4rem;
	line-height: .4rem;
	position: relative;
	margin-top: -.05rem;
    padding-bottom: .05rem;
}
.s10xq .p2::before{
	display: inline-block;
	content: '';
	width: .15rem;
	height: .04rem;
	background: #e98732;
	border-radius: 1rem;
	position: absolute;
	bottom: 0;
	transform: translate(-50%,0);
	left: 50%;
}
.s10xq .p3 {
    font-size: .16rem;
    color: #666;
    width: 1.2rem;
    margin: .1rem auto .3rem;
}




@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);}
}