#mian {
	margin: 0px;
	padding: 0px;
	width: 100%;
	float: left;

}

/* 产品列表 star */
.productWrapbgimg {
	background-size: cover;
	float: left;
	width: 100%;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .16), 0 2px 4px 0 rgba(0, 0, 0, .12);
}

.productWrapbgimg-bgimg1 {
	background-image: url(../imgs/company/banner_prd.jpg);
}

.product_introduce img{
	width: auto;
}
.productWrapbgimg-text {
	color: #cacaca;
	width: 100%;
	height: 160px;
	padding-top: 140px;
	text-align: center;
	font-size: 40px;
	background-color: rgba(0, 0, 0, 0.6);
}

/* imglist star */
.list-img {
	width: 100%;
	margin: 0px auto;
	margin-top: 15px;
	text-align: center;

}

.list-img ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

.list-img ul li {
	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	float: left;
	width: 320px;
	height: 255px;
	border-radius: 5px;
	margin: 20px 15px;
	border: 1px solid #c0c0c0;
}

.list-img a:visited,.list-img a:link {
	color: #FFFFFF !important;
}

.list-imgtxt {
	width: 320px;
	height: 45px;
	background: rgba(0, 0, 0, 0.6);
	/*透明背景色，不透明其文字内容*/
	position: absolute;
	left: 0;
	bottom: 0;
	color: #fff;
	font-family: "微软雅黑";
}

.list-imgtxt h3 {
	font-size: 16px;
	font-weight: 100;
	height: 45px;
	text-align: center;
	line-height: 45px;
}

.list-imgtxt p {
	font-size: 14px;
	text-align: justify;
	color: #FFFFFE;
	padding: 0px 20px;
}

/* imglist end */
.productWrapbgimglist {
	clear:both;
	width: 100%;
	margin: 10px auto;
	padding: 10px 0px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12);
}

.productWrapbgimglist ul {
	display: flex;
	justify-content: center;
	flex-wrap:nowrap;
	margin:0px auto;
}

.productWrapbgimglist ul li {
	color: #4c4c4c;
	float: left;
	padding: 0 10px;
	margin: 0 1%;
	box-sizing: border-box;
}
.productWrapbgimglist a {
	display: block;
	padding: 8px 25px;
	border-radius: 3px;
	font-size: 20px;
}

.productWrapbgimglist ul li a:link,
.productWrapbgimglist ul li a:visited {
	color: #4c4c4c;
	text-decoration: none;
}

.productWrapbgimglist ul li a.curr,
.productWrapbgimglist ul li a.all.curr,
.productWrapbgimglist ul li a:hover,
.productWrapbgimglist ul li a.all:hover {
	color: #FFFFFF;
	background-color: rgb(222, 55, 49);
}

.productWrapbgimglist ul li a.all{
	color: #4c4c4c;
	background-color: #f3eded;
}

/* 产品列表 end */


/* list star */
.productPageList {
	max-width: 920px;
	margin: 0px auto;
	display: flex;
	flex-direction: column;
	min-height: 350px;
	margin-bottom: 20px;
}

.productPageList-box {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	border-bottom: 2px solid #e5e5e5;
	padding: 20px 0px;
	color: #4c4d4d;
	height: 178px;
	margin-bottom: 30px;
}

.productPageList-left {
	max-width: 327px;
}

.productPageList-left-img {
	border-radius: 3px;
	max-height: 180px;
	width: 290px;
}

.productPageList-right {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	padding-left: 20px;
	text-align: left;
	justify-content: space-around;
	height: 178px;
}

.productPageList-right-title {
	font-size: 19px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
}

.productPageList-right-time {
	width: 100%;
	font-size: 14px;
	margin-top: 10px;
}

.productPageList-right-text {
	font-size: 14px;
	line-height: 31px;
	text-indent: 2em;
	color: #4c4d4d;
}

/* list end */
/* product_introduce 正文 star */
.product_introduce {
	width: 70%;
	margin: 0px auto;
	margin-bottom: 40px;
}

.product_introdue_bg {
	background-image: url(../imgs/product/apple.png);
	background-repeat: no-repeat;
	height: 335px;
	width: 400px;
	margin: 10px auto;
}

.product_introdue_bg_img {
	width: 372px;
	height: 210px;
	padding: 14px;
}

.product_introduce p {
	text-align: left;
	text-indent: 2em;
	font: 18px/32px Microsoft Yahei;
	color: #404040 !important;
}

.product_introduce h2 {
	font: 18px/32px Microsoft Yahei;
	color: #404040 !important;
}

