@charset "utf-8";
.fix{clear:both;height: 1px;font-size: 0px;}
html{overflow-x:hidden;}
@-webkit-keyframes orbloop{from{-webkit-transform: rotate(0deg);} to{-webkit-transform: rotate(360deg);}}
@keyframes orbloop{from{transform: rotate(0deg);} to{transform: rotate(360deg);}}
@-webkit-keyframes orbmove{from{-webkit-transform: translateX(-1000px);} to{-webkit-transform: translateX(2000px);}}
@keyframes orbmove{from{transform: translateX(-1000px);} to{transform: translateX(2000px);}}
#bg{position: fixed; width: 1000px; height: 1000px; top: 50%; left: 50%; margin-left: -500px; margin-top: -500px;}
#bg div div{position: absolute;}
#bg{opacity: 0;}
#bg .row1 div{-webkit-animation: orbmove 48s linear infinite; animation: orbmove 96s linear infinite;}
#bg .row1 .orb1{position: absolute; width: 60px; height: 60px; top: 50%; left: 50%; margin-left: -30px; margin-top: -380px;}
#bg .row1 .orb1 div{width: 100%; height: 100%; border-radius: 60px; background: -webkit-linear-gradient(top, #f8e38b, #fcf2d100); background: linear-gradient(to bottom, #f8e38b, #fcf2d100); -webkit-animation: orbloop 6s linear infinite; animation: orbloop 6s linear infinite;}
#bg .row1 .orb2{position: absolute; width: 100px; height: 100px; top: 50%; left: 50%; margin-left: 450px; margin-top: 50px;}
#bg .row1 .orb2 div{width: 100%; height: 100%; border-radius: 100px; background: -webkit-linear-gradient(top, #f8e38b, #fcf2d100); background: linear-gradient(to bottom, #f8e38b, #fcf2d100); -webkit-animation: orbloop 6s linear infinite; animation: orbloop 6s linear infinite;}
#bg .row1 .orb1c{position: absolute; width: 60px; height: 60px; top: 50%; left: 50%; margin-left: 1970px; margin-top: -380px;}
#bg .row1 .orb1c div{width: 100%; height: 100%; border-radius: 60px; background: -webkit-linear-gradient(top, #f8e38b, #fcf2d100); background: linear-gradient(to bottom, #f8e38b, #fcf2d100); -webkit-animation: orbloop 6s linear infinite; animation: orbloop 6s linear infinite;}
#bg .row1 .orb2c{position: absolute; width: 100px; height: 100px; top: 50%; left: 50%; margin-left: 2450px; margin-top: 50px;}
#bg .row1 .orb2c div{width: 100%; height: 100%; border-radius: 100px; background: -webkit-linear-gradient(top, #f8e38b, #fcf2d100); background: linear-gradient(to bottom, #f8e38b, #fcf2d100); -webkit-animation: orbloop 6s linear infinite; animation: orbloop 6s linear infinite;}
#bg .row2 div{-webkit-animation: orbmove 24s linear infinite; animation: orbmove 48s linear infinite;}
#bg .row2 .orb1{position: absolute; width: 200px; height: 200px; top: 50%; left: 50%; margin-left: -500px; margin-top: -300px;}
#bg .row2 .orb1 div{width: 100%; height: 100%; border-radius: 200px; background: -webkit-linear-gradient(top, #f8e38b, #fcf2d100); background: linear-gradient(to bottom, #f8e38b, #fcf2d100); -webkit-animation: orbloop 6s linear infinite; animation: orbloop 6s linear infinite;}
#bg .row2 .orb2{position: absolute; width: 250px; height: 250px; top: 50%; left: 50%; margin-left: 175px; margin-top: -125px;}
#bg .row2 .orb2 div{width: 100%; height: 100%; border-radius: 250px; background: -webkit-linear-gradient(top, #f8e38b, #fcf2d100); background: linear-gradient(to bottom, #f8e38b, #fcf2d100); -webkit-animation: orbloop 6s linear infinite; animation: orbloop 6s linear infinite;}
#bg .row2 .orb1c{position: absolute; width: 200px; height: 200px; top: 50%; left: 50%; margin-left: 1500px; margin-top: -300px;}
#bg .row2 .orb1c div{width: 100%; height: 100%; border-radius: 200px; background: -webkit-linear-gradient(top, #f8e38b, #fcf2d100); background: linear-gradient(to bottom, #f8e38b, #fcf2d100); -webkit-animation: orbloop 6s linear infinite; animation: orbloop 6s linear infinite;}
#bg .row2 .orb2c{position: absolute; width: 400px; height: 400px; top: 50%; left: 50%; margin-left: 2100px; margin-top: -200px;}
#bg .row2 .orb2c div{width: 100%; height: 100%; border-radius: 400px; background: -webkit-linear-gradient(top, #f8e38b, #fcf2d100); background: linear-gradient(to bottom, #f8e38b, #fcf2d100); -webkit-animation: orbloop 6s linear infinite; animation: orbloop 6s linear infinite;}
#bg .row3 div{-webkit-animation: orbmove 12s linear infinite; animation: orbmove 24s linear infinite;}
#bg .row3 .orb1{position: absolute; width: 300px; height: 300px; top: 50%; left: 50%; margin-left: 850px; margin-top: -300px;}
#bg .row3 .orb1 div{width: 100%; height: 100%; border-radius: 300px; background: -webkit-linear-gradient(top, #fcf2d100, #f8e38b); background: linear-gradient(to bottom, #fcf2d100, #f8e38b); -webkit-animation: orbloop 6s linear infinite; animation: orbloop 6s linear infinite;}
#bg .row3 .orb2{position: absolute; width: 600px; height: 600px; top: 50%; left: 50%; margin-left: 0px; margin-top: 0px;}
#bg .row3 .orb2 div{width: 100%; height: 100%; border-radius: 600px; background: -webkit-linear-gradient(top, #fcf2d100, #f8e38b); background: linear-gradient(to bottom, #fcf2d100, #f8e38b); -webkit-animation: orbloop 6s linear infinite; animation: orbloop 6s linear infinite;}
#bg .row3 .orb1c{position: absolute; width: 300px; height: 300px; top: 50%; left: 50%; margin-left: 2850px; margin-top: -300px;}
#bg .row3 .orb1c div{width: 100%; height: 100%; border-radius: 300px; background: -webkit-linear-gradient(top, #fcf2d100, #f8e38b); background: linear-gradient(to bottom, #fcf2d100, #f8e38b); -webkit-animation: orbloop 6s linear infinite; animation: orbloop 6s linear infinite;}
#bg .row3 .orb2c{position: absolute; width: 600px; height: 600px; top: 50%; left: 50%; margin-left: 2000px; margin-top: 0px;}
#bg .row3 .orb2c div{width: 100%; height: 100%; border-radius: 600px; background: -webkit-linear-gradient(top, #fcf2d100, #f8e38b); background: linear-gradient(to bottom, #fcf2d100, #f8e38b); -webkit-animation: orbloop 6s linear infinite; animation: orbloop 6s linear infinite;}
@font-face{font-family: 造字工房典黑（非商用）超粗体;
src: url('../font/造字工房典黑粗体.otf')}
@font-face{font-family: 造字工房典黑（非商用）超细体;
src: url('../font/造字工房典黑超细体.otf')}
@font-face{font-family: BrandonText-Black;
src: url('../font/BrandonText-Black.otf')}
@-webkit-keyframes title{0%{opacity: 0;-webkit-transform: translateX(60px);}100%{opacity: 1;-webkit-transform: translateX(0);}}
@keyframes title{0%{opacity: 0;transform: translateX(60px);}100%{opacity: 1;transform: translateX(0);}}
.scroll-down{display: block; z-index: 100; width: 20px;     margin-left: 63px; height: 47px; background-image: url(../images/page2.gif); background-size: 19px 39px; background-repeat: no-repeat;}
.hidden{text-indent: -9999px; visibility: hidden; display: none;}
#ban font{        -webkit-box-shadow: 0 0 0 rgb(50 58 70 / 50%);
    box-shadow: 0 0 0 rgb(50 58 70 / 50%);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;padding: 0.5rem 0.7rem !important;color: #ff9800;
    font-weight: 500;text-align: center;width: 146px;font-size: 14px;font-weight: 400;margin-bottom: 10px;padding: 7px;margin-top: 19px;float: left;box-sizing: border-box;border-width: 1px;border-style: dashed;border-color: rgb(247 198 68);border-radius: 146px;background-color: #fcf4e5;}

