@charset "utf-8";

/*川旅要闻通知欧宝app登录入口学术科研川旅人物视觉川旅校报专题聚焦*/

@font-face {
    font-family: "思源宋体 Regular";font-weight: 400;src: url("/fonts/zi4jb3moEYTe.woff2") format("woff2"),
    url("/fonts/zi4jb3moEYTe.woff") format("woff");
    font-display: swap;
}

.banner_box{padding: 0px;position: relative;z-index: 3;margin: 1.2rem 0 0;}
.banner{ overflow: hidden; }
.banner .a{ display: block; position: relative; z-index: 1; overflow: hidden; }
.banner .imgBox{ overflow: hidden; width: 100%; transform: scale(1);}
.banner .imgBox:after{content: "";position: absolute;right: 0;bottom: 0;left: 0;background-image: linear-gradient(0deg, rgba(0,0,0,.5), transparent);height: 30%;}
.banner .imgBox .img{ padding-bottom: calc(100vh - 1.2rem); transition: 0s; transform: scale(1) !important; }
.banner .imgBox .img video{ opacity: .9;}
.banner .bottom{position: absolute;right: 0;bottom: 0;left: 0;padding: 0 0 .3rem;}
.banner h4{color: #fff !important;font-size: .22rem;flex: 1;}
.banner.on ul li.swiper-slide-active .a .imgBox, .banner.on ul li.swiper-slide-duplicate-active .a .imgBox, .banner.on ul li.swiper-slide-prev .a .imgBox{ animation: sca 7s linear 0s normal both;}
@keyframes sca {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.05);
    }
}

