@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; width: 100%;color: #333;text-align: center;}
textarea {resize: vertical;}
a {text-decoration: none;outline: 0 none;color:inherit}
.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: 1200px!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;}

a[title="站长统计"]{display: none;}
@media only screen and (min-width: 800px) {
    .pc-hide{display:none !important;}
}
.wrap{position: relative; width: 1200px; margin: 0 auto;font-size: 0;text-align: center;}

/* body{
	cursor: url(https://files.cnblogs.com/files/monster-jian/cursor.ico),auto;
} */
/* 输入框填充背景 */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;
}

.banner-box{
    width: 100%; height: 630px; display: block;
    background: url("../images/banner.png") no-repeat center;
    background-size: auto 100%;
}
.banner-box .wrap{height: auto;}
.banner-box .logo{width: auto; position: absolute;left: 0; top: .25rem; cursor: pointer;display: block;}
.banner-box .logo img{width: 139px}
.banTxt{
    float: left; margin-left: .25rem;
}
.banTxt .tit{
    float: left; margin-top: 123px;
}
.banTxt .tit h2{
    font-size: 48px;
    font-family: Alibaba PuHuiTi, Alibaba PuHuiTi-Bold;
    font-weight: 700;
    text-align: left;
    color: #ffffff;
    line-height: 65px;
}
.banTxt .tit p{
    float: left; margin-top: 12px;
    font-size: 28px;
    font-family: Source Han Sans CN, Source Han Sans CN-Regular;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    line-height: 28px;
}
.banDown{
    float: left; margin-top: 62px;
    clear: both;
}
.banDown ul{
    float: left;
}
.banDown ul li{
    float: left; clear: both; margin-bottom: 48px;
}
.banDown ul li p{
    font-size: 18px;
    font-family: Source Han Sans CN, Source Han Sans CN-Regular;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    line-height: 18px;
    float: left; margin-bottom: 12px;
}
.banDown ul li p.question i{
    width: 18px; height: 18px; display: inline-block; vertical-align: top;
    background: url("../images/icon-question.png") no-repeat center;
    background-size: 100%;
    margin-left: 12px;
    /*cursor: help;*/
    cursor: pointer;
    position: relative;
}
.banDown ul li p.question i:after{
    content: '点击查看常见问题';width: 112px; height: 28px; display: none;
    background: url("../images/icon-tips.png") no-repeat center;
    background-size: 100%;
    position: absolute; top: 25px; left: 50%; margin-left: -56px;
    font-size: 12px;
    font-family: Source Han Sans CN, Source Han Sans CN-Regular;
    font-weight: 400;
    text-align: center;
    color: #3a3d4b;
    line-height: 32px;
}
.banDown ul li p.question i:hover::after{
    display: block;
}
.banDown ul li a.btn{
    width: 260px;
    height: 54px;
    display: block; float: left; clear: both;
    background: #ffffff;
    border-radius: 4px;
    font-size: 22px; line-height: 54px; color: #f8323c;
}
.banDown ul li a.btn::before{
    content: '';width: 24px; height: 54px; display: inline-block; margin-right: 12px;
    background: url("../images/icon-down.png") no-repeat center;
    background-size: 100%;
    vertical-align: top;
}
.banDown ul li a.btn:hover{
    box-shadow: 0px 6px 7px 0px rgba(165,0,0,0.50); 
}
.banDown ul li a.jumpUrl{
	clear: both;
	font-size: 18px;
	font-family: Source Han Sans CN, Source Han Sans CN-Regular;
	font-weight: 400;
	text-align: left;
	color: #ffffff;
	line-height: 18px;
	float: left; margin-top: 24px;
}
.banDown ul li a.jumpUrl:hover{
	font-weight: bold; text-decoration: underline;
}
.banDown ul li a.jumpUrl::before{
	content: ''; width: .16rem; height: .16rem; display: block; float: left;
	background: url(../images/icon-down02.png) no-repeat center / 100%;
	vertical-align: middle;
	margin-left: 6px; margin-right: 8px;
}

.banPic{
    float: right;margin-top: 101px; margin-right: 26px;
}
.banPic img{
    width: 540px; display: block;
}

/* sections */
.sections{
    width: 100%; clear: both; float: left;
}

.sec01{
    background: #fff;
    padding-top: 82px;
    padding-bottom: 57px;
}
.s1-left{
    float: left;margin-top: 60px;
}
.s1-right{
    float: right; margin-right: -11px;
}
.s1-right img{
    width: 704px;
}

