@charset "utf-8";
/* CSS Document */
*{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;}
p img{max-width:400px;margin:0 auto;}
.pro-in-tit{font-size:20px;color:#666;text-align:center;margin-bottom:20px;}
@media (max-width: 768px) {
  .pro-in-tit{font-size:18px;}
}
@media (max-width: 530px) {
  p img{width:100%;}
  .pro-in-tit{font-size:16px;}
}
.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{overflow: hidden;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;}
.tt-name{font-size: 14px;margin-left: 8px;}


/***********产品-中*********/ 
.pro-title1{overflow: hidden;margin-bottom: 4px;}
.pro-tt{color: #026bbc;float:left;}
.pro-title1 a{float: right;color: #026bbc;border:1px solid #026bbc;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 #026bbc;border-radius: 10px;margin-top: 4px;background-color:#026bbc; }
.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:#026bbc;}
.pro-right .ct-1:hover .time{color:#026bbc;}
.ct-1:hover .pro-content1{color:#026bbc; }
.box-tt:hover a{color:#026bbc;}





.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;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;}
	
	
	.ct-1{width: 100%;}
	
	
}

@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;}
	
	.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-show a{float: left;width:calc((100% - 40px)/2);}

	.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-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;}
}

.pro-title1{ overflow: hidden;margin-bottom: 4px;}
.pro-tt{font-size: 18px;color: #0075cf;float:left;}
.pro-title1 a{float: right;color: #0075cf;font-size: 16px;padding: 2px 6px;}
.news-all{overflow: hidden;margin-top: 10px;}
.pro-news{margin-top: 10px;overflow: hidden;margin-bottom: 30px;}

.ct-1{float: left;padding:0px 10px;width: 50%;}
.pro-content1{font-size: 16px;line-height: 30px;height: 30px;color: #333; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 65%; float: left;}

.time{float: right;color: #333;font-size: 16px;line-height: 30px;height: 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 30%;}
.pro-ex1{overflow: hidden;margin-top: 20px;}
.pro-ex1 .box11{width: calc((100% - 80px)/4);margin: 0 10px;float: left;}
.box11 img{width: 100%;}
.box-tt {font-size: 16px;color:#333 ;text-align: center;margin-top: 10px;line-height: 30px;height: 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}


.ct-1:hover .pro-content2{color:#119FA1;}
.ct-1:hover .time{color:#119FA1;}
.ct-1:hover .pro-content1{color:#119FA1; }
.box-tt:hover {color:#119FA1;}