﻿
/*电脑端*/	

@media only screen and (max-width: 1600px) {
	
/*关于*/
.index_about .conatct p{display: block; line-height:35px; margin-top: 20px;}
.index_about .conatct .wenhua{display: block; margin-top: 20px;}
.index_about .conatct .wenhua li{float: left; margin-left:10%; width:140px; height:140px; border-radius: 100%; border: solid 1px #d7d7d7; text-align: center;background:#ffff; font-size: 18px;}
.index_about .conatct .wenhua li:first-child{margin-left: 0;}
.index_about .conatct .wenhua li i{ margin:0 auto; display: block; font-size:4rem; color: #8a8a8a; padding:0.4rem;text-align:center;}
.index_about .conatct .wenhua li:hover{color: #db241c; transition:1s; border: solid 1px #db241c;}
.index_about .conatct .wenhua li i:hover{color: #db241c;}
.index_about .imgas{float: right; width: 48%;}

/*底部*/	
.footer{margin: 0 auto; width:80%;}
.footer li{display: block; float:left; margin-left:5%;}	
}
   

@media only screen and (max-width: 1440px) {
	
.logo{float: left;margin-left:1%;margin-top:15px;width:222px;height:51px;overflow: hidden;}
.tel-r{float:right; padding-left:33px; background: url(../images/tel.png) no-repeat left 32px;font-size:26px;margin-right:4%;color: #db241c; font-family: impact;}
	
/*关于*/
.index_about .conatct{float: left; width: 45%;}
.index_about .conatct p{display: block; line-height:35px; margin-top: 20px;}
.index_about .conatct .wenhua{display: block; margin-top: 20px;}
.index_about .conatct .wenhua li{float: left; margin-left:8%; width:130px; height:130px; border-radius: 100%; border: solid 1px #d7d7d7; text-align: center;background:#ffff; font-size: 18px;}
.index_about .conatct .wenhua li:first-child{margin-left: 0;}
.index_about .conatct .wenhua li i{ margin:0 auto; display: block; font-size:3.5rem; color: #8a8a8a; padding:0.4rem;text-align:center;}
.index_about .conatct .wenhua li:hover{color: #db241c; transition:1s; border: solid 1px #db241c;}
.index_about .conatct .wenhua li i:hover{color: #db241c;}
.index_about .imgas{float: right; width:54%;}

/*底部*/	
.footer{margin: 0 auto; width:90%;}
.footer li{display: block; float:left; margin-left:5%;}	
	
}

@media only screen and (max-width: 1360px) {
	

/*搜索*/
.keyword{float: left; width:600px; margin-top:10px;}
	
.footer{margin: 0 auto; width:90%;}
.footer li{display: block; float:left; margin-left:4%;}
	
}


@media only screen and (max-width:1280px) {
.logo{float: left;margin-left:0.5%;margin-top:20px;width:222px;height:51px;overflow: hidden;}
.tel-r{float:right; padding-left:43px; background: url(../images/tel.png) no-repeat left 32px;font-size:30px;margin-right:0.5%;color: #009241; font-family: impact;}
.nav li{margin:0 15px;float: left;}
	
/*关于*/
.index_about .conatct{float: left; width: 45%;}
.index_about .conatct p{display: block; line-height:35px; margin-top: 20px;}
.index_about .conatct .wenhua{display: block; margin-top: 20px;}
.index_about .conatct .wenhua li{float: left; margin-left:6%; width:130px; height:130px; border-radius: 100%; border: solid 1px #d7d7d7; text-align: center;background:#ffff; font-size: 18px;}
.index_about .conatct .wenhua li:first-child{margin-left: 0;}
.index_about .conatct .wenhua li i{ margin:0 auto; display: block; font-size:3.5rem; color: #8a8a8a; padding:0.4rem;text-align:center;}
.index_about .conatct .wenhua li:hover{color: #db241c; transition:1s; border: solid 1px #db241c;}
.index_about .conatct .wenhua li i:hover{color: #db241c;}
.index_about .imgas{float: right; width:54%;}

	
.footer{margin: 0 auto; width:98%;}
.footer li{display: block; float:left; margin-left:4%;}	
}


@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:12px; 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_search{margin: 0 auto; width:98%; overflow: hidden;}
.index_program{margin:60px auto; width:98%;}
.index_Products{margin: 0 auto; width:98%; padding:30px 0;}
.index_about{margin:20px auto; width:98%; padding-top: 20px;}	
.index_images{margin:20px auto; width:98%; padding-top: 20px;}
.index_case {margin: 0 auto; width:98%; margin-top:30px;}
.index_news{margin:0 auto; width:98%; padding:3rem 0;}
	
.foot_bg{margin: 0 auto; width: 100%;background:#db241c; 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.3333%; 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:#db241c;color:#fff;border:1px solid #db241c}
.list_news_bg .list_news:hover h3 a{color:#db241c}
.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:90px;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:20px;}
.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:#db241c;}
.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:#db241c !important;}

	
/*广告*/		
.banners{margin: 0 auto; width: 100%;}

/*标题*/
.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:20px;}
.index_small{margin: 0 auto; width: 100%; text-align: center; color: #5f5f5f; line-height:35px; margin-top: 10px;}

.keyword{float: left; width:700px; margin-top:10px;display: none;}

	
/*解决方案*/
.index_program{margin:60px auto; width:98%;}
.index_program li{float: left; width:48.3%; overflow: hidden; margin:0.733%;}
.index_program li:first-child{margin-left: 0;}
.index_program li i{ margin:0 auto; width:150px; height:150px; display: block; font-size:7rem; color: #db241c; background:#ffff; border-radius: 100%; padding:1.0rem;text-align:center; cursor:pointer; border: solid 1px #d7d7d7;}
.index_program li i:hover{color: #291769; transition:1s; border: solid 1px #291769;}
.index_program li span{display: block; text-align: center; margin-top:.8rem; font-size:20px;}
.index_program li p{display: block; padding: 0 40px; color: #444; line-height:1.8rem; font-size:14px; margin-top: 1rem; text-align:center;}	

/*产品系列*/
.index_Products_bg{margin:0 auto; width: 100%; background: #f2f2f2; padding:20px 0;}
.index_Products{margin: 0 auto; width:98%; padding:30px 0;}
.index_Products li{float: left; display: block; width:48%; margin: 0.5%;}
.index_Products li p a{display: block; height:50px; line-height:50px; background: url(../images/j_ico.png) 95% center #fff no-repeat; padding: 0 10px; margin-top: 1px;}
.index_Products li p a:hover{display: block; background: url(../images/h_ico.png) 95% center #db241c no-repeat; padding: 0 10px; margin-top: 1px; color: #fff;}
.index_Products li img{ margin: 0 auto; display: block;transition: all 0.8s;}
.index_Products li img:hover{transform: scale(1.2);}

	
/*关于*/
.index_about{margin:20px auto; width:98%; padding-top: 20px;}
.index_about .conatct{margin:0 auto; width:98%;}
.index_about .conatct h1{font-size: 26px; display: block; background: url(../images/about_lin.jpg) left bottom no-repeat; color:#e60012; font-weight: bold; padding-bottom: 10px;}
.index_about .conatct p{display: block; line-height: 40px; margin-top: 20px;}
.index_about .conatct .wenhua{display: block; margin-top: 20px; width: 98%;}
.index_about .conatct .wenhua li{float: left; margin-left:7%; width:110px; height:110px; border-radius: 100%; border: solid 1px #d7d7d7; text-align: center;background:#ffff; font-size: 16px;}
.index_about .conatct .wenhua li i{ margin:0 auto; display: block; font-size:3rem; color: #8a8a8a; padding:0.4rem;text-align:center;}
.index_about .conatct .wenhua li:hover{color: #db241c; transition:1s; border: solid 1px #db241c;}
.index_about .conatct .wenhua li i:hover{color: #db241c;}
.index_about .imgas{width:98%;margin:0 auto; margin-top: 20px;}

.index_images{margin:10px auto; width:98%; padding-top:10px;}
.index_images li{float: left; display: block; width: 32%; margin-left:2%;}
.index_images li:first-child{margin-left: 0;}
.index_images li img{ margin: 0 auto; display: block;transition: all 0.8s;}
.index_images li img:hover{transform: scale(1.2);}
	
	
/*案例*/
.index_case_bg{margin: 60px auto; width: 100%; background:#f2f2f2; padding:2rem 0;}
.index_case {margin: 0 auto; width:96%; margin-top:30px; overflow: hidden;}
.index_case .bd{width:100%;}
.index_case .bd ul{width:95%;}
.index_case li{float:left;width:45%; margin-right:20px; overflow: hidden;}
.index_case li img{width:99%; display: block;transition: all 0.8s;border: solid 1px #f2f2f2;}
.index_case li img:hover{transform: scale(1.3);}
.index_case li p{display: block;text-align: center; line-height:35px;}
.index_case li:hover{color:#00593c;}


/*新闻*/
.index_news{margin:0 auto; width:96%; padding:3rem 0; overflow: hidden;}
.index_news li{margin:0 auto; width:98%; display:block;overflow: hidden; padding-bottom: 20px;}
.index_news li h1{display:block; font-size:18px; font-weight:normal; text-align:center; margin-top:15px; color: #222;}
.index_news li p{display:block; line-height:35px; padding:10px; color:#7B7B7B;}
.index_news li span a{ width:90px; height: 30px; display: block; margin: 0 auto; line-height: 30px; text-align: center; background: #E6E6E6; color: #7C7C7C; border-radius: 100px;}
.index_news li span a:hover{background:#db241c; color: #fff;}
.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:#29166F; padding-top:20px;}
.footer{margin: 0 auto; width: 96%;}
.footer li{display: block; width:96%;}
.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;}
}

