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

*{margin: 0;padding: 0;text-decoration: none;list-style: none;box-sizing: border-box;}
.container{margin: 0 auto;max-width: 1230px;}
img{width: 100%;display: block;}
h1,h5,h2{font-size: 1em;}
a{display: block;}
.clearfix{clear: both;}




/*******header*******/
.index-header{background-color: #464646;}

.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-ser{background-color:#f0f0f0;padding-top: 30px;padding-bottom: 2px;}
.index-ser .container{background-color:white;box-shadow: 2px 2px 2px #c6c5c5;}
.ser-left{float: left;}
.ser-left div,.ser-left a{float: left;margin-left: 20px;font-size: 12px;color: #a7a7a7;padding: 10px 0 ;}

.ser-left .laba{padding: 0;margin-top: 2px;}

.ser-right{float: right;padding: 2px;}
.ser-right input{float: left;}
.ser-right a{float: left;font-size: 12px;border: 1px solid #a7a7a7;background-color:#a7a7a7;color: white;line-height: 24px;margin-top: 4px;margin-left: 2px;padding: 0 6px; }
.ser-right input{background-color:transparent;border: 1px solid #a7a7a7;outline: none;line-height: 24px;color:#a7a7a7;padding-left: 15px;font-size: 12px;margin-top: 4px;}

@media(max-width:768px){
	.ser-left{display: none;}
	.ser-right input{margin: 4px 0;}
	.index-ser{padding-top: 20px;}
}


/***********产品*********/ 
.index-pro{background-color:#f0f0f0;padding-top:60px; }
.show-tu{text-align: center;padding: 28px 0;background: url(../upload/chanpin.png) center center no-repeat;background-size: cover;color: white;font-size: 36px;text-align: center;}





/***********产品-左上*********/ 
.pro-left{float: left;width: 22%;margin-bottom: 50px;border: 4px solid #026bbc; }
.pro-right{float: right;width: 76%;margin-bottom: 50px;}

.pro-show  a{font-size: 16px; background-color: #026bbc;color: white;text-align: center;margin-bottom: 20px;padding: 0px 5px;
width: 140px;margin-left: 55px;border-radius: 5px;line-height: 42px;height: 42px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


.pro-show div{margin-bottom: 20px;}
.pro-show a:hover{background-color: #f67524;}






/***********产品-右*********/ 
.pro-title{background-color: white;overflow: hidden;padding: 10px;margin-bottom: 20px;}
.tt-left1{float: left;font-size: 20px; color: #333;border-left: 3px solid #026bbc;padding-left: 10px;line-height: 28px;}
.pro-title .tt-right1{float: right;color: #AEAEAE;font-size: 13px;line-height: 28px;}
.tt-right1:hover{color: #f67524;}


.pro-tu{width: calc((100% - 160px)/3);float: left;border: 2px solid #026bbc;padding: 10px;padding-bottom: 0;margin-bottom:26px;}
.pro-tt{margin-top: 7px; color:#026bbc;text-align: center;width: 100%; padding: 0px 5px;line-height: 30px;height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;}

.pro-tu:nth-child(3n-1){margin: 0 80px;margin-bottom:26px;}

.pro-tu:hover{border: 2px solid #f67524;}
.pro-tu:hover .pro-tt{color: #f67524;}




.pro-show2{display: none;}


@media(max-width:1260px){
.pro-left{width: 22%; }
.pro-right{width: 74%;}
.show-tu{padding: 22px 0;font-size: 30px;}
.pro-show  a{margin-bottom: 18px;padding: 0px 5px;width: 140px;margin-left: 30px;border-radius: 5px;font-size: 14px;line-height: 32px;height: 32px;}	
.pro-tu:nth-child(3n-1){margin: 0 60px;margin-bottom:20px;}
.pro-tu{margin-bottom:20px;width: calc((100% - 120px)/3);}	
	
}
@media(max-width:992px){
	.tt-left1{float: left;font-size: 18px;}
	.index-pro{padding-top:20px;}
	.pro-left{clear: left;width: 100%;margin-bottom: 0;margin-top: 10px;border: 4px solid #f0f0f0; }
	.pro-right{clear: right;width: 100%;margin-top: 20px;}
	.pro-ct div{line-height:30px;}
	.pro-cu{display: none;}
	.pro-show{overflow: hidden;margin-bottom: 0;}
	.show-tu{display: none;}
	.show-tu{display: none;}
	.pro-show a{float: left;margin: 0;width: 120px;height: 100%;width:calc(100%/4);}
	.pro-tu:nth-child(3n-1){margin: 0 20px;margin-bottom:20px;}
	.pro-tu{margin-bottom:20px;width: calc((100% - 40px)/3);}	
	
	
	
	
}
@media(max-width:768px){
	.index-pro{padding-top:10px;}
	.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;}
	.tt-left{font-size: 14px;}
	.pro-show2 a{float: left;margin: 0;width: 120px;height: 100%;width:calc(100%/3);padding: 5px 2px;}
	.tt-left{font-size: 14px;}
	.pro-tt{font-size: 12px;}
	
	
}
@media(max-width:530px){
	
	.tt-left1{padding-left: 10px;font-size: 14px;}
	.pro-title .tt-right1{font-size: 12px;}
	.index-pro .pro-right{margin-bottom: 30px;margin-top: 10px;}
	
	.pro-show  a{width:calc((100% - 40px)/2);margin: 0 10px 10px;}
	.pro-show .show-tt{font-size: 12px;}
	.pro-tu{margin-bottom:20px;width: calc((100% - 20px)/2);}
	.pro-tu:nth-child(3n-1){margin: 0px;margin-left: 20px;margin-bottom: 20px;}
	.pro-tu:nth-child(2n){margin: 0px;margin-left: 20px;margin-bottom: 20px;}
	.pro-tu:nth-child(2n-1){margin-left: 0px;}
	.pro-tu:nth-child(2n+1){clear: left;}

	
	

	
	
}
@media(max-width:420px){
	.pro-right{margin-bottom: 30px;}
	.tt-left1{padding-left: 10px;font-size: 12px;}
}



/*******关于我们*******/

/*******关于我们-标题*******/
.index-title{overflow: hidden;margin-top: 60px;margin-bottom: 20px;}
.cu-left{float: left;margin-top: 40px;width: 480px;}
.cu-right{float: right;margin-top: 40px;width:480px;}
.cu-tt{float: left;margin-left: 50px;}
.a{float: left;font-size: 70px;color: #4c4c4c;}
.tt-right{float: left;margin-top: 26px;margin-left: 10px}
.guanyu{font-size: 20px;color: #4c4c4c;}
.about-us{font-size: 20px;color: #4c4c4c;}

/*******关于我们-文字*******/
.cu-text{width: 60%;}
.cu-title{font-size: 18px;margin: 10px 0;font-weight: bold;color: #444;}
.cu-title1{font-size: 14px;line-height: 24px;text-indent: 30px;color: #a2a2a2;}
.more{color: #444;padding: 5px 30px;border: 1px solid #444; border-radius:20px;width: 120px;margin-top: 10px;}
.au-produce{background: url(../upload/au-bg.png) center center no-repeat;background-size:cover;margin-top: 50px;padding: 30px 0;}
.introduct{float: left;margin-right: 100px;}
.introduct .tu{width: 100px;margin-bottom: 10px;margin-left: 6px;}
.introduct .tu2{display: none;}
.intro-tt{color: white;text-align: center;line-height: 26px;}

.au-produce .container1{position: relative;}
.au-tu{position:absolute;bottom:0;right:0;}

.more:hover{border: 1px solid #f67524;background-color:#f67524;color: white; }
.introduct:hover .tu1{display: none;}
.introduct:hover .tu2{display: block;}



@media(max-width:1260px){
	.cu-left{width: 370px;}
	.cu-right{width: 370px;}
	.cu-tt{margin-left: 25px;}
	.cu-text{width: 50%;}
	.introduct{margin-right: 40px;}
	.introduct .tu{width: 80px;margin-bottom: 10px;margin-left: 10px;}
	.introduct div{font-size: 14px;}
  .cu-title4{display: none;}
}

@media (max-width: 992px){
	.cu-left{width: 260px;}
	.cu-right{width: 260px;}
	.cu-tt{margin-left: 20px;}
	.index-title{margin-top: 20px;}
	.au-tu{width: 350px;}
	.cu-text{width: 50%;}
	.introduct{margin-right: 20px;}
	.introduct .tu{width: 66px;margin-bottom: 10px;margin-left: 8px;}
	.introduct div{font-size: 14px;}
	
}
@media (max-width: 768px){
	.au-produce{margin-top: 30px;}
	.cu-left{width: 140px;}
	.cu-right{width: 140px;}
	.cu-tt{margin-left: 40px;}
	.index-title{margin-top: 20px;}
	.a{font-size: 60px;}
	.guanyu{font-size: 16px;}
	.about-us{font-size: 16px;}
	.au-tu{display: none;}
	.cu-text{width: 100%;}
	.cu-title3{display: block;}
	.introduct .tu{width: 70px;margin-bottom: 10px;margin-left: 10px;}
	.introduct{margin-right: 20px;}
	.introduct:nth-child(4){margin: 0;}
	.introduct{width: calc((100% - 60px)/4);}
	.intro-tt{line-height: 20px;}
	
}
@media(max-width:530px){
	.index-title{margin-top: 0px;}
	.cu-left{width: 100px;}
	.cu-right{width: 100px;}
	.cu-tt{margin-left: 30px;}
	.a{font-size: 40px;margin-top: 18px;}
	.guanyu{font-size: 14px;}
	.about-us{font-size: 14px;}
	.cu-title{font-size: 16px;}
	.cu-title1{font-size: 12px;line-height: 20px;text-indent: 20px;}
	.au-produce{margin-top: 20px;padding: 10px 0;}
	.introduct .tu{margin-left: 12px;width: 50px;}
	.introduct div{font-size: 12px;line-height: 20px;}
	.introduct{margin-right: 20px;}
	.introduct:nth-child(4){margin: 0;}
	.introduct{width: calc((100% - 60px)/4);}
}
@media(max-width:420px){
	.cu-tt{margin-left: 20px;margin-top: 6px;}
	.cu-left{width: 80px;}
	.cu-title3{display: none;}
	.cu-right{width: 80px;}
	
	.a{font-size: 30px;margin-top: 18px;}
	.guanyu{font-size: 10px;}
	.about-us{font-size: 10px;}
	.introduct .tu{margin-left: 20px;margin-left: 20px;width: 40px;margin-bottom: 0;}
	.more{padding: 5px 20px;border: 1px solid #444; border-radius:20px;width: 100px;font-size: 10px;}
	.intro-tt{display: none;}
}




/*******新闻动态*******/
.index-news{background-color:#f0f0f0;padding-bottom: 50px;}
.news-anli{overflow: hidden;}
.news-tt{margin: 15px 0 10px 0;color: #333;text-align: center;}
.news-tt2{font-weight: bold;font-size:16px;line-height:30px;height:30px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;padding:0 5px;}
.news-tt1{margin: 0;font-size: 12px;text-align: justify;color:#7a7a7a;line-height: 20px;height:40px;overflow:hidden;padding: 0 20px;}
.news-pro a{background-color: #026bbc;border-radius: 4px;width: 100px;text-align: center;color: white;padding: 6px 0;margin-top: 20px;margin-left: calc(50% - 50px);}
.news-pro{width: calc((100% - 30px)/3);padding-bottom: 30px;background-color: white;float: left;}
.news-pro:nth-child(2){margin: 0 15px;}
.news-tt3{display: none;}
.news-tt4{display: none;}



@media (max-width: 768px){
	.news-pro:nth-child(3){display: none;}
	.news-pro:nth-child(2){margin: 0; margin-left: 20px;}
	
	.news-pro{width: calc((100% - 20px)/2);float: left;}
}
@media(max-width:530px){
	.news-tt1{display: none;}
	.news-tt2{display: none;font-size:14px;line-height:24px;height:24px; }
	.news-tt3{display: block;font-size:14px;line-height:24px;height:24px;}
	.news-tt4{display: block;}
}
@media(max-width:420px){
	.news-tt1{line-height: 18px;height:36px}
	.news-pro{padding-bottom: 16px;}
	.index-news{padding-bottom: 30px;}
	.news-pro a{border-radius: 4px;width: 60px;padding: 6px 0;margin-top: 20px;margin-left: calc(50% - 30px);font-size: 12px}
}

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