@charset "utf-8";
*{
    margin:0; padding:0;
    }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0;  font-family: "微软雅黑"; }
fieldset, img { border: 0; }
ul, ol, li { list-style: none; font-family:'Microsoft YaHei'; }

/* remember to define focus styles! */
:focus { outline: 0; }
address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: normal; font-weight: normal; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
abbr, acronym { border: 0; font-variant: normal; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; background-color: #fff; border: none;}
code, kbd, samp, tt { font-size: 100%; }
a{text-decoration:none;}
a:hover{
    text-decoration: none;
}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea{ *font-size: 100%;}
ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table,tr,td { border-collapse: collapse; border-spacing: 0; margin:0;padding:0;}
caption, th { text-align: left; }
sup, sub { font-size: 100%; vertical-align: baseline; }

/* remember to highlight anchors and inserts somehow! */
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/**Common Css**/
.fr { float: right; *display: inline;}
.fl { float: left; *display: inline;}
.of { overflow: hidden; }
/*文本超出显示省略号*/
.ehn, .otw, .tow { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
/*清除浮动*/
.clearfix { clear: both; *zoom:1;}
.clearfix:after { display: block; clear: both; content: "\0020"; visibility: hidden; height: 0; }


body{
	background: url(../img/body_bg.jpg);
	color: #fff;
	font-size: 0.63vw;
}
.top{
	width: 100%;
	height: 7.291vw;
	background: url(../img/top_bg.png) no-repeat center;
	background-size: cover;
	text-align: center;
}
.center_con{
	padding: 0 0.58vw;
}
.c_c_left{
	width: 23.4375vw;
	box-sizing: border-box;
}

.ec_list{
	background: url(../img/list_bg1.png) no-repeat;
	position: relative;
	background-size: auto;
	margin-bottom: 1.2vw;
}
.ec_list_title{
	font-size: 0.89vw;
	position: absolute;
	top: 1.041vw;
	left: 1.5625vw;
}
.ec_list_title::after{
}
.ec_l_info .ec_chart{
	width: 22.5vw;
}

.ec_list{
	height: 14.583vw;
}
.ec_list .ec_chart{
	height: 14.5vw;
}

.ld_r_list{
	width: 6.5vw;
	float: left;
	margin-top: 0.6vw;
}
.ld_r_list:nth-child(2n-1){
	margin-right: 0.25vw;
}
.ld_l_title{
	text-align: center;
	color: #41c0ed;
	text-align: center;
	font-size: 0.75vw;
	margin-bottom: 0.25vw;
}
.ld_l_info{
	overflow: hidden;
	box-shadow:inset 0 0 15px 3px #183a5f;
	border-radius: 0.25vw;
}
.ld_info_list{
	float: left;
	width: 50%;
	text-align: center;
	padding: 0.25vw 0;
	position: relative;
}
.ld_info_title{
	font-size: 0.58vw;
	color: #40a1cb;
	margin-bottom: 0.25vw;
}
.ld_info_num span{
	font-size: 0.75vw;
}
.ld_l_info .ld_info_list:first-child::after{
	content: '';
	position: absolute;
	width: 1px;
	height: 50%;
	right: 0;
	top: 25%;
	border-right: 1px dashed #183869;
}
.ld_l_info .ld_info_list:first-child .ld_info_num{
	color: #80c39a;
}
.ld_l_info .ld_info_list:last-child .ld_info_num{
	color: #fbd449;
}

.c_c_center{
	width: 46.66vw;
	margin-left: 1.6vw;
}
.c_t_list{
	width: 22vw;
	margin-right: 0.83vw;
	color: #86f2ff;
	display: flex;
	align-items: flex-end;
}
.c_t_list:first-child{
	margin-left: 1vw;
}
.c_t_list:last-child{
	margin-right: 0;
}
.c_t_title{
	font-size: 1.25vw;
	width: 5.833vw;
}
.c_t_list:first-child .c_t_title{
	width: 4.427vw;
}
.c_t_num{
	flex: 1;
	font-size: 1vw;
	color: #40a1cb;
	font-weight: bolder;
}
.number-animate {
	line-height: 3.5vw;
	height: 3.4vw;
	font-size: inherit;
	overflow: hidden;
	display: inline-block;
	position: relative
}
.number-animate .number-animate-dom {
	width: 2.291vw;
	text-align: center;
	float: left;
	position: relative;
	top: 0;
	margin-right: 0.26vw;
}
.number-animate .number-animate-dom span {
	float: left;
	width: 2.291vw;
	text-align: center;
	height: 3.28vw;
	font-size: 1.5625vw;
	border-radius: 5px;
	border: 1px solid #41C0ED;
	background-color: rgba(23,78,137,0.6);
	color: #ffd800;
}

.map_box{
	text-align: center;
	margin-top: 2.5vw;
	margin-bottom: 1.8vw;
	position: relative;
}
.map_box img{
	width: 88%;
}
.c_c_b_list{
	width: 13.855vw;
	height: 2.761vw;
	background: url(../img/list_bg2.png) no-repeat center;
	display: flex;
	align-items: baseline;
	padding-top: 0.33vw;
	box-sizing: border-box;
	padding-left: 0.78vw;
	margin-left: 1.5vw;
	margin-top: 1.04vw;
}
.c_c_bottom_title{
	font-size: 0.75vw;
	/* width: 5.21vw; */
	margin-right: 0.42vw;
}
.c_c_bottom_num{
	flex: 1;
	font-size: 1.458vw;
	color: #ffd800;
}

.c_c_right{
	width: 23.4375vw;
	box-sizing: border-box;
}
.ec_chart{
	height: 11.42vw;
}
.c_c_r_lj{
	margin-top: 3.125vw;
	margin-left: 0.52vw;
	margin-right: 0.52vw;
}
.ec_l_r_list{
	border: 1px solid #41C0ED;
	background-color: rgba(28,133,188,0.5);
	padding: 0 0.9vw;
	margin-bottom: 0.41vw;
	font-size: 0.66vw;
	height: 1.67vw;
	line-height: 1.67vw;
	font-size: 0.9375vw;
}
.ec_l_r_list .name{
	width: 20%;
}
.ec_l_r_list .model{
	width: 38%;
	text-align: center;
}
.ec_l_r_list .mobile{
	width: 38%;
	text-align: center;
}


.nameBox{
	/* position: absolute; */
	
}
.name_b_list{
	position: absolute;
	width: 15%;
	text-align: center;
}
.name_b_list:nth-child(1){
	top: 45%;
	left: 3%;
}
.name_b_list:nth-child(2){
	top: 45%;
	left: 19%;
}
.name_b_list:nth-child(3){
	top: 45%;
	left: 35.8%;
}
.name_b_list:nth-child(4){
	top: 92%;
	left: 3%;
}
.name_b_list:nth-child(5){
	top: 92%;
	left: 19%;
}
.name_b_list:nth-child(6){
	top: 92%;
	left: 35.8%;
}


.name_l_list{
	position: absolute;
	width: 25%;
	text-align: center;
}
.name_l_list:nth-child(1){
	top: 45%;
	left: 3.5%;
}
.name_l_list:nth-child(2){
	top: 45%;
	left: 32%;
}
.name_l_list:nth-child(3){
	top: 45%;
	left: 61%;
}
.name_l_list:nth-child(4){
	top: 86%;
	left: 3.5%;
}
.name_l_list:nth-child(5){
	top: 86%;
	left: 32%;
}
.name_l_list:nth-child(6){
	top: 86%;
	left: 61%;
}