SQ12345_Web/WebChartBigNew/css/index.css

body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 2160px;
	font-size: 32px;
	-webkit-text-size-adjust: none;
	/*overflow-x: hidden;*/
	background: -webkit-radial-gradient(circle, #12266a, #000221);
	/* Safari 5.1 - 6.0 */
	background: -o-radial-gradient(circle, #12266a, #000221);
	/* Opera 11.6 - 12.0 */
	background: -moz-radial-gradient(circle, #12266a, #000221);
	/* Firefox 3.6 - 15 */
	background: radial-gradient(circle, #12266a, #000221);
	/* 标准的语法（必须放在最后） */
	font-family: "微软雅黑";
	color: #FFFFFF;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.clearfix{
	overflow: hidden;
}
#wrap{
	overflow: hidden;
	position: relative;
}
/*第一列*/
#wrap_box1{
	width: 700px;
	margin-top: 65px;
	float: left;
}
.box1_top{
	width: 580px;
	height: 720px;
	margin: auto;
    background: url(../img/hwzx_bj.png) no-repeat center;
    background-size: 100% 100%;
    position: relative;
}
.box1_top .titText ,.box1_mid .titText ,.box1_bot .titText{
	font-size: 60px;
	height: 180px;
	line-height: 180px;
	text-align: center;
}
.box1_top .titCont ,.box1_mid .titCont ,.box1_bot .titCont{
	font-size: 55px;
	height: 120px;
	line-height: 120px;
	margin: 0 70px;
	text-align: center;
}
.font_Color1{
	font-size: 55px;
	color:#6ce7ac;
}
.fontColor1{color:#6ce7ac;}
.fontColor2{color:#ce5aba;}
.fontColor3{color:#dfe941;}
.fontColor4{color:#cb5f79;}
.font_Color2{
	font-size: 55px;
	color:#ce5aba;
}
.font_Color3{
	font-size: 55px;
	color:#dfe941;
}
.font_Color4{
	font-size: 55px;
	color:#cb5f79;
}
.box1_mid{
	width: 580px;
	height: 630px;
	margin:40px auto;
    background: url(../img/thl_bj.png) no-repeat center;
    background-size: 100% 100%;
    position: relative;
}
.box1_bot{
	width: 580px;
	height: 630px;
	margin: auto;
    background: url(../img/thl_bj.png) no-repeat center;
    background-size: 100% 100%;
    position: relative;
}
/*第二列*/
#wrap_box2{ 
	width: 1360px;
	margin-top: 65px;
	float: left;
}
.box2_top{ 
	width: 1210px;
	height: 1020px;
	margin: auto;
	background: url(../img/slqy_bj.png) no-repeat center;
    background-size: 100% 100%;
    position: relative;
}
.legend_bar {
	position: relative;
	position: relative;
	top: 46px;
	margin-left: 30px;
}

.legend_bar .col-line {
	display: inline-block;
	height: 40px;
	width: 4px;
	background: #00e9ff;
	position: relative;
	vertical-align: text-top;
	margin-right: 28px;
}

.title_word {
	color: #fff;
	font-size: 48px;
}

.legend_bar .col-line:before,
.legend_bar .col-line:after {
	content: "";
	height: 24px;
	width: 4px;
	background: #00e9ff;
	position: absolute;
	top: 10px;
}

.legend_bar .col-line:before {
	left: -8px;
}

.legend_bar .col-line:after {
	left: 8px;
}


.box2_bot{
	width: 1210px;
	margin:30px auto;
	
	overflow: hidden;
}
.box2_bot_l{ 
	float: left;
	width: 540px;
	height: 1000px;
	background: url(../img/qdly_bj.png) no-repeat center;
    background-size: 100% 100%;
    position: relative;
    margin-right: 30px;
}
.box2_bot_l .tit{
	font-size: 34px;
	color: #90f5ff;
	line-height: 70px;
	height: 70px;
	text-align: center;
}
.box2_bot_l .content{
	
}
.box2_bot_l .content ul li{
	height: 100px;
	line-height: 100px;
	text-align: center;
	width: 90%;
	margin: 0 auto;
}
.box2_bot_l .content ul li .fl{
	width: 50%;
}

.box2_bot_r{ 
	float: left;
	width: 640px;
	height: 1000px;
	margin: auto;
	background: url(../img/sssss.png) no-repeat center;
    background-size: 100% 100%;
    position: relative;
}
.box2_bot_r .spanPos_1{
	position: absolute;
	left:130px;
	top: 80px;
} 
.box2_bot_r .spanPos_2{
	position: absolute;
	right:100px;
	top: 80px;
} 
.box2_bot_r .spanPos_3{
	position: absolute;
	left:20px;
	top: 190px;
} 
.box2_bot_r .spanPos_4{
	position: absolute;
	right:20px;
	top: 190px;
} 
.box2_bot_r .spanPos_5{
	position: absolute;
	left:20px;
	top: 680px;
} 
.box2_bot_r .spanPos_6{
	position: absolute;
	right:20px;
	top: 590px;
} 
.box2_bot_r .spanPos_7{
	width: 100%;
	position: absolute;
	bottom: 30px;
	left: 2%;
}
.box2_bot_r .spanPos_7 ul{
	overflow: hidden;
	width: 90%;
	margin-left: 5%;
}
.box2_bot_r .spanPos_7 ul li{
	float: left;
	text-align: left;
	height: 70px;
	line-height: 70px;
	width: 50%;
} 
/*第三列*/
#wrap_box3{
	width: 820px;
	margin-top: 65px;
	float: left;
}
.box3{
	width: 640px;
	margin: 0 auto;
	height: 2060px;
	background: url(../img/ywtj_bj.png) no-repeat center;
    background-size: 100% 100%;
    position: relative;
}
.box3 .tit{
	font-size: 44px;
	height: 100px;
	line-height: 120px;
	margin-top: 10px;
	text-align: center;
}
.box3 .content{
	width: 98%;
	margin: 0 auto;
}
.box3 .content table tr td{
	font-size: 36px;
	text-align: center;
	height: 136px;
	line-height: 136px;
} 
.td_line1{
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
	
/*第四列*/
#wrap_box4{
	width: 1950px;
	margin-top: 65px;
	float: left;
	position: relative;
}
.box4_nav{
	width: 1360px;
	margin: 0 auto;
}
.box4_nav img{
	width: 100%;
	
}
.btns.active, .btns.active:hover {
    color: #fff;
    background-color: #245fd5;
}
.channel_btn{
	padding: 6px 51px;
    border-radius: 6px;
    background-color: #081337;
    color: #FFFFFF;
    font-size: 32px;
    border-color: #081337;
    border: none;
}
.channel_btn:hover{
	cursor: pointer;
	color: #FFFFFF;
	/*color: #45599d;*/
	background-color: #081337;
}
.btn-group{
	position: absolute;
	top: 330px;
	right: 0px;
	z-index: 12134;
}
.box4_top{ 
	width: 2400px;
	/*height: 1145px;*/
	/*margin: auto;*/
	/*background: url(../img/slqy_bj.png) no-repeat center;*/
    /*background-size: 100% 100%;*/
    position: relative;
    margin-left: -200px;
}
.box4_bot{
	width: 1710px;
	margin:30px auto;
	/*overflow: hidden;*/
	position: relative;
}
.box4_bot div{
	position: absolute;
	z-index: 333;
	color: #f0b903;
	font-size: 42px;
}
 
.box4_bot .img1{
	top: -160px;
	left: -100px;
}
.box4_bot .span1{
	position: absolute;
	top: 62px;
	right: 54px;
}
.box4_bot .img2{
	top: 80px;
	left: 240px;
}
.box4_bot .span2{
	position: absolute;
	top: 54px;
	right: 50px;
}
.box4_bot .img3{
	top: 10px;
	left: 500px;
	display: none;
}
.box4_bot .span3{
	position: absolute;
	top: 50px;
	right: 200px;
}
.box4_bot .img4{
	top: 120px;
	right: 300px;
}
.box4_bot .span4{
	position: absolute;
	top: 40px;
	right: 260px;
}
.box4_bot .img5{
	top: -50px;
	right: -150px;
}
.box4_bot .span5{
	position: absolute;
	top: 40px;
	right: 280px;
}


.box4_bot_l{ 
	float: left;
	width: 800px;
	height: 650px;
	background: url(../img/fwzl_bj.png) no-repeat center;
    background-size: 100% 100%;
    position: relative;
    margin-right: 30px;
}
.box4_bot_r{ 
	float: right;
	width: 800px;
	height: 650px;
	margin: auto;
	background: url(../img/fwzl_bj.png) no-repeat center;
    background-size: 100% 100%;
    position: relative;
}
/*第五列*/
#wrap_box5{
	width: 1220px;
	margin-top: 65px;
	float: left;
}
.box5{
	width: 1050px;
	margin: 0 auto;
	overflow: hidden;
}
.box5_left{
	width: 500px;
	height: 2065px;
	float: left;
	background: url(../img/ywtj_bj.png) no-repeat center;
    background-size: 100% 100%;
    position: relative;
    font-size: 40px;
}
.box5_left .tit ,.box5_right .tit{
	margin-top: 50px;
	line-height: 80px;
	text-align: center;
}
#dpartList{
	width: 80%;
	height: 1700px; 
	margin-left: 10%;
	overflow: hidden;
}
#dpartList table tbody tr td{
	width: 50%;
	height: 136px;
	line-height: 136px;
	text-align: left;
}
.box5_left .content ul li ,.box5_right .content ul li{
	text-align: left;
	height: 136px;
	line-height: 136px ;
	width: 80%;
	margin-left: 10%;
}
.box5_left .content ul li .fl ,.box5_right .content ul li .fl{
	width: 50%;
}
.box5_right{
	width: 500px;
	height: 2065px;
	float: right;
	background: url(../img/ywtj_bj.png) no-repeat center;
    background-size: 100% 100%;
    position: relative;
    font-size: 40px;
}
/*第六列*/
#wrap_box6{
	width: 1600px;
	margin-top: 65px;
	float: left;
}
.box6_top{
	width: 1537px;
	height: 930px;
	margin: auto;
    background: url(../img/hwgjc_bj.png) no-repeat center;
    background-size: 100% 100%;
    position: relative;
}
.trafficVolume>div {
	width: 50%!important;
	padding-top: 120px;
	float: left;
}

