@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;}
.w1120{ width: 1120px; margin:0 auto; overflow: hidden;}
.maR20{margin-right: 20px;}
.maB20{margin-bottom: 20px;}
.maT20{margin-top: 20px;}
.psd2{padding:0 20px;}
.w400{ width: 450px;}
.w600{ width: 650px;}
.h200{ height: 200px;}
.maL20{margin-left: 20px;}
.layout, .content{ width:1400px; margin:0 auto; position:relative;}
.hide{display: none;}
.boxMo{ min-width:1400px;}
.colB{ color:#1757c7; }

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标签*/
.etabs{width:1400px; margin: 800px auto 0; }
.etabs li{ float:left; margin: 0 15px;}
.etabs img:hover{ transform: scale(1.1); -ms-transform: scale(1.1);}
.etabs a{ display: block; cursor: pointer; width: 125px;height:125px;}
.etabs a:hover{ background: url(circle.png) no-repeat center top; display: block; width: 125px;height: 125px;}

.tab-container{ width:1400px; height:auto; margin:0 auto; overflow: hidden;}
.map{ position: absolute; top:70px; width: 100%; height: 750px;}
.map_guangzhou{ background: url(map_guangzhou.png) no-repeat center top;}
.map_shenzhen{ background: url(map_shenzhen.png) no-repeat center 60px;}
.map_zhuhai{ background: url(map_zhuhai.png) no-repeat center top;}
.map_huizhou{ background: url(map_huizhou.png) no-repeat center 60px;}
.map_foshan{ background: url(map_foshan.png) no-repeat center top;}
.map_zhongshan{ background: url(map_zhongshan.png) no-repeat center 60px;}
.map_dongguan{ background: url(map_dongguan.png) no-repeat center 60px;}
.map_zhaoqing{ background: url(map_zhaoqing.png) no-repeat center 60px;}
.map_jiangmen{ background: url(map_jiangmen.png) no-repeat center 60px;}


.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; height: 56px; cursor:pointer; position: absolute;}

.btn.btn_gz1{ top:402px; left:558px; width: 205px; }
.btn.btn_gz2{ top:430px; left:120px; width: 325px; }
.btn.btn_gz3{ top:520px; left:420px; width: 465px; }
.btn.btn_gz4{ top:610px; left:206px; width: 285px; }
.btn.btn_sz1{ top:402px; left:98px; width: 485px; }
.btn.btn_sz2{ top:510px; left: 380px; width: 425px; }
.btn.btn_zh1{ top:422px; left:148px; width: 335px; }
.btn.btn_zh2{ top:520px; left: 430px; width: 315px; }
.btn.btn_fs1{ top:432px; left:108px; width: 455px; }
.btn.btn_fs2{ top:510px; left:450px; width: 415px; }
.btn.btn_fs3{ top:590px; left:180px; width: 465px; }
.btn.btn_hz1{ top:482px; left:198px; width: 335px; }
.btn.btn_dg1{ top:492px; left:198px; width: 335px; }
.btn.btn_zs1{ top:482px; left:238px; width: 335px; }
.btn.btn_jm1{ top:412px; left:108px; width: 335px; }
.btn.btn_jm2{ top:502px; left:318px; width: 505px; }
.btn.btn_zq1{ top:512px; left:258px; width: 285px; }

.con_wrap{ height:200px; padding: 0 20px; overflow-y: scroll;}
.con_wrap1{ height:340px; 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;}

.di0{ background: url(di0.png) repeat-y center top; }
.di1{ background: url(di1.jpg) no-repeat center top; }
.di2{ background: url(di2.jpg) no-repeat center 600px;}
.di3{ background: url(di3.jpg) no-repeat center 1200px;}
.di4{ background: url(di4.jpg) no-repeat center 1800px;}
.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:32px;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;}

