* {
    margin: 0px;
    padding: 0px;
    font-size: 15px;
}

ul,
ol {
    list-style: none;
}

a {
    text-decoration: none;
}

input,
textarea {
    outline: none;
    border: none;
}

html {
    transition: font-size 0.3s ease;
    font-family: "Open Sans", sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

body {
    background: #F2F5F9;
}


table {
    width: 100% ;
}




.public {
    width: 100%;
    max-width: 12.5rem;
    margin: 0 auto;
    height: 100%;
}

.Top_title {
    width: 100%;
    height: 0.4rem;
    background: #F2F2F2;
}

.Top_title .out {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

.Top_title .out .left {
    display: flex;
    align-items: center;
}

.Top_title .out .left h5 {
    font-weight: 400;
    font-size: 0.15rem;
    color: #888888;
    margin-right: 0.21rem;
}

.Top_title .out .left .member {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 0.15rem;
    color: #888888;
}

.Top_title .out .left .member a {
    font-weight: 400;
    font-size: 0.15rem;
    color: #888888;
}

.Top_title .out .left .member span {
    font-weight: 400;
    font-size: 0.15rem;
    color: #888888;
    margin: 0px 0.06rem;
}

.Top_title .out .left .member a:hover {
    color: #E84F11;
}

.Top_title .out .right {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 0.13rem;
    color: #888888;
}

.Top_title .out .right a,
.Top_title .out .right span {
    font-weight: 400;
    font-size: 0.15rem;
    color: #888888;
    display: block;
}

.Top_title .out .right span {
    margin: 0px 0.06rem;
}

.Top_title .out .right a:hover {
    color: #E84F11;
}

.Nav {
    width: 100%;
    height: 1.25rem;
    background: #FFF;
    position: relative;
    z-index: 100 ;
}

.Nav .out {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.Nav .out .logo {
    height: 1rem;
    display: block;
}

.Nav .out .logo img {
    height: 100%;
    display: block;
}

.Nav .out .content .form {
    display: flex;
    align-items: center;
    justify-content: right;
    height: 0.65rem;
}

.Nav .out .content .form form {
    display: flex;
    width: 6.07rem;
    height: 0.41rem;
    border-radius: 0px 0px 0px 0px;
    border: 0.01rem solid #E84F11;
    align-items: center;
    box-sizing: border-box;
    justify-content: right;
}

.Nav .out .content .form .iocn {
    width: 0.54rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
}

.Nav .out .content .form .iocn img {
    display: block;
    width: 0.2rem;
}

.Nav .out .content .form input {
    width: 100%;
    height: 100%;
    font-weight: 400;
    font-size: 0.14rem;
    color: #888888;
}

.Nav .out .content .form button {
    width: 0.96rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #E84F11;
    font-weight: 400;
    font-size: 0.18rem;
    color: #FFFFFF;
    border: none;
    cursor: pointer;
    flex: none;
}

.Nav .out .content .form .but_box {
    display: flex;
    align-items: center;
    margin-left: 0.46rem;
}

.Nav .out .content .form .but_box a {
    width: 1.19rem;
    height: 0.41rem;
    background: #F6B400;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 0.15rem;
    color: #FFFFFF;
    box-sizing: border-box;
}

.Nav .out .content .form .but_box a:last-child {
    width: 1.33rem;
    height: 0.4rem;
    background: none;
    font-weight: 400;
    font-size: 0.15rem;
    color: #E84F11;
    border: 0.01rem solid #E84F11;
    margin-left: 0.3rem;
}

.Nav .out .content .form .but_box a img {
    width: 0.2rem;
    display: block;
    margin-right: 0.1rem;
}

.Nav .out .content ul {
    display: flex;
    align-items: center;
    justify-content: right;
    height: 0.6rem;
    position: relative ;
}

.Nav .out .content ul li {
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 0.88rem;
    position: relative;
    cursor: pointer;
}

.Nav .out .content ul li:first-child{
    margin-left: 0px ;
}

.Nav .out .content ul li .title {
    font-weight: 400;
    height: 100% ;
    display: flex;
    align-items: center;
    font-size: 0.18rem;
    color: #666666;
}

.Nav .out .content ul li .dropdown {
    width: max-content ;
    min-width: 1.6rem  ;
    position: absolute ;
    top: 1rem ;
    left: 50% ;
    background: #FFF ;
    padding: 0.1rem ;
    box-sizing: border-box ;
    transform: translateX(-50%);
    border-top: 0.01rem solid #74747417 ;
    box-shadow: 0px 0px 0.06rem 0.01rem #0000001c;
    border-radius: 0.02rem ;
    visibility: hidden ;
    opacity: 0 ;
    pointer-events: none ;
    transition: 0.5s ease ;
}

.Nav .out .content ul li:hover .dropdown {
    top: 0.6rem ;
    opacity: 1 ;
    visibility: inherit; 
    pointer-events: all ;
}

.Nav .out .content ul li .dropdown a {
    width: 100% ;
    display: block ;
    padding: 0.1rem 0px ;
    text-align: center ;
    color: #656565 ;
    font-size: 0.16rem ;
}

.Nav .out .content ul li .dropdown a:hover {
    background: #E84F11 ;
    color: #FFF ;
}

.Nav .out .content ul li .title:hover,
.Nav .out .content ul li.avctin .title {
    color: #E84F11;
}


.Nav .out .content ul li:last-child {
    margin-right: 0px;
}



.banner_Home {
    width: 100%;
    height: 5.50rem;
    position: relative;
    z-index: 10 ;
}

.banner_Home .swiper {
    width: 100%;
    height: 100%;
}

.banner_Home .swiper-slide {
    position: relative;
    width: 100%;
    height: 100%;
}

.banner_Home .swiper-slide .img {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.banner_Home .swiper-slide .img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.banner_Home .swiper-slide .text {
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 10;
}

.banner_Home .swiper-slide .text .public {
    display: flex;
    align-items: center;
}

.banner_Home .swiper-slide .text h5 {
    font-weight: 500;
    font-size: 0.44rem;
    color: #FFFFFF;
    margin-bottom: 0.37rem;
    transform: translateY(0.8rem);
    opacity: 0;
}

.banner_Home .swiper-slide .text span {
    font-weight: 500;
    font-size: 0.19rem;
    color: #FFFFFF;
    display: block;
    transform: translateY(0.8rem);
    opacity: 0;
}

.banner_Home .swiper-slide .text a {
    margin-top: 0.8rem;
    display: block;
    color: #FFFFFF;
    font-size: 0.18rem;
    transform: translateY(0.8rem);
    opacity: 0;
}

.banner_Home .swiper-slide-active .text h5 {
    animation: text_slide 0.8s 0.2s ease-in-out forwards;
}

.banner_Home .swiper-slide-active .text span {
    animation: text_slide 0.8s 0.35s ease-in-out forwards;
}

.banner_Home .swiper-slide-active .text a {
    animation: text_slide 0.8s 0.5s ease-in-out forwards;
}

.Product_Home {
    margin: 0.4rem 0px;
    width: 100%;
}

.Product_Home .out {
    background: #FFF;
    border-radius: 0.11rem;
    padding: 0.3rem 0.25rem;
    box-sizing: border-box;
}

.Product_Home .out .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.32rem;
}

.Product_Home .out .title .txt {
    display: flex;
    align-items: end;
}

.Product_Home .out .title .txt h5 {
    font-weight: 500;
    font-size: 0.22rem;
    color: #000311;
    line-height: 1;
    margin-right: 0.17rem;
}

.Product_Home .out .title .txt span {
    font-weight: 500;
    font-size: 0.13rem;
    color: #8C8F98;
}

.Product_Home .out .title a {
    display: flex;
    color: #989898;
    font-size: 0.16rem;
    align-items: center;
}

.Product_Home .out .title a img {
    height: 0.12rem;
    display: block;
    margin-left: 0.09rem;
}

.Product_Home .out .title_swiper {
    padding: 0px 0.45rem;
    box-sizing: border-box;
}

.Product_Home .out .title_swiper .swiper-slide {
    width: auto;
    padding: 0px 0.48rem;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 0.18rem;
    color: #4A4A4A;
    padding-bottom: 0.27rem;
    position: relative;
    cursor: pointer;
}

.Product_Home .out .title_swiper .swiper-slide::after {
    content: '';
    width: 0px;
    height: 0.04rem;
    background: #E84F11;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    transition: 0.5s ease;
}


.Product_Home .out .title_swiper .swiper-slide:hover,
.Product_Home .out .title_swiper .swiper-slide-thumb-active {
    color: #E84F11;
}

.Product_Home .out .title_swiper .swiper-slide-thumb-active::after {
    width: 100%;
}

.Product_Home .out .Product_swiper {
    width: 100%;
    border-top: 0.02rem solid #F1F1F1;
    /* border-bottom: 0.02rem solid #F1F1F1; */
    box-sizing: border-box;
}

.Product_Home .out .Product_swiper .swiper-slide {
    width: 100%;
    display: flex;
}

.Product_Home .out .Product_swiper .swiper-slide .left {
    width: 2.46rem;
    height: 4.68rem;
    background-size: cover !important;
    padding: 0.79rem 0.2rem;
    box-sizing: border-box;
    position: relative;
    margin-top: 0.2rem;
}

.Product_Home .out .Product_swiper .swiper-slide .left h5 {
    font-weight: 500;
    font-size: 0.2rem;
    color: #FFFFFF;
    margin-bottom: 0.16rem;
    line-height: 1;
    text-align: center;
}

.Product_Home .out .Product_swiper .swiper-slide .left span {
    font-weight: 400;
    font-size: 0.12rem;
    color: #FFFFFF;
    text-align: center;
    display: block;
    margin-bottom: 0.4rem;
}

.Product_Home .out .Product_swiper .swiper-slide .left p {
    font-weight: 500;
    font-size: 0.19rem;
    color: #FFFFFF;
    text-align: center;
    min-height: 0.16rem ;
}

.Product_Home .out .Product_swiper .swiper-slide .left .img {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    left: 0px;
    clip-path: polygon(20% 0%, 100% 0%, 100% 100%, -150% 100%);
}

.Product_Home .out .Product_swiper .swiper-slide .left .txt {
    position: relative;
    z-index: 10;
}

.Product_Home .out .Product_swiper .swiper-slide .left .icon {
    margin-top: 1.14rem;
    width: 100%;
    display: block;
}

.Product_Home .out .Product_swiper .swiper-slide .right {
    width: calc(100% - 2.46rem);
    padding-left: 0.14rem;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
   align-content: flex-start;
}

.Product_Home .out .Product_swiper .swiper-slide .right .box {
    width: 20%;
    border-right: 0.02rem solid #F1F1F1;
    border-bottom: 0.02rem solid #F1F1F1;
    box-sizing: border-box;
    height: max-content;
}

.Product_Home .out .Product_swiper .swiper-slide .right .box a {
    padding: 0px 0.1rem;
    box-sizing: border-box;
    display: block;
    padding-top: 0.5rem;
    padding-bottom: 0.21rem;
}

.Product_Home .out .Product_swiper .swiper-slide .right .box .img {
    width: 100%;
    margin: 0.0rem auto 0.5rem auto;
    box-sizing: border-box;
    height: 0.92rem;
    overflow: hidden;
}

.Product_Home .out .Product_swiper .swiper-slide .right .box .img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    transition: 0.5s ease;
}

.Product_Home .out .Product_swiper .swiper-slide .right .box .txt {
    text-align: center;
}

.Product_Home .out .Product_swiper .swiper-slide .right .box .txt h5 {
    font-weight: 400;
    font-size: 0.14rem;
    color: #515151;
    line-height: 1;
    margin-bottom: 0.14rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.Product_Home .out .Product_swiper .swiper-slide .right .box .txt span {
    font-weight: 500;
    font-size: 0.14rem;
    color: #EF1F34;
    display: none 
}

.Product_Home .out .Product_swiper .swiper-slide .right .box:hover .txt h5 {
    color: #E84F11;
}

.Product_Home .out .Product_swiper .swiper-slide .right .box:hover .img img {
    transform: scale(1.2);
}

.News {
    width: 100%;
    margin: 0.4rem 0px 0.48rem 0px;
}

.News .out {
    width: 100%;
    background: #FFFFFF;
    border-radius: 0.11rem;
    padding: 0.27rem 0.25rem 0.3rem 0.25rem;
    box-sizing: border-box;
}

.News .out .title {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.24rem;
}

.News .out .title h5 {
    font-weight: 500;
    font-size: 0.22rem;
    color: #000311;
}

.News .out .title a {
    display: flex;
    color: #989898;
    font-size: 0.16rem;
    align-items: center;
}

.News .out .title a img {
    height: 0.12rem;
    display: block;
    margin-left: 0.09rem;
}


.News .out .list {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.News .out .list .left {
    width: 50%;
    height: 3.52rem;
}

.News .out .list .left .swiper {
    height: 100% ;
}

.News .out .list .left .swiper-slide {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.News .out .list .left .swiper-slide .img {
    width: 100%;
    height: 100%;
    display: block;
}

.News .out .list .left .swiper-slide .img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.News .out .list .left .swiper-slide .text {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 0.43rem;
    padding: 0px 0.25rem;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.41);
    display: flex;
    align-items: center;
}

.News .out .list .left .swiper-slide .text h5 {
    font-weight: 400;
    font-size: 0.13rem;
    color: #FFFFFF;
}

.News .out .list .right {
    width: 46%;
}

.News .out .list .right .News_swiper_but {
    width: 100%;
    border-bottom: 0.02rem solid #F1F1F1;
}

.News .out .list .right .News_swiper_but .swiper-slide {
    font-weight: 400;
    font-size: 0.18rem;
    color: #333333;
    width: auto;
    padding-bottom: 0.14rem;
    margin-right: 0.66rem;
    position: relative;
    cursor: pointer;
}

.News .out .list .right .News_swiper_but .swiper-slide:last-child {
    margin-right: 0px;
}

.News .out .list .right .News_swiper_but .swiper-slide::after {
    width: 0px;
    height: 0.03rem;
    display: block;
    content: '';
    position: absolute;
    bottom: 0px;
    background: #E84F11;
    left: 0px;
    transition: 0.5s ease;
}

.News .out .list .right .News_swiper_but .swiper-slide-thumb-active {
    color: #E84F11;
}

.News .out .list .right .News_swiper_but .swiper-slide-thumb-active::after {
    width: 0.71rem;
}

.News .out .list .right .News_swiper_cont .swiper-slide {
    width: 100%;
}

.News .out .list .right .News_swiper_cont .swiper-slide .box {
    margin-top: 0.28rem;
}

.News .out .list .right .News_swiper_cont .swiper-slide .box a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.News .out .list .right .News_swiper_cont .swiper-slide .box i {
    width: 0.07rem;
    height: 0.07rem;
    background: #FFBEA4;
    display: block;
    border-radius: 50%;
    margin-right: 0.1rem;
    flex: none;
}

.News .out .list .right .News_swiper_cont .swiper-slide .box h5 {
    font-weight: 400;
    font-size: 0.15rem;
    color: #333333;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.News .out .list .right .News_swiper_cont .swiper-slide .box span {
    display: block;
    margin-left: 0.2rem;
    flex: none;
    font-weight: 400;
    font-size: 0.14rem;
    color: #747474;
}

.News .out .list .right .News_swiper_cont .swiper-slide .box:hover h5 {
    color: #E84F11;
}

.fonter {
    width: 100%;
}

.fonter .fonter_1 {
    width: 100%;
    background: #FFF;
    padding: 0.35rem 0px 0.6rem 0px;
    box-sizing: border-box;
}

.fonter .fonter_1 .out {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.fonter .fonter_1 .out .left .text{
    width: 100% ;
    display: flex;
    justify-content: center;
    margin-top: 0.47rem;
    position: relative;
}

.fonter .fonter_1 .out .left .text .txt span {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 400;
    font-size: 0.14rem;
    color: #333;
    line-height: 1.8em;
}

.fonter .fonter_1 .out .left .text .txt a {
        font-weight: 400;
    font-size: 0.14rem;
    color: #333;
    display: block;
    margin-left: 0.26rem;
}

.fonter .fonter_1 .out ul {
    display: flex;
}

.fonter .fonter_1 .out ul li {
    /*margin-right: 1.09rem;*/
    display: flex ;
align-items: center;
}

.fonter .fonter_1 .out ul li::after {
   height: 0.14rem;
    width: 0.01rem;
    content: "";
    display: block;
    background:#333;
    margin: 0px 0.55rem;
}

.fonter .fonter_1 .out ul li:last-child {
    margin-right: 0px;
}

.fonter .fonter_1 .out ul li a {
    display: block;
    font-weight: 400;
    font-size: 0.15rem;
    color: #666666;
    margin-bottom: 0.17rem;
}

.fonter .fonter_1 .out ul li a:last-child {
    margin-bottom: 0px;
}

.fonter .fonter_1 .out ul li a:first-child {
    font-weight: 500;
    font-size: 0.19rem;
    color: #111111;
}

.fonter .fonter_1 .out .right {
    display: flex;
    align-items: center;
}

.fonter .fonter_1 .out .right i {
    width: 0px;
    height: 0.88rem;
    display: block;
    border: 0.01rem solid #707070a6;
    margin-right: 0.65rem;
}

.fonter .fonter_1 .out .right h5 {
    font-weight: 400;
    font-size: 0.22rem;
    color: #E1140A;
    line-height: 1;
    margin-bottom: 0.08rem;
}

.fonter .fonter_1 .out .right span {
    font-weight: 400;
    font-size: 0.14rem;
    color: #AAAAAA;
}

.fonter .fonter_1 .out .right a {
    margin-top: 0.21rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.38rem;
    height: 0.37rem;
    border: 0.01rem solid #AAAAAA;
    font-weight: 400;
    font-size: 0.17rem;
    color: #AAAAAA;
}

.fonter .fonter_1 .out .right a img {
    display: block;
    height: 0.19rem;
    margin-right: 0.05rem;
}

.fonter_2 {
    width: 100%;
    background: #000000;
    padding: 0.16rem 0px;
}

.fonter_2 .out {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.fonter_2 a {
    font-weight: 400;
    font-size: 0.13rem;
    color: #979797;
    display: block;
}


.streamer {
    margin: 0.4rem 0px;
    width: 100%;
}

.streamer .img {
    width: 100%;
}

.streamer .img img {
    width: 100%;
    display: block;
}

.breadcrumb {
    width: 100%;
    margin: 0.29rem 0px 0.32rem 0px;
}

.breadcrumb .out {
    display: flex;
    align-items: center;
}

.breadcrumb .out a {
    font-weight: 400;
    font-size: 0.15rem;
    color: #666666;
    display: block;
}

.breadcrumb .out img {
    display: block;
    height: 0.08rem;
    margin: 0px 0.13rem;
}

.breadcrumb .out a:hover {
    color: #E84F11;
}

.Classification {
    margin: 0.32rem 0px 0.4rem 0px;
}

.Classification .out {
    background: #FFF;
    padding: 0.22rem 0.25rem;
    box-sizing: border-box;
    border-radius: 0.02rem;
}

.Classification .out .box {
    display: flex;
    align-items: flex-start;
    margin-bottom: 0.36rem;
}

.Classification .out .box:last-child {
    margin-bottom: 0px;
}

.Classification .out .box h5 {
    font-weight: 400;
    font-size: 0.2rem;
    color: #999999;
    width: 1.2rem;
    flex: none;
}

.Classification .out .box .list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.Classification .out .box .list a {
    font-weight: 400;
    font-size: 0.2rem;
    color: #666666;
    display: block;
    margin-right: 0.8rem;
}

.Classification .out .box .list a:hover,
.Classification .out .box .list a.active {
    color: #E84F11;
}

.Showroom_pages {
    width: 100%;
    margin: 0.49rem 0px 0.55rem 0px;
}

.Showroom_pages .out {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.52rem;
    background: #FFF;
    border-radius: 0.11rem;
    padding: 0.24rem 0.25rem 0.39rem 0.25rem;
    box-sizing: border-box;
}

.Showroom_pages .ttextisud{
    font-weight: 400;
    font-size: 0.14rem;
    color: #515151;
    line-height: 1.7em ;
}

.Showroom_pages .out .box {
    width: 20%;
    border-bottom: 0.02rem solid #F1F1F1;
    border-right: 0.02rem solid #F1F1F1;
    box-sizing: border-box;
}

.Showroom_pages .out .box:nth-child(5n) {
    border-right: none;
}

.Showroom_pages .out .box a {
    padding: 0.4rem 0.30rem 0.22rem 0.3rem;
    box-sizing: border-box;
}

.Showroom_pages .out .box a .img {
    width: 100%;
    height: 1.02rem;
    overflow: hidden;

}

.Showroom_pages .out .box a .img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.Showroom_pages .out .box a .txt {
    width: 90%;
    margin: 0 auto;
    margin-top: 0.43rem;
    text-align: center;
}

.Showroom_pages .out .box a .txt h5 {
    font-weight: 400;
    font-size: 0.14rem;
    color: #515151;
    line-height: 1;
    /*margin-bottom: 0.14rem;*/
    overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.Showroom_pages .out .box a .txt span {
    font-weight: 500;
    font-size: 0.14rem;
    color: #EF1F34;
    display: none ;
}


.Pagination_out {
    display: flex;
    margin-top: 0.7rem;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 0.2rem auto;
    border-radius: 0.04rem;
}

.pagination>li {
    display: inline;
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 0.06rem 0.12rem;
    line-height: 1.42857;
    text-decoration: none;
    color: #333;
    background-color: #fff;
    border: 0.01rem solid #ddd;
    margin-left: -0.01rem;
    font-size: 0.14rem ;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 0.04rem;
    border-top-left-radius: 0.04rem ;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-bottom-right-radius: 0.04rem;
    border-top-right-radius: 0.04rem;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    background-color: #FF5F09;
    border-color: #FF5F09;
    cursor: default;
}

.product_details {
    width: 100%;
    margin: 0.28rem 0px 0.55rem 0px;
}

.product_details .product_details_list {
    width: 100%;
    background: #FFF;
    padding: 0.34rem 0.25rem 0.22rem 0.25rem;
    box-sizing: border-box;
    border-radius: 0.11rem;
}

.product_details .Product_out {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.product_details .Product_out .left {
    width: 4.61rem;
}

.product_details .Product_out .left .product_cont {
    width: 100%;
    height: 3.49rem;
    border: 0.01rem solid #E5E5E5;
}

.product_details .Product_out .left .product_cont .swiper-slide {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.1rem;
    box-sizing: border-box;
}

.product_details .Product_out .left .product_cont .swiper-slide img {
    width: auto;
    max-width: 100%;
    display: block;
    height: auto;
    max-height: 100%;
    object-fit: contain;
}

.product_details .Product_out .left .product_but {
    width: 100%;
    padding: 0px 0.27rem;
    box-sizing: border-box;
    margin-top: 0.2rem;
}

.product_details .Product_out .left .product_but .swiper-slide {
    width: 0.74rem;
    height: 0.74rem;
    border-radius: 0px 0px 0px 0px;
    border: 0.01rem solid #E8E8E8;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.1rem;
    cursor: pointer;
    padding: 0.08rem;
    box-sizing: border-box;
}

.product_details .Product_out .left .product_but .swiper-slide-thumb-active {
    border: 0.01rem solid #E84F11;
}

.product_details .Product_out .left .product_but .swiper-slide:last-child {
    margin-right: 0px;
}

.product_details .Product_out .left .product_but .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.product_details .Product_out .right {
    width: 6.7rem;
}

.product_details .Product_out .right h5 {
    font-weight: 500;
    font-size: 0.2rem;
    color: #666666;
    line-height: 2em;
    margin-bottom: 0.22rem;
}

.product_details .Product_out .right .text {
    width: 100%;
    min-height: 1rem;
    background: #F2F5F9;
    border-radius: 0.1rem;
    padding: 0.19rem 0.22rem 0.22rem 0.22rem;
    box-sizing: border-box;
}

.product_details .Product_out .right .text .box {
    display: flex;
    align-items: center;
    margin-bottom: 0.24rem;
}

.product_details .Product_out .right .text .box:last-child {
    margin-bottom: 0px;
}

.product_details .Product_out .right .text .box span {
    width: 0.7rem;
    display: block;
    flex: none;
    font-weight: 400;
    font-size: 0.14rem;
    color: #BCBCBC;
}

.product_details .Product_out .right .text .box .txt {
    display: flex;
    align-items: end;
}

.product_details .Product_out .right .text .box .txt h5 {
    line-height: 1;
    font-weight: 500;
    font-size: 0.26rem;
    color: #E84F11;
    margin-right: 0.12rem;
    margin-bottom: 0px;
}

.product_details .Product_out .right .text .box .txt p {
    font-weight: 400;
    font-size: 0.14rem;
    color: #4D4D4D;
}

.product_details .Product_out .right .text .box .txt span {
    font-weight: 400;
    font-size: 0.14rem;
    color: #BCBCBC;
}

.product_details .Product_out .right .but_box {
    display: flex;
    align-items: center;
    margin-top: 0.27rem;
}

.product_details .Product_out .right .but_box a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.66rem;
    height: 0.49rem;
    border-radius: 0.1rem;
    border: 0.01rem solid #E84F11;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 0.18rem;
    color: #E84F11;
}

.product_details .Product_out .right .but_box a:nth-child(2) {
    background: #E84F11;
    font-weight: 500;
    font-size: 0.18rem;
    color: #FFFFFF;
    margin-left: 0.23rem;
}

.product_details .Product_out .swiper-button-next {
    right: -0.06rem;
}

.product_details .Product_out .swiper-button-prev {
    left: -0.06rem;
}

.product_details .Product_out .swiper-button-next::after,
.product_details .Product_out .swiper-button-prev::after {
    color: #333333;
    font-size: 0.14rem;
}

.product_details .DETAIL {
    width: 1005;
}

.product_details .DETAIL .title {
    width: 100%;
    margin-top: 0.62rem;
    margin-bottom: 0.3rem;
}

.product_details .DETAIL .title h5 {
    font-weight: 400;
    font-size: 0.21rem;
    color: #E84F11;
}

.product_details .DETAIL .title i {
    width: 0.42rem;
    height: 0.02rem;
    display: block;
    margin-top: 0.11rem;
    background: #E84F11;
}

.product_details .DETAIL .text img {
    width: auto;
    height: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto ;
    height: auto ;
}

.product_details .DETAIL .text video {

    height: auto;
    min-width: 62% ;
    max-width: 100% ;
    display: block;
    margin: 0 auto ;
    height: auto ;
}

.product_details .DETAIL .text p {
    font-size: 0.15rem;
    color: #666666;
    width: 100%;
    line-height: 1.7em;
}


.product_details .DETAIL .text table {
    width: 100%;
    border-collapse: collapse;
    height: auto;
    background: #FFF;
    /*display: block;*/
    overflow: auto;
}

.product_details .DETAIL .text table tbody{
    width: 100% ;
}

.product_details .DETAIL .text table td {
    padding: 0.1rem ;
        box-sizing: border-box;
}

.Recommended_item {
    width: 100%;
    margin: 0.55rem 0px 0.78rem 0px;
}

.Recommended_item .out {
    background: #FFF;
    border-radius: 0.11rem;
    padding: 0.37rem 0.25rem 0.3rem 0.25rem;
    box-sizing: border-box;
}

.Recommended_item .out .titie {
    width: 100%;
}

.Recommended_item .out .titie h5 {
    font-weight: 400;
    font-size: 0.21rem;
    color: #E84F11;
}

.Recommended_item .out .titie i {
    width: 0.42rem;
    height: 0.02rem;
    display: block;
    margin-top: 0.11rem;
    background: #E84F11;
}

.Recommended_item .Recommended_swiper {
    width: 100%;
    margin-top: 0.4rem;
}

.Recommended_item .Recommended_swiper .swiper-slide {
    width: 20%;
    padding: 0px 0.4rem;
    box-sizing: border-box;
}


.Recommended_item .Recommended_swiper .swiper-slide .img {
    width: 100%;
    height: 1.02rem;
    overflow: hidden;
    margin-bottom: 0.4rem;
}

.Recommended_item .Recommended_swiper .swiper-slide .img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.Recommended_item .Recommended_swiper .swiper-slide .txt {
    width: 100%;
    text-align: center;
}

.Recommended_item .Recommended_swiper .swiper-slide .txt h5 {
    font-weight: 400;
    font-size: 0.14rem;
    color: #515151;
    margin-bottom: 0.13rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.Recommended_item .Recommended_swiper .swiper-slide .txt span {
    font-weight: 500;
    font-size: 0.14rem;
    color: #EF1F34;
    display: none ;
}

.Recommended_item .swiper-button-next:after,
.Recommended_item .swiper-button-prev:after {
    color: #4D4D4D;
    font-size: 0.15rem;
}

.News_pages {
    margin: 0.5rem 0px 0.9rem 0px;
}

.News_pages .out {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.News_pages .out .left {
    width: 2.76rem;
    min-height: 7rem;
    box-shadow: 0px 0.03rem 0.06rem 0.01rem rgba(18, 142, 207, 0.11);
    border-radius: 0.06rem;
    background: #FFF;
}

.News_pages .out .left .title {
    width: 100%;
    height: 0.62rem;
    background: #E84F11;
    box-shadow: 0px 0.03rem 0.06rem 0.01rem rgba(18, 142, 207, 0.11);
    border-radius: 0.06rem 0.06rem 0px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 0.24rem;
    color: #FFFFFF;
}

.News_pages .out .left .list {
    margin-top: 0.02rem;
    width: 100%;
}

.News_pages .out .left .list a {
    width: 100%;
    text-align: center;
    padding: 0.18rem 0px;
    box-sizing: border-box;
    display: block;
    border-bottom: 0.01rem solid #E9E9E9;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 0.18rem;
    color: #333333;
    display: block;
}

.News_pages .out .left .list a:hover {
    color: #E84F11;
}

.News_pages .out .right {
    width: 9.2rem;
    background: #FFFFFF;
    box-shadow: 0px 0.03rem 0.06rem 0.01rem rgba(18, 142, 207, 0.11);
    border-radius: 0.06rem;
    padding: 0.3rem 0.4rem;
    box-sizing: border-box;
}

.News_pages .out .right .title {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding-bottom: 0.23rem;
    border-bottom: 0.01rem solid #E2E2E2;
}

.News_pages .out .right .title .tit h5 {
    font-weight: bold;
    font-size: 0.24rem;
    color: #E84F11;
}

.News_pages .out .right .title .tit i {
    width: 0.48rem;
    height: 0.03rem;
    background: #E84F11;
    position: absolute;
    bottom: 0px;
    left: 0px;
    display: block;
}

.News_pages .out .right .title .more {
    display: flex;
    align-items: center;
}

.News_pages .out .right .title .more a {
    font-weight: 400;
    font-size: 0.14rem;
    color: #999999;
}

.News_pages .out .right .title .more a img {
    height: 0.14rem;
    display: block;
}

.News_pages .out .right .title .more>img {
    height: 0.1rem;
    display: block;
    margin: 0px 0.1rem;
}

.News_pages .out .right .list {
    width: 100%;
}

.News_pages .out .right .list .item {
    width: 100%;
    margin-top: 0.28rem;
}

.News_pages .out .right .list .item a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.News_pages .out .right .list .item a .titie {
    display: flex;
    align-items: center;
}

.News_pages .out .right .list .item a i {
    width: 0.07rem;
    height: 0.07rem;
    background: #DFDFDF;
    border-radius: 50%;
    display: block;
    margin-right: 0.1rem;
    flex: none;
}

.News_pages .out .right .list .item a h5 {
    font-weight: 400;
    font-size: 0.15rem;
    color: #333333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.News_pages .out .right .list .item span {
    font-weight: 400;
    font-size: 0.14rem;
    color: #666666;
    margin-left: 0.15rem;
    display: block;
    flex: none;
}

.News_pages .out .right .list .item:hover a h5 {
    color: #E84F11;
}

.News_pages .out .right .list .item:hover a i {
    background: #E84F11;
}

.News_pages .out .Pagination_out {
    margin-top: 0.4rem;
}

.Large_pages {
    margin: 0.58rem 0px 0.7rem 0px;
}

.Large_pages .title {
    width: 100%;
    text-align: center;
    margin-bottom: 0.37rem;
}

.Large_pages .title h5 {
    font-weight: 500;
    font-size: 0.32rem;
    color: #111111;
    line-height: 1;
    margin-bottom: 0.25rem;
}

.Large_pages .title p {
    font-weight: 400;
    font-size: 0.16rem;
    color: #A7A7A7;
}

.Large_pages .out {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.Large_pages .out .box {
    width: 48%;
    background: linear-gradient(to bottom, #FFF8F5, #FFFFFF, #FFFFFF);
    padding: 0.82rem 0.8rem;
    box-sizing: border-box;
    box-shadow: 0px 0.03rem 0.06rem 0.01rem #0000001e;
}

.Large_pages .out .box img {
    height: 0.66rem;
    display: block;
    margin: 0 auto;
    margin-bottom: 0.4rem;
}

.Large_pages .out .box h5 {
    text-align: center;
    font-weight: 500;
    font-size: 0.22rem;
    color: #111111;
    line-height: 1;
    margin-bottom: 0.3rem;
}

.Large_pages .out .box .txt {
    display: flex ;
        align-items: flex-start;
    width: 100% ;
}

.Large_pages .out .box p , .Large_pages .out .box span {
    font-weight: 400;
    font-size: 0.17rem;
    color: #666666;
    line-height: 1.9em;
}

.Large_pages .text_out {
    width: 100% ;
    background: #FFF ;
    padding: 0.3rem 0.4rem ;
    box-sizing: border-box ;
    border-radius: 0.1rem ;
}

.Large_pages .text_out .box {
    margin-bottom: 0.2rem ;
}

.Large_pages .text_out .box b{
    font-size: 0.18rem ;
    color: #2E2E2E ;
    margin-bottom: 0.1rem ;
    display: block ;
}

.Large_pages .text_out .box p {
    font-size: 0.15rem ;
    color: #4A4A4A  ;
    line-height: 2em ;
    display: block ;
}

.Large_pages .text_out .box span {
    color: #656565 ;
    font-size: 0.13rem ;
    line-height: 2em ;
    display: block ;
}

.Large_pages .text_out .box:last-child {
    margin-bottom: 0px ;
}

.Large_pages .diti_xiah {
    margin-bottom: 0.3rem ;
    width: auto ;
    max-width: 50% ;
    height: auto ;
    display: block ;
    margin: 0 auto ;
}

.enterprise_Large {
    width: 100%;
    margin-bottom: 0.5rem;
    margin-top: 0.7rem;
}

.enterprise_Large .out {
    width: 100%;
    background: #FFF;
    padding: 0.56rem 0px 0.97rem 0px;
    box-sizing: border-box;
}

.enterprise_Large .out h5 {
    text-align: center;
    font-weight: 500;
    font-size: 0.32rem;
    color: #111111;
    margin-bottom: 0.87rem;
}

.enterprise_Large .out form {
    width: 6.3rem;
    margin: 0 auto;
    max-width: 100%;
}

.enterprise_Large .out label {
    display: flex;
    align-items: center;
    margin-bottom: 0.2rem;
}

.enterprise_Large .out label span {
    width: 1.84rem;
    position: relative;
    flex: none;
    font-size: 0.15rem ;
}

.enterprise_Large .out label span::after {
    position: absolute;
    content: '*';
    color: #F65149;
    font-weight: 400;
    font-size: 0.18rem;
    left: -0.1rem;
    top: -0.02rem;
}

.enterprise_Large .out label input {
    width: 100%;
    height: 0.46rem;
    border-radius: 0.04rem;
    border: 0.01rem solid #DADDE4;
    padding: 0.1rem 0.2rem;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 0.16rem;
    color: #333 ;
}

.enterprise_Large .out label input::placeholder {
    color: #BBBBBB;
}

.enterprise_Large .out .file {
    align-items: flex-start;
}

.enterprise_Large .out .file input {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: pointer;
}

.enterprise_Large .out .file .file_box {
    position: relative;
    width: 1.13rem;
    height: 1.13rem;
    border-radius: 0.04rem;
    border: 0.01rem solid #DADDE4;
    cursor: pointer;
}

.enterprise_Large .out .file .file_box .syuash {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-weight: 400;
    font-size: 0.39rem;
    color: #BBBBBB;
}

.enterprise_Large .out button {
    width: 100%;
    display: flex;
    align-items: center;
    margin: 0 auto;
    justify-content: center;
    width: 1.5rem;
    height: 0.5rem;
    background: #E84F11;
    border-radius: 0.04rem;
    font-weight: 400;
    font-size: 0.2rem;
    color: #FFFFFF;
    border: none;
    margin-top: 0.72rem;
    cursor: pointer;
}


.banner_Events {
    margin: 0.42rem 0px 0.5rem 0px;
    height: 4.09rem;
}

.banner_Events_swiper {
    width: 100%;
    height: 100% ;
}

.banner_Events_swiper .swiper-slide {
    width: 100%;
    border-radius: 0.2rem ;
    overflow: hidden;
}

.banner_Events_swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.banner_Events_swiper .swiper-button-next:after,
.banner_Events_swiper .swiper-button-prev:after {
    color: #FFF;
    font-size: 0.17rem;
    font-weight: bold;
    display: block;
}

.Events_pages {
    margin: 0.5rem 0px 0.41rem 0px
}

.Events_pages .out {
    width: 100%;
    background: #FFFFFF;
    border-radius: 0.11rem;
    padding: 0.35rem 0.38rem 0.1rem 0.38rem;
    margin-bottom: 0.41rem;
    box-sizing: border-box ;

}

.Events_pages .out .title {
    font-weight: 500;
    font-size: 0.24rem;
    color: #000311;
    margin-bottom: 0.29rem;
}

.Events_pages .out .list {
    display: flex;
    flex-wrap: wrap;
}

.Events_pages .out .item {
    width: 22.75%;
    margin-right: 3%;
    margin-bottom: 0.2rem;
}

.Events_pages .out .item:nth-child(4n) {
    margin-right: 0px;
}

.Events_pages .out .item .img {
    width: 100%;
    height: 2rem;
    overflow: hidden;
    border-radius: 0.08rem 0.08rem 0px 0px;
}

.Events_pages .out .item .img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: 0.5s ease;
}

.Events_pages .out .item .text {
    width: 100%;
    padding: 0.2rem 0.14rem 0.1rem 0.14rem;
    box-sizing: border-box;
}

.Events_pages .out .item .text h5 {
    font-weight: 500;
    font-size: 0.16rem;
    color: #727272;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* 限制为两行 */
    overflow: hidden;
    line-height: 1.6em;
    margin-bottom: 0.14rem;
}

.Events_pages .out .item .text span {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 0.13rem;
    color: #848691;
    line-height: 2em;
}

.Events_pages .out .item .text span img {
    height: 0.13rem;
    display: block;
    margin-right: 0.1rem;
}

.Events_pages .out .item:hover .text h5 {
    color: #E84F11;
}

.Events_pages .out .item:hover .img img {
    transform: scale(1.2);
}

.Events_pages .Pagination_out {
    margin-top: 0.41rem;
}

.member_registration {
    margin: 0.35rem 0px 0.45rem 0px;
}

.member_registration .out {
    width: 100%;
    background: #FFF;
    padding: 0rem 0px 0.39rem 0px;
    box-sizing: border-box;
}

.member_registration .out .title {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0.17rem ;
    box-shadow: 0px 0.03rem 0.06rem 0.01rem rgba(18, 142, 207, 0.11);
}

.member_registration .out .title a {
    font-weight: 500;
    font-size: 0.2rem;
    color: #656565;
    position: relative;
    margin-right: 1.87rem;
    padding-bottom: 0.27rem;
}

.member_registration .out .title a::after {
    width: 0px;
    height: 0.02rem;
    background: #E84F11;
    content: '';
    display: block;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    transition: 0.5s ease;
}

.member_registration .out .title a.active,
.member_registration .out .title a:hover {
    color: #E84F11;
}

.member_registration .out .title a.active::after,
.member_registration .out .title a:hover::after {
    width: 1.57rem;
}

.member_registration .out .title a:last-child {
    margin-right: 0px;
}


.member_registration .out form {
    width: 6.3rem;
    margin: 0 auto;
    max-width: 100%;
    margin-top: 0.65rem;
}

.member_registration .out label {
    display: flex;
    align-items: center;
    margin-bottom: 0.2rem;
}

.member_registration .out label span {
    width: 1.84rem;
    position: relative;
    flex: none;
}

.member_registration .out label span::after {
    position: absolute;
    content: '*';
    color: #F65149;
    font-weight: 400;
    font-size: 0.18rem;
    left: -0.1rem;
    top: -0.02rem;
}

.member_registration .out label input {
    width: 100%;
    height: 0.46rem;
    border-radius: 0.04rem;
    border: 0.01rem solid #DADDE4;
    padding: 0.1rem 0.2rem;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 0.16rem;
    color: #333;
}

.member_registration .out label input::placeholder {
    color: #bbb ;
}

.member_registration .out label .img {
    position: relative;
    width: 100%;
}

.member_registration .out .CAPTCHA input {
    padding-right: 1.3rem;
    width: 100%;
}

.member_registration .out label .img img {
    width: 0.98rem;
    height: 0.35rem;
    display: block;
    position: absolute;
    right: 0.13rem;
    top: 50%;
    transform: translateY(-50%);
}

.member_registration .out .but_box {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 0.4rem;
}

.member_registration .out .but_box a {
    width: 1.5rem;
    height: 0.5rem;
    border-radius: 0.04rem;
    border: 0.01rem solid #D4D4D4;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 0.2rem;
    color: #333333;
    margin-right: 0.41rem;

}

.member_registration .out .but_box button {
    width: 1.5rem;
    height: 0.5rem;
    border-radius: 0.04rem;
    font-weight: 400;
    font-size: 0.2rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #E84F11;
    border: none;
    cursor: pointer;
}

.Message_pages {
    margin: 0.46rem 0px 0.54rem 0px;
}

.Message_pages .public {
    max-width: 12rem;
}

.Message_pages .out {
    display: flex;
    justify-content: space-between;
}

.Message_pages .left {
    width: 1.8rem;
    background: #FFFFFF;
    border-radius: 0.02rem;
    background: #FFF;
    padding: 0.15rem 0px;
    box-sizing: border-box;
}

.Message_pages .left .list {
    margin-bottom: 0.3rem;
}

.Message_pages .left .list:last-child {
    margin-bottom: 0px;
}

.Message_pages .left .list h5 {
    width: 100%;
    height: 0.33rem;
    background: #FFFBF8;
    text-align: center;
    line-height: 0.33rem;
    font-weight: 500;
    font-size: 0.15rem;
    color: #111111;
}

.Message_pages .left .list .box {
    width: 100%;
}

.Message_pages .left .list .box a {
    width: 100%;
    text-align: center;
    margin-top: 0.16rem;
    font-weight: 400;
    font-size: 0.14rem;
    color: #666666;
    display: block;
}

.Message_pages .left .list .box a:hover {
    color: #E84F11;
}

.Message_pages .right {
    width: 9.9rem;
    background: #FFFFFF;
    border-radius: 0.02rem;
    padding: 0.31rem 0.36rem 0.41rem 0.36rem;
    box-sizing: border-box;
}

.Message_pages .right .title {
    width: 100%;
    border-bottom: 0.02rem solid #F2F4F5;
    position: relative;
}

.Message_pages .right .title h5 {
    font-weight: 500;
    font-size: 0.21rem;
    color: #E84F11;
    margin-bottom: 0.17rem;
}

.Message_pages .right .title i {
    width: 0.84rem;
    height: 0.03rem;
    display: block;
    position: absolute;
    left: 0px;
    bottom: -0.03rem;
    background: #E84F11;
}

.Message_pages .content_list {
    width: 100%;
    padding: 0px 0.24rem;
    box-sizing: border-box;
    margin-top: 0.25rem;
}

.Message_pages .content_list .text_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.Message_pages .content_list .text_box i {
    width: 0px;
    height: 1.7rem;
    border: 0.01rem dashed #D5D5D5;
    margin: 0px 0.5rem 0px 0.5rem;
}

.Message_pages .content_list .text_box .lef p {
    font-weight: 400;
    font-size: 0.14rem;
    color: #8B8B8B;
    margin-bottom: 0.34rem;
}

.Message_pages .content_list .text_box .lef p:last-child {
    margin-bottom: 0px;
}

.Message_pages .content_list .text_box .rig {
    display: flex;
    align-items: center;
    justify-content: right;
}

.Message_pages .content_list .text_box .rig img {
    width: 1.44rem;
    height: 1.44rem;
    display: block;
    margin-right: 0.54rem;
}

.Message_pages .content_list .text_box .rig .txt span {
    display: block;
    font-weight: 400;
    font-size: 0.14rem;
    color: #8B8B8B;
    line-height: 1.8em;
}


/* 在线联系 */
.Feedback {
    width: 100%;
    margin-top: 0.32rem;
}

.Feedback .Feedback_title {
    margin-bottom: 0.18rem;
    border-bottom: none !important;
}

.Feedback .Feedback_title h5 {
    font-weight: 500;
    font-weight: 500;
    font-size: 0.2rem;
    color: #E84F11;
    display: flex;
    align-items: end;
}

.Feedback .Feedback_title h5 b {
    font-weight: 400;
    font-size: 0.12rem;
    color: #666666;
    display: block;
    margin: 0px 0.1rem;
}

.Feedback .Feedback_title h5 span {
    font-weight: 400;
    font-size: 0.16rem;
    color: #666666;
    display: flex ;
    align-items: center ;
}

.Feedback .Feedback_title h5 span span {
    font-weight: bold ;
}

.Feedback .Feedback_title p {
    font-weight: 400;
    font-size: 0.15rem;
    color: #8E8E8E;
}

.Feedback form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.Feedback input {
    width: 48%;
    height: 0.29rem;
    background: #FFFFFF;
    border-radius: 0.02rem;
    border: 0.01rem solid #F0F0F0;
    padding: 0px 0.12rem;
    font-weight: 400;
    font-size: 0.12rem;
    color: #999999;
    box-sizing: border-box;
    margin-bottom: 0.13rem;
}

.Feedback textarea {
    width: 100%;
    height: 0.74rem;
    border: 0.01rem solid #EEEEEE;
    font-weight: 400;
    font-size: 0.12rem;
    color: #999999;
    padding: 0.12rem;
    box-sizing: border-box;
    background: #FFF;
}

.Feedback .button {
    width: 100%;
}

.Feedback button {
    width: 2.29rem;
    height: 0.36rem;
    background: #E84F11;
    border-radius: 0.33rem;
    /* border-radius: 0.33rem; */
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 0.13rem;
    color: #FFFFFF;
    cursor: pointer;
    border: none;
    margin-top: 0.2rem;
    border-radius: 0.33rem;
}

.CAPTCHA {
    /* width: 40%; */
    display: flex;
    align-items: center;
    margin-top: 0.14rem;
}

.CAPTCHA input {
    margin-bottom: 0px !important;
    margin-right: 0.1rem !important;
}

.CAPTCHA img {
    width: 1.2rem;
    height: 0.29rem;
    display: block;
}

.Android {
    width: 100%;
    margin: 0.5rem 0px 0.64rem 0px;
}

.Android .title {
    text-align: center;
}

.Android .title h5 {
    font-weight: 500;
    font-size: 0.32rem;
    color: #111111;
    line-height: 1;
    margin-bottom: 0.25rem;
}

.Android .title p {
    font-weight: 400;
    font-size: 0.16rem;
    color: #A7A7A7;
}

.Android .out {
    margin-top: 0.46rem ;
    display: flex ;
    justify-content: space-between ;
}

.Android .out .left {
    width: 5.81rem ;
    height: 4.41rem ;
    overflow: hidden;
}

.Android .out .left img {
    width: 100% ;
    height: 100% ;
    object-fit: cover ;
    display: block ;
    border-radius: 0.26rem ;
}

.Android .out .right {
    width: 6.25rem ;
    font-weight: 400;
    font-size: 0.18rem ;
    color: #2E2E2E;
}

.Android .out .right p {
    font-weight: 400;
    font-size: 0.18rem ;
    color: #2E2E2E;
    line-height: 1.8em ;
}


.Knowledge-list {
    padding: 0.8rem 0px;
}

.Knowledge-list .public {
    max-width: 12.5rem;
}

.Knowledge-list .titel {
    text-align: center;
    /* margin-top: 70px; */
}

.Knowledge-list .titel h5 {
    font-size: 0.3rem;
    color: rgba(51, 51, 51, 1);
    font-weight: 400;
}

.Knowledge-list .release {
    height: 0.62rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 0.01rem solid rgba(227, 227, 227, 1);
    border-bottom: 0.01rem solid rgba(227, 227, 227, 1);
    margin-top: 0.3rem;
}

.Knowledge-list .release i {
    display: block;
    width: 0.01rem;
    height: 0.14rem;
    background: rgba(153, 153, 153, 1);
    margin: 0px 0.3rem;
}

.Knowledge-list .release span {
    font-size: 0.13rem;
    color: rgba(102, 102, 102, 1);
}

.Knowledge-list .text {
    padding: 0.43rem 0rem 0.73rem 0rem;
    box-sizing: border-box;
    font-size: 0.16rem;
    color: rgba(51, 51, 51, 1);
    line-height: 2.5em;
    border-bottom: 0.01rem solid rgba(227, 227, 227, 1);
}

.Knowledge-list .text p {
    font-size: 0.16rem;
    line-height: 1.8em;
}

.Knowledge-list .text img {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    display: block;
}

.Knowledge-list .text video {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}

.Knowledge-list .butt_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* padding-left: 77px; */
    box-sizing: border-box;
    margin-top: 0.61rem;
}

.Knowledge-list .butt_box .left .box {
    display: flex;
    align-items: center;
}

.Knowledge-list .butt_box .left .box span,
.Knowledge-list .butt_box .left .box a {
    color: #666666;
    font-size: 0.13rem;
    margin-bottom: 0.14rem;
    display: block;
}

.Knowledge-list .butt_box .left .box a:hover {
    color: #D1120F;
}

.Knowledge-list .butt_box .right {
    width: 1.61rem;
    height: 0.36rem;
    background: #D1120F;
    border-radius: 0.05rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
}

.Knowledge-list .butt_box .right {
    cursor: pointer;
}

.dingdanzhongx_list label {
    width: 48%;
}

.dingdanxiangqing_list label {
    width: 32% ;
}




@keyframes text_slide {
    0% {
        transform: translateY(0.8rem);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}


.toggle_button {
    width: 0.4rem;
    height: 0.3rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 0.2rem;
    cursor: pointer;
    display: none;
}

.toggle_button span {
    height: 0.03rem;
    width: 100%;
    display: block;
    background: #333;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.toggle_button.on span:nth-child(1) {
    transition-delay: 0.2s;
    transform: rotate(45deg);
    transform-origin: 0.01rem;
}

.toggle_button.on span:nth-child(2) {
    opacity: 0;
    transform: translateX(0.25rem);
}

.toggle_button.on span:nth-child(3) {
    transition-delay: 0.4s;
    transform: rotate(-45deg);
    transform-origin: 0.01rem;
}

.min_nav {
    width: 100%;
    background: #FFF;
    position: absolute;
    top: 0.79rem;
    left: 0px;
    box-shadow: 0.1rem 0px 0.1rem 0.01rem #00000021;
    padding: 0.1rem 0px;
    display: none;
}

.min_nav .title {
    width: 100%;
    height: 0.6rem;
    font-size: 0.16rem;
    color: #333;
    border-bottom: 0.01rem solid #eee;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 0px 0.3rem;
    box-sizing: border-box;
}

.min_nav .title a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    color: #333;
    font-size: 0.24rem;
    box-sizing: border-box;
}

.min_nav .title .img {
    width: 0.6rem;
    height: 0.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0.3rem;
    top: 0px;
    z-index: 10;
}

.min_nav .title .img img {
    height: 0.2rem;
    display: block;
    transition: 0.5s ease all;
}

.min_nav .box {
    width: 100%;
    padding-left: 0.2rem;
    box-sizing: border-box;
    display: none;
}

.min_nav .box a {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0.15rem 0.3rem;
    color: #333;
    font-size: 0.2rem;
}

.min_nav .title.on .img img {
    transform: rotate(90deg);
}

.Pop-up_window {
    position: fixed ;
    top: 0px ;
    left:0px ;
    width: 100% ;
    height: 100vh ;
    background: #00000027 ;
    z-index: 200 ;

    display: none ;
}

.Pop-up_window .public {
    display: flex ;
    justify-content: center ;
    align-items: center ;
}

.Pop-up_window .public .out {
    background: #FFF ;
    width: 4.6rem  ;
    max-width: 100% ;
    padding: 0.24rem ;
    box-sizing: border-box ;
    border-radius: 0.15rem ;
    position: relative;
}

.Pop-up_window .public .out h5{
    color: #333;
    font-size: 0.18rem ;
    font-weight: 500;
    margin-bottom: 0.24rem ;
}

.Pop-up_window .public .out .text {
    width: 100% ;
    background: #f3f4f7;
    padding: 0.24rem ;
    margin-bottom: 0.24rem ;
    box-sizing: border-box;
}

.Pop-up_window .public .out .text .tit {
        margin-bottom: 0.2rem;
            text-align: center;
}

.Pop-up_window .public .out .text .tit tit {
    text-align: center ;
    font-size: 0.14rem ;
    color: #000311 ;
}

.Pop-up_window .public .out .text h6{
    text-align: center;
    color: #000;
    display: -webkit-box;
    font-size: 0.16rem;
    font-weight: 500;
    letter-spacing: 0;
    margin-bottom: 0.06rem;
    display: block;
    width: 100%;
    line-height: 1;

}

.Pop-up_window .public .out .box {
    line-height: 1.6em ;
}

.Pop-up_window .public .out .box:nth-child(2){
    margin-bottom: 0.15rem ;
}

.Pop-up_window .public .out .text b{
    font-size: 0.16rem ;
    margin-bottom: 0.05rem ;
}

.Pop-up_window .public .out .text p {
    color: #000311;
    font-size: 0.15rem ;
    text-align: left ;
}

.Pop-up_window .public .out .img {
    width: 100% ;
    text-align: center ;
    margin-top: 0.15rem ;
}

.Pop-up_window .public .out .img img {
    width: 40% ;
}

.Pop-up_window .public .out .img span {
    display: block ;
    text-align: center ;
    font-size: 0.12rem ;
    color: #000311;
    margin-top: 0.1rem ;
}

.Pop-up_window .public .out .but {
    height: 0.32rem ;
    padding: 0px 0.15rem ;
    color: #FFF ;
    font-size: 0.13rem ;
    display: flex ;
    align-items: center ;
    justify-content: center ;
    border-radius: 0.11rem ;
    background: #E84F11 ;
    width: 100% ;
    cursor: pointer;
    box-sizing: border-box ;
}

.Pop-up_window .public .out .guanbi {
    position: absolute ;
    right: 0.24rem  ;
    top: 0.14rem ;
    font-size: 0.2rem ;
    color: #333 ;
    cursor: pointer;
}

.enquiry_pages {
    width: 100% ;
    margin: 0.4rem 0px 0.6rem 0px ;
}

.enquiry_pages .title {
    width: 100% ;
    font-size: 0.16rem ;
    color: #333 ;
    font-weight: bold ;
}

.enquiry_pages .title_Pod {
    width: 100% ;
    background: #FFf ;
    padding: 0.16rem ;
    border-radius: 0.11rem ;
    margin-top: 0.2rem ;
    transition: background-color .2s ease;
    margin-bottom: 0.16rem ;
    box-sizing: border-box ;
}

.enquiry_pages .title_Pod a {
    display: flex ;
    align-items: center ;
}

.enquiry_pages .title_Pod .img {
    width: 1.4rem ;
    height: 0.9rem ;
    overflow: hidden;
    border: 0.01rem solid #E8E8E8 ;
    box-sizing: border-box ;
    border-radius: 0.1rem ;
    padding: 0.07rem ;
    box-sizing: border-box ;
}

.enquiry_pages .title_Pod .img img {
    width: 100% ;
    height: 100% ;
    object-fit: contain ;
    display: block ;
}

.enquiry_pages .title_Pod .text {
    margin-left: 0.2rem ;
}

.enquiry_pages .title_Pod .text h5{
    font-size: 0.16rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0.16rem ;
    color: #333 ;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.enquiry_pages .title_Pod .text .txt {
    display: flex ;
    align-items: center ;
    margin: 0.06rem ;
}

.enquiry_pages .title_Pod .text .txt:last-child {
    margin-bottom: 0px ;
}

.enquiry_pages .title_Pod .text .txt span {
    font-size: 0.12rem ;
    color: #848691 ;
}

.enquiry_pages .title_Pod .text .txt span:first-child {
    width: 0.6rem ;
}

.enquiry_pages .title_Pod .text .txt p {
    color: #ef1f1f;
    display: inline-block;
    font-size: 0.14rem ;
    font-weight: 700;
}

.enquiry_pages .title_Pod:hover {
    background: #fafbfc ;
}

.enquiry_pages .form_out {
    width: 100% ;
    padding: 0.28rem 0.32rem 0.32rem  ;
    box-sizing: border-box ;
    border-radius: 0.11rem ;
    background: #FFF ;
}

.enquiry_pages .form_out .title {
    margin-bottom: 0.1rem ;
}

.enquiry_pages .form_out i {
    width: 100% ;
    height: 0.01rem ;
    background: #5151517c ;
    display: block ;
    margin: 0.1rem 0px 0.3rem 0px ;
}

.enquiry_pages .form_out .list {
    width: 100% ;
    display: flex ;
    flex-wrap: wrap ;
}

.enquiry_pages .form_out label {
    margin-right: 0.1rem ;
    margin-bottom: 0.2rem ;
}

.enquiry_pages .form_out label span {
    display: block ;
    color: #000311 ;
    font-size: 0.14rem ;
    margin-bottom: 0.06rem ;
    position: relative;
    display: flex ;
    align-items: center ;
}

.enquiry_pages .form_out label span b {
    font-size: 0.14rem ;
    color: #D1120F ;
    font-weight: 500 ;
    margin-right: 0.03rem ;
    line-height: 1 ;
}

.enquiry_pages .form_out label input {
    width: 100% ;
    padding: 0.06rem 0.12rem ;
    box-sizing: border-box ;
    font-size: 0.14rem ;
    border: 0.01rem solid #dcdde0;
    color: #000311 ;
    border-radius: 0.06rem ;
    height: 0.4rem ;
}

.enquiry_pages .form_out button {
    width: max-content ;
    padding: 0px 0.15rem ;
    height: 0.34rem ;
    background: #E84F11 ;
    display: flex ;
    justify-content: center ;
    align-items: center ;
    border-radius: 0.06rem ;
    color: #FFF ;
    font-size: 0.14rem ;
    cursor: pointer;
    border: none ;
    margin-top: 0.3rem ;
}

.Login_popup {
    position: fixed ;
    z-index: 300 ;
    top: 0px ;
    left: 0px ;
    width: 100% ;
    height: 100vh;
    background: rgba(0, 0, 0,0.3) ;
    display: none ;
}

.Login_popup .public {
    display: flex ;
    align-items: center ;
    justify-content: center ;
}

.Login_popup .out {
    padding: 0.24rem ;
    border-radius: 0.06rem ;
    background: #FFF ;
    width: 6rem ;
    box-sizing: border-box ;
    position: relative;
}

.Login_popup .out .logo {
    height: 0.5rem ;
    margin: 0 auto ;
    display: block ;
    width: max-content ;
    margin-bottom: 0.3rem ;
}

.Login_popup .out .logo img {
    height: 100% ;
    display: block ;
}

.Login_popup .out form {
    width: 100% ;
    max-width: 4rem ;
    margin: 0 auto ;
}

.Login_popup .out label {
    margin-bottom: 0.15rem ;
    display: block ;
}

.Login_popup .out .CAPTCHA {
    margin-bottom: 0.35rem ;
}

.Login_popup .out label span {
    display: block ;
    color: #000311 ;
    font-size: 0.14rem ;
    margin-bottom: 0.06rem ;
    position: relative;
    display: flex ;
    align-items: center ;
}

.Login_popup .out label input {
    width: 100% ;
    height: 0.4rem ;
    border-radius: 0.03rem ;
    border: 0.01rem solid #dcdde0;
    box-sizing: border-box;
    margin-top: 0.06rem ;
    padding: 0.06rem 0.12rem ;
    box-sizing: border-box ;
}

.Login_popup .out label .img {
    display: flex ;
    align-items: center ;
    margin-top: 0.06rem ;
}

.Login_popup .out label .img input {
    margin-top: 0px ;
}

.Login_popup .out label .img img {
    width: 1rem ;
    height: 100% ;
    display: block ;
    margin-left: 0.1rem ;
}

.Login_popup .out  .box {
    display: flex ;
    justify-content: space-between ;
    align-items: center ;
    width: 100% ;
}

.Login_popup .out .box a {
    font-size: 0.12rem ;
    color: #4D4D4D ;
}

.Login_popup .out .box a:hover {
    color: #F65149 ;
}

.Login_popup .out .but_box {
    display: flex ;
    align-items: center ;
    justify-content: center ;
    width: 100% ;
    gap: 0px 0.2rem ;
    margin-top: 0.4rem ;
}

.Login_popup .out .but_box span {
    height: 0.4rem ;
    padding:0px  0.3rem ;
    display: flex ;
    align-items: center ;
    justify-content: center ;
    border: 0.01rem solid #515151 ;
    border-radius: 0.04rem ;
    color: #E84F11 ;
    font-size: 0.14rem ;
}

.Login_popup .out button {
    padding: 0px 0.35rem ;
    height: 0.4rem ;
    border-radius: 0.04rem ;
    display: flex ;
    align-items: center ;
    justify-content: center ;
    color: #FFF ;
    font-size: 0.14rem ;
    background: #F65149 ;
    border: none ;
    cursor: pointer;
}
 
.Login_popup .out .fguanbi {
    position: absolute ;
    top: 0.1rem  ;
    right: 0.14rem  ;
    font-size: 0.24rem ;
    color: #000311 ;
    cursor: pointer;
}

.tishi_box {
    margin-bottom: 0.2rem ;
    text-align: center ;
}


.tishi_box p {
    font-size: 0.15rem ;
}

.tishi_box p a {
    font-size: 0.15rem ;
}


.xieyid span::after{
    display: none ;
}

.xieyid .img {
    display: flex ;
    align-items: center ;
    color: #666 ;
    font-size: 0.15rem ;
}

.xieyid .img input {
    width: 0.2rem !important;
    height: 0.2rem !important;
    margin-right: 0.15rem ;
}


.CAPTCHA .img {
    position: relative ;
}

.CAPTCHA .img::after {
    bottom: -0.2rem ;
    right: 0px ;
    content: '验证码错误？点击图片更换验证码';
    color: red ;
    font-size: 0.12rem ;
    
    position: absolute ;
}

.Login_popup .out label .img::after {
    left: 0px ;
}


.Floating_login {
    position: fixed ;
    right: 0.1rem  ;
    top: 50% ;
    z-index: 9999 ;
    width: 1.2rem ;
    background: #E84F11  ;
    border-radius: 0.03rem ;
}

.Floating_login .box {
    box-sizing: border-box ;
    text-align: center ;
    border-radius: 0.01rem ;
    overflow: hidden;

    width: 100% ;
    border-bottom: 0.01rem solid #eeeeee2d ;
}

.Floating_login .box:last-child {
    margin-bottom: 0px ;
}

.Floating_login .box a {
    display: block ;
    text-align: center ;
    width: 100% ;
    height: 100% ;
    box-sizing: border-box ;
    display: flex ;
    align-items: center ;
    justify-content: center ;
    padding: 0.1rem 0px ;
}

.Floating_login .box a span {
    color: #FFF ;
    font-size: 0.16rem ;
}

.Floating_login .box a:hover{
    background: #FFF ;
}

.Floating_login .box a:hover span {
    color: #E84F11 ;
}

.Language_Nav {
    position: absolute ;
    height: 100%;
    right: -6%  ;
    top: 0px ;
    transform: translateX(100%);
 
}

.Language_Nav .title {
    font-weight: 400;
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 0.18rem;
    color: #666666;
}

.Language_Nav .list {
    position: absolute ;
    top: 0.6rem  ;
    left: 50% ;
    transform: translateX(-50%);
    background: #FFF ;
    box-shadow: 0px 0px 0.08rem 0.01rem #0000001f;
    width: 1.4rem ;
    display: none ;
}

.Language_Nav:hover .list {
    display: block ;
}

.Language_Nav .list  a {
    width: 100% ;
    padding: 0.1rem 0px ;
    color: #666666 ;
    font-size: 0.16rem ;
    display: block ;
    text-align: center ;
    border-bottom: 0.01rem solid #eeeeee50 ;
    box-sizing: border-box ;
}

.Language_Nav:hover .title {
    color: #E84F11 ;
}

.Language_Nav .list  a:hover {
    background: #E84F11 ;
    color: #FFF ;
}


@media (max-width:750px) {
    .Nav .out .content {
        display: flex ;
        align-items: center ;
    }

    .toggle_button {
        display: flex ;
    }

    .public{
        padding: 0px  0.15rem ;
        box-sizing: border-box ;
    }

    .Nav .out .content ul {
        display: none ;
    }

    .Nav .out .content .form form {
        width: 100% ;
    }

    .Nav .out .content .form .but_box {
        display: none ;
    }

    .Nav .out .content .form .iocn {
        width: 0.3rem ;
    }

    .Nav .out .content .form .iocn img {
        width: 0.15rem ;
    }

    .Nav .out .content .form button {
        width: 0.6rem ;
        font-size: 0.15rem ;
    }

    .Product_Home .out .Product_swiper .swiper-slide .right {
        padding-left: 0px ;
        width: 100% ;
    }

    .Product_Home .out .Product_swiper .swiper-slide .right .box {
        width: 50% ;
    }

    .Product_Home .out .Product_swiper .swiper-slide .left {
        display: none ;
    }

    .Nav {
        height: 0.8rem ;
    }

    .Nav .out .logo {
        height: 0.75rem ;
    }

    .banner_Home {
        height: 2.3rem ;
    }

    .banner_Home .swiper-slide .text h5 {
        font-size: 0.24rem ;
        margin-bottom: 0.15rem ;
    }

    .banner_Home .swiper-slide .text span {
        font-size: 0.16rem ;
    }

    .banner_Home .swiper-slide .text a {
        margin-top: 0.4rem ;
    }

    .Product_Home .out .title_swiper {
        padding: 0px ;
    }

    .Product_Home .out .title_swiper .swiper-slide {
        padding: 0px 0.23rem ;
        padding-bottom: 0.2rem ;
    }

    .streamer .img img {
        height: 0.64rem ;
        object-fit: cover ;
    }

    .News .out .list {
        flex-wrap: wrap ;
    }

    .News .out .list .left {
        width: 100% ;
        height: auto ;
    }

    .News .out .list .right {
        width: 100% ;
        margin-top: 0.3rem ;
    }

    .fonter .fonter_1 .out {
        flex-wrap: wrap ;
    }

    .fonter .fonter_1 .out ul {
        width: 100% ;
    }

    .fonter .fonter_1 .out ul li {
        margin-right: 0.3rem ;
    }

    .fonter .fonter_1 .out .right {
        width: 100% ;
        margin-top: 0.4rem ;
    }

    .fonter .fonter_1 .out .right i {
        display: none ;
    }

    .Classification .out .box {
        margin-bottom: 0.2rem ;
    }

    .Classification .out .box h5 {
        width: 0.6rem ;
    }

    .Classification .out .box .list {
        gap: 0px 0.2rem;
    }

    .Classification .out .box .list a {
        margin-right: 0rem ;
    }

    .Showroom_pages .out .box {
        width: 50% ;
    }

    .Showroom_pages .out .box:nth-child(5n) {
        border-right: 0.02rem solid #F1F1F1;
    }

    .News_pages .out {
        flex-wrap: wrap ;
    }

    .News_pages .out .left {
        width: 100% ;
    }

    .News_pages .out .right {
        width: 100% ;
        margin-top: 0.3rem ;
        padding: 0.3rem 0.2rem;
    }

    .News_pages .out  .right_box {
        width: 100% ;
    }

    .News_pages .out .right .list .item a .titie {
        width: 75% ;
    }

    .News_pages .out .right .list .item a {
        width: 100% ;
    }

    .News_pages .out .right .list .item a h5 {
        width: 100% ;
    }

    .News_pages .out .left {
        min-height: auto ;
    }

    .Events_pages .out .list {
        justify-content: space-between ;
    }

    .Events_pages .out .item {
        width: 48% ;
        margin-right: 0% ;
    }

    .banner_Events {
        height: 3rem ;
    }

    .Large_pages .out {
        flex-wrap: wrap ;
    }

    .Large_pages .out .box {
        width: 100% ;
        padding: 0.42rem 0.3rem ;
        margin-bottom: 0.24rem ;
    }

    .Large_pages .out .box:last-child {
        margin-bottom: 0px ;
    }

    .enterprise_Large .out form {
        width: 80% ;
    }

    .enterprise_Large .out label {
        flex-wrap: wrap ;
    }

    .enterprise_Large .out label span {
        width: 100% ;
    }

    .enterprise_Large .out label input , .enterprise_Large .out .file .file_box{
        margin-top: 0.15rem ;
    }

    .enterprise_Large .out {
        padding: 0.3rem 0px 0.5rem 0px ;
    }

    .enterprise_Large .out h5 {
        margin-bottom: 0.4rem ;
    }

    .Android .out {
        flex-wrap: wrap ;
    }

    .Android .out .left {
        width: 100% ;
        height: auto ;
    }

    .Android .out .right {
        margin-top: 0.2rem  ;
        width: 100% ;
    }

    .Message_pages .out {
        width: 100% ;
        flex-wrap: wrap ;
    }

    .Message_pages .left {
        width: 100% ;
        display: flex ;
    }

    .Message_pages .left .list {
        width: 33.33% ;
        margin-bottom: 0px ;
    }

    .Message_pages .right {
        width: 100% ;
        padding: 0.31rem 0.2rem 0.41rem 0.2rem;
    }

    .Message_pages .content_list .text_box {
        flex-wrap: wrap ;
    }

    .Message_pages .content_list .text_box i {
        height: 0.01rem ;
        width: 100% ;
        margin: 0.5rem 0px ;
    }

    .Feedback input {
        width: 100% ;
        height: 0.4rem ;
    }

    .product_details .Product_out {
        flex-wrap: wrap ;
    }

    .product_details .Product_out .left {
        width: 100% ;
    }

    .product_details .Product_out .right {
        width: 100% ;
        margin-top: 0.3rem ;
    }

    .Recommended_item .Recommended_swiper .swiper-slide {
        width: 50% ;
        padding: 0px 0.2rem ;
    }

    .Knowledge-list .titel h5 {
        font-size: 0.24rem ;
    }

    .member_registration .out .title a {
        margin-right: 0.4rem ;
    }

    .member_registration .out form {
        width: 80% ;
    }

    .member_registration .out label {
        flex-wrap: wrap ;
    }

    .member_registration .out label input {
        margin-top: 0.2rem ;
    }
    
    .dingdanzhongx_list label , .dingdanxiangqing_list label{
        width: 100% ;
    }
    
    .Top_title .out .left {
        flex-wrap: wrap ;
    }
    
    .Top_title {
        height: auto ;
        padding: 0.1rem 0px ;
        
    }
    
    .Top_title h5{
        margin-bottom: 0.07rem ;
    }
    

}

@media (max-width:420px) {
    .Events_pages .out .item {
        width: 100% ;
    }

    .banner_Events {
        height: 2rem ;
    }
}

@media (min-width:751px) and (max-width:1400px) {
    .Language_Nav{
        right: 7% ;
    }
    
    .Nav .out .content ul li {
        margin-left: 0.7rem ;
    }
    
     .Nav .out .content ul li:nth-last-child(2){
        margin-right: 1rem ;
    }
}



@media (min-width:751px) and (max-width:1000px) {
    html {
        font-size: 65px;
        font-size: calc(100vw / 14);
    }
}

@media (min-width:1001px) and (max-width:1200px) {
    html {
        font-size: 75px;
        font-size: calc(100vw / 14);
    }
}

@media (min-width:1201px) and (max-width:1300px) {
    html {
        font-size: 85px;
        font-size: calc(100vw / 14);
    }
}

@media (min-width:1301px) and (max-width:1400px) {
    html {
        font-size: 95px;
        font-size: calc(100vw / 14);
    }
}

@media (min-width:421px) and (max-width:750px) {
    html {
        font-size: 90px;
        font-size: calc(100vw / 7.5);
    }
}

@media (max-width:420px) {
    html {
        font-size: 75px;
        font-size: calc(100vw / 5.2);
    }
}

@media (min-width:1700px) and (max-width:1920px) {
    html {
        font-size: 100px ;
    }
}

@media (min-width:1850px) and (max-width:2000px) {
    html {
        font-size: 100px !important;
    }
}