.product_introduce_blockquote {
	margin: 10px 0px;
	color: #404040 !important;
	font-size: 22px;
	padding: 5px;
	line-height: 42px;
	border-left: 7px solid rgb(0, 91, 172);
	border-radius: 0 2px 2px 0;
	background-color: #f2f2f2;
}

/* product_introduce 正文 end */
/* share star */
.red {
	color: red;
}

.checked {
	color: #FFFFFF !important;
	background-color: rgb(222, 55, 49);
}

/* share end */


.cstmListTitle h2 {font-size: 28px; text-align: center; margin-top: 20px;}
.cstmListTitle p {font-size: 18px; text-align: center; margin: 10px 0; color: gray;}
.customers li {width:50%;float:left;}
.customers h2 {color:#494949;}
.customers .cstmList span {display:block;float:left;}
.customers .cstmList li>span:first-child {width:160px;}
.customers .cstmList li span:last-child {width:calc(100% - 205px);}
.customers .cstmList li span:last-child p{ height: 180px; overflow-y: auto; line-height:200%;}
.customers .cstmList li span h3, 
.customers .cstmList li span p {padding-left:20px;padding-right:10px;color:#8d8b8b; transition:all 0.6s ease-out;}
.customers .cstmList li span h3 { font-weight: bold; font-size: 16px; height: 22px; color:#6c6a6a; line-height: 22px; overflow: hidden; white-space: nowrap;}
.customers .cstmList li {margin-bottom:72px;}
.customers .cstmList li img,
.customers .cstmList li em {width:100%;overflow:hidden;transform:rotate(0);-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);-webkit-filter:grayscale(1);transition:all 0.6s ease;}
.customers .cstmList li:hover img,
.customers .cstmList li:hover em {
	box-shadow: 5px 5px 2px #c0c0c0;
    transform: scale(1.05);
    -ms-transform:scale(1.05);     /* IE 9 */
    -moz-transform:scale(1.05);     /* Firefox */
    -webkit-transform:scale(1.05); /* Safari 和 Chrome */
    -o-transform:scale(1.05);
}
.customers .cstmList li:hover em {color:#c81724; font-weight:bold;}
.customers .cstmList li:hover span h3,
.customers .cstmList li:hover span p {color:#333333;}
.customers .cstmList li:hover span h3 {margin-left:2em; font-size: 18px;}
.customers .cstmList .case-img img,
.customers .cstmList .case-img em {-webkit-filter:none;border:1px #ccc solid;border-radius:50%;display:inline-block; text-align: center;}
.customers .cstmList .case-img em {color: #ad1420;height: 30px; width: 140px; padding: 65px 10px; margin:0 10px; display: inline-block; font-size: 22px; line-height: 1.8;padding: 45px 10px 85px 10px;}
.customers .cstmList .tes-list h3 {color:#494949;}
.customers .cstmList .case-img img {display: block; margin-bottom: 15px;}


@media (min-width:768px) and (max-width:1000px) {
	.customers .cstmList li>span:first-child {width:30%; margin: 10px;}
	.customers .cstmList li span:last-child {width:100%;float: none;}
	.customers li {width:50%;}
	.customers .cstmList .case-img em {height: 100%; width: 80%; padding: 30% 10px; margin:0 10px;}
}
@media (max-width:767px) {
	.productWrapbgimg-text {
		padding-top: 60px;
	    font-size: 25px;
	    height: 100px;
	}
	.customers .cstmList li>span:first-child {width:20%; margin-right: 10px;}
	.customers .cstmList li span:last-child {width:100%; float: none;}
	.customers .cstmList li span:last-child p{ height: auto;}
	.customers .cstmList h2 {font-size:28px;}
	.customers li {width:100%;}
	.customers .cstmList .case-img em {display: none;}
	
	
	.productPageList-box,
	.productPageList-left,
	.productPageList-right {display:block;height: auto; }
	.productPageList-box {width: 100%;}
	.productPageList-left {float: left; width: 30%; max-width: auto;}
	.productPageList-right {float: right; width: 65%;}
	img.productPageList-left-img {max-height: 100%; max-width: 100%; background-size: cover; width: 100%;}
}

@media (max-width:420px) {
	.productWrapbgimg-text {
		padding-top: 50px;
	    font-size: 20px;
	    height: 80px;
	}
	.productPageList-box,
	.productPageList-left,
	.productPageList-right {display:block;height: auto; }
	.productPageList-box {width: 100%;}
	.productPageList-left {float: none; width: 100%; max-width: auto; margin: 10px auto;}
	.productPageList-right {float: none; width: 100%;}
	img.productPageList-left-img {max-height: 100%; max-width: 100%; background-size: cover; width: 100%; }
}