@charset "gb2312";

html { font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

input[type="submit"], input[type="reset"], input[type="button"], input { -webkit-appearance: none; resize: none; }

body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

.wrap img { max-width: 100%; height: auto; width: auto\9; -ms-interpolation-mode: bicubic; border: none; display: block; width: 100%; }

body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; border: none; }

body, button, input, select, textarea { font: 12px/1.5 '΢ÈíÑźÚ', tahoma, Srial, helvetica, sans-serif;outline:none; }

body { min-width: 320px; overflow-x: hidden; }

em, i, b { font-style: normal; font-weight: normal; }

strong { font-weight: normal; }

.clearfix:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }

.clearfix { zoom: 1; }

a { text-decoration: none; color: #969696; }

a:hover { text-decoration: none; }

ul, ol { list-style: none; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-family: Microsoft YaHei; font-weight: normal; }

* { margin: 0; padding: 0; text-shadow: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.clearfix:before, .clearfix:after { display: table; content: ""; }

.clearfix:after { clear: both; }

.clearfix { *zoom:1;

}

.re { position: relative; }

.ab { position: absolute; }

.fl { float: left; display: inline; }

.fr { float: right; display: inline; }
.wrap{
	max-width:640px;
	width:100%;
	margin:0 auto;}
.translateXY {-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.translateY {-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.translateX {-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}


.callBack {background-color: #fff;font-size: 2.9rem;line-height:2;text-align: center;}
.callBack a{color: #000;display: block;}
.per{ line-height:2;}
.h2{ font-size:4rem; text-align:center; padding:4% 0; color:#3e3a39;}
img{ display:block;}

.banner{ overflow:hidden}


/*box1*/
.box1{background: #5CB8D7;}
.box1 h1{color: #FFFFFF;font-size: 4.0rem;text-align: center;}
.box1 h2{color: #FFFFFF;font-size: 3.8rem;text-align: center;padding: 8% 0 4%;}
.box1 p{color: #FFFFFF;font-size: 2.4rem;padding: 5.25% 0;font-weight: 300;width: 92.96%;margin: 0 auto;}
.box1 ul{width: 92.5%;margin: 0 auto;}
.box1 ul li{width: 48.68%;margin-right: 2.2%;}
.box1 ul li:nth-of-type(2),.box1 ul li:nth-of-type(4){margin-right: 0;}
.box1 ul li:nth-of-type(1),.box1 ul li:nth-of-type(2){margin-bottom:1.5%;}
.box1 .box1_btn{width: 82.5%;margin: 0 auto;}
.content2 .btn2{width: 82.5%;margin: 0 auto;}
.box4 .box04_btn,.box5 .box05_btn,.box6 .box06_btn{width: 80.1%;margin: 4% auto 0;}
.box4 .box04_btn a,.box5 .box5_btn a,.box6 .box6_btn a{font-size: 3.6rem;}
.box7 .submitBox{width: 88.74%;margin: 0 auto}
.box7 .submitBox a{font-size: 3.6rem;}
.btn1{width: 100%;padding: 4% 0;text-align: center;font-size: 4.0rem;color: #FFFFFF;background: linear-gradient(to right,#FFDD45 1%,#F97895 99%);display: block;border-radius: 50px;font-weight: 300}
.btn a{width: 100%;padding: 4% 0;text-align: center;font-size: 4.0rem;color: #FFFFFF;background: linear-gradient(to right,#FFDD45 1%,#F97895 99%);display: block;border-radius: 50px;font-weight: 300}
.btn a span{color: #FDCAD0;}
/*box2*/
.content2{ width:100%;}
.content2 .center1{width:100%;}
.content2 .center1 .vide{ width:48%; height:47%;top:25%; left:48%}
.content2 .center1 h1{ text-align:center; color:#2d3347; font-size:4rem; top:2%; width:100%}
.content2 .sale .btn2{ width:89%; height:40%; bottom:16%;  left:50%}
.box6 {width:100%; position:relative; height:100%}
.box6 {width:100%; position:relative; height:100%}
.box6 .playBtn { position:absolute;width:100%;  height:100%;background:url(../images/all.jpg) no-repeat center; background-size:100%; overflow:hidden; z-index:1;}
.box6 .playBtn:hover { -webkit-animation: glow 800ms ease-out infinite alternate; animation: glow 800ms ease-out infinite alternate; box-shadow: 0 0 5px rgba(255,255,255,.2), inset 0 0 5px rgba(255,255,255,.1); }
.box6 .video { height: 100%; width:100%; top:0; left:0;}
.box2{ overflow:hidden}
.playBtn{ display:block}
/*box3*/
.box3{ overflow:hidden;background: #EDF5FD;padding: 11.56% 0 6.8%;text-align: center;}
.box3 h1{color: #000;font-size: 4.0rem;}
.box3 h2{color: #2D3347;font-size: 2.6rem;padding:1% 0 8.4%}
.box3 #anli1 .bd{width: 92.5%;margin: 0 auto;box-shadow: 0 0 20px 1px #94D0FF}
.box3 #anli1 .hd,.box4 #anli2 .hd,.box6 #anli3 .hd{text-align: center;width: 100%;position: relative!important;margin-top: 6.25%}
.box3 #anli1 .hd li,.box4 #anli2 .hd li,.box6 #anli3 .hd li{width: 16%;background: #94D0FF;padding: 2% 0;display: inline-block;border-radius: 50px;}
.box3 #anli1 .hd .on{background: #5491C1;}

.box4{ overflow:hidden;background: linear-gradient(to right,#2FBDFD,#3684FE);padding: 10.9% 0 8.75%;text-align: center;}
.box4 h1{color: #fff;font-size: 5.0rem;}
.box4 h2{color: #fff;font-size: 3.0rem;padding:1% 0 8.4%}
.box4 #anli2{width: 92.18%;margin: 0 auto;}
.box4 #anli2 .bd{width: 100%;margin: 0 auto;padding-bottom: 6.8%;background: #FFFFFF;}
.box4 #anli2 .hd{margin-top: 5.4%}
.box4 #anli2 .hd li{background: #94D0FF!important;}
.box4 #anli2 .hd .on{background: #5491C1!important;}

.box5{background: #EDF5FD;padding: 12.8% 0 11.7%;text-align: center;}
.box5 h1{color: #2D3347;font-size: 4.0rem;}
.box5 h2{color: #2D3347;font-size: 2.4rem;font-weight: 300;padding: 1% 0 6%}
.box5 .box5_middle{width: 92.96%;margin: 0 auto;background: #FFFFFF;padding: 4.3% 2%;box-shadow: 0 0 60px 1px #94D0FF}
.box5 .box5_img2{padding: 2.5% 0;}
.box5 .box5_img3{padding-bottom: 6.8%;}
.box5 p{font-size: 3.0rem;font-weight: 300;}

.box06{background: linear-gradient(to right,#2FBDFD,#3684FE);padding: 13.75% 0 10.93%;text-align: center;}
.box06 h1{font-size: 4.0rem;color: #FFFFFF;padding-bottom: 10%}
.box06 h2{font-size: 3.0rem;color: #FFFFFF;padding-top: 4.2%;}
.box06 #anli3{width: 92.18%;margin: 0 auto;}
.box06 #anli3 .hd{margin-top: 4%}
.box06 #anli3 .hd li{background: #94D0FF!important;}
.box06 #anli3 .hd .on{background: #5491C1!important;}

.box7{background: #EDF5FD;text-align: center;padding: 13.28% 0 7%}
.box7 h1{color: #2D3347; font-size: 4.0rem;}
.box7 h2{color: #2D3347; font-size: 2.4rem;padding: 0.5% 0 4.18%}
.box7 dt{width: 92.96%;margin: 0 auto;}
.box7 dd{color: #3E3A39; font-size: 2.4rem;text-align: left;width: 92.96%;margin: 2% auto 0;line-height: 1.8}

.userInfoClectionBox{width: 92.96%;margin: 9.3% auto 0;background: #3592FE;border-radius: 10px;padding: 8% 0 6%;}
.userInfoClectionBox h1{color: #FFFFFF;font-size: 4.0rem;}
.userInfoClectionBox h2{color: #FFFFFF;font-size: 2.4rem;}
.userInfoClectionBox input{width: 88.74%;margin: 0 auto 3%;border-radius: 50px;padding: 4% 0 4% 10%; font-size: 3.0rem;text-align: left;}
.userInfoClectionBox #problem{padding-bottom: 30%;border-radius: 10px;}
.box7 .lock{width: 20%;margin: 8% auto 0}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #9FA0A0;
}
/*640 Éè¼Æ¸å*/

@media screen and (min-width:320px) and (max-width:359px) {
    html { font-size: 31.25%!important; } /*0.5*/

}
@media screen and (min-width:360px) and (max-width:409px) {
    html { font-size: 35%!important; }  /*0.56*/

}
@media screen and (min-width:410px) and (max-width:479px) {
    html { font-size: 40%!important; }  /*0.64*/
}
@media screen and (min-width:480px) and (max-width:639px) {
    html { font-size: 47%!important; }  /*0.75*/
}