@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}
.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:justify;box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;align-items:center}
.viewCon{width:100%;margin:0 auto;max-width:750px;min-width:320px}
.viewCon img{display:block;width:100%}
.viewCon .sec1{padding-bottom:13.34%;padding-top:9%}
.viewCon h3{font-size:5rem;color:#298eff;font-weight:700;text-align:center}
.viewCon .sec1 h3{margin-bottom:9%}
.viewCon .sec1 .videoCon{box-shadow:0 6px 8px rgba(165,161,158,.46);background:#fff;border-radius:3px;padding:6.9% 7.2%;width:93.73%;margin:0 auto;}
.viewCon .sec1 .vio{padding-top:75%;position: relative;}
.viewCon .sec1 .video{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position: absolute;top: 50%;left: 50%;width: 100%;height: 100%}
.viewCon .sec2{background:#cae5f7;padding-bottom:12.13%}
.viewCon .sec2 h3{margin:13.3% 0 9.5%}
.viewCon .sec2 ul{padding:0 2% 4%}
.viewCon .sec2 ul li{width:27.939%;margin-bottom:2%}
.viewCon .sec2 ul li h6{width:66.831%;margin:0 auto;background:#ff9000;border-radius:50px;text-align:center;font-size:2.6rem;line-height:1.77;color:#fff;position:relative;z-index:1;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.viewCon .sec2 .sec2Con,.viewCon .sec4 .sec4Con{width:96.4%;border-radius:12px;margin:0 auto;background:#a8dafc;box-shadow:0 7px 23px 4px rgba(138,172,195,.6);padding:0 4% 4%}
.viewCon .sec2 .sec2Con h4{text-align:center;color:#fff;font-size:3.2rem;font-weight:700;border-radius:0 0 26px 26px;background:#41b1fd;margin:0 auto 5%;line-height:2.5625}
.viewCon .sec2 .sec2Con p{font-size:2.6rem;color:#3d3d3d;margin-bottom:3%}
.viewCon .sec3{padding:11.34% 5.33% 14.533%;background:#f7f7f7}
.viewCon .sec3 h4{font-size:3.4rem;color:#141414;margin-top:5.06%}
.viewCon .sec3 p{font-size:2.6rem;color:#3d3d3d;margin-bottom:4%}
.viewCon .kstBtn{display:block;width:70.267%;background:#ef5612;border-radius:50px;text-align:center;line-height:3;font-size:3.2rem;color:#fff;margin:6% auto 0;box-shadow:0 8px 25px 13px rgba(242,143,99,.35)}
.viewCon .sec4{background:#d7eaff;padding-bottom:14%}
.viewCon .sec4 h3{margin-top:5.6%}
.viewCon .sec4 .info{width:96.4%;margin:5.3% auto 0;background:#9ec8f7;border-radius:12px;padding:3%;font-size:3.4rem;color:#383838}
.viewCon .sec4 ul{padding:5.34% 8.26% 2%}
.viewCon .sec4 ul li{width:45.367%}
.viewCon .sec4 ul li h6{text-align:center;font-size:2.4rem;color:#474747;padding:5px 0 15px}
.viewCon .sec4 .sec4Con{padding:4.8%;background:#9ec8f7;box-shadow:0 7px 23px 4px rgba(149,174,202,.6)}
.viewCon .sec4 .sec4Con p{font-size:2.8rem;color:#252424;margin-bottom:10px}
.viewCon .sec5{background:#d0fdfc}
.viewCon .sec5 .info{margin-top:7.46%;background:#8ef6f4}
.viewCon .sec5 .sec5Con{background:#9dfaf8;box-shadow:0 7px 23px 4px rgba(140,210,209,.6)}
.viewCon .sec5 .kstBtn{margin-top:8%}
.viewCon .sec6{padding:9% 0 7.7%}
.viewCon .sec6 h3{font-size:4.6rem}
.viewCon .sec6 p{font-size:2.8rem;color:#3f3f3f;width:87.46%;margin:0 auto}
.viewCon .sec6 figure{padding-top:55.33%;background:url(../images/sec6_1.gif) no-repeat center;-webkit-background-size:100% auto;background-size:100% auto;border-radius:7px}
.viewCon .sec7{padding-bottom:4%;background:#aadcff;background:-moz-linear-gradient(45deg,#aadcff 0,#aadcff 71%,#a1f7f7 100%);background:-webkit-linear-gradient(45deg,#aadcff 0,#aadcff 71%,#a1f7f7 100%);background:linear-gradient(45deg,#aadcff 0,#aadcff 71%,#a1f7f7 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#aadcff', endColorstr='#a1f7f7', GradientType=1 )}
.viewCon .sec7 h3{margin:7.46% 0 5.6%}
.viewCon .sec7 dl{border:1px solid #20a0fa;border-radius:7px;padding:3.34% 8%;width:85.33%;margin:0 auto 5.34%}
.viewCon .sec7 dl dt{width:35.64%}
.viewCon .sec7 dl dd{width:51.485%;font-size:2.8rem;color:#232121}
.viewCon .sec7 ul{padding:0 2%;-webkit-box-align:stretch;align-items:stretch}
.viewCon .sec7 ul li{width:47.856%}
.viewCon .sec7 ul li h6{text-align:center;font-size:2.4rem;color:#2d2a2a;padding:10px 0}
.viewCon .sec8{padding:14% 2% 9%}
.viewCon .sec8 h4{text-align:center;font-size:3.5rem;color:#298eff;margin:2% 0 4%}
.viewCon .sec8 h4 em{background:#ffc000;padding:0 3px;color:red;border-radius:7px}
.viewCon .sec8 ul{background:#f5eff1;border-radius:7px;box-shadow:0 7px 13px rgba(219,203,208,.9);padding:4% 3.4% 0;margin-top:5.6%}
.viewCon .sec8 ul li{width:47.272%}
.viewCon .sec8 ul li p{text-align:center;font-size:2.4rem;color:#404040;padding:6px 0 13px}
.viewCon .sec9{background:#d9fcff;padding-bottom:9.34%}
.viewCon .sec9 h3{margin:6% 0}
.viewCon .sec10 img,.viewCon .sec9 img{width:96.4%;margin:0 auto}
.viewCon .sec10{padding:9.3% 0 13.33%}
.viewCon .sec10 h3{font-size:4.6rem;margin-bottom:5.33%}
.viewCon .sec10 .kstBtn{margin-top:10%}
.viewCon .sec11{padding-bottom:6%}
.viewCon .sec11 h3{font-size:4rem;margin-bottom:5.74%}
.viewCon .sec11 .sec11Con{width:91.33%;margin:-4.2% auto 0;background:#fff;box-shadow:0 8px 30px 3px rgba(205,170,170,.5);margin-bottom:9%;position:relative;z-index:1;border-radius:18px;padding:4%}
.viewCon .sec11 .sec11Con p{font-size:2.8rem;color:#575757;margin-bottom:10px}
.btn { width: 97%; border-radius: 7px; background: #ff6005; color: #fff; text-align: center; font-size: 3.9rem; line-height: 3; margin: 0 auto; display: block; }

@media screen and (min-width:320px) and (max-width:374px){html{font-size:26.25%!important}
}
@media screen and (min-width:375px) and (max-width:409px){html{font-size:31%!important}
}
@media screen and (min-width:410px) and (max-width:479px){html{font-size:33%!important}
}
@media screen and (min-width:480px) and (max-width:900px){html{font-size:40%!important}
}
@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;}
em, i, b ,s,strong{ font-style: normal; font-weight: normal; }
input,textarea{ border:0; outline: none; resize: none; -webkit-appearance: none;}
.viewCon 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: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align:center;
    align-items:center;
}
.viewCon{width:100%;margin:0 auto;max-width:750px;min-width:320px}
.viewCon img{display: block; width: 100%;}
.viewCon .sec1{
    padding-bottom: 13.34%;
    padding-top: 9%;
}
.viewCon h3{
    font-size: 5rem;
    color: #298eff;
    font-weight: 700;
    text-align: center;
}
.viewCon .sec1 h3{
    margin-bottom: 9%;
}
.viewCon .sec1 .videoCon{
    box-shadow: 0 6px 8px rgba(165,161,158,.46);
    background: #fff;
    border-radius: 3px;
    padding: 6.9% 7.2%;
    width: 93.73%;
    margin: 0 auto;
}
.viewCon .sec2{
    background: #cae5f7;
    padding-bottom:12.13%;
}
.viewCon .sec2 h3{
    margin: 13.3% 0 9.5%;
}
.viewCon .sec2 ul{
    padding: 0 2% 4%;
}
.viewCon .sec2 ul li{
    width: 27.939%;
    margin-bottom: 2%;
}
.viewCon .sec2 ul li h6{
    width: 66.831%;
    margin: 0 auto;
    background: #ff9000;
    border-radius: 50px;
    text-align: center;
    font-size: 2.6rem;
    line-height: 1.77;
    color: #fff;
    position: relative;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.viewCon .sec2 .sec2Con,.viewCon .sec4 .sec4Con{
    width: 96.4%;
    border-radius: 12px;
    margin: 0 auto;
    background: #a8dafc;
    box-shadow: 0 7px 23px 4px rgba(138,172,195,.6);
    padding: 0 4% 4%;
}
.viewCon .sec2 .sec2Con h4{
    text-align: center;
    color: #fff;
    font-size: 3.2rem;
    font-weight: 700;
    border-radius: 0 0 26px 26px;
    background: #41b1fd;
    margin: 0 auto 5%;
    line-height: 2.5625;
}
.viewCon .sec2 .sec2Con p{
    font-size: 2.6rem;
    color: #3d3d3d;
    margin-bottom: 3%;
}
.viewCon .sec3{
    padding: 11.34% 5.33% 14.533%;
    background: #f7f7f7;
}
.viewCon .sec3 h4{
    font-size: 3.4rem;
    color: #141414;
    margin-top: 5.06%;
}
.viewCon .sec3 p{
    font-size: 2.6rem;
    color: #3d3d3d;
    margin-bottom: 4%;
}

.viewCon .kstBtn{
    display: block;
    width: 70.267%;
    background: #ef5612;
    border-radius: 50px;
    text-align: center;
    line-height: 3;
    font-size: 3.2rem;
    color: #fff;
    margin: 6% auto 0;
    box-shadow:0 8px 25px 13px rgba(242,143,99,.35)
}
.viewCon .sec4{
    background: #d7eaff;
    padding-bottom: 14%;
}
.viewCon .sec4 h3{
    margin-top: 5.6%;
}
.viewCon .sec4 .info{
    width: 96.4%;
    margin: 5.3% auto 0;
    background: #9ec8f7;
    border-radius: 12px;
    padding: 3%;
    font-size: 3.4rem;
    color: #383838;
}
.viewCon .sec4 ul{
    padding: 5.34% 8.26% 2%;
}
.viewCon .sec4 ul li{
    width: 45.367%;
}
.viewCon .sec4 ul li h6{
    text-align: center;
    font-size: 2.4rem;
    color: #474747;
    padding: 5px 0 15px;
}
.viewCon .sec4 .sec4Con{
    padding: 4.8%;
    background: #9ec8f7;
    box-shadow: 0 7px 23px 4px rgba(149,174,202,.6)
}
.viewCon .sec4 .sec4Con p{
    font-size: 2.8rem;
    color: #252424;
    margin-bottom: 10px;
}
.viewCon .sec5{
    background: #d0fdfc;
}
.viewCon .sec5 .info{
    margin-top: 7.46%;
    background: #8ef6f4;
}
.viewCon .sec5 .sec5Con{
    background: #9dfaf8;
    box-shadow: 0 7px 23px 4px rgba(140,210,209,.6)
}
.viewCon .sec5 .kstBtn{
    margin-top: 8%;
}
.viewCon .sec6{
    padding: 9% 0 7.7%
}
.viewCon .sec6 h3{
    font-size: 4.6rem;
}
.viewCon .sec6 p{
    font-size: 2.8rem;
    color: #3f3f3f;
    width: 87.46%;
    margin: 0 auto;
}
.viewCon .sec6 figure{
    padding-top: 55.33%;
    background: url(../images/sec6_1.gif) no-repeat center;
    -webkit-background-size:100% auto;
    background-size: 100% auto;
    border-radius: 7px; 
}
.viewCon .sec7{
    padding-bottom: 12%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#aadcff+0,aadcff+71,a1f7f7+100 */
background: #aadcff; /* Old browsers */
background: -moz-linear-gradient(45deg,  #aadcff 0%, #aadcff 71%, #a1f7f7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #aadcff 0%,#aadcff 71%,#a1f7f7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #aadcff 0%,#aadcff 71%,#a1f7f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aadcff', endColorstr='#a1f7f7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.viewCon .sec7 h3{
    margin: 7.46% 0 5.6%;
}
.viewCon .sec7 dl{
    border: 1px solid #20a0fa;
    border-radius: 7px;
    padding: 3.34% 8%;
    width: 85.33%;
    margin: 0 auto 5.34%;
}
.viewCon .sec7 dl dt{
    width: 35.64%;
}
.viewCon .sec7 dl dd{
    width: 51.485%;
    font-size: 2.8rem;
    color: #232121;
}
.viewCon .sec7 ul{
    padding: 0 2%;
    -webkit-box-align:stretch;
    align-items:stretch;
}
.viewCon .sec7 ul li{
    width: 47.856%;
}
.viewCon .sec7 ul li h6{
    text-align: center;
    font-size: 2.4rem;
    color: #2d2a2a;
    padding: 10px 0;
}
.viewCon .sec8{
    padding: 14% 2% 9%; 
}
.viewCon .sec8 h4{
    text-align: center;
    font-size: 3.5rem;
    color: #298eff;
    margin: 2% 0 4%;
}
.viewCon .sec8 h4 em{
    background:#ffc000;
    padding: 0 3px;
    color: #ff0000;
    border-radius: 7px;
}
.viewCon .sec8 ul {
    background: #f5eff1;
    border-radius: 7px;
    box-shadow: 0 7px 13px rgba(219,203,208,.9);
    padding: 4% 3.4% 0;
    margin-top: 5.6%;
}
.viewCon .sec8 ul li{
    width: 47.272%;
}
.viewCon .sec8 ul li p{
    text-align: center;
    font-size: 2.4rem;
    color: #404040;
    padding: 6px 0 13px
}
.viewCon .sec9{
    background: #d9fcff;
    padding-bottom: 9.34%
}
.viewCon .sec9 h3{
    margin: 6% 0;
}
.viewCon .sec9 img,.viewCon .sec10 img{
    width: 96.4%;
    margin: 0 auto;
}
.viewCon .sec10{
    padding: 9.3% 0 13.33%;
}
.viewCon .sec10 h3{
    font-size: 4.6rem;
    margin-bottom: 5.33%;
}
.viewCon .sec10 .kstBtn{
    margin-top: 10%;
}
.viewCon .sec11{
    padding-bottom: 6%;
}
.viewCon .sec11 h3{
    font-size: 4rem;
    margin-bottom: 5.74%;
}
.viewCon .sec11 .sec11Con{
    width: 91.33%;
    margin:-4.2%  auto 0;
    background: #fff;
    box-shadow: 0 8px 30px 3px rgba(205,170,170,.5);
    margin-bottom: 9%; 
    position: relative;
    z-index: 1;
    border-radius: 18px;
    padding: 4%;
}
.viewCon .sec11 .sec11Con p{
    font-size: 2.8rem;
    color: #575757;
    margin-bottom: 10px;
}


/*750 Éè¼Æ¸å*/
@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*/
}