@charset "gb2312";
html {font:400 14px/1.5 PingFangSC-Regular,Helvetica,"Droid Sans",Arial,sans-serif; font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-user-select:none;user-select:none;}
html,body,div,object,iframe,applet,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,dl,dt,dd,ol,ul,li,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,progress{margin:0;padding:0;border:0;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
* ,::before,::after{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a{text-decoration:none;-webkit-touch-callout:none;background-color:transparent;}
a:active,a:hover{outline:0;text-decoration:none;}
li{list-style:none}
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%;}
img { border:0;-webkit-touch-callout:none; vertical-align: middle; display:block}
em, i, b ,s,strong{ font-style: normal; font-weight: normal; }
input,textarea{ border:0; outline: none; resize: none; -webkit-appearance: none;}
.all-wrap p {font-size: 2.6rem; text-align: justify; text-justify: inter-ideograph; }
.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }
.clearfix { *zoom:1;}
.re { position: relative; }
.ab { position: absolute; }
.fl { float: left;}
.fr { float: right;}
.flex{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
body{ background:#fff;}
.wrap { width: 100%; margin: 0 auto; max-width: 640px; min-width: 320px; }

.title{ font-size:3.8rem; text-align:center; color:#43363d; margin:5% auto 6%; font-weight:600;}
.title2{ font-size:2.4rem;}

.content1 .center{ width:95%; margin:0 auto;}
.content1 .center .img2{ margin:5% 0;}
.btn { width:60%; padding:2% 10%; text-align:center; background:#fe3509; color:#fff; font-size:4rem; border-radius:30px; margin:5% auto 10%; box-shadow:0px 2px 13px rgba(247, 3, 3, 0.84);}

.content2{ background:#ffe8e4; padding-bottom:1%}
.content2 .center{width:95%; margin:0 auto;}

.zj{ background:#ffe8e4; padding-bottom:10%;}
.zj img{ display:block; border:0;}
.zj .bd{width:95%;margin:0 auto;}
.zj .hd { height: 14px; width: 100%; text-align: center;position: relative;position:absolute;bottom:3%;left:0 }
.zj .hd li { width: 14px; height: 14px;  background: #bebfbf; display: inline-block; text-indent: 99px; overflow: hidden; border-radius:50% }
.zj .hd li { margin: 0 4px; }
.zj .hd li.on { background: #757575; }

.content3 .center{width:95%; margin:0 auto; padding-top:2%;}
.content3 .center .contain1{box-shadow:0px 0px 40px #c7e1ff}

.content4{ background:#ffe8e4; padding:4% 0;}
.content4 .center{ margin:0 auto; width:95%}
.content4 .center .title{margin:5% auto 2%;}
.title3{ font-size:2.5rem; text-align:center; color:#43363d;}
.content4 .center .img9{ margin:5% 0;}

.content5{ padding-top:5%}
.content5 .title{margin:5% auto 2%;}
.content5 .zj{ background:#fff; padding-top:5%} 
.content5 .zj .bd{width:100%;}
.content5 .docInfor{color:#464d5c; font-size:3rem;top:26%; left:38%; line-height:30px;}
.content5 .btn2{ bottom:4%; right:3%; margin:0 auto;padding:1% 5%;width:45%;}
.content5 .bg{ background:#ededed; padding:3% 2% 25%; margin-top:3%;}
.content5 .bg li img{ border:8px solid #fff;}
.content5 .bg .hd { height: 14px; width: 100%; text-align: center;position:absolute;bottom:18%;left:0 }
.content5 .bg .liList .ulList li { width:28%; height:53px;display: inline-block;  border-radius:0; text-align:center; background:#fff;margin: 0 1%; border-radius:5px;text-align:center; font-size:3.2rem; line-height:53px;}
.content5 .bg .liList .ulList{ width:100%;}
.content5 .bg .liList .ulList  .on { background:#f67a71;position:relative; color:#fff;}
.content5 .bg .liList .ulList  .on:before{ content:""; position:absolute; width:15px; height:7px;  background:#f67a71 url(../images/sanjiao.jpg) no-repeat center; top:-6px; left:50%;transform:translateX(-50%)}
.content5 .bg2{ background:#ededed; padding:3% 0 8%}
.content5 .bg2 .btn{ margin:0 auto;}
/*640 Éè¼Æ¸å*/

@media screen and (min-width:320px) and (max-width:359px) {
    html { font-size: 31.25%!important; } /*0.5*/
}
@media screen and (min-width:360px) and (max-width:409px) {
    html { font-size: 35%!important; }  /*0.56*/
}
@media screen and (min-width:410px) and (max-width:479px) {
    html { font-size: 40%!important; }  /*0.64*/
}
@media screen and (min-width:480px) and (max-width:639px) {
    html { font-size: 47%!important; }  /*0.75*/
}