/*幻灯片CSS*/
#banner {
  	width: 100%;
  	position: relative;
}
#banner .hd {
  	position: absolute;
  	bottom: 20px;
  	left: 50%;
  	z-index: 100;
  	font-size: 0;
  	transform: translate(-50%,0);
  	-ms-transform: translate(-50%,0);
  	-webkit-transform: translate(-50%,0);
  	-moz-transform: translate(-50%,0);
  	-o-transform: translate(-50%,0);
}
#banner .hd li {
  	width: 40px;
  	height: 5px;
  	background-color: #ffffff;
  	display: inline-block;
  	margin: 0 5px;
  	cursor: pointer;
}
#banner .hd .on {
  	background-color: #0066cc;
}
#banner .bd a {
  	display: block;
  	width: 100%;
  	height: 585px;
    background-repeat: no-repeat;
    background-position: center;
}
#banner .btn {
  	width: 47px;
 	height: 120px;
  	position: absolute;
  	opacity: .5;
  	filter:Alpha(opacity=50)
  	transition: all .3s;
	-ms-transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
}
#banner .btn:hover{
	opacity: 1;
	filter:Alpha(opacity=100)
}
#banner .prev {
	top: 50%;
  	background: url("../image/prev.png") no-repeat center;
  	left: 3%;
  	transform: translate(0,-50%);
  	-ms-transform: translate(0,-50%);
  	-webkit-transform: translate(0,-50%);
  	-moz-transform: translate(0,-50%);
  	-o-transform: translate(0,-50%);
}
#banner .next {
  	background: url("../image/next.png") no-repeat center;
  	right: 3%;
  	top: 50%;
  	transform: translate(0,-50%);
  	-ms-transform: translate(0,-50%);
  	-webkit-transform: translate(0,-50%);
  	-moz-transform: translate(0,-50%);
  	-o-transform: translate(0,-50%);
}
/*幻灯片CSS*/

