@charset "utf-8";

/*content*/
body{ color:#fff;}
a{ color:#fff;}
a:hover{ color:#f8f8f8;}

*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.d_inline{display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
.wrap_w{ position:relative; margin:0 auto; width:1200px;}

.transition{-webkit-transition:all 1s ease;  transition:all 1s ease;}
.m_page{ position:absolute; top:50%; left:50%; margin:-540px 0 0 -960px; width:1920px; height:1080px;}

/*基础设施建设*/
.m_left{ float:left; width:372px; padding:20px 10px 0 40px; min-height:100%; border-right:1px solid #006bab;}
.m_right{ position:relative; margin-left:385px;}

.ml_tit{ height:32px; line-height:32px; padding-left:10px; font-size:18px; background:url(../../images/sjg/sys_t.png) no-repeat;}

.sys_list{ padding:10px 0;}
.sys_list h2{ padding-bottom:10px; font-size:14px;}
.sys_list li{ line-height:26px; color:#edeaea; font-size:0;}
.sys_name{ display:inline-block; vertical-align:top; width:260px; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.sys_num{ display:inline-block; vertical-align:top; width:60px; text-align:center; font-size:14px;}

.delpoy{ position:relative; margin-top:20px; height:120px; background:url(../../images/sjg/delpoy.png) no-repeat;}
.delpoy span{ position:absolute; right:0; top:0; font-size:50px; color:#edeaea;}

.jcss_logo{ height:85px; background:url(../../images/sjg/jcss_logo.png) center 0 no-repeat;}

.sys_ex{ width:1200px; padding:5px 50px; border:1px solid #006bab; line-height:24px; text-align:center; color:#c6cfd4;}

.use_ratio{ position:absolute; top:160px; left:0; width:570px; height:244px; padding:5px; border:1px solid #006bab; background:rgba(44,107,166,0.2);}
.use_tit{ padding-bottom:5px; text-align:center; font-size:18px; color:#e2f0f9;}

.u_table{ text-align:center; border:1px solid #006bab; color:#e2f0f9; font-size:12px; background:rgba(44,107,166,0.4);}
.u_table th{ height:22px; line-height:22px; border-bottom:1px solid #006bab; font-weight:normal;}
.u_table td{ line-height:22px;}

.total_num{ position:absolute; right:20px; top:85px; width:235px;}
.total_num:before{ position:absolute; bottom:0; left:-10px; width:75px; height:55px; content:''; border:solid #006bab; border-width:0 0 1px 1px; opacity:0.5;}
.total_num:after{ position:absolute; top:-10px; right:-10px; width:75px; height:55px; content:''; border:solid #006bab; border-width:1px 1px 0 0; opacity:0.5;}
.total_num li{ margin-bottom:10px; height:110px; border:1px solid #006bab;}
.total_num li i{ display:block; float:left; width:100px; height:100px;}
.total_num li span{ display:block; margin-left:110px; padding-top:20px;}
.total_num li span label{ font-size:40px;}
.total_num li span em{ display:block; font-size:12px;}

.tot01{ background:url(../../images/sjg/100_icon.png) no-repeat;}
.tot02{ background:url(../../images/sjg/100_icon.png)) 0 -100px no-repeat;}
.tot03{ background:url../../images/sjg/100_icon.png)) 0 -200px no-repeat;}
.tot04{ background:url(../../images/sjg/100_icon.png)) 0 -300px no-repeat;}

.data_map{ position:absolute; top:300px; left:20px; width:1140px; height:660px; background:url(../images/hn_map.png) center no-repeat;}
.data_line{ position:absolute; top:0; left:0; width:1064px; height:592px; background:url(../images/data_line.png) no-repeat;}
.data_con{ position:absolute; top:-65px; left:95px; width:1044px; height:599px; background:url(../images/data_con.png) no-repeat;}

.join_line01{ position:absolute; top:105px; left:220px; width:223px; height:139px; background:url(../images/join_line01.png) no-repeat;}
.join_line02{ position:absolute; top:370px; left:675px; width:63px; height:74px; background:url(../images/join_line02.png) no-repeat;}

.net_ratio{ position:absolute; top:140px; left:-15px; width:235px; height:120px; padding:10px; border:1px solid #006bab; background:rgba(44,107,166,0.4);}
.net_ratio:before{ position:absolute; bottom:-5px; left:-5px; width:200px; height:95px; content:''; border:solid #006bab; border-width:0 0 1px 1px; opacity:0.5;}

.net_per{ position:relative; float:left; margin-top:10px; width:80px; height:80px;}
.net_per svg{ position:absolute; top:0; left:0; z-index:100; -webkit-transform: rotate(-90deg);transform:rotate(-90deg);} 
.net_per svg circle{stroke:#71baf4; -webkit-transition: stroke-dasharray 1s; transition: stroke-dasharray 1s; }
.net_cover{position:absolute; top:50%; left:50%; margin:-28px 0 0 -28px; width:56px; height:56px; line-height:56px; border:1px solid #71baf4; border-radius:100%; text-align:center; font-size:18px;}

.net_chart{ margin-left:100px;}

.city_vpn{ position:absolute; top:350px; left:740px; width:730px; padding:0 10px; border:1px solid #006bab; background:rgba(44,107,166,0.2);}
.city_vpn h2{ position:absolute; top:100px; right:100%; padding-right:10px;  text-align:right; font-size:18px; white-space:nowrap;}
.city_vpn ul{ float:left; margin-left:-45px;}
.city_vpn li{ position:relative; float:left; width:80px; margin-left:45px;}
.city_vpn li:before{ position:absolute; top:105px; left:50%; content:''; width:80px; height:20px; border-left:2px dotted #006bab;}

.vpn_con{ margin:10px 0; height:105px; border:1px solid #006bab; text-align:center;  background:rgba(44,107,166,0.4);}
.vpn_con span{ display:block; line-height:26px; font-size:12px;}


/*电子政务建设*/
.e_left{ position:absolute; top:50px; left:50px; width:600px;}
.e_lb{position:absolute; top:690px; left:50px; width:1170px;}
.e_center{ position:absolute; top:50px; left:50%; margin-left:-305px; width:610px;}
.e_right{ position:absolute; top:50px; right:50px; width:600px;}

.dzzw_logo{ height:110px; background:url(../images/dzzw_logo.png) center no-repeat;}
.e_gov{ height:169px; background:url(../images/e_gov.png) center no-repeat;}

.e_box{ position:relative; padding:10px; border:1px solid rgba(1,215,215,0.3); background:rgba(0,0,0,0.3);}

.eb{ padding:20px 88px; text-align:center;}

.data_num h2{ font-size:24px;}
.data_num ul{ padding:10px 10px 10px 0; font-size:0; text-align:left;}
.data_num li{ display:inline-block; vertical-align:top; margin-left:10px; width:50px; height:80px; line-height:80px; border:1px solid rgba(1,215,215,0.3); text-align:center; font-size:48px; color:#16e590; background:rgba(0,0,0,0.3); }

.b_dn{border:1px solid rgba(1,215,215,0.3); border-bottom:none; background:rgba(0,0,0,0.3);}

.e_tit{ line-height:30px; color:#00eeee; font-size:20px;}

.e_table{ text-align:center; border:1px solid #007777; color:#00eeee; font-size:12px; background:#000;}
.e_table th{ height:40px; line-height:40px; border-bottom:1px solid #007777; font-weight:normal; background:#1b3b56;}
.e_table td{ line-height:34px; border-bottom:1px solid #007777;}
.e_table tr:nth-child(even){ background:#0a1d2e;}

.icon20{ display:inline-block; vertical-align:middle; width:20px; height:20px;}
.e_up{ background:url(../../images/sjg/20_icon.png) no-repeat;}
.e_down{ background:url(../../images/sjg/20_icon.png) 0 -20px no-repeat;}

.dash_board{ position:absolute; top:75px; left:20px; width:256px; height:256px; border-radius:100%; border:3px solid #00ffff;}
.db_bg{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/chart_b.png) no-repeat; background-size:100% 100%;}
.db_cover{position:absolute; top:8px; left:8px; width:232px; height:232px; border-radius:100%; border:25px solid #fff;}

.dash_board svg{ position:absolute; top:5px; left:5px; width:240px; height:240px; -webkit-transform: rotate(112deg); transform:rotate(112deg);}
.b_svg circle{ -webkit-transition: stroke-dasharray 1s; transition: stroke-dasharray 1s; }

.db_data{ position:absolute; top:35px; left:35px; width:180px; padding-top:45px; text-align:center; font-size:20px;}
.db_data em{ font-size:46px;}

.sdb_data{ position:absolute; bottom:0; left:50%; margin-left:-30px; width:60px; height:60px; line-height:60px; text-align:center; border-radius:100%; border:1px solid #00c4c4; font-size:18px; background:rgba(255,255,255,0.2);}

.a_db{ position:absolute; top:10px; left:275px; width:156px; height:156px; border-radius:100%; border:3px solid #cfa972;}
.b_db{ position:absolute; top:130px; left:435px; width:156px; height:156px; border-radius:100%; border:3px solid #16e590;}
.c_db{ position:absolute; top:225px; left:275px; width:156px; height:156px; border-radius:100%; border:3px solid #fff100;}

.db_com svg{ position:absolute; top:5px; left:5px; width:140px; height:140px; -webkit-transform: rotate(112deg); transform:rotate(112deg);}

.db_tit{ position:absolute; padding:0 20px; line-height:40px; border:1px solid rgba(1,215,215,0.3); font-size:18px; white-space:nowrap; background:rgba(0,0,0,0.3);}
.a_db .db_tit{ left:140px; top:50px;}
.b_db .db_tit{ right:140px; top:50px;}
.c_db .db_tit{ left:140px; top:65px;}

.db_per{ position:absolute; top:25px; left:25px; width:100px; height:100px; line-height:100px; text-align:center; font-size:30px;}
.sdb_per{ position:absolute; bottom:0; left:50%; margin-left:-18px; width:36px; height:36px; line-height:36px; text-align:center; border-radius:100%; border:1px solid #00c4c4; font-size:12px; background:rgba(255,255,255,0.2);}

.round_list{ padding-top:60px; font-size:0;}
.round_list li{ display:inline-block; vertical-align:top; width:25%; text-align:center;}

.round_box{ position:relative; width:108px; height:108px; margin:0 auto;}
.a_round{ background:url(../images/a_round.png) no-repeat;}
.b_round{ background:url(../images/b_round.png) no-repeat;}
.c_round{ background:url(../images/c_round.png) no-repeat;}
.d_round{ background:url(../images/d_round.png) no-repeat;}

.round_box span{ position:absolute; top:0; left:0; z-index:100; width:100%; line-height:108px; text-align:center; font-size:14px;}
.round_box svg{ position:absolute; top:0; left:0;  -webkit-transform: rotate(-90deg); transform:rotate(-90deg);}

.round_txt{ padding-top:10px; font-size:14px;}

/*人口与公共资源*/
.ppa_b{ font-size:0;}
.ppa_box{ display:inline-block; vertical-align:top; width:295px; font-size:14px;}

.people_data{ padding:20px 0; line-height:24px; font-size:14px;  color:#01d7d7;}

.people_ex{ text-align:center; font-size:0;}
.people_ex li{display:inline-block; width:50%; vertical-align:top;  font-size:12px; font-weight:bold;}
.people_ex li:nth-child(1){ padding-left:20px; text-align:left; color:#00e099;}
.people_ex li:nth-child(2){ padding-right:20px; text-align:right; color:#00b8ef;}

.people_box{ padding-top:20px; height:80px; padding-bottom:20px; border-bottom:12px solid #2b5483; font-size:0;}
.people_box ul{ position:relative; display:inline-block; width:50%;  vertical-align:top; font-size:14px; vertical-align:top; font-size:0;}
.people_box li{display:inline-block; vertical-align:top;}
.town_people{ text-align:right;}

.people_txt{ margin-bottom:10px; height:37px; text-align:center; font-size:0;  background:url(../images/triangle.png) center no-repeat;}
.people_txt li{display:inline-block; width:50%; padding-top:10px; vertical-align:top;  font-size:18px; font-weight:bold;}
.people_txt li:nth-child(1){ padding-left:20px; text-align:left; }
.people_txt li:nth-child(2){ padding-right:20px; text-align:right; }

.bar_a ul{ padding:22px 20px 0 350px;}
.bar_b ul{ padding:45px 250px 0 110px;}

.e_bar li{ position:relative; margin:15px 0; height:20px; line-height:20px; border-radius:20px; background:rgba(255,255,255,0.1);}
.e_bar li label{ position:absolute; right:100%; top:0; padding-right:10px; text-align:right; font-size:14px; white-space:nowrap;}
.e_bar li span{display:block; width:0; height:100%; border-radius:20px;}
.e_bar li em{ position:absolute; right:20px; top:0; text-align:right; font-size:14px;}

.bg_c01{ background:#ff9600;}
.bg_c02{ background:#e8d135;}
.bg_c03{ background:#00e099;}
.bg_c04{ background:#00b8f6;}
.bg_c05{ background:#ab5cc9;}

.ppb_box{ display:inline-block; vertical-align:top; width:350px; font-size:14px;}
.ppb_box2{ display:inline-block; vertical-align:top; width:225px; font-size:14px;}

.rkggzy_logo{ height:85px; background:url(../images/rkggzy_logo.png) center no-repeat;}
.pp{ height:111px; background:url(../images/pp.png) center no-repeat;}
.ap_map{ position:relative; height:480px;}

.c_info{ position:absolute; top:0; left:300px; padding:10px 20px; border-radius:4px; color:#fff; font-size:20px; background:rgba(0,0,0,0.7);}
.c_info h2{ font-size:16px; font-weight:normal;}
.c_info i{ position:absolute; bottom:-6px; left:32px; width:0; height:0; border-style:solid dashed dashed dashed; border-color:rgba(0,0,0,0.7) transparent transparent transparent; border-width:6px 6px 0 6px; }
.f38{ font-size:38px;}

.e_table td.ett{ border-bottom:none; border-right:1px solid #007777; background:#1b3b56;}

.chart_p{ position:relative; margin-bottom:50px; color:#25ffff;}

.chart_b{ margin:30px 0 10px 60px; }
.chart_b li{ position:relative; height:26px; border-bottom:1px solid rgba(255,255,255,0.1);}
.chart_b li:first-child{ height:0;}
.x_axis{ position:absolute; right:100%; bottom:-10px; padding-right:10px; text-align:right; font-size:12px; white-space:nowrap;}

.d_bar{ position:absolute; bottom:0; left:0; padding:0 10px 0 60px; width:100%; height:131px;}
.d_bar ul{ height:100%; font-size:0;}
.d_bar li{ position:relative; display:inline-block; vertical-align:top; width:20%; height:100%; font-size:12px;}

.bar_h{position:absolute; bottom:0; left:50%; margin-left:-10px; width:20px; height:0; -webkit-transition:all 1s ease;  transition:all 1s ease; background:#05d6d5;}

.a_txt{ position:absolute; left:0; top:100%; width:100%; padding:10px 0; text-align:center; font-size:12px;  box-sizing:border-box;}

/*企业统计分析*/
.qytj_logo{ height:80px; background:url(../images/qytj_logo.png) center no-repeat;}
.msdm{ height:118px; background:url(../../images/sjg/msdm.png) 50px 0 no-repeat;}

.second_tit{ padding:10px 0; font-size:16px; color:#aeaeae;}

.m_list{ padding:10px 0; font-size:0;}
.m_list li{ display:inline-block; vertical-align:top; position:relative; padding:0 60px 0 95px; margin-bottom:16px; width:50%; line-height:22px; font-size:16px; color:#82fcfd;}
.m_label{ position:absolute; top:0; left:0; white-space:nowrap;}
.m_bar{ display:inline-block; width:100%; vertical-align:middle; height:8px; border-radius:20px; background:rgba(70,154,164,0.5);}
.m_bar em{ display:block;  height:8px; border-radius:20px;}

.m_bg01{ background:#e7493a;}
.m_bg02{ background:#db6838;}
.m_bg03{ background:#e59a43;}
.m_bg04{ background:#f5be60;}
.m_bg05{ background:#63c956;}
.m_bg06{ background:#2d79f8;}

.market_box{ font-size:0;}
.market_box li{ display:inline-block; vertical-align:top;  width:25%;}

.m_cc01{ color:#b4f5f6;}
.m_cc02{ color:#d9fec8;}
.m_cc03{ color:#fad860;}
.m_cc04{ color:#fabb89;}
.m_cc05{ color:#5fd0d1;}
.m_cc06{ color:#82d15f;}
.m_cc07{ color:#edc944;}
.m_cc08{ color:#f59d56;}
.m_cc09{ color:#61d4d5;}
.m_cc10{ color:#e7493a;}

.mb_num,.ms_num{ display:inline-block; vertical-align:top;}
.mb_num{ font-size:30px;}
.ms_num em{ display:block; font-size:12px;}

.market_all{ display:inline-block; vertical-align:top; position:relative; width:230px; padding-top:140px; font-size:18px;}

.market_ex{ position:absolute; top:30px; left:-100px; font-size:24px; color:#fdad3c; white-space:nowrap;}

.market_ind{ display:inline-block; vertical-align:top; width:370px;}
.market_ind .ml_tit{ color:#00eeee;}
.market_ind .sys_name{ width:285px;}
