﻿
/*Common For Max 960*/
@media only screen and (max-width: 1500px) {
	.so{display: none;}	
 
}
/*Common For Max 960*/
@media only screen and (max-width: 1199px) {
	.warp,.wp,.wp3{width: 98%;}
	.menuBtn{display: block;right: 10px;top: 40px;}
	#hd .hdr{float: none;position: fixed;width: 280px;top: 0;bottom: 0;left: -280px;
		background-color: #333;
		transition: .3s;
		-ms-transition: .3s;
		-moz-transition: .3s;
		-webkit-transition: .3s;
		-o-transition: .3s;
	}
	#hd .hdr.open{left: 0;}
	.so{display: block;margin: 0 20px;position: relative;right: auto;}
	.so .inp{width: 100%;}
	/*.so .btn{position: static;}*/
	.nav li{float: none;margin-left: 0;text-align: center;padding-bottom: 0;}
	.nav li .v1{width: auto;line-height: 50px;height: 50px;margin: 0 20px;font-size: 16px;}
	.nav dl{position: static;width: auto;padding: 10px 0;
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		-o-transform: translateX(0%);
		-ms-transform: translateX(0%);
		transform: translateX(0%);
	}
	.nav dd{display: block;}
	.nav dd a{height: 35px;line-height: 35px;font-size: 14px;color: #fff;}
	#banner,#ban{height: 600px;}
	.g-t1 h3,.g-t3 h3,.g-t2 h3{font-size: 32px;}
	.g-t1 em,.g-t3 em,.g-t2 em{font-size: 26px;}
	.fd-link a{font-size: 20px;}
	.m-txt5{background: none !important;padding: 100px 0 80px;}
	.m-txt5 .txt{float: none;margin: 0 auto;}
	.m-txt5 .txt h3{text-align: center;}
	.m-devel .slider{margin: 0 40px;}
	.m-list6 li p{font-size: 16px;}
	.m-list6{padding: 20px 0 100px;}
	.m-list3 .tit em{font-size: 20px;}
	.m-list3 .tit h4{font-size: 24px;}
	.m-list3 .i2 .tit span{font-size: 16px;}
	.m-list3 .title h4{font-size: 32px;}
	.m-list3 .title span{font-size: 16px;}
	.m-list4 .item li a{font-size: 20px;}
	.m-list7 .slick-dots{text-align: center;padding-top: 30px;}
	.m-list7 .slick-dots li{display: inline-block;width: 10px;height: 10px;padding: 0;
		border-radius: 50%;font-size: 0;text-indent: -99998px;background-color: #e0dfdd;
		margin: 0 5px;
	}
	.m-list7 .slick-dots li.slick-active{background-color: #e55159;}
	.m-list7{padding: 80px 0 50px;}
	.m-inp3{float: none;margin: 50px auto;}
	#ban.ban-1{height: auto;}
	.m-inp1{margin: 50px 0;}
	.m-list2 li p{font-size: 22px;}
	.m-list2{border-top: 0;}
	.fd-con .share .con a{margin-left: 15px;}
}

/*Common For Max 768*/
@media only screen and (max-width: 959px) {
	#banner,#ban{height: 450px;}
	.row1 .g-t1{padding-top: 35px;}
	.m-txt1 img{margin-top: 30px;}

	.m-list1 li span{width: 150px;height: 150px;
		-o-background-size: 90px auto;
		-ms-background-size: 90px auto;
		-moz-background-size: 90px auto;
		-webkit-background-size: 90px auto;
		background-size: 90px auto;
	}
	.m-list1 li p{font-size: 18px;}
	.row2{padding-bottom: 70px;}
	.fd-link a{font-size: 18px;padding: 0 30px;}
	.fd-link{height: 80px;}
	.fd-link p{margin: 28px -30px 0;}
	.fd-con .share .con a{margin-left: 10px;}
	.m-txt5{padding: 60px 0 40px;}
	.m-txt5 .txt h3{font-size: 22px;}
	.m-list6 li p{font-size: 16px;}
	.m-list3{padding-top: 50px;}
	.m-list3 ul{padding: 30px 0 80px;}
	.m-list4 .item li a{font-size: 18px;}
	.m-list9{margin: 0;padding-top: 0;}
	.m-list9 li{margin-top: 30px;}
	.m-list8{padding-top: 30px;}
	.m-list8 li a{height: 40px;line-height: 40px;}
	.m-list8 li p{font-size: 15px;}
	.m-txt3{padding-top: 50px;}
	.m-inp3{width: auto;}
	.m-list2 li p{font-size: 18px;}
	.fd-con .share .con{padding-right: 0;}
}



/*Common For Max 480*/
@media only screen and (max-width: 767px) {
	#hd{height: 60px;}
	.logo{line-height: 60px;margin-left: 10px;}
	.logo img{height: 50px;}
	.menuBtn{top: 6px;}
	#banner,#ban{height: 330px;}
	.m-txt1{font-size: 16px;}
	.m-txt1 img{margin-top: 15px;}
	.g-t1 h3,.g-t3 h3,.g-t2 h3{font-size: 24px;}
	.g-t1 em,.g-t3 em,.g-t2 em{font-size: 18px;}
	.m-list1 li{width: 50%;margin-bottom: 30px;}
	.fd-link a{font-size: 14px;padding: 0 10px;}
	.fd-link{height: 80px;}
	.fd-link p{margin: 28px -10px 0;}
	.fd-con .share{width: auto;float: none;border-right: 0;padding-right: 0;text-align: center;}
	.fd-con .share .con a{margin: 0 5px;}
	.fd-con .qr{float: none;margin: 0 auto;}
	.fd-con .share{padding: 20px 0;}
	.fd-con .share .con{text-align: center;}
	.fd-con{padding: 0;}
	.m-txt5{padding: 40px 10px 20px;}
	.m-txt5 .txt h3{font-size: 20px;margin-bottom: 10px;}
	.m-team .txt{padding: 15px 10px 10px 20px;}
	.m-team .txt span{margin-bottom: 10px;}
	.m-team .txt p{height: 150px;overflow: hidden;}
	.m-list6 li{width: 50%;}
	.m-txt6 h3{font-size: 26px;height: 120px;line-height: 120px;
		-o-background-size: auto 120px;
		-ms-background-size: auto 120px;
		-moz-background-size: auto 120px;
		-webkit-background-size: auto 120px;
		background-size: auto 120px;
	}
	.m-txt6 p{font-size: 16px;}
	.m-txt6 .txt{width: auto;margin: 0 10px;}
	.m-txt6 li a{font-size: 16px;}
	.m-list3 li{float: none;width: auto;}
	.m-list4 .item li a{font-size: 16px;height: 40px;line-height: 40px;margin: 0 5px;}
	.m-list4{padding: 30px 0 20px;}
	.m-list4 .item li{margin-bottom: 10px;}
	.m-list9 li{width: 50%;}
	.pages li a{margin: 0 3px;}
	.m-list5 .pic{float: none;margin: 0 auto 20px; }
	.m-list5 li{margin-top: 30px;}
	.m-list5 span{margin-bottom: 5px;}
	.m-list5 .con{padding-left: 0;}
	.m-list5 .con{margin: 0 8px;}
	.m-list7{padding: 50px 0 30px;}
	.m-txt3 h1{font-size: 24px;line-height: 1.5;}
	.m-txt3 span{font-size: 16px;}
	.col-side{float: none;width: auto;}
	.snv{padding-top: 0;}
	.col-main{margin-left: 0;}
	.m-txt4 img{margin: 30px auto;}
	.m-txt4{padding-top: 30px;}
	.m-txt4 .tit h1{font-size: 22px;}
	.m-txt4 .tit em{font-size: 20px;}
	.m-txt4 .tit{margin-bottom: 30px;}
	.m-inp3{padding-left: 20px;}
	.m-inp3 .col-l{width: auto;float: none;}
	.m-inp3 .col-c,.m-inp3 .col-r{width: 50%;padding-right: 20px;}
	.m-inp3 .col-l{padding-right: 20px;}
	.m-inp3 .btn{margin: 0 auto;float: none;}
	.m-inp1{float: none;margin: 30px auto;}
	.m-list2 li{width: auto;float: none;}
	.m-inp2{margin: 50px auto;float: none;}
	#ban.ban2-2{height: auto;}
	.fd-con{padding-bottom: 20px;}
	.fd-con .share p{padding-left: 0;}
	.fd-con .share{height: auto;}
}

/*Common For Max 320*/
@media only screen and (max-width: 479px) {
	#banner,#ban{height: 250px;}
	#banner .slick-dots{bottom: 10px;}
	#banner .slick-dots li button{width: 10px;height: 10px;padding: 0;}

	.g-t1 h3,.g-t3 h3,.g-t2 h3{font-size: 18px;margin-bottom: 5px;}
	.g-t1 em,.g-t3 em,.g-t2 em{font-size: 16px;}
	.g-t3{padding: 30px 0 20px;}
	.row1 .g-t1{padding-top: 20px;margin-bottom: 10px;}
	.m-txt1{font-size: 14px;line-height: 24px;}
	.row1{padding: 0 5px;}
	.row2 .g-t1{padding-top: 90px;margin-bottom: 25px;}
	.m-list1 li span{width: 120px;height: 120px;margin-bottom: 5px;
		-o-background-size: 70px auto;
		-ms-background-size: 70px auto;
		-moz-background-size: 70px auto;
		-webkit-background-size: 70px auto;
		background-size: 70px auto;
	}
	.m-list1 li p{font-size: 14px;}
	.row2{padding-bottom: 10px;}
	.fd-link{height: auto;}
	.fd-link p{margin: 10px 0px;}
	.fd-link a{border-right: 0;}
	.fd-con .share .con a{width: 60px;height: 60px;
		-o-background-size: auto 40px;
		-ms-background-size: auto 40px;
		-moz-background-size: auto 40px;
		-webkit-background-size: auto 40px;
		background-size: auto 40px;
	}
	.fd-con .share .sina {
	    background-position: 10px center;
	}
	.fd-con .share .tengxun {
	    background-position: -82px center;
	}
	.fd-con .share .mail {
	    background-position: -173px center;
	}
	.fd-con .share .weixin {
	    background-position: -263px center;
	}
	.fd-con .share{padding: 0;}
	.m-txt5{padding: 30px 10px 20px;}
	.m-txt5 .txt h3{font-size: 18px;}
	.m-txt5 .txt p{font-size: 14px;line-height: 26px;}
	.m-devel{padding-bottom: 20px;}
	.m-team .pic{float: none;margin: 0 auto;}
	.m-team li{border-top: 0;margin-bottom: 15px;}
	.m-team .txt{text-align: center;height: auto;}
	.m-team .txt p{height: auto;}
	.m-team ul{border-bottom: 0;overflow: visible;height: auto;}
	.m-team{padding-bottom: 30px;}
	.m-list6 li span{
		-o-background-size: 100px auto;
		-ms-background-size: 100px auto;
		-moz-background-size: 100px auto;
		-webkit-background-size: 100px auto;
		background-size: 100px auto;
	}
	.m-list6 li a{padding-top: 50px;}
	.m-share .con{width: 95%;float: none;margin: 0 auto;}
	.m-share .tit h3{font-size: 20px;}
	.m-share .tit em{font-size: 22px;}
	.m-share{background: none !important;padding: 40px 0;}
	.m-txt6{padding: 30px 0 50px;}
	.m-txt6 h3{font-size: 18px;height: 80px;line-height: 80px;
		-o-background-size: auto 80px;
		-ms-background-size: auto 80px;
		-moz-background-size: auto 80px;
		-webkit-background-size: auto 80px;
		background-size: auto 80px;
	}
	.m-txt6 p{font-size: 14px;line-height: 26px;}
	.m-list3{padding-top: 30px;}
	.m-list3 .title h4{font-size: 24px;}
	.m-list3 ul{padding: 20px 0 50px;}
	.m-list4 .item li a{font-size: 12px;height: 30px;line-height: 30px;}
	.m-list4 .slick-dots li button{padding: 0;height: 10px;width: 10px;}
	.m-list4 .slick-dots li{margin: 0 5px;}
	.m-list3 ul{padding-bottom: 20px;}
	.m-list4 .item li:last-child a{
		-o-background-size: 20px auto;
		-ms-background-size: 20px auto;
		-moz-background-size: 20px auto;
		-webkit-background-size: 20px auto;
		background-size: 20px auto;
	}
	.m-txt2{font-size: 14px;line-height: 24px;padding-bottom: 30px;margin: 0 5px;}
	.m-list1-1{padding: 30px 0 10px;}
	.g-t2-1{padding: 30px 10px;}
	.pages li{margin-bottom: 5px;}
	.m-list9{margin: 0 5px;}
	.m-list9 li{margin-top: 15px;}
	.m-list9 li a{margin: 0 5px;}
	.m-list9{padding-top: 10px;}
	.pages{padding: 30px 0;}
	.menuBtn{width: 35px;right: 0;}
	.m-fix{display: none;}
	.m-list9 .pic{margin-bottom: 10px;}
	.m-list5 h3{font-size: 15px;}
	.m-list5 .pic{margin-bottom: 12px;}
	.m-list5 h3{margin-bottom: 5px;}
	.m-list5 p{line-height: 24px;height: auto;}
	.m-list8 li p{height: 35px;line-height: 35px;float: none;font-weight: normal;font-size: 14px;font-weight: normal;}
	.m-list8 li a{height: 35px;line-height: 35px;}
	.m-list8 li span{font-size: 12px;font-weight: normal;position: static;float: right;}
	.m-txt3{margin: 0 8px;}
	.m-txt3 h1{font-size: 18px;}
	.m-txt3 span{padding: 10px 0;font-size: 14px;}
	.m-txt3 .txt{font-size: 14px;line-height: 24px;}
	.m-txt3 img{margin-bottom: 20px;}
	.m-txt3 .tit{margin-bottom: 20px;}
	.m-txt3{padding: 30px 0;}
	.m-txt4 .tit h1{font-size: 18px;margin-bottom: 3px;}
	.m-txt4 .tit em{font-size: 16px;line-height: 22px;}
	.m-txt4 .tit span{font-size: 14px;}
	.m-txt4{margin: 0 8px;}
	.m-txt4 .tit{margin-bottom: 20px;}
	.m-inp3 .col-c, .m-inp3 .col-r{padding: 0;width: auto;float: none;margin-bottom: 20px;}
	.m-inp3 .con{margin-bottom: 0;}
	.m-inp3 .btn{width: 100%;margin-right: 20px;}
	.m-inp3{padding-right: 20px;}
	.m-inp3 .col-l{padding-right: 0;margin-bottom: 20px;}
	.m-inp3 h3{font-size: 24px;}
	.m-inp1{width: 90%;}
	.m-inp1{padding: 15px;}
	.m-inp1 h3{font-size: 24px;}
	.m-inp1 span{font-size: 14px;}
	.m-inp1 .inp1{font-size: 14px;}
	.m-list2{margin: 0 10px;}
	.m-list2 li{margin-bottom: 15px;}
	.m-list2 li span{width: 80px;height: 80px;}
	.m-list2 li p{font-size: 16px;line-height: 80px;height: 80px;}
	.m-inp2{width: auto;padding: 20px 15px 15px;}
	.m-inp2 .tit h3{font-size: 20px;}
	.m-inp2 .tit em{font-size: 15px;}
	.m-inp2 .bot span{font-size: 18px;}
	.m-inp2 .bot p{font-size: 28px;}
	.fd-con .share .con{margin-bottom: 0;padding-top: 10px;}
	.fd-con .share{margin-bottom: 10px;}
	.fd-con .share p{font-size: 12px;line-height: 22px;}
}
