@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}
body{font-family:'Microsoft Yahei'; font-size:12px; color:#41525a; background:#FFF;}
ul{ list-style:none;}
img{ border:0; vertical-align:top;}
a{color:#625f5e; text-decoration:none;}
.bank50{ padding-top:50px;}
.bank30{ padding-top:30px;}
.bank20{ padding-top:20px;}
.cr{ clear:both;}
.pr{ position:relative;}
.pra{ position:absolute;}
.left{ float:left;}
.right{ float:right;}
.w1024{ width:1024px; margin:0px auto;}
.top{ height:107px; background:#3f3a39;}
.logo{ top:40px; left:0px;}
.navi{ top:47px; right:-42px;}
.navi ul li{ float:left; margin-right:42px; white-space:nowrap;}
.navi a{ color:#e5e634; white-space:nowrap;}
.navi a:hover{ color:#FFF;}
.banner{ height:498px; background:url(../images/banner.jpg) no-repeat center;}


#full-screen-slider {POSITION: relative; WIDTH: 100%; HEIGHT: 496px;}
#slides LI {POSITION: absolute; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; DISPLAY: block; HEIGHT: 100%; PADDING-TOP: 0px}
#slides LI A {TEXT-INDENT: -9999px; WIDTH: 100%; HEIGHT: 100%; display:block;}
#pagination {Z-INDEX: 9900; POSITION: absolute; DISPLAY: block; TOP: 475px; left:50%;}
#pagination LI {LIST-STYLE-TYPE: none; WIDTH: 40px; DISPLAY: block; BACKGROUND:#3f3a39; FLOAT: left; HEIGHT: 3px; MARGIN-LEFT: 10px; overflow:hidden;}
#pagination LI SPAN {PADDING-BOTTOM: 0px; TEXT-INDENT: -9999px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; DISPLAY: block; HEIGHT: 100%; CURSOR: pointer; PADDING-TOP: 0px}
#pagination LI.current {BACKGROUND:#e5e634;}

.iser{ height:454px; background:url(../images/iser.jpg) no-repeat center top;}
.s_title{ height:73px; text-align:center;}
.s_title h1{ height:35px; font-size:24px;}
.s_title span{ font-size:13px; font-family:Arial, Helvetica, sans-serif;}
.s_list{ padding-left:142px;}
.s_list li{width:217px; height:260px; margin-right:67px; background:url(../images/s_bg.png) no-repeat; float:left;}
.s_list li h1{ height:184px; position:relative; width:172px;}
.s_list li h1 span{ display:none; position:absolute; left:0px; top:0px;}
.s_list li p{ padding-top:30px; width:172px; text-align:center; font-size:16px;}
.xrow{bottom:35px; left:50%; margin-left:-15px;}
.xrow a{width:31px; height:33px; display:block; background:url(../images/xrow.png) no-repeat;}
.our_div{ height:233px; background:url(../images/our.jpg) no-repeat; text-align:center;}
.our_div h2{ font-size:24px; font-weight:normal; padding-bottom:10px;}
.our_div h1{ font-size:24px; padding-bottom:15px;}
.our_div span{ bottom:35px; left:50%; margin-left:-56px;}
.our_div span a{ width:112px; height:27px; display:block; background:#e5e634; text-align:center; line-height:27px;}
.icase{ width:100%; overflow:auto; _overflow:hidden; background:#f8f8f8;}
.icase .caselist{overflow:hidden; max-width:3410px;}
.ibutton{ height:72px; background:#e5e634; text-align:center;}
.ibutton a{ padding-top:18px; background:url(../images/ibutton.png) no-repeat center top; height:16px; width:110px; display:block; color:#282828;}
.ibutton span{ left:50%; top:20px; margin-left:-55px;}
.map_div{ height:232px;}
.foot{ height:170px; background:#f8f8f8;}
.span_h1{ font-size:14px; left:160px; top:55px;}
.f_list{ left:387px; top:30px;}
.f_list ul li{ float:left; width:63px; height:66px; position:relative; margin-right:30px;}
.f_list ul li span{ display:none; left:0px; top:0px; position:absolute;}
.f_tel{ left:665px; top:55px;}
.f_tel h1{ font-size:18px;}
.f_t_font{ font-size:12px; left:802px; top:58px;}
.f_font{text-align:center; padding-top:125px;}
.b_div{ height:116px;}
.w789{ width:789px;}
.b_font{ padding-top:40px; color:#3f3a39;}
.b_font h1{ height:38px;}
.mh36{ height:36px;}
.menu{ background:#e5e634;}
.menu ul li{ float:left;}
.menu ul li a{height:36px; line-height:36px; padding:0px 20px; display:block; white-space:nowrap; _float:left;}
.menu ul li a:hover,.menu ul li a.mahover{ background:#3f3a39; color:#FFF;}
.menu .img{ left:0px; bottom:0px;}
.title{ height:28px; border-bottom:1px solid #eaeaea; color:#3f3a39;}
.title p{ padding-left:22px; background:url(../images/trow.gif) no-repeat 0px 2px;}
.title a{color:#3f3a39;}
.title a:hover{ text-decoration:underline;}
.bank20{ padding-top:20px;}
.aboutcontent a{color:#3f3a39;}
.aboutcontent a:hover{ text-decoration:underline;}
.aboutcontent{ line-height:20px; font-size:12px; color:#3f3a39;}
.aboutcontent p{ margin-bottom:20px;}
.aboutcontent img,.aboutcontent div,.aboutcontent table,.aboutcontent p,.aboutcontent h1{width:expression(this.width >= 1024? "1024px": this.width); max-width:1024px;}
.fan_div{ height:36px; background:#e5e634; line-height:36px; text-align:center;}
.h450{ _height:450px; min-height:450px;}
.caselist ul li{ width:341px; height:250px; float:left; position:relative; overflow:hidden; background:url(../images/loading.gif) no-repeat center;}
.caselist ul li img{ width:341px; height:250px;}
.caselist ul li a{ color:#FFF;}
.caselist ul li a img{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);	filter: url(gray.svg#grayscale); filter: gray; position:absolute; top:0px; left:0px;}
.caselist ul li a:hover img{filter: grayscale(0%);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%); -o-filter: grayscale(0%); -webkit-filter: grayscale(0);filter: none;}
.caselist ul li p{ height:42px; background:#000; font-size:14px; padding-left:20px; width:321px; position:absolute; bottom:-42px; left:0px; line-height:42px;}

.newslist ul li{ width:324px; height:332px; background:#f6f6f6; margin-right:26px; float:left; margin-bottom:30px;}
.newslist ul li.mr0{ margin-right:0px;}
.newslist ul li a{width:300px; height:320px; padding:0px 12px; padding-top:12px; display:block;}
.newslist ul li img{ width:300px; height:172px; margin-bottom:18px; background:url(../images/loading.gif) no-repeat center;}
.newslist ul li a:hover{ background:#e5e634;}
.newslist ul li span{ padding:0px 8px; color:#3f3a39;}
.newslist ul li h1{padding:0px 8px; color:#3f3a39; font-size:14px; font-weight:normal; height:32px; padding-top:2px;}
.newslist ul li p{ color:#c4c4c4; padding:0px 8px;}
.newslist ul li a:hover p{color:#3f3a39;}
.newslist ul li a:hover h1{ text-decoration:underline;}

.case_top{ background:#000;}
.case_top_l{ width:802px;}
.case_top_l h1{ color:#e5e632; font-size:24px; position:relative; height:40px;}
.case_top_l h1 span{ font-size:12px; font-weight:normal; position:absolute; right:0px; top:9px;}
.case_top_l h1 span a{color:#e5e632; text-decoration:underline;}
.case_top_l p{ line-height:20px; color:#a0a0a0;}
.bank40{ padding-top:40px;}
.case_top_r{ width:156px; padding-top:14px;}
.case_top_r a{ width:63px; height:63px; display:block; background:#3f3a39; text-align:center; line-height:63px; font-size:38px; font-family:"宋体"; color:#e5e632;}
.case_top_r a:hover{ background:#e5e632; color:#3f3a39;}
.bank60{ padding-top:60px;}

.mtitle{ padding-bottom:28px; border-bottom:1px solid #ebebeb; text-align:center;}
.mtitle h1{ font-size:16px; font-weight:normal; line-height:30px; padding-bottom:5px;}

.qq_div{ width:63px; height:auto; position:fixed; right:0px; _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); bottom:150px; z-index:999;}
.qq_div a{ width:63px; height:63px; display:block;}
.qq_div .qq{ background:url(../images/qq.gif) no-repeat; margin-bottom:2px;}
.qq_div .qq:hover{ background:url(../images/qq_hover.gif) no-repeat;}
.qq_div .topfan{background:url(../images/sfan.gif) no-repeat;}
.qq_div .topfan:hover{background:url(../images/sfan_hover.gif) no-repeat;}