@charset "gb2312";
/* CSS Document */
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;
	}
.iBlock{display:inline-block; vertical-align:middle;}
.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;overflow:hidden;}
/*banner*/
.banner{overflow: hidden;}
/*box1*/
.box1{overflow: hidden;}
.box1 .txt{width: 100%;color: #363636; padding-left:2.8%;top:2%;left: 0;}
.box1 .txt h1{font-size: 3.0rem;font-weight: bold;}
.box1 .txt p{font-size: 2.0rem;}
.box1 .a1{display: block; width:84.67%;height:4.8%;left: 7.8%; bottom: 2.2%; }
/*box2*/
.box2{ overflow:hidden;}
.box2 .contain1{width: 38.67%;height: 45%;top:26%;right: 6%;overflow: hidden; background:#1b1b1b;}
.box2 .playBtn1{display: block; width:100%; height:100%;background:url(../images/box2-gif.jpg) no-repeat center;top:0;left:0; z-index:2; background-size:100%;overflow: hidden;}
.box2 .a2{display: block;width:84.67%;height:11.2%;left: 7.8%; bottom:4%; }
/*box3*/
.box3{ overflow:hidden; }
.box3 .a3{display: block;width:84.67%;height:7.6%;left: 7.8%; bottom:3.5%; }
/*box4*/
.box4{ overflow:hidden; }
.box4 .contain2{width: 92.3%;height: 58.5%;top:26%;left:3.5%;overflow: hidden; background:#1b1b1b;}
.box4 .playBtn2{display: block; width:100%; height:100%;background:url(../images/box4-gif.jpg) no-repeat center;top:0;left:0; z-index:2; background-size:100%;overflow: hidden;}

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