/*公共*/
.div-content { width:90%; max-width:1500px}
.jcd-title .title-2 { letter-spacing:0px;}
.jcd-title .entitle-1 { display:none}


/*导航*/
.header-content { height:90px;}
.header-logo { max-width:17.8%;}
/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:1650px){ 
}
.no-touch .header .header-nav ul li { width:11%;}
.header-nav-item{ width:8%;}
.header-nav-mshow { width:200px;}
.header-nav ul a.nav span{ line-height:90px;}
.header-center { left:63%;}
.header-nav ul a.nav { padding:0px 28px;}



/*banner*/
.index-banner-swiper { height:100vh;}
.index-banner-item .img .pic { background-size: 100% 100vh; }
.index-banner-item .img .pic img { height:100vh;}





.youshi {
    width: 100%;
    margin: 0 auto;
    padding-top: 7%;
    padding-bottom: 7%;
    
    background-size: 90%;
    background-repeat: no-repeat;
}

.product_title {
	margin-bottom:30px;
	display:flex;
	flex-direction:column;
	align-items:center
}.product_title .common_title {
    text-align: center;
}.product_title .common_title .fnt_16 {
    color: #7f7f7f;font-size:19px; font-family:Arial, Helvetica, sans-serif; line-height:2; text-transform:uppercase
}.product_title .common_title .fnt_52 {
    color: #222; 
}
.common_title div {
    line-height: 1;
}.common_title .fnt_52:after {
    content: ""; margin:0 auto;
    display: block;
    margin-top: 22px;
    width: 60px;
    height: 2px;
    background: #0270b8;
}
.storage-container {
    width: 100%;
}.row {
    display: flex;
    flex-wrap: wrap;
    zoom: 1;
    margin: 0;
    overflow: hidden; width:94%; max-width:1500px; margin:0 auto;
}.storage-container .row > div {
    border-radius: 10px;
}.row .e-col-xl-4 {
    width: 33.33333333%;
   
    overflow: hidden;
    min-height: 1px;
    padding: 30px 20px;
    margin-top: 20px;flex:1
} .storage-container .row > div .box {
    background-color: #f6f6f6;
    padding-bottom: 0px;
    border-radius: 10px;
    overflow: hidden;
    height: 100%; box-shadow: 4px 4px 25px rgba(0,0,0,.2); 
}
.storage-container .row > div .box .e-lazy {
    overflow: hidden;
    border-radius: 10px 10px 0 0; overflow:hidden
}
.storage-container .row > div .box:hover  img{ transition:all 0.4s;transform: scale(1.1)}

