.big-img{width: 100%;}
.logo-img{width: 100%;height: auto;}
.log-large-text{font-size: 50px;align-items: flex-end;}
.logo-text{line-height: 30px;}
.brand{background: linear-gradient(to right,#003F98 0%,#E5000F 100%);border-radius: 10px 10px 0 0;box-sizing: border-box;padding: 20px 50px;}
.large-number{font-size: 60px;font-style: oblique;}
.bg-gray{background-color: #F3F3F3;}
.warehouse{box-sizing: border-box;padding: 60px 50px 20px;background-color: #007BFF;position: relative;}
.warehouse-text{width: 265px;}
.video-content{padding: 31px 30px 0;box-sizing: border-box;}
.video{width: 100%;height: auto;outline: none;}
.warehouse-bottom{position: absolute;width: 100%;left: 50%;transform: translateX(-50%);padding-top: 60px;}
.warehouse-bottom-img{border: 2px solid white;box-sizing: border-box;}
.box{width: 25%;transition: all 0.5s;position: relative;height: 235px;}
.box-4:hover .box{width: 20%;}
.box-4 .box:hover{width: 40% !important;}
.box:nth-child(1){width: 20%;z-index: 1;}
.box:nth-child(2){left: -1%;width: 20%;z-index: 2;}
.box:nth-child(3){left: -2%;width: 20%;z-index: 3;}
.box:nth-child(4){left: -3%;width: 40%;z-index: 4;}
.box-4{box-sizing: border-box;width: 103%;}
.ship-content{width: 300%;position: relative;transition: all .5s}
.ship-box{width: 250px;height: 250px;box-sizing: border-box;text-align: center;margin-bottom: 10px;}
.ship-box img{width: 100%;height: 100%;}
.brand-3{padding: 1px 10px;border-radius: 3px;background-color: #E4E4E4;}
.store-img{width: 250px;}
.img-store{width: 100%;height: auto;overflow: hidden;}
.img-store img{width: 100%;height: auto;transition: all .5s;}
.img-store img:hover{transform: scale(1.2);}
.red-div{width: 10px;}
.store-img-large{width: 515px;}
.store-img-large img{height: 354px;}


.box-shadow{position: relative;}
.shadow-content{position: absolute;width: 100%;height: calc(100%);color: white;top: 0;left: 0;opacity: 0;}
.box-shadow:hover .shadow-content{background-color: rgba(0,0,0,.5);opacity: 1;}
.swiper-container{--swiper-navigation-color:#000000;}
#header{z-index: 100;}
.swiper-text{top: 50%;left: 50%;transform: translate(-50%,-50%);}
.mountain .container{top: 0;left: 50%;transform: translateX(-50%);height: 100%;padding-top: 90px;}
.year-around{width: 20px;height: 20px;border-radius: 50%;border: 2px solid white;}
.year-1{padding-top: 250px;width: 120px;}
.year-2{padding-top: 160px;width: 120px;}
.year-3{padding-top: 200px;width: 120px;}
.year-4{padding-top: 80px;width: 120px;}
.year-5{padding-top: 210px;width: 120px;}
.year-6{padding-top: 30px;width: 120px;}
.year-7{padding-top: 170px;width: 120px;}
.year-8{padding-top: 30px;width: 120px;}
.year-9{padding-top: 140px;width: 120px;}
.year-10{padding-top: 0px;width: 120px;}
.year-11{padding-top: 70px;}
.honor{margin-top: 100px;}
.honor-content{width: 100%;height: 100%;top: 0;left: 0;}
.zs{top: -150px;align-items: flex-end;}
.jm{width: 100%;height: 100%;top: 0;left: 0;padding-top: 50px;}
.input-form{border: none;outline: none;background-color: white;border-radius: 5px;padding: 3px 10px;}