.banner{position:relative;width:100%;min-width:1200px;height:auto;margin:auto;text-align:center;overflow:hidden;}
.banner>img{width:100%;max-width:1900px;}

.banner{position:relative;min-width:1200px;margin:0px auto;overflow:hidden;max-height:392px;}
.banner .bg{width:100%;}
.banner-img{position:absolute;top:0px;width:100%;height:auto;min-width:1200px;}
.banner-img img{position:absolute;top:0px;left:0px;width:100%;}

.banner-btn{position:absolute;bottom:16px;text-align:center;width:100%;height:10px;}
.banner-btn>img{cursor:pointer;margin:0 3px;}
.banner .btn{position:absolute;top:50%;margin-top:-53px;cursor:pointer;opacity:0.4;}
.banner .btn:hover{opacity:1;}
.banner .pre-btn{left:6%;}
.banner .next-btn{right:6%;}


.wapBanner{display:none;}
.pcBanner{display:block;}

.main-nav{position:relative;width:100%;min-width:1200px;height:300px;}
.main-nav ul{margin:0px auto;padding:80px 0 0 0;width:340px;}
.main-nav .nav-btn{float:left;width:120px;height:120px;line-height:120px;text-align:center;border-radius:120px;background:#f2f2f2;color:#333333;margin:0 25px;cursor:pointer;}
.main-nav .nav-btn:hover{background:#f58421;color:#fff;}
.main-nav .nav-btn-on{background:#f58421;color:#fff;}

.main{position:relative;width:100%;min-width:1200px;height:auto;margin:0px auto;}
.main:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.main-title{position:relative;width:100%;height:130px;line-height:130px;text-align:left;margin:0px;}
.main-title font{vertical-align:middle;}
.main-title font:nth-child(1){font-family:Arial, Helvetica, sans-serif;font-size:30px;color:#E78127;}
.main-title font:nth-child(2){font-size:22px;color:#333333; font-weight:bold;}
.main-child{height:auto;width:100%;min-width:1200px;}
.main-child .center{width:1200px;height:auto;margin:0px auto;}
.main-child:nth-child(odd){background:#f0f0f0;}
.main-child:nth-child(even){background:#fff;}
.main-child .center:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.main-child .center .left{float:left;}
.main-child .center .right{float:right;}
.centerInfo{width:750px;}
.centerImg{width:400px;}
.centerInfo .info{font-size:13px;line-height:25px;color:#878787;margin:10px 0px 40px 0px;}
.centerInfo .more{width:125px;height:40px;background:url(../images/more.png) no-repeat center center;color:#fff;text-align:center;line-height:40px;font-size:15px;cursor:pointer;margin-bottom:50px;}

.float{position:fixed;top:45%;left:-130px;z-index:5;}
.float>div{font-size:16px;color:#fff;text-align:center;width:180px;height:45px;line-height:45px;background:#A9A9A9;border-bottom:1px solid #fff;cursor:pointer;
transition-property: all;
transition-duration: 1s;
-moz-transition-property: all; /* Firefox 4 */
-moz-transition-duration: 1s; /* Firefox 4 */
-webkit-transition-property: all; /* Safari and Chrome */
-webkit-transition-duration: 1s; /* Safari and Chrome */
-o-transition-property: all; /* Opera */
-o-transition-duration: 1s; /* Opera */}
.float>div.float-on{background:#F58321;}
.float>div:hover{background:#F58321;
transform:translateX(130px);
-webkit-transform:translateX(130px);
-ms-transform:translateX(130px);
-o-transform:translateX(130px);
-moz-transform:translateX(130px);
}
@media (min-width: 240px) and (max-width: 319px) {
	.banner{min-width:240px;}
	.banner>img{width:100%;}
	.pcBanner{display:none;}
	.wapBanner{display:block;}
	.main-nav{min-width:240px;height:56px;}
	.main-nav ul{padding:8px 0 0 0;width:240px;}
	.main-nav .nav-btn{margin:0px 1px;width:45px;height:45px;line-height:45px;border-radius:45px;font-size:10px;}
}
@media (min-width: 320px) and (max-width: 479px) {
	.banner{min-width:320px;}
	.pcBanner{display:none;}
	.wapBanner{display:block;}
	.main-nav{min-width:320px;height:75px;}
	.main-nav ul{padding:10px 0 0 0;width:170px;}
	.main-nav .nav-btn{margin:0px 10px;width:60px;height:60px;line-height:60px;border-radius:60px;font-size:12px;}
	
	.main{min-width:320px;}
	.main-title{height:60px;line-height:60px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.main-title font:nth-child(1){font-size:18px;}
	.main-title font:nth-child(2){font-size:14px;}
	
	.main-child{min-width:320px;}
	.main-child .center{width:320px;}

	.main-child .center .left{float:none;}
	.main-child .center .right{float:none;}
	.centerInfo{width:320px;}
	.centerImg{display:none;}
	
	.float{display:none;}
	
}
@media (min-width: 480px) and (max-width: 639px) {
	.banner{min-width:480px;}
	.banner>img{width:100%;}
	.pcBanner{display:none;}
	.wapBanner{display:block;}
	.main-nav{min-width:480px;height:150px;}
	.main-nav ul{padding:20px 0 0 0;width:255px;}
	.main-nav .nav-btn{margin:0px 10px;width:90px;height:90px;line-height:90px;border-radius:90px;font-size:14px;}
	
	.main{min-width:480px;}
	.main-title{height:60px;line-height:60px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.main-title font:nth-child(1){font-size:24px;}
	.main-title font:nth-child(2){font-size:18px;}
	
	.main-child{min-width:480px;}
	.main-child .center{width:480px;}

	.main-child .center .left{float:none;}
	.main-child .center .right{float:none;}
	.centerInfo{width:480px;}
	.centerImg{display:none;}
	
	.float{display:none;}
	
}
@media (min-width: 640px) and (max-width:1023px ) {
	.banner{min-width:640px;}
	.banner>img{width:100%;}
	.pcBanner{display:none;}
	.wapBanner{display:block;}
	.main-nav{min-width:640px;height:200px;}
	.main-nav ul{padding:20px 0 0 0;}
	
	.main{min-width:640px;}
	.main-title{height:60px;line-height:60px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.main-title font:nth-child(1){font-size:24px;}
	.main-title font:nth-child(2){font-size:18px;}
	
	.main-child{min-width:640px;}
	.main-child .center{width:640px;}

	.main-child .center .left{float:none;}
	.main-child .center .right{float:none;}
	.centerInfo{width:640px;}
	.centerImg{display:none;}
	
	.float{display:none;}
	
}
@media (min-width: 1024px) and (max-width:1199px ) {
	.banner{min-width:1024px;}
	.banner>img{width:100%;max-width:1199px;}
	
	.main-nav{min-width:1024px;height:300px;}
	.main{min-width:1024px;}
	
	.main-child{min-width:1024px;}
	.main-child .center{width:1024px;}
	.centerInfo{width:600px;}
	.centerImg{width:400px;}

	
	
}