#myModal #popbox{}
#myModal #popbox img{
    max-width: 100%;
}
#myModal .modal-content{
    /* background: #000; */
}
#myModal .modal-dialog{
    max-width: 28%;
}
#myModal .modal-header .close span{
    /* color: #fff; */
    /* font-size: 25px; */
    /* line-height: .1rem; */
    margin-left: .01rem;
    line-height: .18rem;
}
#myModal .modal-header .close{
    opacity: 1;
    position: absolute;
    z-index: 99;
    right: -.1rem;
    top: -.1rem;
    background: #ffffff;
    width: .3rem;
    height: .3rem;
    border-radius: 100vh;
    text-align: center;
    line-height: .18rem;
    font-size: .2rem;
}

.anchor_point{
    position: relative;
    top: -.8rem;
}
 .common_from{
    padding: 1.3rem 0;
}
.common_from .from_title{
    text-align: center;
    font-size: .4rem;
    color: #ffffff;
    white-space: pre-line;
    line-height: .6rem;
    margin-bottom: .6rem;
}
.common_from form{}
.common_from form .input{
    display: flex;
    gap: .2rem;
}
.common_from form .input div{
    flex: 0 0 calc((100% - 3 * .2rem) / 4);
    padding-bottom: .2rem;
    border-bottom: .01rem solid #ffffff;
}
.common_from form .input div input,
.common_from form .textarea_box textarea{
    width: 100%;
    color: #ffffff;
}
.common_from form .input div input,
.common_from form .textarea_box textarea,
.common_from form .submit p{
    font-size: .18rem;
}
.common_from form .input div input::placeholder,
.common_from form .textarea_box textarea::placeholder,
.common_from form .submit p{
 color:rgb(255 255 255 / 40%)
}
.common_from form .input div input{}
.common_from form .textarea_box{
    padding: .25rem 0;
    border-bottom: .01rem solid #ffffff;
    margin-bottom: .4rem;
}
.common_from form .textarea_box textarea{
    height: 1.5rem;
}
.common_from form .submit{
    text-align: center;
}
.common_from form .submit p{
    font-size: .18rem;
}
.common_from form .submit .btn_effect4{margin-top: .35rem;}
.common_from form .submit .btn_effect4 .btn_small_list{
    padding: .11rem .85rem;
    border-radius: 100vh;
}
.common_from form .submit .btn_effect4 .btn_small_list .btn_main_text{
    font-size: .24rem;
    font-family: 'RobotoLight';
}
.common_from form .submit .btn_effect4 .btn_small_list.hover{}
 
 .index_banner{position: relative;}
 .index_banner .swiper-slide video{
     width: 100%;
 }
 .index_banner .swiper-wrapper{
}
 .index_banner .swiper-slide{text-align: center;}
 .index_banner .swiper-slide .img{
}
 .index_banner .swiper-slide .img a{display: block;}
 .index_banner .swiper-slide .img a img{width: 100%;object-fit: cover;}
 .index_banner .swiper-pagination{
    bottom: .3rem;
}
.index_banner .swiper-button-prev {left:5%}
.index_banner .swiper-button-next {right:5%}
.index_banner .swiper-button-prev ,
.index_banner .swiper-button-next {
    width: .7rem;
    height: .7rem;
}
.section,.index_section7 .index_section7_bottom{
    margin-top: 1.1rem;
}
.index_section1,.index_section2,.index_section3,.index_section5 {
    margin-top: 1.5rem;
}

.index_section1 .auto-container {}
.index_section1 .section1_top {
    text-align: center;
    font-size: .3rem;
    color: #ffffff;
    font-family: 'RobotoLight';
    margin-bottom: .8rem;
}
.index_section1 .section1_top img {
    max-height: .7rem;
}
.index_section1 .head_block {color: #ffffff;font-family: 'RobotoLight';margin-bottom: .6rem;}
.index_section1 .head_block p{
    max-width: 50%;
    margin: auto;
    line-height: .6rem;
    text-align: center;
    margin-bottom: .3rem;
}
.head_block p ,.index_section2 .item .right h2,.index_section3 .head_block_title,.index_section5 .head_block_title{
    font-size: .5rem;
}
.index_section1 .head_block span {
    font-size: .18rem;
    /*color: #aaaaaa;*/
    line-height: .3rem;
    max-width: 75%;
    margin: auto;
    text-align: center;
}
.index_section1 .section1_bottom {
    text-align: center;
}
.index_section1 .section1_bottom a {
    font-size: .18rem;
    color: var(--color);
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-.2rem);
  }
}

.index_section1 .section1_bottom a img {
    max-width: 1rem;
    animation: bounce 2s linear infinite;
}
.index_section1 .section1_bottom a span {
    display: block;
    margin-top: .2rem;
}

