@charset "utf-8";
/* CSS Document */


*{ margin:0; padding:0; outline:0; list-style:none; text-decoration:none; }
body{ font-size:16px; font-family:'Microsoft Yahei','\5b8b\4f53',Arial, Helvetica, sans-serif; color:#000; }
table{ border-padding:0; border-spacing:0; border-collapse:collapse; width:100%;}
table,th,td{ font-size:14px;}
ul{ overflow:hidden;zoom:1;}
img{ border:0; vertical-align: middle;}
a{ color:#000;}


.l,.fl,.left{ float:left;}
.r,.fr,.right{ float:right;}
.clear{ clear:both;}
.inner{ overflow: hidden;zoom:1; clear:both; width:1200px; margin:auto;}
.button{ background:#c00; border:0; text-align:center; color:#fff; cursor:pointer; border-radius:5px;}
.container,.user,.four{ display:none;}

.pn .header{ background:url(../images/pic/pn/pnhead.jpg) center top no-repeat; height:340px; }
.jx .header{ background:url(../images/bg_jx.jpg) center top no-repeat; height:340px; }
.jd .header{ background:url(../images/jdbg/jdtb.jpg) center top no-repeat; height:340px; }
.hl .header{ background:url(../images/jdbg/huilai.png) center top no-repeat; height:340px; }

.jx .header.jxss{ background:url(../images/jxbg/shangsha.png) center top no-repeat; }
.jx .header.jxjxy{ background:url(../images/jxbg/jingxiyuan.png) center top no-repeat; }
.jx .header.jxhz{ background:url(../images/jxbg/huizhai.png) center top no-repeat; }
.jx .header.jxqk{ background:url(../images/jxbg/qiankeng.png) center top no-repeat; }
.jx .header.jxjh{ background:url(../images/jxbg/jinhe.png) center top no-repeat; }
.jx .header.jxfj{ background:url(../images/jxbg/fengjiang.png) center top no-repeat; }
.jx .header.jxmh{ background:url(../images/jxbg/mianhu.png) center top no-repeat; }
.jx .header.jxwy{ background:url(../images/jxbg/wuyun.png) center top no-repeat; }
.jx .header.jxlt{ background:url(../images/jxbg/liangtian.png) center top no-repeat; }
.jx .header.jxltz{ background:url(../images/jxbg/longtan.png) center top no-repeat; }
.jx .header.jxps{ background:url(../images/jxbg/pingshang.png) center top no-repeat; }
.jx .header.jxns{ background:url(../images/jxbg/nanshan.png) center top no-repeat; }
.jx .header.jxwjf{ background:url(../images/jxbg/wujingfu.png) center top no-repeat; }
.jx .header.jxtt{ background:url(../images/jxbg/tatou.png) center top no-repeat; }
.jx .header.jxhp{ background:url(../images/jxbg/hepo.png) center top no-repeat; }
.jx .header.jxdx{ background:url(../images/jxbg/daxi.png) center top no-repeat; }

.jd .header.jdpt{ background:url(../images/jdbg/putian.jpg) center top no-repeat; }
.jd .header.jdqx{ background:url(../images/jdbg/quxi.jpg) center top no-repeat; }
.jd .header.jdxc{ background:url(../images/jdbg/xichang.jpg) center top no-repeat; }
.jd .header.jdxh{ background:url(../images/jdbg/xinheng.jpg) center top no-repeat; }
.jd .header.jdyh{ background:url(../images/jdbg/yuhu.jpg) center top no-repeat; }
.jd .header.jdyj{ background:url(../images/jdbg/yujiao.jpg) center top no-repeat; }
.jd .header.jdyl{ background:url(../images/jdbg/yunlu.jpg) center top no-repeat; }
.jd .header.jdbt{ background:url(../images/jdbg/baita.png) center top no-repeat; }
.jd .header.jdgl{ background:url(../images/jdbg/guiling.png) center top no-repeat; }
.jd .header.jdlp{ background:url(../images/jdbg/linpan.png) center top no-repeat; }
.jd .header.jdlw{ background:url(../images/jdbg/longwei.png) center top no-repeat; }
.jd .header.jdpd{ background:url(../images/jdbg/pandong.png) center top no-repeat; }
.jd .header.jdkfq{ background:url(../images/jdbg/jiedong.jpg) center top no-repeat; }

.hl .header.hlaj{ background:url(../images/jdbg/hltb.jpg) center top no-repeat; }
.hl .header.hldg{ background:url(../images/jdbg/hltb.jpg) center top no-repeat; }
.hl .header.hldl{ background:url(../images/jdbg/hltb.jpg) center top no-repeat; }
.hl .header.hlhc{ background:url(../images/jdbg/hltb.jpg) center top no-repeat; }
.hl .header.hlhh{ background:url(../images/jdbg/hltb.jpg) center top no-repeat; }
.hl .header.hljh{ background:url(../images/jdbg/hltb.jpg) center top no-repeat; }
.hl .header.hlkt{ background:url(../images/jdbg/hltb.jpg) center top no-repeat; }
.hl .header.hlktnc{ background:url(../images/jdbg/hltb.jpg) center top no-repeat; }
.hl .header.hllj{ background:url(../images/jdbg/hltb.jpg) center top no-repeat; }
.hl .header.hlqkc{ background:url(../images/jdbg/hltb.jpg) center top no-repeat; }
.hl .header.hlqs{ background:url(../images/jdbg/hltb.jpg) center top no-repeat; }
.hl .header.hlqz{ background:url(../images/jdbg/hltb.jpg) center top no-repeat; }
.hl .header.hlsq{ background:url(../images/jdbg/hltb.jpg) center top no-repeat; }
.hl .header.hlxa{ background:url(../images/jdbg/hltb.jpg) center top no-repeat; }
.hl .header.hlzt{ background:url(../images/jdbg/hltb.jpg) center top no-repeat; }
.hl .header.hlxx{ background:url(../images/jdbg/hltb.jpg) center top no-repeat; }



.logo{ float:left; padding:80px 0;}
.logo a{ float:left;}
.logo a img{ float:left; }
.logo a div{ margin-left:0px; font-size:36px; font-weight:bold; color:#c00; line-height:40px; white-space:nowrap;}


.change{ float:right; margin-top:100px; margin-left:10px;}
.change span{ display:none;}
.change ul li{ float:left;}
.change ul li a{ float:left; width:100px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:15px; border-radius:20px; margin-right:10px; }
.change ul li a.red{ background:#c00;}
.change ul li a.green{ background:#0A9C5D;}


.search{ float:right; background:#fff url(../images/search.png) 20px center no-repeat; padding-left:60px; height:40px; border-radius:20px; margin-top:100px;}
.search input{ vertical-align:top; background:none; border:0; height:40px; line-height:40px;}
.search input.text{ width:200px;}
.search input.submit{ width:100px; background:#c00; color:#fff; border-radius:20px;}


.action{ float:right; border-left:1px solid #666; margin-left:20px; margin-top:80px; display: none;}
.action a{ float:left;  background:url(../images/action.png) center 10px no-repeat; padding:40px 20px 10px;}


.center{ float:right; padding-left:20px; padding-top:15px; }
.center div{ background:url(../images/user.png) left center no-repeat; padding-left:50px; margin-bottom:5px;}
.center div span{ display:block; padding-left:10px; margin:3px 0;}
.center div p{ display:block; background:url(../images/set.png) left center no-repeat;  padding-left:30px; height:30px; line-height:30px;}
.center div p a{ color:#0F5FDA; font-size:12px; margin-left:5px;}
.center a.button{ display:block; float:left;  padding:0 10px;  height:30px; line-height:30px; margin-right:10px;}
.center a.button:hover{ background:#4A91FF;}


.nav{ background:#b00; }
.nav ul li{ float:left; width:25%; line-height:60px; color:rgba(255,255,255,0.5); }
.nav ul li a{ float:left; width:100%; height:60px; text-align:center; font-size:20px; color:#fff;}
.nav ul li a img{ margin-right:10px; margin-top:-5px;}
.nav ul li.on a{ }


.footer{  background:#eee; border-top:5px solid #C30C0E; padding:20px 0; text-align:center; margin-top:40px; }
.footer .link{ margin-bottom:10px;}
.footer .link span{ margin:0 10px;}
.footer .link span select{ background:none; border:1px solid #666; margin:0 5px; width:120px; height:30px; line-height:30px; }
.footer .copyright span{ margin:0 10px;}




.side{ float:left; width:260px; }
.main{ float:right; width:900px; position:relative;}


.menu h3{ background:#c00; padding:20px; text-align:center; color:#fff; font-weight: normal;}
.menu ul li a{ display:block;  background:#eee; border:1px solid #ccc; padding:20px; text-align:center; margin-top:5px;}
.menu ul li.on{ }


.position{ overflow:hidden; background:url(../images/position.png) left center no-repeat; padding:20px 0 20px 30px; line-height:40px;}
.position span{ margin:0 5px;}
.position a{ float:right; width:120px; height:40px; line-height:40px;  text-align:center; }


.frame{  position:relative; min-height:600px; }
.frame h3{ border-bottom:4px solid #000; padding:10px 0; font-size:24px; font-weight:normal; }


.list ul li{ overflow:hidden;zoom:1;clear:both; border-bottom:1px dashed #ccc; vertical-align:bottom; }
.list ul li span{ float:left; width:12%; height:40px; line-height:40px; text-align:center;}
.list ul li span.s1{ float:left; width:63%; text-align:left; }
.list ul li span.s2{ float:right; width:20%;}
.list ul li a{ background:url(../images/ico.gif) 10px center no-repeat;  padding-left:30px; }
.list ul li a:hover{ color:#f00;}
.list ul li.tbg{ padding:0; background:#eee;  border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-weight:bold; }
.list ul li.tbg span{ text-align:center; border-left:1px solid #fff;}
.list ul li.tbg span.s1{ border:0; }

.page{ padding:20px; text-align:center;}
.page b{ margin:0 5px; color:#c00;}

.article{ padding:40px 0; border-top:1px dashed #ccc;}
.article .tit{ padding:10px 0; text-align:center; font-size:30px;}
.article .data{ padding:10px 0; text-align:center; color:#999;}
.article .data span{ margin:0 10px;}
.article .cont{ padding:20px; line-height:30px; min-height:600px; max-height:1000px; overflow-y:auto;}
.article .add ul{ padding-left: 40px;}
.article .add ul li{ list-style:disc; padding:5px 0;}
.article .add ul li a{ color:#0F5FDA;}
.article .guide{ padding:20px; line-height:30px;}
.article .guide a.button{ display:block; width:200px; height:40px; line-height:40px; margin:auto;}
.article .guide ul li{ padding:10px 0; overflow:hidden;zoom:1;}
.article .guide ul li span{ float:left;  color:#0F5FDA; font-size:16px; font-weight:bold; }
.article .guide ul li p{ clear:both; text-indent:32px;}
.article .detail{ text-align:center;}
.article .detail img{ width:auto; height:300px; margin:20px 0;}
.article .detail table th{ padding:10px; border:1px solid #cce0ff; width:60px; text-align:right; color:#0F5FDA;}
.article .detail table td{ padding:10px; border:1px solid #cce0ff; word-break: break-all; word-wrap:break-word; text-align:left;}
.article .detail #allmap{ border:1px solid #cce0ff; height:530px;}
.article .job ul{ overflow:hidden; zoom:1; margin:20px;}
.article .job ul li{ float:left; width:50%; line-height:30px;}
.article .job ul li span{ float:left;  margin-right:10px; }
.article .job ul li div{ float:left; width:70%;}
.article .job ul li strong{ color:#c00;}
.article .job h3{ background:#eee;}
.article .job h3 span{ display:block; background:#c00; width:200px; height:40px; line-height:40px; text-align:center; color:#fff; font-weight: normal;}
.article .job p{ margin:20px; color:#666;}



/* ========== asset ========== */
.asset{  padding:100px 0;}
.asset ul{ width:400px; margin: auto;}
.asset ul li{ overflow:hidden;  border:1px solid #ccc; margin-bottom:15px;}
.asset ul li span{ float:left; background:#eee; width:100px; height:50px; line-height:50px; text-align:center; }
.asset ul li div{ margin-left:110px;}
.asset ul li div input{ border:0; width:100%; height:50px; line-height:50px; font-size:16px;}
.asset ul li.code img{ float:right; margin-top:10px;}
.asset ul li.code div{ margin-right:100px;}
.asset p{ text-align:center;}
.asset p input{ background:#c00; border:0; width:150px; height:50px; line-height:50px; text-align:center; font-size:16px; color:#fff; border-radius:5px;}
.assetTable th{ padding:10px; border:1px solid #ccc; border-top:4px solid #000; text-align:center; background:#fafafa; font-size:16px;  font-weight:bold; white-space:nowrap; }
.assetTable td{ padding:10px; border:1px solid #ccc; text-align:center; font-size:16px;}
.assetTable td.tdl{ text-align:left;}


/* ========== open ========== */
.open .tab1{ position:relative; }
.open .tab1 .hd1{ border-bottom:2px solid #c00; margin:20px 0; height:60px;}
.open .tab1 .hd1 h3{ float:left;  padding:0 50px; font-size:24px; font-weight:normal; line-height:60px; }
.open .tab1 .hd1 ul{ overflow: visible; }
.open .tab1 .hd1 ul li{ float:left; padding-left:20px; cursor:pointer;}
.open .tab1 .hd1 ul li span{ display:block; background:#eee; border:2px solid #ccc; border-bottom: 0; padding:0 50px; height:58px; line-height:60px;font-size:18px;}
.open .tab1 .hd1 ul li.on span{ background:#fff; border-color:#c00; border-bottom:2px solid #fff; color:#c00; font-weight:bold; }
.open .tab1 .bd1{ clear:both;}
.open .tab2 .hd2 ul li{ float:left; background:#eee; margin-right:10px;  cursor:pointer;}
.open .tab2 .hd2 ul li span{ display:block; padding:10px 40px;  }
.open .tab2 .hd2 ul li.on span{ background:#c00; color:#fff; }
.open .tab2 .bd2{  margin-right:-5%;}


.border{ float:left; width:45%; margin-right:5%; margin-top:40px; }
.border h3{ overflow:hidden;  border-left:8px solid #c00; margin-bottom:10px; }
.border h3 span{ float:left; padding:0 10px; }
.border h3 a{ float:right; background:#c00;padding:5px 10px;  font-weight:normal; font-size:12px; color:#fff; position:relative; z-index:1; }
.border ul{  height:300px;}
.border ul li{ overflow:hidden;zoom:1; height:32px; line-height:32px; vertical-align: bottom;}
.border ul li span{ float:right;  text-align:center;  color:#666;}
.border ul li span.s1{ float:left; width:54%; text-align:left;}
.border ul li a{ background:url(../images/dot.png) left center no-repeat; padding-left:10px; }
.border ul li a:hover{ color:#f00;}
.border ul li.tbg{ padding:0; background:#CCE0FF; border:0; border-top:1px solid #fff; font-weight:bold; display: none; }
.border ul li.tbg span{  border-left:1px solid #fff; text-align:center;  color:#666;}
.border ul li.tbg span.s1{ border:0; }
.border ul li.libg{ }


.select{ position:absolute; right:0; top:10px; height:40px; }
.select #select{ background:url(../images/select1.png) 120px center no-repeat; border:1px solid #c00; padding:0 10px; width:140px; height:38px; line-height:38px;  cursor:pointer; }
.select #select.drop{ background:url(../images/select2.png) 120px center no-repeat;}
.select #scroll{ background:#fff; border:1px solid #c00; width:160px; position:absolute; left:0; top:39px; z-index: 999; display:none; height:330px;}
.select #scroll ul li a{ display:block; padding:0 10px; line-height:30px; margin:0; }
.select #scroll ul li a:hover{ background:#EB3B4A; color:#fff;}
.frame .select{ top:0;}



/* ========== life ========== */
.service{ margin-top:50px; clear:both; }
.service h3{  border-bottom:4px solid #000; padding:10px 0; font-size:24px; font-weight:normal; margin:0 20px; }
.service div{ padding:20px; overflow: hidden;}
.service ul{ margin-right:-3%; overflow: visible;}
.service ul li{ float:left; width:17%; margin-right:3%; margin-bottom:3%; }
.service ul li a{ float:left;  width:100%; box-shadow:0 0 5px rgba(0,0,0,0.2);}
.service ul li a i{ display:block;  background-color:#5095E8;  background-position:center center; background-repeat:no-repeat; height:150px;}
.service ul li a span{ display:block; padding:20px 0; text-align:center; font-weight:bold;}

.produce ul li.c33 a i{ background-image:url(../images/life/c1.png);}
.produce ul li.c34 a i{ background-image:url(../images/life/c2.png);}
.produce ul li.c53 a i{ background-image:url(../images/life/c3.png);}
.produce ul li.c35 a i{ background-image:url(../images/life/c4.png);}
.produce ul li.c36 a i{ background-image:url(../images/life/c5.png);}
.produce ul li.c37 a i{ background-image:url(../images/life/c6.png);}
.produce ul li.tsnzy a i{ background-image:url(../images/life/c7.png);}
.produce ul li.ldyg a i{ background-image:url(../images/life/c8.png);}
.produce ul li.gyjgb a i{ background-image:url(../images/life/c9.png);}
.produce ul li.c10  a i{ background-image:url(../images/life/c10.png);}

.pn .produce ul li.c36 a i{ background-image:url(../images/life/c11.png);}
.pn .produce ul li.c37 a i{ background-image:url(../images/life/c12.png);}
.pn .produce ul li.c75 a i{ background-image:url(../images/life/c15.png);}
.pn .produce ul li.c76 a i{ background-image:url(../images/life/c16.png);}
.pn .produce ul li.c77 a i{ background-image:url(../images/life/c17.png);}
.pn .produce ul li.c78 a i{ background-image:url(../images/life/c13.png);}
.pn .produce ul li.c79 a i{ background-image:url(../images/life/c14.png);}


.live ul li.h1 a i{ background-image:url(../images/life/h1.png);}
.live ul li.h2 a i{ background-image:url(../images/life/h2.png);}
.live ul li.h3 a i{ background-image:url(../images/life/h3.png);}
.live ul li.h4 a i{ background-image:url(../images/life/h4.png);}
.live ul li.h5 a i{ background-image:url(../images/life/h5.png);}
.live ul li.h6 a i{ background-image:url(../images/life/h6.png);}
.live ul li.h7 a i{ background-image:url(../images/life/h7.png);}
.live ul li.h8 a i{ background-image:url(../images/life/h8.png);}
.live ul li.h9 a i{ background-image:url(../images/life/h9.png);}

.move{ background: url(../images/jdbg/xuanfu.png) ;background-size: 100% 100%;}

.sale h3{   border-bottom:4px solid #000; padding:10px 0; font-size:24px; font-weight:normal;  }
.sale table td{ padding:15px; border:1px solid #ccc; text-align:center;}
.sale table td.name{ color:#0F5FDA;}
.sale table td.intro{ width:250px; text-align:left;}
.sale table td.num{ color:#0A9C5D;}
.sale table td.price{ color:#0A9C5D;}
.sale table .trbg{ background:#fafafa; }
.sale table .tbg{ background:#eee;}
.sale table .tbg td{ border:1px solid #ccc; white-space:nowrap; text-align:center; font-size:16px;  font-weight:bold; }



/* ========== street ========== */
.street .title{ border-bottom: 2px solid #000; padding:20px 0; text-align:center; font-weight:bold; font-size:24px; display:none;  }
.street .map{ height:1400px;}
.street .map .name{ border-bottom:4px solid #000; padding:10px 0; font-size:24px; font-weight:normal; margin:50px 0 10px;  }
.street .map .hd ul{ margin-right: -2%;}
.street .map .hd ul li{ float:left; width:18%; margin-right:2%; margin-bottom:2%;}
.street .map .hd ul li a{ float:left; width:100%; background:#eee; padding:20px 0; text-align:center; font-size:18px;  }
.street .map .hd ul li.on a{ background: #c00; color:#fff;}
.street .map .bd ul li{   margin-right: -2%;}
.street .map .bd ul li a{ float:left;width:18%; margin-right:2%; margin-bottom:2%; background:#eee; padding:20px 0; text-align:center; font-size:18px; }
.street .map .bd ul li a:hover{ background:#c00; color:#fff;}
.street .tab{ display:none;}




/* ========== center ========== */
.item{ background:#fff; border:1px solid #ccc; position:absolute; z-index:-999; width:415px; display:none;}
.item span{ display:block; overflow:hidden;zoom:1; background:#c00 url(../images/map3.png) 10px center no-repeat; padding-left:40px; line-height:40px; font-size:18px; }
.item span a.fl{ background:url(../images/arrow1.png) right 15px no-repeat; padding-right:30px; color:#fff;}
.item span a.fl:hover{ background:url(../images/arrow2.png) right 15px no-repeat; color:#ff0;}
.item span a.fr{ width:40px; text-align:center; color:#fff;}
.item span a.fr:hover{ background:#014ec5;  }
.item div{ padding:20px 0 15px 20px;}
.item div a{ float:left; background:#eee; width:90px; height:40px; line-height:40px; text-align:center; margin-right:5px; margin-bottom:5px;}
.item div a:hover,
.item div a.now{ background:#EB3B4A; color:#fff;}
.on .item{ z-index:999; display: block;}


.town ul li{ float:left; margin-right:10px; margin-top:10px;}
.town ul li .tit a{ display:block; border:1px solid #4a91ff; width:145px; height:40px; line-height:40px; text-align:center; border-radius:20px;}
.town ul li .tit a:hover{ background:#0F5FDA; border:1px solid #0F5FDA; color:#fff;}
.town ul li .item{ top:60px; left:50%; margin-left:-207px; box-shadow:0 0 5px rgba(0,0,0,0.5);}
.town ul li .item span strong{ float:left; height:40px; line-height:40px; color:#fff; font-weight:normal; }
.town ul li .item p{ display:block; padding:20px; text-align:center;}
.town ul li .item p button{ background:#EB3B4A; border:0; padding:0 50px; height:40px; line-height:40px; color:#fff;  margin:auto; border-radius:5px; cursor:pointer;}
.town ul li .bg{ display: none;}
.town ul li.on .tit a{ background:#EB3B4A; border:1px solid #EB3B4A; color:#fff;}
.town ul li.on .bg{ background: url(../images/white.png); position:absolute; left: 0; top:0; width: 100%; height: 100%; display: block;}
.record ul li{ padding-left:10px;}