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

*{margin: 0;padding: 0;text-decoration: none;list-style: none;box-sizing: border-box;font-family:"微软雅黑",arial;}
.container{margin: 0 auto;max-width: 1230px;}

img{max-width: 100%;display: block;}
h1,h5,h2{font-size: 1em;}
a{display: block;}
.clearfix{clear: both;}

p img{max-width:100%;margin:0 auto; display: inline-block;}
@media(max-width:420px){
  p img{width:100%;}
}

.pd-dt-contecttit{margin-bottom:20px;font-size:20px;color:#333;text-align:center;}

.text-lianjie{clear: both;margin-top: 20px;}
.last-text,.next-text,.return{font-size: 16px; border: 1px solid #026bbc;border-radius: 4px; color: #333;width:240px;;margin-bottom: 4px;padding: 0px 10px;line-height: 30px;height: 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;text-align:center; }


.next-text:hover{background-color:#026bbc;  color: #fff;}
.last-text:hover{background-color:#026bbc;  color: #fff;}
.return:hover{background-color:#026bbc;  color: #fff;}


@media(max-width:768px){
.last-text,.next-text,.return{font-size: 14px;width:180px;}
}
@media(max-width:530px){
.last-text,.next-text,.return{font-size: 12px;width:160px;}
}


/*******logo*******/
.index-logo{padding: 5px;background-color:#f4f4f4;}
.logo{float: left;}
.logo img{width:auto;}

.index-tel{float: right;margin-top: 25px;}
.index-tel a{float: left;margin-right: 5px;font-size: 13px;}

.logo1{display: none;}

@media(max-width:992px){
	
	.logo{width: 300px;}
	.logo img{width:100%;}
	.index-tel{margin-top: 14px;}
	.index-tel a{font-size: 12px;}
	
}


@media(max-width:768px){
	.index-tel{display: none;}
	.logo{width:60%;}
	
	
}

@media(max-width:530px){
	.logo{display: block;}
	.logo1{float: left; display:none;width: 40px;}
	.index-tel-no div:nth-child(1){font-size: 16px;}
	.index-tel-no div img{max-width: 20px;}
	
}
@media(max-width:420px){
	
	.index-tel-no div img{display: none;}
	.index-tel-no div:nth-child(1){font-size: 12px;}
	
}

/*******导航*******/
.index-nav{width: 100%;background-color: #0657b2;}

.nav{}
.nav a{float: left;text-align: center; color: #fff;line-height: 50px;height: 50px;width:calc(100%/5);border-left: 1px solid #00a8ff;}
.nav a:nth-child(5){border-right: 1px solid #00a8ff;}
.nav-btn{float:right; display: none;margin-top:0 auto;padding: 5px 0;}
.nav-btn{position: relative;display: none;}
.navli{position: absolute;left:0px;top: 50px; padding: 10px 0;text-align: center; display: none;z-index: 999;background-color: rgba(245,161,27,0.8);width: 100%;}
.navli a {color: white; line-height: 30px;height: 30px;font-weight: bold;border-bottom: 1px dashed #fff;}

.nav-a{position: relative; z-index: 999;}


.nav-a:hover .nav-bg{display: block;}

@media(max-width:768px){
	.nav-btn{display: block;}
	.nav{display: none;}
	
	.navli a {font-size: 13px;line-height: 30px;height: 30px;}
}
@media(max-width:530px){
	
	.nav-btn{width:30px;}
	.header-left{display: none;}
	.navli{right:0;}
	.navli a {font-size: 12px;line-height: 20px;height: 20px;}
	
	
	
}
@media(max-width:420px){
	.nav-btn{width: 26px;}
	.navli{top: 46px;}
	.navli a {font-size: 12px;}
	.navli a {font-size: 10px;}
	}


/*************************************************标题*****************************************************/
.index-title{overflow: hidden;margin-bottom: 20px;margin-left:calc(50% - 100px);}
.cu-tt{float: left;}
.a{float: left;font-size: 70px;color: #333;}
.tt-right{float: left;margin-top: 14px;margin-left: 10px}
.guanyu{font-size: 26px;color:  #0657b2;font-weight: bold;}
.about-us{font-size: 24px;color: #333;}


@media(max-width:992px){
	.index-title{margin-left:calc(50% - 80px);}
	.tt-right{margin-top: 20px;}
	.a{font-size: 64px;}	
	.guanyu{font-size: 20px;}
	.about-us{font-size: 18px;}
}

@media(max-width:768px){
	.index-title{margin-bottom: 0px;margin-left:calc(50% - 70px);}
	.tt-right{margin-top: 16px;}
	.a{font-size: 54px;}	
	.guanyu{font-size: 16px;}
	.about-us{font-size: 16px;}
}

@media(max-width:530px){
	.a{font-size: 40px;}	
	.tt-right{margin-top: 10px;}
	.index-title{margin-bottom: 5px;}
	.guanyu{font-size: 14px;}
	.about-us{font-size: 14px;}
}
@media(max-width:420px){
	.a{font-size: 34px;}	
	.tt-right{margin-top: 8px;}
	
	.guanyu{font-size: 12px;}
	.about-us{font-size: 12px;}
}



/*************************************************公司简介*****************************************************/
.index-company{ padding:20px 0px;}
.company-text{position: relative;}
.co-text{position: absolute;right: 0;bottom: 0;float: right;width: 70%;border-bottom: 4px solid #0657b2;box-shadow: 0px -3px 6px #c7c6c6;background-color: #fff;padding: 50px 40px;}
.co-textimg{float: left;width:52%;}

.tt1{font-size: 24px;color: #333;}
.tt2{width: 100px;height: 3px;background-color: #0657b2;margin: 15px 0;}
.tt3{color: #8d8d8d;font-size: 16px;line-height:33px;text-indent: 30px;}


.co-text:hover{border-bottom: 4px solid #ffa800;}
.co-text:hover .tt1{color:#ffa800;}
.co-text:hover .tt2{background-color: #ffa800;}

@media(max-width:1260px){
	
	.co-text{padding: 30px;}
	.tt3{font-size: 14px;line-height:24px;}
	
	
}

@media(max-width:992px){
	
	.co-text{padding: 20px;}
	.tt1{font-size: 20px;}
	.tt2{width: 80px;height: 2px;margin: 10px 0;}
	.tt3{font-size: 12px;line-height:20px;}
	
	.co-textimg{width:56%;}
	
}

@media(max-width:768px){
	
	.co-text{width: 100%;position: static;}
	.co-textimg{display: none;}
	.co-text div:nth-child(4){display: none;}
	.co-text div:nth-child(5){display: block;}
	
}

@media(max-width:530px){
	.index-company{ padding:10px 0px;}
	.co-left{font-size: 16px; }
	.co-right{font-size: 16px; }
	
}

@media(max-width:420px){
	
	.tt1{font-size: 14px;font-weight: bold;}
	.tt2{width: 56px;}
	.co-text div:nth-child(5){display: none;}
}



/*************************************************公司简介-coin*****************************************************/
.index-au-coin{padding: 20px 40px;}
.coin-box1{float: left;width: 25%;}
.coin-box1 div{float: left;}
.coin-box1 div:nth-child(1){width: 80px;height: 80px;background-color:#0657b2;border-radius: 40px;padding: 10px;border: 1px solid #0657b2; }
.coin-box1 div:nth-child(2){display: none;background-color:transparent;width: 80px;height: 80px;border-radius: 40px;padding: 10px;border: 1px solid #0657b2;}
.coin-box1 div:nth-child(3){font-size: 16px;color:#0657b2;line-height: 40px;height: 40px; margin-top: 20px;padding: 0 16%; }

.coin-box1:hover div:nth-child(1){display: none;}
.coin-box1:hover div:nth-child(2){display: block;}


@media(max-width:1260px){
	.coin-box1 div:nth-child(3){padding: 0 8%; }
}

@media(max-width:992px){
	.index-au-coin{padding: 20px 20px;}
	.coin-box1 div:nth-child(1){width: 50px;height: 50px;}
	.coin-box1 div:nth-child(2){width: 50px;height: 50px;}
	.coin-box1 div:nth-child(3){font-size: 14px;margin-top: 5px;padding: 0 14%;}
}

@media(max-width:768px){
	
	.coin-box1{float: left;width:50%;margin-bottom: 20px;}
	.index-au-coin{padding: 20px 30px;}
	.coin-box1 div:nth-child(1){width: 50px;height:50px;}
	.coin-box1 div:nth-child(2){width: 50px;height: 50px;}
	.coin-box1 div:nth-child(3){margin-top: 0px;padding: 0 14%;}
}

@media(max-width:530px){
	.index-au-coin{padding: 20px 10px;}
	.coin-box1 div:nth-child(3){padding: 0 10%;}
}

@media(max-width:420px){
	.coin-box1 div:nth-child(1){width: 30px;height:30px;padding: 5px;}
	.coin-box1 div:nth-child(2){width: 30px;height: 30px;padding: 5px;}
	.coin-box1 div:nth-child(3){font-size: 12px;line-height: 30px;height: 30px; }
}






/*************************************************产品展示*****************************************************/
.index-pro{background: url(/html/template/default/images/pro-bg.png)center center no-repeat;background-size:100% 100%; padding:20px 0px;}
.index-pro-box{float: left;width: calc((100% - 60px) / 4);border: 1px solid #fff;margin-bottom: 20px;margin-right: 20px;}
.container3 a:nth-child(2){margin-right: 20px;}
.container3 a:nth-child(4){margin-right: 0px;}


.index-pro-box div{font-size: 16px;color: #fff;text-align: center;padding: 0 5px;line-height: 40px;height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


.index-pro-box img{
	height: 270px;
}

.index-pro-box:hover{border: 1px solid #ffa800;}

@media(max-width:992px){
	.index-pro-box div{font-size: 14px;}
	
	.index-pro-box img{
		height: 130px;
	}
}

@media(max-width:768px){
	.index-pro-box{width: calc((100% - 20px)/2);}
	.container3 a:nth-child(2){margin-left: 20px;margin-right: 0px;}
	.container3 a:nth-child(4){margin-left: 20px;margin-right: 0px;}
	.container3 a:nth-child(5){margin-left: 0px;margin-right: 20px;}
	
	.index-pro-box img{
		height: 150px;
	}
}

@media(max-width:530px){
	.index-pro-box div{font-size: 12px;line-height: 26px;height: 26px;}
	.index-pro-box{width: calc((100% - 40px)/2);margin-bottom: 10px;}
	.container3 a:nth-child(2){margin-left: 10px;margin-right: 0px;}
	.container3 a:nth-child(4){margin-left: 10px;margin-right: 0px;}
	.container3 a:nth-child(5){margin-left: 0px;margin-right:10px;}
	
	.index-pro-box img{
		height: 130px;
	}
	
}












/*************************************************新闻中心****************************************************/
.index-news{padding:20px 0px;}
.index-news-left{float: left;width: 65%;}
.index-news-right{float: right;width: 30%;}
.index-news-1{border-bottom: 1px dashed #666;padding: 10px 5px;}
.index-nwes-tit div{font-size:18px;line-height: 40px; color: #333;}
.index-news-txt{overflow: hidden;}
.index-news-txt div:nth-child(1){font-size: 16px;color: #666;line-height: 30px;height: 30px;float: left;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;width: 80%;}
.index-news-txt div:nth-child(2){font-size: 16px;color: #999;line-height: 30px;height: 30px;overflow: hidden;float: right;margin-left:5%;width: 15%;}
.id-nw-rt1{padding: 40px 0;margin-bottom: 30px; background: url(/html/template/default/images/news-bg.png) center center no-repeat;background-size: contain;}
.id-nw-rt1 div{font-size: 18px; text-align: center;color: #0657b2;font-weight: bold;text-shadow: 1px 1px 0 #fff;}
.id-nw-ul li{font-size:16px;color: #666;line-height: 30px;}




.index-news-1:hover{background-color: #ffa800;border-bottom: 1px dashed #fff;}
.index-news-1:hover div{color: #fff;}




@media(max-width:1260px){
	.index-news-left{float: left;width: 60%;}
	.index-news-right{float: right;width: 35%;}
}

@media(max-width:992px){
	.index-news-left{clear: left;width: 100%;}
	.index-news-right{clear: right;width: 100%;margin-top: 20px;}
	
}

@media(max-width:768px){
	.index-nwes-tit div{font-size:16px;}
	.index-news-txt div:nth-child(1){font-size: 14px;}
	.index-news-txt div:nth-child(2){font-size: 14px;}
	.id-nw-ul li{font-size:14px;}
}

@media(max-width:530px){
	.index-news{padding:10px 0px;}
	.index-news-1{padding:5px;}
	.index-nwes-tit div{line-height: 30px;}
}

@media(max-width:420px){
	.id-nw-rt1 div{font-size: 15px;}
	.index-nwes-tit div{font-size:14px;}
	.index-news-txt div:nth-child(1){font-size: 12px;}
	.index-news-txt div:nth-child(2){font-size: 12px;}
	.id-nw-ul li{font-size:12px;}
	.id-nw-rt1{margin-bottom: 10px;padding: 20px 0;}
}
	
	

/*************************************************footer****************************************************/
.index-footer{padding:20px 0px;background-color: #0657b2;}
.beian{margin:0 auto;margin-bottom: 10px;margin-left: calc(50% - 20px);} 
.beian1{margin:0 20%;}
.beian img,.beian2 a img{width: auto;}
.beian1,.beian2,.beian3{overflow: hidden;}
.beian1 a{width:20%;text-align: center;float: left;color: #fff;font-size: 16px;line-height: 40px;height: 40px;}
.beian2 a:nth-child(1){font-size: 16px;color: #fff;float: left;width: 20%;margin-left: 28%;}
.beian2 a:nth-child(2){font-size: 16px;width: 20%;margin-right: 22%;}
.beian2 a:nth-child(2),.beian2 a:nth-child(3){float: right;color: #fff;}
.beian2 a:nth-child(3){margin-right: 10px;width:2%;}
.beian3{text-align:center;}
.beian3 a{color: #fff;}
.beian3 a{font-size: 14px;line-height: 30px;height: auto;margin:0 10px;display:inline-block;margin-bottom:0px;}


@media(max-width:1260px){
	.beian1 a{font-size: 14px;}
	.beian2 a:nth-child(1){font-size: 14px;width: 22%;margin-left: 26%;}
	.beian2 a:nth-child(2){font-size: 14px;width: 20%;margin-right: 20%;}
	
	
}

@media(max-width:992px){
	.beian2 a:nth-child(1){width:30%;margin-left: 20%;}
	.beian2 a:nth-child(2){font-size: 14px;width: 20%;margin-right: 20%;}
	
}
@media(max-width:768px){
	.beian1{margin:0;}
	.beian3 a:{line-height: 24px;height: 24px;font-size:12px;}
	.beian3 a:nth-child(3)	{display: none;}
	.beian2 a:nth-child(1){width:50%;margin-left: 0%;}
	.beian2 a:nth-child(2){font-size: 14px;width: 30%;margin-right: 0%;}
}

@media(max-width:530px){
	.index-footer{padding:10px 0px;}
	.beian{display: none;}
	.beian1 a{font-size: 12px;}
	.beian2 a:nth-child(1){width:60%;margin-left: 0%;}
	.beian2 a:nth-child(2){font-size: 14px;width: 40%;margin-right: 0%;}
	.beian2 a:nth-child(3){display: none;}
}

@media(max-width:420px){
	.beian1{display: none;}	
	.beian2 a:nth-child(1){display: none;}	
	.beian2 a:nth-child(2){clear: right;width: 100%;}
}





/*************************************************友情链接****************************************************/
.index-yq{background-color:#054489;padding: 10px;}
.index-yq a{font-size: 14px;color: #fff;float: left;margin-right: 10px;}

@media(max-width:530px){
	.index-yq a{font-size: 12px;}
}









/*************************************************新闻列表页****************************************************/

.pro-in{margin:30px 0;}
.pro-in-left{float: left;width: 25%;}
.pro-in-right{float: right;width: 72%;}
.product-cat{margin-bottom: 10px;}
.product-cat1{margin-bottom: 0px;}
.left-bg{background: url(/html/template/default/images/left-bg.png) left top no-repeat;margin-bottom: 20px;background-size: contain;}
.pt-left-tt1{margin-left: 20px;font-size: 22px;}
.pt-qimaoji{overflow: hidden;background-color: #0657b2;padding: 0 20px;margin-bottom: 20px;}
.pt-qimaoji div img{width: auto;margin: 0 auto;margin-top: 3px;}
.pt-qimaoji div:nth-child(1){float: left;font-size: 18px;line-height: 60px;height: 60px;width: 80%; overflow: hidden;color:#fff;text-overflow: ellipsis;white-space: nowrap;}
.pt-qimaoji div:nth-child(2),.pt-qimaoji div:nth-child(3){width: 20px;height: 20px;border-radius: 20px;background-color: #fff;padding: 2px;float: right;margin-top: 19px;}
.pt-qimaoji div:nth-child(3){display: none;}


.pt-ul li{font-size:16px;color: #666;line-height: 30px;}



.pt-right-tit{overflow: hidden;background-color: #0657b2;padding: 0 20px;margin-bottom: 10px;}
.tit-news-1{font-size: 18px; float: left;color: #fff;line-height: 40px;height: 40px;}
.tit-news-2{float: right;color: #fff;}
.tit-news-2 a{font-size: 16px;display: inline-block;line-height: 40px;height: 40px;color:#fff;}


.pro-buttom{float: right;margin-top: 30px;}
.pro-buttom a{float: left;border: none;padding: 4px;border: 1px solid #333;margin-left: 5px;color: #333;font-size: 12px;background-color: white;}
.pro-buttom a:hover {background-color:#06447f;border: 1px solid #06447f; color: white;}

.pt-qimaoji:hover {background-color: #ffa800;}
.pt-qimaoji:hover div:nth-child(2){display: none;}
.pt-qimaoji:hover div:nth-child(3){display:block;}

@media(max-width:1260px){
	.pt-left-tt1{margin-left: 20px;font-size: 17px;}
	.pt-qimaoji div:nth-child(1){font-size: 16px;line-height: 50px;height: 50px;width: 80%;}
	.pt-qimaoji div:nth-child(2),.pt-qimaoji div:nth-child(3){width: 20px;height: 20px;margin-top: 14px;}
	.product-cat{margin-bottom: 100px;}
	.product-cat1{margin-bottom: 0px;}
}




@media(max-width:992px){
	.pro-in-left{clear: left;width: 100%;margin-bottom: 20px;}
	.pro-in-right{clear: right;width: 100%;}
	.product-cat{margin-bottom: 0;overflow: hidden;}
	.left-bg{display: none;}
	.product-cat1{display: none;}
	.pt-qimaoji{float: left;margin: 0 10px;width: calc((100% - 40px)/2);}
	.pt-qimaoji div:nth-child(1){text-align: center;width: 100%;padding: 0 10px;}
	.pt-qimaoji div:nth-child(2),.pt-qimaoji div:nth-child(3){display: none;}
	.pt-qimaoji:hover div:nth-child(3){display:none;}
	.tit-news-1{font-size: 16px;}
	.tit-news-2 a{font-size: 14px;}
}



@media(max-width:768px){
	.pro-buttom a{font-size: 14px;}
	.pt-qimaoji div:nth-child(1){font-size: 14px;line-height: 36px;height: 36px;}
	
	.tit-news-2{display: none;}
}


@media(max-width:530px){
	.pro-buttom {margin-top: 20px;}
	.pro-buttom a{padding: 2px;font-size: 12px;}
	.pt-qimaoji div:nth-child(1){font-size: 12px;}
	.tit-news-1{font-size: 14px;}
}



/*************************************************产品列表页****************************************************/

.pro-list{overflow: hidden;}
.pro-list a{float: left;margin-right: 20px;border: 1px solid #0657b2;width: calc((100% - 20px)/2);margin-bottom: 20px;}
.pro-list a:nth-child(2n){margin-right: 0;}
.pro-list-box div{font-size: 16px;line-height: 40px;height: 40px;padding: 0 5px;background-color:#0657b2;  overflow: hidden; text-align: center;text-overflow: ellipsis;white-space: nowrap; color: #fff;}

.pro-list img{
	height: auto;
}

.pro-list a:hover{border: 1px solid #ffa800;}
.pro-list-box:hover div{background-color:#ffa800;}

@media(max-width:992px){
	.pro-list-box div{font-size: 14px;}
	
	
	.pro-list img{
		height: 110px;
	}
}

@media(max-width:768px){
	.pro-list-box div{font-size: 13px;}
	.pro-list a{width: calc((100% - 40px)/3);}
	.pro-list a:nth-child(4n){margin-right:20px;}
	.pro-list a:nth-child(3n){margin-right: 0;}
}

@media(max-width:530px){
	.pro-list-box div{font-size: 12px;}
	.pro-list a{width: calc((100% - 20px)/2);}
	.pro-list a:nth-child(4n){margin-right:20px;}
	.pro-list a:nth-child(3n){margin-right: 20px;}
	.pro-list a:nth-child(2n){margin-right: 0;}

}




/*************************************************单页列表页****************************************************/
.pg-dt{padding: 20px;}
.pg-dt div{font-size: 16px;color: #666;line-height: 36px;text-indent: 30px;text-align: justify;}


@media(max-width:768px){
	.pg-dt div{font-size: 14px;}
}

@media(max-width:530px){
	.pg-dt div{font-size: 12px;line-height: 22px;}
}







/*************************************************产品内页****************************************************/
.pd-dt{padding: 20px;}

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



@media (max-width: 1260px){
	.pro-content1{width: 60%;}
	.time{width: 35%;}
}


@media(max-width:992px){
	.pro-content1{width: 65%;}
	.time{width: 30%;}
}


@media (max-width: 768px){
	.pro-tt{font-size: 16px;}
	.ct-1{width: 100%;}
	.pro-ex1 .box11{width: calc((100% - 40px)/2);}
	.pro-title1 a{font-size: 14px;}
	.pro-content1{font-size: 14px;}
	.time{font-size: 14px;}
}


@media (max-width: 530px){
	.pro-ex1 .box11{width: calc((100% - 40px)/2);margin: 0 10px;margin-bottom: 10px;}
	.box-tt{font-size: 12px;}
	.pro-tt{font-size: 14px;}
	.pro-title1 a{font-size: 13px;}
	.pro-content1{font-size: 12px;}
	.time{font-size: 12px;}
	
}

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

























