@charset "utf-8";

/*头部*/
.head-bg { background-image: url(../images/headbg.jpg); }
.head-box {padding: 25px 0; }
.head-logo { max-width: 70%;position:relative;}
.head-logo-mage {height: 50px; margin-top: 10px;}
.head-logo-text {font-size: 30px;line-height:45px;font-weight:bold;padding:10px 0;}

.head-right-text {margin:6px 0;}		
/* .top-cn-en a {font-size: 14px; line-height:14px; display: inline-block; padding:0 5px; -border-left: 1px solid #818181; border-right: 2px solid #818181; color: #818181;line-height:36px;} */

.head-right-title {padding-top:0;font-size:16px;line-height:18px;color:#fff; overflow: hidden;}
.head-tel-image {float:left;height:37px;margin-top:5px;}
.right-text-box {margin-left:41px;}
.head-right-tel {font-size:22px;color:#fff;line-height:28px;}


/* 导航 start */
.head-menu { width:100%; 
/* line-height:50px; */
/* position: absolute;
z-index:1; */
/* background:rgba(26,72,124,.5) ; */
 background: #0f4b60;
}
.head-menu-switch {display: none;}
#head-menu-box { z-index:9999;}
.head-menu-ul {
	text-align: center;
 /* height:50px; */
}
.head-menu-li {
	width:10%;
	 text-align:center; position:relative; 
	 /* float:left; */
	 display: inline-block;
	 margin-right:1.7%;
}
.head-menu-link {
	padding: 10px 0;
	color:#fff; font-size:16px; display:block; 
	/* margin-left: -10px; */
	line-height: 20px;
	line-height: 30px;
}
.cur .head-menu-link, .head-menu-link:hover {
	background: #13536A;
	color:#fff;
   /* -webkit-box-shadow: 1px 2px 6px 0px #060001;
    -moz-box-shadow: 1px 2px 6px 0px #060001;
    -ms-box-shadow: 1px 2px 6px 0px #060001;
    -o-box-shadow: 1px 2px 6px 0px #060001;
    box-shadow: 1px 2px 6px 0px #060001; */
}
.menu-title-en {
	/* text-transform: capitalize; */
	text-transform: uppercase;
	font-size: 12px;
	line-height: 16px;
}
.head-menu-son-ul {min-width:100%; position:absolute; display:none; z-index:9999;background-color:rgba(30,81,173,0.7);
/* margin-left: -10px;padding:0 5px; */
}
@media (min-width: 768px) {
	.head-menu-li:hover .head-menu-son-ul {
		display: block;
	}
}

.head-menu-son-li { line-height:36px;  text-align:center; }
.head-menu-son-link {width:100%; font-size:14px; display:block; color:#fff;text-align:center;}
.head-menu-son-link:hover {color: #fff; background-color:rgba(30,81,173,0.5)}

/* 导航 end */




.nav-switch {font-size:30px;padding:15px 10px ;position:absolute;right:0;top:0;height:35px;line-height:35px;}
.nav-close {line-height:30px;display: none;}

@media (max-width:1200px){
	.head-bg {padding:0 10px;}
	.head-menu-li {width:12.5%;margin:0;}
}

@media (max-width:992px){
	.head-menu-li {
		/* width:20%; */
	}
}

.pm-show {display:none;}
@media (max-width:768px){
	.pm-show {display:block;}

	.head-bg {padding:0;height:55px;}
	.head-box.w1200 {padding:0;position:fixed;left:0;top:0;width:100%;z-index:9;background: #07252f;}
	.head-logo-text {color:#fff; font-size:20px;}
	.nav-switch {color: #fff;}
	.head-right {display: none;}
	.pm-show {display:block;}
	.head-logo.fl {max-width:none;float:none;padding:0 50px 0 10px;}
	.head-logo-text {padding:5px;font-size:22px;}
	
	.nav-switch {padding:10px;}
	
	.head-menu {position: fixed;top:0;z-index:99;background:none;width:100%;height:100%;right:-100%;}
	.head-menu-switch {position: fixed;top:0;left:0;width:100%;height:100%;width:100%;height:100%;background: rgba(0, 0, 0, 0.5);}
	.head-menu-ul {position: absolute;right:0;top:0;width:60%;height:100%;background:#0b3c4c;padding:15px 0;right:-100%;}
	.head-menu-li {float:none;width:auto;text-align: left; display: block;}
	.head-menu-link {font-size:14px;line-height:38px;padding:0 15px;}
	.cur .head-menu-link, .head-menu-link:hover {background: rgba(0, 0, 0, 0.2);color:#fff;}
	.menu-title, .menu-title-en {display: inline-block;}
	.menu-title {margin-right: 5px;}
}
@media (max-width:480px){
	.head-logo {max-height: 55px; overflow: hidden;}
	.head-logo-text {padding:5px; font-size:18px;}
}






/* banner start */
.slideBox { width:100%; overflow:hidden; position:relative;}
.banner-hd { height:15px; overflow:hidden; position:absolute; right:5px; bottom:10px;text-align:center; width:100%;z-index:1; }
.hd-ul { overflow:hidden; zoom:1; display:inline-block; }
.hd-li { float:left; margin:0 3px;  width:15px; height:15px; line-height:15px; 
 border-radius:50%;
 background:#fff; cursor:pointer; }
.hd-li.on { background:#dedede; }

.bd-ul { position:relative; height:100%; z-index:0; }
.bd-li { zoom:1; vertical-align:middle; }
.bd-link {display:block;}
.bd-image { width:100%; display:block;
height: 500px;
}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.banner-prev,
.banner-next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:rgba(0,0,0,.7) url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;border-radius: 5px;}
.banner-next{ left:auto; right:3%; background-position:8px 5px;}
.banner-prev:hover,
.banner-next:hover{ filter:alpha(opacity=100);opacity:1;}
.slideBox .prevStop{ display:none;}
.slideBox .nextStop{ display:none;}
@media (max-width: 1200px) {
	.bd-image {height: 400px;}
}
@media (max-width: 768px) {
	.bd-image {height: 330px;}
}
@media (max-width: 666px) {
	.bd-image {height: 300px;}
}
@media (max-width: 560px) {
	.bd-image {height: 240px;}
}
@media (max-width: 480px) {
	.bd-image {height: 200px;}
	.banner-prev, .banner-next {width: 28px; background-size: auto 24px;}
	.banner-prev {
		left: 0;
		background-position: -81px 8px;
	}
	.banner-next {
		right: 0;
		background-position: 9px 8px;
	}
	.banner-next {
		
	}
}
@media (max-width: 380px) {
	.bd-image {height: 180px;}
}
/* banner end */