body,html{width:100%;overflow-x:hidden}em,i,li{list-style:none;font-style:normal}a{color:#333}a:focus{text-decoration:none;outline:0!important}a:hover{text-decoration:none;color:#333}.fl{float:left}.fr{float:right}.container{width:1630px;margin:auto}.clearfix,.row{padding:0}dl,h1,h2,h3,h4,h5,h6,p,ul{margin:0;padding:0;font-weight:400}img{width:auto;height:auto;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.img-wrap{overflow:hidden;position:relative;padding:0;display:block}.img-wrap img{max-width:none;min-width:100%;height:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-o-object-fit:fill;object-fit:fill}.home-banner .swiper-button-disabled{outline:0!important}.swiper-button-next,.swiper-button-prev{outline:0!important}.pagination p{height:auto!important}.pagination a{height:auto!important}.pagination a.cur{background:red!important}.pagination a:hover{background:red!important}.position{position:absolute;bottom:30px;right:0;color:#999}.position a{color:#999!important}.position span{color:#999!important}.link{font-size:12px}.link a{font-size:12px}.animate{overflow:hidden}.animate img{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all 2s ease 0s;transition:all 2s ease 0s}.animate:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all 2s ease 0s;transition:all 2s ease 0s}.scrollbar{padding-right:10px}.scrollbar::-webkit-scrollbar{width:5px}.scrollbar::-webkit-scrollbar-track{border-radius:30px}.scrollbar::-webkit-scrollbar-thumb{border-radius:30px;background:#4d4d4d}.scrollbar::-webkit-scrollbar-thumb:window-inactive{background:#4d4d4d}.scrollbar::-webkit-scrollbar-track-piece{background:#dbdbdb}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.flex-space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.flex-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.flex-space-evenly{-ms-flex-pack:distribute;justify-content:space-around}.flex-space-evenly:after,.flex-space-evenly:before{content:'';display:block}.flex-direction{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.flex-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.tab{display:table;width:100%;height:100%}.tabcell{display:table-cell;vertical-align:middle}.common-title{text-align:center}.fc-white{color:#fff}.bg-white{background:#fff}.f36{font-size:36px}.f26{font-size:26px}.f24{font-size:24px}.f22{font-size:22px}.f20{font-size:20px}.f18{font-size:18px}.f16{font-size:16px}.f12{font-size:12px}.common-wb38d4{width:38.4%}.common-wb61d6{width:61.6%}.text-jb{color:transparent;background-image:-webkit-gradient(linear,left top,right top,from(#4b4da0),to(#8c429d));background-image:linear-gradient(to right,#4b4da0,#8c429d);-webkit-background-clip:text}.text-jb-hover:hover{color:transparent;background-image:-webkit-gradient(linear,left top,right top,from(#4b4da0),to(#8c429d));background-image:linear-gradient(to right,#4b4da0,#8c429d);-webkit-background-clip:text}.text-jb-us{position:relative}.text-jb-us:before{content:"";position:absolute;left:0;top:50%;width:4px;height:calc(100% - 6px);background-image:-webkit-gradient(linear,left top,right top,from(#4b4da0),to(#8c429d));background-image:linear-gradient(to right,#4b4da0,#8c429d);-webkit-transform:translateY(-50%);transform:translateY(-50%)}#page{margin-bottom:5%;text-align:center;font-size:0}#page a{display:block;padding:0 16px;color:#333}#page li{display:inline-block;width:auto;height:40px;margin:0 4px;font-size:16px;line-height:40px;text-align:center;border-radius:6px;background:#f2f2f2}#page .prev{background:#f2f2f2 url(../image/page-prev.png) no-repeat center}#page .next{background:#f2f2f2 url(../image/page-next.png) no-repeat center}#page .active{background-image:-webkit-gradient(linear,left top,right top,from(#4b4da0),to(#8c429d));background-image:linear-gradient(to right,#4b4da0,#8c429d)}#page .active a{color:#fff}.show-page{border-top:1px solid #ebeef5}.show-page .felx{display:-webkit-box;display:-ms-flexbox;display:flex}.show-page .next,.show-page .prev{width:50%;position:relative;padding:20px 0}.show-page .next a,.show-page .prev a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.show-page .next .img,.show-page .prev .img{position:absolute;top:20px;display:none}.show-page .next .img img,.show-page .prev .img img{display:inline-block;width:80px;height:51px;-o-object-fit:cover;object-fit:cover}.show-page i{width:8px;height:11px;display:block}.show-page span{display:block;line-height:26px;width:calc(100% - 80px - 30px)}.show-page span b{display:inline-block;vertical-align:middle;width:calc(100% - 80px - 30px);overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;font-weight:400;color:#333}.show-page .prev i{background:url(../image/jt-left.png) no-repeat center}.show-page .prev span:before{content:"";height:21px;width:1px;background:#efefef;display:inline-block;margin-left:14px;margin-right:34px;vertical-align:middle}.show-page .prev a{padding-left:55px;padding-right:30px;height:51px}.show-page .prev .img{right:30px}.show-page .next i{background:url(../image/jt-right.png) no-repeat center}.show-page .next span{text-align:right}.show-page .next span:after{content:"";height:21px;width:1px;background:#efefef;display:inline-block;margin-left:34px;margin-right:14px;vertical-align:middle}.show-page .next a{padding-left:30px;padding-right:55px;height:51px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.show-page .next .img{left:30px}.show-page li:hover{background-image:-webkit-gradient(linear,left top,right top,from(#4b4da0),to(#8c429d));background-image:linear-gradient(to right,#4b4da0,#8c429d)}.show-page li:hover span b{color:#fff}.show-page li:hover span:after,.show-page li:hover span:before{background:#fff}.show-page li:hover .img{display:block}.show-page .prev:hover i{background:url(../image/jt-lwhite.png) no-repeat center}.show-page .next:hover i{background:url(../image/jt-rwhite.png) no-repeat center}.rec .rec-title{height:60px;padding:0 5%;line-height:60px;font-size:18px;color:#fff;background-image:-webkit-gradient(linear,left top,right top,from(#4b4da0),to(#8c429d));background-image:linear-gradient(to right,#4b4da0,#8c429d)}.rec .rec-content{padding:8%;background:#fff}.rec .rec-content h4{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;width:100%;padding-bottom:2%;font-size:16px;color:#666}.rec .rec-content p{color:#c2c2c2}.rec .rec-content li{padding-bottom:5%;margin-bottom:5%;border-bottom:1px solid #f1f1f1}.rec .rec-content li:last-child{border-bottom:0}.product-nav .nav-title{height:60px;padding:0 10%;line-height:60px;font-size:18px;color:#fff;background-image:-webkit-gradient(linear,left top,right top,from(#4b4da0),to(#8c429d));background-image:linear-gradient(to right,#4b4da0,#8c429d)}.product-nav .nav-title h4{height:100%;padding-left:40px;line-height:60px;background:url(../image/product-nav-ico.png) no-repeat left center}.product-nav .content-nav{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;position:relative;height:54px;padding:0 10%;font-size:16px;line-height:54px;background:#ededed}.product-nav .content-nav:after{content:"";display:block;position:absolute;right:0;top:50%;width:10%;height:9px;background:url(../image/product-nav-jt.png) no-repeat;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.product-nav .content-subnav{display:none;padding:0 10%}.product-nav .content-subnav a{display:block;height:54px;font-size:16px;line-height:54px;color:#999;border-top:2px solid #fff}.product-nav .nav-content{background:#fcfcfc}.product-nav li{margin-bottom:2px}.product-nav .on .content-subnav{display:block}.product-nav .on .content-nav span{color:transparent;background-image:-webkit-gradient(linear,left top,right top,from(#4b4da0),to(#8c429d));background-image:linear-gradient(to right,#4b4da0,#8c429d);-webkit-background-clip:text}.product-nav .on .content-nav:after{background:url(../image/product-nav-jt2.png) no-repeat}.product-rec .product-rec-title{padding:5% 0 2%}.product-rec .img{height:340px;line-height:340px;text-align:center;background:#f4f5f7}.product-rec .img img{padding:5%}.product-rec .inf-title{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;width:100%;padding:5% 0 2%;font-size:18px}.product-rec .inf-desc{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;width:100%;padding:0 0 5%;color:#999}.product-rec .item-inf{padding:0 10%}.product-rec .item-tag{position:relative;padding:5% 10%;color:#828282;border-top:1px solid #f4f5f7;text-align:left}.product-rec .item-tag span{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;display:block;width:80%}.product-rec .item{padding:2px}.product-rec li{width:calc(25% - 2%);margin-right:2%;margin-bottom:5%}.product-rec li:hover{background-image:-webkit-gradient(linear,left top,right top,from(#4b4da0),to(#8c429d));background-image:linear-gradient(to right,#4b4da0,#8c429d)}.product-rec li:hover i{position:absolute;right:0;top:0;width:20%;height:100%;border-left:1px solid rgba(255,255,255,.3);background:url(../image/product-rec-ico.png) no-repeat center}.product-rec li:hover .inf-desc{color:#fff}.product-rec li:hover a{color:#fff}.product-rec li:hover .item-tag{color:#fff;border-top:1px solid rgba(255,255,255,.3)}.product-rec ul{margin-right:-2%;margin-bottom:5%}.job-active{padding:5% 10%;background:#fff}.job-active .active-title{position:relative;margin-bottom:8%;font-size:20px}.job-active .active-title a{display:block;position:absolute;right:0;bottom:0;font-size:14px;color:#999}.job-active li{padding:4% 0;font-size:16px;color:#666;border-bottom:1px dashed #e5e5e5}.job-active li a{display:block}.job-active li a:before{content:"急";display:inline-block;vertical-align:middle;padding:3px;margin-right:8px;color:#fff;background-image:-webkit-gradient(linear,left top,right top,from(#4b4da0),to(#8c429d));background-image:linear-gradient(to right,#4b4da0,#8c429d)}.job-active li h4{display:inline-block;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;width:80%}header{position:relative}header .logo{margin:auto;padding:15px}header .logo img{display:block}header .nav{width:82%;border-right:1px solid #eee}header .nav li{position:relative}header .nav li>a{display:block;height:100px;line-height:100px}header .nav .active{position:relative}header .nav .active:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:2px;background-image:-webkit-gradient(linear,left top,right top,from(#4b4da0),to(#8c429d));background-image:linear-gradient(to right,#4b4da0,#8c429d)}header .nav .active a{color:#4b4da0}header .switch{width:18%}header .switch .selected{position:relative}header .switch .selected a{position:relative;padding:3px;border:1px transparent solid;border-radius:100%;background:#fff}header .switch .selected a:after{content:'';position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px;z-index:-1;border-radius:100%;background:-webkit-gradient(linear,left top,left bottom,from(#4b4da0),to(#8c429d));background:linear-gradient(#4b4da0,#8c429d)}header .switch .selected img{display:block}header .switch .cn{padding-right:15%}header .switch .cn:before{content:'';display:block;position:absolute;top:50%;right:0;height:18px;width:1px;background:#ddd;-webkit-transform:translateY(-50%);transform:translateY(-50%)}header .switch .en{padding-left:15%}header .switch a{display:block}header .dropdown-menu{padding:10px;line-height:30px}header .dropdown-menu a{display:block;padding:0 10px;color:#333}header .dropdown-menu a:hover{background:#eee}header .head{height:100px}header .sidebar-a{width:38.4%;height:100%;background-image:-webkit-gradient(linear,left top,right top,from(#4b4da0),to(#8c429d));background-image:linear-gradient(to right,#4b4da0,#8c429d)}header .sidebar-b{width:61.6%;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}header .navbar-toggle{display:none;margin-top:0;border:0;margin:0 16px;padding:9px 0}header .navbar-toggle .icon-bar{background-color:#333;width:20px;height:3px}header .navbar-toggle:focus,header .navbar-toggle:hover{background:no-repeat}header .navbar-toggle .icon-bar{margin-top:4px}header .navbar-toggle .icon-bar1{margin-top:0}header .navbar-toggle .icon-bar1,header .navbar-toggle .icon-bar3{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}header .navbar-toggle .icon-bar2{-webkit-transition:background .2s;transition:background .2s}header .navbar-toggle .nav-is-visible .icon-bar1{-webkit-transform:translateX(4px) translateY(-3px) rotate(45deg);transform:translateX(4px) translateY(-3px) rotate(45deg);margin-top:6px}header .navbar-toggle .nav-is-visible .icon-bar3{-webkit-transform:translateX(4px) translateY(-7px) rotate(-45deg);transform:translateX(4px) translateY(-7px) rotate(-45deg);margin-top:6px}header .navbar-toggle .nav-is-visible .icon-bar2{background:rgba(255,255,255,0);margin-top:6px}header .mob-logo{padding:0 10px}header .mob-logo .flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header .mob-logo a{display:block}header .mob-logo img{height:45px}header ul{padding:15px 0}header .warp-item{line-height:40px;border-bottom:1px solid #eee}header .warp-item a{padding-left:15px}header .warp-item i{display:inline-block;vertical-align:middle;float:right;width:10px;height:40px;margin-right:15px;background:url(http://www.wotlon.com/template/pc/skin/images/common/head2-sj.png?2112151025) center no-repeat}header .warp-item .item-line{margin-top:1px;background:#f9f9f9;padding:0 17px;display:none}header .warp-item .item-line a{display:block;padding:0;font-size:13px}header .item-line-hide .item-line{display:block}header .subpage{display:none;position:absolute;top:80px;left:0;z-index:99999;width:100%;height:auto;line-height:24px;border-top:1px solid #dfe1e6;background:#fff}header .subpage .hform{position:relative;width:100%}header .subpage .subpage-ss{width:100%;height:40px;padding:2px 0;border:0;border-bottom:1px solid #dfe1e6}header .subpage .subpage-ss:focus-visible{outline:-webkit-focus-ring-color auto 0}header .subpage .subpage-ss::-webkit-input-placeholder{color:#888}header .subpage .subpage-ss::-moz-input-placeholder{color:#888}header .subpage .subpage-ss::-ms-input-placeholder{color:#888}header .subpage .search-an{position:absolute;right:0;width:17px;height:40px;font-size:0;border:0;background:url(http://www.wotlon.com/template/pc/skin/images/common/search-ico.png?2112151025) no-repeat center}header .subpage .special a{display:block;margin-top:20px;margin-left:5px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,0)}header .subpage .special .active{border-bottom:1px solid #1a7af8}header .subpage .subpage-left{width:325px;padding:40px;border-right:1px solid #dfe1e6}header .subpage .subpage-right{width:76%;padding:40px}header .subpage .subpage-right .item-title{font-size:26px;color:#444}header .subpage .subpage-right a{display:inline-block;margin-right:80px;margin-top:20px;color:#888;font-size:16px}header .mob-nav{position:fixed;top:0;right:0;visibility:hidden;z-index:99998;display:block;width:100%;height:100%;background:rgba(21,22,35,.6)}header .mob-nav .warp{position:absolute;top:0;right:-70%;z-index:99999;overflow-y:auto;width:70%;height:100%;-webkit-transition:all 1s;transition:all 1s;background:#fff}header .animate{visibility:visible;-webkit-transition:all 1s;transition:all 1s}header .animate .warp{right:0;-webkit-transition:all 1s;transition:all 1s}.fixed{position:fixed;top:0;left:0;z-index:999999;width:100%;background:#fff;-webkit-box-shadow:0 2px 10px #000;box-shadow:0 2px 10px #000}footer{color:#fff;background:#1b2338}footer a{color:#fff}footer a:hover{color:#fff}footer li{position:relative;padding:0 20px}footer li:after{content:"/";position:absolute;right:0;top:0;color:#fff}footer li:last-child:after{content:""}footer .dh{border-top:1px solid #3b3b3b;padding-top:34px;margin-top:25px;font-size:30px}footer .box-nav{margin-left:auto}footer .footer-box{width:1317px;max-width:100%;padding-top:60px;padding-bottom:25px;font-size:16px}footer .footer-copyright{padding-bottom:20px;text-align:center;color:rgba(255,255,255,.4)}footer .box-nav{display:block}footer .box-nav-mob{display:none}@media screen and (max-width:1630px){.common-wb38d4{width:30%}.common-wb61d6{width:70%}.container{width:1200px}}@media screen and (max-width:1230px){.container{width:992px}.show-page span b{width:calc(100% - 20px - 30px)}header .nav{width:85%}header .switch{width:15%}header .sidebar-a{width:30%}header .sidebar-b{width:70%}}@media screen and (max-width:992px){.common-wb38d4{width:100%}.common-wb61d6{width:100%}.container{width:768px}.product-rec li{width:calc(50% - 2%)}footer li{padding:0 8px}footer .dh{font-size:24px}footer .footer-copyright{padding:20px 0}}@media screen and (max-width:768px){#page a{padding:0 10px}#page li{height:35px;font-size:14px;line-height:35px}.show-page span{width:100%}.show-page .next a,.show-page .prev a{padding:0}.show-page .next i,.show-page .prev i{padding-left:10%}.show-page .next span:before,.show-page .prev span:before{margin-left:5%;margin-right:5%}.show-page .next span:after{margin-left:5%;margin-right:5%}.show-page li:hover .img{display:none}.product-nav .content-nav{height:45px;line-height:45px}.product-nav .content-subnav a{height:45px;line-height:45px}.product-rec .img{height:250px;line-height:250px}.product-rec .inf-title{font-size:16px}.container{width:100%}header .switch{width:25%;margin-right:2%}header .sidebar-a{width:40%}header .sidebar-b{width:60%}header .nav{display:none}header .head{height:80px}header .navbar-toggle{display:block;border:0}header .navbar-toggle:focus,header .navbar-toggle:hover{background:no-repeat}header .navbar-toggle .icon-bar{margin-top:4px}header .navbar-toggle .icon-bar1{margin-top:0}header .navbar-toggle .icon-bar1,header .navbar-toggle .icon-bar3{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}header .navbar-toggle .icon-bar2{-webkit-transition:background .2s;transition:background .2s}header .nav-is-visible .icon-bar1{-webkit-transform:translateX(4px) translateY(-5px) rotate(45deg);transform:translateX(4px) translateY(-5px) rotate(45deg);margin-top:6px}header .nav-is-visible .icon-bar3{-webkit-transform:translateX(4px) translateY(-5px) rotate(-45deg);transform:translateX(4px) translateY(-5px) rotate(-45deg);margin-top:6px}header .nav-is-visible .icon-bar2{background:rgba(255,255,255,0);margin-top:6px}header .mob-logo{padding:0 10px}header .mob-logo .navbar-toggle{margin:0}header .mob-logo .navbar-toggle .icon-bar{background:#333}header .mob-logo .navbar-toggle .icon-bar2{background:rgba(255,255,255,0)}header .mob-logo .flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header .mob-logo a{display:block;width:175px}header ul{padding:15px 0}header .warp-item{line-height:40px;border-bottom:1px solid #eee}header .warp-item a{padding-left:15px}header .warp-item i{display:inline-block;vertical-align:middle;float:right;width:10px;height:40px;margin-right:15px;background:url(../image/link-jt2.png) center no-repeat}header .warp-item .item-line{margin-top:1px;background:#f9f9f9;padding:0 17px;display:none}header .warp-item .item-line a{display:block;padding:0;font-size:13px}header .item-line-hide .item-line{display:block}.nav-is-visible{display:block}.animate{visibility:visible;-webkit-transition:all 1s;transition:all 1s}.animate .warp{right:0;-webkit-transition:all 1s;transition:all 1s}.search{display:none}.mob-search{display:block}.mob-search .hform{margin:0 5px;border:1px solid #ccc;font-size:0}.mob-search .ss{display:inline-block;vertical-align:middle;padding:0 15px;width:80%;height:40px;border:0;color:#000;font-size:14px}.mob-search .ss:focus-visible{outline:-webkit-focus-ring-color auto 0}.mob-search .ss::-webkit-input-placeholder{color:#000}.mob-search .ss::-moz-input-placeholder{color:#000}.mob-search .ss::-ms-input-placeholder{color:#000}.mob-search .search-an{display:inline-block;vertical-align:middle;width:20%;height:40px;font-size:0;border:0;background:url(http://www.wotlon.com/template/pc/skin/images/common/search-ico.png?2112151025) no-repeat center}.job-active li{font-size:14px}.job-active li h4{font-size:16px}footer .footer-box{width:100%;padding-top:5%;padding-bottom:5%}footer li{padding:0 8px}footer .dh{padding-top:5%;font-size:20px}footer .footer-copyright{padding:20px 0}footer .box-nav{display:none}footer .box-nav-mob{position:relative;display:block;width:220px;margin-left:auto;font-size:14px;background:#262626}footer .nav-show{padding:8px 16px;border:1px solid #3b3b3b;cursor:pointer}footer .nav-show:after{content:"";display:inline-block;float:right;margin-top:8px;width:14px;height:8px;background:url(../image/link-jt.png) no-repeat center/100%}footer .nav-desc{display:block;position:absolute;bottom:40px;left:0;width:100%;border:1px solid #3b3b3b;background:#262626}footer .nav-desc a{display:block;padding:0 16px;font-size:12px;line-height:30px;border-bottom:1px solid #3b3b3b}footer .nav-desc a:last-child{border:0}footer .nav-on{display:none}}