@charset "gb2312";
/* CSS Document */
html {font-size:62.5%;}
body{
    font-size:12px;
    font-size:1.2rem ; /* 12¡Â10=1.2 */
}
body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,dl, dt, dd, ul, ol, li,pre,
form, fieldset, legend, button, input, textarea,th, td,img{border:medium none;margin: 0;padding: 0;list-style-type: none; font-weight:500}
body,button, input, select, textarea {font: 12px/1.5 '΢ÈíÑźÚ',tahoma, Srial, helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
em{font-style:normal;}
ul, ol,{ list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: none;  }
p{color:#525252;}
p{font-size:14px;font-size:1.4rem;}
img{ border:0px;}
body,.ui-overlay-h{margin:0 auto;position:relative;background:#fff;}
input, img {vertical-align: middle;}
img{display:inline-block;}
body,html{margin:0 auto;}
img {border:none;vertical-align:top;}
* {margin:0;padding:0;text-shadow:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.blank{height:8px;clear:both;}
.blank20{height:20px;clear:both;}
.clearfix:after,.clear:before{display:table;content:'';}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
.relative{position:relative;}
.absolute{position:absolute;}
.fl {float:left;display:inline;}
.fr {float:right;display:inline;}
body {min-width:320px;overflow-x:hidden;color:#2e3642;}
<!---->


/*container*/
#container {max-width: 640px;margin: 0 auto; overflow: hidden;}
/*video*/
.commonTitle {width:100%;font-size:4rem;line-height:280%;text-align:center;font-weight:500;color:#2e3642;}
.addVideo{
    width: 100%;
    background: url("../images/ipad.png") no-repeat center;
    -webkit-background-size:cover;
    background-size:cover;
    overflow: hidden;
    position: relative;
    box-shadow: 0 0 20px rgba(0,0,0,.3);
    border-radius: 10px;
}
.addVideo .x-player{
    position: absolute;
    top:50%;
    left: 8.65%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
/*box02*/
.box02{padding:6.25% 0 14%; text-align:center; background:url(../images/bg_xt.png) repeat center center;}
.box02>h1{width:68.75%; margin:0 auto;}
.box02_ul{width:93.75%; margin:0 auto;}
.box02_ul>li{width:31.66%; margin-right:2.4%; margin-top:4.37%;}
.box02_ul>li:nth-child(3){margin-right:0;}
.box02_ul>li>p{font-size:2.7rem; padding-top:6.25%; width:80%; margin:0 auto; text-align:left;}
.box02_btn{width:93.75%; margin:11% auto 0;}
.box02_btn>a{display:inline-block; width:100%;}
/*box03*/
.box03{width:100%;text-align:center; background:url(../images/bg2_xt.png) repeat center center; padding-top:5%;}
.box03>h1{ width:75.62%; margin:0 auto;}
.box03>h2,.box04>h2{font-size:2.2rem; color:#F9CF01; margin-bottom:4%;}
.box03_topImg{width:96%; margin:0 auto;}
.box03_right{ top:26%; right:5%; width:26%; font-size:1.8rem; text-align:left;}
.box03_bottomImg{width:72%; margin:2.4% auto 0;}
/*box04*/
.box04{width:100%;text-align:center;}
.box04_p1{font-size:7.5rem; font-weight:bold; top:24%; left:23%;}
.box04_p2{ font-size:3.7rem; top:55%; left:22%;}
/*box05*/
.box05{width:100%; background:url(../images/bg_xt.png) repeat center center; text-align:center; padding:12% 0 10%;}
.box05_h1{font-size:6.0rem;}
.box05_h2{font-size:4.4rem; letter-spacing:2px; margin-top:-3%;}
.box05_h2_span{font-size:7rem; color:#F00; transform:rotate(6deg);-webkit-transform:rotate(6deg);-moz-transform:rotate(6deg);-o-transform:rotate(6deg); display:inline-block}
.line{width:84.37%; margin:4% auto 6%; border-bottom:1px solid #000;}
.box05_p1{width:86.72%; margin:0 auto; font-size:3.3rem; text-align:left;}
.box05_img{ width:14%; margin:6% auto 7.8%;}
.box05_ul{width:93.75%; margin:0 auto;}
.box05_ul>li{width:47.83%; margin:0 4% 11.25% 0;}
.box05_ul>li:nth-child(2),.box05_ul>li:nth-child(4){margin-right:0;}
.li_p{font-size:3.2rem; padding-top:3.4%;}
.box05_btn{width:93.75%; margin:0 auto;}
/*box06*/
.box06{background-color:#E8F7FE; text-align:center; width:100%; padding-bottom:6%;}
.box06_h1{padding:9% 0; font-size:4.6rem;}
.box06_btn{width:93.75%;margin:4% auto 0;}
/*box07*/
.box07{ background:url(../images/bg_xt.png) repeat center center; text-align:center; padding:7% 0;}
.box07_h1{width:60%; margin:0 auto 7%;}
.box07_p1{width:87.5%; margin:0 auto;}
.box07_p2{width:93.75%; margin:4% auto 6.8%;}
.box07_p3{font-size:3.4rem; text-align:left;width:93%; margin:0 auto 8.4%;}
.box07_btn{width:93%; margin:0 auto; display:inline-block}

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