@charset "utf-8";
@import url(animate.css);
html,body{ height: 100%; }
*{ box-sizing: border-box; }
body{ font-size: 16px; }
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}
.h1,h1{font-size:36px}
.h2,h2{font-size:30px}
.h3,h3{font-size:24px}
.h4,h4{font-size:18px}
.h5,h5{font-size:14px}
.h6,h6{font-size:12px}
.layui-col-space60{margin:-30px}.layui-col-space60>*{padding:30px}
.layui-main{ width: 1200px; }
.header .head{background: rgba(255, 255, 255, 0.898);transition: top 0.3s;position: relative;}
.header .head.fixed-head{position: fixed;top: 0;width: 100%;z-index: 1000;box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.047);}
.header .head>div{display: flex;flex-wrap: nowrap;justify-content: space-between; align-items: center;position: unset; }
.header .logo img{ height: 60px; }
#webHeaderHeight{ display: none; height: 100px; }
#nav{ margin-left: 30px; display: flex; flex-wrap: nowrap; }
#nav>li{ text-align: center; }
#nav>li>a{ display: flex; justify-content: center; align-items: center; padding: 0 40px; height: 100px; color: #000; border-bottom: 2px solid transparent; }
#nav>li.on>a{ color: #076ce0; border-bottom: 2px solid #076ce0; }
/* 导航栏--子栏目 */
#nav .nav-cont {display: none;position:absolute;overflow: hidden!important;background: rgba(255, 255, 255, 0.8);top:100px;left: 0;right: 0;text-align: center;z-index: 999;box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.047);}
#nav .nav-cont li{ display: inline-block; line-height:normal; margin-bottom: 1px;  }
#nav .nav-cont li a{display: block;padding: 30px 50px;text-align: center;line-height: initial;}
#nav .nav-cont li.active a,
#nav .nav-cont li:hover a{ color: #076ce0; }

.footer{ margin-top: 40px; background: #F9F9F9; }
.footer .fullmeasureOuterContent{ background: url("banner3.jpg") no-repeat center; height: 308px; display: flex;flex-direction: column;justify-content: center;align-items: center; }
.footer .fullmeasureOuterContent .layui-bg-blue{ position: relative; overflow: hidden; margin-top: 20px; background-color: #076ce0!important; border-radius: 4px; }
.footer .fullmeasureOuterContent .layui-bg-blue:before {border-radius:50%;content:"";display:block;height:0;left:50%;padding-top:100%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transition:all .6s;transition:all .6s;width:100%;}
.footer .fullmeasureOuterContent .layui-bg-blue:hover:before {-webkit-animation:wave .75s;animation:wave .75s;z-index:1;}
.footer .footerContent{ padding: 30px 0; display: flex;flex-wrap: nowrap;justify-content: space-between; align-items: center; }
.footer .footerContent .footerInfo img{ height: 60px; }
.footer .footerContent .footerSupport{ line-height: 2; }
.footer .footerContent .footerSupport *{ color: #666666; font-size: 14px; }

/*波纹动画*/
@-webkit-keyframes wave {
    0% {
        background: rgba(0,0,0,.25);
        -webkit-transform: translateX(-50%) translateY(-50%) scale(0);
        transform: translateX(-50%) translateY(-50%) scale(0)
    }

    to {
        background: transparent;
        -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
        transform: translateX(-50%) translateY(-50%) scale(1)
    }
}
@keyframes wave {
    0% {
        background: rgba(0,0,0,.25);
        -webkit-transform: translateX(-50%) translateY(-50%) scale(0);
        transform: translateX(-50%) translateY(-50%) scale(0)
    }

    to {
        background: transparent;
        -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
        transform: translateX(-50%) translateY(-50%) scale(1)
    }
}


@media only screen and (max-width: 1200px) {

    html,body{
        width: 1400px;
    }

}