.index_section1 .index_section1_box {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
}
.index_section1 .index_section1_box .item {color: #ffffff;}
.index_section1 .index_section1_box .item .txt {
}
.index_section1 .index_section1_box .item .txt div{
    font-size: .6rem;
}
.index_section1 .index_section1_box .item .txt div p{
    display: inline-block;
}
.index_section1 .index_section1_box .item .txt .counter {}
.index_section1 .index_section1_box .item .remark {
    font-size: .2rem;
}

.index_section2 {}
.index_section2 .index_section2_box {}
.index_section2 .index_section2_box .item {
    display: flex;
    align-items: center;
}
.index_section2 .index_section2_box .item:nth-child(odd){
 flex-direction: row-reverse;
}
.index_section2 .index_section2_box .item:nth-child(1){
    background: #2e3240;
}
.index_section2 .index_section2_box .item:nth-child(2){background: #1f2126;}

.index_section2 .index_section2_box .item:nth-child(3){background: #495a6e;}
.index_section2 .index_section2_box .item:nth-child(4){background: #a59378;}
.index_section2 .item .left,
.index_section2 .item .right {
    width: 50%;
}
.index_section2 .item .left {}
.index_section2 .item .left img {
    width: 100%;
    object-fit: cover;
}
.index_section2 .item .right {
    padding: 5%;
    /* height: auto; */
}
.index_section2 .item .right h2 {
    text-align: center;
    color: #ffffff;
}
.index_section2 .item .right .item_swiper_box {
    position: relative;
    margin: .9rem 0;
}
.index_section2 .item .right .item_swiper_box .swiper-container {}
.index_section2 .item .right .item_swiper_box .swiper-wrapper {}
.index_section2 .item .right .item_swiper_box .swiper-slide {}
.index_section2 .item .right .item_swiper_box .swiper-slide a {}
.index_section2 .item .right .item_swiper_box .swiper-slide a .img_box {}
.index_section2 .item .right .item_swiper_box .swiper-slide a .img_box img {}
.index_section2 .item .right .item_swiper_box .swiper-pagination {
    display: none;
}
.index_section2 .item .right .item_swiper_box .swiper-button-prev,
.index_section2 .item .right .item_swiper_box .swiper-button-next{
    background: unset;
}
.index_section2 .item .right .item_swiper_box .swiper-button-prev:before,
.index_section2 .item .right .item_swiper_box .swiper-button-next:before{
    border-color: #ffffff;
    left: 15%;
    top: 30%;
}
.index_section2 .item .right .item_swiper_box .swiper-button-prev {
    left: -.5rem;
}
.index_section2 .item .right .item_swiper_box .swiper-button-next {
    right: -.5rem;
}
.index_section2 .item .right .more_btn {text-align: center;}
.index_section2 .item .right .more_btn .btn_effect4 {}
.index_section2 .item .right .more_btn .btn_effect4 .btn_small_list {
    border: .01rem solid rgb(255 255 255 / 15%);
    border-radius: 100vh;
    background-color: rgb(255 255 255 / 15%);
}
.index_section2 .item .right .more_btn .btn_effect4 .btn_small_list.hover {
    border: var(--color);
    background-color: var(--color);
    color: #ffffff;
}

.index_section3 {}
.index_section3 .head_block_title {
    text-align: center;
    color: #ffffff;
}
.index_section3 .marquee_box {}
.index_section3 .marquee_box .marquee_track {}
.index_section3 .marquee_box .marquee_track .item {}
.index_section3 .marquee_box .marquee_track .item img {}

 .index_section3 .marquee_box{
    width:100%;
    height: 1rem;
    overflow:hidden;
    position:relative;
    /*margin: .8rem 0;*/
    margin-bottom: 1.5rem;
    margin-top: .7rem;
}
 .index_section3 .marquee_box .marquee_track{
    position: relative;
	left: -4rem;
}
 .index_section3 .marquee_box .marquee_track .item{
    width: 4rem;
	height: 1rem;
	position: absolute;
	line-height: 1rem;
	text-align: center;
}

.index_section3 .index_pro {}
.index_section3 .index_pro .swiper-container {
    padding-bottom: .6rem;
}
.index_section3 .index_pro .swiper-wrapper {}
.index_section3 .index_pro .swiper-pagination{}
.index_section3 .index_pro .swiper-slide {
    background: #eeeeee;
}
.index_section3 .index_pro .swiper-slide .item {
    text-align: center;
}
.index_section3 .index_pro .swiper-slide .item a {}
.index_section3 .index_pro .swiper-slide .item .img_box {
    overflow: hidden;
}
.index_section3 .index_pro .swiper-slide .item .img_box img {}
.index_section3 .index_pro .swiper-slide .item .text_box {
    padding: .3rem;
    text-align: center;
    padding-bottom: 0;
}
.index_section3 .index_pro .swiper-slide .item .text_box span {
    font-size: .16rem;
    font-family: 'RobotoRegular';
    color: rgb(0 0 0 / 60%);
}
.index_section3 .index_pro .swiper-slide .item .text_box p {
    font-size: .24rem;
    font-family: 'RobotoRegular';
    margin: .1rem 0;
}
.index_section3 .index_pro .swiper-slide .item .quote-button{
    font-style: normal;
    font-size: .18rem;
    background: var(--color);
    color: #ffffff;
    padding: .1rem .35rem;
    display: inline-block;
    margin-bottom: .3rem;
    cursor: pointer;
    border: .01rem solid var(--color);
    transition: all .3s linear;
}
.index_section3 .index_pro .swiper-slide .item .quote-button:hover{
	background: #ffffff;
	color: var(--color);
}
.index_section4 {
    position: relative;
}
.index_section4 .index_section4_box {
    position: relative;
}
.index_section4 .index_section4_box .swiper-container {}
.index_section4 .index_section4_box .swiper-wrapper {}
.index_section4 .index_section4_box .swiper-slide {
    aspect-ratio: 19.2 / 9;
    background-size: cover !important;
}
.index_section4 .index_section4_box .swiper-pagination {}
.index_section4 .index_section4_box .swiper-pagination-bullet {}
.index_section4 .index_section4_box .swiper-pagination-bullet-active {}
.index_section4 .index_section4_box .swiper-button-prev ,
.index_section4 .index_section4_box .swiper-button-next {
   background: transparent;
}
.index_section4 .index_section4_box .swiper-button-prev:before ,
.index_section4 .index_section4_box .swiper-button-next:before {
  border-color: #ffffff;
}



.index_section4 .index_section4_box .swiper-button-prev {
    left: 8%;
}
.index_section4 .index_section4_box .swiper-button-next {
    right: 8%;
}
.index_section4 .text_box {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: max-content;
    height: max-content;
    z-index: 2;
    text-align: center;
    cursor: pointer;
}
.index_section4 .text_box p {
    font-size: .8rem;
    color: #ffffff;
    text-transform: uppercase;
}
.index_section4 .text_box span {
    display: block;
}
.index_section4 .text_box span img {
    max-width: .5rem;
}

.index_section5 {}
.index_section5 .head_block_title{
    color: #ffffff;
    text-align: center;
}
.index_section5 .index_section5_top {
    position: relative;
    text-align: center;
    margin-bottom: .85rem;
    margin-top: .5rem;
}

.index_section5 .index_section5_top p {
    display: inline-block;
}
.index_section5 .index_section5_top p a {
    font-size: .2rem;
    background: var(--color);
    color: #ffffff;
    padding: .15rem .45rem;
    border-radius: 100vh;
}
.index_section5 .index_section5_top .swiper-button-prev,
.index_section5 .index_section5_top .swiper-button-next {
    width: .8rem;
    height: .8rem;
    background: transparent;
    top: -15%;
}
.index_section5 .index_section5_top .swiper-button-prev:before,
.index_section5 .index_section5_top .swiper-button-next:before {
    border-color: #ffffff;
    width: .34rem;
    height: .34rem;
    top: 30%;
    left: 18%;
}
.index_section5 .index_section5_top .swiper-button-prev {
    left: 40%;
}
.index_section5 .index_section5_top .swiper-button-next {right: 40%;}
.index_section5 .index_section5_box {
    max-width: 95.5%;
    margin: auto;
}
.index_section5 .index_section5_box .swiper-container {}
.index_section5 .index_section5_box .swiper-wrapper {}
.index_section5 .index_section5_box .swiper-slide {}
.index_section5 .index_section5_box .swiper-slide .item {}
.index_section5 .index_section5_box .swiper-slide .item a {
    padding: .2rem;
    border: .01rem solid #323232;
    display: block;
    
}
.index_section5 .index_section5_box .swiper-slide .item .img_box {
    overflow: hidden;
}
.index_section5 .index_section5_box .swiper-slide .item .img_box img {
    width: 100%;
    object-fit: cover;
}
.index_section5 .index_section5_box .swiper-slide .item .text_box {
    padding-top: .4rem;
    padding-bottom: .3rem;
    color: #aaaaaa;
    transition: all .3s linear;
}
.index_section5 .index_section5_box .swiper-slide .item .text_box p {
    font-size: .16rem;
    background: rgb(255 255 255 / 15%);
    width: max-content;
    padding: .08rem .4rem;
    border-radius: 100vh;
    margin-bottom: .3rem;
    transition: all .3s linear;
}
.index_section5 .index_section5_box .swiper-slide .item .text_box h4{
    font-size: .2rem;
    text-transform: uppercase;
    line-height: .3rem;
    min-height: .6rem;
}

.index_section5 .index_section5_box .swiper-slide:hover .item a{
    background: #1d1d1d;
    border-color: #1d1d1d;
}

.index_section5 .index_section5_box .swiper-slide:hover .item .text_box{
    color: #ffffff;
}
.index_section5 .index_section5_box .swiper-slide:hover .item .text_box p{
    background: var(--color);
}

.index_section6 {
    aspect-ratio: 19.2 / 9;
    position: relative;
    background-size: cover !important;
}
.index_section6 .text_box{
    color: #ffffff;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15%;
    margin: auto;
    width: max-content;
    height: max-content;
}
.index_section6 .head_block {}
.index_section6 .head_block p {
    font-size: 1.3rem;
}
.index_section6 .head_block span {
    font-size: .4rem;
}
.index_section6 .more_btn {
    margin-top: .3rem;
}
.index_section6 .more_btn .btn_effect4 {}
.index_section6 .more_btn .btn_effect4 .btn_small_list {
    color: #333333;
    background: #ffffff;
    border-radius: 100vh;
    border: 0;
}
.index_section6 .more_btn .btn_effect4 .btn_small_list.hover {
    background: var(--color);
    color: #ffffff;
}

.index_section7 {
    margin-top: .8rem;
}
.index_section7 .index_section7_box {
    position: relative;
}
.index_section7 .index_section7_box .swiper-container {padding-bottom:1rem}
.index_section7 .index_section7_box .swiper-wrapper {}
.index_section7 .index_section7_box .swiper-slide {}
.index_section7 .index_section7_box .swiper-slide .item {}
.index_section7 .index_section7_box .swiper-slide .item .image_box {
    position: relative;
    border-radius: .2rem;
    overflow: hidden;
}
.index_section7 .index_section7_box .swiper-slide .item .image_box .img_box {
}
.index_section7 .index_section7_box .swiper-slide .item .image_box .img_box .img {
    overflow: hidden;
}
.index_section7 .index_section7_box .swiper-slide .item .image_box .img_box .img img {transition: all .3s linear;}
.index_section7 .index_section7_box .swiper-slide .item .image_box .icon {
    position: absolute;
    left: .3rem;
    bottom: .3rem;
    transition: all .3s linear;
}
.index_section7 .index_section7_box .swiper-slide .item .image_box .icon img,.index_section7 .index_section7_box .swiper-slide .item .image_box .txt img {
    max-width: .5rem;
}
.index_section7 .index_section7_box .swiper-slide .item .image_box .txt {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: max-content;
    height: max-content;
    font-size: .18rem;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    opacity: 0;
    transition: all .3s linear;
}
.index_section7 .index_section7_box .swiper-slide .item .image_box .txt img {
}
.index_section7 .index_section7_box .swiper-slide .item .image_box .txt p {}
.index_section7 .index_section7_box .swiper-slide .item .text_box {color: #ffffff;}
.index_section7 .index_section7_box .swiper-slide .item .text_box h4 {
    margin: .3rem 0;
    font-size: .2rem;
    color: #ffffff;
}

.index_section7 .index_section7_box .swiper-slide .item .text_box a{
    font-size: .16rem;
    display: inline-block;
    padding: .03rem .15rem;
    border-radius: 100vh;
    background: rgb(179 179 179 / 40%);
    color: #ffffff;
}

.index_section7 .index_section7_box .swiper-slide:hover .item .image_box .img_box .img img{
    filter: blur(.05rem);
    }
.index_section7 .index_section7_box .swiper-slide:hover .item .image_box .icon{
    opacity: 0;
}
.index_section7 .index_section7_box .swiper-slide:hover .item .image_box .txt{
    opacity: 1;
}
.index_section7 .index_section7_box .swiper-pagination{}
.index_section7 .index_section7_box .swiper-pagination-bullet{}
.index_section7 .index_section7_box .swiper-pagination-bullet-active{}

.index_section7 .index_section7_box .swiper-button-prev,
.index_section7 .index_section7_box .swiper-button-next{
    background: unset;
    top: 32%;
}
.index_section7 .index_section7_box .swiper-button-prev:before,
.index_section7 .index_section7_box .swiper-button-next:before{
    border-color: #ffffff;
    left: 15%;
    top: 30%;
}
.index_section7 .index_section7_box .swiper-button-prev {
    left: -.8rem;
}
.index_section7 .index_section7_box .swiper-button-next {
    right: -.8rem;
}

.index_section7 .index_section7_bottom {
    margin-bottom: 1.1rem;
    display: flex;
    gap: .6rem;
    justify-content: center;
    position: relative;
}
.index_section7 .index_section7_bottom:before,
.index_section7 .index_section7_bottom:after{
    content:'';
    display:block;
    width: 30%;
    height: .01rem;
    background: rgb(70 70 70 / 60%);
    position: absolute;
    top: 50%;
}
.index_section7 .index_section7_bottom:before{
    left: 0;
}
.index_section7 .index_section7_bottom:after{
    right: 0;
}

.index_section7 .index_section7_bottom a {}
.index_section7 .index_section7_bottom a img {
    max-height: .47rem;
}

 .page_banner{
    position:relative
}
.page_banner .swiper-slide{
    text-align: center;
}
.page_banner video{
    max-width: 100%;
    width: 100%;
    aspect-ratio: 19.2 / 9.6;
}
 .page_banner .img_box{
}
 .page_banner .img_box img{
     width: 100%;
     object-fit: cover;
}
 .page_banner .page_inside{
    position:absolute;
    top:1.8rem;
    left:0;
    right:0
}
 .page_inside{
    color: #aaaaaa;
    width:100%
}
 .page_inside a{
    color: #aaaaaa;
    font-size: .18rem;
}
 .page_inside a:last-child{
    /* color:#dddddd; */
}
 .page_banner .text_box{
    width: 55%;
    position:absolute;
    left: 0;
    right: 0;
    bottom: 15%;
    margin:auto;
    color:#ffffff;
    text-align: center;
}
 .page_banner .text_box h3{
    font-size: .8rem;
    margin-bottom:.55rem
}
 .page_banner .text_box .remark{
    font-size: .2rem;
    white-space:pre-line;
    line-height: .36rem;
}
 .page_content .head_block_title{
    font-size:.46rem;
    font-family:'RobotoBold';
    color:#ffffff;
    line-height:1.2;
    text-align:center
}
 .page_about{
    background:#000000
}
 .page_content .inside-pagination{
    text-align:center;
    margin-top: .8rem;
}
 .page_content .inside-pagination ul li a{
    display:block;
    width: .6rem;
    height: .6rem;
    line-height: .6rem;
    font-size:.18rem;
    transition:all .3s linear;
    font-family: 'RobotoRegular';
    text-align:center;
    color: #ffffff;
}
 .page_content .inside-pagination ul li a.active,.page_content .inside-pagination ul li a:hover,.page_content .inside-pagination ul li.active a{
    color:var(--color)
}
 .page_content .inside-pagination ul li{
    display:inline-block
}
 .page_content .inside-pagination ul li.next-page{
    margin-left:.25rem
}
 .page_content .inside-pagination ul li.pre-page{
    margin-right:.2rem
}
 .page_content .inside-pagination ul li.next-page a,.page_content .inside-pagination ul li.pre-page a{
    background: rgb(255 255 255 / 20%);
    border-radius:100vh
}
 .page_content .inside-pagination ul li.next-page a:hover,.page_content .inside-pagination ul li.pre-page a:hover{
    background:var(--color)
}
 .page_content .inside-pagination ul li>a>img{
    transition:all .3s linear;
    max-width: .2rem;
    vertical-align:middle;
    margin-top:-.02rem;
    filter: brightness(0) invert(1);
}
 .page_content .inside-pagination ul li.next-page a:hover img,.page_content .inside-pagination ul li.pre-page a:hover img{
    filter:brightness(0) invert(1)
}
 .page_content .inside-pagination ul li.pre-page>a>img{
    transform:rotate(180deg)
}
 .page_content .inside-pagination ul li:hover>a>img{
}
 .list_education{
    background:#000000
}
 .list_education .page_banner{
}
 .list_education .page_banner .text_box{
    width:65%;
    left:0;
    right:0;
    margin:auto;
    text-align:center
}
 .list_education .page_banner .text_box h3{
}
 .list_education .page_banner .text_box .remark{
    font-size:.2rem
}
 .list_education .page_banner .text_box .boxed_btn{
    margin:auto;
    margin-top:.55rem
}
 .list_education .page_banner .text_box .boxed_btn:hover .btn{
    border-color:var(--color);
    background:var(--color)
}
 .list_education .page_banner .text_box .boxed_btn .btn span{
}
 .list_education .page_banner .text_box .boxed_btn .btn img{
    filter:invert(1)
}
 .list_education_box{
    padding-top:1rem
}
 .list_education .head_block_title{
}
 .list_education .item_box{
    margin-top:.6rem;
    display:flex;
    /* gap: .5rem 0; */
    flex-wrap:wrap;
    border-top: .01rem solid #343434;
    border-left: .01rem solid #343434;
    box-sizing: border-box;
}

 .list_education .item_box .item{
    cursor:pointer;
    flex: 0 0 33.33%;
     
}
 .list_education .item_box .item a{
     padding: .5rem;
     border-right: .01rem solid #343434;
  border-bottom: .01rem solid #343434;
     box-sizing: border-box;
     
 }
 .list_education .item_box .item a:hover{
     background: #0f0f0f;
 }


 .list_education .item_box .item .img_box{
    overflow:hidden
}
 .list_education .item_box .item .img_box img{
}
 .list_education .item_box .item .text_box{
    margin-bottom: .45rem;
    /*text-align:center;*/
    /* font-family:'RobotoBold'; */
}
 .list_education .item_box .item .text_box p{
    margin-bottom:.3rem;
    font-size:.26rem;
    color:#ffffff;
    text-transform: uppercase;
}
 .list_education .item_box .item .text_box span{
    font-size:.18rem;
    color: #ffffff;
    min-height:.54rem
}

 .list_news{
    background:#000000;
    padding-top: 1.4rem;
}
.list_news .list_news_box{
    display: flex;
    flex-direction: row-reverse;
}
.list_news .list_news_box .list_item_box{}
.list_news .list_news_box .list_item_box .item{}
.list_news .list_news_box .list_item_box .item a{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    padding-bottom: .6rem;
    border-bottom: .01rem solid rgb(255 255 255 / 10%);
    margin-bottom: .6rem;
}
.list_news .list_news_box .list_item_box .item .img_box,
.list_news .list_news_box .list_item_box .item .text_box{
    width: 50%;
}
.list_news .list_news_box .list_item_box .item .img_box{overflow: hidden;}
.list_news .list_news_box .list_item_box .item .img_box .img{}
.list_news .list_news_box .list_item_box .item .text_box{
    /* color: #ffffff; */
    padding: 0 .4rem;
}
.list_news .list_news_box .list_item_box .item .text_box i{
    font-style: unset;
    color: var(--color);
    font-size: .16rem;
}
.list_news .list_news_box .list_item_box .item .text_box h3{
    color: #aaaaaa;
    font-size: .26rem;
    line-height: .36rem;
    text-transform: uppercase;
    margin-top: .6rem;
    margin-bottom: .3rem;
    font-family: 'RobotoRegular';
    transition: all .3s linear;
}
.list_news .list_news_box .list_item_box .item .text_box p{
    color: #aaaaaa;
    font-size: .18rem;
    line-height: .3rem;
    margin-bottom: .5rem;
    transition: all .3s 
linear;
}
.list_news .list_news_box .list_item_box .item .text_box span{
    display: inline-block;
    color: #ffffff;
    background: rgb(255 255 255 / 10%);
    font-size: .16rem;
    padding: .18rem .45rem;
    border-radius: 100vh;
    transition: all .3s 
linear;
}

.list_news .page_sidebar .sidebar_category_box .item{}
.list_news .page_sidebar .sidebar_category_box .item a{
    padding: .2rem .3rem;
}
.list_news .page_sidebar .sidebar_contact{
    background: rgb(255 255 255 / 15%);
    border-radius: .05rem;
}
.list_news .list_news_box .list_item_box .item:hover a{
    border-color: var(--color);
}
.list_news .list_news_box .list_item_box .item:hover .text_box h3{
    color: var(--color);
}
.list_news .list_news_box .list_item_box .item:hover .text_box p{}
.list_news .list_news_box .list_item_box .item:hover .text_box span{
    background: var(--color);
}


 .list_products{
    /* padding-top:1.2rem; */
}
 .list_products .list_products_box{
    display:flex;
    flex-direction:row-reverse;
    /*margin-bottom:1rem*/
}
 .page_content .content_box{
    width: 80.5%;
}
 .page_content .content_box .title_box{
    background:#e6f2ff;
    padding:.4rem;
    color:var(--color);
    margin-bottom:.3rem
}
 .page_content .content_box .title_box h2{
    font-size:.2rem;
    margin-bottom:.1rem;
    line-height:.26rem;
    font-family:'RobotoBold';
    color:var(--color)
}
 .page_content .content_box .title_box p{
    font-size:.16rem;
    line-height:.3rem
}
 .page_content .content_box .category_box{
    margin-bottom:.3rem;
    display:flex;
    flex-wrap:wrap;
    gap:.1rem;
    background:#DFF1DF;
    padding:.4rem
}
 .page_content .content_box .category_box .item{
    flex:0 0 calc((100% - 2 * .1rem) / 3)
}
 .page_content .content_box .category_box .item a{
    display:inline-block;
    background:rgb(93 183 95 / 30%);
    padding:.15rem;
    font-size:.18rem;
    width:100%;
    border-radius:.05rem;
    text-align:center
}
 .page_content .content_box .category_box .item a:hover,.page_content .content_box .category_box .item a.active{
    background:var(--color);
    color:#ffffff
}
 .list_products .item_box{
    display:flex;
    gap:.1rem;
    flex-wrap:wrap;
    padding-bottom:.4rem
}


 .list_products .item_box .item{
    overflow:hidden;
    transition:all .3s linear;
    flex:0 0 calc((100% - 2 * .1rem) / 3);
    background:#f4f4f4;
    text-align: center;
}
.list_products .item_box .item .img_box {
    overflow: hidden;
}
.list_products .item_box .item .img_box img {}
.list_products .item_box .item .text_box {
    padding: .3rem;
    text-align: center;
    padding-bottom: 0;
}
.list_products .item_box .item .text_box span {
    font-size: .16rem;
    font-family: 'RobotoRegular';
    color: rgb(0 0 0 / 60%);
}
.list_products .item_box .item .text_box p {
    font-size: .24rem;
    font-family: 'RobotoRegular';
    margin: .1rem 0;
}
.list_products .item_box .item .quote-button{
    font-style: normal;
    font-size: .18rem;
    background: var(--color);
    color: #ffffff;
    padding: .1rem .35rem;
    display: inline-block;
    margin-bottom: .3rem;
    cursor: pointer;
    border: .01rem solid var(--color);
    transition: all .3s linear;
}
.list_products .item_box .item .quote-button:hover{
	background: #ffffff;
	color: var(--color);
}


 .list_products .list_products_top{display: flex;justify-content: flex-end;margin: .4rem auto;padding-bottom: .4rem;border-bottom: .01rem solid rgb(255 255 255 / 20%);}

 .list_products .sidebar_search_box{
    display:flex;
    overflow:hidden;
    border: 0;
    /* margin:auto; */
    margin-bottom:.2rem;
    border-radius:.05rem;
    justify-content:space-between;
    width: 35%;
    background: rgb(255 255 255 / 15%);
}
 .list_products .sidebar_search_box .form_control.keywords{
    font-size: .18rem;
    width:79%;
    padding-left:.15rem;
    color: #ffffff;
}
 .list_products .sidebar_search_box .form_control.keywords::placeholder{
     color: #ffffff;
 }
 .list_products .sidebar_search_box .search_btn{
    width:.6rem;
    height:.6rem;
    line-height:.6rem;
    text-align:center;
    background:var(--color);
    cursor:pointer;
    transition:all .3s linear
}
 .list_products .sidebar_search_box .search_btn:hover{
    background: #ffffff;
}
 .list_products .sidebar_search_box .search_btn img{
    filter:brightness(0) invert(1);
    max-width:.23rem
}
 .list_products .sidebar_search_box .search_btn:hover img{
    filter: brightness(0);
}



 .page_sidebar{
    width: 17.5%;
    margin-right: 2.5%;
}
 .page_sidebar .sidebar_category_box{
}
 .page_sidebar .sidebar_category_box>p{
    margin-top:.25rem;
    font-size:.2rem;
    position:relative;
    border-bottom:.02rem solid #5d5d5d;
    padding-bottom:.1rem;
    margin-bottom:.3rem
}
 .page_sidebar .sidebar_category_box .item{
    margin-bottom:.1rem;
    background: rgb(255 255 255 / 15%);
    border-radius:.05rem;
    transition:all .3s linear
}
 .page_sidebar .sidebar_category_box .item .child{
    display:none
}
 .page_sidebar .sidebar_category_box .item:last-child{
    border:0
}
 .page_sidebar .sidebar_category_box .item > a{
    font-size: .18rem;
    padding: .12rem .3rem;
    /* line-height:1.3; */
    /* position:relative; */
    display: flex;
    color: #ffffff;
    align-items: center;
}

 .page_sidebar .sidebar_category_box .item .icon{
    margin-right: .15rem;
}
 .page_sidebar .sidebar_category_box .item .icon img{
    max-height: .45rem;
}
 .page_sidebar .sidebar_category_box .item .txt{}

 .page_sidebar .sidebar_category_box .item:hover,.page_sidebar .sidebar_category_box .item.active{
    background:var(--color)
}
 .page_sidebar .sidebar_category_box .item > a:hover,.page_sidebar .sidebar_category_box .item.active > a{
    color:#ffffff
}
 .page_sidebar .sidebar_contact{
    background:var(--color);
    padding:.3rem;
    margin-top:.2rem
}
 .page_sidebar .sidebar_contact h4{
    font-size:.2rem;
    font-family:'RobotoBold';
    color:#ffffff;
    padding-bottom:.2rem;
    margin-bottom:.2rem;
    border-bottom:.01rem solid rgb(255 255 255 / 20%)
}
 .page_sidebar .sidebar_contact p{
    margin-bottom:.15rem
}
 .page_sidebar .sidebar_contact p:last-child{
     margin-bottom:0
 }
 .page_sidebar .sidebar_contact p a{
    font-size:.16rem;
    font-family: 'RobotoRegular';
    color:#ffffff;
    display:flex;
    align-items:center
}
 .page_sidebar .sidebar_contact p a img{
    filter:brightness(0) invert(1);
    max-width:.32rem
}
 .page_sidebar .sidebar_contact p span{
    display:inline-block;
    margin-left:.15rem;
    max-width:80%;
    word-break:break-all
}
 .page_sidebar .sidebar_contact p a:hover{
     color: var(--color);
 }



 .show_products{
    
    background:#000000;
    /* padding-top:1.5rem; */
}
 .show_products .show_products_head{
    padding-top: .7rem;
    padding-bottom: .7rem;
    background-image:-webkit-linear-gradient(-90deg,rgb(0 0 0 / 20%) 0%,rgb(255 255 255 / 20%) 100%)
}
 .show_products .show_products_head .auto-container{
    display:flex;
    align-items:flex-start;
    justify-content:space-between
}
 .show_products .show_products_head .img_box{
    width:50%;
    position:relative
}
 .show_products .show_products_head .text_box{
    width:50%;
    padding-left:6%
}
 .show_products .show_products_head .img_box .view_box{
    position:relative;
    background:#cbcbcb
}
 .show_products .show_products_head .img_box .view_box .swiper-container{
}
 .show_products .show_products_head .img_box .view_box .swiper-slide{
}
 .show_products .show_products_head .img_box .view_box .swiper-slide img{
}
 .show_products .show_products_head .img_box .thumb_box{
    position:absolute;
    bottom:.3rem;
    z-index: 1040;
}
 .show_products .show_products_head .img_box .thumb_box .swiper-container{
    max-width:77.5%
}
 .show_products .show_products_head .img_box .thumb_box .swiper-slide{
    width: 12.9%;
    height: 12.9%;
    border:.02rem solid transparent;
    overflow:hidden;
    margin-right:.1rem;
    cursor:pointer;
    border-radius:.05rem;
    transition:all .3s linear;
    background: #ffffff;
}
.show_products .show_products_head .img_box .thumb_box .swiper-slide-active .video_play{
    position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: .4rem;border: none;margin: auto;cursor: pointer;z-index: 99;
}
.show_products .show_products_head .img_box .thumb_box .swiper-slide-active .cover{
    position:absolute;
    background:#000000;
    z-index:10;
    top:0;
    left:0;
    right:0;
    bottom:0;
    opacity:.2
}


 .show_products .show_products_head .img_box .thumb_box .swiper-slide:last-child{
    margin-right:0
}
 .show_products .show_products_head .img_box .thumb_box .swiper-button-next,.show_products .show_products_head .img_box .thumb_box .swiper-button-prev{
    background: 0;
    border-radius:0;
    border:0;
    top: 23%;
}
 .show_products .show_products_head .img_box .thumb_box .swiper-button-next:before,.show_products .show_products_head .img_box .thumb_box .swiper-button-prev:before{
        content: '';
        display: block;
        border-right: .02rem solid #0e0e0e;
        border-bottom: .02rem solid #0e0e0e;
        transform: rotate(-45deg);
        background: 0 0;
        width: .2rem;
        height: .2rem;
        position: absolute;
        top: 26%;
        left: 20%;
        margin: auto;
        transition: all .3s linear;
}
 .show_products .show_products_head .img_box .thumb_box .swiper-button-next:hover:before,.show_products .show_products_head .img_box .thumb_box .swiper-button-prev:hover:before{
    border-color:var(--color)
}
 .show_products .show_products_head .img_box .thumb_box .swiper-button-prev{
    left:.2rem;
    /* transform:rotate(90deg); */
}
 .show_products .show_products_head .img_box .thumb_box .swiper-button-next{
    right:.2rem;
    /* transform:rotate(-90deg); */
}
 .show_products .show_products_head .img_box .thumb_box .swiper-slide.active-nav{
    border-color:var(--color)
}
 .show_products .show_products_head .text_box h1{
    font-size: .46rem;
    line-height: .5rem;
    /* font-family:'RobotoBold'; */
    color:#ffffff;
    margin-top:.4rem;
    margin-bottom:.15rem
}
 .show_products .show_products_head .text_box .remark{
    font-size:.18rem;
    line-height:1.3;
    color:#aaaaaa;
    /* font-family:'RobotoBold'; */
    margin-bottom:.3rem
}
 .show_products .show_products_head .text_box .btn_box{
    /* border-bottom:.01rem solid rgb(179 179 179 / 40%); */
    /* padding-bottom:.4rem; */
    display:flex
}
 .show_products .show_products_head .text_box .btn_box .pro_btn{
    font-size: .18rem;
    color:#000000;
    background:#ffffff;
    border-radius: .05rem;
    text-transform:uppercase;
    padding: .12rem .6rem;
    transition:all .3s linear;
    cursor:pointer;
    
}
 .show_products .show_products_head .text_box .btn_box .pro_btn:hover{
  
}
 .show_products .show_products_head .text_box .btn_box .pro_btn:first-child{
    margin-right:.1rem;
     background: var(--color);
}
 .show_products .show_products_head .text_box .btn_box .pro_btn:first-child img{
    filter: brightness(0) invert(1);
}
 .show_products .show_products_head .text_box .btn_box .pro_btn:first-child span{
    color: #ffffff;
}
 .show_products .show_products_head .text_box .btn_box .pro_btn:first-child:hover{
     background: #ffffff;
 }
 .show_products .show_products_head .text_box .btn_box .pro_btn:first-child:hover img{
    filter: unset;
}
 .show_products .show_products_head .text_box .btn_box .pro_btn:first-child:hover span{
    color: #222222;
}
 .show_products .show_products_head .text_box .btn_box .pro_btn:last-child:hover{
     background: var(--color);
 }
 .show_products .show_products_head .text_box .btn_box .pro_btn:last-child:hover img{
    filter: brightness(0) invert(1);
}
 .show_products .show_products_head .text_box .btn_box .pro_btn:last-child:hover span{
    color: #ffffff;
}
 .show_products .show_products_head .text_box .btn_box .pro_btn img{
    max-width: .24rem;
    margin-right:.2rem;
    transition: all .3s linear;
}
 .show_products .show_products_head .text_box .btn_box .pro_btn span{
    display:inline-block;
    transition: all .3s linear;
}


 .show_products .show_products_head .text_box .attribute_box{
    border-bottom:.01rem solid rgb(179 179 179 / 40%);
    border-top: .01rem solid rgb(179 179 179 / 40%);
    padding-bottom:.25rem;
    margin-bottom:.4rem
}
 .show_products .show_products_head .text_box .attribute{
    margin:.15rem 0;
    padding:.25rem 0;
    margin-bottom:0;
    padding-bottom:0
}
 .show_products .show_products_head .text_box .attribute div{
    font-size:.16rem;
    margin-bottom:.1rem;
    /* font-family:'RobotoBold'; */
    color:#aaaaaa;
    position: relative;
}
 .show_products .show_products_head .text_box .attribute div:before{
     content:'';
     display:block;
     width: .05rem;
     height: .05rem;
     background: #aaaaaa;
     border-radius: 100vh;
     position: absolute;
     left: 0;
     top: 45%;
 }
 .show_products .show_products_head .text_box .attribute div p{padding-left: .1rem;}
 .show_products .show_products_head .text_box .platform_box{
    display:flex;
    gap: .1rem;
    margin-bottom: .1rem;
}

 .show_products .show_products_head .text_box .platform_box .item{
    width:23%;
    border-radius: .05rem;
    background-color:#343434;
    font-size:.18rem;
    /* font-family:'RobotoBold'; */
    transition:all .3s linear
}
 .show_products .show_products_head .text_box .platform_box .item:hover{
    background:var(--color)
}
 .show_products .show_products_head .text_box .platform_box .item a{
    color:#ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
    padding: .15rem .09rem;
}
 .show_products .show_products_head .text_box .platform_box .item:hover a{
    color:#ffffff
}
 .show_products .show_products_head .text_box .platform_box .item img{
    width:.32rem;
    height:.32rem;
    object-fit:cover;
    border-radius:10%
}
 .show_products .show_products_head .text_box .platform_box .item p{
    margin-left:.1rem
}
 .show_products .show_products_box{
    padding-top: 1.1rem;
    /* padding-bottom:.7rem; */
    /* margin-bottom:.7rem; */
    /* border-bottom:.01rem solid #464646; */
    color: #ffffff;
}

 .show_products .show_products_box .show_pro_top{
    display: flex;
    gap: .5rem;
    position: relative;
    border-bottom: .01rem solid rgb(179 179 179 / 40%);
}
 .show_products .show_products_box .show_pro_top p{position: relative;font-size: .4rem;color: #ffffff;cursor: pointer;}
 .show_products .show_products_box .show_pro_top p:before{content:'';display:block;width: 0;height: .08rem;background: var(--color);position: absolute;bottom: -.08rem;left: 0;transition: all .3s linear;}
  .show_products .show_products_box .show_pro_top p.active,
  .show_products .show_products_box .show_pro_top p:hover{}
 .show_products .show_products_box .show_pro_top p:hover:before,
  .show_products .show_products_box .show_pro_top p.active:before{width: 100%;}
  .show_products .show_products_box .show_pro_content_box{
    padding: 1rem 0;
    display: none;
}
.show_products .show_products_box .show_pro_content_box.active{
    display: block;
}
  .show_products .show_products_box .show_pro_content_box.active{}

    .show_pro_content_box table{
        color: #ffffff;
        font-size: 18px;
        border-color: rgb(179 179 179 / 40%);
    }
    .show_pro_content_box table tr{}
    .show_pro_content_box table td{
        padding: 15px;
        padding-left: 50px;
    }
.show_products .show_products_box a{
    color: var(--color);
}



 .show_products .show_pro_video{
     padding-bottom: 1.5rem;
}
 .show_products .show_pro_video .show_pro_video_box{
    display: flex;
    gap: .1rem;
}
 .show_products .show_pro_video .show_pro_video_box .item{
    flex: 0 0 calc((100% - 1 * .2rem) / 2);
    border: .01rem solid rgb(179 179 179 / 40%);
    border-radius: .05rem;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
 .show_products .show_pro_video .show_pro_video_box .item .thumb{
    width: 100%;
    object-fit: cover;
}
 .show_products .show_pro_video .show_pro_video_box .item .icon{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: max-content;
    height: max-content;
    max-width: .57rem;
}
 .show_products .page_recommend_pro{/* margin-top: 1rem; */}
 .show_products .page_recommend_pro .page_content_block{
    color:#ffffff;
    text-align:center
}
 .show_products .page_recommend_pro .page_content_block p{
     font-size: .46rem;
}
 .show_products .page_recommend_pro .page_content_block span{
     font-size: .2rem;
     color: #aaaaaa;
 }
 .show_products .page_recommend_pro_box{
    margin: .6rem 0;
    position: relative;
}
 .show_products .page_recommend_pro_box .swiper-container{
    padding-bottom: 1rem;
}
 .show_products .page_recommend_pro_box .swiper-wrapper{
}
 .show_products .page_recommend_pro_box .swiper-slide{
}
 .show_products .page_recommend_pro_box .swiper-slide .item{
}

 .show_products .page_recommend_pro_box .swiper-slide .item{
    overflow:hidden;
    transition:all .3s linear;
    background:#f4f4f4;
    text-align: center;
}
.show_products .page_recommend_pro_box .swiper-slide .item .img_box {
    overflow: hidden;
}
.show_products .page_recommend_pro_box .swiper-slide .item .img_box img {}
.show_products .page_recommend_pro_box .swiper-slide .item .text_box {
    padding: .3rem;
    text-align: center;
    padding-bottom: 0;
}
.show_products .page_recommend_pro_box .swiper-slide .item .text_box span {
    font-size: .16rem;
    font-family: 'RobotoRegular';
    color: rgb(0 0 0 / 60%);
}
.show_products .page_recommend_pro_box .swiper-slide .item .text_box p {
    font-size: .24rem;
    font-family: 'RobotoRegular';
    margin: .1rem 0;
}
.show_products .page_recommend_pro_box .swiper-slide .item .quote-button{
    font-style: normal;
    font-size: .18rem;
    background: var(--color);
    color: #ffffff;
    padding: .1rem .35rem;
    display: inline-block;
    margin-bottom: .3rem;
    cursor: pointer;
    border: .01rem solid var(--color);
    transition: all .3s linear;
}
.show_products .page_recommend_pro_box .swiper-slide .item .quote-button:hover{
	background: #ffffff;
	color: var(--color);
}
.show_products .page_recommend_pro_box .swiper-button-prev,
.show_products .page_recommend_pro_box .swiper-button-next {background: 0;}
.show_products .page_recommend_pro_box .swiper-button-prev::before,
.show_products .page_recommend_pro_box .swiper-button-next::before {border-color: #ffffff;}
.show_products .page_recommend_pro_box .swiper-button-prev {left: -.6rem;}
.show_products .page_recommend_pro_box .swiper-button-next {right: -.6rem;}



 #share_popups{
}
 #share_popups .modal-dialog{
    z-index:9999;
    width:500px
}
 #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:25px
}
 #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:22px;
    font-family:'RobotoBold';
    color:#ffffff;
    line-height:1.2;
    margin-top:15px
}
 #share_popups .modal-content .modal-header button{
    width:30px;
    height:30px;
    background:#ffffff;
    border-radius:30px;
    opacity:1;
    margin-top:10px;
    margin-right:10px;
    position:absolute;
    top:0;
    right:0
}
 #share_popups .modal-content .modal-header button span{
    font-size:30px;
    color:var(--color)
}
 #share_popups .modal-content .modal-body{
    padding:20px
}
 #share_popups .modal-content .modal-body .thumb_box{
    border-radius:10px;
    overflow:hidden;
    background:#ffffff;
    text-align:center
}
 #share_popups .modal-content .modal-body .thumb_box img{
    max-width:300px
}
 #share_popups .modal-content .modal-body .text_box{
    background:#ffffff;
    border-radius:10px;
    margin-top:8px;
    display:flex;
    padding:20px;
    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:20px;
    font-family:'RobotoBold';
    line-height:1.2;
    margin-bottom:10px
}
 #share_popups .modal-content .modal-body .text_box .left .code{
    font-size:16px;
    color:var(--color);
    margin-bottom:10px
}
 #share_popups .modal-content .modal-body .text_box .left .remark{
    font-size:16px;
    line-height:normal;
    color:#666666
}
 #share_popups .modal-content .modal-body .text_box .right{
    width:30%;
    padding:5px;
    border-radius:5px;
    border:1px solid
}
 #share_popups .capture_icon{
    background:var(--color);
    margin-top:-1px;
    padding-bottom:20px;
    text-align:center
}
 #share_popups .capture_icon img{
    margin-top:10px;
    cursor:pointer
}
 .page_contact{
    background:#000000;
    /* padding-bottom:1rem; */
}
 .page_contact .page_contact_box{
    padding-top: 1.4rem;
}
 .page_contact .page_contact_box .page_contact_top{
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.4rem;
}
.page_contact .page_contact_box .page_contact_top .left{
    color: #ffffff;
    padding-right: 10%;
}
.page_contact .page_contact_box .common_form,
 .page_contact .page_contact_box .page_contact_top .left{
    width: 50%;
}
 .page_contact .page_contact_box .page_contact_top .left h1{
    font-size: 1rem;
    margin-bottom: .5rem;
}
 .page_contact .page_contact_box .page_contact_top .left p{
    font-size: .4rem;
    line-height: .6rem;
    margin-bottom: .5rem;
}
 .page_contact .page_contact_box .page_contact_top .left img{
    max-width: .6rem;
    transform: rotate(90deg);
}
 .page_contact .page_contact_box .page_contact_head{
    display:flex
}
 .page_contact .page_contact_box .page_contact_head .item{
    background:#1f1f1f;
    width:27%;
    margin-right: 1%;
    padding:.6rem;
    display:flex;
    flex-direction:column;
    /* padding-right:.2rem; */
    min-height:3rem;
    /* padding-top:.7rem; */
    border-radius:.1rem
}
 .page_contact .page_contact_box .page_contact_head .item:last-child{
    width:45%;
    margin-right:0
}
 .page_contact .page_contact_box .page_contact_head .item .head_icon{
    display:flex;
    gap: .2rem;
    font-size: .2rem;
    color:var(--color);
    /* text-transform:uppercase; */
    /* font-family:'RobotoBold'; */
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: .2rem;
}
 .page_contact .page_contact_box .page_contact_head .item .head_icon img{
    /* margin-right:.25rem; */
    max-width: .62rem;
}
 .page_contact .page_contact_box .page_contact_head .item a,.page_contact .page_contact_box .page_contact_head .item p{
    font-size:.2rem;
    line-height: .36rem;
    /* margin-top:.2rem; */
    color:#ffffff;
    text-align: center;
}
 .page_contact .page_contact_box .page_contact_head .item a{
    
    line-height: .3rem;
}
 .page_contact .page_contact_box .page_contact_head .item a:hover, .page_contact .page_contact_box .page_contact_bottom .item .text_box a:hover{
	 color: var(--color);
	}
 .page_contact .page_contact_box .page_contact_head .item p{
}
 .page_contact .page_contact_box .page_contact_bottom{
    display:flex;
    margin-top: .2rem;
    flex-wrap:wrap
}
 .page_contact .page_contact_box .page_contact_bottom .item{
    background:rgb(255 255 255 / 20%);
    border-radius:.1rem;
    width:49.6428%;
    margin-right:.3571%;
    padding:.85rem;
    display:flex;
    justify-content:center;
    align-items:center
}
 .page_contact .page_contact_box .page_contact_bottom .item:nth-child(even){
    margin-right:0;
    margin-left:.3571%
}
 .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;
    overflow:hidden
}
 .page_contact .page_contact_box .page_contact_bottom .item .img_box img{
}
 .page_contact .page_contact_box .page_contact_bottom .item .text_box{
    display:flex;
    flex-direction:column;
    justify-content:flex-start
}
 .page_contact .page_contact_box .page_contact_bottom .item .text_box p{
    font-size: .2rem;
    color:var(--color);
    margin-bottom: .1rem;
}
 .page_contact .page_contact_box .page_contact_bottom .item .text_box a,.page_contact .page_contact_box .page_contact_bottom .item .text_box span{
    font-size: .2rem;
    color:#ffffff;
}
 .page_contact .page_contact_box .page_contact_bottom .item .text_box .whatsapp_btn{
    font-size:.16rem;
    border-radius:.45rem;
    border:.01rem solid #666666;
    padding:.06rem .2rem;
    display:inline-block;
    margin-top: .1rem;
    transition:all .3s linear
}
 .page_contact .page_contact_box .page_contact_bottom .item .text_box .whatsapp_btn:hover{
    border-color:var(--color);
    background:var(--color);
    color: #ffffff;
}
 .page_contact .page_contact_box .page_contact_bottom .item:last-child .text_box .whatsapp_btn:hover{
	 border-color: #666666;
	 background: unset;
	}
 .page_contact .page_contact_box .page_contact_bottom .item .text_box .whatsapp_btn img{
    margin-right:.05rem;
    max-width:.28rem;
    border-radius: 100vh;
}
 .page_contact .page_contact_box .page_contact_bottom .item .text_box{
}
 .page_contact .page_contact_box .page_contact_bottom .item .text_box span{
}
 .page_contact .page_contact_box .common_form{
    overflow:hidden;
    /* background:#1f1f1f; */
    /* padding:.6rem; */
    /* border-radius:.1rem; */
    /* margin-top:1rem; */
}
 .page_contact .page_contact_box .common_form > h4{
    font-size:.46rem;
    text-align:center;
    color:#ffffff;
    margin-bottom:.2rem
}
 .page_contact .page_contact_box .common_form > p{
    font-size:.24rem;
    text-align:center;
    color:#ffffff
}
 .page_contact .page_contact_box .common_form form{
    margin-top:.4rem
}
 .page_contact .page_contact_box .common_form .input{
    display:flex;
    justify-content:space-between;
    margin-bottom:.15rem;
    flex-wrap: wrap;
    gap: .2rem;
}
 .page_contact .page_contact_box .common_form .input div{border-bottom: .02rem solid #ffffff;flex: 0 0 calc((100% - 1 * .2rem) / 2);}
 .page_contact .page_contact_box .common_form .input div input,.page_contact .page_contact_box .common_form .textarea_box textarea{
    /* background:#333333; */
    width:100%;
    padding:.15rem;
    padding-left: 0;
    font-size: .18rem;
    color:#ffffff
}
 .page_contact .page_contact_box .common_form .input div input{
}
 .page_contact .page_contact_box .common_form .textarea_box{border-bottom: .02rem solid #ffffff;margin-bottom: .3rem;}
 .page_contact .page_contact_box .common_form .textarea_box textarea{
    height:1.3rem
}
 .page_contact .page_contact_box .common_form form > p{
    font-size: .18rem;
    color:rgb(255 255 255 / 40%)
}
 .page_contact .page_contact_box .common_form .submit{
    margin-top: .3rem;
    /* text-align:center; */
}
 .page_contact .page_contact_box .common_form .submit button{
    background:var(--color);
    border-radius: 100vh;
    color:#ffffff;
    /* text-transform:uppercase; */
    font-size: .24rem;
    padding: .15rem .9rem;
    border:0;
    line-height:normal;
    transition:all .3s linear
}
 .page_contact .page_contact_box .common_form .submit button:hover{
    color:var(--color);
    background:#ffffff
}

.page_contact .page_contact_box .contact_map{
    margin-top: 1rem;
}
.page_contact .page_contact_box .contact_map iframe{}



 .show_news{
    background:#000000
}
 .show_news .post-info{
    color:#fff;
    padding-top: .8rem;
    font-size:.18rem
}
 .show_news .post-info .header{
    margin-bottom:.4rem;
    text-align:center
}
 .show_news .post-info .header>h1{
    font-size:.3rem;
    /* font-family:RobotoBold; */
    line-height:1.3;
    border-bottom: .01rem solid rgb(238 238 238 / 10%);
    padding-bottom: .5rem;
}
 .show_news .post-info .header>p{
    margin:.2rem auto;
    border-bottom:.01rem solid #eee;
    padding-bottom:.2rem
}
 .show_news .post-info .header>p>span{
    margin-right:.3rem;
    font-size:.16rem
}
 .show_news .post-info .header>p>span>img{
    margin-right:.05rem;
    max-width:.2rem
}
 .show_news .post-info li,.show_news .post-info ul{
    line-height:1.6
}
 .show_news .post-info .content{
    border-bottom:.01rem solid #414141;
    padding-bottom: .5rem;
    line-height:1.6
}
 .show_news .post-info .content ul,.show_news .post-info .content ol{
    margin-left:.15rem
}
 .show_news .post-info .content ul li{
    list-style-type:disc
}
 .show_news .post-info .content ol li{
    list-style-type:decimal
}
 .show_news .post-info .content p{
    margin:0;
    margin-bottom:.1rem
}
 .show_news .post-info .post-pagination{
    margin-top: .5rem;
}
 .show_news .post-info .post-pagination p{
    margin:.15rem 0
}
 .show_news .post-info .post-pagination p a{
    font-size:.16rem;
    /* font-family:RobotoBold; */
    color:#aaa
}
 .show_news .post-info .post-pagination p a img{
    float:left;
    margin-right:.1rem;
    filter: brightness(0) invert(1);
    max-width:.2rem
}
 .show_news .post-info .post-pagination p a.prev-page img{
    transform:rotate(180deg)
}
 .show_news .post-info .post-pagination p a:hover{
    color:var(--color)
}
 .show_news .post-info .post-pagination p a:hover img{
    filter:unset
}


.page_about {
    padding-top: .6rem;
}
 .page_about .anchor_point{
     position: relative;
     top: -2rem;
 }
.page_about .page_about_top {
    /* padding-top: .6rem; */
    
    /* padding-bottom: 1.2rem; */
}
.page_about .page_about_top .auto-container{
    display: flex;
    gap: .2rem;
}
.page_about .page_about_top.fixed{
     top: 1.6rem; 
    background: #000000;
    z-index: 9;
}
.page_about .page_about_top .item {
    flex: 1;
    border-radius: .1rem;
    overflow: hidden;
}
.page_about .page_about_top .item a {
    background: rgb(255 255 255 / 10%);
    font-size: .18rem;
    color: #ffffff;
    padding: .21rem 0;
    width: 100%;
    text-align: center;
}
.page_about .page_about_top .item a:hover,
.page_about .page_about_top .item a.active{
    background: var(--color);
}
.page_about .page_about_box {
    padding-top: 1.2rem;
}
.page_about .about_section1 {
    text-align: center;
    font-size: .4rem;
    padding-bottom: 1rem;
    border-bottom: .01rem solid rgb(255 255 255 / 20%);
}
.page_about .about_section1 h1,.page_about .about_section1 > p {
    color: var(--color);

}
.page_about .about_section1 .remark {
    color: #ffffff;
    line-height: .6rem;
    font-size: .34rem;
}
.page_about .about_section1 > p{
        margin-bottom: .6rem;
}
.page_about .about_section2 {
    padding-top: .8rem;
}
.page_about .about_section2 .about_section2_top {
    padding-left: 25%;
    position: relative;
}
.page_about .about_section2 .about_section2_top:before{
    content:'';
    display:block;
    background: url(/res/magic/images/linao_29.webp) no-repeat;
    width: 6.97rem;
    height: 5.9rem;
    position: absolute;
    left: 0;
    bottom: 10%;
    z-index: 0;
    background-size: contain;
}
.page_about .about_section2 .about_section2_top .item {
    display: flex;
    padding: .45rem 0;
    border-bottom: .01rem solid rgb(255 255 255 / 20%);
    align-items: flex-start;
    position: relative;
    z-index: 2;
}
.page_about .about_section2 .about_section2_top .item h4 {
    font-size: .4rem;
    color: #ffffff;
    line-height: .6rem;
    width: 35%;
}
.page_about .about_section2 .about_section2_top .item p {
    font-size: .22rem;
    line-height: .36rem;
    color: #b4b4b4;
    width: 65%;
}

.page_about .about_section2 .about_section2_data {
    margin: 1.1rem 0;
    display: flex;
    justify-content: space-between;
}

.page_about .about_section2 .about_section2_data .item {color: #ffffff;}
.page_about .about_section2 .about_section2_data .item .txt {
}
.page_about .about_section2 .about_section2_data .item .txt div{
    font-size: .6rem;
}
.page_about .about_section2 .about_section2_data .item .txt div p{
    display: inline-block;
}
.page_about .about_section2 .about_section2_data .item .txt .counter {}
.page_about .about_section2 .about_section2_data .item .remark {
    font-size: .2rem;
}





.page_about .about_section3 {
    background: rgb(29 29 29 / 20%);
    padding: 1.1rem 0;
}
.page_about .about_section3 .auto-container {}
.page_about .about_section3 h3,.page_about .about_section4 h3,.page_about .about_section5 h3{
    font-size: .5rem;
    text-align: center;
    color: #ffffff;
}
.page_about .about_section3 h3 {
    
    
    margin-bottom: .7rem;
}
.page_about .index_global_market_box {
    margin: 0 auto;
    position: relative;
    width: 16rem;
    height: 7.81rem;
    background-image: url('../images/linao_21.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: .3rem;
    margin-bottom: .6rem;
}
.page_about .index_global_market_box .marker-item {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: absolute;
}
.page_about .index_global_market_box .marker-item .marker-item__name {
    font-size: var(--font-size-f-16);
    color: #e70d2f;
    font-family: 'segoeuib';
}
.page_about .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%);
}
.page_about .index_global_market_box .marker-item .marker-item_icon::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.page_about .index_global_market_box .marker-item:hover .marker-item_icon::before {
    background: rgba(212, 164, 164, 0.2);
    animation: hovScale 1s infinite;
}
.page_about .index_global_market_box .marker-item .marker-item_icon .marker-item_circle {
    width: .12rem;
    height: .12rem;
    border: .02rem solid #e70d2f;
    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 
    }
}
.page_about .index_global_market_box .marker1 {
    left: 2.67rem;
    top: 3.12rem;
}
.page_about .index_global_market_box .marker2 {
    left: 2.75rem;
    top: 3.85rem;
}
.page_about .index_global_market_box .marker3 {
    left: 4.51rem;
    top: 4.57rem;
}
.page_about .index_global_market_box .marker4 {
    left: 3.5rem;
    top: 4.71rem;
    flex-direction: row-reverse;
}
.page_about .index_global_market_box .marker5 {
    left: 5.02rem;
    top: 5.43rem;
}
.page_about .index_global_market_box .marker6 {
    left: 4.14rem;
    top: 5.51rem;
}
.page_about .index_global_market_box .marker7 {
    left: 4.84rem;
    bottom: 1.69rem;
}
.page_about .index_global_market_box .marker8 {
    left: 4.01rem;
    bottom: 1.2rem;
    flex-direction: row-reverse;
}
.page_about .index_global_market_box .marker9 {
    left: 4.94rem;
    bottom: 1.15rem;
}
.page_about .index_global_market_box .marker10 {
    left: 4.45rem;
    bottom: 0.7rem;
}
.page_about .index_global_market_box .marker11 {
    left: 6.2rem;
    top: 2.05rem;
    flex-direction: row-reverse;
}
.page_about .index_global_market_box .marker12 {
    left: 7.75rem;
    top: 2rem;
}
.page_about .index_global_market_box .marker13 {
    left: 6.93rem;
    top: 2.25rem;
    flex-direction: row-reverse;
}
.page_about .index_global_market_box .marker14 {
    left: 8.25rem;
    top: 2.25rem;
}
.page_about .index_global_market_box .marker15 {
    left: 7.95rem;
    top: 2.41rem;
}
.page_about .index_global_market_box .marker16 {
    left: 7.48rem;
    top: 2.67rem;
}
.page_about .index_global_market_box .marker17 {
    left: 6.46rem;
    top: 2.93rem;
    flex-direction: row-reverse;
}
.page_about .index_global_market_box .marker18 {
    left: 7.94rem;
    top: 2.87rem;
}
.page_about .index_global_market_box .marker19 {
    left: 7.14rem;
    top: 3.05rem;
}
.page_about .index_global_market_box .marker20 {
    left: 8.87rem;
    top: 3rem;
}
.page_about .index_global_market_box .marker21 {
    left: 9.27rem;
    top: 3.35rem;
}
.page_about .index_global_market_box .marker22 {
    left: 7.38rem;
    top: 3.65rem;
}
.page_about .index_global_market_box .marker23 {
    left: 8.63rem;
    top: 3.65rem;
}
.page_about .index_global_market_box .marker24 {
    left: 7.42rem;
    top: 4.25rem;
}
.page_about .index_global_market_box .marker25 {
    left: 7.87rem;
    top: 4.55rem;
}
.page_about .index_global_market_box .marker26 {
    left: 8.7rem;
    top: 4.83rem;
}
.page_about .index_global_market_box .marker27 {
    left: 8.97rem;
    bottom: 2.43rem;
}
.page_about .index_global_market_box .marker28 {
    left: 8.51rem;
    bottom: 1.3rem;
}
.page_about .index_global_market_box .marker29 {
    right: 3.67rem;
    top: 1.8rem;
}
.page_about .index_global_market_box .marker30 {
    right: 4.79rem;
    top: 2.56rem;
}
.page_about .index_global_market_box .marker31 {
    right: 4.94rem;
    top: 2.88rem;
}
.page_about .index_global_market_box .marker32 {
    right: 2.58rem;
    top: 3.08rem;
    flex-direction: row-reverse;
}
.page_about .index_global_market_box .marker33 {
    right: 1.67rem;
    top: 2.97rem;
}
.page_about .index_global_market_box .marker34 {
    right: 5.41rem;
    top: 3.3rem;
}
.page_about .index_global_market_box .marker35 {
    right: 4.47rem;
    top: 3.51rem;
}
.page_about .index_global_market_box .marker36 {
    right: 5.42rem;
    top: 3.68rem;
}
.page_about .index_global_market_box .marker37 {
    right: 3.54rem;
    top: 3.67rem;
    flex-direction: row-reverse;
}
.page_about .index_global_market_box .marker38 {
    right: 2.41rem;
    top: 3.65rem;
}
.page_about .index_global_market_box .marker39 {
    right: 4.49rem;
    top: 3.92rem;
}
.page_about .index_global_market_box .marker40 {
    right: 3.32rem;
    top: 4.05rem;
}
.page_about .index_global_market_box .marker41 {
    right: 1.74rem;
    top: 4.25rem;
}
.page_about .index_global_market_box .marker42 {
    right: 3.65rem;
    top: 4.62rem;
    flex-direction: row-reverse;
}
.page_about .index_global_market_box .marker43 {
    right: 2.62rem;
    bottom: 2.95rem;
}
.page_about .index_global_market_box .marker44 {
    right: 2.01rem;
    bottom: 2.49rem;
}
.page_about .index_global_market_box .marker45 {
    right: 2.68rem;
    bottom: 1.7rem;
    flex-direction: row-reverse;
}
.page_about .index_global_market_box .marker46 {
    right: 0.61rem;
    bottom: 0.78rem;
    flex-direction: row-reverse;
}


.page_about .about_section3 .auto-container .remark {
    font-size: .26rem;
    color: #ffffff;
    text-align: center;
    line-height: .4rem;
    max-width: 70%;
    margin: auto;
}
.page_about .about_section3 .auto-container .remark span{
    color: var(--color);
}
.page_about .about_section4 {
    background: rgb(29 29 29 / 40%);
    padding: 1.15rem 0;
}
.page_about .about_section4 h3 {
    margin-bottom: .3rem;
}
.page_about .about_section4 h4 {
    font-size: .22rem;
    color: #ffffff;
    text-align: center;
}
.page_about .about_section4 .about_section4_box {
    margin: .8rem 0;
    position: relative;
}

.page_about .about_section4 .about_section4_box .swiper-button-prev,
.page_about .about_section4 .about_section4_box .swiper-button-next{
    background: unset;
}
.page_about .about_section4 .about_section4_box .swiper-button-prev:before,
.page_about .about_section4 .about_section4_box .swiper-button-next:before{
    border-color: #ffffff;
    left: 15%;
    top: 30%;
}
.page_about .about_section4 .about_section4_box .swiper-button-prev {
    left: -.8rem;
}
.page_about .about_section4 .about_section4_box .swiper-button-next {
    right: -.8rem;
}

.page_about .about_section4 .about_section4_box .swiper-container {}
.page_about .about_section4 .about_section4_box .swiper-wrapper {}
.page_about .about_section4 .about_section4_box .swiper-slide {}
.page_about .about_section4 .about_section4_box .swiper-slide .img {
    overflow: hidden;
    cursor: pointer;
}
.page_about .about_section4 .about_section4_box .swiper-slide .img img {}
.page_about .about_section4 .about_section4_box .swiper-pagination {}
.page_about .about_section4 .about_section4_cert {
    display: flex;
    justify-content: space-between;
}
.page_about .about_section4 .about_section4_cert .img {}
.page_about .about_section4 .about_section4_cert .img img {}

.page_about .about_section5 {
    padding: 1.1rem 0;
    padding-bottom: 2rem;
}
.page_about .about_section5 h3 {}
.page_about .about_section5 .about_section5_box {
    margin-top: .6rem;
    position: relative;
}
.page_about .about_section5 .history_swiper_box {
    position: relative;
    margin-bottom: .7rem;
}
.page_about .about_section5 .history_swiper_box .swiper-container {}
.page_about .about_section5 .history_swiper_box .swiper-wrapper {}
.page_about .about_section5 .history_swiper_box .swiper-slide {}
.page_about .about_section5 .history_swiper_box .swiper-slide .item {
    display: flex;
    flex-direction: row-reverse;
    /* align-items: center; */
}
.page_about .about_section5 .history_swiper_box .swiper-slide .item .img_box,
.page_about .about_section5 .history_swiper_box .swiper-slide .item .text_box {
    width: 50%;
}
.page_about .about_section5 .history_swiper_box .swiper-slide .item .img_box {
    overflow: hidden;
}
.page_about .about_section5 .history_swiper_box .swiper-slide .item .img_box img {}
.page_about .about_section5 .history_swiper_box .swiper-slide .item .text_box {
    color: #ffffff;
    padding-right: 10%;
}
.page_about .about_section5 .history_swiper_box .swiper-slide .item .text_box p {
    font-size: 1rem;
    color: #ffffff;
}
.page_about .about_section5 .history_swiper_box .swiper-slide .item .text_box h4 {
    font-size: .34rem;
}
.page_about .about_section5 .history_swiper_box .swiper-slide .item .text_box .remark{
    font-size: .2rem;
    line-height: .3rem;
    white-space: pre-line;
}
.page_about .about_section5 .history_swiper_box .swiper-button-prev,
.page_about .about_section5 .history_swiper_box .swiper-button-next {
    top: unset;
    bottom: 0;
    background: transparent;
}
.page_about .about_section5 .history_swiper_box .swiper-button-prev:before,
.page_about .about_section5 .history_swiper_box .swiper-button-next:before {
    border-color: #ffffff;
    top: 25%;
}
.page_about .about_section5 .history_swiper_box .swiper-button-prev {}
.page_about .about_section5 .history_swiper_box .swiper-button-next {
    right: unset;
    left: 5%;
}
.page_about .about_section5 .swiper-pagination {width: 100%;display: flex;justify-content: space-between;}
.page_about .about_section5 .swiper-pagination:before{
    content:'';
    display:block;
    width: 100%;
    height: .02rem;
    background: #606060;
    position: absolute;
    left: 0;
    bottom: -.34rem;
}
.page_about .about_section5 .swiper-pagination-bullet{
    background: 0;
    width: auto;
    height: auto;
}
.page_about .about_section5 .swiper-pagination-bullet div{
    font-size: .2rem;
    color: #606060;
    position: relative;
    transition: all .3s linear;
}
.page_about .about_section5 .swiper-pagination-bullet div:before{
    content:'';
    display:block;
    width: .14rem;
    height: .15rem;
    background: #606060;
    border-radius: 100vh;
    position: absolute;
    left: 35%;
    bottom: -.4rem;
    outline: .05rem solid #000000;
    transition: all .3s linear;
}
.page_about .about_section5 .swiper-pagination-bullet-active div{
    color: var(--color);
}
.page_about .about_section5 .swiper-pagination-bullet-active div:before{background: var(--color)}

.list_case{}
.list_case .list_case_box{
    padding-top: 1.4rem;
}
.list_case .list_case_box h1,.list_education .list_education_box h1{
    text-align: center;
    color: #ffffff;
    font-size: .46rem;
    margin-bottom: .3rem;
}
.list_education .list_education_box h1{
    text-transform:uppercase
}
.list_case .list_case_box > .remark,.list_education .list_education_box > .remark{
    font-size: .2rem;
    line-height: .26rem;
    color: #aaaaaa;
    text-align: center;
    margin-bottom: .8rem;
}
.list_case .list_case_box .list_news_cate{
    margin: .6rem 0;
    position: relative;
    display: flex;
    gap: .6rem;
    justify-content: center;
    border-bottom: .01rem solid rgb(255 255 255 / 20%);
}
.list_case .list_case_box .list_news_cate a{
    font-size: .24rem;
    color: #aaaaaa;
    font-family: 'RobotoRegular';
    position: relative;
    min-width: 1rem;
    text-align: center;
    padding-bottom: .15rem;
}
.list_case .list_case_box .list_news_cate a:before{content:'';display:block;width: 0;height: .07rem;background: var(--color);position: absolute;left: 0;right: 0;bottom: 0;transition: all .3s linear;}
.list_case .list_case_box .list_news_cate a.active,.list_case .list_case_box .list_news_cate a:hover{
    color: #ffffff;
}
.list_case .list_case_box .list_news_cate a.active:before,.list_case .list_case_box .list_news_cate a:hover:before{
    width: 100%;
}

.list_case .list_case_box .item_box{
    display: flex;
    gap: .2rem;
    flex-wrap: wrap;
}
.list_case .list_case_box .item_box .item{
    cursor: pointer;
}
.list_case .list_case_box .item_box.type1 .item{
    flex: 0 0 calc((100% - 3 * .2rem) / 4);
}
.list_case .list_case_box .item_box.type2 .item{
    flex: 0 0 calc((100% - 3 * .2rem) / 3);
}
.list_case .list_case_box .item_box .item .img_box{
    overflow: hidden;
}
.list_case .list_case_box .item_box .item .img_box img{}
.list_case .list_case_box .item_box .item .text_box{
    font-size: .18rem;
    text-transform: uppercase;
    font-family: 'RobotoRegular';
    line-height: .24rem;
    color: #aaaaaa;
    margin-top: .2rem;
    min-height: .48rem;
}

.page-content .quotatio {
    color: #ffffff;
    font-size: .22rem;
    padding: 1rem;
}

.page-content .quotatio>h1 {
    font-size: .56rem;
    font-family: 'RobotoBold'
}

.page-content .quotatio>p {
    /* color: #666; */
    margin-top: .2rem
}

.page-content .quotatio .row {
     background: rgb(255 255 255 / 20%); 
    margin: .45rem 0;
}

.page-content .quotatio .quotation-box>div {
    padding: 0
}

.page-content .quotatio .quotation-box .qpl {
    border: .01rem solid rgb(179 179 179 / 40%);
    border-bottom: 0;
}

.page-content .quotatio .quotation-box div .product-header {
    display: flex;
    background: rgb(179 179 179 / 40%);
    padding: .25rem 0;
    color: #fff;
    font-size: .18rem;
}

.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 rgb(179 179 179 / 40%);
}

