@charset "UTF-8";
*{box-sizing:border-box}
html,body{width: 100%;height: 100%;overflow: hidden;}

#index-container #i-banner{position:relative;z-index:2;width:100%;height:100vh}
#index-container #i-banner .swiper-slide{display:-ms-flexbox;display:flex;width:100%;height:100vh;-ms-flex-flow:column wrap;flex-flow:column wrap;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}
#index-container #i-banner .swiper-slide .text{position:absolute;top:40%;left:50%;z-index:3;margin-left:-600px;text-align:left}
#index-container #i-banner .swiper-slide .tit1{position:relative;z-index:2;font-weight:700}
#index-container #i-banner .swiper-slide .tit2{position:relative;z-index:2}
#index-container #i-banner .swiper-slide .more{position:relative;z-index:2;display:block;margin-top:.55rem;width:90pt;height:34px;border:1px solid hsla(0,0%,100%,.5);color:hsla(0,0%,100%,.5);text-align:center;line-height:34px}
#index-container #i-banner .j-btn{position:absolute;bottom:3rem;left:50%;z-index:3;width:2rem;height:2rem;border:2px solid #fff;transform:translate(-50%,0);-ms-transform:translate(-50%,0)}
#index-container #i-banner .j-btn .triangle-up{position:absolute;top:50%;left:50%;width:20px;height:20px;background:url(z_img2.png) no-repeat center center;background-size:20px auto;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
#index-container #i-banner .banner-pagination{position:absolute;bottom:30px;z-index:2;display:none;width:100%;text-align:center}
#index-container #i-banner .banner-pagination span{margin:0 15px;width:10px;height:10px;border-radius:3px;background:#fff;transition:background .5s ease-in-out;transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
#index-container #i-banner .banner-pagination span.swiper-pagination-bullet-active{background:#ef5f33}
#index-container #i-banner .bPrev{position: absolute;left: 20px;top: 50%;margin-top: -36px;width: 72px;height: 72px;background: url(bPrev.png) no-repeat;background-size: contain;transition: all .5s ease;z-index: 9;cursor: pointer;}
#index-container #i-banner .bNext{position: absolute;right: 20px;top: 50%;margin-top: -36px;width: 72px;height: 72px;background: url(bNext.png) no-repeat;background-size: contain;transition: all .5s ease;z-index: 9;cursor: pointer;}
#index-container #i-banner .bPrev:hover{background: url(bPrev02.png) no-repeat;}
#index-container #i-banner .bNext:hover{background: url(bNext02.png) no-repeat;}

#index-container{position:relative;z-index:2}
#index-container,#index-container .swiper-slide{width:100%;height:100vh}
#index-container .imgbg{position:absolute;top:0;left:0;z-index:1;width:100%;height:100vh;background-position:center center;background-size:cover;background-repeat:no-repeat}
#index-container .linebox{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%}
#index-container .linebox:before{left:50%}
#index-container .linebox .line1:before,#index-container .linebox:before{position:absolute;width:1px;height:100%;background:hsla(0,0%,100%,.1);content:""}
#index-container .linebox .line1:before{left:12.5%}
#index-container .linebox .line1:after{left:31.25%}
#index-container .linebox .line1:after,#index-container .linebox .line2:before{position:absolute;width:1px;height:100%;background:hsla(0,0%,100%,.1);content:""}
#index-container .linebox .line2:before{left:68.75%}
#index-container .linebox .line2:after{position:absolute;left:87.5%;width:1px;height:100%;background:hsla(0,0%,100%,.1);content:""}
#index-container .content-box{position:relative;z-index:3;padding-top:26vh;width:55%}
#index-container .content-box .tit1{position:relative;z-index:2;}
#index-container .content-box .tit2{}
#index-container .content-box1{padding-left:6.66%}
#index-container .content-box1 .iList{margin-top: 1.5rem}
#index-container .content-box1 .iList ul li{float: left;width: 70px;margin-right: 80px;position: relative;cursor: pointer;transition: all .5s ease;}
#index-container .content-box1 .iList ul li:last-child{margin-right: 0}
#index-container .content-box1 .iList ul li .icon img{width: 100%;height: auto;}
#index-container .content-box1 .iList ul li .p{font-size: 18px;color: #ffffff;margin-top: 5px;text-align: center;}
#index-container .content-box1 .iList ul li:hover{transform: translateY(-15px);}
#index-container .content-box .more-btn{display:inline-block;margin-top:1.4rem;padding:10px 30px;border:1px solid rgba(255,255,255,.8);background:0 0;font-family:Arial;transition:all .2s ease-in-out;color: rgba(255,255,255,.8);}
#index-container .content-box .more-btn:hover{border:1px solid rgba(255,255,255,1);color: #fff}
#index-container .rList{position: absolute;right: 0;width: 24%;top: 0;z-index: 2;background: rgba(119,188,46,.95);bottom: 0}
#index-container .rList ul{position: absolute;top: 50%;transform: translateY(-50%);width: 100%}
#index-container .rList ul li{padding: 1.55rem 0 1.6rem 16.5%;display: block;border-top: 1px solid rgba(255,255,255,.3);}
#index-container .rList ul li:last-child{border-bottom: 1px solid rgba(255,255,255,.3)}
#index-container .rList ul li .h{}
#index-container .rList ul li .h span{font-size: 1.6rem;color: #ffffff;line-height: 1.6rem;display: inline-block;}
#index-container .rList ul li .h em{font-size: 16px;color: #ffffff;display: inline-block;margin-left: 5px}
#index-container .rList ul li .p{font-size: 18px;color: #ffffff;margin-top: 3px}
#index-container .rList ul li.top .h em{vertical-align: top;}
#index-container .rList ul li.bottom .h em{vertical-align: bottom;}

