.clearfix:after { content: ''; display: block; clear: both;}
.pull-left { float: left;}
.pull-right { float: right;}

.home_main_y150 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #F9F9F9 url(../img/20220512165206532.jpg) no-repeat center; background-size: 100% 100%; overflow: hidden;}
.home_main_y150 .logo_box_y150 { position: absolute; top: 25px; left: 80px;}
.home_main_y150 .logo_box_y150 a {float: left; padding: 0 15px;}


.home_main_y150 .bg_y150 > div { position: absolute; bottom: 0; left: 0; right: 0;}
.home_main_y150 .bg_y150 .bg1 img,.home_main_y150 .bg_y150 .bg2 img { width: 100%;}
.home_main_y150 .bg_y150 .bg3 i,.home_main_y150 .bg_y150 .bg4 i { position: absolute; bottom: 0;}
.home_main_y150 .bg_y150 .bg3 .s1,.home_main_y150 .bg_y150 .bg4 .s1 { left: 0;}
.home_main_y150 .bg_y150 .bg3 .s2,.home_main_y150 .bg_y150 .bg4 .s2 { right: 0;}
.home_main_y150 .ybg_y150 { position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.home_main_y150 .ybg_y150 i { position: absolute;}
.home_main_y150 .ybg_y150 i.i1{ right: 0;}
.home_main_y150 .ybg_y150 i.i2{ top: 130px; left: 0; z-index: 2;}
.home_main_y150 .ybg_y150 i.i3{ top: 210px; left: 260px; z-index: 1;}
.home_main_y150 .bTit_y150 { position: absolute; top: 46%; left: 0; right: 0; height: 790px; margin-top: -395px; text-align: center; z-index: 3;}
.home_main_y150 .bTit_y150 .tit_01 { margin-bottom: 30px;}
.home_main_y150 .bTit_y150 .tit_02 span { display: inline-block; position: relative;}
.home_main_y150 .bTit_y150 .tit_02 span i { position: absolute; display: block;}
.home_main_y150 .bTit_y150 .tit_02 span i.i1 { left: -20px; top: -70px;}
.home_main_y150 .bTit_y150 .tit_02 span i.i2 { right: -100px; top: 30px;}
.home_main_y150 .bTit_y150 .n_item { margin-top: 20px;}
.home_main_y150 .bTit_y150 .n_item ul li { display: inline-block; margin: 0 40px; transition: 1s;}
.home_main_y150 .bTit_y150 .n_item ul li a { display: block; width: 150px; height: 345px; position: relative;}
.home_main_y150 .bTit_y150 .n_item ul li:hover { transform: translateY(-20px);}
.home_main_y150 .bTit_y150 .n_item ul li a b,.home_main_y150 .bTit_y150 .n_item ul li a b:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../img/20220512181809601.png) no-repeat -153px -1px;}
.home_main_y150 .bTit_y150 .n_item ul li a b:after { content: ''; background-position: 0 0; opacity: 0; transition: .6s;}
.home_main_y150 .bTit_y150 .n_item ul li a:hover b:after { opacity: 1;}
.home_main_y150 .bTit_y150 .n_item ul li a i { display: block; height: 92px; position: absolute; top: 25px; left: 0; right: 0; background: url(../img/20220512181823919.png) no-repeat 47px 12px;}
.home_main_y150 .bTit_y150 .n_item ul li a.a2 i { background-position: 47px -72px;}
.home_main_y150 .bTit_y150 .n_item ul li a.a3 i { background-position: 47px -162px;}
.home_main_y150 .bTit_y150 .n_item ul li a.a4 i { background-position: 47px -256px;}
.home_main_y150 .bTit_y150 .n_item ul li a i:after {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: .6s; background: url(../img/20220512181823919.png) no-repeat -81px 12px;}
.home_main_y150 .bTit_y150 .n_item ul li a.a2 i:after { background-position: -81px -72px;}
.home_main_y150 .bTit_y150 .n_item ul li a.a3 i:after { background-position: -81px -162px;}
.home_main_y150 .bTit_y150 .n_item ul li a.a4 i:after { background-position: -81px -256px;}
.home_main_y150 .bTit_y150 .n_item ul li a:hover i:after { opacity: 1;}
.home_main_y150 .bTit_y150 .n_item ul li a em { position: absolute; top: 132px;left: 35px; width: 79px; height: 170px; text-indent: -99em; overflow: hidden; background: url(../img/20220512181842024.png) no-repeat 5px 0}
.home_main_y150 .bTit_y150 .n_item ul li a em:after {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: .6s; background: url(../img/20220512181857190.png) no-repeat 5px 0;}
.home_main_y150 .bTit_y150 .n_item ul li a.a2 em,.home_main_y150 .bTit_y150 .n_item ul li a.a2 em::after { background-position: -84px 0;}
.home_main_y150 .bTit_y150 .n_item ul li a.a3 em,.home_main_y150 .bTit_y150 .n_item ul li a.a3 em::after { background-position: -173px 0;}
.home_main_y150 .bTit_y150 .n_item ul li a.a4 em,.home_main_y150 .bTit_y150 .n_item ul li a.a3 em::after { background-position: -263px 0;}



