/*
* name: responsive
* version: v2.0.1
* update: 恢复使用max-width，最新版本的UC浏览器不支持max-device-width
* data: 2016-08-18
*/

/* import responsive stylesheet */
@import url(./Pad.css) screen and (max-width: 1024px);
@import url(./Mobile.css) screen and (max-width: 760px);
/* hide template textarea */
.UnpcPush textarea, .PcPush textarea, .MobilePush textarea, .UnmobilePush textarea {
	display: none;
}
/*
* PcMode
*/
body:after {
	display: block;
	height: 0;
	line-height: 0;
	overflow: hidden;
	visibility: hidden;
	content: 'Pc';
}
.PcMode:after {
	content: 'Pc' !important;
}
.UnpcPush, .MobilePush {
	display: none;
}
img[data-src] {
	opacity: 0;
	filter: alpha(opacity=0);
}
/*
* PadMode
*/
@media only screen and (max-width: 1024px) {
body:after {
	content: 'Pad';
}
body {
	user-select: none;
	-webkit-user-select: none;
}
html, body, .wrap {
	min-width: 0;
}
html {
	overflow-x: hidden;
}
body, input, textarea, button, select {
	font-size: 14px;
}
.wrap {
	padding-left: 2%;
	padding-right: 2%;
	width: auto;
}
.PcPush {
	display: none;
}
.UnpcPush {
	display: block;
}
}
@media only screen and (max-width:992px) {
.special_index_hd .header_tool {
	width: 30%;
}
.special_index .c_title {
	font-size: 25px;
}
.special_index .service_index_p1 .part_hd {
	margin-bottom: 15px;
}
.special_index {
	padding-top: 5%;
}
.service_index_p1 .p1_bd .list_title {
	font-size: 18px;
}
.service_index_p1 .p1_bd .list_title {
	margin-bottom: 10px;
}
.special_index_p4 .wrap {
	width: 740px;
	margin: 0 auto;
}
.body_main {
	padding-bottom: 0;
}
.pageFooter {
	background-size: cover;
}
}
/*
* MobileMode
*/
@media only screen and (max-width: 760px) {
body:after {
	content: 'Mobile';
}
body, input, textarea, button, select {
	font-size: 16px;
}
.wrap {
	padding-left: 4%;
	padding-right: 4%;
}
.UnmobilePush {
	display: none;
}
.MobilePush {
	display: block;
}
img[data-src] {
	opacity: 1;
}
.special_index_hd .logo {
	width: 100%;
	height: auto;
	margin: 0;
}
.special_index_hd .header_tool {
	width: auto;
	margin-top: 0;
}
.special_index_hd .logo a {
	display: inline-block;
	width: auto;
}
.special_banner {
	display: none;
}
.service_index_p1 .p1_bd li {
	width: 100%;
	margin-bottom: 2%;
}
.special_index_p4 .wrap {
	padding-left: 4%;
	padding-right: 4%;
	width: auto;
}
.special_index .service_index_p1 {
	padding-top: 5%;
}
.service_index_p2 .p2_bd .img_box, .service_index_p2 .p2_bd .list_text {
	width: 100%;
}
.service_index_p2 {
	background-size: cover;
}
.special_img_list .list_box .list_title {
	background-size: contain;
}
.service_index_p2 .p2_bd .text_box {
	padding: 4%;
}
}