#index-container .content-box3{position: absolute;z-index: 2;width: 100%;top: 50%;transform: translateY(-50%);}
#index-container .content-box3 .tit1{text-align: center;font-weight: bold;position: relative;}
#index-container .content-box3 .pList{margin-top: 1.2rem}
#index-container .content-box3 .pList ul li{float: left;width: 33%;margin-right: 0.5%;position: relative;overflow: hidden;}
#index-container .content-box3 .pList ul li .pic img{width: 100%;height: auto;}
#index-container .content-box3 .pList ul li:last-child{margin-right: 0}
#index-container .content-box3 .pList ul li .mask{position: absolute;opacity: 1;visibility: visible;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);transition: all .5s ease;}
#index-container .content-box3 .pList ul li .mask .icon{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;}
#index-container .content-box3 .pList ul li .mask .icon p{margin-top: 12px}
#index-container .content-box3 .pList ul li .ct{padding: .3rem 0 .3rem 2%;position: absolute;bottom: 0;left: 0;right: 0;z-index: 2;background: #76bd2e;color: #fff;transform: translateY(100%);transition: all .5s ease;}
#index-container .content-box3 .pList ul li .ct:after{content: '';position: absolute;top: 50%;margin-top: -17px;background: url(ico_02.jpg) no-repeat;background-size: contain;width: 33px;height: 33px;right: .5rem}
#index-container .content-box3 .pList ul li:hover .ct{transform: translateY(0);}
#index-container .content-box3 .pList ul li:hover .mask{opacity: 0;visibility: hidden;}

#index-container .content-box3 .m-pList{margin-top: 1.2rem;display: none}
#index-container .content-box3 .m-pList .swiper-slide{position: relative;overflow: hidden;height: auto}
#index-container .content-box3 .m-pList .swiper-slide .pic img{width: 100%;height: auto;}
#index-container .content-box3 .m-pList .swiper-slide .ct{padding: .3rem 0 .3rem 2%;z-index: 2;background: #76bd2e;color: #fff;}

