@charset "utf-8";
/*内页大图*/
.pagebg{
	width: 100%;
	height: 220px;
	background: url(../picture/neiyebg.jpg) no-repeat top center;
	background-size: cover;
	position: relative;
}
.pagebg h2{
	font-size: 36px;
	color: #ccc;
	position: absolute;
	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%);
	width: 100%;
    text-align: center;
}

/*面包屑*/
.mbx{
	font-size: 14px;
	color: #4d4d4d;
	background: #cccccc;
	line-height: 20px;
	padding: 10px 0;
}

/*产品分类*/
.product{
	margin-top: 60px;
	margin-bottom: 30px;
}
.product ul{
	
}
.product li{
	margin-bottom: 30px;
}
.product .proCatebg{
	background: url(../images/proCate.png) no-repeat top left;
	background-size: cover;
	height: 0;
	overflow: hidden;
	padding-bottom: 60%;
	position: relative;
	display: block;
}
.product .bao{
	position: absolute;
	font-size: 0;
	z-index: 5;
	left: 20px;
	top: 20px;
}
.product .bao .title{
	font-size: 22px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 5px;
}
.product .bao .entitle{
	font-size: 16px;
	color: #999999;
	font-weight: bold;
	text-transform: uppercase;
}
.product .proCatebg .propic{
	position: absolute;
	top: 55%;
	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%);
}
.product .proCatebg .viewmore{
	position: absolute;
	z-index: 8;
	right: 20px;
	bottom: 20px;
	font-size: 14px;
	text-transform: uppercase;
	border-radius: 50px;
	color: #999999;
	border: 1px solid #cccccc;
	background: transparent url(../images/jiantou.png) no-repeat right 20px center;
	padding: 5px 40px 5px 20px;
	transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}
.product .proCatebg .viewmore:hover{
	color: #ffffff;
	border: 1px solid #d82721;
	background: #d82721 url(../images/hoverjiantou.png) no-repeat right 20px center;
}

/*内页框架*/
.main{
	padding-top:30px;
	padding-bottom: 100px;
}
/*左侧框架*/
.main-left{
	
}
.main-left .title{	
	background: #004787;
	padding: 15% 0;
	text-align: center;
}
.main-left .title span{
	display: inline-block;
	vertical-align: middle;
	font-size: 30px;
	color: #f4f4f4;
}
.main-left .title a{
	display: none;
	vertical-align: middle;
    width: 50px;
    height: 50px;
    background-position: center;
    background-repeat: no-repeat;
}
.main-left .catelist{
	
}
.main-left .catelist>li{
	position: relative;
}
.main-left .catelist>li>a{
	display: block;
	font-size: 16px;
	color: #333333;
	line-height: 60px;
	border: 1px solid #cccccc;
	border-top: none;
	padding: 0 10%;
	transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}
.main-left .catelist>li:hover>a,
.main-left .catelist>li>a.active{
	background: #dd2416 url(../images/projiantou.png) no-repeat right 15px center;
	color: #fefefe;
	border: 1px solid #dd2416;
	border-top: none;
}
.main-left .catelist>li>.cate_erji{
	position: absolute;
	z-index: 80;
	top: -1px;
    left: 100%;
    width: 100%;
    border: 1px solid #cccccc;
    background:#004787;
    display: none;
}
.main-left .catelist>li>.cate_erji>li{

}
.main-left .catelist>li>.cate_erji>li>a{
	display: block;
	font-size: 14px;
	color: #ffffff;
	line-height: 60px;
	border-bottom: 1px solid #cccccc;
	padding: 0 10%;
}
.main-left .catelist>li>.cate_erji>li:last-child>a{
	border-bottom: none;
}
@media screen and (min-width:768px) {
	.main-left .catelist{
		display: block!important;
	}
}
@media screen and (max-width:767px) {
	.main-left{
		margin-bottom: 30px;
	}
	.main-left .title{
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding:5px 0 5px 10%;
	}
	.main-left .title a{
		display: inline-block;
	}
	.main-left .catelist{
		display: none;
	}
}

