@charset "utf-8";
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{-webkit-tap-highlight-color:rgba(0,0,0,0);margin:0;padding:0;border:0;font-family:arial, "Hiragino Sans GB", "Microsoft Yahei", 微软雅黑, 宋体, Tahoma, Arial, Helvetica, STHeiti,sans-serif;}
article,aside,blockquote,body,br,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
b,strong{font-weight:400}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;background: none;text-decoration: none;}
dfn,em,i{font-style:normal;font-size:inherit}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
svg:not(:root){overflow:hidden}
h1,h2,h3,h4,h5,h6{font-weight:400}
a{background-color:transparent;color:#333;text-decoration:none}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
a:active{background:none;}
hr,img,legend{border:0 none}
img{width:100%;height:auto;vertical-align:middle}
hr{box-sizing:content-box;height:0}
pre{overflow:auto}
button{overflow:visible;border:none}
button,select{text-transform:none}
img,input,textarea{vertical-align:middle}
button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}
button,input,select,textarea{outline:0;font-family:Tahoma,Arial,sans-serif}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
input[type=checkbox],input[type=radio]{box-sizing:border-box}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{box-sizing:content-box;-webkit-appearance:textfield}
table,td,tr{text-align:center;text-valign:middle}
table{border-collapse:collapse;border-spacing:0}
td,th{empty-cells:hide}
dd,dl,li{list-style:none}
*{color:inherit;font-size:inherit;line-height:inherit}
*,:after,:before{box-sizing:inherit}
html{font-size:50px;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body,html{font-family: Helvetica Neue,Helvetica,Hiragino Sans GB,\\5FAE\8F6F\96C5\9ED1,Arial,sans-serif;}
body{margin:0 auto;color:#333; background: #fff;}
.fl{float: left;}
.fr {float: right;}
.clearfix{*zoom:1;}
.clearfix:after{content:'\0020';display:block;height:0;font-size:0;line-height:0;clear:both;overflow:hidden;}
.tc{ text-align: center; }
.tr{ text-align: right; }
.position_r{ position: relative; }
.position_f{ position: fixed; }
.position_a{ position: absolute; }
.cl_0{color: #000;}
.cl_3{color: #333;}
.cl_6{color: #666;}
.cl_9{color: #999;}
.t_48{ font-size: 0.48rem; }
.t_50{ font-size: 0.50rem; }
.t_52{ font-size: 0.52rem; }
.t_54{ font-size: 0.54rem; }
.t_56{ font-size: 0.56rem; }
.t_58{ font-size: 0.58rem; }
.t_60{ font-size: 0.60rem; }
.t_62{ font-size: 0.62rem; }
.t_64{ font-size: 0.64rem; }
.plr8{ padding:0 0.8rem; }
.mlr8{ margin:0 0.8rem; }
.pt9{ padding-top: 0.9rem; }
.pb9{ padding-bottom: 0.9rem; }
.mb5{ margin-bottom: 0.5rem; }
.mb1{ margin-bottom: 1rem; }
.mt1{ margin-top: 0.1rem; }
.mt2{ margin-top: 0.2em; }
.mt3{ margin-top: 0.3rem; }
.mt4{ margin-top: 0.4rem; }
.mt5{ margin-top: 0.5rem; }

@media screen and (min-width:320px){html{font-size:21.33px}
    body{font-size:9pt}
}
@media screen and (min-width:360px){html{font-size:24px}
    body{font-size:9pt}
}
@media screen and (min-width:375px){html{font-size:25px}
    body{font-size:9pt}
}
@media screen and (min-width:384px){html{font-size:1.6pc}
    body{font-size:14px}
}
@media screen and (min-width:400px){html{font-size:26.67px}
    body{font-size:14px}
}
@media screen and (min-width:414px){html{font-size:27.6px}
    body{font-size:14px}
}
@media screen and (min-width:424px){html{font-size:28.27px}
    body{font-size:14px}
}
@media screen and (min-width:480px){html{font-size:2pc}
    body{font-size:.96pc}
}
@media screen and (min-width:540px){html{font-size:36px}
    body{font-size:1.08pc}
}
@media screen and (min-width:720px){html{font-size:3pc}
    body{font-size:.24in}
}
@media screen and (min-width:750px){html{font-size:50px}
    body{font-size:24px}
}

.wrap{
    max-width: 15rem;
    margin:0 auto;
}
.title-white{
    font-size: 0.8rem;
    line-height: 1rem;
    text-align: center;
    color: #fff;
}
.title-black{
    font-size: 0.8rem;
    line-height: 1rem;
    text-align: center;
    color: #333333;
}
.wrap .baokao{
    width: 4.9rem;
    height: 1.12rem;
    line-height: 1.12rem;
    background: url(../images/s-bg.png) no-repeat 0 0;
    font-size: 0.52rem;
    text-align: center; 
    background-size: cover;
}
.banner{
    position: relative;
    height: 19.54rem;
    background: url(../images/banner.jpg);    background-size: cover;
}
.wrap .s1{
    height: 13.26rem;
    padding-top: 1.2rem;
    box-sizing: border-box;
    background: url(../images/b1.jpg) no-repeat 0 0;    background-size: cover;
}
.wrap .s2{
    height: 13.28rem;
    padding-top: 1.2rem;
    box-sizing: border-box;
    background: url(../images/b2.jpg) no-repeat 0 0;    background-size: cover;
}
.wrap .s3{
    height: 12.64rem;
    padding-top: 1.2rem;
    box-sizing: border-box;
    background: url(../images/b3.jpg) no-repeat 0 0;    background-size: cover;
}
.wrap .s4{
    height: 14.96rem;
    padding-top: 1.2rem;
    box-sizing: border-box;
    background: url(../images/b4.jpg) no-repeat 0 0;    background-size: cover;
}
.wrap .s5{
    height:13.54rem;
    padding-top: 1.2rem;
    box-sizing: border-box;
    background: url(../images/b5.jpg) no-repeat 0 0;    background-size: cover;
}
.wrap .s5 .s5-btn{
    margin: 8.8rem auto 0;
}
.wrap .s6{
    padding-top: 1.2rem;
    box-sizing: border-box;
    background-color: #f5f7fa;
}
.wrap .s6 .s6-box{
    border: 0.04rem solid #999;
    width: 14.2rem;
    margin: 1rem auto 0;
    text-align: center;
}
.wrap .s6 .s6-box .s6-item-title,
.wrap .s6 .s6-box .s6-item
{
    height: 1.8rem;
    line-height: 1.8rem;
    color: #666;
    position: relative;
    display: flex;
}
.wrap .s6 .s6-box .s6-item-title .s6-1,
.wrap .s6 .s6-box .s6-item .s6-1{
    width: 5.12rem;
    border-top: 0.02rem solid #999;
    border-right: 0.02rem solid #999;
    position: relative;
    z-index: 3;
}
.wrap .s6 .s6-box .s6-item-title .s6-2,
.wrap .s6 .s6-box .s6-item .s6-2{
    width: 2.88rem;
    border-top: 0.02rem solid #999;
    border-right: 0.02rem solid #999;
    position: relative;
    z-index: 3;
}
.wrap .s6 .s6-box .s6-item-title .s6-3{
    flex: 1;
    background: url(../images/xie.png) no-repeat;    background-size: cover;
    background-size: 100% 100%;
}
.wrap .s6 .s6-box .s6-item-title .s6-1,
.wrap .s6 .s6-box .s6-item-title .s6-2{
    border-top:0;
}
.wrap .s6 .s6-box .s6-item .s6-3{
    flex: 1;
    border-top: 0.02rem solid #999;    
    position: relative;
    z-index: 3;
}
.wrap .s6 .s6-box .s6-item .s6-3-focus{
    flex: 1;
    border-top: 0.02rem solid #999;
    display: none;
    align-items: center;
    position: relative;
    z-index: 3;
}
.wrap .s6 .s6-box .s6-item .s6-3-focus span{
    display: block;
    border: 0.02rem solid #fff;
    color: #fff;
    width: 4.88rem;
    height: 1.12rem;
    line-height: 1.12rem;
    margin: 0 auto;
    border-radius: 2rem;
}
.wrap .s6 .s6-box .s6-item .s6-bg{
    position: absolute;
    z-index: 1;
    left: -0.46rem;
    right: -0.46rem;
    top: 0;
    bottom: 0;
    background-color: rgba(245, 86, 86, 0.8);
    opacity: 0;
}
.wrap .s6 .s6-box .s6-item:hover .s6-1{
    color: #fff;
}
.wrap .s6 .s6-box .s6-item:hover .s6-2{
    color: #fff;
}
.wrap .s6 .s6-box .s6-item:hover .s6-3{
    display: none;
}
.wrap .s6 .s6-box .s6-item:hover .s6-3-focus{
    display: flex;
}
.wrap .s6 .s6-box .s6-item:hover .s6-bg{
    opacity: 1;
}
.wrap .s7{
    height: 10.4rem;
    padding-top: 1.2rem;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    box-sizing: border-box;
    background-color: #f5f7fa;
}
.wrap .s7 .s7-box{
    position: relative;
    margin-top: 0.9rem;
}
.wrap .s7 .s7-box .s7-red{
    position: absolute;
    top: 0.68rem;
    left: 0.68rem;
    width: 4.24rem;
    height: 5.64rem;
    border: 0.24rem solid #f55656;
    box-sizing: border-box;
}
.wrap .s7 .s7-box .s7-img{
    position: absolute;
    width: 4.24rem;
    height: 5.64rem;
}
.s7-rt{
    padding: 0.2rem 0 0 5.5rem;
}
.s7-rt .s7-rt-title{
    color: #333;
    font-size: 0.6rem;
    line-height: 1.2rem;
    border-bottom: 0.04rem solid #6d778c;
}
.s7-rt .s7-rt-title span{
    font-size: 0.48rem;
}
.s7-rt .s7-detail{
    padding-top: 0.4rem;
    font-size: 0.48rem;
    line-height: 0.72rem;
    color: #454545;
}
.wrap .s8{
    height: 16.22rem;
    padding-top: 1.2rem;
    box-sizing: border-box;
    background: url(../images/b8.jpg) no-repeat 0 0;    background-size: cover;
}
.wrap .s9{
    height: 13.36rem;
    padding-top: 1.2rem;
    box-sizing: border-box;
    background: url(../images/b9.jpg) no-repeat 0 0;    background-size: cover;
    position: relative;
}

.beian{
    text-align: center;
    width: 100%;
background-color:rgba(0,0,0,0.6);
    padding: 0.5rem 0 0.5rem 0;
font-size:14px;
}