#page{float:left;width:100%;position:relative;font-family: "微软雅黑";min-width:960px;}
#page #header{position:fixed;width:100%;height:60px;background:url(../images/bg_header.png) repeat;z-index:999;}
#page #header .headerinner{width:960px;margin:0 auto;}
#page #header .headerinner #logo{float:left;margin-top:9px;margin-left:40px;}
#page #header .headerinner #logo img{width:95px;}
#page #header .headerinner #mainmenu{float:left;}
#page #header .headerinner #mainmenu ul{float:left;margin-left: 10px;}
#page #header .headerinner #mainmenu ul li{float:left;font-size:18px;margin-left:55px;font-weight: bold;height:60px;}
#page #header .headerinner #mainmenu ul li a{color:#595959;text-decoration: none;display: block}
#page #header .headerinner #mainmenu ul li a img{margin-top:25px;}
#page #header .headerinner #mainmenu ul li a .over{display: none;}
#page #header .headerinner #mainmenu ul li a:hover{color:#000000;}
#page #header .headerinner #mainmenu ul li a:hover .off{display: none;}
#page #header .headerinner #mainmenu ul li a:hover .over{display: block;}
#page #header .headerinner #mainmenu ul li.active{background:url(../images/menu_arrow.png) no-repeat 2px 45px;}
#page #header .headerinner #mainmenu ul li.active a{color:#000000;}
#page #header .headerinner #mainmenu ul li.active .over{display: block}
#page #header .headerinner #mainmenu ul li.active .off{display: none;}
#page #header .headerinner .language{float:right;margin: 22px 40px 0 0;}
#page #header .headerinner .language p{font-size:12px;color:#333;float:left;width:44px;height:15px;background:url(../images/11.png) no-repeat;position: relative;top: -15px;}
#page #header .headerinner .language p a{float:left;width:15px;height:15px;}
#page #header .headerinner .language p span{float:left;height:15px;width:14px;}


#page #pagebody{float:left;width:100%;}
#page #pagebody .warpper{float:left;width:100%;}

#project{overflow: hidden;position:relative;}
#project .projectlist{float:left;width:100%;}
#project .projectlist .projectgroup{float:left;}
#project .projectlist .projectitem{float:left;width:33.33%;height:33.33%;}
#project .projectlist .projectitem img{position:absolute;top:0px;left:0px;width:100%;height:100%;}
#project .projectprev{position:absolute;z-index:99;width:56px;height:56px;background:url(../images/project_prev.png) no-repeat;cursor:pointer;left:20px;top:50%;margin-top:-28px;}
#project .projectnext{position:absolute;z-index:99;width:56px;height:56px;background:url(../images/project_next.png) no-repeat;cursor:pointer;right:20px;top:50%;margin-top:-28px;}
#project .projectprev:hover{background-position: bottom;}
#project .projectnext:hover{background-position: bottom;}
#project .loadimglist{display:none;position:fixed;z-index:999;width:100%;height:100%;background:url(../images/toumingbg.png) repeat;top:0px;left:0px;}
#project .loadimglist #imgslider{width:640px;height:360px;position:absolute;top:50%;left:50%;margin-top:-180px;margin-left:-320px;}
#project .loadimglist #imgslider #slider{width:640px;height:360px;}
#project .loadimglist #imgslider #slider li{width:640px;height:360px;float:left; }

#project .loadimglist .prev{width:29px;height:29px;position:absolute;left:1px;top:50%;background:url(../images/arrLeft.png) no-repeat;}
#project .loadimglist .prev:hover{background:url(../images/arrLeftH.png) no-repeat;}
#project .loadimglist .next{width:29px;height:29px;position:absolute;left:610px;top:50%;background:url(../images/arrRight.png) no-repeat;}
#project .loadimglist .next:hover{background:url(../images/arrRightH.png) no-repeat;}
#project .pagenum{position:fixed;z-index:999;display: none;width:640px;height:34px;background:url(../images/bg_black.png) repeat;top:50%;left:50%;margin:-220px 0 0 -320px;line-height: 34px;text-align: center;font-size:12px;color:#fff;font-family: Verdana}
#project .pagenum .pptoff{position:absolute;right:8px;top:8px;cursor:pointer;}


#about{height:1080px;background:url(../images/bg_about.jpg) no-repeat center center fixed;position:relative;overflow: hidden;}

