@charset "utf-8";

body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dd,dt{margin:0;padding:0;border:0;}
body{background:url(../images/body_bg.gif) no-repeat right 0px;background-attachment: fixed;color:#585858;font-size:12px;font-family:"微软雅黑","Verdana","宋体",Arial,Sans; height:100%; width:100%;}
ul,ol,li,dl,dd,dt{list-style-type:none;}
select,input,img,select,button{vertical-align:middle; font-size:12px}
a{text-decoration:none; color:#575757}
a:link{color:#575757}
a:hover,a:active,a:focus{color:#01abc5;}
.clearit{clear:both;}

.b{font-weight:bold}
.red{ color:#ee0000}
.orange{ color:#ff6c00}
.black{ color:#222}
.blue{ color:#0294C5}
.green{ color:#019a62}
.font11{ font-size:11px}
.font14{ font-size:14px}

.pageList{ height:80px; padding:10px 15px 10px 15px; margin-top:10px}
.pageList ul.l{ float:left}
.pageList ul.r{float:right}
.pageList ul.r li{ float:left; margin-left:5px}
.pageList ul.r a{display:block;float:left; width:21px; height:22px; text-align:center; line-height:22px;background:url(../images/icon9.gif) no-repeat; color:#222; font-family:Arial, Helvetica, sans-serif}
.pageList ul.r a.pre{background:url(../images/icon_pre.gif) no-repeat; text-indent:-10000px}
.pageList ul.r a.pre:hover{ background-position:0px}
.pageList ul.r a.next{background:url(../images/icon_next.gif) no-repeat; text-indent:-10000px}
.pageList ul.r a.next:hover{ background-position:0px}
.pageList ul.r a:hover{ background-position:0px -22px; color:#fff}
.pageList ul.r a.selected{background-position:0px -22px; color:#fff}
.pageList ul.r input{ width:40px; margin-left:5px; height:18px; border:1px #ccc solid}
.pageList ul.r button{ background:url(../images/icon10.gif) no-repeat; border:none; width:35px; height:21px; cursor:pointer; margin-left:5px}


#wrapper{width:1003px;}
.goTop{ display:block; width:32px; height:186px; background:url(../images/top.png) no-repeat;  position:absolute; left:1003px;top:200px; cursor:pointer}
#pageLeft{ width:205px; float:left; position:relative;}
#pageLeft .logo{ text-align:center; padding:25px 0px}
#pageLeft .nav{ background:url(../images/new_beta.gif) no-repeat; padding-top:60px; margin-top:20px}
#pageLeft .nav ul{ width:160px; padding-left:45px}
#pageLeft .nav ul li{ height:40px;}
#pageLeft .nav ul li a{ display:block; height:32px; background:url(../images/nav.gif) no-repeat; text-indent:-10000px}
#pageLeft .nav ul li a.menu1{ background-position:0px 0px}
#pageLeft .nav ul li a.menu2{ background-position:0px -40px}
#pageLeft .nav ul li a.menu3{ background-position:0px -80px}
#pageLeft .nav ul li a.menu4{ background-position:0px -120px}
#pageLeft .nav ul li a.menu5{ background-position:0px -160px}
#pageLeft .nav ul li a:hover{background-position-x:-160px}
#pageLeft .nav ul li a.selected{background-position-x:-320px}

#pageRight{width:793px; background:#EAEAEA; float:left; padding-bottom:40px; border-left:5px #D1D1D1 solid; overflow:hidden}

#footer{ position:absolute; left:0; width:205px;top:455px}
#footer .pic{ text-align:right; height:247px; margin-left:45px}
#footer .guestBook{ padding-left:45px; margin-bottom:60px;}
#footer .guestBook strong{ display:block; background:url(../images/icon1.gif) no-repeat; height:40px; text-indent:-10000px}
#footer .guestBook ul li{ margin-bottom:10px}
#footer .guestBook ul li input{background:#555454; height:20px; width:140px; border:none; padding:2px 5px; color:#827E7E}
#footer .guestBook ul li textarea{background:#383838; font-size:12px; height:60px; width:140px; border:none; padding:5px 5px; color:#555454; overflow:auto}
#footer .guestBook ul li button{ background:url(../images/icon2.gif) no-repeat; width:72px; height:25px; border:none; color:#EBEBEB; cursor:pointer}
#footer .guestBook ul li button.hover{ background-position:0px -25px}
#footer .other{ padding-left:45px; width:160px; margin-top:10px}
#footer .other .tel{ background:url(../images/icon3.gif) no-repeat; height:40px; text-indent:-500px}
#footer .other .addr{ background:url(../images/icon4.gif) no-repeat; height:30px; text-indent:-500px; margin-top:10px}
#footer .other .qq{ background:url(../images/icon5.gif) no-repeat; height:31px; margin-top:10px;}
#footer .other .qq a{ display:block; width:27px; height:30px; float:left;margin-right:10px}
#footer .other .follow{ height:12px; background:url(../images/icon6.gif) no-repeat; margin-top:25px; padding-top:18px;}
#footer .other .follow a{ margin-right:2px}
#footer .other .copy{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-top:20px; line-height:18px}

#index{width:793px; overflow:hidden}
#index h1.h1{ width:1px; height:1px; overflow:hidden;}
#index .service{ font-family:"宋体"}
#index .service h2{ background:url(../images/index_t1.gif) no-repeat 15px 0px; height:30px; text-indent:-10000px;}
#index .service ul.list{ background:url(../images/icon11.gif) no-repeat #fff 10px 115px; border:1px #d5d5d5 solid; padding:10px 0px;  margin:0px 14px 0px 14px;height:215px; overflow:hidden}
#index .service ul.list li{ width:350px; margin-left:20px; height:90px; overflow:hidden; margin-top:5px; margin-bottom:25px;float:left; display:inline; position:relative}
#index .service ul.list li ul{ margin-top:20px;}
#index .service ul.list li h3{height:25px; text-indent:-10000px}
#index .service ul.list li p{color:#7e7e7e; line-height:19px; padding-left:70px}
#index .service ul.list li p a{ font-size:11px; font-family:"PMingLiU"; color:#01abc5;}
#index .service ul.list li p a:hover{ color:#01915C}
#index .service ul.list li.item1{background:url(../images/icon8.gif) no-repeat 0px 28px;}
#index .service ul.list li.item1 h3{ background:url(../images/icon9.gif) no-repeat;}
#index .service ul.list li.item2{background:url(../images/icon13.gif) no-repeat 0px 28px;}
#index .service ul.list li.item2 h3{ background:url(../images/icon12.gif) no-repeat;}
#index .service ul.list li.item3{background:url(../images/icon14.gif) no-repeat 0px 28px;}
#index .service ul.list li.item3 h3{background:url(../images/icon15.gif) no-repeat}
#index .service ul.list li.item4{background:url(../images/icon16.gif) no-repeat 0px 28px;}
#index .service ul.list li.item4 h3{background:url(../images/icon17.gif) no-repeat}
#index .service ul.list li div p{color:#555}
#index .service ul.list li div{position:absolute;top:0px; left:0px;width:350px; height:90px;z-index:100;top:0px; left:0px;display:inline-block;opacity:0;filter: Alpha(opacity=0);}
#index .service ul.list li.item1 div{background:url(../images/icon8.gif) no-repeat 0px -73px; }
#index .service ul.list li.item2 div{background:url(../images/icon13.gif) no-repeat 0px -73px;}
#index .service ul.list li.item3 div{background:url(../images/icon14.gif) no-repeat 0px -73px;}
#index .service ul.list li.item4 div{background:url(../images/icon16.gif) no-repeat 0px -73px;}
#index .case{ margin-top:30px; margin-bottom:30px}
#index .case h2{ background:url(../images/index_t2.gif) no-repeat 15px 0px; height:30px; text-indent:-10000px; border-bottom:5px #fff solid}
#index .case ul.list{ margin-top:15px}
#index .case ul.list li{background:url(../images/case_bg.gif) no-repeat; width:150px; height:197px; padding:9px; overflow:hidden; float:left; margin-left:15px; margin-right:15px;display:inline; position:relative;}
#index .case ul.list li img{ display:block; width:150px; height:90px;}
#index .case ul.list li p{ margin-top:5px; line-height:22px}
#index .case ul.list li a.link{ display:block; background:url(../images/icon7.gif) no-repeat; height:25px; margin-top:8px}
#index .case ul.list li div{background:url(../images/case_bg.gif) no-repeat -168px 0; width:150px; height:197px; padding:9px; overflow:hidden; position:absolute;z-index:100;top:0px; left:0px;display:inline-block;opacity:0;filter: Alpha(opacity=0); color:#fff}
#index .case ul.list li div span{color:#fff}
#index .case ul.list li div a{ color:#fff}
#index .case ul.list li div a:hover{ text-decoration:underline}
#index .case ul.list li div .link{ background:url(../images/icon7.gif) no-repeat 0px -25px !important}

.client{}
.client h2{ background:url(../images/index_t3.gif) no-repeat 15px 0px; height:30px; text-indent:-10000px;}
.client div{background:#fff; border:1px #d5d5d5 solid; padding:15px 15px;height:50px; margin:0px 14px 0px 14px; overflow:hidden}
.client div ul{ width:730px; height:50px; overflow:hidden; margin:0 auto}
.client div ul li{float:left; padding:0px 10px;}

#index .link{ margin-top:30px;}
#index .link img{ margin:0px 0px 10px 15px;}
#index .link ul.list{margin:0px 14px 0px 14px;}
#index .link ul.list li{height:15px; padding:3px 0px; float:left;margin-right:10px;white-space:nowrap; }
#index .link ul.list li a{ color:#797676}
#index .link ul.list li a:hover{ text-decoration:underline; color:#222}

.banner{ height:317px; background:url(../images/banner_bg.gif) no-repeat; padding:16px 12px 37px 13px;}
.banner #banner{ height:306px; overflow:hidden}
.banner #banner li{}
.banner #banner li img{ width:768px; height:306px;}
.bx-pager a {margin-right:4px;color: #999;padding:2px 10px 3px 10px;font-size:12px;zoom:1;	background: #EBEBE6;}
.bx-pager {padding-top:4px;font-size:12px;color:#666; margin-left:604px}
.bx-pager a.pager-active{ background:#8E8A8A; color:#fff}

.breadCrumb{ position:absolute;width:766px; text-align:right;font-size:12px; font-family:"宋体";  padding:5px 14px; color:#777}
.breadCrumb a{}
.m5{ margin-top:5px; width:760px; padding-right:20px;}

#case {}
#case .caseList{margin-top:15px;}
#case .caseList h2{ background:url(../images/case_t.gif) no-repeat 15px 0px; text-indent:-10000px; height:30px; border-bottom:5px #fff solid;overflow:hidden; }
#case .caseList ul.list{ margin-top:25px}
#case .caseList ul.list li{background:url(../images/case_bg.gif) no-repeat; width:150px; height:197px; padding:9px; overflow:hidden; float:left; margin-left:15px; margin-right:15px;display:inline; position:relative; margin-bottom:25px}
#case .caseList ul.list li img{ display:block;width:150px; height:90px;}
#case .caseList ul.list li p{ margin-top:5px; line-height:22px}
#case .caseList ul.list li p a{ font-weight:bold}
#case .caseList ul.list li a.link{ display:block; background:url(../images/icon7.gif) no-repeat; height:25px; margin-top:8px}
#case .caseList ul.list li div{background:url(../images/case_bg.gif) no-repeat -168px 0; width:150px; height:197px; padding:9px; overflow:hidden; position:absolute;z-index:100;top:0px; left:0px;display:inline-block;opacity:0;filter: Alpha(opacity=0); color:#fff}
#case .caseList ul.list li div span{color:#fff}
#case .caseList ul.list li div a{ color:#fff}
#case .caseList ul.list li div a:hover{ text-decoration:underline}
#case .caseList ul.list li div .link{ background:url(../images/icon7.gif) no-repeat 0px -25px !important}

#case .caseView{ margin:0px 14px; position:relative; zoom:1}
#case .caseView h1{ background:url(../images/icon18.gif) no-repeat; height:26px;  width:750px; font-family:"微软雅黑"; font-weight:normal; font-size:16px; padding-top:5px; padding-left:15px; color:#222; overflow:hidden}
#case .caseView .co{background:#fff; border:1px #d5d5d5 solid; border-top:0; border-bottom:0; padding:15px 10px;}
#case .caseView .co .itemA{background:url(../images/dot.gif) repeat-x 0px bottom; height:165px;}
#case .caseView .co .itemA .left{ width:250px; float:left}
#case .caseView .co .itemA .left img{ width:225px; height:135px; padding:3px; border:1px #ddd solid}
#case .caseView .co .itemA .right{ width:480px; float:left; padding-bottom:30px}
#case .caseView .co .itemA .right .des{ font-size:14px; line-height:23px}
#case .caseView .co .itemA .right .time{ background:url(../images/icon20.gif) no-repeat; height:20px; margin-top:20px; padding-left:25px; color:#07ABC4}
#case .caseView .co .itemA .right .time a{ background:url(../images/icon21.gif) no-repeat; padding-left:22px; margin-left:20px; color:#07ABC4; padding-bottom:5px}
#case .caseView .co .itemA .right .time a:hover{ color:#019a62}
#case .caseView .co .itemB{ margin-top:15px; line-height:24px}
#case .caseView .co .itemB img{ margin:10px 0px}	
#case .caseView .other{background:url(../images/icon19.gif) no-repeat; height:23px; width:750px; padding-top:8px; padding-left:15px; color:#222; _margin-left:2px}

#contact{}
#contact h2{ background:url(../images/contact_t.gif) no-repeat; height:20px; text-indent:-10000px; margin-left:15px;overflow:hidden; }
#contact .co{border:1px #d5d5d5 solid; padding:20px;  margin:10px 14px 0px 14px; background:#fff;;font-size:13px}
#contact .co .left{ width:500px; float:left}
#contact .co .right{ width:200px; float:left}
#contact .co p{ margin:6px 0px; line-height:22px}
#contact .co p img{ position:relative;top:-2px; margin-right:3px}
#contact .co p.map{ margin-top:30px}

#service{}
#service h2{ background:url(../images/index_t1.gif) no-repeat 15px 0px; height:30px; text-indent:-10000px;}

.services{background:#fff; border:1px #d5d5d5 solid; padding:15px 15px 50px; margin:0px 15px;}
.services img{ float:left; margin-top:14px; margin-left:10px}
.services h3{ width:560px; float:right; margin:10px 0px 0px; font-size:15px; color:#444}
.services p{ width:560px; float:right; margin:10px 0px; line-height:22px}
.services p a{ color:#01abc5; font-family:"宋体"; margin-left:5px; text-decoration:underline}
.services p a:hover{ color:#01915C; text-decoration:none}
.services .clearit{ background:url(../images/dot.gif) repeat-x 0 center; height:30px; overflow:hidden}

.serviceView{ margin:0px 14px;position:relative; zoom:1}
.serviceView h1{ background:url(../images/icon18.gif) no-repeat; height:26px;  width:750px; font-family:"微软雅黑"; font-weight:normal; font-size:16px; padding-top:5px; padding-left:15px; color:#222; overflow:hidden}
.serviceView .co{background:#fff; border:1px #d5d5d5 solid; border-top:0; border-bottom:0; padding:15px 10px;}
.serviceView .co p{line-height:22px; margin:10px 0px;}
.serviceView .co h3{ width:120px; float:left; text-align:right; margin:12px 0px; font-size:15px}
.serviceView .co .item{ width:550px; float:left; margin-left:50px}
.serviceView .co .clearit{ background:url(../images/dot.gif) repeat-x 0 center; height:10px; overflow:hidden}

.article{background:#fff; border:1px #d5d5d5 solid; border-top:0; padding:0px 10px 50px;}
.article li{ margin-left:20px; padding:3px 0px 3px 12px; background:url(../images/li.gif) no-repeat 0 center}

.articleView{ margin:0px 14px; position:relative}
.articleView h1{ background:url(../images/icon18.gif) no-repeat; height:26px;  width:750px; font-family:"微软雅黑"; font-weight:normal; font-size:16px; padding-top:5px; padding-left:15px; color:#222; overflow:hidden}
.articleView .co{background:#fff; border:1px #d5d5d5 solid; border-top:0;  padding:15px 20px 50px;min-height:480px;height:auto !important;height:480px;}
.articleView .co p{line-height:22px; margin:10px 0px;}


#about{}
#about h2{ background:url(../images/about_t.gif) no-repeat; height:20px; text-indent:-10000px; margin-left:15px;overflow:hidden; }
#about .co{border:1px #d5d5d5 solid; padding:20px 20px 40px 20px;  margin:10px 14px 0px 14px; background:#fff;font-size:13px;}
#about .co h1{ font-size:25px; font-weight:normal; color:#00784C; height:60px;font-family:"微软雅黑";  }
#about .co h1 span{ font-size:12px; font-style:italic; color:#999; display:block; margin-top:2px}
#about .co p{line-height:22px; margin:10px 0px; text-indent:2em}
#about .co h3{margin:12px 0px; font-size:15px; font-family:"微软雅黑"; background:#eee; padding:6px 0px; font-size:15px; background:url(../images/dot.gif) repeat-x 0px bottom;}
#about .co .item{ padding-bottom:10px}
#about .co .clearit{ background:url(../images/dot.gif) repeat-x; height:10px; overflow:hidden}