html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, code, em, img, q, small, strong, dd, dl, dt, li, ol, ul, fieldset, form, label, table, tbody, tr, th, td, input
{margin:0;padding:0;color:#333333;}
p{font-size: 14px;}
body{width:100%;font-size:15px;font-family:microsoft yahei,Arial, Helvetica, sans-serif, simsun,宋体;background-color: #f5f4f9;}
a, a:link, a:visited {text-decoration: none; color: #333;}
em,i{ font-style: normal;}
li{list-style:none;}
img{border:none; max-width: 100%}
.clear{clear:both;}
.center{ text-align: center;}


.container{width: 100%; height: auto;}
.top{height:56px; line-height: 56px; background: #328b48;}
.top img{ max-height: 56px;margin-top:1px;}
.top a:link{color:#ffffff;font-family:microsoft yahei;font-size:18px;font-weight:bold;}
.top a:visited {color:#ffffff;font-family:microsoft yahei;font-size:18px;font-weight:bold;}/* 已被访问的链接 */
.top a:hover {color:#ffffff;font-family:microsoft yahei;font-size:18px;font-weight:bold;}/* 鼠标指针移动到链接上 */
.top a:active {color:#ffffff;font-family:microsoft yahei;font-size:18px;font-weight:bold;}/* 正在被点击的链接 */
.swiper-container{ text-align: center;}
.swiper-container img{max-width: 100%;}
.swiper-pagination-bullet-active{ background:#ffc231; }
.navlist{ width: 100%; box-sizing:border-box; padding: 10px 0; background: #fff; height: auto; overflow: hidden;}
.navlist li{ width: 25%; float: left; text-align: center;}
.navlist li span{ display: block; width: 100%;}
.navlist li img{ width: 45px; height: 45px;}
/*产品特性*/
.prospecl{ width: 100%; height: auto; overflow: hidden; padding: 10px 0 15px 0; margin-top: 5px; background: #fff;}
.prospecl h2{ text-align: center; font-size: 20px; padding: 10px 0;}
.prospecl .short-line{ text-align: center; height: 2px}
.prospecl .short-line span{ display:block; width:135px; height:3px; background:#e98504 margin: 0px auto;}
.prospecl .protips{ padding: 10px;}
.prospecl .protips li{ line-height: 50px; height: 50px; padding-left: 25px; background: #f5f5f5; float: left; width:98%; margin:0  1% 5px 1%; box-sizing:border-box;}
.prospecl .protips li img{ width: 30px; height: 30px; vertical-align: middle; margin-right: 10px;}
.prospecl .title{border-bottom:1px solid #cfe1e2;border-top:1px solid #cfe1e2;background-color:#f1f8f8;height:48px;line-height:48px;text-align:left;font-weight:bold;font-size:20px;text-indent:23px;}
.prospecl ul{display:none;}
/*产品中心*/
.procenter{}
.procenter h3{ height: 39px; line-height: 39px; background: #fff; padding-left: 10px;}
.waterfall{background: #f5f5f5; -moz-column-count:2; /* Firefox */-webkit-column-count:2; /* Safari 和 Chrome */column-count:2;-moz-column-gap: 1em;-webkit-column-gap: 0.3rem;column-gap: 0.3rem;padding: 0.5rem;}
.prolists li{padding: 0.5rem;margin: 0 0 0.3rem 0;-moz-page-break-inside: avoid;-webkit-column-break-inside: avoid;break-inside: avoid; background: #fff;}
.prolists li .urlfont{font-size: 14px;}
/*产品详情*/
.discript{ height: auto; background: #fff; padding: 10px;}
.discript span{ display: block; width: 100%;}
.discript h1{font-size: 14px;color: #232326;}
.discript .price{color: #ff3e3e;font-size: 18px;line-height: 30px;font-weight: 700;}
.disinfo-title{ height: 35px; line-height: 35px; margin-top: 10px; background: #fff; padding-left: 10px; font-size: 14px;}
.disinfo-title img{float: right;width: 20px;margin: 14px 10px 0px 0px;}
.disinfo-del{ background: #fff; color: #999; line-height: 1.9; padding: 0 10px;}
.disinfo-del p{ color: #999}
.samepro{ height: auto; background: #fff; margin-top: 10px;overflow: hidden;}
.samepro p{ font-size:14px; height: 40px; line-height: 40px; padding-left: 10px;}
.samepro ul{ padding: 0.3rem;}
.samepro ul li{ float: left; width: 31.3%; box-sizing:border-box; margin:0 1% 10px 1%;}
.samepro ul li .urlfont{display: block; color: #888; line-height: 16px; height: 32px; padding: 0 0.3rem; overflow: hidden;}

.newsbox{}
.newsbox h3{height: 40px; line-height: 40px; background: #fff; padding-left: 10px;}
.newsbox ul li{ margin: 5px 0; height: auto;overflow: hidden; padding: 10px; font-size: 14px; background-color: #fff;}
.newsbox ul li .newwrap{display: block; background: url(../images/return1.png) no-repeat; background-position: center right; background-size: 7px;}
.newsbox ul li span{ display:block; width: 90%;}
.newsbox ul li em{ display: block; width: 100%; color: #999;font-size: 12px;margin-top: 5px;}

.newsdel-box{}
.newsdel-box .news_tit{ font-size: 16px; color: #333; padding: 10px; background: #fff;text-align: center;}
.newsdel-box .news_tit span{font-size: 12px;font-weight: normal;display: block;color: #888;margin-top: 5px;}
.dicript{ line-height: 1.9; background: #fff; padding: 15px;}
.dicript p{ text-indent: 20px;}
.share{line-height: 36px; margin: 5px 0; position: relative;text-align: center; background: #fff;padding: 10px;}
.share em{display: inline-block;font-size: 16px;background: #fff;padding: 2px 10px;}
.share hr{height: 0;margin-top: -20px;border-style: solid;border-color: #DBDBDB;border-width: 1px 0 0;margin-bottom: 20px;}
.share-btn{ padding: 10px 20px; border: 1px solid #2dbd42; border-radius: 5px; background: #2dbd42; color: #fff !important;}

.about-box{ background: #fff;}
.about-box h1,.rongyu h3{ font-size: 16px; padding: 15px 0; text-align: center; color: #555;}
.about-box p.textfont{ font-size: 14px; line-height: 1.9; padding: 15px;}
.about-box .short-line,.rongyu .short-line{ text-align: center; height: 2px}
.about-box .short-line span,.rongyu .short-line span{ display:block; width:35px; height: 1px; background: #ffc231; margin: 0px auto;}
.rongyu{ padding-top:80px; background: url(../images/aboutbg.png) no-repeat;  background-position: top center; background-color: #fff;overflow: hidden;}
.rongyu h3{ color: #fff;}
.rongyu ul li{ width: 42%;margin: 5px 2%; padding: 2%; float: left;height: 145px;line-height: 141px; background: #fff; font-size: 0;}
.rongyu ul li img{ max-width: 100%; max-height: 100%; vertical-align: middle;}
.rongyu .short-line span{ background: #fff; }

.contact-box{ background: #fff; height: auto; overflow: hidden; padding-bottom: 15px;}
.contact-box h3{height: 40px; line-height: 40px; padding: 20px 0 0; background: #fff; text-align: center; font-size: 18px;}
.contact-box .short-line{ text-align: center; height: 2px; margin-bottom: 20px;}
.contact-box .short-line span{ display:block; width:35px; height: 1px; background: #ffc231; margin: 0px auto;}
.contact-box ul li{ float: left; width: 44%; margin: 5px 3%;}
.contact-box ul li dl dt{ text-align: center;}
.contact-box ul li dl dt img{ width: 60px; height: 60px;}
.contact-box ul li dl dd{ text-align: center;}
.contact-box ul li dl dd.font{ font-size: 16px;margin-bottom: 5px;}
.bottom{ background: #fff; padding: 10px 10px; text-align: center; margin-top: 5px; font-size: 12px;}
.bottom p{ font-size: 12px;}
@media only screen and (max-width: 2000px) { .jihuo{ left:48%; }}
@media only screen and (max-width: 770px) { .jihuo{ left:40%; }} 
@media only screen and (max-width: 640px) { .jihuo{ left:39%; }}