#index{}

#index .module{position:relative;width:100%;height:5rem;}
#index .module .title{position:absolute;top:0;left:0;}
#index .module .title::before{content:'';position:absolute;top:4.5rem;left:0;width:10rem;height:0.5rem;background:#ea7473;border-radius:0.25rem;}
#index .module .title span{font-size:2.5rem;font-weight:bold;}
#index .module .title i{display:block;position:absolute;top:2.4rem;right:-1rem;width:0.5rem;height:0.5rem;background:#ea7473;border-radius:0.25rem;}
#index .module .number{position:absolute;right:0;bottom:0;}
#index .module .number span{display:block;width:3rem;height:3rem;line-height:3rem;text-align:center;font-size:2rem;background:#ea7473;color:#fff;font-family:'Raleway',sans-serif;}

#index .banner {position:relative;width:100%;height:100vh;overflow:hidden;}
#index .banner .swiper{width:100%;height:100%;}
#index .banner .swiper .swiper-slide{width:100%;height:100%;}
#index .banner .swiper .swiper-slide .item{width:100%;height:100%;background-position:center center;background-size:cover;box-sizing:border-box;}
#index .banner .swiper .swiper-slide .item .container{position:relative;height:100%;}
#index .banner .swiper .swiper-slide .item .container .text{position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:1;}
#index .banner .swiper .swiper-slide .item .container .text p.main{font-size:4rem;color:#fff;text-shadow: 2px 2px 5px #000000;}
#index .banner .swiper .swiper-slide .item .container .text p.secondary{margin-top:0.5rem;font-size:2rem;color:#fff;text-shadow: 2px 2px 5px #000000;}
#index .banner .swiper .swiper-slide .item .container .text a.more{display:flex;margin-top:2rem;width:14rem;height:4.5rem;background-color:#ea7473;font-weight:bold;color:#fff;align-items:center;justify-content:center;}
#index .banner .swiper-pagination{bottom:3rem;left:0;}
#index .banner .swiper-pagination .swiper-pagination-bullet{width:5rem;height:0.25rem;border-radius:0.125rem;background:#fff;opacity:0.3;}
#index .banner .swiper-pagination .swiper-pagination-bullet-active{opacity:1;}
#index .banner .scroll{position:absolute;bottom:5rem;left:50%;transform:translateX(-50%);text-align:right;z-index:10;}
#index .banner .scroll img{width:5.5rem;}

#index #about{padding-top:5rem;width:100%;}
#index #about .profile{display:flex;align-items:stretch;overflow:hidden;}
#index #about .profile .image{width:40%;}
#index #about .profile .image img{width:100%;height:auto;border-top-right-radius:2rem;border-bottom-right-radius:2rem;}
#index #about .profile .text{width:60%;padding:0 5rem;background:#fff;box-sizing:border-box;}
#index #about .profile .text .content{margin-top:2rem;width:80%;line-height:2rem;}
#index #about .profile .text .number{margin-top:2rem;width:80%;overflow:hidden;}
#index #about .profile .text .number li{float:left;width:33.3333%;height:10rem;text-align:center;box-sizing:border-box;}
#index #about .profile .text .number li:first-child{border-right:1px solid #ddd;}
#index #about .profile .text .number li:last-child{border-left:1px solid #ddd;}
#index #about .profile .text .number li div{position:relative;margin-top:2rem;}
#index #about .profile .text .number li div span{display:inline-block;height:3rem;line-height:3rem;font-size:3rem;color:#ea7473;}
#index #about .profile .text .number li div b{}
#index #about .profile .text .number li p{line-height:3rem;}

#index #product{padding-top:5rem;width:100%;}
#index #product .container{position:relative;}
#index #product .container .carousel{position:absolute;top:0.5rem;right:0;width:9rem;height:4rem;}
#index #product .container .carousel .swiper-button-prev{top:0;right:0;left:0;margin:0;width:4rem;height:4rem;border:1px solid #ea7473;box-sizing:border-box;}
#index #product .container .carousel .swiper-button-prev:after{font-family:'Font Awesome 5 Pro',serif;content:"\f104";font-size:2rem;font-weight:normal;color:#ea7473;}
#index #product .container .carousel .swiper-button-prev:hover{background-color:#ea7473;}
#index #product .container .carousel .swiper-button-prev:hover:after{color:#fff;}
#index #product .container .carousel .swiper-button-next{top:0;right:0;left:5rem;margin:0;width:4rem;height:4rem;border:1px solid #ea7473;box-sizing:border-box;}
#index #product .container .carousel .swiper-button-next:after{font-family:'Font Awesome 5 Pro',serif;content:"\f105";font-size:2rem;font-weight:normal;color:#ea7473;}
#index #product .container .carousel .swiper-button-next:hover{background-color:#ea7473;}
#index #product .container .carousel .swiper-button-next:hover:after{color:#fff;}
#index #product .swiper{position:relative;margin-top:4rem;}
#index #product .swiper .swiper-slide{position:relative;}
#index #product .swiper .swiper-slide img{width:100%;transition:.3s;}
#index #product .swiper .swiper-slide .text{position:absolute;top:50%;left:10%;transform:translateY(-50%);width:90%;text-align:left;z-index:1;}
#index #product .swiper .swiper-slide .text span{display:inline-block;width:3rem;height:0.5rem;background:#fff;border-radius:0.25rem;transition:.3s;}
#index #product .swiper .swiper-slide .text p.title{display:block;margin-top:2rem;font-size:3rem;color:#fff;}
#index #product .swiper .swiper-slide .text p.desc{display:block;font-size:1.5rem;color:#fff;}
#index #product .swiper .swiper-slide .text a.more{display:block;margin-top:2rem;padding-left:4rem;color:#fff;position:relative;}
#index #product .swiper .swiper-slide .text a.more::before{content:'';position:absolute;top:50%;left:0;margin-top:-0.125rem;width:3rem;height:0.25rem;background:#fff;border-radius:0.125rem;}
#index #product .swiper .swiper-slide:hover .text span{width:5rem;background:#67ba5e;}
#index #product .swiper .swiper-slide:hover .text a.more::before{background:#67ba5e;}

