@import url("font-awesome.css");
body{font-family:Microsoft Yahei,\5FAE\8F6F\96C5\9ED1,\5b8b\4f53,Arial,Lucida,Verdana,Helvetica,sans-serif;color: #707070;background-color:#fff;min-width:320px;}
body,html,button,input,textarea{font-size:12px;line-height:1.531;margin:0;padding:0;border:0}
blockquote,dd,dl,dt,form,ol,p,ul{margin:0;padding:0}
ol,ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:12px;margin:0;padding:0}
b,em,i{font-style:normal;font-weight:400}
img{border:0; max-width:100%;}
a{text-decoration:none;color:#333;}
a:hover{}
img,input,select{vertical-align:middle}
.map{ height: 320px;}
/*标题颜色样式*/
.tb{font-weight:bold;}
.c1{color: #000000;}
.c2{color: #FFFFFF;}
.c3{color: #FFFF00;}
.c4{color: #00FF00;}
.c5{color: #00FFFF;}
.c6{color: #FF00FF;}
.c7{color: #FF0000;}
.c8{color: #0000FF;}
.c9{color: #008080;}
.clear{clear:both;height:0;line-height:0;font-size:0}
.clearfix{overflow:hidden;zoom:1}
.none{display:none}
.shangxia{ margin:10px 0;}
#captcha{cursor:pointer}
#wrapper{width:100%;min-width:320px;margin:0 auto;max-width:640px;min-height:100vh;background-color:#fff;position:relative; overflow:hidden;}
#wrapper .mb{margin:20px 0;}
#header{zoom:1; background-color:#000;font-size:16px;}
#header:after,#header:before {display: table;content: " ";clear: both;}
#header a{color:#FFF}
#header .online{background: #570e15;text-align: center;color: #f5c370; padding:15px 0;  font-size:16px;}
#header .logo{}
#header .logo img{max-width:100%; max-height:60px;}

#header .home,#header .siteMap{display:block;width:45px;height:45px}
#header .home{float:left;background:url(../images/icon_head.png) no-repeat left top}
#header .siteMap{float:right;background:url(../images/icon_head.png) no-repeat right top}
#header .topSearch{float:left;width:65%;margin:8px 0 0 8px}
#header .topSearch .searchBox{border:1px solid #FFF;text-align:left}
#mainNav{font-size:12px; position:relative;height: 35px;background-color: rgba(0,0,0,0.8);}
#mainNav .mainNav{}
#mainNav .mainNav ul{zoom:1;overflow:hidden;}
#mainNav .mainNav li:first-child{display: none;}
#mainNav .mainNav li{float:left;width:16.6666%}
#mainNav .mainNav li a{display:block;text-align:center;color: #fff;font-size:1.1em;line-height:35px; height:35px; overflow:hidden;}
#mainNav .mainNav li a:hover{color:#f9f9f9;}
.banners{}
.banners img{ max-width:100%;}

.index_4{width:100%;background: url(../images/jm_1.png) center center no-repeat;background-size: cover;margin: 40px 0;}
.index_4 h1.tit{padding:50px  0 25px 20px;}
.index_4 h1.tit img{height: 35px;}
.index_4 ul {width:92%;margin: 0 auto;display: flex;justify-content:space-between;flex-wrap: wrap;padding-bottom: 50px;}
.index_4 ul li{display: block;width: 49%;margin-bottom: 2%;}
.index_4 ul li img{width: 100%;}

.indextitle{ text-align:center; margin:15px 0; position:relative;}
.indextitle h3{font-size:1em; line-height:1.2em;font-weight:300; display:inline-block; position:relative; margin-top:5px; position:relative; margin:0 auto; border:1px #f0f0f0 solid; z-index:2; background:#fff; padding:5px 8px; height:20px;}
.indextitle h3 font{ position:relative; top:-15px; font-weight:600;background-color:#f0f0f0; display:block; color:#000; line-height:32px; padding:0 30px;}
.indextitle:before{display:block;content: " ";height:1px; width:100%; border-top:1px #f0f0f0 solid; position:absolute; z-index:1; top:15px;}
.inmore{ text-align:center;}
.inmore a{width:30%;height: 35px;border:1px #f0f0f0 solid;margin:0 auto;text-align: center;line-height:35px;margin:2% auto 8%;display:block;}
.inproduct{padding:10px;}
.inproduct .inproductlist{ overflow:hidden;}
.inproduct .inproductlist dl{ float:left; width:50%; text-align:center;}
.inproduct .inproductlist dl dt,.inproduct .inproductlist dl dd{ padding:5px;}

.inabout{padding:10px;}
.inabout .inaboutbox{ padding:10px;}

.incase{padding:10px;}
.incase .incaselist{ overflow:hidden;}
.incase .incaselist dl{ float:left; width:50%; text-align:center;}
.incase .incaselist dl dt{ margin:5px; border:1px #ddd solid;}
.incase .incaselist dl dd{ padding:5px; display:none;}

.innews{}
.innews .innewslist {}
.innews .innewslist ul{ padding:15px;}
.innews .innewslist ul li{border-bottom: 1px dashed #999;line-height:30px;}
.innews .innewslist ul li span{float:right; display:none;}
.innews .innewslist ul li a{font-size: 1rem; color: #000; line-height:30px; font-weight:600;}
.innews .innewslist ul li a i{color: #c20b0d;margin: 0px 1%;}

#indexSearch{background-color:#EEE;height:30px;padding:10px; display:none;}
#indexSearch .searchBox{border:1px solid #DDD;}
.btn{display:inline-block;background-color:#000;color:#EEE;padding:8px 5px;text-transform:capitalize;cursor:pointer;font-weight:700;font-size:14px;width:97%}
.btn:hover{text-decoration:none;color:#FFF;background-color:#007AD5}
.btnGray{display:inline-block;background-color:#CCC;border:0;color:#333;padding:6px 15px;text-transform:capitalize;cursor:pointer;font-weight:700;width:97%}
.textInput{padding:8px 5px;border:1px solid #DDD;font-size:14px;-webkit-appearance:none;width:95%}
.textArea{padding:8px 5px;border:1px solid #DDD;font-size:14px;-webkit-appearance:none;width:95%}
.incBox{margin-bottom:15px}
.searchBox{ display:none;background-color:#FFF;height:28px;padding-left:10px; margin-top:15px;}
.searchBox .keyword{width:90%;color:#999;height:20px;line-height:20px;margin:4px 0}
.searchBox .btnSearch{position:absolute;right:0;border:0;background:#E0E0E0 url(../images/btn_search.gif) no-repeat;width:28px;height:28px;text-indent:-999px;cursor:pointer}

.urHere{ text-align:center; margin:30px 0 15px; position:relative;}
.urHere h3{font-size:1em; line-height:1.2em;font-weight:300; display:inline-block; position:relative; margin-top:5px; position:relative; margin:0 auto; border:1px #f0f0f0 solid; z-index:2; background:#fff; padding:5px 8px; height:20px;}
.urHere h3 font{ position:relative; top:-15px; font-weight:600; background-color:#f0f0f0; display:block; color:#000; line-height:32px; padding:0 30px;}
.urHere:before{display:block;content: " ";height:1px; width:100%; border-top:1px #f0f0f0 solid; position:absolute; z-index:1; top:15px;}

.leibie{ overflow:hidden;}
.leibie ul{ text-align:center; padding:10px;}
.leibie ul li{ display:block; margin:5px 0; width:33%; float:left; padding:0 0.16666%;}
.leibie ul li a{ border:1px #f0f0f0 solid; display:block; line-height:30px; padding:0 2px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.leibie ul li a:hover{ border:1px #b31c23 solid;background-color:#b31c23; color:#fff;}

.productList{font-size:13px;zoom:1;overflow:hidden;}
.productList dl{float:left;width:50%}
.productList dl dd{text-align:center;padding:10px}
.productList dl dd.clearBorder{}
.productList dl dd .name{margin-bottom:6px}
.productList dl dd .price{color:#999}

.articleList{}
.articleList ul{ padding:10px;}
.articleList ul li{overflow:hidden;line-height:30px; padding:5px 0; border-bottom: 1px dashed #6d8abe;}
.articleList ul li em{ float:right;}
.articleList ul li a{ line-height:30px;}
.articleList ul li a i{color: #c20b0d;margin: 0px 1%;}
.articleList ul li a:hover{ color:#570e15;}

.newstuList{font-size:13px;zoom:1;overflow:hidden;}
.newstuList dl{float:left;width:50%}
.newstuList dl dd{text-align:center;padding:10px}
.newstuList dl dd.clearBorder{}
.newstuList dl dd .name{margin-bottom:6px}
.newstuList dl dd .price{color:#999}

.cmsimg{ position:relative; overflow:hidden;}
.cmsimg .cmsimg-box{overflow:hidden; text-align:center;width:100%;height:0px; padding-bottom:100%;position:relative; overflow:hidden;}
.cmsimg.prop1 .cmsimg-box{ padding-bottom:100%;}
.cmsimg.prop2 .cmsimg-box{ padding-bottom:200%;}
.cmsimg.prop3 .cmsimg-box{ padding-bottom:133.333%;}
.cmsimg.prop4 .cmsimg-box{ padding-bottom:75%;}
.cmsimg.prop5 .cmsimg-box{ padding-bottom:50%;}
.cmsimg .cmsimg-box img{width:100%;height:100%;position:absolute; display:block;}

#product{margin-bottom:30px}
#product .img{border-bottom:1px solid #EEE;padding:10px;text-align:center}
#product .info{padding:10px;line-height:180%}
#product .info h1{font-size:14px;color:#333}
#product .info .defined{color:#999;padding:5px 0}
#product .info .price{color:red;font-size:16px}
#product .info .tel{margin-top:20px;zoom:1;overflow:hidden;line-height:35px;background-color:#19B4EA;font-weight:700;font-size:14px}
#product .info .tel dt{float:left;width:82px;height:35px;text-align:right;padding-right:3px;background-color:#E0E0E0;color:#333}
#product .info .tel dd{float:left;width:150px;height:35px;color:#FFF;padding-left:10px}
#product .info .tel dd a{color:#FFF}
#product .content{padding:15px 0}
#product .content img{max-width:100%}
#product .content h3{height:35px;line-height:35px;color:#555;font-weight:700;font-size:18px;border-bottom:1px solid #EEE;padding-left:10px}
#product .content ul{padding:10px;color:#888;line-height:200%}
.single{padding:10px}
.single h1.singletitle{ display:none;border-bottom:1px solid #EEE;color:#333;font-size:1.4em; line-height:1.5em;font-weight:700;padding:0; text:center;}
.single .info{padding:10px;color:#999;font-size:13px}
.single .content{color:#878787;line-height:200%; padding:10px;}
.single .content img{max-width:100%}
.article{padding:10px}
.article .articletitle{padding:10px 0;}
.article .articletitle h1{border-bottom:1px solid #EEE;color:#333;font-size:14px;font-weight:700;text-align:center}
.article .info{padding:10px;color:#999;font-size:13px;text-align:center}
.article .info.productinfo{ display:none;}
.article .content{color:#878787;line-height:200%}
.article .content img{max-width:100%}
.article .producttu{ text-align:center; padding:10px 0;}
.article .producttu img{max-width:100%}

.membertable{}
.membertable .memberlist{ padding:15px;}
.membertable .memberlist dl{ padding:5px 0;}
.membertable .memberlist dl:after,.membertable .memberlist dl:before{display: table;content: " ";clear:both;height:0;line-height:0;font-size:0}
.membertable .memberlist dl dt{ width:80px; float:left; line-height:25px;}
.membertable .memberlist dl dd{ width:calc(100% - 80px); float:left;}
.membertable .memberlist dl dd .txt,.membertable .memberlist dl dd .textarea{ width:90%; border:1px #ddd solid; line-height:25px;}
.membertable .memberlist dl dd .txts{width:90px; border:1px #ddd solid; line-height:25px;}
.membertable .memberlist dl.form-send{ text-align:center;}
.membertable .memberlist dl.form-send .submit{background-color:#000; color:#fff; line-height:25px; display: block; margin:0 auto; width:80px; cursor:pointer;}

.formtable{}
.formtable .formlist{ padding:15px;}
.formtable .formlist dl{ padding:5px 0;}
.formtable .formlist dl:after,.membertable .memberlist dl:before{display: table;content: " ";clear:both;height:0;line-height:0;font-size:0}
.formtable .formlist dl dt{ width:80px; float:left; line-height:25px;}
.formtable .formlist dl dd{ width:calc(100% - 80px); float:left;}
.formtable .formlist dl dd .txt,.formtable .formlist dl dd .textarea{ width:90%; border:1px #ddd solid; line-height:25px;}
.formtable .formlist dl dd .txts{width:90px; border:1px #ddd solid; line-height:25px;}
.formtable .formlist dl.form-send{ text-align:center;}
.formtable .formlist dl.form-send .submit{background-color:#000; color:#fff; line-height:25px; display: block; margin:0 auto; width:80px; cursor:pointer;}

#catalog li a{display:block;background:url(../images/icon_arrow_right.png) no-repeat right center;border-bottom:1px solid #EEE;line-height:50px;padding-left:10px}
#douMsg{text-align:center;padding:50px 0}
#douMsg dt{color:#000;font-size:16px;margin-bottom:30px;font-weight:700}
#douMsg dd{color:#666}
#douMsg dd .back{display:block;width:100px;line-height:30px;background-color:#19B4EA;color:#FFF;margin:30px auto}
.pager{text-align:center;padding:20px;color:#AAA}
.pager em{color:#525252;margin:0 30px}
.pager a{color:#525252}
#footer{  padding-bottom:55px;}
#footer .copyRight{display:none;}
#map_canvas img,.google-maps img{max-width:none}
#map_canvas label{max-width:none}

.footerquicklink{position:fixed; z-index:100000; bottom:0; left:0; width:100%;background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff), color-stop(100%, #eaeaea));
    background: -webkit-linear-gradient(top, #fff, #eaeaea);
    background: -moz-linear-gradient(top, #fff, #eaeaea);
    background: -o-linear-gradient(top, #fff, #eaeaea);
    background: linear-gradient(top, #fff, #eaeaea);}
.footerquicklink:after,.footerquicklink:before {display: table;content: " ";clear: both;}
.footerquicklink ul{  }
.footerquicklink ul li{ float:left; width:25%; text-align:center; position:relative;}
.footerquicklink ul li:before{ content:""; display:block; width:1px; height:100%; position:absolute; background:#eee; left:0; top:0;}
.footerquicklink ul li:first-child:before{ display:none;}
.footerquicklink ul li a{display:block; padding:5px;}
.footerquicklink ul li i{ display:block; font-size:1.5rem; color:#999;}

.footerquicklink .sharediv{ position:absolute; top:-30px; left:0;width:100%; text-align:center;}
.footerquicklink .sharediv .sharedivnr{ display:inline-block; margin:0 auto;}
/*左侧导航*/
.sidebar-left {/* width: 270px;*/ width:224px; position: fixed; top: 0px;/* right: -273px;*/ right:-224px; bottom: 0px; overflow: hidden; z-index: 99;}
.sidebar-scroll-left {/* padding-right: 20px;*/ right: 0px;/* width: 310px;*/ background:#ebebeb; overflow: scroll!important; overflow-x: hidden!important; -webkit-overflow-scroll: touch!important; height: 100%; position:relative; z-index: 99;/*opacity:0.5;filter:alpha(opacity=50);*/ }
/*Left sidebar styles*/
.sidebar-left a{ display:block; position:relative;}
.sidebar-left a.close-sidebar-left{ position:absolute; right:0;}
.nav-item { display:block; position:relative; -webkit-tap-highlight-color: rgba(0,0,0,0); font-size: 14px; color: #333333; height: 45px; line-height: 45px; padding-left:15px; background-position: 20px center; border-bottom:1px solid #e87575; background:url(../images/jiantou.png) 174px center no-repeat; }
.nav-item:hover{ color:#ac0017;}
.nav-item1 li a b{ background:url(../images/ico.png) no-repeat -3px 4px; width:35px; height:35px; float:left; margin-top:3px; margin-right:25px;}
.nav-item1 li:nth-child(2) a b{ background:url(../images/ico.png) no-repeat -267px 4px; width:35px; height:35px; margin-top:6px;}
.nav-item1 li:nth-child(4) a b{ background:url(../images/ico.png) no-repeat -49px 4px; width:35px; height:35px; margin-top:6px;}
.nav-item1 li:nth-child(6) a b{ background:url(../images/ico.png) no-repeat -206px 4px; width:35px; height:35px; margin-top:6px;}
.nav-item1 li:nth-child(8) a b{ background:url(../images/ico.png) no-repeat -98px 4px; width:35px; height:35px; margin-top:6px;}
.nav-item1 li:nth-child(10) a b{ background:url(../images/ico.png) no-repeat -152px 0px; width:35px; height:35px; margin-top:6px;}
.nav-item1 li:nth-child(12) a b{ background:url(../images/ico.png) no-repeat -267px 0px; width:35px; height:35px; margin-top:6px;}

.submenu{ padding:12px 0; background:#181c21;}
.submenu a { padding-left: 65px; font-size: 13px; text-transform: uppercase; line-height:38px; color:#333333;}
.submenu a:first-child { background-image: none!important; }
.submenu { display: none; }
.close-bottom-left { display: block; background-image: url(../images/accessdenied.png); background-repeat: no-repeat; background-position: 12px 16px; background-size: 25px 25px; height: 50px;}
.bgpng{ background:url(../images/bgpng.png) repeat; width:100%; height:100%; position:fixed; left:0; top:0; display:none; z-index:1;}

/*分享到朋友圈弹出框提示*/
#guide{ position: fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.7);display:none;z-index:20000;}
#guide img {position: fixed;right: 18px;top:5px;width: 260px;height: 180px; z-index:20001;}
/*===快捷菜单按钮 开始===*/
.plug-div {position:fixed;bottom:0;left:0px;z-index:900;}
.phone {width:100%; height:480px; border: #000 solid 1px; position:relative; }
.plug-menu {width:36px;	height:36px;border-radius:36px;position: absolute;bottom:16px;left: 16px;z-index:999;-moz-box-shadow:0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25);-webkit-box-shadow:0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25);box-shadow:0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25);background-color: #B70000;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #FF0000), color-stop(100%, #B70000));background-image:-webkit-linear-gradient(top, #FF0000, #B70000);background-image:-moz-linear-gradient(top, #FF0000, #B70000);	background-image:-o-linear-gradient(top, #FF0000, #B70000);	background-image:linear-gradient(top, #FF0000, #B70000);}
.plug-menu span {display: block;	width:28px;height:28px;	background: url(../images/ky_img/plugmenu.png) no-repeat;background-size: 28px 28px;text-indent: -999px;position:absolute;	top:50%;left:50%;margin-top:-14px;	margin-left: -14px;	overflow: hidden;}
.plug-btn {	width:32px;	height:32px; border-radius:32px;-moz-box-shadow:0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25);-webkit-box-shadow:0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25);
box-shadow:0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25);background:#333333;	position:absolute;bottom:0;left:0;margin-bottom:20px;margin-left:20px;z-index:998;}
.plug-btn span {display: block;width: 24px;height: 24px;text-indent: -999px;position: absolute;top: 50%; left: 50%; margin-top: -12px;	margin-left: -12px;overflow: hidden;background-repeat: no-repeat;background-size: 24px 24px;}
.plug-btn span.ico1{background-image: url(../images/ky_img/home.png);}
.plug-btn span.ico2{background-image: url(../images/ky_img/tel.png);}
.plug-btn span.ico3{background-image: url(../images/ky_img/aboutus.png);}
.plug-btn span.ico4{background-image: url(../images/ky_img/guestbook.png);}
.plug-phone .plug-useless {background:#e2e2e2;}
.plug-btn {-webkit-transition: -webkit-transform 200ms;}
.plug-menu span {-webkit-transition: -webkit-transform 200ms;}
.plug-menu span.open {-webkit-animation-name: open;-webkit-transform: rotate(135deg);}
.plug-menu span.close {-webkit-animation-name: close;-webkit-transform: rotate(0deg);}
.plug-btn1.open {-webkit-transform: translate(0, -100px) rotate(720deg);}
.plug-btn1.close {-webkit-transform: translate(0, 0) rotate(0deg);}
.plug-btn2.open {-webkit-transform: translate(47px, -81px) rotate(720deg);}
.plug-btn2.close {-webkit-transform: translate(0, 0) rotate(0deg);}
.plug-btn3.open {-webkit-transform: translate(81px, -45px) rotate(720deg);}
.plug-btn3.close {-webkit-transform: translate(0, 0) rotate(0deg);}
.plug-btn4.open {-webkit-transform: translate(100px, 0) rotate(720deg);}
.plug-btn4.close {-webkit-transform: translate(0, 0) rotate(0deg);}
.plug-btn5.open {	display: block;width:310px;	height:310px;border-radius:310px;background-color:rgba(255, 255, 255, 0);-moz-box-shadow: none;	-webkit-box-shadow:none;box-shadow:none;z-index:997;	left:-170px;top:-170px;overflow: hidden;}
.plug-btn5.close {	display: none;}
.themeStyle{background:#206ed3} /*必须放在最后，覆盖前面定义的样式*/
/*===快捷菜单按钮 结束===*/

.pages{ text-align:center;}
.pagination{margin:15px 0;display:inline-block;}
.pagination li{ display:block; float:left;}
.pagination li.pagecount{ display:none;}
.pagination li a{ display:block; background:#f0f0f0; color:#000; line-height:25px; padding:0 10px;}
.pagination li .current{line-height:25px; padding:0 10px;display:inline-block;COLOR:#fff;BACKGROUND-COLOR:#b0985f;}