.banner .dots{position: absolute;z-index: 10;display: flex;justify-content: center;align-items: center;margin: 0 0 0 .3rem;}
.banner .dots span{width: .29rem;height: .28rem;background: none;font-size: .16rem;color: #fff;opacity: 1;margin: 0 .035rem !important;position: relative;z-index: 1}
.banner .dots span:before{content: "";position: absolute;top: 50%;left: 50%;width: .24rem;height: 1px;background: #fff;border-radius: 50vw;transition: .5s;transform: translateX(-50%);}
.banner .dots span:after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: url(/images/banner_d.png) center no-repeat;transition: .5s;opacity: 0;background-size: 100% 100%;}
.banner .dots span.active:before{ opacity: 0}
.banner .dots span.active:after{ opacity: 1}

.tit1{margin-bottom: .36rem;align-items: flex-end;}
.tit1 .ll img{/* height: .86rem */}
.tit1 .ll h3{font-size: .48rem;color: #005a3c;font-family: 'sys';/*font-weight: normal;*/line-height: 1;display: flex;align-items: center;position: relative;}
.tit1 .ll h3 img{margin: 0 0 0 .1rem;position: absolute;left: 2rem;height: .88rem;max-height: inherit;}
.tit1 .ll h6{font-size: .3rem;color: #898989;font-family: 'sys';/*font-weight: normal;*/text-transform: uppercase;margin: .04rem 0 0;-webkit-mask: linear-gradient(0deg, transparent, #fff 80%, #fff 100%);mask: linear-gradient(0deg, transparent, #fff 200%, #fff 100%);min-width: 1.88rem;text-align: right;display: inline-block;line-height: 1.2;}

.miso_tab1 .hd{ align-items: center;}
.miso_tab1 .hd ul{margin: .1rem .34rem 0 0;}
.miso_tab1 .hd ul li{padding: 0 .18rem;position: relative;}
.miso_tab1 .hd ul li::before{content: "";position: absolute;width: 1px;height: .16rem;background: #d6d6d6;right: 0;top: 50%;transform: translateY(-50%);}
.miso_tab1 .hd ul li .a{font-size: .24rem;color: #999;transition: .5s;}

.miso_tab1 .hd ul li:last-child::before{ display: none}
.miso_tab1 .hd ul li.on .a{ color: #215130}

.more1 .a{background: url(/images/more1.png) center no-repeat;background-size: cover;display: flex;width: .75rem;height: .42rem;align-items: center;justify-content: center;font-size: .15rem;color: #333333;padding: 0 0 .08rem; transition: .5s;}

.pad1{ padding: .94rem 0; overflow: hidden;}

.home1{position: relative;z-index: 1;background: url(/images/home1_b1.jpg) center bottom no-repeat;background-size: 100% auto;padding-bottom: .6rem;}
.home1::before{ content: ""; position: absolute; top: 50%; right: 0; width: 24.27vw; height: 24.27vw; background: url(/images/home1_b.png) center no-repeat; background-size: 100% 100%; z-index: -1; margin-top: -12.13vw; animation: roted 10s infinite linear;}
.home1 .left{ width: 9.7rem;}
.home1 .right{ width: calc(100% - 9.7rem - .66rem);}

.list1Box{ margin-bottom: .56rem;}
.list1 .a{ display: block; position: relative;}
.list1 .imgBox .img{ padding-bottom: 61.85%;}
.list1 .imgBox:after{content: "";position: absolute;right: 0;bottom: 0;left: 0;background-image: linear-gradient(0deg, #132836, transparent);height: 30%;}
.list1 .txt{position: absolute;right: 0;bottom: 0;left: 0;padding: 0 1.7rem .25rem .34rem;}
.list1 .h6s1{font-size: .18rem;color: #fff;padding: 0 0 0 .16rem;position: relative;}
.list1 .h6s1:before{content: "";position: absolute;width: .06rem;height: .06rem;background: #e6c390;left: 0;top: 50%;margin: -.04rem 0 0;transform: rotate(45deg);border-radius: 50vw;}
.list1 h4{font-size: .2rem;color: #fff !important;margin: .1rem 0 0;font-family: "Microsoft YaHei";font-weight: bold;}

.arrow2W{align-items: center;justify-content: center;margin: .7rem 0 0;}
.arrow2Box{background: rgba(33,135,85,.04);border: rgba(255,255,255,.04) 1px solid;border-radius: 50vw;padding: 0 .4rem;height: .32rem;align-items: center;}
.arrow2{font-size: .22rem;color: #a3a3a3;font-family: 'lib';cursor: pointer;transition: .5s;}
.arrow2Box .dots{ margin: 0 .2rem}
.dots4{width: auto !important;display: flex;align-items: center;justify-content: center;}
.dots4 span{width: .09rem;height: .09rem;background: #cfcfcf;opacity: 1;margin: 0 .05rem;}
.dots4 span.active{background: #248157;}

.list2s li{ transition: .5s;}
.list2s .a{ display: block; position: relative;}
.list2s .imgBox .img{ padding-bottom: 56.30%;}
.list2s .txt{ position: relative; z-index: 2}
.list2s .time{width: .8rem;height: .9rem;flex-direction: column;justify-content: center;align-items: center;margin: -.7rem 0 0;position: relative;z-index: 1;overflow: hidden;}
.list2s .time:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #ccac79;z-index: -1;transform: skewY(-14deg);transform-origin: left bottom;transition: .5s;}
.list2s .time h3{font-size: .34rem;color: #fff;line-height: 1;}
.list2s .time h6{font-size: .16rem;color: #fff;margin-bottom: 0.1rem;}
.list2s h4{ margin: .2rem 0 0; padding-left: .35rem;}

.list2{margin-bottom: 0.56rem;}
.list2 li{padding-bottom: .22rem;margin-bottom: .22rem;border-bottom: #dfdfdf 1px solid;position: relative;z-index: 1;}
.list2 li:after{content: "";position: absolute;bottom: -1px;width: 0;height: 2px;background: #0d6438;transition: .5s;}
.list2 .a{ display: block; transition: .5s}
.list2 h6{ color: #ccac79; font-size: .16rem}
.list2 h6 img{width: .15rem;margin: -.02rem .08rem 0 0;}
.list2 li:last-child{ margin-bottom: 0}
.list2 h4{margin: .05rem 0 0;}

.list2s li.swiper-slide-active + li{ transform: translateY(.3rem);}

.dots2{position: absolute;right: .4rem;bottom: .35rem !important;left: .4rem !important;z-index: 1;width: auto !important;display: flex;justify-content: flex-end;}
.dots2 span{width: .09rem;height: .09rem;background: rgba(255,255,255,.3);opacity: 1;}
.dots2 span.active{background: rgba(255,255,255,1);}

.home2{ position: relative; z-index: 1}
.home2::before{content: "";position: absolute;top: 0;right: calc((100vw - 15.2rem)/2);height: 3rem;left: 0;background: url(/images/home2_b.jpg) center no-repeat;background-size: cover;z-index: -1;}
.home2 .tit1{ padding-right: .36rem}

.list3Box{/* overflow: visible; */}
.list3 .box{ margin: 0 -.18rem}
.list3 .box .li{ width: 33.33%; padding: 0 .18rem}
.list3 .a{display: block;padding: 0 .5rem .4rem;background: #f0ddbf;position: relative;z-index: 1;overflow: hidden;transition: .5s;border: #c9a056 1px solid;border-bottom: #ccac79 4px solid;}
.list3 .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/images/list3_b.jpg) center no-repeat; background-size: cover; z-index: -1; transform: translateY(101%); transition: .5s;}
.list3 .time{ width: .8rem; height: .9rem; position: relative; z-index: 1; overflow: hidden; flex-direction: column; justify-content: center; align-items: center}
.list3 .time:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #ccac79;transform: skewY(-15deg);transform-origin: left bottom;z-index: -1;}
.list3 .box .li:hover .time:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #ffcb2d;transform: skewY(-15deg);transform-origin: left bottom;z-index: -1;}

.list3 .time h3{font-size: .34rem;color: #fff;line-height: 1.15;}
.list3 .time h6{font-size: .16rem;color: #fff;margin: 0 0 .1rem;}
.list3 .top{align-items: center;border-bottom: #ccac79 2px solid;padding-bottom: .18rem;margin-bottom: .3rem;}
.list3 .top .ll{display: inline-block;min-width: .94rem;line-height: .44rem;background: #ccac79;border-radius: .135rem;padding: 0 .15rem;font-size: .24rem;color: #fff;text-align: center;}
.list3 .top .rr{font-size: .16rem;color: #c69245;position: relative;padding: 0 0 0 .24rem; transition: .5s;}
.list3 .top .rr:before{content: "";position: absolute;width: .06rem;height: .06rem;background: #c69245;left: 0;transform: rotate(45deg) translateY(-.05rem);top: 50%; transition: .5s;}
.list3 h4{position: relative;margin: .15rem 0 .5rem;min-height: .6rem;}
.list3 h6{font-size: .16rem;color: #333333;align-items: baseline;transition: .5s;}
.list3 h6 img{margin: 0 0 0 .12rem;width: .32rem;}

.list3 .a:nth-child(2){ background: #f7f6f6;}

.dots3{display: flex;justify-content: center; margin: .4rem 0 0;}
.dots3 span{width: .09rem;height: .09rem;background: #e6c390;opacity: .4;}
.dots3 span.active{ opacity: 1;}
.header .topnav ul li .sub-nav .sub-nav-h a{color: #555;}

.home3-4-5{position: relative;z-index: 2;}
.home3-4-5:before{content: "";position: absolute;width: 52.23vw;height: 52.23vw;background: url(/images/home3-4-5.png) center no-repeat;background-size: 100% auto;top: 50%;left: 0;animation: roted 10s infinite linear;z-index: -1;}

.home3{position: relative;z-index: 1;padding-bottom: 0 !important;}
.home3::before{content: "";position: absolute;height: 4.7rem;right: 0;bottom: 0;left: 40%;background: #e2d5c1;z-index: -1;}
.home3 .wp{ align-items: flex-end}
.home3 .tit1{padding: 0 .8rem 0 0;margin-bottom: .5rem;}
.home3 .left{width: calc(100% - 6.48rem);position: relative;z-index: 2;}
.home3 .right{width: 6.48rem;position: relative;z-index: 1;padding: 0 .6rem 0 .4rem;}
.home3 .right::before{ content: ""; position: absolute; right: 0; bottom: 0; left: 0; background: url(/images/home3.png) center no-repeat; background-size: cover;}
.home3 .right .b1{position: absolute;right: -2rem;bottom: -.1rem;left: -2.52rem;z-index: -1;height: 6.56rem;}
.home3 .right .b1 img{ width: 100%}

.list4 .a{ display: block;}
.list4 .imgBox .img{ padding-bottom: 50.79%;}
.list4 .imgBox:after{content: "";position: absolute;right: 0;bottom: 0;left: 0;background-image: linear-gradient(0deg, #132836, transparent);height: 30%;}
.list4 .txt{position: absolute;right: 0;bottom: 0;left: 0;padding: 0 1.7rem .25rem .34rem;}
.list4 .h6s1{font-size: .2rem;color: #fff;padding: 0 0 0 .16rem;position: relative;}
.list4 .h6s1:before{content: "";position: absolute;width: .06rem;height: .06rem;background: #e6c390;left: 0;top: 50%;margin: -.03rem 0 0;transform: rotate(45deg);}
.list4 h4{ font-size: .2rem; color: #fff !important; margin: .1rem 0 0}

.list4s .a{ display: block; position: relative;}
.list4s .imgBox .img{ padding-bottom: 61.85%;}
.list4s .imgBox:after{content: "";position: absolute;right: 0;bottom: 0;left: 0;background-image: linear-gradient(0deg, #132836, transparent);height: 30%;}
.list4s .txt{position: absolute;right: 0;bottom: 0;left: 0;padding: 0 .2rem .2rem .2rem;}
.list4s .h6s1{font-size: .16rem;color: #fff;padding: 0;position: relative;}
.list4s h4{color: #fff !important;margin: .08rem 0 0;font-family: "Microsoft YaHei";font-weight: bold;}

.list4s1 li{ border-bottom: rgba(60,211,136,.5) 1px solid; position: relative;z-index: 1;}
.list4s1 li:after{content: "";position: absolute;bottom: -1px;width: 0;height: 2px;background: #0d6438;transition: .5s;}
.list4s1 .a{display: block;padding: .24rem 0 .2rem;transition: .5s;}
.list4s1 .h6s1{color: #ccac79;padding: 0;position: relative;align-items: center;font-size: .16rem;}
.list4s1 .h6s1 span{color: #a17632;margin: 0 .15rem 0 0;display: inline-block;line-height: .3rem;min-width: .95rem;border: #e6c390 1px solid;border-radius: .03rem;text-align: center;background: #f0ddbf;padding: 0 .15rem;}
.list4s1 h4{margin: .09rem .03rem 0;}

.list5 li{ border-bottom: rgba(60,211,136,.5) 1px solid;}
.list5 .a{display: block;padding: .3rem 0;transition: .5s;}
.list5 .h6s1{color: #e6c390;padding: 0 0 0 .2rem;position: relative;}
.list5 .h6s1:before{content: "";position: absolute;width: .06rem;height: .06rem;background: #e6c390;left: 0;top: 50%;margin: -.03rem 0 0;transform: rotate(45deg);}
.list5 h4{color: #fff !important;margin: .09rem 0 0;}
.list5 li:last-child{ border: none}

.list6{margin: 0 0 1rem;}
.list6 .a{position: relative;z-index: 1;background: #fff;display: block;transition: .5s;}
.list6 .a::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;border: #e6c390 1px solid;z-index: -1;transition: .5s;}
.list6 .imgBox .img{padding-bottom: 150%;}
.list6 .txt{z-index: 1;padding: .28rem;display: flex;flex-direction: column;justify-content: space-between;position: absolute;top: 0;right: 0;bottom: 0;left: 0;opacity: 0;visibility: hidden;transition: .5s;}
.list6 .txt::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/images/list6_b.jpg) center no-repeat; background-size: cover; transition: .5s; opacity: 0; z-index: -1;}
.list6 h5{font-size: .2rem;color: #005a3c;display: flex;align-items: center;font-weight: 600;transition: .5s;}
.list6 h5 i{display: inline-block;width: .1rem;height: .19rem;transition: .5s;}
.list6 h5 i.i1{ background: url(/images/list6_i1.png) center no-repeat; background-size: cover; margin-right: .04rem;}
.list6 h5 i.i2{ background: url(/images/list6_i2.png) center no-repeat; background-size: cover; margin-left: .04rem;}
.list6 .top{transition: .5s;order: -1;}
.list6 h4{margin: .12rem 0 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.list6 p{font-size: .18rem;color: #666;line-height: .3rem;padding: .02rem 0 .02rem .36rem;background-size: .22rem auto !important;}
.list6 p.p1{background: url(/images/list6_ico1.png) left 5px no-repeat;}
.list6 p.p2{background: url(/images/list6_ico2.png) left center no-repeat;}

.list6 li:nth-child(4n-2){transform: translateY(.33rem);}
.list6 li:nth-child(4n){transform: translateY(.66rem);}

.home4{padding-top: .45rem;}

.home5{ padding-top: 0 !important}
.home5 .wp{ align-items: flex-start;}
.home5 .left{width: 52.5%;}
.home5 .right{width: 46.3%;padding: .4rem 0 .6rem 0;position: relative;z-index: 1;}
.home5 .right::before{content: "";position: absolute;right: calc((100vw - 15.2rem)/2 * -1);bottom: .6rem;height: 4.66rem;background: url(/images/home5.jpg) center no-repeat;background-size: cover;width: calc((100vw - 15.2rem)/2 + 44%);z-index: -1;}
.home5 .tit1{margin-bottom: .6rem;padding-right: .1rem;margin-top: .65rem;}

.list7 li{ width: 100%;}
.list7 .a{display: block;position: relative;overflow: hidden;}
.list7 li .imgBox .img{ padding-bottom: 46.49%; }
.list7 .imgBox:after{content: "";position: absolute;right: 0;bottom: 0;left: 0;background-image: linear-gradient(0deg, #000, transparent);height: 38%; transition: .5; transform: translateY(101%); transition: .5s;}
.list7 .txt{position: absolute;right: 0;bottom: 0;left: 0;padding: 0 .25rem .16rem .25rem;transform: translateY(101%);transition: .5s;}
.list7 .h6s1{font-size: .2rem;color: #fff;padding: 0 0 0 .16rem;position: relative;}
.list7 .h6s1:before{content: "";position: absolute;width: .06rem;height: .06rem;background: #e6c390;left: 0;top: 50%;margin: -.03rem 0 0;transform: rotate(45deg);}
.list7 h4{font-size: .2rem;color: #fff !important;margin: .04rem 0 0;}
.list7 h5{font-size: .2rem;color: #fff;margin: 0 0 0 -.1rem;}

.list7 li:nth-child(1){ margin-bottom: .15rem;}
.list7 li:nth-child(2){ width: 46.75%;}
.list7 li:nth-child(2) .imgBox .img{ padding-bottom: 104.28%;}
.list7 li:nth-child(3){ width: 51.5%;}
.list7 li:nth-child(3) .imgBox .img{padding-bottom: 61%;}

.list8 .a{ display: block; position: relative;}
.list8 .imgBox{width: 85%;}
.list8 li .imgBox .img{ padding-bottom: 124.87%; }
.list8 .txt{position: absolute;right: 0;left: .6rem;bottom: 0;height: 1.32rem;background: url(/images/list8_b.jpg) center no-repeat;background-size: cover;display: flex;flex-direction: column;justify-content: center;padding: 0 .3rem;}
.list8 h5{font-size: .2rem;color: #7b5b06;}
.list8 h4{font-size: .2rem;color: #7b5b06 !important;margin: .1rem 0 0}

.arr1{position: absolute;bottom: .9rem;left: 103%;width: .7rem;text-align: center;}
.arr1 .dots{width: auto;font-size: .14rem;color: #fff;margin: .3rem 0;display: flex;align-items: baseline;}
.arr1 .dots span{ font-size: .18rem;}
.arr1 .dots span.swiper-pagination-current{margin-right: -.03rem;font-size: .3rem;transform: translateY(-.14rem);}
.arr1 .dots span.swiper-pagination-total{margin-left: .03rem;}

.arr1 .arrow1{justify-content: space-between;align-items: center;font-size: .28rem;color: #fff;font-family: 'lib'; cursor: pointer;}
.arr1 .arrow1 .line{width: 1px;height: .28rem;background: #fff}

.more2{position: absolute;left: 0;bottom: 0;width: .6rem;height: .6rem;background: #ffcb2d;display: flex;justify-content: center;align-items: center;transition: .5s;}
.more2 img{ width: .3rem; transition: .5s;}
.more2 svg{width: .3rem;height: .3rem;fill: #005a3c;transition: .5s;}

.home6{background: url(/images/home6_b.jpg) center top no-repeat;background-size: 100% 100%;padding-top: 2.5rem;margin-top: -2rem;}
.home6 .tit1{ width: 29.27%; margin-bottom: -1rem;}
.tit1W .ll h3{ color: #fff}
.tit1W .ll h6{ color: #36d8a1}

.list9 .more1 .a{ transform: scale(.8);}

.list9 .a{position: relative;color: #fff !important; }
.list9 .li2 .a{display: block !important;}
.list9 .li1{background: rgba(33,135,85,.7);width: 24.53%;height: 3.78rem;margin-left: 29.27%;mix-blend-mode: luminosity;}
.list9 .li1 .tit{ align-items: center}
.list9 .li1 .as{display: flex;padding: .3rem .3rem;height: 100%;flex-direction: column;justify-content: center;} 
.list9 .li1 h3{font-size: .36rem;color: #fff;font-family:'sys';/*font-weight: normal;*/display: flex;align-items: baseline;margin-bottom: .06rem}
.list9 .li1 h3 img{ height: .08rem; margin: 0 0 0 .15rem}

.list9Box{height: 2rem;margin: .15rem 0 0;width: 100%;}
.list9s dd{border-bottom: rgba(255,255,255,.15) 1px dashed;padding: 0;}
.list9s .a1{display: flex;align-items: center;height: 100%;}
.list9s h6{color: #fff;width: auto;order: 1;margin: 0 0 0 .2rem;}
.list9s dd h4{color: #fff;margin: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.list9 .li2{width: 40.65%;}
.list9 .li2s{width: calc(100% - 29.27% - 29.53% - 35.65%);}
.list9 .li2s .a{display: block;width: 230%;}
.list9 .li2 .imgBox .img{ padding-bottom: 3.78rem;}
.list9 .li2s .imgBox .img{ padding-bottom: 3.78rem;}
.list9 .li3{ width: 29.27%;}
.list9 .li3 .a{ display: block; position: relative;}
.list9 .li3 .imgBox .img{ padding-bottom: 95.96%;}
.list9 .imgBox:after{content: "";position: absolute;right: 0;bottom: 0;left: 0;background-image: linear-gradient(0deg, #132836, transparent);height: 30%;}
.list9 .txt{position: absolute;right: 0;bottom: 0;left: 0;padding: 0 .5rem .2rem .3rem;align-items: center}
.list9 .txt:before{position: absolute;right: .2rem;bottom: .25rem;font-size: .3rem;color: #fff;font-family: 'lib';}
.list9 .ico{font-size: .16rem;color: #fff;font-family: 'lib';margin: 0 .25rem 0 0;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.list9 .ico i{font-size: .26rem;color: #fff;font-family: 'lib';margin: 0 0 .04rem;}
.list9 h4{color: #fff !important;flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list9{ align-items: flex-start}
.list9 .li4{ width: 36.05%; position: relative}
.list9 .li4 .txt{position: absolute;right: 0;bottom: 0;left: 0;align-items: center;justify-content: center;}
.list9 .li4 .ico{display: flex;justify-content: center;align-items: center;background: rgba(255,255,255,.34);border-radius: 50%;width: .38rem;height: .38rem;margin: 0;}
.list9 .li4 .ico svg{width: .16rem;height: .16rem;fill: #ffcb2d;transform: translateX(.01rem);}
.list9 .li4  h4{right: 0;bottom: 0;left: 0;padding: 0 0.2rem 0;}
.list9 .li4 .a{ display: block}
.list9 .li5{width: calc(100% - 29.27% - 36.05%);margin: -1.69% 0 0;position: relative;}
.list9 .li5 .imgBox .img{ padding-bottom: 67.23%;}

.list9 .li5 .more2{ bottom: 100%; left: 100%}
.more2s{padding: 0 .06rem;font-size: .14rem;color: #333;width: .7rem;height: .7rem;text-align: center;}

.vr{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; flex-direction: column; justify-content: center; align-items: center;}
.vr img{ width: 1.07rem}
.list9 .vr h4{ flex: inherit; font-size: .2rem; color: #fff; margin: .25rem 0 0}

.list10Box{width: calc((100vw - 15.2rem)/2 + 100%);padding: .3rem 0 .12rem;height: 3.75rem;}
.list10 li{ width: 5.46rem; transition: .5s;}
.list10 .a{ display: block;}
.list10 .img{ transition: .5s}
.list10 .imgBox .img{ padding-bottom: 50.91%}

.home7{background: url(/images/home7_b.jpg) center no-repeat;background-size: cover;padding-top: .4rem;}

.home2 .miso_tab1 .hd ul li .a{color: rgba(230,195,144,.6);}
.home2 .miso_tab1 .hd ul li.on .a{ color: #e6c390;}
.home2 .more1 .a{ color: #e6c390 !important;}

.list10Box .swiper-scrollbar{flex: 1;overflow: hidden;height: .05rem;background: none;bottom: 0;margin: .6rem 0 0;position: absolute;z-index: 1;left: 0;width: 100%;}
.list10Box .swiper-scrollbar:before{ content: ""; position: absolute; right: 0; left: 0; top: 50%; margin: -.5px 0 0; height: 1px; background: #e3e4e8}
.list10Box .swiper-scrollbar-drag{background: #0e8b61;border-radius: 50vw;}

@media(min-width: 1024px){
    .more1 .a:hover{ color: #215130;}

    .list3 .a:hover{ box-shadow: 0px .38rem .42rem 0px rgba(33, 135, 85, 0.32);}
    .list3 .a:hover::before{ transform: translateY(0);}
    .list3 .a:hover h4, .list3 .a:hover h6{ color: #fff;}
    .list3 .a:hover .top .rr{ color: #e6c390;}
    .list3 .a:hover .top .rr:before{ background: #e6c390;}

    .list6 .a:hover .txt:before{content: "";position: absolute;top: 0;opacity: 1;order: 1;}
    .list6 .a:hover *{ color: #fff;}
    .list6 .a:hover .top{ }
    .list6 .a:hover h5{ color: #e6c390;}
    .list6 .a:hover h4{}
    .list6 .a:hover .txt{ opacity: 1; visibility: visible}

    .list6 .a:hover h5 i.i1{ background: url(/images/list6_i1_on.png) center no-repeat; background-size: cover;}
    .list6 .a:hover h5 i.i2{ background: url(/images/list6_i2_on.png) center no-repeat; background-size: cover;}
    .list6 .a:hover .imgBox{ opacity: 0;}

    .list7 .a:hover .txt{ transform: translateY(0);}
    .list7 .a:hover .imgBox:after{ transform: translateY(0);}

    .more2s:hover{ color: #fff}

    .more2:hover{ background: #218755;}
    .more2:hover img{ transform: rotate(90deg);}
    .more2:hover svg{ fill: #fff}

    .list2 li:hover .a h4{ font-family: "Microsoft YaHei"; font-weight: bold;}

    .list10 li:hover{ width: 5.9rem; transform: translateY(-6%);}
    .list10 li:hover .imgBox .img{ padding-bottom: 55.55%}

    .list10 .a:hover .img{ box-shadow: 0 .2rem .3rem #218755}

    .list6 .a:hover{box-shadow: 0 .2rem .3rem rgba(0,0,0,.2);}

    .arrow2:hover{ color: #218755;}
    .list2 li:hover:after, .list4s1 li:hover:after{ width: 100%}
    .list4s1 li:hover .a h4{ font-family: "Microsoft YaHei"; font-weight: bold;}

    .list2s .a:hover .time:before{ background: #218755}
}
@media(max-width: 1024px){
    .banner .imgBox .img{ padding-bottom: 50%;}
    .banner_box{ margin: .7rem 0 0;}
    .banner .dots{ bottom: .15rem;}

    .arr1{right: .05rem;bottom: 2.4rem;left: auto;z-index: 2;}

    .home2 .tit1{ padding-right: 0}
}
@media(max-width: 800px){
    .home1 .left{ width: 100%;}
    .home1 .right{width: 100%;padding: .3rem 0 0;}
    .pad1{ padding: .4rem 0;}
    .list2 li{ padding-bottom: .15rem; margin-bottom: .15rem;}
    .list2 h4{ margin: .06rem 0 0;}

    .tit1 .ll h3{font-size: .24rem;}
    .tit1 .ll h6{font-size: .2rem;min-width: 1rem;line-height: 1;}
    .tit1 .ll h3 img{left: 1.1rem;}
    .miso_tab1 .hd ul li .a{ font-size: .16rem}
    .miso_tab1 .hd ul li{ padding: 0 .1rem}
    .miso_tab1 .hd ul{ margin: 0 .1rem 0 0}
    .more1 .a{width: .5rem;height: .35rem;font-size: .13rem;}
    .list3 .top .ll{font-size: .16rem;line-height: .3rem;border-radius: .1rem;min-width: .7rem;}

    .list3 .top{ margin-bottom:.2rem; padding-bottom: .14rem}

    .home3 .left{ width: 100%;}
    .home3 .right{width: 100%;background: #0e8b61;padding: 0 .3rem;}
    .home3 .right .b1{ display: none}
    .home3::before{ display: none}
    .home3 .tit1{ padding: 0}

    .list6{margin: 0 -7px .2rem;}
    .list6 li{;margin-bottom: .25rem;transform: translateY(0) !important;}
    .home5 .left{ width: 100%;}
    .home5 .right{width: 100%;}

    .home5 .tit1{margin-bottom: .3rem;margin-top: 0;}

    .home6{margin: 0;padding-bottom: 0;background: url(/images/home6_b.jpg) center -50vw no-repeat;background-size: 100% 100%;}
    .home6 .tit1 .ll h3{ color: #005a3c;}

    .list9 .li1 h3{ font-size: .26rem;}
    .list9 .li1 h4{ font-size: .22rem;}

    .home5 .right::before{right: 0;width: .8rem;height: 3rem;}
    .home3{ padding-top: 0 !important}
    .list5 .a{ padding: .15rem 0}

    .list5 .h6s1{ font-size: .16rem}
    .list5 .h6s1:before{ margin: -.05rem 0 0}

    .list6 .txt{height: 2.4rem;}
    .home4{}
    .list8 .imgBox{width: calc(100% - .8rem);}
    .arr1{bottom: 1.8rem;}
    .arr1 .arrow1{ font-size: .18rem}
    .arr1 .arrow1 .line{ height: .2rem}
    .list8 .txt{height: 1rem;padding: 0 .2rem;}
    .list8 h4{ margin: .04rem 0 0}

    .list9 .li5 .more2{position: relative;left: 0;bottom: 0;}
    .list9 .li1{width: 100%;height: 1.75rem;margin: 0;}
    .home6 .tit1{margin-bottom: .25rem;width: 100%;}

    .list9 .li2{ width: 50%}
    .list9 .li3{ width: 50%}

    .list9 .li4{ width: 50%}
    .list9 .li5{width: 50%;margin: 0;}
    .list9 .li2s{/* display: none; */width: 100%;order: 2;}
    .list9 .li2s .a{ width: 100%}
    .vr img{ width: .7rem}
    .list9 .vr h4{ margin: .1rem 0 0}

    .list9 li .imgBox .img{ padding-bottom: 60% !important}
    .list9 .li2s .imgBox .img{ padding-bottom: 2rem  !important}

    .list10Box{width: 100%;height: auto;padding: 0;}
    .list10Box .swiper-scrollbar{ position: relative; margin: .25rem 0 0}


    .list9 .li5 .more2{ width: .4rem; height: .4rem;}
    .list9 .li5 .more2 img{ width: .16rem;}

    
    .list9 .li3 .ico{/* font-size: .22rem; */margin: 0 .15rem 0 0;}
    .list9 .li1 .as{ padding: .2rem}

    .list9 .li4 .ico{ width: .4rem; height: .4rem}
    .list9 .li4 .ico svg{ width: .16rem; height: .16rem}

    .list9 .txt:before{ display: none}
    .list2s .time{margin: -.3rem 0 0;width: .7rem;height: .7rem;}
    .list2s .time h3{ font-size: .24rem}
    .list2s .time h6{ font-size: .14rem}
    .list2s h4{ margin: 0 0 0 0; padding: 0 0 0 .1rem}
}  

@media(max-width: 640px){
    .list9 .li5 .more2{width: .68rem;height: .48rem;}

    .tit1 .ll img{ height: .6rem;}
}

@media(max-width: 560px){
    .miso_tab1 .hd ul li{ padding: 0 .05rem}
    .miso_tab1 .hd ul li::before{ display: none}

    .list3 .box .li{width: 100%;margin-bottom: .2rem;}
    .list3 h6{margin-top: .2rem;margin-bottom: 0;font-size: .14rem;}
    .list3 h6 img{ width: .24rem}

    .list6 li{transform: translateY(0) !important;}

    .list6 p{background-size: .18rem auto !important;font-size: .16rem;padding: 0.02rem 0 0.02rem 0.28rem;}
    .list6 .txt{padding: .2rem;height: 2.25rem;}
    .list9 .li3 .txt{padding: 0 .15rem .1rem;}

    .list9 .txt, .list9 .li4 h4{ padding: 0 .2rem .1rem;}
    

    .list1 .h6s1{ font-size: .14rem}
    .list1 .txt, .list4 .txt{ padding: 0 .2rem .1rem}
    .dots2{ bottom: .5rem !important}
    .list3 .a{ padding: 0 .25rem .25rem}

    .list3 h4{ margin: .1rem 0 .25rem}

    .list3 .time{ width: .7rem; height: .7rem}
    .list3 .time h3{ font-size: .26rem}
    .list3 .time h6{ font-size: .14rem}

    .dots3{ margin: .2rem 0 0}
} 

@media(max-width: 420px){
    .list9 .li5 .more2 {width: .7rem;height: .56rem}
}