footer{color:#fff;background:#1f2a3b url(../img/footBg.9066f55c.png) no-repeat top;background-size:cover;padding:45px 0}footer .footer_box{border-bottom:1px solid #5f6773;padding-bottom:45px;width:1200px;margin:0 auto;display:flex;justify-content:space-between}footer .footer_box .footer_left{width:65%;box-sizing:border-box}footer .footer_box .footer_left>h2{font-size:26px;color:#fff;font-weight:400}footer .footer_box .footer_left>ul{display:flex;margin-top:20px}footer .footer_box .footer_left>ul>li{margin-right:30px;padding:20px 0}footer .footer_box .footer_left>ul>li>a{color:#fff;font-size:16px;font-weight:400}footer .footer_box .footer_left>ul>li>a:hover{color:#5d5d5d}footer .footer_box .footer_left .footer_nav{padding-top:20px}footer .footer_box .footer_left .footer_nav .nav_items a{float:left;height:20px}footer .footer_box .footer_left .footer_nav .nav_items span{float:left;padding:0 20px;margin-top:-5px}footer .footer_box .footer_left .footer_nav .nav_items>a,footer .footer_box .footer_left .footer_nav .nav_items>font,footer .footer_box .footer_left .footer_nav .nav_items>span{font-size:16px;font-weight:400;color:#fff}footer .footer_box .footer_left .footer_nav .nav_items>a>font{margin:0 20px}footer .footer_box .footer_left .footer_nav .nav_items>a:hover{color:#5d5d5d}footer .footer_box .footer_left .footer_nav .nav_items>span{margin-right:30px;line-height:30px}footer .footer_box .footer_left .footer_nav .nav_items>span:last-child{margin-right:0}footer .footer_box .footer_right{box-sizing:border-box;margin-top:20px;margin-right:50px}footer .footer_box .footer_right .footer_p{float:left;width:150px;text-align:center;font-size:16px;font-weight:400;color:#fff;margin-top:40px;margin-right:2px}footer .footer_box .footer_right .footer_p p{width:105px;float:right}footer .footer_box .footer_right .footer_p b{width:100%;float:right;font-size:20px}footer .footer_box .footer_right .footer_Qrcode{float:left;width:80px;height:80px;margin-left:20px}footer .footer_box .footer_right .footer_Qrcode>p{text-align:center;font-size:13px;margin-bottom:5px}footer .footer_box .footer_right .footer_Qrcode>img{display:block;width:100%;height:100%}footer .footer_info{width:1200px;margin:0 auto;font-size:13px;font-weight:400;color:#fff;padding-top:25px}footer .footer_info>p{padding-top:20px;display:flex}footer .footer_info>p font{margin-right:30px}main{min-height:calc(100vh - 460px)}main section{width:1200px;margin:30px auto;display:flex;justify-content:space-between}main section nav{width:195px}main section nav .nav_box{padding:15px 0;margin-top:20px}main section nav .nav_box:first-child{margin-top:0}main section nav .nav_box .nav_list .nav_cont{display:flex;justify-content:space-between;align-items:center;height:47px;padding:0 20px;cursor:pointer;transition:all .3s}main section nav .nav_box .nav_list .nav_cont:hover{background:#ff701d;color:#fff}main section nav .nav_box .nav_list .nav_cont:hover>p>font{color:#fff}main section nav .nav_box .nav_list .nav_cont>p>i{margin-right:5px}main section nav .nav_box .nav_list .nav_cont>p>font{font-size:16px;font-family:PingFang SC;font-weight:700;color:#333;transition:all .3s}main section nav .nav_box .nav_list .select_nav_cont{display:flex;justify-content:space-between;align-items:center;height:47px;padding:0 20px;background:#ff701d;color:#fff;cursor:pointer}main section nav .nav_box .nav_list .select_nav_cont>p>i{margin-right:5px}main section nav .nav_box .nav_list .select_nav_cont>p>font{font-size:16px;font-family:PingFang SC;font-weight:700;color:#333;transition:all .3s;color:#fff}main section nav .nav_box>ul>li{margin-top:5px}main section nav .nav_box>ul>li>a{height:47px;display:flex;align-items:center;border-left:3px solid transparent;box-sizing:border-box;transition:all .3s;color:#999;padding-left:40px;font-size:16px;font-weight:800}main section nav .nav_box>ul>li>a>p{width:5px;height:5px;background:#999;margin-right:10px;transition:all .3s}main section nav .nav_box>ul>li>a:hover{color:#ff701d}main section nav .nav_box>ul>li>a:hover>p{background:#ff701d}main section nav .nav_box>ul>li .active{border-left:3px solid #ff701d;color:#ff701d}main section nav .nav_box>ul>li .active>p{background:#ff701d}main section aside{width:985px;min-height:510px}main section aside .fade-transform-enter-active,main section aside .fade-transform-leave-active{transition:all .5s}main section aside .fade-transform-enter,main section aside .fade-transform-leave-to{opacity:0;transform:translateX(30px)}