@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}
a{text-decoration:none;color:#333;}
a:hover{}
img,input,select{vertical-align:middle; max-width:100%;}
.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;}
#header{zoom:1; background-color:#fff;text-align:center; padding:10px 0;}
#header:after,#header:before {display: table;content: " ";clear: both;}
#header a{color:#FFF}
#header .logo{height:40px; line-height:40px; text-align:center;}
#header .logo img{ max-height:100%; max-width:100%;}
#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}
#index{}
#mainNav{box-shadow: 0 0 5px #888888;border-top:3px #008BCF solid; margin:5px; top:-10px; position:relative; z-index:1111; background-color:#fff; overflow:hidden;}
#mainNav .categorybox{}
#mainNav .categorybox a{display:block;text-align:center;color:#333;font-size:1.1em;overflow:hidden; padding:10px 0;}
#mainNav .categorybox a picture{ display:block; text-align:center;}
#mainNav .categorybox a picture img{ max-width:80%;}
#mainNav .swiper-pagination{ display:none;}

#mainNav ul{zoom:1;overflow:hidden; margin:0 5px; position:relative;  }
#mainNav li{float:left;width:25%;}
#mainNav li a{display:block;text-align:center;color:#333;font-size:1.1em;overflow:hidden; padding:10px 0;}
#mainNav li a picture{ display:block; text-align:center;}
#mainNav li a picture img{ max-width:50%;}
#mainNav li a:hover{}
.banner{ overflow:hidden; position:relative;}
.banner img{ max-width:100%;}