.trafficVolume .orderCon_right {
	width: 50%;
	font-size: 22px;
}

.trafficVolume .orderCon_right .right_top,.trafficVolume .orderCon_right .right_bottom{
	width: 1270px;
	height: 600px;
	background-size: 100% 100%;
}

.trafficVolume .orderCon_right>div.right_bottom {
	height: 630px;
	background-size: 100% 120%;
}



.right_bottom {
	background: url(../img/huawu_bottom.png) no-repeat;
}

.tagBox {
	width: 100%;
	height: 1200px;
	margin: 0 auto;
	margin-top: -120px;
}
.tagcloud {
	overflow: hidden;
	margin-top: 60px;
}
.tagcloud>div {
	float: left;
	display: block;
	color: #333;
	font-size: 32px;
	text-decoration: none;
	width: 150px;
	height: 190px;
	margin: 20px;
}

.tagcloud_bj{
	background: url(../img/kuang.png) no-repeat;
	background-size: 100% 100%;
}
.tagcloud_bjShine{
	background:url(../img/kuang_Shine.png) no-repeat;
	background-size: 100% 100%;
}
.scroll_table table tbody tr td{
	text-align: center;
}
.table_box table:first-child{
	color: #FFFFFF;
	margin-bottom: 0px;
}
.table_box_key{
	width: 710px;
	height: 635px;
	background:url(../img/key_bj.png) no-repeat;
	background-size: 100% 100%;
	padding: 10px;
	color: #00E9FF;
}
.table_box_key table thead tr td{
	width: 33%;
	font-size: 36px;
	line-height: 64px;
	text-align: center;
}
.table_box_key table tbody tr td{
	width: 33%;
	color: #27B723;
}