/* move start */
.home_main_y150 { opacity: 0; transition: .3s;}
.home_main_y150.on { opacity: 1;}
.home_main_y150 .logo_box_y150 { top: -200px; transition: .6s; transition-delay:.3s;}
.home_main_y150.on .logo_box_y150 {top: 25px;}
.home_main_y150 .ybg_y150 i { transition: .6s; transition-delay:.6s; }
.home_main_y150 .ybg_y150 i.i1 { right: -320px }
.home_main_y150.on .ybg_y150 i.i1 { right: 0 }
.home_main_y150 .ybg_y150 i.i2 { left: -320px }
.home_main_y150.on .ybg_y150 i.i2 { left: 0 }
.home_main_y150 .ybg_y150 i.i3 { transform: scale(.3); opacity: 0;}
.home_main_y150.on .ybg_y150 i.i3 { transform: scale(1); opacity: 1;}
.home_main_y150 .bg_y150 .bg1 { bottom: -800px; transition: 1s; transition-delay:.8s;}
.home_main_y150.on .bg_y150 .bg1 { bottom: 0;}
.home_main_y150 .bg_y150 .bg2 { bottom: -600px; transition: 1.4s; transition-delay:.6s;}
.home_main_y150.on .bg_y150 .bg2 { bottom: 0;}
.home_main_y150 .bg_y150 .bg3 { bottom: -600px; transition: 1.2s; transition-delay:.4s;}
.home_main_y150.on .bg_y150 .bg3 { bottom: 0;}
.home_main_y150 .bg_y150 .bg4 { bottom: -400px; transition: .5s; transition-delay:.2s;}
.home_main_y150.on .bg_y150 .bg4 { bottom: 0;}

.home_main_y150 .bTit_y150 .tit_01 img { position: relative; transform: scale(0); top: -300px; opacity: 0;transition: 1s; transition-delay: 1s;}
.home_main_y150.on .bTit_y150 .tit_01 img { top: 0; opacity: 1;transform:scale(1) translateX(0)}
.home_main_y150 .bTit_y150 .tit_02 img {transform: scale(0); opacity: 0;transition: 1.3s; transition-delay: 1.4s;}
.home_main_y150.on .bTit_y150 .tit_02 img { opacity: 1;transform:scale(1)}
.home_main_y150 .bTit_y150 .n_item ul li a{ opacity: 0; transform: translateX(-50px); transition: 1s; transition-delay: 2.2s;}
.home_main_y150.on .bTit_y150 .n_item ul li a { opacity: 1; transform: translateX(0);}
.home_main_y150 .bTit_y150 .n_item ul li .a2 {transition-delay: 2.6s;}
.home_main_y150 .bTit_y150 .n_item ul li .a3 {transition-delay: 3s;}
.home_main_y150 .bTit_y150 .n_item ul li .a4 {transition-delay: 3.4s;}

