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

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:12px"Microsoft Yahei","Arial Narrow",HELVETICA;background:#fff;-webkit-text-size-adjust:100%;}
a{color:#333;text-decoration:none}
a:hover{color:#341b00;text-decoration:none;}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word; color:#666;}
.g-wp p{ color:#000;}

/*通用定义*/
.clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
.fl{ float:left;}
.fr{ float:right;}
.clearer{clear:both; height:0; display:block; font-size:1px;overflow:hidden;}
.w516{ width: 516px;}
.maR20{margin-right: 20px;}
.w375{ width: 375px;}
.maL20{margin-left: 20px;}
.layout, .content{ width:1400px; margin:0 auto; position:relative;}
.hide{display: none;}
.boxMo{ min-width:1200px;}
.w1120{ width: 1120px; margin:0 auto; overflow: hidden;}
.psd2{padding:0 20px;}
.h200{ height: 200px;}

body{ position: relative; max-width: 1920px; margin: 0 auto;}
.logo{ position: absolute; top: 20px; left: 20px; width: 385px; height: 57px; background: url(logo.png) no-repeat center top;}
.bg{ height: 1080px; background: url(bg.jpg) no-repeat center top;}
.bg1{ height: 1080px; background: url(bg1.jpg) no-repeat center top;}
.tit{ position: absolute; top: 40px; left: 230px; width: 342px; height: 243px; background: url(i_tit.png) no-repeat center top;}
.fj{ position: absolute; top: 30px; right: 0; width:111px; height: 41px; background: url(i_fj.png) no-repeat center top;}
.fj a{ width: 45px; height: 40px;}
.fj a#btn_jt{ float: left;}
.fj a#btn_ft{ float: right;}

/*TAB标签*/
#tab1{ position: absolute; top: 167px; right: 0; width: 900px; height: 660px;}
.etabs { position: absolute; z-index: 3;}
.tab{ position: absolute; width: 104px; height: 32px;}
.tab a{ display: block; width: 100%; height: 100%; cursor: pointer;}
.tab a:hover, .tab a.active{  }
.tab.gz1{ top: 217px; left: 413px;} 
.tab.sz1{ top: 370px; left: 550px;} 
.tab.zh1{ top: 455px; left: 410px;}
.tab.hz1{ top: 248px; left: 626px;}
.tab.fs1{ top: 315px; left: 351px;}
.tab.zs1{ top: 403px; left: 446px;}
.tab.dg1{ top: 313px; left: 518px;}
.tab.zq1{ top: 174px; left: 160px;}
.tab.jm1{ top: 456px; left: 250px;}

#i_tab1 .panel-container { position: absolute; top: 0; left: 0; width:900px; height: 660px; z-index: 2}
#i_tab1 .tabs{ width: 100%; height: 100%;}

.map{ width: 884px; height: 658px;}
.map_guangzhou{ background: url(map_guangzhou.png) no-repeat center top;}
.map_shenzhen{ background: url(map_shenzhen.png) no-repeat center top;}
.map_zhuhai{ background: url(map_zhuhai.png) no-repeat center top;}
.map_huizhou{ background: url(map_huizhou.png) no-repeat center top;}
.map_foshan{ background: url(map_foshan.png) no-repeat center top;}
.map_zhongshan{ background: url(map_zhongshan.png) no-repeat center top;}
.map_dongguan{ background: url(map_dongguan.png) no-repeat center top;}
.map_zhaoqing{ background: url(map_zhaoqing.png) no-repeat center top;}
.map_jiangmen{ background: url(map_jiangmen.png) no-repeat center top;}

.tip{ position: absolute; top: 830px; left: 50%; margin-left:120px;width: 394px; height: 27px; background: url(tip.png) no-repeat center top;}
.jieshao{ position: absolute; top: 300px; left: 0; width: 559px; height: 457px; background: url(jieshao.png) no-repeat center top;}

.right_con{ position: absolute; top:160px; right:0; width: 884px; height: 658px; }

/*.city_tem{ display: none;}*/
.city_tem{ display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.city_tem.active{ display: block;}
.city_c_select{ width: 100%; height: 100%; overflow: hidden;}
.city_c_select .btn{ display: block;  cursor:pointer; position: absolute;}

.btn.btn_zh1{ top:555px; left:198px; }
.btn.btn_zh2{ top: 570px;left: 485px;}
.btn.btn_fs1{ top:228px; left:0;  }
.btn.btn_fs2{ top:287px; left:24px;  }
.btn.btn_fs3{ top:330px; left:10px;  }
.btn.btn_hq1{ top:680px; left:408px;  }
.btn.btn_hq2{ top:665px; left:158px;}
.btn.btn_sz1{ top:360px; left:128px;  }
.btn.btn_sz2{ top: 477px;left: 587px; }
.btn.btn_gz1{ top:15px; left:490px;  }
.btn.btn_gz2{ top:58px; left:510px; }
.btn.btn_gz3{ top:143px; right:120px;  }
.btn.btn_gz4{ top:266px; left:326px;  }
.btn.btn_hz1{ top:152px; right:18px;  }
.btn.btn_dg1{ top:300px; right:15px;  }
.btn.btn_zs1{ top:380px; left:258px;  }
.btn.btn_jm1{ top:462px; left:10px;  }
.btn.btn_jm2{ top:565px; left:265px;  }
.btn.btn_zq1{ top:115px; left:140px;  }

.di0{ background: url(di0.png) repeat-y center top; }
.di1{ background: url(di1.png) no-repeat center top; }
.di5{ background: url(di5.jpg) no-repeat center bottom;}

.tit_con{ margin-top:46px; overflow: hidden;}
.tit_con .zcsd_city{background: url(tit_bg.png) no-repeat center top; width: 461px; height:58px;margin-top:20px}
.tit_con .zcsd_city h3{ margin-top:12px;height:58px;font:bold 28px/32px "Microsoft Yahei"; text-align: center; background-image: -webkit-linear-gradient(top,#3a9bfd,#2577f0,#1254e3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;} 
.tit_con .line{ margin:40px 0 0 10px;}

.hzpt{background: url(hzpt_bg.png) no-repeat center top; width:1120px; height:auto; margin-top: 50px;}
.hzpt_li{ overflow: hidden;}
.hzpt_li li a{ display:block;position: relative; text-shadow: 2px 1px 1px #fff; height:60px; font:bold 24px/60px "Microsoft Yahei"; color: #165ce6; padding-left:40px;margin:30px 0; background-image: linear-gradient(to right, #bde2fc,#b9defc,#d2ecfe); border-radius: 40px;}
.hzpt_li li a:before { content: ''; width: 15px; height: 15px; background: #edf7ff; display: inline-block; position: absolute; top: 22px; left: 10px; border-radius: 50px;}

.btn_zdhzpt{ bottom:95px; left:120px; width: 280px; display: block; height: 60px; cursor:pointer; position: absolute;}
.btn_tehzpt{ bottom: 0;left: 280px; width: 280px;display: block; height: 60px; cursor:pointer; position: absolute;}