﻿/**
 * 人人站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}
.wapBanner{display:none}
.main-nav{position:relative;width:100%;min-width:1200px;height:200px}
.main-nav ul{margin:0 auto;padding:80px 0 0 0;width:900px}
.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:1000px;height:auto;margin:auto}
.main:after{clear:both}
.main-title{position:relative;width:100%;min-width:1200px;height:160px;line-height:160px;text-align:center}
.main-title span{vertical-align:middle}
.main-title span:nth-child(1){font-family:Arial,Helvetica,sans-serif;font-size:30px;color:#e78127}
.main-title span:nth-child(2){font-size:22px;color:#333;font-weight:700}
.main-center{position:relative;width:1000px;height:1850px;margin:0 auto}
.main-center-info{position:absolute;width:1000px;height:1850px;top:0;left:50%;margin-left:-500px}
.main-center-info>img{position:absolute}
.main-center-info>img:nth-child(1){top:52px;right:50%;margin-right:30px}
.main-center-info>img:nth-child(2){top:258px;left:50%;margin-left:30px}
.main-center-info>img:nth-child(3){top:525px;right:50%;margin-right:30px}
.main-center-info>img:nth-child(4){top:721px;left:50%;margin-left:30px}
.main-center-info>img:nth-child(5){top:1006px;right:50%;margin-right:30px}
.main-center-info>img:nth-child(6){top:1114px;left:50%;margin-left:30px}
.main-center-info>img:nth-child(7){top:1486px;right:50%;margin-right:30px}
.main-center-index{position:relative;margin:0 auto;width:62px;height:1434px;background:url(../img/index_bg.png) repeat-y center center}
.main-center-index img{position:absolute;top:0;left:0;cursor:pointer}
.main-center-index img:nth-child(1){top:-1px;left:0}
.main-center-index img:nth-child(2){top:331px;left:0}
.main-center-index img:nth-child(3){top:476px;left:0}
.main-center-index img:nth-child(4){top:788px;left:0}
.main-center-index img:nth-child(5){top:961px;left:0}
.main-center-index img:nth-child(6){top:1187px;left:0}
.main-center-index img:nth-child(7){top:1434px;left:0}
.child-info{display:none}
@media (min-width:240px) and (max-width:319px){.banner{min-width:240px}
	.banner>img{width:100%;min-width:240px}
	.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}
	.main{min-width:240px}
	.main-title{min-width:240px;height:30px;line-height:30px}
	.main-title span:nth-child(1){font-size:14px}
	.main-title span:nth-child(2){font-size:14px}
}
@media (min-width:320px) and (max-width:479px){.banner{min-width:320px}
	.banner>img{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:320px}
	.main-nav .nav-btn{margin:0 1px;width:60px;height:60px;line-height:60px;border-radius:60px;font-size:12px}
	.main{min-width:320px}
	.main-title{min-width:320px;height:40px;line-height:40px}
	.main-title span:nth-child(1){font-size:18px}
	.main-title span:nth-child(2){font-size:18px}
	.main-center{width:320px;height:1300px}
	.main-center-info{width:320px;height:1300px;top:0;left:50%;margin-left:-160px}
	.main-center-info>img{display:none}
	.main-center-index{position:absolute;top:0;left:0;height:1150px}
	.main-center-index img{position:absolute;top:0;left:0;cursor:pointer}
	.main-center-index img:nth-child(1){top:-1px;left:0}
	.main-center-index img:nth-child(2){top:210px;left:0}
	.main-center-index img:nth-child(3){top:320px;left:0}
	.main-center-index img:nth-child(4){top:530px;left:0}
	.main-center-index img:nth-child(5){top:720px;left:0}
	.main-center-index img:nth-child(6){top:890px;left:0}
	.main-center-index img:nth-child(7){top:1120px;left:0}
	.child-info{position:absolute;left:70px;padding:8px;border:1px solid #ddd;background:#f2f2f2;width:220px;display:block}
	.child-info .childTitle{font-size:14px;color:#656565;margin:0;padding:0;line-height:20px}
	.child-info .childTitle font{font-size:14px;color:#f48321;font-weight:700}
	.child-info .childInfo{font-size:12px;color:#656565;margin:0;padding:0;line-height:20px}
	.child-info1{top:-1px}
	.child-info2{top:210px}
	.child-info3{top:320px}
	.child-info4{top:530px}
	.child-info5{top:720px}
	.child-info6{top:890px}
	.child-info7{top:1120px}
}
@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:112px}
	.main-nav ul{padding:16px 0 0 0;width:480px}
	.main-nav .nav-btn{margin:0 2px;width:90px;height:90px;line-height:90px;border-radius:90px;font-size:14px}
	.main{min-width:480px}
	.main-title{min-width:480px;height:60px;line-height:60px}
	.main-title span:nth-child(1){font-size:20px}
	.main-title span:nth-child(2){font-size:20px}
	.main-center{width:480px;height:1550px}
	.main-center-info{width:480px;height:1550px;top:0;left:50%;margin-left:-240px}
	.main-center-info>img{display:none}
	.main-center-index{position:absolute;top:0;left:0;height:1400px}
	.main-center-index img{position:absolute;top:0;left:0;cursor:pointer}
	.main-center-index img:nth-child(1){top:-1px;left:0}
	.main-center-index img:nth-child(2){top:210px;left:0}
	.main-center-index img:nth-child(3){top:320px;left:0}
	.main-center-index img:nth-child(4){top:530px;left:0}
	.main-center-index img:nth-child(5){top:720px;left:0}
	.main-center-index img:nth-child(6){top:890px;left:0}
	.main-center-index img:nth-child(7){top:1120px;left:0}
	.child-info{position:absolute;left:80px;padding:18px;border:1px solid #ddd;background:#f2f2f2;width:330px;display:block}
	.child-info .childTitle{font-size:16px;color:#656565;margin:0;padding:0;line-height:25px}
	.child-info .childTitle font{font-size:16px;color:#f48321;font-weight:700}
	.child-info .childInfo{font-size:14px;color:#656565;margin:0;padding:0;line-height:25px}
	.child-info1{top:-1px}
	.child-info2{top:260px}
	.child-info3{top:420px}
	.child-info4{top:660px}
	.child-info5{top:870px}
	.child-info6{top:1080px}
	.child-info7{top:1360px}
}
@media (min-width:640px) and (max-width:1023px){.banner{min-width:640px}
	.banner>img{min-width:640px}
	.pcBanner{display:none}
	.wapBanner{display:block}
	.main-nav{min-width:640px;height:150px}
	.main-nav ul{margin:0 auto;padding:20px 0 0 0;width:640px}
	.main-nav .nav-btn{width:120px;height:120px;line-height:120px;border-radius:120px;margin:0 4px}
	.main{min-width:640px}
	.main-title{min-width:640px;height:90px;line-height:90px}
	.main-center{width:640px;height:1250px}
	.main-center-info{width:640px;height:1250px;top:0;left:50%;margin-left:-320px}
	.main-center-info>img{display:none}
	.main-center-index{position:absolute;height:1100px;top:0;left:0}
	.main-center-index img{position:absolute;top:0;left:0;cursor:pointer}
	.main-center-index img:nth-child(1){top:-1px;left:0}
	.main-center-index img:nth-child(2){top:190px;left:0}
	.main-center-index img:nth-child(3){top:325px;left:0}
	.main-center-index img:nth-child(4){top:510px;left:0}
	.main-center-index img:nth-child(5){top:700px;left:0}
	.main-center-index img:nth-child(6){top:860px;left:0}
	.main-center-index img:nth-child(7){top:1080px;left:0}
	.child-info{position:absolute;left:90px;padding:15px;border:1px solid #ddd;background:#f2f2f2;width:495px;display:block}
	.child-info .childTitle{font-size:14px;color:#656565;margin:0;padding:0;line-height:25px}
	.child-info .childTitle font{font-size:14px;color:#f48321;font-weight:700}
	.child-info .childInfo{font-size:14px;color:#656565;margin:0;padding:0;line-height:25px}
	.child-info1{top:-1px}
	.child-info2{top:190px}
	.child-info3{top:325px}
	.child-info4{top:510px}
	.child-info5{top:700px}
	.child-info6{top:860px}
	.child-info7{top:1080px}
}
@media (min-width:1024px) and (max-width:1199px){.banner{min-width:1024px}
	.banner>img{width:100%}
	.main-nav{position:relative;width:100%;min-width:1024px;height:200px}
	.main{min-width:1024px}
	.main-title{min-width:1024px}
}
