.box1200{ width:1024px;}
.header .search{ margin-left:200px;}
/*product-list*/
.product-list ul li{ float:left; width:224px; margin-left:26px; margin-bottom:30px;}
.product-list ul{ margin-left:0;}
.product-list .img{ width:224px; height:149px; overflow:hidden;}
.product-list .img img{width:224px; height:149px;}
.product-list .img .view{ background:url(../images/product-view-icon.png) no-repeat; width:40px; height:40px; left:120px; top:-73px;-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-list .text{ padding:24px 0; border-bottom:1px #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-list .text .title{ font-size:14px; margin-bottom:5px;}
.product-list .text .model{ color:#999;}
.product-list .text .arrow{ position:absolute; background:url(../images/p-arrow.png) no-repeat; width:36px; height:36px; right:0; top:25px;}
.product-list a:hover .img .view{ top:73px;}
.product-list a:hover .text{ background:#15ab47; border-bottom:1px #15ab47 solid;}
.product-list a:hover .text .title{ color:#fff;margin-left:20px;}
.product-list a:hover .text .model{ color:#fff;margin-left:20px;}
.product-list a:hover .text .arrow{ background:url(../images/p-arrow-hover.png) no-repeat; right:20px;}
/*factory*/
.factory ul li{ float:left; width:224px; margin-left:26px; margin-bottom:30px; font-size:14px; text-align:center; line-height:36px;}
.factory ul{ margin-left:0;}
.factory img{width:224px; height:149px;}

.index-title{ padding:45px 20px;}
.nav{ padding:0 20px;}
.index-contact{ padding:0 20px;}
.contact{ padding:30px 20px;}
.recruit{ padding:30px 20px; }

/*index-news*/
.index-news{ padding:0 20px;}
.index-news .left{ width:480px;}
.index-news .left a{ display:block;}
.index-news .left img{ width:480px; height:199px;}
.index-news .left dl dd{ background:#f6f6f6; padding:30px; height:132px; overflow:hidden;}
.index-news .left .title{font-size:14px;}
.index-news .left .desc{ color:#999; line-height:30px; margin-top:10px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;-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;}
.index-news .left a:hover .desc{ color:#444;}
.index-news .right{ width:480px; margin-top:-10px;}
.index-news .right dl a{ display:block; background:#f6f6f6; padding:10px; height:70px;-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;}
.index-news .right dl a:hover{ background:#15ab47; color:#fff;}
.index-news .right img{ width:140px; height:70px;}
.index-news .right dl{ margin-top:10px;}
.index-news .right dl dd{ width:305px;}
.index-news .right .title{ font-size:14px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.index-news .right .desc{ color:#999; line-height:24px; margin-top:5px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-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;}
.index-news .right a:hover .desc{ color:#fff;}
/*index-form*/
.index-form{ padding:60px 20px;}
.index-form .left ,.index-form .right{ width:480px;}
.index-form .text{ width:96%; border:1px #ddd solid; padding:0 2%; height:40px; line-height:40px; margin-bottom:15px;}
.index-form .textarea{ width:96%;border:1px #ddd solid; padding:0 2%; line-height:40px; height:154px;}
.index-form .submit{ width:100%; height:50px; line-height:50px; text-align:center; font-size:14px; color:#fff; background:#15ab47; border:none; cursor:pointer;-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;}
.index-form .submit:hover{ background:#e7c092;}
/*inside-banner*/
.inside-banner{ width:100%; height:149px;}
.about-banner{ background:url(../images/inside-about.jpg) top no-repeat; background-size:100%;}
.product-banner{ background:url(../images/inside-product.jpg) top no-repeat; background-size:100%;}
.news-banner{ background:url(../images/inside-about.jpg) top no-repeat; background-size:100%;}
/*news*/
.news{ padding:0 20px 30px 20px;}
.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:790px;}
.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;}
/*about*/
.about{ padding:60px 20px;}
.about .pic{ width:150px; display:none;}
.about .pic img{ width:100%;}
.about .text{ width:100%;}
.about .text .main p{ font-size:14px; margin-top:15px; color:#666; line-height:30px; text-indent:2em;}
/*contact*/
.contact{ padding:30px 20px;}
.contact .map ,.contact .text{ width:100%; font-size:14px; line-height:40px; color:#666;}
.contact .text h1{ font-size:18px; color:#111;}