@charset "utf-8";
/*article*/
article {height:auto;}
article h6 {text-align: center;font-size:36px;}
article h1 {text-align: center;font-size:16px;font-weight:normal;color:#666;margin:20px 20%;}
@media (max-width:767px) {
	article h1 {font-size:14px;margin:20px 5%;}
}

.clear {clear:both;}

/*轮播*/
.mfbanner {height:690px;overflow:hidden;position:relative;margin:120px 0 0 0;}
.mfbanner .slides li {-moz-flex-grow:0;-webkit-flex-grow:0;-ms-flex-grow:0;flex-grow:0;-moz-flex-shrink:0;-webkit-flex-shrink:0;-ms-flex-shrink:0;flex-shrink:0;width:100%;height:690px!important}
.mfbanner .slides li img {width:100%;height:100%;background:#ccc;background-size:40%;-moz-object-fit:cover;-webkit-object-fit:cover;-ms-object-fit:cover;object-fit:cover;-moz-object-position:center;-webkit-object-position:center;-ms-object-position:center;object-position:center}
.mfbanner img {width:100%;display:block}
.mfbanner .flex-control-paging {position:absolute;left:0;right:0;bottom:1em;z-index:1;text-align:center}
.mfbanner .flex-control-paging li {display:inline-block;margin:2px;background:#fff;border-radius:50%;cursor:pointer;}
.mfbanner .flex-control-paging a {display:block;width:28px;height:0;border:6px solid #fff;overflow:hidden}
.mfbanner .flex-control-paging a.flex-active {border-color:#445366;cursor:pointer;}
@media (max-width:960px) {
	.mfbanner {height:22em;margin:0 auto;width:100%;}
	.mfbanner .slides li {height:22em!important}
	.mfbanner .flex-control-paging a {width:12px;height:0;border:3px solid #333;}
}

/*pfl*/
#pfl {width:80%;height:auto;margin:50px auto;}
#pfl_lb {}
.fl {float:left;width:24%;height:auto;margin:20px 0.5% 0 0.5%;overflow:hidden;text-align: center;background:#fff;box-shadow:1px 1px 5px 5px rgba(153,153,153,.2);}
.fl h3 {line-height:50px;font-size:18px;}
.fl img {width:100%;float:left;}
a .fl h3 {color:#555;}
a:hover .fl h3 {color:#336667;}
@media (max-width:960px) {
	#pfl {width:98%;height:auto;}
	.fl {width:46%;height:auto;margin:20px 2% 0 2%;}
	.fl h3 {line-height:40px;font-size:14px;}
}

/*need*/
#need {width:100%;height:auto;margin:10px auto 0 auto;background:#445366;}
#need_c {width:80%;margin:60px auto;padding:50px 0;color:#fff;font-size:16px;}
#need_c p {padding:10px 0;}
#need_c .need_t {font-size:36px;font-weight:bold;}
#need_c .need_a {margin:20px 0 0 0;}
#need_c p a {color:#fff;background:#1c93e2;padding:8px 20px;font-size:22px;}

/*product*/
#products {width:100%;height:auto;margin:0 auto 50px auto;}
#p_lb {width:80%;margin:50px auto;}
.pxx {float:left;width:24%;height:auto;margin:0 0.5% 20px 0.5%;overflow:hidden;text-align: center;background:#fff;box-shadow:1px 1px 5px 5px rgba(153,153,153,.2);}
.pxx img {width:100%;height:auto;object-fit:cover;}
.pxx p {font-size:20px;line-height:20px;margin:6px 0;padding:8px 0;}
a:hover .pxx img {opacity:0.9;}
a .pxx p {color:#555;}
a:hover .pxx p {color:#336667;}
@media (max-width:960px) {
	#p_lb {width:98%;margin:30px auto;}
	.pxx {width:48%;margin:0 1% 20px 1%;}
}

/* about */
#about {width:100%;height:auto;margin:50px auto 0 auto;background:#fff;box-shadow:1px 1px 5px 5px rgba(153,153,153,.2);}
#about h6 {text-align:center;font-size:36px;padding:50px 0 20px 0;}
#about h2 {text-align:center;font-size:18px;font-weight:normal;color:#888;}
#about_c {width:60%;height:auto;margin:50px auto 0 auto;overflow:hidden;padding:0 0 50px 0;}
#about_c img {float:left;margin:0 30px 0 0;}
#about p {margin:8px 0;color:#555;font-size:16px;line-height:24px;}
@media (max-width:960px) {
	#about_c {width:80%;margin:20px auto 0 auto;}
	#about_c img {width:100%;margin:0 0 20px 0;}
}