@charset "utf-8";

.he_content {

    width: 80%;

    margin: 0 auto;

}
.he_main, .he_baner {
    position: relative;
    z-index: 1;
    cursor: pointer;
}.he_banslk {
    width: 100%;
}.he_banklm:first-child {
    display: block;
}.he_banklm1 .he_banul {
    position: relative;
}.he_banul {
    width: 100%;
    height: 100vh;
    object-fit: cover;
}.he_banul div {
    width: 100%;
    height: 100%;
}
.he_banste {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) translateY(-15px);
    z-index: 10;
}

.he_contetn {
    width: 80%;
	margin: 0 auto;
	margin: 0 auto;
    padding: 0 20px;
}

.he_conklp {
    width: 54%;
}
.he_bansbi p {
    font-size: 42px;
    line-height: 1.75;
    color: #ffffff;   
	 text-shadow: #124366 1px 1px 0px;
    font-weight: bold;
}.he_conjy p {
    font-size: 20px;
    line-height: 1.75;
    color: #ffffff;    
	text-shadow:#124366 1px 1px 0px;
}

.he_banklm.slick-current .he_bansbi p {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.4s;
}
.he_banklm.slick-current .he_conjy {
    -webkit-animation: fadeInUp 1s ease both;
    animation: fadeInUp 1s ease both;
    animation-delay: 0.4s;
}





.he_banklm.slick-current .he_banmon {

    -webkit-animation: fadeInUp 1s ease both;

    animation: fadeInUp 1s ease both;

    animation-delay: 0.4s;

}






.he_banslk .slick-dots {
    width: 100%;
    right: 0px;
    left: auto;
    bottom:45px;
}

