/*外贸狼电商系统*/
/*header*/
.wml-xz-header {
	width: 100%;
	height: 120px;
	color: #ffffff;	
	background-color: #cccccc;
}
/*footer*/
.wml-xz-footer {
	width: 100%;
	height: 120px;
	color: #ffffff;	
	background-color: #cccccc;
}
/*banner*/
.wml-xz-banner img {
	font-size: 0;
	width: 100%;
	vertical-align: middle;
}
/*sysBuilding*/
.wml-xz-sysBuilding {
	background-color: #ffffff;
	padding: 60px 0;
}
.wml-xz-topcontainer h1{
	font-size: 30px;
	color: #6038db;
	text-align: center;
	line-height: 48px;
	margin-bottom: 10px;
}
.wml-xz-topcontainer p {
	font-size: 14px;
	color: #444444;
	line-height: 30px;
	text-align: center;
}
.wml-xz-bottomimg ul {
	overflow: hidden;
	margin-top: 30px;
}
.wml-xz-bottomimg li {
	float: left;
	width:20%;
}
.wml-xz-sysingBox {
	text-align: center;
}
.wml-xz-sysingBox img {
	display: block;
	font-size: 0;
	margin:10px;
	width:220px;
	cursor: pointer;
}
.wml-xz-sysingBox img:hover {
	box-shadow: 2px 2px 1px rgba(0,0,0,.2);
}
.wml-xz-sysingBox p {
	color: #444444;
	font-size: 16px;
	line-height: 30px;
}
/*shoppingMall*/
.wml-xz-shoppingMall {
	background-color: #f8f8f8;
	padding: 20px 0;
}
.wml-xz-ModulInfo {
	width: 100%;
	overflow: hidden;
}
.wml-xz-Modulleftinfo {
	width:65%;
	float: left;
}
.wml-xz-Modulrightimg {
	width:25%;
	float:right;
	text-align: right;
}
.wml-xz-Modulleftinfo h1 {
	font-size: 28px;
	font-weight: 800;
	color: #444444;
	line-height: 40px;
	margin-bottom:10px;
}
.wml-xz-Modulleftinfo p {
	font-size: 16px;
	color: #666666;
	line-height: 30px;
}
.wml-xz-Modulleftinfo ul {
	overflow: hidden;
	width: 100%;
	padding:20px 0;
}
.wml-xz-shoppingMallli {
	float: left;
	width:25%;
}
.wml-xz-shoppingMallli div {
	width:85%;
	margin-right:15%;
	height: 48px;
}
.wml-xz-shoppingMallli div a {
	display: block;
	width:100%;
	height: 100%;
	background-color: #ffb400;
	border-radius: 10px;
}
.wml-xz-shoppingMallli div a:hover {
	background-color: #e84711;
}
.wml-xz-mallico {
	display:inline-block;
	vertical-align: middle;
	height: 100%;
	line-height: 48px;
	width:30%;
	padding-left: 5%;
}
.wml-xz-mallico img{
	font-size: 0;
	vertical-align: middle;
}
.wml-xz-mallicotext {
	font-size: 18px;
	color: #ffffff;
	width:70%;
	height: 48px;
	line-height: 48px;
	display:inline-block;
	text-align: center;
	vertical-align: middle;
}
.wml-xz-websiteShow div {
	width:25%;
	float: left;
	font-size: 16px;
	color: #666666;
}
.wml-xz-websitespcShow {
	margin-left: 1%
}
.wml-xz-ModulImg {
	width:100%;
	margin:30px 0; 
}
.wml-xz-MallmanyModul {
	margin-top:80px;
}
.swiper-slide img {
	font-size: 0;
	vertical-align: middle;
}
/*shallPoint*/
.wml-xz-shallPoint {
	padding: 30px 0;
}
.wml-xz-shallPointMain h1 {
	font-size: 28px;
	color: #000000;
	text-align: center;
	line-height: 60px;
}
.wml-xz-shallPointMain p {
	font-size: 16px;
	color: #666666;
	text-align: center;
	line-height: 48px;
}
.wml-xz-shallPointImg {
	width: 100%;
	background: url(../jpg/shallpointbg.jpg) no-repeat center center;
	background-size: cover;
}
.wml-xz-shallPointImg ul {
	overflow: hidden;
	margin:0 -1.65%;
	padding:150px 0;
}
.wml-xz-shallPointImg li {
	width:33.3%;
	float: left;
}
.wml-xz-shallPointtext {
	background-color: #007dc6;
	border: 5px solid #ffffff;
	height: 120px;
	margin:10px 5%;
	border-radius: 5px;
	position: relative;
	color: #fafafa;
}
.wml-xz-shallPointcenter {
	padding:0 15px;
}
.wml-xz-shallPointtext p {
	font-size: 14px;
}
.wml-xz-shallPointtext h2 {
	font-size: 20px;
	padding-bottom: 10px;
}
.wml-xz-shallPointtext1 {
	height: 260px;
}
.wml-xz-shallPointtext1 p {
	font-size: 26px;
	font-weight: 800;
	text-align: center;
	line-height: 50px;
}
.wml-xz-shallPointcenter {
	width:100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
}
/*tecsupport*/
.wml-xz-tecsupport {
	padding: 40px 0;
}
.wml-xz-tecsupporttext h1 {
	font-size: 28px;
	color: #000000;
	text-align: center;
	line-height: 60px;
	margin-bottom:20px;
}
.wml-xz-tecsupporttext p {
	font-size: 16px;
	color: #666666;
	text-align: center;
	line-height: 30px;
}
.wml-xz-tecsupportplateul {
	overflow: hidden;
	margin:40px -1.65% 0 -1.65%;
}
.wml-xz-tecsupportplateli {
	width: 33.3%;
	float: left;
}
.wml-xz-tecsupportplate .wml-xz-tecplateBox{
	margin:0 5%;
	border: 1px solid #cccccc;
}
.wml-xz-tecplateBox .wml-xz-tecplateTitle {
	padding: 45px 20px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.wml-xz-tecplateBox .wml-xz-tecplateTitle1 {
	background-image: url(../jpg/tecsupportplate1.jpg);
}
.wml-xz-tecplateBox .wml-xz-tecplateTitle2 {
	background-image: url(../jpg/tecsupportplate2.jpg);
}
.wml-xz-tecplateBox .wml-xz-tecplateTitle3 {
	background-image: url(../jpg/tecsupportplate3.jpg);
}
.wml-xz-tecplateTitle h1 {
	font-size: 24px;
	font-weight: 800;
	color: #ffffff;
	margin-bottom:10px;
	height: 36px;
	line-height: 30px;
}
.wml-xz-tecplateTitle p {
	font-size: 15px;
	color: #ffffff;
	line-height: 24px;
}
.wml-xz-tecplateTitle img {
	font-size: 0;
	vertical-align: middle;
}
.wml-xz-tecplateTitle span {
	vertical-align: middle;
	margin-left:5px;
}
.wml-xz-tecplatePoint {

}
.wml-xz-tecplatePoint1 {
	background-color: #6a97e4;
}
.wml-xz-tecplatePoint2 {
	background-color: #40d6b2;
}
.wml-xz-tecplatePoint3 {
	background-color: #f9c33a;
}
.wml-xz-tecplatePoint li {
	overflow: hidden;
	padding: 12px 0;
	cursor: pointer;
}
.wml-xz-tecplatePoint li:hover {
	background-color: #bab8b8;
}
.wml-xz-tecplatePointImg {
	width: 22%;
    float: left;
    text-align: center;
}
.wml-xz-tecplatePointcontent {
	width: 70%;
	float: left;
}
.wml-xz-tecplatePoint h2{
	font-size: 18px;
	font-weight: 800;
	color: #ffffff;
}
.wml-xz-tecplatePoint p{
	font-size: 14px;
	color: #ffffff;
}
.wml-xz-commonspectext {
	display:none;
}
/*shalladvantage*/
.wml-xz-shalladvantage {
	padding: 40px 0;
	background-color: #f7f7f7;
}
.wml-xz-shalladvantageTitle h1{
	text-align: center;
	font-size: 28px;
	color: #000000;
	line-height: 60px;
	font-weight: 800;
}
.wml-xz-shalladvantageplate ul {
	overflow: hidden;
	margin:50px -2% 0 -2%;
}
.wml-xz-shalladvantageplateli {
	width:25%;
	float: left;
}
.wml-xz-shalladvantageplateli .wml-xz-shalladvantageBox {
	margin:0 8%;
	background-color: #ffffff;
	border-radius: 5px;
	height:374px;
	cursor: pointer;
}
.wml-xz-shalladvantageplateli .wml-xz-shalladvantageBox:hover .wml-xz-shalladvantageBox-top{
	background-color: #ffffff;
}
.wml-xz-shalladvantageplateli .wml-xz-shalladvantageBox:hover .wml-xz-shalladvantageBox-top h2 {
	color: #000000;
}
.wml-xz-shalladvantageplateli .wml-xz-shalladvantageBox:hover .wml-xz-shalladvantageBox-symbol {
	width:0px;
}
.wml-xz-shalladvantageplateli .wml-xz-shalladvantageBox:hover  .wml-xz-shalladvantageBox-top .wml-xz-shalladvantageBox-img {
	margin: 0 auto;
}
.wml-xz-shalladvantageplateli .wml-xz-shalladvantageBox1:hover .wml-xz-shalladvantageBox-img1{
	background: url(../png/shalladvantageico5.png) no-repeat center center;
}
.wml-xz-shalladvantageplateli .wml-xz-shalladvantageBox2:hover .wml-xz-shalladvantageBox-img2 {
	background: url(../png/shalladvantageico6.png) no-repeat center center;
}
.wml-xz-shalladvantageplateli .wml-xz-shalladvantageBox3:hover .wml-xz-shalladvantageBox-img3 {
	background: url(../png/shalladvantageico7.png) no-repeat center center;
}
.wml-xz-shalladvantageplateli .wml-xz-shalladvantageBox4:hover .wml-xz-shalladvantageBox-img4  {
	background: url(../png/shalladvantageico8.png) no-repeat center center;
}
.wml-xz-shalladvantageBox-top {
	width:100%;
	background-color: #7dc771;
	border-radius: 5px;
	padding: 35px 0 15px 0;
}
.wml-xz-shalladvantageBox-top h2 {
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	line-height: 40px;
	margin-bottom: 10px;
}
.wml-xz-shalladvantageBox-top .wml-xz-shalladvantageBox-img1 {
	background:url(../png/shalladvantageico1.png) no-repeat center center;

}
.wml-xz-shalladvantageBox-top .wml-xz-shalladvantageBox-img2 {
	background:url(../png/shalladvantageico2.png) no-repeat center center;
}
.wml-xz-shalladvantageBox-top .wml-xz-shalladvantageBox-img3 {
	background:url(../png/shalladvantageico3.png) no-repeat center center;
}
.wml-xz-shalladvantageBox-top .wml-xz-shalladvantageBox-img4 {
	background:url(../png/shalladvantageico4.png) no-repeat center center;
}
.wml-xz-shalladvantageBox-top .wml-xz-shalladvantageBox-img {
	background-size: cover;
	width:60px;
	height: 60px;
	margin:0 auto 30px auto;
}
.wml-xz-shalladvantageBox-symbol {
	font-size: 24px;
	text-align: center;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	width: 30px;
	margin:0 auto;
	color: #ffffff;
	font-family: SimSun;
}
.wml-xz-shalladvantageBox-bottom {
	padding: 30px 0;
	text-align: center;
}
.wml-xz-shalladvantageBox-bottom p {
	font-size: 14px;
	color: #888888;
	line-height: 30px;
}
@media (max-width: 1200px) {
	.width-main {
		width:100%;
	}
	.wml-xz-sysingBox img {
		width: 100%;
		margin:0;
	}
	.wml-xz-sysingBox {
		margin:0 10px;
	}
	.wml-xz-mallicotext {
		font-size: 16px;
	}
	.wml-xz-Modulleftinfo {
		width: 70%;
		margin-left: 20px;
	}
	.wml-xz-tecsupportplateul {
		margin: 40px 0 0 0;
	}
	.wml-xz-tecplatePoint p {
		font-size: 12px;
	}
	.wml-xz-tecplateBox .wml-xz-tecplateTitle {
		padding: 45px 15px;
	}
	.wml-xz-tecplateTitle p {
		font-size: 14px;
	}
	.wml-xz-shalladvantageplate ul {
		margin: 50px 0 0 0;
	}
	.wml-xz-shallPointImg ul {
		margin: 0px; 
	}
}
@media (max-width: 1024px) {
	.wml-xz-websiteShow div {
		font-size: 14px;
	}
	.wml-xz-shallPointtext1 p {
		font-size: 16px;
	}
	.wml-xz-shallPointtext h2 {
		font-size: 16px;
	}
	.wml-xz-tecsupporttext p {
		font-size: 14px;
		line-height: 36px;
	}
	.wml-xz-tecsupportplateli {
		width: 100%;
	}
	.wml-xz-tecsupportplate .wml-xz-tecplateBox {
		margin: 20px 5%;
	}
	.wml-xz-shalladvantageplateli {
		width: 50%;
	}
	.wml-xz-shalladvantageplateli .wml-xz-shalladvantageBox {
		margin:20px 8%;
	}
}
@media (max-width: 768px) {
	.wml-xz-topcontainer h1,.wml-xz-Modulleftinfo h1,.wml-xz-shallPointMain h1,.wml-xz-tecsupporttext h1,.wml-xz-shalladvantageTitle h1 {
		font-size: 24px;
	}
	.wml-xz-Modulleftinfo p,.wml-xz-shallPointMain p {
		font-size: 14px;
	}
	.wml-xz-websiteShow div {
		width: 30%;
	}
	.wml-xz-shallPointspeccenter {
		padding:0px;
	}
	.wml-xz-shallPointtext1 p {
		font-size: 14px;
	}
	.wml-xz-shallPointtext h2 {
		font-size: 14px;
	}
	.wml-xz-shallPointtext p {
		font-size: 12px;
	}
	.wml-xz-shoppingMallli {
		width: 50%;
	}
	.wml-xz-shoppingMallli div {
		margin-top:10px;
	}
	.wml-xz-tecsupporttext p,.wml-xz-topcontainer p {
		display:none;
	}
	.wml-xz-commonspectext {
		display:block !important;
	}
	.wml-xz-topcontainer p {
		margin:0 10px;
	}
	.wml-xz-shallPointMain p {
		margin:0 5px;
	}
	.wml-xz-tecsupporttext p {
		margin:0 10px;
	}
}
@media (max-width: 640px) {
	.wml-xz-sysBuilding {
		padding: 30px 0;
	}
	.wml-xz-bottomimg li {
		width: 50%;
	}
	.wml-xz-sysingBox {
		margin:10px;
	}
	.wml-xz-Modulrightimg {
		display:none;
	}
	.wml-xz-Modulleftinfo {
		width: 90%;
		margin-left:0px;
		margin:0 5%;
	}
	.wml-xz-shallPointMain p {
		line-height: 24px;
	}
	.wml-xz-shallPointImg ul {
		padding: 50px 0;
	}
	.wml-xz-shallPointImg li {
		width: 100%;
		float: unset;
	}
	.wml-xz-shallPointtext1 {
		height: 120px;
	}
	.wml-xz-shallPointtext1 p {
		line-height: 30px;
	}
	.wml-xz-shallPointspeccenter p {
		font-size: 16px;
	}
	.wml-xz-shallPointtext h2 {
		font-size: 16px;
	}
	.wml-xz-shalladvantageBox-bottom p {
		font-size: 12px;
	}
}
@media (max-width: 480px) and (min-width: 320px) {
	.wml-xz-topcontainer h1, .wml-xz-Modulleftinfo h1, .wml-xz-shallPointMain h1, .wml-xz-tecsupporttext h1, .wml-xz-shalladvantageTitle h1 {
		font-size: 18px;
	}
	.wml-xz-topcontainer p,.wml-xz-mallicotext {
		font-size: 12px;
	}
	.wml-xz-shoppingMallli div {
		width: 90%;
		margin-right:0px;
		margin:10px 5%;
	}
	.wml-xz-MallmanyModul {
		margin-top:30px;
	}
	.wml-xz-shalladvantageplateli {
		width: 100%;
	}
	.wml-xz-websiteShow div {
		width: 50%;
		text-align: center;
	}
	.wml-xz-websitespcShow {
		margin-left :0px;
	}
}