@charset "gb2312";
html {font:400 14px/1.5 PingFangSC-Regular,Helvetica,"΢ÈíÑźÚ",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; }
.btn img{border-radius:100px;box-shadow: 0 0 20px rgba(138,75,226,.45);}

/*banner*/
.banner .btn{ width:45%; height:10%; bottom:20%; left:42%}
/*box1*/
.box1{width:100%;padding:9% 0}
.box1_center{ width:93.75%; margin:0 auto;overflow:hidden}
.box1-container{ margin:0 auto; overflow:visible !important;}
.box1 .swiper-slide{width:18.8%;}
.huidian {width:100%;border:1px solid #E60012;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin-top:5%}
.huidian  input {width:60%;background-color:#FFF;font-size:2.6rem;color:#6a7380;float:left;outline:none;padding:2% 0 2% 2%}
.huidian a {width:40%;color:#fff; background-color:#E60012;font-size:2.6rem;text-align:center;text-decoration:none;float:left;padding:2% 0}
/*box2*/
.box2{width:100%;padding:10% 0; background:#E6EFF7}
.box2_center{width:88%;margin:0 auto}
.box2 h2{font-size:4.0rem;color:#2f2725; text-align:center;font-weight:bold}
.box2 .zj{margin:5% 0}
.box2 .zj .bd{width:100%;}
.box2 .zj .hd { height: 9px; width: 100%; text-align: center;position: relative;position:absolute;bottom:-15%;right:0 }
.box2 .zj .hd li { width: 9px; height: 9px; display: inline-block; text-indent: 99px; overflow: hidden; background:#fff;border-radius:200px}
.box2 .zj .hd li { margin: 0 5px; }
.box2 .zj .hd li.on { background: #D70950; }
/*box3*/
.box3{width:100%;padding:8% 0; }
.box3_center{width:93.75%;margin:0 auto}
.box3 h2{font-size:4.0rem;color:#2f2725; text-align:center;font-weight:bold}
.box3 h3{padding-top:6%;}
.box3 .btn{ display:block;width:90%;margin:0 auto;padding-top:9%}	
/*box4*/
.box4{width:100%;padding:8% 0; background:#F1F2F3}
.box4 h2{font-size:4.0rem;color:#2f2725; text-align:center;font-weight:bold}
.box4 .box4_center{ width:93.75%;margin:0 auto;}
.box4 .container{width:100%;}
.box4 .pagination{ width:96.1% !important; left:2% !important; top:12% !important; z-index:1}
.box4 .pagination span{display:block; width:30%;height:12%; float:left; margin:0 0 0 0.5% !important;border-top-left-radius:15px;border-top-right-radius:15px;box-shadow: 0 0 30px rgba(9,2,4,.45);}
.box4 .pagination span:first-child{ margin-left:4% !important;}
.box4 .pagination span:nth-of-type(1){ background:url(../images/anli01.jpg) no-repeat center; background-size:contain;opacity:1!important;}
.box4 .pagination span:nth-of-type(2){ background:url(../images/anli02.jpg) no-repeat center; background-size:contain;opacity:1!important}
.box4 .pagination span:nth-of-type(3){ background:url(../images/anli03.jpg) no-repeat center; background-size:contain;opacity:1!important}
.box4 .pagination span:nth-of-type(1).swiper-pagination-bullet-active{ background:url(../images/anli1.jpg) no-repeat center; background-size:contain;opacity:1!important;}
.box4 .pagination span:nth-of-type(2).swiper-pagination-bullet-active{ background:url(../images/anli2.jpg) no-repeat center; background-size:contain;opacity:1!important}
.box4 .pagination span:nth-of-type(3).swiper-pagination-bullet-active{ background:url(../images/anli3.jpg) no-repeat center; background-size:contain;opacity:1!important}
.box4 .swiper-slide{width:100%;margin:0 auto;margin-top:18.5%;border-radius:10px}
.box4 .swiper-slide img{border-radius:10px}
.box4 a{display:block;width:90%;height:24%;bottom:10%;left:5%;z-index:2}
/*box5*/
.box5{width:100%;background:#F1F2F3;padding:2% 0 5% 0}
.box5 h2{font-size:4.0rem;color:#2f2725; text-align:center;font-weight:bold}
.box5 h3{padding-top:2%}
/*box6*/
.box6{width:100%;background:#F1F2F3;padding-bottom:10%}
.box6 h2{font-size:4.0rem;color:#2f2725; text-align:center;font-weight:bold;padding-bottom:4%}
.box6 .btn{ display:block;width:84%;margin:0 auto;padding-top:7%}	
/*box7*/
.box7{width:100%;padding:6% 0;}
.box7 h2{font-size:4.0rem;color:#2f2725; text-align:center;font-weight:bold}
.box7 .zj1{margin:5% 0}
.box7 .zj1 .bd1{width:100%;}
.box7 .zj1 .hd1 { height: 9px; width: 100%; text-align: center;position: relative;position:absolute;bottom:-5%;right:0 }
.box7 .zj1 .hd1 li { width: 9px; height: 9px; display: inline-block; text-indent: 99px; overflow: hidden; background:#c7c7c7;border-radius:200px}
.box7 .zj1 .hd1 li { margin: 0 5px; }
.box7 .zj1 .hd1 li.on { background: #D70950; }
/*box8*/
.box8{width:100%;padding:8% 0; background:#f1f2f3}
.box8_center{width:93.75%;margin:0 auto}
.box8 h2{font-size:4.5rem;color:#3e3a39; text-align:center; font-weight:bold}
.box8 .zj2{margin:5% 0}
.box8 .zj2 .bd2{width:100%;}
.box8 .zj2 .hd2 { height: 9px; width: 100%; text-align: center;position: relative;position:absolute;bottom:-5%;right:0 }
.box8 .zj2 .hd2 li { width: 9px; height: 9px; display: inline-block; text-indent: 99px; overflow: hidden; background:#fff;border-radius:200px}
.box8 .zj2 .hd2 li { margin: 0 5px; }
.box8 .zj2 .hd2 li.on { background: #D70950; }
.box8 .swtBtn1{width:90%;margin:0 auto;margin-top:10%;display: block;font-size:3.4rem;color: #fff;text-align: center;line-height:2.8;border-radius:100px;background: linear-gradient(to right, #6E27E1 , #D24ECC)}



/*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*/
}