@charset "utf-8";
/* CSS Document */
html{color:#222;background:#EEE;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{margin:0;padding:0;}
body{ line-height:20px; font-size:13px; font-family:Verdana,"Microsoft Yahei","微软雅黑",Helvetica,Arial,sans-serif; }
table{border-collapse:collapse;border-spacing:0;}
fieldset, img{border:0;}
ul{ list-style-type:none; }
li{list-style:none;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
a,a:link{color:#222; text-decoration:none;}
a:hover,a:active{color:#018755;text-decoration:underline;}
.alpha:hover{ filter:alpha(opacity=90);opacity:0.90; }
.clea{ clear:both; }
.fl{ float:left; }

.main{ clear:both; width:1000px; margin:0 auto; }

/*顶部导航*/
.topd{ position:fixed; width:100%; min-width:800px; top:0; left:0; z-index:999999; height:60px; line-height:60px; background:url(../images/bg_nav.png) repeat; overflow:hidden; }
.topd .logod{ float:left; padding:12px 0 0 50px; }
.topd .navid{ float:right; padding-right:20px; }
.topd .navid li{ float:left; width:130px; height:60px; font-size:15px; }
.topd .navid li a{ width:130px; height:60px; margin-top:-60px; text-align:center; display:block; transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; }
.topd .navid li a span{ width:130px; height:60px; display:block; }
.topd .navid li a .mt{ color:#fcd068; background:url(../images/bg_navli.png) repeat; }
.topd .navid li a:hover{ margin-top:0px; text-decoration:none; }
.topd .navid li.hove span{ color:#fcd068; background:url(../images/bg_navli.png) repeat; }

/*banner*/
.bannerd{ clear:both; height:598px; overflow:hidden; position:relative; z-index:99; }
.banner{ height:598px; margin:0 auto; position:absolute; top:0; left:50%; width:1600px; margin-left:-800px; }
.bannerdp{ clear:both; height:398px; overflow:hidden; position:relative; z-index:99; }
.bannerp{ height:398px; margin:0 auto; position:absolute; top:0; left:50%; width:1600px; margin-left:-800px; }

.bannerBox{ width:100%; height:598px; overflow:hidden; position:relative; z-index:1; }
.bannerBox .hd{ height:14px; overflow:hidden; position:absolute; left:50%; margin-left:-36px; bottom:10px; z-index:1; }
.bannerBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.bannerBox .hd ul li{ float:left; margin:0 5px; width:14px; height:14px; background:#FFF; cursor:pointer; filter:alpha(opacity=50);opacity:0.50; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; }
.bannerBox .hd ul li.on{ background:#fcd068; filter:alpha(opacity=100);opacity:1; }
.bannerBox .bd{ position:relative; height:100%; z-index:0;   }
.bannerBox .bd li{ zoom:1; vertical-align:middle; }
.bannerBox .bd img{ width:1600px; height:598px; display:block; }

/*首页标题*/
.indextitd{ clear:both; line-height:34px; text-align:center; }
.indextitd h3{ color:#018755; font-size:25px; }
.indextitd h3 a{ color:#018755; }
.indextitd h3 span{ float:right; font-size:14px; font-family:Arial; }
.indextitd h3 span a{ color:#A3A3A3; }
.indextitd p{ font-size:14px; color:#A3A3A3; }
.indextitd p a{ color:#A3A3A3; }
.indextitd.tal{ text-align:left; }

/*首页四块*/
.fourd{ clear:both; background-color:#fff; padding:50px 0 80px 0; overflow:hidden; zoom:1; }

.fourul{ clear:both; padding-top:30px; }
.fourul .fourli{ float:left; width:248px; height:380px; margin:0 1px; position:relative; z-index:1; overflow:hidden; }
.fourul .fourli img{ width:248px; height:380px; }
.fourul .fourli .cond{ position:absolute; width:248px; height:380px; top:0; left:0; z-index:1; filter:alpha(opacity=0);opacity:0; transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; }
.fourul .fourli .cond .conbg{ width:100%; height:100%; background-color:#000; filter:alpha(opacity=85);opacity:0.85; }
.fourul .fourli .cond .con{ position:absolute; top:0; left:0; width:100%; height:100%; display:block; }
.fourul .fourli .cond .con a{ width:100%; height:100%; line-height:30px; display:block; text-align:center; z-index:2; color:#FFF; }
.fourul .fourli .cond .con a:hover{ color:#fff; text-decoration:none; }
.fourul .fourli .cond .con .ico{ padding-top:130px; height:39px; display:block; background:url(../images/ico1.png) center bottom no-repeat; }
.fourul .fourli .cond .con .ti{ padding-top:10px; font-size:18px; display:block; transition:all 0.6s; -webkit-transition:all 0.6s; -moz-transition:all 0.6s; }
.fourul .fourli .cond .con .tx{ font-size:14px; display:block; color:#BBB; }
.fourul .fourli.mouse .cond{ display:block; top:0; filter:alpha(opacity=100);opacity:1; }
.fourul .fourli.mouse .cond .ti{ padding-top:25px; }


/*首页轮播*/
.carouselbg{ clear:both; background:url(../images/bg1.jpg) repeat; padding:50px 0 70px 0; overflow:hidden; zoom:1; }
.caroused{ margin-top:30px; }

.jcImgScroll { position:relative; height:368px; }
.jcImgScroll li { border:1px solid #ccc;  }
.jcImgScroll li a { background:#333; display:block; height:368px;  }
.jcImgScroll li.loading a { background:#333 url(images/loading.gif) no-repeat center center;}
.jcImgScroll li img, .jcImgScroll li, .jcImgScroll em, .jcImgScroll dl { display:none; border:0;}
.jcImgScroll em.sPrev { width:190px; height:368px; left:-30px; display:block; background:url(../images/ico2.png) left center no-repeat; }
.jcImgScroll em.sNext { width:190px; height:368px; right:-30px; display:block; background:url(../images/ico3.png) right center no-repeat; }
.jcImgScroll dl dd { background:url(../images/NumBtn.png) no-repeat 0 bottom; text-indent:-9em; }
.jcImgScroll dl dd:hover,.jcImgScroll dl dd.curr { background-position:0 0; }

.carousemored{ clear:both; padding-top:50px; text-align:center; }
.carousemored a{ padding:10px 20px; border:1px #fff solid; font-size:14px; color:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; }
.carousemored a:hover{ color:#EEE; background-color:#018755; border:1px #018755 solid; text-decoration:none; }

/*首页新闻*/
.inewsd{ clear:both; background-color:#fff; padding:50px 0; overflow:hidden; zoom:1; }
.inewsd .indextitd{ padding-bottom:20px; }

.inewsld{ float:left; width:550px; padding-right:70px; }
.inewsld .txtd{ padding-top:15px; line-height:24px; font-size:13px; }

.inewsrd{ float:left; width:380px; }
.inewsul{ clear:both; }
.inewsul .newsli{ clear:both; padding:15px 0; border-top:1px #EEE solid; transition:background 0.4s; -webkit-transition:background 0.4s; -moz-transition:background 0.8s; }
.inewsul .newsli .titd{ line-height:30px; font-size:13px; color:#000;}
.inewsul .newsli .titd h3{ float:left; width:280px; height:30px; font-size:15px; overflow:hidden; }
.inewsul .newsli .titd span{ float:right; }
.inewsul .newsli p{ clear:both; padding-top:5px; line-height:22px; color:#A3A3A3; }
.inewsul .newsli:hover{ background:#efefef; }

/*footd*/
.footd{ clear:both; height:60px; line-height:60px; padding-left:20px; color:#ddd; background-color:#222; }
.footd a{ color:#ddd; }

/*about.html*/
.pagecontd{ clear:both; background-color:#fff; }

/*内页统一标题*/
.pagetitbg{ clear:both; position:relative; z-index:9999; }
.pagetitbg .ptitd{ position:absolute; width:100%; height:120px; line-height:120px; left:0; bottom:0; display:block; color:#eee; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; }
.pagetitbg .ptitd .bf{ font-size:58px; padding-left:40px; font-family:Courier New; letter-spacing:-5px; }
.pagetitbg .ptitd .sf{ font-size:22px; padding-left:20px; }
.pagetitbg .ptitd.bg2{ background:url(../images/bg2.png) repeat; }
.pagetitbg .ptitd.bg3{ background:url(../images/bg3.png) repeat; }
.pagetitbg .ptitd.bg4{ background:url(../images/bg4.png) repeat; }
.pagetitbg .ptitd.bg5{ background:url(../images/bg5.png) repeat; }
.pagetitbg .ptitd.bg6{ background:url(../images/bg6.png) repeat; }

/*内容主块*/
.page_block{ clear:both; padding:20px 0 50px 0; overflow:hidden; zoom:1; }

/*左侧导航*/
.navleftd{ float:left; width:200px; }
.navleftd ul{ width:130px; padding:0 30px 0 40px; }
.navleftd li{ padding:20px 0; background:url(../images/bg8.jpg) left bottom no-repeat; }
.navleftd li span{ display:block; }
.navleftd li a{ display:block; color:#666; line-height:24px; }
.navleftd li a .tf{ font-size:15px; }
.navleftd li a .bf{ clear:both; font-size:12px; color:#BBB; }
.navleftd li a:hover{ color:#018755; }
.navleftd li.hove a .tf{ color:#018755; text-decoration:underline; }
.navleftd li.hove a:hover{ text-decoration:none; }

/*主内容块*/
.page_parent{ float:left; width:800px; padding-top:20px; }

/*关于*/
.aboutd{ clear:both; padding-right:80px; line-height:24px; }
.aboutd img{ padding:20px 0; }

/*团队*/
.teamd{ clear:both; }
.teamd .teamli{ float:left; width:242px; height:204px; margin:0 20px 20px 0; position:relative; z-index:1; overflow:hidden; }
.teamd .teamli img{ width:242px; height:204px; }
.teamd .teamli .cond{ position:absolute; width:242px; height:204px; top:0; left:0; z-index:1; filter:alpha(opacity=0);opacity:0; transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; }
.teamd .teamli .cond .conbg{ width:100%; height:100%; background-color:#000; filter:alpha(opacity=85);opacity:0.85;  }
.teamd .teamli .cond .con{ position:absolute; top:0; left:0; width:100%; height:100%; padding-top:30px; line-height:30px; display:block; text-align:center; transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; }
.teamd .teamli .cond .con h3{ color:#018755; font-size:18px; display:block; }
.teamd .teamli .cond .con .dp{ font-size:13px; color:#A3A3A3; }
.teamd .teamli .cond .con .ap{ padding-top:8px; }
.teamd .teamli .cond .con .ap a{ padding:5px 15px; color:#EEE; border:1px #EEE solid; transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; }
.teamd .teamli .cond .con .ap a:hover{ color:#EEE; background-color:#018755; border:1px #018755 solid; text-decoration:none; }
.teamd .teamli.mouse .cond{ display:block; top:0; filter:alpha(opacity=100);opacity:1; }
.teamd .teamli.mouse .cond .con{ padding-top:50px; }


/*服务*/
.serviced{ clear:both; line-height:24px; }
.serviceul{ clear:both; }
.serviceul .seli{ float:left; width:246px; height:370px; margin-right:20px; background-color:#EEE; text-align:center; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  transition:background 0.4s; -webkit-transition:background 0.4s; -moz-transition:background 0.4s; }
.serviceul .seli .num{ margin-top:40px; height:107px; line-height:107px; font-size:40px; font-family:"Times New Roman"; background:url(../images/ico4.png) top center no-repeat; }
.serviceul .seli .tit{ font-size:18px; line-height:60px; }
.serviceul .seli.mouse{ background:#222; color:#EEE; }
.serviceul .seli.mouse .num{ background:url(../images/ico4_1.png) top center no-repeat; }
.serviceul .seli.mouse a, .serviceul .seli.mouse a:hover{ color:#EEE; }

.servicetxtd{ clear:both; padding-right:80px; }
.servicetxtd .txtd{ padding:20px 0 10px 0; font-size:18px; }

/*设计*/
.designul{ clear:both; }
.designul .desli{ float:left; width:370px; height:320px; margin:0 30px 20px 0; overflow:hidden; zoom:1; background-color:#EEE; }
.designul .desli h3{ width:370px; height:90px; padding-left:25px; line-height:78px; font-size:18px; color:#FFF; }
.designul .desli h3.bg1{ background:url(../images/ico5.png) no-repeat; }
.designul .desli h3.bg2{ background:url(../images/ico6.png) no-repeat; }
.designul .desli h3.bg3{ background:url(../images/ico7.png) no-repeat; }
.designul .desli h3.bg4{ background:url(../images/ico8.png) no-repeat; }
.designul .desli .conli{ padding:5px 20px 0 20px; line-height:24px; }
.designul .hr{ clear:both; margin-right:30px; height:10px; overflow:hidden; border-bottom:1px #E5E5E5 solid; }

/*案例*/
.cased{ clear:both; }
.page_tabd{ clear:both; height:34px; line-height:34px; }
.page_tabd li{ float:left; width:110px; height:34px; margin-right:2px; }
.page_tabd li a{ background-color:#eee; display:block; text-align:center; }
.page_tabd li a:hover{ background-color:#CCC; text-decoration:underline; }
.page_tabd li.on a{ color:#FFF; background-color:#018755; }

.casepd{ clear:both; width:752px; padding-top:20px; margin-top:20px; border-top:1px #E5E5E5 solid; }
.casepd .panel-overlay h2{ font-size:22px; line-height:54px; font-weight:normal; }
.casepd .panel-overlay h2 a{ color:#fff; }

/*客户名录*/
.customerul{ clear:both; padding:30px 80px 0 0; }
.customerul li{ padding:10px 0; line-height:26px; border-top:1px #E5E5E5 solid;  }

/*资讯中心*/
.newsd{ clear:both; }
.newsul{ clear:both; line-height:20px; overflow:hidden; zoom:1; }
.newsul .newsli{ float:left; width:220px; padding-bottom:25px; margin-right:40px; overflow:hidden; zoom:1; overflow:hidden; }
.newsul .newsli .pic img{ width:180px; height:100px; }
.newsul .newsli .pic img:hover{ filter:alpha(opacity=90);opacity:0.90; }
.newsul .newsli .titd{ padding:8px 0; font-size:15px; }
.newsul .newsli .dept{ height:40px; overflow:hidden; color:#A3A3A3; }

/*分页*/
.pagd{ clear:both; margin:20px 0; height:39px; text-align:center; background:url(../images/bg7.jpg) repeat-x; border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; }
.pagd.tal{ text-align:left; }
.pagd a{ padding:10px 15px; line-height:39px; color:#444; border-right:1px #fff solid; }
.pagd a:hover{ color:#fff; background-color:#CCC; text-decoration:none; }
.pagd a.last{ border-right:0; }
.pagd .now{ color:#fff; background-color:#018755; }
.pagd .now:hover{ background-color:#018755; text-decoration:none; }

/*联系我们*/
.contactd{ clear:both; width:750px; padding-right:50px; padding-bottom:100px; overflow:hidden; zoom:1; }
.contactd .leftcd{ float:left; width:550px; padding-right:40px; line-height:36px; }
.contactd .leftcd strong{ padding-right:10px; }
.contactd .rightcd{ float:left; width:160px; }