@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: #f0ece3;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}
/*标题颜色样式*/
.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}
.fleft{ float:left;}
.fright{ float:right;}
.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;position:relative;}
#wrapper .mb{margin:20px 0;}
#header{zoom:1;}
#header:after,#header:before {display: table;content: " ";clear: both;}
#header .headertel{background: #b7090b; line-height: 40px; color: #faf1d7;}
#header .headertel i{ font-size:24px; padding-left:10px;}
#header .headertel em{font-size: 1.5em; line-height: 40px;font-weight: 600; font-style:normal;}
#header .logo{ text-align:center; padding:0 15px;}
#header .logo img{max-height:100%; vertical-align:middle; line-height:50px;}


.topsearch{margin:1%; background:#fff;}
.topsearch form{ border:#bfbfbf 1px solid; position:relative; overflow:hidden; display:block; width:100%;}
.topsearch input{height:30px;float:left;border:none;width:86%;font-size: 12px;color:#c1c1c1;text-indent:12px;}
.topsearch button{position:absolute;height:20px;background:url(../images/shou.jpg) left center no-repeat;background-size:20px auto;width:20px; border:none;top:15%;right:2%; text-indent:-9999px;}

.mainNav{background: #b7090b;padding: 5px 0px;}
.mainNav ul{zoom:1;overflow:hidden;}
.mainNav li{float:left;width:25%}
.mainNav li a{display:block;text-align:center;color: #faf1d7;font-size:1.1em;line-height:30px; height:30px; overflow:hidden;}
.mainNav li a:hover{color: #faf1d7;}

.banners{}
.banners img{ max-width:100%;}

.inproductlist{margin:12px; overflow:hidden;}
.inproductbox{border:1px solid #f0eded;}
.inproductbox .inproductpic{}
.inproductbox .inproducttxt{ text-align:center;}
.inproductbox .inproducttxt a{ color:#333; line-height:30px;}

.swiper-container .swiper-slide {text-align: center;}
.swiper-container .swiper-slide img{ max-width:100%;}

.swiper-page{ text-align:center; padding-top:5px; margin-top:5px; background-color:#fff;}
.swiper-page .swiper-pagination{ display:inline-block; height:30px; position:relative;}
.swiper-page .swiper-pagination span{ display:inline-block; margin:0 3px;}

.inproduct {overflow: hidden; position: relative; padding:10px 2px;}
.inproduct .my-pagination{width:100%; display:block;overflow:hidden; position:relative; background-color:#fff;}
.inproduct .my-pagination ul.my-pagination-ul{ border: 1px solid #eee; overflow:hidden;}
.inproduct .my-pagination ul.my-pagination-ul li{ font-size:16px; float:left; width:25%; height:40px; line-height:40px; display:block;border-radius:0; text-align:center;color:#fff;}
.inproduct .my-pagination ul.my-pagination-ul li.swiper-pagination-bullet{    opacity:1; background:#fff; color:#333;}
.inproduct .my-pagination ul.my-pagination-ul li.swiper-pagination-bullet a{ display:block;   opacity:1; background:#fff; color:#333;border-bottom: 1px solid #eee;border-left: 1px solid #eee;}
.inproduct .my-pagination ul.my-pagination-ul li.swiper-pagination-bullet.swiper-pagination-bullet-active{background: #b51a20;color: #fff;border-bottom: 1px solid #b51a20;}
.inproduct .my-pagination ul.my-pagination-ul li.swiper-pagination-bullet.swiper-pagination-bullet-active a{background: #b51a20;color: #fff;border-bottom: 1px solid #b51a20;}

.incaselist{margin:12px; overflow:hidden;}
.incasebox{border:1px solid #f0eded;}
.incasebox .incasepic{}
.incasebox .incasetxt{ text-align:center;}
.incasebox .incasetxt a{ color:#333; line-height:30px;}

.innews {overflow: hidden;position: relative; padding-bottom:15px;}
.innews .my-pagination{width:100%; display:block;overflow:hidden; position:relative; background-color:#fff;}
.innews .my-pagination ul.my-pagination-ul{ border: 1px solid #eee; overflow:hidden;}
.innews .my-pagination ul.my-pagination-ul li{ font-size:16px; float:left; width:25%; height:40px; line-height:40px; display:block;border-radius:0; text-align:center;color:#fff;}
.innews .my-pagination ul.my-pagination-ul li a{border-bottom: 1px solid #eee;border-left: 1px solid #eee;height:40px; line-height:40px; display:block;}
.innews .my-pagination ul.my-pagination-ul li.swiper-pagination-bullet{    opacity:1; background:#fff; color:#333;}
.innews .my-pagination ul.my-pagination-ul li.swiper-pagination-bullet.swiper-pagination-bullet-active{color: #b51a20;}
.innews .my-pagination ul.my-pagination-ul li.swiper-pagination-bullet.swiper-pagination-bullet-active a{color: #b51a20;}
.innewslist {}
.innewslist ul{ padding:0 10px;}
.innewslist ul li{border-bottom: 1px dashed #6d8abe;}
.innewslist li span{float:right; line-height: 40px;}
.innewslist li a { font-size: 1rem; color: #454545; line-height: 40px;}

.advantage{width: 95%;background: #951220;padding: 5% 2.5%; margin-bottom:10px;}
.advantage .advantagebox img{width: 100%;}
.advantage .advantagebox h4{font-size: 1.2em;line-height: 3em;color: #efdec7;}
.advantage .advantagebox p{color: #efdec7;line-height: 2em;margin-bottom: 2%;}

.inabout{ padding:10px 0;}
.inabout .inaboutbox{ padding:10px; line-height:25px;}

.incontact{ padding:10px 0;}
.incontact .incontactbox{ padding:10px; line-height:25px;}

.intitle{ padding:0 10px;background: #b7090b; overflow:hidden; margin-bottom:10px;}
.intitle a.more{color: #fff; display:block;line-height: 40px;height: 40px; float:right;}
.intitle h3{font-weight:600;color: #fff;display:inline-block; position:relative;line-height:40px;font-size: 1.2em;}
.intitle h4{font-size:14px;color: #fff;line-height:40px;display:inline-block; text-transform:uppercase; font-weight:300;}
.intitle h4 font{display:inline-block;color: #fff; padding:0 5px; line-height:40px;}

.treeBox{zoom:1;overflow:hidden;margin:10px 5px}
.treeBox a{display:block;float:left;margin:5px;border:solid #EEE 1px;padding:3px 6px}
.treeBox a.cur{background-color:#000;color:#FFF;border:solid #FFF 1px}

.inmore{text-align: center; position: relative;padding: 10px; display:none;}
.inmore a{font-size: 14px;color: #fff;position: relative;text-align: center;line-height: 38px;background-image: url(../images/more.png);background-size: 100% 100%;width: 167px; height: 38px; margin: 0 auto 8px;top: 5px;display: block;}

.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{border-bottom:solid #F8F8F8 5px}
.articleList ul{}
.articleList ul li{border-top:solid #EEE 1px;padding:13px; overflow:hidden;line-height:30px;}
.articleList ul li em{ float:right;}
.articleList ul li a{ line-height:30px;}
.articleList ul li a:hover{ color:#212e5b;}
.articleList dl{border-top:solid #EEE 1px;padding:13px; overflow:hidden;}
.articleList dt{width:36%; float:left; padding-right:4%;}
.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 5px}
.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}

.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 picture{width:100%;height:100%;position:absolute;display: flex;justify-content: center;align-items: center;}
.cmsimg .cmsimg-box picture img{max-width: 100%;max-height: 100%;/*object-fit:cover;object-fit:none;*/}

.dl-menu{ display:none; position:absolute; z-index:100000; top:60px; left:0; width:100%; background-color:#fff;}
.dl-menu .dl-menulist{ padding:15px;}
.dl-menu .dl-menulist ul{}
.dl-menu .dl-menulist ul li{ margin:5px 0; border:1px #f9f9f9 solid; line-height:32px;}
.dl-menu .dl-menulist ul li a{ padding-left:10px;line-height:32px;}

.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 #c30b0d solid; z-index:2; background:#fff; padding:5px 8px; height:20px;}
.urHere h3 font{ position:relative; top:-15px; background-color:#c30b0d; display:block; color:#fff; line-height:32px; padding:0 30px;}
.urHere:before{display:block;content: " ";height:1px; width:100%; border-top:1px #c30b0d solid; position:absolute; z-index:1; top:15px;}

.leibie{}
.leibie ul{ text-align:center; padding:10px;}
.leibie ul li{ display:inline-block; margin:5px 0;}
.leibie ul li a{ border:1px #850000 solid;background: #850000; color:#fff; display:block; line-height:30px; padding:0 12px;}
.leibie ul li a:hover{ border:1px #b31c23 solid;background-color:#b31c23; color:#fff;}


.pages{margin:15px 0;text-align:center}
.pages h1{border-bottom:1px solid #EEE;color:#333;font-size:14px;font-weight:700;padding:0 0 10px 10px}
.pages .content{color:#878787;line-height:200%;padding:10px}
.pages .content img{max-width:100%}
#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{text-align: center;position: relative;background-size: auto 100%;background-image: url(../images/footerbg.png);padding-top: 35px;background-repeat: repeat-x;}
#footer ul{padding:15px 0;text-align:center;color:#fff; padding-bottom:55px;}
#footer a{color:#fff}
#footer li{padding:5px 0}
#footer li.language{}
#footer li.language a{ padding:0 10px; text-transform:uppercase; color:#212e5b; font-weight:600;}
#footer .footNav a{margin:0 5px;color:#000}
#footer .powered{font-size:11px}
#map_canvas img,.google-maps img{max-width:none}
#map_canvas label{max-width:none}

.footerquicklink{ background-color:#b30004; 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:25%; text-align:center;color:#fff; padding:10px 0;}
.footerquicklink ul li i{ display:block; font-size:1.4em; line-height:1em;}
.footerquicklink ul li a{ color:#fff;}
.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.pagecount{ display:none;}
.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}