@charset "utf-8";
/* CSS Reset */
* { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; outline: none; font-size-adjust: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; }
*:focus { outline: none; }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
body {line-height: 18px;font-size:12px;font-family:Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif;color:#333;background: url(../images/body.gif) repeat scroll 0% 0% transparent;}
*:selection { background-color: none; }
p { line-height: 25px; }
p > a { display: inline; text-decoration: none; }
p > span { display: inline; }
span > a { display: inline; }
a > span { display: inline; }
a { text-decoration: none; color: #666; }
.clear { clear:both; overflow:hidden; height:0px; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
/* ie7 hack*/
*+html .clearfix { min-height: 1%; }
.clearfix { display: block; }
.floatl { float: left; }
.floatr { float: right; }
.imgLeft { float: left; margin: 0 10px 10px 0; }
/*colour*/

/*background-colour*/
.background1 { background:#FFB13F; }
/* header */
.header {
    height: 50px;
    font-size: 1.4em;
    line-height: 50px;
    color: #333;
    text-align: center; 
    background: url(../images/logo_main.gif) repeat-x scroll 0% 0% transparent;
}
.header div { overflow: visible!important; z-index: 99999; }
.logo { text-overflow:ellipsis; white-space: nowrap; overflow:hidden; text-align:center; }
.logo span { /*display:inline-block;*/ width:100%; overflow:hidden; }
.header span { white-space:nowrap; text-overflow:ellipsis }
/* navigation */
.navigation { display: none; }
#nav { position: absolute; display:inline-block; top: 10px; right: 10px; z-index: 99999; color: #fff; font-size: 16px; width:40px; height:40px; background:#63AC52; border:1px solid #528B44; border-radius:5px; }
#nav .hamburger { display: inline-block; float: right; position: relative; width: 20px; height: 15px; background: #f7f7f7; border: 0px solid #F7F7F7; border-bottom-width: 0; margin-top:12px; margin-right:8px; }
#nav .hamburger:before, #nav .hamburger:after { content: ''; position: absolute; top: 20%; left: 0; width: 100%; height: 20%; background: #63AC52;  transition: all ease .2s;
-webkit-transform: translateZ(0); }
#nav .hamburger:after { top: 60%; }
#nav.open .hamburger { background: #63AC52; }
#nav.open .hamburger:before { top: 40%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background: #f7f7f7; }
#nav.open .hamburger:after { top: 40%; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); background: #f7f7f7; }
ul.menu { background:#63AC52; box-sizing: border-box; width:35%; position:absolute; z-index:999; right:0; }
ul.menu li { display: inline-block; width:100%; column-count:3; padding: 10px 0; border-top:1px solid #fff; text-align: center; }
ul.menu li:first-child { border-top:none; }
ul.menu li a { color: #fff; text-decoration: none; font-size: 14px; white-space: nowrap; width:100%; text-align: center; }

/*indexmenu*/
.indexmenu { width:100%;}
.indexmenu ul{}
.indexmenu ul li {float: left;width:20%;height: 35px; text-align: center;list-style-type: none; border:1px solid #fff;}
.indexmenu ul li a{ width:100%;display: block;height:35px;text-align: center;overflow: hidden; line-height:35px; background:#E5E6E8 ; color:#333;font-size:13px;}
.indexmenu ul li a.cur{ background: #045A0F;background: #FFF;}

/* banner */
.banner{ border-top:1px solid #fff;}
.bxslider-wrapper img { max-width: 100%; display: block; margin: 0 auto; height:200px; }
/* breadcrumb */
.breadcrumb { background: #a70802; color: #fff; font-size: 14px; padding: 5px 10px; display: block; margin: 0 0 10px; }
.breadcrumb a { color: #fff; display: inline-block; }
/* @media */
@media screen and (max-width:320px) {
 .main {
min-height:300px;
}
}
 @media screen and (min-width:320px) and (max-width:360px) {
 .main {
min-height:400px;
}
}
@media screen and (min-width:500px) and (max-width:760px) {
 .main {
min-height:600px;
}
}
@media screen and (min-width:760px) {
 .main {
min-height:660px;
}
}
/* content */
.main { 
    min-height:400px;

}
h2 { font-size: 14px; margin: 0 0 10px 0; }
h4 { font-weight: bold; margin-bottom: 5px; font-size: 14px; }
.date { background: #ddd; text-align: center; margin-bottom: 10px; height:36px;line-height:36px;}
p.indent, .newsdetail p { /* text-indent: 2em; */ }
.news li, .relatednews li, .relatedproduct ul li { list-style: none; background: url(../images/redDot.png) no-repeat 0 8px; padding-left: 10px; }
.news li { list-style: none; background: url(../images/redDot.png) no-repeat 0 13px; padding-left: 10px; }
.containerBox:after { display: block; content:;}
.back { text-align:right; line-height: 15px; margin-bottom: 10px; }
.more { background: #ececec; border: 1px solid #ddd; border-radius: 4px; text-align: center; padding: 5px; box-shadow: inset 0 0 2px #fff; margin-bottom: 1em; }
.more a { color: #333; }
/*公司简介*/
.companyIntro{
    padding:20px 10px;
}

.companyIntro .company {
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    background: #FFB13F;
}
    .companyIntro img{
        max-width:100%;
    }
    .companyIntro .indent {
        padding: 8px;
        text-indent: 2em;
        clear: left;
        font-size: 13px;
    }
/* products */
.sell { font-size:16px; height:40px; line-height:40px; background:#FFB13F; }
.containerTab { height:36px; line-height:36px;  margin-top:6px; clear:both; border-bottom: 3px solid #045A0F;}
.containerTab h2 { color: #045A0F;width: 106px;height: 30px;float: left;text-align: center;overflow: hidden; }
.containerTab span {color: #045A0F; }
.containerTab .n_more { float:right; padding-right: 10px; }
.containerTab .n_more img { vertical-align:middle; }
.products { clear:left; }
/*product*/
ul.product { margin: 0 0 5px; padding: 0; width: 100%; }
ul.product li { margin: 0; width: 33%; display: inline-block; float: left; text-align: center; }
ul.product li .box { padding:5px; }
ul.product li .prodImg { text-align: center; height: 105px; background:#fff; }
ul.product li .prodImg img { max-width: 100%; max-height: 85px; margin: 10px auto 8px; height: 85px; }
ul.product li .txt {height: 32px; }
    ul.product li .title a {
        font-size: 13px;
        line-height: 32px; 
        color: #333;
        height: 32px;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: inline-block;
        width: 95%;
        overflow: hidden;
    }
ul.productList li .tags { color: #666; white-space: nowrap; text-overflow: ellipsis; display: inline-block; width: 95%; overflow: hidden; line-height: 1.15; }
/*productList*/
ul.productList { margin: 0 0 5px; padding: 0; width: 100%; }
ul.productList li { margin: 0; width:50%; display: inline-block; float: left; text-align: center; }
ul.productList li .box { padding:5px;}
ul.productList li .prodImg {   text-align: center; height: 105px; background:#fff; }
ul.productList li .prodImg img {  max-width: 100%; max-height: 85px; margin: 10px auto 8px; height: 85px; }
ul.productList li .txt {   height: 32px; }
ul.productList li .title a { font-size: 13px; line-height: 32px;  color: #666; height:32px; white-space: nowrap; text-overflow: ellipsis; display: inline-block; width: 95%; overflow: hidden; }
ul.productList li .tags { color: #666; white-space: nowrap; text-overflow: ellipsis; display: inline-block; width: 95%; overflow: hidden; line-height: 1.15; }
/*content*/
.contentPadding .contName { font-weight:bold; line-height:30px; }
.containernews { margin-bottom:10px; }
/* container */
.containerBox { padding: 10px; margin-bottom: 10px; }
.featured img { float: left; margin: 0 10px 10px 0; }
.featured div.title { font-size: 14px; color: #cc2929; padding-bottom: 5px; }
.featured a { color: #cc2929; }
.containerCity { padding: 10px; margin-bottom: 10px; border: 1px solid #ddd; border-top: none; }
.containerCity a { float:left; margin-right:20px; }



/* news */
.news ul {padding: 0px 5px;}
.news ul li { height:40px;background: url(../images/icon1.png) no-repeat scroll left center transparent;border-bottom: 1px dotted #999;line-height:40px; box-sizing: border-box;-moz-box-sizing:border-box; width:100%; overflow:hidden; clear:left;}
.news ul li a{ font-size:13px; float:left; display:block;color: #333;width:75%;text-overflow: ellipsis;white-space: nowrap;line-height:40px; overflow:hidden;}
.news ul li span.date {float: right; display: inline-block; background: none; margin: 0; }
.newsdetail{
    padding:20px 10px;
    font-size:13px;
}

.newsdetail img {
    max-width: 100%;
    margin-bottom: 10px;
}
.newsdetail h2 {text-align: center; margin-top:5px;}
.newsdetail{ overflow:hidden;}
.newsdetail p{ text-indent:0;}
/* feedback */
.feedback { margin-top:10px; display:inline-block; width:100%; }
.feedback ul li { clear: both; list-style: none; float: left; width: 100%; margin-bottom: 15px; }
.feedback p { text-indent: 0; margin: 0px; }
.feedback label { width: 15%; text-align: right; margin-right: 2%; float: left; line-height: 25px; }
.feedback input { float: left; border:1px solid #bbb; line-height:25px; height:25px; width:80%; padding:0 1%; }
.feedback textarea { width:80%; height:100px; padding:1%; resize:none; background:#fff; border:1px solid #bbb; float: left; margin: 0; }
.feedback ul li.last { padding-left:17%; }
    .feedback ul li.last input {
        background: #058868;
       line-height:36px;
        height: 36px;
        cursor: pointer;
        width: 100px;
        border-radius:6px;
        color:#fff;
    }
/*新闻详情*/
.contentPadding { padding:5px; }
.contentPadding .art { text-indent:0; }
/* contact */
.contactInfo { display:inline-block; width:100%; }
.contactInfo li { list-style: none; padding: 0!important; display:block; background:none; clear: both; line-height:30px; word-wrap:break-word; word-break: break-all; }
.detailInfo { display:inline-block; width:100%; }
.detailInfo li { list-style: none; background: none!important; padding: 0!important; display: block; clear: both; }
.detailInfo label { float: left; text-align: right; min-width: 38px; }
.detailInfo span { width: auto; float: left; width: 80%; margin-left:2%; }
@media screen and (max-width: 459px) {
	ul.productList li {width: 50%;}
	ul.product li {width: 33.33%;}
	
}
@media screen and (max-width: 309px) { 
ul.productList li {width: 100%;}
ul.product li {width: 100%;}
}
/*关于我们*/
.about { padding:5px; text-indent:2em; line-height:30px; }
    .about img{
        max-width:100%;
    }
    /*pagination*/
    .pager {
        text-align: center;
        margin: 10px auto;
    }
.pager a { border:1px solid #ddd; display:inline-block; background:#e3e3e3; padding:6px 10px; margin-right:5px; font-size:0.875em; color:#333 !important; }
.pager a.sele, .pager a:hover { background: #058868; color: #fff !important; }
/*search*/
.search { position:relative; padding: 0 0 0 10px; background: #ddd; overflow: visible; margin-right: -10px; display: inline-block; width: 100%; box-sizing: border-box; }
.search input { padding:0 4px; height:25px; line-height:25px; border:1px solid #bbb; width:73%; border-radius: 4px; display: inline-block; float: left; margin: 10px 0; }
.search a { display:inline-block; font-size: 14px; text-align: center; line-height: 45px; height:45px; float: left; width: 13%; text-align: center; }
.search a:hover { opacity: 0.9; background: #ddd; }
.search .line { background: #ccc; width: 1px; height: 45px; display: inline-block; float: left; }
/*search
.search{position:relative; padding: 0 0 0 10px; background: #ddd; overflow: visible; margin-right: -10px; display: inline-block; width: 100%; box-sizing: border-box;}
.search input{padding:0 4px;height:25px; line-height:25px;border:1px solid #bbb;width:73%;border-radius: 4px; display:none; float: left; margin: 10px 0;}
.search a{ display:none;  font-size: 14px; text-align: center; line-height: 45px; height:45px; float: left; width: 13%; text-align: center;}
.search .category{ display:inline-block;  font-size: 14px; text-align: center; line-height: 45px; height:45px; float: right; width: 13%; text-align: center;}
.search a:hover {opacity: 0.9; background: #ddd;}
.search .line {background: #ccc; width: 1px; height: 45px; display:none; float: left;}*/
/*category*/
.category { float: right; }
.categoryList { display: none; position: absolute; right:0; top:45px; z-index: 100; float: right; background: #ddd; text-align: left; width: 50%; }
.categoryList li { list-style: none; background: none; text-align: center; width: 100%; border-top: 1px solid #ccc; }
.categoryList li a { width: 100%; text-align: center; line-height: 30px; height: 30px; float: none; display: block; }
.categoryList p { list-style: none; background: none; text-align: center; width: 100%; border-top: 1px solid #ccc; }
.categoryList p a { width: 100%; text-align: center; line-height: 30px; height: 30px; float: none; display: block; overflow:hidden; }
/*footer*/
.footer_bg { width:100%; margin-bottom:50px; }
.footer { line-height:40px; text-align:center; overflow:hidden;color:#333; margin-top:10px;font-size:15px;}
/*mobile*/
.p5{ padding:5px;}
.Mobile { text-align: center; height: 35px; line-height: 35px; background: #E5E6E8; font-size:14px; border:1px solid #fff; font-weight:bold; border-radius: 20px; }
/*pimg*/
.productdetail { padding:10px }
.pimg { width:100%; text-align:center }
.pimg .img { width: 64%; height:200px; line-height:198px; border: 1px solid #ddd; margin: 10px auto; }
.pimg img { max-width:100%; max-height:98%; vertical-align:middle; margin: 0 auto; }
.pimg .list ul { margin:0 auto; padding:0; display: table; }
.pimg .list ul li {list-style: none; display: inline-block; margin: 0 2px 10px; width: 66px; height: 66px; text-align: center; border: 1px solid #ddd;float:left; line-height:60px;}
.pimg .list ul li.sel, .pimg .list ul li:hover { border: 1px solid #63AC52; }
.pimg .list ul li img { max-width: 64px; max-height:64px; vertical-align: middle; }
.pinfo { }
.productdesc { padding: 10px 10px 0; }
.productdesc img { max-width:100%; }
.relatedproduct { padding: 10px; }
.relatedproduct ul { margin-bottom: 1em; }
.relatedproduct ul li { line-height: 20px; }
#productFavorite { display:none; }
.tishi { text-align:center; color:#666; font-size:14px;margin-top:40px; }
/* 赞 + 收藏 */
.sel { color:#CC2929 !important; }
.more, .btn { background: #63AC52; border: 1px solid #528B44; border-radius: 5px; text-align: center; padding: 1px 6px; margin-bottom: 10px; display: inline-block; color: #fff; margin-top: 10px; }
.more a, .btn:hover { color: #fff; }
.enshrine { padding: 5px; background: none repeat scroll 0% 0% #f0f0f0; }
.enshrine li { list-style-type: none; width: 50%; float: left; text-align: left; line-height:23px; }
.newsBtm { text-align: right; margin:5px 0px; }
.newsBtm span { margin-right:5px; }
/* 关注我们 */
.attention { color:#ccc; margin-left:4px; float:left }
.attentiono { color:#A70802; margin-left:4px; float:left; }
.attentionstyle { padding:10px; width:100%; box-sizing:border-box; background:#FFF; display:inline-block; }
.attentiontitle { height: 30px; line-height: 30px; font-weight:bold; font-size:14px; }
.attentionstyle li { list-style-type: none; width: 50%; float: left; text-align: left; line-height:23px }
/* ProductTabs */
.TabbedPanels { overflow: hidden; margin: 0px; padding: 0px; clear: none; width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/ }
.TabbedPanelsTabGroup { margin: 0px; padding: 0px; height: 33px; background: #ddd; border-bottom: #ccc 3px solid; }
.TabbedPanelsTab { position: relative; top: 1px; float: left; padding: 4px 0; margin: 0px; list-style: none; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; background: #ddd; width: 33%; line-height: 24px; text-align: center; font-size: 14px; }
.TabbedPanelsTabHover { border-bottom: 3px solid #528B44; }
.TabbedPanelsTabSelected { border-bottom: 3px solid #528B44; }
.TabbedPanelsTab a { color: black; text-decoration: none; }
.TabbedPanelsContentGroup { clear: both; background-color: #fff; padding: 0; }
.TabbedPanelsContent { overflow: hidden; padding: 0; min-height: 360px; }
.TabbedPanelsContentVisible { }
.VTabbedPanels { overflow: hidden; zoom: 1; }
.VTabbedPanels .TabbedPanelsTabGroup { float: left; width: 10em; height: 20em; background-color: #EEE; position: relative; border-top: solid 1px #999; border-right: solid 1px #999; border-left: solid 1px #CCC; border-bottom: solid 1px #CCC; }
.VTabbedPanels .TabbedPanelsTab { float: none; margin: 0px; border-top: none; border-left: none; border-right: none; }
.VTabbedPanels .TabbedPanelsTabSelected { background-color: #EEE; border-bottom: solid 1px #999; }
.VTabbedPanels .TabbedPanelsContentGroup { clear: none; float: left; padding: 0px; width: 30em; height: 20em; }
/* bottomNav */
.btmNav { box-shadow: 0px 1px 0px #EEE inset; text-align:center; height: 52px; width: 100%; position: fixed; bottom: 0px; left: 0px; right: 0px; z-index: 900; }
.btmNav ul{border-top: 1px solid #F3F3F3;background-image: -moz-linear-gradient(center top , #F3F3F3, #E8E6E7 60%, #E8E6E7);
box-shadow: 0px 1px 0px #E8E6E7 inset; background:#E8E6E7;}
.btmNav ul li { border-right: 1px solid rgba(255, 255, 255, 0.6); width: 25%; text-align: center; display: inline-block; margin: 0 -2px; }
.btmNav ul li a { font-size: 14px; color: #333; display: block; text-align: center; padding-top: 24px; line-height: 28px; }
.btmNav ul li:fist-child a {border-left: none;}
.btmNav ul li:last-child a { border-right: none; }
.btmNav ul li.ico1 { background: url(../images/home.png) no-repeat scroll 50% 8px transparent;}
.btmNav ul li.ico3 { background: url(../images/ne.png) no-repeat scroll 50% 8px transparent;}
.btmNav ul li.ico2 { background: url(../images/pr.png) no-repeat scroll 50% 8px transparent;}
.btmNav ul li.ico5 { background: url(../images/tel.png) no-repeat scroll 50% 8px transparent; }

.kzdjchenge { color:#1e4b79 !important; }