/* move end */
.main_y150.bn { max-width: 1920px; margin: 0 auto; background: #F9F9F9 url(../img/20220512165027780.jpg) no-repeat center bottom; position: relative; padding-bottom: 80px;}
.main_y150.bn:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../img/20220512104516213.jpg) no-repeat center 0; }
.main_y150.bn:before { content: ''; position: absolute; top: 400px; right: 0; width: 735px; height: 375px; background: url(../img/20220512164939128.png) no-repeat center 0; z-index: 2; }
.main_y150 .banner_bn { height: 380px; text-indent: -999em; overflow: hidden;}

.main_y150.bn.bnls { background-image: url(../img/20220512165119152.jpg);}
.main_y150.bn.bnls:after { background-image: url(../img/20220512164809108.jpg);}
.main_y150.bn.bnwh { background-image: url(../img/20220512165138438.jpg);}
.main_y150.bn.bnwh:after { background-image: url(../img/20220512164837435.jpg);}
.main_y150.bn.gybn { background-image: url(../img/20220512165046692.jpg);}
.main_y150.bn.gybn:after { background-image: url(../img/20220512164740764.jpg);}

.lists_y150 { background: rgba(255, 255, 255, .3); position: relative; z-index: 2; box-shadow: 0 0 15px rgba(0,0,0,.1);}
.lists_y150 .titT1 { height: 58px; padding: 0 30px; line-height: 58px; background: #fff;font-size: 16px;}
.lists_y150 .titT1 .path a,.lists_y150 .titT1 .path span { padding: 0 5px;}
.lists_y150 .titT1 .path a img {vertical-align: middle;}
.lists_y150 .titT1 .path span { color: #005e9a;}
.lists_y150 .titT1 .nav { padding-top: 13px;}
.lists_y150 .titT1 .nav a { display: inline-block; margin-left: 20px; height: 30px; padding: 0 15px; border: 1px solid #DCDCDC; line-height: 30px;}
.lists_y150 .titT1 .nav a.on { background: #C32C2B; border-color: #C32C2B;color: #fff;}
.lists_y150 .lists_box, .article_y150  { padding: 15px 30px 30px;}
.lists_y150 .lists_box ul li a { display: block; padding: 20px 0; border-bottom: 1px solid #ddd;}
.lists_y150 .lists_box ul li:last-child a { border: none;}
.lists_y150 .lists_box ul li a i { float: left; margin-right: 20px;}
.lists_y150 .lists_box ul li a:after { display: block; content: ''; clear: both;}
.lists_y150 .lists_box ul li a span { color: #666; font-size: 16px;}
.lists_y150 .lists_box ul li a strong { font-size: 20px; color: #333; font-weight: 500; display: block;}
.lists_y150 .lists_box ul li a em { display: block; font-style: normal;}
.lists_y150 .lists_box ul li a:hover { background: rgba(0,0, 0, .01);}

.lists_y150 .pagenav { margin: 15px 0 0 0;}

.lists_y150 .lists_box.s1 {padding: 15px 15px 30px;}
.lists_y150 .lists_box.s1 ul li { float: left; width: 33.33%; }
.lists_y150 .lists_box.s1 ul li a { margin: 0 15px; padding: 15px 0; border: none;}
.lists_y150 .lists_box.s1 ul li a i { margin: 0 0 5px 0; overflow: hidden;}
.lists_y150 .lists_box.s1 ul li a img  { transition: .8s;}
.lists_y150 .lists_box.s1 ul li a:hover img { transform: scale(1.05); }
.lists_y150 .lists_box.s1 ul li a span { display: flex; width: 100%; line-height: 36px;}
.lists_y150 .lists_box.s1 ul li a span strong { display: block; flex: 1; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.lists_y150 .lists_box.s1 ul li a span em { display: block; padding: 0 5px;}
.lists_y150 .lists_box.s1 ul li a .txt { display: none;}

.article_y150 .article_y150_title { padding: 30px; text-align: center; font-size: 16px; color: #333;}
.article_y150 .article_y150_title h3 { font-size: 24px; padding-bottom: 20px; font-weight: 700;}
.article_y150 .article_y150_title span { padding:  0 30px;}


.popBox { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99;}
.popBox::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0, 0, .5); opacity: 0; transition: .5s;}
.popBox.on:after { opacity: 1;}
.popBox .vi_box { width: 1100px; height: 650px; margin: -380px 0 0 -600px; padding: 50px; position: absolute; top: 50%; left: 50%; transform: scale(0) ; background: #fff; border-radius: 15px; z-index: 2; transition: .2s;}
.popBox.on .vi_box { transform: scale(1);}
.popBox .closeBtn { position: absolute; top: 5px; right:10px; height: 50px; width: 50px; text-align: center; line-height: 44px; font-size: 54px; font-weight: 300; z-index: 2; color: #8A8A8A; transition: .5s;}
.popBox .closeBtn:hover { color: #000; transform: rotate(-180deg);}
.popBox .vi_box .t { display: flex; margin-bottom: 5px; font-size: 16px; color: #000;line-height: 40px;}
.popBox .vi_box .t h4 { flex: 1;white-space: nowrap; text-overflow: ellipsis;overflow: hidden; font-size: 22px;}
.popBox .mySwiper { overflow: hidden; position: relative;}
.popBox .mySwiper .swiper-slide {display: flex;justify-content: center;align-items: center; height: 607px;}
.popBox .info_ps { display: flex; align-items: center; padding: 15px; position: absolute; bottom: 0; left: 0; right: 1px; background: rgba(0, 0, 0, .5); z-index: 2; color: #fff; font-size: 16px; line-height: 24px;}
.popBox .info_ps .num { padding-right: 15px; text-align: center; font-size: 28px; }
.popBox .info_ps .num i { font-style: normal; font-size: 36px; color: #ff0101;}
.popBox .info_ps .ps { flex: 1;}
.popBox .swiper-button-next,.popBox .swiper-button-prev { width: 38px; height: 70px; margin-top: -36px; background: rgba(0, 0, 0, .5) url(../img/20220512181930504.png) no-repeat center 16px;}
.popBox .swiper-button-prev { border-radius: 0 5px 5px 0;}
.popBox .swiper-button-next { background-position: center -166px; border-radius: 5px 0 0 5px;}

@media screen and (max-width: 1200px){
    .main_y150.bn:after { background-size: 150%;}
    .main_y150 .banner_bn { height: 260px;}
    .lists_y150 .lists_box ul li a i { display: none;}
    .lists_y150 .lists_box.s1 { padding: 0 0 30px;}
    .lists_y150 .lists_box.s1 ul li { width: 100%;}
    .lists_y150 .lists_box.s1 ul li a {padding: 5px 0;}
    .lists_y150 .lists_box.s1 ul li a i { display: block;}

    .popBox .vi_box { width: 96%; height: auto; max-height: 80vh; left: 2%; top: 10vh; margin: 0; padding: 30px 15px 15px; box-sizing: border-box;}
    .popBox .mySwiper .swiper-slide { height: auto;}
    .popBox .info_ps .ps { white-space: nowrap; overflow: hidden; font-size: 13px; text-overflow: ellipsis;}
    .popBox .swiper-button-next,.popBox .swiper-button-prev { transform: scale(.6);}
    .popBox .vodBox video { height: 40vh;}
    .popBox .vi_box .t { font-size: 14px;}
    .popBox .vi_box .t h4 { font-size: 16px;}
    .popBox .info_ps .num { font-size: 22px;}
    .popBox .info_ps .num i { font-size: 26px;}
}

@media screen and (max-width: 760px){
    .main_y150.bn { background-size: cover;}
    .main_y150.bn:after { background-size: 150%;}
    .main_y150 .banner_bn { height: 120px;}
    .lists_y150 .titT1 { padding: 0;}
    .lists_y150 .titT1 .path { display: none;}
    .lists_y150 .titT1 .nav { float: none; text-align: center;}
    .lists_y150 .titT1 .nav a { padding: 0 12px; font-size: 14px; margin: 0 3px;}
    .lists_y150 .lists_box ul li a strong { font-size: 16px;}
    .lists_y150 .lists_box ul li a em { font-size: 13px;}
    .lists_y150 .lists_box { padding: 0 15px;}

    .article_y150 .article_y150_title { padding: 0 0 20px;}
    .article_y150 .article_y150_title h3 { font-size: 18px;}
    .article_y150 .article_y150_title span { font-size: 14px; padding: 0 10px;}
}

@media screen and (min-height:1000px){
    .home_main_y150.on .ybg_y150 i.i1 { top: 310px;}
}
@media screen and (min-height:900px) and (max-height:999px){
    .home_main_y150 .ybg_y150 i.i1 { top: 200px;}
    .home_main_y150 .bg_y150 .bg1 img { height: 600px;}
    .home_main_y150 .bTit_y150 { transform: scale(.8);}
}
@media screen and (max-height:900px) {
    .home_main_y150 .ybg_y150 i.i1 { top: 200px;}
    .home_main_y150 .bg_y150 .bg1 img { height: 500px;}
    .home_main_y150 .bTit_y150 { transform: scale(.7);}
    .home_main_y150 .ybg_y150 i.i1 img { width: 240px; }
    .home_main_y150 .ybg_y150 i.i2 img { width: 260px; }
    .home_main_y150 .ybg_y150 i.i3 img { width: 110px; transform: translateX(-50px); }
    .home_main_y150 .bg_y150 .bg3 .s1 img { width: 460px;}
    .home_main_y150 .bg_y150 .bg3 .s2 img { width: 400px;}
    .home_main_y150 .bg_y150 .bg4 .s1 img { width: 500px;}
    .home_main_y150 .bg_y150 .bg4 .s2 img { width: 300px;}
}

@media screen and (max-height:720px) {
    .home_main_y150 .ybg_y150 i.i1 { top: 150px;}
    .home_main_y150 .bg_y150 .bg1 img { height: 400px;}
    .home_main_y150 .bTit_y150 { transform: scale(.65);}
    .home_main_y150 .ybg_y150 i.i1 img { width: 200px; }
    .home_main_y150 .ybg_y150 i.i2 img { width: 220px; }
    .home_main_y150 .ybg_y150 i.i3 img { width: 100px; transform: translateX(-80px); }
    .home_main_y150 .bg_y150 .bg3 .s1 img { width: 400px;}
    .home_main_y150 .bg_y150 .bg3 .s2 img { width: 380px;}
    .home_main_y150 .bg_y150 .bg4 .s1 img { width: 460px;}
    .home_main_y150 .bg_y150 .bg4 .s2 img { width: 280px;}
}


.home_main_y150.mob { background-size: 100% 120%; background-position: 0 0;}
.home_main_y150.mob .ybg_y150 i.i1 { top: 260px;}
.home_main_y150.mob .bg_y150 .bg1 img { height: 400px;}
.home_main_y150.mob .bTit_y150 { transform: scale(.8);}
.home_main_y150.mob .ybg_y150 i.i1 img { width: 200px; }
.home_main_y150.mob .ybg_y150 i.i2 img { width: 220px; }
.home_main_y150.mob .ybg_y150 i.i3 img { width: 100px; transform: translateX(-80px); }
.home_main_y150.mob .bg_y150 .bg3 .s1 img { width: 380px;}
.home_main_y150.mob .bg_y150 .bg3 .s2 img { width: 340px;}
.home_main_y150.mob .bg_y150 .bg4 .s1 img { width: 420px;}
.home_main_y150.mob .bg_y150 .bg4 .s2 img { width: 260px;}
.home_main_y150.mob .bTit_y150 .n_item ul li { margin: 0 15px;}

@media screen and (max-width: 760px){
    .home_main_y150.mob { background-size: 100% 120%; background-position: 0 0;}
    .home_main_y150 .logo_box_y150 { top: -150px; left: 15px; }
    .home_main_y150.mob .logo_box_y150 a img { height: 20vw;}
    .home_main_y150.mob .logo_box_y150 span img { height: 20vw;}
    .home_main_y150.mob.on .logo_box_y150 { top: 15px; left: 15px; z-index: 9;}
    .home_main_y150.mob .ybg_y150 i.i1 { top: 160px;}
    .home_main_y150.mob .bg_y150 .bg1 img { height: 35vh;}
    .home_main_y150.mob .ybg_y150 i.i2 { top: 14vh;}
    .home_main_y150.mob .ybg_y150 i.i3 { top: 19vh; left: 13vh;}
    .home_main_y150.mob .ybg_y150 i.i3 img { width: 15vw; transform: translateX(0);}
    .home_main_y150.mob .ybg_y150 i.i1 img { width: 25vw; }
    .home_main_y150.mob .ybg_y150 i.i2 img { width: 30vw; }
    .home_main_y150.mob .bg_y150 .bg3 .s1 img { width: 50vw;}
    .home_main_y150.mob .bg_y150 .bg3 .s2 img { width: 45vw;}
    .home_main_y150.mob .bg_y150 .bg4 .s1 img { width: 45vw;}
    .home_main_y150.mob .bg_y150 .bg4 .s2 img { width: 45vw;}
    .home_main_y150.mob .bTit_y150 .n_item ul li { margin: 0 15px;}


    .home_main_y150.mob .bTit_y150 { width: 100%; height: 100vh; top: 15vh; margin: 0; transform: scale(1);}
    .home_main_y150.mob.on .bTit_y150 .tit_01 img { width: 40vw;}
    .home_main_y150.mob.on .bTit_y150 .tit_02 span > img { width: 90vw;}
    .home_main_y150.mob .bTit_y150 .tit_02 span i.i1,.home_main_y150.mob .bTit_y150 .tit_02 span i.i2 { transform: scale(.5);}
    .home_main_y150.mob .bTit_y150 .tit_02 span i.i2 {right: -16vw;top: 0;}
    .home_main_y150.mob .bTit_y150 .n_item ul li { float: left; width: 25%; margin: 0;}
    .home_main_y150.mob.on .bTit_y150 .n_item ul li a { transform: scale(.7);left: -20%;top: -8vh;}
    

    
}

@media screen and (max-width: 380px){
    .home_main_y150.mob .bTit_y150 { width: 100%; height: 100vh; top: 15vh; margin: 0; transform: scale(1);}
    .home_main_y150.mob.on .bTit_y150 .tit_01 img { width: 40vw;}
    .home_main_y150.mob.on .bTit_y150 .tit_02 span > img { width: 90vw;}
    .home_main_y150.mob .bTit_y150 .tit_02 span i.i1,.home_main_y150.mob .bTit_y150 .tit_02 span i.i2 { transform: scale(.5);}
    .home_main_y150.mob .bTit_y150 .tit_02 span i.i2 {right: -16vw;top: 0;}
    .home_main_y150.mob .bTit_y150 .n_item ul li { float: left; width: 25%; margin: 0;}
    .home_main_y150.mob.on .bTit_y150 .n_item ul li a { transform: scale(.6);left: -30%;top: -13vh;}
}