@charset "utf-8";
/* CSS Document */
*{margin: 0;padding: 0;text-decoration: none;list-style: none;}
.container{margin: 0 auto; overflow: hidden;max-width: 1230px;}
img{width: 100%;display: block;}
h1,h5,h2{font-size: 1em;}
a{display: inline-block;}
.clearfix{clear: both;}
.container1 {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
p img{width:auto;margin:0 auto;}

@media (max-width: 620px){
  p img{width:100%;}
}

@media (min-width: 768px) {
  .container1 {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container1{
    width: 970px;
  }
}
@media (min-width: 1260px) {
  .container1 {
    width: 1230px;
  }
}


/*******header*******/
.index-header{background-color: #235aac;}
.container{overflow: hidden;max-width: 1200px;margin: 0 auto;}
.header-left{float: left;font-size: 12px;line-height: 30px;color: white;}
.header-right{float: right;}
.header-right div{float: left;padding-left:20px;}
.header-right div:nth-child(1){padding-right: 20px;}
.header-right img{float: left;width: 1px;padding-top: 9px;}
.header-right div a{font-size: 12px;line-height:30px;color: white;}

/*******导航*******/
.logo1{float: left;padding: 10px 0;}
.logo2{float: left;padding: 10px 0;}
.nav{float: right;}
.nav li{float: left;margin-top: 32px;;padding-left:50px;}
.nav li a{padding: 5px 8px;color: #333 ;}
.nav li:hover a{color: #235aac;border-bottom: 2px solid #235aac}
.nav-btn{float: right; display: none;margin-top: 30px;}
.nav-btn{position: relative;}
.navli{position: absolute;right: 0;top: 116px; padding: 10px 30px;text-align: center; display: none;z-index: 999;background-color: #235aac;}
.navli a {color: white;}
.navli li{background-color: #235aac;}
@media(max-width:1260px){
	.nav-btn{display: block;}
	.nav{display: none;}
}
@media(max-width:500px){
	.logo2{width:65%;}
	.nav-btn{margin-top: 20px;}
	.logo1{width: 60px;padding: 5px 0;}
	.header-left{display: none;}
	.navli{top: 96px;}
}
/*******更多产品*******/
.index-more{background-color: #aaa;}
.more-text{float: left;color: white;font-size: 12px;margin-top: 15px;}
.more-right{float: right;}
.more-right div{float: left; border: 1px solid #235aac;border-radius: 4px;background-color: #235aac;margin: 10px;padding: 5px 15px;}
.more-right div a{color: white;font-size: 12px;}
.pro-box2{display: none;}


.more-right div:hover{ border: 1px solid white;background-color:#aaa;}
@media(max-width:1260px){
	.pro-box1{display: none;}
	.pro-box2{display: block;}
}
@media(max-width:650px){
	.more-text{display: none;}
}
@media(max-width:450px){
	.more-right div{margin: 5px;padding: 2px 10px;}
	.more-right div a{font-size: 8px;}
}




/***********产品*********/ 

.pro-show li{position: relative;}
.pro-show ul li a{color: #333;}
.pro-show ul{position: absolute;left:0px;top:41px;clear: both;text-align: left;width: 100%;display:none;z-index: 10;background-color:#f2f2f2;}
.pro-show ul li{padding-left: 10px;}
.pro-show ul li:hover {background-color:#53c247; }
.pro-show ul li:hover a{color: white;}
/***********产品-左上*********/ 
.pro-left{float: left;width: 25%;margin-top:30px;margin-bottom: 50px;}
.pro-right{float: right;width: 72%;margin-top:30px;margin-bottom: 50px;}
.pro-show{border: 1px solid #f2f2f2;box-sizing: border-box; background-color: #f2f2f2;margin-bottom: 60px;}
.pro-show li a{overflow: hidden;}
.pro-show li a div{float: left;padding-left: 10px;}

.pro-show>div{margin-bottom: 20px;}
.pro-show li a{padding: 10px;}
.pro-show li a div:nth-child(1){color: #f2f2f2;}
.pro-show li a div:nth-child(2){color: #333;}
.pro-show li:hover{background-color: #235aac;}
.pro-show li:hover a div:nth-child(1){color: white;}
.pro-show li:hover a div:nth-child(2){color: white;}



/***********产品-左下*********/ 
.pro-cu{border: 1px solid #f2f2f2;box-sizing: border-box;}
.pro-cu li,.pro-cu div{line-height: 36px;padding-left: 10px}
.pro-cu div{background-color: #f2f2f2;border-left: 5px solid #235aac;box-sizing: border-box;margin-bottom: 6px;}
.pro-cu .name{font-weight: bold;}
.pro-cu li{font-size: 14px;}


/***********产品-右*********/ 
.pro-title{background-color:#235aac;overflow: hidden;padding: 10px;margin-bottom: 20px}
.tt-left{float: left;color: white;}
.tt-right{float: right;}
.tt-name,.juxing,.news-ct{float:left;color: white;}
.tt-name a,.news-ct a{color: white;font-size: 14px;}
.juxing{width: 8px;height: 8px;background-color: white;margin-top: 7px;}
.tt-name{font-size: 14px;margin-left: 8px;}
.pro-ct{}

/***********产品-中*********/ 
.pro-title1{overflow: hidden;margin-bottom: 4px;}
.pro-tt{color: #235aac;float:left;}
.pro-title1 a{float: right;color: #235aac;border:1px solid #235aac;font-size: 12px;padding: 2px 6px;}

.pro-news{margin-top: 10px;overflow: hidden;margin-bottom: 30px;}
.ct-1{float: left;padding:5px 10px;width: 44%;}
.circle{width: 2px ;height: 2px;border: 1px solid #235aac;border-radius: 10px;margin-top: 4px;background-color:#235aac; }
.circle,.pro-content1,.pro-content2{float: left;}
.pro-content2{display: none;}
.time{float: right;color: #333;font-size: 10px;font-weight: normal;}
.pro-content1,.pro-content2{color: #333;font-size: 10px;font-weight: normal;margin-left: 5px;}
.pro-ex{overflow: hidden;margin-top: 20px;}
.pro-ex .box1{width: calc((100% - 80px)/4);margin: 0 10px;float: left;}
.box-tt a{font-size: 12px;color:#333 ;text-align: center;margin-top: 10px;}


.ct-1:hover .pro-content2{color:#235aac;}
.pro-right .ct-1:hover .time{color:#235aac;}
.ct-1:hover .pro-content1{color:#235aac; }
.box-tt:hover a{color:#235aac;}





.pro-show2{display: none;}

@media(max-width:1260px){
	.pro-left{margin-left: 1%;}
	.pro-right{margin-right: 1%;}
	.pro-show1{margin-bottom: 28px;}
}
@media(max-width:992px){
	.pro-left{margin-left: 0;}
	.pro-right{margin-right:0;}
	.pro-ct div{line-height:30px;}
	.pro-show1{display: none;}
	.pro-show2{display: block;}
	.pro-cu{display: none;}
	.pro-show{overflow: hidden;margin-bottom: 0;}
	.show-tu{display: none;}
	.book{display: none;}
	.pro-show2 li{float: left;margin: 0;width: 120px;height: 100%;width:calc(100%/4);}
	.pro-left{clear: left;width: 100%;margin-bottom: 0;margin-top: 10px;}
	.pro-right{clear: right;width: 100%;margin-top: 20px;}
	
	
	
}
@media(max-width:768px){
	
	.pro-show li a div{padding-left: 5px;}
	.pro-show .show-tt{font-size: 14px;}
	.pro-show .book{font-size: 12px;}
	.pro-show li a{padding: 5px;}
	.pro-show>div{margin-bottom: 10px;}
	.pro-cu li,.pro-cu div{line-height:20px;}
	.pro-cu li{font-size: 12px;}
	.tt-left{font-size: 14px;}
	.pro-show2 li{float: left;margin: 0;width: 120px;height: 100%;width:calc(100%/3);padding: 5px 2px;}
	
	
	.tt-left{font-size: 14px;}
	.tt-name a,.news-ct a{font-size: 12px;}
		.juxing{width: 6px;height: 6px;background-color: white;margin-top: 6px;}
	.tt-name a,.news-ct a{font-size: 12px;}
	.pro-ct div{font-size: 10px;line-height: 20px;}
	.pro-ct div:nth-child(1){font-size: 14px;}
	
	.pro-show ul{left:0px;top:26px;}
	.pro-show ul li a{font-size: 12px;}
	
}
@media(max-width:650px){
.ct-1{width: 100%;}}

@media(max-width:530px){
	.pro-show li a div{padding-left: 5px;}
	.pro-show .show-tt{font-size: 12px;}
	.book{display: none;}
	.pro-show {font-size: 10px;}
	.pro-show li a{padding: 5px;}
	.pro-show>div{margin-bottom: 10px;}
	.pro-cu li,.pro-cu div{line-height:20px;}
	.pro-cu li{font-size: 10px;}
	
	.tt-left{font-size: 12px;}
	.tt-name a,.news-ct a{font-size: 10px;}
	.juxing{width: 4px;height: 4px;background-color: white;margin-top: 4px;}
	.tt-name a,.news-ct a{font-size: 10px;}
	
	.pro-show ul{left:0px;top:22px;}
	.pro-show ul li a{font-size: 12px;}
	.pro-show2 li{float: left;margin: 0;width: 120px;height: 100%;width:calc(100%/2);padding: 5px 10px;}

	.pro-left{margin-top: 15px;}
	.pro-ex .box1{width: calc((100% - 40px)/2);margin: 0 10px;margin-bottom: 10px;}
	.pro-right{margin-bottom: 20px;}
}
@media(max-width:400px){
	.pro-right{margin-bottom: 30px;}
	.tt-left{display: none;}
	.pro-buttom .box1{margin-right: 5px;}
	.pro-buttom{margin-top: 10px;}
		.pro-content1{display: none;}
	.pro-content2{display: block;}
	.box-tt a{font-size: 10px;}
	
}


/*******底部*******/
/*******底部*******/
.index-footer{background: url(../images/di-bg.png)center no-repeat;background-size: cover;}	
.index-footer .container{overflow:visible;}                                                                             
.id-footer-all{position: relative;padding: 40px 0;}
/*******id-footer-tit*******/
.id-footer-link{position: absolute;left: 0;bottom: 0;width: 30%;}
.id-footer-tel{background-color: #235aac;padding:15px 20px;}
.id-footer-tel span{font-size: 14px;color: #fff;display: block;}
.id-footer-tel div{font-size: 20px;color: #fff;font-weight: bold;letter-spacing: 1px;}
.id-footer-text{padding: 20px 30px 10px;background-color: #fff;}
.id-footer-li{padding: 0;}
.id-footer-li li{font-size: 14px;line-height: 26px; color: #235aac;list-style: none;}
/*******id-footer-tit*******/
.id-footer-tit{margin-bottom: 15px;}
.id-footer-text .id-footer-tit h1{color: #235aac;font-weight: bold;}
.id-footer-text .id-footer-tit span{background-color: #235aac;}
	
.id-footer-tit{position: relative;width: 240px;}
.id-footer-tit h1{font-size:18px;margin:0;letter-spacing: 1px;width: 100px;}
.id-footer-tit span{position: absolute;right: 0;top: 40%;height: 2px;width: 140px;background-color: #fff;}
/*******id-footer-nav*******/
.id-footer-nav{margin-left: 35%;float: left; color: #fff;width: 40%;}
.id-footer-nava{overflow: hidden;margin-bottom: 20px;}
.id-footer-nava a{font-size: 14px;color: #fff;line-height: 26px;float: left;width: 33%; display: block;}
.id-footer-weblink{margin-bottom: 20px;}
.id-footer-weblink span,.id-footer-weblink a{font-size: 14px; display: inline-block;color: #fff;line-height: 26px;margin-right: 4px;}
.id-footer-code{color: #fff;display: block;font-size: 14px;line-height: 26px;}
/*******code*******/
.id-footer-erweima{float: right;width: 25%;}
.id-erweima-img{margin: 0 auto;width: 140px;padding: 10px;border: 2px solid #fff;height: 140px;}
.id-erweima-img img{width: 100%;}
.id-footer-erweima span{font-size: 16px;letter-spacing: 1px; line-height: 40px; display: block;text-align: center;color: #fff;}
	
@media(max-width:991px){
	.id-footer-all{padding: 15px 0;}
	.id-footer-link,.id-footer-nava,.id-footer-erweima,.id-footer-tit{display:none;}
	.id-footer-nav{margin-left: 0%;float: none;width: 100%;}
	.id-footer-weblink{margin-bottom: 5px;text-align: center;}
	.id-footer-code{text-align: center;}
}

.index-yq{background-color: black;padding: 10px 0;}
.yq{float: left;color: white;font-size: 12px;padding-left: 10px;}
.yq-box1{float: left;}
.yq-box1 a{color: white;font-size: 12px;padding-left: 10px;}






/***********产品-推荐TITLT*********/
.page-recomend-title {
	overflow: hidden;
	margin-bottom: 20px;
}

.page-recomend-title div {
	font-size: 16px;
	color: #333;
	float: left;
	font-weight: bold;
}

.page-recomend-title a {
	float: right;
	color: #ef7b00;
	font-size: 16px;
	padding: 2px 6px;
}


/***********产品-推荐新闻*********/
.page-in-reconmend {
	overflow: hidden;
	margin-bottom: 30px;
}

.page-recom-news {
	overflow: hidden;
}

.page-recom-news-box {
	float: left;
	width: 48%;
	display: block;
	overflow: hidden;
	line-height: 18px;
	height: 18px;
	margin-bottom: 15px;
	margin-right: 2%;
}

.page-re-news-tit {
	font-size: 14px;
	padding-left: 5px;
	line-height: 18px;
	height: 18px;
	color: #333;
	overflow: hidden;
	float: left;
	width: calc(100% - 100px);
}

.page-re-news-time {
	font-size: 14px;
	line-height: 18px;
	height: 18px;
	padding-right: 5px;
	border-right: 1px solid #999;
	float: left;
	color: #999;
}

/***********产品-推荐产品*********/
.page-recom-pro {
	overflow: hidden;
}

.page-recom-pro-box {
	border: 1px solid #ddd;
	display: block;
	float: left;
	width: 23.5%;
	margin-right: 2%;
}

.page-recom-pro a:last-child {
	margin-right: 0;
}

.page-recom-pro-box img {
	width: 100%;
}

.page-re-pro-tit {
	font-size: 14px;
	color: #666;
	text-align: center;
	margin-bottom: 10px;
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


@media(max-width:1200px){
	
	
	
	/***********产品-推荐TITLT*********/
	.page-recomend-title {
		overflow: hidden;
		margin-bottom: 20px;
	}
	
	.page-recomend-title div {
		font-size: 16px;
		color: #333;
		float: left;
		font-weight: bold;
	}
	
	.page-recomend-title a {
		float: right;
		color: #ef7b00;
		font-size: 16px;
		padding: 2px 6px;
	}
	
	
	/***********产品-推荐新闻*********/
	.page-in-reconmend {
		overflow: hidden;
		margin-bottom: 30px;
	}
	
	.page-recom-news {
		overflow: hidden;
	}
	
	.page-recom-news-box {
		float: left;
		width: 100%;
		display: block;
		overflow: hidden;
		line-height: 18px;
		height: 18px;
		margin-bottom: 15px;
		margin-right: 0%;
	}
	
	.page-re-news-tit {
		font-size: 14px;
		padding-left: 5px;
		line-height: 18px;
		height: 18px;
		color: #333;
		overflow: hidden;
		float: left;
		width: calc(100% - 100px);
	}
	
	.page-re-news-time {
		font-size: 14px;
		line-height: 18px;
		height: 18px;
		padding-right: 5px;
		border-right: 1px solid #999;
		float: left;
		color: #999;
	}
	
	/***********产品-推荐产品*********/
	.page-recom-pro {
		overflow: hidden;
	}
	
	.page-recom-pro-box {
		border: 1px solid #ddd;
		box-sizing: border-box;
		display: block;
		float: left;
		width: 48%;
		margin-right: 2%;
		margin-bottom: 2%;
	}
	
	.page-recom-pro a:last-child {
		margin-right: 0;
	}
	
	.page-recom-pro-box img {
		width: 100%;
	}
	
	.page-re-pro-tit {
		font-size: 14px;
		color: #666;
		text-align: center;
		margin-bottom: 10px;
		line-height: 40px;
		height: 40px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

}