/* 通用 */
@import url(./init.css);
* {color:#111;}
a{color: inherit;}
img{display: block;}
.mt-30{margin-top: 30px;}
.border-tr-radius-15{border-top-right-radius: 15px;}
.border-bl-radius-15{border-bottom-left-radius: 15px;}
.border-radius-15{border-radius: 15px;}
/* 头部 */
.head{height: 120px;display: flex;justify-content: space-between;background-image: linear-gradient(to bottom,rgba(71,117,228,1),rgba(255,255,255,0))}
.head .nav{display: flex;align-items: center;flex: 2;text-align: center;}
.head .nav .nav-item{flex: 1;font-size: 16px;}
.head .logo{flex: 1;display: flex;align-items: center;justify-content: center;}
.head .search{flex: 2;display: flex;justify-content: center;align-items: center;cursor: pointer;}
.head .search .input-box{height: 30px;width: 200px;border: 1px solid #111;border-radius: 25px;position: relative;}
.head .search .input-box svg{position: absolute;top: 0;right: 0;}
.head .search .search-button{padding-left: 20px;font-size: 20px;}
/* 正文 */
.main{width: 100%;background-color: var(--theme-bg-color);}
/* 首页 */
.banner{background-image: url(/assets/img/202308/home-banner.jpg);height: 90vh;background-size: cover;position: relative;}
.banner .banner-text{position: absolute;top: 25%;left: 15%;text-align: center;}
.banner .banner-text .solgan{font-size: 85px;font-weight: 900;color: var(--theme-color);}
.banner .banner-text .banner-button{width: 150px;height: 40px;border-radius: 40px;border:1px solid var(--theme-color);display: flex;justify-content: center;align-items: center;margin: 0 auto;color: var(--theme-color);font-weight: 900;margin-top: 20px;}
.banner .banner-text .banner-button:hover{color: var(--theme-hover-color);border-color: var(--theme-hover-color);text-decoration: underline;}
.brand-ip{background-color: var(--thme-bg-color);}
.brand-ip>div{width: 70%;}
.brand-ip .brand-ip-award{margin: 0 auto;padding: 5% 0;display: flex; justify-content: space-between;}
.brand-ip .brand-ip-award>div{width: 40%;}
.brand-ip-star{margin: 0 auto;text-align: center;padding-bottom: 40px;}
.brand-ip-star .brand-ip-star-h{}
.brand-ip-star .brand-ip-star-b{background-color: var(--theme-color);color: #fff;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}
.brand-ip-star .brand-ip-star-b>h3{font-size: 40px;color:#fff;padding: 10px 0;}
.brand-ip-star .brand-ip-star-b>p{font-size: 30px;color:#fff;padding: 10px 0;}
.home-product-list{display: flex;}
.home-product-list .home-product-list-item{flex: 1;}
.star-product{background-color: rgb(192,214,255);display: flex;justify-content: center;align-items: center;flex-wrap: wrap;padding: 40px;}
.star-product .star-product-head{width: 80%;margin: 0 auto;text-align: center;font-weight: 400;}
.star-product .star-product-head .star-product-head-title{font-size: 30px;}
.star-product .star-product-head .star-product-head-des{font-size: 20px;}
.star-product .star-product-body{width: 70%;}
.star-product .star-product-body .star-product-body-item{display: flex;position: relative;}
.star-product .star-product-body .star-product-body-item .star-product-body-item-img{flex: 1;margin: 0.5px;}
.star-product .star-product-body .star-product-body-item .middle-arr{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 80px;height: 80px;background-color: #fff;display: flex;justify-content: center;align-items: baseline;font-size: 55px;border-radius: 50%;box-shadow: 0 0 10px 0 #7e7e7e;}
.star-product .star-product-body .star-product-body-item .star-product-body-item-msg{display: flex;justify-content: center;align-items: center;background-color: #fff;flex: 1;margin: 0.5px;}
.star-product .star-product-body .star-product-body-item .star-product-body-item-msg .star-product-body-item-msg-text{width: 80%;height: 65%;}
.star-product .star-product-body .star-product-body-item .star-product-body-item-msg .star-product-body-item-msg-text .star-product-body-item-msg-text-sp{color: var(--theme-color);font-size: 18px;}
.star-product .star-product-body .star-product-body-item .star-product-body-item-msg .star-product-body-item-msg-text .star-product-body-item-msg-text-title{font-size: 55px;font-weight: 900;}
.star-product .star-product-body .star-product-body-item .star-product-body-item-msg .star-product-body-item-msg-text .star-product-body-item-msg-text-title:hover{text-decoration: underline;}
.star-product .star-product-body .star-product-body-item .star-product-body-item-msg .star-product-body-item-msg-text .star-product-body-item-msg-text-title2{font-size: 30px;font-weight: 600;}
.star-product .star-product-body .star-product-body-item .star-product-body-item-msg .star-product-body-item-msg-text .star-product-body-item-msg-text-des{font-size: 25px;}
.star-product .star-product-body .star-product-body-item .star-product-body-item-msg .star-product-body-item-msg-text .star-product-body-item-msg-text-see-more{color: var(--theme-color);border: 2px solid var(--theme-color);height: 20px;width: 180px;padding: 10px;border-radius: 50px;display: flex;justify-content: center;align-items: center;font-size: 20px;}
.star-product .star-product-body .star-product-body-item .star-product-body-item-msg .star-product-body-item-msg-text .star-product-body-item-msg-text-see-more:hover{color: var(--theme-hover-color);border-color:var(--theme-hover-color);}
/* 产品页面 */
.product-banner{background-image: url(/assets/img/202308/product-banner.jpg);background-size: cover;height: 70vh;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.product-banner .product-banner-msg{width: 60%;text-align: center;}
.product-banner .product-banner-msg h1{font-size: 80px;font-weight: 900;width: 100%;letter-spacing: 1px;color: #fff;}
.product-banner .product-banner-msg .product-banner-des{font-size: 24px;width: 100%;letter-spacing: 5px;color: #fff;}
.all-product-list{display: flex;justify-content: center;align-items: center;background-color: rgb(242,244,255);padding: 50px;}
.all-product-list .all-product-list-box{width: 70%;height: 90%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.all-product-list .all-product-list-box .all-product-list-item{width: 30%;margin: 20px;border:1px solid var(--theme-color);border-radius: 20px;}
.all-product-list .all-product-list-box .all-product-list-item .product-box{position: relative;}
.all-product-list .all-product-list-box .all-product-list-item .product-box .all-product-list-item-title{position: absolute;top: 10%;width: 100%;text-align: center;}
.all-product-list .all-product-list-box .all-product-list-item .product-box .all-product-list-item-title .all-product-list-item-title-h{color: var(--theme-color);font-size: 30px;}
.all-product-list .all-product-list-box .all-product-list-item .product-box .all-product-list-item-title .all-product-list-item-title-d{color: #000;font-size: 18px;margin-top: 10px;}
.all-product-list .all-product-list-box .all-product-list-item .all-product-list-item-price{font-weight: 900;margin: 0 auto;display: flex;justify-content: center;align-items: center;background-color: #fff;height: 50px;padding: 10px 0;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;}
.all-product-list .all-product-list-box .all-product-list-item .all-product-list-item-price .num{font-size: 30px;font-weight: 900;}
.all-product-list .all-product-list-box .all-product-list-item .all-product-list-item-price .buy{background-color: rgb(192,214,255);height: 30px;width: 150px;border-radius: 30px;display: flex;justify-content: center;align-items: center;margin: 0 10px;}
.all-product-list .all-product-list-box .all-product-list-item .comming-soon{display: flex;justify-content: center;align-items: center;font-size: 30px;color: var(--theme-color);text-align: center;height: 100%;border: 2px solid var(--theme-color);}
/* 关于我们 */
.brand-story-head{height: 60vh;display: flex;justify-content: center;align-items: center;background-image: url(/assets/img/202208/brand-story-banner.png);background-size: cover;}
.brand-story-head .brand-story-head-msg{width: 60%;text-align: center;}
.brand-story-head .brand-story-head-msg h1{font-size: 70px;color: #fff;}
.brand-story-head .brand-story-head-msg div{font-size: 25px;color: #fff;}
.brand-story-body{background-color: rgb(242,244,255);}
.brand-story-body .brand-intruduction{width: 60%;margin: 0 auto;position: relative;top: 100px}
.brand-story-body .brand-intruduction .brand-intruduction-title{text-align: center;}
.brand-story-body .brand-intruduction .brand-intruduction-title .brand-intruduction-title-h{font-size: 30px;font-weight: 700;}
.brand-story-body .brand-intruduction .brand-intruduction-body{display: flex;justify-content: space-between;margin: 0 auto;margin-top: 30px;}
.brand-story-body .brand-intruduction .brand-intruduction-body .brand-intruduction-body-l{width: 48%;}
.brand-story-body .brand-intruduction .brand-intruduction-body .brand-intruduction-body-l img{margin: 0 auto;}
.brand-story-body .brand-intruduction .brand-intruduction-body .brand-intruduction-body-r{width: 40%;letter-spacing: 2px;line-height: 25px;}
.brand-story-body .brand-solgan{background-color: rgb(192,214,255);display: flex;justify-content: space-between;align-items: center;padding: 20px;}
.brand-story-body .brand-solgan .solgan-box{width: 60%;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
.brand-story-body .brand-solgan .solgan-box .solgan{width: 40%;}
.brand-story-body .brand-solgan .solgan-box .solgan .big-font{font-size: 36px;font-weight: 900;}
.brand-story-body .brand-solgan .solgan-box .slogan-img{width: 48%;position: relative;top: -100px;}
.brand-keywords{background-color: rgb(242,244,255);padding: 40px;}
.brand-keywords .brand-keywords-head{text-align: center;}
.brand-keywords .brand-keywords-head .brand-keywords-head-h{font-size: 30px;}
.brand-keywords .brand-keywords-head .brand-keywords-head-d{}
.brand-keywords .brand-keywords-body{display: flex;justify-content: space-between;width: 60%;margin: 0 auto;margin-top: 30px;}
.brand-keywords .brand-keywords-body img{width: 30%;}
.brand-solgan-2{background-color: rgb(242,244,255);text-align: center;margin: 30px 0;}
.brand-solgan-2 .brand-solgan-head{width: 100%;margin: 30px 0;}
.brand-solgan-2 .brand-solgan-head h2{font-size: 30px;letter-spacing: 2px;font-weight: 400;}
.brand-solgan-2 .brand-solgan-head div{font-size: 16px;letter-spacing: 2px;}
.brand-solgan-2 .brand-solgan-body{width: 60%;margin: 0 auto;}
.brand-solgan-2 .brand-solgan-body>img{border-radius: 15px;}
.brand-manifesto{background-color: rgb(192,214,255);display: flex;justify-content: center;align-items: center;padding: 40px 0;margin-top: 150px;}
.brand-manifesto .brand-manifesto-box{width: 60%;display: flex;justify-content: space-between;}
.brand-manifesto .brand-manifesto-box .brand-manifesto-box-l{width: 48%;position: relative;top: -100px;}
.brand-manifesto .brand-manifesto-box .brand-manifesto-box-l .brand-manifesto-box-l-msg{width: 100%;text-align: center;}
.brand-manifesto .brand-manifesto-box .brand-manifesto-box-l .brand-manifesto-box-l-msg .brand-manifesto-box-l-msg-h{font-size: 28px;letter-spacing: 2px;}
.brand-manifesto .brand-manifesto-box .brand-manifesto-box-l .brand-manifesto-box-l-msg .brand-manifesto-box-l-msg-d{}
.brand-manifesto .brand-manifesto-box .brand-manifesto-box-r{text-align: right;width: 48%;}
.brand-manifesto .brand-manifesto-box .brand-manifesto-box-r p{font-size: 16px;font-weight: 600;line-height: 30px;}
.brand-proposition{background-color: rgb(242,244,255);}
.brand-proposition .brand-proposition-head{width: 100%;text-align: center;}
.brand-proposition .brand-proposition-head .brand-proposition-head-h{font-size: 36px;letter-spacing: 2px;font-weight: 600;}
.brand-proposition .brand-proposition-head .brand-proposition-head-d{font-size: 16px;}
.brand-proposition .brand-proposiotion-box{width: 60%;margin: 0 auto;display: flex;justify-content: center;align-items: center;padding: 30px 0;}
.brand-proposition .brand-proposiotion-box .brand-proposiotion-box-l{width: 50%;}
.brand-proposition .brand-proposiotion-box .brand-proposiotion-box-r{width: 40%;position: relative;left: -50px;background-color: var(--theme-color);height: 50%;padding: 40px;}
.brand-proposition .brand-proposiotion-box .brand-proposiotion-box-r .brand-proposiotion-box-r-title{font-size: 28px;color: #fff;margin: 10px 0;}
.brand-proposition .brand-proposiotion-box .brand-proposiotion-box-r>p{line-height: 30px;color: #fff;}
.brand-plan{background-color: rgb(242,244,255);}
.brand-plan .brand-plan-head{width: 100%;text-align: center;}
.brand-plan .brand-plan-head .brand-head-title{font-size: 36px;letter-spacing: 2px;}
.brand-plan .brand-plan-head .brand-head-des{font-size: 16px;}
.brand-plan .brand-plan-body{margin: 30px 0;}
.brand-plan .brand-plan-body .brand-plan-box{display: flex;justify-content: space-between;width: 60%;margin: 0 auto;position: relative;top: -80px;}
.brand-history{background-color: var(--theme-color);padding: 30px;}
.brand-history .brand-history-head{text-align: center;}
.brand-history .brand-history-head .brand-history-head-title{width: 100%;font-size: 36px;color: #fff;letter-spacing: 2px;}
.brand-history .brand-history-head .brand-history-head-des{font-size: 16px;color: #fff;}
.brand-history .brand-history-body{display: flex;justify-content: center;align-items: center;}
.brand-history .brand-history-body img{height: 60%;margin: 30px 0;}
/* 脚部 */
.footer{height: 120px;background-color: rgb(242,244,255);display: flex;justify-content: space-between;align-items: center;}
.footer .footer-l{flex: 1;text-align: center;}
.footer .footer-l img{margin: 0 auto;}
.footer .footer-r{flex: 4;text-align: right;padding-right: 30px;}
.footer .footer-r .corp-mes{font-size: 16px;}


@media screen and (max-width: 1600px){
    .star-product .star-product-body .star-product-body-item .star-product-body-item-msg .star-product-body-item-msg-text .star-product-body-item-msg-text-title{font-size: 36px;}
}

/* 手机 */
@media screen and (max-width: 1200px) {
    /* 头部 */
    .head{height: 60px;}
    .head .search{display: none;}
    /* 首页 */
    .phone-col-reverse{flex-direction:column-reverse;}
    .banner{height: 40vh;}
    .banner .banner-text .solgan{font-size: 40px;}
    .banner .banner-text .banner-button{width: 100px;height: 30px;}
    .brand-ip{padding: 10px;}
    .brand-ip>div{width: 100%}
    .brand-ip .brand-ip-award>div{width: 48%}
    .brand-ip-star .brand-ip-star-b>h3{font-size: 30px;}
    .brand-ip-star .brand-ip-star-b>p{font-size: 24px;}
    .star-product .star-product-body .star-product-body-item{flex-wrap: wrap;}
    .star-product .star-product-body .star-product-body-item>div{width: 100%;flex: unset !important;}
    .star-product .star-product-body .star-product-body-item .middle-arr{display: none;}
    .star-product{padding: 10px;}
    .star-product .star-product-body{width: 100%;}
    .star-product .star-product-body .star-product-body-item .star-product-body-item-msg{align-items: flex-start;padding: 20px 0;}
    .star-product .star-product-body .star-product-body-item .star-product-body-item-msg .star-product-body-item-msg-text{width: 90%;}
    .star-product .star-product-body .star-product-body-item .star-product-body-item-msg .star-product-body-item-msg-text .star-product-body-item-msg-text-sp{font-size: 12px;}
    .star-product .star-product-body .star-product-body-item .star-product-body-item-msg .star-product-body-item-msg-text .star-product-body-item-msg-text-title{font-size: 24px;}
    .star-product .star-product-body .star-product-body-item .star-product-body-item-msg .star-product-body-item-msg-text .star-product-body-item-msg-text-title2{font-size: 14px;}
    .star-product .star-product-body .star-product-body-item .star-product-body-item-msg .star-product-body-item-msg-text .star-product-body-item-msg-text-des{font-size: 14px;}
    .star-product .star-product-body .star-product-body-item .star-product-body-item-msg .star-product-body-item-msg-text .star-product-body-item-msg-text-see-more{margin-top: 10px;width: 100px;height: 10px;font-size: 12px;}
    /* 产品页面 */
    .product-banner{height: 30vh;}
    .product-banner .product-banner-msg h1{font-size: 35px;}
    .product-banner .product-banner-msg .product-banner-des{font-size: 22px;}
    .all-product-list{padding: 0;}
    .all-product-list .all-product-list-box{width: 90%;}
    .all-product-list .all-product-list-box .all-product-list-item{width: 45%;padding: 5px;}
    .all-product-list .all-product-list-box .all-product-list-item .product-box .all-product-list-item-title .all-product-list-item-title-h{font-size: 16px;}
    .all-product-list .all-product-list-box .all-product-list-item .product-box .all-product-list-item-title .all-product-list-item-title-d{font-size: 12px;}
    .all-product-list .all-product-list-box .all-product-list-item .all-product-list-item-price .num{font-size: 16px;}
    .all-product-list .all-product-list-box .all-product-list-item .all-product-list-item-price .buy{font-size: 10px;}
    .comming-soon{display: none !important;}
    /* 关于我们 */
    .brand-story-head{height: 30vh;}
    .brand-story-head .brand-story-head-msg h1{font-size: 30px;}
    .brand-story-head .brand-story-head-msg div{font-size: 18px;}
    .brand-story-body .brand-intruduction .brand-intruduction-title .brand-intruduction-title-h{font-size: 22px;}
    .brand-story-body .brand-intruduction{width: 90%;padding: 10px;}
    .brand-story-body .brand-solgan .solgan-box{width: 100%;}
    .brand-story-body .brand-solgan .solgan-box .solgan .big-font{font-size: 18px;}
    .brand-solgan-2 .brand-solgan-head h2{font-size: 22px;}
    .brand-solgan-2 .brand-solgan-body{width: 90%;}
    .brand-manifesto{width: 100%;}
    .brand-manifesto .brand-manifesto-box{width: 90%;}
    .brand-manifesto .brand-manifesto-box .brand-manifesto-box-r p{line-height: 20px;}
    .brand-keywords .brand-keywords-head .brand-keywords-head-h{font-size: 22px;}
    .brand-keywords .brand-keywords-body{width: 90%;}
    .brand-proposition .brand-proposition-head .brand-proposition-head-h{font-size: 22px;}
    .brand-proposition .brand-proposiotion-box{width: 90%;flex-direction: column-reverse;flex-wrap: wrap;}
    .brand-proposition .brand-proposiotion-box .brand-proposiotion-box-r .brand-proposiotion-box-r-title{font-size: 22px;}
    .brand-proposition .brand-proposiotion-box .brand-proposiotion-box-l{width: 90%;}
    .brand-proposition .brand-proposiotion-box .brand-proposiotion-box-r{position: unset;width: 90%;padding: 10px;}
    .brand-plan .brand-plan-head .brand-head-title{font-size: 22px;}
    .brand-plan .brand-plan-body .brand-plan-box{width: 80%;top: -20px;}
    .brand-plan .brand-plan-body .brand-plan-box img{width: 32%;}
    .brand-history .brand-history-head .brand-history-head-title{font-size: 22px;}
    .brand-history .brand-history-body img{width: 90%;}
    .brand-story-body .brand-intruduction{position: unset;top: 0px}
    .brand-story-body .brand-solgan .solgan-box .slogan-img{position: unset;}
    .brand-intruduction-body-l>img,.slogan-img>img{width: 100%}
    /* footer */
    .footer .footer-l img{width: 100%;}
    .footer .footer-r{padding: 0;}
}