﻿
/*Common For Max 960*/
@media only screen and (max-width: 1199px) {
	.wp{width: 98%;}
	.nav{margin-right: 0;}
	.nav li{margin-right: 5px;}
	.nav li .v1{font-size: 15px;}
	#banner{height: 500px;}
	.m-list1 span{width: 100px;height: 120px;}
	.m-list1 .txt{padding-top: 15px;}
	.m-list1 h4{padding-bottom: 8px;margin-bottom: 8px;}
	.m-list1 .con{padding-right: 10px;}
	.m-list2 .txt{padding-top: 40px;}
	.m-list3 .centent{padding: 0 30px;}
	.m-list3 ul{padding: 50px 30px 0;}
	.m-list4 .con span{margin-top: 30px;}
	.m-list6{padding: 15px 15px 20px 15px;}
	.m-list6-1 .pic{margin-right: 15px;}
	.m1{padding: 15px 10px 22px;}
	.ul-wrong li{padding: 15px 0;}
	.row2 .col{padding: 0 15px;}
	.row2 .content{margin: 0 -15px;}
	.fd-link{line-height: 24px;}
	#mian-col{margin-right: 255px;}
	.m-info .pic{margin-right: 20px;width: 250px;height: 254px;}
	#ban{height: 290px;}
 
}



/*Common For Max 768*/
@media only screen and (max-width: 959px) {
	#nv{height: 40px;}
	.nav li{margin-right: 0;}
	.nav li .v1{padding: 0 20px;font-size: 14px;line-height: 40px;}
	.nav dd a{font-size: 13px;padding: 0 20px;}
	.nav dd{width: auto;}
	#banner{height: 400px;}
	.m-key dt{margin-right: 0;}
	.m-key dd a {margin: 0 10px 0 7px;}
	.m-list1 li{width: 50%;}
	.m-list2 li .img{padding-top: 57%;}
	.m-list2 h4{line-height: 40px;height: 40px;font-size: 13px;}
	.m-list2 li:last-child .con{padding-bottom: 40px;}
	.m-list2 .txt .btn{width: 50px;height: 50px;}
	.m-list2 .txt{bottom: -40px;}
	.m-list3 .centent{padding: 0 10px;height: 310px;}
	.m-list3 ul{padding: 30px 10px 0;}
	.m-list4 .con span{margin-top: 15px;margin-bottom: 5px;}
	.m-list4 li{padding: 0 2px;}
	.m-list4{margin: 30px -2px 0;}
	.row1 .left{width: auto;float: none;margin-bottom: 20px;}
	.row1 .right{width: auto;float: none;}

	.row2 .col{float: none;width: auto;margin-bottom: 20px;}
	.row2{padding-bottom: 0;}
	.fd-nv{width: 80%;}
	#mian-col{margin-right: 0;}
	#side-col{float: none;width: auto;margin-bottom: 20px;}
	.row-d{padding-top: 0;}
	#ban{height: 230px;}
	.m-list2-1 li:last-child .con{padding-bottom: 0px;}

}