.storage-container .row > div .box:hover  a{ color: #39ac49; margin-left: 3%}
.storage-container .row > div .box:hover h3  a{ color: #000; margin-left: 3%; font-weight: bold!important}
.storage-container .row > div .box:hover  p{ color: #333!important; margin-left: 3%;transition:all 0.4s;}




 .storage-container .row > div .box .e-lazy img {
    width: 100%;
    border-radius: 10px 0 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: block;
}.e-lazy img {
   
    display: block;
    width: 100%;
}.storage-container .row > div .box .e-lazy::after {
    padding-top: 2.25%;
}
.e-lazy:after {
    padding-top:15%;
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    content: '';
}
 .storage-container .row > div .box .stor-con h3 a, .storage-container .row > div .box .stor-con h3 p {
    
    line-height: 1.58; font-weight:normal; margin-bottom: 10px
}
 .storage-container .row > div .box .stor-con .ptxt {
   
    line-height: 1.95;
    margin-bottom: 20px; color:#666; margin-top: 12px
} .storage-container .row > div .box .stor-con {
    padding: 43px 50px 35px;
} .storage-container .row > div .box .stor-con .e-btn-box {
    position: absolute;
    bottom: 50px;
}

.e-xh-btn a {
    padding: 11px 28px;
    display: inline-block;
    border: 1px solid #059343;
    background-color: transparent;
    color: #059343;
    border-radius: 50px;
    margin: 20px 10px 0 0;
}
.e-xh-btn a span {
    position: relative;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 16px;
    line-height: 1.5 !important;
}.e-xh-btn a:hover {
    border: 1px solid #059343;
    background-color: #059343;
    color: #fff;
}
.storage-container .row > div .box .e-lazy img {
    width: 100%;
    border-radius: 10px 0 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: block;
}




/*产品*/

.ipart01 .swiper-button-prev,.ipart01 .swiper-container-rtl .swiper-button-next { left:45.5%; top:-10%;}
.ipart01 .swiper-button-next,.ipart01 .swiper-container-rtl .swiper-button-prev { right:45.5%; top:-10%;}
.ipart01 .swiper-button-prev:after,.ipart01 .swiper-container-rtl .swiper-button-next:after { font-size:16px;}
.ipart01 .swiper-button-next:after,.ipart01 .swiper-container-rtl .swiper-button-prev:after { font-size:16px;}
.ipart01 .swiper-button-prev:hover, .ipart01 .swiper-button-next:hover { background:#d6000f; border: 3px solid #d6000f}
.ipart01 .swiper-button-next:hover, .ipart01 .swiper-button-prev:hover { background:#d6000f; border: 3px solid #d6000f }
.ipart01 .swiper-button-prev, .ipart01 .swiper-button-next{ border-radius:0px; 

    width: calc(var(--swiper-navigation-size) / 44* 45);



}

.ipart01 .swiper-container-aa { overflow:hidden;}
.ipart01 {
    padding: 20px 0 130px; width:100%;
    background:url("../images/bg2.jpg") no-repeat center bottom; overflow:hidden; 
}



.ipart01 .top {
    position: relative; width:90%; margin:0px auto; padding-bottom:20px;
}

.ipart01 .top .common_words {
    width: 100%; text-align:center; margin-top:90px
}

.ipart01 .common_words .tit {
    width: 100%;
}

.ipart01 .top .words {
   
    width: 100%; text-align:center!important; margin-top:2%; color: #686868
}


.common_words .con {
    color: #086791;
    font-size: 22px;
    line-height: 30px; 
}

.common_words .con .right1 {
    font-family: Arial;
}

.common_words .con em {
    padding: 0 20px;
}

.common_words .con .left {
    font-weight: bold; color:#d6000f;
}

.common_words .tit {
  
    line-height: 50px;
    color: #111;
    font-weight: bold;
    margin-top: 10px;
}

.ipart01 .content {
   width:100%; margin:0px auto;  margin-top:30px; overflow:;
}
.ipart01 .content ul { padding:0px; position:relative; width:100%;}

.ipart01 .content li {
    float: left;
    width:100%;
    margin-right: 1.84%;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 0px 25.92px 1.08px rgba(63, 63, 63, 0.17);
    transition: all .3s ease;
}

.ipart01 .content li:last-child {
    margin-right: 0;
}

.ipart01 .content li .rect-tu { width:100%; background:url(../images/666a454608a5e.jpg) no-repeat center top; background-size:100%
    
}.ipart01 .content li .rect-tu img { width:100%; padding-bottom:7%
    
}

.ipart01 .content li .cover_box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ipart01 .content li .cover_box .title_box {
    position: absolute;
    bottom: 35px;
    left: 0;
    width: 100%;
    padding: 0 40px;
    z-index: 20;
}
@font-face {font-family:  'MonR';src: url('../fonts/AvenirLTStd-Light.otf');font-weight: normal;font-style: normal;}  
.ipart01 .content li .cover_box .title_box .tit {
  
    line-height: 36px;
    color: #222;
  
    transition: all .3s ease .1s;font-family:  'MonR'; font-weight:bold
}

.ipart01 .content li .cover_box .title_box .con {
    font-size: 16px;
    line-height: 30px;
    color: #5d5d5d;
    font-family: Arial;
    transition: all .3s ease .1s;
}

.ipart01 .content li .cover_box .cover_bott {
    bottom: 0;
    height: 128px;
    left: 0;
    width: 100%;
    position: absolute;
    background: #fff;
    z-index: 2;
    transition: all .2s ease;
}

.ipart01 .content li .cover_box .cover_all {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(6, 98, 149, 0.8);
    transition: all .6s ease;
}

.ipart01 .content li .cover_box .cover_img {
    position: absolute;
    bottom: 100%;
    background: url(../images/ipart01_cover_jb.png) no-repeat left/cover;
    left: 0;
    width: 100%;
    height: 194px;
    transition: all .5s ease;
}

.ipart01 .content li .cover_box .cover_img.img02 {
    opacity: 0.7;
    transition-delay: 0.2s;
}

.ipart01 .content li .cover_box .cover_img.img03 {
    opacity: 0.5;
    transition-delay: 0.3s;
}

.ipart01 .content li .cover_box .cover_img.img04 {
    opacity: 0.3;
    transition-delay: 0.4s;
}

.ipart01 .content li .cover_box .icon {
    position: absolute;
    left: 48%;
    transform: translate(-50%,0);
    top: 140px;
    opacity: 1;
    visibility: visible;
    transition: all .3s ease;
}

.ipart01 .content li:hover {
    transform: scale(1.08);
}

.ipart01 .content li:hover .cover_box .title_box .tit {
    color: #ffffff;
}

.ipart01 .content li:hover .cover_box .title_box .con {
    color: #ffffff;
}

.ipart01 .content li:hover .cover_box .cover_bott {
    height: 0;
}

.ipart01 .content li:hover .cover_box .cover_all {
    height: 0;
}

.ipart01 .content li:hover .cover_box .cover_img {
    bottom: 0;
}

.ipart01 .content li:hover .cover_box .cover_img.img02 {
    bottom: 25px;
}

.ipart01 .content li:hover .cover_box .cover_img.img03 {
    bottom: 50px;
}

.ipart01 .content li:hover .cover_box .cover_img.img04 {
    bottom: 75px;
}

.ipart01 .content li:hover .cover_box .icon {
    opacity: 0;
    visibility: hidden;
}

.jsoyoushi iframe{ height:100vh}




/*关于我们*/
.index-about-jcd-item .number-1 strong { letter-spacing:0px; font-weight:900;}
.index-about-jcd-left .jcd-title .text-2 {letter-spacing:0px;}
.index-about-jcd-item .right-1  {letter-spacing:0px; }
.index-about-jcd-item .icon-1 { width:60px; height:60px;}

@media all and (max-width:1680px){  

.index-about-jcd-item .icon-1 { width:50px; height:50px;}

}

.index-about-jcd-data { background:#fff}


/*合作伙伴*/
.index-customers-text { right:5%;}
.index-customers-logo-item .img-center {filter: invert(100%) grayscale(100%) brightness(3);}


/*新闻*/

.index-media-news { background:url(../images/bg3.jpg) no-repeat center top; background-size:100% 100%;}
.index-media-news { padding:6% 0px 9%;}



/*底部*/
/*.footer { background:url(../images/footer.jpg) no-repeat center bottom fixed; background-size:100%}
.footer-content { width:90%; max-width:1500px}
.footer-nav li { padding:0px; line-height:30px; color:#999}
.footer-nav li p{color:#999}
.footer-social li a { width:25px; height:25px;}
.footer-logo {width: 80%;}
.ewm { width:100%; margin-top:10px; } 
.ewm .ewm_tu { width:48%;  text-align:center; float:left; margin-right:2%}
.ewm .ewm_tu img { height:auto; margin-top:10px; width:100%}
.ewm .ewm_tu p { width:100%; padding-top:10px; font-size:16px }
.footer-social { display:none;}

*/
/*返回 top*/
.aside-top a { background-color:#018f39;}
    .cont, .cont1 {
        width: 90%; max-width:1500px; margin:0 auto
    }.left {
    float: left;
}.right {
    float: right;
}
/* footer
-------------------------------------------------------------- */
.footer{
	width:100%;
	overflow:hidden;
	position:relative;
	background:url(../images/footer.jpg) no-repeat center top fixed; background-size:cover; 
}
.footernr{
	padding-top:60px;
	padding-bottom:17px;
	}
.footertop{
	width:100%;
	overflow:hidden;
	border-bottom: solid 1px rgb(255,255,255,.3);
	padding-bottom:50px;
	}
.botlogo{
	width:23%;
	overflow:hidden; display:flex;justify-content: space-between 
	}
.botlogo h3,.botlogo p{
	width:100%;
	overflow:hidden;
	}
.botlogo h3{
	font-size:30px;
	line-height:40px;
	color:#fff;
	}
.botlogo p{
	font-family:Arial;
	color:rgba(255,255,255,0.5);
	letter-spacing: 1.6px;
	}
.footernr .botnav{
	width:76%;
	overflow:hidden;
	text-align:right;
	margin-top:25px;
	}
.footernr .botnav ul{
	overflow:hidden;
	display:inline-block;
	}
.footernr .botnav ul li{
	overflow:hidden;
	float:left;
	margin:0 33px;
	font-size:16px;
	color:#fff;
	}
.footernr .botnav ul li:last-child{
	margin-right:0;
	}
.footernr .botnav ul li a{
	font-size:17px;
	color:#fff;
	line-height:30px;
	}
.footernr .botnav ul li a:hover{
	font-weight:bold;
	color:#64b34a;
	}
.footernr .footerbot{
	width:100%;
	overflow:hidden;
	margin-top:78px; margin-bottom:20px
	}
.footernr .footerbot dl{
	overflow:hidden;
	float:left;
	}
.footernr .footerbot dl dt,.footernr .footerbot dl dd{
	overflow:hidden;
	text-align:center;
	}
.footernr .footerbot dl dd{
	color:#fff;
	line-height:30px;
	font-size:17px;
	margin-top:10px; margin-left:0
	}
.botlxfs{
	overflow:hidden;
	margin-left:38px; margin-top:30px; width:12%
	}

.botlxfs:nth-child(2){ width: 16%; }
.botlxfs:nth-child(3){ width: 16%; }
.botlxfs:nth-child(4){ width: 16%; }
.botlxfs:nth-child(5){ width: 23%; }

.botlxfs p{
	width:100%;
	overflow:hidden;
	color:#fff;
	font-size:18px;
	line-height:30px;
	margin-top:10px;font-family:  'MonR'
	}


/*--------------------------------------------------------------------------------------------------------------------------------------550--*/
@media all and (max-width:1440px){  
.botlxfs{
	overflow:hidden;
	margin-left:38px; margin-top:30px; width:11%
	}

.botlxfs:nth-child(2){ width: 17%; }
.botlxfs:nth-child(3){ width: 17%; }
.botlxfs:nth-child(4){ width: 17%; }
.botlxfs:nth-child(5){ width: 18%; }
.botlxfs p {
    width: 100%;
    overflow: hidden;
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    margin-top: 10px;
    font-family: 'MonR';
}	

}

.boticon{
	width:100%;
	overflow:hidden;
	}
.boticon img{
	max-width:100%;
	height:auto; fill:(100%)
	}
.botlxfs h4{
	width:100%;
	overflow:hidden;
	color:rgba(255,255,255,0.8);
	font-size:20px;
	line-height:30px;
	font-weight:normal;
	margin-top:13px;  font-family:  'MonR'
	}
.botlxfs .bottel{
	width:100%;
	overflow:hidden;
	font-size:35px;
	font-family:Arial;
	line-height:40px;
	color:#fff;
	margin-top:10px;
	}
.botlxfs .bottel a{
	font-size:35px;
	color:#fff; font-family:Arial, Helvetica, sans-serif
}

.botly{
	overflow:hidden;
	}
.botly{
	overflow:hidden;
	}
.botly p{
	overflow:hidden;
	font-size:15px;
	color:#fff;
	line-height:30px;
	margin-top:2px;
	}
.bot{
	width:100%;
	overflow:hidden;
	
	}
.bot .botnr{
	padding:34px 0;
	border-top: solid 1px rgb(255,255,255,.3); margin-top:10px
	}
.bot .botnr .botlf,.bot .botnr .botrt{
	overflow:hidden;
	padding:0;
	line-height:30px;
	color:#969696;
	}
.bot .botnr .botlf a,.bot .botnr .botrt a{
	color:#fff;font-size:17px
	}
.bot .botnr .botlf span,.bot .botnr .botrt span{
	color:#fff; font-size:17px
	}	
	
	
.bot .botnr .botrt{
	text-align:right;
	}




/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:1024px){  

.index-banner-swiper { height:60vh;}
.index-banner-item .img .pic { background-size: 100% 60vh; }
.index-banner-item .img .pic img { height:60vh;}
.product_title {
    margin-bottom: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.row .e-col-xl-4 {
    width: 100%;
    overflow: hidden;
    min-height: 1px;
    padding: 30px 20px;
    margin-top: 0px;
    flex: none;
}    .row .e-col-xl-4 {
        width: 100%;
        overflow: hidden;
        min-height: 1px;
        padding: 30px 0px;
        margin-top: 0px;
        flex: none;
    }.storage-container .row > div .box .stor-con {
    padding: 23px 18px 45px;
}
}