/*base*/ body {
	font-family:Arial,sans-serif;
	color:#000;
	font-size:15px;
	padding:0;
	margin:0;
	position:relative;
	line-height: 1.8;
}
button,button:focus {
	outline:none;
	border:none;
}
ul,li {
	list-style:none;
	margin:0;
	padding:0;
}
input:focus {
	outline:none
}
a {
	color:#000;
}

	a:visited, a:after, a:active {
		text-decoration: none;
	}


/* a:hover {
	color:#2ebac0
} */
.table td, .table th{
	vertical-align: middle;
}

.pd20{
	padding:20px;
}




.head {
	padding:5px 0px 0px 0px;
	background-color:#f8f8f8;
	width:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:1000;
}
.head .top{
	height: 82px;
}
.login {
	width: 100%;
	height: auto;
	max-width: 280px;
	margin-top: 20px;
}



.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
	background-color: #eedaf9;
}
.topright{
	float:right;
}

.searchdiv {
	float: left;
	width: 88%;
	border: 1px solid #ccc;
	background-color: #fff;
	margin-top: 30px;
	height: 40px;
	border-radius: 4px 0px 0px 4px;
}

#searchselectbtn {
	background-color: #fff;
	padding: 2px 6px;
	line-height: 1.5;
	border-radius: 0px;
	width: 100%;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#searchselectbtn .caret {
	color: #888;
}
.searchselect {
	width: 150px;
	float: left;
	margin: 6px 0px;

}
.searchkey {
	font-size: 1.4rem;
	border: none;
	float: left;
	border-left: 1px solid #949494;
	padding:2px 10px;
	line-height:1.5;
	width:calc(100% - 150px);
	box-sizing:border-box;
	margin-top:6px;
	border-radius:0px;
}

.searchBtn {
	color: #fff;
	font-size: 1.4rem;
	box-sizing: content-box;
	background-color: #503191;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	float: left;
	width: calc(12% - 2px);
	margin-top: 30px;
	height: 40px;
	background-image:url(../images/search-btn-new.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:auto 20px;

}


.toplink {
	float: right;
	margin: 0px;
	padding: 0px;
	margin-top:0px;
	width: 80%;
	font-size: 1.6rem;
	height: 20px;
	line-height:20px;
}

.toplink li {
	width: 33%;
	float: left;
	list-style: none;
	text-align: center;
	border-right: 1px solid #e0e0e0;
	height: 100%;
}

.toplink li:last-child {
	border-right:none;
}

#shoppingCartCount{
	display:inline-block;
	padding:2px 4.5px;
	border-radius:50%;
	position:absolute;
	top:0px;
	right:12px;
	font-size:0.8rem;
	background-color:red;
	color:#fff;
	line-height:1rem;
}


.toplink li a {
	color: #503191;
	font-size: 1.4rem;
	font-weight: bold;
	padding: 0px 10px;
	border-radius: 4px;
	display: inline-block;
}

.toplink li a:hover {
	color: #503191;
	font-weight: bold;
	background-color: #eedaf9;
	text-decoration: none;
	line-height: 20px;
}

	.toplink li a.car {
		background-image: url(../images/car.png);
		background-size: contain;
		background-position: center center;
		background-repeat: no-repeat;
		display: inline-block;
		height: 20px;
		width: 80%;
		position:relative;
		float:left;
	}

.moblietopright{
	display:none;
}


.toplink li.tel {
	background-image: url(../images/tel.png);
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	height: 100%;
	position: relative;
}
.toplink li.tel .telplane {
	display:none;
	position: absolute;
	text-align:left;
	left: -140px;
	top: 24px;
	width:200px;
	height:120px;
	line-height:24px;
	color:#222;
	font-size:1.5rem;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	padding:10px;
}
.toplink li.tel .telplane span{
	display:block;
	border-bottom:1px solid #eee;
	padding:5px;
}
.toplink li.tel .telplane i {
	font-size: 1.2rem;
	color: #aaa;
	display: block;
	text-align:center;
	font-style:normal;
	padding-top:5px;
}

.toptel {
	float: right;
	width: 70%;
	margin-top: 15px;
	background-image: url(../images/tel_b.png);
	background-position: left center;
	background-size: 24px auto;
	background-repeat: no-repeat;
	padding-left: 36px;
	font-size: 1.4rem;
}
.toptel li {
	float: left;
	width: 100%;
	min-width: 160px;

	line-height:1.6;
}
.toptel label {
	font-weight:normal;
	color: #444;
	float: left;
	margin: 0px;
	padding: 0px 5px;
}
	.toptel span {
		float: left;
		color: #444;
		font-weight: normal;
	}
.toptel p {
	font-size: 1.3rem;
	color: #666;
}
	/* WebKit/Blink */
	::-webkit-input-placeholder {
		color: #aaa;
	}
/* Firefox 4-18 */
:-moz-placeholder {
	color: #aaa;
}
/* Firefox 19+ */
::-moz-placeholder {
	color: #aaa;
}
/* IE 10+ */
:-ms-input-placeholder {
	color: #aaa;
}



.topmenudiv {
	width: 100%;
	background-color: #503191;
	margin-top:20px;
}
.topmenu {
	width: 100%;
}
.topmenu > ul {
	float: left;
	width: 100%;
}

	.topmenu > ul > li {
		float: left;
		width: 200px;
		height: 45px;
		position: relative;
		line-height: 45px;
		font-size: 1.6rem;
	}

.topmenu > ul > li > ul {
	background: #351676;
	position: absolute;
	left: 0;
	top: 44px;
	z-index: 10000000;
	float: left;
	width: 100%;
}

.topmenu > ul > li > ul > li {
	width: 100%;
	color: #fff;
	text-align:center;
}

.topmenu > ul > li > ul > li > a {
	color: #fff;
}

.topmenu > ul > li > ul:before, .topmenu > ul > li > ul:after {
	content: "";
	display: table;
}

	.topmenu > ul > li > a, .topmenu > ul > li > span, .topmenu > ul > li > ul > li > a, .topmenu > ul > li > ul > li > span {
		width: 100%;
		display: block;
		float: left;
		height: 100%;
		color: #fff;
		text-align: center;
		-webkit-transition: color 0.2s linear, background 0.2s linear;
		-moz-transition: color 0.2s linear, background 0.2s linear;
		-o-transition: color 0.2s linear, background 0.2s linear;
		transition: color 0.2s linear, background 0.2s linear;
	}

	.topmenu > ul > li > a.active {
		background-color: #351676;
		color: #fff;
	}

.topmenu > ul > li > a.active:hover {
	background-color: #fff;
	color: #222;
	text-decoration: none;
}


.topmenu > ul > li:hover > ul {
	padding:0px 0px;
}

.topmenu > ul > li:hover > ul > li {
	max-height: 45px;
}



.topmenu > ul > li > ul > li {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 200ms ease;
	-moz-transition: max-height 200ms ease;
	-o-transition: max-height 200ms ease;
	transition: max-height 200ms ease;
}

.topmenu > ul > li > ul > li > a:hover {
	text-decoration: none;
	background: #4f0a6b;
	transition: all .7s ease 0s;
}
	.topmenu > ul > li > ul > li > span:hover {
		text-decoration: none;
		background: #4f0a6b;
		transition: all .7s ease 0s;
	}


	.topmenu > ul > li > ul > li > a:hover {
		background-color: rgba(100,74,154,0.50);
		color: #fff;
	}

	.topmenu > ul > li:hover > a {
		background-color: #3f1c89;
		color: #fff;
		text-decoration: none;
	
	}
	.topmenu > ul > li:hover > span {
		background-color: #3f1c89;
		color: #fff;
		text-decoration: none;
	}


	.topmenu > ul > li:hover > ul > a {
		background-color: #30146a;
		color: #fff;
		font-size: 1.4rem;
	}

		.topmenu > ul > li > div.productmenu {
			position: fixed;
			left: 0px;
			top: 152px;
			background: #fff;
			z-index: 10000000;
			width: 100%;
			background-image: url(../images/submenubg.png);
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
			
		}

	.topmenu > ul > li > div.productmenu > ul {
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
		width: 1170px;
		position:relative;
	}

	.topmenu > ul > li > div.productmenu > ul > li {
		overflow: hidden;
		max-height: 0;
		-webkit-transition: max-height 200ms ease;
		-moz-transition: max-height 200ms ease;
		-o-transition: max-height 200ms ease;
		transition: max-height 200ms ease;
		width:100%;
	}


.topmenu > ul > li:hover > div.productmenu > ul > li {
	max-height:60px;
	padding-bottom:10px;

}

	.topmenu > ul > li > div.productmenu > ul > li > a {
		width: 240px;
		padding: 10px;
		color: #222;
		text-decoration: none;
		line-height:38px;
		float: left;
		border-bottom: 1px solid #ddd;
		background-image: url(../images/arrow_r2.png);
		background-position:98% center;
		background-repeat: no-repeat;
		background-size:12px auto;
	
	}

	.topmenu > ul > li > div.productmenu > ul > li:hover > a {
		color: #652088;
		background-image: url(../images/arrow_r3.png);
		/*	background-color:#fafafa;*/
	}

	.topmenu > ul > li > div.productmenu > ul > li > ul {
		float: left;
		width: calc(100% - 280px);
		padding-top: 10px;
		padding-left: 30px;
		/*background-color: #fafafa;*/
		display: none;
		position: absolute;
		left: 270px;
		top: 10px;
		height:calc(100% - 15px);
		background-position: 95% 90%;
		background-repeat: no-repeat;
		background-size:240px;
		background-color:rgb(255,255,255,0.5);
		border-radius:30px;


}

	.topmenu > ul > li > div.productmenu > ul > li > ul.icon_1 {
		background-image: url(../images/pIcon_01_t.png);
	}
	.topmenu > ul > li > div.productmenu > ul > li > ul.icon_2 {
		background-image: url(../images/pIcon_02_t.png);
	}
	.topmenu > ul > li > div.productmenu > ul > li > ul.icon_3 {
		background-image: url(../images/pIcon_03_t.png);
	}
	.topmenu > ul > li > div.productmenu > ul > li > ul.icon_4 {
		background-image: url(../images/pIcon_04_t.png);
	}
	.topmenu > ul > li > div.productmenu > ul > li > ul.icon_5 {
		background-image: url(../images/pIcon_05_t.png);
	}
	.topmenu > ul > li > div.productmenu > ul > li > ul.icon_6 {
		background-image: url(../images/pIcon_06_t.png);
	}



	.topmenu > ul > li > div.productmenu > ul > li > ul > li {
		float: left;
		margin: 0px 5px 10px 5px;
		line-height: 30px;
	}

.topmenu > ul > li > div.productmenu > ul > li > ul > li > a {
	color: #222;
	font-size: 1.6rem;
	text-decoration: none;
	padding: 5px 50px;
	border-radius:5px;
}

.topmenu > ul > li > div.productmenu > ul > li > ul > li > a:hover{
	color:#652088;
	background-color:#e8e0f9;
			
}
.topmenu > ul > li > div.productmenu > ul > li:hover > ul {
	display:inline-block;
}


#myCarousel {
	float: left;
}

#myCarousel img.mb{
	display:none;
}
.subbanner {
	float: left;
	width: 100%;
	margin-top: 152px;
}

.outdiv {
	padding-top: 180px;
}


	.subbanner img {
		width: 100%;
		float: left;
	}

.subbanner img.mb {
	display:none;
}



.subpagelink {
	float: left;
	width: 100%;
	padding: 10px 0px;
	background-color: rgb(240, 240, 240);
	line-height: 30px;
}
.subpagelink a {
	color: #6c757d;
	margin: 0px 5px;
	float: left;

}
.subpagelink a.home {
	padding-left: 30px;
	background-image: url(../images/home_2.png);
	background-position:center left;
	background-repeat:no-repeat;
	background-size:20px auto;
}
.subpagelink span {
	float: left;
	color: #6c757d;
	margin: 0px 5px;
}
.subpagelink label {
	float: left;
	color: #503191;
	margin: 0px 5px;
	font-weight: normal;
}

.subbody {
	float: left;
	width: 100%;
	padding:20px 0px;
	background-color:#fff;
}

.subleft {
	width:20%;
	float: left;
	background-color: #f7f7f7;
}

.subleft .lefttitle{
	width:100%;
	float:left;
	padding:10px 20px 1px 50px;
	background-image:url(../images/xb.png);
	background-position:98% 20%;
	background-repeat:no-repeat;
	background-size:70px auto;
	background-color:#503191;
	border-bottom:8px solid #6b50a7;
	position:relative;
}
	.subleft .lefttitle .moblieleftmenu {
		position: absolute;
		top: 5px;
		right: 10px;
		display: none;
		width:40px;
		height:40px;
		background-image: url(../images/menu_f.png);
		background-position:center;
		background-repeat: no-repeat;
		background-size: 36px auto;
		z-index:50;
	}



	.subleft .lefttitle h3 {
		color: #fff;
		font-weight: bold;
	}

	.subleft .lefttitle p {
		color: #fff;
	}

	.subleft .subleftenu {
		float: left;
		width: 100%;
		padding: 20px 0px 60px 0px;
		border-left: 8px solid #cecece;
	}

	.subleft .subleftenu li {
		float: left;
		width: 100%;
	}

	.subleft .subleftenu li a {
		float: left;
		width: 100%;
		padding:0px 15px 0px 12%;
		font-size: 1.6rem;
		position:relative;
	}

		.subleft .subleftenu li ul li a {
			float: left;
			width: 100%;
			padding: 0px 15px 0px 16%;
			font-size: 1.5rem;
			position: relative;
		}


	.subleft .subleftenu > li > a::before {
		content: '';
		position: absolute;
		height:100%;
		width: 8px;
		left: -8px;
		top: 0px;
		background-color: none;
		-webkit-transition: background 0.2s linear;
		-moz-transition: background 0.2s linear;
		-o-transition: background 0.2s linear;
		transition: background 0.2s linear;
	}


		.subleft .subleftenu > li > ul > li a::before {
			content: '';
			position: absolute;
			height: 100%;
			width: 8px;
			left: -8px;
			top: 0px;
			background-color: none;
			-webkit-transition: background 0.2s linear;
			-moz-transition: background 0.2s linear;
			-o-transition: background 0.2s linear;
			transition: background 0.2s linear;
		}



	.subleft .subleftenu  .childList {
		float:left;
		width:100%;
		display:none;
	}

	.subleft .subleftenu > li.action ul{
		display:block;
	}

	.subleft .subleftenu > li.action > a::before {
		background-color: #503191;
	}



		.subleft .subleftenu > li.action > ul > li.action a::before {
			background-color: #503191;
		}



	.subleft .subleftenu li.action > a{
		background-color:#f0f0f0;
	}



	.subleft .subleftenu li.haschild >a > span.arrow{
		background-image:url(../images/arrow_r2.png);
		background-position:center right;
		background-repeat:no-repeat;
		background-size:12px auto;
	}

	.subleft .subleftenu li.haschild.action > a > span.arrow {
		background-image: url(../images/arrow_d2.png);
		background-position: center right;
		background-repeat: no-repeat;
		background-size: 12px auto;
		font-weight: bold;
	}


	.subleft .subleftenu li.action > a > span {
			color: #503191;
	}

	

	
	.subleft .subleftenu li a span {
		float: left;
		width: 100%;
		padding: 12px 0px;
		border-bottom: 1px solid #cecece;
		line-height:24px;
		padding-right:18px;

	}

	.subleft .subleftenu li > a > span {
		color: #222;
		font-weight:bold;
	}

	.subleft .subleftenu li > ul > li a > span {
		color: #565656;
		font-weight: normal;
	}


	.subleft .subleftenu li ul li a span {
		float: left;
		width: 100%;
		padding: 12px 0px;
		border-bottom: 1px solid #cecece;
		color: #565656;
		
	}


