@charset "utf-8";
/* CSS Document */
/*******css重置*******/

*{margin: 0;padding: 0;text-decoration: none;list-style: none;box-sizing: border-box;}
.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: 420px) {
  .container1 {
    width: 380px;
  }
}

@media (min-width: 530px) {
  .container1 {
    width: 500px;
  }
}
@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: #464646;}
.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;color: white;font-size: 12px;line-height: 26px;}



/*******导航*******/
.index-nav{}
.id-logo{float: left;width: 26%;}
.logo1{float: left;margin-right:4%;margin-top: 5px;}
.logo2{float: left;margin-top: 6px;}
.nav{float: right;width: 70%;}
.nav>a{float: left;line-height: 68px; color:#333 ; text-align: center;width: calc(100%/7);}

.nav>a:hover {background-color: #026bbc;color: white;}


.nav-btn{float: right; display: none;margin-top: 10px}
.nav-btn{position: relative;}
.navli{position: absolute;right:0px;top:82px; padding: 10px 0px;text-align: center; display: none;z-index: 999;background-color: rgba(2,107,188,0.9);width: 100%;}
.navli>a {font-size: 14px;color: white;line-height: 30px;border-bottom: 1px dashed #fff;}
.logo1{width: 20%;}
.logo2{width: 66%;}


@media(max-width:1260px){
	.id-logo{width: 30%;}
	.nav{width: 70%;}
	.logo1{width: 20%;}
	.logo2{width: 66%;}
	.nav>a{line-height: 62px;}
}
@media (max-width: 992px){
	.nav>a{line-height: 49px;font-size: 14px;}
}


@media(max-width:768px){
	.id-logo{width: 50%;}
	.header-left{display: none;}
	.nav-btn{display: block;}
	.nav{display: none;}
}
@media(max-width:530px){
	
	.nav-btn{margin-top: 6px;}
	.navli{top:65px;}
	.logo2{display: none;}
	
	
	.navli a {font-size: 12px;}

}
@media(max-width:420px){

	.logo1{margin:5px 0;}
	.nav-btn{width: 20px;margin-top:10px;}
	.navli{z-index: 999;}
	.navli a {font-size: 12px;}
	.navli a {font-size: 10px;}

	}

@media(max-width:360px){
	.nav-btn{margin-top:6px;}
}


/*******更多产品*******/
.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;}
}




/***********产品*********/ 
.show-tu-1{text-align: center;padding: 20px;background: url(../upload/pro-showbg.png) center center no-repeat;background-size: cover;color: white;font-size: 20px;}





/***********产品-左上*********/ 
.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 a{line-height: 40px;height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro-show a div{float: left;padding-left: 10px;}

.pro-show>div{margin-bottom: 20px;}

.pro-show a div:nth-child(1){color: #f2f2f2;}
.show-tt{color: #333;font-size:16px;line-height: 40px;height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width:70%;padding:0 5px;}
.pro-show a:hover{background-color: #026bbc;}
.pro-show a:hover  div:nth-child(1){color: white;}
.pro-show a:hover 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 #026bbc;box-sizing: border-box;margin-bottom: 6px;}
.pro-cu .name{font-weight: bold;}
.pro-cu li{font-size: 14px;}

/***********产品-右*********/ 
.pro-title{background-color:#343434;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{font-size: 14px;color: white;}
.tt-name{font-size: 14px;margin-left: 8px;}

.pro-ct{margin-left: 5%;overflow: hidden;margin-bottom: 50px;}
.pro-title1{overflow: hidden;margin-bottom: 4px;}
.pro-tt{color: #53c247;float:left;}
.pro-title1 a{float: right;color:  #53c247;border:1px solid #53c247;font-size: 14px;padding: 2px 5px;}
.pro-ct div{font-size: 14px;color:#606060;line-height: 40px;}
.pro-ct div:nth-child(1){font-size: 18px;}
.pro-text{float: left;width: 44%;}
.pro-tu{float: left;width: 44%;}
.cu-map{width: 80%;margin: 0 auto;}

.pro-show2{display: none;}

@media(max-width:1260px){
	.pro-left{margin-left: 2%;}
	.pro-show1{margin-bottom: 28px;}
}
@media(max-width:992px){
	.pro-tt{line-height:30px;height:30px;}
	
	.pro-cu{display: none;}
	.pro-show{overflow: hidden;margin-bottom: 0;}
	.show-tu-1{display: none;}
	.book{display: none;}
	.pro-show a{float: left;width:calc((100% - 80px)/4);margin: 0 10px;}
	.show-tt{text-align: center;font-size:14px;padding-left: none;width:100%;}
	.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  a div{padding-left: 5px;}
	.pro-show .show-tt{font-size: 14px;}
	.pro-show .book{font-size: 12px;}
	.pro-show  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-show a{float: left;height: 100%;width:calc((100% - 60px)/3);padding: 0px 5px;}
	
	
	.tt-left{font-size: 14px;}
	.tt-name a,.news-ct a{font-size: 12px;}
	juxing{font-size: 12px;}
	.tt-name a,.news-ct a{font-size: 12px;}
	
	
	
	
}
@media(max-width:530px){
	.pro-tt{font-size: 12px; }
	.pro-show .show-tt{font-size: 12px;}
	.book{display: none;}
	.pro-show {font-size: 10px;}
	.pro-show  a{padding: 5px;}
	.pro-show>div{margin-bottom: 10px;}
	.pro-cu li,.pro-cu div{line-height:20px;}
	.pro-cu li{font-size: 10px;}
	.pro-show a{float: left;width:calc((100% - 40px)/2);}
	.tt-left{font-size: 12px;}
	.tt-name a,.news-ct a{font-size: 10px;}
	.juxing{font-size: 10px;}
	.tt-name a,.news-ct a{font-size: 10px;}
	
	
	

	.pro-left{margin-top: 15px;}
	
}
@media(max-width:400px){
	.pro-right{margin-bottom: 30px;}
	.tt-left{display: none;}
	
}


/*******底部*******/
.index-di{background-color:#464646;padding-top: 60px;padding-bottom: 20px;}
.index-di .container1{position: relative;}
.di-ligo{float: left;padding: 0 50px 0 10px;border-right: 2px solid #343434;margin: 20px 0;margin-top: 30px;}
.di-beian{float: left;margin: 20px 0 0 20px;}
.di-nav1{overflow: hidden;padding: 5px 50px;}
.di-beian div{color: white;font-size: 14px;line-height: 24px;}
.di-nav{background-color:#343434;position: absolute;top: -40px;left:calc(50% - 375px);overflow: hidden;}
.di-nav a{float: left;color: white;padding: 0 5px;margin-right: 14px;}
.beian1 div{float: left;}
.beian-time{clear: both;}
.beian-tu1{margin-left: 10px;}
.beian-tu2{margin-right: 10px;}
.jianbian{width: 738px;height: 3px;background: radial-gradient(#1f5986,#1e71b0);}




@media(max-width:1260px){
	
	.di-nav{top: -30px;left: 100px;}
	.di-nav1{padding: 5px 80px;}
	.di-nav a{font-size: 12px;}
}

@media (max-width: 992px){
	.index-di{padding-top: 10px;}
	.di-beian{margin-left: 30px;margin-top: 20px;}
	.index-di{padding-bottom: 20px;}
	.jianbian{display: none;}
	.di-nav{display: none;}
}

@media (max-width: 768px){
	.di-ligo{display: none;}
	.di-beian{margin-top: 20px;}
	.di-beian div{font-size: 14px;}
}

@media(max-width:530px){
	.di-beian{margin-top: 10px;}
	.di-beian div{font-size: 12px;}
	.index-di{padding-bottom: 10px;}
}

/*******友情链接*******/
.index-yq{background-color: #00487f;padding: 10px 0;}
.yq{float: left;padding-left: 10px;}
.yq div{float: left;color: white;font-size: 12px;padding-left: 10px;}
.yq a{float: left;color: white;font-size: 12px;padding-left: 10px;}
.yq-js{float: right;color: white;font-size: 12px;padding-left: 10px;}
@media(max-width:768px){
	.yq-js{display: none;}
}
@media(max-width:420px){
	.yq a{font-size: 8px;}
	.yq div{font-size: 8px;}
}
