/* banner css */
.slideBox{ width:100%;  overflow:hidden; position:relative;   }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; left: 50%;margin-left: -48px; bottom:13px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin:0 5px;  width:12px; height:12px;  background:#000; cursor:pointer; border: 1px solid #fff;border-radius: 999px;}
.slideBox .hd ul li.on{ background:#efc028; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev{ position:absolute; left:3%; top:50%; margin-top:-30px; display:block; width:30px; height:60px; background:url(../images/prev.png) no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ position:absolute; right:3%; top:50%; margin-top:-30px; display:block; width:30px; height:60px; background:url(../images/next.png) no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .prev:hover{background:url(../images/prev-h.png) no-repeat;  filter:alpha(opacity=100);opacity:1;  }
.slideBox .next:hover{background:url(../images/next-h.png) no-repeat;  filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }


.banner-btn{
	position: absolute;
	left: 50%;
	margin-left: -600px;
	bottom: 0;
	width: 1200px;
	height: 210px;
}
.banner-text{
	position: absolute;
	width: 1200px;
	height: 210px;
	left: 50%;
	margin-left: -600px;
	bottom: 0;
	background:url(../images/bg-banner-text.png) no-repeat;
	text-align: center;
}
.banner-text h3{
	line-height: 80px;
	font-size: 44px;
	color: #efc028;
}
.banner-text h4{
	line-height: 42px;
	font-size: 24px;
	color: #fff;
}
.banner-text h4.nhov{
	line-height: 42px;
	font-size: 24px;
	color: #efc028;
}
.banner-text h5{
	line-height: 42px;
	font-size: 24px;
	color: #fff;
}


/*index-news-scroll css */
.picScroll-top{width:100%;  overflow:hidden; position:relative; /* border:1px solid #ccc; */  }
.picScroll-top .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.picScroll-top .hd .prev,.picScroll-top .hd .next{ display:block;  width:9px; height:5px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
	 cursor:pointer; background:url("images/arrow.png") 0 -100px no-repeat;}
.picScroll-top .hd .next{ background-position:0 -140px;  }
.picScroll-top .hd .prevStop{ background-position:-60px -100px;  }
.picScroll-top .hd .nextStop{ background-position:-60px -140px;  }
.picScroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-top .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-top .hd ul li.on{ background-position:0 0; }
.picScroll-top .bd{    }
.picScroll-top .bd ul{ overflow:hidden; zoom:1; }
.picScroll-top .bd ul li {height: 125px;  text-align:center; zoom:1;}
.picScroll-top .bd ul li .date{width: 73px;height: 69px;background: url(../images/news-scroll-date.png) no-repeat 0 0;}

.picScroll-top .bd ul li .pic{ text-align:center; }
.picScroll-top .bd ul li .pic img{ width:180px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }
.picScroll-top .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-top .bd ul li .title{ line-height:24px; }
.picScroll-top .bd ul li:hover .date{
	background: url(../images/news-scroll-date-h.png) no-repeat 0 0;
}
.picScroll-top .bd ul li:hover .text h3 a{
	color: #00a0e9;
} 
.picScroll-top .bd ul li .date h3{
	line-height: 36px;
	font-size: 26px;
	color: #fff;
}
.picScroll-top .bd ul li .date h4{
	line-height: 32px;
	font-size: 16px;
	color: #fff;
}
.picScroll-top .bd ul li .text{
	width: 252px;
	padding-bottom: 16px;
	border-bottom: 1px solid #7d7d7d;
}
.picScroll-top .bd ul li .text h3{
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 18px;
}
.picScroll-top .bd ul li .text h3 a{
	color: #313131;
}
.picScroll-top .bd ul li .text h4{
	line-height: 22px;
	height: 66px;
	overflow: hidden;
	font-size: 14px;
	color: #7d7d7d;
}


/* index-product-scroll css */
.picScroll-left{ width:100%;  overflow:hidden; position:relative; /* border:1px solid #ccc;*/   }
.picScroll-left .hd{ overflow:hidden;   background:#eee;height: 100px; line-height: 100px; }
.picScroll-left .hd .prev{ display:block;  width:25px; height:28px; float:right; margin-top: 35px;margin-right: 10px;
	 cursor:pointer; background:url("../images/index-pro-left.png") no-repeat;}
.picScroll-left .hd .next{ display:block;  width:25px; height:28px; float:right; margin-top: 35px;margin-right: 23px;
	 cursor:pointer; background: url("../images/index-pro-right.png") no-repeat;}
.picScroll-left .hd .product-scroll-more{float: right; margin-right: 16px;}
.picScroll-left .hd .product-scroll-more a{color: #313131;}
.picScroll-left .hd .product-scroll-more a:hover{color: #00a0e9;}
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:248px; height:180px; display:block; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px; font-size: 14px;text-align: left;margin-top: 20px; max-width:248px; }
.picScroll-left .bd ul li .title a{
	color: #313131;
}

/*share*/
.copy{
	padding: 25px 0;
}
.jiathis_style_32x32 .jtico_tsina{
	background: url(../images/bg-share01.png) no-repeat 0 0 !important;
}
.jiathis_style_32x32 .jtico_tqq{
	background: url(../images/bg-share02.png) no-repeat 0 0 !important;
}
.jiathis_style_32x32 .jtico_renren{
	background: url(../images/bg-share03.png) no-repeat 0 0 !important;
}
.jiathis_style_32x32 .jtico_weixin{
	background: url(../images/bg-share04.png) no-repeat 0 0 !important;
}


/*index-number*/
/*-=-=-=-=-=-=-=-=-=-=-=- */
/* Column Grids */
/*-=-=-=-=-=-=-=-=-=-=-=- */

.col_half { width: 49%; }
.col_third { width: 32%; }
.col_fourth { width: auto;min-width: 175px; margin-right: 50px;}
.col_fifth { width: 18.4%; }
.col_sixth { width: 15%; }
.col_three_fourth { width: 74.5%;}
.col_twothird{ width: 66%;}
.col_half,
.col_third,
.col_twothird,
.col_fourth,
.col_three_fourth,
.col_fifth{
	position: relative;
	display:inline;
	display: inline-block;
	float: left;
	margin-bottom: 20px;
}
.end { margin-right: 0 !important; }
/* Column Grids End */

.wrapper { width: 1200px;padding-top: 30px;  position: relative;}
/*.counter { background-color: #ffffff; padding: 20px 0; border-radius: 5px;}*/
.count-title {display: inline-block; font-size: 75px; font-weight: bold; color: #fff; margin-top: 10px; margin-bottom: 0; text-align: center; }
.count-text { font-size: 13px; font-weight: normal;  margin-top: 10px; margin-bottom: 0; text-align: center; }
.fa-2x { margin: 0 auto; float: none; display: table; color: #4ad1e5; }

.counter h3{
	display: inline-block;
	font-size: 16px;
	color: #fff;
}
.counter h4{
	font-size: 16px;
	color: #fff;
}

/*canvas*/
#container {
	position: absolute;
	height: 200px;
	width: 100%;
}
#output {
	width: 100%;
	height: 100%;
}
.color{
	width: 120px;
	height: 20px;
	margin: 0 auto;
	position: fixed;
	left: 50%;
	margin-left: -60px;
	bottom: 20px;
}
.color li{
	float: left;
	margin: 0 5px;
	width: 20px;
	height: 20px;
	background: #ccc;
	box-shadow: 0 0 4px #FFF;
	list-style: none;
	cursor: pointer;
}
.color li:nth-child(1){
	background: #002c4a;
}
.color li:nth-child(2){
	background: #35ac03;
}
.color li:nth-child(3){
	background: #ac0908;
}
.color li:nth-child(4){
	background: #18bbff;
}


/*数字++++++++++*/
.digital{width: 100%;height: 200px;color: #fff;}
.main{width: 100%;height: 160px;padding-top:40px; font-size: 0;}
.mun_top{
	display: inline-block;
}
.mumping_mun li{width: 20%;display: inline-block;text-align: center;}
.mumping_mun{width: 100%;list-style: none;}
.mumping_mun h3{
	position: relative;
	top: 62px;
	display: inline-block;
	width: 48px;
	line-height: 16px;
	font-size: 16px;
text-transform: capitalize;
}
.mumping_mun p{text-transform: capitalize;font-size: 16px;width: 100%;display: block;clear: both;height:44px;overflow: hidden;    position: relative;
    top: -22px;}
.mumping_mun h2{display: inline-block; font-size: 75px;font-weight: bold;float: left;}