/*电脑端*/	

@media only screen and (max-width: 1600px) {
.head-bg{margin:0 auto; width:96%; height:100px;}
.index_about_img{width:55%; float: right; overflow: hidden;}
.index_about_img img{display: block; width: 100%;}
.index_about{width:45%; float: left;}
.about_contact span{display: block; line-height:37px; margin-top:10px;}
.foot .nav_left{float:left; padding:0 60px;}
.list_news_bg .list_news .news {margin-top:60px;margin-left:50px;margin-right:30px}
}
    
@media only screen and (max-width: 1440px) {
.head-bg{margin:0 auto; width:98%; height:100px;}
.index_about .tit{font-size:30px;color: #333;position: relative; padding-top:10px;}
.index_about_img{width:55%; float: right; overflow: hidden;}
.index_about_img img{display: block; width: 100%;}
.index_about{width:45%; float: left;}
.about_contact{width:93%; float: left; margin-left:5%;}
.about_contact span{display: block; line-height:37px; margin-top:10px;}
.foot .nav_left{float:left; padding:0 45px;}
.list_news_bg .list_news .news {margin-top:40px;margin-left:50px;margin-right:30px}
.list_news_bg .list_news .time{margin-top:80px;margin-right:-20px;padding:15px 0 10px 0;border-right:1px solid #eee;}
.list_news_bg .list_news .button{margin-top:80px;width:70px;line-height:56px;font-size:24px;border:1px solid #ebebeb;}
}


@media only screen and (max-width:1280px) {
.head-bg{margin:0 auto; width:99%; height:100px;}
.nav li{margin:0 20px;float: left;}
.scrollleft{margin: 0 auto; width:98%; margin-top:25px; overflow:hidden;position: relative;}
.index_product_in {margin: 0 auto; width:98%; position: relative; margin-top:30px;}
.index_about .tit{font-size:30px;color: #333;position: relative; padding-top:10px;}
.index_about_img{width:55%; float: right; overflow: hidden;}
.index_about_img img{display: block; width: 100%;}
.index_about{width:45%; float: left;}
.about_contact{width:93%; float: left; margin-left:5%;}
.about_contact span{display: block; line-height:37px; margin-top:10px; font-size: 14px;}
.index_class{margin: 0 auto; width:98%; overflow: hidden;}
.index_class li{float: left; display: block; margin-left:1.9%; width:32%; overflow: hidden;}
.foot .nav_left{float:left; padding:0 45px;}
.foot{width:98%;margin:0 auto; padding:60px 0;overflow: hidden;}
}


@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:100px;}
.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; margin-top:10px;}
.head-bg .language{float: right; width:70px; height:26px; border: solid 1px #212121; border-radius: 50px; color: #212121; line-height:26px; margin-top:36px; font-family: arial; font-size: 16px;}
.nav-bg.solid .head-bg .language{float: right; width:70px; height:26px; border: solid 1px #212121; border-radius: 50px; color: #212121; line-height:26px; margin-top:26px; font-family: arial; font-size: 16px;}
.nav{overflow-y:scroll;display: none;position: fixed; top:65px; 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:#007FC4;}
.nav li em{display: inline-block;}
.nav li .head{position: static;background-color: #fff;height: auto;margin-left:0px;}
.nav dd{background-color: #000;}
.nav dd:hover{color:#EE9713;}
.navhover a{color:#007FC4 !important; background: url(../images/mune_blue.png) center 30px no-repeat; padding-bottom:18px;}

.index_about .tit{font-size:30px;color: #333;position: relative; padding-top:40px;}
.index_about_img{width:100%; overflow: hidden;}
.index_about_img img{display: block; width: 100%;}
.index_about{width:100%;}
.about_contact{width:92%; padding-bottom: 20px;}
.about_contact span{display: block; line-height:37px; margin-top:10px; font-size: 16px;}
.foot .nav_left{float:left; padding:0 20px;}
.foot{width:98%;margin:0 auto; padding:60px 0;overflow: hidden;}
.foot .code{float:right; display:block; text-align:center; padding-left:10px;}
	
}


/*手机端*/	
@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:#007FC4;color:#fff;border:1px solid #007FC4}
.list_news_bg .list_news:hover h3 a{color:#007FC4}
.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:60px;}
.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:60px;}
.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; margin-top:10px;}
.head-bg .language{float: right; width:70px; height:26px; border: solid 1px #212121; border-radius: 50px; color: #212121; line-height:26px; margin-top:16px; font-family: arial; font-size: 16px;}
.nav-bg.solid .head-bg .language{float: right; width:70px; height:26px; border: solid 1px #212121; border-radius: 50px; color: #212121; line-height:26px; margin-top:16px; font-family: arial; font-size: 16px;}
.nav{overflow-y:scroll;display: none;position: fixed; top:25px; 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:#007FC4;}
.nav li em{display: inline-block;}
.nav li .head{position: static;background-color: #fff;height: auto;margin-left:0px;}
.nav dd{background-color: #000;}
.nav dd:hover{color:#EE9713;}
.navhover a{color:#007FC4 !important; background: url(../images/mune_blue.png) center 30px no-repeat; padding-bottom:18px;}
.mc_a1t_bg {position: relative; margin: 0 auto; padding-top: 60px;}

.scrollleft li{float: left; width:50%; display: block;margin-right:10px;}
.scrollleft .next{position: absolute;top: 40%;width:25px;height:45px;z-index: 2;background: no-repeat 0 0;background-image: url(../images/right.png);right:0px;}
.scrollleft .prev{position: absolute;top: 40%;width:25px;height:45px;z-index: 2;background: no-repeat 0 0;background-image: url(../images/left.png);left:0px;}

.index_product_in .bd{width:94%; margin-left:3%; overflow: hidden;}
.index_product_in .bd ul{width:95%;}
.index_product_in li{float:left;width:80%; margin-right:20px; overflow: hidden;}
.index_product_in .next{position: absolute;top: 30%;width:25px;height:45px;z-index: 2;background: no-repeat 0 0;background-image: url(../images/right.png);right:0px;}
.index_product_in .prev{position: absolute;top: 30%;width:25px;height:45px;z-index: 2;background: no-repeat 0 0;background-image: url(../images/left.png);left:0px;}
	

.index_about .tit{font-size:30px;color: #333;position: relative; padding-top:40px;}
.index_about_img{width:100%; overflow: hidden;}
.index_about_img img{display: block; width: 100%;}
.index_about{width:100%;}
.about_contact{width:92%; padding-bottom: 20px;}
.about_contact span{display: block; line-height:37px; margin-top:10px; font-size: 16px;}

.index_class li{display: block; width:99%; margin: 0 0.5%; overflow: hidden;}
.index_class li em {display: block; margin: 10px 0; font-size:14px; color: #999999;}
.index_class li em i{margin-left:30px; font-size:18px;}
.index_class li:hover em {display: block; margin-top:30px; font-size:14px; color: #1478BE;}

/*内页列表*/
.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{width:90%;margin:0 auto; padding:30px 0;overflow: hidden;}	
.foot .nav_contact{ margin: 0 auto; display: block; border-right:none; width:100%; float: none;}
.foot .nav_contact h1{display:block; font-weight: normal;font-size:20px; margin-bottom:10px; color:#fff; text-align: center;}
.foot .nav_contact p{color: #fff;line-height:30px; font-size:14px;text-align: center;}

.foot .nav_left{display: none;}
.foot .code{display:block; border-left:none; float: none; width: 100%; margin-top: 30px;}
.foot .code p{display:block; color:#fff;}
.foot .code img{padding:5px; background: #fff; border-radius: 10px; margin: 0 auto;}
	
	
.Copyright{margin:0 auto; width:100%; height:auto; padding: 0 2%; text-align:center; line-height:40px; background:#252525; color:#ababab; font-size: 14px;}
.Copyright a{color:#ababab;}	
}