/* section02 */
.sec02{
    height: 618px;
    background: url("../images/s2-bg.jpg") no-repeat center;
    background-size: auto 100%;
}
.s2-left{
    margin-top: 82px;margin-left: -44px;
    float: left;
}
.s2-left img{
    width: 723px; display: block;
}
.s2-right{
    float: right; margin-top: 142px;
}

/* section03 */
.sec03{
    background: #fff;
    padding-top: 82px;
    padding-bottom: 126px;
}
.s3-left{
    float: left;margin-top: 60px;
}
.s3-right{
    float: right; margin-right: -11px;
}
.s3-right img{
    width: 704px;
}
/* section04 */
.sec04{
    height: 574px;
    background: url("../images/s4-bg.png") no-repeat center;
    background-size: auto 100%;
}
.s4-left{
    margin-top: 82px;margin-left: 27px;
    float: left;
}
.s4-left img{
    width: 630px; display: block;
}
.s4-right{
    float: right; margin-top: 142px;
    margin-right: -150px;
}


.secTxt h2{
    font-size: 40px;
    font-family: Alibaba PuHuiTi, Alibaba PuHuiTi-Bold;
    font-weight: 700;
    text-align: left;
    color: #3a3d4b;
    line-height: 42px;
}
.secTxt i{
    width: 349px;
    height: 4px; display: block; float: left; clear: both; margin-top: 26px;
    background: linear-gradient(90deg,#f0f0f0 8%, rgba(221,221,221,0.00));
    position: relative;
}
.secTxt i:before{
    content: '';
    width: 40px;
    height: 8px; display: block;
    background: linear-gradient(90deg,#ff6870, #f8323c);
    position: absolute; left: 0; top: 0;
}
.secTxt ul{
    clear: both; float: left; margin-top: 62px;
}
.secTxt ul li{
    font-size: 28px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #3a3d4b;
    line-height: 37px;
    float: left; clear: both; margin-bottom: 32px;
}
.secTxt ul li:before{
    content: '';width: 24px; height: 37px; display: inline-block; vertical-align: top;
    margin-right: 16px;
    background: url("../images/icon-right.png") no-repeat center;
    background-size: 100%;
}
.secTxt p{
    width: 504px;
    height: 92px;
    font-size: 28px;
    font-family: Microsoft YaHei, Microsoft YaHei-Regular;
    font-weight: 400;
    text-align: left;
    color: #3a3d4b;
    line-height: 46px;
    float: left; margin-top: 58px;
    clear: both;
}


.sec05{
    height: 320px;
    background: url("../images/s5-bg.png") no-repeat center;
    background-size: auto 100%;
}
.s5-txt{
    float: left; margin-top: 98px;
    margin-left: 60px;
}
.s5-txt h2{
    font-size: 48px;
    font-family: Alibaba PuHuiTi, Alibaba PuHuiTi-Bold;
    font-weight: 700;
    text-align: left;
    color: #ffffff;
    line-height: 65px;
}
.s5-txt p{
    float: left; clear: both;margin-top: 12px;
    font-size: 28px;
    font-family: Source Han Sans CN, Source Han Sans CN-Regular;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    line-height: 28px;
}
.s5-btn{
    float: left; margin-left: 61px;
    margin-top: 117px;
}
.s5-btn li{
    float: left;
    margin-right: 42px;
}
.s5-btn li p{
    font-size: 18px;
    font-family: Source Han Sans CN, Source Han Sans CN-Regular;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    line-height: 18px;
    float: left; clear: both;
}
.s5-btn li a.btn{
    float: left;
    width: 260px;
    height: 54px;
    display: block;
    clear: both;
    margin-top: 14px;
    background: #ffffff;
    border-radius: 4px;
    font-size: 22px;
    font-family: Source Han Sans CN, Source Han Sans CN-Regular;
    font-weight: 400;
    text-align: center;
    color: #f8323c;
    line-height: 54px;
}
.s5-btn li a.btn::before{
    content: '';width: 24px; height: 54px; display: inline-block; margin-right: 12px;
    background: url("../images/icon-down.png") no-repeat center;
    background-size: 100%;
    vertical-align: top;
}
.s5-btn li a.btn:hover{
    background: #f8323c;color: #fff;
}
.s5-btn li a.btn:hover::before{
	background: url("../images/icon-down02.png") no-repeat center;
	background-size: 100%;
}
.s5-btn li a.jumpUrl{
	clear: both;
	font-size: 18px;
	font-family: Source Han Sans CN, Source Han Sans CN-Regular;
	font-weight: 400;
	text-align: left;
	color: #ffffff;
	line-height: 18px;
	float: left; margin-top: 20px;
}
.s5-btn li a.jumpUrl:hover{
	font-weight: bold; text-decoration: underline;
}
.s5-btn li a.jumpUrl::before{
	content: ''; width: .16rem; height: .16rem; display: block; float: left;
	background: url(../images/icon-down02.png) no-repeat center / 100%;
	vertical-align: middle;
	margin-right: 8px;
}

.s5-btn li p.question i{
    width: 18px; height: 18px; display: inline-block; vertical-align: top;
    background: url("../images/icon-question.png") no-repeat center;
    background-size: 100%;
    margin-left: 12px;
    cursor: pointer;
    position: relative;
}
.s5-btn li p.question i:after{
    content: '点击查看常见问题';width: 112px; height: 28px; display: none;
    background: url("../images/icon-tips.png") no-repeat center;
    background-size: 100%;
    position: absolute; top: 25px; left: 50%; margin-left: -56px;
    font-size: 12px;
    font-family: Source Han Sans CN, Source Han Sans CN-Regular;
    font-weight: 400;
    text-align: center;
    color: #3a3d4b;
    line-height: 32px;
}
.s5-btn li p.question i:hover::after{
    display: block;
}

.mask{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99; background: rgba(0,0,0,.8); display: none;}
.tcbox{ width: 800px; height: auto; display: block;  position: absolute; background: #fff;
    top: 50%;
    left: 50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    text-align: center;
    padding-bottom: 20px;
}
.tcbox h3{
    width: 100%; clear: both; float: left; margin: 28px 0;
    font-size: 20px;
    font-family: Source Han Sans CN, Source Han Sans CN-Bold;
    font-weight: 700;
    color: #1d2129;
    line-height: 20px;
}
.queList{
    width: 100%; clear: both; float: left;
    min-height: 253px;
    max-height: 455px;
    overflow-y: scroll;
}
/*修改某个div的滚动条样式*/
.queList::-webkit-scrollbar{
    width:10px;
    height:5px;
    /**/
}
.queList::-webkit-scrollbar-track{
    background: #fff;
    border-radius:5px;
}
.queList::-webkit-scrollbar-thumb{
    background: #d8d8d8;
    border-radius:10px;
}
.queList::-webkit-scrollbar-thumb:hover{
    background: #d8d8d8;
}
.queList::-webkit-scrollbar-corner{
    background: #ffffff;
}
.queList .item{
    width: 736px; float: left; margin-left: 32px;
    border-bottom: solid 1px #e6e6e6;
    padding-bottom: 20px;
}
.queList .item font{
    width: 100%; clear: both; float: left; margin-top: 20px;
    font-size: 16px;
    font-family: Source Han Sans CN, Source Han Sans CN-Regular;
    font-weight: 400;
    text-align: left;
    color: #3a3d4b;
    line-height: 16px;
    cursor: pointer;
}
.queList .item font::before{
    content: '';width: 4px;height: 4px; display: block;
    background: #ff0000;
    border-radius: 50%;
    float: left; margin-top: 6px;margin-right: 10px;
}
.queList .item font::after{
    content: '';width: 18px;height: 18px; display: block;
    background: url("../images/icon-arrleft.png") no-repeat center;
    background-size: 100%;
    float: right; margin-top: -1px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.queList .item.show font:after{
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transform: rotate(90deg);
}
.queList .item .txt{
    float: left; clear: both; text-align: left; margin-left: 12px; display: none;
}
.queList .item.show .txt{display: block}
.queList .item .txt ul{
    clear: both; float: left;margin-top: 8px;
}
.queList .item .txt ul li{
    clear: both; float: left;margin-bottom: 6px;
    font-size: 14px;line-height: 22px;
    font-family: Source Han Sans CN, Source Han Sans CN-Regular;
    font-weight: 400;
    text-align: left;
    color: #77798d;
}
.queList .item .txt ul li:last-child{margin-bottom: 0}
.queList .item .txt ul li p{
    max-width:670px;
}
.queList .item .txt ul li p a{
    color: #025EFF;
    text-decoration: underline;
}
.queList .item .txt ul li p a:hover{
    color: #F8323C; font-weight: bold;
}
.queList .item .txt ul li img{
    width: 670px;
}



.tcbox .close{
    position: absolute;top: 30px; right: 32px;
    width: 16px; height: 16px; display: block;
}
.tcbox .close a{
    width: 100%; display: block;
}
.tcbox .close a img{
    width: 100%; display: block;
}