/*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:100vh; */
	/* max-height: 1080px; */
	overflow:hidden
}
.z_banner .picBox {
	position:relative;
	overflow:hidden;
	width:100%;
	height: auto;
	/* max-height: 1080px; */
}

.z_banner .picBox .imgbg {
	width:100%;
	height: 0;
	padding-bottom: 51.85%;
	/* max-height: 100%; */
	background-size:cover
}
.z_banner .p_info_fivebox {
	position:absolute;
	top: 58%;
	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{opacity:0;transform: translateY(50px);transition: all ease .8s 1.5s;width: 140px;display: inline-block;}
.z_banner .p_info_fivebox .p_button span{margin-top: 0;width: 110px;border: 2px solid #fff;padding: 10px 5px;color:#fff;text-align:center;display: block;font-size:15px;text-align: center;}
.z_banner .p_info_fivebox .p_button:hover span{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: 30px;line-height: 30px;padding: 0;text-align:center;top: 50%;margin-top: -15px;/* transform:translateY(-50%);*//* writing-mode:vertical-rl; *//* writing-mode:tb-rl; */color: rgba(255,255,255,0.8);z-index:2;text-transform:uppercase;display: flex;align-items: center;justify-content: center;font-size: 13px;}
.z_banner .btn::before{content:"";display:block;height:100%;width: 100%;position:absolute;left: 0;top:0;z-index:-1;border-radius:20px;transition:ease .4s;background: rgba(0,0,0,0.3);opacity: 0.8;}
.z_banner .prev{left: 10px;}
.z_banner .next{right: 10px;}
.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;background: var(--yx_Color);}

/*end*/
.yx_InOneBox{background: #f5f6f7;background-size:cover;background-attachment:fixed}
.yx_InOne{position:relative;padding: 80px 0 60px;}
.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 video{width: 100%;height:auto;object-fit:contain}
.yx_IOImg .mapdian{position: absolute;width: 100%;height: 100%;top: 0;}
.yx_IOImg .area-box{position: absolute;}
.yx_IOImg .area-box:after{content:'';position:absolute;width: 20px;height: 28px;background: url(../image/map.png) no-repeat center;top: -32px;left: -7px;background-size: contain;}
.yx_IOImg .area-box .dot{position: absolute;left: 0;width: 6px;height: 6px;border-radius: 50%;opacity: 1;background: #ffffff;}
.yx_IOImg .area-box .ddn{position: absolute;color: #fff;width: 100px;text-align: center;left: -50px;top: 6px;font-size: 14px;}
.yx_IOImg .area-box .pulse{position: absolute;border-radius: 50%;opacity: 0.3;-webkit-animation: warn 2s ease-out both;animation: warn 2s ease-out both;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;background: rgba(255,255,255,0.6);top: -38px;left: -37px;height: 80px;width: 80px;box-shadow: 0 0 15px #fff;}
.yx_IOImg .area-box .delay-06 {animation-delay: 2s;}
.yx_IOImg .area-box .delay-05 {animation-delay: 1.6s;}
.yx_IOImg .area-box .delay-04 {animation-delay: 1.2s;}
.yx_IOImg .postition-1{left: 54.5%;top: 37%;}
.yx_IOImg .postition-2{left: 47%;top: 42%;}
.yx_IOImg .postition-3{left: 53%;top: 59%;}
.yx_IOImg .postition-4{left: 61%;top: 48%;}
.yx_IOImg .titleDesc{margin-top:0!important;display:none!important;}
.yx_IOImg .bz{position: absolute;color: #fff;width: 100%;text-align: center;bottom: 30px;}
@keyframes warn {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}

.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: 1.5;font-size: 18px;color:var(--yx_CTwo);position:relative;font-family: 'MiSans', 'PingFang SC ', sans-serif;padding-left: 15px;}
.yx_InTitBox h3:before{content:'';position:absolute;left: 0;top: 2px;width: 4px;height: 22px;background: #e90b09;}
.yx_InTitBox P{font-size:var(--yx_FS14);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: 15px;line-height: 1.8;color: #333;margin-bottom:0.12rem}
.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{display:block;width: 180px;line-height: 30px;height: 30px;text-align: right;font-size:14px;color:#666;padding-right: 0;-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: var(--yx_Color);/* box-shadow:rgba(100,100,111,0.2) 0px 7px 29px 0px; */}
.yx_InMore:hover::before{background-color: #015c94;}
.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)}

@media only screen and (max-width: 768px) {
	
}
.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}
.index_news .yx_BIN_EN{color:#fff;-webkit-text-stroke:1px #f5f5f5}
.controls{margin-top: 30px;max-width:1600px}
.index_news .prog{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;width:90%}
.index_news .progressbar{position:relative;height:7px;background:url(../image/bg1.png) repeat-x;width:100%}
.index_news .progressbar .swiper-scrollbar-drag{border-radius:0;background:var(--yx_Color);background-size:100% 100%;cursor:pointer;transition:all 0.6s}
.index_news .progressbar .swiper-scrollbar-drag:hover,.index_news .progressbar .swiper-scrollbar-drag:active{background-color:var(--yx_Color) !important}
.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}
.button path{-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s}
.button:hover path{stroke:var(--yx_Color);opacity:1}
.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)}
.index_news{background-size:cover;background-color: #fff;background-attachment:fixed;padding-bottom: 40px;}
.index_news .new_Width{overflow:hidden;padding-bottom: 40px;}
.index_news .box .banner .swiper-container{padding:0;overflow:visible !important}
.index_news .box .banner .swiper-slide .item{display:block;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;background-color:#fff;padding: 25px;border:1px solid #eee;position:relative}
.index_news .box .banner .swiper-slide .item:after{content:'';display:block;width:0px;left:50%;transition:all 0.6s;transform:translateX(-50%);bottom:0px;height:3px;background:var(--yx_Color);position:absolute}
.index_news .box .banner .swiper-slide .item:hover:after{width:100%}
.index_news .box .banner .swiper-slide .item .yx_Year{display:block;font-size: 36px;line-height:100%;font-weight:bold;color:#fff;transition:all 0.6s}
.index_news .box .banner .swiper-slide .item .yx_Time{font-size: 12px;color:#fff;position:absolute;transition:all 0.6s;z-index:2;top:0;background:var(--yx_CTwo);padding: 15px;border-radius:0;right:-1px}
.index_news .box .banner .swiper-slide:hover .item .yx_Time{background-color:var(--yx_Color)}
.index_news .box .banner .swiper-slide .item .yx_ImgCover{overflow:hidden;padding-bottom:65%}
.index_news .box .banner .swiper-slide .item .yx_ImgCover img{width:100%;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s}
.index_news .box .banner .swiper-slide .item .content2{font-size:0.16rem;color:var(--yx_Color)}
.index_news .box .banner .swiper-slide .item .content3{font-weight:500;font-size: 16px;line-height:0.35rem;margin-top: 10px;color:#000;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s}
.index_news .box .banner .swiper-slide .item .content4{font-size: 14px;line-height: 1.6;color:#999;margin: 5px 0 0;}
.index_news .box .banner .swiper-slide .item .yx_flex{margin: 15px 0 0;color:var(--yx_CTwo);position:relative;font-size: 14px;transition:all 0.6s}
.index_news .box .banner .swiper-slide .item .yx_flex span{display:inline-block;line-height:180%;border-bottom:1px solid #ccc}
.index_news .box .banner .swiper-slide .item .yx_flex .yx_icon{width:28px;height:28px;background-color:var(--yx_Color);color:#fff;line-height:28px;text-align:center;transition:all 0.6s;margin-left:0.3rem}
.index_news .box .banner .swiper-slide .item:hover .yx_flex::before{width:100%}
.index_news .box .banner .swiper-slide .item:hover .yx_icon{transform:rotate(45deg)}
.index_news .box .banner .swiper-slide .item:hover{-webkit-box-shadow:0px 0px 12px #eee;box-shadow:rgba(100,100,111,0.1) 0px 7px 0.2rem 0px}
.index_news .box .banner .swiper-slide .item:hover .yx_ImgCover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.index_news .box .banner .swiper-slide .item:hover .yx_Title{color:var(--yx_Color)}
.index_news .box .controls{margin-top:0.54rem;max-width:1700px}
.index_news .box .controls .prog{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;width:90%}
.index_news .box .controls .progressbar{position:relative;height:7px;background:url(../image/bg1.png) repeat-x;width:100%}
.index_news .box .controls .progressbar .swiper-scrollbar-drag{border-radius:0;background:rgba(0,0,0,0.2);background-size:100% 100%;cursor:pointer;transition:all 0.6s}
.index_news .box .controls .progressbar .swiper-scrollbar-drag:hover,.index_news .box .controls .progressbar .swiper-scrollbar-drag:active{background-color:var(--yx_Color) !important}
.index_news .box .controls .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}
.index_news .box .controls .button path{-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s}
.index_news .box .controls .button:hover path{stroke:var(--yx_Color);opacity:1}
.yx_Page{margin: 0 20px;transform:translateY(-2px)}
.yx_Page span{display:inline-block;transition:ease .6s;width:8px;height:8px;background:#CCCCCC;border-radius:50%;cursor:pointer;outline:none;margin: 0 8px;opacity:1;position:relative}
.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%}
.yx_Page span.swiper-pagination-bullet-active{background:var(--yx_Color) !important}
.yx_Page span.swiper-pagination-bullet-active::before{opacity:1 !important}
.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: #e90b09;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: #e90b09;margin-right:10px}
.index_advantagerow .summary{margin-top:10px;}

/*Product*/
.index_Product{padding: 0 0 40px;background: #fff;}
.index_Product .yx_InTitBox P{margin-top:10px;}
.index_Productrow{width: 100%;max-width: 1400px;margin: 20px auto 0;display:flex;justify-content: space-between;flex-wrap: wrap;}
.index_Productrow .left{flex: 0 0 40%;display:flex;justify-content: space-between;}
.index_Productrow .right{flex: 0 0 60%;display:flex;flex-wrap:wrap;justify-content: space-between;padding-left: 20px;box-sizing: border-box;}
.index_Productrow .left .list{border-radius:6px;overflow:hidden;flex: 1;text-align: center;box-sizing: border-box;transition: all .3s;position: relative;margin-bottom: 10px;}
.index_Productrow .left .list:nth-child(2) .txt{background: radial-gradient(ellipse, rgba(233, 11, 9, 0.75), rgba(233, 11, 9, 0.6));}
.index_Productrow .left .list a{height:100%;display: block;height: auto;}
.index_Productrow .img{position: relative;height: 183px;overflow:hidden;}
.index_Productrow .img img{position: absolute;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;}
.index_Productrow .left .txt{position: absolute;bottom:0;width:100%;height: 100%;padding: 20px;display: flex;align-items: center;justify-content: center;box-sizing: border-box;background: rgba(1,92,148,0.8);flex-wrap: wrap;}
.index_Productrow .right .list a{height:100%;display: block;height: auto;}
.index_Productrow .right .list{overflow: hidden;flex: 0 0 calc(50% - 5px);text-align: center;box-sizing: border-box;transition: all .3s;position: relative;height: auto;line-height: normal;background: #eee;padding: 10px;margin-bottom: 10px;border-radius: 5px;}

.index_Productrow .left .title{color:#fff;font-size: 18px;flex: 0 0 100%;font-weight: bold;}
.index_Productrow .left .title span{color:#fff;font-size: 17px;display: block;margin-top: 6px;font-weight: bold;}
.index_Productrow .right .title{font-size: 14px;line-height: 34px;text-align: left;padding-left: 20px;position: relative;}
.index_Productrow .right .title:before {content: '';left: 4px;position: absolute;top: 15px;width: 5px;height: 5px;background: #bbb;border-radius: 50%;}
.index_Productrow .right .title span{font-size:18px}
.index_Productrow .list:hover img{width: 110%;height: 110%;}
.index_Productrow .right a:hover .title{color:#015c94}

@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;}
}

@media screen and (max-width:992px) {
    .yx_InTitBox h3{font-size:16px;}
	.index_Productrow .left{flex:0 0 100%}
	.index_Productrow .right{flex:0 0 100%;padding:0}
	.index_kqpx .cont .list .img{padding-bottom:60%}
	.index_kqpx .cont .list .img .bt{padding:10px;font-size: 14px;}
	.index_Productrow .right .list{padding:5px;}
	.index_kqpx .cont .list{flex:0 0 calc(33.3% - 10px)}
	.index_kqpx .cont .list .title{padding-left:0}
	.index_kqpx .cont .list .title:before{display:none;}
	.index_kqpx,.index_dldz,.index_service,.index_bm,.index_news{padding-bottom: 10px;}
	.index_dldzrow .list{flex:0 0 100%;margin-bottom: 10px;}
	.index_dldzrow .list .txt{padding:20px;}
	.index_dldzrow .list .title{font-size: 16px;}
	.index_dldzrow .list .title span{font-size: 14px;}
	.index_servicerow ul li{flex: 0 0 calc((100% / 3) - 5px);margin-bottom:10px;padding: 10px;}
	.index_servicerow ul li .title{font-size: 15px;}
	.index_bmrow .left{flex:0 0 100%;margin-bottom: 10px;}
	.index_bmrow .right{flex:0 0 100%;padding: 10px!important;}
	.index_xlbm .message-row:nth-child(2), .index_xlbm .message-row:nth-child(3), .index_xlbm .message-row:nth-child(4) {flex: 0 0 calc(33.3% - 5px);}
	.index_xlbm .message-row .text,.index_xlbm .message-row .yzm input{height: 36px;}
	.index_newscont .list{flex:0 0 100%;margin-bottom: 10px;}
	.index_footer .box .boxTop{padding:0}
	.index_footer .boxBot .left{margin-top:10px;}
}