/**
 * 人人站CMS
 * ============================================================================
 * 版权所有 2015-2030 山东康程信息科技有限公司，并保留所有权利。
 * 网站地址: http://www.rrzcms.com
 * ----------------------------------------------------------------------------
 * 如果商业用途务必到官方购买正版授权, 以免引起不必要的法律纠纷.
 * ============================================================================
 */
.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:0 auto;overflow:hidden;max-height:550px}
.banner .bg{width:100%}
.banner-img{position:absolute;top:0;width:100%;height:auto;min-width:1200px}
.banner-img img{position:absolute;top:0;left:0;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:.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:0 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:#333;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:0 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:0}
.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:#333;font-weight:700}
.main-child{height:auto;width:100%;min-width:1200px}
.main-child .center{width:1200px;height:auto;margin:0 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 0 40px 0}
.centerInfo .more{width:125px;height:40px;background:url(../img/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;-moz-transition-duration:1s;-webkit-transition-property:all;-webkit-transition-duration:1s;-o-transition-property:all;-o-transition-duration:1s}
.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:0 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:0 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:0 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}
}