@charset "utf-8";
/*!
 * http://www.ibw.cn
 * Edited by AlexAli
 * Copyright (c) 2019 ibw
 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }body, button, input, select, textarea { font: 12px/1.5 Microsoft YaHei, Arial, sans-serif; }h1, h2, h3, h4, h5, h6 { font-size: 100%; }address, cite, dfn, em, var { font-style: normal; }ul, ol { list-style: none; }a { text-decoration: none; }legend { color: #000; }fieldset, img { border: 0; vertical-align: top; }section, article, aside, header, footer, nav, dialog, figure { display: block; }figure { margin: 0; }button, input, select, textarea { font-size: 100%;border:0;background:none;outline:none; }table { border-collapse: collapse; border-spacing: 0 }.clear { display: block; height: 0; overflow: hidden; clear: both }.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }.clearfix { *zoom:1;}a:link, a:visited { text-decoration: none; }a:hover, a:active { text-decoration: none; }a { blr:expression_r(this.onFocus=this.blur());}a { outline: none; transition-duration: 0.3s, 0.3s; transition-property: background-color, color; transition-timing-function: ease, ease;}table { border-collapse: collapse; border-spacing: 0; }.hidden { display: none; }.invisible { visibility: hidden; }.noBg { background: none !important; }.noBd { border: none !important; }.noMr{margin-right:0 !important; float:right !important;}.i{text-align: justify; text-justify: inter-ideograph;}


/* 项目主体部分设置 */
body { background: #fff; color:#333;}
.fl{float: left !important;}
.fr{float: right !important;}
a { color:#333;text-decoration:none;transition: all 0.5s ease 0s;}
a:hover { color: #567f99; }
.wrapper{overflow: hidden;}

*{box-sizing:border-box}

.g-in { width:1200px; margin:0 auto; }.g-in:after{content:'\20';display:block;height:0;clear:both}.g-in{*zoom:1}

.pc-block{display:block}
.mobile-block{display:none!important}

.header1{position:absolute;top:.75rem;left:0;z-index:9;padding:0 .75rem;width:100%;box-sizing: border-box;}
.header1 .n-header{width:100%;height:75px}
.header1 .header-left,.header1 .n-header{overflow: hidden;display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;box-sizing: border-box;}
.header1 .header-left{padding-right:28px;width:247px;height:77px;background:#77bc2e;background-size:cover}
.header1 .header-left .logo{position:relative;width:10pc;height:77px}
.header1 .header-left .logo a{display:block}
.header1 .header-left .logo img{max-width:100%}
.header1 .header-left .btn-box{position:relative;width:2pc;height:23px;cursor:pointer}
.header1 .header-left .btn-box .line{position:absolute;top:50%;width:2pc;height:3px;background:#fff;transform:translate(0,-50%);-ms-transform:translate(0,-50%)}
.header1 .header-left .btn-box .line:before{position:absolute;top:-8px;width:2pc;height:3px;background:#fff;content:""}
.header1 .header-left .btn-box .line:after{position:absolute;top:8px;width:2pc;height:3px;background:#fff;content:""}
.header1 .header-right{position:relative;display:-ms-flexbox;display:flex;width:5pc;height:30px;background-size:cover;transition:all .3s ease-in-out;-ms-flex-flow:row nowrap;flex-flow:row;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}
.header1 .header-right:before{position:absolute;top:50%;right:0;left:50%;width:1px;height:20px;background:hsla(0,0%,100%,.3);content:"";transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.header1 .header-right .lang,.header1 .header-right .search-btn{width:40px;color:#fff;font-size:24px;transition:all .3s ease-in-out}
.header1 .header-right .search-btn{height:40px;background:url(z_img1.png) no-repeat center;background-size:22px auto;cursor:pointer}

.w1450{margin:0 auto;width:1450px}
.footer{background:#222222}
.footer .footer-top{padding:.9rem 0 .6rem;}
.footer .footer-top,.footer .footer-top .fot-nav{}
.footer .footer-top .fot-nav{width:calc(100% - 450px - 2.5rem);float: right;}
.footer .footer-top .fot-nav .li{padding-right:.5rem;width:16.6%;float: left;}
.footer .footer-top .fot-nav .dt{position:relative;margin-bottom:.5rem;padding-bottom:10px;color:#fff}
.footer .footer-top .fot-nav .dd{display:block;margin-bottom:6px;color:#fff;opacity:.8;transition:all .3s ease-in-out}
.footer .footer-top .fot-nav .dd:hover{opacity:1}
.footer .footer-top .fot-left{float: left;}
.footer .footer-top .fot-left .aArea{}
.footer .footer-top .fot-left .bArea{margin-top: .4rem}
.footer .footer-top .fot-left .wxbox{float: left;width: 102px;margin-right: .3rem;}
.footer .footer-top .fot-left .img{margin-bottom:10px;max-width:100%}
.footer .footer-top .fot-left .tit2{opacity:.8;text-align: center;}
.footer .footer-top .fot-left .contact{opacity: .8;line-height: 2}

.footer .footer-bot{padding:.25rem 0;background: #000000;}
.footer .footer-bot .p{font-size:14px;text-align: center;color: rgba(255,255,255,.5);}
.footer .footer-bot .p a{color:rgba(255,255,255,.5);transition:all .3s ease-in-out}
.footer .footer-bot .p a:hover{opacity:1}

.footer2{background:#222222}
.footer2 .aArea{padding: .5rem .3rem .5rem}
.footer2 .aArea img{max-width: 100%;height: auto;}
.footer2 .bArea{padding:0 .3rem .5rem}
.footer2 .bArea .wxbox{float: left;width: 90px;margin-right: .3rem;text-align: center;}
.footer2 .bArea .img{margin-bottom:10px;max-width:100%}
.footer2 .bArea .contact{opacity: .8;line-height: 2}
.footer2 .copyright{background: #000000;padding:.25rem 0;font-size:14px;text-align: center;color: rgba(255,255,255,.5);}
.footer2 .copyright a{color:rgba(255,255,255,.5);transition:all .3s ease-in-out}

.search-bg{z-index:10;z-index:20;display:none;background-color:#f5f5f5}
.search-alert,.search-bg{position:fixed;top:0;left:0;width:100%;height:100%}
.search-alert{z-index:100;background:url(z_img10.png) no-repeat center center;background-size:cover}
.search-alert input::-webkit-input-placeholder{color:#fff!important}
.search-alert input:-moz-placeholder,.search-alert input::-moz-placeholder{color:#fff!important}
.search-alert input:-ms-input-placeholder{color:#fff!important}
.search-alert .cent-form{opacity:0;transition:all .5s;transform:translate(0,40px);-ms-transform:translate(0,40px)}
.search-alert .close{position:absolute;top:38px;right:2.6%;width:30px;height:30px;background:url(colse.png) no-repeat center;background-size:18px auto;cursor:pointer;transition:all .3s ease-in-out}
.search-alert .cent-form{position:absolute;top:50%;left:2.6%;margin-top:-63px;width:94.8%;height:2rem;border-bottom:1px solid hsla(0,0%,100%,.5)}
.search-alert .cent-form:before{position:absolute;top:50%;left:0;margin-top:-25px;width:50px;height:50px;background:url(z_img9.png) no-repeat center;background-size:28px auto;color:#fff;content:"";font-size:30px}
.search-alert .cent-form .tex{padding-right:3.5rem;padding-left:2rem;width:100%;font-size:1.2rem}
.search-alert .cent-form .sub-butn,.search-alert .cent-form .tex{height:1.5rem;border:none;background:0 0;color:#fff;text-align:center;line-height:1.5rem}
.search-alert .cent-form .sub-butn{position:absolute;top:0;right:0;width:3.5rem;text-align:right;font-size:.8rem}
.search-alert{transition:transform .3s .5s;transform:scaleY(0);transform-origin:bottom center;-ms-transform-origin:bottom center;-ms-transform:scaleY(0)}
.search-alert.active{transition:transform .3s;transform:scaleY(1);transform-origin:top center;-ms-transform-origin:top center;-ms-transform:scaleY(1)}
.search-alert.active .cent-form{opacity:1;transition:all .5s .3s;transform:translate(0,0);-ms-transform:translate(0,0)}

.pc-nav{position:fixed;top:0;left:0;z-index:100;width:100%;height:100%;background:url(z_img10.png) no-repeat center center;background-size:cover;transition:transform .3s .8s;transform:scaleY(0);transform-origin:bottom center;-ms-transform-origin:bottom center;-ms-transform:scaleY(0)}
.pc-nav .logo{position:absolute;top:20px;left:1.25rem;width:10pc;height:49px}
.pc-nav .logo img{max-width:100%}
.pc-nav .lang{right:2.5rem;display:block;color:#fff;text-align:center;font-size:1pc}
.pc-nav .close,.pc-nav .lang{position:absolute;top:28px;z-index:6;width:30px;height:30px}
.pc-nav .close{right:1.25rem;background:url(colse.png) no-repeat center;background-size:18px auto;cursor:pointer;transition:all .3s ease-in-out}
.pc-nav .linebox{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%}
.pc-nav .linebox:before{left:50%}
.pc-nav .linebox .line1:before,.pc-nav .linebox:before{position:absolute;width:1px;height:100%;background:hsla(0,0%,100%,.1);content:""}
.pc-nav .linebox .line1:before{left:12.5%}
.pc-nav .linebox .line1:after{left:31.25%}
.pc-nav .linebox .line1:after,.pc-nav .linebox .line2:before{position:absolute;width:1px;height:100%;background:hsla(0,0%,100%,.1);content:""}
.pc-nav .linebox .line2:before{left:68.75%}
.pc-nav .linebox .line2:after{position:absolute;left:87.5%;width:1px;height:100%;background:hsla(0,0%,100%,.1);content:""}
.pc-nav .index-nav{position:relative;z-index:3;display:-ms-flexbox;display:flex;opacity:0;transform:translate(0,80px);-ms-flex-flow:row nowrap;flex-flow:row;justify-content: space-between;-ms-transform:translate(0,80px)}
.pc-nav .index-nav .li{}
.pc-nav .index-nav .dt{position:relative;margin-bottom:1.5rem;padding-bottom:15px;color:#fff}
.pc-nav .index-nav .dt:before{position:absolute;bottom:0;left:2px;width:.75rem;height:2px;background:#fff;content:""}
.pc-nav .index-nav .dd{display:block;margin-bottom:.5rem;color:#fff;opacity:.75;transition:all .3s ease-in-out;font-size: .5rem}
.pc-nav .index-nav .dd:hover{opacity:1}
.pc-nav .sub-menu{position:relative;z-index:2}
.pc-nav .sub-menu ul{overflow-x:hidden;overflow-y:auto;width:100%;height:calc(100vh - 10pc)}
.pc-nav .sub-menu li{border-bottom:1px solid hsla(0,0%,100%,.2);font-size:1pc}
.pc-nav .sub-menu .tit{box-sizing:border-box;margin-bottom:0;color:#fff;font-size:1pc}
.pc-nav .sub-menu .tit,.pc-nav .sub-menu .titx{position:relative;display:block;padding:0 3%;width:100%;line-height:60px}
.pc-nav .sub-menu .titx{border-bottom:1px solid hsla(0,0%,100%,.2);color:#000}
.pc-nav .sub-menu .sub-tit:after{position:absolute;top:50%;right:3%;display:block;width:26px;height:26px;background:url(z_img11.png) no-repeat center;background-size:9px auto;content:'';transform:translate(0,-50%);-ms-transform:translate(0,-50%)}
.pc-nav .sub-menu .sub-tit.on{border-bottom:1px solid hsla(0,0%,100%,.2)}
.pc-nav .sub-menu .sub-tit.on:after{background:url(z_img11_1.png) no-repeat center;background-size:20px auto}
.pc-nav .sub-menu .sec-list{display:none;padding:10px 4%;line-height:40px}
.pc-nav .sub-menu .sec-list p{background:url(../ico_04.png) no-repeat left center;background-size:3px auto;font-size:14px}
.pc-nav .sub-menu .sec-list a{display:block;color:#fff;font-size:14px}
.pc-nav .sub-menu .third{padding-left: 15px}
.pc-nav .cent-form{position:relative;z-index:3;margin-top:10%;margin-bottom:1.85rem;height:2rem;border-bottom:1px solid hsla(0,0%,100%,.5);opacity:0;transition:all .6s 0s ease-in-out;transform:translate(0,60px);-ms-transform:translate(0,60px)}
.pc-nav .cent-form .tex{padding-right:3rem;padding-left:1rem;background:0 0;font-size:1.2rem}
.pc-nav .cent-form .sub-butn,.pc-nav .cent-form .tex{width:100%;height:1.5rem;border:none;color:#fff;text-align:center;line-height:1.5rem}
.pc-nav .cent-form .sub-butn{background:0 0;background:url(z_img9.png) no-repeat center;background-size:28px auto;text-align:right}
.pc-nav input:-moz-placeholder,.pc-nav input::-moz-placeholder,.pc-nav textarea:-moz-placeholder,.pc-nav textarea::-moz-placeholder{color:#fff}
.pc-nav input:-ms-input-placeholder,.pc-nav textarea:-ms-input-placeholder{color:#fff}
.pc-nav input::-webkit-input-placeholder,.pc-nav textarea::-webkit-input-placeholder{color:#fff}
.pc-nav .input1{position:absolute;top:0;right:0;width:3rem;height:1.5rem;line-height:1.5rem}
.pc-nav .input1:before{position:absolute;top:50%;margin-top:-.5rem;width:1px;height:1rem;background:hsla(0,0%,100%,.3);content:""}
.pc-nav.active{transition:transform .3s;transform:scaleY(1);transform-origin:top center;-ms-transform-origin:top center;-ms-transform:scaleY(1)}
.pc-nav.active .cent-form{transition:all .5s .3s}
.pc-nav.active .cent-form,.pc-nav.active .index-nav{opacity:1;transform:translate(0,0);-ms-transform:translate(0,0)}
.pc-nav.active .index-nav{transition:all .5s .6s}

.header1.active .header-right:before{background:#333}
.header1.active .header-right .lang{color:#333}
.header1.active .header-right .search-btn{background:url(z_img9-1.png) no-repeat center;background-size:22px auto}

@media (max-width:1500px){
	.w1450{width:92%}
}
@media (max-width:1024px){
	.pc-block{display:none!important}
	.mobile-block{display:block!important}
	/*.header-right{display:none!important}*/
	.header1 .header-left .logo{height: 100%}
	.header1 .header-left{width:200px;height:67px;padding-right: 15px}
	.header1 .n-header{height:67px}
	.header1{top:10px;padding:0 3%}
	.header1 .header-left .logo{width:140px}
	.pc-nav .logo{left:3%;width:56pt;top: 10px}
	.pc-nav .close{right:3%}
	.pc-nav .lang{right:calc(3% + 40px)}
	.pc-nav .cent-form{overflow:hidden;margin-top:75px;margin-bottom:0;padding:10px 0;width:100%;height:auto;border:none;background:hsla(0,0%,100%,.1)}
	.pc-nav .cent-form .tex{height:auto}
	.pc-nav .input1{margin-top:10px;width:2rem}
	.pc-nav .input1:before{margin-top:-.35rem;height:.7rem}
	.pc-nav .cent-form .sub-butn{background:url(z_img9.png) no-repeat center;background-size:1pc auto}
	.pc-nav .cent-form .tex{text-align:left;font-size:.65rem}
	.pc-nav.active .cent-form{opacity:1;transition:all .3s ease-in-out;transform:translate(0,0);-ms-transform:translate(0,0)}
}

.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}
}
.mobile-block::-moz-selection{background:red;color:#fff}
.mobile-block::selection{background:red;color:#fff}
.mobile-block::-webkit-scrollbar{width:10px}
.mobile-block::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}
.mobile-block::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:window-inactive{background-image:linear-gradient(0,#d77515,#d71518);background-image:linear-gradient(to top,#d77515,#d71518)}
.mobile-block::-webkit-scrollbar-thumb:vertical:hover{background-image:linear-gradient(0,#d77515,#d71518);background-image:linear-gradient(to top,#d77515,#d71518)}
.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)}