.he_banslk .slick-dots li {
/*
    width: 8px;
    height: 8px;
	   background: #fff;
*/
    border-radius: 50%;
    margin: 0 10px 12px;
 
    opacity: .5;
}.he_banslk .slick-dots li.slick-active {
    opacity: 1;
}
.he_banebh {
    display: inline-block;
}
.he_banebri {
    padding-left: 26px;
}
.he_banebri p {
    font-size: 14px;
    line-height: 94px;
    color: #fff;
}
.he_banebhli {
    cursor: pointer;
    position: relative;
    margin: 0 30px;
}.he_banebhli.act::after {
    width: 100%;
    opacity: 1;
}
.he_banebhli::after {
    content: '';
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 1px;
    background: #fff;
    transition: all 0.36s;
    opacity: 0;
}
.he_baneble p {
    font-size: 14px;
    line-height: 94px;
    color: #fff;
    position: relative;
    font-family: Arial !important;
}
.he_baneble p::after {
    content: '';
    position: absolute;
    top: 32px;
    left: -7px;
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.g_fadein1 {
    -webkit-animation: fadeIn 1s ease both;
    animation: fadeIn 1s ease both;
    animation-delay: 0.3s;
}
.he_ban_modal_t {
    display: none;
}
.he_bansbi {
    overflow: hidden;
    margin-bottom: 10px;
}

.he_banerbt {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
	display: none;
}




/*载入效果*/

.g_fadein1 {

    -webkit-animation: fadeIn 1s ease both;

    animation: fadeIn 1s ease both;

    animation-delay: 0.3s;

}





.g_fadein2 {

    -webkit-animation: fadeIn 1s ease both;

    animation: fadeIn 1s ease both;

    animation-delay: 0.6s;

}



.g_fadein3 {

    -webkit-animation: fadeIn 1s ease both;

    animation: fadeIn 1s ease both;

    animation-delay: 0.9s;

}



.g_fadein4 {

    -webkit-animation: fadeIn 1s ease both;

    animation: fadeIn 1s ease both;

    animation-delay: 1.2s;

}



.g_fadein5 {

    -webkit-animation: fadeIn 1s ease both;

    animation: fadeIn 1s ease both;

    animation-delay: 1.4s;

}



.g_fadeup1 {

    -webkit-animation: fadeInUp 1s ease both;

    animation: fadeInUp 1s ease both;

    animation-delay: 0.4s;

}



.g_fadeup2 {

    -webkit-animation: fadeInUp 1s ease both;

    animation: fadeInUp 1s ease both;

    animation-delay: 0.5s;

}



.g_fadeup3 {

    -webkit-animation: fadeInUp 1s ease both;

    animation: fadeInUp 1s ease both;

    animation-delay: 0.6s;

}



.g_fadeup4 {

    -webkit-animation: fadeInUp 1s ease both;

    animation: fadeInUp 1s ease both;

    animation-delay: 0.7s;

}



.g_fadeup5 {

    -webkit-animation: fadeInUp 1s ease both;

    animation: fadeInUp 1s ease both;

    animation-delay: 0.8s;

}



.g_fadeup6 {

    -webkit-animation: fadeInUp 1s ease both;

    animation: fadeInUp 1s ease both;

    animation-delay: 0.9s;

}



.g_fadeup7 {

    -webkit-animation: fadeInUp 1s ease both;

    animation: fadeInUp 1s ease both;

    animation-delay: 1s;

}



.g_fadedown1 {

    -webkit-animation: fadeInDown 1s ease both;

    animation: fadeInDown 1s ease both;

    animation-delay: 0.4s;

}



.g_fadeleft1 {

    -webkit-animation: fadeInLeft 1s ease both;

    animation: fadeInLeft 1s ease both;

    animation-delay: 0.4s;

}



.g_faderigth1 {

    -webkit-animation: fadeInRight 1s ease both;

    animation: fadeInRight 1s ease both;

    animation-delay: 0.4s;

}



.g_bounceIn {

    -webkit-animation: bounceIn 1s ease both;

    animation: bounceIn 1s ease both;

    animation-delay: 0.4s;

}



.mc_b1s3b1_imglist {

    overflow: hidden;

}
/* 20241.11 */
.bannerDown{
	position: absolute;
	bottom: 46px;
	left: 120px;
	height: 45px;
	line-height: 45px;
	cursor: pointer;
	-webkit-animation: 1.5s downDh infinite linear;
	animation: 1.5s downDh infinite linear;
	z-index: 10;
}
@keyframes downDh{
	0%{
		transform: translateY(0);
		-webkit-transform: translateY(0);
	}
	50%{
		transform: translateY(5px);
		-webkit-transform: translateY(5px);
	}
	100%{
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
	}
}
@-webkit-keyframes downDh{
	0%{
		transform: translateY(0);
		-webkit-transform: translateY(0);
	}
	50%{
		transform: translateY(5px);
		-webkit-transform: translateY(5px);
	}
	100%{
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
	}
}
 .bannerDown .icn{
	font-size: 14px;
	color: #fafcfe;
	text-transform: uppercase;
	position: relative;
}
 .bannerDown .icn:before{
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	left: 60px;
	width: 45px;
	height: 1px;
	background: #ffffff;
}
 .bannerDown span{
	display: inline-block;
	vertical-align: middle;
	height: 45px;
	width: 45px;
	background: url(../images/c1downicn.png) no-repeat center center;
	background-size: cover;
	margin-right: 70px;
	margin-top: -4px;
}

.w60{ width:60%; margin:0 auto}







@media screen and (max-width: 768px){
.he_sybanpc {
    display: none;
}.he_sybanph {
    display: block;
}
.he_banul div {
    width: 100%;
    height: 70vh;
    margin-top: 55px;
}
.he_banul {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bannerDown{ display: none; }
.he_banslk .slick-dots li {
    border-radius: 50%;
    margin: 0 10px 12px;
    opacity: .5;
 
}
.he_banslk .slick-dots li {
    font-size: 0;
    position: relative;
    display: inline-block;
    width: 28px;
    height: 28px;
    margin: 0 6px;
    cursor: pointer;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    vertical-align: middle;
    border-radius: 50%;
    background: url(../images/banner_ol.png) no-repeat;
    /* animation: rotate 10s infinite linear; */
    background-size: 100%;
}
.he_banslk .slick-dots li.slick-active{background: url(../images/banner_ol_a.png) no-repeat;  width: 28px;
    height: 28px;    background-size: 100%;}


.he_contetn {
    width: 100%;
    padding: 0 20px;
}.he_conklp {
    width: 100%;
}
.he_bansbi p {
    font-size: 24px;text-shadow: #707279 1px 1px 0px;
}.he_conjy p {
    font-size: 14px; text-shadow: #707279 1px 1px 0px;
}
.he_banebhli {
    margin: 0 24px;
}.he_baneble p {
    font-size: 12px;
    line-height: 50px;
}.he_baneble p::after {
    top: 13px;
    left: -5px;
    width: 24px;
    height: 24px;
}.he_banebri {
    display: none;
}
.he_banslk .slick-dots {
    width: 100%;
    right: 0px;
    left: auto;
    bottom: 5%;
}	
	}