/* #header .logo{align-items: center;height: 4rem;line-height: 4rem;margin-right:2rem;}
#header img{height: 22px;vertical-align: middle;}
#header ul{display:inline-block;margin: .5rem 0;}
#header ul li{display: inline-block;padding: .75rem;}
#header ul li a{color: #000;font-size: 1rem;}
#header ul li a:hover{text-decoration: underline;}
#header .download{color: #000;border: .125rem solid #000;display: block;padding: .3125rem .9375rem;line-height: 1.5;float: right;border-radius: 0;position: relative;transform: translateY(50%);}
#header .download:hover{color: #fff;background-color: #000;} */
.banner-t{position: absolute;height: 600px;top: 65px;width: 100%;background-repeat: no-repeat;background-position: bottom;z-index: -100;}
.banner{position: relative;height: 800px;background-repeat: no-repeat;background-position: bottom;}
.banner>div{position: relative;}
.banner .images{width: 50%;position: absolute;top: 200px;left: 0;}
.banner .images img{width: 100%;vertical-align: middle;}
.banner .info{position: absolute;top: 200px;right: 0;text-align: center;width: auto;}
.banner .info h2{font-weight: 400;color: #fff;margin-top: 20px;font-size: 46px;}
.banner .info p{font-size: 30px;color: #fff;margin-top: 30px;}
.banner .info .btns{margin-top: 50px;text-align: center;}
.banner .info .btns a{width: 160px;margin: 0 10px;padding: 6px 17px;border-radius: 4px;outline: 0;font-size: 20px;vertical-align: middle;line-height: 1.5;}
.banner .info .btns a:first-child{background: #252525;border-color: #252525;color: #fff;}
.banner .info .btns a:nth-child(2){background: #fff;color: #000;}
#main .box{position: relative;height: 650px;}
#main .box>div{position: relative;}
#main .box:nth-child(even){background: #fcfcfc;}
#main .box .info{position: absolute;width: 460px;text-align: center;top: 180px;}
#main .box:nth-child(odd) .info{right: 10px;}
#main .box:nth-child(even) .info{left: 10px;}
#main .box .images{width: 50%;position: absolute;}
#main .box:nth-child(odd) .images{top: 160px;left: 0;}
#main .box:nth-child(even) .images{top: 160px;right: 0;}
#main .box .images img{width: 100%;max-width: 690px;vertical-align: middle;}
#main .box .info .title{font-size: 42px;font-weight: 400;color: #333;}
#main .box .info .des{margin-top: 45px;line-height: 36px;font-size: 20px;color: #333;text-align: left;}
#main .page1 h2{font-size: 42px;font-weight: 400;color: #333;text-align: center;margin-top: 120px;margin-bottom: 120px;}
#main .page1 p{margin-top: -60px;text-align: center;font-size: 20px;margin-bottom: 60px;}
#main .page1 .images{width: 111%;}
#main .page1 .images a{display: inline-block;width: calc((90% - 63px * 3) / 4);margin-right: 63px;animation-duration: 1s;animation-fill-mode: both;}
#main .page1 .images a img{width: 100%;}
#main .page1>div>a{display: block;text-align: center;transition: all .2s ease-in-out;    background: #00BE84;border-color: #00BE84;color: #fff;border-radius: 4px;width: 160px;padding: 3px 17px;font-size: 20px;margin: 80px auto;}
@media (max-width: 767px){
    #main .box{height: auto;padding: 30px 0;}
    .banner .images,.banner .info{position: relative;width: 100%;top: 30px;text-align: center;margin: 20px 0;}
    .banner .images{margin-bottom: 100px;}
    .banner .info h2{font-size: 32px;}
    #main .box .info,#main .box .images{position: static;width: 100%;}
    #main .box .info .title{font-size: 29px;}
    #main .box .info .des{font-size: 16px;margin-top: 20px;}
    #main .page1 h2{font-size: 29px;margin: 50px 0;}
    #main .page1 p{font-size: 16px;margin: -20px 0 30px;text-align: left;}
    #main .page1 .images a{width: calc((90% - 20px * 2) / 2);margin-right: 20px;}
    #main .page1>div>a{margin: 50px auto;}
    #header ul{margin: 0;}
    #header ul li{padding:  0;margin-right: 10px;}
    #header .download{transform: translateY(-50%);}
}