/*    首页样式 */
    

/*  页面特效*/
	 .secondNamecontentBoxImg {
	opacity: 0;
    transition: all 1s;
    transform: scale(0); 
	 }
	 .row_act {
		opacity: 1;
		  transform: scale(1);
	 }
	 .secondNameLine {
		 transform: translateX(-100%);
		 transition: all 1s;
	 }
	 .secondNameLineText{
		 transform: translate(100%,-50%);
		  opacity: 0;
		 transition: all .5s;
	 } 
	 .FourthNameContentBoxImg:nth-of-type(2n) {
		  transform: translateY(-100%);
		 transition: all 1s;
	 }
	 .FourthNameContentBoxImg:nth-of-type(2n-1){
		  transform: translateY(100%);
		 transition: all 1.5s;
	 }
	 .now_actives {
		 transform: translate(0,-50%);
		 opacity: 1;
	 }
	 .now_active {
		 transform: translate(0,0)!important;
		 opacity: 1;
	 }
	

    html {
        font-size: 12px;
    }
    
    @media screen and (max-width: 768px) {
      
/* 		.firstNameTitleItem1{
			 font-size:25px!important;
			margin-top:0!important;
		}
		.firstNameTitleItem2{
			 font-size:16px!important;
		} */
		  .articleTitleItem1 {
       
        font-size: 25px!important;
     ;
        letter-spacing: 2px!important;
    }
        .secondNamecontentBox {
            width: 92%!important;
        }
        .thirdNameContent {
            width: 95%!important;
        }
        .fisrtCard {
            height: 120px!important;
            
			font-size: 14px!important;
        }
        .firstImg {
            width: 70px!important;
        }
        .secondName {
            margin-top: 20px!important;
        }
        .secondNamecontent {
            margin-top: 15px!important;
        }
        .thirdName {
            padding: 20px 0!important;
        }
        .fifthName {
            margin-bottom: 20px!important;
        }
        .thirdNameContentBoxImgTitle {
           
            font-size: 14px!important;
        }
		.FourthNameTextTitle{
			font-size:14px!important;
			letter-spacing:normal!important;
		}
        .fifthTitle {
            margin-top: 2px!important;
        }
        .fifthNameContentLeft {
            display: none;
        }
		   .fifthNameContent {
      
        margin-top: 15px!important;
    }
        .fifthNameContentRight {
            margin: 0 auto!important;
            padding: 10px!important;
        }
        .fifthNameContentRightTitle {
            font-size: 18px!important;
        }
        .FourthNameContentLeftC>img {
            width: 10px!important;
        }
        .FourthNameContentRightC>img {
            width: 10px!important;
        }
        .FourthNameContentBoxImg>img {
            min-height: 5vh!important;
        }
		.fifthNameContentRightTitle{
			font-size:16px!important;
		}
    }
@media screen and (max-width:400px){
	.fifthNameContentRight {
    
/*     padding: 0px!important; */
}
}
/*     .firstNamebackGroud {
        background-image: url(http://hb.jxctdzkj.com/wp-content/uploads/2021/01/daqi100.jpg);
        background-size: 100% auto;
        background-repeat: no-repeat;
        width: 100%;
        padding-top: 31.578947368%;
        position: relative;
    }
     */
/*     .firstNameTitle {
    
        margin: 0 auto;
        height: 50%;
        position: absolute;
        top: 50%;
    
        transform: translateY(-50%);
        text-align: center;
    } */
    