#index-container .content-box3 .more{position:relative;z-index:2;display:block;margin:1.3rem auto 0 auto;width:90pt;height:34px;border:1px solid hsla(0,0%,100%,.5);color:hsla(0,0%,100%,.5);text-align:center;line-height:34px}
#index-container .content-box3 .more:hover{color: #fff;border: 1px solid #fff}
#index-container .content-box3 .txt{width: 890px;margin: .9rem auto 0 auto;color: rgba(255,255,255,.8);text-align: center;}
#index-container .content-box3 .s3-ti{padding-bottom: 1.1rem;background: url(ico_03.png) no-repeat bottom center;background-size: .52rem .52rem}
#index-container .ulbox3{margin-top: 1.4rem;text-align: center;}
#index-container .ulbox3 ul{display: inline-block;}
#index-container .ulbox3 ul li{float: left;width:295px;box-sizing: border-box;margin-right: 3px;background: #fff;box-shadow: -3px 0 10px #e6e6e6 inset;transition: all .5s ease;}
#index-container .ulbox3 ul li a{display: block;padding: 20px 0 20px 55px;}
#index-container .ulbox3 ul li:nth-child{margin-right: 0}
#index-container .ulbox3 ul li .icon{float: left;width: 86px;position: relative;margin-right: 25px}
#index-container .ulbox3 ul li .icon .img1{width: 100%;height: auto;opacity: 1;transition: all .5s ease;}
#index-container .ulbox3 ul li .icon .img2{position: absolute;top: 0;left: 0;opacity: 0;width: 100%;height: auto;transition: all .5s ease;}
#index-container .ulbox3 ul li:hover .icon .img2{opacity: 1}
#index-container .ulbox3 ul li:hover .icon .img1{opacity: 0}
#index-container .ulbox3 ul li:hover{background: #76bd2e;box-shadow: none}
#index-container .ulbox3 ul li .cont{text-align: left;padding-top: 20px}
#index-container .ulbox3 ul li .cont .h{color: #323232;transition: all .5s ease;}
#index-container .ulbox3 ul li .cont .p{color: rgba(50,50,50,.5);text-transform: uppercase;transition: all .5s ease;}
#index-container .ulbox3 ul li:hover .cont .h{color: #fff}
#index-container .ulbox3 ul li:hover .cont .p{color: rgba(255,255,255,.5);}

#index-container .ulbox4{position:absolute;top:50%;right:0;z-index:3;transform:translate(0,-50%)!important;-ms-transform:translate(0,-50%)!important}
#index-container .ulbox4 .li{display:block;padding:.5rem .75rem;background:0 0;text-align:center;transition:all .5s ease-in-out;}
#index-container .ulbox4 .li .img{margin-bottom:5px;transition:all .3s ease-in-out;transform:translate(0,0);-ms-transform:translate(0,0)}
#index-container .ulbox4 .li .tit6{transition:all .3s ease-in-out}
#index-container .ulbox4 .li:hover{background-image:linear-gradient(to right,#f1732f,#ec4038)}
#index-container .ulbox4 .li:hover .img,#index-container .ulbox4 .li:hover .tit6{transform:translate(0,-5px);-ms-transform:translate(0,-5px)}