/*首页关于我们*/
.index_about{
	padding: 50px 0;
}
.index_about .pic_about{
	width: 530px;
	height: 340px;
	position: relative;
}
.index_about .pic_about .xian{
	position: absolute;
	width: 500px;
	height: 310px;
	border: 1px solid #ffffff;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
.index_about .pic_about img{
	width: 100%;
	height: 100%;
}
.index_about .content{
	width: 630px;
}
.index_about .content .title_about{
	font-size: 20px;
	color: #003399;
	margin-bottom: 15px;
}
.index_about .content .desc{
	font-size: 16px;
	color: #666666;
	line-height: 30px;
    height: 150px;
    overflow: hidden;
}
.index_about .content .list{
	margin-top: 18px;
	padding: 0 92.5px;
}
.index_about .content .list li{
	width: 95px;
	margin-right: 80px;
}
.index_about .content .list li:last-child{
	margin-right: 0;
}
.index_about .content .list a{
	display: block;
}
.index_about .content .list .pic{
	width: 95px;
	height: 95px;
	background: #0060bb;
	border-radius: 100%;
	position: relative;
	overflow: hidden;
	transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}
.index_about .content .list .pic img{
	position: absolute;
	width: 55%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
.index_about .content .list .title{
	font-size: 16px;
	color: #0063c9;
	text-align: center;
	margin-top: 15px;
}
.index_about .content .list a:hover .pic{
	background: #c90000;
}
/*首页关于我们*/

/*首页产品*/
.index_product{
	background: url(../image/index_product_bg.jpg) repeat top center;
	padding-top: 50px;
	padding-bottom: 90px;
	position: relative;
}
.more{
	position: absolute;
	width: 155px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	background: #0066cc;
	font-size: 14px;
	color: #ffffff;
	left: 50%;
	bottom: 0;
	transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.index_product .top{
	text-align: center;
}
.index_product .top .title{
	font-size: 32px;
	color: #333333;
	padding-bottom: 17px;
	margin-bottom: 13px;
	position: relative;
}
.index_product .top .title:after{
	content: '';
	display: inline-block;
	position: absolute;
	width: 50px;
	height: 3px;
	background: #0066cc;
	left: 50%;
	bottom: 0;
	transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
}
.index_product .top .desc{
	font-size: 14px;
	color: #666666;
}
.index_product .cate{
	text-align: center;
	font-size: 0;
	margin-top: 20px;
	margin-bottom: 25px;
}
.index_product .cate li{
	display: inline-block;
	vertical-align: top;
	margin-right: 12px;
}
.index_product .cate li:last-child{
	margin-right: 0;
}
.index_product .cate a{
    display: block;
    font-size: 12px;
    color: #0066cc;
    background: #ffffff;
    line-height: 20px;
    border: 1px solid #0066cc;
    padding: 5px 10px;
    border-radius: 20px;
    transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}
.index_product .cate a:hover,
.index_product .cate a.active{
	background: #cc0000;
	color: #ffffff;
	border: 1px solid #cc0000;
}
.index_product .list{
	
}
.index_product .list li{
	width: 277.5px;
	margin-right: 30px;
	background: #ffffff;
	margin-top: 30px;
}
.index_product .list li:nth-child(1),
.index_product .list li:nth-child(2),
.index_product .list li:nth-child(3),
.index_product .list li:nth-child(4){
	margin-top: 0;
}
.index_product .list li:nth-child(4n){
	margin-right: 0;
}
.index_product .list a{
	display: block;
	padding: 20px 20px 15px 20px;
}
.index_product .list .pic{
	height: 196px;
	overflow: hidden;
}
.index_product .list img{
	width: 100%;
}
.index_product .list .title{
	font-size: 16px;
	color: #0066cc;
	margin-top: 15px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.index_product .list a .title:hover{
	color: #69788f;
}
/*首页产品*/

/*首页新闻*/
.index_news{
	padding: 55px 0 70px;
}
.index_news .top{
	text-align: center;
}
.index_news .top .title{
	font-size: 32px;
	color: #333333;
	padding-bottom: 17px;
	margin-bottom: 13px;
	position: relative;
}
.index_news .top .title:after{
	content: '';
	display: inline-block;
	position: absolute;
	width: 50px;
	height: 3px;
	background: #0066cc;
	left: 50%;
	bottom: 0;
	transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
}
.index_news .cate{
	text-align: center;
	font-size: 0;
	margin-top: 20px;
	margin-bottom: 25px;
}
.index_news .cate li{
	display: inline-block;
	vertical-align: top;
	margin-right: 15px;
}
.index_news .cate li:last-child{
	margin-right: 0;
}
.index_news .cate a{
	display: block;
	font-size: 14px;
	color: #333333;
	background: #ffffff;
	line-height: 20px;
	border: 1px solid #ffffff;
	padding: 5px 15px;
	border-radius: 20px;
	transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}
.index_news .cate a:hover,
.index_news .cate a.active{
	background: #0066cc;
	color: #ffffff;
	border: 1px solid #0066cc;
}
.index_news .news{
	
}
.index_news .news .pic{
	width: 525px;
	height: 420px;
}
.index_news .news .pic a{
	display: block;
	width: 100%;
	height: 100%;
}
.index_news .news .pic img{
	width: 100%;
	height: 100%;
}
.index_news .news .list{
	width: 650px;
}
.index_news .news .list .item{
	border-bottom: 1px dashed #3f4149;
	padding: 22px 0;
}
.index_news .news .list .time{
	width: 60px;
	height: 60px;
	background: #0066cc;
	text-align: center;
	padding: 5px 0;
}
.index_news .news .list .time strong{
	font-size: 24px;
	color: #ffffff;
	font-weight: normal;
	display: inline-block;
	vertical-align: top;
	line-height: 35px;
}
.index_news .news .list .time p{
	font-size: 12px;
	color: #ffffff;
	line-height: 15px;
}
.index_news .news .list .content{
	width: 565px;
}

.index_news .news .list .content .title{
	font-size: 0;
	margin-bottom: 8px;
}
.index_news .news .list .content .title a{
	font-size: 14px;
	color: #0066cc;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	line-height: 20px;
}
.index_news .news .list .content .desc{
	font-size: 13px;
	color: #666666;
	line-height: 16px;
	max-height: 32px;
	overflow: hidden;
}
/*首页新闻*/