@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;background: #0D62D6}

/*box01*/
.box01{background: linear-gradient(to bottom,#0D64D8,#154AB0);padding: 4% 0;}
.box01 h1{font-size: 5.6rem;color: #fff;text-align: center;}
.box01 h2{font-size: 3.0rem;color: #fff;text-align: center;margin-bottom: 4%}
.box01_btn1{display: block;width: 50.26%;margin: 8% auto}


.box02{padding-bottom: 10%}
.box02 h1{font-size: 5.6rem;color: #fff;text-align: center;}
.box02 h2{font-size: 3.0rem;color: #fff;text-align: center;margin-bottom: 4%}
.box02 ul{width: 93.6%;margin: 0 auto}
.box02 ul li{width: 48%;margin-bottom: 10%}
.box02 ul li img{border-radius: 15px;overflow: hidden}
.box02 ul li .box02_btn{display: block;width: 28.4%;left: 50%;bottom: -8%;}
.box02 .box02_img5{width: 93.6%;margin: 0 auto}
.box02 .box02_img5 .box02_btn2{display: block;width: 14.4%;right: 18%;bottom: 8%;}


.box03{background: #0D64D8;padding: 4% 0}
.box03 h1{font-size: 5.6rem;color: #fff;text-align: center;}
.box03 h2{font-size: 3.0rem;color: #fff;text-align: center;margin-bottom: 4%}
.box03 ul{width: 93.6%;margin: 0 auto}
.box03 ul li{width: 48%;margin-bottom: 10%}
.box03 ul li img{border-radius: 15px;overflow: hidden}
.box03 ul li .box03_btn{display: block;width: 28.4%;left: 50%;bottom: -8%;}
.box03 .box03_img1{margin-bottom: 4%}

.box09{padding: 4% 0}
.box09 h1{font-size: 5.6rem;color: #fff;text-align: center;font-weight: bold}
.box09 h2{font-size: 3.0rem;color: #fff;text-align: center;margin-bottom: 4%}
.box09 ul{width: 93.6%;margin: 0 auto}
.box09 ul li{width: 48%;margin-bottom: 10%}
.box09 ul li img{border-radius: 15px;overflow: hidden}
.box09 ul li .box09_btn{display: block;width: 28.4%;left: 50%;bottom: -8%;}
.box09 .box09_img1{margin-bottom: 4%}

.box04{padding: 4% 0}
.box04 h1{font-size: 5.6rem;color: #fff;text-align: center;font-weight: bold}
.box04 h2{font-size: 3.0rem;color: #fff;text-align: center;margin-bottom: 4%}
.box04 ul{width: 93.6%;margin: 0 auto}
.box04 ul li{width: 48%;margin-bottom: 10%}
.box04 ul li img{border-radius: 15px;overflow: hidden}
.box04 ul li .box04_btn{display: block;width: 28.4%;left: 50%;bottom: -8%;}
.box04 .box04_img1{margin:0 auto 4%;width: 93.6%;overflow: hidden;border-radius: 15px;}
.box04 .box04_img18{margin:2% auto 0;}

.box05{padding: 4% 0}
.box05 h1{font-size: 5.6rem;color: #fff;text-align: center;font-weight: bold}
.box05 h2{font-size: 3.0rem;color: #fff;text-align: center;margin-bottom: 4%}
.box05 ul{width: 93.6%;margin: 0 auto}
.box05 ul li{width: 48%;margin-bottom: 10%}
.box05 ul li img{border-radius: 15px;overflow: hidden}
.box05 ul li .box05_btn{display: block;width: 28.4%;left: 50%;bottom: -8%;}
.box05 .box05_img1{margin-bottom: 4%}

.box06{padding: 4% 0;background: #1552BD;}
.box06 h1{font-size: 5.6rem;color: #fff;text-align: center;font-weight: bold}
.box06 h2{font-size: 3.0rem;color: #fff;text-align: center;margin-bottom: 4%}
.box06 ul{width: 93.6%;margin: 0 auto}
.box06 ul li{width: 48%;margin-bottom: 10%}
.box06 ul li img{border-radius: 15px;overflow: hidden}
.box06 ul li .box06_btn{display: block;width: 28.4%;left: 50%;bottom: -8%;}
.box06 .box06_img1{margin-bottom: 4%}
.box06 .box06_img10{margin:2% auto 0;}

.box07{padding: 4% 0;background: #1552BD;}
.box07 h1{font-size: 5.6rem;color: #fff;text-align: center;font-weight: bold}
.box07 h2{font-size: 3.0rem;color: #fff;text-align: center;margin-bottom: 4%}
.box07 ul{width: 93.6%;margin: 0 auto}
.box07 ul li{width: 48%;margin-bottom: 10%}
.box07 ul li img{border-radius: 15px;overflow: hidden}
.box07 ul li .box07_btn{display: block;width: 28.4%;left: 50%;bottom: -8%;}
.box07 .box07_img1{margin-bottom: 4%}
.box07 .hd{position: relative;text-align: center;width: 100%;margin-top: -8%;z-index: 2}
.box07 .hd ul li{ display:inline-block;background: #0E4399;width:14px; height:14px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px;margin:0 4px; vertical-align:top; overflow:hidden; }
.box07 .hd ul .on{ background:#FFD200;}

.box08{padding: 4% 0;background: #1552BD;}
.box08 h1{font-size: 5.6rem;color: #fff;text-align: center;font-weight: bold}
.box08 h2{font-size: 3.0rem;color: #fff;text-align: center;margin-bottom: 4%}
.box08 .box08_img3{margin:4% auto 0;width: 93.66%;overflow: hidden;border-radius: 15px;}
/*ÊÖÖ¸¶¯»­*/
@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*/
}