.intitle{padding:20px 0; text-align:center;}
.intitle .intitlebox{height:30px; position:relative; display:inline-block;border:1px #008BCF solid; margin:10px auto;}
.intitle h3{ line-height:30px;margin:0 30px 0 20px;font-weight:100;  font-size:16px; position:relative; background-color:#fff; top:-15px; display:block; padding:0 15px;}
.intitle h4{ position:absolute; right:0; font-weight:100; bottom:-5px; background-color:#fff;padding:0 10px;margin:0 10px 0 20px;}

.inabout{ border:1px #008BCF solid; margin:5px; padding:15px; position:relative;}
.inabout .inabouttitle{}
.inabout .inabouttitle .inabouttitlebox{ padding-bottom}
.inabout .inabouttitle .inabouttitlebox h3{ font-size:16px;}
.inabout .inabouttitle .inabouttitlebox h4{font-weight:100; }

.inabout .aboutpic{float:right; max-width:50%;position:relative;}

.inkecheng{ background-color:#fff; border-top:1px #eaeaea solid;border-bottom:1px #eaeaea solid;margin-bottom:15px; }
.inkecheng .inkechenglist{ overflow:hidden; padding:10px 0;}
.inkecheng .inkechenglist ul{}
.inkecheng .inkechenglist ul li{ width:50%; float:left;}
.inkecheng .inkechenglist ul li a{ display:block; padding:0 10px;}
.inkecheng .inkechenglist ul li img{ width:100%;}
.inkecheng .inkechenglist ul li p{text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; display:block; line-height:30px;}

.notice{ background-color:#fff; border-top:1px #eaeaea solid;border-bottom:1px #eaeaea solid;margin-bottom:15px;  overflow:hidden;position:relative;}
.noticebox{ padding:10px;}
.noticebox img{ width:100%; display:block;}
.noticebox i{ font-style:normal; padding-top:10px; display:block;}
.noticebox h3{ font-weight:600;}
.noticebox p{overflow: hidden;text-overflow:ellipsis;white-space: nowrap; display:block; line-height:30px;}
.inproduct{ background-color:#fff; border-top:1px #eaeaea solid;border-bottom:1px #eaeaea solid;margin-bottom:15px; }
.inproduct .inproductlist{ overflow:hidden;}
.inproduct .inproductlist ul{overflow: hidden;}
.inproduct .inproductlist ul li{ width:50%; float:left;}
.inproduct .inproductlist ul li a{ display:block; padding:0 10px;}
.inproduct .inproductlist ul li img{ width:100%;}
.inproduct .inproductlist ul li p{text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; display:block; line-height:30px;}

.advantage{border-top:1px #eaeaea solid;border-bottom:1px #eaeaea solid; padding:10px 0; background-color:#fff;margin-bottom:15px;}
.advantage img{ max-width:100%;}

.innews{}
.innews .innewsbox{ overflow:hidden; padding:0 10px;}
.innews .innewsbox .innewspic{ width:40%; float:left;}
.innews .innewsbox .innewspic img{max-width:95%;}
.innews .innewsbox .innewslist{ width:60%: float:right;}
.innews .innewsbox .innewslist dl{ overflow:hidden; border-bottom:1px #000 solid; padding-bottom:3px; margin-bottom:3px;}
.innews .innewsbox .innewslist dl dt{ width:40px; float:left;}
.innews .innewsbox .innewslist dl dt img{width:35px;}
.innews .innewsbox .innewslist dl dd{ width:calc(100% - 40px); float:left;}
.innews .innewsbox .innewslist dl dd h3{}
.innews .innewsbox .innewslist dl dd h3 a{overflow: hidden;text-overflow: ellipsis;white-space: nowrap; line-height:20px; font-size:12px;}
.innews .innewsbox .innewslist dl dd p{ line-height:15px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; font-size:11px; color:#999;}

.commend{background-color:#fff; border-top:1px #eaeaea solid;border-bottom:1px #eaeaea solid; overflow:hidden; position:relative; padding-bottom:20px;}
.commendbox{ padding:10px;}
.commendbox img{ width:100%;}
.commendbox p{ text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; display:block; line-height:30px;}

.searchBox{background-color:#FFF;height:28px;padding-left:10px}
.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}

.category{ border:1px #f0f0f0 solid; margin:5px 0;}
.category a{ border:1px #f9f9f9 solid; line-height:32px; display:block; text-align:center;}
.submenu{border:1px #f9f9f9 solid; display:none;}
.submenu ul{}
.submenu ul li{ border-top:1px #f9f9f9 solid;}
.submenu ul li a{ line-height:32px; padding-left:15px;}


.productList{font-size:13px;zoom:1;overflow:hidden;border-left:solid #eee 1px;border-bottom:solid #F8F8F8 5px}
.productList dl{float:left;width:50%}
.productList dd{text-align:center;border-right:solid #EEE 1px;border-top:solid #EEE 1px;padding:10px}
.productList dd.clearBorder{border-right:none}
.productList dd .img{margin-bottom:10px; text-align:center;}
.productList dd .img img{ max-width:100%; max-height:150px;}
.productList dd .name{margin-bottom:6px}
.productList dd .price{color:#999}
.articleList{}
.articleList dl{border-top:solid #EEE 1px;padding:13px; overflow:hidden;}
.articleList dt{width:40%; float:left;}
.articleList dt img{ max-width:90%;}
.articleList dd{width:60%; float:left;}
.articleList dd a{ font-weight:600;}
.articleList dd em{ display:block;}
.articleList dd p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newstuList{font-size:13px;zoom:1;overflow:hidden;border-bottom:solid #F8F8F8 1px}
.newstuList dl{float:left;width:50%}
.newstuList dd{text-align:center;border-right:solid #EEE 1px;border-top:solid #EEE 1px;padding:10px}
.newstuList dd.clearBorder{border-right:none}
.newstuList dd .img{margin-bottom:10px}
.newstuList dd .img img{ max-width:100%; max-height:100%;}
.newstuList dd .name{margin-bottom:6px}
.newstuList dd .price{color:#999}

#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:0 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:0 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%; overflow:hidden;}
.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;}

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

#footer{ background-color:#fff; padding-bottom:55px;}
#footer a{color:#333;}
#footer .copyRight{ padding:5px 10px; text-align:center; line-height:25px;}

#map_canvas img,.google-maps img{max-width:none}
#map_canvas label{max-width:none}

.footerquicklink{ background-color:#008BCF; position:fixed; z-index:100000; bottom:0; left:0; width:100%;}
.footerquicklink:after,.footerquicklink:before {display: table;content: " ";clear: both;}
.footerquicklink ul{ }
.footerquicklink ul li{ float:left; width:20%; text-align:center;color:#000; padding:10px 0;}
.footerquicklink ul li i{ display:block; font-size:1.4em; line-height:1em;}
.footerquicklink ul li a{ color:#fff; display:block;}
.footerquicklink .sharediv{ position:absolute; top:-30px; left:0;width:100%; text-align:center;}
.footerquicklink .sharediv .sharedivnr{ display:inline-block; margin:0 auto;}

/*分享到朋友圈弹出框提示*/
#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{PADDING:7px;MARGIN:3px;TEXT-ALIGN:center}
.pages a{BORDER:#ccc 1px solid;MARGIN:2px;COLOR:#9c9c9c;TEXT-DECORATION:none;width:24px;line-height:24px;text-align:center;display:inline-block;border-radius:24px;-moz-border-radius:24px;-webkit-border-radius:24px;background-color:#fff;font-size:1em;font-family:Rosario,sans-serif}
.pages a:hover{BORDER:#ccc 1px solid;COLOR:#000}
.pages a:active{BORDER:#ccc 1px solid;COLOR:#000}
.pages span.current{BORDER:#b0985f 1px solid;FONT-WEIGHT:bold;MARGIN:2px;width:24px;line-height:24px;text-align:center;display:inline-block;border-radius:24px;-moz-border-radius:24px;-webkit-border-radius:24px;COLOR:#fff;BACKGROUND-COLOR:#b0985f;font-size:1em;font-family:Rosario,sans-serif}
.pages span.disabled{BORDER:#ccc 1px solid;MARGIN:2px;COLOR:#ddd}