.subleft .subleftenu li a:hover span {
	text-decoration: none;
	color: #503191;
}

.subleft .subleftenu li:hover > a::before {
	background-color: #503191;
}



.subleft .subleftenu li:hover {

}
.subright {
	width: 80%;
	float: left;
	padding:0px 0px 20px 30px;
}

.subbody .subheader {
	width: 100%;
	float: left;
	padding: 0px 10px;
}


.subright .productlist{
	width:100%;
	float:left;
}
.subright .productlist li{
	width:22%;
	margin:0px 1.5% 30px 1.5%;
	padding:15px;
	float:left;
	background-color:#f8f8f8;
}
.subright .productlist li a{
	display:block;
	float:left;
	width:100%;
}

.payoutdiv {
	width: 100%;
	text-align: center;
	padding-top: 0px;
}
	.payoutdiv .indiv {
		margin: 10% auto;
		width: 300px;
	}

.msg-tips a{
	color:#503191;
}


.subright .productlist li .img {
	float: left;
	width: 100%;
	height: 150px;
	margin: 0px;
	overflow: hidden;
	text-align: center;
}
	.subright .productlist li .txt {
		float: left;
		width: 100%;
	
	}
	.subright .productlist li .txt i{
		font-style:normal;
		display:none;
	}


	.subright .productlist li .img img {
		width: auto;
		height: 90%;
		margin:5% auto;
		-webkit-transition: height 0.2s linear,margin 0.2s linear;
		-moz-transition: height 0.2s linear,margin 0.2s linear;
		-o-transition: height 0.2s linear,margin 0.2s linear;
		transition: height 0.2s linear,margin 0.2s linear;
	}

	.subright .productlist li h4 {
		float: left;
		padding: 10px 0px 5px 0px;
		width: 100%;
		display: block;
		text-decoration: none;
		font-size: 1.6rem;
		color: #222;
		margin: 10px 0px 0px 0px;
		text-align: center;
		overflow: hidden;
		text-overflow: ellipsis;

		white-space: nowrap;
	}
	.subright .productlist li label {
		float: left;
		padding: 2px 0px 0px 0px;
		margin: 0px;
		width: 100%;
		display: block;
		text-decoration: none;
		font-size: 1.3rem;
		color: #888;
		font-weight: normal;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.subright .productlist li span {
		float: left;
		padding: 2px 0px;
		margin: 0px;
		width: 65%;
		display: block;
		text-decoration: none;
		font-size: 1.3rem;
		color: #888;
		font-weight: normal;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.subright .productlist li b {
		float: left;
		padding: 2px 0px;
		margin: 0px;
		width: 35%;
		display: block;
		text-decoration: none;
		font-size: 1.3rem;
		color: #503191;
		font-weight: normal;
		text-align:right;

	}

	.subright .productlist li:hover {
		background-color:#f8f6fa;
	}
	.subright .productlist li:hover h4 {
		color:#503191;
		font-weight:bold;
	}


	.subright .productlist li:hover .img img {
		width: auto;
		height: 100%;
		margin:0% auto;
	
	}





	.subright .technicallist {
		width: 100%;
		float: left;
	}

		.subright .technicallist li {
			width: 29.3%;
			margin: 0px 2% 30px 2%;
			padding: 20px;
			float: left;
			background-color: #f8f8f8;
			border-radius:10px;
		}

			.subright .technicallist li a {
				display: block;
				float: left;
				width:100%;

			}



			.subright .technicallist li .img {
				float: left;
				width: 100%;
				height: 180px;
				margin: 0px;
				overflow: hidden;
				text-align: center;
			}

			.subright .technicallist li .txt {
				float: left;
				width: 100%;
			}




			.subright .technicallist li .img img {
				width: auto;
				height: 90%;
				margin: 5% auto;
				-webkit-transition: height 0.2s linear,margin 0.2s linear;
				-moz-transition: height 0.2s linear,margin 0.2s linear;
				-o-transition: height 0.2s linear,margin 0.2s linear;
				transition: height 0.2s linear,margin 0.2s linear;
			}

			.subright .technicallist li h4 {
				float: left;
				padding: 10px 0px 5px 0px;
				width: 100%;
				display: block;
				text-decoration: none;
				font-size: 1.6rem;
				color: #652088;
				font-size:1.8rem;
				font-weight:bold;
				margin: 10px 0px 0px 0px;
				text-align: center;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}

			.subright .technicallist li p {
				float: left;
				padding: 2px 0px 0px 0px;
				margin: 0px;
				width: 100%;
				display: block;
				text-decoration: none;
				font-size: 1.3rem;
				color: #888;
				font-weight: normal;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				overflow: hidden;
				text-overflow: ellipsis;
			}

		

			.subright .technicallist li:hover {
				background-color: #f8f6fa;
			}

				.subright .technicallist li:hover h4 {
					color: #503191;
					font-weight: bold;
				}


				.subright .technicallist li:hover .img img {
					width: auto;
					height: 100%;
					margin: 0% auto;
				}






.subbody .page {
	width: 100%;
	height: 80px;
	float: left;
	text-align: center;
}
	.subright .page .pagination {
		margin:10px auto;
	}


.pagination > li > a, .pagination > li > span {
	padding:8px 15px;
	color:#444;
	margin:0px 10px;
}

.pagination > li.current > a, .pagination > li.current > span {
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: #503191;
	border-color: #503191
}


.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
	z-index: 2;
	color: #fff;
	background-color: #503191;
	border-color: #ddd
}

.pagination > li:first-child > a, .pagination > li:first-child > span{
	margin-left: 0;
	border-radius: 18px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
	margin-left: 0;
	border-radius: 18px;
}

.appcontainer {
	width: 100%;
	min-height: 30px;
	background-image: url(../images/bg_3.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 160px;
	float: left;
}

	.appcontainer .title{
		width:50%;
		float:left;
		padding-top:25px;
		padding-left:15%;
	}
	.appcontainer .title h3{
		font-size:3.6rem;
		font-weight:bold;
		color:#fff;
	}
		.appcontainer .title p {
			font-size: 1.8rem;
			font-weight: bold;
			color: #fff;
		}

.applist{
	float:left;
	width:48%;
	padding:20px 15%;
}
.applist li{
  width:50%;
  float:left;
  text-align:center;
}

	.applist li a span {
		display: inline-block;
		margin-top: 10px;
		width: 70px;
		height: 70px;
		border-radius: 16%;
		z-index: 99;
		background-position: center center;
		background-size: 50px auto;
		background-repeat: no-repeat;
		background-color: #fff;
		position: relative;
	}

	.applist li a {
		display: inline-block;
		width: 106px;
		height: 106px;
		border-radius:10px;
		-webkit-transition: background 0.2s ease-in;
		-moz-transition: background 0.2s ease-in;
		-o-transition: background 0.2s ease-in;
		transition: background 0.2s ease-in;
		z-index:100;
		position:relative;
	}

	.applist li a i {
		position: absolute;
		border-radius:10px;
		background-color: #fff;
		left: 50%;
		top: 50%;
		width: 1px;
		height: 1px;
		opacity: 0;
		z-index:1;
		-webkit-transition: opacity 0.2s linear,left 0.2s linear,top 0.2s linear,width 0.2s linear,height 0.2s linear;
		-moz-transition: opacity 0.2s linear,left 0.2s linear,top 0.2s linear,width 0.2s linear,height 0.2s linear;
		-o-transition: opacity 0.2s linear,left 0.2s linear,top 0.2s linear,width 0.2s linear,height 0.2s linear;
		transition: opacity 0.2s linear,left 0.2s linear,top 0.2s linear,width 0.2s linear,height 0.2s linear;
	}


		.applist li a b {
			width: 100%;
			text-align: center;
			display: inline-block;
			color: #fff;
			z-index: 99;
			position: relative;
			margin: 0px auto;
		}

.applist li span.app {
	background-image: url(../images/app.png);

}

.applist li span.msg {
	background-image: url(../images/msg.png);

}

.applist li a {
	display: inline-block;
	width: 120px;
	height: 120px;
}

.applist a:hover span {
	border-radius: 50%;
	background-size: 40px auto;
	background-color: #503191;
}


.applist li a:hover span.app {
	background-image: url(../images/app_b.png);

}

.applist li a:hover span.msg {
	background-image: url(../images/msg_b.png);
}
.applist li a:hover b {
	width: 100%;
	text-align: center;
	display: inline-block;
	color: #503191;
}


	.applist li a:hover i {
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		opacity:0.5;
	}
.fproduct{
	padding:30px 0px;
	float:left;
	width:100%;
}

	.fproduct h3{
		width:100%;
		text-align:center;
		font-size:3rem;
	}
	.fproduct h4 {
		width: 100%;
		text-align: center;
		font-size: 2.5rem;
		color: #aaa;
	}

	.fproduct  .linklist {
		width:100%;
		padding:20px 15%;
		float:left;
	}

	.fproduct .linklist li{
		float:left;
		text-align:center;
		width:33.3%;
	}
		.fproduct .linklist li a {
			display: inline-block;
			width: 250px;
			text-align: center;
			position:relative;
			text-decoration:none;
			height:230px;
			padding-top:30px;
		}

			.fproduct .linklist li a div.icon {
				width:90px;
				height:90px;
				margin: 0px auto;
				position: relative;
				z-index: 100;
				margin-top: 20px;
				-webkit-transition: margin-top 0.2s;
				-moz-transition: margin-top 0.2s;
				transition: margin-top 0.2s;
			}
			.fproduct .linklist li a div.icon i{
				display:block;
				width: 100%;
				height: 100%;
				
				background-position: center center;
				background-repeat: no-repeat;
				background-size: 66px auto;
				position: relative;
				z-index: 101;

			}

			.fproduct .linklist li a div.icon_01 i {
				background-image: url(../images/pIcon_01.png);
			}
			.fproduct .linklist li a div.icon_02 i {
				background-image: url(../images/pIcon_02.png);
			}
			.fproduct .linklist li a div.icon_03 i {
				background-image: url(../images/pIcon_03.png);
			}
			.fproduct .linklist li a div.icon_04 i {
				background-image: url(../images/pIcon_04.png);
			}
			.fproduct .linklist li a div.icon_05 i {
				background-image: url(../images/pIcon_05.png);
			}
			.fproduct .linklist li a div.icon_06 i {
				background-image: url(../images/pIcon_06.png);
			}


			.fproduct .linklist li a b {
				display: inline-block;
				position: absolute;
				width: 0px;
				height: 0px;
				background-color: #503191;
				border-radius: 50%;
				left: 50%;
				top: 50%;
				opacity: 0;
				z-index: 1;
				-webkit-transition: opacity 0.2s linear,left 0.2s linear,top 0.2s linear,width 0.2s linear,height 0.2s linear;
				-moz-transition: opacity 0.2s linear,left 0.2s linear,top 0.2s linear,width 0.2s linear,height 0.2s linear;
				-o-transition: opacity 0.2s linear,left 0.2s linear,top 0.2s linear,width 0.2s linear,height 0.2s linear;
				transition: opacity 0.2s linear,left 0.2s linear,top 0.2s linear,width 0.2s linear,height 0.2s linear;
			}



			.fproduct .linklist li a h6 {
				color: #222;
				text-align: center;
				width: 100%;
				margin: 20px 0 10px 0;
				padding: 15px 0 0 0;
				position: relative;
				font-size: 1.8rem;
				-webkit-transition: padding-top 0.2s;
				-moz-transition: padding-top 0.2s;
				transition: padding-top 0.2s;
			}
				.fproduct .linklist li a h6::before {
					content: '';
					position: absolute;
					background: #503191;
					width: 50%;
					height: 3px;
					top: 0px;
					left: 25%;
					font-size:1.4rem;
					line-height:24px;
					color:#fff;
					border-radius:5px;
					-webkit-transition: margin-top 0.2s,height 0.2s;
					-moz-transition: margin-top 0.2s,height 0.2s;
					transition: margin-top 0.2s,height 0.2s;
				}
			.fproduct .linklist li a p {
				display: none;
			}
			.fproduct .linklist li a:hover{
				background-color:#f0f0f0;
			}

			.fproduct .linklist li a:hover div.icon {
				margin-top: 0px;
			}


			.fproduct .linklist li a:hover div.icon_01 i {
				background-image: url(../images/pIcon_01_f.png);
			}

			.fproduct .linklist li a:hover div.icon_02 i {
				background-image: url(../images/pIcon_02_f.png);
			}

			.fproduct .linklist li a:hover div.icon_03 i {
				background-image: url(../images/pIcon_03_f.png);
			}

			.fproduct .linklist li a:hover div.icon_04 i {
				background-image: url(../images/pIcon_04_f.png);
			}

			.fproduct .linklist li a:hover div.icon_05 i {
				background-image: url(../images/pIcon_05_f.png);
			}

			.fproduct .linklist li a:hover div.icon_06 i {
				background-image: url(../images/pIcon_06_f.png);
			}




			.fproduct .linklist li a:hover div.icon b {
				position: absolute;
				width: 110px;
				height: 110px;
				left: -10px;
				top: -10px;
				opacity: 1;
			}

			.fproduct .linklist li a:hover h6::before {
				content: 'view';
				margin-top: 35px;
				height:24px;
			}

			.fproduct .linklist li a:hover h6 {
				padding-top:5px;
			}


.hotlist{
	width:80%;
	border-radius:30px;
	float:left;
	background-image:url(../images/hotbg.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	padding:20px 50px;
}
	.hotlist h3{
		padding:0px;
		width:100%;
		display:block;
	}
		.hotlist h3 b {
			font-size: 1.2rem;
			color: #fff;
			float: left;
			font-weight: normal;
			margin-left: 10px;
			margin-top: 15px;
		}
	.hotlist h3 span {
		color: #fff;
		font-size:3rem;
		font-weight: bold;
		float: left;
	}
	.hotlist h3 i {
		display: block;
		width: 4px;
		height: 20px;
		background-color: #fff;
		border-radius: 2px;
		float: left;
		margin-top:10px;
		margin-left:10px;
	}


.company{
	padding:30px 0px;
	background-color:#f0f0f0;
	width:100%;
	float:left;
}


.company h3 {
	width: 100%;
	text-align: left;
	font-size: 3.4rem;
	padding-left:20px;
	font-weight:bold;
	padding-bottom:10px;
}

	.company h4 {
		text-align: left;
		font-size: 2.5rem;
		color: #999;
		padding-left: 20px;
	}
.hotlist h4 {
	color: #fff;
}

.company .fcompany {
	padding: 30px 30px;
}
	.company .fcompany h5 {
		font-size: 2.2rem;
		color: #503191;
		font-weight: bold;
		margin-top: 20px;
		margin-bottom: 20px;
	}
.company .fcompany p{
font-size:1.8rem;
color:#222;
}
	.company .fcompany p b{
		color:#503191;
		padding:10px 0px;
	}


.fpnewlist {
	padding: 30px 0px;
	width: 100%;
	float: left;
	background-image:url(../images/newbg.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
}

	.fpnewlist .row {
		position: relative;
	}

.fpnewlist h3 {
	width: 100%;
	text-align: left;
	font-size: 3.4rem;
	padding-left: 20px;
	font-weight: bold;
	padding-bottom: 5px;
}

	.fpnewlist h4 {
		width: 100%;
		text-align: left;
		font-size: 2.5rem;
		color: #999;
		padding-left: 20px;
	}


	.fpnewlist .newitemlist {
		text-align: right;
		margin-top:0px;
		position:absolute;
		right:20px;
		top:50px;
	}

	.fpnewlist .newitemlist a {
		display: block;
		float:left;
		width: 120px;
		line-height: 36px;
		color: #aaa;
		font-size: 1.8rem;
		text-decoration: none;
		text-align:center;
		border-bottom:2px solid #bbb;

	}

		.fpnewlist .newitemlist a.action {
			color: #503191;
			border-color: #503191;
		}
		.fpnewlist .newitemlist a:hover {
			color: #503191;
			border-color: #503191;
		}

	.fpnewlist .newimg {
		padding:10px 50px;
		float: left;
	}
	.fpnewlist .newimg p {
		text-align:center;
		font-size:1.8rem;
		padding:10px 0px;
		float:left;
		width:100%;
		margin:0px;
	}
	.fpnewlist .newimg img {
		width: 90%;
		height: auto;
		float: left;
		margin: 0px 0px;
		min-width:360px;
	}


	.fpnewlist .newlist{
		width:100%;
		float:left;
		padding:10px 0% 10px 5%;

	}
	.fpnewlist .newlist li{
		width:100%;
		float:left;
		border-bottom:1px solid #e5e5e5;
	}
		.fpnewlist .newlist li a {
			text-decoration: none;
			display: block;
			padding: 15px;
			float:left;
			width:100%;
		}
		.fpnewlist .newlist li a:hover {
			background-color:#fff;
		}
		.fpnewlist .newlist li h4 {
			font-size: 1.8rem;
			font-weight: bold;
			color: #222;
			text-align: left;
			margin: 5px 0px;
			padding: 0px;
			float: left;
			width: 100%;
			display: block;
			box-sizing:border-box;
		}
		.fpnewlist .newlist li p {
			display: -webkit-box;
			-webkit-line-clamp: 1; /* 限制行数为2 */
			-webkit-box-orient: vertical;
			overflow: hidden;
			text-overflow: ellipsis;
			margin: 0px;
			color: #444;
			display: block;
			width: 100%;
			float: left;
			box-sizing: border-box;
		}
		.fpnewlist .newlist li span {
			color: #c4c4c4;
			float: left;
			box-sizing: border-box;
		}





.fbottom {
	width: 100%;
	padding-top: 40px;
	background-color: #252525;
	float:left;
}

.fbottom .bottomleft
{
	width:19%;
	float:left;
}


.fbottom .bottomleft img {
float: left;
width: 150px;
height: auto;
margin-left:15%;
}
.fbottom .bottomleft .address {
	float: left;
	width:95%;
	background-image: url(../images/address.png);
	background-position: left 5px;
	background-repeat: no-repeat;
	background-size: 15px auto;
	text-align: left;
	padding-left: 25px;
	margin-top:30px;
	color:#fff;
}



	.fbottom .bottomright {
		width: 19%;
		float: left;
	}


	.fbottom .bottomright .wecode {
		float: left;
		text-align: center;
		width: 100%;
		color: #fff;
	}
	.fbottom .bottomright .wecode img{
		width:100px;
		height:auto;
	}
	.fbottom .bottomright .wecode p {
		text-align: center;
		padding:5px 0px 2px 0px;
		font-size:1.5rem;
		margin:0px;
}
				.fbottom .bottommiddle {
					width:62%;
					float: left;
				}

				.fbottom .bottommiddle h3{
					font-size:2rem;
					color:#fff;
					margin:10px;
				}

				.fbottom .bottommiddle ul {
					width: 100%;
					padding:10px 20px;
					float: left;
				}
		.fbottom .bottommiddle ul li{
			width:29.2%;
			float:left;
			text-align:center;
			margin:10px 2%;
		}

			.fbottom .bottommiddle ul li a {
				border-radius: 20px;
				display: block;
				background-color: #3f3f3f;
				font-size: 1.3rem;
				width: 100%;
				color: #fff;
				height: 40px;
				line-height: 20px;
				text-decoration: none;
				display: flex;
				align-items: center;
				justify-content: center;
			}


			.fbottom .bottomright {
				text-align: center;
			}

				.fbottom .companyinfo {
					width: 100%;
					padding: 10px;
					float: left;
					color: #fff;
				}
			.fbottom .companyinfo div {
				width: 100%;
				float: left;
				text-align: center;
				font-size:1.4rem;
			}
			.fbottom .companyinfo .tel {
				float: left;
				width:85%;
				background-image: url(../images/tel_f.png);
				background-position: left center;
				background-repeat: no-repeat;
				background-size: 15px auto;
				text-align: left;
				padding-left: 25px;
				margin-left:15%;
			}

			.fbottom .companyinfo .email {
				float: left;
				width: 85%;
				background-image: url(../images/email.png);
				background-position: left center;
				background-repeat: no-repeat;
				background-size: 15px auto;
				text-align: left;
				padding-left: 25px;
				margin-left:15%;
			}

.copyright{
	width:100%;
	text-align:center;
	border-top:1px solid #444;
	color:#FFF;
	font-size:1.4rem;
	padding:10px;
	margin-top:10px;
}

#mobliemenubg{
	display:none;
}
#mobliemenudiv{
	display:none;
}

#sideGotop {
	background: #652088 url(../images/maxkf.png) no-repeat;
	cursor: pointer;
}

#sideGotop a {
	display: block;
	width: 66px;
	height: 66px;
	color: #fff;
	text-indent: -9999px;
}

