@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: .48rem;}
.title h2{font-size: .44rem; color: #333; font-weight: bold; letter-spacing: .03rem;}
.title h2 span{color: #3a5fff;}
.title h2 i{font-size: .3rem; display: inline-block; vertical-align: 4px; padding: 0 .08rem;}
.title p{font-size: .22rem; color: #666666; margin-top: 0.18rem;}

/*banner*/
.banner-box{width: 100%;height: 600px;position: relative;background: url(../images/banner_bg.jpg) no-repeat top center;font-size: 0; box-sizing: border-box;}
.banner-box a{ display: block; position: absolute; top: .52rem;width: 1.78rem;}
.banner-box a img{width: 100%;}
.ban-t{margin-bottom: 0.9rem;}
.ban-t h1 {font-size: .22rem;color: #fff;letter-spacing: .04rem;text-align: right;padding-top: 0.52rem;width: 96%;}
.ban-txt{text-align: left; position: relative; margin-left: 1.36rem;}
.ban-txt .ban1{position: relative; z-index: 9;float: right;margin-right: 1.1rem;/* animation: shan 2s infinite ease-in-out; */}
.ban-zbg img{position: absolute; left: -5.5rem; bottom: 0;animation: move3 infinite 2s ease-in-out .5s;}
.ban-jt{animation: move3 infinite 1s ease-in-out .5s;}
.ban-ko{position: absolute;left: 1.92rem; top: .4rem; }
.bam_guang1{position: absolute; left: 3rem; top: 0.72rem; animation: shan 1s infinite ease-in-out;}
.bam_guang2{position: absolute; left: 0;}
@keyframes shan{
    0%{transform: scale(.8); opacity: 1;}
    100%{transform: scale(1.2); opacity: 0;}
}

/*sec01*/
.sec01-l{width: 5.67rem; display: inline-block; vertical-align: top; text-align: left;}
.sec01-l h3{font-size: .2rem; color: #333; margin-bottom: 0.38rem;}
.sec01-l h3 i{width: 0.23rem; height: 0.25rem; background: url(../images/s1_i.png) no-repeat top / 100%; display: inline-block; vertical-align: middle; margin-right: 0.1rem;}
.sec01-r{width: 5.33rem; background: #3961f4; display: inline-block;}
.pub-a{width: 3rem; height: 0.6rem; line-height: 0.6rem; font-size: .2rem; color: #fff; display: inline-block; font-weight: 600; margin-top: 0.6rem; transition: all .5s;
background: #627fff;
background: -webkit-linear-gradient(bottom, #627fff , #3c61ff); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(bottom, #627fff, #3c61ff); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(bottom, #627fff, #3c61ff); /* Firefox 3.6 - 15 */
background: linear-gradient(to bottom, #627fff , #3c61ff); /* 标准的语法 */
}
.pub-a:hover{transform: scale(1.05);}


/*sec02*/
.sec02{background: url(../images/s2_bg.jpg) no-repeat bottom center; padding: .6rem 0;}
.sec02-item{padding-top: 0.38rem; box-sizing: border-box;}
.sec02-item h3{margin-left: -.1rem; margin-bottom: 0.22rem;}
.sec02-item ul li{font-size: .18rem; color: #fff; border: 1px solid #fff; display: block; margin: 0 auto; margin-bottom: 0.12rem; box-sizing: border-box;}
.sec02-item ul li:nth-child(1){width: 1.6rem; height: 0.36rem; line-height: 0.36rem; border-radius: .18rem;}
.sec02-item ul li:nth-child(2){width: 2.5rem; height: 0.36rem; line-height: 0.36rem; border-radius: .18rem;}
.sec02-item ul li:nth-child(3){width: 2.5rem; height: 0.86rem; line-height: 0.26rem; border-radius: .18rem; padding-top: 0.02rem;}
.sec02-item ul li:nth-child(3) i{width: 0.16rem; height: 0.13rem; background: url(../images/s2_dh.png) no-repeat top / 100%; display: inline-block; vertical-align: middle; margin-right: 0.08rem;}
.sec02-l{width: 4.34rem; height: 3.35rem; background: url(../images/s2_lbg.png) no-repeat top / 100%;}
.sec02-l ul{margin-right: .46rem;}
.sec02-l h3{font-size: .2rem; color: #fff; font-weight: bold; text-align: left;}
.sec02-l h3 i{width: 0.75rem; height: 0.36rem; display: inline-block; vertical-align: middle; margin-right: 0.12rem;
	background: #16ceca;
	background: -webkit-linear-gradient(right, #16ceca , #4cdfb8); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #16ceca, #4cdfb8); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #16ceca, #4cdfb8); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #16ceca , #4cdfb8); /* 标准的语法 */
}
.sec02-m{width: 2.98rem; position: absolute;left: 4.28rem;top: -.16rem;}
.sec02-vs{position: absolute; top: .28rem; left: .84rem; z-index: 9;}
.sec02-m .seec02-jt{position: absolute; top: 1.81rem;}
.sec02-m .seec02-ljt{left: -.26rem; animation: move2 1s infinite ease-in-out;}
.sec02-m .seec02-rjt{right: .3rem; animation: move3 1s infinite ease-in-out;}
.sec02-m p{width: 1.55rem;height: 1.55rem;border-radius: 100%;position: absolute;top: 1.08rem;left: .42rem; font-size: .18rem; color: #fff; line-height: 0.3rem; padding-top: 0.32rem; box-sizing: border-box;
	background: #10cdc7;background: -webkit-linear-gradient(right, #10cdc7 , #50e1b8); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(right, #10cdc7, #50e1b8); /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(right, #10cdc7, #50e1b8); /* Firefox 3.6 - 15 */background: linear-gradient(to right, #10cdc7 , #50e1b8); /* 标准的语法 */}
.sec02-m .sec02-yuan{position: absolute;top: .64rem;right: .56rem; animation: zhuan 6s infinite linear;}
.sec02-r{width: 4.34rem; height: 3.35rem; background: url(../images/s2_rbg.png) no-repeat top / 100%;}
.sec02-r h3{font-size: .2rem; color: #10cdc7; font-weight: bold; float: right; margin-right: -.1rem;}
.sec02-r h3 i{width: 0.75rem; height: 0.36rem; display: inline-block; vertical-align: middle; margin-left: 0.12rem; 
	background: #16ceca;
	background: -webkit-linear-gradient(right, #16ceca , #4be0b7); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #16ceca, #4be0b7); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #16ceca, #4be0b7); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #16ceca , #4be0b7); /* 标准的语法 */
}
.sec02-r ul{margin-left: .46rem;}
.sec02-r ul li{color: #18cfc9; border: 1px solid #4ce0b7;}
.sec02-r ul li:nth-child(2){width: 2.9rem;}
.sec02-r ul li:nth-child(3){padding-top: 0.15rem;}
.sec02-r ul li:nth-child(3) i{ background: url(../images/s2_dh2.png) no-repeat top / 100%;}
@keyframes zhuan{
    0%{transform: rotate(0);}
    100%{transform: rotate(360deg);}
}
@keyframes move2{
    0%{transform: translateX(0); opacity: 1;}
    100%{transform: translateX(-10px); opacity: 0;}
}
@keyframes move3{
    0%{transform: translateX(0); opacity: 0;}
    100%{transform: translateX(6px); opacity: 1;}
}

/*sec03*/
.sec03-main .hd{display: inline-block; vertical-align: top;}
.sec03-main .hd ul li{width: 4rem; height: 1.2rem; background: #fff; padding-top: 0.35rem; box-sizing: border-box; cursor: pointer; transition: all .5s;}
.sec03-main .hd ul li .no-box{ display: inline-block; vertical-align: middle; margin-right: 0.25rem;}
.sec03-main .hd ul li .no-box i{width: 0.5rem; height: 0.34rem; display: inline-block;}
.sec03-main .hd ul li:nth-child(1) .no-box i{background: url(../images/s3_n01.png) no-repeat top center;}
.sec03-main .hd ul li:nth-child(2) .no-box i{background: url(../images/s3_n02.png) no-repeat top center;}
.sec03-main .hd ul li:nth-child(3) .no-box i{background: url(../images/s3_n03.png) no-repeat top center;}
.sec03-main .hd ul li .txt-box{display: inline-block; vertical-align: middle; text-align: left;}
.sec03-main .hd ul li .txt-box h3{font-size: .2rem; color: #666666; margin-bottom: 0.1rem;}
.sec03-main .hd ul li .txt-box p{font-size: .12rem; color: #9ea1b4; text-transform:uppercase;}
.sec03-main .hd ul li .icon-box{display: inline-block; vertical-align: middle; margin-left: 0.15rem;}
.sec03-main .hd ul li .icon-box i{width: 0.39rem; height: 0.39rem; display: inline-block; background: url(../images/s3_jt.png) no-repeat top / 100%;}
.sec03-main .hd ul li.on{ box-shadow: 0 10px 10px #4064ff29; z-index: 99;position: relative;
	background: #5071ff;
	background: -webkit-linear-gradient(right, #5071ff , #5575ff); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #5071ff, #5575ff); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #5071ff, #5575ff); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #5071ff , #5575ff); /* 标准的语法 */
}
.sec03-main .hd ul li:nth-child(1).on .no-box i{background: url(../images/s3_n01_h.png) no-repeat top center;}
.sec03-main .hd ul li:nth-child(2).on .no-box i{background: url(../images/s3_n02_h.png) no-repeat top center;}
.sec03-main .hd ul li:nth-child(3).on .no-box i{background: url(../images/s3_n03_h.png) no-repeat top center;}
.sec03-main .hd ul li.on .txt-box h3{font-size: .2rem; color: #fff; margin-bottom: 0.1rem;}
.sec03-main .hd ul li.on .txt-box p{font-size: .12rem; color: #fff;}
.sec03-main .hd ul li.on .icon-box i{ background: url(../images/s3_jt_h.png) no-repeat top / 100%; animation: move3 1s infinite ease-in-out;}
.sec03-main .bd{width: 5.84rem; display: inline-block; padding-top: 0.16rem; text-align: left; margin-left: 0.66rem;}
.sec03-main .bd ul li h3{ font-size: .2rem; color: #4c4c4c; font-weight: bold;}
.sec03-main .bd ul li i{width: 0.24rem; height: 0.04rem; background: url(../images/s3_dian.png) no-repeat top / 100%; display: block; margin-top: .16rem; margin-bottom: 0.1rem;}
.sec03-main .bd ul li p{ font-size: .16rem; color: #4c4c4c; line-height: 0.3rem;}
.sec03-main .bd ul li img{ margin: .14rem 0 0 3.42rem;}
.sec03-main a{margin-top: 0.8rem;}

/*sec04*/
.sec04{background: url(../images/s4_bg.jpg) no-repeat bottom center; padding-bottom: 0.8rem;}
.sec04-t{width: 4.71rem;height: 3.51rem;background: url(../images/s4_tbg.png) no-repeat top / 100%;font-size: .2rem;color: #fff;font-weight: bold;padding: .52rem 0 0 .76rem;box-sizing: border-box;text-align: left;line-height: .3rem;}
.sec04-b{width: 9.07rem; height: 4.1rem; background: #fff; position: absolute; top: 2.54rem; right: 0; z-index: 2;}
.sec04-b .bd ul li{margin-top: 0.55rem;}
.sec04-b .hd ul li{width: 0.08rem; height: 0.08rem; background: #baf3e4; border-radius: 50px; display: inline-block; margin: .04rem;}
.sec04-b .hd ul li.on{ background: #4ae0b8;}
.sec04 a{ margin-top: 2.32rem; margin-left: 1.95rem;}

/*sec05*/
.sz-txt{width: 9.14rem; margin: 0 auto; font-size: .18rem; color: #fff; text-align: left; padding: .1rem .4rem; margin-bottom: 0.14rem; box-sizing: border-box;
	background: #40ddba;
	background: -webkit-linear-gradient(bottom, #40ddba , #16d0c5); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(bottom, #40ddba, #16d0c5); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(bottom, #40ddba, #16d0c5); /* Firefox 3.6 - 15 */
	background: linear-gradient(to bottom, #40ddba , #16d0c5); /* 标准的语法 */
}
.sz-txt b{font-weight: bold;}
.slide{width: 1rem; height: 3.9rem; display: inline-block; vertical-align: top; margin-right: 0.08rem; transition: all .8s; overflow: hidden;}
.slide h3{width: 100%; height: 100%; background: #f5f6ff; display: block; padding-top: 0.74rem; box-sizing: border-box;}
.slide h3 i{font-size: .44rem; color: #4466ff; font-weight: bold; display: block; margin-bottom: 0.26rem;}
.slide h3 span{font-size: .22rem; color: #4c4c4c; writing-mode: tb-rl;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;*writing-mode: tb-rl; letter-spacing: 10px; margin-bottom: 0.1rem;}
.slide h3 em{width: 0.38rem; height: 0.05rem; background: #5d7cff; border-radius: .25rem; display: block; margin: 0 auto;}
.mrno{margin-right: 0;}
.sz-box{width: 0; padding: .42rem .38rem; box-sizing: border-box; position: relative; text-align: left;}
.sz-box img{ width: 0; height: 2.82rem; position: absolute; left: .36rem; top: 0.5rem; transition: all .5s;}
.sz-box div{ position: absolute; right: .36rem; top: 0.95rem; text-align: left;}
.sz-box div h4{font-size: .18rem; color: #fff; font-weight: bold; margin-bottom: 0.18rem;}
.sz-box div p{font-size: .16rem; color: #fff; text-align: left; padding-left: 0.06rem; line-height: 0.26rem;}
.slide.on{width: 6.72rem; height: 3.88rem;}
.slide.on h3{display: none;}
.slide.on .sz-box{ width: 100%; height: 100%; background: #5c7bff url(../images/s5_m_bg.png) no-repeat right 1.92rem bottom .2rem;}
.slide.on .sz-box img{width: 4.48rem; height: 2.82rem;}
.form-box{margin-top: 0.4rem;}
.form-box input[type=text]{width: 3.1rem; height: 0.6rem; border: 1px solid #11cec7; box-sizing: border-box; font-size: .18rem; padding-left: 0.4rem; border-radius: .04rem; margin-right: 0.32rem;}
.form-box input[name=clueUsername]{background: #fff url(../images/s5_form_i01.png) no-repeat left 10px center;}
.form-box input[name=clueMobile]{background:#fff url(../images/s5_form_i02.png) no-repeat left 10px center;}
.form-box input[type=button]{width: 3.1rem; height: 0.6rem; line-height: 0.6rem; background: #44ddb9; color: #fff; font-size: .18rem; border-radius: .04rem; border: none; cursor: pointer;}
.form_bot {width: 94%; margin: 20px auto 0; text-align: center; font-size: .16rem; color: #666; line-height:.26rem;}
.form_bot span a {color: #11cec7;}
.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: #f1522b; top: 0;
left: 0; width: 100%; height: 100%; border: 1px solid #f1522b; border-radius: 2px; color: #fff; line-height: .14rem;
font-weight: bold; text-align: center;}

/*sec06*/
.sec06{background: url(../images/s6_bg.jpg) no-repeat center; margin-top: 0.9rem; padding-bottom: 0.6rem;}
.sec06 h2{color: #fff;}
.sec06-gif1{}
.sec06 .form_bot { color: #fff;}
.sec06 .form_bot span a {color: #fff;}
.sec06-tips{font-size: .16rem; color: #fff; padding-top: 0.1rem;}
.sec06-avi{width: 5rem;display: inline-block; vertical-align: top;}
.sec06-avi01{display: inline-block; vertical-align: top; margin-right: 1rem;}

/*sec07*/
.sec07{background: #f5f7ff;}
.sec07-main{position: relative;}
.sec07-main .card{width: 1.76rem; height: 3.42rem; display: inline-block; vertical-align: top; margin-right: 0.07rem; position: relative; box-sizing: border-box;}
.sec07-main .card:last-child{margin-right: 0;}
.sec07-main .card:nth-child(1) .front{background: url(../images/s7_lbg01.png) no-repeat top / 100%;}
.sec07-main .card:nth-child(2) .front{background: url(../images/s7_lbg02.png) no-repeat top / 100%;}
.sec07-main .card:nth-child(3) .front{background: url(../images/s7_lbg03.png) no-repeat top / 100%;}
.sec07-main .card:nth-child(4) .front{background: url(../images/s7_lbg04.png) no-repeat top / 100%;}
.sec07-main .card:nth-child(5) .front{background: url(../images/s7_lbg05.png) no-repeat top / 100%;}
.sec07-main .card:nth-child(6) .front{background: url(../images/s7_lbg06.png) no-repeat top / 100%;}
.sec07-main .card .back{background: #fff; border: 1px solid #b2c1ff; padding-top: 0.2rem !important;}
.sec07-main .card h3{font-size: .18rem; color: #3e61ff; font-weight: bold; margin-bottom: 0.08rem;}
.sec07-main .card p{height: 0.62rem; font-size: .16rem; color: #666666; line-height: 0.26rem;}
.sec07-main .card i{width: 0.17rem; height: 0.17rem; background: url(../images/s7_jt.png) no-repeat top / 100%; display: inline-block;}
.card .back h3{font-size: .18rem; margin-bottom: 0.05rem; margin-top: 0.1rem;}
.card .back p{width: 80%; height: auto; font-size: .15rem; margin: 0 auto; text-align: justify; line-height: 0.2rem;}
.sec07 .tips{font-size: .16rem; color: #666666; text-align: right; margin-top: 0.12rem;}
.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.2rem;
    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)
    }
}

/*sec08*/
.sec08{background: #f5f7ff url(../images/s8_bg.jpg) no-repeat left bottom; padding-bottom: 0.6rem;}
.sec08-main ul li{width: 3.32rem; background: #fff; border-radius: .04rem; padding-top: 0.32rem; margin: 0 .16rem; box-sizing: border-box; display: inline-block; vertical-align: top; transition: all .5s;}
.sec08-main ul li.on{transform: scale(1.1);}
.sec08-main ul li h3{width: 1.5rem; height: 0.4rem; line-height: 0.4rem; border-radius: 20px 0 20px 0; font-size: .18rem; color: #fff; font-weight: bold; display: block; margin: 0 auto;
	background: #6280ff;
	background: -webkit-linear-gradient(bottom, #6280ff , #3e62ff); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(bottom, #6280ff, #3e62ff); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(bottom, #6280ff, #3e62ff); /* Firefox 3.6 - 15 */
	background: linear-gradient(to bottom, #6280ff , #3e62ff); /* 标准的语法 */
}
.sec08-main ul li p{font-size: .17rem; color: #666666; margin-top: 0.18rem; padding-bottom: 0.54rem;}
.sec08-main a{margin-top: 0.4rem;}
.sec08 .tips{font-size: .16rem; color: #fff; margin-top: 0.35rem; line-height: 0.26rem;}

/*sec09*/
.sec09{background: url(../images/s9_bg.jpg) no-repeat top center;}
.sec09-t{position: relative;}
.sec09-t img{position: absolute; left: -2.1rem; animation: move 1s infinite ease-in-out alternate;}
.sec09-t table{width: 9.4rem; float: right;}
.sec09-t table tr th{font-size: .2rem; color: #4566ff; font-weight: bold; border: 1px solid #3e61ff; line-height: 0.62rem;}
.sec09-t table tr td.w136{width: 1.36rem;}
.sec09-t table tr td{font-size: .16rem; color: #666666; border: 1px solid #3e61ff; line-height: 0.24rem; padding: .14rem .2rem;}
.sec09-t table tr td:nth-child(1){font-size: .18rem; font-weight: bold;}
.sec09-t table tr td:nth-child(2){ text-align: justify;}
.sec09-t .tips{font-size: .16rem; color: #666666; position: absolute; bottom: -.36rem; right: 0;}
.sec09-b{margin-top: 0.8rem;width: 100%;position: relative;}
.sec09-b .bd ul li{width: 366px; margin: 0 10px;}

@keyframes move{
    0%{transform: translateY(0);}
    100%{transform: translateY(10px);}
}

/*sec10*/
.sec10-main{border-radius: .1rem; box-shadow: 0 2px 8px #3f62ff24; padding: .24rem;}
.kk{padding-left: 0.6rem; text-align: left; font-size: .17rem; color: #666; line-height: 0.26rem; margin-bottom: 0.32rem;}
.kk span{ color: #369df4;}
.sec10-main table{border: 1px solid #3d61ff;}
.sec10-main table tr th{height: 0.7rem; line-height: 0.7rem; font-size: .24rem; color: #fff; font-weight: bold; border-right: 1px solid #fff;
	background: #6280ff;
	background: -webkit-linear-gradient(bottom, #6280ff , #3e62ff); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(bottom, #6280ff, #3e62ff); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(bottom, #6280ff, #3e62ff); /* Firefox 3.6 - 15 */
	background: linear-gradient(to bottom, #6280ff , #3e62ff); /* 标准的语法 */
}
.sec10-main table tr th:nth-child(1){width: .95rem;}
.sec10-main table tr th:nth-child(2){width: 2rem;}
.sec10-main table tr th:nth-child(3){width: 1.75rem;}
.sec10-main table tr th:last-child{width: 1.8rem; border-right: none;}
.sec10-main table tr td{font-size: .16rem; color: #666; border: 1px solid #3d61ff; padding: .1rem 0; line-height: 0.26rem;}
.sec10-main table tr td p{margin-bottom: .1rem;line-height: .22rem;position: relative;padding-left: 36%; text-align: left;}
.sec10-main table tr td p label{font-weight: bold;position: absolute;margin-left: -21%;}
.sec10-main table tr td b{font-weight: 700;}
.sec10-main table tr td.w68{width: 0.88rem;}
.sec10-main table tr td.shupai{ letter-spacing: .06rem;padding: 0 .3rem;font-size: .18rem;}
.sec10-main table tr td.taleft{text-align: left; padding: .12rem .15rem; line-height: 0.24rem; font-size: .15rem;}
.sec10-main table tr td.taleft i{display: inline-block;width: 1.2rem;}
.sec10-main table tr td:last-child p{width: 100%;text-align: center;padding-left: 0;}
.sec10-main table tr td span{font-size: .14rem; line-height: 10px;}
.sec10-main table tr td a{width: 1.04rem; height: 0.32rem; line-height: 0.32rem; border-radius: .15rem; font-size: .16rem; color: #fff; display: inline-block; margin-top: 0.1rem; box-shadow: 0 5px 20px #19d0c530;
	background: #45ddb9;
	background: -webkit-linear-gradient(right, #45ddb9 , #19d0c5); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #45ddb9, #19d0c5); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #45ddb9, #19d0c5); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #45ddb9 , #19d0c5); /* 标准的语法 */
}
.sec10 .tips1{ font-size: .15rem; color: #666666; text-align: right; padding-top: .16rem; line-height: 0.24rem;}
.sec10 .tips2{font-size: .15rem; color: #666666; text-align: right; margin-top: 0.2rem;}

/* sec11 */
.sec11{padding-bottom: 0.8rem;}
.sec11-main ul li{width: 1.78rem; display: inline-block; vertical-align: top; margin-right: 0.5rem;}
.sec11-main ul li:nth-child(2n){margin-top: 0.8rem;}
.sec11-main ul li:last-child{margin-right: 0;}
.sec11-main ul li h3{font-size: .2rem; color: #333333; font-weight: bold; margin-top: 0.16rem; margin-bottom: 0.02rem;}
.sec11-main ul li p{font-size: .16rem; color: #666; line-height: 0.22rem; text-align: left;}
.sec11-main a{margin-top: 0.4rem;}

/*侧边导航*/
.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: 78px;}
.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: 15px/34px "微软雅黑";color: #fff;text-align: center;}
.nav-bg a:hover{ color: #08402e;}
.left_top{width:150px; height:60px;display: block;float:left;margin-left:0;}