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,  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: #fff;max-width:720px;padding-bottom:50px;margin:0 auto}
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{font-size:0;position:absolute;left:5%;top:0.5%;z-index:1000;width:15%;}
.shang{font-size:0;position:absolute;left:25%;top:3%;z-index:1000;width:45%;}
.top img,.shang img{font-size:0;width:100%}
.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 a{color:#000}
.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{line-height: 6rem; font-size: 0; text-align: center;}
.prospecl dl dt img{  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;}
.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: #E6E6E6; padding: 10px 10px; text-align: center; margin-top: 5px; font-size: 12px;}
.bottom p{ font-size: 12px;color:#000}
.bottom img{vertical-align:middle;}
/*菜单按钮*/
.fixedNavBut{position:fixed; width:45px; height:35px; top:170px; right: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;color:#00ace7;font-size:18px;box-shadow: 0px 0px 2px #1968B5}
.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: 18px; padding: 15px 0; text-align: center; color:#2774BA;}
.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;}


/**更多导航-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-color:#333436!important;}
.NMore_1002[state='open']{right:0px;}
.NMore_1002 ul{padding-bottom:35px;}
.NMore_1002 ul li{border-width:0px 0px 2px; border-style:solid; border-color:#45494C;}
.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.curr{background-color:#436FBA;}
.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% }

.jjsy p{line-height:22px;padding:0 15px}

.navf{position:fixed;bottom:0;left:0;height:50px;line-height:50px; background-color:#2F82C4;width:100%;z-index:1000}
.navf ul li{float:left;width:25%;box-shadow: 5px 0.5px 5px #1b6bb6;text-align:center}
.navf ul li a{font-size:13px;color:#fff;display:block;height:50px;}

.showprod_bigpic img{width:96%;padding:0 2%}
.showprod_bigpic p{text-align:center; color:#3fabe0; font-size:1em;}
.xxbt{height:36px;line-height:36px;background-color:#0074BD;color:#fff;font-size: 15px;font-weight: bold;padding-left:8px;text-shadow: 1px 1px 1px #154166;}
#showprod .showprod_top_right {float:left;padding:5px 2%;line-height:23px; width:96%;color:#3fabe0; font-size:80%;}
#showprod .showprod_top_right_bt {background:url(images/cpms_js_1.jpg) no-repeat left; border-bottom:1px dashed #e4e4e4;}
#showprod .showprod_top_right_down{margin:15px 3% 5px 0; border:1px solid #d68613; border-radius:5px;  background-image: linear-gradient(to top, #fde291, #fff); width:60px;text-align:center}
#showprod .showprod_top_right_down2{margin:15px 8% 5px 0;}
#showprod .showprod_top_right_down a,#showprod .showprod_top_right_down2 a{color:#3fabe0;}
#showprod .showprod_top_right_down2 a{}
#showprod .showprod_top_right ul {}
#showprod .showprod_top_right li {float:left;border-bottom:1px dashed #e4e4e4;}
#showprod .showprod_top_right li.showprod_top_right_l {width:65px;color:#5a5a5a;font-weight: bold;padding-top:6px;padding-left:5px;font-size:12px;color:#3fabe0;}
#showprod .showprod_top_right li.showprod_top_right_r {width:65%;color:#5a5a5a;padding-top:6px;padding-left:0;font-size:12px;color:#3fabe0;}
#showprod .showprod_desc_t {padding:22px 10px 1px 10px;border-bottom:1px solid #3d96d8;font-size:15px;font-weight: bold;margin-bottom:10px;color:#016394}
#showprod .showprod_desc_b {padding:5px 0;color:#005d7f;}
#showprod .showprod_desc_b img{width:100%}
#showprod .showprod_desc_b p {line-height:22px;color:#3e3e3e;font-size:12px; color:#3fabe0;}
#showprod .showprod_desc_b table {width:100%;margin:10px 0;border-top:1px solid #c1c1c1;border-left:1px solid #c1c1c1;color:#3e3e3e; table-layout:fixed;}
#showprod .showprod_desc_b table td {padding:5px 0;border-right:1px solid #c1c1c1;border-bottom:1px solid #c1c1c1;text-align:center; font-size:12px;word-wrap:break-word;}
#showprod .showprod_otherprod ul li {float:left;margin:0 6px;*margin:0 6px;_margin:0 4px;}
#showprod .showprod_otherprod ul li a.o1 {display:block;padding:1px;border:1px solid #b4b4b4;}
#showprod .showprod_otherprod ul li a.o1:hover {border:1px solid #3d96d8;}
#showprod .showprod_otherprod .otherprodpic {width:150px;height:115px;}
#showprod .showprod_otherprod ul li p {height:24px;width:154px;overflow:hidden;line-height:24px;text-align:center;color:#3e3e3e;}
#showprod .showprod_keyword {padding:5px 10px;border:1px solid #e7e7e7;margin:10px 0;color:#3e3e3e;}
#showprod .showprod_keyword div.showprod_keyword_1 {line-height:34px;padding-left:5px;}
#showprod .showprod_keyword div img {vertical-align:middle;}
.pimage img{width:100%;}

.leftj{position:absolute;left:0;top:45%;z-index:10000;width:5%}
.youj{position:absolute;right:0;top:45%;z-index:10000;width:5%}

.f_l{float:left;}
.f_r{float:right;}

.cpbj{width:100%; background:url(../images/cpbj.jpg); background-size:100% 100%;padding:0 0 20px 0}
.cpbt{width:30%;margin:0 auto;padding:20px 0 0 0}
.cpbt img{width:100%;}

#flsy li {
    width: 45%;
    height: 37px;
    background: url(../images/cpflli.png);
	background-size:100% 100%;
    text-align: center;
    overflow: hidden;
    margin: 3% 0 0 3%;padding:9px 0 4px 0;float:left
}
#flsy li a {
    line-height: 16px;
    display: block;
    font-size: 14px;
    color: #fff;
    text-shadow: 0.5px 0.5px 1px #333;
    text-transform: capitalize;
}
#flsy li a:hover,#flsy li a.curr{color:#D3A687}
.cpsy{padding:20px 0; background-color:#fff}
.cpsy ul li{float:left;width:30%;margin-left:3%}
.cpsy ul li img{width:100%}

.symain{width:100%; background:url(../images/symain.jpg);background-size:100% 100%;padding:10px 0 20px 0}
.symain ul li{float:left;width:22%;margin:3% 1.5% 0 1.5%}
.symain ul li img{width:100%;border-radius:45px}
.symain ul li p {
    line-height: 37px;
    font-size: 14px;
    color: #333;
    border-bottom: 5px solid #1968b5;
    font-family:'Aclonicaa06219dbf177ed';
    text-transform: uppercase;text-align:center;
}
.about-box p{margin-top:15px}

#masonry,.ryzs{padding-bottom:20px}
.masonry{float:left;width:45%;margin:3% 0 0 3%;}
.masonry img{width:100%;border:1px solid #ccc}
#prodgunul li img{height:8.0rem;border:1px solid #ccc}
#prodgunul li{margin:1.5rem 0.35rem}
#prodgunul li p{text-align: center;line-height:2.0rem;font-size:0.8rem}

.lc img{font-size:0}
.lc{font-size:0}

.cpjj{padding:10px 10px}
.cpjj p{line-height:24px}

.leftj{position:absolute;left:0;top:45%;z-index:10000;width:5%}
.youj{position:absolute;right:0;top:45%;z-index:10000;width:5%}

.spsp ul li{margin-top:15px}

.feedback {padding:5px 10px;}
.feedback li {padding: 5px 8px;}
.feedback .z3g-input {border-radius: 0;background: none repeat scroll 0 0 #fdfdfd;border-color: #858585 #afafaf #c9c9c9;border-style: solid;border-width: 1px;box-shadow: 1px 2px 3px #b7b7b7 inset;box-sizing: border-box;height: 35px;line-height: normal;padding: 0 10px;width: 100%;}
.feedback .z3g-textarea {border-radius: 0;background: none repeat scroll 0 0 #fdfdfd;border-color: #858585 #afafaf #c9c9c9;border-style: solid;border-width: 1px;box-shadow: 1px 2px 3px #b7b7b7 inset;box-sizing: border-box;height: 80px;line-height: 20px;padding: 10px;resize: none;width: 100%;font-size:12px;}
.feedback .verificationCode input {vertical-align: middle;width: 160px;}
.feedback .z3g-button {border-radius: 0;background: none repeat scroll 0 0 #ffa602;border-bottom: 1px solid #8b673c;border-top: 1px solid #dbae78;box-sizing: border-box;color: #fff;font-size: 16px;height: 46px;line-height: 46px;max-width: 576px;overflow: hidden;padding: 0 10px;text-align: center;white-space: nowrap;margin:0 auto}