@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,figure,form,fieldset,legend,button,input,textarea,th,td{font-family:Microsoft Yahei,Avenir, tahoma,Arial,'Hiragino Sans GB',"\5FAE\8F6F\96C5\9ED1","\5b8b\4f53",sans-serif;margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,h6{font-weight:100}button,input,select,textarea{font-size:100%;outline:0}body{margin:0;overflow-x:hidden}a{blr:expression(this.onFocus=this.blur());color:#369;text-decoration:none}area{blr:expression(this.onFocus=this.blur())}.clearfix:after{content:'\0020';display:block;height:0;clear:both;font-size:0;visibility:hidden}.clearfix{ zoom: 1;}.clear{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;line-height:0}.fl{float:left;display: inline;}.fr{float:right;display: inline;}em,i{font-style:normal}.none{display:none}.block{display:block}img{border:0}table{border-collapse:collapse;border:0;cellspacing:0;cellpadding:0}.verticalAlign{ vertical-align:middle; display:inline-block; height:100%; width:1px; margin-left:-1px;}a, a img, input,.featured-post .byline {-webkit-transition: all 0.5s ease-out;	-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;	-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}.btn{}html, body { width: 100%; height: 100%; position: relative;  }h1,h2,h3,h4,h5,h6{ text-transform:capitalize}
.zoomimg img{ -webkit-transition: all 1s ease; /* Safari and Chrome */ -moz-transition: all 1s ease; /* Firefox */ -ms-transition: all 1s ease; /* IE 9 */ -o-transition: all 1s ease; /* Opera */ transition: all 1s ease; }.zoomimg img:hover { -webkit-transition: all 1s ease; /* Safari and Chrome */ -moz-transition: all 1s ease; /* Firefox */ -ms-transition: all 1s ease; /* IE 9 */ -o-transition: all 1s ease; /* Opera */ transition: all 1s ease; -webkit-transform: scale(1.1); /* Safari and Chrome */ -moz-transform: scale(1.1); /* Firefox */ -ms-transform: scale(1.1); /* IE 9 */ -o-transform: scale(1.1); /* Opera */ transform: scale(1.1); }
/*超出的文字省略，要定义宽度*/
span.spanleft { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display:block; }
.prev,.next{ display:block; filter:alpha(opacity=50);opacity:0.5; cursor:pointer; background:url(images/Arrow.png) no-repeat}
.prev:hover,.next:hover{filter:alpha(opacity=100);opacity:1;}
/*间隔*/
.mr20{ margin-right:20px;}
.mt10{ margin-top:10px;}
/*页面*/
body{ font-size:14px; line-height:1.5em; background:#f0f0f0}
#header{ width:100%; height:120px; background:#fff;}
.wrapper{ width:1160px; margin:0 auto;}
.logo{ background:url(images/logo.png) no-repeat; width:750px; height:120px;}
.headerTel{ font-size:18px; color:#005831; text-align:right; padding-top:50px;}
.headerTel .iconfont{ font-size:2rem; color:#005831; margin-right:10px;}
.headerTel span{ font-family:"Times New Roman", serif;  color:#825925; padding-top:5px; font-size:40px; line-height:1.8rem;}
#nav{ height:50px; background:#005831}
.nav{ position:relative; z-index:1;}
.nav .nLi{ float:left;display:inline; }
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block; color: #fff; line-height:50px; text-transform:uppercase;}
.nav .en .nLi h3 a{  padding:0 22px; font-size:14px; }
.nav .chs .nLi h3 a{  padding:0 42px; font-size:16px; }
.nav #navEn .nLi h3 a{width:160px; }
.nav .on h3 a{ background:#f0f0f0; color:#005731;}
.nav .sub{ display:none; position:absolute; top:50px; background:#f0f0f0; border:solid 1px #f0f0f0}
.nav .sub li{ zoom:1; display:block; border-bottom:solid 1px #ccc;}
.nav .nLi .sub a{ padding:5px 10px; width:200px;display:block; color:#333; font-size:12px; line-height:20px; height:auto; text-transform:capitalize; font-weight:100;}
.nav .nLi .sub a:hover{ background:#fff; color:#005731;  }

.wrapper h1{ text-align:center; font-size:33px; color:#571300; padding:30px 0 20px 0px; margin-bottom:10px;}
.wrapper h1 span{ display:block; font-size:16px; color:#999; font-weight:100; text-transform:uppercase; margin:15px 0 0 0;font-family:SmytheSansReg,Microsoft Yahei,Arial}
h2.title{ font-size:26px; color:#744926; text-align:left; padding:30px 0 20px 20px; border-bottom:solid 1px #906d51;}
h2.title span{ font-family:Times New Roman; text-transform:capitalize; font-size:17px; color:#666; margin-left:10px;}

.more { margin:10px auto; font-size:12px; font-weight:100; overflow:hidden;  display:table;}
.more a { color:#000; display:table-cell; padding:2px 25px; border-radius:5px; background:#f5f5f5; border: solid 1px #ccc;}
.more a:hover { background:#784217; border-color:#784217; color:#fff; }
.place{ padding:10px 20px; margin-bottom:15px; color:#333; background:#f7f7f7;}
.place a{ color:#333; text-decoration:underline; padding:0 10px;}
.place a:hover{ color:#c80000; text-decoration:none;}
.place span{ padding:0 10px; font-weight:bold; color:#81242f;}
#MBanner{ width:100%; height:350px; background:url(images/MBanner.jpg) center center no-repeat}

.text{ padding:10px;}
.text p{ color:#444; font-size:15px; line-height:1.8em;font-family: Microsoft Yahei}
.text img{ margin:10px;}
.text h5{ font-size:16px; font-weight:bold; color:#906d51; padding:10px 0; margin-top:15px;}
.text#WorkShop{ background:url(images/WorkShop.png) center bottom no-repeat; padding:15px 15px 350px 15px;}
.side{ width:220px;}
.side h2{ color:#fff; font-size:20px; padding:20px 0 20px 20px; background:#906d51;border-bottom:dotted 1px #be885c;}
.sidenav{ background:#fff; width:220px; margin-top:20px;}
.sidenav ul{ padding:0}
.sidenav ul li{ border-bottom:dotted 1px #be885c; background-color:#906d51}
.sidenav ul li a{ color:#fff; padding:8px 8px 8px 35px; font-size:14px; display:block; background:url(images/left1.gif) 12px center no-repeat}
.sidenav ul li a:hover{background:url(images/left1.gif) 12px center no-repeat #be885c}
.sidenav ul li a.cur,.sidenav ul li a.cur:hover{ color:#333;background:url(images/left2.gif) 12px center no-repeat #f3e8e0}
.sidenav ul li a.cur i{ float:right; font-size:15px; margin-top:3px;}
.sideCo{ margin-top:20px;}
.sideCo table{ border:solid 1px #906d51; background:#fff;}
.sideCo table th{ width:70px; border:solid 1px #906d51; padding:5px; color:#906d51;}
.sideCo table td{border:solid 1px #906d51;word-break:break-all; padding:5px;}

.content{ width:920px;}
#Contact{ padding:10px 0}
#Contact h3{ font-size:20px;line-height:2.3rem; padding:10px 5px; color:#784217; border-bottom:solid 1px #ccc; margin-bottom:10px;}
#Contact .text{ float:left; padding:0px; width:400px;}
#Contact .text .iconfont{ font-size:1.3rm; margin-right:10px;}
#Contact .map{ width:700px; float:right}
#Contact .map #gaodi-map{ width:700px; height:500px; border:solid 1px #ccc;}
.map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
.map .icon-cir { height: 31px; width: 28px; }
.map .icon-cir-red { background-position: -11px -5px; }
.amap-info-content h5{ font-size:18px; line-height:20px; margin-bottom:10px; color:#1667a1; font-weight:bold;}
.amap-info-content div{ font-size:14px; line-height:1.6em; color:#444}
#Contact .Qrcode{ margin:10px 0 0 0}
#footer{ padding:20px 0; background:#dddddd; position:relative;}
.footerCo{ width:800px;}
.footerCo h2{ font-size:20px; color:#004f38; padding:10px 0;}
.footerCo p{ font-size:14px; color:#222; line-height:26px;}
.footerCo p a{ color:#336699; text-decoration:underline;}
.footerCo p a:hover{ color:#a70000; text-decoration:none;}
.Qrcode{ width:130px; margin:20px auto}
.Qrcode ul li{ width:130px;}
.Qrcode ul li img{ width:130px; height:130px; margin:0}
.Qrcode ul li p{ font-size:14px; line-height:20px; color:#111; text-align:center;}
.footerQrcode{ width:130px; margin:0}
.footerQrcode ul li{ width:130px; margin-left:20px; float:left;text-align:center;}
.footerIcon{ width:400px; height:50px; position:absolute; text-align:center; top:20px; left:50%; margin-left:-200px;}
.copyright{ color:#222; width:100%; padding:10px 0; font-size:14px; background:#ccc;}
.copyright a{ color:#222; text-decoration:underline;}
.copyright a:hover{ text-decoration:none; color:#c80000;}
/*banner*/
.slideBox{ width:100%; overflow:hidden; position:relative;}
.slideBox .hd{ height:20px; overflow:hidden; position:absolute; left:0; bottom:20px; width:100%; z-index:1; }
.slideBox .hd ul{ float:left; position:relative; left:50%; }
.slideBox .hd ul li{ float:left;position:relative; right:50%; margin-right:10px;  width:20px; height:20px; border-radius:10px;cursor:pointer; text-indent:-990em; overflow:hidden; background:#333;filter:alpha(opacity=50);opacity:0.5;}
.slideBox .hd ul li.on{ background:#de0303;filter:alpha(opacity=100);opacity:1;}
.slideBox .bd{ position:relative;  z-index:0; width:100%; height:100%; }
.slideBox .bd li{ zoom:1; vertical-align:middle; width:100%;height:100%; display:block; text-align:center;}
.slideBox .bd li img{ width:100%; height:auto;}
.slideBox#indBanner .bd,.slideBox#indBanner .bd li{ height:600px;}
/*图片列表*/
.imgList { width:1160px; margin:0px auto; overflow:hidden;}
.imgList ul { padding:0 0 15px 0; width:1180px;}
.imgList ul li { float:left; margin:10px 20px 10px 0; width:255px; height:290px; padding:9px; border:solid 1px #ddd; overflow:hidden; background:#fff; position:relative;}
.imgList ul li .imgImg{ width:255px; height:255px; overflow:hidden; text-align:center;}
.imgList ul li .imgImg img{max-width: 255px; max-height: 255px; _width: expression(this.width > 255 && this.width > this.height ? 255 :true);
_height: expression(this.height > 255 ? 255: true);vertical-align: middle; text-align:left;-webkit-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; background:url(js/fancybox_loading.gif) center center no-repeat;}
.imgList ul li a { text-decoration:none; }
.imgList ul li p.imgName { font-size: 13px; text-align: left;color: #333; padding:5px 0px; text-transform:uppercase}
.imgList ul li:hover {box-shadow: 0 1px 20px 0 rgba(0,0,0,.19);  border-color:#999;}
.imgList ul li .imgImg:hover img {-webkit-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; -webkit-transform: scale(1.1); }
.imgList ul li:hover .imgName{ font-weight:bold;}
/*产品中心*/
.content .imgList { width:920px;}
.content .imgList ul { width:940px;}
.content .imgList ul li { width:195px; height:240px;}
.content .imgList ul li .imgImg{ width:195px; height:195px; }
.content .imgList ul li .imgImg img{max-width: 195px; max-height: 195px; _width: expression(this.width > 195 && this.width > this.height ? 195 :true);
_height: expression(this.height > 195 ? 195: true);}
/*产品详细*/
.pro-detail{}
.pro-detail h3{  margin:20px 10px 10px 10px; padding:10px; color:#784217; font-size:20px; border-bottom:solid 1px #ddd;}
.pro-detail-img{ float:left; width:500px; margin-top:20px; border-right:solid 1px #ccc;}
.picDetail-box{width:400px;margin:0px auto;}
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-pic a{*display:block;*line-height:1;}
.tb-s310, .tb-s310 a{height:400px;width:400px;}
.tb-s310, .tb-s310 img{max-height:400px;max-width:400px;_width: expression(this.width > 400 && this.width > this.height ? 400 :true);
_height: expression(this.height > 400 ? 400 : true);}
.tb-s310 a{*font-size:271px;}
.tb-s40 a{*font-size:60px;}
.tb-thumb{overflow:hidden; margin-top:10px!important}
.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;margin:0 10px 0px 0;overflow:hidden;padding:1px; text-align:center;}
.tb-booth{border:0;position:relative;z-index:1;}
.tb-thumb .tb-selected{background:none repeat scroll 0 0 #de0303;height:68px; width:68px !important;padding:2px;}
.tb-s40, .tb-s40 a,.tb-s40 img{width:68px; height:68px}
.tb-thumb .tb-selected div{border:medium none;}
.tb-thumb li div{border:1px solid #CDCDCD;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:600px !important;height:450px !important;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("js/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:2;}
.pro-detail-img .hd{ width:450px; margin:0 auto}
.pro-detail-img .hd a{ background:url(js/arrow.png) no-repeat; width:15px; height:20px; margin-top:-50px; display:block; cursor:pointer; text-indent:-990em;}
.pro-detail-img .hd a.prev{ background-position:0px 10px; float:left; margin-left:0px;}
.pro-detail-img .hd a.next{ background-position:10px -40px; float:right; margin-right:0px;}
.pro-detail-text{ float:right; width:620px; padding:20px 20px 0 0}
.pro-detail-text .info{ width:100%;}
.pro-detail-text .info th{ font-weight: bold; color: #666; width: 30%; text-align: right;padding: 10px; vertical-align:top; text-transform:uppercase }
.pro-detail-text .info td {padding: 5px 10px; color:#555;  text-transform:capitalize}
.pro-detail-text .info td span.red { color: #f00; }
.pro-detail-text .info tr{ border-bottom: solid 1px #ccc; }
.pro_category{margin-top:15px;}
.pro_category table{ margin:10px auto; width:90%;}
.pro_category td{ font-size:14px; font-weight:bold; text-align:center; width:30%;}
.pro_category a{ color:#333; background:#fff; display:block; line-height:25px; padding:5px 15px;margin:0px; border:solid 1px #ccc; margin-left:-1px;text-transform:capitalize}
.pro_category a:hover{ background:#784217; color:#fff; border-color:#784217;}
span.child{ text-transform:uppercase}
.pro-detail .text{ padding:0 0 20px 0}
/*案例分享*/
.CaseWrap{ width:1158px; margin:10px auto;}
.CaseBody{}
.CaseBody ul li{ text-align:center;float:left; width:356px;margin:7px; background:#fff; padding:7px; border:solid 1px #eee;}
.CaseBody .CaseImg{ width:356px; overflow:hidden; background:url(js/fancybox_loading.gif) center center no-repeat;}
.CaseBody .CaseName{ text-align:center; font-size:16px; color:#222; padding:5px 0}
.CaseBody ul li img{ max-width:356px; _width:346px; height:auto}
.CaseBody ul li:hover{box-shadow: 0 1px 20px 0 rgba(0,0,0,.19);  border-color:#ccc;}
.CaseBody ul li:hover .ApplicationName{ color:#7e472d}
/*页码*/
.page{ padding:15px 0px;}
.page table { border:0; font-size:12px; line-height:20px; font-weight:100; margin:15px auto; }
.page table td {font-family:Microsoft Yahei, tahoma;}
.page table td input{padding:2px 4px; width:30px; height:20px; font-size:14px; line-height:15px; border:solid 1px ccc;}
.page table td a { background:#fff; color:#222; border:solid 1px #ccc; margin-left:-1px; text-decoration:none; display:block; padding:5px 12px; }
.page table td a.current,.page table td a.current:hover { color:#fff; background:#906d51; border-color:#906d51; cursor:default }
.page table td a:hover { color:#de0303; background:#EEE; }
/*滑动联系*/
.backtop{ margin-left:900px; bottom: 10px; position: fixed; _position: absolute;  _top: expression(documentElement.scrollTop + 660 + "px"); width:50px; height:50px; display:block; text-indent:-990em; z-index:999;}
.backtop a { display:block; width:50px; height:50px; background:url(images/Arrow.png) -100px 0; }
.backtop a:hover {background-position:-100px -50px;}
/*首页*/
.IndAbout,.IndProducts{ padding:20px 0}
.IndAbout{ background:#fff;}
.IndAbout .text p{ text-align:center;}
.IndPro {position: relative; margin:0;}
.IndPro .hd {}
.IndPro .prev,.IndPro .next{ position:absolute; z-index:10; top:140px;width:26px; height:45px;}
.IndPro .prev{ background-position:0 -60px; left:-35px;}
.IndPro .next{ background-position:-30px -60px; right:-35px;}

.highlight {color:red}
.msgTable td {padding:5px;font-size:14px}
.msgTable input[type="text"] ,.msgTable textarea {border:1px solid #ccc;padding:3px;border-radius:3px}
.ajaxMsg  {color:#666}
.ajaxMsg img {margin-top:-3px;}
.msgTable .submit {background:#ff6c00;color:#fff;border-radius:3px;padding:5px 10px;border:0;cursor:pointer}