@charset "utf-8";

body,td,th,input,textarea,select{font-family:Arial, Tahoma; font-size:12px; color:#777177; outline:none;}
html,body{min-width:1140px;}
html,body,form{margin:0;}
img{border:0px none; vertical-align:middle; outline:none;}
ul,dl{display:block; margin:0; padding:0;}
dd{margin:0; padding:0;}
li{list-style:none;}
p{display:block; margin:0; padding:0;}
a{text-decoration:none; color:#777177; outline:none;}
a:hover{color:#a15109;}
.wrap{width:1180px; margin:auto;}
.wrap:after{content:''; display:block; height:0; font-size:0; overflow:hidden; clear:both; float:none;}
.searHeight{font-style:normal; color:#fb2846;}
.white{color:#fff !important;}
.light{font-family:'Microsoft YaHei Light';}
.clear{display:block; margin:0; padding:0; clear:both; float:none; min-height:30px;}
h1{display:block; font-size:26px !important; font-weight:normal; padding:0; margin:0;}
h2{display:block; font-size:24px !important; font-weight:normal; padding:0; margin:0;}

#head{height:186px; z-index:999; position:fixed; width:100%; top:0; background:#fff; overflow:hidden; transition:all .35s;}
#head.small{top:-128px;}
#head.shadow{box-shadow:0 5px 16px rgba(0,0,0,.1);}
#logo{padding:30px 0 0 0; text-align:center;}
#adtxt{text-align:center;}
#menu-wrap{margin:18px 0 0 0; height:58px;}

#menu{width:1030px; height:58px; float:left;}
#menu>li{float:left;}
#menu>li>a{display:block; font-size:15px; color:#464646; line-height:58px; padding:0 35px; position:relative; transition:color .3s;}
#menu>li>a:after{content:''; display:block; width:0; position:absolute; height:3px; left:50%; bottom:0; background:#a15109; transition:all .35s;}
#menu>li>a:hover,#menu>li.A>a{color:#a15109;}
#menu>li>a:hover:after,#menu>li.A>a:after{width:100%; left:0;}

#menu-r{width:89px; height:58px; float:right; position:relative;}
#menu-r>a{float:left; transition:background .3s, border-radius .08s;}
#menu-r>a.lan{display:block; width:42px; height:30px; font-family:'Microsoft YaHei'; background:#f8b605; border-radius:5px; color:#fff; text-align:center; line-height:30px; font-size:13px; margin:13px 0 0 0;}
#menu-r>a.search{display:block; width:42px; height:30px; background:url('img/search.png') no-repeat center center; background-color:#999; border-radius:5px; color:#fff; margin:13px 0 0 5px;}
#menu-r>a.search.A{background-color:#a15109; border-radius:0px 5px 5px 0;}
#menu-r>a.lan:hover{background:#a15109;}
#menu-r>a.search:hover{background-color:#a15109;}
#search-wrap{width:0px; height:30px; overflow:hidden; background:#a15109; position:absolute; right:42px; top:13px; border-radius:5px 0 0 5px;}
#k{width:200px; color:#fff; font-size:13px; box-sizing:border-box; padding:7px 8px; border:0px none; background:#a15109; border-radius:5px 0 0 5px;}
#k::-webkit-input-placeholder{color:rgba(255,255,255,.6);}

#banner{width:100%; height:620px; position:relative; margin:186px 0 0 0; background:#eee; overflow:hidden;}
#banner .block{width:100%; height:100%; position:absolute; z-index:1;}
#banner .block>a{display:block; width:100%; height:100%; cursor:default; background-repeat:no-repeat; background-position:center center;}
#banner-pager{position:absolute; z-index:2; text-align:center; width:100%; height:70px; left:0; bottom:0;}
#banner-pager a{width:13px; height:13px; display:inline-block; background:#fff;	border-radius:100%;	margin:0 7px; font-size:0; transition:all ease 0.35s; position:relative; z-index:2;}
#banner-pager a:hover{filter:alpha(opacity=80); opacity:.8;}
#banner-pager a.activeSlide{background:#f8b605;}

#m1{height:620px;}
.wrap>.title{padding:70px 0 0 0; text-align:center; color:#a15109; font-size:32px;}
.wrap>.title-sub{padding:18px 0 30px 0; text-align:center; color:#999; font-size:13px; background:url('img/title-line.png') no-repeat center bottom;}
.m1-text>p{padding:80px 0 0 0; line-height:230%; font-size:14px;}
.m1-text>img{float:right; margin:45px 0 0 55px;}
#m1 .more{display:block; width:130px; height:35px; border:2px solid #a15109; color:#a15109; font-size:14px; text-align:center; line-height:33px; border-radius:5px; margin:30px 0 0 0; transition:all .3s;}
#m1 .more:hover{background:#a15109; color:#fff;}

#m2{height:780px; background:url('img/m2.jpg') no-repeat center center;}
#m2>.title{padding:70px 0 0 0; text-align:center; color:#f8b605; font-size:32px;}
#m2>.title-sub{padding:18px 0 30px 0; text-align:center; color:rgba(255,255,255,.5); font-size:13px; background:url('img/title-line2.png') no-repeat center bottom;}
#m2>.block{padding:56px 0 0 0; height:436px; overflow:hidden;}
#m2>.block>div{width:1140px; padding-left:22px; height:486px; margin:auto;}
#m2>.block>div>a{display:block; width:380px; height:100%; float:left;}
#m2>.block>div>a span{display:block; width:100%; height:320px;}
#m2>.block>div>a .img{width:335px; height:330px; text-align:center; line-height:325px; margin:auto auto 36px auto; background:url('img/m2-img-border.png?v=1') no-repeat center center; transition:background .4s;}
#m2>.block>div>a:hover .img{background:url('img/m2-img-border2.png?v=8') no-repeat center center;}
#m2>.block>div>a .img>img{width:280px; height:280px;}
#m2>.block>div>a .tit{width:300px; margin:auto; color:#f7ba83; font-family:'Microsoft YaHei Light'; font-size:15px; text-align:center; text-shadow:1px 1px 1px rgba(0,0,0,.3); transition:color .3s;}
#m2>.block>div>a:hover .tit{color:#f8b605;}
#m2 .more{display:block; width:130px; height:35px; border:2px solid #f8b605; color:#f8b605; font-size:14px; text-align:center; line-height:33px; border-radius:5px; margin:auto; transition:all .3s;}
#m2 .more:hover{background:#f8b605; color:#fff;}
#m2-control{position:relative; height:0px; margin:auto;}
#m2-l{width:50px; height:100px; display:block; position:absolute; left:-50px; top:-320px; background:url('img/m2-l.png') no-repeat; transition:all .3s;}
#m2-l:hover{background:url('img/m2-l2.png') no-repeat;}
#m2-r{width:50px; height:100px; display:block; position:absolute; right:-50px; top:-320px; background:url('img/m2-r.png') no-repeat; transition:all .3s;}
#m2-r:hover{background:url('img/m2-r2.png') no-repeat;}

#m3{height:530px;}
#m3>.block{padding:60px 0 0 0;}
#m3>.block:after{content:''; display:block; width:100%; height:0; font-size:0; clear:both;}
#m3>.block>.left{width:520px; float:left;}
#m3>.block>.left>.title{font-weight:bold; font-size:16px; color:#333;}
#m3>.block>.left>div{padding:20px 0 0 0; font-size:14px;}
#m3>.block>.left>div:after{content:''; display:block; width:100%; height:0; font-size:0; clear:both;}
#m3>.block>.left .img{width:50px; float:left;}
#m3>.block>.left .txt{float:left;}
#m3>.block>.left p{padding:6px 0 2px 0;}
#m3>.block>.left .ali p{padding:3px 0 5px 0;}
#m3>.block>.right{width:600px; float:right;}

#form-contact p{padding:5px 0;}
#form-contact p:after{content:''; display:block; width:100%; height:0; font-size:0; clear:both;}
#form-contact input,#form-contact textarea{padding:12px; height:38px; border:1px solid #d7d7d7; border-radius:3px; box-sizing:border-box; font-size:14px;}
#form-contact #man{width:295px; float:left;}
#form-contact #email{width:295px; float:left; margin-left:10px;}
#form-contact #content{width:100%; height:100px;}
#form-contact .submit{display:block; height:40px; line-height:38px; text-align:center; background:#a15109; color:#fff; border-radius:4px; font-size:14px; transition:background .3s;}
#form-contact .submit:hover{background:#f8b605;}

#map{height:400px; background:#eee;}

#foot{height:290px; background:#5f3612;}
#foot .left{width:800px; float:left; padding:50px 0 0 0; color:#d39155;}
#foot .left .t1{font-size:14px;}
#foot .left .t2{font-size:15px; font-weight:bold; padding:10px 0 0 0;}
#foot .left .t3{font-size:13px;}
#foot .left .logo{padding:35px 0 0 0;}
#foot .left .copyright{font-size:13px; padding:20px 0 0 0;}
#foot .left .power,#foot .left .power a{font-size:13px; padding:6px 0 0 0; color:#a15109;}
#foot .left .power a:hover{text-decoration:underline;}
#foot .right{width:160px; float:right; margin:50px 0 0 0;}
#foot .right .img>img{box-shadow:5px 5px 10px rgba(0,0,0,.1); border-radius:6px; width:160px;}
#foot .right .wxtxt{font-size:13px; color:#d39155; text-align:center; padding:10px 0 0 0;}

#location{width:100%; height:50px; background:rgba(147,70,10,.8); position:absolute; left:0; top:0;}
#location>.wrap{line-height:48px; color:#f1a662; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#location>.wrap>a{color:#f1a662;}
#location>.wrap>a:last-child{color:#fff;}
#location>.wrap>a:hover{text-decoration:underline;}

#b-sub{height:230px; background:#eee; background-repeat:no-repeat; background-position:center center; margin:186px 0 0 0; position:relative;}

#main{margin:50px auto; min-height:200px;}

.text{font-size:14px; line-height:200%;}
.text div,.text p{margin-bottom:20px;}
.text img{max-width:100% !important;}
.text .tit{font-size:20px; color:#333; font-family:Microsoft Yahei light;}

.news-list{width:1260px;}
.news-list:after{clear:both; content:''; display:block; width:100%; height:0; visibility:hidden;}
.news-list>li{width:360px; height:280px; float:left; margin:0 50px 50px 0;}
.news-list>li:after{display:block; content:''; clear:both; font-size:0; height:0; float:none;}
.news-list>li>a{display:block; background:#ededed; width:100%; height:100%; overflow:hidden; transition:all .45s;}
.news-list>li>a>.img{width:320px; height:205px; margin:20px 20px 12px 20px; background:url('img/nophoto.png') no-repeat center center; background-color:#ebebeb; overflow:hidden;}
.news-list>li>a>.img>img{width:100%; height:100%; transition:all .35s;}
.news-list>li>a>.tit{margin:0 20px; font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news-list>li>a:hover>.img>img{width:350px; height:225px; margin:-15px;}
.news-list>li>a:hover{box-shadow:0 0 0 1px #ddd inset; background:#fff;}

#pager{text-align:center; padding-bottom:10px;}

.wrap>h1{color:#333;}
#info{font-size:12px; color:#999; margin-top:10px; padding-bottom:18px; border-bottom:1px solid #E6E6E6;}
.back{display:block; background:#f8b605; color:#fff; width:200px; height:42px; line-height:40px; margin:auto; text-align:center; font-size:14px; border-radius:3px; transition:background 0.3s ease;}
.back:hover,.back:active{background:#a15109; color:#fff;}

.wrap>.contact{font-size:14px;}
.wrap>.contact>p{margin-bottom:8px;}

.orderbox{border:1px solid #e6e6e6; padding:20px; margin:40px 0 0 0; border-radius:3px;}
.orderbox .tit{font-size:20px; color:#333; font-family:Microsoft Yahei light;}
.orderbox table td{font-size:13px; padding:6px 0;}
.orderbox input,.orderbox textarea{padding:8px; background:#eee; border:0px none; box-sizing:border-box; transition:all .2s;}
.submit{display:inline-block; padding:0 50px; line-height:46px; height:46px; background:#f8b605; color:#fff; border-radius:3px; transition:all .25s; font-size:13px;}
.submit:hover{background:#ddd; color:#a15109;}

.cls{margin-bottom:60px;}
.cls:after{display:block; clear:both; content:''; width:100%; height:0; float:none; visibility:hidden;}
.cls li{position:relative; height:260px; width:100%;}
.cls li:hover .block{background:#fae7d7;}
.cls .block{width:870px; padding:30px; min-height:200px; background:#eee; float:left; border-left:3px solid #a15109; transition:background .3s;}
.cls .block .title{font-size:26px; color:#464646; width:650px;}
.cls .block .title:hover{color:#a15109;}
.cls .block .txt{color:#999; line-height:180%; padding-top:10px; width:650px;}
.cls .img{width:360px; height:200px; position:absolute; right:0; top:30px; padding-left:40px; background-size:400px 200px; transition:all .35s;}
.cls .img>a{display:block; width:100%; height:100%;}
.cls .img>a>img{width:280px; height:280px;}
.cls .block .list{width:660px; padding:10px 0 0 0;}
.cls .block .list>a{display:block; width:200px; height:30px; line-height:30px; float:left; font-size:13px; padding-left:12px; background:url('img/list-arr.png') no-repeat left center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition:all .35s;}
.cls .block .list>a:hover{background-image:url('img/list-arr2.png'); color:#a15109; text-decoration:underline;}
.cls .more{display:block; width:120px; height:36px; text-align:center; color:#fff; line-height:35px; background:#f8b605; position:absolute; left:30px; bottom:-16px;}
.cls .more:hover{background:#4db23f;}
.cls li:hover .img{width:330px; padding-left:70px;}
.cls li:hover .block{border-left:3px solid #f8b605;}

#pro-path{font-size:13px;}

.prolist{width:1220px;}
.prolist:after{clear:both; float:none; content:''; display:block; height:0; visibility:hidden;}
.prolist>li{width:260px; height:302px; float:left; margin-right:42px; padding:0 0 50px 0;}
.prolist>li>a{text-align:center; height:100%; display:block; position:relative; border:1px solid #ddd;}
.prolist>li>a>.img{padding:10px; width:238px; height:238px; position:relative; z-index:2;}
.prolist>li>a>.img>img{height:100%; width:100%;}
.prolist>li>a>.tit{height:46px; line-height:20px; font-size:14px; color:#464646; white-space:nowrap; transition:all .3s; text-overflow:ellipsis; overflow:hidden; position:relative; z-index:2;}
.prolist>li>a:after{content:''; display:block; width:100%; height:100%; position:absolute; z-index:1; left:0; top:0; background:url(img/pro_bg.jpg) no-repeat center center; transition:all .4s;}
.prolist>li>a:hover>.tit{color:#a15109;}
.prolist>li>a:before{display:block; content:''; width:0; height:3px; background:#f8b605; position:absolute; left:0; bottom:-1px; z-index:3; transition:all .35s;}
.prolist>li>a:hover:before{width:100%;}
.prolist>li>a:hover:after{filter:alpha(opacity=60); opacity:.6;}

#pro-left{width:280px; background:#eee; float:left;}
.prolist_side li{background:#eee !important;}
.prolist_side li a{font-size:12px; padding-top:8px !important; background-position:left 11px !important; padding-left:12px !important;}
.prolist_side>li>span.close{top:2px !important;}
.prolist_side li span.open{top:2px !important;}
.prolist_side li a.A{color:#fb2846 !important;}
.prolist_side_son li a.A{color:#fb2846 !important;}

#pro-right{width:835px; float:right;}
#pp_info_l{width:300px; float:left; text-align:center;}
#pp_info_r{width:490px; height:376px; float:right; position:relative;}
#pro_tit{font-size:26px; color:#333; padding-bottom:20px; border-bottom:1px dotted #ccc;}
#pro_do{margin-top:40px; padding-left:20px;}
#pro_do p{margin-top:15px; font-size:13px;}
#pro_do p img{margin:-2px 7px 0 0;}
#pro_cls{background:#eee; border-bottom:1px dotted #ccc; padding:11px 20px 13px 20px; color:#aaa;}
#pro_cls img{margin:-2px 7px 0 0;}
#pro_cls a{color:#a15109;}
#pro_cls a:hover,#pro_cls a:active{text-decoration:underline;}
#pro_tags{padding:10px 0 0 0;}
#pro_tags .tags_title{border-bottom:0px none !important; border-top:2px solid #a15109; padding:20px 0 0 0 !important; background:#fff; font-size:19px !important; font-weight:normal !important; color:#fb2846 !important;}
#pro_tags .tags_content{margin-top:0 !important; padding:20px 0 25px 0 !important; background:#fff; font-size:13px;}
#pro_tags .tags_content p,#pro_tags .tags_content div{margin-bottom:16px; line-height:190%;}
#pro_tags .tags_content img{max-width:100% !important; height:auto; cursor:pointer;}
#pro_tags table{border-left:1px solid #ccc; border-top:1px solid #ccc;}
#pro_tags table td,#pro_tags table th{border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px; font-size:12px;}
#pro_tags table th{background:#e1f1f9;}

.prolist_side>li>a{font-size:14px; background-position:left 12px !important; padding-left:12px !important;}
.prolist_side>li>span.close{top:4px !important;}
.prolist_side li span.open{top:4px !important;}
.prolist_side_son li a:hover,.prolist_side_son li a:active,.prolist_side_son li a.A{border-left:1px solid #a15109 !important;}
.prolist_side li a.A{color:#a15109 !important;}
.prolist_side_son li a.A{color:#a15109 !important;}

#pro_con{line-height:160%; font-size:14px;}
#pro_con p{margin-bottom:15px;}
#pro_con img{max-width:100%; height:auto;}
#pro_con strong{color:#4db23f; font-size:20px; font-family:'Microsoft YaHei Light'; font-weight:normal; padding-top:15px; display:block;}