﻿@charset "utf-8";
/* CSS Document */
/*******css重置*******/
*{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: block;}
.clearfix{clear: both;}
.container1 {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@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 50px;text-align: center; display: none;z-index: 999;background-color: #235aac;}
.navli a {color: white;}
.navli li{background-color: #235aac;padding:10px 0;}
@media(max-width:1260px){
	.nav-btn{display: block;}
	.nav{display: none;}
}
@media(max-width:500px){
	.logo2{display: none;}
	.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;}


.more-right div:hover{ border: 1px solid white;background-color:#aaa;}
@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;}
}

/*******产品展示*******/
.index-pro{background-color: #f6f6f6;padding: 40px 0;}

.pro-left{float:left;width: 28%;}
.pro-left li{overflow: hidden;margin-bottom: 10px;width: 100%;}
.pro-left li div{float: left;}
.box1{background: url(../images/pro-bg1.png) no-repeat left center;background-size: cover;padding: 30px 0;}
.pro-tu1{padding:0 15px;}
.pro-fen{font-size: 20px;color: white;line-height: 30px;}

.pro-tu2{display: none; padding-right: 12px;}

.pro-tu3{padding-right: 15px;}
.box3{background-color: #ececec; padding: 20px 10px ;border-left: 3px solid #235aac;box-sizing: border-box;width: 100%;}
.pro-wa{font-size: 18px;color: #666;}
.pro-wa1{display: none;font-size: 18px;color: #666;}
.box4{background: url(../images/pro-bg3.png) no-repeat left top;background-size: cover;}
.pro-more{font-size: 39px;text-align: center;color: white;padding:25px 0;margin-left:calc(50% - 144px);}


.pro-left li:hover{background-color: #235aac;}
.pro-left li:hover .pro-wa{color: white;}
.pro-left li:hover .pro-wa1{color: white;}
.pro-left .box3:hover{border-left: 3px solid #ff8b1a;box-sizing: border-box;}

/*******产品标题 右上*******/
.pro-right{float: right;width: 70%;}
.pro-title{overflow: hidden;background-color: #f6f6f6;padding: 5px 10px;margin-bottom: 10px;line-height: 30px;}
.title-tt{float: left;}
.tt{color: #676767;padding: 0 10px;border-left: 3px solid  #235aac;margin-top: 10px;}
.pro-tel{float: right;}
.tel{float: left;margin-right: 15px;}
.tel-tt{float: left;}
.tel-nb{color: #ff7e00;font-weight: bold;}

/*******产品标题 右下*******/
.pro-show{overflow: hidden;}
.pro{float: left;width:32%;margin-right:2%;position: relative;border: 2px solid #f6f6f6;box-sizing: border-box;box-shadow: 0 2px  5px #dcdbdb;margin-bottom: 20px;display:block;}
.pro-show a:nth-child(3n){margin-right:0;}
.pro-tt{color: #fff;font-size: 14px;left: 0;bottom: 10px; background-color: #235aac;z-index: 10;text-align: center;width: 100%;padding: 5px 0;line-height:30px;height:30px;overflow:hidden;}


.pro:hover{border: 2px solid #235aac;box-sizing: border-box;}
.box3:hover .pro-tu3{display:none;}
.box3:hover .pro-tu2{display:block;}

@media(max-width:1260px){
	.box1{padding:15px 0; }
	.box3{padding: 15px;}
	.pro-wa{font-size: 14px;}
	.pro-more{font-size: 32px;padding:25px 0;}
}
@media(max-width:992px){
	.box1{padding:10px 0;}
	.box3{padding: 15px;}
	.pro-wa{font-size: 12px;}
	.pro-wa1{font-size: 12px;}
	.pro-more{font-size: 21px;padding:13px 0;}
	.pro-tu3{display: none;}
	.pro-tu2{display: none;}
	.tel{width: 30px;margin-top: 10px;}
	.tel-nb{line-height: 24px;}
	.tel-ser{line-height: 24px;}
	.box3:hover .pro-tu2{display:none;}
}
@media (max-width: 768px){
	.pro-left{clear: both;overflow: hidden;width: 100%;}
	.pro-right{clear: right;width: 100%;}
	.pro-left li{float: left;width: calc(100%/4);height: 60px;}
	.box4{display: none;}
	.box1{display: none;}
	.pro-wa2{display: none;}
	.pro-wa1{display: block;}
    .pro{width:48%;margin-right:1%;margin-left:1%;}
    .pro-show a:nth-child(3n){margin-right:1%;}
}
@media (max-width: 530px){
	.pro-tt{bottom: 5px;padding: 2px 0; }
  
}
@media (max-width: 420px){
	.pro-left li{height: 44px;}
	.box3{ padding: 10px 10px 0 10px;}
	.pro-wa{font-size: 10px;}
	.pro-wa1{font-size: 10px;}
	.tel{width: 20px;margin-top: 10px;}
	.tel-ser{display: none;}
	.tel-nb{margin-top: 8px;}
	.index-pro{padding:20px 0;}
}




/*******公司简介*******/
.index-co .container{position: relative;}
.co-name{position: absolute;left: 300px;top: 40px;overflow: hidden;}
.name-left{float: left;border:2px solid #ff7e00;background-color: #ff7e00;padding: 30px 20px;}
.name-right{float: left;border-top:2px solid #ff7e00;width: 420px;}
.name-tt1{color: white;font-size: 34px;}
.name-tt2{color: white;font-size: 22px;margin-top: 20px;}

/*******公司简介-文字*******/
.index-co{background:url(../images/co-bg.png) top left no-repeat #334453;background-size: 90% 100%;padding: 160px 0;}
.co-tt{float: right;width: 40%;}
.co-tt div{color:white;}
.co-title{font-size: 20px;margin-bottom: 20px;}
.co-text1{font-size: 14px;line-height: 20px;text-indent: 26px;}
.news-more1{overflow: hidden; background: url(../images/bg-6.png) left top no-repeat;background-size: cover;width: 150px;margin-top: 60px;}


@media(max-width:1630px){
	.index-co{background:url(../images/bg-10.png) top left no-repeat;background-size: cover;padding: 50px 0;}
  .co-name{left: 80px;}
}
                         
                                         
@media(max-width:992px){
  .co-name{left: 50px;}
 }
                                         
@media(max-width:992px){
	.index-co{padding: 20px 0;}
	.co-name{left: 0px;top: 30px;}
	.name-tt1{font-size: 20px;}
	.name-tt2{font-size:20px;margin-top: 14px;}
	.co-text1:nth-child(3){display: none;}
	.co-text1:nth-child(4){display: none;}
	.co-text1:nth-child(5){display: none;}
	.name-right{display: none;}
	.news-more1{margin-top: 30px;}
}
@media (max-width: 768px){
  	.co-name{display: none;}
	.co-tt{clear: both;width: 100%;}
 }
@media (max-width: 600px){

	.co-title{font-size: 16px;margin-bottom: 10px;}
	.news-more1{overflow: hidden; background: url(../images/bg-6.png) left top no-repeat;background-size: cover;width: 120px;margin-top: 20px;}
	.more-tu{width: 20px;}
}






/*******新闻资讯*******/
.index-news{margin-top: 80px;margin-bottom: 100px;}
.news-zx{text-align: center;background:url(../images/bg-1.png) center center no-repeat;padding-bottom: 50px;font-size: 36px;color: #333;}
.news-all{overflow: hidden;}
.news-left{float: left;width: 48%;height: 100%; padding-bottom: 30px;border-bottom: 3px solid #235aac;}
.news-right{float: right;width: 50%;height: 100%;}
.news-tt{color: #333;margin: 15px 0 5px 0;font-weight: bold;}
.news-text{font-size:13px;color:#a0a0a0;line-height: 22px;}

/*******新闻资讯-时间*******/
.news-lianjie{overflow: hidden;margin-top: 10px;}
.news-time{float: left;color: #235aac;border-bottom: 2px solid #235aac;padding-top: 8px;}
.news-more{float: right;background: url(../images/bg-6.png) left top no-repeat;background-size: cover;}

.more-text1{float: left;color: white;line-height: 18px;padding: 10px; margin-right: 20px;font-size: 12px;}
.more-tu{float: right;padding-top: 8px;margin-right: 10px;}

/*******新闻资讯-右*******/
.news-tt1 {overflow: hidden;background: url(../images/bg-3.png)top left no-repeat;background-size: cover;padding:10px 5px;margin-bottom: 18px;}
.news-box1{float: left;width: 15%;line-height: 30px;}
.news-box1 div{color: #666;font-size: 14px;text-align: center;}
.news-box1 div:nth-child(1){font-size: 22px;}
.news-box2{float: right;width: 78%;}
.news-box2 div{color: #666;font-size: 14px;}
.news-box2 div:nth-child(1){font-size: 20px;}
.box7{display: none;}

.news-tt1:hover{background-image: url(../images/bg-2.png);}
.news-tt1:hover .news-box1 div{color: white;}
.news-tt1:hover .news-box2 div{color: white;}


@media(max-width:1260px){
	.news-box1{margin-left: 10px;}	
	.news-tt1 {margin-bottom: 16px;}
	.news-box1 div:nth-child(1){font-size: 20px;}
	.news-box1 div:nth-child(2){font-size: 12px;}
	.news-box2 div:nth-child(1){font-size: 18px;}
	.news-box2 div:nth-child(2){font-size: 12px;}
}
@media(max-width:992px){
	.news-zx{font-size: 30px;}
	.index-news{margin: 40px 0;}
	.news-box1{margin-left: 10px;width: 20%;}	
	.news-box2{width: 70%;}
	.news-tt1 {margin-bottom: 9px;}
	.news-box1 div:nth-child(1){font-size: 18px;}
	.news-box1 div:nth-child(2){font-size: 12px;}
	.news-box2 div:nth-child(1){font-size: 16px;}
	.news-box2 div:nth-child(2){font-size: 10px;margin-top: 5px;}
	
}
@media (max-width: 768px){
	.news-zx{font-size: 26px;padding-bottom: 40px;}
	.news-left{clear: both;width: 100%;padding-bottom: 20px;}
	.news-right{clear:right;width: 100%;margin-top: 10px;}
	.news-box1{margin-left: 0;}
	.news-box1 div:nth-child(1){font-size: 20px;}
	.news-box1 div:nth-child(2){font-size: 12px;}
	.news-box2 div:nth-child(1){font-size: 18px;}
	.news-box2 div:nth-child(2){font-size: 12px;}
}

@media (max-width: 530px){
	.news-lianjie{margin-top: 10px;}
	.news-left{padding-bottom: 20px;}
	.news-zx{font-size: 24px;padding-bottom: 40px;}
	.news-box1 div:nth-child(1){font-size: 18px;}
	.news-box1 div:nth-child(2){font-size: 12px;}
	.news-box2 div:nth-child(1){font-size: 16px;}
	.news-box2 div:nth-child(2){font-size: 10px;margin-top: 5px;}
	
}
@media (max-width: 420px){
	.news-box1 div:nth-child(1){font-size: 16px;}
	.news-box1 div:nth-child(2){font-size: 10px;}
	.news-box2 div:nth-child(1){font-size: 14px;}
	.news-box2 div:nth-child(3){font-size: 8px;margin-top: 5px;}
	.news-box1{line-height: 20px;}
	
	.news-lianjie{margin-top: 10px;}
	.news-zx{font-size: 24px;padding-bottom: 40px;}
	.index-news{margin: 20px 0;}
	.box7{display: block;}
	.box6{display: none;;}
	
}





/*******底部*******/
.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;}

 
                                         
                                         
.news-text p a{display:inline-block;}                                         
