/* public */
html,body,form,ol,ul,li,div,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,th,td,font,em,ins,span,a{margin:0; padding:0; }
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight:normal}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
a{text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
a:hover{text-decoration:none;}
img{border:0;}
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
textarea{overflow:auto;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.clearfix:after{display: block;content: '';height: 0;clear:both;}
.clearfix{*zoom:1;}
/*浮动清理*/
.cf:before,.cf:after{content:".";display:block;height:0;visibility:hidden}
.cf:after{clear:both}
.cf{zoom:1}
.section{width:100%;background-repeat: no-repeat;background-position: center;}
.section1{height:960px;background-image: url("../image/section-bg-01.jpg");}
.rep{position: relative;height: 100%;width: 1200px;margin:0 auto;}
.section2{height: 1072px;background-image: url("http://www.mmx56.com:81/m/A1/20/other/section-bg-02.html");}
.section3{height: 893px;background-image: url("http://www.mmx56.com:81/m/A1/20/other/section-bg-03.html");}
.section4{height: 810px;background-image: url("http://www.mmx56.com:81/m/A1/20/other/section-bg-04.html");}
.section5{height: 810px;background-image: url("http://www.mmx56.com:81/m/A1/20/other/section-bg-05.html");}
.section6{height: 810px;background-image: url("http://www.mmx56.com:81/m/A1/20/other/section-bg-06.html");}
.server-box{position: absolute;left:272px;top:490px; ;width: 157px;height: 300px;}
.server-flow{position: absolute;left: 0;top:0;width: 152px;height: 202px;background: url("../image/server-flow.png") no-repeat center;animation:rotate 5s linear infinite both;-webkit-animation:rotate 5s linear infinite both;-moz-animation:rotate 5s linear infinite both;-ms-animation:rotate 5s linear infinite both;}
.server-flow1{position: absolute;left: 400px;top:650px;width: 155px;height: 254px;background: url("../image/pack01.png") no-repeat center;transition: 2.0s;}
.server-flow2{position: absolute;left: 580px;top:650px;width: 155px;height: 254px;background: url("../image/pack02.png") no-repeat center;transition: 2.0s;}
.server-flow3{position: absolute;left: 760px;top:650px;width: 155px;height: 254px;background: url("../image/pack03.png") no-repeat center;transition: 2.0s;}
.server-flow4{position: absolute;left: 940px;top:650px;width: 155px;height: 254px;background: url("../image/pack04.png") no-repeat center;transition: 2.0s;}
.server-flow5{position: absolute;left: 1120px;top:650px;width: 155px;height: 254px;background: url("../image/pack05.png") no-repeat center;transition: 2.0s;}
.server-flow6{position: absolute;left: 1300px;top:650px;width: 155px;height: 254px;background: url("../image/pack06.png") no-repeat center;transition: 2.0s;}
.server-flow1:hover{ transform: rotateY(360deg); }
.server-flow2:hover{ transform: rotateY(360deg); }
.server-flow3:hover{ transform: rotateY(360deg); }
.server-flow4:hover{ transform: rotateY(360deg); }
.server-flow5:hover{ transform: rotateY(360deg); }
.server-flow6:hover{ transform: rotateY(360deg); }
.server-text{
	background:#66B3FF;
	position: absolute;
	left:162px;
	top:84px;
	width: 460px;
	height: 68px;
	line-height: 32px;
	text-align: left;
	font-size: 20px;
	color:#FCFCFC ;
	font-family: "微软雅黑";
}
.section-time{position: absolute;top:309px;left: 363px;}
.section-time dl{width: 610px;overflow: hidden;}
.section-time dt{margin-top:20px;margin-right:5px;float: left;width: 82px;height: 24px;line-height: 24px;text-align: center;background-color: #9b8a69;color:#fff;}
.section-time dd{margin-top:20px;float:left;width:523px;font-size: 18px;color:#9b8a69;}
.section-time dd span{display: block;font-size: 12px;}
.box1{position: absolute;left: 58px;top:29px;width: 505px;height: 275px;}
.box1-title{float: left;width:116px;height: 275px;background-color: #f56773;border-radius: 10px;color:#fff; }
.box1-title h3{float: left;padding:18px 6px 18px 18px;width: 50px;text-align: center;font-size: 37px;line-height: 38px;}
.box1-title h4{float: left;width: 20px;text-align: center;font-size: 16px;line-height: 17px;padding-top: 22px;}
.box1-content{float: left;margin-left: 4px;width: 385px;height: 275px;background-color: #f27e86;border-radius: 10px;}
.list{margin:25px 0 0 25px;}
.list li{float: left;margin:4px;width: 104px;height: 104px;background: url("../image/item-bg.png") no-repeat center;position: relative;}
.list li img{position: absolute;left: 18px;top:7px;width: 69px;height: 69px;}
.list li p{position: absolute;left: 0;bottom: 0;width: 100%;height: 30px;line-height: 30px;text-align: center;font-size: 12px;color:#000000;}
.list li span{position: absolute;left: 0;top: 0;z-index: 2;width: 43px;height: 19px;background-repeat: no-repeat;background-position: center;}
.list li span.bd{background-image: url("../image/bd.png");}
.list li span.radom{background-image: url("../image/radom.png");}
.list li span.jx{background-image: url("../image/jx.png");}
.box1-2{left: 637px;}
.box1-2 .box1-title{background-color: #f85e44;}
.box1-2 .box1-content{background-color: #fa8d75;}
.section2-wrong{position: absolute;top:874px;left: 363px;width: 606px;height: 157px;background: url("../image/section2-wrong-bg.png") no-repeat center;}
.section2-wrong .list{position: absolute;left:300px;top:12px;}
.section2-wrong .list li{margin:0 10px;}
.section3-box{position: absolute;left: 0;top:558px;width: 454px;}
.section3-box ul{margin:0;}
.section3-box-2{left: 760px;}
.fly-title{position: absolute;top:50px;}
.fly-before{left:452px;}
.fly-after{left:-100px;}
.section4-content{position: absolute;top:320px;left: 400px;}
.section4-content p{font-size: 18px;color:#9f8969;line-height: 44px;}
.section4-content p span{font-size: 12px;}
.tips{position: absolute;bottom: 105px;left: 260px;width: 680px;height: 40px;line-height: 40px;text-align: center;background-color: #9f8969;font-size: 18px;color:#fff;border-radius: 5px;}
@keyframes rotate{
	0%{transform:rotate(0)}
	100%{transform:rotate(360deg)}
}
@-webkit-keyframes rotate{
	0%{-webkit-transform:rotate(0)}
	100%{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotate{
	0%{-moz-transform:rotate(0)}
	100%{-moz-transform:rotate(360deg)}
}
@-ms-keyframes rotate{
	0%{-ms-transform:rotate(0)}
	100%{-ms-transform:rotate(360deg)}
}