/*     .firstNameTitleItem1 {
        color: #fff;
        font-size: 35px;
        font-weight: 600;
        display: block;
        letter-spacing: 3px;
        margin-top: 30px;
    }
    
    .firstNameTitleItem2 {
        color: #fff;
        font-size: 20px;
         font-weight: 600; 
        display: block;
        white-space: nowrap;
    } */
    
    .fisrtCard {
        /* margin-top: 10px; */
        box-shadow: -10px 10px 10PX 0px #e9ecef;
        height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 10px;
        cursor: pointer;
		padding:0;
    }
    
    .fisrtCard:hover {
        background-color: #f8f9fa;
    }
    
    .fisrtCardLeft {
        padding: 0 20px;
    }
    
    .fisrtCardRight {
        padding-right: 15px;
		color:#777;
    }
    
    .firstImg {
        width: 100px;
        max-width: none;
    }
    
    .fisrtCardRightItem1 {
        font-size: 20px;
        color: #0b4ea0;
        display: block;
    }
    
    .secondName {
        margin-top: 80px;
    }
    
    .articleTitle {
        width: 100%;
    }
    
    .articleTitleItem1 {
        display: block;
        font-size: 30px;
        font-weight: 600;
        color: #0b4ea0;
        text-align: center;
        letter-spacing: 3px;
    }
    
    .articleTitleItem2 {
        display: block;
        font-size: 20;
        font-weight: 600;
        color: rgba(204, 214, 231, 1);
        text-align: center;
        letter-spacing: 1px;
        margin-top: 5px;
    }
    
    .secondNamecontent {
        margin-top: 20px;
    }
    
    .secondNamecontentBox {
        width: 80%;
        margin: 0 auto;
    }
    
    .secondNamecontentBoxImg {
        padding-left: 0;
        padding-right: 0;
        /* height: 450px; */
        border-radius: 10px;
        padding-bottom: 5px;
        box-shadow:0px 0px 15PX 0px #e9ecef;
        cursor: pointer;
        border: 7px solid transparent;
    }
    
    .secondNamecontentBoxImg>img {
        width: 100%;
    }
    
    .secondNamecontentBoxImgTitle {
        padding: 7px 0;
        color: #4fb2f6;
        font-size: 20px;
        text-align: center;
        /* font-weight: 600; */
        /* padding-bottom: 8px; */
        /* border-bottom: 1px solid #4fb2f6; */
    }
    
    .secondNamecontentBoxImgTitle>span {
        padding-bottom: 8px;
        border-bottom: 1px solid #4fb2f6;
    }
    
    .secondNamecontentBoxImgText {
        /* margin: 0 20px; */
        display: block;
        padding: 0 45px;
    }
    
    .secondNameLine {
        margin-top: 50px;
        width: 100%;
        background-image: url(../image/sline.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        padding-top: 16.45%;
        position: relative;
		background-color:#1b66ba;
    }
    
    .secondNameLineText {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0%;
        line-height: 25px;
        color: #fff;
        font-size: 15px;
        letter-spacing: 2.5px;
    }
    
    @media screen and (max-width:1000px) {
        .secondNameLineText {
            line-height: 25px;
            color: #fff;
            font-size: 14px;
            line-height: normal;
            letter-spacing: 0px;
            overflow: hidden;
            width: auto;
/*             height: 100%; */
        }
		.secondNameLine{
			background-image:none!important;
			padding-top: 20%;
		}
    }
    @media screen and (max-width:600px) {
        .secondNameLineText {
            line-height: normal;
           
            font-size: 12px;
            line-height: normal;
            letter-spacing: 0px;
            overflow: hidden;
            width: auto;
            max-height: 100%;
			
        }
    }
@media screen and (max-width:550px) {
     .secondNameLine {
    margin-top: 50px;
    width: 100%;
    background-image: url(../image/sline.png);
    background-size:cover;
    background-repeat: no-repeat;
    height: 150px;
		 font-size:14px;
    position: relative;
}
    }
     
    .thirdName {
        padding-top: 80px;
        background-color: #f8f9fa;
        padding-bottom: 80px;
			
    }
    
    .thirdNameTitle {
       
        display: flex;
        justify-content: center;
		margin:0 auto;
		 margin-top: 20px;
		width:96%;
    }
    
    .thirdNameTitleItem {
        padding: 5px;
      box-shadow:1px 1px 5px 0px #cfd2d8;
        display: flex;
        margin-right: 12.5px;
        margin-left: 12.5px;
        justify-content: center;
        cursor: pointer;
        text-align: center;
		 color: #555;
            transition: all 0.5s;
            border-radius: 5px
        }
 
 @media screen and (max-width: 768px) {
            .thirdNameTitleItem {
                margin: 0 6px;
            }
	 .FourthNameText{
		 width:92%!important;
		 text-align:left!important;
	 }
	  .fifthNameContent {
        width: 92%!important;
       
    }   
.FourthNameContentBox {
	    width: 92%!important;
}
        }
    /* 		   .thirdNameTitleItem:hover {
          background-color:aqua
        }     */
    
    .thirdNameContentBoxImgTitle {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center;
        height: 20%;
		font-size:18px;
        background-color: rgba(0, 0, 0, 0.5);
        color: #fff;
    }
    
    .thirdNameContentBoxImgTitle::before {
        display: inline-block;
        content: "";
        height: 100%;
        vertical-align: middle;
    }
    
    .thirdNameContent {
        width: 80%;
        margin-top: 30px;
        margin-left: auto;
        margin-right: auto;
    }

    .thirdNameContentBoxImgproductText {
        position: absolute;
        width: 100%;
        height: 81%;
        border-radius: 4px;
        color: #ffffff;
        left: 0;
        top: 25px;
        opacity: 0;
        padding: 20px;
        display: -webkit-box;
        -webkit-line-clamp: 9;
        -webkit-box-orient: vertical;
        overflow: hidden;
        padding: 40px;
    }
    
    .thirdNameContentBoxImgproductText:hover {
        opacity: 1;
    }
    
    .thirdNameContentBoxImg>img {
        width: 100%;
    }
    
    .thirdNameContentBoxImg {
        margin: 0px;
        padding: 0;
        border: 3px solid transparent;
        position: relative;
        cursor: pointer;
    }
    
    .thirdNameContentBoxImg::before {
        /*         background: -moz-linear-gradient(left, #71b100 0%, #0071b0 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, #71b100), color-stop(100%, #0071b0));
        background: -webkit-linear-gradient(left, #71b100 0%, #0071b0 100%);
        background: -o-linear-gradient(left, #71b100 0%, #0071b0 100%);
        background: -ms-linear-gradient(left, #71b100 0%, #0071b0 100%);
        background: linear-gradient(to right, #71b100 0%, #0071b0 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='$theme-color-1', endColorstr='$theme-color-2', GradientType=1); */
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        background-color: rgba(0, 104, 183, 1);
        bottom: 0;
        opacity: 0;
        content: "";
    }
    
    .thirdNameContentRow {
        display: none;
        width: 100%;
    }
    
    .thirdNameContentBoxImg:hover::before {
        opacity: 0.8;
    }
    
    .FourthName {
        background-color: #dbecfc;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    
    .FourthNameText {
        /* margin-top: 50px; */
        text-align: center;
        width: 66.6%;
        margin: auto;
		padding:0;
        margin-top: 10px;
        line-height: 40px;
        letter-spacing: 2px;
    }
.FourthNameTextTitle{
	font-size:16px;
}
    @media screen and (max-width:1100px) {
        .FourthNameText {
            line-height: 25px;
            font-size: 16px;
            line-height: normal;
            letter-spacing: 1px;
        }
    }
    
    .FourthNameContent {
        position: relative;
    }
    
    .FourthNameContentLeftC {
        position: absolute;
        left: 4%;
        top: 50%;
        transform: translateY(-70%);
        cursor: pointer;
		display:none;
    }
    
    .FourthNameContentLeftC>img {
        width: 22px;
    }
    
    .FourthNameContentRightC>img {
        width: 22px;
    }
    
    .FourthNameContentRightC {
        position: absolute;
        right: 4%;
        top: 50%;
        transform: translateY(-70%);
        cursor: pointer;
display:none;
    }
    
    .FourthNameContentBox {
        width: 80%;
        margin: 0 auto;
        margin-top: 20px;
        overflow: hidden;
    }
    
    .FourthNameContentBoxImg {
        margin: 0;
        padding: 0;
        position: relative;
        float: left;
        width: 12.5%;
        cursor: pointer;
    }
    
    .FourthNameContentBoxImg>img {
        width: 100%;
        /*         min-height: 50vh;
        max-height: 70vh; */
    }
    
    .FourthNameContentBoxImg:nth-child(2n) .FourthNameContentBoxImgCover {
        bottom: 0;
    }
    
    .FourthNameContentBoxImgCover {
        position: absolute;
        left: 0;
        height: 15%;
        width: 100%;
		    min-height: 20px;
        font-size: 18px;
        letter-spacing: 1px;
        /* background-color: transparent; */
        background-color: rgba(255, 255, 255, 0.8);
        box-shadow: 10px 10px 15px 0 #cccccc;
        text-align: center;
    }
    
    .FourthNameContentBoxImg:nth-child(2n+1) .FourthNameContentBoxImgCover {
        top: 0;
    }
    
    .slideshow {
        width: 200%;
        /* overflow: hidden; */
        flex-wrap: nowrap;
        margin: 0;
        transform: all 0.8s;
        /* margin-left: 12.5%;
            margin-left: 100px; */
    }
    
    .slideshow::after {
        display: block;
        content: "";
        height: 0;
        clear: both;
    }
    
    @media screen and (max-width:900px) {
        .FourthNameContentBoxImgCover {
            font-size: 12px;
            overflow: hidden;
            letter-spacing: normal;
        }
    }
    
    .FourthNameContentBoxImgCoverItem {
        cursor: pointer;
    }
    
    .FourthNameContentBoxImgCoverItem::before {
        display: inline-block;
        content: "";
        height: 100%;
        vertical-align: middle;
    }
    
    .fifthNameBackGroud {
        padding-top: 21.4%;
        position: relative;
    }
    
    .fifthName {
        width: 100%;
        background-image: url(../image/fifth1.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        padding-top: 1px;
    }
    
    .fifthTitle {
        margin: 0 auto;
        width: 100%;
        margin-top: 40px;
    }
    
    .fifthTitle .articleTitleItem1 {
        color: #fff;
    }
    
    .fifthNameContent {
        width: 80%;
        margin: 0 auto;
        margin-top: 30px;
/* 		    box-shadow: 0px 0px 5px 0 #ccc; */
    }
   
    .fifthNameContentLeft {
        margin: 0;
        padding: 0px;
    }
    
      .fifthNameContentRight {
            background-color: #fff;
            margin: 0;
            /*         padding: 0px; */
            /*         padding: 30px 30px; */
            color: #777;
            flex-direction: column;
            justify-content: space-evenly;
        }
      @media screen and (max-width:992px) {
        .fifthNameContent .row {
/*             align-items: center; */
        }
    }
    .fifthNameContentLeft>img {
        width: 100%;
        height: auto;
    }

    .fifthNameContentRightTitle {
        font-size: 18px;
		text-indent:36px;
		display:block;
		
    }
    
    .fifthNameContentRight img {
        width: 60%;
        vertical-align: middle;
        display: inline-block;
    }
    
    .fifthNameContentRightBox {
		margin:0;
        margin-top: 20px;
		text-align:center;
		padding:0;
		flex:0 0 20%;
		
    }
    
    .fifthNameContentRightBoxBox {
        display: inline-block;
        width: 100%;
        vertical-align: middle;
		padding:0 5px;
    }
    
    .fifthNameContentRightBoxItem1 {
        display: block;
        font-size: 18px;
		
    }
.fifthNameContentRightBoxItem2{
	text-align:left;
	display: block;
}
@media screen and (max-width:992px){
.fifthNameContentRightBox {
    margin-top: 15px;
}	
}    
    .active {
        background-color: #1b66ba;
        color: #fff;
    }
@media screen and (max-width:1200px){
	.thirdNameContentBoxImg::{display:none;}
	.thirdNameContentBoxImgproductText{display:none}
	.thirdNameContentBoxImg::before{display:none;}
}
@media screen and (max-width:576px){
.secondNamecontentBoxImg {
   
   
   
    box-shadow: none;
   
    border:none;
}
}

/* 我们的服务适配1600-1920 */
@media screen and (min-width:1600px) and (max-width:1920px){
.fifthNameContentRightTop {
    width: 90%;
    margin: 0 auto;
}
.fifthNameContentRightBotton{
	width: 90%;
    margin: 0 auto;
	
}
.fifthNameContentRightBox {
   
    padding: 0 15px;
}
.fifthNameContentRightBoxItem1 {
    
   
    padding: 12px 0;
}
}
@media screen and (min-width:1200px) and (max-width:1600px){
	.fifthNameContentRightTop {
    width: 100%;
    margin: 0 auto;
		padding-top:10px;
		padding-bottom:10px;
}
.fifthNameContentRightBotton{
	width: 100%;
    margin: 0 auto;
	padding-bottom:10px;
}
	.fifthNameContentRightBoxItem1{
		padding:3px 0;
	}
	.fifthNameContentRightBox{
		margin-top:0;
	}
	 .fifthNameContentRight img {
        width: 40%;
        
    }
}
@media screen and (min-width:768px) and (max-width:1200px){
	.fifthNameContentRight {
   padding:25px 10px;
		box-shadow:0 0 5px 0 #ccc;
		border-radius:10px;
}
	.fifthNameContentRightBoxItem1 {
  
    font-size: 18px;
}
	.fifthNameContentRight img{
		width:70%;
	}
}
@media screen and (max-width:768px){
	
	.fifthNameContentRightBox{
		    flex: 0 0 50%;
	}
	.fifthNameContentRight {
  
		box-shadow:0 0 5px 0 #ccc;
		border-radius:5px;
}
	.fifthNameContentRight img {
		width:50%;
	}
}