

.clearfix::before,.clearfix::after{display:block;content:''}.clearfix::after{clear:both}article .section{display:table;width:100%}article .section .fp-tableCell{display:table-cell;vertical-align:middle}article .first{position:relative;transition:1s all}@media only all and (max-width: 768px){article .first{background-size:cover !important}}article .first:hover{background-size:105% 105% !important}article .first .center{position:absolute;top:50%;left:50%;text-align:center;transform:translateX(-50%) translateY(-50%)}article .first .center>p>img{width:100%}@media only all and (max-width: 414px){article .first .center>p{width:90%;margin:0 auto}}article .first .center>h5{font-size:60px;color:#fff;margin-top:30px}@media only all and (max-width: 414px){article .first .center>h5{font-size:30px}}article .first .center>a{display:inline-block;padding:8px 30px 8px 30px;border-radius:20px;border:2px solid #fff;transition:all 1s;width:170px;margin-top:55px}@media only all and (max-width: 414px){article .first .center>a{width:146px;padding:8px 15px 8px 15px}}article .first .center>a span{vertical-align:middle;margin-left:10px;display:inline-block;transition:all .3s}article .first .center>a:hover span{margin-right:-20px}article .second .center{width:76%;margin:0 auto;text-align:center;padding:5%}@media only all and (max-width: 414px){article .second .center{padding:45px 0}}@media only all and (max-width: 1366px){article .second .center>p img{width:30%}}@media only all and (max-width: 768px){article .second .center>p img{width:75%}}article .second .center>h5{font-size:40px;color:#000;margin:30px auto 70px}@media only all and (max-width: 1366px){article .second .center>h5{font-size:26px;margin:15px auto 20px}}@media only all and (max-width: 768px){article .second .center>h5{font-size:20px;margin:5px auto 10px}}article .second .center .pc>div{float:left;width:33.3%;margin:0 auto;position:relative;transition:1s all}@media only all and (max-width: 414px){article .second .center .pc>div{width:100%;margin-bottom:10px}}article .second .center .pc>div>img{visibility:visible;width:100%;opacity:0;transition:2s ease}@media only all and (max-width: 1366px){article .second .center .pc>div>img{height:350px}}@media only all and (max-width: 414px){article .second .center .pc>div>img{opacity:1;height:100px}}article .second .center .pc>div>div{position:absolute;top:50%;left:50%;z-index:10;transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%)}article .second .center .pc>div>div>p{margin-top:30px;font-size:24px}@media only all and (max-width: 414px){article .second .center .pc>div>div>p{font-size:20px;margin-top:5px}}@media only all and (max-width: 414px){article .second .center .pc>div .icon{display:none}}@media only all and (max-width: 414px){article .second .center .pc>div .icon>img{display:none}}article .second .center .pc>div .icon-h{z-index:0}@media only all and (max-width: 414px){article .second .center .pc>div .icon-h{z-index:100}}article .second .center .pc>div .icon-h>p{color:#fff}@media only all and (max-width: 414px){article .second .center .pc>div .icon-h>p{font-size:14px}}@media only all and (max-width: 414px){article .second .center .pc>div .icon-h>img{width:30%}}article .second .center .pc>div:hover>img{opacity:1}article .second .center .pc>div:hover .icon-h{z-index:999}@media only all and (max-width: 414px){article .second .center .pc .moblie-center{position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);z-index:999;margin-top:-10px}}@media only all and (max-width: 414px){article .second .center .pc .moblie-center>img{height:220px}}article .second .center .lb{display:none}@media only all and (max-width: 414px){article .second .center .lb{display:block}}article .second .center>a{display:inline-block;padding:8px 30px 8px 30px;border-radius:20px;border:2px solid #000;transition:all 1s;width:170px;margin-top:55px;color:#000}@media only all and (max-width: 1366px){article .second .center>a{margin-top:20px}}@media only all and (max-width: 414px){article .second .center>a{width:146px;padding:8px 15px 8px 15px}}article .second .center>a span{vertical-align:middle;margin-left:10px;display:inline-block;transition:all .3s}article .second .center>a:hover span{margin-right:-20px}article .third{position:relative}article .third .center{position:absolute;width:76%;top:50%;left:50%;text-align:center;transform:translateX(-50%) translateY(-50%)}@media only all and (max-width: 1366px){article .third .center{margin-top:45px}}@media only all and (max-width: 414px){article .third .center{padding:100px 0;margin-top:0}}article .third .center .inner-l{float:left;width:25.6%}@media only all and (max-width: 414px){article .third .center .inner-l{width:100%;float:none}}article .third .center .inner-l>h5{font-size:40px;color:#fff;text-align:left;margin:20px 0 0 10px}@media only all and (max-width: 1440px){article .third .center .inner-l>h5{font-size:25px}}@media only all and (max-width: 414px){article .third .center .inner-l>h5{text-align:center}}article .third .center .inner-l>p{text-align:left}@media only all and (max-width: 414px){article .third .center .inner-l>p{text-align:center}}@media only all and (max-width: 1440px){article .third .center .inner-l>p img{width:80%}}article .third .center .inner-l>ul{margin-top:120px;text-align:right}@media only all and (max-width: 414px){article .third .center .inner-l>ul{text-align:center;margin-top:30px;margin-left:-80px}}article .third .center .inner-l>ul li{line-height:2}article .third .center .inner-l>ul li a{margin-left:40px;font-size:24px}@media only all and (max-width: 1440px){article .third .center .inner-l>ul li a{font-size:18px}}article .third .center .inner-l>ul li span{display:inline-block;background:#fff;width:27px;margin-top:-8px;vertical-align:middle}article .third .center .inner-l>ul li:hover span{height:5px}article .third .center .inner-l>ul li.active span{height:5px}article .third .center .inner-r{position:relative;float:right;width:63%;height:600px;background:url(../images/index/border.png) top left no-repeat}@media only all and (max-width: 414px){article .third .center .inner-r{display:none !important}}@media only all and (max-width: 1440px){article .third .center .inner-r{height:525px}}@media only all and (max-width: 1366px){article .third .center .inner-r{height:435px;background-size:contain}}article .third .center .inner-r>img{position:absolute;bottom:0;right:0;opacity:0}@media only all and (max-width: 1440px){article .third .center .inner-r>img{width:80%}}@media only all and (max-width: 1366px){article .third .center .inner-r>img{width:65%;bottom:40px;right:60px}}article .third .center .inner-r>h5{font-size:30px;color:#fff;margin:40px 0 0 -110px}article .third .center .inner-r>h5 span{display:inline-block;vertical-align:middle;width:80px;height:3px;background:#fff;margin-right:20px}article .third .center .inner-r>a{position:absolute;top:0;right:0;transition:all 0.3s}article .third .center .inner-r>a:hover{right:20px}article .four{background:url(../images/index/four-bg.png) center center no-repeat;background-size:cover}article .four .center{width:74%;margin:0 auto;text-align:center;padding:7% 0}@media only all and (max-width: 1366px){article .four .center>p img{width:30%}}@media only all and (max-width: 414px){article .four .center>p img{width:100%}}article .four .center>h5{font-size:40px;margin:30px auto 50px}@media only all and (max-width: 1366px){article .four .center>h5{font-size:26px;margin:15px auto 20px}}@media only all and (max-width: 768px){article .four .center>ul{display:none}}article .four .center>ul li img{width:100%}article .four .center>a{display:inline-block;padding:8px 30px 8px 30px;border-radius:20px;background:#f0841d;color:#fff;transition:all 1s;width:170px;margin-top:55px;color:#fff}@media only all and (max-width: 414px){article .four .center>a{width:146px;padding:8px 15px 8px 15px}}article .four .center>a span{vertical-align:middle;margin-left:10px;display:inline-block;transition:all .3s}article .four .center>a:hover span{margin-right:-20px}aside{position:fixed;left:30px;top:50%;z-index:9999999}@media only all and (max-width: 768px){aside{display:none !important}}aside ul li{width:20px;height:20px;margin-bottom:10px;border-radius:50%;position:relative;cursor:pointer}aside ul li.active{border:1px solid #fff}aside ul li i{display:block;width:10px;height:10px;border-radius:50%;background:#fff;position:absolute;top:50%;left:50%;margin-top:-5px;margin-left:-5px}.loading{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffdfb;z-index:100000000}.loading>img{position:absolute;top:50%;left:50%;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);animation:change 1s linear infinite;-moz-animation:change 1s linear infinite;-webkit-animation:change 1s linear infinite;-o-animation:change 1s linear infinite}.animate-right-move{-webkit-animation:right-move 1s linear 1;animation:right-move 1s linear 1}@-webkit-keyframes right-move{0%{transform:translateX(2000px) translateY(-50%)}100%{transform:translateX(0px) translateY(-50%)}}@keyframes right-move{0%{transform:translateX(2000px) translateY(-50%)}100%{transform:translateX(0px) translateY(-50%)}}.animate-right-none{-webkit-animation:left-move 1s linear 1;animation:left-move 1s linear 1}@-webkit-keyframes left-move{0%{-webkit-transform:translateX(0)}100%{-webkit-transform:translateX(-2000px)}}@keyframes left-move{0%{transform:translateX(0)}100%{transform:translateX(-2000px)}}@keyframes shake{0%, 100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}60%{-webkit-transform:translateY(15px);-ms-transform:translateY(15px);transform:translateY(15px)}}.shake{-webkit-animation:shake 1s;animation:shake 1s}@keyframes show-hide{0%{opacity:0;-webkit-transform:translateY(-100px);-ms-transform:translateY(-100px);transform:translateY(-100px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.show-hide{-webkit-animation:show-hide 2.5s;animation:show-hide 2.5s}
.show-m{
  display: none!important;
}
.show-pc{
  display: block;
}
@media screen and (min-width: 320px)and (max-width: 750px){
  .show-m{
    display: block!important;
  }
  .show-pc{
    display: none!important;
  }
 }