/*Common For Max 1680*/
@media only screen and (max-width: 1680px) {
#banner {
	height: 600px;
}
.index-con5 .right dl dd span {
	font-size: 16px;
	width: 25%;
	padding-left: 5%;
}
}

/*Common For Max 1440*/
@media only screen and (max-width: 1440px) {
#banner {
	height: 550px;
}
}

/*Common For Max 1280*/
@media only screen and (max-width: 1280px) {
#banner {
	height: 500px;
}
}

/*Common For Max 1200*/
@media only screen and (max-width: 1200px) {
.wp {
	width: 100%;
}
.hd .logo {
	left: 10px;
	margin-left: 0;
}
.foot .top {
	width: 40px;
	height: 40px;
	border-radius: 7px;
	top: -20px;
	left: 10px;
}
.foot .top img {
	margin-top: 10px;
	width: 60%;
}
.foot .logo3 {
	margin: 30px;
}
.foot .copyright {
	margin: 80px 10px;
}
.related {
	padding: 30px 0;
}
.index-con3 h1, .index-con3 h2 {
	color: #fff;
	font-size: 30px;
}
#banner {
	height: 400px;
}
.caselist li {
	width: 50%;
}
}

/*Common For Max 1000*/
@media only screen and (max-width: 1000px) {
.index-con5 .right dl dd span {
	font-size: 14px;
}
.index-con5 {
	background: none;
	padding: 0;
}
.index-con5 .left, .index-con5 .right, .case .left, .case .right {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}
.index-con5 .left {
	background: url("../images/footbg.jpg") no-repeat left top;
	background-size: 300% auto;
}
.index-con5 .right {
	background: url("../images/footbg.jpg") no-repeat right top;
	background-size: auto 100%;
}
.index-con5 .right ul li {
	border-right: 0;
	margin: 0 auto;
	line-height: 200%;
}
.index-con5 .right dl dt, .index-con5 .right dl dd {
	width: 100%;
}
.index-con5 .right dl dd span {
	width: 33%;
	padding: 0;
}
	.hd-r{width: 60%;}
}

/*Common For Max 768*/
@media only screen and (max-width: 768px) {
body {
	padding-top: 60px;
}
#banner {
	height: 260px;
}
#hd {
	display: none;
}
#m-hd {
	display: block;
}
.related {
	padding: 20px 0;
}
.index-con3 h1, .index-con3 h2 {
	color: #fff;
	font-size: 20px;
	padding-left: 10%;
}
.about {
	padding: 10px 0;
}
/*内页*/


}

/*Common For Max 480*/
@media only screen and (max-width: 480px) {
#banner {
	height: 165px;
}
.caselist li {
	width: 100%;
	float: none;
}
.index-con3 {
	overflow: hidden
}
.index-con3 img {
	max-width: none;
	width: 150%;
}
.about .left, .about .right {
	width: 100%;
}
.about .right {
	padding: 10px;
	box-sizing: border-box;
}
.service .circle, .service .middle {
	width: 80%;
	float: none;
	margin: 0 auto;
}
.service .middle .arrowl, .service .middle .arrowr {
	transform: rotate(90deg);
	ms-transform: rotate(90deg); /* IE 9 */
	moz-transform: rotate(90deg); /* Firefox */
	webkit-transform: rotate(90deg); /* Safari and Chrome */
}
.service .middle .arrowr {
	position: absolute;
	left: -30%;
	width: 90%;
	bottom: 64%;
}
.service .middle .arrowl {
	position: absolute;
	right: -30%;
	width: 90%;
	top: 64%;
}
.foot .copyright {
	font-size: 16px;
}
/*内页*/
.tagline .left, .tagline .right {
	width: 100%;
	float: none;
	margin: 0;
	padding: 0;
}
.related {
	padding: 10px 0;
}
.related .wp {
	margin: 0 auto;
}
}

/*Common For Max 320*/
@media only screen and (max-width: 320px) {
.slider .slick-dots {
	bottom: 15px;
}
#banner {
	height: 100px;
}
/*内页*/

}