.section {
    padding-top: .8rem;
}
.block_title {
    font-size: var(--font-size-f-40);
    font-family: segoeuib;
    text-transform: uppercase;
    text-align: center;
}
.block_title span {
    color: var(--color) 
}
.index_banner {
    padding-top: 1rem;
}
.index_banner .swiper-slide{
    text-align: center;
}
.index_banner .swiper-pagination {
    bottom: .35rem !important 
}
.index_banner .swiper-pagination .swiper-pagination-bullet {
    background: #fff;
    border: unset;
}
.index_banner .swiper-pagination .swiper-pagination-bullet-active {
    position: relative;
    background: transparent;
    border: unset;
}
.index_banner .swiper-pagination .swiper-pagination-bullet-active:before {
    content: '';
    display: block;
    background: url(/res/magic/images/5_07.png) no-repeat center;
    width: .14rem;
    height: .25rem;
    position: absolute;
    right: -.01rem;
    top: -.07rem;
    background-size: 100%;
}
.index_pro_categories {
    overflow: hidden;
}
.index_pro_categories .auto-container {
    overflow: hidden;
}
.index_pro_categories .categories_box {
    overflow: hidden;
}
.index_pro_categories .categories_box li {
    width: 49.6429%;
    float: left;
    margin-left: 0.3571%;
}
.index_pro_categories .categories_box li:first-child {
    margin-right: 0.3571%;
    margin-left: 0;
}
.index_pro_categories .categories_box li:last-child {
    margin-top: 0.3571% 
}
.index_pro_categories .categories_box li a {width: 100%;}
.index_pro_categories .categories_box li .item {
}
.index_pro_categories .categories_box .item {
    position: relative;
    overflow: hidden;
}
.index_pro_categories .categories_box .item .cate_thumb {
}
.index_pro_categories .categories_box .item .cate_thumb img {width: 100%;object-fit: cover;}
.index_pro_categories .categories_box .item .text_box {
    position: absolute;
    bottom: .25rem;
    left: .53rem;
    transition: bottom .5s ease;
}
.index_pro_categories .categories_box .item .text_box .cate_icon {
}
.index_pro_categories .categories_box .item .text_box .cate_icon img {
}
.index_pro_categories .categories_box .item .text_box p {
    font-size: var(--font-size-f-30);
    color: #ffffff;
    font-family: 'seguisb';
    margin-top: .2rem;
}
.index_pro_categories .categories_box .item .text_box span {
    display: inline-block;
    transform: translateY(250%);
    transition: transform .5s ease;
}
.index_pro_categories .categories_box .item .text_box span img {
    filter: brightness(0) invert(1);
    max-width: .16rem;
}
.index_pro_categories .categories_box li:hover .item .text_box {
    bottom: .65rem;
}
.index_pro_categories .categories_box li:hover .item .text_box span {
    transform: translateY(100%);
}
.index_about {
}
.index_about .index_about_box {
    position: relative;
}
.index_about .index_about_box .left {
    width: 48.9583%;
    position: absolute;
    right: 0;
    z-index: 2;
    padding-top: 1.5%;
    padding-bottom: 2%;
}
.index_about .index_about_box .left>img {object-fit: cover;max-height: 920px}
.index_about .index_about_box .left .play_icon {
}
.index_about .index_about_box .left .play_icon img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    cursor: pointer;
    transition: all .5s ease;
}
.index_about .index_about_box .left .play_icon img:hover {
    transform: rotate(360deg) scale(1.06);
}
.index_about .index_about_box .right {
    background: var(--color);
    max-width: 62.5%;
    padding-left: 13.5416%;
    color: #ffffff;
    padding-right: 16.6666%;
    padding-top: .55rem;
    padding-bottom: .2rem;
    position: relative;
    min-height: 8.6rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.index_about .index_about_box .right .right_title::before {
    content: '';
    display: block;
    background: url(/images/index_03.png) no-repeat;
    width: 100%;
    height: 2.02rem;
    position: absolute;
    top: .55rem;
    left: 13.5416%;
    background-size: contain;
}
.index_about .index_about_box .right .right_title {
    font-size: var(--font-size-f-40);
    text-transform: uppercase;
    font-family: 'segoeuib';
    line-height: .34rem;
    margin-bottom: .9rem;
    margin-top: .2rem;
}
.index_about .index_about_box .right .right_title1 {
    font-size: var(--font-size-f-30);
    line-height: .4rem;
    margin-bottom: .4rem;
}
.index_about .index_about_box .right .remark {
    font-size: var(--font-size-f-16);
    line-height: .26rem;
    white-space: pre-line;
}
.index_about .index_about_box .right .btn_effect {
    margin-top: .8rem;
}
.index_about .index_about_box .right .btn_effect a {
}
.index_about .index_about_box .right .btn_effect p {
}
.index_about .index_about_box .right .btn_effect .btn_effect_box {
}
.index_about .index_about_box .right .btn_effect .btn_effect_box .btn_effect_list {
}
.index_about .index_about_box .right .btn_effect .btn_effect_box .btn_effect_list img {
}
.index_our_brands {
    background: #f5f5f5;
    margin-top: -.4rem;
    padding-top: 1.35rem;
}
.index_our_brands .block_title {
}
.index_our_brands .block_title span {
}
.index_our_brands .index_our_brands_box {
    margin-top: 1.3rem;
    padding-bottom: 1.3rem;
}
.index_our_brands .index_our_brands_box .item {
    display: flex;
    justify-content: center;
}
.index_our_brands .index_our_brands_box .item:first-child {
    margin-bottom: 1rem;
}
.index_our_brands .index_our_brands_box .item:last-child {
}
.index_our_brands .index_our_brands_box .item .img_box {
    text-align: center;
    position: relative;
}
.index_our_brands .index_our_brands_box .item .img_box:before {
    content: '';
    display: block;
    width: .01rem;
    height: .95rem;
    background: #dddddd;
    position: absolute;
    right: 0;
}
.index_our_brands .index_our_brands_box .item:first-child .img_box {
    width: 27.34375%;
}
.index_our_brands .index_our_brands_box .item:last-child .img_box {
    width: 25%;
}
.index_our_brands .index_our_brands_box .item .img_box:last-child:before {
    display: none;
}
.index_our_brands .index_our_brands_box .item .img_box img {
}
.index_why_choose {
    max-width: 100%;
    overflow: hidden;
    position: relative;
    padding-top: 0;
}
.index_why_choose .index_why_choose_box {
    position: absolute;
    top: .8rem;
    left: 0;
    right: 0;
    bottom: 0;
}
.index_why_choose .index_why_choose_doodle {
    max-width: 100%;
    min-height: 9.7rem;
}
.index_why_choose .index_why_choose_box .index_why_choose_item {
    margin-top: .9rem;
    position: relative;
    overflow: hidden;
    min-height: 6.35rem;
    width: 100%;
}
.index_why_choose .index_why_choose_item .item {
    background: #DCEFF8;
    border-radius: 50%;
    text-align: center;
    display: flex;
    position: absolute;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    cursor: pointer;
    transition: all .5s ease;
}
.index_why_choose .index_why_choose_item .item:nth-child(1) {
    width: 2.91rem;
    height: 2.91rem;
    left: .4rem;
    top: .9rem;
}
.index_why_choose .index_why_choose_item .item:nth-child(2) {
    width: 3.32rem;
    height: 3.32rem;
    bottom: .15rem;
    left: 3.35rem;
}
.index_why_choose .index_why_choose_item .item:nth-child(3) {
    width: 3.8rem;
    height: 3.8rem;
    top: .15rem;
    right: 3.65rem;
}
.index_why_choose .index_why_choose_item .item:nth-child(4) {
    width: 3.03rem;
    height: 3.03rem;
    right: .2rem;
    bottom: 1.25rem;
}
.index_why_choose .index_why_choose_item .item>p {
    font-size: .7rem;
    font-family: 'segoeuib';
    color: var(--color);
    line-height: normal;
    padding-top: .3rem;
}
.index_why_choose .index_why_choose_item .item>p span {
}
.index_why_choose .index_why_choose_item .item .text_box {
    margin-top: .1rem;
    padding: 0.45rem;
    padding-top: inherit;
}
.index_why_choose .index_why_choose_item .item .text_box p {
    font-size: var(--font-size-f-22);
    font-family: 'segoeuib';
    margin-bottom: .1rem;
}
.index_why_choose .index_why_choose_item .item .text_box span {
    font-size: var(--font-size-f-16);
    line-height: .24rem;
}
.index_why_choose .index_why_choose_item .item:hover {
    transform: scale(1.03);
    background-color: var(--color);
    box-shadow: 0 0 0.1rem rgba(45,160,219, .5);
}
.index_why_choose .index_why_choose_item .item:hover p, .index_why_choose .index_why_choose_item .item:hover .text_box {
    color: #ffffff;
}
.index_global_market {
    background: #222222;
    padding-bottom: .45rem;
    padding-top: .9rem;
}
.index_global_market .block_title {
    color: #ffffff;
}
.index_global_market .block_title span {
}
.index_global_market .index_global_market_box {
}
.index_global_market_box {
    margin: 0 auto;
    position: relative;
    width: 17.2rem;
    height: 7.8rem;
    background-image: url('../images/global_market_bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: .3rem;
}
.index_global_market_box .marker-item {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: absolute;
}
.index_global_market_box .marker-item .marker-item__name {
    font-size: var(--font-size-f-16);
    color: #2da0db;
    font-family: 'segoeuib';
}
.index_global_market_box .marker-item .marker-item_icon {
    width: .26rem;
    height: .26rem;
    margin-right: .10rem;
    position: relative;
    padding: .07rem;
    border-radius: .13rem;
    background-color: rgb(231 13 47 / 20%);
}
.index_global_market_box .marker-item .marker-item_icon::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.index_global_market_box .marker-item:hover .marker-item_icon::before {
    background: rgba(212, 164, 164, 0.2);
    animation: hovScale 1s infinite;
}
.index_global_market_box .marker-item .marker-item_icon .marker-item_circle {
    width: .12rem;
    height: .12rem;
    border: .02rem solid #2da0db;
    background-color: #fff;
    border-radius: .06rem;
}
@-webkit-keyframes hovScale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1 
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0 
    }
}
@keyframes hovScale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1 
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0 
    }
}
.index_global_market_box .marker1 {
    left: 3.15rem;
    top: 3.1rem;
}
.index_global_market_box .marker2 {
    left: 3.15rem;
    top: 3.85rem;
}
.index_global_market_box .marker3 {
    left: 4.95rem;
    top: 4.57rem;
}
.index_global_market_box .marker4 {
    left: 3.9rem;
    top: 4.6rem;
    flex-direction: row-reverse;
}
.index_global_market_box .marker5 {
    left: 5.5rem;
    top: 5.35rem;
}
.index_global_market_box .marker6 {
    left: 4.6rem;
    top: 5.52rem;
}
.index_global_market_box .marker7 {
    left: 5.29rem;
    bottom: 1.69rem;
}
.index_global_market_box .marker8 {
    left: 4.4rem;
    bottom: 1.2rem;
    flex-direction: row-reverse;
}
.index_global_market_box .marker9 {
    left: 5.4rem;
    bottom: 1.15rem;
}
.index_global_market_box .marker10 {
    left: 4.9rem;
    bottom: 0.7rem;
}
.index_global_market_box .marker11 {
    left: 6.45rem;
    top: 2.05rem;
    flex-direction: row-reverse;
}
.index_global_market_box .marker12 {
    left: 8.2rem;
    top: 2rem;
}
.index_global_market_box .marker13 {
    left: 7.2rem;
    top: 2.25rem;
    flex-direction: row-reverse;
}
.index_global_market_box .marker14 {
    left: 8.7rem;
    top: 2.25rem;
}
.index_global_market_box .marker15 {
    left: 8.4rem;
    top: 2.45rem;
}
.index_global_market_box .marker16 {
    left: 7.9rem;
    top: 2.65rem;
}
.index_global_market_box .marker17 {
    left: 6.85rem;
    top: 2.9rem;
    flex-direction: row-reverse;
}
.index_global_market_box .marker18 {
    left: 8.4rem;
    top: 2.85rem;
}
.index_global_market_box .marker19 {
    left: 7.6rem;
    top: 3.05rem;
}
.index_global_market_box .marker20 {
    left: 9.3rem;
    top: 3rem;
}
.index_global_market_box .marker21 {
    left: 9.8rem;
    top: 3.35rem;
}
.index_global_market_box .marker22 {
    left: 7.85rem;
    top: 3.65rem;
}
.index_global_market_box .marker23 {
    left: 9.05rem;
    top: 3.65rem;
}
.index_global_market_box .marker24 {
    left: 7.9rem;
    top: 4.25rem;
}
.index_global_market_box .marker25 {
    left: 8.3rem;
    top: 4.6rem;
}
.index_global_market_box .marker26 {
    left: 9.1rem;
    top: 4.85rem;
}
.index_global_market_box .marker27 {
    left: 9.4rem;
    bottom: 2.45rem;
}
.index_global_market_box .marker28 {
    left: 8.95rem;
    bottom: 1.3rem;
}
.index_global_market_box .marker29 {
    right: 4.35rem;
    top: 1.8rem;
}
.index_global_market_box .marker30 {
    right: 5.4rem;
    top: 2.6rem;
}
.index_global_market_box .marker31 {
    right: 5.55rem;
    top: 2.9rem;
}
.index_global_market_box .marker32 {
    right: 3.3rem;
    top: 3.05rem;
    flex-direction: row-reverse;
}
.index_global_market_box .marker33 {
    right: 2.4rem;
    top: 2.95rem;
}
.index_global_market_box .marker34 {
    right: 6.05rem;
    top: 3.3rem;
}
.index_global_market_box .marker35 {
    right: 5.05rem;
    top: 3.5rem;
}
.index_global_market_box .marker36 {
    right: 6.05rem;
    top: 3.65rem;
}
.index_global_market_box .marker37 {
    right: 3.95rem;
    top: 3.7rem;
    flex-direction: row-reverse;
}
.index_global_market_box .marker38 {
    right: 3.1rem;
    top: 3.65rem;
}
.index_global_market_box .marker39 {
    right: 5.1rem;
    top: 3.9rem;
}
.index_global_market_box .marker40 {
    right: 3.95rem;
    top: 4.05rem;
}
.index_global_market_box .marker41 {
    right: 2.3rem;
    top: 4.25rem;
}
.index_global_market_box .marker42 {
    right: 4.35rem;
    top: 4.6rem;
    flex-direction: row-reverse;
}
.index_global_market_box .marker43 {
    right: 3.2rem;
    bottom: 2.95rem;
}
.index_global_market_box .marker44 {
    right: 2.65rem;
    bottom: 2.4rem;
}
.index_global_market_box .marker45 {
    right: 3.4rem;
    bottom: 1.7rem;
    flex-direction: row-reverse;
}
.index_global_market_box .marker46 {
    right: 1.3rem;
    bottom: 0.8rem;
    flex-direction: row-reverse;
}
.index_news {
    padding-bottom: 1.2rem;
    padding-top: 1.1rem;
}
.index_news .block_title {
    padding-bottom: 1.1rem;
}
.index_news .block_title span {
}
.index_news .index_news_box {
    display: flex;
}
.index_news .index_news_box .left {
    width: 62.8571%;
    padding-right: 4.2857%;
}
.index_news .index_news_box .left .img_box {
    position: relative;
    overflow: hidden;
    margin-bottom: .25rem;
}
.index_news .index_news_box .left .img_box:before {
    content: '';
    display: block;
    background: url(/res/magic/images/5_69.png) no-repeat;
    width: .36rem;
    height: .2rem;
    max-width: .36rem;
    position: absolute;
    bottom: .14rem;
    left: .14rem;
}
.index_news .index_news_box .left .img_box img {
}
.index_news .index_news_box .left .text_box {
}
.index_news .index_news_box .left .text_box span, .index_news .index_news_box .right .item span {
    font-size: var(--font-size-f-14);
    font-family: 'seguisb';
    color: var(--color);
    line-height: .26rem;
}
.index_news .index_news_box .left .text_box p {
    font-size: var(--font-size-f-16);
    font-family: 'seguisb';
    line-height: .36rem;
    margin-top: .15rem;
}
.index_news .index_news_box .left .text_box p a {
}
.index_news .index_news_box .right {
    width: 32.8571%;
    position: relative;
}
.index_news .index_news_box .right .swiper {
    height: 6.08rem;
    border-top: .01rem solid #dddddd;
    border-bottom: .01rem solid #dddddd;
}
.index_news .index_news_box .right .swiper-container {
}
.index_news .index_news_box .right .swiper-slide {
}
.index_news .index_news_box .right .item {
    padding: .355rem;
    padding-left: 0;
    transition: all .5s ease;
}
.index_news .index_news_box .right .item a {
}
.index_news .index_news_box .right .item span {
}
.index_news .index_news_box .right .item p {
    font-size: var(--font-size-f-24);
    font-family: 'seguisb';
    line-height: normal;
    margin-top: .15rem;
    min-height: .9rem;
}
.index_news .index_news_box .right .swiper-pagination {
    right: unset;
    left: unset;
    top: unset;
}
.index_news .index_news_box .right .item:hover {
    background: var(--color);
    padding-left: .355rem;
}
.index_news .index_news_box .right .item:hover span, .index_news .index_news_box .right .item:hover p {
    color: #ffffff;
}
.common_form {
    padding: .9rem 0;
}
.common_form .auto-container {
    max-width: 11rem;
}
.common_form .auto-container>p {
    font-size: var(--font-size-f-40);
    text-transform: uppercase;
    font-family: 'segoeuib';
    max-width: 80%;
    margin: auto;
}
.common_form .auto-container>p span {
    color: var(--color);
}
.common_form .auto-container>p, .common_form .auto-container>span {
    text-align: center;
    color: #ffffff;
    line-height: .46rem;
}
.common_form .auto-container>span {
    font-size: var(--font-size-f-20);
    display: inline-block;
    width: 100%;
}
.common_form .common_form_box {
}
.common_form .common_form_box form {
    text-align: center;
}
.common_form .common_form_box .form_input {
    display: flex;
    justify-content: space-between;
    margin-bottom: .1rem;
    margin-top: .45rem;
}
.common_form .common_form_box .form_input .input {
    width: 31%;
}
.common_form .common_form_box .form_input .input input, .common_form .common_form_box .form_textarea textarea {
    color: #ffffff;
    line-height: .46rem;
    width: 100%;
    font-size: var(--font-size-f-16);
}
.common_form .common_form_box .form_input .input input::placeholder, .common_form .common_form_box .form_textarea textarea::placeholder {
    color: #ffffff;
}
.common_form .common_form_box .form_input .input, .common_form .common_form_box .form_textarea {
    border-bottom: .02rem solid #ffffff;
}
.common_form .common_form_box .form_input .input:last-child {
    margin-right: 0;
}
.common_form .common_form_box .form_input .input input {
    line-height: .46rem;
}
.common_form .common_form_box .form_textarea {
}
.common_form .common_form_box .form_textarea textarea {
}
.common_form .common_form_box .btn_effect1 {
    width: 1.6rem;
    height: .6rem;
    background: var(--color);
    border-radius: .05rem;
    color: #ffffff;
    text-transform: uppercase;
    font-size: var(--font-size-f-16);
    font-family: 'seguisb';
    margin-top: .2rem;
    transition: all .5s cubic-bezier(0.4, 0, 1, 1);
}
.common_form .common_form_box .btn_effect1>span {
}
.common_form .common_form_box .btn_effect1 .effect_label {
}
.common_form .common_form_box .btn_effect1 .effect_label span {
}
.common_form .common_form_box .btn_effect1:hover {
    background: #ffffff;
    color: var(--color);
}
.common_form .common_form_box .btn_effect1:hover>span {
}
.common_form .common_form_box .btn_effect1:hover .effect_label {
}
.common_form .common_form_box .btn_effect1:hover .effect_label span {
}
.home_banner{
}
.home_banner .img_box{
    padding-top: 1rem;
    text-align: center;
}
.home_banner .img_box img{
}
.crumbs{
    line-height: .8rem;
    color: #999999;
}
.crumbs > img{
    filter: brightness(0.5);
    vertical-align: middle;
    margin-top: -.05rem;
    margin-right: .1rem;
}
.crumbs a{
    font-size: var(--font-size-f-18);
    color: #999999;
}
.crumbs a:hover{
    color: var(--color);
}
.page_content{
}
.page_content .page_products{




}
.page_content .page_content_head{
    justify-content: space-between;
}
.page_content .page_content_head .auto-container{
    display: flex;
    justify-content: space-between;
}
.page_content .page_content_head .page_head_categorys{
    line-height: .8rem;
}
.page_content .page_head_categorys{
    display: flex;
}
.page_content .page_head_categorys .item{
    position: relative;
    margin-right: .6rem;
}
.page_content .page_head_categorys .item:last-child{
    margin-right: 0;
}
.page_content .page_head_categorys .item::before{
    content: "";
    position: absolute;
    right: 100%;
    width: 0;
    height: 100%;
    border-bottom: .02rem solid var(--color);
    transition: 0.2s all linear;
}
.page_content .page_head_categorys .item a{
    font-size: var(--font-size-f-20);
    line-height: .36rem;
    font-family: 'seguisb';
}
.page_content .page_head_categorys .item p{
}
.page_content .page_products .product_categorys_box{
    background: #eeeeee;
}
.page_content .product_categorys_box{
}
.page_content .product_categorys_box .auto-container{
    display: flex;
    flex-wrap: wrap;
    padding-top: .5rem;
}
.page_content .product_categorys_box .item{
    width: 20%;
    margin-bottom: .5rem;
}
.page_content .product_categorys_box .item a{
    display: flex;
    font-size: var(--font-size-f-18);
    align-items: center;
}
.page_content .product_categorys_box .item .img_box{
    margin-right: .2rem;
    width: 20%;
    text-align: right;
}
.page_content .product_categorys_box .item .img_box img{
    filter: grayscale(1);
    max-height: .52rem;
    transition: all .5s cubic-bezier(0.4, 0, 1, 1);
}
.page_content .product_categorys_box .item p{
    width: 80%;
}
.page_content .page_head_categorys .item:hover::before, .page_content .page_head_categorys .item.active::before{
    width: 100%;
    right: 0;
    transition-delay: 0.1s;
    border-bottom-color: var(--color);
    z-index: -1;
}
.page_content .product_categorys_box .item a:hover .img_box img{
    filter: unset;
}
.page_content .page_products .product_list_box{
    background: #f8f8f8;
    padding-top: .3rem;
    padding-bottom: .5rem;
}
.page_content .page_products .product_list_item {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: .4rem;
}
.page_content .page_products .product_list_item .item{
    width: 24.5714%;
    background: #ffffff;
    margin-right: .5714%;
    margin-bottom: .7142%;
    opacity: 0;
    transition: all .5s cubic-bezier(0.4, 0, 1, 1);
}
.page_content .page_products .product_list_item .item:nth-child(4n){
    margin-right: 0;
}
.page_content .page_products .product_list_item .item .img_box{
    overflow: hidden;
    border-bottom: .01rem solid #f8f8f8;
    position: relative;
}
.page_content .page_products .product_list_item .item .img_box .quote-button{
    position: absolute;
    top: .14rem;
    right: .14rem;
    background: var(--color);
    border-radius: .05rem;
    padding: .1rem .2rem;
    color: #ffffff;
    font-size: var(--font-size-f-16);
    cursor: pointer;
}
.page_content .page_products .product_list_item .item .img_box .quote-button >span{
}
.page_content .page_products .product_list_item .item .img_box .quote-button >span .effect_label{
}
.page_content .page_products .product_list_item .item .img_box .quote-button >span .effect_label span{
}
.page_content .page_products .product_list_item .item .text_box{
    padding: .35rem;
    text-align: center;
    font-size: var(--font-size-f-18);
    line-height: .24rem;
}
.page_content .page_products .product_list_item .item .text_box .title{
    margin-bottom: .2rem;
}
.page_content .page_products .product_list_item .item .text_box .title a{
    font-family: 'segoeuib';
}
.page_content .page_products .product_list_item .item .text_box .code{
    color: #666666;
}
.page_content .page_products .proshow_loading_box{
    text-align: center;
    transition: opacity .5s linear;
}
.page_content .page_products .proshow_loading_box img{
    max-width: .5rem;
}
.inside-pagination{
    background: #ffffff;
    padding: .5rem 0;
}
.inside-pagination ul{
    display: flex;
    justify-content: center;
    align-items: center;
}
.inside-pagination ul li{
    width: .33rem;
    height: .33rem;
    line-height: .33rem;
    text-align: center;
    margin-right: .1rem;
}
.inside-pagination li.pre-page, .inside-pagination li.next-page{
}
.inside-pagination li a{
    display: inline-block;
    width: 100%;
    font-family: 'segoeuib';
    font-size: var(--font-size-f-18);
}
.inside-pagination li a img{
    vertical-align: middle;
    filter: grayscale(1);
    opacity: .5;
}
.inside-pagination li.pre-page a img{
    transform: rotate(180deg);
}
.inside-pagination li.dump{
    width: max-content;
    background: var(--color);
    border: .01rem solid var(--color);
    box-sizing: border-box;
    font-family: 'segoeuib';
    font-size: var(--font-size-f-18);
    line-height: .31rem;
}
.inside-pagination li.dump input{
    background: #ffffff;
    width: .4rem;
    padding: 0 .05rem;
}
.inside-pagination li.dump span{
    color: #ffffff;
    width: .4rem;
    display: inline-block;
    cursor: pointer;
}
.inside-pagination ul li:hover, .inside-pagination ul li.active{
    background: var(--color);
}
.inside-pagination ul li:hover a, .inside-pagination ul li.active a{
    color: #ffffff;
}
.inside-pagination ul li:hover a img, .inside-pagination ul li.active a img{
    filter: unset;
    opacity: 1;
}
.inside-pagination ul li.pre-page:hover, .inside-pagination ul li.next-page:hover{
    background: none;
}
.page_content .product_show{
}
.page_content .product_show .crumbs{
    max-width: 14rem;
    margin: auto;
}
.page_content .product_show .pro_show_head{
    background: #f8f8f8;
}
.page_content .product_show .pro_show_head > .auto-container{
    display: flex;
    overflow: hidden;
    padding-top: .5rem;
    padding-bottom: .5rem;
}
.page_content .head_thumb_box, .page_content .product_show .pro_show_head .head_text{
    width: 50%;
}
.page_content .head_thumb_box{
    padding-right: 4.6428%;
}
.page_content .head_thumb_box .thumb_cover{
}
.page_content .head_thumb_box .thumb_cover .swiper{
    margin-bottom: .1rem;
}
.page_content .head_thumb_box .thumb_cover .swiper-wrapper{
}
.page_content .head_thumb_box .thumb_cover .swiper-slide{
    background: #ffffff;
}
.page_content .head_thumb_box .thumb_cover .swiper-slide img{
}
.page_content .head_thumb_box .gallery_thumb{
    position: relative;
}
.page_content .head_thumb_box .gallery_thumb .swiper{
    width: 75%;
    margin: auto;
}
.page_content .head_thumb_box .gallery_thumb .swiper-wrapper{
}
.page_content .head_thumb_box .gallery_thumb .swiper-slide{
    cursor: pointer;
}
.page_content .head_thumb_box .gallery_thumb .swiper-slide:before{
    content:'';
    display:block;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgb(30 158 219 / 20%);
    opacity: 0;
    transition: all .5s cubic-bezier(0.4, 0, 1, 1);
}
.page_content .head_thumb_box .gallery_thumb .swiper-slide img{
}
.page_content .head_thumb_box .gallery_thumb .swiper-slide:hover:before{
    opacity: 1;}