#siderIMchat_hiddenbar_shopmax {
	margin-top: 1px;
	background: #652088 url(../images/maxkf.png) no-repeat 0px -67px;
	cursor: pointer;
}

#siderIMchat_main_shopmax {
	width: 132px;
	position: absolute;
	right: 66px !important;
	border: 3px solid #652088;
	background-color: #fff;
	margin-top: 66px;
	display: none;
}

#siderIMchat_hiddenbar_shopmax .kf {
	display: block;
	width: 66px;
	height: 66px;
	color: #fff;
	text-indent: -9999px;
}

#siderIMchat_hiddenbar_shopmax1 {
	margin-top: 1px;
	background: #71219b url(../images/maxkf.png) no-repeat 0px -134px;
	cursor: pointer;
}







	#siderIMchat_hiddenbar_shopmax1 .kf1 {
		display: block;
		width: 66px;
		height: 66px;
		color: #fff;
		text-indent: -9999px;
	}

	#siderIMchat_hiddenbar_shopmax1 .top1 {
		display: none;
		position: absolute;
		width: 132px;
		right: 66px;
		bottom: 0px;
		border: 1px solid #652088;
		padding: 5px;
		background: #652088;
	}

#siderIMchat_shopmax img {
	display: block;
	margin: 0 auto;
}

#siderIMchat_hiddenbar_shopmax1 .top1 img {
	width: 120px;
	height: 120px;
	float: left;
	display: block;
}

.serOnline-img2 {
	width: 20px;
	height: 20px;
	display: inline-block;
	margin-right: 2px;
}

.qqImg2 {
	background: url(../images/qqicon.png) no-repeat;
	background-position: center center;
	background-size: 18px 20px;
	padding-left: 2px;
}

#siderIMchat_main_shopmax ul {
	margin: 0px;
	padding: 0px;
}

#siderIMchat_main_shopmax li {
	list-style: none;
	padding: 4px 0px;
	line-height: 24px;
}

#siderIMchat_main_shopmax .top, #siderIMchat_main_shopmax .infobox {
	width: 100%;
	background-color: #652088;
	padding: 2px 0px 5px;
	font-size: 14px;
	text-align: center;
	color:#fff;
	font-weight:bold;
}

#siderIMchat_main_shopmax .infobox {
	text-align: center;
}

#siderIMchat_main_shopmax .infobox span {
	width: 100%;
	background-color: #652088;
	padding: 2px 0px 5px;
	font-size: 14px;
	display: block;
	color: #fff;
	text-align: center;
}
	#siderIMchat_main_shopmax .infobox i {
		color: #fff;
		font-weight: normal;
	}
#siderIMchat_main_shopmax a {
	color: #333;
	line-height: 20px;

}
.mobliebottom{
	display:none;
}
.mobliebottom {
	display: none;
}

.mobliebottom {
	display: none;
}
.mobliewxbg {
	display: none;
}


.goods-box {
	position: relative;
	margin-bottom: 15px;
	padding: 30px;
	font-size: 12px;
	background: #fff;
}

.goods-box .goods-pic {
		position: relative;
		float: left;
		width: 370px;
		*z-index: 1;
	}

.pic-box {
	float: left;
	width:100%;
}

.goods-box .pic-preview {
	width: 368px;
	height: 368px;
	border: 1px solid #e8e8e8;
}

.pic-scroll {
	margin-top: 10px;
	width: 370px;
}

	.pic-scroll .prev {
		float: left;
		margin-right: 5px;
	}

	.pic-scroll .next {
		float: right;
	}

	.pic-scroll a:hover {
		color: #652088;
	}

	.pic-scroll .prev, .pic-scroll .next {
		display: block;
		font-family: Arial;
		text-align: center;
		width: 15px;
		height: 60px;
		line-height: 60px;
		border: 1px solid #e8e8e8;
		background: #f7f7f7;
		cursor: pointer;
		text-decoration: none;
	}

.goods-box .pic-scroll .items {
	position: relative;
	float: left;
	width: 330px;
	height: 62px;
	overflow: hidden;
}

	.goods-box .pic-scroll .items ul {
		position: absolute;
		margin: 0;
		padding: 0;
		width: 999999px;
		height: 100%;
	}

		.goods-box .pic-scroll .items ul li {
			float: left;
			margin: 0;
			padding: 0;
			width: 67px;
			text-align: center;
		}

			.goods-box .pic-scroll .items ul li img {
				padding: 2px;
				border: 1px solid #e8e8e8;
				width: 56px;
				height: 56px;
			}

				.goods-box .pic-scroll .items ul li img:hover {
					padding: 1px;
					border: 2px solid #7c6aa6;
				}

.companyimg {
	width: 100%;
	float: left;
	padding: 10px 0px;
}

.companyimg img {
	width: 100%;
	float: left;
}

/*Clear Fix*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

.clearfix {
	display: block;
}
/* 图片放大镜样式*/
.goods-box .jqzoom {
	position: relative;
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	border: none;
	cursor: crosshair;
}

	.goods-box .jqzoom img {
		width: 100%;
		height: 100%;
	}

.goods-box .zoomdiv {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	display: none;
	width: 368px;
	height: 368px;
	background: #fff;
	border: 1px solid #e8e8e8;
	text-align: center;
	overflow: hidden;
}

