﻿.rboxCont{ padding-bottom:20px; margin-top:20px;}
.sMaster{ overflow:hidden; padding:20px 0; background:url(/images/style/iProBg.png) repeat;}
.sLt{ width:250px; float:left;}
.sRt{ width:920px; float:right;}
.sNav{ background:#fff; box-shadow:0 2px 12px -5px #ccc;}
.sNavFixed{ width:250px; position:fixed; top:0; margin:0 !important; z-index:9999;}
.sNav h3{ width:100%; background:#ffb901; height:100px; display:flex; flex-wrap:wrap; align-content:center; text-align:center; justify-content:center; color:#fff; font-size:25px; font-weight:normal; line-height:30px; padding-top:10px; box-sizing:border-box;}
.sNav h3 span{ width:100%; font-weight:normal; text-transform:uppercase; font-size:14px;}
.sNav .navLsit > ul{ padding:15px; padding-bottom:5px;}
.sNav .navLsit a{ display:block;}
.sNav .navLsit > ul > li.navtog_down a{ background:url(/images/style/navtogLink.png) no-repeat 93% 18px;}
.sNav .navLsit > ul > li.navtog_up a{ background:url(/images/style/navtogHover.png) no-repeat 93% 18px;}
.sNav .navLsit > ul > li > a{ font-size:16px; padding-left:20px; cursor:pointer; line-height:40px; display:block; background:#f0f0f0 url(/images/style/iProNavIco.png) no-repeat 95% center; margin-bottom:10px;}
.sNav .navLsit > ul > li.navtog_up > a, .sNav .navLsit > ul > li > a.nlink, .sNav .navLsit > ul > li > a:hover{ background:#ffb901 url(/images/style/iProNavIco.png) no-repeat 95% center; color:#fff;}
.sNav .navLsit > ul > li.navtog_up > a:after{ background:#ffb901;}
.sNav .navLsit > ul > li > ul{ display:none; background:#fff;}
.sNav .navLsit > ul > li > ul > li a{ border-bottom:dashed 1px #d9d9d9; font-size:14px; padding:8px 0; position:relative; padding-left:46px; background:none !important;}
.sNav .navLsit > ul > li > ul > li a:after{ content:""; position:absolute; width:5px; height:5px; left:30px; top:20px; background:#8b8b8b; border-radius:50%;}
.sNav .navLsit > ul > li > ul > li a.nlink,.sNav .navLsit > ul > li > ul > li a:hover{ color:#ffb901;}
.sNav .navLsit > ul > li > ul > li a.nlink:after, .sNav .navLsit > ul > li > ul > li a:hover:after{ background:#ffb901;}
.sRtTit{ background:#fff; overflow:hidden; padding:15px 0;}
.sRtTit h3{ float:left; font-size:22px; padding-left:20px; font-weight:normal;}
.sRtTit h3 span{ color:#ffb901; font-weight:normal; margin-left:10px; font-size:16px; text-transform:uppercase;}
.locaTit{ float:right; margin-right:20px;}
.locaTags{ float:none; margin:0 auto;}
.Master{ padding-bottom:50px; overflow:hidden;}
.sTitle{ border-bottom:solid 1px #eee; border-left:solid 5px #ffb901; text-indent:12px; line-height:32px; font-size:18px; padding-bottom:4px;}
.sTitle h4{ font-weight:normal;}
.Related_News, .Related_Pro{ margin-top:20px; padding:20px;}
.Related_News dd{ overflow:hidden; margin-top:10px;}
.Related_News ul li{ height:40px; line-height:40px; border-bottom:dashed 1px #eee; overflow:hidden; position:relative;}
.Related_News ul li:after{ content:""; position:absolute; top:19px; left:8px; width:4px; height:4px; background:#ccc; border-radius:50%;}
.Related_News ul li a{ display:block; padding-left:23px;}
.Related_Pro dd{ overflow:hidden; margin-top:15px;}
.Related_Pro ul li{ width:210px; float:left; overflow:hidden; margin-right:13px;}
.Related_Pro ul li:nth-child(4n){ margin-right:0;}
.Related_Pro ul li .proImg{ width:200px; height:200px; padding:4px; border:solid 1px #eee; overflow:hidden; text-align:center; display:block; 
                            display:flex; display:-webkit-flex; display:-ms-flex; display:-moz-flex; display:-o-flex; 
                            align-items:center; -webkit-align-items:center; -ms-align-items:center; -moz-align-items:center; -o-align-items:center; 
                            justify-content:center; -webkit-justify-content:center; -ms-justify-content:center; -moz-justify-content:center; -o-justify-content:center; 
                            flex-direction:column; -webkit-flex-direction:column; -ms-flex-direction:column; -moz-flex-direction:column; -o-flex-direction:column;}
.Related_Pro ul li .proImg:hover{ border-color:#ffb901;}
.Related_Pro ul li .proTit{ height:20px; line-height:20px; display:block; overflow:hidden; margin:10px 0; padding:0 10px; text-align:center;}
.Related_Pro ul li .proTit span{ display:block; overflow:hidden; height:20px; line-height:20px;}
.Related_Pro ul li .proTit span.proAglin{ text-align:center;}
.pager{ width:100%; text-align:center; margin:15px auto 0; overflow:hidden;}
.pager a{ display:inline-block; padding:10px 15px; height:20px; overflow:hidden; line-height:20px; margin:0 6px; color:#ccc; border:solid 1px #ddd; font-family:"宋体"; background:#fff;}
.pager a:hover{ color:#f70;}
.pager span{ font-weight:bold; color:#f70; display:inline-block; padding:10px 15px; line-height:20px; height:20px; overflow:hidden; background:#fff; margin:0 6px; border:1px solid #ddd;}
.pager input{ display:none;}

/* products --begin-- */
.products ul li{ width:32%; float:left; overflow:hidden; margin-right:2%; margin-bottom:2%; padding:5px; border:solid 1px #e8e8e8; box-sizing:border-box;}
.products ul li:nth-child(3n){ margin-right:0;}
.products ul li .proImg{ width:100%; height:280px; overflow:hidden; text-align:center; display:block; box-sizing:border-box;
                         display:flex; display:-webkit-flex; display:-ms-flex; display:-moz-flex; display:-o-flex; 
                         align-items:center; -webkit-align-items:center; -ms-align-items:center; -moz-align-items:center; -o-align-items:center; 
                         justify-content:center; -webkit-justify-content:center; -ms-justify-content:center; -moz-justify-content:center; -o-justify-content:center; 
                         flex-direction:column; -webkit-flex-direction:column; -ms-flex-direction:column; -moz-flex-direction:column; -o-flex-direction:column;}
.products ul li:hover{ background:#ffb901; color:#fff;}
.products ul li .proImg img{ width:100%; height:100%;}
.products ul li .proTit{ width:98%; height:20px; line-height:20px; margin:15px auto; font-size:14px; display:block; text-align:center; overflow:hidden;}
.sPro{ overflow:hidden;}
.sProBox{ overflow:hidden; padding:20px; box-sizing:border-box;}
.sProPram{ width:calc(100% - 425px);}
.sProPram .h1{ color:#ffb901; line-height:30px; padding:10px 0; font-size:24px;}
.sProPram div{ line-height:28px; margin-top:5px;}
.sProPram .box{ overflow:hidden; line-height:28px; margin-top:5px;}
.sProPram .box strong{ height:28px; line-height:inherit; display:inline-block; text-align:justify; float:left;}
.sProPram .box strong i{ width:100%; display:inline-block;}
.sProPram .box b{ float:left; display:inline-block; padding-left:2px;}
.sProTel{ font-size:18px; color:#ffb901; padding:10px 0;}
.sProTel p{ text-align:left; padding-left:55px; display:inline-block; background:url(/images/style/wapPhone.png) no-repeat left; background-size:45px;}
.sProTel b{ display:block; font-size:22px; font-family:Arial;}
.sProPram .inquireBox .buttonStyle{ margin-right:10px;}
.sProPram .inquireBox .sProWechat{ position:relative;}
.sProPram .inquireBox .sProWechat .sProWechatCode{ width:106px; display:block; position:absolute; overflow:hidden; left:-7px; top:40px; background:#ffb901; border:solid 1px #f58203; border-radius:5px; padding:5px; padding-bottom:0;}
.sProPram .inquireBox .sProWechat .sProWechatCode.on{ top:-153px;}
.sProPram .inquireBox .sProWechat .sProWechatCode img{ width:106px; height:106px;}
.sProPram .inquireBox .sProWechat .sProWechatCode span{ font-size:14px; display:block; overflow:hidden; height:32px; line-height:32px;}
.sProCont, .sProOrder{ padding:20px; box-sizing:border-box; margin-top:20px;}
.sProCont dd{ overflow:hidden; margin-top:10px;}
.sPhotoPic{ text-align:center; overflow:hidden;}
.sPhotoPic a{ display:block; width:450px; margin:30px auto 0;}
.sPhotoPic b{ font-size:18px; display:block; padding:20px 0 25px;}
/* products --end-- */

/* 产品详细页多图展示 */
.pcwlt{ width:400px; float:left;}
.pcwlt .view a{ width:100%; height:100%; display:block;}
.pcwlt .view img{ box-sizing:border-box; position:relative; top:50%; left:0; right:0; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);}
.view .swiper-container{ width:400px; height:400px;}
.view .swiper-slide{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:solid 1px #f1f1f1; text-align:center; background:#fff;}
.preview{ width:100%; margin-top:1rem; position:relative;}
.preview .swiper-container{ width:400px; height:80px;}
.preview .swiper-slide{ width:80px; height:80px; height:100%;}
.preview .swiper-slide img{ width:80px; height:80px; padding:5px;}
.preview .arrow-left,.preview .arrow-right{ position:absolute; top:50%; margin-top:-9px; width:9px; height:18px; z-index:10;}
.preview .arrow-left{ background:url(/index/images/style/feel3.png) no-repeat left top; left:6px;}
.preview .arrow-right{ background:url(/index/images/style/feel4.png) no-repeat left bottom; right:6px;}
.preview img{ padding:1px; box-sizing:border-box; border:1px solid #f4f4f4; cursor:pointer; background:#fff;}
.preview .active-nav img{ padding:1px; border:1px solid #ffb901; background:#fff;}
.swiper-container{ margin:0 auto; position:relative; overflow:hidden; direction:ltr; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; /* Fix of Webkit flickering */ z-index:1;}
.swiper-wrapper{ position:relative; width:100%; -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease; -moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px,0,0); -moz-transition-timing-function:ease; -o-transition-property:-o-transform, left, top; -o-transition-duration:0s; -o-transform:translate3d(0px,0,0); -o-transition-timing-function:ease; -o-transform:translate(0px,0px); -ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px,0,0); -ms-transition-timing-function:ease; transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px,0,0); transition-timing-function:ease; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.swiper-free-mode > .swiper-wrapper{ -webkit-transition-timing-function:ease-out; -moz-transition-timing-function:ease-out; -ms-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out; margin:0 auto;}
.swiper-slide{ float:left; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal{ -ms-touch-action:pan-y;}
.swiper-wp8-vertical{ -ms-touch-action:pan-x;}
.relplants,.reltarget{ position:absolute; z-index:888;}
.pcwlt .view .reltarget{ display:none;}
/* END 产品详细页多图展示 */

/* newslist --begin-- */
.sNews{ padding-bottom:20px;}
.sNews li{ overflow:hidden; margin-bottom:20px;}
.sNews li a, .sNews li span{ display:block; overflow:hidden;}
.sNews li .sNewsPic{ width:250px; height:165px; float:left; overflow:hidden; border:solid 1px #f5f5f5;}
.sNews li .sNewsPic img{ width:100%; height:100%;}
.sNews li div{ width:calc(100% - 275px); float:right; padding-right:25px; box-sizing:border-box}
.sNews li .sNewsTit{ font-size:16px; font-weight:bold; padding-top:15px;}
.sNews li .sNewsDate{ font-size:12px; color:#999;}
.sNews li .sNewsKey{ height:60px; line-height:20px; overflow:hidden; text-align:justify;}
.sNews li .sNewsMore{ text-align:right; color:#e62131; padding:2px 0 10px;}
.sNewsShow{ padding:20px;}
.sNewsShow .sNewsTit{ text-align:center; font-size:24px; margin-bottom:12px; line-height:40px;}
.sNewsShow .sNewsInfo{ text-align:center; border:dashed 1px #e0e0e0; font-size:12px; color:#999; margin-bottom:15px;}
.sNewsShow .sNewsInfo i{ font-size:12px; padding:0 10px;}
.sNewsShow h2 a{ font-size:inherit;}
.sNewsShow div{ font-size:16px;}
.sNewsShow div a, .sNewsShow div span, .sNewsShow div p{ font-size:inherit;}
.nTags{ font-weight:bold; color:#00458d;}
.sQuest{ verflow:hidden;}
.sQuest li{ padding:20px; margin-bottom:20px;}
.sQuest li p{ width:100%; line-height:22px; overflow:hidden; margin-bottom:15px;}
.sQuest li p b{ width:22px; height:23px; line-height:22px; text-align:center; float:left; display:block; color:#fff; background:#ff8401; margin-right:10px; border-radius:5px;}
.sQuest li p span{ width:calc(100% - 32px); float:left;}
.sQuest li .questA{ margin-bottom:0;}
.sQuest li .questA b{ background:#666;}
.sPage{ overflow:hidden; margin-top:20px;}
.sPage p{ width:50%; float:left; overflow:hidden; padding:12px 0; box-sizing:border-box;}
.sPage p.prev{ padding-left:20px; padding-right:8px;}
.sPage p.next{ padding-left:8px; padding-right:20px; text-align:right; float:right;}
.sPage p a{ height:26px; overflow:hidden; display:block;}
.sTags dd a{ border:solid 1px #eee; display:inline-block; padding:0 8px; margin-right:10px; margin-top:10px; border-radius:5px; font-size:12px; line-height:24px;}
.sTags dd a:hover{ border-color:#ffb901; color:#ffb901;}
.tagClass{ overflow:hidden; padding:15px 0 10px; margin-top:10px;}
.tagClass b{ padding-right:6px;}
.tagClass a{ border:solid 1px #eee; border-radius:5px;  padding:0 10px; margin:0 8px 8px 0; display:inline-block;}
.tagClass a:hover{ color:#e62131; border-color:#e62131;}
/* newslist --/end-- */

/* messageboard --begin-- */
.sMsg{ margin-top:10px;}
.sMsg .sMsgBox{ overflow:hidden;}
.sMsg .sMsgBox p{ width:48%; margin-right:4%; float:left;}
.sMsg .sMsgBox p:last-child{ margin-right:0;}
.sMsg .sMsgTit{ display:block; font-size:16px; margin:10px 0;}
.sMsg .sMsgTit em{ font-weight:bold; font-style:normal; color:#f00; display:inline-block; padding-left:5px;}
.sMsg .sMsgTit i{ font-style:normal; font-size:12px; color:#f00; display:inline-block; padding-left:5px;}
.sMsg .sMsgIpt{ border:solid 1px #f0f0f0; border-radius:5px; background:#f9f9f9; box-sizing:border-box; width:100%; display:block; padding:10px 20px;}
.sMsg .sMsgIpt.borderTips{ border-color:#f00;}
.sMsg .sMsgBtn{ text-align:right; margin:20px 0 10px;}
.sMsg .sMsgBtn .buttonStyle{ width:250px; border-radius:5px;}
/* messageboard --/end-- */

/* tags --begin-- */
.tTitle{ border-bottom:solid 1px #ededed; padding:20px 2px 15px;}
.tagsBox{ -moz-column-count:5; -webkit-column-count:5; column-count:5; -moz-column-gap:10px; -webkit-column-gap:10px; column-gap:10px; margin-top:20px;}
.tagsCt{ padding:15px 10px; margin-bottom:10px; -moz-page-break-inside:avoid; -webkit-column-break-inside:avoid; break-inside:avoid; border-bottom:dashed 1px #ededed; line-height:18px;}
.tagsList ul{ overflow:hidden;}
.tagsList ul li{ width:49%; float:left; overflow:hidden; margin-right:2%; margin-top:20px; padding-bottom:15px; border-bottom:solid 1px #ededed;}
.tagsList ul li:nth-child(2n){ margin-right:0;}
.tagsList ul li .tagsTit{ height:28px; line-height:28px; display:block; font-size:16px; font-weight:bold; overflow:hidden;}
.tagsList ul li .tagsKey{ height:66px; line-height:22px; margin-top:3px; overflow:hidden; padding:0 2px;}
.tagsList ul li div{ padding:0 2px; margin-top:3px; overflow:hidden;}
.tagsList ul li .tagsIco{ float:left; display:block; padding-left:25px; background-image:url(/images/style/tagsIco.png); background-repeat:no-repeat; font-size:12px; color:#999;}
.tagsList ul li .tagsLm{ background-position:left 5px; margin-right:30px;}
.tagsList ul li span{ background-position:left -39px;}
/* tags --/end-- */

/* userpage --begin-- */
.sUser, .yUser{ box-sizing:border-box; padding:20px;}
.sVideo{ margin-top:20px; overflow:hidden;}
.sVideo h2{ font-size:22px; line-height:40px; padding:15px 0; text-align:center;}
#contmap img{ max-width:inherit;}
/* userpage --/end-- */

/* newslist --begin-- */
/* newslist --/end-- */
#storeMap label{ float:none; width:auto; text-align:left; padding-right:0; height:auto;}
#storeMap img{ max-width:inherit;}
.contBox{ padding:10px 20px;}
.conth2{ color:#00458d; padding:10px 0;}
.contTit{ width:95%; font-size:16px; padding:10px 0; line-height:32px; text-align:justify;}
.contList{ display:flex; align-items:center; line-height:36px;}
.contList img{ margin-right:10px;}
.sAbout{ padding:20px;}
.sAbout h2{ color:#00458d; font-size:24px; line-height:40px; padding-bottom:10px;}
.sAbout p{ font-size:16px; line-height:32px; padding:10px 0; text-indent:32px; text-align:justify;}
.sAbout p.pic{ text-align:center; text-indent:0;}
.sCulture{ padding:20px;}
.sCulture h3{ color:#00458d; font-size:20px; line-height:40px; padding-bottom:10px;}
.sCulture b{ color:#00458d; font-size:16px;}
.sCulture p{ line-height:32px; padding:5px 0;}
.sCulture .sCt2 b{ display:block;}
.sCulture ul{ overflow:hidden;}
.sCulture ul li{ width:26%; float:left;}
.sCulture ul li p{ padding:0;}
.sCulture ul li b{ display:block;}
