/* Code tidied up by ScrapBook */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, table, select { margin: 0px; padding: 0px; }
fieldset, img { border: 0px none; }
ol, ul { list-style: outside none none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
table { table-layout: fixed; }
th, td {  }
input[type="radio"], input[type="checkbox"] { margin-right: 2px; }
input { font-size: 12px; font-family: Tahoma,Arial,Helvetica,sans-serif; outline-style: none; outline-width: medium; }
textarea { overflow: auto; padding: 1px 0px 0px 1px; font-size: 12px; }
select { font-size: 12px; }
body { margin: 0px; padding: 0px; font-size: 12px; color: rgb(51, 51, 51); font-family: Tahoma,"宋体"; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
body, html { height: 100%; width: 100%; overflow: hidden; }
body { -moz-text-size-adjust: none; }
a { color: rgb(51, 51, 51); text-decoration: none; }
a:hover { color: rgb(204, 0, 0); text-decoration: underline; }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }
.famhei { font-family: "黑体"; }
.famwei { font-family: "微软雅黑"; }
.f60 { font-size: 60px; }
.f50 { font-size: 50px; }
.f42 { font-size: 42px; }
.f36 { font-size: 36px; }
.f20 { font-size: 20px; }
.f16 { font-size: 16px; }
.fb { font-weight: bold; }
.fcenter { text-align: center; }
.f_grey9 { color: rgb(153, 153, 153); }
.f_green { color: rgb(253, 120, 44); }
.f_wht { color: rgb(255, 255, 255); }
.mrgr100 { margin-right: 100px; }
.pt100 { padding-top: 100px; }
.h10 { width: 100%; height: 10px; }
.h20 { width: 100%; height: 20px; }
.h30 { width: 100%; height: 30px; }
.h40 { height: 40px; width: 100%; }
.h60 { height: 60px; width: 100%; }
.hg35 { height: 35px; width: 100%; }
.w950 { width: 950px; margin: auto; }
.w380 { width: 380px; margin: auto; }
.bgwht { background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.border0 { border-right: 1px solid rgb(204, 204, 204); }
.border1 { border-bottom: 1px dashed rgb(255, 255, 255); }
.line80 { line-height: 80px; }
.line60 { line-height: 60px; }
.line50 { line-height: 50px; }
.line45 { line-height: 45px; }
.line40 { line-height: 40px; }
.line32 { line-height: 32px; }
.section-wrap { width: 100%; height: 100%; overflow: visible; transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.03, 1) 0s; }
.section-wrap .section { position: relative; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; }
.section-wrap .section .title { width: 950px; margin: 0px auto; padding-top: 230px; color: rgb(255, 255, 255); font-size: 2.4em; font-family: "微软雅黑"; }
.section-wrap .section .title.active .tit { opacity: 1; transform: translateY(-25px); transition: all 2s cubic-bezier(0.86, 0, 0.8, 1) 0s; }
.hd { background: rgba(0, 0, 0, 0) url("down.png") no-repeat scroll 0% 0%; width: 200px; height: 90px; line-height: 120px; padding-left: 120px; }
.down { background: rgb(255, 255, 255) url("download.jpg") no-repeat scroll 10px center; width: 220px; border-radius: 20px; height: 80px; line-height: 80px; padding-left: 60px; color: rgb(0, 188, 113); }
.down a, a:hover { color: rgb(252, 78, 46); text-decoration: none; cursor: pointer; }
.download { margin-top: 100px; padding: 50px; }
.download ul { list-style: outside none none; margin: 0px; padding: 0px; }
.download ul li { float: left; width: 208px; height: 193px; border: 1px solid rgb(220, 220, 220); border-radius: 20px; text-align: center; font-size: 16px; line-height: 25px; color: rgb(153, 153, 153); font-family: "微软雅黑"; padding-top: 15px; cursor: pointer; }
.download ul li a { color: rgb(153, 153, 153); }
.download ul li a:hover { color: rgb(0, 153, 51); text-decoration: none; }
.section-wrap .section-1 { background: rgba(0, 0, 0, 0) url("b11.jpg") no-repeat scroll center center; width: 100%; height: 100%; }
.section-wrap .section-2 { background: rgba(0, 0, 0, 0) url("b2.jpg") no-repeat scroll center center; width: 100%; height: 100%; }
.section-wrap .section-3 { background: rgba(0, 0, 0, 0) url("b3.jpg") no-repeat scroll center center; width: 100%; height: 100%; }
.section-wrap .section-4 { background: rgba(0, 0, 0, 0) url("b4.jpg") no-repeat scroll center center; width: 100%; height: 100%; }
.section-wrap .section-5 { background: rgba(0, 0, 0, 0) url("b5.jpg") no-repeat scroll center center; width: 100%; height: 100%; }
.section-wrap .section-6 { background-color: rgb(255, 255, 255); width: 100%; height: 100%; }
.put-section-0 { transform: translateY(0px); }
.put-section-1 { transform: translateY(-100%); }
.put-section-2 { transform: translateY(-200%); }
.put-section-3 { transform: translateY(-300%); }
.put-section-4 { transform: translateY(-400%); }
.put-section-5 { transform: translateY(-500%); }
.section-btn { width: 14px; position: fixed; right: 4%; top: 50%; }
.section-btn li { width: 14px; height: 14px; cursor: pointer; text-indent: -9999px; border-radius: 50%; margin-bottom: 12px; border: 1px solid rgb(255, 255, 255); text-align: center; color: rgb(255, 255, 255); background-color: rgb(251, 62, 59); }
.section-btn li.on { background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.arrow { opacity: 1; animation: 3s cubic-bezier(0.5, 0, 0.1, 1) 0s normal none infinite running arrow; transform: rotate(-90deg); position: absolute; bottom: 10px; left: 50%; margin-left: -30px; width: 60px; height: 60px; border-radius: 100%; line-height: 60px; text-align: center; font-size: 20px; color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); cursor: pointer; overflow: hidden; }
.arrow:hover { animation-play-state: paused; }
@keyframes arrow {
50% { bottom: 50px; opacity: 0.5; }
}
@keyframes arrow {
50% { bottom: 50px; opacity: 0.5; }
}
.mask { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%; position: fixed; z-index: 1111; }
.slideBox { overflow: hidden; position: relative; background: rgba(0, 0, 0, 0) url("pic_qiehuanbg.jpg") no-repeat scroll 0% 0%; width: 460px; height: 475px; margin-top: 25px; }
.slideBox .hd { height: 15px; overflow: hidden; position: absolute; right: 50px; bottom: 5px; z-index: 1; }
.slideBox .hd ul { overflow: hidden; float: left; }
.slideBox .hd ul li { float: left; margin-right: 2px; width: 15px; height: 15px; line-height: 14px; text-align: center; background: rgb(255, 255, 255) none repeat scroll 0% 0%; cursor: pointer; }
.slideBox .hd ul li.on { background: rgb(255, 0, 0) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.slideBox .bd { position: relative; height: 100%; z-index: 0; padding-left: 132px; padding-top: 95px; }
.slideBox .bd li { vertical-align: middle; }
.slideBox .bd img { width: 230px; height: 380px; display: block; }
.slideBox .prev, .slideBox .next { position: absolute; left: 0%; top: 50%; margin-top: -25px; display: block; width: 32px; height: 40px; background: rgba(0, 0, 0, 0) url("slider-arrow.png") no-repeat scroll -110px 5px; opacity: 0.5; }
.slideBox .next { left: auto; right: 3%; background-position: 8px 5px; }
.slideBox .prev:hover, .slideBox .next:hover { opacity: 1; }
.slideBox .prevStop { display: none; }
.slideBox .nextStop { display: none; }
.foot { height: 116px; width: 100%; text-align: center; font-size: 14px; color: rgb(102, 102, 102); line-height: 92px; font-family: "微软雅黑"; }
.weixin { cursor: pointer; }
.weixinon { position: absolute; width: 104px; padding: 5px 18px 5px 17px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 1px solid rgb(223, 223, 223); z-index: 2222; display: none; color: rgb(102, 102, 102); }
.fixcontainer{
    position:fixed;
    top:50px;
    right:50px;
    z-index: 9999;
    width:230px;
    display: flex;
    justify-content: space-between;
}

.fixbtn{
    display: block;
    box-sizing: border-box;
    padding: 10px 20px;
    background-color: #FF9305;
    color:#fff;
    font-size:20px;
    text-align: center;
    border-radius: 10px;
    font-family: "微软雅黑";
}
.fixbtn:hover{
    background-color: #F23030;
    color:#fff;
}