@charset "UTF-8";

/* author:Z.Zhao (切图) */

/* reset */
*{margin:0; padding:0;}
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, figure, menu, input, textarea, button, select, th, td iframe{ margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, b, strong { font-size:100%; font-weight:normal;}
li {list-style:none;}
table{width:100%;border-collapse:collapse;border-spacing:0; }
table td{word-break: break-all; word-wrap:break-word;}
em, i {font-style:normal;}
a, a:visited, a:active {text-decoration:none; border:none; outline:none; color: #333; cursor: pointer;}
a,img { display:block; border:none;}
input, textarea {outline:none;}
select,input{-webkit-appearance:none;-webkit-tap-highlight-color: rgba(3, 3, 3, 0); }
select {outline: medium none;}
textarea {resize: vertical;}
body {-webkit-text-size-adjust:100%; -webkit-tap-highlight-color:rgba(3,3,3,0); -webkit-touch-callout:none; word-wrap:break-word; line-height:1.5;font-size: 14px;overflow-x: hidden; color: #333;}
body, button, input, select, textarea {font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, Arial, "PingFang SC", 'Noto Sans', "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}
input[type="button"] {cursor: pointer;}
::-webkit-input-placeholder {color:#666;} /*placeholder 字体颜色*/
:-moz-placeholder {color:#666;} /*placeholder 字体颜色*/
::-moz-placeholder {color: #666;} /*placeholder 字体颜色*/
:-ms-input-placeholder {color: #666;} /*placeholder 字体颜色*/
.none{display:none;}
.left {float:left;}
.right {float:right;}
.clearfix::after {content:''; clear:both; display:block; height:0; overflow:hidden;visibility:hidden;}
.clearfix {zoom:1;}
.clear{clear: both;}
.cont {width: 7.5rem; margin: auto;}
#footer_bx{clear: both;}
a[title="站长统计"]{display: none;}
.wrapper {width: 7.5rem; padding: 0;margin: 0 auto;}
.lfNav{display: none;}
#box-kefu,#zhy,.aside-bgd,.box-fix-nav{display: none;}
.The_total{display:none;}

/* 公共样式 */
.section h2 {padding-top: .15rem; margin-bottom: .5rem; font-size: .44rem; font-weight: bold; text-align: center; background: url(../images/tit_bg.png) no-repeat center top; background-size: 3.92rem auto;}
.section h2 span {color: #ff5f1a;}
@keyframes move
{ 0%{transform:rotate(0);} 50%{transform:rotate(180deg) ;} 100%{transform:rotate(360deg);}}

@keyframes fumove
{ 0%{transform:rotate(0);} 50%{transform:rotate(-180deg) ;} 100%{transform:rotate(-360deg);}}

/* banner */
.ban {height: 6.2rem; background: url(../images/m_ban_bg.png) no-repeat center top; background-size: 7.5rem auto; text-align: center;}
.ban .logo {display: block; padding: .2rem .2rem 0;}
.ban .logo img {width: 1.9rem;}
.ban .theme {padding: 0;}
.ban span {display: inline-block; height: .9rem; padding: .15rem 0; line-height: .9rem;}
.ban span img {display: inline-block; vertical-align: middle;}
.ban .sp1 img {width: 2.5rem;}
.ban .sp2 img {width: 6.6rem;}
.ban span em {display: inline-block; flex: auto; width: 3rem; height: 1.08rem; margin-left: .2rem; background: url(../images/theme_3.png) no-repeat center bottom; background-size: 3rem auto; font-size: .4rem; line-height: .9rem; color: #ff5f1a; vertical-align: middle;}
.ban ul {padding-top: .1rem;}
.ban ul li {display: inline-block; width: 2rem; height: .6rem; padding-left: .4rem; margin: .1rem .15rem; border-radius: .1rem; border: .01rem solid #ffc000; font-size: .3rem; line-height: .6rem; color: #ff5f1a;}
.ban ul li:nth-of-type(1) {background: url(../images/theme_4.png) no-repeat .32rem center #fff; background-size: .32rem auto;}
.ban ul li:nth-of-type(2) {background: url(../images/theme_5.png) no-repeat .32rem center #fff; background-size: .32rem auto;}
.ban ul li:nth-of-type(3) {background: url(../images/theme_6.png) no-repeat .32rem center #fff; background-size: .32rem auto;}
.ban ul li:nth-of-type(4) {background: url(../images/theme_7.png) no-repeat .32rem center #fff; background-size: .32rem auto;}

/* sec01 */
.sec01 {padding: 0 0 .7rem; margin-top: 0;}
.sec01 .left {float: none; width: 7.02rem; margin: 0 auto .2rem;}
.sec01 .left .tit {overflow: hidden;}
.sec01 .left .tit h3 {float: left; width: 2.4rem;}
.sec01 .left .tit h3 span {font-size: .28rem; line-height: .4rem; color: #ff5f1a;}
.sec01 .left .tit h3 b {font-size: .34rem; font-weight: bold; line-height: .4rem; text-transform: uppercase;}
.sec01 .left .tit em {display: block; float: right; width: 4.1rem; height: .01rem; margin-top: .4rem; background: #808080;}
.sec01 .left .info p {padding: .15rem 0; font-size: .22rem; line-height: .34rem; text-indent: 2em; text-align: justify;}
.sec01 .right {position: relative; float: none; width: 7.02rem; height: 4.26rem; margin: auto;}
.sec01 .right .sec01_pic {position: absolute; left: 0; top: 0; width: 6.72rem; height: 3.98rem; z-index: 3;}
.sec01 .right .sec01_pic img {width: 6.72rem; height: 3.98rem;}
.sec01 .right .sec01_bg {position: absolute; right: 0; bottom: 0; width: 2.5rem; height: 1.78rem; background: linear-gradient(#ff963e, #ff5713); z-index: 1;}

/* sec02 */
.sec02 {padding: .7rem 0 .7rem; background: #fcfbfa;}
.sec02 ul li {float: none; width: 7rem; height: 2.48rem; margin: 0 auto .3rem; background: url(../images/m_sec02_1.png) no-repeat center; background-size: 7rem auto; box-shadow:  0 0 .15rem rgba(163, 163, 163, .3);}
.sec02 ul li:nth-of-type(1) {margin-right: auto; margin-bottom: .3rem;}
.sec02 ul li:nth-of-type(2) {margin-bottom:.3rem;}
.sec02 ul li:nth-of-type(3) {margin-right: auto;}
.sec02 ul li .icon {position: relative; float: left; width: 1.92rem; height: 2.48rem;}
.sec02 ul li .icon i {display: block; position: absolute; left: 0; top: 0; width: .52rem; height: .52rem; padding: .1rem; font-size: .24rem; line-height: .2rem; color: #ff5f1a;}
.sec02 ul li .icon span {display: block; width: .7rem; height: .7rem; padding: .24rem; margin: .65rem auto; background: url(../images/sec02_2.png) no-repeat center; background-size: 1.18rem auto; animation: move 5s linear infinite;-webkit-animation: move 5s linear infinite;}
.sec02 ul li .icon span em {display: block; width: .7rem; height: .7rem; border-radius: .35rem; background: #fff; box-shadow: 0 0 .1rem rgba(240, 198, 180, .3); animation: fumove 5s linear infinite;} 
.sec02 ul li .icon span em img {width: .7rem;}
.sec02 ul li .info {float: left; width: 5.08rem; padding: .2rem 0;}
.sec02 ul li .info h3 {margin-left: .2rem; font-size: .32rem; font-weight: bold; line-height: .5rem; color: #ff5f1a;}
.sec02 ul li .info h3 em {float: left; width: .04rem; height: .32rem; margin: .12rem .1rem .05rem 0; background: #ff5f1a;}
.sec02 ul li .info p {padding: .1rem .2rem; font-size: .22rem; line-height: .34rem; text-align: justify;}

/* sec03 */
.sec03 {padding: .6rem 0 .9rem; background: url(../images/m_sec03_bg.png) no-repeat center; background-size: 7.5rem auto;}
.sec03 h2 {background: url(../images/tit2_bg.png) no-repeat center top; background-size: 3.92rem; color: #fff;}
.sec03 .left {position: relative; float: none; width: 7.02rem; height: 6.4rem; margin: 0 auto .5rem;}
.sec03 .left .sec03_left_1 {position: absolute; left: 0; top: .6rem; width: 6.4rem; height: 5.2rem; background: rgba(255, 255, 255, .1);}
.sec03 .left .sec03_left_2 {position: absolute; left: .2rem; top: .4rem; width: 6.4rem; height: 5.6rem; background: rgba(255, 255, 255, .3);}
.sec03 .left .sec03_left_3 {position: absolute; left: .4rem; top: .2rem; width: 6.4rem; height: 6rem; background: rgba(255, 255, 255, .5);}
.sec03 .left .info {position: absolute; left: .6rem; top: 0; width: 6.4rem; height: 6.4rem; background: rgba(255, 255, 255, 1);}
.sec03 .right {position: relative; float: none; width: 7.02rem; height: 6.4rem; margin: auto;}
.sec03 .right .sec03_right_1 {position: absolute; right: 0; top: .6rem; width: 6.4rem; height: 5.2rem; background: rgba(255, 255, 255, .1);}
.sec03 .right .sec03_right_2 {position: absolute; right: .2rem; top: .4rem; width: 6.4rem; height: 5.6rem; background: rgba(255, 255, 255, .3);}
.sec03 .right .sec03_right_3 {position: absolute; right: .4rem; top: .2rem; width: 6.4rem; height: 6rem; background: rgba(255, 255, 255, .5);}
.sec03 .right .info {position: absolute; right: .6rem; top: 0px; width: 6.4rem; height: 6.4rem; background: rgba(255, 255, 255, 1);}
.sec03 .info {text-align: center;}
.sec03 .info .icon {padding: 20px 0 10px;}
.sec03 .info img {display: inline-block; width: 2.7rem;}
.sec03 .info h3 {font-size: .32rem; font-weight: bold; line-height: .5rem; color: #ff5f1a;}
.sec03 .info p {padding: .2rem .3rem; font-size: .22rem; line-height: .3rem; text-align: justify;}
.sec03 .info a {position: absolute; left: .7rem; bottom:.5rem; width: 5rem; height: .7rem; border-radius: .35rem; background: linear-gradient(to right, #ff963e, #ff5713); box-shadow: 0 0 .2rem rgba(255, 95, 26, .3); font-size: .3rem; font-weight: lighter; line-height: .7rem; color: #fff;}
.sec03 .info a:hover {background: #fff; box-shadow: none; border: .01rem solid #ff5f1a; color: #ff5f1a; font-weight: normal;}

/* sec04 */
.sec04 {padding: .7rem 0 .6rem;}
.sec04 h2 {margin-bottom: .1rem;}
.sec04 ul {position: relative; width: 7.5rem; height: 3rem; background: url(../images/sec04_bg.png) no-repeat center; background-size: 6.2rem auto;}
.sec04 ul li {position: absolute; width: 1.5rem; height: .4rem; border-radius: .2rem; background: #ff5f1a; box-shadow: 0 0 .2rem rgba(255, 95, 26, .18); font-size: .22rem; text-align: center; line-height: .4rem; color: #fff;}
.sec04 ul li:nth-of-type(1) {left: .6rem; top: .9rem;}
.sec04 ul li:nth-of-type(2) {left: .2rem; top: 1.7rem;}
.sec04 ul li:nth-of-type(3) {left: .9rem; top: 2.5rem;}
.sec04 ul li:nth-of-type(4) {right: .9rem; top: 2.5rem;}
.sec04 ul li:nth-of-type(5) {right: .2rem; top: 1.7rem;}
.sec04 ul li:nth-of-type(6) {right: .6rem; top: .9rem;}

/* sec05 */
.sec05 {padding: 0;}
.sec05 .sec05_bg {position: relative; padding: 0; background: url(../images/m_sec05_bg1.png) no-repeat center top; background-size: 7.5rem auto;}
.sec05 .sec05_list {padding: .9rem .48rem;}
.sec05 .sec05_list li {margin-bottom: .26rem; font-size: .22rem; line-height: .24rem; text-decoration: underline;}
.sec05 .sec05_list li:last-child {margin-bottom: 0;}
.sec05 .sec05_list li span {display: block; float: left; width: .24rem; height: .24rem; margin-right: .1rem; background: #ff5f1a; text-align: center; color: #fff;}
.sec05 .sec05_right {position: relative; left: 0; top: 0; width: 7.5rem; height:5.82rem; background: url(../images/m_sec05_bg2.png) no-repeat center top; background-size: 7.5rem;}
.sec05 .sec05_form {width: 6rem; padding-left: 0; margin: auto; text-align: center;}
.sec05 .sec05_form ul {padding: .9rem 0 0;}
.sec05 .sec05_form ul li {display: inline-block; width: 6rem; height: .7rem; margin-bottom:.2rem; border-radius: .04rem; background: #fff;}
.sec05 .sec05_form ul li:last-child {margin-bottom: 0;}
.sec05 .sec05_form ul li label {display: inline-block; width: .9rem; font-size: .22rem; line-height: .7rem;}
.sec05 .sec05_form ul li input[type=text] {display: inline-block; width: 5rem; height: .7rem; border: none; background: transparent;}
.sec05 .sec05_form input[type=button] {display: inline-block; width: 6rem; height: .7rem; border: .02rem solid #ffc000; border-radius: .37rem; background: linear-gradient(#fdefe0, #fed78c); box-shadow: 0 .03rem .13rem rgba(204, 48, 17, .3); font-size: .3rem; color: #ff5f1a;}

/* sec06 */
.sec06 {padding: .7rem 0 1rem;}
.sec06 h2 {margin-bottom: .02rem;}
.sec06 h3 {margin-bottom: .5rem; font-size: .24rem; text-align: center; line-height: .3rem; color: #b2b2b2;}
.sec06 ul {padding: 0 .24rem;}
.sec06 ul li {border-radius: .1rem; background: #fff; box-shadow: 0 0 .2rem rgba(153, 153, 153, .2); overflow: hidden;}
.sec06 ul li span {display: block; float: left; width: 2.1rem; padding-right: .16rem; font-size: .32rem; font-weight: bold; text-align: center; color: #fff;}
.sec06 ul li p {font-size: .22rem; line-height: .34rem; text-align: justify;}
.sec06 ul li:nth-of-type(1) span {height: 1.3rem; background: url(../images/m_sec06_1.png) no-repeat left center; background-size: 2.26rem auto; line-height: 1.3rem;}
.sec06 ul li:nth-of-type(2) span {height: 3.68rem; background: url(../images/m_sec06_2.png) no-repeat left center; background-size: 2.26rem auto; line-height: 3.68rem;}
.sec06 ul li:nth-of-type(3) span {height: 4.36rem; background: url(../images/m_sec06_3.png) no-repeat left center; background-size: 2.26rem auto; line-height: 4.36rem;}
.sec06 ul li:nth-of-type(1) p {padding: .12rem .3rem .12rem 2.4rem;}
.sec06 ul li:nth-of-type(2) p {padding: .14rem .3rem .14rem 2.4rem;}
.sec06 ul li:nth-of-type(3) p {padding: .13rem .2rem .14rem 2.4rem;}
.sec06 ul li:nth-of-type(2) {margin: .4rem 0;}

/* sec07 */
.sec07 {padding: 0;}
.sec07 .sec07_bg {padding: .6rem 0; background: url(../images/m_sec07_bg.png) no-repeat center; background-size: 7.5rem;}
.sec07 .sec07_form {text-align: center;}
.sec07 .sec07_form ul li {display: inline-block; width: 6rem; height: .7rem; margin: .1rem auto; border-radius: .04rem; background: #fff;}
.sec07 .sec07_form label {display: inline-block; width: 1.1rem; padding-left: .2rem; font-size: .22rem; text-align: left; line-height: .7rem;}
.sec07 .sec07_form input[type=text] {display: inline-block; width: 4.6rem; height: .7rem; border: none; background: transparent; font-size: .22rem}
.sec07 .sec07_form select {display: inline-block; width: 4.6rem; height: .7rem; border: none; background: url(../images/sel.png) no-repeat 4.2rem center; background-size: .24rem auto; font-size: .22rem;}
.sec07 .sec07_form input[type=button] {display: inline-block; width: 6rem; height: .7rem; border: .02rem solid #ffc000; border-radius: .37rem; background: linear-gradient(#ff963e, #ff5713); box-shadow: 0 .06rem .13rem rgba(204, 48, 17, .3); font-size: .3rem; color: #fff;}

/* sec08 */
.sec08 {padding: .7rem 0 1rem;}
.sec08 ul {padding: 0 .24rem;}
.sec08 ul li {float: left; width: 2.16rem; border-bottom: .2rem solid #ff5714;}
.sec08 ul li:nth-of-type(2) {margin: 0 .26rem;}
.sec08 ul li h3 {height: 1.28rem; background: url(../images/m_sec08_1.png) no-repeat center top; background-size: 2.16rem auto; font-size: .32rem; font-weight: bold; text-align: center; line-height: 1.1rem; color: #fff;}
.sec08 ul li h3 span {display: inline-block; margin-right: .1rem; margin-top: -.05rem; line-height: 1.1rem; vertical-align: middle;}
.sec08 ul li h3 span img {width: .46rem;}
.sec08 .info {width: 1.84rem; height: 3.88rem; margin: .2rem auto .4rem; background: #fff; box-shadow: 0 0 .2rem rgba(153, 153, 153, .2);}
.sec08 .info p {padding: .1rem .2rem; font-size: .22rem; line-height: .34rem; text-align: justify;}

/* sec09 */
.sec09 {padding: .7rem 0 1rem; background: url(../images/m_sec09_bg.png) no-repeat center; background-size: 7.5rem auto;}
.sec09 h2 {margin-bottom: 1.2rem; background: url(../images/tit2_bg.png) no-repeat center top; background-size: 3.92rem auto; color: #fff;}
.sec09 ul li {float: none; width: 6.06rem; height: 2.94rem; padding: .1rem; margin: auto; border-radius: .1rem; background: #fff;}
.sec09 ul li:nth-of-type(2) {margin: 1.2rem auto;}
.sec09 ul li .sider {width: 6.06rem; height: 2.94rem; border-radius: .1rem; border: .01rem dashed #ff5f1a;}
.sec09 ul li .sider .icon {width: 1.9rem; height: 1.9rem; margin: -.9rem auto .2rem; background: url(../images/sec09_1.png) no-repeat center; background-size: 1.9rem auto; animation: fumove 5s linear infinite;-webkit-animation: fumove 5s linear infinite;}
.sec09 ul li .sider .icon span {display: block; width: 1.9rem; height: 1.9rem; font-size: .48rem; font-weight: bold; text-align: center; line-height: 1.9rem; color: #fff; animation: move 5s linear infinite;}
.sec09 ul li .sider h3 {font-size: .32rem; font-weight: bold; text-align: center; line-height: .5rem; color: #ff5f1a;}
.sec09 ul li .sider p {font-size: .22rem; text-align: center; line-height: .34rem; padding: .2rem .3rem;}

/* sec10 */
.sec10 {padding: .7rem 0 1rem;}
.sec10 table {width: 96%; margin: auto;}
.sec10 table th {background: linear-gradient(#ff963e, #ff5713); border: .01rem solid #dbd2ce; font-size: .22rem; font-weight: bold; text-align: center; line-height: .6rem; color: #fff;}
.sec10 table td {border: 1px solid #dbd2ce; font-size: .18rem; line-height: .34rem;}
.sec10 table td:nth-of-type(1) {width: .8rem; text-align: center;}
.sec10 table td:nth-of-type(2) {width: 1rem; text-align: center;}
.sec10 table td:nth-of-type(3) {width: 1.4rem; text-align: center;}
.sec10 table td:nth-of-type(3) b {font-weight: bold;}
.sec10 table td:nth-of-type(4) {width: 2rem; padding: .1rem;}
.sec10 table td:nth-of-type(5) {padding: 0 .15rem; font-size: .18rem; font-weight: bold; text-align: center; line-height: .3rem;}

/* sec11 */
.sec11 {padding: .7rem 0 1rem; background: #fcfbfa;}
.sec11 ul {padding: 0 .24rem;}
.sec11 ul li {float: left; width: 3.4rem; height: 4.46rem; background: #fff; box-shadow: 0 0 20px rgba(155, 168, 166, .26);}
.sec11 ul li:nth-of-type(1) {margin: 0 .22rem .24rem 0;}
.sec11 ul li:nth-of-type(2) {margin: 0 0 .24rem 0;}
.sec11 ul li .top {height: 1.9rem; padding: .2rem 0; background: url(../images/sec11_1.png) no-repeat center; text-align: center; background-size: 3.4rem auto;}
.sec11 ul li .top .icon {display: inline-block; width: 1.3rem; height: 1.3rem; border-radius: .65rem; background: url(../images/sec11_2.png) no-repeat center; background-size: 1.3rem auto; animation: move 5s linear infinite;-webkit-animation: move 5s linear infinite;}
.sec11 ul li .top .icon span {display: inline-block; line-height: 1.3rem; animation: fumove 5s linear infinite;}
.sec11 ul li .top .icon span img {display: inline-block; width: .94rem;}
.sec11 ul li .top h3 {font-size: .32rem; font-weight: bold; line-height: .6rem; color: #fff;}
.sec11 ul li p {padding: .3rem; font-size: .22rem; line-height: .34rem; text-align: justify;}

/* our */
.our {display: none;}







/*协议弹窗样式*/
.es_arg_mask {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: #000;filter: alpha(opacity=30);-moz-opacity: 0.3;-khtml-opacity: 0.3; opacity: 0.3;z-index: 2000;}
.es_agr_box {position: fixed;top: 50%;left: 50%;width: 5.6rem;margin: -2.5rem 0 0 -2.9rem;padding: .1rem;background: #ffffff;border-radius: .08rem;z-index: 2001;}
.es_agr_title {text-align: center;font-size: .3rem;font-weight: bold;padding: .1rem .2rem;}
.es_agr_main {height: 2rem; overflow: auto;}
.es_agr_con {font-size: .16rem;color: #3a3d4b;line-height: .26rem;word-break: break-all;}
.es_agr_btn {text-align: center;padding: .2rem .2rem 0;}
.es_button {line-height: .6rem;border: none;outline: none;cursor: pointer;color: #ffffff;font-size: .24rem;border-radius: .08rem;padding: 0 .4rem;background: #1890FF;background: -webkit-linear-gradient(left, #1890FF, #90CAFF);background: -o-linear-gradient(left, #1890FF, #90CAFF);background: -moz-linear-gradient(left, #1890FF, #90CAFF);background: linear-gradient(left, #1890FF, #90CAFF);}
.es_cancel {display: block;font-size: .14rem;color: #3a3d4b;cursor: pointer; margin-top: .1rem;}
.agreement {padding: .1rem;}
.agreement p {font-size: .24rem; line-height: .4rem; text-indent: 2em; text-align: justify;}
.xzBtn {
    width: 75%;
    line-height: .7rem;
    font-size: .3rem;
    height: 0.7rem;
}