#about .aboutinner{width:960px;margin:0 auto;}
#about .aboutinner .aboutcontent{float:left;width:390px;margin-left:390px;margin-top:135px;}
#about .aboutinner .aboutcontent .aboutttl{float:left;width:100%;margin-bottom:60px;}
#about .aboutinner .aboutcontent .abouttext{float:left;width:100%;font-size:13px;color:#fff;text-align: center;line-height:22px;}
#about .aboutinner .aboutcontent .abouttext p{margin-bottom:30px;}
#about .pen{position:absolute;left:50%;top:205px;margin-left:350px;}

#partner{background:url(../images/bg_partner.png) no-repeat center;height:1080px;}
#partner .partnerinner{margin:0 auto;width:966px;}
#partner .partnerinner .partnerttl{float:left;width:100%;text-align: center;margin-top:135px;}
#partner .partnerinner .partnerlist{float:left;width:100%;margin-top:100px;}
#partner .partnerinner .partnerlist .partneritem{float:left;width:180px;height:140px;background:url(../images/bg_partneritem.png) no-repeat;padding:6px;}

#home{height:1080px;}
#home .homeinner{min-width:960px;}
#home .fullhome{float:left;width:100%;height:100%;}
#home .homeinner img{position:absolute;top:0px;left:0px;width:100%;height:100%;}
#service{height:1080px;background:url(../images/bg_service.jpg) no-repeat;}
#service .serviceinner{margin:0 auto;height:1080px;width:960px;position:relative;}
#service .serviceinner .servicettl{float:left;width:100%;text-align: center;margin-top:135px;}
#service .serviceinner .servicecity{position:absolute;top:130px;right:240px;z-index:9;cursor:pointer;}
#service .serviceinner .servicearea{position:absolute;top:130px;left:240px;z-index:9;cursor:pointer;}
#service .serviceinner .servicecity1{position:absolute;top:130px;right:240px;z-index:8;cursor:pointer;display: none;}
#service .serviceinner .servicearea1{position:absolute;top:130px;left:240px;z-index:8;cursor:pointer;display: none;}


#service .serviceinner .bk01{position:absolute;top: 327px;left: 70px;width:466px;height:343px;}
#service .serviceinner .bk02{position:absolute;top: 327px;right: 70px;width:466px;height:343px;}
#service .serviceinner .areaimg{position:absolute;top:15px;left:-80px;display: none;}
#service .serviceinner .mapcity{position:absolute;top:170px;right:-115px;width:439px;height:351px;background:url(../images/map.png) no-repeat;display: none;}
#service .serviceinner .mapcity .point{position:absolute;height:14px;width:9px;cursor:pointer;z-index:8}
#service .serviceinner .mapcity .punctuate-0{top:129px;right:146px;}
#service .serviceinner .mapcity .punctuate-1{top:129px;right:129px;}
#service .serviceinner .mapcity .punctuate-2{top:158px;right:120px;}
#service .serviceinner .mapcity .punctuate-3{top:170px;right:163px;}
#service .serviceinner .mapcity .punctuate-4{top:190px;right:129px;}
#service .serviceinner .mapcity .punctuate-5{top:172px;right:202px;}
#service .serviceinner .mapcity .punctuate-6{top:204px;right:201px;}
#service .serviceinner .mapcity .punctuate-7{top:197px;right:111px;}
#service .serviceinner .mapcity .punctuate-8{top:201px;right:236px;}
#service .serviceinner .mapcity .punctuate-9{top:206px;right:121px;}
#service .serviceinner .mapcity .punctuate-10{top:265px;right:176px;}
#service .serviceinner .mapcity .punctuate-11{top:253px;right:161px;}
#service .serviceinner .mapcity .punctuate-12{top:261px;right:154px;}

#service .serviceinner .mapcity .text{position:absolute;font-size:12px;color:#23bcc7;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
#service .serviceinner .mapcity .text-0{top: 107px;right: 170px;}
#service .serviceinner .mapcity .text-1{top: 108px;right: 86px;}
#service .serviceinner .mapcity .text-2{top: 138px;right: 70px;}
#service .serviceinner .mapcity .text-3{top: 149px;right: 167px;}
#service .serviceinner .mapcity .text-4{top: 165px;right: 80px;}
#service .serviceinner .mapcity .text-5{top: 184px;right: 225px;}
#service .serviceinner .mapcity .text-6{top: 183px;right: 142px;}
#service .serviceinner .mapcity .text-7{top: 208px;right: 52px;}
#service .serviceinner .mapcity .text-8{top: 210px;right: 248px;}
#service .serviceinner .mapcity .text-9{top: 217px;right: 134px;}
#service .serviceinner .mapcity .text-10{top: 242px;right: 188px;}
#service .serviceinner .mapcity .text-11{top: 264px;right: 111px;}
#service .serviceinner .mapcity .text-12{top: 274px;right: 85px;}

