@charset "UTF-8";
.area-description{background: #fff;line-height: 34px;font-size: 14px;color: #666;text-indent: 2rem;padding: 20px 40px 55px 40px;}
.erea{background: #fff;font-family: 'Microsoft Yahei',Arial,'Hiragino Sans GB';}
.erea .area-map{width: 863px;height: 620px; margin:0 auto; position: relative; background:url("../images/about_us/map.png") no-repeat top;}
.erea .area-map .city  {display: block; width: 40px;height: 15px; line-height: 15px;  position: absolute; text-align: center; left: 13px; font-size: 12px;   font-style: normal; color: #fff; cursor: pointer;}
.erea .area-map .city p{position: relative;width: 40px;height: 15px; }
.erea .area-map .city p a{color: #fff}
.erea .area-map .city p a:hover{color: #fff; text-decoration: none;}
.erea .area-map .city span i{font-size:20px; color: #fff; font-style: normal; font-weight: normal;   display: block;   text-align: left; margin-bottom: 8px;}
.erea .area-map .city span em{font-size:12px;  line-height: 20px; color: #fff; font-style: normal; display: block;   float: left; text-align: left}
.erea .area-map .city span{display:block; width: 395px; background: url("../images/about_us/map-city-bg.png");  padding: 14px;  z-index: 1; border-radius: 5px; -webkit-border-radius: 5px;}
.erea .area-map .city span{position: absolute; bottom: 20px; left: 50%; margin-left: -220px;}
.erea .area-map .city  .city-pic{ width: 78px; height: 78px;  float: right;  }
.erea .area-map .i1{background: url("../images/about_us/city-bg1.png") no-repeat center}
.erea .area-map .i2{background: url("../images/about_us/city-bg1.gif")}
.erea .area-map .haiwai{line-height: 30px;color: #fff;width: auto;font-size: 18px;}
.erea .area-map .haiwai p{width: auto;}
.erea .area-map .map-city-shanghai{top: 394px; left:551px;}
.erea .area-map .map-city-beijin{top: 248px;left:467px;}
.erea .area-map .map-city-jiling{top: 177px;left:610px;}
.erea .area-map .map-city-shandong{bottom: 276px;left: 500px;}
.erea .area-map .map-city-wuhan{top: 415px;left: 446px;}
.erea .area-map .map-city-tianjin{top: 281px;left: 505px;}
.erea .area-map .map-city-nanjin{left: 448px;top: 374px;}
.erea .area-map .map-city-yangzhou{left: 532px;top: 358px;}
.erea .area-map .map-city-yindu{left: 700px;top: 369px;}
.erea .area-map .map-city-meiguo{left: 700px;top: 414px;}
.erea .area-map .map-city-mengjiala{left: 700px;top: 461px;}
.erea .area-map .map-city-zhengzhou{left: 348px;top: 335px;}
.erea .area-map .map-city-guilin{left: 370px;top: 475px;}
.erea .area-map .map-city-anhui{left: 416px;top: 329px;}


.division{background: #fff;padding: 0;}
.division .area-nav-1{text-align: center;}
.division .area-nav-1 a{width: 130px; height:44px;font-size: 18px; text-align: center; line-height:44px; color: #666666; text-decoration: none; display: inline-block;  position: relative;margin: 0 15px;}
.division .area-nav-1 a.zhongnan{background: #ffc800;color: #fff;border-radius: 5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.division .area-nav-1 a i{border:10px solid #000; border-color:#ffc800 transparent transparent transparent;display: none;position: absolute;bottom: -20px; left:53px;}
.division .area-nav-1 a i.show{display: block!important; }
.division .area-nav-1 a:hover i{display: block; bottom: -20px;}
.division .area-nav-1 a:hover,.division .area-nav-1 a.selected{background: #ffc800;color: #fff;border-radius: 5px;}
.division .area-nav-2{text-align: left;width:870px;margin-top: 15px;margin: 0 auto;}
.division .area-nav-2 a{width: 122px; height: 40px; margin:20px 22px 0 0; border: 1px solid #d5d5d5; font-size: 14px; text-align: center; line-height: 40px; color: #666; text-decoration: none; display: inline-block; border-radius: 3px;-webkit-border-radius: 3px;}
.division .area-nav-2 a.mr0{margin-right: 0px;}
.division .area-nav-2 a:hover,.division .area-nav-2 a.selected{border: 1px solid #2b73cc;color: #2b73cc; }
.division .area-company{width: 870px;  margin:25px auto 0;}
.division .area-company .name{ text-align: center; font-size: 16px; font-weight: bold; margin-bottom: 15px;}
.division .area-company .description{font-size: 14px;color: #666;line-height: 24px;}
.division .area-company-pics{width: 870px; position: relative;margin-top: 44px;}
.division .area-company-pics .pics-warp{width: 820px; overflow: hidden; float: left; margin:0 auto ;}
.division .area-company-pics .pics{overflow: hidden;  }
.division .area-company-pics .pics li{float: left; width: 195px;margin-right: 30px;cursor: pointer;}
.division .area-company-pics .pics li.mr0{margin-right: 0px;}
.division .area-company-pics .pics li img{width:195px;height:150px;overflow: hidden;}
.division .area-company-pics .pics-nav{text-align: center;  }
.division .area-company-pics .pics-nav a{display: inline-block;text-decoration: none;width: 10px;height: 10px;background: #e6e6e6;border-radius: 5px;}
.division .area-company-pics .pics-nav a:hover{background: #2b73cc;}
.division .area-company-pics .pics-nav a.selected{background: #2b73cc;}
.division .area-company-pics .pic-box{width: 870px; margin: 0 auto; height: 150px; position: relative; overflow: hidden; }
.division .area-company-pics .pic-box .pics-warp ul{float: left;}
.division .area-company-pics .pic-box .pics-warp{width: 9999px; position: absolute; left: 0; top: 0;}
.division .company-warp{width:870px; height: 410px; margin: 0 auto; overflow: hidden;  position: relative;}
.division .company-warp .company-det{width: 99999px;  position: absolute; left: 0; top: 0; }
.division .company-box{float: left; width:870px;}
.division .company-box .name{text-align: center;height: 47px;border-bottom: 1px solid  #3DB171;line-height: 94px;}
.division .company-box .name span{padding:0 15px;background: #fff;font-size: 16px;color: #666;}

#area-layer{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; opacity: 0.7; z-index: 100;}
.img-box-warp{   position: fixed;  z-index: 101; top: 50%; left: 50%; border: 1px solid transparent;   border-radius: 5px; -webkit-border-radius: 5px; }
.img-box-warp .img-box{position: relative;   }
#show-pics .close{width: 32px; height: 32px;   display: block; position: fixed;right:20px; top:20px; background: url("../images/about_us/close.png"); z-index: 103; cursor: pointer;}
.img-box img{border-radius: 5px; -webkit-border-radius: 5px;}
#win-arrow-box {position: fixed; width: 1200px; height:0px; left: 50%; margin-left: -600px; top: 50%; margin-top: -100px; z-index: 102; }
#win-arrow-box .btn-box-warp{ width: 1200px; height: 200px;  position: relative; z-index: 102;}
#win-arrow-box .btn-box-warp i{display: block; width: 23px; height: 41px; top: 55px; background: url("../images/about_us/area-pics-arrow.png"); cursor: pointer; position: absolute; z-index: 102;}
#win-arrow-box .btn-box-warp   .pre{background-position: 0 0; left: 0; }
#win-arrow-box .btn-box-warp  .next{background-position: 0 -41px; right: 0;  }
.erea .area-map .city p span.clearfloat{display: none;}
.erea .area-map .city:hover p span.clearfloat{display: block;}