/*Common For Max 480*/
@media only screen and (max-width: 767px) {
	#hd{height: 60px;border-bottom: 1px solid #ccc;}
	.logo img{height: 40px;}
	#hd .hdr{display: none;}
	.menuBtn{display: block;position: absolute;right: 0;top: -52px;}
	#nv{position: absolute;width: 100%;z-index: 999;left: 0;top: 60px;
		background: rgba(0,0,0,.8);overflow: visible;height: auto;
	}
	.nav li{float: none;}
	.nav dl{height: auto;position: static;}
	.nav dd{float: none;}
	.nav dd a{padding: 0;height: 35px;line-height: 35px;}
	#banner{height: 300px;}
	.bt-top{height: auto;padding-bottom: 10px;}
	.m-key{float: none;width: auto;text-align: center;line-height: 40px;height: 40px;}
	.m-key dl{display: inline-block;}
	.soBox{margin-top: 0;float: none;width: auto;}
	.g-tit1{padding-top: 20px;}
	
	.m-list2 li:first-child{width: auto;float: none;}
	.m-list2 li{width: 50%;}

	.m-tab1 li{display: inline-block;float: none;margin-bottom: 5px;width: 95px;}
	.m-list4 li{width: 33.33%;margin-bottom: 4px;}
	.m-list4 li a{padding-top: 0;height: 100px;}
	.m-list4 .con span{margin-top: 22px;}
	#fd{padding-top: 30px;}
	.fd-service{padding-bottom: 30px;}
	.fd-tel{position: static;width: auto;margin-bottom: 20px;}
	.fd-ma{position: static;margin: 0 auto;}
	.fd-nv{width: auto;padding-left: 50px;}
	.fd-center{padding: 15px 0;}
	.ul-list1 .con{margin: 0 5px;}
	.ul-list1{margin: 0 -5px 20px;}
	.ul-list1 h3 a{font-size: 16px;}
	.ul-list1 .pic{margin-bottom: 4px;}
	.ul-list1 li{margin-bottom: 10px;}
	.m-list2-1 li:first-child{width: 50%;float: left;}
	.m-txt2{padding: 20px 10px 0;}
	.m-txt2 p{margin-bottom: 15px;font-size: 13px;}
	.m-txt2 img{margin-bottom: 10px;}
	.ul-list2 li{padding: 10px 5px 10px;}
	.ul-list2 .time{margin-right: 10px;}
	.m-arrow span{margin-right: 10px;}
	.m-info .pic{margin: 0 auto 20px;float: none;}
	.m-info h3{margin-bottom: 5px;}
	.m-info .tel{margin-bottom: 0px;}
	.m-info p.p1{height: auto;}
	.m-txt4 .pic{width: auto;float: none;}
	.m-txt4{padding: 20px 10px 50px;}
	.m-txt4 h3{margin-bottom: 25px;}
	#ban{height: 150px;}



}

@media only screen and (max-width: 640px) {
	.m-list1 li{width: auto;float: none;margin-bottom: 5px;}
	.m-list3 ul{width: auto;float: none;padding-top: 0;}
	.m-list3 li{margin-bottom: 10px;}
	.m-list3 .centent{height: auto;padding-top: 19px;}
	.m-list3{margin-top: 0;padding: 30px 0;}
	.m-list5 .slick-arrow{width: 20px;height: 20px;margin-top: -10px;
		-o-background-size: 100% auto;
		-ms-background-size: 100% auto;
		-moz-background-size: 100% auto;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}
	.m-list5{padding: 30px 30px 0;}
	.m-list5 .pic{margin-bottom: 10px;}
	.m-list5 .item p{font-size: 15px;}

	.m-list6-1 .pic{float: none;margin: 0 auto;}
	.m-list6-1 .txt{padding-top: 15px;}
	.m-list6-1 h3{margin-bottom: 5px;}
	.m-list6-1 .more{float: right;}
	.m-list6-1 p{margin-bottom: 5px;}
	.g-tit3 span{font-size: 16px;padding-bottom: 5px;}
	.m-txt1 .pic{margin-bottom: 5px;}
	.fd-service h3{font-size: 13px;margin-bottom: 3px;}
	.fd-service span{margin-bottom: 5px;}
	.fd-nv{padding-left: 10px;}
	.g-t1{height: 40px;line-height: 40px;font-size: 16px;}
	.g-t1 em{font-size: 13px;}
	.snv li .s1{height: 40px;line-height: 40px;font-size: 14px;}
	.snv li{margin-top: 5px;}
	.snv{margin-bottom: 10px;}
	.c-m1 h3{font-size: 18px;padding-bottom: 5px;}
}

