﻿/*
* name: responsive
* version: v2.0.1
* update: 恢复使用max-width，最新版本的UC浏览器不支持max-device-width
* data: 2016-08-18
*/


/* import responsive stylesheet */

@import url(pad_1.css) screen and (max-width: 1024px);
@import url(mobile_1.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;
	}
}


/*
* 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;
	}
	.show-img {
		display: none;
	}
	.tongyong .pro_dt_part1 .pro_pic img {
		display: block !important;
	}
	.mm-list>li:nth-child(9) {
		display: none;
	}
	.contact-con {
		width: 100% !important;
		margin: auto !important;
		top: 50% !important;
	}
	.wrap12 {
		height: 1000px !important;
	}
	.liuyan-w {
		width: 100% !important;
		display: block !important;
	}
	.liuyan-w .liuyan {
		width: 98% !important;
		margin: auto !important;
	}
	.liuyan p {
		display: block !important;
	}
	.liuyan p input {
		width: 96% !important;
		margin: auto !important;
		display: block;
		margin-bottom: 20px !important;
	}
	.liuyan-w .rightl {
		width: 100% !important;
	}
	.lxwmboxs {
		width: 100% !important;
		margin: 0px auto 30px !important;
		display: flex !important;
		flex-direction: column !important;
	}
	.lxwmboxs ul {
		width: 96% !important;
		padding: 2% !important;
		color: white;
		background: url({dede:global.cfg_templets_skin/}/static/images/blue_08_1.png) repeat;
		line-height: 2;
	}
	.navb {
		width: auto !important;
	}
	.pt2_pros{
		width: 100% !important;
	}
	.pt2_pros ul{
		width: 100% !important;
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap !important;
	}
	.pt2_pros ul li{
		width: 49% !important;
	}
	.pt2 .wrap{
		padding: 0 !important;
		width: 100% !important;
	}
	.i-lunbo .bx-wrapper .bx-viewport{
		height: auto ;
	}
	.xc_tongyong .pt_onbanner{
		display:none;
	}
	.i-main88{
		width: 100% !important;
	}
	.i-main88 .top888{
		width: 96% !important;
	}
	.i-main88 .top88 ul li span{
		display:none !important;
	}
	.kkuu img{
		width: 100% !important;
		height: auto !important;
	}
	.kkuufu {
		width: 100% !important;
	}
	.product-list .pro-pic ul li{
		width: 49%;
	}
	.detail_box .leader01 .left{
		display: none;
	}
	.detail_box .wrap{
		width: 92%  !important;
		padding: 0 !important;
		margin: auto !important;
	}
		.detail_box .leader01 .right{
			width: 100% !important;
			margin: auto !important;
			
		}
	.detail_box .leader01 .right .infor{
		padding: 0 !important;
	}
	.detail_box .leader01 .right .infor .tit{
		line-height: 2;
	}
}

.tongyong .pro_dt_part1 .pro_pic img {
	display: none;
}