#ban font:hover{color: #000000;
    padding: 7px;
    width: 146px;
    border-width: 1px;
    border-style: dashed;
    border-color: rgb(247 198 68);
    border-radius: 146px;
    background-color: #ffffff;    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-box-shadow: 0 1rem 3rem rgb(31 45 61 / 13%);
    box-shadow: 0 1rem 3rem rgb(31 45 61 / 13%);}

.slogan_k{margin-right: auto;margin-left: auto; height: 100%; width: 100%;z-index: 1200;}
.slogan_k dl{left: 34%; top: 25%; position: absolute;}
.slogan_k dd.wz1{color: #ffc500; -webkit-animation: 'title' 2s 1; width: 335px; height: 100px; background-image: url(../images/zs_logo.svg); background-size: 315px 95px; background-repeat: no-repeat;}
.slogan_k dd.wz2{-webkit-animation: 'title' 3s 1; width: 480px; height: 100px; background-image: url(../images/f1_logo.svg); background-size: 475px 95px; background-repeat: no-repeat;}
.slogan_k dd.wz3{height: 38px;padding-top: 150px;}
.slogan_k dd.wz4{-webkit-animation: 'title' 4.2s 1; width: 480px; height: 100px; background-image: url(../images/f2_logo.svg); background-size: 475px 95px; background-repeat: no-repeat;}
.slogan_k dd.wz5{-webkit-animation: 'title' 5.2s 1; background-repeat: no-repeat;}
.slogan_k dd.wz6{-webkit-animation: 'title' 5.2s 1; width: 480px; height: 100px;background-size: 475px 95px; background-repeat: no-repeat;}

.service_2{position: absolute; bottom: 0px; z-index: 1000; width: 100%;}
.service_k{margin-right: 30px;margin-left: 30px;display: grid;grid-template-columns: repeat(2, 1fr);gap: 1px;border-radius: 10px;background: #F1F1F1;opacity:0.90; position: absolute; z-index: 1000; width: 96%; overflow: hidden;}
.service_mf{width: 100%;}
.service_mf a{text-decoration: none;display: block;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);transform: rotate(0deg);font-size: 50px;color: #111;padding-top: 30px;padding-left: 35px;padding-right: 35px;background-color: #FFF;height: 300px;}
.service_mf a:hover{text-decoration: none;background-color: #FFCE00;font-size: 78px;color: #000;}
.service_sf{width: 100%;}
.service_sf a{text-decoration: none;display: block;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);transform: rotate(0deg);font-size: 50px;color: #111;padding-top: 30px;padding-left: 35px;padding-right: 35px;background-color: #FFF;height: 300px;}
.service_sf a:hover{text-decoration: none;background-color: #FFCE00;font-size: 78px;color: #000;}
.service_mf a.cart:hover .pic{opacity: 1; -webkit-transform: translateY(-10px);}
.service_mf .cart .pic{opacity: 0;position: absolute;right: 40px;top: 150px;width: 120px;height: 0px;background: url(../images/index_weixin.png);background-size: 120px 140px;border-radius: 10px;padding-top: 140px; text-align: center;font-size: 12px; transition: all .7s ease;}
.service_mf a.cart:hover #ban{background-color: #000000 !important;color: #ffffff !important;}
.service_sf a.cart:hover .pic{opacity: 1; -webkit-transform: translateY(-10px);}
.service_sf .cart .pic{opacity: 0;position: absolute;right: 40px;top: 150px;width: 120px;height: 0px;background: url(../images/index_weixin.png);background-size: 120px 140px;border-radius: 10px;padding-top: 140px; text-align: center;font-size: 12px; transition: all .7s ease;}
/*.contact_2{margin-right: auto;margin-left: auto; position: absolute; z-index: 1000; width: 100%; bottom: -1380px; overflow: hidden;}*/
.contact_w{width: 95%; margin: auto;}
.contact_k{padding-top: 130px;height: 150px;border-top-width: 1px;border-top-style: solid;border-top-color: rgba(0,0,0,0.04);}
.contact_k dd.wz1{font-family: "造字工房典黑（非商用）超细体";font-size: 36px;color: #333;text-indent: -2px;letter-spacing: -2px;float: left;height: 40px;line-height: 38px;padding-right: 30px;}
.contact_k dd.email{font-family: "微软雅黑";font-size: 16px;color: #333;line-height: 38px;float: left;margin-right: 30px;border-radius: 20px;}
.contact_k dd.email a{color: #333;text-indent: 50px;font-weight:bold;text-decoration: none;padding-right: 30px;border-radius: 20px;height: 38px;display: block;background-color: rgba(0,0,0,0.04);background-image: url(../images/contact_email.svg);background-repeat: no-repeat;background-position: 18px center;background-size: 15px 12px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
.contact_k dd.email a:hover{background-color: rgba(255,255,255,0.7);text-decoration: none;box-shadow: 0 4px 20px rgba(3,3,3,.1);transform:translateY(-5px);}
.contact_k dd.phone{font-family: "微软雅黑";font-size: 16px;color: #333;line-height: 38px;float: left;margin-right: 30px;border-radius: 20px;}
.contact_k dd.phone a{color: #333;text-indent: 50px;font-weight:bold;text-decoration: none;padding-right: 30px;border-radius: 20px;height: 38px;display: block;background-color: rgba(0,0,0,0.04);background-image: url(../images/contact_phone.svg);background-repeat: no-repeat;background-position: 18px center;background-size: 14px 15px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
.contact_k dd.phone a:hover{background-color: rgba(255,255,255,0.7);text-decoration: none;box-shadow: 0 4px 20px rgba(3,3,3,.1);transform:translateY(-5px);}
.contact_k dd.qq{font-family: "微软雅黑";font-size: 16px;color: #333;line-height: 38px;float: left;margin-right: 30px;border-radius: 20px;}
.contact_k dd.qq a{color: #333;text-indent: 50px;font-weight:bold;text-decoration: none;padding-right: 30px;border-radius: 20px;height: 38px;display: block;background-color: rgba(0,0,0,0.04);background-image: url(../images/index_qq.svg);background-repeat: no-repeat;background-position: 18px center;background-size: 18px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
.contact_k dd.qq a:hover{background-color: rgba(255,255,255,0.7);text-decoration: none;box-shadow: 0 4px 20px rgba(3,3,3,.1);transform:translateY(-5px);}
.contact_k dd.weixin{font-family: "微软雅黑";font-size: 16px;color: #333;line-height: 38px;float: left;margin-right: 30px;border-radius: 20px;}
.contact_k dd.weixin a:hover{background-color: rgba(255,255,255,0.7);text-decoration: none;box-shadow: 0 4px 20px rgba(3,3,3,.1);transform:translateY(-5px);}
.contact_k dd.weixin .cart{color: #333;text-indent: 50px;font-weight:bold;text-decoration: none;padding-right: 30px;border-radius: 20px;height: 38px;display: block;background-color: rgba(0,0,0,0.04);background-image: url(../images/index_weixin.svg);background-repeat: no-repeat;background-position: 18px center;background-size: 18px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);}
.contact_k dd.weixin a.cart:hover .pic{display:block;}
.contact_k dd.weixin .cart .pic{display: none;position: absolute;left: 158px; top: -73px;width: 160px;height: 160px;background: url(../images/index_weixin2.png);background-size: 160px 160px;border-radius: 10px;box-shadow: 0 4px 20px rgba(3,3,3,.2);opacity: 0.80;}
.explanation{font-size: 12px;color: #999;font-family: "微软雅黑";line-height: 24px;}