/*公共*/
.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:27.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 22px;}



/*banner*/
.index-banner-swiper { height:100vh;}
.index-banner-item .img .pic { background-size: 100% 100vh; }
.index-banner-item .img .pic img { height:100vh;}

/*产品*/

.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 50px; width:100%;
    background: #fff; overflow:hidden;
}



.ipart01 .top {
    position: relative; width:90%; margin:0px auto; padding-bottom:10px;
}

.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%
}


.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/home-bg-1.png) no-repeat center top; background-size:100% 100%;}
.index-media-news { padding:8% 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 #434343;
	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:15px;
	}
.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:16px;
	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:#969696;
	line-height:30px;
	font-size:16px;
	margin-top:10px; margin-left:0
	}
.botlxfs{
	overflow:hidden;
	margin-left:68px; margin-top:30px
	}
.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
}
.botlxfs p{
	width:100%;
	overflow:hidden;
	color:#fff;
	font-size:18px;
	line-height:30px;
	margin-top:10px;font-family:  'MonR'
	}
.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 #434343; 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:#969696;font-size:16px
	}
.bot .botnr .botlf span,.bot .botnr .botrt span{
	color:#969696; font-size:16px
	}	
	
	
.bot .botnr .botrt{
	text-align:right;
	}
/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:850px){  

.index-banner-swiper { height:60vh;}
.index-banner-item .img .pic { background-size: 100% 60vh; }
.index-banner-item .img .pic img { height:60vh;}


}