@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;  /*-webkit-appearance:none; -moz-appearance:none;*/}
body{ font-size:32px;margin: 0 auto; -webkit-text-size-adjust:100%; background-color: #fff;}
a{ color:#333;text-decoration:none}
a:hover{color:#000;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:#777;}

/*通用定义*/
.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;}

.pad2{ padding: 0.2rem;}
.padS2{ padding: 0 0.2rem;}
.marB2{ margin-bottom: 0.2rem;}
.marB3{ margin-bottom: 0.3rem;}
.marB4{ margin-bottom: 0.4rem;}
.maT20{ margin-top:.3rem; }
.bgf{ background-color: #fff;}
.w6{width: 6.6rem; margin: 0 auto; overflow: hidden;}
.h200{height:2.2rem;}


#bgm_control{ position:absolute; top:0.2rem; left:0.5rem; width:0.48rem; height:0.48rem; background-image:url(au.png); background-position: center; background-repeat: no-repeat; background-size:0.4rem 0.4rem; z-index:999;}

#swiper-container1{ height: 100%; margin-bottom: 0; overflow: visible;}
#swiper-container1 .swiper-slide{ display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;}

.fj{ position: absolute; top: 0.2rem; right: 0.2rem; width: 1.11rem; height: 0.41rem; background-image: url(i_fj.png); background-size: 100% 100%; z-index: 999;}
.fj a{ width: 40%; height: 0.6rem;}
a#btn_jt{ float: left;}
a#btn_ft{ float: right;}
.p1{ position: relative; width: 100%; height: 100%; background-image: url(bg1.jpg); background-size: 100% 100%; overflow: hidden;}
.p2{ position: relative; width: 100%; height: 100%; background-image: url(bg2.jpg); background-size: 100% 100%; overflow: hidden;}
.p1_tit{ position: absolute; top: 0.2rem; left: .2rem; width: 3.85rem; height: .57rem; }
.p1_bot {position: absolute; left: 0.6rem; bottom: 0.7rem; width: 6.3rem;}
.p1_bot_des {width: 100%; font-size: 0.24rem; line-height: 0.36rem; color: #1e53aa; text-align: center; margin-top: 0.2rem; text-shadow: 0 1px #fff, 1px 0 #fff, -1px 0 #fff, 0 -1px #fff;}
.p1 .arr{ position: absolute; left: 50%; bottom: 1.8rem; width: 1.2rem; height: 1.2rem; margin-left: -0.25rem; background-image: url(arr.png); background-size: 100% 100%;}
.btn_sy{ position: absolute; left: 50%; bottom: 2.2rem; width: 3.69rem; height: .72rem; margin-left: -1.7rem;background-image: url(btn_sy.png); background-size: 100% 100%;}

#swiper-container2{ position: absolute; left: 0; bottom: 1.6rem; width: 100%; height:auto; overflow: visible;}
#swiper-container2 .swiper-slide{ display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    width:2.4rem; height: .92rem;}
.i_city{ width:1.79rem; height: 1.98rem; background-size: 100% 100%;}
.i_guangzhou{ background-image: url(icon_guangzhou.png);}
.i_shenzhen{ background-image: url(icon_shenzhen.png);}
.i_zhuhai{ background-image: url(icon_zhuhai.png);}
.i_huizhou{ background-image: url(icon_huizhou.png);}
.i_foshan{ background-image: url(icon_foshan.png);}
.i_zhongshan{ background-image: url(icon_zhongshan.png);}
.i_dongguan{ background-image: url(icon_dongguan.png);}
.i_zhaoqing{ background-image: url(icon_zhaoqing.png);}
.i_jiangmen{ background-image: url(icon_jiangmen.png);}
/*.icon_map{ position: absolute; top: 0.3rem; left: 50%; width: 5.55rem; height: 4.32rem; margin-left: -2.16rem; background-image: url(map.png); background-size: 100% 100%;}*/
.icon_map{ position: relative; width: 6.62rem; height: 9rem; margin: 50px auto 0;}
.map_tem{ display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: 100% 100%; background-repeat: no-repeat;}
.map_tem.active{ display: block;}
.map_guangzhou{ background-image: url(map_guangzhou.png);}
.map_shenzhen{ background-image: url(map_shenzhen.png);}
.map_zhuhai{ background-image: url(map_zhuhai.png);}
.map_huizhou{ background-image: url(map_huizhou.png);}
.map_foshan{ background-image: url(map_foshan.png);}
.map_zhongshan{ background-image: url(map_zhongshan.png);}
.map_dongguan{ background-image: url(map_dongguan.png);}
.map_zhaoqing{ background-image: url(map_zhaoqing.png);}
.map_jiangmen{ background-image: url(map_jiangmen.png);}

.icon_djxq{ position: absolute; bottom: 2.2rem; left: 50%; width: 2.75rem; height: .25rem; margin-left: -1.3rem;background-image: url(djxq.png); background-size: 100% 100%;}
.icon_perspon{ position: absolute; bottom: .5rem; left: 50%; width: .65rem; height: .49rem; margin-left: -0.3rem;}
.person_city{ background-image: url(person_city.png); background-size: 100% 100%;}
.person_content{ background-image: url(person_content.png); background-size: 100% 100%;}

/*.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; height: .56rem; cursor:pointer; position: absolute;}

.btn.btn_gz1{ top: 6.6rem; left: 0.5rem; width: 1.85rem; }
.btn.btn_gz2{ top:6.87rem; left:2.9rem; width: 3.25rem; }
.btn.btn_gz3{ top:7.65rem; left:.2rem; width: 4.45rem; }
.btn.btn_gz4{ top:8.45rem; left:3.06rem; width: 2.85rem; }
.btn.btn_sz1{ top:6.66rem; left:.28rem; width: 4.85rem; }
.btn.btn_sz2{ top:7.6rem; left: 2.3rem; width: 4.25rem; }
.btn.btn_zh1{ top:7rem; left:.28rem; width: 3.35rem; }
.btn.btn_zh2{ top:7.9rem; left: 2.8rem; width: 3.15rem; }
.btn.btn_fs1{ top:6rem; left:.2rem; width: 4.55rem; }
.btn.btn_fs2{ top:6.9rem; left:2.50rem; width: 4.15rem; }
.btn.btn_fs3{ top:7.8rem; left:.30rem; width: 4.65rem; }
.btn.btn_hz1{ top:7.9rem; left:1.48rem; width: 3.35rem; }
.btn.btn_dg1{ top:7.62rem; left:1.48rem; width: 3.35rem; }
.btn.btn_zs1{ top:7.72rem; left:1.68rem; width: 3.35rem; }
.btn.btn_jm1{ top:6.92rem; left:3.08rem; width: 3.35rem; }
.btn.btn_jm2{ top:7.9rem; left:.28rem; width: 5.05rem; }
.btn.btn_zq1{ top:7.95rem; left:1.88rem; width: 2.85rem; }

.di1{ background: url(bg_nr.png) repeat-y center top; position: relative; background-size:100%;}
.di2{ background: url(bg_nr1.jpg) no-repeat center top; position: relative;background-size:100%;}
.di3{ background: url(bg_nr2.jpg) no-repeat center bottom; position: relative; background-size:100%;}

.tit_con{ margin-top:.46rem; overflow: hidden;}
.tit_con .zcsd_city{background: url(tit_bg.png) no-repeat center top; width: 5rem; height:.58rem;margin-top:.50rem; background-size: 100% 100%;}
.tit_con .zcsd_city h3{ margin-top:.12rem;height:.36rem;font-weight:bold;font-size: .34rem;line-height:.34rem; 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:.40rem 0 0 .10rem;}
.tit_city img{ width:1.39rem; height:1.58rem; }

.sc_wrap{ width:6.6rem; height:4rem; overflow:hidden; background: url(jdt_bg.png) no-repeat center top; background-size: 100% 100%; margin-top: .2rem;}
.slider_wrap{ position: relative; width: 6.4rem; height: 3.8rem; overflow: hidden;margin: .1rem 0 0 .1rem;}
.slider{}
.slider li{ position: relative; width: 6.4rem; height: 3.8rem;}
.slider li img{ width: 100%; height: 3.40rem;}
.slider h3{ width: 100%; height: .50rem; font-size: .28rem;line-height:.5rem; text-align: center;}
.slider h3 a{ display: block; width:100%; height: .50rem; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.slider_wrap .bx-wrapper{ position: relative;}
.slider_wrap .bx-controls{/* position: absolute; top: 0; left: 0;*/}
.slider_wrap .bx-pager{  padding:.15rem .10rem 0 0;position: absolute; bottom: .40rem; right: 0; background: url(bx-pager.png) no-repeat right top; height:.22rem; width:2.57rem;  background-size: 100% 100%;}
.slider_wrap .bx-pager-item{ float: right;}
.slider_wrap .bx-pager-link{ float: left; width: .08rem; height: .08rem; margin-left: .05rem; text-indent: 999em; background-color: #6ce2db; border-radius: .04rem; overflow: hidden;}
.slider_wrap .bx-pager-link.active{ width: .4rem; background-color: #fff; text-decoration: none;}

.slider_wrap .bx-prev, .slider_wrap .bx-next{ position: absolute; top: 50%; width: .39rem; height: .66rem; margin-top: -.33rem; background-image: url(arr.png); text-indent: 999em; overflow: hidden; background-size: 100% 100%;}
.slider_wrap .bx-prev{ left: 0; background-position: 0 0;}
.slider_wrap .bx-next{ right: 0; background-position: -.39rem 0;}

.zldw{background: url(zldw_bg.png) no-repeat center top; width:100%; height: auto; margin-top: .40rem; background-size: 100% 100%; overflow: hidden;}
.zldw_tit{ height: .70rem; font-size: .32rem;line-height:.7rem; font-weight: bold; color: #1e69eb; padding-left: .2rem;}
.zldw_li{ overflow: hidden; padding: .1rem;}
.zldw_li li{ text-align:justify;position: relative; text-shadow: .02rem .01rem .01rem #005eb1; height:.5rem; font-size: .3rem;line-height:.5rem; color: #fff; padding-left:.30rem;margin-top:.2rem; background-image: linear-gradient(to right, #3096f0,#3096f0,#badefb); border-radius: .40rem;}
.zldw_li li:before { content: ''; width: .15rem; height: .15rem; background: #d5e9ff; display: inline-block; position: absolute; top: .15rem; left: .10rem; border-radius: .50rem;}
.zldw_li .zldw_li1{ text-align:justify;height:auto;position: relative; text-shadow: .02rem .01rem .01rem #005eb1;font-size: .3rem;line-height:.46rem; color: #fff; padding:.10rem .10rem .10rem .40rem; margin-top:.13rem; background-image: linear-gradient(to right, #3096f0,#3096f0,#badefb); border-radius: .40rem;}
.zldw_li .zldw_li1:before { content: ''; width: .15rem; height:.15rem; background: #d5e9ff; display: inline-block; position: absolute; top: .22rem; left: .10rem; border-radius: .50rem;}

.zldw p{width:6.2rem; margin:.10rem auto 0; font-size: .3rem;line-height:.46rem; color: #1757c7;text-align:justify;}

.con_ptgk{margin-top: .40rem; overflow: hidden;}
.ptgk_tit{ margin-bottom:.20rem;background: url(ptgk_tit.png) no-repeat center bottom; height: .7rem; font-size: .34rem;line-height:.5rem; font-weight: bold; color: #1e69eb; text-indent: .20rem;}
.con_ptgk p{width:100%; font-size: .3rem;line-height:.46rem;color: #333;text-align:justify; text-indent: 2em;}
.xgzc_con{margin-top: .4rem;}
.xgzc_con h3{ font-size: .3rem;line-height:.46rem;color: #333; }
.xgzc{ width:100%; }
.xgzc li{ padding:.06rem 0;margin: .20rem 0; width:6.5rem; border:.02rem solid #f8dcdc; border-radius:.30rem; overflow: hidden; font-size: .3rem;line-height:.46rem;color: #333; background-color: #fffdfd;}
.xgzc li a{ width:88%; margin-left: .10rem; text-align: justify;}
.xgzc li img{ margin: .09rem .10rem 0 0; width:.3rem; height:.3rem;} 

.ggfw{ overflow:hidden;}
.ggfw_tit{ overflow:hidden; width:100%;height: .65rem; }
.ggfw_tit h3{ height: .65rem; font-size: .32rem;line-height:.65rem; font-weight: bold; color: #1e69eb;}
.ggfw_wz{ margin:.30rem 0; width:100%;font-size: .3rem;line-height:.46rem; color: #333;text-align:justify; text-indent: 2em; }
.ggfw_tit img{ width:.65rem; height:.65rem; margin-left: .2rem;}
.con_lxwm{background-image:linear-gradient(to right, #ebf7ff,#dff1ff,#d6edff); border-radius:.30rem; height: auto; padding-bottom: .20rem; overflow: hidden;}
.con_lxwm p{ font-size: .3rem;line-height:.46rem; color: #333;text-align:justify; width: 96%; margin: 0 auto;}