.goods-box .jqZoomPup {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	visibility: hidden;
	width: 20px;
	height: 20px;
	border: 1px solid #aaa;
	background: #fff;
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	filter: alpha(Opacity=50);
}
/*商品规格*/
.goods-box  .goods-spec {
	position: relative;
	margin: 0 0 0 40px;
	float: left;
	width: calc(100% - 410px);
	max-width: 600px;
}

	.goods-box .goods-spec h1 {
		display: block;
		color: rgba(48, 49, 51, 1);
		font-size: 2.4rem;
		font-weight: 700;
		line-height: 1.1em;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		text-align: left;
		margin-bottom: 20px;
		float:left;
		width:100%;
	}

	.goods-box .goods-spec .subtitle {
		margin-top: 5px;
		color: #888;
		font-size: 14px;
		line-height: 22px;
		text-align: left;
		background-color: #f5f5f5;
		padding: 10px;
		float: left;
		width: 100%;
	}

	.goods-box .goods-spec .spec-box {
		position: relative;
		margin-top: 10px;
		float:left;
		width:100%;
	}

		.goods-box .goods-spec .spec-box.line {
			padding-top: 10px;
			border-top: 1px solid #efefef;
		}

		.goods-box .goods-spec .spec-box:after {
			clear: none;
			content: "";
			display: block;
			height: 0;
			visibility: hidden;
		}

		.goods-box .goods-spec .spec-box dl {
			clear: both;
			display: block;
			margin: 10px;
		}

			.goods-box .goods-spec .spec-box dl:after {
				clear: none;
				content: "";
				display: block;
				height: 0;
				visibility: hidden;
			}

			.goods-box .goods-spec .spec-box dl dt {
				float: left;
				width: 90px;
				line-height: 32px;
				min-height: 38px;
				color: #999;
				font-size: 14px;
				text-align: left;
			}

			.goods-box .goods-spec .spec-box dl dd {
				position: relative;
				padding: 5px 0;
				line-height: 26px;
				min-height: 26px;
				color: #6c6c6c;
				text-align: left;
				font-size: 14px;
				float: left;
				width: calc(100% - 90px);
			}

				.goods-box .goods-spec .spec-box dl dd#spec {
					padding: 0px;
				}



				.goods-box .goods-spec .spec-box dl dd s {
					display: inline-block;
					text-decoration: line-through;
				}

				.goods-box.goods-spec .spec-box dl dd .price {
					display: inline-block;
					margin-right: 5px;
					color: #f40;
					font-size: 24px;
					font-weight: 700;
					font-style: normal;
				}

				.goods-box .goods-spec .spec-box dl dd .items li {
					position: relative;
					float: left;
					margin: 0 5px 8px 0;
					padding: 1px;
					line-height: 20px;
					vertical-align: middle;
				}

					.goods-box .goods-spec .spec-box dl dd .items li a {
						display: block;
						padding: 1px;
						color: #666;
						min-width: 10px;
						width: auto !important;
						text-align: center;
						text-decoration: none;
						border: 1px solid #eee;
						cursor: pointer;
						white-space: nowrap;
						text-overflow: ellipsis;
						vertical-align: middle;
					}

						.goods-box .goods-spec .spec-box dl dd .items li a span {
							display: inline-block;
							padding: 5px 9px;
							font-style: normal;
							line-height: 20px;
						}

						.goods-box .goods-spec .spec-box dl dd .items li a img {
							width: 36px;
							height: 38px;
							vertical-align: middle;
						}

						.goods-box .goods-spec .spec-box dl dd .items li a.selected {
							margin: -1px;
							color: #333;
							border: 2px solid #f40;
							color: #f40;
						}

				.goods-box .goods-spec .spec-box dl dd .stock-box {
					display: block;
					float: left;
					margin-right: 10px;
					width:120px;
				}

					.goods-box .goods-spec .spec-box dl dd .stock-box input {
						float: left;
						margin-right:0px;
						width: 42px;
						height: 30px;
						line-height: 30px;
						text-align: center;
						border: 1px solid #e8e8e8;
					}

		.goods-box .goods-spec .spec-box .stock-box a {
			display: block;
			float: left;
			margin-bottom:0px;
			width: 30px;
			height: 30px;
			line-height:30px;
			color: #333;
			font-size:16px;
			text-align: center;
			border: 1px solid #e8e8e8;
			cursor: pointer;
			overflow: hidden;margin:0px 2px;
		}

		.goods-box .goods-spec .spec-box .stock-txt {
			float: left;
			line-height: 32px;
		}

		.goods-box .goods-spec .spec-box .btn-buy {
			margin-top: 15px;
			padding-top: 20px;
			border-top: solid 1px #eee;
		}

			.goods-box .goods-spec .spec-box .btn-buy .buy {
				display: inline-block;
				margin-right: 10px;
				padding: 0 30px;
				color: #000;
				font-size: 16px;
				line-height: 38px;
				background: #faf3fe;
				border: 1px solid #7c6aa6;
				cursor: pointer;
			}

			.goods-box .goods-spec .spec-box .btn-buy .add {
				display: inline-block;
				padding: 0 30px;
				color: #fff;
				font-size: 16px;
				line-height: 38px;
				background: #652088;
				border: 1px solid #652088;
				border-radius: 2px;
				cursor: pointer;
			}

			.goods-box .goods-spec .spec-box .btn-buy button.over {
				color: #999;
				background: #f7f7f7;
				border-color: #e8e8e8;
				cursor: default;
			}

.nav-tabs{
	background-color:#eee;
	padding-left:20px;
	padding-top:5px;
}


.tab-content .tab-pane {
	padding: 20px;
}

.smsdownlist{
	width:100%;
	float:left;
}

.smsdownlist li {
	width: 100%;
	float: left;
	padding: 10px;
	background-color: rgba(243, 243, 243, 1);
}
.smsdownlist li a {
	display: block;
	width: 100%;
	float: left;
	color:#222;
}
.smsdownlist li a span{
	float:right;
	margin-right:20px;
	color:#503191;
}

.subbody .newstab {
	width: 100%;
	float: left;
	margin: 30px 0px;
	padding:20px calc(50% - 180px);
	border-bottom:1px solid #eee;
}
.subbody .newstab li {
	width: 100%;
	float: left;
	width: 160px;
	margin: 0px 10px;
}
.subbody .newstab li a {
	width: 100%;
	float: left;
	display:block;
	padding:10px 0px;
	text-align:center;
	text-decoration:none;
	background-color:#eee;
	color:#333;
	font-size:1.6rem;
}

	.subbody .newstab li a.action, .subbody .newstab li a:hover {
		background-color: #503191;
		color: #fff;
	}



.subbody .newslist {
	width: 100%;
	float: left;
}

	.subbody .newslist li {
		width: 46%;
		float: left;
		margin: 15px 2%;
		padding: 10px;
		background-color: rgba(245,245,245,1);
	}
.subbody .newslist li a{
	display:block;
	width:100%;
	float:left;

}
.subbody .newslist li a .img {
	width: 160px;
	height:120px;
	float: left;
	overflow: hidden;
	text-align: center;
}
.subbody .newslist li a .img img {
	width: auto;
	height: 90%;
	margin: 5% auto;
	-webkit-transition: height 0.2s linear, margin 0.2s linear;
	-moz-transition: height 0.2s linear,margin 0.2s linear;
	-o-transition: height 0.2s linear,margin 0.2s linear;
	transition: height 0.2s linear, margin 0.2s linear;
}

.subbody .newslist li:hover a .img img {
	width: auto;
	height: 100%;
	margin: 0% auto;
}

	.subbody .newslist li a .txt{
		float:left;
		width:calc(100% - 160px);
		padding:0px 0px 0px 30px;
	}

		.subbody .newslist li a .txt h4 {
			display: block;
			width: 100%;
			white-space: nowrap;
			text-overflow: ellipsis;
			vertical-align: middle;
			overflow: hidden; /* 隐藏溢出的文本 */
			font-weight: bold;
		}
	.subbody .newslist li a .txt p {
		display: block;
		width: 100%;
		color: #666;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2; /* 限制显示4行 */
		overflow: hidden;
		text-overflow: ellipsis; /* 超出部分显示省略号 */
	}
		.subbody .newslist li a .txt span{
			float:left;
			color:#bbb;
			font-size:1.3rem;
		}

.newscontainer{
	width:100%;
	float:left;
}

.newscontainer h3.newstitle {
	text-align: center;
	font-size: 2.8rem;
	margin-bottom:30px;
}

.newscontainer p.newsremark {
	text-align: center;
	font-size: 1.5rem;
	color:#666;
}

.newscontainer p.newssticker {
	text-align: center;
	font-size: 1.5rem;
	color: #666;
}

	.newscontainer .newstxt{
		float:left;
		width:100%;
		padding:30px;
		margin-top:20px;
		border-top:1px solid #eee;
	}


.newsbottomlist {
	width: 100%;
	float: left;
	margin-top: 20px;
	border-top: 1px solid #eee;
	padding:20px;
}
.newsbottomlist li{
	float:left;
	width:50%;

}
	.newsbottomlist li:last-child{
		text-align:right;
	}

	.newsbottomlist li a {
		color: #565656;
		text-decoration:none;
	}
	.newsbottomlist li a:hover {
		color:#503191;
		text-decoration: none;
	}

	.newsbottomlist li a span{
		color:#503191;
		padding:0px 10px;
		font-weight:bold;
	}
	.newsbottomlist li a b {
		font-weight: normal;
	}


.companytilte{
	width:100%;
	float:left;
	background-position:top right;
	background-repeat:no-repeat;
	background-size:contain;
	padding-top:80px;

}
.companybg {
	background-image: url(../images/companybg.jpg);
}
.honorbg {
	background-image: url(../images/honorbg.jpg);
}
.jobbg {
	background-image: url(../images/jobbg.jpg);
}

.contactbg {
	background-image: url(../images/contactbg.jpg);
}
.webbg {
	background-image: url(../images/webbg.jpg);
}

.companytilte h3 {
	border-left: 6px solid #503191;
	float: left;
	width: 75%;
	padding: 10px;
	line-height: 35px;
	background-color: #bbb;
	border-radius: 0px 30px 30px 0px;
}

	.companytilte h3 b {
		font-size: 2.8rem;
		color: #fff;
		margin-left:30px;
	}
	.companytilte h3 i {
		font-size:1.6rem;
		color:#fff;
		margin-left:30px;
		font-style:normal;
	}

.subright .companytxt{
	float:left;
	width:100%;
	padding:30px 15% 30px 30px;
	font-size:1.6rem;
	color:#565656;

}

.subright .itemtitle {
	text-align: center;
	font-size: 1.8rem;
	color: #503191;
	font-weight: bold;
	background-color: #eee;
	float: left;
	width:100%;
	display:block;

}

.subright .idealist {
	width: 100%;
	padding-top: 20px;
	background-color: #eee;
	margin-top: 40px;
	padding-bottom: 40px;
	height: 260px;
}

	.subright .idealist ul {
		width: 100%;
		margin-top: 20px;
		float: left;
		display:block;
	}

	.subright .idealist li {
		width: 30%;
		margin: 0px 1.6%;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		padding: 40px 30px;
		line-height: 40px;
		border-radius:20px;
		float: left;
	}

	.subright .idealist li.idea_1{
		background-image:url(../images/xbbg_1.jpg);
	}
	.subright .idealist li.idea_2 {
		background-image: url(../images/xbbg_2.jpg);
	}
	.subright .idealist li.idea_3 {
		background-image: url(../images/xbbg_3.jpg);
	}
	.subright .idealist li span{
		color:#fff;
		font-size:3rem;
		font-weight:bold;
	}

.honorList{
	width:100%;
	float:left;
	background-color:#fff;
}

.honorList li{
	width:46%;
	float:left;
	margin:20px 2%;
	background-color:#f0f0f0;
	padding:15px;
}

.honorList li .img {
	width: 100%;
	height: 240px;
	float: left;
	overflow: hidden;
	text-align: center;
}
.honorList li .img img {
	width: auto;
	height: 100%;
	margin: 0px auto;
}



.honorList li .txt {
	float: left;
	width: 100%;
	text-align:center;
	margin-top:10px;
}

.joblist{
	margin-top:30px;
	float:left;
	width:100%;
	background-color:#fff;
}
.joblist li {
	width:80%;
	float:left;
	margin-top:20px;
}
.joblist li .title {
	width: 100%;
	float: left;
	background-color:rgba(245,245,245,1);
	padding:10px;
}
	.joblist li .title label{
		margin:0px;
		margin-left:10px;
		line-height:28px;
		float:left;
	}
	.joblist li .title em {
		margin: 0px;
		float: left;
		display: block;
		width: 28px;
		height: 28px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		background-image: url(../images/job.png);
	}
.joblist li .content{
	float:left;
	width:100%;
	padding:20px;
}

.contactlist{
	float:left;
	margin-top:50px;
	width:100%;
	background-color:#fff;
}

.contactlist li{
	float:left;
	width:30%;
	margin:0px 1.6%;
	background-color:#eee;
	position:relative;
}

	.contactlist li .city {
		width: 100%;
		line-height: 50px;
		font-size: 1.8rem;
		background-color: #ddd;
		color: #503191;
		text-align: center;
		padding-left:80px;
		position: relative;
		text-align:left;
		font-weight:bold;

	}

	.contactlist li .city em {
		position: absolute;
		height: 50px;
		width: 50px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		background-image: url(../images/lou.png);
		top: -15px;
		left: 10px;
	}

	.contactlist li .content{
		float:left;
		width:100%;
		padding:5px;
		height:200px;
	}

		.contactlist li .content .item {
			float: left;
			width: 100%;
			padding:2px 5px;
		}

			.contactlist li .content .item em {
				float: left;
				width: 30px;
				height: 30px;
				display: block;
				background-position: center center;
				background-repeat: no-repeat;
				background-size: 20px auto;
			}

				.contactlist li .content .item em.tel {
					background-image: url(../images/tel.png);
				}
				.contactlist li .content .item em.address {
					background-image: url(../images/address_g.png);
				}
				.contactlist li .content .item em.email {
					background-image: url(../images/email_g.png);
				}
				.contactlist li .content .item span {
					float: left;
					width: calc(100% - 40px);
					display: block;
					line-height:30px;
					padding-left:5px;
					color:#444;
				}

.messageform{
	width:100%;
	padding:10px;
	float:left;
	margin-top:30px;
	background-color:#f8f8f8;
	border-top:5px solid #503191;
}
.messageform h3{
	text-align:center;
	color:#222;
	display:block;
	width:100%;
	position:relative;
}
.messageform h3::before {
	content: ' ';
	text-align: center;
	width: 80px;
	height: 4px;
	display: inline-block;
	background-color: #503191;
	position: absolute;
	left:calc(50% - 40px);
	top:35px;
}
.messageform ul {
	margin: 30px 10px;
	border-top: 1px solid #e4e4e4;
	float: left;
	width:calc(100% - 20px);
	padding:30px 0px;
}
.messageform ul li{
	float:left;
	width:33.3%;
	padding:10px 20px;
}

	.messageform ul li label{
		float:left;
		width:80px;
		font-size:1.6rem;
		color:#444;
	}


	.messageform ul li.line {
		width: 100%;
	}

	.messageform .btn{
		width:120px;
		height:40px;
		line-height:40px;
		background-color:#503191;
		color:#fff;
		font-size:1.6rem;
		padding:0px;
	}

	.messageform .btn:hover {
		background-color: #652088;
	}

.logindiv {
	float: left;
	padding:10px calc(50% - 110px);
	font-size: 1.7rem;
	line-height: 25px;
	text-align:center;
}
.logindiv span{

	color:#503191;
	display:block;
	width:86px;
	margin:10px 0px;
	float:left;
}
.logindiv a {
	
	color: #888;
	display: block;
	width: 86px;
	margin: 10px 0px;
	float: left;
}
.logindiv i {
	margin: 10px 20px;
	float: left;
}


.nav-tit {
	margin: 0 auto 50px;
	padding: 30px 0;
	text-align: center;
	color: #333;
	font-size: 16px;
	line-height: 1em;
	border-bottom: 1px solid #e0e0e0;
	width: 100%;
	float: left;
}

	.nav-tit.short {
		padding-bottom: 0;
		border-bottom: 0;
	}

	.nav-tit a {
		margin-left: 10px;
		color: #333;
	}

		.nav-tit a:hover, .nav-tit a.selected {
			color: #652088;
		}

	.nav-tit i {
		margin-left: 10px;
		color: #e0e0e0;
	}
/*会员登录样式*/
.login-box {
	margin: 50px auto 0;
	padding-bottom: 50px;
	width: 343px;
	overflow: hidden;
}

	.login-box .input-box {
		position: relative;
		display: inline-block;
		margin-bottom: 20px;
		padding: 0 10px;
		width: 320px;
		border: 1px solid #e5e5e5;
		height: 42px;
		line-height: 22px;
		color: #333;
		font-size: 14px;
		overflow: hidden;
		padding: 10px 10px;
	}

		.login-box .input-box input {
			
			width: 100%;
			height: 24px;
			line-height: 24px;
			font-size: 14px;
			border: none;
			float:left;
		}

	.login-box .code-box {
		position: relative;
		display: inline-block;
		margin-bottom: 20px;
		padding: 0 0px;
		width: 340px;
		border: none;
		height: 45px;
		line-height: 22px;
		color: #333;
		font-size: 14px;
		overflow: hidden;
	}

		.login-box .code-box input {
			padding: 10px 10px;
			width: 100%;
			height: 42px;
			line-height: 20px;
			font-size: 14px;
			border: 1px solid #e5e5e5;
			float: left;
		}

		.login-box .code-box img {
			width: 80px;
			height: 40px;
			float: left;
		}


	.login-box .remember-box {
		margin-bottom: 30px;
		height: 20px;
		line-height: 20px;
		color: #909090;
		font-size: 14px;
		text-align: left;
	}

		.login-box .remember-box input {
			vertical-align: middle;
		}

		.login-box .remember-box label {
			margin-right: 7px;
			cursor: pointer;
			vertical-align: middle;
			font-weight:normal;
			margin:0px;
		}

		.login-box .remember-box a {
			color: #00a7ea;
			vertical-align: middle;
		}

	.login-box .btn-box {
		display: block;
		margin-bottom: 20px;
		height: 42px;
	}

		.login-box .btn-box input {
			display: inline-block;
			width: 342px;
			height: 42px;
			line-height: 42px;
			background: #6caa4b;
			color: #fff;
			cursor: pointer;
			font-size: 14px;
			text-align: center;
			border: none;
		}

	.login-box .tip-box {
		display: block;
		text-align: center;
		height: 20px;
		line-height: 20px;
		color: #f90;
		font-size: 13px;
	}

	.login-box .oatuh-box {
		clear: both;
		padding-top: 15px;
	}

		.login-box .oatuh-box h3 {
			display: block;
			margin-bottom: 10px;
			color: #666;
			font-size: 14px;
			line-height: 30px;
			height: 30px;
			font-weight: normal;
		}

		.login-box .oatuh-box p {
			margin-left: -25px;
		}

			.login-box .oatuh-box p a {
				display: block;
				float: left;
				margin: 0 0 10px 25px;
				_display: inline;
				_zoom: 1;
			}

				.login-box .oatuh-box p a img {
					width: 38px;
					height: 38px;
				}

/*表单样式*/
.msg-box {
	display: block;
	margin: 0;
	padding: 6px;
	border: 1px solid #fbf2b5;
	background: #fcfbda;
}

	.msg-box i {
		display: block;
		float: left;
		margin: 4px 0 0;
		font-size: 12px;
		color: #A094A9;
		width: 18px;
		height: 18px;
		text-align: center;
		vertical-align: middle;
	}

	.msg-box p {
		margin-left: 18px;
		line-height: 24px;
		color: #A4A147;
		font-size: 12px;
	}

.form-box {
	margin: 0 50px;
	padding: 20px 0 30px;
}

	.form-box .form-group {
		margin: 0;
		padding: 10px 0;
		clear: both;
		color: #888;
	}

		.form-box .form-group .tips {
			margin-left: 16%;
			color: #666;
			font-size: 12px;
			line-height: 20px;
		}

		.form-box .form-group dt {
			display: block;
			float: left;
			padding-right: 2%;
			width: 14%;
			line-height: 40px;
			text-align: right;
			color: #888;
			font-size: 14px;
			font-weight:normal;
		}

		.form-box .form-group dd {
			display: block;
			position: relative;
			margin-left: 16%;
			line-height: 40px;
			text-align: left;
		}

			.form-box .form-group dd img {
				vertical-align: middle;
			}

			.form-box .form-group dd .input {
				display: inline-block;
				padding: 0 10px;
				width: 50%;
				height: 40px;
				line-height: 20px;
				border: 1px solid #e0e0e0;
			}

				.form-box .form-group dd .input.code {
					width: 80px;
				}

			.form-box .form-group dd .select {
				display: inline-block;
				padding: 10px;
				height: 40px;
				line-height: 20px;
				border: 1px solid #e0e0e0;
			}

			.form-box .form-group dd .textarea {
				display: inline-block;
				padding: 10px;
				width: 50%;
				height: 80px;
				line-height: 20px;
				border: 1px solid #e0e0e0;
				vertical-align: middle;
				overflow: auto;
			}

			.form-box .form-group dd span {
				font-size: 12px;
			}

			.form-box .form-group dd .submit {
				display: inline-block;
				margin: 0 0 0 5px;
				padding: 10px 46px;
				width: auto;
				height: auto;
				line-height: 20px;
				color: #fff;
				font-size: 14px;
				border: 1px solid #652088;
				background: #652088;
				cursor: pointer;
			}

			.form-box .form-group dd .button {
				display: inline-block;
				margin: 0 0 0 5px;
				padding: 10px 46px;
				width: auto;
				height: auto;
				line-height: 20px;
				color: #666;
				font-size: 14px;
				border: 1px solid #eee;
				background: #eee;
				cursor: pointer;
			}

			.form-box .form-group dd label {
				margin-right: 5px;
				font-size: 14px;
			}

				.form-box .form-group dd label.mart {
					margin-right: 5px;
				}
	/*全屏样式*/
	.form-box.full {
		padding: 0 0 50px;
	}

		.form-box.full .form-group dt {
			width: 40%;
		}

		.form-box.full .form-group dd {
			margin-left: 41%;
		}

			.form-box.full .form-group dd .input {
				width: 40%;
			}

			.form-box.full .form-group dd .input::placeholder {
			font-size:1.3rem;
			font-weight:normal;
			}



			.form-box.full .form-group dd .input.code {
				width: 100px;
			}
.userbody {
	padding: 30px 0px;
	background-color: #f5f5f5;
}

	.userbody .container {
		background-color: #fff;
	}

.speclist{
	width:100%;
	float:left;
}
	.speclist li {
		float: left;
		margin: 2px 5px 2px 0px;
	}
	.speclist li a{
		float: left;
		display:block;
		margin:0px;
		line-height:30px;
		border:1px solid #ccc;
		padding:0px 10px;
		color:#222;
		text-decoration:none;
	}

		.speclist li a:hover {
			border: 1px solid #503191;
		}
	.speclist li a.action {
		color: #fff;
		background-color: #503191;
	}

.networkcontent{
	width:100%;
	float:left;
	position:relative;
}
.networkleft {
	width: 45%;
	float:left;
	padding:20px;
}

	.networkleft .networktitle{
		float:left;
		width:100%;
	}
		.networkleft .networktitle h3{
			float:left;
			font-weight:bold;
			color:#fff;
			font-size:1.6rem;
			border-radius:20px;
			background-color:#503191;
			padding:8px 25px;
		}


	.networkleft ul {
		margin-top: 10px;
		float:left;
		border-right:1px solid #ddd;
	}
	.networkleft li {
		float: left;
		width:100%;
		margin-top:10px;
	}

.shang {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.networkleft li i {
	width: 20px;
	color: #888888;
	line-height: 30px;
}

.networkleft li span {
	width: calc(100% - 20px);
}

.networkleft li span {
	width: calc(100% - 20px);
}


.networkleft li em {
	font-size:1.5rem;
	line-height: 1.5;
	padding:2px 25px;
	float: left;
	margin-left: 5px;
	margin-bottom: 5px;
	cursor: pointer;
	font-style:normal;
	color:#652088;
	background-color:#f0f0f0;
}



	.networkleft li em.not {
		color: #bbb;
		background-color: #fafafa;
		cursor: default;
	}


	.networkleft li em:hover {
		background-color: #503191;
		color:#fff;
	}

		.networkleft li em:hover.not {
			color: #aaa;
			background-color: #f0f0f0;
		}


	.networkleft li em.cur {
		background: #503191;
		color: #ffffff;
	}

.networkright {
	width: 55%;
	float: left;
	padding: 20px;
}
.networkright h3 {
	float: left;
	width: 100%;
	padding:10px 20px;
	font-size:2.4rem;
	color:#503191;
	font-weight:bold;
}

.networkright ul{
	float:left;
	width:100%;
	padding:20px 20px;
}

.networkright ul li{
	float:left;
	width:100%;

}

.networkright ul li div.palne {
	border-radius: 10px;
	background-color: #f0f0f0;
	width: 100%;
	float: left;
	padding:15px 20px;
	margin-top:10px;
	position:relative;
}




.networkright ul li div.palne h3 {
	font-weight: bold;
	color: #222;
	width: 100%;
	float: left;
	display: block;
	font-size: 1.8rem;
	margin: 0px;
	padding: 15px 0px 15px 35px;
	background-image: url(../images/house.png);
	background-position: center left;
	background-repeat: no-repeat;
	background-size: 22px auto;
}
	.networkright ul li div.palne label {
		font-weight: bold;
		color: #652088;
		width: 100%;
		float: left;
		display: block;
		padding-left: 35px;
	}
	.networkright ul li div.palne p {
		width: 100%;
		float: left;
		display: block;
		color: #888;
		padding-left: 35px;
	}



@media (max-width:1199px) {
	body {
		font-size: 14px;
	}


	.head {
		padding: 0px 0px 0px 0px;
	}

		.head .top {
			height: 84px;
		}



	.subbanner {
		margin-top: 144px;
	}
	.outdiv {
		padding-top:160px;
	}

	.searchdiv {
		margin-top: 35px;
		height: 34px;
	}

	#searchselectbtn {
		font-size: 1.3rem;
	}

	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
		padding-right: 10px;
		padding-left: 10px;
	}

	.searchselect {
		width: 110px;
	}

	.searchkey {
		font-size: 1.3rem;
		width: calc(100% - 110px);
	}

	.searchBtn {
		margin-top: 35px;
		height: 34px;
		background-size: auto 16px;
	}

	.toplink {
		margin-top: 10px;
		font-size: 1.4rem;
		width: 100%;
	}

		.toplink li {
			width: 33%;
		}

	.toptel {
		width: 100%;
		background-size: 20px auto;
		margin-top: 10px;
		padding-left: 30px;
	}

	.topmenu > ul > li {
		width: 180px;
		height: 40px;
		line-height: 40px;
		font-size: 1.5rem;
	}

		.topmenu > ul > li > ul {
			top: 40px;
		}

	.appcontainer {
		height: 140px;
		float: left;
	}

		.appcontainer .title {
			padding-top: 15px;
			padding-left: 10%;
		}

			.appcontainer .title h3 {
				font-size: 3rem;
			}

	.applist {
		float: left;
		width: 48%;
		padding: 20px 10%;
	}

		.applist li a {
			width: 100px;
			height: 100px;
		}

			.applist li a span {
				width: 60px;
				height: 60px;
			}

	.fproduct .linklist {
		padding: 20px 5%;
	}

	.company .fcompany {
		padding: 10px 10px;
	}

	.hotlist {
		width: 100%;
	}

		.hotlist h3 span {
			font-size: 2.8rem;
		}

	.fpnewlist .newimg {
		padding: 20px 20px;
	}

		.fpnewlist .newimg img {
			width: 100%;
			min-width: 0;
		}

	.fpnewlist .newitemlist {
		padding: 10px 0%;
	}

	.fpnewlist .newlist {
		padding: 10px 0%;
	}

	.fbottom .bottommiddle ul li a {
		font-size: 1.2rem;
	}

	.fbottom .companyinfo div {
		font-size: 1.3rem;
	}

	.fbottom .companyinfo .tel {
		margin-left:2%;
		width: 98%;
	}

	.fbottom .companyinfo .email {
		margin-left:2%;
		width: 98%;
	}

	.subpagelink {
		padding: 6px 0px;
	}

	.subleft .lefttitle {
		width: 100%;
		float: left;
		padding: 10px 20px 1px 30px;
		background-size: 50px auto;
	}

		.subleft .lefttitle h3 {
			margin-bottom: 5px;
		}

	.subleft .subleftenu li a {
		padding: 0px 12px 0px 10%;
		font-size: 1.4rem;
	}

		.subleft .subleftenu li a::before {
			height: 42px;
		}



		.subleft .subleftenu li a span {
			padding: 8px 0px;
		}

	.subright {
		padding: 0px 0px 20px 10px;
	}

		.subright .productlist li {
			width: 29%;
			margin: 0px 2% 30px 2%;
			padding: 15px;
		}

			.subright .productlist li .img {
				height: 140px;
			}


		.subright .technicallist li {
			width: 44%;
			margin: 0px 3% 30px 3%;
			padding: 20px;
		}


			.subright .technicallist li .img {
				height: 160px;
			}

			.subright .technicallist li h4 {
				font-size: 1.6rem;
			}



	.goods-box {
		padding-right: 0px;
	}

		.goods-box .goods-pic {
			position: relative;
			float: left;
			width: 330px;
		}

	.goods-box .pic-preview {
		width: 328px;
		height: 328px;
	}

		.goods-box .pic-scroll {
			width: 330px;
		}

	.goods-box .pic-scroll .items {
		position: relative;
		float: left;
		width: 290px;
	}

	.goods-box .goods-spec {
		width: calc(100% - 370px);
	}

	.tab-pane img {
		max-width: 96%;
	}

	.topmenu > ul > li > div.productmenu {
		top: 144px;
	}

	.topmenu > ul > li > div.productmenu > ul {
		width:970px;
	}
}