.main-left2{
	margin-top: 20px;
}
.main-left2 .titlea{	
	background: #004787;
	padding: 15% 0;
	text-align: center;
	font-size: 30px;
    color: #f4f4f4;
}
.main-left2 .list{
	border: 1px solid #c7c7c7;
}
.main-left2 .list li{
	padding: 15px;
	border-bottom: 1px solid #c7c7c7;
}
.main-left2 .list li:last-child{
	border-bottom: none;
}
.main-left2 .list h2{
	font-size: 16px;
	color: #39424b;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.main-left2 .list p{
	font-size: 14px;
	color: #525252;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
	margin: 10px 0 15px;
}
.main-left2 .list a{
	display: inline-block;
	width: 100px;
	height: 30px;
	background: #004787;
	font-size: 12px;
	text-align: center;
	line-height: 30px;
	color: #fff;
	border-radius: 5px;
	transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-webkit-transition: all .3s;
}
.main-left2 .list a:hover{
	background: #dd2416;
}

/*右侧框架*/
.main-right{
	
}
.main-title{
	margin-bottom: 30px;
}
.main-title h2{
	font-size: 30px;
	color: #004787;
	padding: 6px 0 6px 20px;
	border-left: 2px solid #004787;
}
.main-desc{
	font-size: 16px;
	color: #666666;
	line-height: 30px;
}

.main-container{
	margin-top: 40px;
}
.productlist{
	
}
.productlist li{
	margin-bottom: 10px;
}
.productlist .pic{
	
}
.productlist .pic a{
	display: block;
	font-size: 0;
	overflow: hidden;
	height: 0;
	padding-bottom: 100%;
	position: relative;
	background: #f4f4f4;
	border: 1px solid #dddddd;
}
.productlist .pic img{
	position: absolute;
	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%);
}
.productlist .title{
	text-align: center;
	font-size: 0;
	padding: 10px 0;
}
.productlist .title a{
	display: inline-block;
	line-height: 20px;
	font-size: 14px;
	color: #333333;
	height: 40px;
	overflow: hidden;
}

.product-top{
	
}
.product-top-left{
	
}
.product-top-left a{
	display: block;
	overflow: hidden;
	height: 0;
	padding-bottom: 80%;
	position: relative;    border: 1px solid #ccc;
}
.product-top-left img{
	position: absolute;
	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%);
}
.product-top-right{
	
}
.product-top-right .title{
	font-size: 36px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 10px;
}
.product-top-right .fangda{
	font-size: 15px;
	color: #666666;
	line-height: 30px;
	padding-left: 25px;
	background: url(../images/1.png) no-repeat left center;
}
.product-top-right .download a{
	display: inline-block;
	font-size: 15px;
	color: #666666;
	line-height: 30px;
	padding-left: 25px;
	background: url(../images/2.png) no-repeat left center;
}

.product-middle{
	margin-top: 40px;
}
.xxjs{
	margin-bottom: 30px;
}
.xxjs h3{
	font-size: 16px;
	color: #666666;
	padding:0 15px;
	line-height: 50px;
	background: #e0e0e0;
}
.page{
	font-size: 16px;
	color: #666666;
	line-height: 30px;
	overflow: hidden;
}
@media screen and (max-width:767px) {
	.product-top-right{
		margin-top: 15px;
	}
}
/*产品表格*/
table,table tr th, table tr td { 
	border:1px solid #000000!important; 
}
.ccc{
	overflow-x: auto;
}
.table{
	width: 100%;
	min-width: 800px;
	text-align: center; 
	border-collapse: collapse;	
	padding:2px;
	font-weight: normal;
}
.table *{
	font-size: 14px!important;	
}
.table tr th{
	background: #D5DCE6;
	color: #333333;
	font-weight: normal;
	vertical-align: middle;
	white-space: nowrap!important;
	line-height: 25px!important;
}
.table tr td{
	background: #ffffff;
	color: #333333;
	font-weight: normal;
	vertical-align: middle;
}
.table tr th.head,
.table tr td.head2{
	background: #6987AA;
	color: #ffffff;
}

