@charset "gb2312";
html {font-size:62.5%;}
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;}
body,button, input, select, textarea {font: 12px/1.5 '΢ÈíÑźÚ',tahoma, Srial, helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-size: 100%;font-weight:normal; }
em{font-style:normal;}
ul, ol{ list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: none;  }
img{ border:0px;}
body,.ui-overlay-h{margin:0 auto;background:#fff;color:#404040;}
input, img {vertical-align: middle;}
input{border:0}
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;
	}
a,
button,
input {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/*Çå³þ°´Å¥ÒõÓ°*/
}
.re{position:relative;}
.ab{position:absolute;}
.fl {float:left;display:inline;}
.fr {float:right;display:inline;}
.clear{ clear:both}
.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%);}
body {min-width:320px;overflow-x:hidden;}
.container{max-width:750px;margin:0 auto;font-size:1.4rem;overflow:hidden;}
.btn{display: block;text-align: center;padding: 3.0% 0;border-radius: 50px;color: #fff;}

.box01_content{width: 100%;left: 50%;top: 12.66%;}
.box01_content h1{font-size: 3.0rem;color: #fff;width:87.46%;margin: 0 auto;text-align: left;}
.box01_content h2{font-size: 3.0rem;color: #fff;text-align: center;margin: 3% 0 1%}
.box01_content h3{font-size: 3.0rem;color: #fff;text-align: center;}
.box01_content h4{font-size: 3.0rem;color: #fff;text-align: center;}
.box01_content .box01_ul{width: 89.86%;margin: 5% auto 0;}
.box01_content .box01_ul a{width: 42.36%;margin-right: 10.68%;display: inline-block;}
.box01_content .box01_ul a:nth-of-type(2){margin-right: 0;}
.box01_content .box01_img3{width: 23.6%;margin: 3% auto 1%;}

.box02_content{width: 100%;left: 50%;top: 8.8%;}
.box02_content h1{width:91.86%;margin: 0 auto;}
.box02_content h2{font-size: 3.0rem;color: #FE67A0;text-align: left;width: 88%;margin: 0 auto;}
.box02_content .box02_ul1{width: 91.86%;margin: 3% auto 4.5%;}
.box02_content .box02_ul a{width: 31.36%!important;margin-right: 1.4%;display: inline-block;}
.box02_content .demo-gallery a{width: 31.36%!important;}
.box02_content .box02_ul a:nth-child(3){margin-right: 0;}
.box02_content .txt{margin-left: 5%;margin-top: 2%;font-size: 2.4rem;}

.box04_btn1{width: 77.86%;left: 50%;bottom: 15.46%;padding: 6.4% 0;border-radius: 50px;}
.box04_ul1{width: 79.2%;left: 50%;bottom: 6%}
.box04_ul1 a{width: 42.1%;margin-right: 11.6%;display: inline-block;float: left;}
.box04_ul1 a:nth-of-type(2){margin-right: 0;}
.box04_ul2{width: 92%;left: 50%;top: 26%}
.box04_ul2 a{width: 29.72%;margin-right: 2.7%;display: inline-block;float: left;}
.box04_ul2 a:nth-of-type(3){margin-right: 0;}
.box04 .txt{font-size: 2.4rem;top:20%;left:5%;color: #fff;}
.box05_btn1{width: 50.66%;right: 4.5%;bottom: 15.56%;padding: 6.4% 0;border-radius: 50px;}
.box08_btn1{width: 46.13%;right: 6.5%;bottom: 15.56%;padding: 6.4% 0;border-radius: 50px;}
.box08_ul1{left: 4%;top: 16%;width: 38.26%}
.box08_ul1 a{width: 100%}

.box09_btn1{width: 27%;padding: 18% 0;left: 6.5%;bottom: 44.56%;}
.box09_btn2{width: 27%;padding: 18% 0;left: 50%;bottom: 44.56%;}
.box09_btn3{width: 27%;padding: 18% 0;right: 6.5%;bottom: 44.56%;}
.box09_btn4{width: 22%;padding: 16% 0;left: 3.5%;bottom: 10.56%;}
.box09_btn5{width: 22%;padding: 16% 0;left: 27%;bottom: 10.56%;}
.box09_btn6{width: 22%;padding: 16% 0;left: 51.5%;bottom: 10.56%;}
.box09_btn7{width: 22%;padding: 16% 0;right: 3.5%;bottom: 10.56%;}


@media screen and (min-width:320px) and (max-width:374px) {
html{font-size:26.2%;}/*0.42*/
}
@media screen and (min-width:375px) and (max-width:409px) {
html{font-size:31%;}/*0.5*/
}
@media screen and (min-width:410px) and (max-width:479px) {
html{font-size:33%;}/*0.54*/
}
@media screen and (min-width:480px) and (max-width:900px) {
html{font-size:40%;}/*0.64*/
}