@charset "UTF-8";
html{
  font-size: 5.208vw;
}
@media screen and  (min-width:1920px){ /*主体宽度*/
  html{
  font-size: 100px;
}
}
@media screen and  (max-width:300px){
  html{
  font-size:100px;
}
}


@-webkit-keyframes h_animation4 {
    70% {
        -webkit-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

@keyframes h_animation4 {
    70% {
        -webkit-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}


#bsWXBox {
    box-sizing: content-box;
}

.clear-float:after {
    content: "";
    display: block;
    clear: both;
}

.auto {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.w1400 {
    width: 1400px;
    margin: 0 auto;
    position: relative;
}

input,
button {
    outline: none;
    border: none;
    background-color: transparent;
}

input[type="checkbox"] {
    vertical-align: -2px;
    margin-right: 4px;
}


/*占位符*/

input::-webkit-input-placeholder {
    color: #958170;
}

input:-moz-placeholder {
    color: #958170;
}

input::-moz-placeholder {
    color: #958170;
}

input:-ms-input-placeholder {
    color: #958170;
}

textarea::-webkit-input-placeholder {
    color: #958170;
}

textarea:-moz-placeholder {
    color: #958170;
}

textarea::-moz-placeholder {
    color: #958170;
}

textarea:-ms-input-placeholder {
    color: #958170;
}


html {
  scrollbar-width: thin;
  scrollbar-color: #EF7D1D #fff;
}
html::-webkit-scrollbar {
  width:8px;
}
html::-webkit-scrollbar-thumb {
  background-color: #EF7D1D;border-radius:8px;
}
html::-moz-scrollbar {
  width:8px; 
}
html::-moz-scrollbar-thumb {
  background-color: #EF7D1D;border-radius:8px;
}	

#index_slider .bd ul {
    overflow: hidden;
}

.lh-cursor {
    width: 0px;
    height: 0px;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    margin: -10px 0 0 -10px;
    z-index: 1200;
    /*mix-blend-mode: difference;*/
}

.lh-cursor.lh-cursor2 {
    width: 0px;
    height: 0px;
    position: absolute;
    left: -12vw;
    top: -90px;
    pointer-events: none;
    margin: -10px 0 0 -10px;
    z-index: 1200;
    /*mix-blend-mode: difference;*/
}

@media (max-width:2350px) {
    .lh-cursor.lh-cursor2 {
        left: -8vw;
    }
}

@media (max-width:2250px) {
    .lh-cursor.lh-cursor2 {
        left: -6vw;
    }
}

@media (max-width:2200px) {
    .lh-cursor.lh-cursor2 {
        left: -4vw;
    }
}

@media (max-width:2000px) {
    .lh-cursor.lh-cursor2 {
        left: -1vw;
    }
}

@media (max-width:1940px) {
    .lh-cursor.lh-cursor2 {
        left: 0vw;
    }
}

.lh-cursor i { display: flex; align-items: center; justify-content:center; flex-direction: column; color: #fff; font-size:16px; line-height: 22px;
    width: 100%;
    height: 100%;
    background: no-repeat center #EF7D1D;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -90%);
    transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    user-select: none;
    pointer-events: none;
	/* box-shadow: 0px 0px 3.46px 0px rgba(239, 125, 29, 0.46),0px 0px 6.91px 0px rgba(239, 125, 29, 0.52),0px 0px 24.19px 0px rgb(239, 125, 29),0px 0px 48.38px 0px rgba(239, 125, 29, 0.27),0px 0px 82.94px 0px rgba(239, 125, 29, 0.4),0px 0px 145.15px 0px rgba(239, 125, 29, 0.68); */
}
.lh-cursor i.on img{
    opacity: 1;
    filter: Alpha(opacity=100);
    -webkit-filter: Alpha(opacity=100);
}
.lh-cursor i img{ width:54%;
    opacity: 0;
    filter: Alpha(opacity=0);
    -webkit-filter: Alpha(opacity=0);
}
.lh-cursor i.on span{
    opacity: 1; display: none;
    filter: Alpha(opacity=100);
    -webkit-filter: Alpha(opacity=100);
}
.lh-cursor i span{
    opacity: 0;
    filter: Alpha(opacity=0);
    -webkit-filter: Alpha(opacity=0);
}

.tan {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: none;
    background: transparent;
}

.tan var {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0;
}

.tan.on var {
    opacity: .5;
}

.tan video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1280px;
    height: 550px;
    object-fit: fill;
    margin-top: 40px;
}

@media (max-width: 767px) {
    #footer {
        zoom: .8;
    }
	#footer1 {
	    zoom: .8;
	}
}




.fanhui{ display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; width: 100%; margin-top: 16px;}
.fanhui .a{display: flex; flex-wrap: wrap; align-items: center; justify-content:center;
position: relative;
width: 32px;
height: 32px;
background: rgb(239, 125, 29);
border-radius:50%; overflow: hidden;
box-shadow: 0px 0px 3.46px 0px rgba(239, 125, 29, 0.46),0px 0px 6.91px 0px rgba(239, 125, 29, 0.52),0px 0px 24.19px 0px rgb(239, 125, 29),0px 0px 48.38px 0px rgba(239, 125, 29, 0.27),0px 0px 82.94px 0px rgba(239, 125, 29, 0.4),0px 0px 145.15px 0px rgba(239, 125, 29, 0.68);
}
.fanhui .a img{ width:20px; height: 20px;}
.fanhui .a:hover{
background: rgb(220, 110, 18);
}
@media screen and (max-width:1024px) {
.fanhui{ height:1px; position: relative; margin:0;}	
.fanhui .a{ position: absolute; right:-5px; bottom: 0;
box-shadow: 0px 0px 2px 0px rgba(239, 125, 29, 0.46),0px 0px 3px 0px rgba(239, 125, 29, 0.52),0px 0px 12px 0px rgb(239, 125, 29),0px 0px 24px 0px rgba(239, 125, 29, 0.27),0px 0px 41px 0px rgba(239, 125, 29, 0.4),0px 0px 72px 0px rgba(239, 125, 29, 0.68);
}
.bomFooter .Le{ padding:0 35px;}
}

.hei50{ min-height:60vh;}
.hei89{ display: block; width: 100%; margin-top:89px;}
@media screen and (max-width:1024px) {
.hei89{ margin-top:60px;}	
}
.job1{ width: 100%;
    margin: 0 auto;
    /* max-width: 1920px; */
    padding:24px 56px 0 56px; }
@media screen and (max-width:1024px) {
.job1{padding:15px 15px;}	
}

