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:12px;font-family:微软雅黑,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-image:url(../images/li.jpg); 
background-repeat: repeat-x; }

.top img{ max-height: 56px;}
.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:35px; height: 1px; background: #ffc231; margin: 0px auto;}
.prospecl .protips{ padding: 10px;}
.prospecl .protips li{ line-height: 50px; height: 50px; padding-left: 6%; background: #f5f5f5; float: left; width: 48%; margin:0  1% 5px 1%; box-sizing:border-box;}
.prospecl .protips li img{ width: 30px; height: 30px; vertical-align: middle; margin-right: 10px;}
/*推荐产品*/
.prospecl dl{float: left; width: 44%; margin:10px  1% 5px 1%; padding:0 2%}
.prospecl dl dt{ height: 12rem; line-height: 6rem; font-size: 0; text-align: center;}
.prospecl dl dt img{ max-height: 16rem; vertical-align: middle;}
.prospecl dl dd{ background: #f5f5f5; height: 30px; line-height: 30px; padding: 0 10px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-top: 5px;text-align:center;}
.prospecl .center{ clear: both; margin: 10px auto 0 auto; height: auto; overflow: hidden; }
.prospecl .center .viewmore{ margin-top: 10px;}
.viewmore{border: 1px solid #252525; padding: 5px 15px; clear: both;display: inline-block;}

.prospecl .news_view li{ height: auto; padding: 10px 10px; overflow: hidden;}
.prospecl .news_view li a{display: block;width: 100%;height: 4.5rem;}
.prospecl .news_view li .pic{ width: 5.5rem; height: 4.5rem; line-height: 4.5rem; margin-right: 10px; text-align: center; font-size: 0; float: left; }
.prospecl .news_view li .pic img{ vertical-align: middle; max-height: 4.5rem;}
.prospecl .news_view li .proAttr h3{ height: 30px; line-height: 30px; overflow: hidden;}
.prospecl .news_view li .proAttr .textfont{ font-size: 12px; color: #888;line-height: 16px;height: 32px;overflow: hidden;}
.bottom{ background: #fff; padding: 10px 10px; text-align: center; margin-top: 5px; font-size: 12px;}
.bottom p{ font-size: 12px;}
/*菜单按钮*/
.fixedNavBut{position:fixed; width:45px; height:35px; bottom:20px; left:10px; z-index:80; display:none; opacity:1;}
.navMoreBut_1{display:block; position:absolute; right:10px; top:3px; width:34px; height:35px; border-radius:5px; z-index:5;}
#fixed_nav_but .navMoreBut{background-color:#f7b61d;}
#fixed_nav_but .navMoreBut_1 b{background-color:#f7b61d;}
#fixed_nav_but .navMoreBut_1 i.i-1{background-color:#f7b61d;}
#fixed_nav_but .navMoreBut_1 b{border-color:#f7b61d;}
#fixed_nav_but .navMoreBut_1 i{border-color:#f7b61d;}
#fixed_nav_but .navMoreBut_2{border:3px solid #f7b61d;}
#fixed_nav_but .navMoreBut_2 i{background:#f7b61d;}
#fixed_nav_but .navMoreBut_2 b{background:#f7b61d;}
#fixed_nav_but .navMoreBut_3{border:3px solid #f7b61d;}
#fixed_nav_but .navMoreBut_3 i{border-color:#f7b61d;}
#fixed_nav_but .navMoreBut_3 b{background:#f7b61d;}
#fixed_nav_but .navMoreBut_4{background:#f7b61d;}
#fixed_nav_but .navMoreBut_4{box-shadow:-1px 1px 0 #f7b61d, -1px -1px 0 #f7b61d, 1px 1px 0 #f7b61d,1px -1px 0 #f7b61d;}
.navMoreBut_1 i,.navMoreBut_1 b{width:12px; height:12px; display: block; float:left; border-width:2px; border-style:solid;}
.navMoreBut_1 i{float:left;margin-bottom: 2px;}
.navMoreBut_1 i,.navMoreBut_1 b{border-radius: 2px;}
#fixed_nav_but .navMoreBut_1 b {background-color: #f7b61d;}
.navMoreBut_1 i.i-3, .navMoreBut_1 b.b-3 {display: none;}
.navMoreBut_1 i.i-1, .navMoreBut_1 b.b-1 {margin-right: 2px;}

/*产品中心*/
.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;}
.samepro ul li img{border: 1px solid #808080;border:none;max-width:100%; height: 80px}
.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: 10px; background: #fff; font-size: 0;}
.rongyu ul li img{ max-width: 100%; height: 120px; vertical-align: middle;}
.rongyu .short-line span{ background: #fff; }
.rongyu h3{ font-size: 20px; padding: 15px 0; text-align: center; color: #fff;}
.rongyu h2{ font-size: 14px; padding: 15px 0; text-align: center; color: #555;}

.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;}


/**更多导航-2**/
.NMore_1002{width:60%; height:100%; overflow-y:auto; position:fixed; z-index:1001; right:-100%; top:0px; padding:10px 0px; transition:all 0.5s ease-in; background: url('../images/bjt.png'); background-repeat: no-repeat}
.NMore_1002[state='open']{right:0px;}
.NMore_1002 ul{padding-bottom:35px;}
.NMore_1002 ul li{border-width:0px 0px 1px; border-style:solid; border-color:rgba(213, 222, 249, 0.9)}
.NMore_1002 li:first-child{border-top:none;}
.NMore_1002 li:last-child{border-bottom:none;}
.NMore_1002 li a{color:#fff; font-size:17px; position:relative;display:block; padding:4% 0px 4% 25px;}
.NMore_1002 li a img{ position:absolute; left:15px; top:50%; margin-top:-9px;}/*2015-07-13添加图片居中*/
.NMore_1002 li a:hover{color:#fff!important;}
.NMore_1002 li a:active{background-color:#1D1D1D;}
.NMore_1002 li a:after{content:""; position:absolute;background-color:#5B5D5E; height:1px; width:4px; box-shadow:-1px 1px 0 #5B5D5E, -2px 2px 0 #5B5D5E, -3px 3px 0 #5B5D5E, -4px 4px 0 #5B5D5E, -5px 5px 0 #5B5D5E, -1px -1px 0 #5B5D5E, -2px -2px 0 #5B5D5E, -3px -3px 0 #5B5D5E, -4px -4px 0 #5B5D5E, -5px -5px 0 #5B5D5E; left:15px; top:50%;}
.NMore_1002 .hover_icon a:after{ display:none;}
.NMore_1002 .hover_icon span{ margin-left:15px; color: #fff;}

.Nzz{position:fixed;left:0px;top:0px; width:100%; height:100%;z-index:98; display:none; background-color:rgba(0,0,0,0.5);}

.NMore_1002 .hover_icon .icon-shouye{background:url(../images/icon/home.png);}
.NMore_1002 .hover_icon .icon-contact{background:url(../images/icon/contact.png);}
.NMore_1002 .hover_icon .icon-about{background:url(../images/icon/about.png);}
.NMore_1002 .hover_icon .icon-dongtai{background:url(../images/icon/dongtai.png);}
.NMore_1002 .hover_icon .icon-procenter{background:url(../images/icon/procenter.png);}
.NMore_1002 .hover_icon .altIcon{width:24px; height:24px; display:block; float: left; background-size: 100% 100% }