@charset "utf-8";
html, body, ul, li, dl, dt, dd{margin:0; padding:0;}
ul, li{list-style:none;}
img{border:0; margin:0; vertical-align:middle;}
body{font-family:"Microsoft YaHei"; font-size:13px; line-height:180%; color:#222;}
/*::selection{background:#fa7623; color:white;}*/
a{text-decoration:none; color:#222;}
a:hover{text-decoration:underline;}
pre{
	white-space:pre-wrap!important;    /*保留空白，进行换行*/
	word-wrap:break-word!important;    /*连续字符换行*/
	/*white-space:normal!important;*/
}
.clear{clear:both;}
.none{display:none;}
.clearfix:after{clear:both; content:"."; display:block; visibility:hidden; height:0; line-height:0;}
.png img {
azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "../images/zz.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true);
}
@font-face{font-family:'base-icon';src:url('fonts/iconfont.eot');src:url('fonts/iconfont.eot?#iefix') format('embedded-opentype'),url('fonts/iconfont.woff') format('woff'),url('fonts/iconfont.ttf') format('truetype'),url('fonts/iconfont.svg#base-icon') format('svg');font-weight:normal;font-style:normal;}
.icon{font-family:"base-icon";}

.tag{position:relative; overflow:hidden;}
/*.tag .tag_top{position:absolute; top:0; z-index:5;}
.tag .tag_top li{position:absolute; z-index:10;}*/
.tag .tag_top{overflow:hidden;}
.tag .tag_top li{float:left;}
.tag .tag_top li.thisLi{z-index:18;}

.f-l{float:left;}
.f-r{float:right;}
.po-r{position:relative;}
.po-a{position:absolute;}
.t-a{text-align:center;}



.auto{width:1200px; margin:auto;}
.main{overflow:hidden; _zoom:1;}

.head{position:relative;}
.logo{width:290px; margin:10px 0 0 50px;}
.logo img{width:100%;}
.nav{width:400px; position:absolute; left:50%; margin:15px 0 0 -200px;}
.nav li{width:80px; height:44px; float:left; font-size:14px; line-height:44px; text-align:center; color:#997833;}
.nav li a{width:100%; height:100%; display:block; text-decoration:none; color:#997833;}
.nav li a:hover, .nav li a.on{text-decoration:none; background:url(../images/navHover.jpg) center bottom no-repeat; color:#dfaf49;}
.lang{float:right; text-align:right; margin:20px 10px 0 0; font-size:12px;}

.banner{width:100%; overflow:hidden; position:relative;}
.banner .bd{overflow:hidden;}
.banner li{width:100%; float:left;}
/*.banner li img{height:100%; opacity:0; filter:Alpha(opacity=0);}*/
.banner li img{width:100%;}
.banner .hd a{width:50px; height:68px; text-align:center; font-size:50px; line-height:68px; color:#fff; font-weight:bold; position:absolute; top:50%; margin-top:-10px;}
.banner .hd a:hover{text-decoration:none;}
.banner .hd .prev{left:100px;}
.banner .hd .next{right:100px;}
.banner .hd a.prevStop{opacity:0.2; filter:Alpha(opacity=20);}
.banner .hd a.nextStop{opacity:0.2; filter:Alpha(opacity=20);}

.main{width:100%; overflow:hidden; position:relative;}
/*.main li img{height:100%; opacity:0; filter:Alpha(opacity=0);}*/
.main .ban{width:100%;}

.about .til{position:absolute; z-index:99; top:50%; left:50%; margin:-250px 0 0 -550px;}
.about .content{position:absolute; z-index:99; top:50%; left:50%; margin:-50px 0 0 -530px; width:644px; height:255px; background:url(../images/aboutBg.jpg) no-repeat; margin-left:-352px; padding:40px 30px 0; color:#fff;}

.product .til{position:absolute; z-index:99; top:50%; left:50%; margin:-250px 0 0 -550px;}
.product .content{position:absolute; z-index:99; top:50%; left:50%; margin:-100px 0 0 -530px; width:900px; height:350px; overflow-y:auto;}

.news .til{position:absolute; z-index:99; top:50%; left:50%; margin:-250px 0 0 -550px;}
.news .content{position:absolute; z-index:99; top:50%; left:50%; margin:-50px 0 0 -530px;}

.cont .til{position:absolute; z-index:99; top:50%; left:50%; margin:-250px 0 0 -550px;}
.cont .content{position:absolute; z-index:99; top:50%; left:50%; width:757px; height:276px; background:url(../images/contactBg.png) no-repeat; margin:-50px 0 0 -400px; padding:85px 0 0 80px;}

.about img{max-width:100%;}

.product li{width:200px; float:left; text-align:center; margin:10px; background:#000;}
.product li div{width:100%; height:120px; line-height:150px; overflow:hidden;}
.product li img{max-width:100%; max-height:100%; _width:100%;}
.product li b{height:30px; line-height:30px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.product li a{color:#fff;}

.proClass{width:100px; float:left; padding:20px 40px 0 50px;}
.proClass li a{font:bold 14px/35px ""; color:#93886e;}
.proClass li.this a{color:#333;}
.proShow{width:680px; float:right; margin:10px 10px 0 0;}
.proShow li{width:200px; float:left; margin:5px 10px 0 10px; text-align:center;}
.proShow li div{width:100%; height:150px; border:1px solid #e6e7e7;}
.proShow li div img{max-width:100%; max-height:100%;}
.proShow li b{font-weight:normal;}

.page{text-align:center; margin:20px;}

.proShow .dt{width:400px; float:left; margin-top:20px;}
.proShow .dt img{max-width:100%;}
.proShow .shuxin{width:250px; float:right; margin-top:10px;}
.proShow .shuxin li{text-align:left; margin-left:0;}
.proShow .sxy{width:250px; float:right; margin-top:20px;}
.proShow .cs{width:250px; float:right; margin-top:20px;}


.news li{padding:10px 300px 10px 0; border-bottom:1px dashed #8cafa9; overflow:hidden;}
.news li .time{width:100px; height:26px; line-height:26px; float:left; background:url(../images/newTime.png) no-repeat; text-indent:25px;}
.news li .title{float:left; line-height:26px; margin-left:10px;}
.news li .title a{font-size:14px; color:#8e273c;}
.newsShow{padding:30px;}

.feedback p{border:2px solid #ccc; padding:10px; background:#eee;}
.feedback .txt{width:200px; height:24px; border:1px solid #999;}
.feedback textarea{width:555px;}
.feedback table{width:100%; background:#eee; border-collapse:separate; border-spacing:1px;}
.feedback td{background:#fff; padding:5px 10px;}
.feedback td span{color:#f00;}
.feedback td label{color:#f00; margin-left:10px;}