html,body {overflow-x: hidden;}
body {background: #EFF4F7; font-family: "微软雅黑"; color: #666; }
a{color: #333}
.wp{width: 980px; margin: 0 auto; position: relative;}

h1 {font-size: 36px; font-weight: normal;}
p{font-size: 20px; line-height: 1.6em}

.page {height: 1000px; border-top: 1px solid #ccc; background: #eee;}
.p0{height: 690px;} 
.banner ,.banner li {height: 690px;width: 100%;}
.banner { position: relative;}
.banner .hd a  { display: inline-block; width: 62px; height: 79px; background: url(../images/prev.png) no-repeat; position: absolute; top: 260px; z-index: 888}
.banner .hd a.prev { left: 20px;}
.banner .hd a.next {right: 20px; background-image: url(../images/next.png);}

.page .wp{padding-top: 40px;}
.page .img {position: relative;}

.p1 {text-align: center; background: #F7F7F7; height: 900px}

.p2 {background: #EFF4F7; }

.p3 {background: #F3FCF7; height: 800px}

.p4 {background: #F9F8F6 ; height: 1300px;}

.p5{background: #FFFFFF ; height: 800px}
.p5 img {float: left;}
.p5 .txt {text-align: center; margin-bottom: 30px;}

.p6{background: #fff; height: 900px}

#hd {width: 100%; height: 150px; background: #fff; border-bottom: 1px solid #ddd;}
#hd .top{ padding-top: 8px;}
#hd .top a { display: inline-block; margin: 0 10px;}
#hd .l{width: 230px; padding-top: 5px;}
#hd .r{width: 700px;}
#hd .r{padding-top: 50px;}
#hd ul {padding-left: 30px;font-family: "微软雅黑";}
#hd li {float: left; font-size: 22px; padding: 0 20px;}
#hd li a:hover {color: #65C9FF;} 

#fd {background: #666; color: #eee; text-align: center;}
#fd a {color: #eee}
#fd .lk {padding: 40px 0; font-size: 18px;}
#fd .lk a {display: inline-block; margin: 0 30px;}
#fd .cp  { padding: 20px 0;}
#fd .cp p{font-size: 12px;}
#fd .cp .b{font-size: 18px;}

#sidenav {width: 30px; position: fixed; right: 5px; top: 30%; z-index: 999;}
#sidenav li {width: 30px;height: 30px; margin-bottom: 5px;}
#sidenav li a{width: 30px; height: 0px; display: inline-block; padding-top: 30px; background: url(../images/o.png) no-repeat;}
#sidenav li.on a {background-position:right 0 ;}

.tit { text-align: center; margin-bottom: 30px;}
.tit span {display: inline-block; background: url(../images/i1.jpg) no-repeat left center; padding-left: 40px; color:#1DB1FF }
.i2 span{color:#05C140; background-image: url(../images/i2.jpg);}
.i3 span{color:#F4B301; background-image: url(../images/i3.jpg);}

.p1 .txt { margin-bottom: 30px;}
.p2 p{ width: 400px; display: block;}
.p2 img { position: absolute;}
.p2 .img1 {right: 0; top: 100px;}
.p2 .img2 { top: 450px; left: 120px}

.p3 img {position: absolute; top:0; left: 120px;}

.p4 img { position: absolute;}
.p4 .txt { height: 210px}
.p4 .img1 { top: 0; left: 90px;}
.p4 .img2 { top: 0; left: 400px;}
.p4 .img3 { top: 500px; left: 0px;}
.p4 .img4 { top: 500px; left: 550px;}

.p5 .txt {padding: 40px;}

.p6 .img {height: 700px}
.p6 .img img {left: 0; top: 0}
.p6 .btn a:hover {opacity: 0.8}

/*下载*/

.down-box {padding: 30px; overflow: hidden; background: #fff; margin-top: 10px;}
.down-box .wp {width: 820px;}
.down-box h1 {font-size: 50px; text-align: center; padding: 40px; color: #000}
.down-box .btn {padding-top: 20px;}
.down-box .btn a{ width: 320px; line-height: 82px; height: 82px; font-size: 30px; 
	text-align: center; display: inline-block; margin: 20px;color: #fff;
	border-radius: 5px;
}
.down-box .btn a{display: inline-block; height: 82px; width: 320px; 
	background: url(../images/io1.png) no-repeat left center;}
.down-box .btn a.io2{ background-image: url(../images/io2.png);}
.down-box .btn a.io3{ background-image: url(../images/io3.png);}
.down-box .btn a:hover{ background-color: #333;}

@media screen and (max-width: 40em) {
    .down-box {padding: 35px 10px;}
    .wp,.down-box .wp { width: auto; padding: 0 10px;}

	#hd {padding: 4px; height: auto; overflow: hidden;}
    #hd .l,#hd .r,#hd ul,#hd ul li {width: auto; padding: 0; margin: 0; font-size: 12px; }
	#hd img {width: 100px;}
	#hd ul {padding-top: 10px;}
	#hd ul li { font-size: 15px; padding: 0 6px;}
	#fd .lk {font-size: 12px; padding: 5px 0; padding-top: 15px;}
	#fd .lk a {margin: 0 5px;}
	#fd .cp { padding: 0 0 15px 0}
	.down-box .pic{
		display: none;
	}
	.down-box .btn a { display: block; margin:10px 0; width: auto}

	
	.down-box h1 { padding: 0; font-size: 30px;}



}