#index #news{padding-top:5rem;width:100%;}
#index #news .module{}
#index #news .module a.more{position:absolute;top:0.5rem;right:0;width:10rem;height:4rem;line-height:4rem;background-color:#ea7473;font-weight:bold;color:#fff;text-align:center;}
#index #news .content{margin-top:4rem;width:100%;overflow:hidden;}
#index #news .list{margin-top:5rem;width:100%;height:auto;}
#index #news .list .item{cursor:pointer;}
#index #news .list .item .box{background:#fff;border-radius:0.25rem;box-shadow:0 8px 16px 0 rgba(0,0,0,.16);overflow:hidden;}
#index #news .list .item .box .image{position:relative;overflow:hidden;}
#index #news .list .item .box .image img{width:100%;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;}
#index #news .list .item .box .text{padding:2rem 1rem;background-color:#fff;}
#index #news .list .item .box .text p.t{line-height:2rem;font-size:1.25rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#index #news .list .item .box .text p.c{display:none;font-size:0.75rem;}
#index #news .list .item .box .text a.more{display:block;margin-top:1rem;padding-left:4rem;color:#ea7473;position:relative;}
#index #news .list .item .box .text a.more::before{content:'';position:absolute;top:50%;left:0;margin-top:-0.125rem;width:3rem;height:0.25rem;background:#ea7473;border-radius:0.125rem;}
#index #news .list .item:hover .image img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}


@media screen and (max-width:992px){
    #index .module{height:3rem;}
    #index .module .title{}
    #index .module .title::before{top:2.75rem;left:0;width:6rem;height:0.25rem;border-radius:0.125rem;}
    #index .module .title span{font-size:1.5rem;}
    #index .module .title i{top:1.3rem;right:-0.75rem;}
    #index .module .number span{width:2rem;height:2rem;line-height:2rem;font-size:1.25rem;}

    #index .banner{height:42.1875rem;}
    #index .banner .swiper .swiper-slide .item{}
    #index .banner .swiper .swiper-slide .item .container{}
    #index .banner .swiper .swiper-slide .item .container .text{width:100%;text-align:center;}
    #index .banner .swiper .swiper-slide .item .container .text p.main{font-size:3rem;}
    #index .banner .swiper .swiper-slide .item .container .text p.secondary{font-size:1.25rem;}
    #index .banner .swiper .swiper-slide .item .container .text a.more{display:inline-block;margin-top:1rem;width:7rem;height:3rem;line-height:3rem;}
    #index .banner .swiper-pagination .swiper-pagination-bullet{width:3rem;}
    #index .banner .scroll{display:none;}

    #index #about{padding-top:3rem;}
    #index #about .profile{display:unset;align-items:unset;}
    #index #about .profile .image{display:none;}
    #index #about .profile .text{float:unset !important;width:100%;padding:0 1rem;}
    #index #about .profile .text .content{width:100%;}
    #index #about .profile .text .number{width:100%;}
    #index #about .profile .text .number li div span{height:3rem;line-height:2.5rem;font-size:2.5rem;}

    #index #product{padding-top:3rem;}
    #index #product .container{position:relative;}
    #index #product .container .carousel{top:0;width:7rem;height:3rem;}
    #index #product .container .carousel .swiper-button-prev{width:3rem;height:3rem;}
    #index #product .container .carousel .swiper-button-prev:after{font-size:1.5rem;}
    #index #product .container .carousel .swiper-button-next{left:4rem;width:3rem;height:3rem;}
    #index #product .container .carousel .swiper-button-next:after{font-size:1.5rem;}
    #index #product .swiper{margin-top:2rem;}
    #index #product .swiper .swiper-slide .text{width:90%;}
    #index #product .swiper .swiper-slide .text p.title{margin-top:1rem;font-size:2rem;}
    #index #product .swiper .swiper-slide .text p.desc{font-size:1.25rem;}
    #index #product .swiper .swiper-slide .text a.more{margin-top:1rem;}

    #index #news{padding-top:3rem;}
    #index #news .module a.more{top:0;width:6rem;height:3rem;line-height:3rem;}
    #index #news .list{margin-top:2rem;}
    #index #news .list .item{margin-top:1.5rem;}
    #index #news .list .item:first-child{margin-top:0;}
    #index #news .list .item .box{}
    #index #news .list .item .box .text{padding:1rem;}
    #index #news .list .item .box .text a.more{display:none;}
}
@media screen and (min-width:992px) and (max-width: 1200px){
    #index .banner{height:50.625rem;}
    #index .banner .swiper .swiper-slide .item .text p{font-size:3rem;}
}
@media screen and (min-width:1200px) and (max-width: 1400px){
    #index .banner{height:59.0625rem;}
    #index .banner .swiper .swiper-slide .item .text p{font-size:3.5rem;}
}
@media screen and (min-width:1400px){}