@charset "utf-8";
/* CSS Document */

.header{ display:none !important;}
.container{ display:none !important;}
#banner{ display:none !important;}
@media only screen and (max-width: 1000px){
.zllogo{ width:60%; height:auto;}
.zlwrap{ display:none !important;}
.header{ display:block !important;position:relative;height:65px;background:#FFF; }
.header .logo{display:block;width:50%;height:auto;padding:0 0 0 10px;}
.header .logo img{display:block;width:100%; height:auto;}
.header .back{position:absolute;top:0;left:0;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-back.png) no-repeat center center;background-size:12px 20px;}
.ad{ display:none !important;}
.owl-theme .owl-controls{ margin-top: -30px !important;}

#banner{display:block !important;}
#banner img{width:100%}
.myflexslider{ position: relative}
/*幻灯片标题*/
 .flex-caption { width:100%; padding:3px 0px; position: absolute; bottom: 3px;color: #fff;text-align: right;font-size: 14px;line-height: 22px;height:22px;max-width:640px}
/* FlexSlider Necessary Styles*/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}	
.flex-control-nav{ width: 100%;position:absolute; bottom:10px;  margin:0px; text-align: center; border:0px dashed red}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: #fdaa00; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background:#1596d4; }
.flex-control-paging li a.flex-active { background: #000; background: #1596d4; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
/*FlexSlider幻灯片  样式结束*/		


.zlabout{ width:98%; margin:0 auto; }
.zlh1{text-align:center; color:#000; width:100%; font-size:20px; margin-top:20px; font-weight:normal;}
.zlxian{ width:50px; height:2px; border:none; margin-left:47%; background:#d7000f; float:left; margin-top:15px;}
.zlp1{ width:100%; line-height:25px; color:#000; margin-top:20px; font-size:15px;}

/****/
.product-number-info .product-number-inner{width: 80%; margin:0 auto;}
.product-number-info li b{font-size:30px;}
.product-number-info li{float: left; width: 47%; margin-left:1.5%; height: 60px; background:url(../images/libg.gif) no-repeat;color:#000;}
.product-number-info li.li-1 b,.product-number-info li.li-1 p{padding-left:15%;}
.product-number-info li.li-2 b,.product-number-info li.li-2 p{padding-left:15%;}
/***/

.zlcptitle{ width:98%; margin:0 auto; text-align:center; margin-top:20px; color:#000; font-size:20px;}
.zlcptitle span{ color:#d7000f; margin-left:5px;}

/**/

.o-m{ display:none !important;}
.container { width:98%; margin:0 auto; display:block !important; margin-top:30px;}
.swiper1 {width: 100%; float:left;}
.swiper1 .selected {color: #000;border:3px solid #d7000f;}
.swiper1 .swiper-slide {
		text-align: center;
		 color:#000;
		font-size: 14px;
		height: 35px;
		/* Center slide text vertically */
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		cursor: pointer;
	}
.cplistzx{ display:block !important; width:47%; float:left; margin:1.5%;}	
.cplistzx a img{ width:100%; height:150px;}

.swiper2 {width: 99%;  float:left; border:3px solid #d7000f;}
.swiper2 .swiper-slide {
		height: calc(100vh - 50px);
		color: #fff;
		text-align: center;
		box-sizing: border-box !important;
		overflow-x: hidden !important;
	}
/****************************/

.zlfoot{ width:100%; margin:0 auto; border-top:4px solid #d7000f; padding-bottom:25px; margin-top:25px;}
.zlfoot1{ width:98%; margin:0 auto; font-size:14px; margin-top:50px;}
.zlfoot1-1{ width:100%; line-height:26px;}
.fotlogo{ width:280px; height:auto; margin-bottom:20px;}
.zlsp2{ background:url(../images/coin1.png) no-repeat; height:20px; line-height:20px; padding-left:25px;}
.zlfoot1-1 a{ display:block; width:100%; float:left; color:#A9A9A9;}

.zlfoot1-2{ width:100%;color:#A9A9A9; line-height:27px; margin-left:0; margin-top:30px;}

.zlfoot1-3{ width:140px; text-align:center; color:#A9A9A9; float:left; margin-top:30px;}
.zlfoot1-3 img{ width:100%; height:auto; margin-bottom:10px;}
}