#index-container .content-box2{margin:0 auto;padding-top:19vh;width:1450px}
#index-container .ulbox5{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start}
#index-container .ulbox5 .topArea{}
#index-container .ulbox5 .topArea .g-more{width: .8rem;height: .8rem;background: url(more.png) no-repeat;background-size: cover;float: right;display: block;position: relative;z-index: 9;margin-top: .6rem}
#index-container .ulbox5 .tit1{color:#303030;position: relative;margin-bottom: 4vh}
#index-container .ulbox5 .tit1:before{content: '';position: absolute;bottom: -.1rem;width: 1.68rem;height: .1rem;left: 0;background: #737a88}
#index-container .ulbox5 .li{padding-right:2rem;width:33.3%}
#index-container .ulbox5 .nli{position:relative;margin-top:1rem;width:100%}
#index-container .ulbox5 .nli .libg{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-position:center center;background-size:cover;background-repeat:no-repeat}
#index-container .ulbox5 .nli .text{position:absolute;top:0;left:0;z-index:3;box-sizing:border-box;padding:1.75rem 1.5rem;width:100%;height:100%;background:rgba(239,92,51,.9);opacity:0;transition:all .3s ease 0s}
#index-container .ulbox5 .nli:hover .text{opacity:1}
#index-container .ulbox5 .nli .tit3{margin-bottom:.7rem;max-height:4pc;line-height:2pc}
#index-container .ulbox5 .nli .tit3,#index-container .ulbox5 .nli .tit4{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
#index-container .ulbox5 .nli .tit4{margin-bottom:.5rem;max-height:3pc;line-height:24px}
#index-container .ulbox5 .nli .time{opacity:.5}
#index-container .ulbox5 .nli .more-btn{margin-top:1.25rem;margin-left:0;padding:5px 10px;width:170px;height:40px;border:1px solid #fff;line-height:30px}
#index-container .ulbox5 .nli .more-btn span{background:url(z_img3.png) no-repeat center right}
#index-container .ulbox5 .li2{position:relative;margin-top:.5rem}
#index-container .ulbox5 .li2 .sp2{font-size:3.8rem}
#index-container .ulbox5 .li2 .libg{position:relative;margin-bottom:.35rem;height:26vh;background-position:center center;background-size:cover;background-repeat:no-repeat}
#index-container .ulbox5 .li2 .sp{position:absolute;top:-4.75rem;left:0;color:#fad3c7;font-weight:700;font-size:2rem;font-family:Arial}
#index-container .ulbox5 .li2 .tit-20{overflow:hidden;color:#303030;text-overflow:ellipsis;white-space:nowrap}
#index-container .ulbox5 .li2 .li-img{position:relative;display:block;margin-bottom:1.2rem}
#index-container .ulbox5 .li3 .libg{position:relative;margin-bottom:.35rem;height:48vh;background-position:center center;background-size:cover;background-repeat:no-repeat}
#index-container .ulbox5 .li3 .tit-20{overflow:hidden;color:#303030;text-overflow:ellipsis;white-space:nowrap}
#index-container .ulbox5 .li3 .li-img{position:relative;display:block;margin-bottom:1.5rem}
#index-container .ulbox5 .more-btn{border:2px solid #333}
#index-container .ulbox5 .more-btn span{background:url(z_img7.png) no-repeat center right}
#index-container .ulbox5 .more-btn:hover{color:#fff}
#index-container .ulbox5 .more-btn:hover span{background:url(z_img3.png) no-repeat center right}

#index-container .m-ulbox5{position:relative;z-index:2;height:100%}
#index-container .ulbox5 .topArea .g-more{width: .8rem;height: .8rem;background: url(more.png) no-repeat;background-size: cover;float: right;display: block;z-index: 9;margin-top: .6rem}
#index-container .m-ulbox5 .tit1{margin-left:0;color:#303030}
#index-container .m-ulbox5 .tit1:before{content: '';position: absolute;bottom: -.1rem;width: 1.68rem;height: .1rem;left: 0;background: #737a88}
#index-container .m-ulbox5 .swiper-container4{position:relative;overflow:hidden;margin:1rem auto 0;padding-bottom:1.5rem;max-width:550px}
#index-container .m-ulbox5 .swiper-slide{height:auto}
#index-container .m-ulbox5 .swiper-slide .libg{height:50vh;background-position:center center;background-size:cover;background-repeat:no-repeat}
#index-container .m-ulbox5 .swiper-slide .tit-20{overflow:hidden;margin-top:.5rem;color:#333;text-overflow:ellipsis;white-space:nowrap}
#index-container .m-ulbox5 .swiper-slide .time{margin-top:3px;color:#666;font-size:9pt;opacity:.5}
#index-container .m-ulbox5 .more-btn{position:absolute;right:0;bottom:0;margin-top:0;padding:6px 15px;width:6.5rem;height:40px;border:2px solid #333}
#index-container .m-ulbox5 .more-btn span{background:url(z_img7.png) no-repeat center right}
#index-container .m-ulbox5 .tab2-pagination{position:absolute;bottom:0;z-index:2;width:100%;text-align:left}
#index-container .m-ulbox5 .tab2-pagination span{margin:0 5px;width:6px;height:6px;border-radius:2px;background:#8c8c8c;transition:background .5s ease-in-out;transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
#index-container .m-ulbox5 .tab2-pagination span.swiper-pagination-bullet-active{background:#77bc2e}
#index-container .m-ulbox5 .topArea{}
#index-container .m-ulbox5 .topArea .g-more{width: .8rem;height: .8rem;background: url(more.png) no-repeat;background-size: cover;float: right;display: block;position: relative;z-index: 9;margin-top: .6rem}


