@charset "gb2312";
html { font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a,button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary  { margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-box-sizing: border-box; box-sizing: border-box;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block }
body {  font: 14px/1.5 "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; color: #333; background-color: #fff;}
img {  height: auto; -ms-interpolation-mode: bicubic;  vertical-align: middle;display: block}
.all-wrap img {display: block;height: auto; }
em, i, b ,s,strong{ font-style: normal; font-weight: normal; }
p {font-size: 2.4rem; text-align: center; text-justify: inter-ideograph;color: #676767; }
input,textarea{ border:0;  outline: none;  resize: none;  -webkit-appearance: none;  }
a { text-decoration: none;}
a:hover { text-decoration: none; outline: 0 }
ul, ol { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; line-height:1.2;font-weight: normal; }
.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }
.clearfix { *zoom:1;}
.clear{clear: both;}
.mid{margin: 0 auto;}
.re { position: relative; }
.ab { position: absolute; }
.fl { float: left;}
.fr { float: right;}
.translateX{transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%); }
.translateY{transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%); }
.translateXY{transform:translate(-50%,-50%,);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); }
.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;
}
.container{max-width:640px;margin:0 auto;font-size:1.4rem;overflow:hidden;}

/*banner*/
.banner{width:100%;}
/*content1*/
.content1{width:100%;background: #91C6EB;padding-bottom: 11.56%}
.content1_mid{background: #ffffff;width: 93.75%;font-size: 1.8rem;padding: 6% 0 8%;border-bottom-right-radius: 5%;border-bottom-left-radius: 2%;}
.content1_mid p{width: 93%;background: #F4F9FD;padding: 6% 8%;text-align: left;line-height: 1.7}
.content1_mid span,.content2_mid span{color: #30A1F4;font-weight: bold;}
.content1_mid ul{margin-top: 5%;width: 93%;}
.content1_mid ul li{width: 48.6%;float: left;margin-right: 2.5%;}
.content1_mid ul li:nth-of-type(2),.content5_content ul li:nth-of-type(2){margin-right: 0;}
/*content2*/
.content2{width:100%;background:#B1D6FE;}
.content2_mid{width: 95.75%; bottom: 0;left: 50%;background-color: rgba(255,255,255,0.7);padding: 4.4% 0;}
.content2_mid p{width: 98.66%;margin: 0 auto;font-size: 2.0rem;text-align: center;line-height: 1.8}
/*content3*/
.content3{width:100%;background: #ffffff;padding: 11% 0 12.5%;}
.content3_mid{width: 95%;text-align: center}
.content3_mid h1{ font-size: 4.6rem;}
.content3_mid h2{ font-size: 2.6rem;padding: 3% 0 6%; font-weight: 300}
.content3_box1,.content3_box2{margin-bottom: 9.3%;}
.content3_mid .box_img{box-shadow: 0 10px 30px #ccc;z-index: 2;position: relative}
.content3_mid .box_content{background: #CBE9FD;width: 91.77%;height:180px;box-shadow: 0 10px 20px #ccc}
.content3_mid .box_content h3{font-size: 3rem;font-weight: 300;padding-top: 7%}
.content3_mid .box_content p{width: 89%;font-size: 2.2rem;text-align: left;padding-top: 3%;line-height: 1.8}
/*content5*/
.content5{background: #EEF6F8;padding-bottom: 11%;}
.content5 h1{font-size: 4.0rem;text-align: center;color: #646464;}
.content5 h2{font-size: 2.6rem;text-align: center;color: #646464;padding: 1.8% 0 5.4%;font-weight: 300}
.content5_mid{width: 94.68%;}
.content5_img{width: 93.06%;box-shadow: 0 0px 20px #ccc;}
.content5_box1,.content5_box2,.content5_box3,.content5_box4{margin-bottom: 9%}
.content5_content{box-shadow: 0 10px 30px #73A2FF;background: #ffffff;box-shadow: 0 0px 30px rgba(179,205,223,1);position: relative;z-index: 2;text-align: center;padding: 7.8% 0 9.3%;}
.content5_content ul{width: 94.55%;}
.content5_content ul li{width: 48.86%;margin-right: 2.0%;}
.content5_content h3{font-size: 4.0rem;color: #2766E3;}
.content5_content h4{font-size: 2.6rem;font-weight: 300;padding: 2.3% 0 6%}
.content5_content h5{font-size: 2.6rem;color: #fff;width: 100%;background: #73A2FF;padding: 5% 0}
.content5_content ul li .divp{background: #DBF1FF;height: 190px;width: 100%;}
.content5_content div p{font-size: 2.4rem;font-weight: 300;left: 50%;top: 50%;width: 95%;text-align: left;}
/*content6*/
.content6{background: #76A4FF;padding: 10% 0 10.6%;text-align: center}
.content6 h1{color: #ffffff;font-size: 4.8rem;padding-bottom: 7%;}
.content6 p{padding: 2.5% 0;}
/*content7*/
.content7_btn{width: 42.5%;left: 50%;bottom: 32%;}
@media screen and (min-width:320px) and (max-width:374px) {
html{font-size:26.2%;}/*0.42*/
    .content3_mid .box_content{height: 120px}
    .content5_content ul li .divp{height: 110px}
}
@media screen and (min-width:375px) and (max-width:409px) {
html{font-size:31%;}/*0.5*/
    .content3_mid .box_content{height: 150px}
    .content5_content ul li .divp{height: 120px}
}
@media screen and (min-width:410px) and (max-width:479px) {
html{font-size:33%;}/*0.54*/
    .content3_mid .box_content{height: 130px}
    .content5_content ul li .divp{height: 120px}
}
@media screen and (min-width:480px) and (max-width:900px) {
html{font-size:40%;}/*0.64*/
    .content3_mid .box_content{height: 130px}
}