body,html{font-size:14px}body.index-page,html.index-page{height:100%;width:100%}.content-placeholder{height:500px}.more{display:flex;justify-content:center;margin-top:20px}.more a{display:block;padding:10px 30px;background:#4193d6;color:#fff;border-radius:20px;box-shadow:5px 5px 10px rgba(65,147,214,.4);transition:all .2s ease}.more a:hover{box-shadow:10px 10px 30px rgba(65,147,214,.9)}.top-bg-box{height:300px;position:relative}.top-bg-box::after{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(to top, transparent 50%, #666 100%)}header{top:0;left:0;width:100%;height:80px;z-index:10;transition:all .2 ease}header .nav-box li{margin-left:3rem}header .nav-box a{color:#fff;line-height:80px;font-size:16px;transition:color .1s ease}header .nav-box a:hover{color:#4193d6}header .nav-box .active a{color:#4193d6}header .logo-left{display:flex}header .logo-left img{align-self:center;height:60px}header .logo-left .white{display:block}header .logo-left .black{display:none}header.fix-top{background:#fff;box-shadow:0px 0px 5px rgba(0,0,0,.4)}header.fix-top .nav-box a{color:#000}header.fix-top .nav-box a:hover{color:#4193d6}header.fix-top .nav-box .active a{color:#4193d6}header.fix-top .logo-left .white{display:none}header.fix-top .logo-left .black{display:block}footer{background:url("../images/f-bg.jpg") no-repeat bottom center;background-size:cover;color:#fff;padding:50px 0}footer .right-info img{width:150px;border-radius:3px}footer .left-info{display:flex;flex-direction:column;justify-content:space-around}aside{position:fixed;right:5%;bottom:8%;z-index:9999}aside .to-top{background:#fff;border-radius:50%;padding:5px;box-shadow:0px 0px 10px rgba(0,0,0,.4);cursor:pointer}aside img{width:40px}.page-index{height:100%;width:100%}.page-index .slider-index{height:100%;width:100%}.page-index .slider-index .img-box{height:100%;width:100%;box-sizing:border-box;position:relative}.page-index .slider-index .img-box::before{content:"";position:absolute;width:100%;height:100%;background:rgba(0,0,0,.6)}.page-index .slider-index .img-box .text-box{position:relative;height:100%;display:flex;flex-direction:column;color:#fff}.page-about_us .about-us-index{padding:50px 0 100px 0}.page-about_us .about-us-index .left{flex:1;margin-right:20px;display:flex;flex-direction:column}.page-about_us .about-us-index .left .title{padding-top:40px;display:flex;justify-content:space-between}.page-about_us .about-us-index .left .title h2{font-size:25px}.page-about_us .about-us-index .left .title img{width:500px}.page-about_us .about-us-index .left .intro-main{flex:1;font-size:16px;text-align:justify;display:flex;flex-direction:column;justify-content:center}.page-about_us .about-us-index .left .intro-main p{margin:10px 0;line-height:30px}.page-about_us .about-us-index .left .intro-main .intro-sub-title{color:#4193d6;font-size:20px;font-weight:bold}.page-about_us .about-us-index .right-img{width:400px}.page-about_us .about-us-index .right-img img{height:100%}.section-list{padding:40px 0}.section-list .section-title{color:#4193d6;font-size:20px;font-weight:bold}.section-list .section-content{padding:50px 0}.section-list .section-content .text-box{margin-right:20px;padding:0;display:flex;flex-direction:column;flex:1}.section-list .section-content .text-box p{font-size:16px;text-align:justify;line-height:40px}.section-list .section-content .text-box .list{margin-top:20px;padding-left:10%;display:flex;flex-direction:column;justify-content:center}.section-list .section-content .text-box .list li{margin:10px 0;font-size:16px;text-align:justify;line-height:50px;padding-left:50px;position:relative}.section-list .section-content .text-box .list li::before{content:"";position:absolute;left:0;top:50%;transform:translate(0, -50%);height:15px;width:15px;background:#4193d6}.section-list .section-content .img-box{width:40%}.section-list .section-content .img-box img{width:100%;display:block;border-radius:5px}.section-list .reverse{flex-direction:row-reverse}.section-list .reverse .text-box{margin-right:0;margin-left:20px}