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

/* reset */
body,h1,h2,h3,h4,h5,p,dl,dd,ul,ol,form,input,textarea,th,td,select { margin:0; padding:0; }
em { font-style:normal; }
li { list-style:none; }
a { text-decoration:none; color: #333;}
a:focus { outline: none; }
img { border:none; vertical-align:top; }
table { border-collapse:collapse; }
input,textarea { outline:none; background: none; border: none; }
textarea { resize:none; overflow:auto; }
body { font-size:12px; font-family:"微软雅黑"; }
/* end reset */

/* public */
.clear { zoom:1; }
.clear:after { content:''; display:block; clear:both; }
.fl { float:left; }
.fr { float:right; }
.font16{ font-size: 14px;}
.font12{ font-size: 12px;}
.center{ text-align: center;}
.wd1200{width: 1200px; margin: 0 auto;}
.wd1196{width: 1196px; margin: 0 auto;}

.header{ height: 110px;}




.language a{ font-size: 12px; color: #8b8b8b; padding-top: 47px; display: inline-block;}

.banner {position: relative; min-width: 1200px;height: 555px;}
.banner img{width:100%; height: 555px;}
.change li{ position: absolute; top:0; left:0; }
.bd{ left:50%; width:20%; text-align: center; margin: 0 auto; position: absolute; bottom: 30px; z-index: 999;}
.bd li{ width: 12px; height: 12px; background-color:rgb(204, 204, 204); margin-right: 4px; float: left}
.bd ol .on{ background-color:rgb(51, 51, 51)}



.hotwordsbg{background:#f6f6f6; min-width: 1200px;height: 103px;}
.hotwords{ padding:30px 44px 0 50px;}
.hotwords a{ color: #b15d19; font-size: 14px; display: inline-block; padding-left: 6px; border-left: 1px solid #b15d19;  text-align: center; height: 18px; margin-top: 10px;}
.hotwords strong{color: #b15d19; font-size: 14px; }

.search{ margin: 30px 33px 0 0; width: 376px; }
.search{ background: url(../images/searchbg.png) no-repeat;position: relative; }
.search .txt{ text-indent: 30px; color: #b15d19; font-size: 14px; width: 323px; height: 40px; line-height: 42px;}
.search .btn{position: absolute; width: 46px; height: 37px; background: url(../images/searchbg1.png) 0 0 no-repeat; top: 2px; right: 6px; }

.lead{ margin: 30px auto}

.lead ul { border-radius: 10px 10px 0 0; border: 1px solid #925a26; height: 48px; overflow: hidden;}
.lead ul li{ float: left; font-size: 20px; font-family:"微软雅黑" color: #342e2c; width: 198px; height: 48px; line-height: 48px; text-align: center; border-left: 1px solid #925a26; background: url(../images/menu.png) no-repeat 0 -28px;}
.lead ul .active{ background-position: 0 -72px;color: #fff;}
.lead ul li:hover{ background-position: 0 -72px; color: #fff;}
.lead .top{border-radius: 10px 0 0 0;}
.lead .last{border-radius: 0 10px 0 0;}

.content{ padding-top: 18px; padding-bottom: 28px;}
.content img{ padding: 1px; }
.content .left { width: 310px; border: 1px solid #9e5e41; padding-bottom: 36px;}
.content .right{ width: 880px;}
.content .left img{ width: 307px; height: 362px;}
.content .left:hover h3{ text-decoration: underline;}
.content .right img{ width: 270px; height: 180px;}
.content .left h3, .content .left p{ padding-left: 13px; color:#9e5e41; }
.content .left h3{ padding-top: 34px;font-size: 16px; line-height: 14px; }
.content .left p{font-size: 12px;padding-top: 12px; line-height: 12px; }
.pic_section{ float: left; margin-left: 19px;border: 1px solid #9e5e41; margin-bottom: 13px; height: 230px; }
.pic_section h4{ color: #9e5e41; text-align: center; padding-top: 16px; }
.pic_section:hover{color: #9e5e41; background: #ececec;}
.content .more{  color: #9e5e41;  clear:both;display: block; margin: 0 auto; width: 253px; height: 52px; text-align: center; line-height: 52px; font-size: 16px; border: 1px solid #9e5e41; border-radius: 10px 10px 0 0; }
.content .more:hover em{ border-bottom: 1px solid #b68670;}

.greybg{ background: #493b33; min-width: 1200px;}
.case{ padding: 48px 170px 51px 170px; width: 877px; margin: 0 auto;}
.case h1{height: 72px; padding-bottom: 20px; text-align: center; }
.case_pic{ width: 258px; display: inline-block; *display:inline;  *float: left; margin-right: 47px; }
.no{ margin-right: 0}
.case_pic img{width: 246px; height: 324px; padding: 6px; background-color: #fff;}

.case_pic .explain{ margin:35px auto 20px;  text-align: center; font-size: 16px; width: 157px; height: 44px; background: url(../images/menu.png) no-repeat 0 -120px; }
.case_pic .explain p{line-height: 44px; color: #493b33;}
.case_pic p{ line-height: 22px; font-size: 12px; color: #fff;}


.about_news{ padding-top: 47px;}
.top_section{ height: 38px; border-bottom: 1px solid #5c3913; padding-left: 3px; position: relative; margin-bottom: 20px;}
.top_section h2{ padding-left: 20px; border-left: 3px solid #5c3913; height: 36px; line-height: 36px;}
.top_section h2,.top_section a{ font-size: 24px; color: #5c3913;}
.top_section a{background: url(../images/more.png) no-repeat 0 0; width: 110px; height: 28px; line-height: 28px; display: block; position: absolute; right: 8px; top: 0; text-align: center; }

.w640{ width: 637px;}
.wd475{ width: 475px;}
.about_news_bg {min-width: 1200px; background: #ececec; padding-bottom: 30px;}
.left{ width: 662px;}
.about_content img{ width: 349px; height: 238px; border: 1px solid #5c3913;}
.about_content p{ color: #4f4e4d; line-height: 27px; width: 285px;}

.casecontent li{ width: 462px; height: 26px; border-bottom: 1px dashed #4f4e4d; color: #646362; font-size: 12px; position: relative; margin-bottom: 18px; }
.casecontent ul { padding-left: 5px; width: 475px;}
.casecontent ul li strong{ padding-left: 10px; display: block; position: absolute; top: 0; left: 19px; background: url(../images/newsico.png) no-repeat left 9px; color: #4f4e4d; }
.casecontent ul li span{ display: block; position: absolute; top: 0; right: 32px; }
.casecontent ul .active strong{ color: #824a12;}
.casecontent ul li strong:hover{color: #824a12;}

.wd1150{ width: 1150px; margin: 0 auto; *margin-top: 20px; background: #e4e4e4;}

.ecbg{ background: #ececec; padding-bottom: 84px; min-width: 1200px;}
.factoryview_content{ position: relative; }
.factoryview_content a{ display: block; width: 39px; height: 25px; background: url(../images/arrow.png); position: absolute; cursor: default;}
.factoryview_content h2{background: url(../images/factory.png) no-repeat; width: 1150px; height: 50px; text-align: center; font-size: 20px; color: #000000; line-height: 50px; font-weight: normal; }
#pre{ left: 36px; top:151px; }
#next{ background-position: 0 25px; right: 36px; top:151px;}
.wrap{ position: relative; width:940px; overflow: hidden; margin-left: 107px; margin-top: 27px;}
.wrap ul{left:0;height: 202px; position: relative;overflow: hidden;}
.wrap ul li{ float: left; padding-right: 5px; width: 230px; height: 202px; position: relative;}
.wrap ul li p{ padding-top: 10px; width: 226px; height: 33px; text-align: center; font-size: 12px; color: #5e4b42; position: absolute; bottom: 0;}
.wrap ul li img{ width: 223px; height: 161px; border:1px solid #fff;}

.brownbg{ background: #341a0b; min-width: 1200px; }
.footer{ padding-top: 56px; height: 384px; }
.footersection{ border-right: 1px solid #fff; width: 214px; height: 317px; }
.footersection h2{ border-bottom: 1px solid #fff; width: 185px; margin: 0 auto; text-align: center; color: #fff; font-size: 16px; padding-bottom: 14px; margin-bottom: 13px;}
.footersection ul {margin-bottom: 69px; text-align: center  }
.footersection ul li{ text-align: center; margin-bottom: 20px; }
.footersection ul li a{ color: #fff; }
.footersection ul .active a{ border-bottom: 1px solid #fff;}
.footersection ul li a:hover{border-bottom: 1px solid #fff;}

.wd227{ width: 277px;}
.wd227 h2{ width: 250px !important;}
.wd227 li{ text-align: left !important; width: 213px !important; margin-top: 10px; padding-left: 40px;}

.rightsection { text-align: center; width: 277px;}
.rightsection h2{ padding-left: 20px; text-align: left; color: #fff;}
.rightsection img{padding: 28px 0 18px 0; }
.rightsection p{  width: 213px; margin: 0 auto; color: #fff;}

.black{ background: #000; min-width: 1200px;}

.suopport{ text-align: center; color: #fff; height: 40px;}
.suopport p , .suopport a{ font-size: 12px; color: #ffffff; line-height: 40px;}


.main-im{position:fixed;right:10px;top:30%;z-index:100;width:110px;height:272px;}
.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(../images/qq-icon-bg.png) no-repeat center 8px;}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}
.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:none;}
.main-im .im_main .im-tel{color:#000000;text-align:center;width:109px;height:105px;border-bottom:1px solid #dddddd;}
.main-im .im_main .im-tel div{font-weight:bold;font-size:12px;margin-top:6px;}
.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;}
.main-im .im_main .im-tel:hover{background:#fafafa;}
.main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show{width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-126px;}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:132px;position:absolute;}
.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;}
.main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(../images/toTop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a{display:block;width:52px;height:47px;}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background:url(../images/close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background:url(../images/open_im.png) no-repeat left top;}