.table_box_key table tbody tr td:first-child{
	color: #00e9ff;
}
.table_box_key table tbody tr td:last-child{
	color: #f05964;
}
.table>tbody>tr>td{
	border-top: 1px solid #3160a2;
}
.tag_title {
	text-align: center;
	font-size: 14px;
	line-height: 30px;
	height: 30px;
	color: #fff;
	width: 100%;
	background: -webkit-linear-gradient(left, #0c54c917, #0b54c9, #0c54c917);
	background: -o-linear-gradient(left, #0c54c917, #0b54c9, #0c54c917);
	background: -moz-linear-gradient(left, #0c54c917, #0b54c9, #0c54c917);
	background: linear-gradient(to right, #0c54c917, #0b54c9, #0c54c917);
	margin-top: 20px;
}

.tagcloud>div .imgs {
	width: 100px;
	height: 100px;
	/* line-height: 250px; */
	background: url(../img/center_circle.png) no-repeat;
	background-size:100% 100% ;
	overflow: hidden;
	color: #cd9d0f;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 100px;
	margin: 10px auto 16px;
	z-index: -1;
}

.tagcloud>div .ts_count {
	text-align: center;
	color: #86f5ff;
}

.keyW_t {
	width: 394px;
	height: 110px;
	background: url(../img/side5_kuang.png) no-repeat center;
	background-size: 100% 100%;
	color: #fff;
	font-size: 32px;
	text-align: center;
	line-height: 110px;
	margin: 0 auto;
	position: relative;
	top: -68px;
	left: -44px;
}

.keyW_t:before,
.keyW_t:after {
	content: "";
	background: url(../img/right_line.png) no-repeat;
	width: 40px;
	height: 116px;
	position: absolute;
	top: -54px;
}

.keyW_t:before {
	right: -26px;
}

.keyW_t:after {
	transform: rotateY(180deg);
	left: -26px;
}

.box6_mid{
	width: 1537px;
	height: 535px;
	margin: 30px auto;
    background: url(../img/tslb_bj.png) no-repeat center;
    background-size: 100% 100%;
    position: relative;
}
.box6_bot{
	width: 1537px;
	height: 535px;
	margin: auto;
    background: url(../img/tslb_bj.png) no-repeat center;
    background-size: 100% 100%;
    position: relative;
}