/*电脑端*/	

@media only screen and (max-width: 1600px) {
	
/*关于*/
.index_about{margin:0 auto; width:100%;margin-bottom:100px;}
.index_about .conatct{background: #0274C8; position:absolute; width: 50%; display: block; clear: both; }
.index_about .l_about{ width:65%; margin-left:10%; padding-bottom: 50px;}
.index_about .l_about h1{font-size: 26px; display: block; color:#fff; margin-top:80px;}
.index_about .l_about h2{font-size: 60px; display: block; color:#fff; padding-bottom: 10px; font-weight: bold; text-transform: uppercase;}
.index_about .l_about p{display: block; line-height:50px; color: #fff; font-size: 18px;}
.index_about .l_about span{display: block; width: 165px; height: 50px; text-align: center; line-height: 50px; background: #fff; font-size: 16px; margin-top: 20px;}
.index_about .imgas{float: right;border: solid 4px #ffffff; position:relative; margin-top:70px; display: block;}


/*底部*/	
.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:5%;margin-top:5px;width:136px;height:73px;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{margin:0 auto; width:100%;margin-bottom:200px;}
.index_about .conatct{background: #0274C8; position:absolute; width: 50%; display: block; clear: both; }
.index_about .l_about{ width:72%; margin-left:5%; padding-bottom: 50px;}
.index_about .l_about h1{font-size: 26px; display: block; color:#fff; margin-top:80px;}
.index_about .l_about h2{font-size: 60px; display: block; color:#fff; padding-bottom: 10px; font-weight: bold; text-transform: uppercase;}
.index_about .l_about p{display: block; line-height:50px; color: #fff; font-size: 18px;}
.index_about .l_about span{display: block; width: 165px; height: 50px; text-align: center; line-height: 50px; background: #fff; font-size: 16px; margin-top: 20px;}
.index_about .imgas{float: right;border: solid 4px #ffffff; position:relative; margin-top:70px; display: block; width:60%}


/*底部*/	
.footer{margin: 0 auto; width:90%;}
.footer li{display: block; float:left; margin-left:5%;}	
	
}

@media only screen and (max-width: 1360px) {
		
.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:5%;margin-top:5px;width:136px;height:73px;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: #0274C8; font-family: impact;}
.nav li{margin:0 15px;float: left;}
	
/*关于*/
.index_about{margin:0 auto; width:100%;margin-bottom:280px;}
.index_about .conatct{background: #0274C8; position:absolute; width: 50%; display: block; clear: both; }
.index_about .l_about{ width:72%; margin-left:5%; padding-bottom: 50px;}
.index_about .l_about h1{font-size: 26px; display: block; color:#fff; margin-top:80px;}
.index_about .l_about h2{font-size: 60px; display: block; color:#fff; padding-bottom: 10px; font-weight: bold; text-transform: uppercase;}
.index_about .l_about p{display: block; line-height:50px; color: #fff; font-size: 18px;}
.index_about .l_about span{display: block; width: 165px; height: 50px; text-align: center; line-height: 50px; background: #fff; font-size: 16px; margin-top: 20px;}
.index_about .imgas{float: right;border: solid 4px #ffffff; position:relative; margin-top:70px; display: block; width:60%}

	
.footer{margin: 0 auto; width:98%;}
.footer li{display: block; float:left; margin-left:8%;}	
}


@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:#0274C8;}
.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:#0274C8 !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:25px; right: 0px; display: block; padding-left: 0px;}
.tel-r a{display: block; width:33px; height:33px;background-size:68%;}
.tel-r span{display: none;}
	
.index_Products{margin: 0 auto; width:98%; padding:30px 0;}
.index_about{margin:20px auto; width:100%; padding-top:40px;}
.index_about .conatct{background: #0274C8; position:inherit; width:100%; padding-top: 20px;}
.index_about .l_about{ width:100%; margin-left:0; padding-bottom:20px;}
.index_about .l_about h1{font-size: 26px; display: block; color:#fff; margin-top:20px; text-align: center;}
.index_about .l_about h2{font-size: 60px; display: block; color:#fff; padding-bottom:0px; font-weight: bold; text-transform: uppercase; text-align: center;}
.index_about .l_about p{display: block; line-height:35px; color: #fff; font-size:14px; padding: 10px;}
.index_about .l_about span{display: block; width: 165px; height: 50px; text-align: center; line-height: 50px; background: #fff; font-size: 16px; margin-top: 20px; margin: 0 auto;}
.index_about .imgas{border:none; margin-top:0px; width: 100%;}
	.index_about .imgas img{display: block; width: 100%;}	
	
.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:#0274C8; 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:#0274C8;color:#fff;border:1px solid #0274C8}
.list_news_bg .list_news:hover h3 a{color:#0274C8}
.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:90px;}
.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:25px; right: 0px; display: block; padding-left: 0px;}
.tel-r a{display: block; width:33px; height:33px;background-size:100%;}
.tel-r span{display: none;}
.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:#0274C8;}
.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:#0274C8 !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;}

	

/*产品系列*/
.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:100%; padding-top:40px;}
.index_about .conatct{background: #0274C8; position:inherit; width:100%;}
.index_about .l_about{ width:100%; margin-left:0; padding-bottom:20px;}
.index_about .l_about h1{font-size: 26px; display: block; color:#fff; margin-top:20px; text-align: center;}
.index_about .l_about h2{font-size: 60px; display: block; color:#fff; padding-bottom:0px; font-weight: bold; text-transform: uppercase; text-align: center;}
.index_about .l_about p{display: block; line-height:35px; color: #fff; font-size:14px; padding: 10px;}
.index_about .l_about span{display: block; width: 165px; height: 50px; text-align: center; line-height: 50px; background: #fff; font-size: 16px; margin-top: 20px; margin: 0 auto;}
.index_about .imgas{border:none; margin-top:0px; width: 100%;}

	
	
/*案例*/
.index_case_bg{margin: 60px auto; width:100%; background:#f2f2f2; display: block;}
.index_case {margin: 0 auto; width:100%; 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:#0274C8;}



/*新闻*/
.index_news{margin:0 auto; width:100%; padding:3rem 0;overflow: hidden;}

.index_news .l_news{width:100%; display: block; position: relative;}
.index_news .l_news dl{width:100%; display: block; background: url(../images/new_bg.png); position: absolute; bottom: 0;}
.index_news .l_news dl dd a{display: block; text-align: center; color: #fff; line-height:50px;}
.index_news .l_news dl dd a:hover{display: block; text-align: center; background:#0274C8; color: #fff; line-height:50px;}

.index_news .r_news{width:100%; }
.index_news .r_news dl a{width:100%; background:#f2f2f2; margin-bottom:8px; display: block;}
.index_news .r_news dl a:hover{background:#0274C8; color: #fff;}
.index_news .r_news dl dd{display: block; padding:15px 20px 0 20px; font-size:20px;}
.index_news .r_news dl dt{display: block; padding:3px 20px 0 20px; font-size: 15px; line-height: 30px; color:#919191;}

/*产品列表*/

.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:#0274C8; 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;}
}