/*banner*/
.z_page_swiper {
	width:100%;
	height:100vh;
	overflow:hidden
}
.z_banner {
	width:100%;
	position:relative;
	overflow:hidden
}
.z_banner:hover .z_wave {
	transform:translate(-50%,0)
}
.z_banner .bd li {
	width:100%;
	height: auto;
	overflow:hidden
}
.z_banner .picBox {
	position:relative;
	overflow:hidden;
	width:100%;
	height: auto;
}
.z_banner .picBox:after {
	content:"";
	width: 50%;
	height:100%;
	left: 0% !important;
	top: 0;
	position:absolute;
	background: linear-gradient(90deg, rgba(11,184,81,0.8) 0%, rgba(0, 0, 0, 0) 100%);
	opacity: 0;
}
.z_banner .picBox .imgbg {
	width:100%;
	height: 0;
	background-size:cover;
	padding-bottom: 48%;
}
.z_banner .p_info_fivebox {
	position:absolute;
	top:52%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:2;
	width:90%;
	max-width:1400px;
	text-align:left
}
.z_banner .p_info_fivebox .yx_En{height: auto;font-size: 30px;display: block;text-stroke: 1px #fff;-webkit-text-stroke: 1px #fff;color: transparent;font-weight: bold;transition:all ease .8s .4s;opacity:0;transform:translateY(40px)}
.z_banner .p_info_fivebox .yx_Title{color:#fff;font-size: 46px;line-height:1.5;font-weight:900;transition:all ease .8s .8s;opacity:0;transform:translateY(40px)}
.z_banner .p_info_fivebox .yx_TitTwo{color:rgb(255 255 255 / 100%);/* font-family:arial; */font-size:18px;line-height:180%;margin-bottom:var(--yx_FS18);transition:all ease .8s 1.2s;opacity:0;transform:translateY(40px)}
.z_banner .p_info_fivebox .p_button{margin-top: 36px;width: 140px;border:2px solid #fff;padding:15px 5px;color:#fff;text-align:center;display:flex;font-size:15px;opacity:0;transform:translateY(100px);transition: all ease .5s 0s;justify-content:space-around;align-items:center}
.z_banner .p_info_fivebox .p_button:hover{background-color:var(--yx_Color);color:#fff;border-color:var(--yx_Color);transition: all ease .5s 0s;}
.z_banner .swiper-slide-active .p_info_fivebox *{opacity:1 !important;transform:translateY(0px) !important}
.z_banner .swiper-slide-active .p_info_fivebox .yx_En{opacity: 0.6!important;}
.z_banner_play{width:180px;height:52px;transition:ease 1s;cursor:pointer;background:var(--yx_Color);border-radius:26px;line-height:52px;padding:0 10px 0 20px;color:#fff;position:absolute;left:50%;top:28.04166vw;transform:translateX(-50%)}
.z_banner_play em{display:inline-block;width:32px;height:32px;transition:ease 1s;background:url(../image/play.png) no-repeat center;background-size:cover;float:right;margin-top:10px}
.z_banner_play:hover em{transform:translateX(-10px)}
.z_banner_play:hover{border-radius:10px;width:140px}
.z_banner_num{position:absolute;left:3vw;bottom:2%;z-index:2;color:#fff;font-family:Humanist521BT}
.z_banner_num .index{font-size:2.08333vw;font-weight:bold}
.z_copy{position:absolute;right:8.33333vw;bottom:2.6vw;z-index:2;color:#fff;font-size:12px}
.z_banner_sb{position:absolute;left:50%;transform:translateX(-50%);bottom:2%;color:#fff;z-index:2;text-align:center}
.z_banner_sb .icon{display:block;margin:0 auto;width:0.32rem;animation:moves 2s linear infinite}

@keyframes moves {
	0% {
		transform: translateY(0px);
	}

	50% {
		transform: translateY(-15px);
	}

	100% {
		transform: translateY(0px);
	}
}

.z_wave{position:absolute;left:50%;transform:translate(-50%) translateY(10vw);bottom:-11vw;z-index:1;transition:ease 2s}
.z_wave .wave,.z_menu_close .wave1,.z_wave .wave2{z-index:-1;position:absolute;width:19vw;height:19vw;background:var(--yx_Color);border-radius:45%;animation:rotate 6s linear infinite}
.z_wave .wave1{background:var(--yx_Color);transform:translate(-20%,0) rotate(0deg);opacity:.8;width:17vw;height:17vw;animation:rotate1 6s linear -4s infinite;border-radius:65%}
.z_wave .wave2{background:var(--yx_Color);transform:translate(20%,0) rotate(0deg);animation:rotate2 8s linear -2s infinite;width:15vw;height:15vw;border-radius:30%}
.z_wave .icon{position:absolute;left:32%;bottom:24%;z-index:2}

@keyframes rotate {
	50% {
		border-radius: 38%;
		transform: rotate(180deg);
	}

	100% {
		border-radius: 45%;
		transform: rotate(360deg);
	}
}

@keyframes rotate1 {
	50% {
		border-radius: 38%;
		transform: translate(-30%, 8%) rotate(180deg);
	}

	100% {
		border-radius: 45%;
		transform: translate(-20%, 0%) rotate(360deg);
	}
}

@keyframes rotate2 {
	50% {
		transform: translate(30%, 8%) rotate(180deg);
	}

	100% {
		transform: translate(20%, 0%) rotate(360deg);
	}
}

.z_banner .btn{position:absolute;cursor:pointer;width:40px;line-height:40px;padding:15px 0;text-align:center;bottom: 20px;/* transform:translateY(-50%);*/writing-mode:vertical-rl;writing-mode:tb-rl;color:#fff;z-index:2;text-transform:uppercase}
.z_banner .btn::before{content:"";display:block;height:100%;width:0;position:absolute;left:50%;top:0;z-index:-1;border-radius:20px;transition:ease .4s;background:var(--yx_Color)}
.z_banner .prev{left:40px}
.z_banner .next{right:40px}
.z_banner .btn em{display:inline-block;width:2px;height:50px;background:#FFFFFF;margin:0 auto;margin-bottom:10px}
.z_banner .btn:hover::before{width:100%;left:0}

/*end*/
.yx_InOneBox{background: #f5f5f5;background-size:cover;background-attachment:fixed}
.yx_InOne{position:relative;padding: 80px 0 80px;}
.yx_InOne .g_item .yx_icon{display:block;width:var(--yx_FS72);height:var(--yx_FS72);border-radius:50%;background:var(--yx_Color);font-size:var(--yx_FS28);text-align:center;color:#fff;margin-bottom:var(--yx_FS42);line-height:var(--yx_FS72)}
.yx_InOne .g_num{font-size:var(--yx_FS54);letter-spacing:-1px;color:#222;font-weight:900;line-height:100%}
.yx_InOne .g_unit{font-size:var(--yx_FS16);color:#222;font-weight:bold}
.yx_InOne .g_t1{margin-bottom:8px}
.yx_InOne .g_t2{font-size:var(--yx_FS16);color:#222}
.yx_InOne .g_item{width:50%}
.yx_InOne .g_box{padding:3vw 0;position:relative;z-index:2}
.yx_InOne .yx_IOSearch{width:32%;transform:translateY(-50%);padding:3vw 0 3vw 5%}
.yx_InOne h4{font-size:var(--yx_FS24);color:#fff;line-height:180%}
.yx_InOne h6{font-size:var(--yx_FS16);color:#fff}
.yx_IOCBox{width:45%;position:relative;z-index:2;margin-top: 20px;/* margin-bottom: 20px; */}
.yx_IOImg{width:50%;position:relative;height: auto;}
.yx_IOImg img{width: 100%;height:auto;object-fit:contain}
.yx_IOImg .btn{width:1.6rem;position:absolute;top:35%;left:77%;transform:translate(-50%);z-index:2;cursor:pointer}
.yx_IOImg .btn img{width:100%;animation:rotate 10s linear infinite;transition:ease 1s}
.yx_IOImg .btn:hover img{animation-play-state:paused}
.yx_InOne .yx_IOMore{position:absolute;top:60%;left:-68px;z-index:2;animation:yx_Bottom 3s linear infinite !important}
.yx_InOne .yx_IOMore a{line-height:normal;border-radius:50%;display:flex;position:relative;background:var(--yx_Color);width:10vw;height:10vw;max-width:140px;box-shadow:var(--yx_Color) 0px 7px var(--yx_FS42) 0px;max-height:140px;align-items:center;justify-content:center;transition:all 0.6s}
.yx_InOne .yx_IOMore a::before{content:'';display:block;position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;background:var(--yx_Color);transition:all 0.6s;transform:translate(-50%,-50%)}
.yx_InOne .yx_IOMore a span{color:#fff;text-align:center;position:relative;z-index:2;font-size:var(--yx_FS16)}
.yx_InOne .yx_IOMore a .yx_icon{font-size:var(--yx_FS22);margin:0 auto var(--yx_FS14);display:block}
.yx_InOne .yx_IOMore a:hover{transform:scale(0.9)}
.yx_InOne .yx_IOMore a:hover:before{width:130%;height:130%;opacity:0.5}
.yx_InTitBox h3{line-height: var(--yx_FS36);font-size: var(--yx_FS24);color:var(--yx_Color);position:relative;font-weight:bold !important}
.yx_InTitBox h4{line-height: 1.2;font-size: 38px;font-weight: bold!important;color:var(--yx_CTwo);position:relative;text-align: center;}
.yx_InTitBox P{font-size: 16px;color: #666;margin-top: 15px;text-align: center;}
.yx_InTitBox .aboutbt1{line-height: 1.2;font-size: 38px;font-weight: bold!important;color:var(--yx_CTwo);position:relative;text-align: left;}
.yx_InTitBox .aboutbt2{font-size: 30px;color: #666;margin-top: 15px;}
.yx_IOContent{margin-top: 20px;}
.yx_IOContent h4{font-size:var(--yx_FS36) !important;color:#4a4a4a}
.yx_IOContent em{width:100%;display:block;height:1px;background:rgba(0,0,0,0.1);margin:14px 0 0.24rem}
.yx_IOContent p{font-size: 16px;line-height: 2.2;color: #333;margin-bottom: 20px;}
.yx_InTitBox .dot .d2{background:var(--yx_Color);opacity:0.3;animation:dot2 2s linear infinite}
.yx_SearchOne{width:100%;display:flex;align-items:center;position:relative;margin-top:var(--yx_FS36);border-bottom:1px solid #fff}
.yx_SearchOne .con{width:calc(100% - 48px);border:none;background:transparent;line-height:200%;padding:10px 0;font-size:var(--yx_F16);color:#fff}
.yx_SearchOne::-webkit-input-placeholder{/*Webkit browsers*/font-size:var(--yx_F16);color:#fff}
.yx_SearchOne:-moz-placeholder{/*Mozilla Firefox 4 to 8*/font-size:var(--yx_F16);color:#fff}
.yx_SearchOne::moz-placeholder{/*Mozilla Firefox 19+*/font-size:var(--yx_F16);color:#fff}
.yx_SearchOne:-ms-input-placeholder{/*Internet Explorer 10+*/font-size:var(--yx_F16);color:#fff}
.yx_SearchOne .end{width:48px;text-align:center}
.yx_SearchOne .yx_icon{color:#Fff;font-size:var(--yx_FS24)}



@media only screen and (max-width: 1024px) and (min-width:769px) {
	.yx_InOne.g_box {
		padding: 6vw 0;
	}
}

@media only screen and (max-width: 768px) {
	.yx_InOne.numBox{width:calc(100% - 0.36rem)}
	.yx_InOne.g_num{font-size:28px}
}


/**/
.yx_InMore{margin: 40px auto 0;display:block;width: 160px;line-height: 52px;height: 52px;text-align:center;border:2px solid #dcdcdc;font-size:14px;color:#666;padding-right: 0.2rem;border-radius: 30px;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear}
.yx_InMore:before{content:'';width:25%;height:2px;background:#dcdcdc;display:inline-block;vertical-align:middle;margin:-2px 20px 0 0;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;transition:all 0.5s linear}
.yx_InMore:hover{color:#fff;background-color:var(--yx_Color);border-color:var(--yx_Color);box-shadow:rgba(100,100,111,0.2) 0px 7px 29px 0px}
.yx_InMore:hover::before{background-color:#fff}
.yx_InTwo{background:rgba(247,247,247,1)}
.yx_BIN_Tit{width:calc(100% - 200px)}
.yx_BIN_Tit .yx_BIN_EN{-webkit-text-stroke:1px #eee;font-size:7.5vw;font-weight:bold;text-transform:uppercase;color:#f7f7f7;position:absolute;left:-5%;line-height:80%;top:0}
.yx_BIN_Tit p{font-size:var(--yx_FS18);color:var(--yx_Color);line-height:260%;position:relative;z-index:2;text-transform:capitalize}
.yx_BIN_Tit h3 span{font-size:var(--yx_FS48) !important;font-weight:bold;color:#333333;position:relative;z-index:2}
.yx_BIN_Tit{position:relative;padding-top:var(--yx_FS36)}

.yx_InTwoPro{margin-top:var(--yx_FS60)}
.yx_InTwo .yx_InTitBox h3{color:#fff}
.yx_InTwo .yx_IOContent *{color:#fff}
.yx_InTwo .yx_IOContent p{margin:8px 0 var(--yx_FS24);color:rgba(255,255,255,0.68)}
.yx_InTwo .yx_W,.index_news .yx_W{width:95%;margin-left:auto;margin-right:0px;max-width:1770px}
.yx_InTwo .yx_InTitBox .dot em{background-color:#fff}
.yx_InTwo .yx_ITBack{position:absolute;width:100%;height:70%;content:'';display:block;background:url(../image/in_bg3.jpg) right center;background-attachment:fixed;background-size:cover}
.yx_InTwoPro .yx_ITPList{background-color:#fff;width:100%;position:relative;cursor:pointer;transition:all 0.6s;box-shadow:rgba(0,0,0,.04) 0 3px 5px}
.yx_InTwoPro .yx_ITPList:hover{box-shadow:rgba(100,100,111,0.2) 0px 7px 29px 0px}
.yx_InTwoPro .yx_ITPList:hover .yx_ImgCover img{transform:scale(1.1)}
.yx_InTwoPro .yx_ImgCover{width:100%;padding-bottom:120%;width:100%;display:block}
.yx_InTwoPro .yx_ImgCover:before{content:"";display:block;width:100%;height:100%;background:url(../image/bg5.png) no-repeat center;background-size:cover;position:absolute;left:0;top:0;opacity:0;transition:ease 1s;z-index:1;pointer-events:none}
.yx_InTwoPro .yx_ITPList:hover .yx_ImgCover::before{opacity:.9}
.yx_InTwoPro .yx_ITPList:hover .yx_Tit{bottom:var(--yx_FS48)}
.yx_InTwoPro .yx_ITPList:hover .yx_icon{background-color:var(--yx_Color);color:#fff;transform:rotate(45deg)}
.yx_InTwoPro .yx_Tit{width:calc(100% - var(--yx_FS24)*2);transition:all 0.6s;margin:0 auto;position:absolute;z-index:2;bottom:var(--yx_FS24);left:var(--yx_FS24)}
.yx_InTwoPro .yx_Tit .yx_Title{font-size:0.24rem;color:#fff}
.yx_InTwoPro .yx_Tit .yx_Summary{font-size:var(--yx_FS16);color:#fff;margin-top:10px;opacity:0.6}
.yx_InTwoPro .yx_icon{width:0.54rem;z-index:2;height:0.54rem;border-radius:50%;background-color:#fff;font-size:0.24rem;position:absolute;right:var(--yx_FS24);top:var(--yx_FS24);display:flex;color:var(--yx_Color);align-items:center;justify-content:center;transition:all 0.6s}
.yx_ITHCon{margin:var(--yx_FS48) auto var(--yx_FS60);max-width:1300px;text-align:center}
.yx_ITHCon p{font-size:var(--yx_FS16);line-height:220%;color:#666}
.yx_InThree:after{content:'';display:block;width:100%;height:100%;background:url(../image/jkdjkjfkdj.jpg) center top no-repeat;background-size:cover;position:absolute;bottom:-30%;z-index:-1;opacity:0.65}
.yx_InThree .yx_InMore{background-color:var(--yx_Color)}
.yx_InThree .yx_InMore *{color:#fff}
.yx_InThree .big_data{width:1200px;margin:var(--yx_FS72) auto var(--yx_FS36)}
.yx_InFour{background:url(../image/4ec65f43fb3.jpg) center center;background-attachment:fixed;padding:var(--yx_FS72) 0}
.yx_InFour h2{font-size:var(--yx_FS36);color:#fff;line-height:180%}
.yx_InFour h6{color:#fff;font-size:var(--yx_FS16);margin-top:12px}
.yx_InFour>.yx_InT{width:calc(100% - 200px)}
.yx_InFour .yx_InMore{background-color:rgba(0,0,0,0.35);line-height:var(--yx_FS60);display:flex;align-items:center;justify-content:space-between;transition:all 0.6s;height:var(--yx_FS60);color:#fff;border-color:transparent;padding:0 0.36rem}
.yx_InFour .yx_InMore .yx_icon{color:#fff}
.yx_InFour .yx_InMore:hover{background-color:var(--yx_Color);color:#fff}
.yx_InTYs .yx_ProBox{background:#000;margin-top:var(--yx_FS60)}
.yx_InTYs .yx_Img{position:relative;height:75vh;max-height:780px;transition:all 0.6s;width:100%;overflow:hidden;background:#000}
.yx_InTYs .yx_Img img{position:absolute;left:0px;height:100%;width:100%;object-fit:cover;transition:all 0.6s;opacity:0.25}
.yx_InTYs .yx_NTC_LeftBox{position:absolute;height:30%;width:100%;overflow:hidden;z-index:5;left:0px;bottom:0px;transition:all 0.6s;opacity:0}
.yx_InTYs .yx_PageChild{display:inline-flex;align-items:center;border:1px solid transparent;max-height:0px;overflow:hidden;width:0px;transition:all 0.6s;margin:var(--yx_FS30) 0 var(--yx_FS16)}
.yx_InTYs .yx_ProTwo{color:#fff;transition:all 0.6s;text-align:center;position:relative;display:inline-block;padding:var(--yx_FS24) var(--yx_FS36)}
.yx_InTYs .yx_ProTwo .yx_iconfont{font-size:var(--yx_FS30);color:#fff;transition:all 0.6s}
.yx_InTYs .yx_ProTwo .yx_PT_Tit{font-size:14px;color:rgba(255,255,255,0.7);padding-top:var(--yx_FS14);transition:all 0.6s}
.yx_InTYs .yx_ProTwo:hover{background:#fff}
.yx_InTYs .yx_ProTwo:hover .yx_iconfont{color:var(--yx_Color)}
.yx_InTYs .yx_ProTwo:hover .yx_PT_Tit{color:#999}
.yx_InTYs .yx_N{font-size:6vw;font-weight:bold;color:#fff;opacity:0.2}
.yx_InTYs .yx_PList{border-radius:4px;width:20%;position:relative;transition:all 0.6s}
.yx_InTYs .yx_Img:before{content:'';display:block;width:100%;height:100%;background:var(--yx_Color);position:absolute;left:0px;top:0px;opacity:0}
.yx_InTYs .yx_ConBox{padding:0 0% var(--yx_FS48);top:0px;left:0px;width:100%;height:100%;position:absolute;text-align:center;transition:all 0.6s;z-index:8}
.yx_InTYs .yx_Icon{font-size:var(--yx_FS36);color:#fff}
.yx_InTYs .yx_Title{font-size:var(--yx_FS18);color:#fff;line-height:200%;margin:var(--yx_FS24) 0 var(--yx_FS18)}
.yx_InTYs .yx_Sum{font-size:var(--yx_FS14);line-height:220%;color:rgba(255,255,255,0.7);display:-webkit-box;width:80%;overflow:hidden;-webkit-line-clamp:4;-webkit-box-orient:vertical;text-overflow:ellipsis;text-align:center;margin:0 auto}
.yx_InTYs .cateSlink{display:block;width:var(--yx_FS48);height:var(--yx_FS48);line-height:calc(var(--yx_FS42) - 4px);text-align:center;color:#fff;background:var(--yx_Color);border-radius:var(--yx_FS48);font-size:var(--yx_FS18);position:relative;border:2px solid var(--yx_Color);transition:all 0.6s;margin:var(--yx_FS72) auto 0}
.yx_InTYs .cateSlink span{display:inline-block;position:absolute;font-size:14px;opacity:0;top:50%;left:50%;transform:translate(-50%,-50%);transition:all 0.6s;width:100px;text-align:center}
.yx_InTYs .cateSlink em{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all 0.6s}
.yx_InTYs .yx_NTC_LeftBox>div{width:100%;height:100%;position:relative}
.yx_InTYs canvas{width:100px;height:100px;position:absolute}


@media only screen and (min-width: 769px) {
	.yx_InTYs .yx_PActive{width:40%}
	.yx_InTYs .yx_PActive .yx_NTC_LeftBox{opacity:0.3}
	.yx_InTYs .yx_PActive .yx_PageChild{border-color:rgba(255,255,255,0.4) !important;max-height:none;width:auto}
	.yx_InTYs .yx_PActive .yx_Img img{width:100%;opacity:0.1;mix-blend-mode:multiply}
	.yx_InTYs .yx_PActive .yx_Img:before{width:100%;opacity:0.8}
	.yx_InTYs .yx_PActive .yx_Img:before{width:100%;opacity:1}
	.yx_InTYs .yx_PActive .yx_ConBox{padding:0 10%;text-align:left}
	.yx_InTYs .yx_PActive .yx_N{font-weight:normal;font-size:var(--yx_FS22);opacity:1;margin-bottom:var(--yx_FS42)}
	.yx_InTYs .yx_PActive .yx_Title{font-size:var(--yx_FS22)}
	.yx_InTYs .yx_PActive .yx_Sum{color:#fff;line-height:220%;max-width:80%;margin:0;max-height:none;-webkit-line-clamp:2;text-align:left !important}
	.yx_InTYs .yx_PActive .cateSlink{width:140px;border-color:var(--yx_CTwo);color:#fff;background:var(--yx_CTwo);margin-left:0}
	.yx_InTYs .yx_PActive .cateSlink span{opacity:1}
	.yx_InTYs .yx_PActive .cateSlink em{opacity:0;transform:translateX(-100px)}
}

@media only screen and (max-width: 768px) {
	.yx_InTYs .yx_flex{flex-wrap:Wrap}
	.yx_InTYs .yx_PList{width:100%;margin-bottom:var(--yx_FS22)}
	.yx_InTYs .yx_Img{height:80vw}
}

.yx_InThree{background:url("../image/bg6.jpg") center center no-repeat;background-size:contain}
.yx_InThree .yx_Width{padding:0.3rem 0}
.yx_InThree .yx_CaseTit{margin:var(--yx_FS72) 0 0;width:80%}
.yx_InThree .yx_CaseLeft{width:49%;padding:var(--yx_FS22) 0;background-color:#f5f5f5;font-size:var(--yx_FS18);display:flex;align-items:center;justify-content:space-around;color:#2a2a2a;transition:all 0.6s;margin:10px 0}
.yx_InThree .yx_CaseLeft.yx_Active{background-color:var(--yx_Color);color:#fff}
.yx_InThree .yx_CaseLeft.yx_Active .yx_icon{color:#fff;transform:rotate(45deg)}
.yx_InThree .yx_CaseLeft .yx_icon{font-size:var(--yx_FS18);color:#4a4a4a;transition:all 0.6s}
.yx_InThree .yx_InCImgBox{width:45%;position:relative}
.yx_InThree .yx_InCImg .yx_ImgCover{width:80%;display:block;margin:0 0 0 auto;padding-bottom:80%;border-radius:50%;box-shadow:rgba(17,12,46,0.15) 0px 48px 100px 0px}
.yx_InThree .yx_InCImg{position:absolute;width:100%;transform:translateX(100px);opacity:0;transition:all 0.6s}
.yx_InThree .yx_InCImg.yx_Active{opacity:1 !important;transform:translateX(0) !important}
.yx_InThree .yx_InCase{width:40%;padding:0.6rem 0 0}
.yx_InThree .yx_InCImgBox .dotBox{width:100%;position:absolute}
.yx_InThree .yx_InCImgBox .dot{width:80%;height:0;margin:0 auto;padding-bottom:80%;position:relative}
.yx_CImgCon{position:relative}
.yx_InThree .yx_InCImgBox .dot em{display:inline-block;width:100%;height:100%;position:absolute;border-radius:50%}
.yx_InThree .yx_InCImgBox .dot .d1{background:var(--yx_Color);animation:dot1 4s linear infinite}

/*honor*/
.index_honor{padding: 20px 0 70px;background: #f5f6f7;border-top: 1px solid #efefef;}
.index_honor .honorSwiper{overflow: hidden;width:94%;max-width:1400px;margin: 0 auto;padding-bottom: 40px;}
.index_honor .swiper-wrapper{}
.index_honor .swiper-slide{}
.index_honor .swiper-slide img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;width: 100%;padding: 10px;box-sizing: border-box;background: #efefef;}
.index_honor .swiper-slide img:hover{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray;}
.index_honor .swiper-pagination{text-align: center;padding-left: 20px;bottom: 0;}
.index_honor .swiper-pagination span{width: 8px;height: 8px;background: #0bb851;opacity: .2;}
.index_honor .swiper-pagination span.swiper-pagination-bullet-active{opacity: 1;}
.index_honor .yx_flexAE{width: 100%;text-align: center;}
.index_honor .yx_InTitBox{display: block;width: 100%;}
.index_honor .yx_InTitBox P{margin-top: 10px;color: #333;font-size: 15px;}

/*culture*/
.index_culture{padding: 80px 0;}
.index_culture .yx_flexAE{width: 100%;text-align: center;}
.index_culture .yx_InTitBox{display: block;width: 100%;}
.index_culture .yx_InTitBox P{margin-top:10px;}
.index_culture .yx_Width{}
.index_culturerow{width: 94%;max-width: 1400px;margin: 30px auto 0;}
.index_culturerow ul{display:flex;justify-content: space-between;}
.index_culturerow ul li{width: 24%;height:400px;margin-left:20px;transition: all 0.5s;position: relative;}
.index_culturerow ul li:nth-child(1){margin-left:0px;}
.index_culturerow>ul>li.active {width: 52%!important;}
.index_culturerow ul li:hover{width:16%}
.index_culturerow .txt{width:100%;height:100%;color:#fff;padding:40px 30px;position:absolute;left:0;top:0;z-index:5;box-sizing:border-box}
.index_culturerow .icon{width:50px;height:50px}
.index_culturerow .t{display:block;margin-top:30px;font-size:18px;line-height:1.2;font-weight:normal}
.index_culturerow .common_txt{visibility:hidden;font-weight:lighter;color:#fff;min-width:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;opacity:0;-webkit-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px);-webkit-transition:all 0.5s;transition:all 0.5s;font-size:16px;margin-top:30px;line-height:1.6}
.index_culturerow>ul>li.active .common_txt{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY();transform:translateY(0);visibility:visible}
.index_culturerow .common_txt p{}
.index_culturerow .img{width:100%;height:100%;overflow:hidden}
.index_culturerow .img:before{content:'';width:100%;height:100%;background:#000;left:0;top:0;position:absolute;opacity: 0.4;}
.index_culturerow>ul>li.active .img:before{background: linear-gradient(145deg, #003259, rgba(19, 110, 181, 0.8), rgba(26, 30, 79, 0.3));opacity:0.8}
.index_culturerow .img img{width:100%;height:100%;object-fit:cover}

.index_advantage{padding: 80px 0;background: #f5f6f7;}
.index_advantage .yx_flexAE{width: 100%;text-align: center;}
.index_advantage .yx_InTitBox{display: block;width: 100%;}
.index_advantage .yx_InTitBox P{margin-top:10px;}
.index_advantagerow{width: 94%;max-width: 1400px;margin: 30px auto 0;}
.index_advantagerow ul{display:flex;justify-content: space-between;flex-wrap: wrap;}
.index_advantagerow ul li{flex:0 0 33.33%;text-align: center;padding: 70px 50px;box-sizing: border-box;transition: all .3s;}
.index_advantagerow ul li:nth-child(1),.index_advantagerow ul li:nth-child(2){border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;}
.index_advantagerow ul li:nth-child(3){border-bottom:1px solid #e5e5e5;}
.index_advantagerow ul li:nth-child(4),.index_advantagerow ul li:nth-child(5){border-right:1px solid #e5e5e5;}
.index_advantagerow ul li:hover{box-shadow:0 0px 10px rgba(0, 0, 0, 0.1)}
.index_advantagerow .title{}
.index_advantagerow .title .counter{font-weight: bold;font-size: 40px;color: #0bb851;margin-right:10px}
.index_advantagerow .summary{margin-top:10px;}

/*Product*/
.index_Product{padding: 80px 0 50px;background: #fff;}
.index_Product .yx_InTitBox P{margin-top:10px;text-align: center;}
.index_Productrow{width: 94%;max-width: 1400px;margin: 30px auto 0;overflow: hidden;}
.cpSwiper{}
.cpSwiper .controls {margin-top: 30px;max-width: 1600px;}
.cpSwiper .button{cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.cpSwiper .button path{-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s}
.cpSwiper .button:hover path{stroke:var(--yx_Color);opacity:1}
.cpSwiper .yx_Page{margin:0 0.36rem;transform:translateY(-2px)}
.cpSwiper .yx_Page span{display:inline-block;transition:ease .6s;width:8px;height:8px;background:#CCCCCC;border-radius:50%;cursor:pointer;outline:none;margin:0 13px;opacity:1;position:relative}
.cpSwiper .yx_Page span:before{content:"";display:block;opacity:0;z-index:1;pointer-events:none;cursor:pointer;width:24px;height:24px;box-sizing:border-box;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:all 0.6s ease 0s;border-width:2px;border-style:solid;border-color:var(--yx_Color);border-image:initial;border-radius:50%}
.cpSwiper .yx_Page span.swiper-pagination-bullet-active{background:var(--yx_Color) !important}
.cpSwiper .yx_Page span.swiper-pagination-bullet-active::before{opacity:1 !important}
.index_Productrow ul{display:flex;justify-content: space-between;flex-wrap: wrap;}
.index_Productrow ul li{flex: 0 0 calc(33.33% - 15px);text-align: center;/* padding: 80px 50px; */box-sizing: border-box;transition: all .3s;margin-bottom: 25px;position: relative;border: 1px solid #e5e5e5;}
.index_Productrow .img{position: relative;padding-bottom: 75%;height: 0;overflow:hidden;}
.index_Productrow .img img{position: absolute;width: 95%;height: 95%;object-fit: cover;transition:all .5s ease;left: 50%!important;top: 50%!important;-webkit-transform: translate(-50%,-50%)!important;-ms-transform: translate(-50%,-50%)!important;transform: translate(-50%,-50%)!important;}
.index_Productrow .txt{position: relative;bottom:0;width:100%;left:0;padding: 25px 20px 20px;text-align: left;box-sizing: border-box;background: #f5f5f5;font-size: 16px;}
.index_Productrow .title{color: #333;font-size: 18px;font-weight: bold;margin-bottom: 10px;}
.index_Productrow .summary{font-size: 14px;line-height: 1.6;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 45px;color: #666;}
.index_Productrow a:hover .title{color:#0bb851}
.index_Productrow ul li:hover img{width: 100%;height: 100%;}
.index_Productrow .swiper-slide:hover .txt{background:#0bb851;border-color:#0bb851;}
.index_Productrow .swiper-slide:hover a{color:#FFF;}

.index_case{padding:80px 0 60px;background: #f5f5f5;color:#fff;background-size:cover;position:relative;background-attachment:fixed}
.index_caserow{/* display:flex; */position:relative;justify-content:space-between;flex-wrap:wrap;justify-content:space-between;width:94%;max-width: 1400px;margin: 30px auto 0;}
.index_caserow_left{width: 100%;}
.index_caserow_left li{display: none;}
.index_caserow_left li.on{display: block;}
.index_caserow_left li a{}
.index_caserow_left li .img{height: 0;padding-bottom: 50%;position:relative;display:block;overflow: hidden;}
.index_caserow_left li .img img{width:100%;height:100%;object-fit:cover;transition:all .5s ease;left:50% !important;top:50% !important;-webkit-transform:translate(-50%,-50%) !important;-ms-transform:translate(-50%,-50%) !important;transform:translate(-50%,-50%) !important;position:absolute}
.index_caserow_right{position: absolute;top: 0;right: 0;width: 30%;height: 100%;z-index: 2;}
.index_caserow_right li{transition:all .3s ease;list-style:none;text-align: left;position:relative;overflow:hidden;display: flex;align-items: center;padding: 20px;height: calc((100% - 8px) / 5);box-sizing: border-box;margin-top: 2px;background: rgba(51, 51, 51, 0.75);}
.index_caserow_right li:nth-child(1){margin-top:0;}
.index_caserow_right li.on{background: rgba(11,184,81,0.8);}
.index_caserow_right li .img{height: 0;padding-bottom: 28%;position:relative;display:block;overflow: hidden;flex: 0 0 40%;}
.index_caserow_right li .img img{width:100%;height:100%;object-fit:cover;transition:all .5s ease;left:50% !important;top:50% !important;-webkit-transform:translate(-50%,-50%) !important;-ms-transform:translate(-50%,-50%) !important;transform:translate(-50%,-50%) !important;position:absolute}
.index_caserow_right li .title{transition:all .5s ease;text-align: left;display:block;line-height:1.5;z-index:9;width:100%;box-sizing: border-box;padding-left: 20px;}

/*shili*/
.index_shili{padding:80px 0;background:url(../image/s0.jpg) no-repeat center;position:relative;background-attachment:fixed;background-size:cover}
.index_shili h4,.index_shili p{color:#fff}
.index_shili:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#0bb851;opacity:0.8}
.index_shilirow{display:flex;flex-wrap:wrap;margin-top:30px;justify-content:space-between}
.index_shilirow .list{flex:0 0 calc((100% / 3) - 30px);padding:30px;background:#fff;box-sizing:border-box}
.index_shilirow .list .img{}
.index_shilirow .list .img img{max-width:100%}
.index_shilirow .list .txt{}
.index_shilirow .list .title{font-size:18px;font-weight:bold;margin-top:20px}
.index_shilirow .list .summary{margin-top:10px;line-height:1.6;font-size:15px}
.index_news{padding:80px 0 60px}
.index_newsrow{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:40px}
.index_newsrow .item{flex:0 0 calc(50% - 10px);background:#f5f5f5;padding:20px;box-sizing:border-box;margin-bottom:20px;display:flex}
.index_newsrow .item .yx_ImgCover{flex:0 0 25%;padding-bottom:15%}
.index_newsrow .item .yx_ImgCover img{}
.index_newsrow .item  .txt{padding-left:20px}
.index_newsrow .item  .txt .yx_Title{color:#333;font-size:16px;margin-bottom:10px;margin-top:5px}
.index_newsrow .item:hover .txt .yx_Title{color:#0bb851}
.index_newsrow .item  .txt .yx_Summary{color:#666;font-size:14px;line-height:1.6}









@media only screen and (max-width: 1380px){
    .z_banner .p_info_fivebox .yx_Title{font-size:42px;}
	.big_data>div .top .counter{font-size:24px;}
	.index_advantagerow .title .counter{font-size:32px;}
	.index_advantagerow ul li{padding: 50px 50px;}
	.yx_IOCBox{margin-top:10px;}
	.big_data{margin-top:25px;padding-top:25px;}
	.index_header .box .nav .item>p a{line-height:80px;font-size: 15px;}
	.index_header .box .logo a img{height: 50px;}
	.index_header .box .nav .item{padding:0 15px}
	.yx_IOContent p{font-size:15px;line-height:1.8;}
	.index_news .box .banner .swiper-slide {flex: 0 0 calc(25% - 20px);width: calc(25% - 20px);	}
	.p74{padding-top:50px;}
	.index_news{padding-bottom:20px;}
	.index_case{padding:40px 0 40px;}
	.index_Product{padding:60px 0 30px;}
	.yx_InOne{padding:60px 0;}
	.yx_InTitBox h4{font-size: 34px;}
}