/*首页*/
@media screen and (max-width: 1200px){
	#top{
		display: none;
	}
	.Caselist .bg { 
		-moz-opacity:0;
		-khtml-opacity: 0; 
		opacity: 0;
		filter:alpha(opacity=0);
	}
	.page1 li:hover img,
	.page1 li.hover img {
	  transform: scale(1);
	  -webkit-transform: scale(1);
	  -moz-transform: scale(1);
	  -o-transform: scale(1)
	}
}
@media screen and (max-width: 750px){
	#topcontrol {
		display: none;
	}
}
@media screen and (min-width:1024px) and (max-width: 1200px){
	.w1200{
		width: 96%;
	}
	.Topnav{
		width: 100%;
	}
	.slideBanner { height: 460px;}
	.indexPage2{
	}
	.ServiceIcoAll{
		width: 98%;
	}
	.ServiceIcoAll li { 
		margin: 0 2.5%;
		width: 15%; 
	}
	.ServiceIcoAll .title span{
		font-size: 16px;
		line-height: 30px;
	}
	.ServiceIcoAll .M-btn { 
		width: 160px; 
	}
	.caseAll { 
		width: 98%; 
		margin: 0 auto; 
		padding: 40px 0 30px;
		height: auto;
	}
	.caseAll .Caselist li { 
		float: left; 
		width: 22%;
		height: auto;
		margin: 0 1.5% 38px 1.5%;
	}
	.caseAll .Caselist li img { 
		width: 100%; 
	}
	.N_contbox { 
		width: 96%; 
		position: relative; 
		margin: 0 auto;
		padding-top: 56px; 
		overflow: hidden; 
	}
	.N_contbox .newsrow { 
		position: relative; 
		width: 96%; 
		margin: 0 auto 36px;
	}
	.N_contbox .newsrow .Nlist { 
		float: left; 
		width: 317px;
	}
	.N_contbox .newsrow .Nlist h3 { 
		font-weight: normal; 
		display: block; 
		margin-left: 6px;
	}
	.indexPage6{
		width: 100%;
	}
	.contactMian { 
		width: 96%;
	}
	.contactMian .lianxi_l { 
		width: 48%;
	}
	.lianxi_r { 
		width: 48%;
	}
	.contactMian .lianxi_title { 
		width: auto; 
	}
	.feedback_cont { 
		margin-top: 32px; 
		width: auto;
		overflow: hidden;
	}
	.contactMian .basemsg li { 
		font-size: 14px;
	}
	.contactMian .basemsg li.freenumb { 
		width: auto; 
	}
	.feedback_cont  form .fb-txa { 
		width: 100%;
	}

	.feedback_cont .fb_clear .fl,.feedback_cont .fb_clear .fr{ 
		width: 49%; 
	}
	.feedback_cont .fb_clear .fl .fb-ipt,.feedback_cont .fb_clear .fr .fb-ipt { 
		width: 100%; 
		text-indent: 16px; 
		color: #fff; 
		*color: #000 !important;
	}
	.feedback_cont form .fb-txa, .feedback_cont form .fb-ipt { 
		width: 100%;
	}
	.contactMian .ContactUs { 
		margin-top: 15px;
	}
	.contactMian .ContactUs li { 
		margin-right: 24px;
	}
	.feedback_cont  form .fb-txa { 
		height: 150px; 
	}
	.footer .foot_clear{
		width: 98%;
	}
}

