@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;}
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;}
.hide{display: none;}
.section{ padding-top: .8rem;}
.title{ margin-bottom: .45rem;}
.title h2{font-size: .4rem; color: #333333; font-weight: bold; margin-top: -.25rem; letter-spacing: .015rem; line-height: 33px; position: relative; z-index: 2;}
.title h2 span{ color: #e00b02;}
.title h2::before{content: ''; width: 0.14rem; height: 0.24rem; background: url(../images/t_l.png) no-repeat top / 100%; display: inline-block; vertical-align: top; margin-right: 0.38rem; animation: moveBottom 1s infinite ease-in-out;}
.title h2::after{content: ''; width: 0.14rem; height: 0.24rem; background: url(../images/t_r.png) no-repeat top / 100%; display: inline-block;
vertical-align: bottom; margin-left: 0.38rem; animation: moveTop 1s infinite ease-in-out;}
.title p{font-size: .18rem; color: #666666; margin-top: 0.22rem;}
@keyframes moveTop{
    0%{transform: translateY(0); opacity: 1;}
    100%{transform: translateY(-8px); opacity: 0;}
}
@keyframes moveBottom{
    0%{transform: translateY(-8px); opacity: 1;}
    100%{transform: translateY(0); opacity: 0;}
}

/*banner*/
.swiper-container{height: 560px; position: relative;  overflow: hidden;}
.inner{width: 1100px;margin: 0 auto; position: relative;}
.swiper-slide .logo{position: absolute; top: .3rem; left: 0; z-index: 9;}
.swiper-slide h2{font-size: .22rem; color: #fedcaa; text-align: right; padding-top: 0.44rem;}
#swiper-slide1{background: url(../images/ban01_bg.jpg) no-repeat center; text-align: center;}
#swiper-slide2{background: url(../images/ban02_bg.jpg) no-repeat center;}
.ban1-bt01{margin-top: .98rem;}
.ban1-bt02{margin-top: -.75rem;}
.ban1-peo{position: absolute;left: 426px; bottom: -123px; animation: sx 3s forwards ease-in-out;}
.ban02-t img{display: block; position: absolute; left: 6.25rem;}
.ban2-bt01{top: 2.02rem;}
.ban2-bt02{top: 2.56rem;}
.ban2-p{width: 4.73rem; height: 0.37rem; line-height: 0.37rem; text-align: center; font-size: .2rem; color: #fedcaa; position: absolute; left: 6.25rem; top: 3.72rem;
	background: #ee0429;
	background: -webkit-linear-gradient(right, #ee0429 , #5e0006); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #ee0429, #5e0006); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #ee0429, #5e0006); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #ee0429 , #5e0006); /* 标准的语法 */
}
.ban2-img{margin-top: 1.75rem; margin-left: .05rem; animation: move 1s infinite ease-in-out alternate; position: absolute;}
#banner .pagination {
	position: absolute;
	left: 0;
	text-align: center;
	bottom: 20px;
	width: 100%;
	z-index:999;
}
#banner .swiper-pagination-bullet {
	display: inline-block;
	width: 6px;
	height: 6px;
	opacity:1;
	border-radius: 10px;
	background: white;
	margin: 0 3px;
	cursor: pointer;
	transition: width 0.3s ease-in-out;
}
#banner .swiper-pagination-bullet-active{background: #fdd000;width:12px;}
.ban2-qiu{animation: zhuan 10s infinite linear;position: absolute;top: 48px; left: -201px;}
@keyframes move {
    0%{transform: translateY(0);}
    100%{transform: translateY(-7px);}
}
@keyframes zhuan {
    0%{transform: rotate(0);}
    100%{transform: rotate(360deg);}
}
@keyframes sx {
    0%{transform: translateY(100px) scale(.8);}
    100%{transform: translateY(0) scale(1);}
}

/*sec01*/
.sec01 h2{font-size: .32rem; color: #e00b02; font-weight: bold; margin-bottom: 0.6rem;}
.sec01 ul{text-align: left;}
.sec01 ul li{height: 0.3rem; line-height: 0.3rem; background: #eeeeee; border-radius: .02rem; font-size: .2rem; color: #333333; display: inline-block; vertical-align: top; padding-right:0.14rem; margin-bottom: 0.2rem;}
.sec01 ul li:nth-child(1){margin-top: 0.1rem; margin-right: 1.4rem; margin-left: 0.75rem;}
.sec01 ul li:nth-child(3){margin-top: 0.4rem; margin-left: 0.36rem;}
.sec01 ul li:nth-child(4){margin-top: 0.48rem; margin-right: 0.92rem; margin-left: 0.36rem;}
.sec01 ul li:nth-child(6){margin-top: 0.6rem; margin-left: 0.15rem;}
.sec01 ul li:nth-child(7){margin-top: 0.3rem; margin-left: 2.16rem; margin-right: 2.2rem;}
.sec01 ul li:nth-child(8){margin-top: 0.3rem;}
.sec01 ul li:nth-child(2n){animation: scale .8s infinite ease-in-out alternate;}
.sec01 ul li:nth-child(2n-1){animation: scale2 .8s infinite ease-in-out alternate;}
.sec01 ul li i{width: 0.34rem; height: 0.3rem; background: url(../images/s1_i.png) no-repeat top / 100%; display: inline-block; vertical-align: top; margin-right: 0.14rem;}
.sec01 p{width: 4rem; height: 0.54rem; line-height: 0.54rem; background: #fed496; border-radius: .27rem; font-size: .26rem; color: #990000; font-weight: bold; margin: 0 auto; margin-top: 0.26rem;}
@keyframes scale{
    0%{transform: scale(.9);}
    100%{transform: scale(1);}
}
@keyframes scale2{
    0%{transform: scale(1);}
    100%{transform: scale(.9);}
}

/*sec02*/
.sec02 .wrap{width: 1138px;}
.sec02-main{background: url(../images/s2_mbg.jpg) no-repeat top / 100%; padding: .6rem 0; box-sizing: border-box; text-align: left; position: relative;}
.sec02-main h3{font-size: .26rem; color: #333; font-weight: bold; display: inline-block; margin-bottom: 0.24rem;}
.sec02-main h3 span{color: #e00b02;}
.sec02-main ul li{margin-bottom: 0.14rem; margin-left: 0.34rem;}
.sec02-main ul li i{width: 0.44rem; height: 0.43rem; line-height: 0.43rem; background: url(../images/s2_lbg01.png) no-repeat top / 100%; display: inline-block; vertical-align: middle; font-size: .2rem; color: #c4140f; font-weight: bold; text-align: center; position: relative; z-index: 1;}
.sec02-main ul li p{width: 3.77rem; height: 0.48rem; line-height: 0.48rem; background: url(../images/s2_lbg02.png) no-repeat top / 100%; font-size: .16rem; color: #e00b02; display: inline-block; vertical-align: middle; padding-left: 0.42rem; box-sizing: border-box; margin-left: -0.24rem;}
.sec02-main ul li:nth-child(5) p{line-height: 0.2rem; padding-top: 0.04rem;}
.sec02-l{width: 4.32rem; display: inline-block; vertical-align: top; text-align: left; margin-right: .88rem; margin-left: .32rem;}
.sec02-l h3{border-bottom: 5px solid #e00b02; padding-left: 0.3rem; padding-right: 0.04rem;}
.sec02-r{width: 5.2rem; display: inline-block; vertical-align: top; text-align: left;}
.sec02-r h3{float: right; color: #fff; border-bottom: 5px solid #ffe3bd; padding-right: 0.3rem; padding-left: 0.04rem; margin-right: -.33rem;}
.sec02-r h3 span{color: #ffe3bd;}
.sec02-r ul li p{width: 4.57rem; height: 0.48rem; line-height: 0.48rem; background: url(../images/s2_lbg03.png) no-repeat top / 100%; color: #fff;}
.sec02-r ul li:nth-child(1) p,.sec02-r ul li:nth-child(7) p{line-height: 0.2rem; padding-top: 0.04rem;}
.sec02-v{position: absolute; top: 0.78rem; left: 3.35rem;}
.sec02-y{position: absolute; top: 2.26rem; left: 4.68rem;}

/*sec03*/
.sec03-main{padding: .3rem 0; background: url(../images/s3_mbg.jpg) no-repeat top / 100%;}
.sec03-l{width: 5.96rem; display: inline-block; vertical-align: top; background: #f00; margin-right: 0.24rem;}
.sec03-r{width: 4.2rem; display: inline-block; text-align: left; margin-top: 0.4rem;}
.sec03-r h3{font-size: .26rem; font-weight: bold; color: #333; margin-bottom: 0.16rem;}
.sec03-r h3 span{color: #e00b02;}
.sec03-r h3 i{color: #e00b02; margin-right: 0.08rem;}
.sec03-r h3 img{margin-left: 0.12rem;}
.sec03-r p{font-size: .16rem; color: #4c4c4c; margin-left: 0.16rem;}
.sec03-r p b{font-weight: bold;}
.mt50{margin-top: 0.6rem;}
.sec03 a{width: 4rem; height: 0.54rem; line-height: 0.54rem; font-size: .26rem; color: #990000; font-weight: bold; background: #fedba8; border-radius: .27rem; display: inline-block; margin-top: 0.24rem;}

/*sec04*/
.sec04{margin-top: 0.6rem; background:#feedd7 url(../images/s4_bg.jpg) no-repeat bottom center;}
.sec04 .hd{text-align: left; margin-bottom: 0.36rem;}
.sec04 .hd ul li{width: 1.3rem; height: 0.38rem; line-height: 0.38rem; border: 1px solid #f2200c; border-radius: .02rem; display: inline-block; font-size: .22rem; color: #e52010; font-weight: bold; margin-right: 0.1rem; text-align: center; cursor: pointer;}
.sec04 .hd ul li.on{color: #fff;
	background: #f1200d; 
	background: -webkit-linear-gradient(bottom, #f1200d , #b71e1f); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(bottom, #f1200d, #b71e1f); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(bottom, #f1200d, #b71e1f); /* Firefox 3.6 - 15 */
	background: linear-gradient(to bottom, #f1200d , #b71e1f); /* 标准的语法 */
}
.sec04 .bd{height: 4.76rem;}
.tea-img{width: 6.11rem; display: inline-block; vertical-align: top;}
.tea-img span{font-size: .24rem;color: #feedd7;margin-top: .4rem;display: block;}
.tiankong{height: .2rem;}
.tea-hd{padding-top: 0.5rem;}
.tea-hd img{margin-left: -.57rem; opacity: .9; position: relative; z-index: 1;}
.tea-hd1 img{width: 1.53rem; margin-top: 0.97rem;}
.tea-hd2 img{width: 1.96rem;}
.tea-hd2 img:nth-child(2){margin-top: -0.48rem;}
.tea-hd .cur{transform: scale(1.05); opacity: 1; transition: all .3s; z-index: 1; position: relative;}
.tea-txt{width: 4.6rem; display: inline-block; text-align: left; margin-top: 1.6rem;}
.tea-txt h3{font-size: .22rem; color: #b81e1e; font-weight: 700; margin-bottom: 0.14rem;}
.tea-txt h3 i{width: 0.24rem; height: 0.23rem; background: url(../images/s4_i.png) no-repeat top / 100%; display: inline-block; vertical-align: -4px; margin-right: 0.16rem;}
.tea-txt h3 span{font-size: .24rem; color: #f1caad;text-transform: uppercase; margin-left: 0.16rem;}
.tea-txt p{font-size: .16rem; color: #333; line-height: 0.24rem;}
.tea-txt01{display: none;}
.tea-txt01.cur{display: block;}
.sec04-b a{width: 1.43rem; height: 0.32rem; line-height: 0.32rem; font-size: .22rem; color: #c11e1c; border-radius: .16rem; position: absolute; right: 1.82rem; bottom: .15rem;
	background: #feddab; 
	background: -webkit-linear-gradient(right, #feddab , #feeed7); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #feddab, #feeed7); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #feddab, #feeed7); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #feddab , #feeed7); /* 标准的语法 */	
}
.sec04-b a img{margin-left: 0.1rem;vertical-align: -6px; display: inline-block;}
.sec04-tea-all{position: absolute; top: .77rem; left: .17rem;}
/* 视频弹窗 */
.blackbg{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 998; display: none;}
.sec04-pop{ position: fixed; top: 30%; left: 50%; margin-left: -365px; z-index: 999; display: none;}
.video-box{width: 730px;}
.close2{position: fixed;top: 68%;left: 50%; z-index: 999;}

/*sec05*/
.sec05-tips{font-size: .18rem; color: #333; margin-bottom: 0.54rem;}
.sec05-tips span{color: #e00b02;}
.sec05-l{margin-left: 1rem; position: relative;}
.sec05-r{background: url(../images/s5_rbg.png) no-repeat top right; padding: .2rem .2rem 0 0 ; margin-right: 1.5rem;}
.sec05-r img.ewm{background: #eeeeee; padding: .2rem;}
.sec05-r p{height: 0.5rem; line-height: 0.5rem; font-size: .18rem; color: #fedcaa; font-weight: bold; background: #f5200b;}
.sec05-r p img{margin-right: 0.1rem;}

/*sec06*/
.sec06{background: url(../images/s6_bg.jpg) no-repeat top center; margin-top: 0.8rem; padding-top: 0.6rem;}
.sec06 h2{color: #fff;}
.sec06 h2 span{color: #ffd6ae;}
.sec06 h2::before{background: url(../images/t_l02.png) no-repeat top / 100%;}
.sec06 h2::after{background: url(../images/t_r02.png) no-repeat top / 100%;}
.sec06 .title p{color: #fff;}
.sec06-t{margin-bottom: 0.3rem;}
.sec06-t-r{position: relative; z-index: 1;}
.sec06 .hd{width: 2rem; background: #feecd3; padding: 0 .06rem; display: inline-block;}
.sec06 .hd ul li{width: 100%; height: 0.7rem; line-height: 0.7rem; border-bottom: 1px solid #fcc888; font-size: .18rem; color: #333; position: relative; box-sizing: border-box; cursor: pointer;}
.sec06 .hd ul li:last-child{border-bottom: none;}
.sec06 .hd ul li::before{content: ''; width: 0.02rem; height: 100%; background: #fee9cc; display: block; position: absolute; left: -6px; top: 0;}
.sec06 .hd ul li.on::before{ background: #d71a0b;}
.sec06 .hd ul li i{font-size: .24rem; color: #d71a0b; font-weight: bold; font-style: italic; border-bottom: 1px solid #d71a0b; margin-right: 0.1rem;}
.sec06 .bd-img{width: 498px; height: 2.8rem; display: inline-block; vertical-align: top; background: #fff; position: relative;}
.sec06 .bd-img ul li{ display: inline-block; position: absolute; top: 0; left: 0; display: none;}
.sec06 .bd-img ul li:nth-child(1){ left: .3rem;}
.sec06 .bd-img ul li.on{display: block;}
.sec06 .bd-img img{margin-top: 0.13rem; display: none;}
.sec06-t-l{width: 7rem; height: 2.7rem; background: url(../images/s6_lbg.jpg) no-repeat top / 100%; margin-top: -2.34rem; padding-top: 0.4rem; padding-right: 0.1rem; box-sizing: border-box; text-align: left;}
.sec06-t-l ul li{display: none;}
.sec06-t-l ul li.on{display: block;}
.sec06-t-l ul li i{font-size: .24rem; color: #d71a0b; font-weight: bold; font-style: italic; border-bottom: 1px solid #d71a0b; padding-left: 0.4rem; margin-bottom: 0.16rem; display: inline-block;}
.sec06-t-l ul li h3{font-size: .2rem; color: #d71a0b; padding-left: 0.36rem; margin-bottom: 0.16rem;}
.sec06-t-l ul li p{width: 3.43rem; font-size: .16rem; color: #666666; padding-left: 0.36rem;line-height: 0.24rem;}
.sec06-b{padding-bottom: 0.5rem;}
.sec06-b input[type=text]{width: 3.5rem; height: 0.5rem; border-radius: .02rem; font-size: .18rem; color: #9e0e10; padding-left: 0.46rem; margin-right: 0.35rem; box-sizing: border-box; border: none;}
.sec06-b input[name=clueUsername]{background: #feeed7 url(../images/user.png) no-repeat left .14rem center;}
.sec06-b input[name=clueMobile]{background: #feeed7 url(../images/phone.png) no-repeat left .14rem center;}
.sec06-b input[type=button]{width: 3.3rem; height: 0.5rem; line-height: 0.5rem; font-size: .2rem; color: #9e0e10; font-weight: bold; border-radius: .02rem; border: none; cursor: pointer;background: #feddab;}
.form_bot {width: 94%; margin: 20px auto 0; text-align: center; font-size: .16rem; color: #fff; line-height:.26rem;}
.form_bot span a {color: #fff;}
.form_bot label {display: inline-block;}
.form_bot label input {display: inline-block; width: .14rem; height: .14rem; border: none; vertical-align: top; margin:
.06rem 0 0; position: relative;}
.form_bot label input[type=checkbox]::before {position: absolute; content: ""; top: 0; left: 0; background: #fff; width:
100%; height: 100%; border: 1px solid #888; border-radius: 2px;}
.form_bot label input[type=checkbox]:checked::before {position: absolute; content: "\2713"; background: #117cff; top: 0;
left: 0; width: 100%; height: 100%; border: 1px solid #117cff; border-radius: 2px; color: #fff; line-height: .14rem;
font-weight: bold; text-align: center;}

/*sec07*/
.sec07{background: url(../images/s7_bg.jpg) no-repeat; padding-bottom: 0.5rem;}
.sec07-t{margin-bottom: 0.56rem;}
.book-box{width: 3.21rem; background: url(../images/s7_lbg.png) no-repeat bottom / 100%; padding-bottom: 0.2rem; display: inline-block;}
.book-box p{font-size: .16rem; color: #fff; line-height: 0.24rem; margin-top: -0.2rem; text-align: left; padding-left: 0.14rem;}
.sec07-book2{display: inline-block; vertical-align: top; margin-left: 0.48rem; margin-top: 0.7rem;}
.sec07-b .book-box{margin: 0 .7rem;}
.sec07-b .book-box p{padding-left: 1rem;}
.s7-book{animation: move 1s infinite alternate ease-in-out;}

/*sec08*/
.sec08{padding-bottom: 0.7rem;
	background: #feeace; 
	background: -webkit-linear-gradient(bottom, #feeace , #fedeae); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(bottom, #feeace, #fedeae); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(bottom, #feeace, #fedeae); /* Firefox 3.6 - 15 */
	background: linear-gradient(to bottom, #feeace , #fedeae); /* 标准的语法 */
}
.sec08 .card{width: 2.55rem; height: 4.79rem; display: inline-block; vertical-align: top; margin-right: 0.26rem; position: relative; box-sizing: border-box;}
.sec08 .card:last-child{margin-right: 0;}
.sec08 .card:nth-child(1) .front{background: url(../images/s8_lbg01.png) no-repeat top / 100% 100%;}
.sec08 .card:nth-child(2) .front{background: url(../images/s8_lbg02.png) no-repeat top / 100% 100%;}
.sec08 .card:nth-child(3) .front{background: url(../images/s8_lbg03.png) no-repeat top / 100% 100%;}
.sec08 .card:nth-child(4) .front{background: url(../images/s8_lbg04.png) no-repeat top / 100% 100%;}
.sec08 .card .back{background: #fff; padding-top: 0.2rem !important;}
.sec08 .card h3{font-size: .26rem; color: #f51f0c; font-weight: bold; margin-bottom: 0.25rem;}
.sec08 .card p{font-size: .18rem; color: #171717; line-height: 0.26rem; margin-bottom: 0.22rem;}
.sec08 .card .front i{width: 0.28rem; height: 0.28rem; background: url(../images/s8_jt.png) no-repeat top / 100%; display: inline-block;}
.sec08 .card .front img{position: absolute;left: 1.12rem;}
.sec08 .card:nth-child(1) img{ bottom: 0.7rem;}
.sec08 .card:nth-child(2) img{bottom: 1rem;}
.sec08 .card:nth-child(3) img{left: 1.18rem; bottom: 2.04rem;}
.sec08 .card:nth-child(4) img{left: 1rem; bottom: 1.7rem;}
.sec08 .card .back h3{font-size: .18rem; margin-bottom: 0.05rem; margin-top: 0.1rem;}
.sec08 .card .back p{width: 80%; font-size: .16rem; margin: 0 auto; text-align: justify; line-height: 0.22rem;}
.card .flip {
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.card .flip .back {
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
	padding-top: 0.55rem;
    box-sizing: border-box;
}
.card .flip .front {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    padding: .34rem 0;
    box-sizing: border-box;
}
.card .flip.flipToBack {
    -webkit-transform: perspective(1280px) rotateY(-180deg);
    -ms-transform: perspective(1280px) rotateY(-180deg);
    transform: perspective(1280px) rotateY(-180deg);
    -webkit-animation-name: flipToBack;
    -webkit-animation-duration: 500ms;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode: none;
    -webkit-animation-play-state: running;
    animation-name: flipToBack;
    animation-duration: 500ms;
    animation-timing-function: ease-in-out;
    animation-delay: 0;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running
}
.card .flip.flipToFront {
    -webkit-animation-name: flipToFront;
    -webkit-animation-duration: 500ms;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-fill-mode: none;
    -webkit-animation-play-state: running;
    animation-name: flipToFront;
    animation-duration: 500ms;
    animation-timing-function: ease-in-out;
    animation-delay: 0;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running
}
@-webkit-keyframes flipToBack {
    from {
        -webkit-transform: perspective(1280px) rotateY(0)
    }

    to {
        -webkit-transform: perspective(1280px) rotateY(-180deg)
    }
}
@keyframes flipToBack {
    from {
        transform: perspective(1280px) rotateY(0)
    }

    to {
        transform: perspective(1280px) rotateY(-180deg)
    }
}
@-webkit-keyframes flipToFront {
    from {
        -webkit-transform: perspective(1280px) rotateY(-180deg)
    }

    to {
        -webkit-transform: perspective(1280px) rotateY(0)
    }
}
@keyframes flipToFront {
    from {
        transform: perspective(1280px) rotateY(-180deg)
    }

    to {
        transform: perspective(1280px) rotateY(0)
    }
}

/*sec09*/
.sec09{padding-bottom: 0.6rem;}
.sec09-main{position: relative; padding-bottom: 0.92rem;}
.sec09 .hd{width: 3rem; height: 4.1rem; background: url(../images/s9_lbg.png) no-repeat top / 100%; display: inline-block; vertical-align: top; margin-right: 2.45rem;}
.sec09 .hd ul li{width: 2.06rem; height: 0.49rem; line-height: 0.36rem; background: url(../images/s9_qp01.png) no-repeat top / 100%; font-size: .2rem; color: #f5200b; cursor: pointer;}
.sec09 .hd ul li:nth-child(1){margin-top: 1.26rem; margin-left: -0.4rem;}
.sec09 .hd ul li:nth-child(2){margin-top: .8rem; margin-left: 1.3rem;}
.sec09 .hd ul li.on{background: url(../images/s9_qp01_h.png) no-repeat top / 100%; color: #fff;}
.sec09 .bd{width: 2.98rem; height: 4rem; background: url(../images/s9_rbg.png) no-repeat top / 100%; display: inline-block; vertical-align: top;text-align: left; padding: .6rem .4rem; box-sizing: border-box;}
.sec09 .bd h3{font-size: .22rem; color: #4c4c4c;}
.sec09 .bd h3::before{content: ''; width: 0.16rem; height: 0.16rem; background: #f51f0b; display: inline-block; margin-right: 0.08rem;}
.sec09 .bd i{width: 2.07rem; height: 0.06rem; background: url(../images/s9_line.png) no-repeat top /100%; display: block; margin: .1rem 0 .32rem 0;}
.sec09 .bd p{width: 1.82rem; font-size: .16rem; color: #666; margin: 0 auto; line-height: 0.24rem;}
.sec09-main img{position: absolute; top: 1.4rem; left: 5.6rem;}
.sec09 .jt{width: 0.36rem; height: 0.36rem; display: inline-block; margin:0 .08rem; position: absolute; bottom: 20px;}
.sec09 .prev{ background: url(../images/prev.png) no-repeat top / 100%; left: 4.68rem;}
.sec09 .next{ background: url(../images/next.png) no-repeat top / 100%; left: 5.22rem;}
.sec09 .prev:hover{ background: url(../images/prev_h.png) no-repeat top / 100%;}
.sec09 .next:hover{ background: url(../images/next_h.png) no-repeat top / 100%;}

/*sec10*/
.sec10{background: #feefee;}
.sec10-main{height: 6.43rem; background: url(../images/s10_mbg.png) no-repeat top / 100%; padding-top: 0.56rem; box-sizing: border-box;}
.sec10-main h3{font-size: .36rem; color: #333; font-weight: bold; margin-bottom: 0.54rem;}
.sec10-main h3 span{border-bottom: 8px solid #e00b02; line-height: 32px; display: inline-block;}
.sec10-l{margin-left: 0.36rem; margin-top: 0.4rem; position: relative;}
.is{width: 6px;height: 6px;background: #ff1507;border-radius: 50px;border: 2px solid #ffffffc4;display: block;}
.i01{position: absolute;top: 100px; animation: xiaoshi 2s infinite linear; left: 139px;}
.i02{position: absolute;top: 140px; animation: xiaoshi 2s infinite linear .5s; left: 180px;}
.i03{position: absolute;top: 50px; animation: xiaoshi 2s infinite linear; left: 220px;}
.i04{position: absolute;top: 180px; animation: xiaoshi 2s infinite linear .8s; left: 250px;}
.sec10-r{background: url(../images/s10_line.png) no-repeat top 7px left; padding-left: 0.3rem; text-align: left; margin-right: 0.44rem; box-sizing: border-box;}
.sec10-r h4{font-size: .16rem; color: #4c4c4c;}
.sec10-r h4 span{font-size: .2rem; color: #e00b02; padding-right: 0.16rem;}
.sec10-r h4 i{width: 3.08rem; border-bottom: 1px dashed #ffa099; display: inline-block; vertical-align: middle; margin-left: 0.24rem; margin-right: 0.15rem;}
.sec10-r p{width: 5.46rem; font-size: .16rem; color: #666666; line-height: 0.24rem; margin-bottom: 0.22rem; margin-top: .08rem;}
.sec10-r h4.w20 i{width: 2.43rem;}
@keyframes xiaoshi{
    0%{transform: translateY(0); opacity: 0;}
    50%{transform: translateY(-60px); opacity: .8;}
    100%{transform: translateY(-100px); opacity: 0;}
}

/* sec11 */
.sec11{background: url(../images/s11_bg.png) no-repeat right bottom; padding-bottom: 0.94rem;}
.sec11 h3{font-size: .36rem; color: #333; font-weight: bold; margin-bottom: 0.54rem;}
.sec11 h3 span{border-bottom: 8px solid #e00b02; line-height: 32px; display: inline-block;}
.sec11 ul li{width: 2.64rem; height: 3.44rem; display: inline-block; vertical-align: top; padding: 0 .36rem; padding-top: 0.54rem; box-sizing: border-box;}
.sec11 ul li h4{font-size: .22rem; color: #d3170e; font-weight: bold; margin-top: 0.16rem;}
.sec11 ul li p{font-size: .16rem; color: #666666; text-align: justify; margin-top: 0.14rem; line-height: 0.24rem;}
.sec11 ul li p b{font-weight: bold;}
.sec11 ul li.on{	background: #f51f0b; 
	background: -webkit-linear-gradient(bottom, #f51f0b , #af0f11); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(bottom, #f51f0b, #af0f11); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(bottom, #f51f0b, #af0f11); /* Firefox 3.6 - 15 */
	background: linear-gradient(to bottom, #f51f0b , #af0f11); /* 标准的语法 */}
.sec11 ul li.on h4{color: #fff;}
.sec11 ul li.on p{color: #fff;}
.sec11 a{height: 0.54rem; line-height: 0.54rem; font-size: .24rem; color: #990000; font-weight: bold; border-radius: .24rem; display: inline-block; padding: 0 .3rem; margin-top: 0.4rem;
    background: #fedba8; 
	background: -webkit-linear-gradient(bottom, #fedba8 , #fece82); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(bottom, #fedba8, #fece82); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(bottom, #fedba8, #fece82); /* Firefox 3.6 - 15 */
	background: linear-gradient(to bottom, #fedba8 , #fece82); /* 标准的语法 */
}

/* sec12 */
.sec12{background: #fff; padding-bottom: 0.8rem;}
.sec12 table tr th{height: 0.61rem; line-height: 0.61rem; background: #e00b02; font-size: .2rem; color: #fff; font-weight: normal; border-right: 1px solid #fff;}
.sec12 table tr td.h25{height: 0.15rem; background: #fff !important; padding: 0 !important;}
.sec12 table tr td{font-size: .16rem; color: #373737; line-height: 0.24rem; background: #faf9f9; border-right: 1px solid #f2f2f2; padding: .2rem 0;}
.sec12 table tr td p {width: 90%;margin: 0 auto;text-align: left;}
.sec12 table tr td:last-child{border-right: none;}
.sec12 table tr td b{font-weight: bold;}
.sec12 table tr:nth-child(7) td{background: #fdfdfd; }
.sec12 table tr:nth-child(8) td{background: #fdfdfd; }
.sec12 table tr:nth-child(9) td{background: #fdfdfd; }
.sec12 table tr:nth-child(15) td{background: #fdfdfd;}
.sec12 table tr:nth-child(16) td{background: #fdfdfd; }
.sec12 table tr:nth-child(17) td{background: #fdfdfd; }
.sec12 table tr td a{width: 1.1rem; height: .35rem; line-height: .35rem; font-size: .16rem; background: #e00b02; border-radius: .26rem; font-size: .18rem; color: #fff; display: inline-block; margin-top: 0.2rem;}
.tips2{font-size: .16rem; color: #888; text-align: right; margin-top: .2rem;}
.sec12 table tr td.bg_td{background: #efeeee;border-radius: .2rem 0 0 .2rem;font-size: .18rem;color: #373737;font-weight: bold;}
.sec12 table tr td.bg_td2{background: #faf9f9;border-radius: .2rem 0 0 .2rem;font-size: .18rem;color: #373737;font-weight: bold;}
.sec12 table tr td.bor_bot {border-bottom: 1px solid #f2f2f2;}

/*侧边导航*/
.lfNav{position: fixed;width: 134px;height: 403px;background: url(../images/fixedNavBg.png) no-repeat center / 100% 100%;top:18%;left:20px;z-index:9;}
.lfNav .close{position:absolute;top:0; right:0; height:32px; width:32px; }
.mt185{margin-top: 80px;}
.nav-bg{width: 161px;height: 27px;display: block;float:left;clear:both;margin-left: -18px;margin-bottom: 0px;}
.nav-bg a{width: 54%;height: 36px;display: block;margin:auto;font: 13px/34px "微软雅黑";color: #fff;text-align: center;}
.left_top{width:150px; height:60px;display: block;float:left;margin-left:0;}