﻿﻿
@charset "utf-8";

*{
	-moz-box-sizing: border-box;  
	 -webkit-box-sizing: border-box; 
	 -o-box-sizing: border-box; 
	 -ms-box-sizing: border-box; 
	 box-sizing: border-box; 
}
html{
	width: 100%;
	height: 100%;
}
.i-bg {
	width: 100%;
	height: 100%;
}

.i-header{
	width: 100%;
	height: 100px;
	background-color: #FFFFFF;
}
.i-header-main{
	width: 1100px;
	margin: 0px auto;
}
.logo{
	display: inline-block;
	float: left;
}
.logo img{
	margin-top: 18px;
	display: inline-block;
	float: left;
}
.logo-name{
	margin-top: 27px;
	margin-left: 15px;
	font-size: 32px;
	font-weight:bold;
	color: #18649f;
	display: inline-block;
	float: left;
	margin-top: 40px;
}
.logo-name span{
	width: 2px;
	height: 29px;
	margin: 12px 10px;
	background-color: #9b9b9b;
	display: inline-block;
	float: left;
}
.logo-name p{
	font-size: 32px;
	font-weight:bold;
	color: #000000;
	display: inline;
	display: inline-block;
	float: left;
}
.usercenter{
	margin-top: 40px;
	display: inline-block;
	float: right;
}


.not-login .user-hint{
	line-height: 25px;
	padding-left: 30px;
	font-size: 15px;
	color: #969696;
	background: url(../images/user.png) no-repeat left center;
	display: inline-block;
	float: left;
}
.gjlhjg{
	line-height: 25px;
	padding-left: 30px;
	font-size: 15px;
	color: #105b95;
	display: inline-block;
	float: left;
}
.gjlhjg > a{
	line-height: 25px;
	font-size: 15px;
	color: #105b95;
	display: inline-block;
	float: left;
	text-decoration: none;
}
.login-btn{
	width: 55px;
	height: 25px;
	margin-left: 10px;
	line-height: 25px;
	color: #FFFFFF;
	text-align: center;
	background-color: #629bd5;
	border-radius: 2px;
	display: block;
	float: left;
	text-decoration: none;
}
.login-btn:hover{
	background-color:#105b95;
	text-decoration: none;
}
.has-logged-on .user-hint{
	line-height: 25px;
	padding-left: 10px;
	font-size: 15px;
	color: #105b95;
	background: url(../images/user.png) no-repeat left center;
	display: inline-block;
	float: left;
}
.quit-btn{
	width: 55px;
	height: 25px;
	margin-left: 10px;
	line-height: 25px;
	color: #3d3d3d;
	text-align: center;
	background-color: #efefef;
	border-radius: 2px;
	display: block;
	float: left;
}
.quit-btn:hover{
	background-color:#C2C2C2;
	text-decoration: none;
}

