/**
 * 人人站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: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: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-content{width:1200px;margin:0 auto}
.main-content>.info{font-size:13px;color:#878787;text-indent:2em;line-height:25px}
.main-content-child{position:relative}
.main-content-child:after{content:"020";display:block;height:0;clear:both;visibility:hidden}
.main-content-1-left{float:left;width:580px;text-align:center}
.main-content-1-right{float:right;width:600px}
.main-content-1-right .title{font-size:18px;color:#f48321;margin:10px 0}
.main-content-1-right .content{font-size:13px;color:#878787;margin:10px 0}
.main-content-1-right .content span{color:#656565}
.main-content-2{padding:100px 0 50px 0;border-bottom:1px solid #ddd}
.main-content-2-left{float:left;width:660px;text-align:center}
.main-content-2-right{float:right;width:480px}
.main-content-2-right .title{font-size:18px;color:#f48321;margin:10px 0}
.main-content-2-right .content{font-size:13px;color:#878787;margin:10px 0}
.main-content-2-right .content span{color:#656565}
.main-production{width:1200px;margin:0 auto;padding-bottom:45px}
.main-production>img{display:inline-block;vertical-align:middle;margin-right:-3px}
.main-company-strength{width:100%;min-width:1200px;background:#f6f6f6}
.main-company-strength:after{content:"020";display:block;height:0;clear:both;visibility:hidden}
.main-company-strengths{width:1200px;margin:0 auto}
.main-company-child{width:599px;float:left;margin:10px 0}
.main-company-child:after{content:"020";display:block;height:0;clear:both;visibility:hidden}
.main-company-child .left{float:left;text-align:center;width:70px;line-height:110px}
.main-company-child .right{float:right;width:510px;margin-right:15px}
.main-company-child .right .title{font-size:14px;color:#656565;font-weight:700}
.main-company-child .right .content{font-size:13px;color:#878787}
.main-company-child:hover .left img{animation:scaleImg .5s ease-out 0s both;-moz-animation:scaleImg .5s ease-out 0s both;-webkit-animation:scaleImg .5s ease-out 0s both;-o-animation:scaleImg .5s ease-out 0s both}
.main-company-child:hover .right{animation:tranRight .5s ease-out 0s both;-moz-animation:tranRight .5s ease-out 0s both;-webkit-animation:tranRight .5s ease-out 0s both;-o-animation:tranRight .5s ease-out 0s both}
@keyframes tranRight{0%{transform:translateX(0)}
	100%{transform:translateX(20px)}
}
@-moz-keyframes tranRight{0%{-moz-transform:translateX(0)}
	100%{-moz-transform:translateX(20px)}
}
@-webkit-keyframes tranRight{0%{-webkit-transform:translateX(0)}
	100%{-webkit-transform:translateX(20px)}
}
@-o-keyframes tranRight{0%{-o-transform:translateX(0)}
	100%{-o-transform:translateX(20px)}
}
@keyframes scaleImg{0%{transform:scale(1)}
	100%{transform:scale(1.2)}
}
@-moz-keyframes scaleImg{0%{-moz-transform:scale(1)}
	100%{-moz-transform:scale(1.2)}
}
@-webkit-keyframes scaleImg{0%{-webkit-transform:scale(1)}
	100%{-webkit-transform:scale(1.2)}
}
@-o-keyframes scaleImg{0%{-o-transform:scale(1)}
	100%{-o-transform:scale(1.2)}
}
@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{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-content{width:320px}
	.main-content-1-left{float:none;width:300px;margin:0 auto}
	.main-content-1-left>img{width:100%}
	.main-content-1-right{float:none;width:320px;margin:0 auto}
	.main-content-2{padding:50px 0 20px 0}
	.main-content-2-left{float:none;width:320px;margin:0 auto}
	.main-content-2-left>img{width:100%}
	.main-content-2-right{float:none;width:320px;margin:0 auto}
	.main-content-2-right img{width:100%}
	.main-production{width:320px;margin:0 auto;padding-bottom:20px}
	.main-production>img{width:33%}
	.main-company-strength{width:100%;min-width:320px;background:#f6f6f6}
	.main-company-strengths{width:320px}
	.main-company-child{width:320px}
	.main-company-child .left{width:70px}
	.main-company-child .right{float:right;width:250px;margin:0}
}
@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:100px}
	.main-nav ul{padding:20px 0 0 0;width:255px}
	.main-nav .nav-btn{margin:0 15px;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-content{width:480px}
	.main-content-1-left{float:none;width:480px;margin:0 auto}
	.main-content-1-left>img{width:100%}
	.main-content-1-right{float:none;width:480px;margin:0 auto}
	.main-content-2-left{float:none;width:480px;margin:0 auto}
	.main-content-2-left>img{width:100%}
	.main-content-2-right{float:none;width:480px;margin:0 auto}
	.main-production{width:480px;margin:0 auto;padding-bottom:45px}
	.main-production>img{width:33%}
	.main-company-strength{width:100%;min-width:480px;background:#f6f6f6}
	.main-company-strengths{width:480px}
	.main-company-child{width:480px}
	.main-company-child .left{width:70px}
	.main-company-child .right{float:right;width:410px;margin:0}
}
@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:150px}
	.main-nav ul{padding:20px 0 0 0}
	.main{min-width:640px}
	.main-title{min-width:640px;height:80px;line-height:80px}
	.main-content{width:640px}
	.main-content-1-left{float:none;width:580px;margin:0 auto}
	.main-content-1-right{float:none;width:640px;margin:0 auto}
	.main-content-2-left{float:none;width:640px;margin:0 auto}
	.main-content-2-left>img{width:100%}
	.main-content-2-right{float:none;width:480px;margin:0 auto}
	.main-production{width:640px;margin:0 auto;padding-bottom:45px}
	.main-production>img{width:33%}
	.main-company-strength{width:100%;min-width:640px;background:#f6f6f6}
	.main-company-strengths{width:640px}
	.main-company-child{width:600px}
	.main-company-child .left{width:70px}
	.main-company-child .right{float:right;width:520px;margin:0}
}
@media (min-width:1024px) and (max-width:1199px){.banner{min-width:1024px}
	.banner>img{width:100%;max-width:1199px}
	.main-nav{min-width:1024px}
	.main{min-width:1024px}
	.main-title{min-width:1024px}
	.main-content{width:1024px}
	.main-content-1-left{float:none;width:580px;margin:0 auto}
	.main-content-1-right{float:none;width:1000px;margin:0 auto}
	.main-content-2-left{float:none;width:660px;margin:0 auto}
	.main-content-2-right{float:none;width:480px;margin:0 auto}
	.main-production{width:1024px;margin:0 auto;padding-bottom:45px}
	.main-production>img{width:33%}
	.main-company-strength{width:100%;min-width:1024px;background:#f6f6f6}
	.main-company-strengths{width:1024px}
	.main-company-child{width:500px}
	.main-company-child .left{width:70px}
	.main-company-child .right{float:right;width:420px;margin:0}
}