/*电脑端*/	

@media only screen and (max-width: 1600px) {
	
/*解决方案*/
.index_program{margin: 0 auto; width: 96%;}
.category{text-align: center; position: absolute; right:3%;}
.category ul{overflow: hidden;margin-top:13px;display: inline-block;}
.category ul li{float: left;display: inline-block; background: #f0f0f0; color: #8a8a8a;font-size:18px; margin-left: 10px; padding:15px 15px; text-align: center;position: relative; cursor: pointer;}
.category ul li i{display: block; font-size:3rem;}
.category ul li:after{content: '';height: 50%; position: absolute; right: 0; top: 25%;}
.category ul li:last-child:after{border-left: none;}
.category ul li:hover{background: #009241; color: #fff;}
.category ul li.active{background:#009241;color: #fff;}
.category ul li.active:after{border-left: none;}
.content{width: 100%;height: auto; margin-top: 60px;display: none;}
.content.active{display: block;}
.content .imgs{ float:left; display: block;}
	
/*关于*/
.index_about_bg{margin: 60px auto; width: 100%; background: url(../images/index_bg.jpg) center no-repeat;  padding:2rem 0;}
.index_about{margin: 0 auto; width: 90%; padding-top: 20px;}
.index_about h2{display: block; line-height:40px; color: #333; font-size:16px; padding-bottom:70px;}
.about-number-info {margin: 0 auto; width:90%; padding-bottom: 80px;}
.about-number-info .about-number-inner {width: 100%;margin: 0 auto;}
.about-number-info ul {padding:20px 0;}
.q {zoom: 1; }
.about-number-info li {float: left; border-left: solid 1px #b5b5b5; padding: 0 5.5%;}
.about-number-info li:first-child {margin-left:0; border-left:none;}
	
.footer li{display: block; float:left; margin-left:2%;}
}
   

@media only screen and (max-width: 1440px) {
	
.logo{float: left;margin-left:1%;margin-top:15px;width:265px;height:60px;overflow: hidden;}
.tel-r{float:right; padding-left:43px; background: url(../images/tel.png) no-repeat left 30px;font-size:30px;margin-right:1%;color: #009241; font-family: impact;}
	
/*解决方案*/
.index_program{margin: 0 auto; width: 98%;}
.category{text-align: center; position: absolute; right:3%;}
.category ul{overflow: hidden;margin-top:13px;display: inline-block;}
.category ul li{float: left;display: inline-block; background: #f0f0f0; color: #8a8a8a;font-size:18px; margin-left: 10px; padding:15px 20px; text-align: center;position: relative; cursor: pointer;}
.category ul li i{display: block; font-size:3rem;}
.category ul li:after{content: '';height: 50%; position: absolute; right: 0; top: 25%;}
.category ul li:last-child:after{border-left: none;}
.category ul li:hover{background: #009241; color: #fff;}
.category ul li.active{background:#009241;color: #fff;}
.category ul li.active:after{border-left: none;}
.content{width: 100%;height: auto; margin-top: 60px;display: none;}
.content.active{display: block;}
.content .imgs{ float:left; display: block; width: 55%;}


/*关于*/
.index_about_bg{margin: 60px auto; width: 100%; background: url(../images/index_bg.jpg) center no-repeat;  padding:2rem 0;}
.index_about{margin: 0 auto; width: 98%; padding-top: 20px;}
.index_about h2{display: block; line-height:40px; color: #333; font-size:16px; padding-bottom:70px;}
.about-number-info {margin: 0 auto; width:98%; padding-bottom: 80px;}
.about-number-info .about-number-inner {width: 100%;margin: 0 auto;}
.about-number-info ul {padding:20px 0;}
.q {zoom: 1; }
.about-number-info li {float: left; border-left: solid 1px #b5b5b5; padding: 0 5.5%;}
.about-number-info li:first-child {margin-left:0; border-left:none;}

.footer li{display: block; float:left; margin-left:0.5%;}
	
}

@media only screen and (max-width: 1360px) {
	
/*解决方案*/
.index_program{margin: 0 auto; width: 98%;}
.category{text-align: center; position: absolute; right:3%;}
.category ul{overflow: hidden;margin-top:13px;display: inline-block;}
.category ul li{float: left;display: inline-block; background: #f0f0f0; color: #8a8a8a;font-size:18px; margin-left: 10px; padding:15px 20px; text-align: center;position: relative; cursor: pointer;}
.category ul li i{display: block; font-size:3rem;}
.category ul li:after{content: '';height: 50%; position: absolute; right: 0; top: 25%;}
.category ul li:last-child:after{border-left: none;}
.category ul li:hover{background: #009241; color: #fff;}
.category ul li.active{background:#009241;color: #fff;}
.category ul li.active:after{border-left: none;}
.content{width: 100%;height: auto; margin-top: 60px;display: none;}
.content.active{display: block;}
.content .imgs{ float:left; display: block; width: 55%;}


/*关于*/
.index_about_bg{margin: 60px auto; width: 100%; background: url(../images/index_bg.jpg) center no-repeat;  padding:2rem 0;}
.index_about{margin: 0 auto; width: 98%; padding-top: 20px;}
.index_about h2{display: block; line-height:40px; color: #333; font-size:16px; padding-bottom:70px;}
.about-number-info {margin: 0 auto; width:90%; padding-bottom: 80px;}
.about-number-info .about-number-inner {width: 100%;margin: 0 auto;}
.about-number-info ul {padding:20px 0;}
.q {zoom: 1; }
.about-number-info li {float: left; border-left: solid 1px #b5b5b5; padding: 0 5.5%;}
.about-number-info li:first-child {margin-left:0; border-left:none;}
.footer{margin: 0 auto; width: 98%;}
.footer li{display: block; float:left; margin-left:0.5%;}
	
}


@media only screen and (max-width:1280px) {
.logo{float: left;margin-left:0.5%;margin-top:15px;width:265px;height:60px;overflow: hidden;}
.tel-r{float:right; padding-left:43px; background: url(../images/tel.png) no-repeat left 30px;font-size:30px;margin-right:0.5%;color: #009241; font-family: impact;}
.nav li{margin:0 15px;float: left;}
.index_Products{margin: 0 auto; width: 98%; margin-top: 50px;}
.index_case{margin: 30px auto; width: 98%;}
.index_news{margin:0 auto; width:98%; padding:3rem 0;}
.footer{margin: 0 auto; width:100%;}
.footer li{display: block; float:left; margin-left:0.5%;}	
}


@media only screen and (max-width:1024px) {
.nav-bg{background-color: #fff;box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3); height:90px;line-height:normal;}
.inside .nav-bg{background-color: #fff;}
.nav-bg .head-bg{position: static;}
.menuBtn{display: block; z-index:99999;}
.logo{display: none;}
.mo-logo{display: block;}
.nav{overflow-y:scroll;display: none;position: fixed; top:90px; left: 0;width:100%;text-align: left;background-color: #f2f2f2;}
.nav li{clear: both;line-height: 48px;padding-left:10px;margin: 0;float: none; }
.nav li a{color:#212121;}
.nav li a:hover{color:#009241;}
.nav li em{display: inline-block;}
.nav li .head{position: static;background-color: #fff;height: auto;margin-left:0px;}
.nav dd{background-color: #fff;}
.nav dd:hover{color:#EE9713;}
.navhover a{color:#009241 !important; background: url(../images/mune_blue.png) center 30px no-repeat; padding-bottom:18px;}
.tel-r{background: url(../images/tel.png) center no-repeat; position: relative; top:20px; right: 0px; display: block; padding-left: 0px;}
.tel-r a{display: block; width:33px; height:33px;background-size:68%;}
.tel-r span{display: none;}
.en{display: block; margin-right:10px; position: relative; top:13px;}
	
/*解决方案*/
.index_program{margin: 0 auto; width: 98%;}
.category{text-align: center; position: absolute; right:3%;}
.category ul{overflow: hidden;margin-top:13px;display: inline-block;}
.category ul li{float: left;display: inline-block; background: #f0f0f0; color: #8a8a8a;font-size:18px; margin-left: 10px; padding:15px 15px; text-align: center;position: relative; cursor: pointer;}
.category ul li i{display: block; font-size:3rem;}
.category ul li:after{content: '';height: 50%; position: absolute; right: 0; top: 25%;}
.category ul li:last-child:after{border-left: none;}
.category ul li:hover{background: #009241; color: #fff;}
.category ul li.active{background:#009241;color: #fff;}
.category ul li.active:after{border-left: none;}
.content{width: 100%;height: auto; margin-top: 60px;display: none;}
.content.active{display: block;}
.content .imgs{ float:left; display: block; width:47%;}
.content .r_contact{float: right; margin-top:13%;}
.content .r_contact h1{display: block; text-align: right; font-size:25px; font-weight: normal;}
.content .r_contact p{display: block; text-align:right; line-height:25px; margin-top: 15px; color: #8a8a8a;}
.content .r_contact span{display: block; margin-top:20px; text-align: right;}
.content .r_contact span a{display: inline-block;color: #fff; background: #009241; padding: 10px 20px;font-size:16px;}
.content .r_contact span a:hover{background: #f73;color: #fff;}
.index_about_bg{margin: 60px auto; width: 100%; background: url(../images/index_bg.jpg) center;  padding:2rem 0;}
.index_about{margin: 0 auto; width:98%; padding-top: 20px;}
.about-number-info {margin: 0 auto; width:100%; padding-bottom: 80px;}
.about-number-info li {float: left; border-left: solid 1px #b5b5b5; padding: 0 3.5%;}
.foot_bg{margin: 0 auto; width: 100%;background:#009241; padding-top:20px;}
.footer{margin: 0 auto; width: 96%;}
.footer li{display: block; width: 100%;}
.footer li img {display: block; margin: 0 auto;}
.footer li:first-child{margin-left: 0px;}
.footer li h1{color: #fff; display: block; font-size:20px; font-weight: normal; background: url(../images/t_line.jpg) left bottom no-repeat; padding-bottom: 8px; margin-bottom: 10px;display: none;}
.footer li a{display: block; color: #fff; line-height: 35px;display: none;}
.footer li a:hover{color:#FFFF00;}
.footer li span{display: block; color: #fff; line-height: 30px; text-align: center;}
.copyright{display: block; width: 100%; background: url(../images/x_lin.jpg) top repeat-x; color: #fff; padding-top: 10px; line-height:35px; margin-top: 30px; text-align: center;}
.copyright a{color: #fff;}
.copyright a:hover{color:#FFFF00;}
.fl{ float: none;}
.fr{float: none;}
}



/*手机端*/	
@media only screen and (max-width:960px) {
img{max-width: 100%;}
.container{margin: 0 auto ;width:100%;}
.nav-x {background:#fff;width:100%;position:relative; margin: 0 auto;}
.nav-x li a {font-size:16px;height:50px;line-height:50px;color:#6e6e6e;text-align:center;display:block; padding: 0 10px;}
.col-2 { display: block; padding: 0;}
.article .padding-large{padding:10px;}
.x1 {width:95%}
.x4 {width:100%;}
.x6 {width:100%;}
.x7 {width:48%; margin: 0 0.5%;}
.x5 {width:99%;}	
.list_news_bg .list_news {margin-bottom:30px; padding-bottom: 20px;}
.list_news_bg .list_news .time{margin-top:20px;padding:15px 0 10px 0;border-right:none;}
.list_news .time .text-large{font-size:52px;line-height:54px;}
.list_news .hidden-l{line-height: 30px;}
.list_news_bg .list_news .news {margin-top:10px;margin-left:10px;margin-right:10px}
.list_news .news h3 a{display:block;font-size:24px;color:#333;margin-bottom:20px}
.list_news_bg .list_news .button{ display: block; margin: 0 auto;margin-top:10px;width:70px;line-height:30px;font-size:24px;border:1px solid #ebebeb;}
.list_news_bg .list_news:hover .button{background:#009241;color:#fff;border:1px solid #009241}
.list_news_bg .list_news:hover h3 a{color:#009241}
.list_news_bg .margin-top {margin-top:10px}
.product-list .padding-large{padding:10px}
.view_products .pro_container{margin:0 auto;width:96%;}
.product-description .padding-large{padding:0px 0 0 0px}
.pro_article h1{font-size:22px;font-weight:normal; display: block; padding-bottom:10px; margin-top: 20px;}
	
/*内页广告*/
.channel-banner{margin: 0 auto ;width: 100%; padding-top:80px;}
.channel-banner img{display: block; width: 100%;}
	
/*首页导航*/		
.nav-bg{background-color: #fff;box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.3); height:80px;line-height:normal;}
.inside .nav-bg{background-color: #fff;}
.nav-bg .head-bg{position: static;}
.menuBtn{display: block; z-index:99999;}
.mo-logo{display: block;}
.tel-r{background: url(../images/tel.png) center no-repeat; position: relative; top:20px; right: 0px; display: block; padding-left: 0px;}
.tel-r a{display: block; width:33px; height:33px;background-size:68%;}
.tel-r span{display: none;}
.en{display: block; margin-right:10px; position: relative; top:13px;}
.nav{overflow-y:scroll;display: none;position: fixed; top:80px; left: 0;width:100%;text-align: left;background-color: #f2f2f2;}
.nav li{clear: both;line-height: 48px;padding-left:10px;margin: 0;float: none; }
.nav li a{color:#212121;}
.nav li a:hover{color:#009241;}
.nav li em{display: inline-block;}
.nav li .head{position: static;background-color: #fff;height: auto;margin-left:0px;}
.nav dd{background-color: #fff;}
.nav dd:hover{color:#EE9713;}
.navhover a{color:#009241 !important;}

	
/*广告*/		
.banners{margin: 0 auto; width: 100%; padding-top: 80px;}

/*标题*/
.index_title{margin: 0 auto; width: 100%; text-align: center; background: url(../images/t_ico.png) center bottom no-repeat; font-size:30px; padding-bottom:10px; margin-top:10px;}
.index_small{margin: 0 auto; width: 100%; text-align: center; color: #5f5f5f; line-height:35px; margin-top: 10px;}

	
/*解决方案*/
.index_program{margin: 0 auto; width:98%;}	
.category{text-align: center; position: absolute; left: 0; width: 100%;}
.category ul{overflow: hidden;margin-top:13px;display: inline-block;}
.category ul li{float: left;display: inline-block; background: #f0f0f0; color: #8a8a8a;font-size:14px; padding:10px 15px; text-align: center;position: relative; cursor: pointer;}
.category ul li i{display: block; font-size:3rem;}
.category ul li:after{content: '';height: 50%; position: absolute; right: 0; top:15%;}
.category ul li:last-child:after{border-left: none;}
.category ul li:hover{background: #009241; color: #fff;}
.category ul li.active{background:#009241;color: #fff;}
.category ul li.active:after{border-left: none;}
	
.content{width: 100%;height: auto; margin-top:30px;display: none;}
.content.active{display: block;}
.content .imgs{display: block; width: 100%; margin-top:120px;}
.content .r_contact{margin-top:5%; width: 100%;}
.content .r_contact h1{display: block; font-size:25px; font-weight: normal;text-align: center;}
.content .r_contact p{display: block; line-height: 35px; margin-top: 15px; color: #8a8a8a;text-align: center;}
.content .r_contact span{display: block; margin-top:20px; text-align: center;}
.content .r_contact span a{display: inline-block;color: #fff; background: #009241; padding: 10px 20px;font-size:16px;}
.content .r_contact span a:hover{background: #f73;color: #fff;}
	
/*关于*/
.index_about_bg{margin: 20px auto; width: 100%; background: url(../images/index_bg.jpg) center;  padding:2rem 0;}
.index_about{margin: 0 auto; width: 90%; padding-top: 20px;}
.index_about h2{display: block; line-height:40px; color: #333; font-size:14px; padding-bottom:10px;}
.about-number-info {margin: 0 auto; width:100%; padding-bottom:30px;}
.about-number-info .about-number-inner {width: 100%;margin: 0 auto;}
.about-number-info ul {padding:10px 0;}
.q {zoom: 1; }
.about-number-info li {float: left; border-left: solid 1px #b5b5b5; padding: 0 4.2%;}
.about-number-info li:first-child {margin-left:0; border-left:none;}
.about-number-info li b {display: block;}
.about-number-info li b i {font-style: normal; float: left;font-weight: bold;font-size:35px; font-family:"impact";color: #009241;}
.about-number-info li b span {display: block; float: left; font-size:14px; padding-top:15px; color: #4d4d4d; font-weight: normal; margin-left:0px;}
.about-number-info li p {font-size:12px; color:#4d4d4d; display: block; padding-left:5px;}	
	
	
/*产品系列*/
.index_Products{margin: 0 auto; width: 96%; margin-top:20px;}
.index_Products .swiper-container{ padding-bottom:20px;}
.index_Products .swiper-slide{border: solid 1px #E7E7E7; padding:2px; overflow: hidden;}
.index_Products .swiper-slide p{display: block; text-align: center; width: 100%; font-size: 14px;}
.index_Products .swiper-slide span a{display: block; width: 100%; padding: 5px 0px; background:url(../images/ico.jpg) 60px 8px no-repeat; color:#009241;}
.index_Products .swiper-slide span a:hover{color:#EE9713;}
.index_Products .swiper-slide img{display: block; margin: 0 auto; padding:10px 0;transition: all 0.8s;}
.index_Products .swiper-slide img:hover{transform: scale(1.2);}
.index_Products .swiper-pagination-clickable, .swiper-pagination-bullets{bottom:0px;}

	
/*案例*/
.index_case_bg{margin: 20px auto; width: 100%; background: url(../images/index_bg.jpg) center no-repeat;  padding:2rem 0;}
.index_case{margin:10px auto; width: 98%;}
.index_case li{float: left; width:48%; overflow: hidden; margin:1%;}
.index_case li:first-child{margin-left:1%;}
.index_case li .imgs{ display: block; position: relative;}
.index_case li .imgs img{display: block; transition: all 0.8s;}
.index_case li .imgs img:hover{transform: scale(1.2);}
.index_case li .imgs p{display: block; width: 100%; height:35px; text-align: center; line-height: 35px; background: url(../images/bg.png); color: #fff;position: absolute; bottom: 0px; z-index: 9}

/*新闻*/
.index_news{margin:0 auto; width:96%; padding:1rem 0;}
.index_news li{width:48%; float:left; display:block; margin-left:1.333%; overflow: hidden; margin-top:5%}
.index_news li h1{display:block; font-size:16px; font-weight:normal; text-align:center; margin-top:15px; color: #222;}
.index_news li p{display:block; line-height:25px; padding:10px; color:#7B7B7B;display: none;}
.index_news li span a{ width:90px; height: 30px; display: block; margin: 10px auto; line-height: 30px; text-align: center; background: #E6E6E6; color: #7C7C7C; border-radius: 100px;}
.index_news li span a:hover{background:#009241; color: #fff;}
.index_news li:first-child{margin-left:0px;}
.index_news li img{display:block; width:100%;transition: all 0.6s;}
.index_news li img:hover{transform: scale(1.2); border:none;}

/*产品列表*/

.product-list .media-body {padding:0; overflow: hidden; height:40px;}

	
/*内页列表*/
.list_article .padding-large{padding:10px}
.list_imgs{margin: 0 auto; width: 100%; margin-top: 15px;}
.list_imgs li{float: left; width:48%; display: block; margin:1%; overflow: hidden;}
.list_imgs li img{display: block; width: 100%;transition: all 0.6s;}
.list_imgs li img:hover{transform: scale(1.2);}
.list_imgs li p{display: block; text-align: center; line-height: 35px;}
.list_article .text-center {text-align:center; font-size: 14px; color: #ccc; border-bottom: solid 1px #f2f2f2; padding-bottom:20px;}
.list_article h2{font-size:20px;font-weight:normal; display: block; text-align: center; padding-bottom:20px;}
.list_article .list_post{line-height:40px; padding: 10px 0; color: #666;}
.list_article h1{font-size:22px;font-weight:normal; display: block; text-align: center;background: url(../images/t_ico.png) center bottom no-repeat; padding-bottom:10px;}
	
.list_pag{margin: 0 auto; width:96%; margin-top: 10px;}	
.list_pag{display: none;}
	
/*底部*/	
.foot_bg{margin: 0 auto; width: 100%;background:#009241; padding-top:20px;}
.footer{margin: 0 auto; width: 96%;}
.footer li{display: block; width: 100%;}
.footer li img {display: block; margin: 0 auto;}
.footer li:first-child{margin-left: 0px;}
.footer li h1{color: #fff; display: block; font-size:20px; font-weight: normal; background: url(../images/t_line.jpg) left bottom no-repeat; padding-bottom: 8px; margin-bottom: 10px;display: none;}
.footer li a{display: block; color: #fff; line-height: 35px;display: none;}
.footer li a:hover{color:#FFFF00;}
.footer li span{display: block; color: #fff; line-height: 30px; text-align: center;}
.copyright{display: block; width: 100%; background: url(../images/x_lin.jpg) top repeat-x; color: #fff; padding-top: 10px; line-height:35px; margin-top: 30px; text-align: center;}
.copyright a{color: #fff;}
.copyright a:hover{color:#FFFF00;}
.fl{ float: none;}
.fr{float: none;}
}