.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
}

.page-content .quotatio .row #quotatio-product-list .quotatio-item .text h3 {
    font-size: .18rem;
    line-height: normal;
    font-family: 'RobotoBold';
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #ffffff;
}

.page-content .quotatio .row #quotatio-product-list .quotatio-item .text p {
    margin-top: .1rem;
    color: #999
}

.page-content .quotatio .quotation-box>div .message-box {
    margin: 0;
    padding-top: .2rem
}
.page-content .quotatio .quotation-box>div .message-box .header{
    margin-bottom: .45rem;
}
.page-content .quotatio .quotation-box>div .message-box .header span {
    font-size: .26rem;
    font-family: 'RobotoBold'
}

.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: .30rem;
    font-family: 'RobotoBold';
    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;
    transition: all .3s linear;
}
.page-content .quotatio .quotation-box>div .message-box .from .submit input[type=button]:hover{
	background: var(--color);
	color: #ffffff;
	border-color: var(--color);
}
.page-content .message-box {
    margin: .2rem auto;
    /* background: #fff; */
    padding: .3rem
}

.message-box {
    margin-top: .3rem
}

.message-box .input {
    display: flex;
    justify-content: space-between;
    margin-bottom: .2rem
}

.message-box .input>div {
    width: 32.5%
}

.message-box .input input {
    width: 100%;
    padding: .15rem .2rem
}

.message-box textarea {
    width: 100%;
    height: 1.5rem;
    padding: .15rem .2rem;
    margin-bottom: .2rem
}

.message-box .input input,.message-box textarea {
    /* background: #f8f8f8; */
    border: 0;
    resize: none;
    font-size: .16rem;
    border-bottom: .01rem solid rgb(179 179 179 / 40%);
}
.message-box .input input::placeholder,.message-box textarea::placeholder{color: #fff;}
.message-box .submit input {
    padding: .05rem .3rem;
    color: #fff;
    background: var(--color);
    border: 0;
    font-size: .20rem;
    border-radius: .3rem
}