/*Common For Max 320*/
@media only screen and (max-width: 479px) {
	#banner{height: 220px;}
	#banner .slick-dots{bottom: 10px;}
	#banner .slick-dots li{margin: 0 3px;}
	#banner .slick-dots li button{width: 10px;height: 10px;}
	.bt-top{padding-top: 10px;}
	.m-key{display: none;}
	.m-list2 li .con{margin: 0 3px;}
	.m-list2{margin: 0 -3px 45px;}
	.m-list2 h4{font-size: 12px;}
	.m-list2 .txt p{font-size: 13px;}
	.m-list2 .txt{padding-top: 20px;}
	.m-list2 .bot{font-size: 12px;bottom: 10px;}
	.m-list2 .txt .btn{width: 30px;height: 30px;}
	.m-list2{padding-top: 10px;}
	.g-tit1{font-size: 20px;}
	.m-list1{margin-top: 20px;}
	.m-list3 .centent{padding: 19px 0 0;}
	.m-list3 .txt h4{font-size: 14px;}
	.m-list3 .txt p{font-size: 12px;}
	.m-list3 li em{margin-right: 10px;}
	.m-list4 p{font-size: 13px;}
	.m-list3{padding: 0;margin-top: 20px;}
	.ul-new li a{line-height: 35px;height: 35px;font-size: 13px;}
	.ul-new{padding-top: 7px;}
	.fd-service{display: none;}
	.fd-link{padding-left: 0;}
	#fd{padding-top: 0;}
	.m-list1{padding-bottom: 6px;}
	.m-list2{margin-bottom: 5px;}
	.row1{padding-top: 20px;}
	.m-list5{padding-top: 10px;}
	.m-list6{padding: 10px 10px 20px 10px;}
	.fd-nv dt{font-size: 14px;}
	.fd-nv dd a{font-size: 12px;}
	.ul-list1 li{width: auto;float: none;}
	.g-cui .tit{font-size: 16px;}
	.g-cui .tit i{margin-right: 10px;}
	.g-cui{height: 40px;line-height: 40px;}
	.g-cui .cui{display: none;}
	.pages li a{height: 30px;width: 30px;line-height: 30px;font-size: 14px;}
	.pages li{margin: 0 3px;}
	.pages{margin-bottom: 30px;}
	.g-cui{margin-bottom: 0;}
	.m-list2-1 li{margin-bottom: 10px;}
	.ul-m1 h4{font-size: 15px;}
	.m-txt2 .logo-txt{width: 50%;margin: 0 auto;}
	.m-txt2 h3{font-size: 18px;margin-bottom: 10px;margin-top: 10px;}
	.ul-list2 .time{width: 85px;height: 70px;}
	.ul-list2 .time span{line-height: 30px;font-size: 14px;}
	.ul-list2 .time em{line-height: 39px;font-size: 28px;}
	.ul-list2 h3 a{font-size: 14px;}
	.ul-list2 .txt{padding-top: 0;}
	.ul-list2 h3{margin-bottom: 3px;}
	.ul-list2 p{font-size: 12px;line-height: 20px;height: 40px;}
	.m-txt3 h1{font-size: 18px;}
	.m-txt3 .time{margin-bottom: 10px;}
	.m-txt3 p{font-size: 12px;margin-bottom: 10px;}
	.m-txt3{padding: 20px 5px 0;}
	.m-arrow span{width: 70px;}
	.m-arrow a{font-size: 12px;}
	.m-arrow em{display: none;}
	.m-arrow li{margin-bottom: 10px;}
	.m-arrow{padding: 20px 5px 10px;}
	.m-info .service li{float: none;overflow: hidden;width: auto;margin-bottom: 10px;}
	.m-info .service{padding: 10px 0 0;}
	.m-info h3 a{font-size: 18px;}
	.m-info p.p1{line-height: 24px;}
	.m-info .tel{margin-bottom: 5px;}
	.g-btn1{width: auto;}
	.m-info .service{margin-bottom: 10px;}
	.m-info{padding: 20px 10px 10px;}
	.m-txt4 p{font-size: 13px;margin-bottom: 10px;}
	.m-txt4 h3{font-size: 18px;margin-bottom: 15px;}
	#ban{height: 105px;}

}
