.IndexBanbox{position:relative;overflow:hidden;width:100%;float:left;z-index:2}
.IndexBanbox .PCban{display:block}
.IndexBanbox .PCban img{ width:100%;}
.IndexBanbox .WebBna{display:none}
.IndexBanbox .text{position:absolute;width:100%;bottom:2rem;color:#fff;font-size:.36rem;font-weight:bold}
.IndexBanbox .desc{position:absolute;width:100%;bottom:1.5rem;color:#fff;font-size:14px}
.IndexBanbox .text .wid:after{content:"";display:block;width:.25rem;height:.04rem;background:#fff;margin-top:.2rem}
.IndexBanbox .swiper-pagination-bullet{position:relative;opacity:1;width:.2rem;height:.2rem;background:none}
.IndexBanbox .swiper-pagination-bullet:before{content:"";display:block;width:.1rem;height:.1rem;background:#fff;position:absolute;top:50%;left:50%;border-radius:50%;opacity:.8;transform:translate(-50%,-50%)}
.IndexBanbox .swiper-pagination-bullet-active{background:url(../images/ban_icon.png) no-repeat center;background-size:.2rem;opacity:1}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:.5rem!important}
.IndexBanbox .swiper-button-next, .IndexBanbox .swiper-button-prev{width:33px;height:10px;margin-top:-5px;background-size:100% 100%;background-repeat:no-repeat;background-position:center center}
.IndexBanbox .swiper-button-next{background-image:url(../images/ibanr.png);right:2.4vw}
.IndexBanbox .swiper-button-prev{background-image:url(../images/ibanl.png);left:2.4vw}
.OneScreen{background:#fafafa url(../images/index_OneImgBJ.png) no-repeat left center;background-size:contain;overflow:hidden;width:100%;position:relative}
.OneScreen .Genduo{position:absolute;bottom:0;left:2rem}
.OneScreen .BJOne{margin-left:2rem;padding-top:1rem;width:6rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.OneScreen .title h4{color:#231e37;font-size:.45rem;font-family:Arial}
.OneScreen .title span{font-size:.32rem;color:#000000;padding-top:3%;display:block}
.OneScreen .OneHuan{position:relative}
.OneScreen .OneHuanCon{overflow:hidden}
.OneScreen .OneHuanCon .text{width:100%;float:left;font-size:.14rem;color:#999999;line-height:.36rem;margin-top:7%}
.OneScreen .More{width:100%;float:left;padding-bottom:30%}
.OneScreen .More a{font-size:.16rem;color:#8ec31f;font-weight:bold}
.OneScreen .btn{float:left}
.OneScreen .fr{background:#fff;padding-top:1rem;width:40.9%;position:relative}
.OneScreen .fr .wap{display:none}
.OneScreen .swiper-button-next,.OneScreen .swiper-button-prev{position:relative;float:left;left:0;top:0;z-index:9;margin-top:0;outline:none;border:solid 1px #efefef;width:.7rem;height:.5rem;text-align:center;opacity:1;background:none}
.OneScreen .swiper-button-next{border-left:none}
.OneScreen .swiper-button-prev{border-right:none}
.OneScreen .swiper-button-next:after,.OneScreen .swiper-button-prev:after{content:"";display:block;width:.7rem;height:.5rem;background:url(../images/left_icon.png) no-repeat center}
.OneScreen .swiper-button-next.swiper-button-disabled,.OneScreen .swiper-button-prev.swiper-button-disabled{opacity:1}
.OneScreen .swiper-button-next.swiper-button-disabled:after,.OneScreen .swiper-button-prev.swiper-button-disabled:after{background:#8ec31f url(../images/right_icon.png) no-repeat center}
.OneScreen .swiper-button-next:after{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg)}
.OneScreen .swiper-button-next.swiper-button-disabled:after{transform:rotateY(0deg);-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg)}
.OneScreen .swiper-button-prev.swiper-button-disabled:after{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg)}

.OneScreen .haha{ position:relative;}
.OneScreen .haha .layer{ position:absolute; left:36px; top:65px; color:#fff;}
.OneScreen .haha .txt{ font-size:24px; line-height:24px; font-weight:bold; padding-bottom:25px; position:relative;}
.OneScreen .haha .txt:after{ content:''; position:absolute; left:0; bottom:0; width:24px; height:3px; background:rgba(255,255,255,0.3);}
.OneScreen .haha .wen{ font-size:16px; line-height:30px; padding-top:22px;}



.Screen .title{width:100%;overflow:hidden;text-align:center;margin:.9rem 0}
.Screen .title h4{font-size:.5rem;color:#231e37;text-transform:uppercase}
.Screen .title span{font-size:.2rem;color:#231e37}
.twoScreen{width:100%;overflow:hidden;background-color:#fafafa}
.twoScreen .tubox{display:none;position:relative;z-index:1;opacity:0;transition:all .3s}
.twoScreen .tubox img{ width:100%}
.twoScreen .tubox.active{display:block}
.twoScreen .Tabbox{position:relative;overflow:hidden;width:100%}
.twoScreen .Tabbox .TabImg{position:relative;z-index:1}
.twoScreen .TabAnu{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:2}
.twoScreen .wid2{position:relative;max-width:17.3rem;width:100%;margin:0 auto;height:100%}
.twoScreen .swiper-container{height:100%}
.twoScreen .TabAnu .Anuhe{position:absolute;width:15.498%;left:0;bottom:0;cursor:pointer;height:auto}
.twoScreen .TabAnu .Anuhe .Jian{background-color:#fff;padding:.3rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.twoScreen .TabAnu .Anuhe:last-child{margin-right:0}
.twoScreen .TabAnu .Anuhe .Biaot h4{font-size:.18rem;color:#333333}
.twoScreen .TabAnu .Anuhe .Biaot span{font-size:.14rem;color:rgba(153,153,153,0.6);font-family:Arial;line-height:.22rem;display:block;height:.44rem;margin:.1rem 0}
.twoScreen .TabAnu .Anuhe .icon{position:absolute;top:.3rem;right:.3rem;z-index:1;opacity:.03}
.twoScreen .TabAnu .Anuhe .icon2{position:absolute;top:.3rem;right:.3rem;z-index:1;z-index:2;transition:all .3s}
.twoScreen .TabAnu .Anuhe .text{position:relative;z-index:3}
.twoScreen .TabAnu .Anuhe .smallTu{display:none}
.twoScreen .TabAnu .Anuhe:nth-child(1) .icon{width:1.84rem}
.twoScreen .TabAnu .Anuhe:nth-child(2) .icon{width:1.07rem}
.twoScreen .TabAnu .Anuhe:nth-child(3) .icon{width:1.29rem}
.twoScreen .TabAnu .Anuhe:nth-child(4) .icon{width:1.03rem}
.twoScreen .TabAnu .Anuhe:nth-child(5) .icon{width:1.29rem}
.twoScreen .TabAnu .Anuhe:nth-child(1) .icon2{width:.6rem}
.twoScreen .TabAnu .Anuhe:nth-child(2) .icon2,.twoScreen .TabAnu .Anuhe:nth-child(3) .icon2,.twoScreen .TabAnu .Anuhe:nth-child(4) .icon2,.twoScreen .TabAnu .Anuhe:nth-child(5) .icon2{width:.5rem}
.twoScreen .TabAnu .Anuhe.active h4{color:#8ec31f}
.twoScreen .TabAnu .Anuhe.active .icon2{opacity:0}
.twoScreen .tubox.active{opacity:1;display:block}
.threeScreen{width:100%;overflow:hidden;background-color:#fafafa}
.threeScreen .listBox{width:32.6%;float:left;position:relative;overflow:hidden;margin-right:1.1%;margin-bottom:1.1%}
.threeScreen .listBox .tubox img{ width:100%; transition:all .3s}
.threeScreen .listBox:nth-child(3n){margin-right:0}
.threeScreen .Aanb{background-color:rgba(35,30,55,0.8);font-size:.18rem;font-weight:500;position:absolute;bottom:0;left:0;width:100%;color:#fff;line-height:.8rem;z-index:2;transition:all .5s}
.threeScreen .Aanb span{padding-left:.3rem}
.threeScreen .Aanb a{float:right;width:1.25rem;text-align:center;font-weight:bold;font-size:.16rem;color:#fff;background:#151223}
.threeScreen .listBox .textbox{transition:all .5s;width:100%;height:100%;top:100%;position:absolute;z-index:3;background-color:rgba(35,30,55,0.6);color:#fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.threeScreen .listBox .textbox .xsla{width:100%;padding:0 0.3rem;position:absolute;bottom:.8rem;left:0;box-sizing:border-box}
.threeScreen .listBox .textbox h4{font-size:.16rem;line-height:.3rem;position:relative}
.threeScreen .listBox .textbox h4 a{color:#fff;letter-spacing:.01rem;display:block;max-width:calc(100% - 1.25rem);max-height:.6rem;line-height:.3rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
/* .threeScreen .listBox .textbox h4:after{content:"+";color:#fff;font-size:.26rem;position:absolute;font-weight:bold;left:-.5rem;top:0} */
.threeScreen .listBox .textbox h3{color:rgba(255,255,255,0.5);font-size:.14rem;font-weight:500;font-family:Arial;line-height:.6rem}
.threeScreen .listBox .textbox .More{background-color:#8ec31f;color:#fff;width:1.25rem;height:.8rem;line-height:.8rem;font-size:.16rem;font-weight:bold;text-align:center;position:absolute;top:0;right:0.3rem}
.threeScreen .listBox .textbox .More a{color:#fff;display:block}
.threeScreen .listBox .textbox p{color:rgba(255,255,255,0.8);font-size:.14rem;line-height:.24rem;width:60%}
.threeScreen .listBox:hover .Aanb{bottom:-100%}
.threeScreen .listBox .tubox{overflow:hidden;position:relative;z-index:1}
.threeScreen .listBox .tubox img{transition:all .8s}
.threeScreen .listBox:hover .tubox img{transform:scale(1.05)}
.threeScreen .listBox:hover .textbox{top:0}
.threeScreen .MoreCen{width:100%;height:.7rem;line-height:.7rem;text-align:center;background-color:#fff}
.threeScreen .MoreCen a{padding:0 .2rem;font-family:Arial;color:#8ec31f;font-weight:bold;font-size:.16rem}
.fourScreen{background-color:#fafafa;width:100%;padding:.3rem 0 0}
.fourCon{margin-left:.95rem;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.fourCon .Bigtu{float:left;position:relative;overflow:hidden}
.fourCon .Bigtu .text{position:absolute;bottom:0;color:#ffffff;width:100%;padding:1.5rem 0 .2rem;background:-webkit-linear-gradient(bottom,rgba(255,255,255,0),rgba(23,25,59,0.8));background:-o-linear-gradient(bottom,rgba(255,255,255,0),rgba(23,25,59,0.8));background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(23,25,59,0.8))}
.fourCon .Bigtu .text h4{width:84%;line-height:.6rem;margin:0 auto;border-bottom:solid 1px rgba(255,255,255,.2)}
.fourCon .Bigtu .text span{font-size:.2rem;line-height:.6rem}
.fourCon .Bigtu .text a{font-size:.14rem;color:#8ec31f;float:right;font-family:"微軟正黑體"}
.fourCon .Bigtu .text p{width:84%;margin:0 auto;line-height:.22rem;margin-top:0.06rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.fourCon .Bigtu .text .date{width:84%;margin:0.05rem auto 0;opacity:0.85}
.fourCon .Bigtu img{transition:all .8s;height:5.5rem}
.fourCon .Bigtu:hover img{transform:scale(1.05)}
.fourCon .swiper-slide{width:auto}
.fourCon .slamTubox{float:left;position:relative}
.fourCon .slamTubox .texthe{padding:.8rem;background:#fff;width:5rem;height:5.5rem;overflow:hidden;float:left;margin-left:.5rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.fourCon .slamTubox .texthe .time{font-family:'CenturyGothic';font-size:.2rem;color:#b8b8b8}
.fourCon .slamTubox .texthe .day{font-size:.45rem;color:#231e37}
.fourCon .slamTubox .texthe h4{font-size:.2rem;color:#000;line-height:.7rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.fourCon .slamTubox .texthe .textw{font-size:.14rem;line-height:.3rem;color:#999999;height:1.5rem;overflow:hidden;-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box}
.fourCon .slamTubox .texthe .more{margin-top:.5rem}
.fourCon .slamTubox .texthe .more a{display:inline-block;width:2rem;line-height:.6rem;text-align:center;background-color:#8ec31f;color:#fff;font-size:.14rem}
.fourCon .swiper-scrollbar{height:.05rem;background:#f2f2f2}
.fourCon .swiper-scrollbar-drag{background:#8ec31f}
.fourCon.swiper-container-horizontal>.swiper-scrollbar{position:static;top:0;left:0;width:100%;margin:.3rem 0;display:block !important}
.fourCon .swiper-button-next,
.fourCon .swiper-button-prev{background-image:none;width:50px;height:38px;margin-top:-19px;background-color:rgba(0,0,0,0.6);font-family:宋体;font-size:18px;color:#fff;text-align:center;line-height:38px}
.fourCon .swiper-button-next{right:10px}

.fiveScreen{width:100%;padding:.3rem 0 0}
.fiveScreen .title{margin:.5rem 0}
.fiveScreen .wid2{width:90.104%;margin:0 auto;overflow:hidden}
.fiveScreen .fiveCon{position:relative;overflow:hidden;padding:.15rem}
.fiveScreen .fiveCon .swiper-wrapper{max-height:3rem}
.fiveScreen .fiveCon .swiper-slide{transition:all .3s;float:left;width:2.14rem}
.fiveScreen .fiveCon .swiper-slide img{width:2.16rem;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;transition:all .3s}
.fiveScreen .fiveCon .swiper-slide:hover{box-shadow:0 0 .25rem #dedede}
.fiveScreen .fiveCon .swiper-slide:hover img{-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);filter:grayscale(0%);filter:gray;transform:scale(1.05)}
.fiveScreen .swiper-pagination{position:initial;margin:.4rem 0}
.fiveScreen .swiper-pagination-bullet{position:relative;opacity:1;width:.18rem;height:.18rem;background:none}
.fiveScreen .swiper-pagination-bullet:before{content:"";display:block;width:.1rem;height:.1rem;background:#e5e5e5;position:absolute;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%)}
.fiveScreen .swiper-pagination-bullet-active{background:url(../images/five_icon.png) no-repeat center;background-size:contain}
.fiveScreen .swiper-pagination-bullet-active:before{display:none}
.indexMap{position:relative;overflow:hidden}
.indexMap .text{position:absolute;top:50%;left:50%;width:3.8rem;height:1.3rem;transform:translate(-50%,-50%);background-color:rgba(255,255,255,.8);text-align:center;line-height:1.3rem;font-size:.26rem;color:#8ec31f;border-radius:.1rem;font-weight:bold}
.sixScreen{width:100%;position:relative;overflow:hidden;background-image:url(../images/sixbg.jpg);background-size:100% 100%;background-repeat:no-repeat;background-position:center center;padding:96px 0 0 0}
.sixScreen .title{padding-bottom:28px;position:relative}
.sixScreen .title:after{content:"";width:20px;height:5px;background-color:#fff;position:absolute;bottom:0;left:0}
.sixScreen .title h4{color:#fff;font-size:.5rem;font-weight:bold;font-family:Arial}
.sixScreen .title p{color:#fff;font-size:.2rem;margin-top:10px}
.sixScreen .text{margin-top:66px}
.sixScreen .text p{max-width:5.04rem;color:rgba(255,255,255,0.6);line-height:2.143;font-size:.14rem}
/* .sixScreen .more{margin-left:3.86rem;margin-top:102px} */
.sixScreen .more{margin-left:1rem;margin-top:102px}
.sixScreen .more a{color:#8ec31f;font-weight:bold;font-size:.16rem;font-family:Arial}
.sixScreen .more a span{font-family:宋体;font-size:.2rem;display:inline-block;transform:translateY(2px);-webkit-transform:translateY(2px);transform:translateY(2px);-moz-transform:translateY(2px)}
.webfourCon{display:none}
.webfourCon .tubig{padding:0 15px}
.webfourCon .tubig .Bigtu{position:relative}
.webfourCon .tubig img{width:100%}
.webfourCon .Bigtu .text{position:absolute;bottom:0;color:#ffffff;width:100%;padding:1.5rem 0 .2rem;background:-webkit-linear-gradient(bottom,rgba(255,255,255,0),rgba(23,25,59,0.8));background:-o-linear-gradient(bottom,rgba(255,255,255,0),rgba(23,25,59,0.8));background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(23,25,59,0.8));padding-bottom:.35rem}
.webfourCon .Bigtu .text h4{width:90%;line-height:.7rem;margin:0 auto}
.webfourCon .Bigtu .text span{font-size:.3rem;line-height:.6rem}
.webfourCon .Bigtu .text a{font-size:.2rem;color:#8ec31f;float:right;font-family:"微軟正黑體"}
.webfourCon .webswitch{position:relative;overflow:hidden;margin-left:15px;margin-top:20px}
.webfourCon .webswitch .swiper-slide{float:left;width:auto}
.webfourCon .webswitch .texthe{padding:.4rem;width:100%;background:#fff;overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.webfourCon .webswitch .texthe .time{font-family:'CenturyGothic';font-size:.2rem;color:#b8b8b8}
.webfourCon .webswitch .texthe .day{font-size:.45rem;color:#231e37}
.webfourCon .webswitch .texthe h4{font-size:.28rem;color:#000;line-height:.7rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.webfourCon .webswitch .texthe .textw{font-size:.24rem;line-height:.4rem;color:#999999;height:2rem;overflow:hidden;-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box}
.webfourCon .webswitch .texthe .more{margin-top:.5rem}
.webfourCon .webswitch .texthe .more a{display:inline-block;width:2rem;line-height:.6rem;text-align:center;background-color:#8ec31f;color:#fff;font-size:.14rem}
@media screen and ( max-width:1004px ){.fourCon{display:none}
.webfourCon{display:block}
.OneScreen .haha .layer{ left:10px; top:25px}
.OneScreen .haha .txt{ font-size:14px; line-height:16px; padding-bottom:10px; }
.OneScreen .haha .txt:after{ width:16px; height:2px;}
.OneScreen .haha .wen{ font-size:12px; line-height:26px; padding-top:5px;}
}