#service .serviceinner .mapcity .line{position:absolute;width:0px;height:17px;}
#service .serviceinner .mapcity .line-0{background:url(../images/linetopleft.png) no-repeat right;top:123px;right:150px;}
#service .serviceinner .mapcity .line-1{background:url(../images/linetopright.png) no-repeat left;top:123px;left:305px;}
#service .serviceinner .mapcity .line-2{background:url(../images/linetopright.png) no-repeat left;top: 152px;left: 312px;}
#service .serviceinner .mapcity .line-3{background:url(../images/linetopleft.png) no-repeat right;top: 164px;right: 165px;}
#service .serviceinner .mapcity .line-4{background:url(../images/linetopright.png) no-repeat left;top: 182px;left: 304px;}
#service .serviceinner .mapcity .line-5{background:url(../images/linebottomleft.png) no-repeat right;top: 182px;right: 205px;}
#service .serviceinner .mapcity .line-6{background:url(../images/linetopright.png) no-repeat left;top: 199px;left: 232px;}
#service .serviceinner .mapcity .line-7{background:url(../images/linebottomright.png) no-repeat left;top: 209px;left: 322px;}
#service .serviceinner .mapcity .line-8{background:url(../images/linebottomleft.png) no-repeat right;top: 209px;right: 238px;}
#service .serviceinner .mapcity .line-9{background:url(../images/linebottomleft.png) no-repeat right;top: 217px;right: 124px;}
#service .serviceinner .mapcity .line-10{background:url(../images/linetopleft.png) no-repeat right;top: 256px;right: 181px;}
#service .serviceinner .mapcity .line-11{background:url(../images/linebottomright.png) no-repeat left;top: 263px;left: 273px;}
#service .serviceinner .mapcity .line-12{background:url(../images/linebottomright.png) no-repeat left;top: 273px;left: 279px;}



#contact{height:1080px;background:url(../images/bg_contact.jpg) no-repeat fixed center center;}
#contact .contactinner{width:960px;margin:0 auto;}
#contact .contactinner .contactttl{float:left;width:100%;text-align: center;margin-top:135px;margin-bottom:100px;}
#contact .contactinner .contactleft{float:left;width:480px;}
#contact .contactinner .contactleft .inputrow{float:left;width:100%;margin-bottom:15px;}
#contact .contactinner .contactleft .inputrow label{float:left;width:120px;font-size:16px;color:#fff;text-indent:7px;line-height:32px;}
#contact .contactinner .contactleft .inputrow .form-control{float:left;width:263px;height:26px;border:1px solid #CCCCCC;;padding:2px 5px;background:url(../images/bg_textarea.png) repeat-x #fff;font-size:14px;color:#666;outline:none;}
#contact .contactinner .contactleft .inputrow .textarea{float:left;width:325px;height:76px;padding:2px 5px;font-size:14px;color:#666;border:1px solid #CCCCCC;background:url(../images/bg_textarea.png) repeat-x #fff;}
#contact .contactinner .contactleft .inputrow .error{float: left;margin-left: 120px;font-size: 12px;color: #f00;}

#contact .contactinner .contactleft .error .form-control{border:1px solid #f00;}
#contact .contactinner .contactleft .error .textarea{border:1px solid #f00;}
#contact .contactinner .contactleft .input-submit{float:left;width:458px;}
#contact .contactinner .contactleft .input-submit input{float:right;border:none;background:url(../images/formsubmit.png) no-repeat;width:93px;height:33px;text-indent: -9999px;overflow: hidden;cursor:pointer;}
#contact .contactinner .contactleft form{color:#fff;font-size:16px;}
#contact .contactinner .contactright{float:left;width:480px;}
#contact .contactinner .contactright img{float:left;margin:0 0 0 170px;}

#footer{float:left;width:100%;height:43px;line-height:43px;border-top:1px solid #808080;text-align: center;font-size:12px;color:#acacac;background:#000;position:relative;}
.totop{position:absolute;bottom:8px;right:50px;cursor:pointer;width:28px;height:27px;z-index:999;}