.ldc-add-wel li{width:32%;margin-right:1.5%}
.ldc-add-wel li:nth-child(3n){margin-right: 0}
.ldc-add-wel .img{display:block;width:100%;position:relative;overflow:hidden}
.ldc-add-wel .img img{display:block;transform:translateZ(0);transition:transform .3s ease 0s}
.ldc-add-wel li:hover .img img{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1); }
.ldc-add-wel .f16{line-height:22px;display:block;height:22px;box-sizing: content-box;overflow:hidden;margin-top:21px;margin-bottom: 12px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;-webkit-box-orient: vertical;}
.ldc-add-wel .f16 a{color:#000;font-size:16px}
.ldc-add-wel li:hover .f16 a{color: #77bc2e}
.ldc-add-wel li{display:inline-block}
.ldc-add-wel{font-size:0}
.ldc-add-wel li .word{display:block;line-height:24px;font-size:14px;padding-top: 14px;margin:0 0 14px;height: 62px;overflow:hidden;color: rgba(0,0,0,.46); display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;border-top: 1px solid #d6d6d6;}
.ldc-add-wel li .i-more{display: block;font-size: 12px;color: rgba(0,0,0,.5);padding: .3rem 0 .3rem;background: url(i-more.png) no-repeat right center;border-top: 1px solid #d6d6d6;}
.ulbox5 .li{width:100%!important}
.ldc-22 .more-btn{position:absolute;right:2rem}
.ldc-add-wel li:hover .i-more{color: #77bc2e}

.load-box{position:fixed;top:0;left:0;width:100%;height:100%;background:#023895;z-index:101}
.load-box .picture{position:absolute;width:150px;height:97px;top:50%;left:50%;margin:-48.5px 0 0 -75px}
.load-box .load-img{position:absolute;width:150px;height:97px;top:50%;left:50%;margin:-48.5px 0 0 -75px;background:url(z_logo4.png) no-repeat top left;-webkit-animation:load 2s infinite linear;animation:load 2s infinite linear;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
@-webkit-keyframes load{0%{width:0}
100%{width:154px}
}

input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill{background-color:rgba(0,0,0,.5)!important;background-image:none!important;color:#fff!important}

@media (max-width:1480px){
	#index-container .ulbox2{width:92%}
	#index-container .content-box2{width: 92%;padding-top: 19vh}
}
@media (max-width:1200px){
	#index-container .ulbox3 ul{display: block;}
	#index-container .ulbox3 ul li{width: 24%;margin:0 0.5%}
	#index-container .ulbox3 ul li .icon{width: 60px}
	#index-container .ulbox3 ul li .cont{padding-top: 7px}
}
@media (max-width:1024px){
	#index-container .content-box1{width:92%}
	#index-container .ulbox2{width:90%}
	#index-container .content-box{padding-top:22vh}
	#index-container .content-box .tit1{font-size:.9rem}
	#index-container .content-box .tit2{margin-top:.25rem;font-size:.5rem}
	#index-container .content-box1 .iList ul li{width: 23.5%;margin-right: 2%;}
	#index-container .content-box1 .iList ul li:last-child{border-right: 0}
	#index-container .content-box1 .iList ul li .icon{width: 2rem;margin: 0 auto}
	#index-container .content-box1 .iList ul li .p{font-size: .4rem}
	#index-container .content-box .tit1{padding-top:1rem;padding-left:0}
	#index-container .content-box .more-btn{margin-top:2.5rem;margin-left:0;}
	#index-container .content-box .tit2{padding-left:0}
	#index-container .rList{bottom: 0;top: unset;left: 0;width: 100%}
	#index-container .rList ul{position: unset;transform: none}
	#index-container .rList ul li{float: left;width: 33.33%;padding: .3rem 0;text-align: center;border-right: 1px solid rgba(255,255,255,.3);border-top: 0;border-bottom: 0}
	#index-container .rList ul li .p{font-size: .3rem;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
	#index-container .rList ul li .h span{}
	#index-container .content-box3 .txt{width: 90%;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;-webkit-box-orient: vertical;}
	#index-container .ulbox3 ul li{width: 48%;margin: 0 1% 2% 1%}
	#index-container .ulbox3 ul li a{padding: .6rem 0 .6rem 15%}
	#index-container .ulbox3 ul li .icon{width: 1.7rem;margin-right: .6rem}
	#index-container .ulbox3 ul li .cont{padding-top: 0}
	.pc-nav .linebox{display:none}
	#index-container .content-box2{padding-top:15vh}
	#index-container .content-box .tit1{padding-top:.5rem}
	#index-container #i-banner .bPrev{display: none;}
	#index-container #i-banner .bNext{display: none}
	#index-container #i-banner .swiper-slide .tit1{font-size:1.05rem!important}
	#index-container #i-banner .swiper-slide .tit2{font-size:.75rem}
	#index-container #i-banner .swiper-slide .text{margin-left: 0;left: 10px;right: 10px}
	#index-container #i-banner .banner-pagination{bottom:25vh}
	#index-container #i-banner .j-btn .triangle-up{background-size:15px auto}
	#index-container .content-box1{padding-left:3%;width:94%}
	#index-container .m-ulbox2 .swiper-slide .text{width:calc(100% - 50px)}
}
@media (max-width:768px){
	#index-container .content-box3 .pList{display: none}
	#index-container .content-box3 .m-pList{display: block;}
	#index-container .linebox .line1:after,#index-container .linebox .line2:before{display:none}
	#index-container .ulbox4{top:auto;bottom:0;left:0;display:-ms-flexbox;display:flex;width:100%;transform:translate(0,0)!important;-ms-flex-flow:row nowrap;flex-flow:row;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:stretch;align-items:stretch;-ms-transform:translate(0,0)!important}
	#index-container .ulbox4 .li{padding:.75rem .2rem;width:25%;border:1px solid hsla(0,0%,100%,.3)}
	#index-container .ulbox4 .li img{width:45px}
}
@media (max-width:560px){
	#index-container .m-ulbox2 .swiper-slide .text .tit4{font-size:9pt}
	#index-container .content-box .more-btn{margin-top:2rem}
}
@media (max-width:360px){
}




.triangle-up{animation:start-backtop-1 2s infinite ease-in-out}
@keyframes start-backtop-1{0%,30%{opacity:0;transform:translate(-50%,-12px)}
40%{opacity:1;transform:translate(-50%,-6px)}
to{opacity:0;transform:translate(-50%,4px)}
}
.js-m{opacity:0;transition:all .8s ease;transform:translate(30px,0);-ms-transform:translate(30px,0)}
.js-m.animate{opacity:1;transform:translate(0,0);-ms-transform:translate(0,0)}
.delay01{transition-delay:.06s!important}
.delay02{transition-delay:.09s!important}
.delay03{transition-delay:.12s!important}
.delay04{transition-delay:.18s!important}
.delay05{transition-delay:.23s!important}
.delay06{transition-delay:.28s!important}
.delay07{transition-delay:.33s!important}
.delay08{transition-delay:.38s!important}
.delay09{transition-delay:.43s!important}
.delay7{transition-delay:.7s!important}
.delay9{transition-delay:.9s!important}
.js-m.words-js span{opacity:0;transition:.5s ease-in-out;transform:translate(0,30px);-ms-transform:translate(0,30px)}
.js-m.words-js.animate span{opacity:1;transform:translate(0,0);-ms-transform:translate(0,0)}
.words-js span{display:inline-block}
.js-m.words-js2{opacity:1;transform:translate(0,0);-ms-transform:translate(0,0)}
.js-m.words-js2 span{opacity:0;transition:.8s ease-in-out;transform:translate(120px,0);-ms-transform:translate(120px,0)}
.js-m.words-js2.animate span{opacity:1;transform:translate(0,0);-ms-transform:translate(0,0)}
.words-js2 span{display:inline-block}
.js-m.animate-left{opacity:0;transition:.8s ease-in-out;transform:translate(-60px,0);-ms-transform:translate(-60px,0)}
.js-m.animate-right100{opacity:0;transition:.5s ease-in-out;transform:translate(100px,0);-ms-transform:translate(100px,0)}
.js-m.animate-right50{opacity:0;transition:opacity .8s cubic-bezier(.32,.6,.4,1.21),transform .8s cubic-bezier(.32,.6,.4,1.21);transform:translate(50px,0);-ms-transform:translate(50px,0)}
.js-m.animate-right2{opacity:0;transition:opacity 1.2s cubic-bezier(.32,.6,.4,1.21),transform 1.2s cubic-bezier(.32,.6,.4,1.21);transform:translate(80px,0);-ms-transform:translate(80px,0)}
.js-m.animate-top{opacity:0;transition:.6s ease-in-out;transform:translate(0,50px);-ms-transform:translate(0,50px)}
.js-m.animate-bottom{opacity:0;transition:.8s cubic-bezier(.32,.6,.4,1.21);transform:translate(0,-1.5rem);-ms-transform:translate(0,-1.5rem)}
.js-m.animate{opacity:1!important;transform:translate(0,0)!important;-ms-transform:translate(0,0)!important}
.delay1{transition-delay:.1s}
.delay2{transition-delay:.2s}
.delay3{transition-delay:.3s}
.delay4{transition-delay:.4s}
.delay5{transition-delay:.5s}
.delay6{transition-delay:.6s}
@media (max-width:767px){html{font-size:26px!important}
}
@media (max-width:479px){html{font-size:24px!important}
}
@media screen and (max-width:320px){
	html{font-size:20px!important}
}
@media (min-width:768px){
	html{font-size:28px!important}
}
@media (min-width:1200px){
	html{font-size:30px!important}
}
@media (min-width:1440px){
	html{font-size:34px!important}
}
@media (min-width:1680px){
	html{font-size:40px!important}
}
.tit-12{font-size:9pt;line-height:1.5}
.tit-13{font-size:13px;line-height:1.5}
.tit-14{font-size:14px;line-height:1.6}
.tit-16{font-size:1pc;line-height:1.6}
.tit-18{font-size:18px;line-height:1.6}
.tit-20{font-size:21px;line-height:1.6}
.tit-22{font-size:22px;line-height:1.6}
.tit-24{font-size:24px;line-height:1.6}
.tit-25{font-size:25px;line-height:1.6}
.tit-26{font-size:26px;line-height:1.6}
.tit-27{font-size:27px;line-height:1.6}
.tit-28{font-size:28px;line-height:1.6}
.tit-29{font-size:29px;line-height:1.6}
.tit-30{font-size:30px;line-height:1.6}
.tit-32{font-size:2pc;line-height:1.6}
.tit-34{font-size:.85rem;line-height:1.6}
.tit-36{font-size:.9rem;line-height:1.6}
.tit-38{font-size:.95rem;line-height:1.6}
.tit-40{font-size:1rem;line-height:1.6}
.tit-42{font-size:1.05rem;line-height:1.6}
.tit-44{font-size:1.1rem;line-height:1.6}
.tit-46{font-size:1.15rem;line-height:1.6}
.tit-48{font-size:1.2rem;line-height:1.6}
.tit-50{font-size:1.25rem;line-height:1.6}
.tit-52{font-size:1.3rem;line-height:1.6}
.tit-54{font-size:1.35rem;line-height:1.6}
.tit-56{font-size:1.4rem;line-height:1.6}
.tit-58{font-size:1.45rem;line-height:1.6}
.tit-60{font-size:1.5rem;line-height:1.6}
.tit-62{font-size:1.55rem;line-height:1.6}
.tit-64{font-size:1.6rem;line-height:1.6}
.tit-66{font-size:1.65rem;line-height:1.6}
.tit-68{font-size:1.7rem;line-height:1.6}
.tit-70{font-size:1.75rem;line-height:1.6}
.tit-72{font-size:1.8rem;line-height:1.6}
.tit-74{font-size:1.85rem;line-height:1.6}
.tit-76{font-size:1.9rem;line-height:1.6}
.tit-78{font-size:1.95rem;line-height:1.6}
.tit-80{font-size:2rem}
.p-12,.tit-80{line-height:1.6}
.p-12{font-size:9pt}
.p-12 img{max-width:100%}
.p-14{font-size:14px;line-height:1.6}
.p-14 img{max-width:100%}
.p-16{font-size:1pc;line-height:1.6}
.p-16 img{max-width:100%}
.p-18{font-size:18px;line-height:1.6}
.p-18 img{max-width:100%}
.p-20{font-size:20px;line-height:1.6}
.p-20 img{max-width:100%}
.p-24{font-size:24px;line-height:1.6}
.p-24 img{max-width:100%}
.line-height_0{line-height:1}
.line-height_1{line-height:1.5}
.line-height_2{line-height:2}
.col-fff{color:#fff}
.col-222{color:#222}
.col-333{color:#333}
.col-666{color:#666}
.col-000{color:#000}
.col-888{color:#888}
.col-4c{color:#4c4c4c}
.col-red{color:#da3830}
.full-video{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;height:100vh;transition:width .56s,right .56s,bottom .56s,left .56s,top .56s,opacity .56s!important}
.full-video video{position:absolute;top:50%;left:50%;z-index:0;width:auto;height:auto;min-width:100%;min-height:100%;transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%)}
.full-video-in{position:absolute;top:0;right:0;bottom:0;left:0;width:100vw;height:100%}
.home-video{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%)}
.flex-row-nowrap{-ms-flex-flow:row nowrap;flex-flow:row}
.flex-row-nowrap,.flex-row-wrap{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start}
.flex-row-wrap{-ms-flex-flow:row wrap;flex-flow:row wrap}
.flex-row-wrap-1{-ms-flex-align:stretch;align-items:stretch}
.flex-row-wrap-1,.flex-row-wrap-2{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center}
.flex-row-wrap-2{-ms-flex-align:center;align-items:center}
.flex2-row-nowrap{-ms-flex-flow:row nowrap;flex-flow:row}
.flex2-row-nowrap,.flex2-row-wrap{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start}
.flex2-row-wrap{-ms-flex-flow:row wrap;flex-flow:row wrap}
.flex2-row-wrap-1{-ms-flex-align:stretch;align-items:stretch}
.flex2-row-wrap-1,.flex2-row-wrap-2{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center}
.flex2-row-wrap-2{-ms-flex-align:center;align-items:center}
.imgbg-tong:after{z-index:4;background:#fff;transition:all .5s ease-in-out .5s}
.imgbg-tong:after,.imgbg-tong:before{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;content:""}
.imgbg-tong:before{z-index:5;background:#111;opacity:1;transition:all .5s ease-in-out}
.js-m.animate.imgbg-tong:after,.js-m.animate.imgbg-tong:before{right:0;bottom:0;left:100%;margin-right:0}
.select-arrow{outline:0;border:none;background:transparent url(img3.png) no-repeat right center;background-size:24px auto;appearance:none;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none}
@keyframes animation-1{0%{transform:rotate(0) translate(2.5%,0) rotate(0)}
50%{transform:rotate(180deg) translate(2.5%,2%) rotate(-180deg)}
to{transform:rotate(360deg) translate(2.5%,0) rotate(-360deg)}
}
@media (max-width:1023px){.tit-16{font-size:14px}
.tit-18{font-size:1pc}
.tit-20{font-size:18px}
.tit-22{font-size:20px}
.tit-24{font-size:22px}
.tit-30{font-size:28px}
.tit-32{font-size:1.1rem}
.n-join .job-name{margin:1rem 0}
}
@media (max-width:768px){.tit-16{font-size:9pt}
.tit-18{font-size:14px}
.tit-20{font-size:1pc}
.tit-22{font-size:18px}
.tit-24{font-size:20px}
.tit-30{font-size:26px}
}
@media (max-width:580px){.tit-16{font-size:9pt}
.tit-20{font-size:14px}
.tit-22{font-size:1pc}
.tit-24{font-size:18px}
}
.zzzz1,.zzzz2{position:absolute;z-index:3;padding:1rem;width:100%;height:100%;background:rgba(239,92,51,.9)}
.zzzz1{opacity:0;transition:all .3s ease 0s}
.zzzz1 div{color:#fff!important}
.zzz-btn{display:inline-block;padding:5px 10px;width:170px;height:40px;border:1px solid #fff;line-height:30px;transition:all .3s ease 0s}
.c2{margin:.2rem 0 .5rem}
.c3{margin-bottom:.6rem}
.c4{margin:1rem 0}
.c5{margin-bottom:1rem}
.zzz-btn span{display:block;background:url(z_img3.png) no-repeat center right}
.li-img:hover .zzzz1{opacity:1}
.zzz-btn:hover{background-image:linear-gradient(to right,#f1732f,#ec4038);transform:scale(1.01);-ms-transform:scale(1.01)}