.mainbg{
	width: 100%;
}
.mainNoBg{
	width: 100%;
}
.i-main{
	width: 1200px;
	margin: 0px auto;
}
.banner-title{
	padding: 120px 0 95px 0;
}
.banner-title img{
	margin: 0 auto;
	display: block;
}
.nav-bg{
	width: 100%;
	height: 48px;
	background-color: #105b95;
}
.nav{
	width: 1100px;
	margin: 0 auto;
}
.nav a{
	width: 123px;
	height: 48px;
	line-height: 48px;
	font-size: 17px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	float: left;
	transition: all .3s ease;
}
.nav a img{
	margin: 15px 10px 0 35px;
	display: inline-block;
	float: left;
}
.nav a:hover{
	border-bottom: solid 5px #FFFFFF;
}
.nav a.on,.nav a.on:hover{
	height:43px ;
	line-height: 43px;
    color: #105b95;
    text-align: left;
	background-image: linear-gradient(0deg, #f1f1f1 0%, #f8f8f8 50%, #ffffff 82%), linear-gradient(#ffffff, #ffffff);
	border-bottom: solid 0px #FFFFFF;
	border-radius: 2px;
}

.nav-select{
	width: 115px;
	height: 48px;
	text-align: center;
	display: inline-block;
	float: left;
	position: relative;
}

.nav-select p{
	line-height: 48px;
	font-size: 17px;
	font-weight: bold;
	color: #FFFFFF;
	background: url(../images/down.png) no-repeat right center;
	cursor: pointer;
	transition: 0.1s;
}
.nav-select .on{
	background: url(../images/up.png) no-repeat right center;
}
.nav-menu{
	width: 100%;
	padding:0px 10px 20px 10px;
	background-color: #105b95;
	position: absolute;
	top: 48px;
	left: 0;
	z-index: 10;
	display:none;
	cursor: pointer;
}
.nav-menu div{
	padding: 5px 0;
	border-bottom:solid 1px #4692cc ;
}
.nav .nav-menu div a{
	width: 100%;
	height: 38px;
	font-size: 17px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 38px;
	letter-spacing: 0px;
	color: #ffffff;
	display: block;
	float: none;
}
.nav .nav-menu div a:hover{
	border-bottom: 0px;
	background-color: #166fb3;
}




.banner-wrap{
	padding: 30px 0;
}
.banner-center{
	width: 175px;
	height: 88px;
	background-color: #ffffff;
	border-radius: 2px;
	box-shadow: 0px 0px 5px #999999;
	float: left;
	cursor: pointer;
}

.banner-center a ,.banner-center a:hover{
	text-decoration: none;
}
.bn-tit{
	margin:5px 15px 0 5px ;
	overflow: hidden;
}

.bn-tit p{
	line-height: 35px;
	font-size: 17px;
	color: #2b2b2b;
	display: inline-block;
	float: left;
}
.L1 i{
	float: left;
	display: block;
	width: 35px;
	height: 35px;
	background: url(../images/top-ico1.png) no-repeat 5px 7px;
	transition: 0.3s;
}
.L2 i{
	float: left;
	display: block;
	width: 35px;
	height: 35px;
	background: url(../images/top-ico2.png) no-repeat 5px 7px;
	transition: 0.3s;
}
.L3 i{
	float: left;
	display: block;
	width: 35px;
	height: 35px;
	background: url(../images/top-ico3.png) no-repeat 5px 7px;
	transition: 0.3s;
}
.L4 i{
	float: left;
	display: block;
	width: 35px;
	height: 35px;
	background: url(../images/top-ico4.png) no-repeat 5px 7px;
	transition: 0.3s;
}
.L5 i{
	float: left;
	display: block;
	width: 35px;
	height: 35px;
	background: url(../images/top-ico5.png) no-repeat 5px 7px;
	transition: 0.3s;
}
.L6 i{
	float: left;
	display: block;
	width: 35px;
	height: 35px;
	background: url(../images/top-ico6.png) no-repeat 5px 7px;
	transition: 0.3s;
}
.bn-num{
	margin: 2px 5px 0px 5px;
	overflow: hidden;
}
.bn-num div{
	display: inline-block;
	float: left;
}

.line-1 {
	width: 1px ;
	height:15px ;
	margin: 3px 5px;
    background-color:#d5d5d5 ;
    display: block;
    float: left;
}

.banner-center:hover{
	background-color: #2c7dba;
	transition: all 0.2s ease-out 0s;
}
.banner-center:hover p{
	color: #fff;
	transition: all 0.2s ease-out 0s;
}
.banner-center:hover .bn-num div{
	color: #FFFFFF;
}
/* .banner-center:hover .bn-num span{
	background-color: #FFFFFF;
} */
.banner-center:hover .L1 i{
	background: url(../images/top-ico1.png) no-repeat 5px -32px;
}
.banner-center:hover .L2 i{
	background: url(../images/top-ico2.png) no-repeat 5px -32px;
}
.banner-center:hover .L3 i{
	background: url(../images/top-ico3.png) no-repeat 5px -32px;
}
.banner-center:hover .L4 i{
	background: url(../images/top-ico4.png) no-repeat 5px -32px;
}
.banner-center:hover .L5 i{
	background: url(../images/top-ico5.png) no-repeat 5px -32px;
}
.banner-center:hover .L6 i{
	background: url(../images/top-ico6.png) no-repeat 5px -32px;
}


.t-lf-box {
	width: 530px;
	height: 400px;
	padding:0 20px;
	background-color: #FFFFFF;
	float: left;
}
.t-rt-box {
	width: 530px;
	height: 400px;
	padding:0 20px;
	background-color: #FFFFFF;
	float: right;
}

.slideTxtBox{ 
	width:100%; 
	position: relative;
}
.slideTxtBox .hd{ 
	height: 50px;
	border-bottom: solid 4px #d3d3d3;
}
.slideTxtBox .hd ul{ 
	overflow: hidden;
}
.slideTxtBox .hd ul li{ 
	width: 140px;
	height:50px;
	margin-right: 20px;
	float: left;
	font-size: 23px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
	color: #828282;
	cursor:pointer; 
	transition: all 0.2s ease-out 0s; 
}
.slideTxtBox .hd ul li i{
	float: left;
	display: block;
	width: 30px;
	height: 35px;
	transition: all 0.2s ease-out 0s;
}
.slideTxtBox .hd .work i{
	background: url(../images/tit-ico1.png) no-repeat 0px 7px;
}
.slideTxtBox .hd .notify i{
	background: url(../images/tit-ico2.png) no-repeat 0px 7px;
}
.slideTxtBox .hd ul li.on{ 
	color: #105b95;
	border-bottom: solid 6px #166fb3;
}
.slideTxtBox .hd ul li.on.work i{
	background: url(../images/tit-ico1-on.png) no-repeat 0px 7px;
}
.slideTxtBox .hd ul li.on.notify i{
	background: url(../images/tit-ico2-on.png) no-repeat 0px 7px;
}

.slideTxtBox .bd{ 
	padding:20px 0;
}
.list-text li{
	padding:4px 0;
	overflow: hidden;
	}
.txt{
	width:470px;
	display:inline-block;
	float:left;
}
.dot{
	width: 5px;
	height: 5px;
	background-color: #8d8d8d;
	margin:12px 5px 0 5px;
	display: block;
	float: left;
}
.txt p{
	width: 380px;
	font-size: 15px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #3c3c3c;
	display: inline-block;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.list-text li:hover .dot{
	background-color:#1c6aac;
}
.txt1 p{
	width:330px;
}
.txt p span{
	font-size: 15px;
	font-weight: bold;
	line-height: 30px;
	letter-spacing: 0px;
	color: #1c6aac;
	display: inline-block;
	float: left;
}

.txt em{
	width:80px;
	float:right;
	display:inline-block;
	font-size:13px;
	color: #8e8e8e;
	line-height:30px;
	text-align:right;
}
.txt:hover,.txt:hover span,.txt:hover p,.txt:hover em{color: #1c6aac;}

.see-more{
	font-size: 14px;
	letter-spacing: 1px;
	color: #d00d16;
	display: inline-block;
	float: right;
}
.see-more:hover{
	color: #1c6aac;
	text-decoration: none;
}
.list-tit{
	height:50px;
	border-bottom: solid 4px #d3d3d3;
	overflow:hidden ;
}

.bz-ico{
	width: 30px;
	height: 35px;
	background: url(../images/tit-ico3.png) no-repeat 0px 7px;
	display: block;
	float: left;
}


.list-tit p{
	font-size: 23px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #105b95;
	display: inline-block;
	float: left;
}

.chart-box{
	padding: 0 12px;
	height: 660px;
	background-image: linear-gradient(0deg, #ffffff 0%, #f7f7f7 87%, #efefef 100%), linear-gradient(#166fb3, #166fb3);
	background-blend-mode: normal, normal;
	position: relative;
}

.jianguan-tit{
	width: 265px;
	height: 48px;
	font-size: 23px;
	font-weight: bold;
	text-align: center;
	line-height: 48px;
	letter-spacing: 1px;
	color: #ffffff;
	background-color: #166fb3;
	position: absolute;
	top: -20px;
	left: 50%;
	margin-left: -132px;
}
.chart-lf{
	width: 521px;
	height: 305px;	
	float: left;
}
.chart-fl-tit{
	height: 20px;
	border-bottom: solid 1px #d5d5d5;
}
.chart-fl-tit p{
	width: 125px;
	height: 33px;
	margin-left: 3px;
	font-size: 17px;
	text-align: center;
	line-height: 33px;
	letter-spacing: 1px;
	color: #ffffff;
	background-color: #166fb3;
}
.chart-rt{
	width: 521px;
	height: 305px;	
	float: right;
}


.chartBox{ 
	width:100%; 
	position: relative;
}
.chartBox .hd{ 
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.chartBox .hd ul{ 
	display: inline-block;
	float: right;
	overflow: hidden;
}
.chartBox .hd ul li{ 
	width: 80px;
	height: 26px;
	margin-left: 10px;
	float: left;
	font-size: 15px;
	text-align: center;
	letter-spacing: 2px;
	color: #595959;
	cursor:pointer; 
	border-radius: 2px;
	border: solid 1px #d5d5d5;
}

.chartBox .hd ul li.on{ 
	color: #105b95;
	background-image: linear-gradient(#e1f2ff, #e1f2ff), linear-gradient(#ffffff, #ffffff);
	background-blend-mode: normal, normal;
	border-radius: 2px;
	border: solid 1px #7eadd1;
}

.chartBox .bd{
	padding-top: 20px;
}


.chart-data-1{
	width: 165px;
	height: 50px;
	padding:0 20px;
	border-radius: 2px;
	float: left;
}
.chart-data-1 p{
	font-size: 13px;
	line-height: 24px;
	color: #ffffff;
	text-align: right;
}
.chart-data-1 span{
	font-size: 13px;
	line-height: 24px;
	color: #ffffff;
	text-align: right;
	display: block;
}
.bg-1{
	background-image: linear-gradient(#629bd5, #629bd5), linear-gradient(#d9d9d9, #d9d9d9);
}
.bg-2{
	background-image: linear-gradient(#54c09e, #54c09e), linear-gradient(#d9d9d9, #d9d9d9);
}
.bg-3{
	background-image: linear-gradient(#f4b827, #f4b827), linear-gradient(#d9d9d9, #d9d9d9);
}
.hdpBox{ 
	width:100%; 
	height:255px; 
	overflow:hidden; 
	position:relative; 
}
.hdpBox .hd{ 
	width: 35px;
	height:15px; 
	overflow:hidden; 
	position:absolute; 
	right:50%; 
	margin-right: -18px;
	bottom:0px; 
	z-index:1; 
}
.hdpBox .hd ul{ 
	overflow:hidden; 
	zoom:1; 
	float:left;  
}
.hdpBox .hd ul li{ 
	float:left; 
	width: 8px;
	height: 8px;
	margin-right: 8px;
	background-color: #d5d5d5; 
	border-radius: 5px;
	cursor:pointer; 
}
.hdpBox .hd ul li.on{ 
	background-color: #166fb3;
}
.hdpBox .bd{ position:relative; height:100%; z-index:0;   }


.chart-wrap{
	width: 330px;
	display: inline-block;
	float: left;
}
.line-2{
	width: 1px;
	height: 210px;
	margin: 20px 20px;
    background-color:#d5d5d5 ;
    display: block;
    float: left;
}


.chart-num-box{
	width: 140px;
	float: right;
	border-top: solid 1px #d5d5d5;
}
.chart-number{
	height: 60px;
	padding: 10px 0;
	border-bottom: solid 1px #d5d5d5;
	overflow: hidden;
}
.chart-number p{
	font-size: 13px;
	color: #3b3b3b;	
}
.ch-numbg{
	width: 100%;
	background: url(../images/numbg.png) no-repeat right center;
	background-size: 27% 100%;
}

.ch-numbg span{
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
	letter-spacing: 0px;
}
.color1{
	color: #ed6623;
}
.color2{
	color: #4fb595;
}
.color3{
	color: #278bd7;
}


.ch-numbg em{
	font-size: 13px;
	color: #3b3b3b;
}

.tousu-number{
	width: 160px;
	height: 50px;
	border-radius: 2px;
	float: left;
}
.tousu-number p{
	padding-top: 5px;
	font-size: 13px;
	text-align: center;
	line-height: 20px;
	letter-spacing: 0px;
	color: #ffffff;
}
.tousu-number span{
	font-size: 15px;
	color: #ffffff;
	text-align: center;
	display: block;
}
.bg-4{
	background-image: linear-gradient(#a861d1, 	#a861d1), linear-gradient(#d9d9d9, #d9d9d9);	
}

.bg-5{
	background-image: linear-gradient(#f4b827, #f4b827), linear-gradient(#d9d9d9, #d9d9d9);	
}
.bg-6{
	background-image: linear-gradient(#629bd5, #629bd5), linear-gradient(#d9d9d9, #d9d9d9);
}
.bg-7{
	background-image: linear-gradient(#ed6623, #ed6623), linear-gradient(#d9d9d9, #d9d9d9);	
}

.f-footer{
	padding: 30px 0;
	background-color: #20232c;
	position: relative;
}
.f-bottom{
	width: 1200px;
	margin: 0px auto;
}
.f-bottom p{
	line-height: 30px;
	font-size: 14px;
	color: #FFFFFF;
}
.bottom-ico{
	margin-right: 10px;
	display: inline-block;
	float: right;
}

.bottom-ico img{
	margin-top: 20px;
	display: block;
}

.foot-rt{
	display: inline-block;
	float: left;
}
.im-link span{
	line-height: 25px;
	padding-right: 15px;
	font-size: 18px;
	color: #FFFFFF;
	display: inline-block;
	float: left;
}
.im-link a{
	line-height: 25px;
	padding-right: 15px;
	font-size: 15px;
	color: #FFFFFF;
	display: inline-block;
	float: left;
}

.footBox{ 
	width:100%; 
	position: relative;
}
.footBox-link{
	float: left;
	display: inline-block;
}
.footBox-link p{ 
	width: 420px;
	padding:0 20px;
	height: 40px;
	float: left;
	font-size: 15px;
	letter-spacing: 2px;
	line-height: 40px;
	color: #FFFFFF;
	cursor:pointer; 
	border-radius: 2px;
	border-top: 15px solid #20232c;
	background: url(../images/up.png) no-repeat right center #2a344e;
	box-sizing:content-box;
	-moz-box-sizing:content-box; /* Firefox */
	-webkit-box-sizing:content-box; /* Safari */
    transition: 0.1s;
}

.footBox-link p.on{ 
	border-top: solid 15px #2a344e;
	background: url(../images/down.png) no-repeat right center #2a344e;
}

.footBox .a-link{
	width: 100%;
	padding: 20px;
	background-color: #2a344e;
	position: absolute;
	bottom: 0px;
	left: 0px;
	overflow: hidden;
	display: none;
	
}

.a-link a{
	width: 248px;
	height: 35px;
	line-height: 35px;
	font-size: 16px;
	color: #FFFFFF;
	display: block;
	float: left;
}
.f-foot-link{
	margin-top: 20px;
	margin-bottom: 5px;
	overflow: hidden;
}
.f-foot-link a{
	padding: 0 15px;
	font-size: 13px;
	letter-spacing: 0px;
	line-height: 15px;
	color: #FFFFFF;
	border-right: solid 1px #FFFFFF;
	display: inline-block;
	float: left;
}
/***20191231***/
.not-login{float:left;padding-top:30px;margin-right:5px;}
.has-logged-on{float:left;padding-top:30px;margin-right:5px;}
.toplink{padding-top:30px;overflow: hidden;height:60px;width:150px;margin-left:10px;}
.gj-link{

}
.gj-link a{

	font-size: 16px;
	color: #ffffff;
	width:130px;
	background: #025990;
	line-height: 25px;
	font-size:14px;
	text-align: center;
	display: inline-block;
	border-radius:2px;
	text-decoration: none;
}
.wza-link{
	float:right
}
.wza-link a{
	font-size: 16px;

	color: #ffffff;
	width:100px;
	background: #025990;
	line-height: 30px;
	text-align: center;
	display: inline-block;
	text-decoration: none;
}
.usercenter{
	margin-top: 10px;
}

