/* about */
.place{ height:30px; line-height:25px; color:#999}
.place a{color:#999!important}
.place a:hover{ color:#903!important}
.menu-inner{line-height:40px; margin-bottom:20px}
.menu-inner ul{ text-align:center}
.menu-inner ul li{display:inline-block;}
.menu-inner ul li a{ display:inline-block; float:left; padding:0 40px;background:#ccc; color:#fff; font-size:15px}
.menu-inner ul li a:hover,.menu-sty a{background:#A38862 !important}
.about{ line-height:25px; padding-bottom:20px; overflow:hidden}
.about p,.about img{ display:block;margin:5px 0 10px;}
.about img{margin-right:15px;float:left}
.about h3{ display:inline-block; margin-bottom:10px; border-bottom:2px solid #A7916C; padding-bottom:2px;color:#A7916C; font-size:18px}
.aimg{ width:100%; overflow:hidden}
/* advantage */
.advan-b{ margin-bottom:50px; overflow:hidden}

/* products */
.promenu-inner{ width:90%}
.products{overflow:hidden;margin:30px 0}
.ptilte{ line-height:20px; margin:0 20px; border-bottom:1px solid #ccc; padding:5px 0;}
.products ul,.products ul li,.products ul li a,.products ul img,.products ul span,.products ul h4,.products ul p{ display:block}
.products ul li{width:20%; height:310px; overflow:hidden;float:left; margin:3% 2.4%; text-align:center; position:relative}
.Watermark{ display:block; width:100%; height:80%; background:url(../images/casestyle.png) no-repeat top center; top:0; left:0; z-index:99; position:absolute; background-size:cover}
.products ul li a{ width:auto;}
.products ul li img{height: 227px; width:100%; opacity:1; margin:0 auto;}
.products ul li a:hover img{ opacity:0.8}
.products ul li a{ color:#333 !important}
.products ul li a:hover{ color:#963 !important}
.products ul h4{ font-size:16px; margin-top:15px;}
.products ul h4{ height:46px; overflow:hidden;}
.page{ height:40px; margin:30px auto; float:right}
.page span,.page a{ display:block; text-align:center; float:left; margin:0 8px; padding:3px 5px; border:1px solid #fff}
.page a{ color:#000 !important}
.page a:hover{ color:#900 !important; border:1px solid #ccc}

/* products-1 */
.pro-cont{ margin-top:20px}
.pro-cont img,.pro-cont p{ display:block;}
.pro-img{ margin-right:40px; width:50%; float:left}
.pro-img img{ width:100%}
.pro-txt{ width:46%; float:left}
.pro-txt p{ line-height:30px; font-size:15px;margin-bottom:10px}

/* news */
.news{ line-height:22px}
.news ul,.news ul li,.news ul img,.news ul span, .news ul a,.news ul p{ display:block}
.news ul img,.news ul span{ float:left}
.news ul li{ height:150px; border-bottom:1px dotted #999; margin-top:30px; padding-bottom:30px; overflow:hidden}
.news ul img{ margin-right:30px; width:20%}
.news ul span{ width:76%}
.news ul a{ font-size:17px; color:#333;}
.news ul a:hover{ color:#963}
.news ul p{ height:48px; overflow:hidden; margin-top:10px}
.more{ width:100px; text-align:center; margin-top:30px; background:#A68D65; color:#fff!important; font-size:12px !important}
.more:hover{ background:#960}

/* news-1*/
.titnews{ height:auto;text-align:center; margin-bottom:20px}
.titnews h3{ font-size:20px; border-bottom:1px solid #ccc ; padding-bottom:6px;line-height:30px; }
.titnews p{ line-height:25px; color:#999;}
.newstext p,.newstext  img{ display:block; margin-top:15px; line-height:25px; }


/* contact */
.contact{ float:left; width:100%; margin:30px 0; padding-bottom:30px; background:url(../images/contactbj.png) no-repeat right top -10px}
.contact p{ font-size:16px}
.map{ float:left; width:100%; padding-bottom:30px}
.mapif{ width:100%; height:380px}

/* qualified */
.qualified,.qualified img{ width:100%}
.quatitle{line-height:40px;}
.quatitle h2{ font-size:24px; color:#900}
.quacont{ margin-bottom:30px}
/*.quacont ul{ margin:30px auto 0; overflow:hidden}*/
.quacont ul,.quacont ul li,.quacont ul li h3{display:block; }
.quacont ul li{ margin-top:20px; overflow:hidden;height:auto;}
.quacont ul li h3{ background:#eee; line-height:40px; font-size:18px; padding-left:20px; margin-bottom:20px}
.qualeft,.quacnet,.quaright{ float:left; margin-right:3%}
.qualeft{width:38%; }
.quacnet{width:14%; margin-top:7% }
.quaright{width:38%; }
.qualeft span,.quaright span{ display:block; font-size:18px; text-align:center; height:80px; overflow:hidden; line-height:25px; margin-top:10px}
.qualeft img,.quaright img,.quacnet img{ width:100%; height:100%}
.quacnet{ }
.quaright{ float:right !important; margin-left:3%; margin-right:0 !important}
.qualeft span{ color:#00b050}
.quaright span{ color:#900}

/* guarantee */
.guarantee{ width:100%; overflow:hidden}
.guaraitem{ width:49%;height:auto; float:left;}
.guaraitem h3,.guaraitem span,.guaraitem inptu{ display:block}
.guaraitem h3{ font-size:16px; text-align:center; line-height:50px; height:50px; overflow:hidden; border:1px solid #ccc}
.guaraitem span,.guaraitem inptu{ float:left}
.guaraitem span{ width:35%; text-align:right; border-right:1px solid #ccc; padding-right:10px}
.guaraitem input{width:45%; height:25px; margin:12px 0 13px 10px;line-height:25px}
.guainput{ height:50px; line-height:50px;border:1px solid #ccc; border-top:none}
.button{ width:100%;padding:20px 0;float:left; text-align:center}
.button input{ display:inline-block; border:none; background:#C93; padding:5px 15px; color:#fff; cursor:pointer}
.button input:hover{ background:#963;}