/*inside-banner*/
.inside-banner{ width:100%; height:280px;}
.about-banner{ background:url(../images/inside-about.jpg) top no-repeat;}
.product-banner{ background:url(../images/inside-product.jpg) top no-repeat;}
.news-banner{ background:url(../images/news-banner.jpg) top no-repeat;}
.recruit-banner{ background:url(../images/recruit-banner.jpg) top no-repeat;}
.contact-banner{ background:url(../images/contact-banner.jpg) top no-repeat;}
.brand-banner{ background:url(../images/brand-banner.jpg) top no-repeat;}
/*location*/
.location{ height:60px; line-height:60px; background:url(../images/home.png) left no-repeat; padding-left:25px; font-size:14px; color:#888;}
/*inside-nav*/
.inside-nav{ padding:40px 0;}
.inside-nav a{ padding:0 50px;height:50px; margin:0 10px; line-height:50px; font-size:14px; display:inline-block; background:#f1f1f1; color:#888;}
.inside-nav a:hover{ background:#15ab47; color:#fff;}
.inside-nav .this{ background:#15ab47; color:#fff;}
/*products-nav*/
.products-nav a{ padding:0 20px; margin:10px 0 0 0; height:40px; line-height:40px; display:inherit; float:left;}
/*two-class*/
.two-class{ background:#15ab47; width:100%; height:40px; line-height:40px;}
.two-class a{ margin:0 20px; color:#fff;}
/*about*/
.about{ padding:60px 0;}
.about .pic{ width:250px;}
.about .text{ width:860px;}
.about .text .main p{ font-size:14px; margin-top:15px; color:#666; line-height:30px; text-indent:2em;}
/*brand*/
.brand{ padding:60px 0; font-size:14px; color:#666;}
/*page*/
.page{ padding:20px 0 50px 0;}

.page .num ,.page span,.page li{ background:#f1f1f1; padding:0 15px; height:40px; line-height:40px; text-align:center; color:#666; display:inline-block; margin:0 5px;}
.page .prev ,.page .next{ width:80px;background:#f1f1f1;height:40px; line-height:40px; text-align:center; color:#666; display:inline-block; margin:0 5px;}
.page a:hover,.page li.this a{background:#15ab47; color:#fff;}
.page li.this{background:#15ab47; color:#fff;}
/*news*/
.news{ padding:10px 0 30px 0;}
.news dl{ padding:20px 0; border-bottom:1px #eee solid;}
.news dl dt{ width:180px; float:left;}
.news dl dt img{ width:180px; height:90px;}
.news dl dd{ float:right; width:990px;}
.news h3 ,.news h3 a{ font-size:18px;}
.news .desc{ color:#999; font-size:14px; line-height:30px; margin-top:10px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
/*product-info*/
.product-info{ padding:40px 0;}
.product-info .pic{ width:500px;}
.product-info .pic .big img{ width:500px; height:334px;}
.product-info .pic .small{ margin-left:-6px; margin-top:6px;}
.product-info .pic .small li{ display:inline-block; margin-left:6px; width:156px; border:2px #eee solid;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;}
.product-info .pic .small li:hover{ border:2px #15ab47 solid;}
.product-info .pic .small .this{ border:2px #15ab47 solid;}
.product-info .pic .small img{ width:156px; height:104px;}
.product-info .text{ width:660px;}
.product-info .text p{ border-bottom:1px #ddd dashed; padding:20px 0; font-size:14px; color:#666;}
.product-info .text h1{ font-size:18px; color:#111;border-bottom:1px #ddd dashed; padding:0 0 20px 0;}
/*product-detail*/
.product-detail h3{ background:#f5f5f5; height:46px;}
.product-detail h3 span{ border-left:3px #15ab47 solid; padding-left:12px; font-size:18px; line-height:46px;}
.product-detail .con{ padding:20px 0; font-size:14px; color:#66;}
.product-detail .con p{ line-height:30px; margin-bottom:15px;}
/*display*/
.display{ padding:50px 0 0 0;}
.display h1{ font-size:24px; text-align:center;}
.display .info{ text-align:center; padding:20px 0; border-bottom:1px #ddd dashed; color:#999; text-align:center;}
.display .info .time{ background:url(../images/time_icon.jpg) left no-repeat; padding-left:20px; line-height:24px; height:24px; display:inline-block; font-size:12px;}
.display .info .view{ background:url(../images/view_icon.jpg) left no-repeat; padding-left:28px; margin-left:20px; line-height:24px; height:24px;display:inline-block;font-size:12px;}
.display .display_con{ line-height:30px;  padding:20px 0;border-bottom:1px #ddd dashed;}
.display .display_con p{ margin-bottom:20px;font-size:14px; color:#666;}
.other{ text-align:center; margin:30px 0;}
.other a{ display:inline-block; width:160px; height:40px; line-height:40px; background:#f5f5f5; border:1px #eee solid; border-radius:20px; text-align:center; margin:0 5px; font-size:14px;}
.other .back span{ background:url(../images/back-icon.png) left no-repeat; padding-left:22px;}
.other .close span{ background:url(../images/close-icon.png) left no-repeat; padding-left:22px;}
/*recruit*/
.recruit{ padding:30px 0; }
.recruit .we{font-size:14px;}
.recruit .we p{ line-height:30px; text-indent:2em;}
.recruit-con{ font-size:14px; line-height:30px;}
.recruit-con dl{ border:1px #ddd dashed; padding:0 30px; background:#f5f5f5; margin-top:30px;}
.recruit-con dl dt{ border-bottom:1px #ddd solid; padding:20px 0;font-weight:bold; font-size:18px;}
.recruit-con dl dd{ padding:20px 0;}
/*contact*/
.contact{ padding:30px 0;}
.contact .map ,.contact .text{ width:580px; font-size:14px; line-height:40px; color:#666;}
.contact .text h1{ font-size:18px; color:#111;}
/*factory*/
.factory ul li{ float:left; width:280px; margin-left:26px; margin-bottom:30px; font-size:14px; text-align:center; line-height:36px;}
.factory ul{ margin-left:-26px;}
.factory img{width:280px; height:187px;}
.product-list{ padding-top:30px;}
.submenu ul{ display:none;}