@charset "utf-8";
/* CSS Document */

body,table,div,img,ul,li,p,h1,h2,h3,h4,h5{padding:0px;margin:0px;font-family:"微软雅黑","宋体";vertical-align: middle;}
div{margin:0px auto;font-size:14px;color:#666;}
ul{list-style-type: none;}
input{color:#666;}
.fl{float:left;}
.fr{float:right;}
.clr{clear:both;}
.ct{text-align:center;}
.rt{text-align:right;}
.mt_10{margin-top:10px;}
.mt_5{margin-top:5px;}
.mt_20{margin-top:20px;}
.pt_10{padding-top:10px;}
.pd_5{padding:5px;}
.b{font-weight:bold;}
.txt_12{font-size:12px;color:#999999;}
.txt_16{font-size:16px;font-weight:bold;}


a:link {color:#333;text-decoration:none;}
a:visited {color: #333;text-decoration:none;}
a:hover {color: #cc6600;text-decoration:none;}
a.bai:link {color:#fff;text-decoration:none;}
a.bai:visited {color: #fff;text-decoration:none;}
a.bai:hover {color: #ffff00;text-decoration:none;}


.about-box{width: 1200px;margin-top:50px;margin-bottom: 50px;}
.about-box .content{margin-top:50px;}
.about-box .content .left-box{float:left;width:70%;text-align: center;}
.about-box .content .left-box h2{color:#333;margin-top:30px}
.about-box .content .left-box h5{color:#999;margin-top:5px;margin-bottom: 30px;}
.about-box .content .left-box p{font-size: 16px;padding-top:20px; text-indent: 2rem;}
.about-box .content .right-box{float:left;width:30%}
.about-box .content .history-box{background: url(../images/history_bg.jpg)no-repeat bottom center;min-height: 500px;padding-bottom: 100px;box-sizing: border-box;}
.about-box .content .history-box .list{background: url(../images/icon_line.png)repeat-y left top;margin-left: 200px;}
.about-box .content .history-box .list li{margin-bottom: 30px;background: url(../images/icon_dot.png)no-repeat left top;padding-left:30px;padding-bottom: 30px;}
.about-box .content .history-box .list span{font-size:30px;color:#c40101;font-weight: bold;}
.about-box .content .history-box .list p{margin-top:-5px;}
.about-box .content .honor-box>ul>li{float:left;width:25%;text-align: center;padding:0 20px;box-sizing: border-box;margin-bottom:50px;}
.about-box .content .honor-box p{margin-top:20px;}
.about-box .content .honor-box img{max-width:234px;max-height:163px;}
.about-box .content .honor-img{max-width:800px;}
.about-box .content .honor-img img{width: 100%;}
.about-box .content .honor-txt{font-size: 24px;margin-top:20px;margin-bottom: 100px;font-weight: bold;color:#333}
.about-box .content .culture-box{text-align: center;font-size: 16px;line-height: 30px;}
.about-box .content .culture-box h2{color:#333}
.about-box .content .culture-box .line{border-bottom: 3px solid #333;width: 50px;padding:10px 0;margin-bottom: 50px;}

.bottom-box{width:100%;margin-top:50px}
.bottom-box .sm-box{width: 1200px;}
.bottom-box .sm-box li{float: left;box-sizing: border-box;width: 21%;}
.bottom-box .sm-box li:first-child{width: 25%;margin-right:4%}
.bottom-box .sm-box li:last-child{float:right;}
.bottom-box .sm-box li:nth-child(2){width: 21%;margin-right:4%}
.bottom-box .sm-box .icon{float:left;margin-right:10px;padding-top:2px;}
.bottom-box .sm-box .title{color:#333;font-size: 16px;text-align: left;}
.bottom-box .sm-box .txt{color:#999;font-size: 12px;text-align: left;}
.bottom-box .copyright-box{margin-top:50px;border-top:1px solid #ccc}
.bottom-box .copyright-box .wd-box{width:1200px;margin-bottom:30px;}
.copyright-lf{float:left;width: 62%;margin-top:50px;}
.copyright-rt{float:left;width: 38%;margin-top:30px;}
.bottom-box .menu-txt{float: left;margin-left: 20px;padding-left:20px;border-left:1px solid #ddd}
.bottom-box .menu-txt li{float:left;margin-right:20px;font-size: 14px;color:#333;font-weight: bold;}
.bottom-box .menu-txt p{margin-top:15px}
.copyright-rt .ewm-box p{text-align: center;}
.copyright-rt .contact-box{float:left;margin-left:10px;}
.copyright-rt .contact-box .title{font-size: 16px;font-weight: bold;padding-top:5px;color:#333;margin-bottom: 10px;}
.copyright-rt .contact-box .content{text-align: left;}
.copyright-rt .contact-box .content p{padding:3px 0}

.contact{margin-top:50px;width: 1200px;}
.contact li{float:left;width:33.3%;text-align: center;}
.contact p{padding: 20px 0; font-size: 18px;}

.content-box{margin-top:50px;width: 1200px;text-align: center;}
.content-box img{transition: transform 0.5s ease;}
.content-box img:hover{transform: scale(1.1);}
.content-box .title-box{text-align: center;margin-bottom:50px}
.content-box h1{font-size:30px;color: #231815;}
.content-box h5{text-align: center;color:#999;font-size: 16px;font-weight: normal;}
.product-lf{float:left;width:836px;overflow: hidden;}
.product-rt{float:right;width: 348px;overflow: hidden;}
.product-rt .mt-10{margin-top:15px;}
.product-class{margin-top:15px}
.product-class li{float:left;text-align: center;position: relative;width:228px;overflow: hidden;margin-right:15px;}

.product-class .txt{position: absolute;width:228px;text-align: center;bottom:20px;margin-left:0;color:#7e6141;font-size: 16px;}
.news-box li{float:left;text-align: center;width: 277px;}
.news-box li img{margin-bottom: 20px;}
.news-box li:not(:first-child){margin-left:30px;}
.news-box p{margin-left: 0;padding:3px 0}
.company-box{margin-top:50px;background: url(../images/img_company.jpg)no-repeat center;height: 543px;padding:50px 0}
.company-box .txt-box{width:1100px;background-color:rgba(255,255,255,0.7);padding:80px 50px;text-align: center;}
.company-box .title-box{text-align: center;margin-bottom:50px}
.company-box h1{font-size:30px;color: #231815;}
.company-box h5{text-align: center;color:#999;font-size: 16px;font-weight: normal;}
.company-box .line{border-top:5px solid #231815;width:50px;margin-bottom: 50px;}
.company-box p{margin-bottom: 20px;font-size: 16px;color:#333}
.company-box .more-btn{background: #231815;color:#fff;padding:5px;width:100px;margin-top: 50px;}

.news-box{width: 1200px;margin-top:20px}
.news-box>ul>li{padding: 30px 0;border-bottom: 1px solid #eee;}
.news-box .img{float:left;width:15%;text-align: center;}
.news-box .img img{width:145px;height:100px;border-radius: 5px;}
.news-box .txt{float:left;width:70%;}
.news-box .txt p{padding:5px 0}
.news-box .btn{float:left;width:15%;text-align: center;}
.news-box .btn .detail-btn{background: #7e6141;padding:5px 15px;color:#fff;border-radius:20px;float:right;margin-top:30px}
.news-box h2{text-align: center;color:#333}
.news-box .datetime{text-align: center;padding:20px 0;border-bottom: 1px solid #eee;}
.news-box .content{margin-top:30px;font-size: 16px;text-align: center;}
.news-box .content p{padding:15px 0;text-indent: 2em;line-height:30px;text-align: left;}
.news-box .content img{text-indent: 0;text-align: center;padding:15px 0;margin:0px auto;}

.jogger{width:100%;text-align: center;margin:40px 0;} 
.jogger>ul{margin:0px auto;display: inline-block;}
.jogger>ul>li{float:left;text-align: center;box-sizing: border-box;margin-bottom:50px;padding:0 3px}
DIV.jogger A { 
PADDING-RIGHT: 1em; PADDING-LEFT: 1em; PADDING-BOTTOM: 0.6em;
 MARGIN: 2px;  PADDING-TOP: 0.6em; 
BACKGROUND-COLOR: #e8e8e8; TEXT-DECORATION: none 
} 
DIV.jogger A:hover { 
PADDING-RIGHT: 1em; PADDING-LEFT: 1em; PADDING-BOTTOM: 0.6em;
 MARGIN: 2px; COLOR: #fff; PADDING-TOP: 0.6em; BACKGROUND-COLOR: #c40101 
} 
DIV.jogger A:active { 
PADDING-RIGHT: 1em; PADDING-LEFT: 1em; PADDING-BOTTOM: 0.6em;
 MARGIN: 2px; COLOR: #fff; PADDING-TOP: 0.6em; BACKGROUND-COLOR: #c40101 
} 
DIV.jogger .active SPAN { 
PADDING-RIGHT:1em; PADDING-LEFT: 1em; PADDING-BOTTOM: 0.6em;
 MARGIN: 2px; COLOR: #fff; PADDING-TOP: 0.6em; BACKGROUND-COLOR: #c40101
} 
DIV.jogger .disabled span{ 
PADDING-RIGHT: 1em; PADDING-LEFT: 1em; PADDING-BOTTOM: 0.6em;
 MARGIN: 2px;  PADDING-TOP: 0.6em; 
BACKGROUND-COLOR: #e8e8e8; TEXT-DECORATION: none 
} 

.production-box{background: url(../images/production_bg.jpg)no-repeat bottom center;min-height: 1000px;}
.production-box .content-box{width: 1200px;}
.production-box .content-box .right-box{width: 550px;float: right;line-height: 24px;text-indent: 2em;}
.production-box .content-box .right-box h4{padding:20px 0;color:#333;font-size: 18px;}

.product-box{margin-top:50px;width:1200px}
.product-box .menu-box{float:left;width:240px;border:1px solid #eee;box-sizing: border-box;border-radius: 5px;padding-bottom: 20px;}
.product-box .menu-box h2{text-align: center;color:#333;padding:20px 0}
.product-box .menu-box li{padding:10px 30px;}
.product-box .menu-box li:hover{background: #7e6141;color:#fff;cursor: pointer;}
.product-box .menu-box li:hover a{color:#fff}
.product-box .menu-box .current{background: #7e6141;color:#fff}
.product-box .menu-box .current a{color: #fff}
.product-box .list-box{float: right;width:900px;}
.product-box .list-box .title{text-align: center;font-size: 24px;font-weight: bold;color:#333;width: 200px;background: url(../images/title_line.png)repeat-x center;}
.product-box .list-box .title span{background: #fff;padding:0 20px;}
.product-box .list-box .content>ul>li{float:left;width:280px;margin-right:30px;margin-top:50px;overflow: hidden;}
.product-box .list-box .content>ul>li:nth-child(3n+3){margin-right:0}
.product-box .list-box .content>ul>li img{width: 280px;height: 280px; transition: transform 0.5s ease; }
.product-box .list-box .content>ul>li img:hover{transform: scale(1.1);}
.product-box .list-box .content>ul>li p{padding:20px 0;text-align: center;}
.product-box .left-img{width:580px;float:left;}
.product-box .right-txt{float:right;width:550px;}
.product-box .right-txt h2{color:#333}
.product-box .right-txt .price{font-size:48px;color:#333;margin-top:20px;}
.product-box .right-txt .miaoshu{padding-top:10px;line-height: 24px;border-bottom: 1px solid #eee;padding-bottom: 20px;}
.product-box .right-txt .guige{margin-top:20px;}
.product-box .right-txt .guige h3{margin-bottom: 20px;}
.product-box .right-txt .guige li{float:left;width: 50%;padding:15px 20px 15px 0;box-sizing: border-box;}
.product-box .product-detail{margin-top:50px;}
.product-box .product-detail .title{border-bottom: 1px solid #eee;}
.product-box .product-detail .title .txt{font-size: 20px;color:#333;border-bottom: 2px solid #333;display: inline-block;padding:10px 0}
.product-box .product-detail .content{line-height:24px;margin-top:30px;text-align: center;}
.product-box .product-detail .content p{text-align: left;}
.product-box .product-detail .content img{max-width:1000px;margin:0 auto;}
#large-image-container {float:left;width: 460px; height: 460px;box-sizing: border-box;border:1px solid #eee}
#large-image-container img{width:458px;height:458px;}
#small-images{margin-right:20px;float:left;}
#small-images li{width:100px;height:100px;margin-bottom:20px;cursor: pointer;border:1px solid #eee;box-sizing: border-box;}
#small-images li:last-child{margin-bottom:0;}
#small-images li img{width: 98px;height:98px;}

.slider {width:1200px;ZOOM: 1; POSITION: relative}
.slider .LeftBotton {background: url(../images/left.png) no-repeat 0px 0px; FLOAT: left; WIDTH: 61px; CURSOR: pointer; POSITION: absolute; top:100px; HEIGHT: 61px;z-index: 999;}
.slider .RightBotton {right:0;background: url(../images/right.png) no-repeat 0px; FLOAT: right; WIDTH: 61px; CURSOR: pointer; POSITION: absolute; top:100px; HEIGHT: 61px;z-index: 999;}
.slider .Cont {	margin: 0px auto; overflow: hidden; width: 1200px; PADDING-TOP: 5px}

.top-box{width:100%;margin-top:12px}
.top-box .wd-box{width:1200px;}
.top-box .wd-box .logo{float:left;}
.top-box .wd-box .right-box{float: right;margin-top:20px;}
.top-box .wd-box .search-box{float:left;border:1px solid #231815;border-radius: 200px;}
.top-box .wd-box .search-box .input-box{float:left;width:200px;padding:2px 10px;}
.top-box .wd-box .search-box input{border: none;outline:none;}
.top-box .wd-box .search-box input::placeholder{color:#ccc}
.top-box .wd-box .search-box .btn-box{float:right;padding:0 10px 3px 10px;background: #231815;border-top-right-radius: 200px;border-bottom-right-radius: 200px;}
.top-box .wd-box .search-box .btn-box button{border:none;background: transparent;cursor:pointer;outline: none;}
.top-box .wd-box .sc-box{float:left;margin-left:10px;border-radius: 200px;padding:4px 15px;color:#fff;background: #231815;font-size:12px;}
.top-box .wd-box .lan-box{float:left;border:1px solid #231815;border-radius: 200px;padding:2px 5px;margin-left:10px;}
.top-box .wd-box .lan-box img{margin:0;padding:0}
.top-box .wd-box .lan-box select{border: none;outline: none;cursor: pointer;}
.top-box .menu-box{width: 100%;background: #7e6141;margin-top:12px}
.top-box .menu-box .sub-box{width: 1200px;color:#fff}
.top-box .menu-box .sub-box li{float:left;margin:0 30px;position: relative;padding:7px 0;}
.top-box .menu-box .sub-box a.a1:link{color:#fff;text-decoration:none;}
.top-box .menu-box .sub-box a.a1:visited{color:#fff;text-decoration:none;}
.top-box .menu-box .sub-box a.a1:hover {color:#ff0;text-decoration:none;}
.dropdown-menu{background: #fff;padding:20px;position:absolute;z-index: 999;width:100px;color:#333;display: none; top:33px;box-shadow: 5px 5px 10px rgba(126, 97, 65, 0.2);}
.dropdown-menu a:link{color:#333;}
.dropdown-menu a:visited{color:#333}
.dropdown-menu a:hover{color:#cc6600}
.dropdown-toggle{padding:7px 0}
.dropdown-toggle:hover+.dropdown-menu,.dropdown-menu:hover{display: block;}
.top-box .menu-box .sub-box ul>li>ul>li{width: 100px;text-align: center;padding:10px 0;border-bottom: 1px solid #eee;margin:0}
.top-box .menu-box .sub-box ul>li>ul>li:last-child{border-bottom: 0;}