@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;}

.layout, .content{ width:1200px; margin:0 auto; position:relative;}

.boxMo{ min-width:1200px;}

body{ position: relative; max-width: 1920px; margin: 0 auto;}
.logo{ position: absolute; top: 20px; left: 20px; width: 200px; height: 35px; background: url(logo.png) no-repeat center top;}
.bg{ height: 1080px; background: url(bg.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: 98px; height: 40px; 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; left: -24px; width: 794px; height: 609px;}
.etabs { position: absolute; z-index: 3;}
.tab{ position: absolute; width: 16px; height: 16px; background: url(dot.png) no-repeat center top;}
.tab a{ display: block; width: 100%; height: 100%; cursor: pointer;}
.tab a:hover, .tab a.active{  }
.tab.gd{ top: 248px; left: 394px; width: 24px; height: 24px; background: url(dot_gd.png) no-repeat center top; z-index: 10}
.tab.gz1{ top: 260px; left: 410px;} 
.tab.gz2{ top: 335px; left: 420px;} 
.tab.gz3{ top: 238px; left: 456px;} 
.tab.sz1{ top: 386px; left: 481px;} 
.tab.sz2{ top: 374px; left: 500px;} 
.tab.zh1{ top: 465px; left: 410px;}
.tab.hz1{ top: 274px; left: 560px;}
.tab.fs1{ top: 296px; left: 314px;}
.tab.zs1{ top: 387px; left: 391px;}
.tab.dg1{ top: 301px; left: 466px;}
.tab.zq1{ top: 262px; left: 230px;}
.tab.jm1{ top: 375px; left: 334px;}

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

.map{ width: 794px; height: 609px;}
.map_guangdong{ background: url(map_guangdong.png) no-repeat center top;}
.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: 716px; left: 274px; width: 250px; height: 20px; background: url(tip.png) no-repeat center top;}


.right_con{ position: absolute; top: 115px; right: 0; width: 436px; height: 696px; background: url(bg_grid.jpg) repeat left top; border: 2px solid #fff; border-radius: 16px; box-shadow: 0 0 40px #6374dd;}

/*.city_tem{ display: none;}*/
.city_tem{ display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10;}
.city_tem.active{ display: block;}
.city_c_select{ width: 100%; height: 100%; overflow: hidden;}
.city_c_select .btn{ display: block; width: 216px; height: 162px; margin: 10% auto 0;}
.btn.btn_zcsd{ margin: 166px auto 0; background-image: url(icon_zcsd.png); background-size: 100% 100%;}
.btn.btn_jdjs{ margin: 38px auto 0; background-image: url(icon_jdjs.png); background-size: 100% 100%;} 
.btn_back{ position: absolute; bottom: 10px; right: 10px; width: 90px; height: 30px; background-image: url(btn_back.png); background-size: 100% 100%;}

.zcsd, .jdjs{ display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(bg_grid.jpg) repeat left top; border-radius: 15px;}
.bg_grid{ }
.zcsd_city{ position: relative; width: 280px; height: 60px; margin: -28px auto 30px; font: bold 30px/60px "Microsoft Yahei"; color: #fff; text-indent: 60px; background-color: #2f4ccc; border-radius: 30px;}
#zcsd_gd{ width: 410px; font-size: 18px; line-height: 30px;}
#zcsd_gd span{ margin-left: 60px;}
.zcsd_city:before{ position: absolute; top: 9px; left: 22px; width: 28px; height: 42px; background: url(icon_loc.png) no-repeat center top; content: "";}
.zcsd_city span{ margin-left: 20px; font-weight: normal;}

.con_wrap{ height: 580px; padding: 0 20px; overflow-y: scroll;}
.con_tem{ margin-bottom: 30px;}
.con_tit{ position: relative; height: 30px; margin-bottom: 18px; font: bold 24px/30px "Microsoft Yahei"; color: #2f4ccc; }
.con_tem p{ margin-bottom: 10px; font-size: 16px; line-height: 22px; color: #333; text-align: justify;}
.con_tem p a{ color: #637cec;}

.jdjs_city{ position: relative; width: 140px; height: 60px; margin: -28px auto 30px; font: 30px/60px "Microsoft Yahei"; color: #fff; text-indent: 60px; background-color: #2f4ccc; border-radius: 30px;}
.jdjs_city:before{ position: absolute; top: 9px; left: 22px; width: 28px; height: 42px; background: url(icon_loc.png) no-repeat center top; content: "";}
.jdjs_city.jdjs_city_jm{ width: 410px; margin: 0 auto; font-size: 18px; text-indent: 0; text-align: center;}
.jdjs_city.jdjs_city_jm:before{ display: none;}
.jdjs_intro{ padding-bottom: 30px; }
.jdjs_name{ width: 419px; height: 60px; padding-left: 76px; margin: 0 0 20px -20px; font: bold 20px/60px "Microsoft Yahei"; color: #333;  background-image: url(bg_tit.png); box-sizing:border-box;}
.jdjs_name.tem2{ font-size: 24px; line-height: 28px;}
.con_tem .jdjs_des{ margin-bottom: 20px; font-size: 18px; line-height: 28px; color: #375eac; text-align: justify;}
.jdjs_intro img{ width: 100%; height: auto;}


.footer{ position: absolute; top: 942px; left: 0; width: 100%;}
.footer_des{ padding-top: 15px;}
.footer_des p{ font-size: 16px; line-height: 36px; color: #fff; text-align: center;}
.footer_qrcode{ position: absolute; top: 0; right: 0; width: 100px;}
.footer_qrcode img{ width: 100px; height: 100px;}
.footer_qrcode p{ margin-top: 6px; font-size: 14px; line-height: 16px; color: #fff; text-align: center;}

/*************** SCROLLBAR BASE CSS ***************/
 
.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}
 
.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    /*margin: 0;*/
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    /*padding: 0;*/
    position: relative !important;
    top: 0;
    width: auto !important;
}
 
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}
 
.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}
 
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}
.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 8px;
  }

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}
 
.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}
/*************** SIMPLE INNER SCROLLBAR ***************/
 
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}
 
.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
 
.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
}
 
.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 8px;
}
 
.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
}
 
.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
 
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.4;
}
 
.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #9dd5f4; }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #3babe8; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #3babe8; }
 
 
/* update scrollbar offset if both scrolls are visible */
 
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }
 
 
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }