img{ border:0;}
.header{
	display: block;
	position: absolute;
	width: 100%;
	height: 84px;
    background: #005b83;
    background: rgba(0,81,131,0.60);
    top:0;
    left:0;
    z-index: 5;
}

.header .container{
	display: flex;
	justify-content: space-between;
	width: 1200px;
	margin: 0 auto;
}

.header .logo{
	display: block;
	float: left;
}

.header .logo img{
	display: block; margin-top:23px;
	float: left;
	height: 31px;
}

.header .logo .text{
	display: block;
	float: left;
	line-height: 1;
	margin: 32px 0 0 15px;
}

.header .logo .text h1{
	display: block;
	 margin-top:5px;
	font-size: 18px;
	color: #fff;
	letter-spacing:1px;
}

.header .logo .text p{
	display: block;
	font-size: 14px;
	margin-top: 8px;
	color: #fff;
}

.header .nav{
	display: block;
	
	 text-align:center;
	padding-top: 16px;
}

.header .nav li.on>a{ color:#ebb905; }

.toptit{
	font-size:18px;
	color:#ffffff;
	letter-spacing: 1px;
}
.toptit span{ color:#ebb905; }

.rignav{ float:right; width:100px; padding:12px 0;display:none}
.rignav a{ color:#ffffff; display:block; font-size:16px; text-align:right; line-height:30px;}
.rignav a:hover{color: #ebb905;}


.header .nav li{ position:relative;
	display: inline-block;
	*display: inline;
	line-height: 28px;
	font-size: 16px;
	color: #fff;
}

.header .nav li:first-child{
}

.header .nav li>a{
	color: #fff; padding:0 15px; display:block;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.header .nav li:hover>a{
	color: #ebb905;
}

.header .nav li .sub{ position:absolute; width:100%; background:#ffffff; border:1px solid #dcdcdc; display:none;}
.header .nav li .sub a{ color:#333333; display:block; line-height:30px; font-size:13px;}
.header .nav li .sub a:hover{ color:#ffffff; background:#ebb905;}

.header .nav li:hover .sub{ display:block;}

.header .nav li .zg{
	margin-right: 47px;
}

.banner{
	display: block;
	position: relative;
	width: 100%;
	z-index: 1;
}

.banner .swiper-slide{
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}

.banner .content{
	display: block;
	position: absolute;
	width: 100%;
	bottom: 5%;
	z-index: 10;
}

.banner .content .container{
	display: block;
	width: 1100px;
	margin: 0 auto;
}

.banner .ewm{
	display: block;
	width: 104px;
	text-align: center;
	float: right;
	margin-top: 25px;
}

.banner .ewm p{
	display: block;
	text-align: center;
	color: #137abb;
	margin-bottom: 10px;
}

.banner .ewm img{
	display: block;
	width: 104px;
	height: 127px;
}

.banner .info{
	display: block;
	float: left;
}

.banner .info p{
	display: block;
    width: 282px; padding:20px 0;
    height: 80px;
	text-align: center;
	line-height: 40px;
	margin-top: 20px;
	border-radius: 4px;
	background-color: rgba(255,255,255,0.8);
	color: #137abb;
	font-size: 22px;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

.welcome{
	display: block;
	position: absolute;
	width: 1100px;
	top:120px;
	color: #137abb;
	font-size: 22px;
	left:50%;
	margin-left: -550px;
	z-index: 10;
}

.banner-inside{
	display:block;
	width:100%;
	height:360px;
	background:url(/images/head.jpg) no-repeat center;
}


.online{ position:fixed; top:130px; right:0; width:193px; z-index:99999; margin-top:0px;}
.online li{ float:left; width:100%; color:#ffffff; position:relative; margin-top:1px;  }
.online li:first-child { margin-top:0; }

.online li a{ height:55px; background:#32373d; width:55px; display:block; position:relative; z-index:10; }
.online li a img{ display:block; width:100%; height:100%;}

.online li:hover a{ background:#005b83;}
.online li .ontel{ position:absolute; z-index:1; text-align:center; right:-180px; top:0; width:180px; background:#005b83; font-size:20px; line-height:55px; -webkit-transition: all .5s ease-in;-o-transition: all .5s ease-in;-ms-transition: all .5s ease-in;-moz-transition: all .5s ease-in;}
.online li:hover .ontel{right:55px;}



.online li .onrwm{ position:absolute; padding:5px; z-index:1; text-align:center; right:-110px; top:0; width:110px; background:#005b83; height:110px; -webkit-transition: all .5s ease-in;-o-transition: all .5s ease-in;-ms-transition: all .5s ease-in;-moz-transition: all .5s ease-in;}
.online li .onrwm img{ width:100%; height:100%;}
.online li:hover .onrwm{right:55px;}


.paging{ text-align:center; margin-top:20px; }
.paging .current,.paging a{ display: inline-block; margin:0 2px; border-radius:3px; font-size:14px; height:34px; line-height:34px; padding:0 12px; color:#323232; border:1px solid #dbdbdb; }
.paging a span{ font-size:14px; }
.paging .current,.paging a:hover{ background:#0776bc; color:#ffffff; text-decoration:none; }


.imgtit{ width:240px; margin:0 auto; text-align:center; }
.imgtit a{ color:#323232; }
.imgtit a:hover{ color:#ff6501; }


.clippingOne{ width:500px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.hmore{ color:#137abb; }
.hmore:hover{ color:#ff6501; }