.page_content .head_thumb_box .gallery_thumb .swiper-slide.swiper-slide-active:before{
}
.page_content .head_thumb_box .gallery_thumb .thumb_arrow{
}
.page_content .head_thumb_box .gallery_thumb .thumb_arrow{
}
.page_content .head_thumb_box .gallery_thumb .thumb_arrow .swiper-button-prev {
    left: 0;
    transform: rotate(180deg) 
}
.page_content .head_thumb_box .gallery_thumb .thumb_arrow .swiper-button-next {
    right: 0;
}
.page_content .head_thumb_box .gallery_thumb .thumb_arrow .swiper-button-next, .page_content .head_thumb_box .gallery_thumb .thumb_arrow .swiper-button-prev {
    width: .58rem;
    height: 100%;
    background-color: #d9d9d9;
    text-align: center;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    cursor: pointer;
    background-image: none;
    top: 0;
}
.page_content .head_thumb_box .gallery_thumb .thumb_arrow .swiper-button-next > p, .page_content .head_thumb_box .gallery_thumb .thumb_arrow .swiper-button-prev > p {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: scale(0);
    transition: opacity .3s ease,transform .3s ease,-webkit-transform .3s ease;
}
.page_content .head_thumb_box .gallery_thumb .thumb_arrow .swiper-button-next .swiper_btn_effect_box, .page_content .head_thumb_box .gallery_thumb .thumb_arrow .swiper-button-prev .swiper_btn_effect_box {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}
.page_content .head_thumb_box .gallery_thumb .thumb_arrow .swiper-button-next .swiper_btn_effect_box .swiper_btn_effect_list, .page_content .head_thumb_box .gallery_thumb .thumb_arrow .swiper-button-prev .swiper_btn_effect_box .swiper_btn_effect_list {
    width: 200%;
    margin-left: -100%;
    -webkit-transition: margin .3s ease;
    transition: margin .3s ease;
    height: 100%;
}
.page_content .head_thumb_box .gallery_thumb .thumb_arrow .swiper-button-next .swiper_btn_effect_box .swiper_btn_effect_list i, .page_content .head_thumb_box .gallery_thumb .thumb_arrow .swiper-button-prev .swiper_btn_effect_box .swiper_btn_effect_list i {
    width: 50%;
    text-align: center;
}
.page_content .head_thumb_box .gallery_thumb .thumb_arrow .swiper-button-next .swiper_btn_effect_box .swiper_btn_effect_list i:before, .page_content .head_thumb_box .gallery_thumb .thumb_arrow .swiper-button-prev .swiper_btn_effect_box .swiper_btn_effect_list i:before {
    content: '';
    display: block;
    width: .58rem;
    height: 100%;
    border-radius: .29rem;
    background: url(/res/magic/images/icon_arrow_15.png) no-repeat center;
    filter: grayscale(1);
}
.page_content .head_thumb_box .gallery_thumb .thumb_arrow .swiper-button-next .swiper_btn_effect_box .swiper_btn_effect_list i:first-child {
}
.page_content .head_thumb_box .gallery_thumb .thumb_arrow .swiper-button-next:hover p, .page_content .head_thumb_box .gallery_thumb .thumb_arrow .swiper-button-prev:hover p {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.page_content .head_thumb_box .gallery_thumb .thumb_arrow .swiper-button-next:hover .swiper_btn_effect_box .swiper_btn_effect_list, .page_content .head_thumb_box .gallery_thumb .thumb_arrow .swiper-button-prev:hover .swiper_btn_effect_box .swiper_btn_effect_list {
    margin-left: 0;
}
.page_content .product_show .pro_show_head .head_text{
    padding-top: .3rem;
}
.page_content .pro_show_head .head_text .head_title{
    font-size: var(--font-size-f-36);
    font-family: 'segoeuib';
    margin-bottom: .15rem;
}
.page_content .pro_show_head .head_text .head_remark{
    font-size: var(--font-size-f-16);
    line-height: .26rem;
    color: #999999;
}
.page_content .pro_show_head .head_text .pro_features{
    border-top: .01rem solid #ebebeb;
    border-bottom: 0.01rem solid #ebebeb;
    margin: .3rem 0;
    font-size: var(--font-size-f-16);
    line-height: .36rem;
    color: #666666;
    padding: .25rem 0;
}
.page_content .pro_show_head .head_text .pro_features .pro_features_remark{
    white-space: pre-line;
}
.page_content .pro_show_head .head_text .head_share{
    width: 100%;
}
.page_content .pro_show_head .head_text .head_share a{
    display: inline-block;
    margin-right: .05rem;
}
.page_content .pro_show_head .head_text .head_share a img{
    max-width: 0.35rem;
    transition: all .3s linear;
}
.page_content .pro_show_head .head_text .head_share a:hover img{
    opacity:.5 
}
.page_content .pro_show_head .head_text .head_inquire{
    display: flex;
    justify-content: flex-start;
    margin-top: .3rem;
}
.page_content .pro_show_head .head_text .head_inquire a{
    color: #ffffff;
    background: var(--color);
}
.page_content .pro_show_head .head_text .head_inquire .inquire_contact, .page_content .pro_show_head .head_text .head_inquire .share_pro{
    padding: 11px 45px;
    border: .02rem solid var(--color);
    border-radius: .5rem;
    box-sizing: border-box;
    font-size: var(--font-size-f-16);
    font-family: 'seguisb';
}
.page_content .pro_show_head .head_text .head_inquire .inquire_contact{
    margin-right: .15rem;
}
.page_content .pro_show_head .head_text .head_inquire .share_pro{
    color: var(--color);
    cursor: pointer;
}
.page_content .pro_show_head .head_text .head_inquire .inquire_contact > span, .page_content .pro_show_head .head_text .head_inquire .share_pro > span{
}
.page_content .pro_show_head .head_text .head_inquire .inquire_contact > span .effect_label, .page_content .pro_show_head .head_text .head_inquire .share_pro > span .effect_label{
}
.page_content .pro_show_head .head_text .head_inquire .inquire_contact > span .effect_label span, .page_content .pro_show_head .head_text .head_inquire .share_pro > span .effect_label span{
}
.page_content .pro_show_head .head_text .head_inquire .inquire_contact > span .effect_label span img, .page_content .pro_show_head .head_text .head_inquire .share_pro > span .effect_label span img{
    padding-right: .15rem;
}
.page_content .pro_show_head .head_text .e_commerce_platform{
    padding: 0;
}
.page_content .pro_show_head .head_text .e_commerce_platform .auto-container{
    padding: 0;
}
.page_content .pro_show_head .head_text .e_commerce_platform .e_commerce_platform_box{
    margin-top: .2rem;
}
.page_content .pro_show_head .head_text .e_commerce_platform .e_commerce_platform_box .item{
    width: 35%;
}
.page_content .pro_show_head .head_text .e_commerce_platform .e_commerce_platform_box .item a{
    padding: .1rem 0;
}
.page_content .pro_show_head .head_text .e_commerce_platform .e_commerce_platform_box .item .img_box{
}
.page_content .pro_show_head .head_text .e_commerce_platform .e_commerce_platform_box .item .img_box img{
    max-width: .5rem;
}
.page_content .pro_show_head .head_text .e_commerce_platform .e_commerce_platform_box .item p{
    font-size: var(--font-size-f-20);
    margin-left: .2rem;
}
.page_content .pro_show_content_box{
}
.page_content .pro_show_content_box .pro_show_content_head{
    border-bottom: .01rem solid #eeeeee;
}
.page_content .pro_show_content_box .pro_show_content_head p{
    font-size: var(--font-size-f-20);
    color:var(--color);
    font-family: 'segoeuib';
    padding-bottom: .15rem;
    border-bottom: .02rem solid var(--color);
    width: max-content;
}
.page_content .pro_show_content_box .pro_show_content{
    padding-top: .4rem;
}
.page_content .pro_show_content_box .pro_show_content p{
}
.page_content .pro_related{
    background: #f8f8f8;
    padding-bottom: .8rem;
}
.page_content .pro_related .auto-container{
    position: relative;
}
.page_content .pro_related .related_head{
    padding: .4rem 0;
}
.page_content .related_head .pro_related_title{
    font-size: var(--font-size-f-26);
    color: #333333;
    font-family: 'segoeuib';
}
.page_content .related_head .pro_related_arrow{
}
.page_content .related_head .pro_related_arrow .swiper-button-prev, .page_content .related_head .pro_related_arrow .swiper-button-next{
    align-items: center;
}
.page_content .related_head .pro_related_arrow .swiper-button-prev{
    left: unset;
    top: .4rem;
    right: .5rem;
}
.page_content .related_head .pro_related_arrow .swiper-button-next{
    right: 0;
    top: .4rem;
}
.page_content .related_head .pro_related_arrow .swiper-button-prev img, .page_content .related_head .pro_related_arrow .swiper-button-next img{
    max-width: .16rem;
    max-height: .16rem;
    filter: grayscale(1);
}
.page_content .related_head .pro_related_arrow .swiper-button-next:hover img, .page_content .related_head .pro_related_arrow .swiper-button-prev:hover img{
    filter: unset;
}
.page_content .pro_related_box{
}
.page_content .pro_related_box .swiper{
}
.page_content .pro_related_box .swiper-wrapper{
}
.page_content .pro_related_box .swiper-slide{
}
.page_content .pro_related_box .swiper-slide .item{
    background: #ffffff;
}
.page_content .pro_related_box .swiper-slide .item:nth-child(4n){
    margin-right: 0;
}
.page_content .pro_related_box .swiper-slide .item .img_box{
    overflow: hidden;
    border-bottom: .01rem solid #f8f8f8;
    position: relative;
}
.page_content .pro_related_box .swiper-slide .item .img_box a{
}
.page_content .pro_related_box .swiper-slide .item .img_box img{
}
.page_content .pro_related_box .swiper-slide .item .img_box img {
    transition: opacity 0.3s ease-in-out;
}
.page_content .pro_related_box .swiper-slide .item .img_box .quote-button{
    position: absolute;
    top: .14rem;
    right: .14rem;
    background: var(--color);
    border-radius: .05rem;
    padding: .1rem .2rem;
    color: #ffffff;
    font-size: var(--font-size-f-16);
    cursor: pointer;
}
.page_content .pro_related_box .swiper-slide .item .img_box .quote-button >span{
}
.page_content .pro_related_box .swiper-slide .item .img_box .quote-button >span .effect_label{
}
.page_content .pro_related_box .swiper-slide .item .img_box .quote-button >span .effect_label span{
}
.page_content .pro_related_box .swiper-slide .item .text_box{
    padding: .35rem;
    text-align: center;
    font-size: var(--font-size-f-18);
    line-height: .24rem;
}
.page_content .pro_related_box .swiper-slide .item .text_box .title{
    margin-bottom: .2rem;
}
.page_content .pro_related_box .swiper-slide .item .text_box .title a{
    font-family: 'segoeuib';
}
.page_content .pro_related_box .swiper-slide .item .text_box .code{
    color: #666666;
}
.page_content .pro_related_box .swiper-slide .item:hover  .text_box .title a,
.page_content .page_products .product_list_item .item:hover  .text_box .title a{
    color: var(--color);
}
.page_content .product_show{
}
.page_content .product_show .pro_contact{
    background: #f8f8f8;
    padding-bottom: .8rem;
}
.page_content .product_show .pro_contact > .auto-container{
    display: flex;
}
.page_content .product_show .pro_contact .left{
    width: 80%;
    border-radius: .1rem;
    overflow: hidden;
}
.page_content .product_show .pro_contact .left .common_form{
    padding: .85rem;
    padding-bottom: .6rem;
}
.page_content .product_show .pro_contact .left .common_form .auto-container>p{
    font-size: var(--font-size-f-30);
    max-width: 100%;
}
.page_content .product_show .pro_contact .left .common_form form{
    text-align: left;
}
.page_content .product_show .pro_contact .right{
    width: 20%;
    padding-left: .5714%;
    display: flex;
    flex-direction: column;
}
.page_content .product_show .pro_contact .right .item{
    border-radius: .1rem;
    overflow: hidden;
    height: 50%;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}
.page_content .product_show .pro_contact .right .item:first-child{
    background: #222222;
    margin-bottom: .08rem;
}
.page_content .product_show .pro_contact .right .item:last-child{
    background: var(--color);
}
.page_content .product_show .pro_contact .right .item:last-child img{
    max-width: 1.1rem;
    max-height: 1.1rem;
    overflow: hidden;
    border-radius: .05rem;
}
.page_content .product_show .pro_contact .right .item > p{
    color: #ffffff;
    text-transform: uppercase;
    font-size: var(--font-size-f-30);
    font-family: 'segoeuib';
    margin-bottom: .15rem;
    width: 100%;
}
.page_content .product_show .pro_contact .right .item .item_box{
    width: 1.45rem;
    height: .45rem;
    line-height: .45rem;
    background: #ffffff;
    border-radius: .45rem;
    margin: auto;
    font-size: var(--font-size-f-16);
    font-family: 'seguisb';
    transition: all .5s cubic-bezier(0.4, 0, 1, 1);
}
.page_content .product_show .pro_contact .right .item .item_box a{
}
.page_content .product_show .pro_contact .right .item .item_box img{
    vertical-align: middle;
    margin-top: -.03rem;
    margin-right: .03rem;
}
.page_content .product_show .pro_contact .right .item .item_box img span{
}
.page_content .product_show .pro_contact .right .item .item_box:hover{
    background: var(--color);
}
.page_content .product_show .pro_contact .right .item .item_box:hover a{
    color: #ffffff;
}
#share_popups{
}
#share_popups .modal-dialog{
}
#share_popups .modal-content{
    border: 0;
}
#share_popups_box{
    background: var(--color);
}
#share_popups .modal-content .modal-header{
    padding: 0;
    border: 0;
}
#share_popups .modal-content .modal-header .modal_head{
    width: 100%;
    text-align: center;
    padding-top: .25rem;
}
#share_popups .modal-content .modal-header .modal_head p{
}
#share_popups .modal-content .modal-header .modal_head p img{
}
#share_popups .modal-content .modal-header .modal_head .modal-title{
    width: 100%;
    display: inline-block;
    font-size: var(--font-size-f-26);
    font-family: segoeuib;
    color: #ffffff;
    line-height: .36rem;
}
#share_popups .modal-content .modal-header button{
    width: .3rem;
    height: .3rem;
    background: #ffffff;
    border-radius: .3rem;
    opacity: 1;
    margin-top: .1rem;
    margin-right: .1rem;
}
#share_popups .modal-content .modal-header button span{
    font-size: var(--font-size-f-30);
    color: var(--color);
}
#share_popups .modal-content .modal-body{
}
#share_popups .modal-content .modal-body .thumb_box{
    border-radius: .1rem;
    overflow: hidden;
    background: #ffffff;
    text-align: center;
}
#share_popups .modal-content .modal-body .thumb_box img{
    max-width: 4rem;
}
#share_popups .modal-content .modal-body .text_box{
    background: #ffffff;
    border-radius: .1rem;
    margin-top: .08rem;
    display: flex;
    padding: .3rem;
    align-items: center;
}
#share_popups .modal-content .modal-body .text_box .left{
    width: 80%;
    padding-right: 5%;
}
#share_popups .modal-content .modal-body .text_box .left .title{
    font-size: var(--font-size-f-22);
    font-family: seguisb;
    line-height: normal;
    margin-bottom: .1rem;
}
#share_popups .modal-content .modal-body .text_box .left .code{
    font-size: var(--font-size-f-16);
    color: var(--color);
    margin-bottom: .1rem;
}
#share_popups .modal-content .modal-body .text_box .left .remark{
    font-size: var(--font-size-f-16);
    line-height: normal;
    color: #666666;
}
#share_popups .modal-content .modal-body .text_box .right{
    width: 30%;
    padding: .12rem;
    border-radius: .1rem;
    border: .01rem solid;
}
#share_popups .capture_icon{
    background: var(--color);
    margin-top: -.1rem;
    padding-bottom: .2rem;
    text-align: center;
}
#share_popups .capture_icon img{
    margin-top: .1rem;
    cursor: pointer;
}
.page_content{
}
.page_content .page_about{
}
.page_content .page_about .block_title{
    padding-top: .65rem;
    margin-bottom: .5rem;
}
.page_content .page_content_head{
    border-bottom: .01rem solid #eeeeee;
}
.page_content .page_about .page_content_head .auto-container{
    display: flex;
    justify-content: space-between;
}
.page_content .page_about .page_content_head .company_profile{
}
.page_content .page_about .company_profile{
    position: relative;
    margin-top: .8rem;
    padding-bottom: .8rem;
}
.page_content .page_about .company_profile .auto-container{
    display: flex;
    align-items: stretch;
}
.page_content .page_about .company_profile:before{
    content:'';
    display:block;
    position: absolute;
    left: .5rem;
    top: 0;
    background: url(/images/about_03.png) no-repeat;
    width: 9.45rem;
    height: .9rem;
    background-size: contain;
    z-index: -1;
}
.page_content .page_about .company_profile .left{
    width: 55.3571%;
    padding-right: 5.3571%;
    padding-top: .25rem;
}
.page_content .page_about .company_profile .left, .page_content .page_about .company_profile .right{
}
.page_content .page_about .company_profile .left .title{
    font-size: var(--font-size-f-46);
    text-transform: uppercase;
    color: var(--color);
    font-family: 'segoeuib';
    line-height: .48rem;
}
.page_content .page_about .company_profile .left .remark{
    font-size: var(--font-size-f-30);
    line-height: .4rem;
    margin-top: .2rem;
}
.page_content .page_about .company_profile .left .content{
    font-size: var(--font-size-f-18);
    line-height: .3rem;
    margin-top: .35rem;
}
.page_content .page_about .company_profile .right{
    box-shadow: .2rem -.1rem 0 0px var(--color);
    position: relative;
    width: 44.6429%;
    border-radius: .3rem;
    margin: .4rem 0;
}
.page_content .page_about .company_profile .right .company_profile_bg{
    border-radius: .3rem .3rem .3rem 0;
    height: 100%;
}
.page_content .page_about .company_profile .right .play_icon{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.page_content .page_about .company_profile .right .play_icon img{
    transition: all .5s cubic-bezier(0.4, 0, 1, 1);
}
.page_content .page_about .company_profile .right .play_icon:hover{
}
.page_content .page_about .company_profile .right .play_icon img:hover{
    transform: rotate(360deg);
}
.page_content .page_about .our_brands{
    background: #f5f5f5;
    padding-bottom: .75rem;
}
.page_content .page_about .our_brands_box{
}
.page_content .page_about .our_brands_box .item_box{
    margin: auto;
    display: flex;
    justify-content: space-between;
    padding: 0 .8rem;
}
.page_content .page_about .our_brands_box .item_box:first-child{
    max-width: 14rem;
}
.page_content .page_about .our_brands_box .item_box:last-child{
    max-width: 18.2rem;
}
.page_content .page_about .our_brands_box .item_box .item{
    width: 3.76rem;
    height: 4.35rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    align-content: center; 
    transition: all .3s cubic-bezier(0.4, 0, 1, 1);
    background: #ffffff;
    background-size: contain;
    margin: -.3rem 0px;
    clip-path: polygon(50% 0%, 100% 21.7%, 100% 78.3%, 50% 100%, 0% 78.3%, 0% 21.7%);
}
.page_content .page_about .our_brands_box .item_box:first-child .item{
}
.page_content .page_about .our_brands_box .item_box:last-child .item{
}
.page_content .page_about .our_brands_box .item_box .item .img_box{
    margin-bottom: .3rem;
}
.page_content .page_about .our_brands_box .item_box .item:first-child .img_box{
}
.page_content .page_about .our_brands_box .item_box .item:last-child .img_box{
}
.page_content .page_about .our_brands_box .item_box .item .img_box img{
    max-height: .64rem;
}
.page_content .page_about .our_brands_box .item_box .item .text_box{
    font-size: var(--font-size-f-16);
    padding: 0 .5rem;
    text-align: center;
}
.page_content .page_about .our_brands_box .item_box .item .text_box{
}
.page_content .page_about .our_brands_box .item_box .item:hover{
    transform: scale(1.03);
}
.page_content .page_about .follow_us{
}
.page_content .page_about .follow_us .follow_us_box{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.page_content .page_about .follow_us .follow_us_box .item{
    margin-right: .6428%;
    width: 24.5%;
    height: 4.4rem;
    border-radius: .1rem;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.page_content .page_about .follow_us .follow_us_box .item:last-child{
    margin-right: 0;
}
.page_content .page_about .follow_us .follow_us_box .item .img_box{
}
.page_content .page_about .follow_us .follow_us_box .item .img_box img{
    max-width: 1.37rem;
}
.page_content .page_about .follow_us .follow_us_box .item p{
    font-size: var(--font-size-f-20);
    color: #ffffff;
    font-family: 'segoeuib';

    margin-top: .1rem;
    margin-bottom: 10px;
}
.page_content .page_about .follow_us .follow_us_box .item a{
    border: .02rem solid #ffffff;
    border-radius: .34rem;
    padding: .03rem .17rem;
    color: #ffffff;
    font-size: var(--font-size-f-16);
    font-family: 'seguisb';
    box-sizing: border-box;
    transition: all .3s cubic-bezier(0.4, 0, 1, 1);
    transform: translateY(.05rem);
}
.page_content .page_about .follow_us .follow_us_box .item a:hover{
    transform: translateY(0px);
    border-color: var(--color);
    color: var(--color);
}
.page_content .e_commerce_platform{
    padding: .2rem 0;
    padding-bottom: 1.1rem;
}
.page_content .e_commerce_platform .e_commerce_platform_box{
    display: flex;
    margin-top: .65rem;
}
.page_content .e_commerce_platform .e_commerce_platform_box .item{
    width: 50%;
    background: #222222;
    transition: all .5s cubic-bezier(0.4, 0, 1, 1);
}
.page_content .e_commerce_platform .e_commerce_platform_box .item a{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .88rem 0;
}
.page_content .e_commerce_platform .e_commerce_platform_box .item:nth-child(odd){
    border-radius: .2rem 0 0 .2rem;
    margin-right: .3571%;
}
.page_content .e_commerce_platform .e_commerce_platform_box .item:nth-child(even){
    border-radius: 0 .2rem .2rem 0;
    margin-left: .3571%;
}
.page_content .e_commerce_platform .e_commerce_platform_box .item .img_box{
}
.page_content .e_commerce_platform .e_commerce_platform_box .item .img_box img{
    max-width: .84rem;
}
.page_content .e_commerce_platform .e_commerce_platform_box .item p{
    font-size: var(--font-size-f-52);
    color: #ffffff;
    font-family: 'segoeuib';
    margin-left: .4rem;
}
.page_content .e_commerce_platform .e_commerce_platform_box .item:hover{
    background: var(--color);
}
.page_content .page_application{
}
.page_content .page_application .list_content_box{
    background: #f8f8f8;
}
.page_content .page_application .list_content_box .item_box{
    display: flex;
    justify-content: space-between;
    padding: .5rem 0;
}
.page_content .page_application .list_content_box .item_box .item{
    width: 33.3333%;
    margin-right: .7142%;
    background: #ffffff;
    border-radius: .05rem;
    overflow: hidden;
}
.page_content .page_application .list_content_box .item_box .item:nth-child(3n){
    margin-right: 0;
}
.page_content .page_application .list_content_box .item_box .item .img_box{
    overflow: hidden;
}
.page_content .page_application .list_content_box .item_box .item .img_box a{width: 100%;}
.page_content .page_application .list_content_box .item_box .item .img_box img{width: 100%;object-fit: cover;}
.page_content .page_application .list_content_box .item_box .item .text_box{
    padding: .4rem;
    font-family: 'seguisb';
}
.page_content .page_application .list_content_box .item_box .item .text_box > span{
    font-size: var(--font-size-f-14);
    color: var(--color);
    line-height: .26rem;
    margin-bottom: .1rem;
    display: inline-block;
}
.page_content .page_application .list_content_box .item_box .item .text_box .title{
    font-size: var(--font-size-f-24);
    line-height: .34rem;
    min-height: .68rem;
}
.page_content .page_application .list_content_box .item_box .item .text_box .title a{
}
.page_content .page_application .list_content_box .item_box .item .text_box .more_btn{
    font-size: var(--font-size-f-16);
    color: var(--color);
    margin-top: .35rem;
    display: inline-block;
    padding-right: .5rem;
}
.page_content .page_application .list_content_box .item_box .item .text_box .more_btn p{
}
.page_content .page_application .list_content_box .item_box .item:hover{
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.06);
}
.page_content .page_application .list_content_box .item_box .item:hover a{
    color:var(--color);
}
.page_content .page_video{
}
.page_content .page_video .page_video_list_box{
    background: #f8f8f8;
    padding: .5rem 0;
}
.page_content .page_video .page_video_list_box .item_box{
    display: flex;
    flex-wrap: wrap;
}
.page_content .page_video .page_video_list_box .item_box .item{
    width: 24.2857%;
    margin-right: .9285%;
}
.page_content .page_video .page_video_list_box .item_box .item:nth-child(4n){
    margin-right: 0;
}
.page_content .page_video .page_video_list_box .item_box .item .img_box{
    position: relative;
    max-height: 2rem;
}
.page_content .page_video .page_video_list_box .item_box .item .img_box:before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,.5);
    opacity: 0;
    transition: all .4s;
    -webkit-transition: all .4s;
}
.page_content .page_video .page_video_list_box .item_box .item .img_box img{
}
.page_content .page_video .page_video_list_box .item_box .item .img_box img:first-child{
    max-height: 2rem;
    width: 100%;
    object-fit: cover;
}
.page_content .page_video .page_video_list_box .item_box .item .img_box .icon_play{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: .42rem;
    opacity: 0;
    cursor: pointer;
}
.page_content .page_video .page_video_list_box .item_box .item .text_box{
    font-size: var(--font-size-f-18);
    font-family: seguisb;
    line-height: .26rem;
    min-height: .52rem;
    margin-top: .25rem;
    margin-bottom: .55rem;
}
.page_content .page_video .page_video_list_box .item_box .item .text_box .title{
}
.page_content .page_video .page_video_list_box .item_box .item:hover .img_box:before{
}
.page_content .page_video .page_video_list_box .item_box .item:hover .img_box .icon_play, .page_content .page_video .page_video_list_box .item_box .item:hover .img_box:before{
    opacity: 1;
}
.page_content .page_video .page_video_list_box .item_box .item:hover .text_box{
    color: var(--color);
}
.page_content .page_faq{
}
.page_content .page_faq .page_faq_box{
    background: #f8f8f8;
    padding: .5rem 0;
}
.page_content .page_faq .page_faq_box .page_faq_head{
    text-align: center;
    max-width: 73%;
    margin: auto;
    margin-top: .4rem;
    padding-bottom: .7rem;
}
.page_content .page_faq .page_faq_box .page_faq_head .title{
    font-size: var(--font-size-f-36);
    font-family: 'segoeuib';
    line-height: .48rem;
    margin-bottom: .3rem;
}
.page_content .page_faq .page_faq_box .page_faq_head .remark{
    font-size: var(--font-size-f-18);
    line-height: .24rem;
}
.page_content .page_faq .page_faq_box .page_faq_head .remark span{
    color: var(--color);
}
.page_content .page_faq .page_faq_box .content_info{
    border-top: .01rem solid #dddddd;
    padding-bottom: .88rem;
}
.page_content .page_faq .page_faq_box .content_info .item{
    border-bottom: .01rem solid #dddddd;
}
.page_content .page_faq .page_faq_box .content_info .item .qa-box{
    padding: 0.5rem 0;
}
.page_content .page_faq .page_faq_box .content_info .item .qa-box h4{
    font-size: var(--font-size-f-20);
    padding-left: .45rem;
    position: relative;
    font-family: 'segoeuib';
    margin-bottom: .25rem;
}
.page_content .page_faq .page_faq_box .content_info .item .qa-box h4:before, .page_content .page_faq .page_faq_box .content_info .item .qa-box .a:before{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: .3rem;
    height: .3rem;
    text-align: center;
    line-height: .28rem;
    color: #ffffff;
    border-radius: 50%;
    font-size: var(--font-size-f-18);
    font-family: 'seguisb';
}
.page_content .page_faq .page_faq_box .content_info .item .qa-box h4:before {
    content: 'Q';
    background: #222222;
}
.page_content .page_faq .page_faq_box .content_info .item .qa-box .a{
    font-size: var(--font-size-f-24);
    padding-left: .45rem;
    position: relative;
    white-space: pre-line 
}
.page_content .page_faq .page_faq_box .content_info .item .qa-box .a:before {
    content: 'A';
    background: var(--color);
}
.page_content .page_faq .page_faq_box .page_faq_bottom{
    position: relative;
    color: #ffffff;
    margin-bottom: .35rem;
}
.page_content .page_faq .page_faq_box .page_faq_bottom .img_box{
}
.page_content .page_faq .page_faq_box .page_faq_bottom .img_box img{width: 100%;object-fit: cover;}
.page_content .page_faq .page_faq_box .page_faq_bottom .text_box{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: revert;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.page_content .page_faq .page_faq_box .page_faq_bottom .text_box p{
    font-size: var(--font-size-f-36);
    font-family: 'segoeuib';
    line-height: .48rem;
    margin-bottom: .25rem;
}
.page_content .page_faq .page_faq_box .page_faq_bottom .text_box a{
    color: #ffffff;
    font-size: var(--font-size-f-18);
    font-family: 'segoeuib';
    text-transform: uppercase;
    padding: .12rem .35rem;
    background: var(--color);
    border-radius: .5rem;
    transition: all .5s cubic-bezier(0.4, 0, 1, 1);
}
.page_content .page_faq .page_faq_box .page_faq_bottom .text_box a:hover{
    background: #ffffff;
    color: var(--color);
}
.page_content .page_support{
}
.page_content .page_support .page_support_box{
    background: #f8f8f8;
    padding: .5rem 0;
}
.page_content .page_support .page_support_box .item_box{
    margin-bottom: .4rem;
}
.page_content .page_support .page_support_box .item_box .item{
    background: #ffffff;
    margin-bottom: .1rem;
    display: flex;
    justify-content: space-between;
    padding: 0 .4rem;
    align-items: center;
}
.page_content .page_support .page_support_box .item_box .item .title{
    width: 70%;
    display: flex;
    align-items: center;
}
.page_content .page_support .page_support_box .item_box .item .title img{
    margin-right: .15rem;
    max-width: .28rem;
    vertical-align: middle;
    margin-top: -.05rem;
}
.page_content .page_support .page_support_box .item_box .item .title a{
    font-size: var(--font-size-f-20);
    line-height: .24rem;
    padding: .35rem 0;
    width: 92%;
}
.page_content .page_support .page_support_box .item_box .item .textbox{
    display: flex;
    font-size: var(--font-size-f-16);
    color: #999999;
    align-items: center;
    width: 30%;
    justify-content: space-between;
}
.page_content .page_support .page_support_box .item_box .item .textbox .time{
}
.page_content .page_support .page_support_box .item_box .item .textbox .time img, .page_content .page_support .page_support_box .item_box .item .textbox .download_num img, .page_content .page_support .page_support_box .item_box .item .textbox .download_btn a img{
    margin-top: .05rem;
    margin-right: .05rem;
}
.page_content .page_support .page_support_box .item_box .item .textbox .time img{
}
.page_content .page_support .page_support_box .item_box .item .textbox .download_num{
}
.page_content .page_support .page_support_box .item_box .item .textbox .download_num img{
    filter: contrast(0);
}
.page_content .page_support .page_support_box .item_box .item .textbox .download_num span{
}
.page_content .page_support .page_support_box .item_box .item .textbox .download_btn{
}
.page_content .page_support .page_support_box .item_box .item .textbox .download_btn a{
    padding: 0.13rem 0.28rem;
    border-radius: 0.05rem;
    border: 0.01rem solid;
    box-sizing: border-box;
}
.page_content .page_support .page_support_box .item_box .item .textbox .download_btn a img{
}
.page_content .page_support .page_support_box .item_box .item .textbox .download_btn a:hover{
    background: var(--color);
    color: #ffffff;
}
.page_content .page_support .page_support_box .item_box .item .textbox .download_btn a:hover img{
    filter: brightness(100);
}
.page_content .page_news{
}
.page_content .page_news .page_news_box{
    background: #f8f8f8;
    padding: .5rem 0;
}
.page_content .page_news .page_news_box .item_box{
    display: flex;
    flex-wrap: wrap;
    padding-bottom: .4rem;
}
.page_content .page_news .page_news_box .item_box .item{
    width: 49.2857%;
    margin-right: .7142%;
    margin-bottom: .2rem;
    position: relative;
}
.page_content .page_news .page_news_box .item_box .item:nth-child(even){
    margin-right: 0;
    margin-left: .7142%;
}
.page_content .page_news .page_news_box .item_box .item .img_box{
    overflow: hidden;
}
.page_content .page_news .page_news_box .item_box .item .img_box a{
    width: 100%;
}
.page_content .page_news .page_news_box .item_box .item .img_box a img{
    width: 100%;
    object-fit: cover;
}
.page_content .page_news .page_news_box .item_box .item .text_box{
    position: absolute;
    bottom: 0;
    background: rgb(0 0 0 / 50%);
    width: 100%;
    padding: .15rem .25rem;
}
.page_content .page_news .page_news_box .item_box .item .text_box .time{
    font-size: var(--font-size-f-14);
    font-family: 'seguisb';
    line-height: .26rem;
    color: var(--color);
}
.page_content .page_news .page_news_box .item_box .item .text_box .title{
    font-size: var(--font-size-f-22);
    line-height: .36rem;
    font-family: 'seguisb';
}
.page_content .page_news .page_news_box .item_box .item .text_box .title a{
    color: #ffffff;
}
.page_content .page_content_show{
}
.page_content .page_content_show .page_content_show_box{
    background: #f8f8f8;
    padding: .4rem 0;
}
.page_content .page_content_show_box > .auto-container{
    background: #ffffff;
    padding: .4rem;
    margin-bottom: .65rem;
}
.page_content .page_content_show_box .show_head{
    text-align: center;
    padding: .3rem 0;
    border-bottom: .01rem solid #eeeeee;
}
.page_content .page_content_show_box .show_head h1{
    font-size: var(--font-size-f-26);
    font-family: 'segoeuib';
    margin-bottom: .15rem;
}
.page_content .page_content_show_box .show_head .other{
}
.page_content .page_content_show_box .show_head .other .time{
    font-size: var(--font-size-f-14);
}
.page_content .page_content_show_box .show_head .other .time img{
    vertical-align: middle;
    margin-top: -.03rem;
    margin-right: .05rem;
}
.page_content .page_content_show_box .show_box{
    padding: .3rem 0;
    border-bottom: .01rem solid #eeeeee;
}
.page_content .page_content_show_box .show_box p{
    font-size: var(--font-size-f-16);
    line-height: .24rem;
}
.page_content .page_content_show_box .post-pagination{
    padding: .3rem 0;
}
.page_content .page_content_show_box .post-pagination p{
    margin-bottom: .05rem;
}
.page_content .page_content_show_box .post-pagination p:first-child a img{
    transform: rotate(180deg);
}
.page_content .page_content_show_box .post-pagination p a{
    font-size: var(--font-size-f-16);
    font-family: segoeuib;
}
.page_content .page_content_show_box .post-pagination p a img{
    filter: grayscale(1);
    margin-right: .15rem;
    margin-top: .05rem;
}
.page_content .page_content_show_box .post-pagination p a:hover{
}
.page_content .page_content_show_box .post-pagination p a:hover img{
    filter: unset;
}
.page_content .page_content_show_box .content_related{
}
.page_content .page_content_show_box .content_related .auto-container{
}
.page_content .page_content_show_box .content_related .related_head{
    font-size: var(--font-size-f-26);
    font-family: 'segoeuib';
    margin-bottom: .2rem;
}
.page_content .page_content_show_box .content_related .related_head_box{
    display: flex;
}
.page_content .page_content_show_box .content_related .item{
    width: 50%;
    margin-right: 1.2142%;
}
.page_content .page_content_show_box .content_related .item a{
    display: flex;
    align-items: center;
    background: #ffffff;
}
.page_content .page_content_show_box .content_related .item:nth-child(even){
    margin-right: 0;
    margin-left: 1.2142%;
}
.page_content .page_content_show_box .content_related .item .img_box{
    width: 38%;
}
.page_content .page_content_show_box .content_related .item .img_box img{
}
.page_content .page_content_show_box .content_related .item .text_box{
    width: 62%;
    padding-left: 3.2142%;
}
.page_content .page_content_show_box .content_related .item .text_box p{
    font-size: var(--font-size-f-18);
    font-family: 'segoeuib';
    line-height: .26rem;
    margin-bottom: .15rem;
}
.page_content .page_content_show_box .content_related .item .text_box .other{
    display: flex;
    color: #999999;
    font-size: var(--font-size-f-14);
}
.page_content .page_content_show_box .content_related .item .text_box .other div{
    margin-right: .2rem;
}
.page_content .page_content_show_box .content_related .item .text_box .other div img{
    margin-right: .1rem;
    margin-top: .03rem;
    filter: opacity(0.5);
}
.page_content .page_contact{
}
.page_content .page_contact .page_contact_box{
    background: #f8f8f8;
    padding-top: .8rem;
}
.page_content .page_contact .page_contact_box > .auto-container{
    padding-bottom: .8rem;
}
.page_content .page_contact .page_contact_box .page_contact_head{
    display: flex;
}
.page_content .page_contact .page_contact_box .page_contact_head .item{
    background: #ffffff;
    width: 27%;
    margin-right: .5%;
    padding: .6rem;
    display: flex;
    flex-direction: column;
    padding-right: .2rem;
    min-height: 3rem;
    padding-top: .7rem;
    border-radius: .1rem;
}
.page_content .page_contact .page_contact_box .page_contact_head .item:last-child{
    width: 45%;
    margin-right: 0;
}
.page_content .page_contact .page_contact_box .page_contact_head .item .head_icon{
    display: flex;
    align-items: center;
    font-size: var(--font-size-f-24);
    color: var(--color);
    text-transform: uppercase;
}
.page_content .page_contact .page_contact_box .page_contact_head .item .head_icon img{
    margin-right: .25rem;
    max-width: .6rem;
}
.page_content .page_contact .page_contact_box .page_contact_head .item a, .page_content .page_contact .page_contact_box .page_contact_head .item p{
    font-size: var(--font-size-f-20);
    font-family: 'seguisb';
    line-height: .36rem;
    margin-top: .2rem;
}
.page_content .page_contact .page_contact_box .page_contact_head .item a{
}
.page_content .page_contact .page_contact_box .page_contact_head .item p{
}
.page_content .page_contact .page_contact_box .page_contact_bottom{
    display: flex;
    margin-top: .3rem;
    flex-wrap: wrap;
}
.page_content .page_contact .page_contact_box .page_contact_bottom .item{
    background: #ffffff;
    border-radius: .1rem;
    width: 49.6428%;
    margin-right: .3571%;
    padding: .85rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page_content .page_contact .page_contact_box .page_contact_bottom .item:nth-child(even){
    margin-right:0;
    margin-left: .3571%;
}
.page_content .page_contact .page_contact_box .page_contact_bottom .item .img_box{
    width: 1.5rem;
    height: 1.5rem;
    border: .01rem solid #666666;
    border-radius: .05rem;
    margin-right: .3rem;
}
.page_content .page_contact .page_contact_box .page_contact_bottom .item .img_box img{
}
.page_content .page_contact .page_contact_box .page_contact_bottom .item .text_box{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.page_content .page_contact .page_contact_box .page_contact_bottom .item .text_box p{
    text-transform: uppercase;
    font-size: var(--font-size-f-24);
    color: var(--color);
    line-height: .36rem;
}
.page_content .page_contact .page_contact_box .page_contact_bottom .item .text_box a, .page_content .page_contact .page_contact_box .page_contact_bottom .item .text_box span{
    font-size: var(--font-size-f-20);
    font-family: seguisb;
    line-height: .3rem;
}
.page_content .page_contact .page_contact_box .page_contact_bottom .item .text_box .whatsapp_btn{
    font-size: var(--font-size-f-16);
    font-family: seguisb;
    border-radius: .45rem;
    border: .01rem solid #666666;
    padding: 6px 20px;
    display: inline-block;
    margin-top: .3rem;
}
.page_content .page_contact .page_contact_box .page_contact_bottom .item .text_box .whatsapp_btn img{
    margin-right: .05rem;
    max-width: .28rem;
}
.page_content .page_contact .page_contact_box .page_contact_bottom .item .text_box{
}
.page_content .page_contact .page_contact_box .page_contact_bottom .item .text_box span{
}
.page_content .quotatio {
    color: #333;
    font-size: .16rem;
    padding: .5rem 0;
    background: #f8f8f8;
}
.page_content .quotatio .auto-container h1 {
    font-size: .26rem;
    font-weight: 700 
}
.page_content .quotatio .auto-container p {
    color: #666;
    margin-top: .2rem;
}
.page_content .quotatio .row {
    background: #fff;
    margin: .2rem 0;
}
.page_content .quotatio .quotation-box>div {
    padding: 0 
}
.page_content .quotatio .quotation-box .qpl {
    border: .015rem solid #e2e2e2 
}
.page_content .quotatio .quotation-box div .product-header {
    display: flex;
    background: #e2e2e2;
    padding: .25rem 0;
    color: #666 
}
.page_content .quotatio .quotation-box div .action {
    width: 15%;
    text-align: center 
}
.page_content .quotatio .quotation-box div .product-item {
    width: 70%;
    display: flex 
}
.page_content .quotatio .row #quotatio-product-list .quotatio-item {
    display: flex;
    padding: .15rem 0;
    border-bottom: .01rem solid #eee 
}
.page_content .quotatio .row #quotatio-product-list .quotatio-item .imgbox {
    width: 30% 
}
.page_content .quotatio .row #quotatio-product-list .quotatio-item .imgbox img {
    width: 100% 
}
.page_content .quotatio .row #quotatio-product-list .quotatio-item .text {
    width: 70%;
    margin: .4rem .2rem;
}
.page_content .quotatio .row #quotatio-product-list .quotatio-item .action {
    margin-top: .5rem;
}
.page_content .quotatio .row #quotatio-product-list .quotatio-item .action img {
    cursor: pointer;
    max-width: .19rem;
    filter: invert(1);
}
.page_content .quotatio .row #quotatio-product-list .quotatio-item .text h3 {
    font-size: var(--font-size-f-18);
    line-height: .18rem;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: #333 
}
.page_content .quotatio .row #quotatio-product-list .quotatio-item .text p {
    margin-top: .1rem;
    color: #999 
}
.page_content .quotatio .message-box {
    margin: .2rem auto;
    background: #fff;
    padding: .3rem;
}
.page_content .quotatio .message-box .from {
    margin-top: .3rem;
}
.page_content .quotatio .message-box .from .input {
    display: flex;
    justify-content: space-between;
    margin-bottom: .2rem;
}
.page_content .quotatio .message-box .from .input>div {
    width: 32.5% 
}
.page_content .quotatio .message-box .from .input input {
    width: 100%;
    padding: .15rem .2rem;
}
.page_content .quotatio .message-box .from textarea {
    width: 100%;
    height: 1.5rem;
    padding: .15rem .2rem;
    margin-bottom: .2rem;
}
.page_content .quotatio .message-box .from .input input,.page_content .quotatio .message-box .from textarea {
    background: #f8f8f8;
    border: 0;
    resize: none;
    font-size: var(--font-size-f-16);
}
.page_content .quotatio .message-box .from .submit input {
    padding: .05rem .3rem;
    color: #fff;
    background: var(--color);
    border: 0;
    font-size: var(--font-size-f-20);
    border-radius: .3rem;
}
.page_content .quotatio .quotation-box>div .message-box {
    margin: 0;
    padding-top: .2rem;
}
.page_content .quotatio .quotation-box>div .message-box .header span {
    font-size: var(--font-size-f-26);
    font-weight: 700 
}
.page_content .quotatio .quotation-box>div .message-box .checktext {
    display: flex;
    justify-content: space-between;
    padding: .2rem 0;
    border-bottom: .01rem solid #eee;
    margin-bottom: .3rem;
}
.page_content .quotatio .quotation-box>div .message-box .checktext .buttom span#clear {
    cursor: pointer 
}
.page_content .quotatio .quotation-box>div .message-box .checktext .buttom input[type=checkbox] {
    margin-right: .1rem;
}
.page_content .quotatio .quotation-box>div .message-box .checktext .text {
    margin-top: -.15rem;
}
.page_content .quotatio .quotation-box>div .message-box .checktext .text span {
    color: var(--color);
    font-size: var(--font-size-f-30);
    font-weight: 700;
    margin-right: .1rem;
}
.page_content .quotatio .quotation-box>div .message-box .from textarea {
    height: 3.2rem;
}
.page_content .quotatio .quotation-box>div .message-box .from .submit {
    text-align: right 
}
.page_content .quotatio .quotation-box>div .message-box .from .submit input[type=button] {
    background: unset;
    color: var(--color);
    border: .01rem solid var(--color);
    margin-right: .1rem;
}
.page_content.page_search .page_products .product_list_item .item{
    opacity: 1;
}