@media screen and (min-width:750px) and (max-width: 1024px) {
	.w1200{
		width: 98%;
	}
	.Topnav{
		width: 100%;
	}
	.TopnavBar .tell {
		display: none;
	}
	.TopnavBar ul li a {
	    width: 66px;
	}
	.slideBanner { height: 370px;}
	
	.ServiceIcoAll{
		width: 98%;
		text-align: center;
	}
	.serviceTTop .bigTitle {
	    width: 220px;
	    height: 43px;
	    background-size: 100%;
	    margin: 43px auto;
	}
	.ServiceBox h1 {
	    padding: 40px 0 36px;
	}
	.ServiceIcoAll li { 
		margin: 0 1.16666%; 
		width: 31%; 
	}
	.ServiceIcoAll li .ServiceIco{
		width: 100%;
	}
	.caseAll { 
		width: 98%; 
		margin: 0 auto; 
		height: auto;
		padding: 40px 0 30px;
	}
	.CaseBox .caseTTop h2 {
	    background-size: 100%;
	    width: 208px;
	    height: 69px;
	}
	.Ser-bur{
		text-align: center;
	}
	.ServiceIcoAll li .ServiceIco .M-btn { 
		width: 70%; 
		text-align: center;
		display: inline-block;
	}
	.caseAll .Caselist li { 
		float: left; 
		width: 22%;
		height: auto;
		margin: 0 1.5% 38px 1.5%;
	}
	.caseAll .Caselist li img { 
		width: 100%; 
	}
	.newsAll .newsTTop h2 {
	    background-size: 100%;
	    width: 256px;
	    height: 69px;
	}
	.N_contbox { 
		width: 96%; 
		position: relative; 
		margin: 0 auto;
		padding-top: 56px; 
		overflow: hidden; 
	}
	.N_contbox .newsrow { 
		position: relative; 
		width: 96%; 
		margin: 0 auto 36px;
	}
	.N_contbox .newsrow .Nlist { 
		float: left; 
		width: 317px;
	}
	.N_contbox .newsrow .Nlist h3 { 
		font-weight: normal; 
		display: block; 
		margin-left: 6px;
	}
	.N_contbox .newsrow .Nlist h3{
		width: 100%;
	}
	.N_contbox .newsrow .Nlist h3 span{
		width: 100%;
	}
	.N_contbox .newsrow .Nlist h3 span a{
		width: 92%;
		display: inline-block;
	}
	.news_dlt em.Views{
		width: 40px;
	}
	.indexPage6{
		width: 100%;
	}
	.contactMian { 
		width: 96%;
	}
	.contactBox .contactTTop h2 {
	    width: 342px;
	    height: 62px;
	    margin: 0 auto;
	    background-size: 100%;
	}
	.contactMian .lianxi_l { 
		width: 48%;
	}
	.contactMian .basemsg li { 
		line-height: 28px;
	}
	.lianxi_r { 
		width: 48%;
	}
	.contactMian .lianxi_title { 
		width: auto; 
	}
	.feedback_cont { 
		margin-top: 32px; 
		width: auto;
		overflow: hidden;
	}
	.contactMian .basemsg li { 
		font-size: 14px;
	}
	.contactMian .basemsg li.freenumb { 
		width: auto; 
	}
	.feedback_cont  form .fb-txa { 
		width: 100%;
	}

	.feedback_cont .fb_clear .fl,.feedback_cont .fb_clear .fr{ 
		width: 49%; 
	}
	.feedback_cont .fb_clear .fl .fb-ipt,.feedback_cont .fb_clear .fr .fb-ipt { 
		width: 100%; 
		text-indent: 16px; 
		color: #fff; 
		*color: #000 !important;
	}
	.feedback_cont form .fb-txa, .feedback_cont form .fb-ipt { 
		width: 100%;
	}
	.contactMian .ContactUs { 
		margin-top: 15px;
	}
	.contactMian .ContactUs li { 
		margin-right: 24px;
	}
	.feedback_cont  form .fb-txa { 
		height: 150px; 
	}
	.footer .foot_clear{
		width: 98%;
	}
}
@media screen and (min-width:750px) and (max-width: 880px) {
	.TopnavBar ul li a {
	    width: 60px;
	}
	.N_contbox .newsrow .Nlist { 
		float: left; 
		width: 78%;
	}
}
@media screen and (max-width: 750px){
	.Topnav{
		display: none;
	}
	.content header{
		display: block;
	}
	.logowap{
	    display: block;
	}
	.wap_body{
		background: #484848;
	}
	.bar {
		display: block;
	}
}
@media screen and (max-width: 750px) {
	.w1200{
		width: 100%;
	}
	.slideBanner { height: 300px;}
	.ServiceIcoAll{
		width: 100%;
	}
	.serviceTTop .bigTitle {
	    width: 164px;
	    height: 32px;
	    background-size: 100%;
	    margin: 32px auto;
	}
	.ServiceBox h1 {  
		display: none;
	}
	.ServiceBox h2 { 
		font-size: 2em; 
		line-height: 30px;
		text-align: center;
		padding: 30px 0 27px;
		display: block;
	}
	.ServiceIcoAll .Ser-bur { 
		height: 50px; 
		overflow: hidden; 
		text-align: center; 
		margin-top: 20px; 
	}
	.ServiceIcoAll .title{
		height: 50px;
	}
	.ServiceIcoAll .title span { 
		font-size: 16px; 
	}
	.ServiceIcoAll .M-btn { 
		width: 100%; 
	}
	.ServiceIcoAll{
		width: 100%;
		text-align: center;
	}
	.ServiceIcoAll li { 
		margin-right: 0%; 
		margin: 0 1.1666%; 
		width: 31%; 
	}
	.ServiceIcoAll li .ServiceIco{
		width: 100%;
	}
	.CaseBox .caseTTop{
		padding-top: 32px;
	}
	.caseAll { 
		width: 98%; 
		margin: 0 auto; 
		height: auto;
		padding: 40px 0 30px;
	}
	.CaseBox .caseTTop h2 {
	    background-size: 100%;
	    width: 156px;
	    height: 52px;
	    margin: 0 auto;
	}
	.Ser-bur{
		text-align: center;
	}
	.ServiceIcoAll li .ServiceIco .M-btn { 
		width: 70%; 
		text-align: center;
		display: inline-block;
	}
	.caseAll .Caselist li { 
		float: left; 
		width: 46%;
		height: auto; 
		margin: 0 2% 38px; 
		position: relative;
	}
	.caseAll .Caselist li:nth-child(5), .caseAll .Caselist li:nth-child(6), .caseAll .Caselist li:nth-child(7), .caseAll .Caselist li:nth-child(8){
		display: none;
	}
	.caseAll .Caselist li img { 
		width: 100%; 
		height: auto; 
	}
	.Caselist .bg { 
		display: none; 
		z-index: -1;
	}
	.newsAll .newsTTop h2 {
	    background-size: 100%;
	    width: 192px;
	    height: 52px;
	    margin: 0 auto;
	}
	.N_contbox { 
		width: 96%; 
		padding-top: 32px;
	}
	#N_contbox{display: none;}
	.N_contbox1{display: block;}
	.N_contbox .newsrow .newsleft { 
		float: none; 
		width: 100%;
		margin: 0 auto 20px;
	}
	.N_contbox .newsrow .newsright { 
		float: none; 
		width: 100%; 
	}
	.N_contbox .newsrow .newsleft .Nlist,.N_contbox .newsrow .newsright .Nlist { 
		float: right; 
		width: 88%;
	}
	.N_contbox .newsrow {  
		width: 96%; 
	}
	.N_contbox .newsrow .Nlist { 
		float: left; 
		width: 317px;
	}
	.N_contbox .newsrow .Nlist h3 { 
		font-weight: normal; 
		display: block; 
		margin-left: 6px;
	}
	.N_contbox .newsrow .cur .Nlist h3 span a {
	    color: #4e4e4e;
	}
	.N_contbox .newsrow .cur .fl span.Month {
	    background: #e3e3e3;
	    color: #8f8f8f;
	}
	.N_contbox .newsrow .cur .fl span.day {
	    color: #8f8f8f;
	}
	.N_contbox .newsrow .cur .Nlist h3 span em.more {
	    background: url(../images/news_list.png) no-repeat;
	}
	.N_contbox .newsrow .Nlist h3{
		width: 100%;
	}
	.N_contbox .newsrow .Nlist h3 span{
		width: 100%;
	}
	.N_contbox .newsrow .Nlist h3 span a{
		width: 92%;
		display: inline-block;
	}
	.news_dlt em.Views{
		width: 40px;
	}
	.indexPage6{
	    height: 280px;
	}
	.contactMian { 
		width: 100%;
	}
	.contactBox .contactTTop h2 {
	    width: 256px;
	    height: 46px;
	    margin: 0 auto;
	    background-size: 100%;
	    position: absolute;
	    top: 36px;
	    left: 50%;
	    margin-left: -128px;
	}
	.contactMian .lianxi_title{
		display: none;
	}
	.contactMian .lianxi_l { 
		width: 100%;
	}
	.contactMian .basemsg {
	    margin-top: 0px;
	}
	.contactMian .basemsg li.freenumb{
		margin: 0 auto;
		padding-bottom: 20px;
		background: url(../images/freenumb.png) no-repeat center;
	}
	.contactMian .basemsg li { 
		line-height: 32px;
		text-align: center;
	}
	.contactMian .basemsg li.freenumb { 
		margin-bottom: 5px;
	}
	.contact_cont{
		width: 100%;
	}
	.contactMian .ContactUs{
		width: 100%;
		margin-top: 20px;
		display: none;
	}
	.lianxi_r { 
		display: none;
	}
	.footer{
		padding: 0;
		padding-bottom: 90px;
	}
	.footer .foot_clear{
		display: none;
	}
	.footer p{ 
		height: 20px;
		padding: 25px 0;
		line-height: 20px;
		text-align: center;
		display: block;
	}
	.bottom_wap{
		display: block;
	}
}
@media screen and (min-width:490px) and (max-width: 660px) {
	.w1200{
		width: 98%;
	}
	.slideBanner { height: 240px;}
	.ServiceIcoAll{
		width: 98%;
	}
	.ServiceBox h1 { 
		font-size: 1.6em; 
	}
	.ServiceIcoAll .Ser-bur { 
		height: 50px; 
		overflow: hidden; 
		text-align: center; 
		margin-top: 40px; 
	}
	.ServiceIcoAll .title{
		height: 50px;
	}
	.ServiceIcoAll .title span { 
		font-size: 16px; 
	}
	.ServiceIcoAll .M-btn { 
		width: 100%; 
	}
	.ServiceIcoAll{
		width: 98%;
		text-align: center;
	}
	.ServiceIcoAll li { 
		margin-right: 0%; 
		margin: 0 1.16666%; 
		width: 31%; 
	}
	.ServiceIcoAll li .ServiceIco{
		width: 100%;
	}
	.caseAll { 
		width: 98%; 
		margin: 0 auto; 
		height: auto;
		padding: 40px 0 30px;
	}
	.Ser-bur{
		text-align: center;
	}
	.ServiceIcoAll li .ServiceIco .M-btn { 
		width: 70%; 
		text-align: center;
		display: inline-block;
	}
	.caseAll { 
		width: 98%; 
		margin: 0 auto; 
		padding: 40px 0 30px;
	}
	.caseAll .Caselist li { 
		float: left; 
		width: 45%;
		height: auto; 
		margin: 0 2% 38px 3%; 
		position: relative;
	}
	.caseAll .Caselist li img { 
		width: 100%; 
		height: auto; 
	}
	.Caselist .bg { 
		display: none; 
		z-index: -1;
	}
	.N_contbox { 
		width: 96%; 
	}
	.N_contbox .newsrow .newsleft { 
		float: none; 
		width: 100%;
		margin: 0 auto 20px;
	}
	.N_contbox .newsrow .newsright { 
		float: none; 
		width: 100%; 
	}
	.N_contbox .newsrow .newsleft .Nlist,.N_contbox .newsrow .newsright .Nlist { 
		float: right; 
		width: 85%;
	}
	.N_contbox .newsrow {  
		width: 96%;
		margin: 0 auto 20px;
	}
	.N_contbox .newsrow .Nlist { 
		float: left; 
		width: 317px;
	}
	.N_contbox .newsrow .Nlist h3 { 
		font-weight: normal; 
		display: block; 
		margin-left: 6px;
	}
	.contactMian .basemsg li.freenumb {
	    background: url(../images/freenumb.png) no-repeat center;
	    background-size: 80%;
	    margin-bottom: 10px;
	    padding-bottom: 0;
	}
}
@media screen and (min-width:300px) and (max-width: 490px) {
	.w1200{
		width: 100%;
	}
	.slideBanner { height: 180px;}
	.ServiceIcoAll{
		width: 100%;
	}
	.serviceTTop .bigTitle {
	    width: 123px;
	    height: 24px;
	    margin: 16px auto;
	}
	.flex-control-nav{
		bottom: 0.1%;
	}
	.ServiceBox h2 { 
		font-size: 1.4em; 
		line-height: 26px;
		text-align: center;
		padding: 14px 0;
	}
	.ServiceIcoAll .Ser-bur { 
		height: 30px; 
		overflow: hidden; 
		text-align: center; 
		margin-top: 12px; 
	}
	.ServiceIcoAll .title{
		height: 50px;
	}
	.ServiceIcoAll .title span { 
		font-size: 14px; 
	}
	.ServiceIcoAll .title font { 
		display: none;
	}
	.ServiceIcoAll .M-btn { 
		width: 100%; 
		height: 28px;
		line-height: 28px;
	}
	.ServiceIcoAll{
		width: 100%;
		text-align: center;
	}
	.ServiceIcoAll li { 
		margin-right: 0%; 
		margin: 0 1.1666%; 
		width: 31%; 
	}
	.ServiceIcoAll li em {
	    display: block;
	    width: 80px;
	    height: 80px;
	    border: 1px solid #dadada;
	    margin: 0 auto;
	}
	.ServiceIcoAll li .ServiceIco{
		width: 100%;
	}
	.ServiceBox {
	    padding-bottom: 16px;
	}
	.CaseBox .caseTTop h2 {
	    width: 117px;
	    height: 38px;
	}
	.caseAll{
		padding: 26px 0 6px;
	}
	.caseAll .Caselist li{
		margin: 0 2% 20px;
	}
	.CaseBox .caseTTop{
		padding-top: 26px;
	}
	.newsAll .newsTTop h2 {
	    width: 144px;
	    height: 38px;
	}
	.newsAll .newsTTop{
		padding-top: 26px;
	}
	.contactBox .contactTTop h2 {
	    width: 192px;
	    height: 35px;
	    position: absolute;
	    top: 26px;
	    left: 50%;
	    margin-left: -96px;
	}
	.indexPage6{
		padding-top: 26px;
		height: 240px;
		padding-bottom: 16px;
	}
	.N_contbox { 
		width: 96%; 
	}
	.N_contbox .newsrow .newsleft { 
		float: none; 
		width: 100%;
		margin: 0 auto 20px;
	}
	.N_contbox .newsrow .newsright { 
		float: none; 
		width: 100%; 
	}
	.N_contbox .newsrow .newsleft .Nlist,.N_contbox .newsrow .newsright .Nlist { 
		float: right; 
		width: 83%;
	}
	.N_contbox .newsrow .Nlist h3 span a{
		font-size: 16px;
	}
	.N_contbox .newsrow .cur .Nlist h3 span a {
	    font-size: 16px;
	}
	.N_contbox .newsrow {  
		width: 96%;
		margin: 0 auto 20px;
	}
	.contactMian .basemsg li{
		font-size: 14px;
		line-height: 30px;
	}
	.contactMian .basemsg li.freenumb {
	    width: 190px;
	    height: 45.6px;
	    background: url(../images/freenumb.png) no-repeat;
	    background-size: 100%;
	    margin-bottom: 10px;
	    padding-bottom: 0;
	    margin-top: 20px;
	}
}
@media screen and (min-width:300px) and (max-width: 370px){
	.slideBanner { height: 160px;}
	.ServiceBox h2{
		font-size: 1.2em;
		padding: 14px 0;
		line-height: 24px;
	}
	.N_contbox .newsrow .newsleft .Nlist,.N_contbox .newsrow .newsright .Nlist { 
		float: right; 
		width: 79%;
	}
	.indexPage6{
		padding-bottom: 20px;
		height: 220px;
	}
}
@media screen and (min-width:300px) and (max-width: 320px){
	.slideBanner { height: 140px;}
	.contactMian .basemsg li{
		font-size: 14px;
		line-height: 26px;
	}
}
@media only screen and (min-width: 467px) and (max-width: 548px) {
	.bottom_wap ul li .tel{
		background: url(../images/ico_tel.png) 12% 10px no-repeat;
		background-size: 16%;
	}
	.bottom_wap ul li .weix{
		background: url(../images/ico_weixin.png) 12% 9px no-repeat;
		background-size: 18%;
	}
	.bottom_wap ul li p{
		font-size: 16px;
		margin-top: 16.5px;
	}
	.bottom_wap ul li p a, .bottom_wap ul li p span{
		font-size: 22px;
	}
}
@media only screen and (min-width: 400px) and (max-width: 467px) {
	.footer{
		padding-bottom: 70px;
	}
	.footer p{ 
		padding: 20px 0;
	}
	.bottom_wap{
		height: 70px;
	}
	.bottom_wap ul li .tel{
		text-indent: 28%;
		background: url(../images/ico_tel.png) 8% 12px no-repeat;
		background-size: 15.5%;
	}
	.bottom_wap ul li .weix{
		text-indent: 28%;
		background: url(../images/ico_weixin.png) 8% 12px no-repeat;
		background-size: 18%;
	}
	.bottom_wap ul li p{
		font-size: 16px;
		margin-top: 8px;
	}
	.bottom_wap ul li p a, .bottom_wap ul li p span{
		font-size: 20px;
	}
}
@media only screen and (min-width: 375px) and (max-width: 400px) {
	.indexPage6{
		height: 220px;
	}
	.footer{
		padding-bottom: 66px;
	}
	.footer p{ 
		padding: 20px 0;
	}
	.bottom_wap{
		height: 66px;
	}
	.bottom_wap ul li .tel{
		text-indent: 24%;
		background: url(../images/ico_tel.png) 6% 12px no-repeat;
		background-size: 15.5%;
	}
	.bottom_wap ul li .weix{
		text-indent: 24%;
		background: url(../images/ico_weixin.png) 6% 12px no-repeat;
		background-size: 18%;
	}
	.bottom_wap ul li p{
		font-size: 16px;
		margin-top: 7px;
	}
	.bottom_wap ul li p a, .bottom_wap ul li p span{
		font-size: 20px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 375px) {
	.indexPage6{
		height: 280px;
	}
	.footer{
		padding-bottom: 66px; min-width: 320px;
	}
	.footer p{ 
		padding: 20px 0;
	}
	.bottom_wap{
		height: 66px;
	}
	.bottom_wap ul li .tel{
		text-indent: 22%;
		background: url(../images/ico_tel.png) 4% 12px no-repeat;
		background-size: 15%;
	}
	.bottom_wap ul li .weix{
		text-indent: 22%;
		background: url(../images/ico_weixin.png) 4% 12px no-repeat;
		background-size: 17%;
	}
	.bottom_wap ul li p{
		font-size: 14px;
		margin-top: 9.75px;
	}
	.bottom_wap ul li p a, .bottom_wap ul li p span{
		font-size: 17px;
	}
}
@media only screen and (min-width: 340px) and (max-width: 375px) {
	.indexPage6{
		height: 220px;
	}
	.bottom_wap ul li .tel{
		text-indent: 25%;
		background: url(../images/ico_tel.png) 6% 11px no-repeat;
		background-size: 15%;
	}
	.bottom_wap ul li .weix{
		text-indent: 25%;
		background: url(../images/ico_weixin.png) 6% 11px no-repeat;
		background-size: 17%;
	}
	.bottom_wap ul li p{
		margin-top: 10px;
	}
	.bottom_wap ul li p a, .bottom_wap ul li p span{
		font-size: 18px;
	}
}
@media only screen and (min-width: 300px) and (max-width: 1024px) {
	.ServiceIcoAll_js{
		display: none;
	}
	.ServiceIcoAll_wap{
		display: block;
	}
}