.job3{ display:flex; width:100%; background:#fff; margin-top:24px;  border-radius: 8px; overflow: hidden;
/* height:-webkit-calc(100vh - 177px); height:-moz-calc(100vh - 177px); height:calc(100vh - 177px); */
}	
.job3 .left{ display:block; width:54.54%;padding:0.56rem 40px; }
.job3 .right{ display:block; width:45.46%; line-height: 0; }
.job3 .right img{ display:none;}
.job3 .title{ display:block; width:100%; 
color:#040000;
font-size: 36px;
font-weight: 500;
line-height:44px; padding:0.05rem 0;
}
.job3 .tit1{ display:block; width:100%; 
color:#040000;
font-size: 20px;
font-weight: 700;
line-height:32px; 
}
.job3 .cont{ display:block; width:100%; 
	color:#575656;
	font-size: 16px;
	font-weight: 400;
	line-height: 32px;
	padding:0.16rem 0px 0.56rem 0;
}
.job3 .btn{ display:block; width:100%; 
}
.job3 .btn .a{
width: 189px;
height: 56px;
background:#EF7800;
border-radius: 56px;
display: flex;
justify-content: center;
align-items: center;
color:#fff;
font-size: 18px;
font-weight: 400;
line-height: 1; padding-bottom: 2px;
}
.job3 .btn .a:hover{ background:#DC6E12;
box-shadow: 0px 3px 15px rgba(239, 125, 29, 0.46);
}
.job3 .info{ display:flex; flex-wrap: wrap; width:100%; padding:0.2rem 0;
color:#232323;
font-size:14px;
font-weight:300;
line-height:21px; 
}
.job3 .info .div{ display: inline-flex; padding:8px 12px; background:#F8F8F8; border-radius: 4px; margin:4px 12px 4px 0;}
.job3 .info .time{ margin-left: 24px;}

@media screen and (max-width:1440px) {
.job3 .title{ font-size:32px; line-height: 40px;}	
.job3 .btn .a{
width: 160px;
height:46px;
font-size: 16px;
}
.job3 .info .div{padding:6px 12px;}
.job3 .cont{
font-size:14px;line-height:24px; padding: 0.16rem 0px 0.46rem 0;
}
.job3 .left{padding:0.46rem 40px; }
}	
@media screen and (max-width:1024px) {
.job3{ flex-wrap: wrap; margin-top:15px;}	
.job3 .cont{ padding:10px 0px 20px 0;}
.job3 .title{ font-size:20px; line-height:26px;}
.job3 .tit1{ font-size:18px; line-height:28px;}
.job3 .info{ padding:10px 0;}
.job3 .info .div{ padding:4px 10px 5px 10px;}
.job3 .info .time{ margin-left:0;}
.job3 .btn .a{
width:120px;
height: 36px;
border-radius: 36px;
font-size: 16px;}
.job3 .left{ width:100%; padding:20px 16px 30px 16px;}
.job3 .right{ width:100%;}
.job3 .right img{ display:block;}

}	

.job2{ display: flex; background:#fff; align-items: center; justify-content: space-between; border-radius: 8px;}	
.job2 .chakan{ display: block; white-space:nowrap; padding:5px 24px; font-size: 16px; line-height:30px; color:#575656;}
.job2 .chakan:hover{ color:#EF7D1D;}
.job2 .inp{display: flex; width: 100%; padding-left:12px;} 
.job2 .inp .submit{
    display:block;
    width:48px;
    height: 40px;
    background: url(../images/icon_seek1.svg) no-repeat center; background-size:24px auto;
}
.job2 .inp .searchnewtxt {
    width:100%;
    border: none;
    height:40px;
    line-height: 30px;
    background:none; font-size:16px;
    color:#575656;padding:5px 0; border-radius:5px;
}
.job2 .inp input::placeholder{ opacity:1 !important;color:#040000;}
@media screen and (max-width:1024px) {
.job2 .inp{ padding-left:3px;} 
.job2 .inp .searchnewtxt { font-size: 14px;}
.job2 .chakan{ padding:5px 15px; font-size: 14px; line-height:30px;}

}	

.seach-wrap{width: 100%; position:absolute; left: 0; top:105px; z-index:9000;
  transition: all .7s;}
.seach-wrap .box{ width:100%; display: flex; background:rgba(255,255,255,0.11); align-items: center; justify-content: space-between; border-radius: 8px;
}	
.seach-wrap .box .chakan{ display: block; white-space:nowrap; padding:5px 24px; font-size: 16px; line-height:30px; color:#fff;}
.seach-wrap .box .chakan:hover{ color:#EF7D1D !important;}
.seach-wrap .box .inp{display: flex; width: 100%; padding-left:12px;} 
.seach-wrap .box .inp .submit{
    display:block;
    width:48px;
    height: 40px;
    background: url(../images/icon_seek1.svg) no-repeat center; background-size:24px auto;
}
.seach-wrap .box .inp .searchnewtxt {
    width:100%;
    border: none;
    height:40px;
    line-height: 30px;
    background:none; font-size:16px;
    color:#fff;padding:5px 0; border-radius:5px;
}
.seach-wrap .box .inp input::placeholder{ opacity:1 !important;color:#fff;}
.seach-wrap.act{ background:#fff;  position: fixed; top:89px; padding:40px 0;}	
.seach-wrap.act .box{ background: #F8F8F8;}
.seach-wrap.act .box .chakan{ color: #040000;}
.seach-wrap.act .box .inp .searchnewtxt{ color: #040000;}
.seach-wrap.act .box .inp input::placeholder{ opacity:1 !important;color:#040000;}

@media screen and (max-width:1024px) {
.seach-wrap{ padding:0 15px; top:80px;}	
.seach-wrap .box .inp{ padding-left:3px;} 
.seach-wrap .box .inp .searchnewtxt { font-size: 14px;}
.seach-wrap .box .chakan{ padding:5px 15px; font-size: 14px; line-height:30px;}
.seach-wrap.act{ top:60px; padding:20px 0;}	

}	


.video-wrap{
	position: relative;
	  width: 100%;height: 100vh;
}
.video-wrap .play{ cursor: pointer;
  display: block;
  position: absolute;
  width:0.42rem; line-height: 0;
  left: 50%;
  top:44.54%; margin:-0.21rem 0 0 -0.21rem;
  z-index:6;
}
.video-wrap .video-poster {
  display: block;
  position: absolute;
  width: 100%;
  height: 100vh;
  object-fit: cover;
  left: 0;
  top: 0;
  z-index: 1;
}
.video-wrap .video {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}
.video-wrap .to-down {display: block;
  position: absolute;
  bottom:0.52rem;
  z-index: 2;
  left: 50%; margin-left:-0.18rem;
  width:0.36rem; line-height: 0;
}

@media screen and (max-width:1024px) {
.video-wrap .to-down {
  bottom:30px;
  width: 28px;margin-left:-14px;
}
.video-wrap .play{ cursor: pointer; margin:-16px 0 0 -16px;
  width:32px;}
}	

/* 分页 */
.wack1{ width: 100%; padding-top:8px;}
.wack1 .pz_fy{ display:flex; justify-content: center; text-align:center; line-height:0.32rem; color:#2C2B28; font-size:14px;}
.wack1 .pz_fy a { position: relative; float:left; border-radius:0.08rem; width:0.32rem; height:0.32rem; background:#fff; border:1px solid #EEEEEE; border-radius: 2px; line-height:0.3rem; color:#2C2B28; font-size:14px; margin:0 2px;}
.wack1 .pz_fy a:hover,
.wack1 .pz_fy a.on{ border:1px solid #EF7800; background:#EF7800; color: #fff;}
.wack1 .pz_fy .s{ padding:0 6px;}
.wack1 .pz_fy .toll{ padding:0 0.2rem 0 0.6rem;}
.wack1 .pz_fy .page{ float:left; border-radius:0.08rem; width:0.44rem; height:0.32rem; background:#fff; border:1px solid #EEEEEE; border-radius: 2px; line-height:0.3rem; color:#2C2B28; font-size:14px; margin:0 2px; padding:0 5px; text-align: center;}
.wack1 .pz_fy .prev::after,
.wack1 .pz_fy .next::after{ display: block; content:''; position: absolute; left:50%; top:50%; width:0.09rem; height:0.09rem; border-top:1px solid #010101; border-right:1px solid #010101; transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); margin-left: -0.02rem;}
.wack1 .pz_fy .prev{ transform:rotate(180deg); -ms-transform:rotate(180deg);}
.wack1 .pz_fy .prev:hover::after,
.wack1 .pz_fy .next:hover::after,
.wack1 .pz_fy .prev.on::after,
.wack1 .pz_fy .next.on::after{ border-top:1px solid #fff; border-right:1px solid #fff;}
.wack1 .fy_pc{ display:none; justify-content: center; align-items: center; text-align:center; line-height:32px; color:#2C2B28; font-size:14px;}
.wack1 .fy_pc .prev,
.wack1 .fy_pc .next{ position: relative; float:left; width:28px; height:28px; background:#fff; border:1px solid #EEEEEE; border-radius:4px;}
.wack1 .fy_pc .prev::after,
.wack1 .fy_pc .next::after{ display: block; content:''; position: absolute; left:50%; top:50%; width:8px; height:8px; border-top:1px solid #010101; border-right:1px solid #010101; transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); margin-left: -0.04rem;}
.wack1 .fy_pc .prev{ transform:rotate(180deg); -ms-transform:rotate(180deg);}
.wack1 .fy_pc span{ padding:0 22px;}


.wack1-1 .pz_fy{ color:#fff; }
.wack1-1 .pz_fy a { background:none; color:#fff;}
.wack1-1 .pz_fy .page{ background:none; color:#fff;}
.wack1-1 .pz_fy .prev::after,
.wack1-1 .pz_fy .next::after{border-top:1px solid #fff; border-right:1px solid #fff; }
.wack1-1 .fy_pc{ color:#fff;}
.wack1-1 .fy_pc .prev,
.wack1-1 .fy_pc .next{ background:none;}
.wack1-1 .fy_pc .prev::after,
.wack1-1 .fy_pc .next::after{ border-top:1px solid #fff; border-right:1px solid #fff;}


@media  screen and (max-width:1024px){	
.wack1{padding-top:4px;}	
.wack1 .pz_fy{ display: none;}
.wack1 .fy_pc{ display: flex;}
}


.job0{
width: 100%;
margin: 0 auto;
/* max-width:1400px; */
padding:80px 56px;
}
.job0 .box{ display: flex; width: 100%; align-items: flex-start; justify-content: space-between;}
.job0 .left{ width:295px; min-width:295px; margin:0 57px 0 0;}
.job0 .right{ display:block; width:100%; }
.job0 .right .title{ display:block; width:100%; 
color:#040000;
font-size:28px;
font-weight:400;
line-height:32px; 
}

.job-plan{ display:block; width:100%;   padding:0 24px;}
.job-plan .title{ cursor: pointer; display:flex; align-items: center; justify-content: space-between; width:100%; 
color:#040000;
font-size:20px;
font-weight:700;
line-height:32px;
}
.job-plan .title .i{ display: block; min-width: 24px; width: 24px; height:24px; position: relative;}
.job-plan .title .i::before{ display: block; content:''; width:2px; height:14px; background:#EF7800; border-radius:2px; position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); }
.job-plan.shax .title .i::before{ opacity: 0;}
.job-plan .title .i::after{ display: block; content:''; width:14px; height:2px; background:#EF7800; border-radius:2px; position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}
.job-plan .now{ display:flex; flex-wrap: wrap; width:100%; margin:20px 0;}
.job-plan .categoryConditions{ margin:10px 0; display:flex; width:100%; align-items: center; justify-content: space-between;color:#040000;
font-size:16px;
font-weight:400;
line-height:30px; }
.job-plan .categoryConditions a{ display: inline-flex; padding-left: 32px; background: url(../images/Rectangle.svg) left center no-repeat; background-size:16px auto !important;}
.job-plan .clear{ cursor: pointer; display: inline-flex; padding-right:12px; color: #1d2129; font-size: 14px; background: url(../images/_close.svg) right 55% no-repeat; background-size:6px auto !important;}
.job-plan .categoryConditions:hover a{ color:#EF7800;}
.job-plan .categoryConditions.act a{background: url(../images/Rectangle1.svg) left center no-repeat;}

@media screen and (max-width:1024px) {
.job0{padding:30px 20px 15px 20px;}
.job0 .box{ flex-wrap: wrap;}
.job0 .left{ width:100%; padding:0; margin: 0;}
.job0 .right .title{ font-size:22px; line-height:26px;}
.job-plan{ padding:0 0 20px 0;}
.job-plan .now{ margin:12px 0;}
.job-plan .categoryConditions{ margin:2px 0;}
.job-plan .categoryConditions a{ padding-left: 28px;}
}	


.list01{ display:block; width:100%; padding:40px 0;}	
.list01 .li{ display:block; width:100%; position: relative; z-index: 1;}
.list01 .li a{ display:block; width:100%; padding:56px 0; border-bottom: 1px solid #EDEDED; }
.list01 .tit1{ display:block; width:100%; 
color:#040000;
font-size: 20px;
font-weight:500;
line-height:30px; 
}
.list01 .cont{ display:block; width:100%; 
	color:#939393;
	font-size: 16px;
	font-weight: 400;
	line-height: 32px;
  margin-top:24px;
}
.list01 .info{ display:flex; flex-wrap: wrap; width:100%;  margin-top:36px;
color:#232323;
font-size:14px;
font-weight:300;
line-height:21px; 
}
.list01 .info .div{ display: inline-flex; padding:8px 12px; border-radius: 4px; background:#F8F8F8; margin:4px 12px 4px 0;}
.list01 .info .time{ margin-left: 24px;}
.list01 .li:hover a{ z-index: 6;}
.list01 .li a:hover{ background: #fff; padding:56px 40px;box-shadow: 0px 0px 34px 0px rgba(123, 123, 123, 0.14);border-radius: 8px; border-bottom: 1px solid #fff;}
.list01 .li a:hover .tit1{ color:#EF7800;}

@media screen and (max-width:1024px) {
.list01{ padding:10px 0 25px 0;}	
.list01 .li a{ padding:20px 0;}	
.list01 .tit1{ font-size:18px; line-height:28px;}
.list01 .cont{ font-size:14px; line-height:26px; margin-top:12px;}
.list01 .info{margin-top:12px;}
.list01 .info .div{ padding:4px 10px 5px 10px;}
.list01 .info .time{ margin-left:0;}
.list01 .li a:hover{ padding:20px 10px;box-shadow: 0px 0px 17px 0px rgba(123, 123, 123, 0.14);}
}	


.job4{ width:100%; padding:0.95rem 56px 70px 56px; }
.job4 .title{ text-align: center; display: flex; align-items: center; justify-content:center; width:100%;
color: rgb(4, 0, 0);
font-size: 28px;
font-weight: 400;
line-height: 32px;
 }
 .job4 .title span{ padding:0 12px;}
 .job4 .title img{ width:22px; height:22px;}
.list01-1{ display:flex; flex-wrap: wrap; justify-content: space-between; width:100%; padding-top: 42px;}	
.list01-1 .li{ display:flex; flex-wrap: wrap; width:49.33%; padding:10px 0;}
.list01-1 .li a{ display:flex; flex-wrap: wrap; position: relative; height: 100%; width:100%; background: #fff; padding:32px 32px; }
.list01-1 .tit1{ display:block; width:100%; 
color:#040000;
font-size: 20px;
font-weight:500;
line-height:30px; 
}
.list01-1 .cont{ display:block; width:100%; 
	color:#939393;
	font-size: 16px;
	font-weight: 400;
	line-height: 32px;
  margin-top:24px;
}
.list01-1 .info{ display:flex; flex-wrap: wrap; width:100%;  margin-top:36px;
color:#232323;
font-size:14px;
font-weight:300;
line-height:21px; 
}
.list01-1 .info .div{ display: inline-flex; padding:8px 12px; border-radius: 4px; background:#F8F8F8; margin:4px 12px 4px 0;}
.list01-1 .info .time{ margin-left: 24px;}
.list01-1 .li:hover a{ z-index: 6;}
.list01-1 .li a:hover{box-shadow: 0px 0px 34px 0px rgba(123, 123, 123, 0.14);}
.list01-1 .li a:hover .tit1{ color:#EF7800;}

@media screen and (max-width:1024px) {
.job4{ width:100%; padding:20px 16px 10px 16px; }
.job4 .title{
font-size: 18px;
line-height: 26px;
 }
 .job4 .title span{ padding:0 8px;}
 .job4 .title img{ width:14px; height:14px;}	
.list01-1{ padding-top:15px;}	
.list01-1 .li a{ padding:20px 15px;}	
.list01-1 .tit1{ font-size:18px; line-height:28px;}
.list01-1 .cont{ font-size:14px; line-height:26px; margin-top:12px;}
.list01-1 .info{margin-top:12px;}
.list01-1 .info .div{ padding:4px 10px 5px 10px;}
.list01-1 .info .time{ margin-left:0;}
.list01-1 .li a:hover{ padding:20px 10px;box-shadow: 0px 0px 17px 0px rgba(123, 123, 123, 0.14);}
}	
@media screen and (max-width:767px) {
.list01-1 .li{ width:100%;}
}

.contact1{ padding:0.37rem 56px;width: 100%;
margin: 0 auto;
/* max-width:1920px; */}
.contact2{ display:flex; flex-wrap: wrap; width:100%; text-align: right; }
.contact2 .tit1{ display:block; width:100%; 
color:#040000;
font-size:0.72rem;
font-weight: 700;
line-height:0.98rem;
}
.contact2 .tit2{ display:block; width:100%; 
	color:#454545;
	font-size: 22px;
	font-weight: 700;
	line-height:25px; margin-top:0.16rem;
}
.contact3{ display:flex; flex-wrap: wrap; justify-content: space-between; width:100%; }
.contact3 .li{ display:flex; flex-wrap: wrap; width:48.37%; margin-top: 0.27rem; }
.contact3 .la{ display:flex; flex-wrap: wrap; width:100%; position: relative; height:100%; border-radius: 12px; overflow: hidden; padding:0.76rem 0.64rem; }
.contact3 .la .title{ display:block; width:100%; 
color:#EF7800;
font-size: 36px;
font-weight: 700;
line-height:49px; text-transform: uppercase;
}
.contact3 .la .cont{ display:block; width:100%; 
	color:#fff;
	font-size: 14px;
	font-weight: 400; min-height:108px;
	line-height:27px; margin-top:0.32rem;
}
.contact3 .la  .btn{ display:block; width:100%;  margin-top:0.32rem;
}
.contact3 .la .btn .a{
width: 198px;
height:51px; border-radius: 4px;
background:#EF7800;
display: flex;
justify-content: center;
align-items: center;
color:#fff;
font-size: 16px;
font-weight: 400;
line-height: 1; padding-bottom: 2px;
}
.contact3 .la .btn .a:hover{ background:#fff; color: #DC6E12;
}
.contact3 .la .info{ display:block; width:100%;
color:#fff;
font-size:24px;
font-weight:300;
line-height:35px; 
}


@media screen and (max-width:1024px) {
.contact1{ padding:15px 15px;}	
.contact2 .tit1{ font-size:36px; line-height:46px;}
.contact2 .tit2{ font-size:16px; line-height:19px; margin-top:8px;}
.contact3 .li{ margin-top: 15px;}
.contact3 .la{ padding:40px 20px;}
.contact3 .la .cont{ margin-top: 16px;}
.contact3 .li:last-child .la .cont br{ display:none;}
.contact3 .la .title{ font-size:24px; line-height:34px;}
.contact3 .la .info{ font-size:18px; line-height:28px;}
.contact3 .la .btn{ margin-top:20px;}
.contact3 .la .btn .a{
width:160px;
height: 36px;
font-size: 14px;}

}	
@media screen and (max-width:767px) {
.contact3 .li{ width:100%;}

}	


.mbs{ display: flex; align-items: center; overflow: hidden;white-space: nowrap; text-overflow:ellipsis; color:#575656; font-size:12px; line-height:18px;}
.mbs a{ display: inline-block; color: #1D2129;}
.mbs i{ display: inline-block; margin:0 0 0 0.08rem;}
.mbs span{ color:#EF7800;}
.mbs1{ color:#fff;}
.mbs1 a{ color:#fff;}
.mbs a:hover{ color: #EF7800 !important;}

.fanhui1{ display: inline-flex;}
.fanhui1 a{ display: flex; align-items: center; color:#fff; font-size:12px; line-height:18px;}
.fanhui1 a i{ display: block; width:16px; height:16px; margin-right: 8px; background: url(../images/fanhui1.svg) center no-repeat; background-size:100% 100% !important; }
.fanhui1 a{ color:#fff;}
.fanhui1 a:hover i{background: url(../images/fanhui2.svg) center no-repeat;}
.fanhui1 a:hover{ color: #EF7800 !important;}

@media screen and (max-width:1024px) {
.mbs{display:none;}
}

.news1{width: 100%;
margin: 0 auto;
/* max-width:1380px; */ padding:125px 56px 80px 124px;}
.news2{ display: flex; flex-wrap: wrap; width: 100%; align-items: flex-start; justify-content: space-between; margin-top:16px;}
.news2-2{ display:block; width: 21.6%; background: #fff; border-radius: 10px; overflow: hidden; position: sticky; top:130px; }
.news2-2 .title{ width: 100%; text-align: center; border-bottom:1px solid #E1E6EF;
color: rgb(4, 0, 0);
font-size: 24px;
font-weight: 400;
line-height: 26px; padding:0.22rem 0;
}
.news2-2 .ul{ display:block; width: 100%;}
.news2-2 .ul .li{ display:block; width: 100%; padding:0 0.24rem; position: relative; z-index: 1; overflow: hidden;}
.news2-2 .ul .li a{ display:block; width: 100%; padding:0.24rem 0; border-bottom:1px solid #E1E6EF;}
.news2-2 .ul .li:last-child a{ border-bottom:0;}
.news2-2 .ul .li a .tit{ width: 100%; font-weight:400; color:#040000; font-size:16px; line-height:26px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;}
.news2-2 .ul .li a .time{ width: 100%; font-weight:400; color:#040000; font-size:12px; line-height:18px; margin-top:0.24rem;}
/* .news2-2:hover{box-shadow: 0px 0px 34px 0px rgba(123, 123, 123, 0.2);} */
/* .news2-2 .ul .li:hover a{ background:#F8F8F8; z-index:6; padding:0.24rem 0.14rem;} */
.news2-2 .ul .li:hover a .tit{ color:#EF7800;}
/* .news2-2 .ul .li:hover a .time{ color:#EF7800;} */
.news2-1{ display:block; width: 75.34%; position: relative; background: #fff; border-radius: 10px; padding:40px 56px 40px 56px;}
.news2-1 .title{ width: 100%; color:#040000; font-size:0.36rem; line-height:0.45rem; padding:4px 0;}
.news2-1 .info{ display:flex; flex-wrap: wrap; align-items: center; width:100%; padding:8px 0 20px 0; border-bottom: 1px solid #E1E6EF;
color:#232323;
font-size:14px;
font-weight:300;
line-height:21px; 
}
.news2-1 .info .div{ display: inline-flex; padding:8px 12px; background:#F8F8F8; border-radius: 4px; margin:4px 12px 4px 0;}
.news2-1 .info .time{ margin-left:12px;}
.news2-1 .cont{ width: 100%; color:#2C2B28; font-size:16px; line-height:32px; padding:40px 0;}
.news2-1 .box{ display: flex; flex-wrap: wrap; width: 100%; flex-wrap:wrap-reverse;}
.news2-1 .page{ display: block; width: 100%; border-top:1px solid #E1E6EF;}
.news2-1 .page a{ display: flex; width: 100%; padding:24px; color:#2C2B28; font-size:14px; line-height:26px;
border-bottom: 1px solid rgb(237, 237, 237);
}
.news2-1 .page a font{ overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;}
.news2-1 .page a span{ font-size:12px; color:#676972; width:44px;  min-width:44px; margin-right: 24px;}
.news2-1 .page a:hover{ background:#F8F8F8; color:#EF7800; }
.news2-1 .share-2{ height: 0; position: sticky; top:120px; margin: 80px 0 0 -120px; z-index: 6; width:0.48rem;}
.news2-1 .share-1{ display: none;width:100%; justify-content: center; padding-bottom:25px;}
.news2-1 .share a{float: left;width:0.48rem !important;height:0.48rem !important; background-size: 100% 100% !important;padding: 0 !important;  margin:6px 0 !important;}

.news2-1 .cont p img{display:block;}

@media screen and (max-width:1920px) {
.news2-2{ top: 120px; }
}	
@media screen and (max-width:1600px) {
.news2-2{ top: 110px; }	
.news2-2 .ul .li a{ padding:0.18rem 0;}	
.news2-2 .ul .li a .time{margin-top:0.18rem;}
}	
@media screen and (max-width:1440px) {
.news2-2 .title{font-size: 20px; line-height:22px;padding: 0.2rem 0;}	
.news2-2 .ul .li a{ padding:0.14rem 0;}	
.news2-2 .ul .li a .tit{font-size: 14px;line-height: 22px;}
.news2-2 .ul .li a .time{margin-top:0.08rem;}
}	
@media screen and (max-width:1024px) {
.news1{ padding:80px 16px 35px 16px;}	
.news2{ margin-top: 0;}
.news2-1{ width:100%;padding:20px 15px 25px 15px;}
.news2-1 .title{ font-size:18px; line-height:26px;}
.news2-1 .info{padding:6px 0 15px 0;}
.news2-1 .info .div{ padding:4px 10px 5px 10px; margin:4px 8px 4px 0;}
.news2-1 .info .time{ margin-left:8px;}
.news2-1 .cont{ padding:25px 0; font-size:14px; line-height:24px;}
.news2-1 .page a{ padding:10px 14px;}
.news2-1 .page a span{ margin-right:12px;}
.news2-1 .share-2{ display:none;}
.news2-1 .share-1{ display:flex;}
.news2-1 .share a{width:30px !important;height:30px !important;  margin:0 6px !important;}
.news2-2{ width:100%; margin-top:20px; position: static; top: 0;}
.news2-2 .title{ display:block;padding:13px 0; font-size:18px; line-height:26px;}
.news2-2 .ul .li{ padding:0 15px;}
.news2-2 .ul .li a{ padding:15px 0;}
.news2-2 .ul .li:hover a{ padding:15px 12px;}
}

._pimg {
width: 100%;
overflow: hidden;
}

._pimg ._div {
position: relative;
overflow:hidden;
}

._pimg ._img {
width: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
}
._pop{ background:rgba(0,0,0,0.6); float:left; width:100%; height:100%; position:fixed; left:0; top:0; z-index:10000; display:none;}
._pop video{ width:100%;}
._col{ float:left; transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); text-align:center; cursor:pointer; position:absolute; right:-40px; top:0; width:40px; height:40px; color:#fff; line-height:30px; font-size:50px;}
._htm{ float:left; width:880px; font-size:14px; line-height:26px; color:#fff; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
._html_con{ float:left; width:100%;overflow:hidden;
 overflow-y:auto;
 scrollbar-width:thin;
 max-height:80vh;
}
._html_con::-webkit-scrollbar {
 width:3px
}
._html_con::-webkit-scrollbar-track
{
background-color:#fff;
 border-radius:3px
}
 
._html_con::-webkit-scrollbar-thumb {
 width:3px;
 height:60px;
 background-color:#EF7D1D;
 border-radius:3px
}



@media  screen and (max-width: 767px){
._col{ right:-5px; top:-30px; width:30px; height:30px; color:#fff; line-height:20px; font-size:36px;}
._htm{width:90%;}
	
}

.news4{width: 100%;
margin: 0 auto; height:100vh; overflow: hidden; display: flex; flex-wrap: wrap; align-content: center;
/* max-width:1380px; */padding:40px 56px 40px 56px;}
.news4 .wack1-1{ padding:0;}
.news4-1{width: 100%;
margin: 0 auto;
/* max-width:1380px; */padding:100px 56px 65px 56px;}
.news3{width: 100%;
background: #EDEDED;}
.box01{ display:block; width: 100%;/* max-width:1380px; */margin: 0 auto; padding:59px 56px 24px 56px;}
.box01 .tit1{ display:block; width: 100%; text-transform:uppercase;
color:#232323;
font-size: 24px;
font-weight: 700;
line-height: 33px;
}
.box01 .tit2{ display:block; width: 100%; margin-top:2px;
color:#575656;
font-size: 24px;
font-weight: 400;
line-height: 36px;
}
.box01-1{ padding:0 !important;}
.box01-1 .tit1{ color:#fff;}
.box01-1 .tit2{ color:#fff;}
.box02{ display:flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; width: 100%;}
.box02 .left{ display:flex; flex-wrap: wrap; flex-direction: column;}
.box02 .right{ display:flex; flex-wrap: wrap; flex-direction: column; justify-content: flex-end;align-items: flex-end;}
.box02 .tit1{ display:block; width: 100%; text-transform:uppercase;
color:#232323;
font-size: 24px;
font-weight: 700;
line-height: 33px;
}
.box02 .tit2{ display:block; width: 100%; margin-top:2px;
color:#575656;
font-size: 24px;
font-weight: 400;
line-height: 36px;
}
.btn-more{ display:flex; flex-wrap: wrap; justify-content:center; width: 100%;}
.btn-more a{ display:flex; justify-content:center; align-items: center;
width: 266px;
height: 56px;
border: 1px solid #E8E8E8;
border-radius: 4px; color:#575656; font-size:16px; line-height: 1;
}
.btn-more a:hover{ background: #EF7D1D ; color: #fff;
border: 1px solid #EF7D1D ;
}
.hot-msg{ display: flex; flex-wrap: wrap;}
.hot-msg .msg{ flex-wrap: wrap; color:#575656;font-size:14px;
font-weight:300;
line-height:21px;  margin-top:16px;}
.skew{ display: flex; flex-wrap: wrap; margin-right: -12px;}
.skew .skewBox{ display:flex; flex-wrap: wrap; align-items: center; margin:8px 12px 0 0;
color:#232323;
font-size:14px;
font-weight:300;
line-height:21px; 
}
.skew .skewBox a{ display: inline-flex; padding:8px 12px; background:#F8F8F8; border-radius: 4px;}
.skew .skewBox a:hover{background:#EF7D1D; color: #fff;}


@media screen and (max-width:1440px) {
.box01 .tit1{ 
font-size: 20px;
line-height: 30px;
}
.box01 .tit2{
font-size: 20px;
line-height: 30px;
}
.box02 .tit1{ 
font-size: 20px;
line-height: 30px;
}
.box02 .tit2{
font-size: 20px;
line-height: 30px;
}
}
@media screen and (max-width:1024px) {
.news4{padding:20px 16px 35px 16px; height: auto;}	
.news4-1{padding:20px 16px 35px 16px;}
.box01{ padding:15px 15px;}	
.box01 .tit1{ font-size:16px; line-height:24px;}
.box01 .tit2{ font-size:16px; line-height:24px;}
.box02 .tit1{ font-size:16px; line-height:24px;}
.box02 .tit2{ font-size:16px; line-height:24px;}
.box02 .right{ width:100%;}
.btn-more a{ height:36px; width:120px; font-size: 14px;}
.skew{width:calc(100% + 8px); margin-right: -8px;}
.skew .skewBox{ margin:8px 8px 0 0;}
.skew .skewBox a{ padding:6px 10px;}
}
@media screen and (max-width:767px) {
.skew .skewBox{min-width:calc(25% - 8px);}
.skew .skewBox a{ width:100%; justify-content: center;}
}


.list02{ display:block; width:100%; padding:0.68rem 0;}	

.list02 .box{ display:block; width:100%;}
.list02 .ul{ display:flex; flex-wrap: wrap; width:calc(100% + 82px); margin:-0.28rem -41px;}	
.list02 .li{ display:block; width:25%; padding:0.28rem 41px;}
.list02 .li a{ display:block; width:100%;}
.list02 .li .pic{ display:block; width:100%; position: relative; overflow: hidden; border-radius: 8px; padding-bottom: 56.53%;-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s; }
.list02 .li .pic .img{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top:0; object-fit: cover; }
.list02 .li .pic .play{ display: block; width:40px; height:40px; position: absolute; left:50%; top:50%; z-index: 6; margin: -20px 0 0 -20px;}
.list02 .tit{ width:100%; 
color:#fff;
font-size: 18px;
font-weight:400;
line-height:25px;  margin-top: 0.08rem;
 overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;
 -webkit-transition: all 0.3s ease-out 0s;
 -moz-transition: all 0.3s ease-out 0s; 
 -o-transition: all 0.3s ease-out 0s; 
 transition: all 0.3s ease-out 0s; 
}
.list02 .time{ display:flex; flex-wrap: wrap; width:100%;
color:#fff;
font-size:14px;
font-weight:300;
line-height:21px; 
}
.list02 .time time{ margin-left:12px;}
.list02 .li a:hover .pic{ transform: translateY(-0.1rem); -ms-transform: translateY(-0.1rem);}

.list02-1 .tit{color:#232323;}	
.list02-1 .time{color:#575656;}	

.list02 .li a:hover .tit{color: #EF7D1D;}

.news6 .list02{padding:0.68rem 0 0 0;}
.list02 .btn-more{padding-top:0.68rem;}

@media screen and (max-width:1920px) {
.list02{ padding:0.34rem 0;}		
.list02 .ul{ width:calc(100% + 82px); margin:-0.2rem -41px;}		
.list02 .li{ padding:0.2rem 41px;}

.news6 .list02{padding:0.34rem 0 0 0;}
.list02 .btn-more{padding-top:0.34rem;}
}
@media screen and (max-width:1600px) {
.list02{ padding:0.30rem 0;}		
.list02 .ul{ width:calc(100% + 82px); margin:-0.14rem -41px;}		
.list02 .li{ padding:0.14rem 41px;}

.news6 .list02{padding:0.3rem 0 0 0;}
.list02 .btn-more{padding-top:0.3rem;}

}
@media screen and (max-width:1440px) {
.list02{ padding:0.26rem 0;}		
.list02 .ul{ width:calc(100% + 82px); margin:-0.12rem -41px;}		
.list02 .li{ padding:0.12rem 41px;}
.list02 .tit{font-size: 16px;line-height:23px;  margin-top: 0.08rem;}

.news6 .list02{padding:0.26rem 0 0 0;}
.list02 .btn-more{padding-top:0.26rem;}
}
@media screen and (max-width:1024px) {
.list02{ display:block; width:100%; padding:12px 0;}	
.list02 .ul{width:calc(100% + 14px); margin:0 -7px;}	
.list02 .li{ padding:10px 7px;}
.list02 .tit{ font-size:15px; line-height:22px;}
.list02 .li .pic .play{ width:30px; height:30px; margin: -15px 0 0 -15px;}
.list02 .li a:hover .pic{ transform: translateY(0); -ms-transform: translateY(0);}

.news6 .list02{padding:12px 0 0 0;}
.list02 .btn-more{padding-top:12px;}

}	
@media screen and (max-width:767px) {
.list02 .li{ width:50%; }
}	


.list03{ display:block; width:100%; padding:28px 0;}	
.list03-1{ padding:0.72rem 0 48px 0;}	
.list03 .ul{ display:flex; flex-wrap: wrap; width:100%;}	
.list03 .li{ display:flex; flex-wrap: wrap; width:100%; padding:43px 0; border-bottom:1px solid #ededed;
}
.list03 .li:last-child{border-bottom:0;
}
.list03 .li a{ display:flex; width:100%; align-items: flex-start;}
.list03 .li .img{ display:block; width:344px; min-width: 344px; margin-right:10px; }
.list03 .li .pic{ display:block; width:100%; position: relative; overflow: hidden; border-radius: 8px; padding-bottom: 56.53%;}
.list03 .li .pic img{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top:0; object-fit: cover;-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;  }
.list03 .cont{ width:100%; padding:0 30px; }
.list03 .tit{ width:100%;   margin-top:4px;
color:#232323;
font-size: 20px;
font-weight:700;
line-height:30px;
 overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;
 -webkit-transition: all 0.3s ease-out 0s;
 -moz-transition: all 0.3s ease-out 0s; 
 -o-transition: all 0.3s ease-out 0s; 
 transition: all 0.3s ease-out 0s; 
}
.list03 .p{ display:flex; flex-wrap: wrap; width:100%;  margin-top:22px;
color:#575656;
font-size:14px;
font-weight:300;
line-height:20px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;
}
.list03 .info{ display:flex; flex-wrap: wrap; align-items: center; width:100%;  margin-top:50px;
color:#232323;
font-size:14px;
font-weight:300;
line-height:21px; 
}
.list03 .info .div{ display: inline-flex; padding:8px 12px; background:#F8F8F8; border-radius: 4px; margin:8px 12px 0 0;}
.list03 .info .time{ margin:8px 0 0 12px; padding:8px 0;}
.list03 .li:hover{
background:#fff;
border-radius: 8px;
box-shadow: 0px 0px 34px 0px rgba(123, 123, 123, 0.14);
}
/* .list03 .li a:hover .pic img{ -webkit-transform: scale(1.4); -moz-transform: scale(1.4);transform: scale(1.4);} */
.list03 .li:hover .tit{ color:#EF7800;}
.list03 .li:hover a{ transform: translateX(20px); -ms-transform: translateX(20px);}


@media screen and (max-width:1024px) {
.list03{ display:block; width:100%; padding:14px 0;}	
.list03-1{ padding:25px 0 15px 0;}	
.list03 .li{ padding:0;}
.list03 .li .img{ width:220px; min-width: 220px; margin-right:0; }
.list03 .cont{ padding:0 14px; }
.list03 .tit{ font-size:15px; line-height:24px;}
.list03 .p{ margin-top:6px;}
.list03 .info{margin-top:2px;}
.list03 .info .div{margin:8px 8px 0 0; padding:4px 10px 5px 10px;}
.list03 .info .time{ margin:8px 0 0 8px; padding:4px 0 5px 0;}
.list03 .li:hover a{ transform: translateX(0); -ms-transform: translateX(0);}
}	
@media screen and (max-width:767px) {
.list03 .li a{ flex-wrap: wrap;}	
.list03 .li .img{ width:100%; min-width: 100%; margin:0 0 14px 0; }
.list03 .cont{ padding:0 15px 15px 15px; }
}	


.inp01{display: flex; width:287px; margin:-37px 0 26px 0; background:#F2F2F2;border-radius:5px; overflow: hidden;} 
.inp01 .submit{
    display:block;
    width:40px;
    height: 37px;
    background: url(../images/icon_seek1.svg) no-repeat center; background-size:24px auto;
}
.inp01 .searchnewtxt {
    width:100%;
    border: none;
    height:37px;
    line-height:27px;
    background:none; font-size:14px; font-weight: 400;
    color:#575656;padding:5px 0; border-radius:0;
}
.inp01 input::placeholder{ opacity:1 !important;color:#040000;}

@media screen and (max-width:1024px) {
.inp01{ width:100%; margin:15px 0 0 0;} 
}	

.r_top{
  display: flex;}

.r_top .title_item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.r_top .title_item > i {
  position: absolute;
  display: inline-block;
  font-size: 0.32rem;
  left: 0.1rem;
  top: 0;
  bottom: 0;
  margin: auto;
  text-shadow: 8px 0 0px rgba(0, 0, 0, 0.19);
    line-height: 100%;
}
.r_top .title_item > li {
display: flex;
  height: 100%;
  margin: 0 0 0 16px;
  position: relative;
  z-index: 10;
}
.r_top .title_item > li > a {
padding:8px 12px; border-radius: 4px; background: #F8F8F8; border:#F8F8F8 1px solid;
  font-weight: 400; color:#575656; font-size:14px; line-height:21px;
  position: relative;
  z-index: 100;
}
.r_top .title_item > li:after {
  content: attr(data-num);
  position: absolute;
  color:#EF7D1D; font-weight: 700;
  font-size: 0.48rem; line-height:1;
  z-index: -1;
  left: 0;
  right: 0;
  margin: auto;
  width:100%; text-align: center;
  top: -0.6rem;
  transition: all 0.5s cubic-bezier(0.7, 0.01, 0.3, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.7, 0.01, 0.3, 1);
  -moz-transition: all 0.5s cubic-bezier(0.7, 0.01, 0.3, 1);
  -o-transition: all 0.5s cubic-bezier(0.7, 0.01, 0.3, 1);
  filter: blur(5px);
  opacity: 0;
  transform-origin: 50% 50%;
}
.r_top .title_item > li.on > a,
.r_top .title_item > li:hover > a {
  color: #EF7800; border:1px solid #EF7800;
  background:#F7F3F0;
}
.r_top .title_item > li.on:after,
.r_top .title_item > li:hover:after {
  top: -0.36rem;
  filter: blur(0px);
  opacity: 1;
}


@media screen and (max-width:1024px) {
.r_top .title_item > li {
  margin: 0 0 0 8px;
}
.r_top .title_item > li > a {
padding:6px 12px;}
.r_top .title_item > li:after {
  font-size:24px;
  top: -30px;
}
.r_top .title_item > li.on:after,
.r_top .title_item > li:hover:after {
  top: -20px;
}
}	

.Tbox{ display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; padding:0.22rem 0;}
.Tbox1{ display: block; width: 50.22%; position: relative; border-radius:24px; overflow: hidden;}
.Tbox1 .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.Tbox1 .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; width:100%; line-height: 0;}
.Tbox1 .li a{ display: block; width: 100%; position: relative; }
.Tbox1 .li .pic{ display:block; width:100%; position: relative; overflow: hidden; padding-bottom: 57.26%;
/* height:-webkit-calc(100vh - 189px - 2.4rem); height:-moz-calc(100vh - 189px - 2.4rem); height:calc(100vh - 189px - 2.4rem); */
}
.Tbox1 .li .pic img{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top:0; object-fit: cover;-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;  }
.Tbox1 .cont{ width:100%; position: absolute; left: 0; bottom: 0; 
background: linear-gradient(180.00deg, rgba(4, 0, 0, 0),rgba(4, 0, 0, 0.5) 100%);
padding: 0.16rem 0.24rem;
}
.Tbox1 .tit{ width:100%; 
color:#fff;
font-size: 24px;
font-weight:700;
line-height:34px; padding-right:80px;
 overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;
 -webkit-transition: all 0.3s ease-out 0s;
 -moz-transition: all 0.3s ease-out 0s; 
 -o-transition: all 0.3s ease-out 0s; 
 transition: all 0.3s ease-out 0s; 
}
.Tbox1 .time{ width:100%; margin-top: 8px;
color:#fff;
font-size: 12px;
font-weight:400;
line-height:17px;
}
.Tbox1 .li a:hover .pic img{ transform: scale(1.1); -ms-transform: scale(1.1);}
.Tbox1 .swiper-pagination{ display: flex; align-items: center; position: absolute; right:0.16rem; bottom:0.16rem; z-index: 6; height:34px; width: auto !important; }
.Tbox1 .swiper-pagination-bullet{ cursor: pointer; width:12px; height:12px; border-radius:50%; position: relative; background:none; margin:0 0.08rem; opacity:1 !important; transform: scale(1) !important; left:0 !important;}
.Tbox1 .swiper-pagination-bullet::after{width:6px; height:6px; border-radius:50%; position: absolute; left:3px; top:3px; background:#fff; content:''; display: block;}
.Tbox1 .swiper-pagination-bullet-active{ border:2px solid #EF7800;}
.Tbox1 .swiper-pagination-bullet-active::after{ display: none;}

.Tbox2{ display: block; width: 22.12%;}
.Tbox2 .ul{ display: flex; flex-wrap: wrap; position: relative; height:100%; align-content: space-between; width: 100%;}
.Tbox2 .li{ display: block; width: 100%;}
.Tbox2 .li a{ display: block; width: 100%; border-radius:12px; overflow: hidden; position: relative;}
.Tbox2 .li .pic{ display:block; width:100%; position: relative; overflow: hidden;padding-bottom:57.5%;
/* height:-webkit-calc(50vh - 95px - 1.44rem); height:-moz-calc(50vh - 95px - 1.44rem); height:calc(50vh - 95px - 1.44rem); */
}
.Tbox2 .li .pic img{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top:0; object-fit: cover;-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;  }
.Tbox2 .li .cont{ width:100%; position: absolute; left: 0; bottom: 0; 
background: linear-gradient(0.00deg, rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0) 100%);
padding: 0.16rem 0.16rem;
}
.Tbox2 .li .tit{ width:100%;
color:#fff;
font-size:16px;
font-weight:400;
line-height:24px;
 overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;
 -webkit-transition: all 0.3s ease-out 0s;
 -moz-transition: all 0.3s ease-out 0s; 
 -o-transition: all 0.3s ease-out 0s; 
 transition: all 0.3s ease-out 0s; 
}
.Tbox2 .li a:hover .pic img{ transform: scale(1.1); -ms-transform: scale(1.1);}



@media screen and (max-width:1024px) {
.Tbox1{ width:100%;border-radius: 12px; margin-top:20px;}
.Tbox1 .cont{ padding:10px 14px;}
.Tbox1 .tit{ font-size:15px; line-height:20px;}
.Tbox1 .time{ margin:2px 0;}
.Tbox1 .li .cont{ padding:10px 10px; }
.Tbox1 .li .pic{padding-bottom: 57.26%; height: auto;}
.Tbox1 .swiper-pagination{ bottom:10px; height:20px; right:8px;}
.Tbox1 .swiper-pagination-bullet{ margin:0 4px;}
.Tbox2{ width:100%;}
.Tbox2 .ul{ align-items: flex-start; justify-content: space-between;}
.Tbox2 .li{width: 48%; margin-top:20px;}
.Tbox2 .li a{border-radius: 6px;}
.Tbox2 .li .cont{ padding:10px 10px; }
.Tbox2 .li .tit{ font-size:14px; line-height:24px;}
.Tbox2 .li .pic{padding-bottom:57.5%; height: auto;}
.Tbox{ padding:0 0 20px 0;}
}	



.news7{ width: 100%; display: flex; flex-wrap: wrap;padding:0.96rem 0 0.46rem 0; height:100vh; overflow: hidden; display: flex; flex-wrap: wrap; align-content: center; }
.news7 .w100{ width: 100%;}
.news7 .down{ display: flex; justify-content: center; width: 100%; margin-top:0.54rem;}
.news7 .btn2{ display:flex; align-items: center;
color: rgb(255, 255, 255);
font-size: 18px;
font-weight: 400;
line-height: 27px;
}
.news7 .btn2 span{ padding-bottom:2px;}
.news7 .btn2 img{ width:26px; height:26px; margin-right: 4px;}
.news7 .btn2:hover{ color:#EF7800;} 
.news7 .ph_btn{ display:none;}
.news7 .box01 .tit1{ color:#fff;} 
.news7 .box01 .tit2{ color:#fff;} 

.news6{ background: #F8F8F8; padding:88px 0;}
.news5{ background: #fff; padding:88px 0;}
.w1380{width: 100%;
margin: 0 auto;
/* max-width:1380px; */padding:0 56px;}
.w1920{width: 100%;
margin: 0 auto;
max-width:100%;padding:0 40px;}

@media screen and (max-width:1920px) {
.news7{padding:0.8rem 0 0.46rem 0; }	
.news7 .down{margin-top:0.44rem;}
}
@media screen and (max-width:1600px) {
.news7{ padding:0.7rem 0 0.4rem 0;}	
.news7 .down{margin-top:0.4rem;}
}
@media screen and (max-width:1440px) {
.news7{ padding:0.5rem 0 0.4rem 0;}	
.news7 .down{margin-top:0.24rem;}
.news7 .btn2{
font-size: 16px;
line-height: 25px;}
.news7 .btn2 img{ width:22px; height:22px; margin-right: 4px;}
}
@media screen and (max-width:1270px) {
.news7{ padding:0.4rem 0 0.3rem 0;}	
.news7 .down{margin-top:0.14rem;}
}	
@media screen and (max-width:1024px) {
.news7{ height: auto;}	
.news7 .btn2{
font-size: 14px;
line-height: 23px;
}
.news7 .btn2 img{ width:20px; height:20px; margin-right: 4px;}
.news7 .ph_btn{ display:flex;}
.news7 .pc_btn{ display:none;}
}
@media screen and (max-width:767px) {
.news7{padding:20px 0 35px 0;}	
.news6{ padding:30px 0;}	
.news6 .box02 .right{ width: auto;}
.news5{ padding:30px 0 37px 0;}	
.w1380{ padding:0 16px; }
.w1920{ padding:0 15px; }
}	



.gtzz{ overflow: hidden; position: relative;
  width: 100%;
  margin: 0 auto;
/*  max-width: 1920px; */}
.gtzz .ul{ display: flex; width: 100%;}
.gtzz .li{ display: flex; width: 20%; background: #000; position: relative; overflow: hidden;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s; }
.gtzz .li .bg{ display:block; width: 100%; height: 100%; position: absolute; left:0; top:0; z-index: 2; opacity: 0.75;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s; 
}
.gtzz .li .cont{ display:flex; flex-wrap: wrap; justify-content:center; align-content: center; width: 100%; height:100vh; position: relative; z-index:4; padding:14vh 0.2rem;}
.gtzz .li .tit1{ text-align: center; width:100%; color: #fff; font-size:0.36rem; line-height:0.46rem; color: #fff; font-weight: bold; margin:5vh 0;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.gtzz .li .tit1 span{ color: #fff; font-size:14px; line-height:24px; text-transform: uppercase; display: block; color: #fff; opacity:0.7; font-weight: normal;}
.gtzz .li .tit2{ display: flex; align-items: center; width:100%; color: #fff; font-size:16px; line-height:25px; opacity:0.8; margin-top:0.14rem;}
.gtzz .li .tit2 .ico{ display:flex; align-items: center; justify-content: center; border: 1px solid #fff; border-radius: 50%; width: 40px; height: 40px; margin-right: 14px; transition:background 0.5s ease; -o-transition:background 0.5s ease; -moz-transition:background 0.5s ease;  -webkit-transition:background 0.5s ease;}
.gtzz .li .tit2 .ico img{ width: 24px; height: 24px;}
.gtzz .li .tit2 .ino1{ display: block;}
.gtzz .li .tit2 .ino2{ display: none;}
.gtzz .li .tit2 .s{ display: inline-flex; position: relative;}
.gtzz .li .tit2 .n{ display: inline-flex; position: absolute; left: 0; top:0; opacity: 1;}
.gtzz .li .tit2 .b{ display: inline-flex; font-weight: bold; opacity: 0;}
.gtzz .li .tit2:hover{opacity:1;}
.gtzz .li .tit2:hover .ico{ background:#fff;}
.gtzz .li .tit2:hover .ino1{ display: none;}
.gtzz .li .tit2:hover .ino2{ display: block;}
.gtzz .li .tit2:hover .n{ opacity:0;}
.gtzz .li .tit2:hover .b{ opacity:1;}
.gtzz .li .info{ display: none; flex-wrap: wrap; flex-direction: column; padding-top: 1vh; }
.gtzz .li:hover{ z-index:5; background:#EF7D1D;}
.gtzz .li:hover .bg{ opacity:0.3;width: 110%; margin-left: -5%; margin-right: -5%; }
.gtzz .li:hover .cont{ align-content: flex-start;}
.gtzz .li:hover .tit1{ margin:0 !important;}
.gtzz .li:hover .info{ display: flex;}

.gtzz .li.on{ z-index:5; background:#EF7D1D;}
.gtzz .li.on .bg{ opacity:0.3;width: 110%; margin-left: -5%; margin-right: -5%; }
.gtzz .li.on .cont{ align-content: flex-start;}
.gtzz .li.on .tit1{ margin:0 !important;}
.gtzz .li.on .info{ display: flex;}


.gtzz .swiper-next,
.gtzz .swiper-prev{ z-index: 10; border-radius: 50%; cursor: pointer; opacity:0;
top: 50%; margin-top:-0.19rem;
position: absolute;
width: 0.38rem;
height: 0.38rem;
background:url(../images/right0.svg) center no-repeat rgba(0, 0, 0, 0.54); background-size:84.2% auto !important;}
.gtzz .swiper-next{right:0.2rem;}
.gtzz .swiper-prev{left:0.2rem; transform: rotateY(180deg); -ms-transform: rotateY(180deg); }
.gtzz .swiper-next:hover,
.gtzz .swiper-prev:hover{background:url(../images/right0.svg) center no-repeat #EF7D1D;}
.gtzz:hover .swiper-next,
.gtzz:hover .swiper-prev{ opacity: 1;}

.gtzz .swiper-pagination{ display:none; position: absolute; z-index:10; left: 0; bottom:25px; width: 100%; justify-content: center;}
.gtzz .swiper-pagination-bullet{ display:block; width: 10px; height:10px; border-radius: 50%; background: #fff; opacity: 0.4; margin:0 5px;}
.gtzz .swiper-pagination-bullet-active{ opacity: 1;}


@media screen and (max-width:1600px) {
.gtzz .li .cont{ padding:10vh 0.2rem;}	
.gtzz .li .info{ padding-top:0.8vh; }
.gtzz .li .tit2{ margin-top:0.12rem;}
.gtzz .li .tit2 .ico{ width: 34px; height: 34px; margin-right: 10px}
.gtzz .li .tit2 .ico img{ width: 20px; height: 20px;}
}	
@media screen and (max-width:1440px) {
.gtzz .li .cont{ padding:6vh 0.2rem;}	
.gtzz .li .tit2 .ico{ width: 30px; height: 30px; margin-right: 10px}
.gtzz .li .tit2 .ico img{ width: 16px; height: 16px;}
}	
@media screen and (max-width:1024px) {
.gtzz .li .cont{/* height:100%; */ padding:150px 14px; align-content: flex-start;}
.gtzz .li .tit1{ font-size:18px; line-height:26px; margin: 0 ;}
.gtzz .li .tit2{ font-size:14px; line-height:24px; margin-top:14px}
.gtzz .li .info{ display: block;}
.gtzz .li:hover .tit2{ margin-top:10px;}
/* .gtzz .swiper-pagination{ display:flex;} */
.gtzz .swiper-next,
.gtzz .swiper-prev{
margin-top:-12px; opacity:1;
width:24px;
height:24px;}
.gtzz .swiper-next{right:5px;}
.gtzz .swiper-prev{left:5px; }
}	
@media screen and (max-width:767px) {
.gtzz .li{ width:100%;}
}	

@keyframes rotate {
  0% {
    transform: rotate(0deg); -ms-transform: rotate(0deg);
  }
  100% {
     transform: rotate(360deg); -ms-transform: rotate(360deg);
  }
}

.buju1{ width: 100%; height:100vh; overflow: hidden; position:relative; left:0; top:0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background: #000;}
.buju1 .box{  width: 100%; margin:0 auto;/* max-width:1920px; */ position: relative;}
.buju1 #video-one{ display: block; margin:0 auto; width:100%; height:100vh; object-fit: contain;}
.buju1  .btn{ display: flex; width:50%; align-items: center; justify-content: center; position: absolute; left:25%; top:50%; z-index: 6; transform: translateY(-50%); -ms-transform: translateY(-50%); padding-bottom: 0.57rem;}
.buju1  .btn a{ display: flex; color: #fff; font-size: 22px; line-height:32px; font-weight: 700; margin:0 32px; padding-right: 20px; position: relative;}
.buju1  .btn a::after{ display:block; content:''; position: absolute; right:0; top:50%; border-top: 6px solid transparent; border-bottom:6px solid transparent;border-left: 8px solid #fff; margin-top:-5px; }
.buju1  .btn a:hover{ color:#EF7800;}
.buju1  .btn a:hover::after{ border-left: 8px solid #EF7800;}
.buju1 .pic{ display:none; width: 100%; height: 90%; position: absolute; left: 0; top:10%; z-index: 1;
animation: rotate 40s linear infinite;
}
 
 @media screen and (max-width:1024px) {
.buju1{ padding:0 0 97px 0;}	 
.buju1 #video-one{ width:100%; height:70vh; object-fit: cover; opacity: 0;}
.buju1  .btn{ width:100%; left:0%; padding-bottom:0;}
.buju1  .btn a{ font-size:16px;margin:0 16px; padding-right:16px;}
.buju1  .btn a::after{ border-top: 5px solid transparent; border-bottom:5px solid transparent;border-left: 6px solid #fff; margin-top:-4px; }
.buju1  .btn a:hover::after{ border-left: 5px solid #EF7800;}
.buju1 .pic{ display:block;}
 }
 
 

.stateTip, 
#StateTip { display: none; position: absolute; background: #575656; border-radius: 4px; color:#fff; font-weight: 700; font-size:16px; line-height:25px;  padding:8px 8px; border-radius:18px 18px 18px 0; 
box-shadow: 0px 6.15px 6.15px 0px rgba(0, 0, 0, 0.25)
}
.mapInfo .li{ cursor: pointer; display: block; width:12px; height:12px;  margin:-6px 0 0 -6px; position: absolute; display:inline-flex;}
.mapInfo .li i{ display:inline-flex; width:12px; height:12px; border-radius: 50%; border:2px solid #EF7800;  z-index: 6; position: relative; }
.mapInfo .li i::after,
.mapInfo .li i::before{ display: block; content:''; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); border-radius: 50%; border:1px solid #EF7800;}
.mapInfo .li i::after{ width:20px; height:20px;animation: sann-one 2s linear infinite;}
.mapInfo .li i::before{width:28px; height:28px;animation: sann-two 2s linear infinite;}
.mapInfo .li span{ position: absolute;  z-index: 6; display:inline-flex; white-space: nowrap; background: #575656; color:#fff; font-weight: 700; font-size:0.18rem; line-height:0.3rem;  padding:0.09rem 0.1rem; border-radius:0.3rem 0.3rem 0.3rem 0; 
box-shadow: 0px 6.15px 6.15px 0px rgba(0, 0, 0, 0.25) }
.mapInfo .li:hover span{ background: #EF7800; }
.mapInfo .li font{ position: absolute; display:inline-flex; white-space: nowrap; color:#000; font-size:0.19rem; line-height:1.4; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); z-index: 6; left:50%; top:50%; } 
.mapInfo .li .sect{ position: absolute; left:50%; bottom: 100%; display:none; flex-wrap: wrap; transform: translate(-50%,-0.65rem); -ms-transform: translate(-50%,-0.65rem); z-index: 10;
width: 4.09rem;
background: #EF7800;
border-radius:0.09rem; margin-left: 0.2rem;
 } 
.mapInfo .li .sect::before{ display: block; content:''; position: absolute; left:50%; top:100%; border-left: 0.1rem solid transparent; border-right:0.1rem solid transparent;border-top: 0.1rem solid  #EF7800; }
.mapInfo .li .sect1{bottom:auto; top:100%;transform: translate(-50%,0.1rem); -ms-transform: translate(-50%,0.1rem);}
.mapInfo .li .sect1::before{ top:auto;bottom:100%; transform:rotate(180deg); -ms-transform:rotate(180deg);}
.mapInfo .li:hover .sect{ display: block;} 
.mapInfo .li .sect .t1{ display:flex; align-items: center; width:100%; color:#fff; font-size:0.24rem; line-height:0.4rem;border-bottom: 1px dashed rgb(237, 237, 237); padding: 0.19rem 0.19rem;} 
.mapInfo .li .sect .t1 .ico{ min-width:0.28rem; height:0.28rem; margin-right: 0.1rem; }
.mapInfo .li .sect .dl{ display:block; width:100%; padding:0.16rem 0;}
.mapInfo .li .sect .dl .dd{ display:flex; align-items: center; width:100%; color:#fff; font-size:0.16rem; line-height:0.19rem; padding:0.03rem 0.19rem; text-align: left; } 
.mapInfo .li .sect .dl .dd .ico{ min-width:0.28rem; height:0.28rem; margin-right: 0.05rem; }
.mapInfo .li .sect .dl .dd .t2{ min-width:0.77rem;width:0.77rem; line-height:0.4rem; }
 
@media screen and (max-width:1024px) {
.mapInfo .li{  width:8px; height:8px; margin:-5px 0 0 -5px;}	
.mapInfo .li i{ width:8px; height:8px;}
.mapInfo .li i::after{ width:14px; height:14px;}
.mapInfo .li i::before{width:20px; height:20px;}
.mapInfo .li span{ font-size:0.34rem; line-height:0.4rem; padding:0.18rem 0.2rem; border-radius:0.3rem 0.3rem 0.3rem 0;  }
.mapInfo .li font{ font-size:0.34rem; line-height: 2;} 
.mapInfo .li .sect{width:6.6rem;border-radius:0.18rem; }
.mapInfo .li .sect .t1{ font-size:0.48rem; line-height:0.58rem; padding: 0.4rem 0.35rem;} 
.mapInfo .li .sect .t1 .ico{ min-width:0.56rem; height:0.56rem; margin-right: 0.2rem; }
.mapInfo .li .sect .dl{padding:0.3rem 0;}
.mapInfo .li .sect .dl .dd{ font-size:0.3rem; line-height:0.4rem; padding:0.04rem 0.35rem; } 
.mapInfo .li .sect .dl .dd .ico{ min-width:0.56rem; height:0.56rem; margin-right: 0.16rem; }
.mapInfo .li .sect .dl .dd .t2{ min-width:1.1rem;width:1.1rem; line-height:0.7rem; }
}
  
 
 
 @keyframes sann-one {
   0% {
     transform: translate(-50%,-50%) scale(1); -ms-transform: translate(-50%,-50%) scale(1);
   }
 50% {
      transform: translate(-50%,-50%) scale(1.3); -ms-transform: translate(-50%,-50%) scale(1.3);
   }
   100% {
      transform: translate(-50%,-50%) scale(1); -ms-transform: translate(-50%,-50%) scale(1);
   }
 }
 @keyframes sann-two {
   0% {
     transform: translate(-50%,-50%) scale(1); -ms-transform: translate(-50%,-50%) scale(1);;
   }
 50% {
      transform: translate(-50%,-50%) scale(1.3); -ms-transform: translate(-50%,-50%) scale(1.3);
   }
   100% {
     transform: translate(-50%,-50%) scale(1); -ms-transform: translate(-50%,-50%) scale(1);
   }
 }
 
 .buju2{ width: 100%; height:100%; position: relative; left:0; top:0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; overflow: hidden;}
 .buju2 .box{  width: 100%; margin:0 auto;/* max-width:1920px; */text-align: center; line-height: 0;}
 .buju2 .Map{  padding:160px 0 0.6rem 0; width: 100%;display: flex; flex-wrap: wrap;justify-content: center;}
 .buju2 .w780{ width:100%; height: 1166px; position: relative; }
 .buju2 .title{ display:flex; flex-direction: column; text-align: right; z-index: 10; position: absolute; right: 0; top:1.4rem;/* max-width:1920px; */ padding:0 25px; }
 .buju2 .tit1{ display:block; width:100%; 
 color:#fff;
 font-size:0.48rem;
 font-weight: 700;
 line-height:0.65rem;
 }
 .buju2 .tit2{ display:block; width:100%; 
 	color:#fff;
 	font-size: 22px;
 	font-weight: 700;
 	line-height:25px; margin-top:2px;
 }

.buju2 .w1100{ width:100%;  position: relative; }
.buju2 #WorldMap{ display: flex; justify-content: center; height:8.5rem !important; z-index: 6;}
.buju2 .svggroup{ width:95vw;}
.buju2 .svggroup svg{ width:95vw; height:8.5rem !important; margin-top:-0.2rem; /*  transform: scaleY(1.6); margin-top: -20%; */}
 
 @media screen and (max-width:1024px) {
.buju2 .title{ width:100%; text-align: center; padding:0 15px; top:100px}
.buju2 .tit1{ font-size:24px; line-height:32px;}
.buju2 .tit2{ font-size:16px; line-height:24px;} 
.buju2 .Map{  padding:200px 0 40px 0;}

}
 @media screen and (max-width:767px) {



 } 
  
.buju3{ width: 100%; height:100%; position: relative; left:0; top:0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; overflow: hidden;}
.buju3 .box{  width: 100%; margin:0 auto;/* max-width:1920px; */ text-align: center; line-height: 0;}
.buju3 .Map{ padding:150px 0 77px 0; display: flex; flex-wrap: wrap;justify-content: center;}
.buju3 .w780{ width:100%; position: relative; padding-bottom:21%; }
.buju3 .w780::after{ display: block; content: ''; position: absolute;left:8%; top:0%; width: 90%; height: 100%;background:url(../images/NB-Map2.PNG) top center no-repeat; background-size:100% auto !important; z-index: 1;}
.buju3 .title{  display:flex; flex-direction: column; text-align: right; z-index: 10; position: absolute; right: 0; top:1.4rem;/* max-width:1920px; */ padding:0 25px; z-index: 10; }
.buju3 .tit1{ display:block; width:100%; 
color:#fff;
font-size:0.48rem;
font-weight: 700;
line-height:0.65rem;
}
.buju3 .tit2{ display:block; width:100%; 
color:#fff;
font-size: 22px;
font-weight: 700;
line-height:25px; margin-top:2px;
}
.buju3 #ChinaMap1{ display: flex; justify-content: center; width:100vw !important; height:66vw !important; z-index: 6; margin-left: -2%; }
.buju3 .svggroup{ width:100vw !important;}
.buju3 .svggroup svg{ width:100vw !important; height: 66vw !important; transform: scaleX(1.16);}
.buju3 .mapInfo .li .sect{transform: translate(-57%,-0.35rem); -ms-transform: translate(-57%,-0.35rem);}
.buju3 .mapInfo .li .sect1{transform: translate(-57%,0.4rem); -ms-transform: translate(-57%,0.4rem);}
.buju3 .mapInfo .li i{ position: absolute; left:-350%; top:250%; opacity:0;}
.buju3 .mapInfo .li span{ opacity:0; left:50%; top:50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); }
.buju3 .mapInfo .li:hover i{ opacity:1;}
.buju3 .mapInfo .li:hover span{ opacity:1;}


@media screen and (max-width:1024px) {
.buju3 .title{ width:100%; text-align: center; padding:0 15px; top:100px}
.buju3 .tit1{ font-size:24px; line-height:32px;}
.buju3 .tit2{ font-size:16px; line-height:24px;} 
.buju3 .Map{ padding:200px 0 40px 0;height:-webkit-calc(100vh - 128px); height:-moz-calc(100vh - 128px); height:calc(100vh - 128px);}
.buju3 #ChinaMap1{height:73vw !important; margin-left: -2%; }
.buju3 .svggroup svg{ height:73vw !important; transform: scaleX(1);}
.buju3 .mapInfo .li i{ left:-240%; top:140%;}
}
@media screen and (max-width:767px) {

}



.mbox{ display: flex; flex-wrap: wrap; align-items:center; justify-content: space-between; padding:0.16rem 80px; width:100%;}

.xtgc1{ background: #fff;}
.xtgc1 .mbs{ padding:16px 0;}
.xtgc2{padding:0; position: relative; overflow: hidden; height:100vh;  display: flex; flex-wrap: wrap; align-content:center;}
.xtgc2 .div{ width:100%; height:100vh; position: absolute; left: 0; top: 0; z-index: 1;}
.xtgc2 .pc{ display:block; }
.xtgc2 .ph{ display:none; }

@media screen and (max-width:1920px) {
.xtgc2{align-content: center;}
}
@media screen and (max-width:1024px) {
.xtgc2{ padding:0 0 30px 0; height: auto;}	 
.xtgc2 .div{ height: 100%;}
.xtgc2 .pc{ display:none; }
.xtgc2 .ph{ display:block; }
.mbox{ padding:10px 26px; justify-content: flex-end;}

}

.xtgc4{ background: #fff; border-radius: 8px; padding:36px 46px; color:#2C2B28; font-weight: 400; font-size: 14px; line-height: 32px;}
.xtgc4 .li{ display: flex; width: 100%; padding:20px 0;}
.xtgc4 .p{ width: 100%;}
.xtgc4 .tit{ color:#040000; font-size:16px; font-weight: 700; min-width: 195px; padding:0 15px 0 28px; background: url(../images/ico1.png) left 10px no-repeat; background-size:auto 12px !important;}

@media screen and (max-width:1024px) {
.xtgc4{  line-height:24px; padding:25px 15px;} 
.xtgc4 .li{ flex-wrap: wrap; padding:10px 0;}
.xtgc4 .tit{font-size: 15px; line-height:24px; min-width: 100%; } 
.xtgc4 .p{ margin-top:8px;}
.xtgc4 .p br{ display:none;}
}

.xtgc8{ display: flex; width:100%; padding: 72px 0 16px 0;}
.xtgc8 .tit{display: flex; color:#2E2E2E; font-size:24px; line-height: 36px; position: relative; font-weight: 400; padding:0 0 0 14px;}
.xtgc8 .tit::after{ display: block; content:''; position: absolute; left: 0; top:50%; margin-top:-5px; width: 6px; height: 12px; border-radius: 6px; background: #EF7800;}
.xtgc3{ flex-wrap: wrap; display: flex; width: 100%; justify-content: space-between; align-items:center; margin:0.19rem 0 0.35rem 0; position:relative;}
.xtgc3 .left{ position: relative; background: #fff; border-radius: 8px; overflow: hidden; width:51.9%; line-height:0;}
.xtgc3 .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.xtgc3 .swiper-slide{flex-shrink: 0; position: relative; transition-property: transform; width:100%; line-height: 0; overflow: hidden;}
.xtgc3 .swiper-slide .pic{ display: block; width: 100%; position: relative; overflow:hidden; padding-bottom:79.42%;
/* height:-webkit-calc(100vh - 138px - 0.91rem); height:-moz-calc(100vh - 138px - 0.91rem); height:calc(100vh - 138px - 0.91rem); */
}
.xtgc3 .swiper-slide .img{ width: 100%; height: 100%; object-fit: contain; position: absolute; left: 0; top: 0;
	-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.xtgc3 .swiper-slide .play{ cursor: pointer; width:40px; height:40px; position: absolute; z-index: 6;left:50%; top:50%; margin: -20px 0 0 -20px; }
.xtgc3 .swiper-slide:hover .img{transform: scale(1.06); -ms-transform: scale(1.06);}
.xtgc3 .swiper-prev,
.xtgc3 .swiper-next{ z-index: 6; cursor: pointer; display: block; width:32px; height:32px; position: absolute; top:50%; margin:-16px 10px 0 10px; background: url(../images/ico5.svg) center no-repeat; background-size:auto 100% !important;}
.xtgc3 .swiper-prev:hover,
.xtgc3 .swiper-next:hover{ background: url(../images/ico5.1.svg) center no-repeat; }
.xtgc3 .swiper-prev{ left:0;}
.xtgc3 .swiper-next{  right:0; transform: rotateY(180deg); -ms-transform: rotateY(180deg);}
.xtgc3 .right{ display: flex; flex-wrap: wrap; width:42.03%; margin:0 0 8px 0; position:absolute; right:0; height:100%;}
.xtgc3 .right .cont{ width: 100%; color:#fff; font-weight: 400; font-size: 16px; line-height: 35px; margin-top: 0.48rem; height:60%; overflow-y:auto; scrollbar-width: thin; padding-right:10px;}
.xtgc3 .right .s{ width: 100%; display: block; position: relative; padding-left: 24px;}
.xtgc3 .right .s::after{ display: block; content:''; position: absolute; left:8px; top:16px; width: 5px; height:5px; background: #fff; border-radius: 50%;}
.xtgc3 .right .info{ width: 100%; color:#fff; font-weight: 400; font-size: 16px; line-height: 24px; margin-top: 8px;}
.xtgc3 .right .title{ width: 100%; color:#fff; font-size:36px; line-height:44px; padding:0.05rem 0; }
.xtgc3 .right .btn{ width: 100%; margin-top: 0.64rem;}
.xtgc3 .right .btn a{ display:flex; justify-content:center; align-items: center;
width: 100%;
height: 48px; background:#EF7800;
border-radius: 8px; color:#fff; font-size:16px; font-weight: 400; line-height: 1;
}
.xtgc3 .right .btn a img{ display: block; width: 20px; height: 20px; margin-right: 12px;}
.xtgc3 .right .btn a:hover{ background: #EF7D1D ; color: #fff;
}

@media screen and (max-width:1920px) {
.xtgc3 .left{width:50.9%;}
}
@media screen and (max-width:1600px) {
.xtgc3 .right{ width:42.03%; margin:0 0 8px 0;}
.xtgc3 .right .title{ font-size:32px; line-height:40px; }
.xtgc3 .right .cont{ font-size: 16px; line-height: 32px; margin-top: 0.34rem;}
.xtgc3 .right .s::after{  left:8px; top:13px;}
.xtgc3 .right .btn{ margin-top: 0.44rem;}
}
@media screen and (max-width:1440px) {
.xtgc3 .left{width:47.9%;}	
.xtgc3 .right{ width:47.03%; margin:0 0 8px 0;}
.xtgc3 .right .title{ font-size:32px; line-height:40px; }
.xtgc3 .right .cont{ font-size: 14px; line-height:26px; margin-top: 0.24rem;}
.xtgc3 .right .s::after{  left:8px; top:10px;}
.xtgc3 .right .btn{ margin-top: 0.34rem;}
}
@media screen and (max-width:1024px) {
.xtgc8{ display: flex; width:100%; padding:25px 0 14px 0;}
.xtgc3{ margin-top:5px;}
.xtgc8 .tit{font-size:18px; line-height:30px;}	
.xtgc3 .left{ width: 100%;}
.xtgc3 .right{ width: 100%; margin-top:20px; position:initial; height:initial;}
.xtgc3 .right .title{font-size: 18px; line-height:26px;} 
.xtgc3 .right .info{font-size: 14px; line-height:22px; margin-top:4px;}
.xtgc3 .right .cont{font-size: 13px; line-height: 24px; margin-top:12px; max-height:initial; padding-right:0;}
.xtgc3 .right .s{ padding-left:14px;}
.xtgc3 .right .s::after{ left:0; top:10px; width: 5px; height:5px; }
.xtgc3 .right .btn { margin-top:25px;}
.xtgc3 .right .btn a{height:44px; font-size:14px;}
.xtgc3 .swiper-slide .pic{ padding-bottom:79.42%;
height:auto;}
.xtgc3 .swiper-slide .play{ width:30px; height:30px; margin: -15px 0 0 -15px;}
.xtgc3 .swiper-prev,
.xtgc3 .swiper-next{ background-size:auto 22px !important;}
.xtgc3 .swiper-prev{ left:-5px;}
.xtgc3 .swiper-next{  right:-5px;}
}


.gcxt-wrap{ display: block; width: 100%; line-height: 0; position: relative; overflow: hidden;}
.gcxt-wrap::after{ display: block; width: 100%; height:100%; background:#000; z-index: 1; opacity:0.3; content:''; position: absolute; left: 0; top:0;}
.box-wrap{ display: block; width: 100%; position: absolute; left:0; bottom:26px; z-index: 6;}
.box-wrap .title{ display: block; width: 100%; color: #fff; font-weight: 400; font-size: 0.48rem; line-height:0.58rem; padding-bottom: 10px;}

@media screen and (max-width:1024px) {
.box-wrap .title{ font-size:20px; line-height:30px; padding-bottom: 10px;}
}

.xtgc5{ padding:56px 0 0 0; background: #fff;}
.xtgc5 .box{ display: flex; align-items:flex-start; justify-content: space-between; flex-wrap: wrap; /*flex-direction: row-reverse;*/ background:#F8F8F8; overflow: hidden; border-radius: 24px; position:relative;}
.xtgc5 .left{ display: block; width:50%; padding:0.82rem 0.7rem; position:absolute; right:0; height:100%;}
.xtgc5 .title{ display: block; width: 100%; color:#040000; font-weight: 400; font-size:36px; line-height:45px; -webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.xtgc5 .cont{ width: 100%; color:#575656; font-weight: 400; font-size: 16px; line-height:33px; margin-top: 0.42rem; max-height:60%; overflow-y:auto; padding-right:10px; scrollbar-width: thin;}



.xtgc5 .right{ display: block; width:50%; overflow: hidden; line-height: 0;}
.xtgc5 .right img{-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.xtgc5  .box:hover .title{  color: #EF7D1D;}
.xtgc5  .box:hover .right img{ transform: scale(1.1); -ms-transform: scale(1.1);}


@media screen and (max-width:1600px) {
.xtgc5 .left{padding:0.72rem 0.6rem;}
.xtgc5 .title{ font-size:32px; line-height:40px; }
.xtgc5 .cont{ font-size: 16px; line-height:32px; margin-top: 0.32rem;}
}
@media screen and (max-width:1440px) {
.xtgc5 .left{padding:0.62rem 0.5rem;}
.xtgc5 .cont{ font-size: 16px; line-height:28px; margin-top: 0.22rem;}
}
@media screen and (max-width:1024px) {
.xtgc5{padding:25px 0 0 0;}
.xtgc5 .box{border-radius: 12px; flex-direction: row-reverse;}
.xtgc5 .left{width:100%;padding:25px 15px; position:initial; height:initial;}
.xtgc5 .title{ font-size:20px; line-height:28px;}
.xtgc5 .cont{font-size: 14px; line-height:24px; margin-top:10px; max-height:initial}
.xtgc5 .right{width:100%;}
}


.xtgc16{ padding:0 0 56px 0;}
.xtgc16 .box{ display: flex; align-items:center; justify-content: space-between; flex-wrap: wrap;background:#fff; overflow: hidden; border-radius:12px; margin-top:56px;}
.xtgc16 .left{ display: block; width:50%; padding:0.5rem 0.56rem;}
.xtgc16 .title{ display: block; width: 100%; color:#040000; font-weight: 400; font-size:30px; line-height:37px;-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s; }
.xtgc16 .cont{ width: 100%; color:#575656; font-weight: 400; font-size: 16px; line-height:33px; margin-top: 0.18rem;}
.xtgc16 .right{ display: block; width:50%; overflow: hidden; line-height: 0;}
.xtgc16 .box:nth-child(2n){ flex-direction: row-reverse; }
.xtgc16 .right img{-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.xtgc16  .box:hover .title{  color: #EF7D1D;}
.xtgc16  .box:hover .right img{ transform: scale(1.1); -ms-transform: scale(1.1);}

@media screen and (max-width:1600px) {
.xtgc16 .title{ font-size:26px; line-height:32px; }
.xtgc16 .cont{ font-size: 16px; line-height:28px;}
}
@media screen and (max-width:1440px) {
.xtgc16 .left{padding:0.4rem 0.4rem;}
.xtgc16 .cont{ font-size: 14px; line-height:24px;}
}
@media screen and (max-width:1024px) {
.xtgc16{padding:0 0 20px 0;}
.xtgc16 .box{ margin-top:25px;}
.xtgc16 .left{width:100%;padding:25px 15px;}
.xtgc16 .title{ font-size:18px; line-height:26px;}
.xtgc16 .cont{; margin-top:10px;}
.xtgc16 .right{width:100%;}
}

.z6{ position: relative; z-index: 6;}


.xtgc6{ padding:80px 0; background: #fff;}
.xtgc6 .title{ display: block; width: 100%; color:#040000; font-weight: 400; font-size:30px; line-height:1; text-align: center;}
.xtgc6 .box{ display: flex; width:100%; flex-wrap: wrap;  margin-top:56px;}
.xtgc6 .box .ul{ display: flex; flex-wrap: wrap;width:calc(100% + 0.56rem); margin:0 -0.28rem;}
.xtgc6 .box .li{ display: flex; width:25%; flex-wrap: wrap; padding:0 0.28rem;}
.xtgc6 .box .li a{ display: flex; width:100%; position: relative; height: 100%; flex-wrap: wrap; padding-bottom: 30px;}
.xtgc6 .box .li .pic{ display:block; width:100%; position: relative; overflow: hidden; padding-bottom: 79.26%; border-radius: 8px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;  
}
.xtgc6 .box .li .pic img{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top:0; object-fit: cover;-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;  }
.xtgc6 .box .li .tit{ text-align: center; width: 100%; color:#040000; font-weight: 400; font-size: 18px; line-height:30px; margin-top:30px;}
.xtgc6 .box .li .p{ text-align: center; width: 100%; color:#575656; font-weight: 400; font-size: 14px; line-height:19px; margin-top:8px;}
.xtgc6 .box .li a:hover .pic img{ transform: scale(1.1); -ms-transform: scale(1.1); }

@media screen and (max-width:1024px) {
.xtgc6{padding:30px 0 25px 0;}
.xtgc6 .title{ font-size:18px;}
.xtgc6 .box{margin-top:30px;}
.xtgc6 .box .ul{width:calc(100% + 14px); margin:0 -7px;}
.xtgc6 .box .li{ padding:0 7px;}
.xtgc6 .box .li a{ padding-bottom: 20px;}
.xtgc6 .box .li .tit{ font-size: 16px; line-height:26px; margin-top:15px;}
.xtgc6 .box .li .p{ margin-top: 2px;}
}
@media screen and (max-width:767px) {
.xtgc6 .box .li{ width: 50%;}
}


@keyframes scrolling-wrapper1 {
  0% {
    transform: translate3d(0, 0, 0);
  }

  100% {
    transform: translate3d(-90%, 0, 0);
  }
}
@keyframes scrolling-wrapper {
  0% {
    transform: translate3d(0, 0, 0);
  }

  100% {
    transform: translate3d(-100%, 0, 0);
  }
}

.xtgc7{ padding:80px 4px;}
.xtgc7 .title{ display: block; width: 100%; color:#040000; font-weight: 400; font-size:30px; line-height:1; text-align:center;}
.xtgc7 .donw{ display: flex;width:100%; margin:30px 0 0 0; position: relative;}
.xtgc7 .box{ display: flex; width:100%; overflow: hidden;}
.xtgc7 .box .bd{width:100%;/* animation: scrolling-wrapper 40s linear infinite;overflow: hidden; */}
.xtgc7 .box .list{ display: flex;}
.xtgc7 .box .ul{width:100% !important;}
.xtgc7 .box .li{ display: flex; width:264px; flex-wrap: wrap; padding:0 12px;background: #F8F8F8;}
.xtgc7 .box .li .card{ display: block; width:100%;}
.xtgc7 .box .li a{ display: flex; width:100%; position: relative; flex-wrap: wrap; margin-top:26px;}
.xtgc7 .box .li .pic{ display:block; width:100%; position: relative; overflow: hidden; padding-bottom: 54.16%;-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;  
}
.xtgc7 .box .li .pic img{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top:0; object-fit: cover;-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;  }
.xtgc7 .box .li .tit{ text-align: center; width: 100%; color:#040000; font-weight: 400; font-size: 14px; line-height:21px; margin-top:8px;}
.xtgc7 .box .li a:hover .pic{box-shadow: 0px 0px 34px 0px rgba(239, 125, 29, 0.17)}
.xtgc7 .box .bd{ display: flex; width:100%;}
.xtgc7 .swiper-prev,
.xtgc7 .swiper-next{ z-index: 10; cursor: pointer; display: block; width:32px; height:32px; position: absolute; top:50%; background: url(../images/right1.svg) center no-repeat; background-size:auto 80% !important;}
.xtgc7 .swiper-prev{ left:-40px; transform: rotateY(180deg); -ms-transform: rotateY(180deg);}
.xtgc7 .swiper-next{  right:-40px;}
.xtgc7 .swiper-prev:hover,
.xtgc7 .swiper-next:hover{ background: url(../images/right2.svg) center no-repeat;}

.xtgc7 .prev,
.xtgc7 .next{ z-index: 10; cursor: pointer; display: block; width:32px; height:32px; position: absolute; top:50%; background: url(../images/right1.svg) center no-repeat; background-size:auto 80% !important;}
.xtgc7 .prev{ left:-40px; transform: rotateY(180deg); -ms-transform: rotateY(180deg);}
.xtgc7 .next{  right:-40px;}
.xtgc7 .prev:hover,
.xtgc7 .next:hover{ background: url(../images/right2.svg) center no-repeat;}
.xtgc7 .box .tempWrap{ width:100% !important;}



@media screen and (max-width:1024px) {
.xtgc7{padding:30px 0 20px 0;}
.xtgc7 .donw{  margin:10px 0 0 0; }
.xtgc7 .title{ font-size:18px;}
.xtgc7 .box{  width: 100%;}
.xtgc7 .box .ul{width:100%; margin:0;}
.xtgc7 .box .li{ padding:0 7px;}
.xtgc7 .box .li a{margin-top:20px;}
.xtgc7 .box .li a:hover .pic{box-shadow: 0px 0px 17px 0px rgba(239, 125, 29, 0.17)}
.xtgc7 .swiper-prev,
.xtgc7 .swiper-next{ top:-35px; background-size:auto 70% !important;}
.xtgc7 .swiper-prev{ left:auto; right:30px; transform: rotateY(180deg); -ms-transform: rotateY(180deg);}
.xtgc7 .swiper-next{  right:0;}

.xtgc7 .prev,
.xtgc7 .next{ top:-35px; background-size:auto 70% !important;}
.xtgc7 .prev{ left:auto; right:30px; transform: rotateY(180deg); -ms-transform: rotateY(180deg);}
.xtgc7 .next{  right:0;}
}
@media screen and (max-width:767px) {
.xtgc7 .box .li{ width:180px;}
.xtgc7 .box .bd{  animation: scrolling-wrapper 25s linear infinite;}
}


.zzjg1{background: #F8F8F8;
  padding: 98px 0 111px 0;}
.zzjg1 .pic{ display: block; line-height: 0; margin-top: 50px; text-align: center;} 
.zzjg1 .pic img{ display: block; margin: 0 auto;}
  
@media screen and (max-width:1024px) {
.zzjg1{padding:30px 0;}
.zzjg1 .pic{ margin-top: 20px;}

}  
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    min-height: 1px;
    outline: 0;
/*    padding-left: 14px;
    padding-right: 14px;*/
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    /*display: block;*/
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    /*border: 1px solid transparent;*/
}
.slick-arrow.slick-hidden {
    display: none;
}
/* Slider */
.slick-loading .slick-list
{
    background: #fff center center no-repeat;
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width:20px;
    height: 20px; z-index: 6;
    padding: 0; border-radius: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    outline: none;
    background:url(../img/right5.svg) center no-repeat; background-size:100% auto !important;
    z-index:10;
}
.slick-prev:hover,
.slick-next:hover{background:url(../img/right6.svg) center no-repeat; }
.slick-prev{
    left:0;    -webkit-transform: translate(0, -50%) rotateY(180deg);
    -ms-transform: translate(0, -50%) rotateY(180deg);
    transform: translate(0, -50%) rotateY(180deg);
}
.slick-next{
    right:0;
}
@media  screen and (max-width:1024px){
 
}


.zzjg2 .w1380{ position: relative;}
.zzjg2{background: #fff;
padding: 98px 0 111px 0;}
.zzjg2 .name{ margin-top: 24px; margin-left:-8px;/* margin-right: -8px; overflow: hidden; */
display: flex;width:calc(100% + 8px);}
.zzjg2 .name .slick-list{ padding:0 6% 0 0; min-width: 100%;}
.zzjg2 .name .slick-track{
 display: flex; flex-wrap: wrap;
}
.zzjg2 .name .title_item {
width: 100%;
}
.zzjg2 .name .title_item li {
display: flex;
width:auto;
padding: 0 8px; height: auto;
z-index: 10;
}
.zzjg2  .name .title_item li a {width: 100%;
padding:8px 16px; border-radius: 4px; background: #F8F8F8; border:#F8F8F8 1px solid;
font-weight: 400; color:#575656; font-size:16px; line-height:24px;
position: relative; height: 100%;position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content:center;
z-index: 100;
}
.zzjg2 .name .title_item  li.slick-current a,
.zzjg2 .name .title_item  li.swiper-slide-active a,
.zzjg2 .name .title_item  li.on a,
.zzjg2 .name .title_item li:hover a {
color: #EF7800; border:1px solid #EF7800;
background:#F7F3F0;
}

.zzjg2 .box2{ display: block; width: 100%; margin-top:40px;}
.zzjg2 .box2 .ul{ display: flex; flex-wrap: wrap;width:calc(100% + 24px); margin:0 -12px;}
.zzjg2 .box2 .li{ display: flex; width:33.33%; flex-wrap: wrap; margin-top:24px; padding:0 12px;}
.zzjg2 .box2 .la{ display: flex; width:100%; position: relative; height: 100%; flex-wrap: wrap; font-weight: 400; color:#939393; font-size:16px; line-height:26px; padding:31px 30px 55px 30px;border-radius: 8px;
background: linear-gradient(180.00deg, rgb(237, 237, 237),rgba(237, 237, 237, 0) 100%);
}
.zzjg2 .box2 .la:hover{ color:#EF7800;
background: linear-gradient(180.00deg, rgb(239, 120, 0,0.17),rgba(239, 120, 0, 0) 100%); 
}
.zzjg2 .box1{ display: flex; width: 100%;flex-wrap: wrap; align-items: flex-start; justify-content: space-between; margin-top:64px;}
.zzjg2 .box1 .card{ display: flex; flex-wrap: wrap; width: 100%; margin-top:64px;}
.zzjg2 .box1 .card{ display: block; width: 100%; margin-top:64px;}
.zzjg2 .box1 .left { display: block; width:53.9%; margin-top: 24px;}
.zzjg2 .box1 .right { display: block; width:40.5%;  line-height: 0; overflow: hidden; border-radius: 8px;}
.zzjg2 .box1 .title{ width: 100%; font-weight: 400; color:#040000; font-size:0.36rem; line-height:0.54rem;}
.zzjg2 .box1 .line{ width: 54px; height:3px; background:#EF7800; margin-top:12px;}
.zzjg2 .box1 .cont{ width: 100%; font-weight: 400; color:#232323; font-size:18px; line-height:25px; margin-top: 24px;}
.zzjg2 .box{ display: block; width: 100%; overflow: hidden;}
.zzjg2 .box .card{ display: block; width: 100%;}
.zzjg2 .box .div{ display: block; width: 100%;}
.zzjg2 .slick-prev,
.zzjg2 .slick-next{ z-index: 10; cursor: pointer; display: block; width:32px; height:32px; position: absolute; top:-60px; background: url(../images/right1.svg) center no-repeat; background-size:auto 80% !important;}
.zzjg2 .slick-prev{ left: auto; right:32px;
-webkit-transform: translate(0, -50%) rotateY(180deg);
  -ms-transform: translate(0, -50%) rotateY(180deg);
  transform: translate(0, -50%) rotateY(180deg);}
.zzjg2 .slick-next{  right:-8px;}
.zzjg2 .slick-prev:hover,
.zzjg2 .slick-next:hover{ background: url(../images/right2.svg) center no-repeat;}

@media screen and (max-width:1024px) {
.zzjg2{padding:30px 0;}
.zzjg2 .name .title_item li a {padding:6px 12px;}
.zzjg2 .box2{ margin-top:20px;}
.zzjg2 .box2 .ul{width:calc(100% + 14px); margin:0 -7px;}
.zzjg2 .box2 .li{ margin-top:6px; padding:0 7px;}
.zzjg2 .box2 .la{font-size:14px; line-height:24px; padding:20px 15px 30px 15px; }
.zzjg2 .box1 { margin-top:20px;}
.zzjg2 .box1 .left { width:100%; margin-top:6px;}
.zzjg2 .box1 .right { width:100%; margin-top:20px; }
.zzjg2 .box1 .title{ font-size:20px; line-height:30px;}
.zzjg2 .box1 .cont{ font-size:16px; line-height:25px; margin-top:16px;}
.zzjg2 .slick-prev,
.zzjg2 .slick-next{ background-size:auto 70% !important; top:-50px;}
} 
@media screen and (max-width:767px) {
/* .zzjg2 .name .title_item{ overflow-x: auto; white-space: nowrap;} */
.zzjg2 .box2 .li{ width:100%;}
.zzjg2 .name .title_item li a{ font-size:14px;}
/* .zzjg2 .slick-prev{ right:45px;}
.zzjg2 .slick-next{  right:5px;} */
} 



@-webkit-keyframes fadeInRight50 {
    0% {
        -webkit-transform:translateX(0);
        transform:translateX(0);
    }
	100% {
	   -webkit-transform:translateX(-100%);
	   transform:translateX(-100%);
	}
}

@keyframes fadeInRight50 {
    0% {
       -webkit-transform:translateX(0);
       transform:translateX(0);
    }
    100% {
       -webkit-transform:translateX(-100%);
       transform:translateX(-100%);
    }
}
#caseContent{display: flex;width: 100%;
    height: calc(100vh - 20vh);
    padding-top:18vh;
}
#caseContent .w1920{ padding:0 !important;}
#caseContent .box03{ display: flex; width: 100%; position: relative; }
#caseContent .li0{ display: block; width:550px; min-width:550px; padding-left:126px; padding-top: 1vh;}
#caseContent .li0 .tit1{ display: block; width: 100%; color:#040000; font-weight: 700; font-size:0.64rem; line-height:0.72rem; margin-top: 8px;}
#caseContent .li0 .tit2{ display: block; width: 100%; color:#454545; font-weight: 700; font-size:22px; line-height:25px; margin-top: 14px;}
#caseContent .li0 .info{ display: block; width: 100%;padding-top:0.14rem;}
#caseContent .li0 .info .a{ display: block; width: 100%; color:#454545; font-weight: 400; font-size:18px; line-height:25px;margin-top:0.22rem; position: relative; }
#caseContent .li0 .info .a::after{ content:''; position: absolute; left:0; top:50%; display: block; width:0; height:2px; background:#EF7800;-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s; }
#caseContent .li0 .info .a.on::after,
#caseContent .li0 .info .a:hover::after{width:15px;}
#caseContent .li0 .info .a.on,
#caseContent .li0 .info .a:hover{ color:#EF7800; padding-left: 23px;}
#caseContent .caseSwiper{ display: block; width:calc(100% - 550px); overflow: hidden !important; margin: 1vh 0; position: relative;}
#caseContent .caseSwiper::after{ display: block; content: ''; position: absolute; left: 0; top:0; width:60px; height: 100%; z-index: 6;
	  background-image: -webkit-linear-gradient(right, rgba(248,248, 248, 0) 0%, rgba(248,248, 248, 1) 100%);
	  background-image: -moz-linear-gradient(right, rgba(248,248, 248, 0) 0%, rgba(248,248, 248, 1) 100%);
	  background-image: -o-linear-gradient(right, rgba(248,248, 248, 0) 0%, rgba(248,248, 248, 1) 100%);
	  background-image: linear-gradient(right, rgba(248,248, 248, 0) 0%, rgba(248,248, 248, 1) 100%);
}
#caseContent .caseSwiper::before{ display: block; content: ''; position: absolute; right:0; top:0; width:60px; height: 100%; z-index: 6;
	  background-image: -webkit-linear-gradient(left, rgba(248,248, 248, 0) 0%, rgba(248,248, 248, 1) 100%);
	  background-image: -moz-linear-gradient(left, rgba(248,248, 248, 0) 0%, rgba(248,248, 248, 1) 100%);
	  background-image: -o-linear-gradient(left, rgba(248,248, 248, 0) 0%, rgba(248,248, 248, 1) 100%);
	  background-image: linear-gradient(left, rgba(248,248, 248, 0) 0%, rgba(248,248, 248, 1) 100%);
}
.caseSwiper .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.caseSwiper .box{display: flex; width: 100%;}
.caseSwiper .list{width: 100%; min-width: 100%
}
.caseSwiper .down{display: flex; width: 100%; position: relative; z-index: 8;}
.caseSwiper .bd{display: flex; width: 100%;display: flex;animation:scrolling-wrapper 30s linear infinite;}
.caseSwiper .div{display: flex; width: 100%;}
.caseSwiper .ul{ display: flex; width: 100%;}
.caseSwiper .li{ display: flex; flex-wrap: wrap; align-items: flex-start; width:16.66%;  padding:0 0.12rem;background-color: #F8F8F8;}
.caseSwiper .li .card{ display: flex; flex-wrap: wrap; width:100%;}
.caseSwiper .li .a{ display: flex; width:100%; flex-wrap: wrap;margin-top:0.26rem;}
.caseSwiper .li .pic{ display:block; width:100%; position: relative; overflow: hidden; padding-bottom: 54.16%;
border-radius: 8px;
transition: all .6s;
}
.caseSwiper .li .pic img{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top:0; object-fit: cover;-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;  }
.caseSwiper .li .tit{ text-align: center; width: 100%; color:#040000; font-weight: 400; font-size: 14px; line-height:21px; margin-top:0.08rem;}
.caseSwiper .li .a:hover{ transform: translateY(-12px); -ms-transform: translateY(-12px);}
.caseSwiper .li .a:hover .pic{border-radius: 8px; box-shadow:0px 0px 25px 0px rgba(123, 123, 123, 0.4)}
.caseSwiper .swiper-slide { padding-bottom:8vh;}
.caseSwiper .swiper-prev,
.caseSwiper .swiper-next{ z-index: 20; cursor: pointer; display: block; width:32px; height:32px; position: absolute; bottom:0; background: url(../images/right1.svg) center no-repeat; background-size:auto 80% !important;}
.caseSwiper .swiper-prev{ left:0; transform: rotateY(180deg); -ms-transform: rotateY(180deg);}
.caseSwiper .swiper-next{  right:10px;}
.caseSwiper .swiper-prev:hover,
.caseSwiper .swiper-next:hover{ background: url(../images/right2.svg) center no-repeat;}

.caseSwiper .prev,
.caseSwiper .next{ z-index: 10; cursor: pointer; display: block; width:32px; height:32px; position: absolute; bottom:0; background: url(../images/right1.svg) center no-repeat; background-size:auto 80% !important;}
.caseSwiper .prev{ left:0; transform: rotateY(180deg); -ms-transform: rotateY(180deg);}
.caseSwiper .next{  right:10px;}
.caseSwiper .prev:hover,
.caseSwiper .next:hover{ background: url(../images/right2.svg) center no-repeat;}



@media screen and (max-width:1920px) {
#caseContent .caseSwiper::before{ display: none; }	
}	
@media screen and (max-width:1024px) {
#caseContent{ flex-wrap: wrap;
  height: calc(100vh - 20vh);
  padding:66px 0 0 0;
}
#caseContent .caseSwiper::after{ width: 26px;}
#caseContent .caseSwiper::before{ display: block; width: 26px; }
#caseContent .box03{ flex-wrap: wrap;}
#caseContent .li0{ width:100% !important; min-width:100% !important; padding:0 26px 0 26px;}
#caseContent .li0 .tit1{ font-size:30px; line-height:40px; margin-top: 0;}
#caseContent .li0 .tit2{ font-size:16px; line-height:26px; margin-top:4px; }
#caseContent .li0 .info{padding-top:5px; }
#caseContent .li0 .info .a{font-size:14px; line-height:24px;margin-top:2px; }	
#caseContent .caseSwiper{/* padding-top:5px; */ width: 100%;}
.caseSwiper .li{ margin:0; padding:0 7px;}
.caseSwiper .li .a{margin-top:14px;}
.caseSwiper .li .tit{ margin-top:6px;}
.caseSwiper .li .a:hover .pic{box-shadow: 0px 0px 17px 0px rgba(239, 125, 29, 0.17)}
.caseSwiper .swiper-slide { padding-bottom:6vh;}
.caseSwiper .swiper-prev,
.caseSwiper .swiper-next{ background-size:auto 70% !important;}
.caseSwiper .swiper-next{  right:0;}

.caseSwiper .prev,
.caseSwiper .next{ bottom:10px; background-size:auto 70% !important;}
.caseSwiper .next{  right:0;}
}
@media screen and (max-width:767px) {
.caseSwiper .li{ width:33.33%;}
.caseSwiper .list{animation: scrolling-wrapper 12s linear infinite;}
}



@-webkit-keyframes ysfadeInUp {
    0% {
        -webkit-transform:rotate(0deg) scale(0);
        transform:rotate(0deg) scale(0);
    }
    50% {
       -webkit-transform:rotate(360deg) scale(0.4);
       transform:rotate(360deg) scale(0.4);
    }
	100% {
	   -webkit-transform:scale(1);
	   transform:scale(1);
	}
}

@keyframes ysfadeInUp {
   0% {
       -webkit-transform:rotate(0deg) scale(0);
       transform:rotate(0deg) scale(0);
   }
   50% {
      -webkit-transform:rotate(360deg) scale(0.4);
      transform:rotate(360deg) scale(0.4);
   }
   100% {
      -webkit-transform:scale(1);
      transform:scale(1);
   }
}
@-webkit-keyframes ysfadeInUp1 {
	0% {
	    -webkit-transform:translateY(0) scale(1);
	    transform:translateY(0) scale(1);
	}
    50% {
        -webkit-transform:translateY(100%) scale(0.95);
        transform:translateY(100%) scale(0.95);
    }
    100% {
       -webkit-transform:translateY(0) scale(1);
       transform:translateY(0) scale(1);
    }
}
@keyframes ysfadeInUp1 {
  0% {
      -webkit-transform:translateY(0) scale(1);
      transform:translateY(0) scale(1);
  }
  50% {
      -webkit-transform:translateY(100%) scale(0.95);
      transform:translateY(100%) scale(0.95);
  }
  100% {
     -webkit-transform:translateY(0) scale(1);
     transform:translateY(0) scale(1);
  }
}

.yindao .box{ display: block; width: 100%; height: 100%; position:fixed; left: 0; top:0; background: #fff; z-index: 10000; text-align: center;}
.yindao .logo{ display: block; width:100%; line-height: 0; position: absolute; left: 0; bottom:47%; padding:0 0 0.05rem 0;}
.yindao .logo img{ margin:0 auto; height:145px;}
.yindao .tit{ display: block;width:100%; color:#000000; font-weight:400; font-size: 18px; line-height:26px; letter-spacing:2px; position: absolute; left: 0; top:53%; opacity: 0; padding:0.05rem 0 0 0;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;  }
.yindao .logo.act img{ animation: ysfadeInUp 1s linear; animation-delay: 0.1s }
.yindao .tit.act{ opacity: 1;animation: ysfadeInUp1 1s linear; animation-delay: 0.2s}



@media screen and (max-width:1024px) {
.yindao .logo img{ margin:0 auto; height:72px;}
.yindao .tit{ font-size: 14px; line-height:26px; letter-spacing:0;}
}


.syjt1{ display:none; flex-wrap: wrap; width: 100%; height: 100%; position: fixed; left: 0; top:0; padding:40px; justify-content:flex-end; background: rgba(0,0,0,0.5); z-index: 10000;}
.syjt1.act{ display:flex;}
.syjt1 .colse{cursor: pointer; display: block; content:''; position: absolute; left:0.18rem; top:0.18rem; width:28px; line-height: 0; z-index: 6;}
.syjt1 .box{ display:flex; flex-wrap: wrap; width:672px; background:#fff; position: relative; height: 100%; align-content:flex-start; padding: 0.7rem 100px  0.55rem 0.64rem;}
.syjt1 .box::after{ display: block; content:''; position: absolute; left: 0; top:0; width: 100%; height: 100%; background:#999999; opacity:0.6; z-index: 1;}
.syjt1 .sect{position: relative; z-index: 6; display: block;width:100%; height:calc(100vh - 80px  - 1.25rem); overflow-y: auto; padding-right:14px;scrollbar-width: thin;}
.syjt1 .zh{display: block;width:28px; text-align: center; z-index: 6; position: absolute; right:  0.24rem; margin-right:43px; top:0.79rem; color:#2D3033; font-weight:700; font-size:28px; line-height:39px ; }
.syjt1 .en{display: block;width:28px; text-align: center; z-index: 6; position: absolute; right: 0.24rem; top:1.29rem; color:#EF7800; font-weight:700; font-size: 36px; line-height:54px; transform: rotate(90deg); -ms-transform: rotate(90deg); white-space: nowrap;}
.syjt1 .tit{display: block;width:100%; color:#EF7800; font-weight:700; font-size: 32px; line-height:48px; }
.syjt1 .tit1{ display: block;width:100%; color:#2D3033; font-weight:700; font-size: 24px; line-height:37px; margin-top:0.36rem; }
.syjt1 .tit2{ display: block;width:100%; color:#EF7800; font-weight:400; font-size: 24px; line-height:37px; }
.syjt1 .line{ display: block;width:58px; height:3px; background:#EF7800; margin-top:0.14rem; }
.syjt1 .p{ display: block;width:100%; color:#2D3033; font-weight:400; font-size: 14px; line-height:18px; }
.syjt1 .mt22{ margin-top: 0.22rem;}
.syjt1 .mt31{ margin-top: 0.30rem;}
.syjt1 .btn{ width: 100%; margin-top: 0.28rem;}
.syjt1 .btn a{ display:flex; justify-content:center; align-items: center;
width:151px;
height:37px; background:#EF7800;
border-radius: 8px; color:#fff; font-size:14px; font-weight: 700; line-height: 1;
}
.syjt1 .btn a img{ display: block; width: 28px; height: 28px; margin-left: 12px;}
.syjt1 .btn a:hover{ background: #EF7D1D ; color: #fff;
}
.syjt1 .dl{ display: flex; flex-wrap: wrap; justify-content: space-between; width:100%; color:#000; font-weight:400; font-size:14px; line-height:21px; margin-top:0.5rem; }
.syjt1 .dl .dd{ display: flex; flex-wrap: wrap; flex-direction: column; position: relative; padding-left: 0.24rem; }
.syjt1 .dl .dd::after,
.syjt1 .dl .dd::before{ display: block; content:''; position: absolute; left: 0; width:2px; height:27px; z-index: 1;}
.syjt1 .dl .dd::after{ background:#EF7800; bottom:50%;}
.syjt1 .dl .dd::before{ background:#EF7800; top:50%; opacity: 0.1;}
.syjt1 .dl .pd{ font-size:16px; line-height:24px; margin-top: 4px; }
.syjt1 .dl .pt i{ line-height: 0; height:21px; position: relative; top:-15px;}
.syjt1 .dl .num{ font-weight:500; font-size:28px; line-height:38px; }

@media screen and (max-width:1024px) {
.syjt1{ padding:20px;}	
.syjt1 .colse{ left:8px; top:8px; width:28px;}
.syjt1 .box{ width:100%; padding:40px 10px 30px 10px;}
.syjt1 .sect{padding: 0 10px;}
.syjt1 .zh{ display:none;}
.syjt1 .en{ display:none;}
.syjt1 .tit{font-size:20px; line-height:30px; }
.syjt1 .tit1{font-size: 18px; line-height:26px; margin-top:18px; }
.syjt1 .tit2{font-size: 18px; line-height:26px; }
.syjt1 .line{ width:36px; margin-top:10px; }
.syjt1 .btn{margin-top:16px;}
.syjt1 .mt22{ margin-top:10px;}
.syjt1 .mt31{ margin-top:16px;}
.syjt1 .dl .dd{ padding-left: 10px;}
.syjt1 .dl .dd::after,
.syjt1 .dl .dd::before{  height:18px; }
.syjt1 .dl .pd{ font-size:14px; line-height:22px; margin-top: 0; }
.syjt1 .dl .pt i{height:21px; position: relative; top:-10px;}
.syjt1 .dl .num{ font-size:22px; line-height:32px; }
}


.syjt2{ display:none; flex-wrap: wrap; width: 100%; height: 100%; position: fixed; left: 0; top:0; padding:40px; justify-content:flex-end; background: rgba(0,0,0,0.5); z-index: 10000;}
.syjt2.act{ display:flex;}
.syjt2 .colse{cursor: pointer; display: block; content:''; position: absolute; left:0.18rem; top:0.18rem; width:28px; line-height: 0; z-index: 6;}
.syjt2 .box{ display:flex; flex-wrap: wrap; width:672px; background:#fff; position: relative; height: 100%; align-content:flex-start; padding: 0.7rem 100px  0.55rem 0.64rem;}
.syjt2 .sect{position: relative; z-index: 6; display: block;width:100%; height:calc(100vh - 80px  - 1.25rem); overflow-y: auto; padding-right:14px;scrollbar-width: thin;}
.syjt2 .zh{display: block;width:28px; text-align: center; z-index: 6; position: absolute;  right:  0.24rem; margin-right:43px; top:0.79rem; color:#fff; font-weight:700; font-size:28px; line-height:39px ; }
.syjt2 .en{display: block;width:28px; text-align: center; z-index: 6; position: absolute; right: 0.24rem; top:1.29rem; color:#EF7800; font-weight:700; font-size: 36px; line-height:54px; transform: rotate(90deg); -ms-transform: rotate(90deg); white-space: nowrap;}
.syjt2 .tit{ display: block;width:100%; color:#fff; font-weight:700; font-size: 24px; line-height:36px;margin-top:0.25rem; }
.syjt2 .p{ display: block;width:100%; color:#FDFEFF; font-weight:400; font-size: 14px; line-height:17px;margin-top:6px;}
.syjt2 .btn{ width: 100%; margin-top: 0.31rem;}
.syjt2 .btn a{ display:flex; align-items: center;
border-radius: 8px; color:#FC760F; font-size:18px; letter-spacing: 1px; line-height: 1.5;
}
.syjt2 .btn a img{ display: block; background: #EF7800; border-radius: 50%; width:40px; height: 40px; padding:11px; margin-right: 12px;}
.syjt2 .btn a:hover{
}
.syjt2 .ino{ display: block; width: 100%; line-height: 0; margin-top:0.2rem;}
.syjt2 .ino img{ height: 1.3rem;}

@media screen and (max-width:1024px) {
.syjt2{ padding:20px;}	
.syjt2 .colse{ left:8px; top:8px; width:28px;}
.syjt2 .box{ width:100%; padding:40px 10px 30px 10px;}
.syjt2 .sect{padding: 0 10px;}
.syjt2 .zh{ display:none;}
.syjt2 .en{ display:none;}
.syjt2 .tit{font-size: 18px; line-height:26px;margin-top:15px;  }
.syjt2 .btn{margin-top:20px;}
.syjt2 .btn a{font-size: 14px;}
.syjt2 .btn a img{ width:32px; height: 32px; padding:8px; margin-right: 8px; }
.syjt2 .ino img{ height:60px;}

}


.lxwm1{ display:none; flex-wrap: wrap; width: 100%; height: 100%; position: fixed; left: 0; top:0; padding:40px; justify-content:flex-end; background: rgba(0,0,0,0.5); z-index: 10000;}
.lxwm1.act{ display:flex;}
.lxwm1 .colse{cursor: pointer; display: block; content:''; position: absolute; left:0.38rem; top:0.38rem; width:28px; line-height: 0; z-index: 6;}
.lxwm1 .box{ display:flex; flex-wrap: wrap; width:818px; background:#F8F8F8; position: relative; height: 100%; align-content:flex-start; padding: 0.8rem 100px  0.55rem 0.8rem;}
.lxwm1 .sect{position: relative; z-index: 6; display: block;width:100%; height:calc(100vh - 80px  - 1.35rem); overflow-y: auto; padding-right:0.48rem;scrollbar-width: thin;}
.lxwm1 .line{ display: block;width:84px; height:1px; background:#EF7D1D4D; opacity: 0.3; margin-top:0.14rem; }
.lxwm1 .zh{display: block;width:28px; text-align: center; z-index: 6; position: absolute; right:  0.24rem; margin-right:43px; top:0.8rem; color:#454545; font-weight:700; font-size:28px; line-height:39px ; }
.lxwm1 .en{display: block;width:28px; text-align: center; z-index: 6; position: absolute; right: 0.24rem; top:1.29rem; color:#EF7800; font-weight:700; font-size: 36px; line-height:54px; transform: rotate(90deg); -ms-transform: rotate(90deg); white-space: nowrap;}
.lxwm1 .div{ display: block;width:100%; background: #fff; border-radius: 12px; margin-top:0.2rem;  padding:24px;}
.lxwm1 .tit{ display: block;width:100%; color:#040000; font-weight:700; font-size: 24px; line-height:36px; }
.lxwm1 .p{ display: block;width:100%; color:#575656; font-weight:400; font-size: 14px; line-height:18px;margin-top:0.2rem;}
.lxwm1 .tit1{ display: block;width:100%; color:#EF7800; font-weight:400; font-size: 20px; line-height:25px;margin-top:0.2rem; }
.lxwm1 .form{ display:flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; width:100%; }
.lxwm1 .form .lab{ display:flex;width:100%; position: relative; margin-top: 0.32rem; }
.lxwm1 .form .lab1{ border:1px solid #D6CEC6; border-radius: 4px; padding:6px 8px;}
.lxwm1 .form .lab2{ width:48%;}
.lxwm1 .form .lab3{ flex-wrap: wrap;}
.lxwm1 .form .lab4{cursor: pointer; background: url(../images/xia.svg) calc(100% - 8px) center no-repeat; background-size: 20px auto !important;}
.lxwm1 .form .name{ color:#AAA7A0; font-weight:400; font-size: 14px; line-height:20px; padding:5px 0; white-space: nowrap;}
.lxwm1 .form .name span{ color:#FF0000;}
.lxwm1 .form .lab3 .name{ white-space: normal; position:absolute; left:0; top:0; padding:12px 8px; width:100%;}
.lxwm1 .form .text{width:100%; color:#575656; font-weight:400; font-size: 14px; line-height:26px; height:30px;}
.lxwm1 .form .textarea{width:100%; color:#575656; font-weight:400; font-size: 14px; line-height:26px; height:118px;}
.lxwm1 .form .yanzhengma{ width:auto; max-width:inherit; height:32px; margin: 1px 0;}
.lxwm1 .form .submit{ display:flex; align-items: center; justify-content:center; width:100%; background:#EF7800; border-radius: 4px;
 color:#fff; font-size:16px;line-height: 1; height:51px;}
.lxwm1 .form .submit:hover{background:#EF7800;}
.lxwm1 .form .dl{width:calc(100% + 2px); display:none; position: absolute; left: -1px; top:100%; z-index: 6; background: #F8F8F8; border-radius: 4px;border:1px solid #D6CEC6; padding: 8px 0; box-shadow:0 2px 5px rgba(0,0,0,0.1);}
.lxwm1 .form .dl dd{width:100%; display:block; font-weight:400; font-size: 14px; line-height:26px; padding:0 8px; cursor: pointer;}
.lxwm1 .form .dl dd:hover{ color:#EF7800;}

.lxwm1 .form input::placeholder{ opacity:1 !important;color: #575656;}


@media screen and (max-width:1024px) {
.lxwm1{ padding:20px;}	
.lxwm1 .colse{ left:8px; top:8px; width:28px;}
.lxwm1 .box{ width:100%; padding:40px 10px 30px 10px;}
.lxwm1 .sect{padding: 0 10px;}
.lxwm1 .zh{ display:none;}
.lxwm1 .en{ display:none;}
.lxwm1 .div{ margin-top:18px;  padding:20px;}
.lxwm1 .tit{font-size: 18px; line-height:26px; }
.lxwm1 .tit1{ font-size: 16px; line-height:26px;margin-top:15px;}
.lxwm1 .tit1 br{ display:none;}
.lxwm1 .p{margin-top:15px;}
.lxwm1 .line{ width:54px;margin-top:10px; }
.lxwm1 .form .lab{  margin-top:16px; }
}


.lxwm2{ display:none; flex-wrap: wrap; width: 100%; height: 100%; position: fixed; left: 0; top:0; padding:40px; justify-content:flex-end; background: rgba(0,0,0,0.5); z-index: 10000;}
.lxwm2.act{ display:flex;}
.lxwm2 .colse{cursor: pointer; display: block; content:''; position: absolute; left:0.38rem; top:0.38rem; width:28px; line-height: 0; z-index: 6;}
.lxwm2 .box{ display:flex; flex-wrap: wrap; width:818px; background:#F8F8F8; position: relative; height: 100%; align-content:flex-start; padding: 0.8rem 100px  0.55rem 0.8rem;}
.lxwm2 .sect{position: relative; z-index: 6; display: block;width:100%; height:calc(100vh - 80px  - 1.35rem); overflow-y: auto; padding-right:0.48rem;scrollbar-width: thin;}
.lxwm2 .line{ display: block;width:84px; height:1px; background:#EF7D1D4D; opacity: 0.3; margin-top:0.14rem; }
.lxwm2 .zh{display: block;width:28px; text-align: center; z-index: 6; position: absolute; right:  0.24rem; margin-right:43px; top:0.8rem; color:#454545; font-weight:700; font-size:28px; line-height:39px ; }
.lxwm2 .en{display: block;width:28px; text-align: center; z-index: 6; position: absolute; right: 0.24rem; top:1.29rem; color:#EF7800; font-weight:700; font-size: 36px; line-height:54px; transform: rotate(90deg); -ms-transform: rotate(90deg); white-space: nowrap;}
.lxwm2 .div{ display: block;width:100%; background: #fff; border-radius: 12px; margin-top:0.2rem;  padding:24px;}
.lxwm2 .tit{ display: block;width:100%; color:#040000; font-weight:700; font-size: 24px; line-height:36px; }
.lxwm2 .tit1{ display: block;width:100%; color:#EF7800; font-weight:700; font-size: 24px; line-height:27px; }
.lxwm2 .p1{ display: block;width:100%; color:#575656; font-weight:400; font-size: 14px; line-height:27px;margin-top:0.16rem; padding:12px 8px;}


@media screen and (max-width:1024px) {
.lxwm2{ padding:20px;}	
.lxwm2 .colse{ left:8px; top:8px; width:28px;}
.lxwm2 .box{ width:100%; padding:40px 10px 30px 10px;}
.lxwm2 .sect{padding: 0 10px;}
.lxwm2 .zh{ display:none;}
.lxwm2 .en{ display:none;}
.lxwm2 .div{ margin-top:18px;  padding:20px;}
.lxwm2 .tit{font-size: 18px; line-height:26px; }
.lxwm2 .tit1{ font-size: 18px; line-height:30px;}
.lxwm2 .p1{ line-height:26px;margin-top:4px; padding:4px 0;}
.lxwm2 .line{ width:54px;margin-top:10px; }
}

@media screen and (max-width:1024px) {
.lxwm2{ padding:20px;}	
.lxwm2 .colse{ left:8px; top:8px; width:28px;}
.lxwm2 .box{ width:100%; padding:40px 10px 30px 10px;}
.lxwm2 .sect{padding: 0 10px;}
.lxwm2 .zh{ display:none;}
.lxwm2 .en{ display:none;}
.lxwm2 .div{ margin-top:18px;  padding:20px;}
.lxwm2 .tit{font-size: 18px; line-height:26px; }
.lxwm2 .tit1{ font-size: 18px; line-height:30px;}
.lxwm2 .p1{ line-height:26px;margin-top:4px; padding:4px 0;}
.lxwm2 .line{ width:54px;margin-top:10px; }
}





#bloc {
  position: relative;
}
#bloc #center {
  position: relative;
  transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -moz-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -o-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
}
#bloc #center #main {
  width: 100%;
  position: relative;
}
#bloc #center #main .content {
  box-sizing: content-box;
}
.pa {
  position: absolute !important;
}
#pro_nav .r1 {
  position: relative;
}
.picBox {
  overflow: hidden;
}
#pro_nav .r1 {
  position: relative;
}
#pro_nav .r1 .pro_type {
  width: 20%;
  height: 100%;
  transition: all 0.5s cubic-bezier(0.7, 0.01, 0.3, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.7, 0.01, 0.3, 1);
  -moz-transition: all 0.5s cubic-bezier(0.7, 0.01, 0.3, 1);
  -o-transition: all 0.5s cubic-bezier(0.7, 0.01, 0.3, 1);
}
#pro_nav .r1 .pro_type h5 {
  font-size: 0.35rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -moz-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -o-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  height: 70px;
}
#pro_nav .r1 .pro_type h5 > small {
  display: block;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.3);
  font-size: 0.12rem;
}
#pro_nav .r1 .pro_type:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
  mix-blend-mode: multiply;
  transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -moz-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -o-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
}
#pro_nav .r1 .pro_type:hover,#pro_nav .r1 .pro_type.on {
  z-index: 3;
  width: 25%;
}
#pro_nav .r1 .pro_type:hover h5,#pro_nav .r1 .pro_type.on h5 {
  height: 352px;
}
#pro_nav .r1 .pro_type:hover h5 .layout-ul,#pro_nav .r1 .pro_type.on h5 .layout-ul {
  display: block;
}
#pro_nav .r1 .pro_type:hover:after,#pro_nav .r1 .pro_type.on:after {
  background-color: #EF7D1D;
}
#pro_nav .r2 {
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 0.7rem 0;
  z-index: 10000;
  background-color: #fff;
}
#pro_nav .r2 .pro_type {
  width: 42%;
  margin: 0 4%;
  height: 3rem;
  position: relative;
}
#pro_nav .r2 .pro_type p {
  text-align: center;
  color: #fff;
  font-size: 0.24rem;
  font-weight: bold;
}
#pro_nav .r2 .pro_type:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
}
#pro .guidao_dot .Tcon:after {
  content: "";
  position: absolute;
  height: 0.5rem;
  width: 3px;
  background-color: #fff;
  left: 0;
  right: 0;
  margin: auto;
  transform: translateY(20px);
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -o-transform: translateY(20px);
}
#pro .guidao_dot .guidao_item {
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: #EF7D1D;
  padding: 0.25rem 0.3rem 0 0.25rem;
  opacity: 0;
  transform: translateY(20px);
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -o-transform: translateY(20px);
  transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -moz-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -o-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  z-index: 103;
}
#pro .guidao_dot .guidao_item > .list {
  margin-bottom: 0.24rem;
  color: rgba(255, 255, 255, 0.5);
  transform: skew(0, 3deg);
  -webkit-transform: skew(0, 3deg);
  -moz-transform: skew(0, 3deg);
  -o-transform: skew(0, 3deg);
}
#pro .guidao_dot .guidao_item > .list > b {
  display: block;
  color: #fff;
}
#pro .guidao_dot:hover .guidao_item {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
}
#pro .guidao_list {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  padding-top: 1rem!important;
}
#pro .guidao_list .Ttitle {
  width: 100%;
  color: #333;
  text-align: center;
  font-weight: bold;
  height: 0.6rem;
  line-height: 0.8rem;
  left: 0;
  top: 0;
  font-size: 0.2rem;
}
#pro .guidao_list .Ttitle:after {
  content: attr(data-num);
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -1;
  color: #dadada;
  font-size: 0.5rem;
  font-family: En_bold;
  letter-spacing: 3px;
  top: -10px;
}
#pro .guidao_list .skewBox {
  background-color: #fff;
  padding-left: 2rem;
  height: 2rem;
  line-height: 2rem;
}
#pro .guidao_list .skewBox > img {
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  left: 0.4rem;
  max-width: 1.32rem;
}
#pro .guidao_list .skewBox > span {
  font-size: 0.18rem;
  transform: skew(0, 3deg);
  -webkit-transform: skew(0, 3deg);
  -moz-transform: skew(0, 3deg);
  -o-transform: skew(0, 3deg);
  display: inline-block;
  width: 90%;
}
#pro .guidao_list .skewBox > small {
  display: inline-block;
  width: 24%;
  text-align: center;
  line-height: 0.6rem;
    transform: skew(0, 3deg);
    -webkit-transform: skew(0, 3deg);
    -moz-transform: skew(0, 3deg);
    -o-transform: skew(0, 3deg);
}
#pro .guidao_list .skewBox > small:nth-child(2){
	padding-top: 25px;
}
#pro .guidao_list .skewBox > small:nth-child(3){
	padding-top: 52px;
}
#pro .guidao_list .skewBox > small:nth-child(4){
	padding-top: 78px;
}
#pro .guidao_list .skewBox > small > img {
  display: block;
  margin: auto;
}
#pro .guidao_list .skewBox > small > a {
  font-size: 0.18rem;
}
.layout-tab {
  display: table;
  width: 2.2rem;
  height: 100%;
  margin: auto;
  position: relative;
  z-index: 3;
  padding-top: 0.6rem;
}
.layout-tab > .cell {
  display: table-cell;
  vertical-align: middle;
}
.layout-ul {
  margin-top: 0.1rem;
  position: absolute;
  display: none;
}
.layout-ul.on {
  opacity: 1;
  display: block;
}
.layout-ul > li {
  height: 0.48rem;
  line-height: 0.48rem;
  position: relative;
  padding-left: 0.64rem;
  transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -moz-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -o-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  margin: 0.2rem 0;
  cursor: pointer;
}
.layout-ul > li * {
  color: rgba(255, 255, 255, 0.5);
  transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -moz-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -o-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
}
.layout-ul > li > i {
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  height: 0.42rem;
  width: 0.42rem;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.5);
  line-height: 0.42rem;
  display: inline-block;
  text-align: center;
  font-size: 0.28rem;
    font-weight: 100;
  transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -moz-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
  -o-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
}
.layout-ul > li > span {
  font-weight: bold;
  font-size: 0.2rem;
  line-height: 0.24rem;
  text-align: left;
  display: block;
}
.layout-ul > li > span > small {
  font-size: 0.12rem;
  font-weight: 400;
  display: block;
}
.layout-ul > li:hover * {
  color: #ffffff;
}
.layout-ul > li:hover > i {
  background-color: #fff;
  color: #0f306e;
}


.bd_weixin_popup{box-sizing: content-box;}





.inbanner{ display:block; width: 100%; position:relative; height:100vh;}
.inbanner .div{width: 100%; height:100vh;}
.inbanner .pc{ display:block; }
.inbanner .ph{ display:none; }
.inbanner .box{ display:block; width: 100%; position:absolute; left:0; top: 50%; z-index: 10; transform: translateY(-50%); -ms-transform: translateY(-50%); padding:0 297px;}
.inbanner .cont{ display:inline-flex; flex-direction: column;}
.inbanner .tit1{ display:inline-flex;
color: rgb(255, 255, 255);
font-size: 36px;
font-weight: 700;
line-height: 54px;
}
.inbanner .tit2{ display:inline-flex;
color: rgb(255, 255, 255); text-transform: uppercase;
font-size: 24px;
font-weight: 700;
line-height: 33px;
}
.inbanner .btn1{display:inline-flex;margin-top: 32px;}
.inbanner .btn1 .a{ display:inline-flex; align-items: center;
background: rgba(255, 255, 255, 0.78);
border-radius: 75px;
padding: 10px 20px;
color: rgb(4, 0, 0);
font-size: 18px;
font-weight: 400;
line-height: 27px;
}
.inbanner .btn1 .a span{ padding-bottom:2px;}
.inbanner .btn1 .a .i{ width:36px; height:36px; margin-left:16px; background: url(../images/jia.svg) center no-repeat; background-size:100% 100% !important;}
.inbanner .btn1 .a:hover{ background:#EF7800;  color:#fff;} 
.inbanner .btn2{ display:flex; align-items: center;
color: rgb(255, 255, 255);
font-size: 18px;
font-weight: 400;
line-height: 27px;
margin-top: 32px;
}
.inbanner .btn2 span{ padding-bottom:2px;}
.inbanner .btn2 img{ width:26px; height:26px; margin-right: 4px;}
.inbanner .btn2:hover{ color:#EF7800;} 
.inbanner .ph_btn{ display:none;}

@media screen and (max-width:1920px) {
	.inbanner .box{padding:0 15.46%;}
}	
@media screen and (max-width:1440px) {
.inbanner .tit1{
font-size: 30px;
line-height:40px;}
.inbanner .tit2{
font-size: 20px;
line-height:30px;}
.inbanner .btn1{margin-top: 26px;}
.inbanner .btn1 .a{
padding:8px 18px;
font-size: 16px;
line-height: 25px;}
.inbanner .btn1 .a span{ padding-left:4px;}
.inbanner .btn1 .a .i{ width:30px; height:30px; margin-left:10px;}
.inbanner .btn2{
font-size: 16px;
line-height: 25px;
margin-top: 26px;}
.inbanner .btn2 img{ width:22px; height:22px; margin-right: 4px;}

}
@media screen and (max-width:1024px) {
.inbanner .pc{ display:none; }
.inbanner .ph{ display:block; }
.inbanner .box{padding: 0 7.7%;}
.inbanner .tit1{
font-size: 20px;
line-height:30px;}
.inbanner .tit2{
font-size: 16px;
line-height:26px;}
.inbanner .btn1{margin-top: 20px;}
.inbanner .btn1 .a{
padding:6px 12px;
font-size: 14px;
line-height: 23px;}
.inbanner .btn1 .a .i{ width:28px; height:28px; margin-left:8px;}
.inbanner .btn2{
font-size: 14px;
line-height: 23px;
margin-top: 20px;}
.inbanner .btn2 img{ width:20px; height:20px; margin-right: 4px;}
.inbanner .ph_btn{ display:flex;}
.inbanner .pc_btn{ display:none;}

}


.zzjg3{ display: block; width: 100%; padding:1.38rem 56px;}
.zzjg3 .sect{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; width: 100%;}
.zzjg3 .left{ display:block; width: 18.75%;}
.zzjg3 .right{ display:block; width: 80.3%;}
.zzjg3 .tit1{ display:flex; text-transform: uppercase;
color:#232323;
font-size: 24px;
font-weight: 700;
line-height: 33px;
}
.zzjg3 .tit2{ display:flex;
color: #575656;
font-size: 24px;
font-weight: 400;
line-height: 36px; margin-top: 2px;
}

@media screen and (max-width:1024px) {
.zzjg3{ padding:40px 26px 26px 0;}	
.zzjg3 .left{ display:block; width: 100%; padding:0 0 26px 26px;}
.zzjg3 .right{ display:block; width: 100%;}
.zzjg3 .tit1{
font-size: 20px;
line-height: 30px;}
.zzjg3 .tit2{
font-size: 20px;
line-height: 30px; margin-top:0;}
}
@media screen and (max-width:767px) {
.zzjg3 .tit1{
font-size: 18px;
line-height: 28px;}	
.zzjg3 .tit2{
font-size: 18px;
line-height: 28px;}
}


.list04{ display: flex; flex-wrap: wrap; width: 100%; overflow: hidden;}
.list04 .ul{ height: inherit;}
.list04 .li{ width:33.33%; padding:0 0 0 0.69rem;}
.list04 .la{ display: flex; flex-wrap: wrap; width: 100%;transition: all .3s; position: relative; height: 100%; align-content: flex-start;}
.list04 .la .pic{ display:block; width: 100%;}
.list04 .la ._img{ position: relative; width: 100%; position: relative; overflow: hidden; padding-bottom:126%;}
.list04 .la ._img img{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;}
.list04 .la .name{ display: block; width: 100%; margin-top:0.39rem;
font-size: 24px; color:#040000;
font-weight: 400;
line-height: 32px;
}
.list04 .la .p{ display: block; width: 100%; margin-top:6px;
font-size: 16px;
font-weight: 400;
line-height:26px;
}
.list04 .la .p1{ display: block; width: 100%; margin-top:0.32rem;
font-size: 12px; color:#939393;
font-weight: 400;
line-height: 18px;
}
.list04 .la .p2{ display: block; width: 100%; margin-top:0.12rem;
font-size: 12px; color:#575656;
font-weight: 400;
line-height: 18px;
}
.list04 .la .t2{ display: block; width: 100%; margin-top:0.32rem;
color: rgb(4, 0, 0);
font-size: 12px;
font-weight: 400;
line-height: 18px;
}
.list04 .la .cont{ display:none; width: 100%;}
.list04 .la .line{ display: flex;
width: 54px;
height: 3px;
background: rgb(239, 120, 0);
margin: 7px 0 0 0;
}
.list04 .la  .more{ display: flex; align-items: center; justify-content: center; border-radius:50%; border:1px solid #EF7800; width:0.56rem; height:0.56rem; margin-bottom:11px; margin-top:0.6rem;background: url(../images/rt.svg) center no-repeat; background-size:0.3rem 0.3rem !important;}
.list04 .la  .more:hover{background: url(../images/rt1.svg) center no-repeat #EF7800;}
.list04 .la .top{ display:block; width: 100%;ransition: all .3s;}

.list04 .li:hover .la{ padding:0.32rem 0.26rem 0.32rem 0.35rem; background: rgb(248, 248, 248);}
.list04 .li:hover .la .p1{ display:none;}
.list04 .li:hover .la .more{ display:none;}
.list04 .li:hover .la .line{display:none}
.list04 .li:hover .la .name{ font-size: 20px;line-height: 25px;}
.list04 .li:hover .la .p{font-size: 12px;line-height: 25px; margin-top: 3px;}
.list04 .li:hover .la .cont{ display:block; padding-top:0.11rem;}
.list04 .li:hover .la .pic{ min-width: 134px; width: 134px; margin-right: 0.18rem;}
.list04 .li:hover .la .top{ display:flex; align-items: flex-end;}



@media screen and (max-width:1024px) {
.list04 .li{ padding:0 0 0 26px;}
.list04 .la .p{ margin-top:2px;}
.list04 .la .p1{ margin-top: 12px;}
.list04 .la .p2{ margin-top:6px;}
.list04 .la .t2{ margin-top:16px;}
.list04 .la .more{ width:36px; height:36px; margin-bottom:10px; margin-top:16px; background-size:22px 22px !important;}
.list04 .la .name{ font-size:18px; line-height:28px; margin-top:16px;}

.list04 .li:hover .la{ padding:15px 15px 25px 15px;}
.list04 .li:hover  .la .cont{ padding-top:10px;}
.list04 .li:hover .la .pic{ min-width:110px; width: 110px; margin-right:12px;}
.list04 .li:hover .la .name{ font-size:17px;line-height: 22px;}


}




.fgs{ overflow: hidden; position: relative;
  width: 100%;
  margin: 0 auto;
/*  max-width: 1920px; */}
.fgs .ul{ display: flex; width: 100%;}
.fgs .li{ display: flex; width: 25%; background: #131313; position: relative; overflow: hidden;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s; }
.fgs .li .bg{ display:block; width: 100%; height: 100%; position: absolute; left:0; top:0; z-index: 2; opacity: 0.75;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s; 
}
.fgs .li .cont{ display:flex; flex-wrap: wrap; justify-content:center; align-content: center; width: 100%; height:100vh; position: relative; z-index:4; padding:10vh 0.5rem;}
.fgs .li .tit{ text-align: center;max-width:3.72rem; color: #fff; font-size:0.24rem; line-height:0.36rem; color: #fff; font-weight: 700; padding:0 15%;
}
.fgs .li .info{max-width:372px; color: #fff; font-size:14px; line-height:22px; display:none;
 -webkit-box-orient: vertical;-webkit-line-clamp:9; overflow: hidden;text-overflow: ellipsis;
}
.fgs .li .logo{ display:none; max-width:3.72rem; justify-content: center; line-height: 0; }
.fgs .li .logo img{ width:81%;}
.fgs .li .btn{ display:none; justify-content: center; width:100%; margin-top:0.32rem;}
.fgs .li .btn .a{ display:flex; align-items: center; justify-content: center; border: 1px solid #fff; width:192px; height: 40px;color: #fff; font-size:16px; line-height:1.4; transition:background 0.5s ease; -o-transition:background 0.5s ease; -moz-transition:background 0.5s ease;  -webkit-transition:background 0.5s ease;
}
.fgs .li .btn .a:hover{ background:rgb(239, 120, 0); border: 1px solid #EF7D1D;}

.fgs .li:hover{ z-index:5; background:#EF7800;}
.fgs .li:hover .bg{ opacity:0.3;width: 110%; margin-left: -5%; margin-right: -5%; }
.fgs .li:hover .tit{ margin:0.32rem 0;}
.fgs .li:hover .info{ display: -webkit-box;}
.fgs .li:hover .logo{ display:flex;}
.fgs .li:hover .btn{ display:flex;}
.fgs .swiper-next,
.fgs .swiper-prev{ z-index: 10; border-radius: 50%; cursor: pointer;
top: 50%; margin-top:-0.19rem;
position: absolute;
width: 0.38rem;
height: 0.38rem;
background:url(../images/right0.svg) center no-repeat rgba(0, 0, 0, 0.54); background-size:84.2% auto !important;}
.fgs .swiper-next{right:0.2rem;}
.fgs .swiper-prev{left:0.2rem; transform: rotateY(180deg); -ms-transform: rotateY(180deg); }
.fgs .swiper-next:hover,
.fgs .swiper-prev:hover{background:url(../images/right0.svg) center no-repeat #EF7D1D;}

.fgs .swiper-pagination{ display:none; position: absolute; z-index:10; left: 0; bottom:25px; width: 100%; justify-content: center;}
.fgs .swiper-pagination-bullet{ display:block; width: 10px; height:10px; border-radius: 50%; background: #fff; opacity: 0.4; margin:0 5px;}
.fgs .swiper-pagination-bullet-active{ opacity: 1;}


@media screen and (max-width:1440px) {
.fgs .li .cont{ padding:16vh 0.5rem 8vh 0.5rem;}
}	
@media screen and (max-width:1024px) {
.fgs .li .cont{padding:150px 18px; }
.fgs .li .tit{ min-width:100%; font-size:18px; line-height:28px; padding:0;}
.fgs .li .btn{margin-top:14px}
.fgs .li .btn .a{ width:100px; height:31px; font-size:13px; }
.fgs .li .info{ min-width:100%;}
.fgs .li .logo{ min-width:100%;}
.fgs .li .logo img{ width:100%;}
.fgs .li:hover .tit{ margin:14px 0;}
.fgs .swiper-pagination{ display:flex;}
.fgs .swiper-next,
.fgs .swiper-prev{
margin-top:-12px;
width:24px;
height:24px;}
.fgs .swiper-next{right:5px;}
.fgs .swiper-prev{left:5px; }
}	
@media screen and (max-width:767px) {
.fgs .li{ width:100%;}
}	





.pagecon{padding-top:80px;}
.pagecon .news2{margin-top:0;}
.pagecon .news2-1{width:100%; background:none; padding:0;}
.pagecon .news2-1 .cont{padding:0;}





.xtgc7 .list {
    width: 100%;
    min-width: 100%;
}
.xtgc7 .bd {
    display: flex;
    width: 100%;
    display: flex;
    animation: scrolling-wrapper 30s linear infinite;
}





/*250722start*/


.pf-right{display:none;z-index:16; position:fixed; right:5px; bottom:15vh; width:48px;}
.pf-right .ul{ display:flex; flex-wrap:wrap; justify-content: center; width:100%; border-radius:48px; background: #fff; padding:16px 8px 2px 8px;
box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.2);
}
.pf-right .li{ position: relative; display:flex; flex-wrap:wrap; justify-content: center; width:100%; margin:7px 0;}
.pf-right .li .a{ display:flex; flex-wrap:wrap; width:100%; justify-content: center; align-items: center; line-height: 0; width:100%; height:32px; border-radius:32px;}
.pf-right .li .a:hover{background:#EF7800;}
.pf-right .li .a img{ width:24px; height:24px;}
.pf-right .li._renter{ margin-top:10px;}
.pf-right .li._renter .a{ background:#EF7800;}
.pf-right .li._renter .a img{ width:16px; height:16px;}
.pf-right .li .a .img1{ display:block;}
.pf-right .li .a .img2{ display:none;}
.pf-right .li .a:hover .img1{ display:none;}
.pf-right .li .a:hover .img2{ display:block;}
.pf-right .li._renter .a .img1{ display:none;}
.pf-right .li._renter .a .img2{ display:block;}
.pf-right .tel{ position: absolute; right:100%; top:50%; background: #fff; border-radius:4px;color:#1E1E1E;
font-size: 12px;line-height:18px;padding:12px 13px; width: 146px;
font-weight: 400; display: flex; flex-wrap: wrap; flex-direction: column;
box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1); margin:0 24px 0 0;
-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-webkit-transform-origin:90% 50%;
	-moz-transform-origin:90% 50%;
	-ms-transform-origin:90% 50%;
	-o-transform-origin:90% 50%;
	transform-origin:90% 50%;
	-webkit-transform: translateY(-50%) scale(0);
	-moz-transform: translateY(-50%) scale(0);
	-ms-transform: translateY(-50%) scale(0);
	-o-transform: translateY(-50%) scale(0);
	transform: translateY(-50%) scale(0)
}
.pf-right .tel span{color:#EF7800; font-size: 14px;line-height:21px; margin-bottom: 4px;}
.pf-right .tel::after{ display: block; content: ''; position: absolute; left: 100%; top:50%; margin:-6px 0 0 0; border-top: 6px solid transparent; border-bottom:6px solid transparent;border-left:6px solid #fff; }
.pf-right .er{ position: absolute; right:100%; top:50%; width:146px; line-height: 0;
box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1); margin:0 24px 0 0; padding: 16px; background: #fff; border-radius:4px;
-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-webkit-transform-origin:90% 50%;
	-moz-transform-origin:90% 50%;
	-ms-transform-origin:90% 50%;
	-o-transform-origin:90% 50%;
	transform-origin:90% 50%;
	-webkit-transform: translateY(-50%) scale(0);
	-moz-transform: translateY(-50%) scale(0);
	-ms-transform: translateY(-50%) scale(0);
	-o-transform: translateY(-50%) scale(0);
	transform: translateY(-50%) scale(0)
}
.pf-right .er i{ display: block; width: 100%; line-height: 0;}
.pf-right .er span{ text-align: center; display: block; width: 100%; margin-top: 10px;
color:#1E1E1E;
font-size: 14px;
font-weight: 400;
line-height: 23px;
}
.pf-right .er::after{ display: block; content: ''; position: absolute; left: 100%; top:50%; margin:-6px 0 0 0; border-top: 6px solid transparent; border-bottom:6px solid transparent;border-left:6px solid #fff;  }
.pf-right .li:hover .tel{opacity: 1;
	filter: alpha(opacity=100);
	display: block \9;
	pointer-events: auto;
	-webkit-transform: translateY(-50%) scale(1);
	-moz-transform: translateY(-50%) scale(1);
	-ms-transform: translateY(-50%) scale(1);
	-o-transform: translateY(-50%) scale(1);
	transform: translateY(-50%) scale(1);}
.pf-right .li:hover .er{opacity: 1;
	filter: alpha(opacity=100);
	display: block \9;
	pointer-events: auto;
	-webkit-transform: translateY(-50%) scale(1);
	-moz-transform: translateY(-50%) scale(1);
	-ms-transform: translateY(-50%) scale(1);
	-o-transform: translateY(-50%) scale(1);
	transform: translateY(-50%) scale(1);}


@media screen and (max-width:1024px) {
.pf-right ul{ display:none !important;}
}

.wap_hei{ display: none; width: 100%;height:50px;}
.wap_down{ display: none; width: 100%;background: #fff;position: fixed;z-index: 15;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom); left: 0; bottom: 0;box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.2);}
.wap_down li{width:33.33%;float: left;text-align: center;}
.wap_down li a{width: 100%;display: flex;flex-wrap: wrap;align-content: center; justify-content: center; height:50px;}
.wap_down li .ico{ border-radius: 0; width:20px;display: flex;flex-wrap: wrap;align-content: center; justify-content: center; height:20px; line-height: 0;}
.wap_down li .ico img{ width:20px; height:20px;}
.wap_down li:first-child .ico img{ width:18px; height:18px;}
.wap_down li .ico .img1{ display:block;}
.wap_down li .ico .img2{ display:none;}
.wap_down li .tit{width:100%;display: block; color:#1E1E1E; font-size: 14px; line-height:18px;}
.wap_down li  a:hover{background:#EF7800;}
.wap_down li  a:hover .tit{color:#fff;}
.wap_down li  a:hover .ico .img1{ display:none;}
.wap_down li  a:hover .ico .img2{ display:block;}


@media screen and (max-width:1024px) {
/*WAP head*/
.wap_down{ display: block;}
.wap_hei{ display: block;}

}


.xtgc6-1.on{ display:none;}
.xtgc6-1{ padding-top: 0 !important;}
.xtgc6-1 .box .ul{ display: block;}
.xtgc6-1 .slick-prev,
.xtgc6-1 .slick-next{ z-index: 10; cursor: pointer; display: block; width:32px; height:32px; position: absolute; top:38%; background: url(../images/right1.svg) center no-repeat; background-size:auto 80% !important;}
.xtgc6-1 .slick-prev{ left:-8px;-webkit-transform: translate(0, -50%) rotateY(180deg);
  -ms-transform: translate(0, -50%) rotateY(180deg);
  transform: translate(0, -50%) rotateY(180deg);}
.xtgc6-1 .slick-next{  right:-8px;}
.xtgc6-1 .slick-prev:hover,
.xtgc6-1 .slick-next:hover{ background: url(../images/right2.svg) center no-repeat;}


@media screen and (max-width:1024px) {
.xtgc6-1 .slick-prev,
.xtgc6-1 .slick-next{ top:-39px; background-size:auto 70% !important;}
.xtgc6-1 .slick-prev{ left:auto; right:38px; }
.xtgc6-1 .slick-next{  right:8px;}

}


.xtgc5-1{ padding-bottom: 80px;}
.xtgc5-1 .left{  padding: 0.55rem 0.7rem;}
.xtgc5-1 .title{ padding-right: 155px;}
.xtgc5-1 .xiazai{ position: relative;}
.xtgc5-1 .xiazai{ display: block; position: absolute; right:0.7rem; top:0.55rem; z-index: 10; }
.xtgc5-1 .xiazai a{ display: flex;justify-content: center; align-items: center;border-radius: 4px;border: 1px solid rgba(0,0,0,0.2);padding-bottom: 2px; color:#575656;width: 140px;height:45px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1; }
.xtgc5-1 .box:hover .xiazai a{background:#EF7800;border: 1px solid #EF7800; color:#fff;}
.xtgc5-1 .cont{max-height:297px;}


@media screen and (max-width:1800px) {
.xtgc5-1 .cont{max-height:264px;}
}
@media screen and (max-width:1600px) {
.xtgc5-1 .left{  padding: 0.5rem 0.6rem;}	
.xtgc5-1 .title{ padding-right: 135px;}	
.xtgc5-1 .xiazai{  right:0.6rem; top:0.5rem; }
.xtgc5-1 .xiazai a{width: 120px;height:40px;font-size: 14px;}
.xtgc5-1 .cont{max-height:256px;}
}
@media screen and (max-width:1440px) {
.xtgc5-1 .left{  padding: 0.45rem 0.5rem;}		
.xtgc5-1 .xiazai{  right:0.5rem; top:0.45rem; }
.xtgc5-1 .cont{max-height:196px;}
}
@media screen and (max-width:1270px) {
.xtgc5-1 .cont{max-height:168px;}
}
@media screen and (max-width:1024px) {
.xtgc5-1{ padding-bottom: 30px;}	
.xtgc5-1 .left{  padding:25px 15px;}	
.xtgc5-1 .title{ padding-right: 100px;}	
.xtgc5-1 .cont{max-height:240px;}
.xtgc5-1 .xiazai{  right:15px; top:22px; }
.xtgc5-1 .xiazai a{width:90px;height:32px;font-size: 13px;}
}




.nuxSwiper .videoBox video{float: left;
  width: 100%;
  height: 100%;
  object-fit: cover;}
.nuxSwiper .videoBox iframe{float: left;
  width: 100%;
  height: 100%;
  object-fit: cover; border:none;}



.caseSwiper .li{ align-items:baseline; height:auto;}
.caseSwiper .li .card{position: relative;}
.caseSwiper .bd{animation:none;}
.caseSwiper.om .bd{animation:scrolling-wrapper 30s linear infinite;}
.caseSwiper .swiper-prev,
.caseSwiper .swiper-next{ display: none;}
.caseSwiper.om .swiper-prev,
.caseSwiper.om .swiper-next{ display: block;}



/*250722end*/


/*250731start*/

.xtgc7 .box .li{ width:14.28%;}
.xtgc7 .bd{animation:none;}
.xtgc7.om .bd{animation:scrolling-wrapper 30s linear infinite;}
.xtgc7 .swiper-prev,
.xtgc7 .swiper-next{ display: none;}
.xtgc7.om .swiper-prev,
.xtgc7.om .swiper-next{ display: block;}

@media screen and (max-width:767px) {
.xtgc7 .box .li{ width:33.33%;}
}

.yindao .logo{ z-index: 6;}
.yindao .tit{ z-index: 6;}
.yindao .jdt{ position: absolute; left: 0; bottom:0; width:100%; line-height: 0; z-index: 1;}
.yindao .jdt img{ width: 100%;}
.yindao .jdt video{ width: 100%; position: relative; z-index: 1;}
.buju3 .w780::after{left:9%; background:url(../images/NB-Map3.PNG) bottom center no-repeat; }
.buju3 .w780::before{ display: block; content: ''; position: absolute;left:9%; top:3%; width: 90%; height: 100%;background:url(../images/NB-Map4.PNG) bottom center no-repeat; background-size:120% auto !important; z-index: 1;}

@media screen and (max-width:1024px) {
.buju3 .Map{ height:auto;}
}

/*250731end*/




/*250812start*/
@media screen and (min-width:1920px) {
.buju2 #WorldMap{height:45vw !important;overflow: visible !important;}	
.buju2 .svggroup{width:95vw;}
.buju2 .svggroup svg{width:95vw;height:45vw !important;margin-top: -1.1vw;}

}


/*250812end*/




/*250820start*/
#yuxContent{width: 100%; overflow: hidden;}
.xtgc5-1 ._img{ padding-bottom: 54.66%; position: relative; overflow: hidden; display: block;width: 100%;}
.xtgc5-1 ._img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.nuxSwiper1 .videoBox img{object-fit: cover;width: 100%;height: 100%;}


.fh-up{display: flex;justify-content: center; align-items: center; width:48px;  height:48px;border-radius: 48px; margin-bottom: 15px;  box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.2);background: #fff;}
.fh-up .a{display: flex;
  flex-wrap: wrap; align-items: center;
  justify-content: center;
  width:32px; height:32px;
  border-radius: 32px;
}
.fh-up .a:hover{background:#EF7800;}
.fh-up .a img{ width:24px; height:24px;}
.fh-up .a .img1{ display:block;}
.fh-up .a .img2{ display:none;}
.fh-up .a:hover .img1{ display:none;}
.fh-up .a:hover .img2{ display:block;}

@media screen and (min-width:1024px) {
#caseContent .li0{padding-right: 10px;}
#caseContent .li0 .tit1{font-size: 0.54rem;}
}
@media screen and (max-width:1024px) {
#footer{bottom: 60px; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);}
.buju1 #video-one {z-index: 2;position: relative;}
.pf-right{ width:32px;}
.fh-up .a img{ width:16px; height:16px;}
.fh-up{width:32px;  height:32px;border-radius: 32px;}
.buju1 .box{ z-index: 2;}
.buju1 .btn{  top: 46%;}
.buju1 video{width: 100%;
    height: 70vh;
    object-fit: cover;
    opacity: 0;display: block;
  margin: 0 auto;}

body{  overflow-x: hidden;}
}



/*250820end*/