@media (max-width:990px) {


		body {
			font-size: 13px;
		}

		.head {
			padding: 0px 0px 0px 0px;
		}

			.head .top {
				height: 72px;
			}

	#shoppingCartCount {
		display: inline-block;
		right:5px;

	}

		.subbanner {
			margin-top: 118px;
		}
	.outdiv {
		padding-top:130px;
	}
		.topmenudiv {
			margin-top: 10px;
		}

		.searchdiv {
			margin-top: 26px;
			height: 32px;
		}

		#searchselectbtn {
			font-size: 1.2rem;
		}

		.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
			padding-right: 10px;
			padding-left: 10px;
		}

		.searchselect {
			width: 110px;
			margin: 4px 0px;
		}

		.searchkey {
			font-size: 1.2rem;
			height: 20px;
			width: calc(100% - 110px);
		}

		.searchBtn {
			margin-top: 26px;
			height: 32px;
		}

		.toplink {
			padding-top: 0px;
			margin-top: 5px;
			width: 100%;
			font-size: 1.4rem;
		}

		.toptel {
			width: 100%;
			background: none;
			margin-top: 5px;
			padding-left: 10px;
			font-size: 1.3rem;
		}

		.topmenu > ul > li {
			width: 150px;
			height: 36px;
			line-height: 36px;
			font-size: 1.4rem;
		}

		.topmenu > ul> li> ul {
			top: 36px;
		}

		.topmenu > ul > li > div.productmenu {
			top: 118px;
		}

		.topmenu > ul > li > div.productmenu > ul {
			width:750px;
		}

			.topmenu > ul > li:hover > div.productmenu > ul > li {
				max-height: 50px;
				padding-bottom: 10px;
			}

			.topmenu > ul > li > div.productmenu > ul > li > a {
				line-height: 28px;
			}


			.topmenu > ul > li > div.productmenu > ul > li > ul > li {
				line-height: 25px;
			}


			.topmenu > ul > li > div.productmenu > ul > li > ul > li > a {
				padding: 5px 30px;
				font-size:1.4rem;
			}

				.topmenu > ul > li > div.productmenu > ul > li > ul {
					background-size: 160px;
				}
					.appcontainer {
			height: 130px;
		}

			.appcontainer .title {
				padding-top: 15px;
				padding-left: 0px;
			}

				.appcontainer .title h3 {
					font-size: 3rem;
				}

		.applist {
			float: left;
			width: 48%;
			padding: 20px 10%;
		}

			.applist li a {
				width: 90px;
				height: 90px;
			}

				.applist li a span {
					width: 50px;
					height: 50px;
					background-size: 40px auto;
				}

			.applist a:hover span {
				background-size: 35px auto;
			}

		.fproduct h3 {
			font-size: 2.8rem;
		}

		.fproduct h4 {
			font-size: 2.2rem;
		}


		.fproduct .linklist {
			padding: 10px 0%;
		}

			.fproduct .linklist li a {
				width: 200px;
				height: 200px;
				padding-top: 20px;
			}

				.fproduct .linklist li a div.icon {
					width: 80px;
					height: 80px;
					margin-top: 20px;
				}

					.fproduct .linklist li a div.icon i {
						background-size: 56px auto;
					}

				.fproduct .linklist li a h6 {
					margin: 20px 0 10px 0;
					padding: 10px 0 0 0;
					font-size: 1.6rem;
				}

				.fproduct .linklist li a:hover div.icon b {
					width: 100px;
					height: 100px;
				}

		.company h3 {
			font-size: 3rem;
		}

		.company h4 {
			font-size: 2.2rem;
		}

		.company .fcompany {
			padding: 10px 0px;
		}

			.company .fcompany p {
				font-size: 1.6rem;
			}
		.subbody {
			padding: 10px 0px;
		}

		


		.hotlist {
			width: 100%;
			padding: 10px 15px;
		}


			.hotlist h3 {
				padding: 0px;
			}

				.hotlist h3 span {
					font-size: 2.5rem;
				}


		.fpnewlist h3 {
			font-size: 3rem;
		}

		.fpnewlist h4 {
			font-size: 2.2rem;
		}

		.fpnewlist .newimg {
			padding: 20px 20px;
		}

			.fpnewlist .newimg p {
				font-size: 1.6rem;
			}

		.fpnewlist .newlist li h4 {
			font-size: 1.6rem;
		}

		.fpnewlist .newlist li a {
			padding: 8px;
		}

		.fbottom .bottommiddle {
			width: 55%;
		}
		.fbottom .bottommiddle ul {
			width: 100%;
			padding: 10px 10px;
			float: left;
		}

		.fbottom .bottomright {
			width: 26%;
		}


		.fbottom .bottomleft img {
			width: 120px;
		}

		.fbottom .bottommiddle ul li {
			width: 44%;
			margin: 10px 3%;
		}

			.fbottom .bottommiddle ul li.minhide {
				display: none;
			}


			.fbottom .bottommiddle ul li a {
				font-size: 1.3rem;
			}

		.fbottom .companyinfo div {
			font-size: 1.3rem;
		}

		.fbottom .companyinfo .tel {
			margin-left: 10%;
			width: 90%;
		}

		.fbottom .companyinfo .email {
			margin-left: 10%;
			width: 90%;
		}

		.subleft {
			width: 24%;
		}

			.subleft .lefttitle {
				width: 100%;
				float: left;
				padding: 10px 20px 1px 10px;
				background-size: 40px auto;
			}

				.subleft .lefttitle h3 {
					margin-bottom: 5px;
					margin-top: 10px;
				}

			.subleft .subleftenu li a {
				padding: 0px 12px 0px 10%;
				font-size: 1.4rem;
			}

				.subleft .subleftenu li a span {
					padding: 8px 0px;
				}

		.subright {
			width: 76%;
			padding: 0px 0px 20px 0px;
		}

			.subright .productlist li {
				width: 29%;
				margin: 0px 2% 30px 2%;
				padding: 15px;
			}

				.subright .productlist li .img {
					height: 100px;
				}

				.subright .productlist li .txt i {
					display: inline-block;
				}



				.subright .productlist li h4 {
					font-size: 1.4rem;
					text-align: left;
				}

				.subright .productlist li label, .subright .productlist li span, .subright .productlist li b {
					font-size: 1.2rem;
					width: 100%;
					text-align: left;
					padding: 0px;
				}

			.subright .technicallist li .img {
				height: 140px;
			}

	.goods-box .goods-pic {
		position: relative;
		float: left;
		width: 250px;
	}

	.goods-box .pic-preview {
		width: 248px;
		height: 248px;
	}

	.goods-box .pic-scroll {
		width: 250px;
	}

		.goods-box .pic-scroll .items {
			position: relative;
			float: left;
			width: 210px;
		}

	.goods-box .goods-spec {
		width: calc(100% - 260px);
		margin: 0 0 0 10px;
	}
		.goods-box .goods-spec h1 {
			margin-bottom: 10px;
			margin-top: 0px;
			font-size: 1.6rem;
		}
		.goods-box .goods-spec .subtitle {
			padding: 5px;
			font-size: 1.4rem;
		}
		.goods-box .goods-spec .spec-box dl {
			margin: 5px;
			line-height: 26px;
		}
			.goods-box .goods-spec .spec-box dl dt {
				line-height: 26px;
				min-height: 30px;
			}
			.goods-box .goods-spec .spec-box dl dd {
				padding: 0px 0;
			}

				.goods-box .goods-spec .spec-box dl dd .price {
					font-size: 1.6rem;
				}

		.goods-box .goods-spec .spec-box .btn-buy {
			/*margin-top: 15px;*/
			padding-top: 10px;
		}

			.goods-box .goods-spec .spec-box .btn-buy .buy {
				line-height: 30px;
				font-size: 1.6rem;
				padding: 0 20px;
			}
			.goods-box .goods-spec .spec-box .btn-buy .add {
				line-height: 30px;
				font-size: 1.6rem;
				padding: 0 20px;
			}

				.tab-pane img {
					max-width: 96%;
				}

		.networkright{
			padding:20px 0px;
		}

		.networkright h3{
			font-size:2rem;
		}

		.networkright ul{
			padding:0px 5px;
		}
		.networkright ul li div.palne{
			padding:10px 10px;
		}

			.networkright ul li div.palne h3 {
				font-size: 1.6rem;
			}
		.networkleft li i{
			width:18px;
		}

		.networkleft li em {
			font-size: 1.4rem;
		}
		.networkleft .networktitle h3 {
			font-size: 1.5rem;
		}
	}