/*新闻中心*/
.news{
	
}
.news li{
	padding: 30px 0;
	border-bottom: 1px solid #c7c7c7;
}
.news li:first-child{
	padding-top: 15px;
}
.news li img{
	border: 1px solid #c7c7c7;
	width: 100%;
}
.news li div{
	
}
.news li h2{
	font-size: 18px;
	color: #39424b;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.news li p{
	font-size: 14px;
	color: #525252;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
	margin: 10px 0 20px;
}
.news li a{
	display: inline-block;
	width: 100px;
	height: 30px;
	background: #004787;
	font-size: 12px;
	text-align: center;
	line-height: 30px;
	color: #fff;
	border-radius: 5px;
	transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-webkit-transition: all .3s;
}
.news li a:hover{
	background: #dd2416;
}
@media screen and (max-width: 767px){
	.news{
		padding: 0;
	}
	.news li div{
		margin-bottom: 20px;
	}
	.news li h2{
		font-size: 16px;
	}
}
/*新闻中心*/

/*新闻详情页*/
.news-info {
	padding: 20px 0px;
}



.news-info .hd h1 {
	font-size: 24px;
	line-height: 36px;
	word-wrap: break-word;
	word-break: normal;
	margin-bottom: 5px;
	text-align: center;
}

.news-info .hd p {
	font-size: 14px;
	line-height: 1.6;
	color: #cccccc;
	text-align: center;
}
.news-info .page{
	min-height: 600px;
    padding: 30px 0px;
    line-height: 2;
    color: #5A5A5A;
    font-size: 14px;
}
.news-info .hd p span{
	margin-right: 10px;
}
/*新闻详情页*/

/*下载目录*/
.support li{
	margin-bottom: 10px;
}
.support li>div{
	overflow: hidden;
	text-overflow: ellipsis;
}
.support a{
	font-size: 14px;
	line-height: 22px;
	white-space: nowrap;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	padding-left: 18px;
}
.support a:before{
	content: '';
	position: absolute;
	width: 5px;
	height: 5px;
	background: #333;
	border-radius: 100%;
	left: 0;
	top: 8.5px;
}
.support a:hover{
	color: #004787;
}



/*上一页/下一页*/
.turn {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 5px 10px;
}

.turn p {
	font-size: 12px;
	line-height: 30px;
	color: #333333;
	overflow: hidden;
}

.turn p span{
	display: inline-block;
	vertical-align: middle;
}
.turn p a {
	color: #666666;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	vertical-align: middle;
	max-width: 80%;
	transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}

.turn p a:hover {
	color: #39424b;
	text-decoration: none;
}
/*上一页/下一页*/

/*分页*/
.pagination-wrapper{ 
  	margin: 60px 0 0 0;
  	text-align: center;
  	font-size: 0;
} 
.pagination{  
  	margin: 0;
  	border-radius: 0;
} 
.pagination li{
	display: inline-block;
	vertical-align: top;
}
.pagination li a{ 
  	display: inline-block;
  	height: 32px; 
  	line-height: 32px; 
  	margin-right: 8px; 
  	padding: 0 12px; 
  	font-size: 14px; 
  	text-decoration: none; 
  	border-radius: 4px;
  	box-sizing: border-box;
  	transition: all .3s;
  	background: #f6f6f6;
  	border: 1px solid #e3e3e3;
  	color: #666666; 
} 
.pagination li:last-child{
	margin-right: 0;
}
.pagination li a:hover{ 
  	background:#da251d!important; 
  	color:#fff; 
  	border-color: #9b1a15!important;
} 
.pagination li.active a { 
  	background: #da251d; 
  	color: #fff;
  	border-color: #9b1a15;
}