@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body {font-family:Microsoft YaHei,SimHei, SimSun; font-size:14px; color:#333; background:#fff; min-width:320px;  }
ul,li{list-style-type:none;}
img{border:0; vertical-align:top;}
input,select,textarea{vertical-align:middle;}
i,span,em,cite,p,dl,dt,dd,span,b{ font-style:normal;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit; font-weight:inherit; font-size:100%;}
a{ text-decoration:none; cursor:pointer; color:#333;  bblr:expression(this.onFocus=this.blur()); outline-style:none;}
a:hover{ text-decoration:none; color:#666; outline: none;}
a:active {star:expression(this.onFocus=this.blur());outline-style:none;}
.clear{ clear:both;}
/* HTML5 重置为较旧版本的浏览器 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section { display:block;} 

.warpper{ width:100%; overflow:hidden;}
#site-wrapper{ width:100%; position:relative; box-shadow:0 8px 10px #a7a7a7;}
/*******nav**********/
.nav{ width:100%; height:82px; overflow:hidden;}
.lstheader { background:url(../images/nav_bg.png) repeat;  position: relative; z-index:4; height:82px; width:100%; *zoom:1;}
.lstheader p{padding:0; margin:0;}
.lstheader:after { clear: both; display: block; height: 0; visibility: hidden; line-height: 0; content: '\20'; }
.lstheader ul,.lstheader li,.lstheader dl,.lstheader dt,.lstheader dd{list-style:none; padding:0; margin:0;}
#lstlogo { float: left; margin-left:4%; position:relative; height:82px;}
#lstlogo img{position:absolute; left:0; top:50%; transform:translate(0,-50%);}
#lstnav { float:right; margin-right:4%; padding-right:3px; *padding-right:0;}
#lstnav ul li { display: inline-block; *display:inline; *zoom:1; margin-right: -3px; *margin-right:0; position:relative;}
#lstnav ul li > a { display: block; padding: 0 1.5em; height:78px; line-height:78px; font-size:15px; color:#666666; font-weight:bold; }
#lstnav ul li:hover > a, #lstnav ul li.now > a {color:#24830d; border-bottom:#24830d solid 4px; }
#padm_nav { display: none; }
/*banner*/
.webslider { position:relative; width:100%; clear:both; }
.webslider .slide {position:relative;}
.webslider .flex-direction-nav a {width:25px; height:25px; margin-top:-27px; display:block; position:absolute; top:50%; display:none;}
.webslider .flex-direction-nav a.flex-prev {left:6px; background-position:left top;}
.webslider .flex-direction-nav a.flex-prev:hover {background-position:left bottom;}
.webslider .flex-direction-nav a.flex-next {right:6px; background-position:right top;}
.webslider .flex-direction-nav a.flex-next:hover {background-position:right bottom;}
.webslider .flex-control-paging { bottom:45px; height:10px; left:0; position:absolute; text-align:center; width:100%; }
.webslider .flex-control-paging li { display:inline-block; margin:0 4px; width:16px;}
.webslider .flex-control-paging li a {width:15px; height:15px; background:url(../images/bannerbtn.png) no-repeat;  display:block; cursor:pointer; text-indent:-1000px; overflow:hidden;}
.webslider .flex-control-paging li a.flex-active { background:url(../images/bannerbtnhv.png) no-repeat;}
.webslider .slides > li {display: none;	-webkit-backface-visibility: hidden; list-style-type: none;}
.webslider .slides img { width:100%; max-width:1920px; display: block;}
.webslider > a{ width:40px; height:24px; display:block; background:url(../images/banner_btn.png) no-repeat; position:absolute; left:50%; bottom:0; z-index:99; transform:translate(-50%,0);}

.who{ max-width:860px; overflow:hidden; margin:40px auto 0px;}
.who .whoBox{ width:230px; margin:0 auto 16px; overflow:hidden; position:relative;}
.whoBox img{ position:absolute; width:18px; right:12px; top:12px;}
.whoBox > h2,.cases > h2,.sy_news > h2,.design > h2{ font-size:2em; color:#24830d; font-weight:bold; text-align:center; }
.whoBox h3,.cases h3,.sy_news h3,.design > h3{ font-size:1.1em; color:#979797; font-weight:bold; text-align:center; text-transform:uppercase;}
.who p{ font-size:14px; color:#7e7e7e; line-height:28px; text-align:center;}
.who > img{ width:100%; display:block; max-width:860px; margin:10px auto 0;}

.cases{ width:100%; max-width:1920px; overflow:hidden; padding:30px 0 48px;}
.tabPanel{ width:100%; overflow:hidden; }
.tabPanel > ul{max-width:588px; display:block; margin:0 auto 30px; overflow:hidden;}
.tabPanel > ul > li{float:left; margin:0 5px; font-size:14px; height:30px; line-height:30px; width:88px; text-align:center; cursor:pointer; color:#000;}
.tabPanel .hit{ background:#65c5ba; border-radius:25px; color:#fff;}
.pane{ width:100%; overflow:hidden; min-height:260px; display:none; margin-top:20px;}
.tab{ width:100%; overflow:hidden;}
.tab dl{ width:100%; overflow:hidden;}
.tab dd{ width:24.9%; float:left; margin:0 1px 1px 0; overflow:hidden; position:relative;}
.tab dd > img{ width:100%; max-width:360px; display:block; float:left;}
.tab dd div.tabBox{ width:100%; height:0; background:rgba(0,0,0,0.5); position:absolute; left:0; bottom:0;}
.tabBox h2{ font-size:1.6em; text-align:center; color:#ffffff; line-height:2.6em; margin-top:8%;}
.tabBox p{ font-size:14px; color:#fff; line-height:28px; text-indent:30%;}
.tabBox img{ width:30px; display:block; margin:10px auto 0;}
.tab dd > p{ width:100%; position:absolute; left:0; bottom:0; display:none; background:rgba(0,0,0,0.6); font-size:14px; text-align:center; height:2em; color:#fff; line-height:2em;}

.sy_news{ max-width:1000px; margin:50px auto; overflow:hidden;}
.sy_news ul{width:1040px; padding:50px 0px 20px 0px; overflow:hidden}
.sy_news li{width:480px; float:left; margin-right:38px; margin-bottom:20px;}
.sy_news li a{display:block;}
.nebox{width:423px; height:116px; background:#f7f7f7; padding:10px; float:left}
.newspic{ width:184px; float:left;}
.newspic img{ width:100%;  display:block; float:left;}
.newstext{width:222px; float:left; padding-left:10px;}
.sy_news li a .newstext p{font-size:14px; color:#333333; line-height:20px; padding:10px 0px;}
.sy_news li a .newstext span{color:#999999; line-height:18px; display:block; overflow:hidden; height:54px;}
.mosga{width:24px; height:55px; text-align:center; line-height:55px; display:block; float:right; background-color:#24830d; color:#FFF; font-size:14px;}

.design{ width:100%; overflow:hidden; background:url(../images/bg01.jpg) center center no-repeat; padding:30px 0 48px;}
.design > h2,.design > h3{ color:#fff;}
.mr_frbox{ max-width:1215px; margin:40px auto 0;  height:267px; overflow:hidden; position:relative;}
.mr_frbox > img{cursor:pointer; position:absolute; width:28px; top:50%; transform:translate(0,-50%); z-index:99;}
.mr_frBtnL{left:0;}
.mr_frBtnR{right:0;}
.mr_frUl{height:267px; width:1098px; margin:0 auto; overflow:hidden;}
.mr_frUl ul li{display:inline; float:left; width:356px; overflow:hidden; margin:0 5px; position:relative;}
.mr_frUl ul li a img{width:100%;}
.mr_frUl ul li p{ width:100%; height:42px; display:block; background-color:#fff; line-height:42px; text-align:center; color:#666;}


.ourBox{ max-width:1000px; margin:0 auto; padding:40px 0; overflow:hidden;}
.ourBox li{ width:25%; display:block; float:left;}
.ourBox li i{ max-width:72px; display:block; margin:0 auto; position:relative;}
.ourBox li i img{ width:100%; max-width:72px; display:block; margin:0 auto;}
.ourBox li i img.iconBox{ position:absolute; left:0; bottom:0; display:none;}
.ourBox li:hover i img.iconBox{ display:block;}
.ourBox li h2{ font-size:16px; color:#898989; line-height:50px; font-weight:bold; text-align:center;}
.ourBox li p{ font-size:14px; color:#898989; text-align:center;}
.ourBox li:hover h2,.ourBox li:hover p{ color:#609f98;}

.footer{ width:100%; overflow:hidden; background-color:#1e2022; padding:25px 0; margin-top:25px;}
.footer dl{ max-width:650px; display:block; margin:0 auto;}
.footer dl dd,.footer dl dt{ width:100%; overflow:hidden; margin-bottom:8px; text-align:center;}
.footer dl dt{ margin-bottom:18px;}
.footer dl dt a{ display:block; float:left; line-height:16px; font-size:12px; color:#c6c6c6; padding:0 12px; border-left:#c6c6c6 solid 1px; border-right:#858585 solid 1px; margin-bottom:5px;}
.footer dl dt a:first-child{border-left:none;}
.footer dl dt a:last-child{border-right:none;}
.footer dl dd i{ font-size:12px; color:#c6c6c6; line-height:18px; padding:0 2.5px;}
.footer dl dd p{font-size:12px; color:#c6c6c6; line-height:18px; text-align:center;}

/*.go{width:160px;height:340px; z-index:99; background:url(../images/gddh.png) center top no-repeat;   position:fixed;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||200)-(parseInt(this.currentStyle.marginBottom,10)||0)));right:-4px; bottom:35%;}
.go li{width:15px; height:109px; display:block; border-radius:5px 0 0 5px; margin-bottom:1px; position:relative;}
.go li a{ background:url(../images/icon12.png) 5px top no-repeat;display:block;text-indent:999em; width:15px; height:109px; border:0; float:left}
.go .top{background-position:5px 12px;}
.go .go_kf{background-position:5px -48px;}
.go .go_qq{background-position:5px -100px;}
.go .go_dh{background-position:5px -154px;}
.go .go_wx{background-position:5px -214px;}
.tcc{width:130px; background-color:#2c6a9f; position:absolute; right:57px; bottom:0px; height:109px; color:#FFF; font-size:18px; text-align:center; line-height:45px; display:none}
.tcwx{width:100px; height:109px; position:absolute; right:57px; bottom:0px;display:none; background-color:#000;}
.go li:hover div{display:block;}

*/

/*右侧悬浮框*/
.go{width:137px; height:342pxpx; background:url(../images/frame.png) no-repeat; z-index:99;  position:fixed;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||200)-(parseInt(this.currentStyle.marginBottom,10)||0)));right:-4px; bottom:35%;}
.go ul{ width:100%; background:url(../images/frame02.png) 28px 7px no-repeat; margin-top:154px; margin-bottom:40px;}
.go ul li{ width:100%; height:30px; display:block; position:relative;}
.go ul li a{ width:100%; display:block; font-size:14px; color:#fff; line-height:30px; text-indent:52px;}
.go ul li a.wb{ text-indent:62px;}
.go ul li a img{ display:block; margin:10px auto 0;}
.tcc{width:140px; background-color:#24830d; position:absolute; right:115px; bottom:0px; height:32px; color:#FFF; font-size:16px; text-align:center; line-height:32px; display:none}
.tcwx{width:100px; height:100px; position:absolute; right:115px; bottom:0px;display:none;}
.tcwx img{ width:100px; height:100px; display:block;}
.go li:hover div{display:block;}