@media (max-width:767px) {
	.login {
		margin-top: 10px;
		width:150px;
	}

	.head {
		padding: 0px 0px 0px 0px;
		background-color: #fff;
		border-bottom: 1px solid #e5e5e5;
	}

	.toplink {
		display: none;
	}

	.toptel {
		display: none;
	}

	.searchselect {
		width: 100px;
	}

	.searchdiv {
		margin-top: 15px;
		height: 40px;
		width: 85%;
		margin-bottom: 10px;
	}

	#searchselectbtn {
		line-height: 2;
	}

	.searchkey {
		height: 30px;
	}


	.searchBtn {
		margin-top: 15px;
		height: 40px;
		width: calc(15% - 2px);
	}

	.topmenudiv {
		display: none;
	}

	#myCarousel img.pc {
		display: none;
	}

	#myCarousel img.mb {
		display: block;
	}


	.appcontainer {
		height: 210px;
	}

		.appcontainer .title {
			width: 100%;
		}

			.appcontainer .title h3 {
				text-align: center;
				margin: 5px 0px;
				font-size: 2.4rem;
			}

			.appcontainer .title p {
				text-align: center;
				font-size: 1.4rem;
			}

		.appcontainer .applist {
			width: 100%;
			padding: 0px 10%;
		}

	.applist li a {
		width: 100px;
		height: 100px;
	}

		.applist li a span {
			width: 60px;
			height: 60px;
			background-size: 40px auto;
		}

		.applist li a b {
			font-size: 1.6rem;
		}


	.fproduct .linklist li a b {
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition: none;
	}



	.fproduct .linklist li a h6 {
		color: #222;
		text-align: center;
		width: 100%;
		margin: 10px auto;
		padding: 5px;
		position: relative;
		font-size: 1.6rem;
		-webkit-transition: none;
		-moz-transition: none;
		transition: none;
		width: 80%;
		height: 48px;
		display: flex;
		align-items: center;
	}

		.fproduct .linklist li a h6 span {
			width: 100%;
			display: inline-block;
			text-align: center;
		}

	.fproduct .linklist {
		padding: 10px 0% 0px 0%;
	}

		.fproduct .linklist li a h6::before {
			display: none;
		}

		.fproduct .linklist li a p {
			display: none;
		}

		.fproduct .linklist li a:hover {
			background-color: #fff;
		}

			.fproduct .linklist li a:hover div.icon {
				margin-top: 0px;
			}


			.fproduct .linklist li a:hover div.icon_01 i {
				background-image: url(../images/pIcon_01.png);
			}

			.fproduct .linklist li a:hover div.icon_02 i {
				background-image: url(../images/pIcon_02.png);
			}

			.fproduct .linklist li a:hover div.icon_03 i {
				background-image: url(../images/pIcon_03.png);
			}

			.fproduct .linklist li a:hover div.icon_04 i {
				background-image: url(../images/pIcon_04.png);
			}

			.fproduct .linklist li a:hover div.icon_05 i {
				background-image: url(../images/pIcon_05.png);
			}

			.fproduct .linklist li a:hover div.icon_06 i {
				background-image: url(../images/pIcon_06.png);
			}




			.fproduct .linklist li a:hover div.icon b {
				width: 0;
				height: 0;
				left: 50%;
				top: 50%;
				opacity: 0;
			}

			.fproduct .linklist li a:hover h6::before {
				content: 'view';
				margin-top: 35px;
				height: 24px;
			}

			.fproduct .linklist li a:hover h6 {
				padding-top: 5px;
			}





	.moblietopright {
		float: right;
		margin-top: 10px;
		margin-right: 20px;
		background-image: url(../images/menu.png);
		background-position: center center;
		width: 30px;
		height: 30px;
		display: block;
		background-repeat: no-repeat;
		background-size: 28px auto;
	}

	#mobliemenubg {
		position: fixed;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.3); /* 白色背景，50% 透明度 */
		z-index: 1000;
		left: 0;
		top: 0;
		display: none;
	}

	#mobliemenudiv {
		position: fixed;
		width: 85%;
		height: 100%;
		left: 15%;
		z-index: 1001;
		top: 0;
		background-color: #fff;
		display: none;
	}

	.mobliemenu {
		width: 100%;
		float: left;
		margin-top: 50px;
	}

		.mobliemenu li {
			width: 100%;
			float: left;
		}

			.mobliemenu li a {
				float: left;
				display: block;
				width: 100%;
				padding: 10px 15px;
				border-bottom: 1px solid #eee;
				line-height: 30px;
				font-size: 1.5rem;
				color: #212529;
			}

			.mobliemenu li span {
				float: left;
				display: block;
				width: 100%;
				padding: 10px 15px;
				border-bottom: 1px solid #eee;
				line-height: 30px;
				font-size: 1.5rem;
				color: #212529;
				background-image: url(../images/arrow_r.png);
				background-position: 96% center;
				background-repeat: no-repeat;
				background-size: 16px auto;
			}




			.mobliemenu li a:hover {
				text-decoration: none;
			}

			.mobliemenu li.down span {
				background-image: url(../images/arrow_d.png);
			}


			.mobliemenu li ul {
				width: 100%;
				display: none;
				background-color: #fafafa;
				float: left;
			}


				.mobliemenu li ul a {
					padding-left: 36px;
				}

			.mobliemenu li.down ul {
				display: block;
			}


			.mobliemenu li ul li a {
				background-image: none;
			}

			.mobliemenu li.down ul li a {
				background-image: none;
			}

	.fproduct {
		padding: 10px 0px;
	}

		.fproduct h3 {
			font-size: 2rem;
		}

		.fproduct h4 {
			font-size: 1.6rem;
		}

		.fproduct .linklist li {
			margin-bottom: 20px;
		}

			.fproduct .linklist li a {
				width: 100%;
				height: 150px;
				padding: 0px;
			}

				.fproduct .linklist li a div.icon {
					width: 80px;
					height: 80px;
					margin-top: 0px;
					background-color: #f5f5f5;
					border-radius: 40px;
				}

	.company h3 {
		width: 100%;
		text-align: center;
		font-size: 2rem;
		padding-left: 0px;
		font-weight: normal;
		padding-bottom: 0px;
		margin-top: 10px;
	}

	.company h4 {
		text-align: center;
		font-size: 1.6rem;
		color: #999;
		padding-left: 0px;
	}

	.hero-gallery .tagline {
		display: none;
	}

	.company .fcompany h5 {
		font-size: 2rem;
		text-align: center;
		margin-top: 0px;
		margin-bottom: 10px;
	}

	.fpnewlist {
		background-position: center left;
	}

		.fpnewlist h3 {
			width: 100%;
			text-align: center;
			font-size: 2rem;
			padding-left: 0px;
			font-weight: normal;
			padding-bottom: 0px;
			margin-top: 10px;
		}

		.fpnewlist h4 {
			text-align: center;
			font-size: 1.6rem;
			color: #999;
			padding-left: 0px;
		}

		.fpnewlist .newitemlist {
			text-align: right;
			margin-top: 0px;
			position: unset;
			right: 0;
			top: 0;
			float: left;
			width: 100%;
			padding: 20px 10% 0px 10%;
		}

			.fpnewlist .newitemlist a {
				border: none;
				background-color: #fff;
				border-radius: 20px;
				margin: 0px 5%;
				width: 40%;
				color: #222;
			}

				.fpnewlist .newitemlist a.action {
					background-color: #503191;
					color: #fff;
				}

		.fpnewlist .newimg {
			padding: 20px 10px 10px 10px;
		}

		.fpnewlist .newlist li h4 {
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

		.fpnewlist .newlist li span {
			color: #aaa;
			float: right;
		}

		.fpnewlist .newlist li {
			border-bottom: 1px solid #ccc;
		}

		.fbottom {
			padding-top:10px;
			margin-bottom:50px;
		}

		.fbottom .bottomleft {
			display: none;
		}

			.fbottom .copyright{
				border:none;
				padding:10px;
				margin:0px;
			}

			.fbottom .bottommiddle {
				display: none;
			}

			.fbottom .bottomright {
				width: 100%;
				display: none;
			}

			.fbottom .bottomright .wecode {
				width: 40%;
			}

				.fbottom .bottomright .wecode img {
					width: 70%;
				}

		.fbottom .companyinfo {
			width: 60%;
		}

			.fbottom .companyinfo .tel {
				margin-left: 0%;
				width: 100%;
				font-size: 1.5rem;
				margin-bottom: 10px;
			}

			.fbottom .companyinfo .email {
				margin-left: 0%;
				width: 100%;
				font-size: 1.5rem;
			}

	#siderIMchat_shopmax {
		display: none;
	}

	.mobliebottom {
		position: fixed;
		bottom: -1px;
		left: 0px;
		width: 100%;
		height: 60px;
		z-index: 1000;
		background-color: #fff;
		border-top: 1px solid #ccc;
		display: block;
	}

		.mobliebottom ul {
			width: 100%;
			float: left;
		}

			.mobliebottom ul li {
				float: left;
				width: 20%;
			}

				.mobliebottom ul li a {
					display: block;
					width: 100%;
					text-align: center;
					height: 58px;
					float: left;
					position: relative;
					color:#444;
				}

					.mobliebottom ul li a i {
						float: left;
						width: 100%;
						height: 35px;
						display: block;
						background-position: center center;
						background-repeat: no-repeat;
						background-size: 24px auto;
						
					}

						.mobliebottom ul li a i.home {
							background-image: url(../images/home.png);
						}

						.mobliebottom ul li a i.tel {
							background-image: url(../images/tel_m.png);
						}

						.mobliebottom ul li a i.message {
							background-image: url(../images/message.png);
						}

						.mobliebottom ul li a i.wecode {
							background-image: url(../images/wc.png);
						}
						.mobliebottom ul li a i.car {
							background-image: url(../images/car_m.png);
							background-size: 26px auto;
						}
						.mobliebottom ul li a i.user {
							background-image: url(../images/user.png);
						}

					.mobliebottom ul li a span {
						float: left;
						width: 100%;
						display: block;
						text-align: center;
						color: #444;
					}

	#mshoppingCartCount {
		display: inline-block;
		padding: 2px 5px;
		border-radius: 50%;
		position: absolute;
		width:auto;
		top: 0px;
		left:55%;
		font-size: 1rem;
		background-color: red;
		color: #fff;
		line-height: 1.2rem;
	}

	.musercenter{
		width:100%;
		padding:0px 10px;
		margin-top:120px;
		float:left;
	}

	.musercenter .sub-tit {
		margin: 0 0px 10px;
		padding-top:0px;
		height:34px;
	}

	.musercenter  .center-head {
		margin:0;
		padding:10px 5px;
	}

	.musercenter .sub-tit ul li a {
		line-height: 32px;
	}
	.musercenter .sub-tit a.add {
		line-height: 32px;
	}
	.musercenter .center-head .img-box {
		width: 84px;
		height: 84px;
	}
		.musercenter .center-head .list-box {
			margin-left:95px;
		}

	.center-head .list-box h3


   .musercenter .center-head .img-box i {
		font-size: 80px;
	}
	.musercenter .center-head .list-box h3 {
		line-height: 30px;
		margin-top: 0px;
		margin-bottom:5px;
	}
	.musercenter .center-head .list-box ul li {
		 width:100%;
		 line-height:26px;
	}
	.musercenter  .center-nav{
		float:left;
		width:100%;
		padding:5px 10px;
	}
		.musercenter .center-nav ul li h2 {
			margin-top: 10px;
			font-size:15px;
		
		}
			.musercenter .center-nav ul li h2 span {
				font-weight: bold;
				margin-left:5px;
				color:#565656;
			}
		.musercenter .center-nav ul li .list a{
			line-height:28px;
			height:28px;
			
			font-size:1.3rem;
		}
		.musercenter .center-nav ul li .list p {
			border-bottom: 1px solid #eee;
			padding-bottom:3px;
		}

	.musercenter .form-box{
		margin:0px;
		text-align:center;
	}

		.musercenter .form-box .form-group dt{
			width:22%;
			line-height:35px;
		}
		.musercenter .form-box .form-group dd {
			margin-left: 22%;
			line-height: 35px;
		}





		.musercenter .form-box .form-group{
			padding:5px 0px;
		}
			.musercenter .form-box .form-group dd .input {
				width:70%;
				height: 35px;
				line-height: 20px;
				background-color:#f5f5f5;
			}

			.musercenter  .form-box .form-group dd .select {
				display: inline-block;
				padding:5px;
				height: 35px;
			}
	.musercenter .cropper-wrap .cropper-box
	{
		width:100%;
		margin:0px;
	}

	.musercenter .cropper-wrap .cropper-view .img-box {
		margin-left:calc(50% - 90px);
		margin-top:10px;
	}

	.musercenter .cropper-wrap .cropper-view {
		text-align: center;
		width: 100%;
	}

	.morderlist{
		float:left;
		width:100%;
	}
		.morderlist li {
			float: left;
			width: 100%;
			padding:2px 5px 8px 5px;
			margin-bottom:10px;
			border-bottom:1px solid #eee;
		}
		.morderlist li .line {
			float: left;
			width: 100%;
			padding:2px 0px;
		}
		.morderlist li .line label {
			float: left;
			display:block;
			width: 100%;
			font-size:1.6rem;
			color:#222;
			margin:0px;
		}

		.morderlist li .line .left {
			float: left;
			display: block;
			width: 70%;
			font-size: 1.4rem;
			color:#565656;
		}
		.morderlist li .line .right {
			float: left;
			display: block;
			width: 30%;
			font-size: 1.4rem;
			color: #aaa;
			text-align:right;
		}
		.morderlist li .line img{
			float:left;
			margin-right:10px;
			width:66px;
			height:66px;
		}
		.morderlist li .line img {
			float: left;
			margin-right:20px;
			width: 66px;
			height: 66px;
		}
		.morderlist li .line p {
			float: left;
			font-size: 1.6rem;
			color: #222;
			display:block;
			max-width: calc(100% - 98px);
		}

		.morderlist li .line span {
			line-height: 28px;
			float: left;
		}

		.morderlist li .line span.red {
			color: red;

		}

		.morderlist li .line span.green {
			color: green;

		}
		.morderlist li .line span.grey {
			color: #666;
		}




		.morderlist li .line span.blue {
			color: red;
			
		}



		.morderlist li .line a {
			color:#503191;
			border-radius:4px;
			line-height:28px;
			border:1px solid #503191;
			padding:0px 10px;
			float:right;
		}


	.mobliecart {
		float: left;
		width: 100%;
		margin-top:120px;
		min-height:calc(100% - 170px);
		background-color:#fff;
	}


	.mobliecart .subcentercontent {
		width: 100%;
		padding-top: 10px;
	}
	.mobliecart .cart-head {
		margin: 0px;
		padding: 0px 10px;
		padding-bottom: 10px;
	}
	.mobliecart .cart-head h2 {
		margin: 0px;
		line-height: 30px;
	}
		.mobliecart .cart-head h2 i {
			line-height: 30px;
			font-size: 20px;
		}



		.mobliecart .cart-head .cart-setp li .progress {
			height: 30px;
			line-height: 30px;
			margin-bottom: 0px;
		}

		.mobliecart .cart-head .cart-setp {
			float: right;
			/*margin-right: 20px;*/
			margin-left:0px;
		}
		.mobliecart .cart-box {
			margin: 0px;
			float: left;
			width: 100%;
			padding-bottom: 90px;
			position: relative;
			padding-top: 10px;
		}

	.mobliecart .mobliecartlist {
		float: left;
		width: 100%;
		padding:0px 10px;
	}
		.mobliecart .mobliecartlist li {
			float: left;
			width: 100%;
			height: 120px;
			margin-bottom: 10px;
			padding: 5px 0px;
			border-bottom:1px solid #eee;
		}
	.mobliecart .mobliecartlist li .checkbox {
		width:35px;
		float:left;
		display:flex;
		height:100%;
		margin:0px;
	}
	.mobliecart .mobliecartlist li .checkbox {
		float: left;
		width: 30px;
		height: 100%;
	}
	.mobliecart .mobliecartlist li .checkbox input {
		position: unset;
		margin: 0px;
		width:18px;
		height: 100%;
	}
	.mobliecart .mobliecartlist li .img{
		float:left;
		width:100px;
		height:100px;
		border-radius:6px;
		margin-top:5px;

	}
	.mobliecart .mobliecartlist li .txt {
		width: calc(100% - 155px);
		float: left;
		margin-left:10px;
		padding-top:5px;
	}
	.mobliecart .mobliecartlist li .txt a {
		float: left;
		text-align:left;
		display: block;
		width: 100%;
		font-size: 1.5rem;
		color: #222;
		white-space: nowrap;
		text-overflow: ellipsis;
		vertical-align: middle;
		overflow: hidden; /* 隐藏溢出的文本 */

	}
	.mobliecart .mobliecartlist li .txt .stxt {
		text-align: left;
		color: #565656;
		padding: 5px 0px;
		width: 100%;
		display: block;
		margin: 0px;
		float: left;
	}
	.mobliecart .mobliecartlist li .txt .btxt {
		text-align: left;
		color: #666;
		padding: 5px 0px;
		width: 50%;
		display: block;
		margin: 0px;
		float: left;
		font-weight:normal;
		font-size:1.3rem;
	}
	.mobliecart .mobliecartlist li .txt .btxt i.red{
		color:red;
		font-weight:bold;
	}
		.mobliecart .mobliecartlist li .txt .btxt i.green {
			color: #83c44e;
			font-weight: bold;
		}



		.mobliecart .mobliecartlist li .txt .price {
			float: left;
			margin-bottom: 0px;
			color: red;
			font-weight: bold;
			font-size: 1.4rem;
			display: block;
			width: 50%;
		}

		.mobliecart .mobliecartlist li .txt .buy-box {
			float: left;
			padding: 0;
			height: 24px;
			overflow: hidden;
			width: 50%;
		}

		.mobliecart .mobliecartlist li .txt .buy-box a {
			display: block;
			float: right;
			width: 24px;
			height: 24px;
			font-size: 20px;
			line-height: 24px;
			text-align: center;
			border: 1px solid #e8e8e8;
			overflow: hidden;
			color: #333;
		}

		.mobliecart .mobliecartlist li .txt .input {
			float: right;
			margin: 0;
			padding: 0;
			width: 40px;
			font-size: 13px;
			height: 24px;
			line-height: 20px;
			text-align: center;
			ime-mode: disabled;
			border-radius: 0;
			border-left: 0;
			border-right: 0;
			border: none;
		}

		.mobliecart .cart-box .cart-foot {
			margin: 0px;
			padding:10px 10px;
			position: absolute;
			bottom: 0px;
			left: 0px;
			width: 100%;
			height: unset;
			background-color: #f0f0f0;
		}
			.mobliecart .cart-box .cart-foot .totel {
				width: 100%;
				float: left;
				padding:0px 0px;
				margin-bottom:10px;
			}
				.mobliecart .cart-box .cart-foot .totel .red{
					padding:0px 5px;
					font-size:1.4rem;
					font-weight:bold;
				}
			.mobliecart .cart-box .cart-foot .left-box {
				line-height:30px;
			}

			.mobliecart .cart-box .cart-foot .left-box a{
				line-height:30px;
				border:1px solid #503191;
				padding:4px 12px;
				border-radius:5px;
				margin-top:2px;
			}

			.mobliecart .cart-box .cart-foot .right-box button{
				padding:5px 18px;
			}
		.mobliecart .slide-tit{
			float:left;
			width:100%;
			padding:0px 10px;
		}

		.mobliecart .slide-tit span {
			float: left;
		}
		.mobliecart .cart-box  .address-list{
			float:left;
			width:100%;
		}
			.mobliecart .cart-box .address-list li {
				float: left;
				width: 100%;
				height: auto;
				line-height: 28px;
				padding:5px 0px;
			}

		.mobliecart .cart-box .address-list li label{
			float: left;
			width: 100%;
			font-size:1.3rem;
			font-weight:normal;
		}
		.mobliecart .cart-box .address-list li label * {
			float: left;
			line-height:28px;
		}
		
		.mobliecart .cart-box .address-list li label input {
			margin-top:8px;
			width:30px;
			display:flex;
			height:100%;
		}
		.mobliecart .cart-box .address-list li label span{
			display: block;
			width:calc(100% - 40px);
			text-align:left;
		}
		.mobliecart .cart-box .address-list li label em {
			display: block;
			width:100%;
			text-align: left;
			color:#444;
			font-weight:normal;
		}
		.mobliecart .cart-box .address-list li.selected label em {
			font-weight: bold;
		}


			.mobliecart .address-info.form-box {
				padding: 0px 10px;
			}
		.mobliecart .form-box .form-group dt {
			width: 22%;
			line-height: 32px;
		}
		.mobliecart .form-box .form-group dd {
			margin-left: 22%;
			line-height: 32px;
		}
			.mobliecart .form-box .form-group dd .input, .mobliecart .form-box .form-group dd .select {
				height: 32px;
				padding: 0 8px;
			}


		.mobliecart .buy-foot{
			width:100%;
			float:left;
			padding:0px 10px;
		}
			.mobliecart .buy-foot .left-box {
				width: 100%;
				float: left;
				text-align:left;
			}

			.mobliecart .buy-foot .left-box dl dd .input {
				width: 100%;
			}

		.mobliecart .sub-tit {
			margin: 0 0px 10px;
			padding-top: 0px;
			height: 34px;
		}
			.mobliecart .sub-tit a.add {
				line-height: 32px;
			}
			.mobliecart .sub-tit ul li a {
				line-height: 32px;
			}



		.mobliecart .order-progress {
			position: relative;
			margin: 15px 10px;
			height: 55px;
		}



			.mobliecart .order-progress li .progress {
				line-height: 25px;
				height: 25px;
				margin-bottom: 10px;
			}

			.mobliecart .order-progress li .info{
				margin-top:10px;
			}


	.flickity-slider a{
		display:block;
		width:100%;
	}




	.mobliecart .accept-box {
		margin: 0 10px;
		float: left;
		width: calc(100% - 20px);
	}

		.mobliecart .accept-box dl.head {
			z-index: 100;
		}

		.mobliecart  .right-box{
			float:left;
			/*width:100%;*/
			padding:0px 10px;
		}

		.maddresslist {
			float: left;
			width: 100%;
			padding: 0px 10px;
		}

	.maddresslist li {
		float: left;
		width: 100%;
		height: 105px;
		margin-bottom: 10px;
		padding: 5px 0px;
		border-bottom: 1px solid #eee;
	}

		.maddresslist li .checkbox {
			width: 35px;
			float: left;
			display: flex;
			height: 100%;
			margin: 0px;
		}

		.maddresslist li .checkbox {
			float: left;
			width: 30px;
			height: 100%;
		}

		.maddresslist li .checkbox input {
			position: unset;
			margin: 0px;
			width: 18px;
			height: 100%;
		}
		.maddresslist li .txt{
			float:left;
			width:calc(100% - 35px);
		}
		.maddresslist li .txt .line{
			float:left;
			width:100%;
			line-height:25px;
		}
			.maddresslist li .txt .twoline {
				float: left;
				width: 100%;
				height: 44px;
				line-height: 22px;
			}


		.maddresslist li .txt .line label{
			margin:0px;
			display:block;
			width:100%;

		}
			.maddresslist li .txt .line span {
				color: #503191;
				padding: 4px 15px;
				font-size: 1.3rem;
				border-radius: 6px;
			}

			.maddresslist li .txt .line span.left i {
				margin-right: 4px;
				color: #503191;
				font-size: 1.3rem;
			}



			.maddresslist li .txt .line a.left {
				float: left;
				color: #888;
			}
			.maddresslist li .txt .line a.left i{
				margin-right:4px;
				color:#888;
				font-size:1.3rem;
			}


			.maddresslist li .txt .line a.right {
				float: right;
				color: #503191;
				padding: 0px 15px;
				border-radius: 4px;
				color: #565656;
				background-color: #f0f0f0;
			}
	.page-foot{
		float:left;
		width:100%;
	}
	.page-foot .page {
		width: 100%;
		float: left;
		height: 50px;
		text-align: center;
	}
		.page-foot .page .pagination {
			margin:6px auto;
		}

	.page-foot .btn-box {
		float:left;
		width:100%;
	}
	.page-foot .btn-box a.left {
		border-color: #503191;
		color: #503191;
		padding:4px 15px;
		border-radius:4px;
	}

	.page-foot .btn-box a.right {
		float: right;
		color: #fff;
		padding:4px 15px;
		background-color: #503191;
	}



	 	.subbanner {
			margin-top: 127px;
		}
	.outdiv {
		padding-top: 120px;
	}

	.subbanner img.mb {
		display: block;
	}

		.subbanner img.pc {
			display: none;
		}


	.subpagelink {
		display: none;
	}

	.subleft {
		width: calc(100% - 20px);
		margin: 10px 10px;
	}

		.subleft .lefttitle {
			background-image: none;
		}

			.subleft .lefttitle h3 {
				margin-bottom: 10px;
				margin-top: 5px;
			}

			.subleft .lefttitle p {
				display: none;
			}

	.subleftenu {
		display: none;
	}

		.subleftenu.down {
			display: block;
		}

	.subleft .subleftenu li a {
		font-size: 1.6rem;
	}

	.subleft .lefttitle .moblieleftmenu {
		display: block;
	}

	.subright {
		width: 100%;
		padding: 5px 10px;
	}

		.subright .productlist li {
			width: 100%;
			margin: 0px 0px 20px 0px;
		}


			.subright .productlist li .img {
				height: 116px;
				width: 116px;
			}

			.subright .productlist li .txt {
				width: calc(100% - 130px);
				margin-left: 14px;
			}

			.subright .productlist li h4 {
				margin-top: 0px;
				font-size: 1.6rem;
				margin-bottom: 5px;
			}

			.subright .productlist li label, .subright .productlist li span, .subright .productlist li b {
				font-size: 1.4rem;
			}


		.subright .technicallist li {
			width: 100%;
			margin: 0px 0px 20px 0px;
		}

			.subright .technicallist li .img {
				overflow: auto;
				height: auto;
			}

				.subright .technicallist li .img img {
					margin: 0% auto;
					float: left;
					width: 100%;
					height: auto;
				}

			.subright .technicallist li:hover .img img {
				margin: 0% auto;
				width: 100%;
				height: auto;
			}



	.pagination > li > a, .pagination > li > span {
		padding:4px 8px;
		color: #444;
		margin: 0px 5px;
		font-size:1.2rem;
	}


	.goods-box .goods-pic {
		position: relative;
		float: left;
		width: 100%;
	}

	.goods-box .pic-preview {
		width: 100%;
		height: auto;
		float: left;
	}

	.goods-box {
		padding: 10px;
	}

		.goods-box .pic-scroll {
			width: 100%;
			float: left;
		}

			.goods-box .pic-scroll .items {
				position: relative;
				float: left;
				width: calc(100% - 40px);
			}

	.goods-box .goods-spec {
		width: 100%;
		margin: 10px 0px 0px 0px;
	}

	.tab-content .tab-pane {
		padding: 10px 0px;
	}

	.smsdownlist li a span {
		margin-right: 5px;
	}

