@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:transparent;-webkit-user-select:none;user-select:none}
address,applet,article,aside,audio,blockquote,body,canvas,caption,dd,details,div,dl,dt,embed,figcaption,figure,footer,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,li,mark,menu,nav,object,ol,output,p,pre,progress,ruby,section,summary,table,tbody,td,tfoot,th,thead,time,tr,ul,video{margin:0;padding:0;border:0;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
*,::after,::before{-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:400;font-size:100%}
img{border:0;-webkit-touch-callout:none;vertical-align:middle}
b,em,i,s,strong{font-style:normal;font-weight:400}
input,textarea{border:0;outline:0;resize:none;-webkit-appearance:none}
.viewCon p{font-size:2.6rem;text-align:justify;text-justify:inter-ideograph}
.clearfix:after,.clearfix:before{display:table;content:""}
.clearfix:after{clear:both}
.relative{position:relative}
.absolute{position:absolute}
.fl{float:left}
.fr{float:right}
.mg0{margin-right: 0!important;}
.btn1{display: block;background: #FF8400;color: #fff;text-align: left;padding: 3.4% 0;border-radius: 100px;}
.btn2{display: block;background: linear-gradient(to right,#E1588A,#FFA267);color: #fff;text-align: center;padding: 5.4% 0;border-radius: 100px;}
body {min-width:320px;overflow-x:hidden;color:#2e3642;}
.transformX50{ transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);}
.transformY50{ transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.translateXY{ transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.icon{animation: heartbeat .5s linear infinite;}
/*container*/
#container {max-width: 640px;margin: 0 auto; overflow: hidden;}

/*box01*/
.box01{background: #CFDFFF;padding: 8% 0;}
.box01 h1{font-size: 4.8rem;color: #3d77ea;text-align: center;line-height: 1.4}
.box01 .p1{font-size: 2.6rem;color: #8a97b6;width: 84%;margin: 0 auto;text-align: center;padding: 2% 0 6%;}
.box01 .box01_img1{width: 94.66%;margin: 0 auto}
.box01 .p2{font-size: 2.6rem;color: #3d77ea;text-align: left;margin: 2% auto 4%;width: 96%}
.box01 .p2 span{font-size: 3.2rem;font-weight: bold}
.box01_btn1{width: 54%;margin: 0 auto 10%;font-size: 2.4rem;padding-left: 14%}
.box01_btn1 .hand{display: inline-block;right: 18%;top: 30%!important;width: 6.8%;height: 0;padding-bottom: 16.8%}

.box01 h2{font-size: 4.8rem;color: #3d77ea;text-align: center;}
.box01 .p3{font-size: 2.2rem;color: #8a97b6;line-height: 1.8;width: 84%;margin: 0 auto;text-align: center;padding: 2% 0 6%;}
.box01 .p3 span{color: #FF8A00;font-weight: bold;}
.box01 .box01_img2{width: 94.66%;margin: 0 auto}
.box01_btn2,.box01_btn3{width: 40%;font-size: 2.4rem;padding-left: 5%;margin-top: 8%}
.box01_btn2 .hand,.box01_btn3 .hand{display: inline-block;right: 12%;top: 30%!important;width: 6.8%;height: 0;padding-bottom: 16.8%}
.box01_btn2{margin-left: 4%;}
.box01_btn3{margin-right: 4%;background: #FF5000}

.box02{background: #92B6FD;padding: 8% 0;}
.box02 h1{font-size: 4.8rem;color: #fff;text-align: center;}
.box02 h2{width: 58%;margin: 4% auto 1%}
.box02 h3{font-size: 2.8rem;color: #fff;text-align: center;}
.box02 .p1{width: 93.33%;margin: 0 auto;color: #fff;text-align: center;padding: 4% 0 2%}
.box02 .box02_img1{width: 94.66%;margin: 0 auto}
.box02 .anli1{width: 94.66%;margin: 4% auto}
.box02 .hd{text-align: center;width: 100%;margin-top: 6%;z-index: 2}
.box02 .hd ul li{ display:inline-block;background: #fff;width:10px; height:10px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px;margin:0 4px; vertical-align:top; overflow:hidden; }
.box02 .hd ul .on{ background:none;border: 2px solid #0056FF;width: 14px;height: 14px;}
.box02_btn1{width: 60%;margin: 0 auto 10%;font-size: 2.6rem;padding-left: 14%}
.box02_btn1 .hand{display: inline-block;right: 18%;top: 30%!important;width: 6.8%;height: 0;padding-bottom: 16.8%}


.box03 h1{width: 58%;margin: 4% auto 1%}
.box03 h2{font-size: 2.8rem;color: #7e93be;text-align: center;}
.box03 .box03_img1{width: 94.66%;margin: 0 auto}
.box03 .anli2{width: 94.66%;margin: 4% auto;}
.box03 .bd{box-shadow: 0 0 10px #5184EC}
.box03 .hd{text-align: center;width: 100%;margin-top: 6%;z-index: 2}
.box03 .hd ul li{ display:inline-block;background: #B1C2E4;width:10px; height:10px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px;margin:0 4px; vertical-align:top; overflow:hidden; }
.box03 .hd ul .on{ background:none;border: 2px solid #0056FF;width: 14px;height: 14px;margin-top: -2px;}
.box03_btn1{width: 60%;margin: 0 auto 6%;font-size: 2.6rem;padding-left: 10%}
.box03_btn1 .hand{display: inline-block;right: 14%;top: 30%!important;width: 6.8%;height: 0;padding-bottom: 16.8%}

.box04{background: #DBF2F8;padding: 6% 0;}
.box04 h1{font-size: 5.0rem;color: #3d77ea;text-align: center;}
.box04 h2{font-size: 3.4rem;color: #3d77ea;text-align: center;padding: 3% 0 2%}
.box04 .box04_img1{width: 50.93%;margin: 0 auto}
.box04 .p1{font-size: 2.4rem;color: #7A7A7A;text-align: center;margin: 2% 0 4%}
.box04 .p1 span{color: #FF5A00;}
.box04 h3{font-size: 4.0rem;color: #3d77ea;text-align: center;}
.box04 .p2{font-size: 2.6rem;color: #8A97B6;text-align: center;margin: 2% 0 4%}
.box04 .p2 span{color: #FF5A00}
.box04 .box04_img2{width: 94.66%;margin: 0 auto 10%}
.box04 h4{font-size: 4.0rem;color: #3d77ea;text-align: center;}
.box04 .p3{font-size: 2.6rem;color: #8A97B6;text-align: center;margin: 2% 0 4%}
.box04 .p3 span{color: #FF5A00}
.box04 .box04_img3{width: 94.66%;margin: 0 auto 10%}
.box04 h5{font-size: 4.0rem;color: #3d77ea;text-align: center;}
.box04 .p4{font-size: 2.6rem;color: #8A97B6;text-align: center;margin: 2% 0 4%}
.box04 .p4 span{color: #FF5A00}
.box04 .box04_img4{width: 94.66%;margin: 0 auto 8%}
.box04_btn1{width: 50%;margin: 0 auto 6%;font-size: 2.6rem;padding-left: 14%}
.box04_btn1 .hand{display: inline-block;right: 14%;top: 30%!important;width: 6.8%;height: 0;padding-bottom: 16.8%}

.box04{background: #DBF2F8;padding: 6% 0;}
.box04 h1{font-size: 5.0rem;color: #3d77ea;text-align: center;}
.box04 h2{font-size: 3.4rem;color: #3d77ea;text-align: center;padding: 4% 0 2%}

.box05{background: #92B6FD;padding: 4% 0;}
.box05 h1{font-size: 5.0rem;color: #fff;text-align: center;}
.box05 h2{font-size: 5.0rem;color: #fff;text-align: center;margin: 4% 0 1%}
.box05 .p1{font-size: 2.4rem;color: #fff;text-align: center;}
.box05_btn1{width: 64%;margin: 4% auto 6%;font-size: 2.6rem;padding-left: 14%}
.box05_btn1 .hand{display: inline-block;right: 14%;top: 30%!important;width: 6.8%;height: 0;padding-bottom: 16.8%}

.box06{background: #DBF2F8;padding-bottom: 8%}
.box06 h1{font-size: 5.0rem;color: #3d77ea;text-align: center;line-height: 1.2;}
.box06 .p1{font-size: 2.4rem;color: #8a97b6;text-align: center;margin: 2% 0 6%;line-height: 1.6}
.box06 .box07_img2{width: 91.33%;margin: 0 auto}
.box06_btn1{width: 60%;margin: 8% auto 2%;font-size: 2.6rem;padding-left: 12%}
.box06_btn1 .hand{display: inline-block;right: 18%;top: 30%!important;width: 6.8%;height: 0;padding-bottom: 16.8%}


.box07{background: #fff;padding:4% 0 8%}
.box07 h1{font-size: 5.0rem;color: #3d77ea;text-align: center;line-height: 1.2;}
.box07 .p1{font-size: 2.4rem;color: #8a97b6;text-align: center;margin: 2% 0 6%;line-height: 1.6}
.box07 .box07_img2{width: 91.33%;margin: 0 auto}

.box08{background: #92B6FD;padding-top:8%}
.box08 h1{font-size: 5.0rem;color: #fff;text-align: center;}
.box08 .box08_img1{width: 90%;margin: 4% auto}
.box08 .box08_img1 .box08_img1_left,.box08 .box08_img3 .box08_img3_left{width: 45%;}
.box08 .box08_img1 .box08_img1_right,.box08 .box08_img3 .box08_img3_right{width: 50%;top: 50%;right: 0%}
.box08 .box08_img1 .box08_img1_right .name,.box08 .box08_img3 .box08_img3_right .name{font-size: 3.2rem;color: #fff}
.box08 .box08_img1 .box08_img1_right .name span,.box08 .box08_img3 .box08_img3_right .name span{background: #4C83F4;border-radius: 100px;padding: 4% 10%;font-size: 2.8rem;color: #fff;}
.box08 .box08_img1 .box08_img1_right .position1,.box08 .box08_img3 .box08_img3_right .position1{color: #fff;margin-top: 10%}
.box08 .box08_img1 .box08_img1_right .position1 span,.box08 .box08_img3 .box08_img3_right .position1 span{background: #4C83F4;border-radius: 100px;width: 58%;padding: 4% 6%;font-size: 2.4rem;color: #fff;margin: 8% 0 4%}
.box08 .box08_img2,.box08 .box08_img3,.box08 .box08_img4{width: 90%;margin: 4% auto}
.box08_btn1{width: 64%;margin: 8% auto;font-size: 2.6rem;padding-left: 14%}
.box08_btn1 .hand{display: inline-block;right: 18%;top: 30%!important;width: 6.8%;height: 0;padding-bottom: 16.8%}

.box09{background: #92B6FD;overflow: hidden}
.box09 h1{width: 68.13%;margin: 6% auto;}
.box09 ul{width: 83.73%;margin: 0 auto}
.box09 ul li{width: 43%;margin-bottom: 4%}
.box09 ul li h2{font-size: 2.8rem;color: #fff;text-align: center;padding: 6% 0 2%}
.box09 ul li p{font-size: 2.2rem;color: #fff;text-align: center;}

/*ÊÖÖ¸¶¯»­*/
@keyframes heartbeat {
    0%   { transform: scale(0.95);}
    100% { transform: scale(0.95);}
    50%  { transform: scale(1.10);}

}
@-webkit-keyframes heartbeat {
    0%   { -webkit-transform: scale(0.95);}
    100% { -webkit-transform: scale(0.95);}
    50%  { -webkit-transform: scale(1.10);}
}

@keyframes echo {
    0%{
        opacity:0.1;
        transform: scale(1);
    }
    100%{
        opacity:0;
        transform: scale(1.4);
    }
}
@-webkit-keyframes echo {
    0%{
        opacity: 0.1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100%{
        opacity: 0;
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
    }
}
@media screen and (min-width: 320px) and (max-width: 374px) {
    html { font-size: 26.25% !important; } /*0.42*/
}
@media screen and (min-width: 375px) and (max-width: 409px) {
    html { font-size: 31% !important; }  /*0.5*/
}
@media screen and (min-width: 410px) and (max-width: 479px) {
    html { font-size: 33% !important; }  /*0.54*/
}
@media screen and (min-width: 480px) and (max-width: 900px) {
    html { font-size: 40% !important; } /*0.64*/
}