.sc_wrap{ width:620px; height:400px; overflow:hidden; background: url(jdt_bg.png) no-repeat center top;}
.slider_wrap{ position: relative; width: 600px; height: 380px; overflow: hidden;margin: 10px 0 0 10px;}
.slider{}
.slider li{ position: relative; width: 600px; height: 380px;}
.slider li img{ width: 600px; height: 340px;}
.slider h3{ width: 600px; height: 50px; font: 18px/50px "Microsoft Yahei"; text-align: center;}
.slider h3 a{ display: block; width:100%; height: 50px; 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:15px 10px 0 0;position: absolute; bottom: 40px; right: 0; background: url(bx-pager.png) no-repeat right top; height:22px; width:257px; }
.slider_wrap .bx-pager-item{ float: right;}
.slider_wrap .bx-pager-link{ float: left; width: 8px; height: 8px; margin-left: 5px; text-indent: 999em; background-color: #6ce2db; border-radius: 4px; overflow: hidden;}
.slider_wrap .bx-pager-link.active{ width: 40px; background-color: #fff; text-decoration: none;}

.slider_wrap .bx-prev, .slider_wrap .bx-next{ position: absolute; top: 50%; width: 39px; height: 66px; margin-top: -33px; background-image: url(arr.png); text-indent: 999em; overflow: hidden;}
.slider_wrap .bx-prev{ left: 0; background-position: 0 0;}
.slider_wrap .bx-next{ right: 0; background-position: -39px 0;}

.zldw{background: url(zldw_bg.png) no-repeat center top; width:478px; height: 337px; margin-top: 10px;}
.zldw_tit{ height: 50px; font: bold 24px/50px "Microsoft Yahei"; color: #1e69eb; }
.zldw_li{ overflow: hidden;}
.zldw_li li{ position: relative; text-shadow: 2px 1px 1px #005eb1; height:46px; font: 22px/46px "Microsoft Yahei"; color: #fff; padding-left:30px;margin-top:16px; background-image: linear-gradient(to right, #3096f0,#3096f0,#badefb); border-radius: 40px;}
.zldw_li li:before { content: ''; width: 15px; height: 15px; background: #d5e9ff; display: inline-block; position: absolute; top: 15px; left: 10px; border-radius: 50px;}
.zldw_li .zldw_li1{ height:auto;position: relative; text-shadow: 2px 1px 1px #005eb1; font: 22px/30px "Microsoft Yahei"; color: #fff; padding:10px 0 10px 30px;margin-top:13px; background-image: linear-gradient(to right, #3096f0,#3096f0,#badefb); border-radius: 40px;}
.zldw_li .zldw_li1:before { content: ''; width: 15px; height: 15px; background: #d5e9ff; display: inline-block; position: absolute; top: 18px; left: 10px; border-radius: 50px;}

.zldw p{width:440px; margin:10px auto 0; font: 20px/34px "Microsoft Yahei"; color: #1757c7;text-align:justify;}

.con_ptgk{margin-top: 30px; overflow: hidden;}
.ptgk_tit{ margin-bottom:20px;background: url(ptgk_tit.png) no-repeat center bottom; height: 46px; font: bold 28px/32px "Microsoft Yahei"; color: #1e69eb; text-indent: 20px;}
.con_ptgk p{width:100%; font: 20px/36px "Microsoft Yahei"; color: #333;text-align:justify; text-indent: 2em;}

.xgzc_con h3{ font: 20px/44px "Microsoft Yahei";color: #333; }
.xgzc{ width:980px; }
.xgzc li{margin-bottom: 10px; width:976px; border:2px solid #f8dcdc; border-radius:30px; overflow: hidden; font: 20px/44px "Microsoft Yahei";color: #333; background-color: #fffdfd;}
.xgzc li a{ width:92%; margin-left: 20px;}
.xgzc li img{ margin: 5px 10px 0 0; }

.ggfw{ overflow:hidden; }
.ggfw_tit{ width:177px;height: 55px; font: bold 24px/55px "Microsoft Yahei"; color: #1e69eb;}
.ggfw_wz{ margin-bottom:30px;background: url(ggfw04.png) no-repeat left 10px; width:890px;font: 20px/36px "Microsoft Yahei"; color: #333;text-align:justify; text-indent: 2em; padding-left: 30px;}

.con_lxwm{background-image:linear-gradient(to right, #ebf7ff,#dff1ff,#d6edff); border-radius: 30px; height: auto; padding-bottom: 20px; overflow: hidden;}
.con_lxwm p{ font: 20px/36px "Microsoft Yahei"; color: #333;text-align:justify; width: 96%; margin: 0 auto;}
.con_zldw{ margin-top:20px; }