/*	.goods-box .goods-spec .spec-box .btn-buy {
		padding-top: 20px;
	}*/


	.subbody .newslist li {
		width: 100%;
		float: left;
		margin: 5px;
	}

		.subbody .newslist li a .img {
			width: 30%;
		}

		.subbody .newslist li a .txt {
			width: 70%;
			padding: 0px 0px 0px 10px;
		}

			.subbody .newslist li a .txt h4 {
				height: 46px;
				display: -webkit-box;
				-webkit-line-clamp: 2; /* 限制显示的行数为2 */
				-webkit-box-orient: vertical;
				overflow: hidden; /* 隐藏溢出的文本 */
				text-overflow: ellipsis; /* 显示省略号 */
				white-space: normal;
				font-size: 1.6rem;
				line-height: 1.5;
				margin: 5px 0px;
			}

			.subbody .newslist li a .txt p {
				display: block;
				width: 100%;
				color: #666;
				white-space: nowrap;
				text-overflow: ellipsis;
				vertical-align: middle;
				overflow: hidden;
			}

	.subbody .newstab {
		margin: 10px 0px;
	}

	.newscontainer {
		padding: 15px;
	}

		.newscontainer h3.newstitle {
			font-size: 2.4rem;
			margin-bottom: 20px;
		}

		.newscontainer img {
			max-width: 100%;
		}

		.newscontainer .newstxt {
			padding: 20px 5px;
		}

	.newsbottomlist {
		padding: 0px;
		padding-top: 10px;
	}

		.newsbottomlist li {
			width: 100%;
			margin: 5px 0px;
		}

			.newsbottomlist li a {
				width: 100%;
				display: block;
			}

				.newsbottomlist li a span {
					padding: 0px 10px;
					font-weight: bold;
					float: left;
					display: block;
					width: 70px;
					text-align: center;
				}

				.newsbottomlist li a b {
					float: right;
					display: block;
					width: calc(100% - 70px);
					white-space: nowrap;
					text-overflow: ellipsis;
					vertical-align: middle;
					overflow: hidden;
				}

	.companytilte {
		padding-top: 30px;
	}

		.companytilte h3 {
			margin-top: 10px;
			line-height: 30px;
			width: 90%;
		}

			.companytilte h3 b {
				font-size: 2rem;
				margin-left: 0px;
			}

			.companytilte h3 i {
				display: none;
			}

	.subright .companytxt {
		padding: 10px 10px 30px 10px;
	}

	.subright .idealist {
		height: auto;
		float: left;
		padding: 15px 10px;
	}

		.subright .idealist ul {
			margin-top: 10px;
		}

		.subright .idealist li {
			width: 100%;
			margin: 5px 0px;
		}

	.subright .itemtitle {
		font-size: 2rem;
	}

	.honorList li {
		width: 100%;
		float: left;
		margin: 20px 0px;
		background-color: #f0f0f0;
		padding: 15px;
	}

	.joblist li {
		width: 100%;
	}

	.contactlist {
		margin-top: 30px;
		margin-bottom: 20px;
	}

		.contactlist li {
			width: 100%;
			margin: 15px 0px;
		}

			.contactlist li .content {
				height: auto;
			}

	.messageform {
		margin-top: 0px;
	}

		.messageform ul li {
			width: 100%;
			text-align: center;
			padding: 10px 0px;
		}

			.messageform ul li label {
				width: 70px;
			}

			.messageform ul li input, .messageform ul li select {
				width: calc(100% - 70px);
			}

	.mobliewxbg {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
		background-color: rgba(0, 0, 0,0.9);
		z-index: 9999;
		padding-top: 60%;
	}

		.mobliewxbg .mobliewxcode {
			width: 180px;
			height: 180px;
			float: left;
			margin-left: calc(50% - 90px);
			z-index: 19999;
		}

		.mobliewxbg h3 {
			float: left;
			display: block;
			text-align: center;
			font-size: 1.8rem;
			color: #fff;
			width: 100%;
		}

		.mobliewxbg .wxcloase {
			width: 60px;
			height: 60px;
			float: left;
			display: block;
			margin-left: calc(50% - 30px);
			margin-top: 30px;
			background-image: url(../images/close.png);
			background-position: center center;
			background-repeat: no-repeat;
			background-size: 50px auto;
		}

	.form-box {
		margin: 0 10px;
		padding: 20px 0 30px;
	}

		.form-box.full .form-group dt {
			width: 20%;
			font-size: 1.2rem;
		}

		.form-box.full .form-group dd {
			margin-left: 21%;
		}

			.form-box.full .form-group dd .input {
				padding: 0 8px;
				width: 50%;
				height: 36px;
			}

	.networkleft {
		width: 100%;
	}

		.networkleft ul {
			border: none;
		}

		.networkleft .networktitle h3 {
			width: 80%;
			display: block;
			text-align: center;
			margin-left: 10%;
		}

		.networkleft li i {
			width: 20px;
		}

		.networkleft li em {
			font-size: 1.6rem;
			margin-left: 10px;
			margin-bottom: 10px;
		}

	.networkright {
		width: 100%;
		border-top: 1px solid #ccc;
	}

	.networkright h3 {
		margin-top:0px;
	}
	.payoutdiv .indiv {
		margin:30% auto;
		width:80%;
	}
	.goods-box .goods-spec .spec-box dl dd {
		padding: 2px 0px;
	}
}

.bg-wrap {
	margin: 0;
	padding: 0;
	background: #fff;
	width: 100%;
	float: left;
}

/*内容详细样式*/
.entry {
	margin-top: 20px;
	padding: 0 50px 15px;
	font-size: 14px;
	line-height: 2em;
	word-wrap: break-word;
}

	.entry img {
		max-width: 100% !important;
		height: auto !important;
	}

	.entry h2, .entry h3, .entry h4 {
		margin: 0.8em auto;
		padding-bottom: 5px;
		border-bottom: 1px solid #f6f6f6;
		color: #333;
	}

	.entry h2 {
		font-size: 1.2em;
	}

	.entry h3, .entry h4 {
		font-size: 1.1em;
	}
	/*
	.entry strong {
		color: #DC2523;
	}
	*/
	.entry ul, .entry ol {
		margin: 1em;
		padding: 0;
	}

	.entry li {
		margin-left: 1em;
	}

	.entry ul li {
		list-style: disc outside none;
	}

	.entry ol li {
		list-style: decimal outside none;
	}

	.entry p {
		display: inherit;
		margin: 1em 0;
		color: #333;
		word-wrap: break-word;
	}

	.entry a {
		text-decoration: underline;
	}

	.entry code {
		display: block;
		padding: 0.5em;
		background: #eee;
		border-radius: .5em;
		color: #777;
		font-family: 'courier new';
		font-size: 12px;
		line-height: 1.7em;
	}

	.entry table {
		margin: 10px auto;
		border-left: 1px solid #eee;
		border-top: 1px solid #eee;
	}

		.entry table th {
			background: #F9F9F9;
			text-align: center;
		}

		.entry table td, .entry table th {
			border-bottom: 1px solid #eee;
			border-right: 1px solid #eee;
			padding: 0.35em 0.5em;
		}