@charset "utf-8";
/* CSS Document */

.header{ display:none !important;}
.container{ display:none !important;}
#banner{ display:none !important;}
.m_chanpin{ 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:70%;height:auto;padding:10px 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幻灯片  样式结束*/		

.zlywcp{ width:98%; margin:0 auto; margin-top:20px; text-align:center; font-size:20px; color:#000; font-family:Arial;}


.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;}


.zlcptitle{ width:98%; margin:0 auto; text-align:center; margin-top:20px; color:#FFF; font-size:20px;}
.zlcptitle span{ color:#d7000f; margin-left:5px;}

/**/
#products{ display:none !important;}
.m_chanpin{ display:block !important; width:98%; margin:0 auto; margin-top:20px;}
.m_chanpin ul{ width:100%; float:left;}
.m_chanpin li{ width:30.3333%; float:left; margin:1.5%; text-align:center;}
.m_chanpin li a img{ width:100%; height:auto; margin-bottom:5px;}
.m_chanpin li a{ color:#000;}

.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;}
/**/
.zlewabout{ width:94%; margin:0 auto; border:4px solid #d7000f; padding:2%; margin-top:20px; margin-bottom:20px;}
.cmpimg{ width:100%; height:auto;}
.zlewabout1{ width:100%; margin-left:0; margin-top:20px; color:#000;font-family:Arial;}
.zlewabout1 h1{ display:block; width:100%; font-size:30px; float:left; font-weight:normal;}
.zlewabout1 span{ display:block; width:100%; float:left; margin-top:12px;}
.zlewabout1 h2{ display:block; width:100%; float:left; font-size:26px; font-weight:normal; margin-top:35px;}
.zlewabout1 p{ width:100%; float:left; line-height:26px; margin-top:12px; font-size:14px; font-family:Arial;}
}