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

a {
    text-decoration: none;
    color: #333;
    display: block;
}

ul,
ol {
    list-style: none;
}

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

.public {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    height: 100%;
}

/* 头部导航 */
.header {
    width: 100%;
}

.nav {
    width: 100%;
    background: #FFF;
    width: 100%;
    margin: 0 auto;
    height: 90px;
    position: relative;
}

.nav .out {
    width: 100%;
    max-width: 98%;
    margin: 0 auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.nav .out ul {
    display: flex;
    align-items: center;
    height: 100%;
}

.nav .out ul li {
    height: 100%;
    margin: 0px 1vw;
    position: relative;
}

.nav .out ul li .title {
    height: 100%;
}

.nav .out ul li .title a {
    width: 100%;
    height: 100%;
    overflow: hidden;

}

.nav .out ul li .title span {
    width: 100%;
    height: 100%;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s ease;
    transform: translateY(0);

    padding: 0px 0.8vw;
    box-sizing: border-box;
}

.nav .out ul li.on .title a span,
.nav .out ul li:hover .title a span {
    background: #f47115;
}

.nav .out ul li.on .title a,
.nav .out ul li:hover .title a {
    color: #FFF;
    font-size: 16px;
}

.nav .out ul li:hover .title a span {
    transform: translateY(-100%);
}


.Language {
    width: 160px;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
}

.Language .title {
    width: 100%;
    height: 38px;
    background: #f47115;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 50px;
    padding: 0px 5%;
    box-sizing: border-box;
    cursor: pointer;
}

.Language .title img {
    height: 30px;
    display: block;
}

.Language .title span {
    font-size: 14px;
    color: #FFF;
}

.Language .title i {
    color: #FFF;
    font-size: 18px;
    transform: rotate(90deg);
}

.Language .dropdown {
    width: 100%;
    position: absolute;
    left: 50% ;
    top: 100%;
    z-index: 999;
    padding-top: 15px;
    box-sizing: border-box;
    transform: translateY(150px);
    opacity: 0;
    pointer-events: none;
    transition: all 0.4s ease;
}

.Language .dropdown i {
    width: 15px;
    height: 15px;
    background: #FFF;
    display: block;
    transform: rotate(45deg);
    position: absolute;
    top: 10px;
    z-index: 7;
    left: 50%;
    margin-left: -4.5px;
}

.Language .dropdown .txt {
    width: 100%;
    background: #FFF;
    position: relative;
    z-index: 10;
}

.Language .dropdown .txt a {
    color: #333;
    font-size: 16px;
    padding: 10px 0px;
    box-sizing: border-box;
    text-align: center;
}

.Language .dropdown .txt a:hover {
    background: #f47115;
    color: #FFF;
}

.Language:hover .dropdown {
    transform: translateY(0px);
    opacity: 1;
    pointer-events: auto;
}

/* banner */
.banner {
    width: 100%;
}

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

.banner .swiper-button-prev,
.banner .swiper-button-next {
    width: 85px;
    height: 37px;
    background: rgba(0, 0, 0, .2);
    bottom: 6%;
    top: auto;
}

.banner .swiper-button-prev {
    right: 250px;
    left: auto;
}

.banner .swiper-button-next {
    right: 165px;
}

.banner .swiper-button-next:after,
.banner .swiper-button-prev:after {
    color: #FFF;
    font-size: 16px;
}


.public_title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 35px;
    margin-bottom: 40px;
}

.public_title h5 {
    font-size: 34px;
    color: #333;
    display: flex;
    align-items: center;
    letter-spacing: 0.3em;
}

.public_title h5 span {
    color: #ff6600;
    font-size: 34px;
}

.Products .swiper-slide {
    width: 24%;
    margin-right: 1.3%;
}

.Products .swiper-slide .img {
    width: 100%;
    height: 253px;
    overflow: hidden;
    position: relative;
}

.Products .swiper-slide .img .text_P {
    width: 100%;
    height: 100%;
    background: #00000081;
    position: absolute;
    left: 0px;
    top: 100%;
    padding: 30px 20px;
    box-sizing: border-box;
    transition: all 0.5s ease;
}

.Products .swiper-slide .img .text_P .title {
    display: flex;
    align-items: center;
}

.Products .swiper-slide .img .text_P .title i {
    width: 30px;
    height: 2px;
    background: #FFF;
    margin-right: 20px;
}

.Products .swiper-slide .img .text_P .title h5 {
    color: #FFF;
    font-size: 16px;
}

.Products .swiper-slide .img .text_P p {
    color: #fff;
    font-size: 14px;
    line-height: 1.3em;
}

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

.Products .swiper-slide:last-child {
    margin-right: 0px;
}

.Products .out {
    position: relative;
}

.Products .out .swiper-button-next:after,
.Products .out .swiper-button-prev:after {
    color: #333;
    font-size: 35px;
}

.Products .out .swiper-button-next {
    right: -35px;
}

.Products .out .swiper-button-prev {
    left: -35px;
}

.Products .swiper-slide .txt {
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 16px;
    transition: 0.5s;
    margin-top: 6px;
}

.Products .swiper-slide:hover .txt {
    background: #f47115;
    color: #FFF;
}

.Products .swiper-slide:hover .img .text_P {
    top: 0px;
}

.public_but_box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 70px 0px 40px 0px;
}

.public_but_box i {
    width: 40%;
    height: 1px;
    background: rgba(0, 0, 0, .1);
    display: block;
}

.public_but_box a {
    width: 200px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 46px;
    background: #f47115;
    color: #FFF;
}

.AboutUs {
    background: rgba(245, 245, 245, 1);
    padding: 70px 0px 10px 0px;
    box-sizing: border-box;
}

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

.AboutUs .out .left {
    width: 49%;
    height: 351px;
}

.AboutUs .out .left video {
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
}

.AboutUs .out .right {
    width: 49%;
}

.AboutUs .out .right h5 {
    font-size: 20px;
    color: #222;
    font-weight: 500;
}

.AboutUs .out .right i {
    width: 60px;
    height: 2px;
    margin: 15px 0px;
    background: #f47115;
    display: block;
}

.AboutUs .out .right p {
    font-size: 16px;
    color: #555;
    line-height: 1.5em;
    letter-spacing: 1px;
}

.AboutUs .but_box {
    display: flex;
    align-items: center;
}

.AboutUs .but_box .box {
    width: calc(100% / 3);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #ccc;
    box-sizing: border-box;
    padding: 10px 0px;
    position: relative;
    margin-top: 40px;
}

.AboutUs .but_box .box::after {
    width: 1px;
    height: 20%;
    background: #f47115;
    display: block;
    content: '';
    position: absolute;
    left: -1px;
    top: 0px;
}

.AboutUs .but_box .box b {
    font-size: 40px;
    color: #f47115;
    display: flex;
    font-weight: 500;
    align-items: baseline;
}

.AboutUs .but_box .box b span {
    font-size: 16px;
    color: #eb0101;
    text-align: right;
    display: inline-block;
    font-style: normal;
}

.AboutUs .but_box .box p {
    color: #999;
    font-size: 14px;
}

/* Our_Advantage */
.Our_Advantage {
    width: 100%;
    background: url(../images/download_banner.jpg) no-repeat center;
    background-size: cover;
    padding: 30px 0px;
    box-sizing: border-box;
}

.Our_Advantage .public_title {
    margin-top: 0px;
}

.Our_Advantage .public_title h5 {
    color: #FFF;
}

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

.Our_Advantage .out .box {
    width: 24%;
    display: flex;
    flex-direction: column;
    align-items: center;

    border: 1px solid rgba(255, 255, 255, 0.2);
    box-sizing: border-box;
    justify-content: center;
    padding: 40px 0px;
}

.Our_Advantage .out .box .img {
    height: 85px;
    transition: all 0.5s ease;
}

.Our_Advantage .out .box .img img {
    height: 100%;
    display: block;
}

.Our_Advantage .out .box span {
    margin-top: 20px;
    display: block;
    color: #FFF;
    font-size: 18px;
}

.Our_Advantage .out .box:hover .img {
    transform: rotateY(180deg);
}

.News {
    width: 100%;
    background: rgba(242, 242, 242, 1);
    padding-top: 50px;
    padding-bottom: 40px;
    box-sizing: border-box;
}

.News .public_title {
    margin-top: 0px;
}

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

.News .out .box {
    width: 49%;
    background: #FFF;
    padding: 20px;
    border-radius: 3px;
    box-sizing: border-box;
    margin-bottom: 30px;
}

.News .out .box a {
    display: flex;
    justify-content: space-between;
}

.News .out .box .left {
    width: 40%;
    height: 100%;
    overflow: hidden;
}

.News .out .box .left img {
    width: 100%;
    height: 100%;
    display: block;
}

.News .out .box .right {
    width: 57%;
}

.News .out .box .right h5 {
    font-size: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 30px;
}

.News .out .box .right span {
    font-size: 14px;
    color: #8c8c8c;
    display: block;
}

.News .out .box:hover {
    background: #f47115;
}

.News .out .box:hover .right h5 {
    color: #FFF;
}

.News .out .box:hover .right span {
    color: #FFF;
}

.footer {
    width: 100%;
    background: #0b132a;
    padding-top: 48px;
    box-sizing: border-box;
}

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

.footer .out .left {
    width: 29.3832%;
}

.footer .out .left form {
    border: 2px solid #aaa;
    width: max-content;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    height: 40px;
}

.footer .out .left i {
    color: #a9a9a9;
    font-size: 16px;
    width: 35px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer .out .left form input {
    background: none;
    height: 100%;
    padding-right: 5px;
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    width: 180px;
}

.footer .out .left form input::placeholder {
    color: #ffffffa9;
}

.footer .out .left form button {
    height: 36px;
    background-color: #f47115;
    border-radius: 3px;
    margin: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    color: #FFF;
}

.footer .out .left .ion_box {
    display: flex;
    align-items: center;
    margin-top: 30px;
}

.footer .out .left .ion_box img {
    width: 36px;
    height: 36px;
    display: block;
    margin-right: 15px;
}

.footer .out .left .ion_box a:last-child img {
    margin-right: 0px;
}

.footer .out .right {
    display: flex;
    width: 67%;
    justify-content: space-between;
}

.footer .out .right .L_out {
    width: 53%;
}

.footer .out .right .R_form {
    width: 45%;
    ;
}

.footer .out .right .L_out h5 {
    font-size: 20px;
    color: #FFF;
    font-weight: 500;
    margin-bottom: 15px;
}

.footer .out .right .L_out span {
    color: #FFF;
    display: block;
    font-size: 16px;
}

.footer .out .right .L_out p {
    margin-top: 15px;
    color: #FFF;
    font-size: 16px;
}


.footer .out .right .R_form input {
    width: 100%;
    display: block;
    height: 40px;
    padding: 6px 10px;
    box-sizing: border-box;
    margin-bottom: 20px;
    font-size: 14px;
}

.footer .out .right .R_form .yanzhengma {
    position: relative;
}

.footer .out .right .R_form .yanzhengma img {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    cursor: pointer;
}

.footer .out .right .R_form button {
    width: 100%;
    height: 40px;
    background: #f47115;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    border: none;
    cursor: pointer;
}

.footer .footer_di {

    border-top-color: rgba(255, 255, 255, .1);
    border-top-style: solid;
    border-top-width: 1px;
    padding: 16px 0px;
    box-sizing: border-box;
    margin-top: 40px;
}


.footer .footer_di .out {
    display: flex;
    align-items: center;
    justify-content: left;
}

.footer .footer_di .out a {
    font-size: 13px;
    color: #FFF;
    font-weight: 400;
    margin-right: 15px;
}

.public_Tap {
    width: 100%;
    height: 60px;
    background: #ff6600;
}

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

.public_Tap .out a {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 30px;
    color: #FFF;
    font-size: 16px;
    letter-spacing: 1px;
}

.public_Tap .out a.on {
    background: #0b132a;
    color: #FFF;

}


.About_Us .out {
    margin-top: 50px;
    margin-bottom: 80px;
}

.About_Us .out .title {
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
}

.About_Us .out .title h5 {
    font-size: 26px;
    font-weight: 400;
    text-align: center;
    color: #333;
}

.About_Us .out .text {
    margin-top: 20px;
}

.About_Us .out .text p {
    color: #333;
    font-size: 16px;
    line-height: 1.8em;
    letter-spacing: 1px;
}

.About_Us .out .text img {
    width: auto;
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.Message {
    width: 100%;
    margin-top: 50px;
}

.Message .title h5 {
    color: #000000;
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 14px;
}

.Message .title span {
    color: #cfcfcf;
    font-size: 16px;
}

.Message .txt {
    margin-top: 20px;
    color: #999999;
    font-size: 14px;
    line-height: 1.6em;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.Message .text_out {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.Message .text_out p {
    width: 33.3%;
    color: #999999;
    font-size: 14px;
    margin: 5px 0px 5px 0px;
}

.my-map {
    width: 100%;
    height: 500px;
    margin-top: 50px;
    margin-bottom: 80px;
}

#mapContainer {
    height: 100%;
}

.Download_page {
    width: 100%;
    margin: 50px 0px;
}

.Download_page .out {
    display: flex;
    flex-wrap: wrap;

}

.Download_page .out .box {
    width: 32%;
    margin-right: 2%;
    border: 1px solid #f5f5f5;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 30px;
}

.Download_page .out .box:nth-child(3n) {
    margin-right: 0px;
}

.Download_page .out .box .title {
    display: flex;
    justify-content: space-between;
}

.Download_page .out .box .title .left {
    width: 25%;
    display: flex;
    align-items: baseline;
    justify-content: center;
}

.Download_page .out .box .title .left img {
    width: 50%;
}

.Download_page .out .box .title .right {
    width: 73%;
}

.Download_page .out .box .title .right h5 {
    font-size: 16px;
    color: #333;
    text-align: left;
    font-weight: 500;
}

.Download_page .out .box .title .right span {
    font-size: 12px;
    color: #999;
    margin: 10px 0;
    display: block;
}

.Download_page .out .box .title .right a {
    display: block;
    border: none;
    color: #1890ff;
    background-color: #fff;
    font-size: 13px;
}

.Download_page .out .box .txt_box {
    width: 100%;
    background: #f5f5f5;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
    position: relative;
    padding: 0px 10%;
    box-sizing: border-box;
}

.Download_page .out .box .txt_box::after {
    position: absolute;
    width: 14px;
    height: 14px;
    position: absolute;
    top: -7px;
    left: 37px;
    content: '';
    transform: rotate(45deg);
    background: #f5f5f5;
}

.Download_page .out .box .txt_box span {
    font-size: 13px;
    color: #333;
}

.Feedback {
    width: 100%;
    background: rgba(242, 242, 242, 1);
    padding-top: 50px;
    box-sizing: border-box;
    padding-bottom: 70px;
}

.Feedback .title h5 {
    font-size: 26px;
    font-weight: 500;
    color: #000;
    text-align: center;
}

.Feedback form {
    margin-top: 40px;
}

.Feedback textarea {
    width: 100%;
    height: 160px;
    background: none;
    color: #7b7b7b;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 12px;
    box-sizing: border-box;
    font-size: 14px;
    margin-bottom: 15px;
}

.Feedback textarea:focus,
.text_input:focus {
    border-color: #66afe9;
    box-shadow: 0px 0px 6px 1px #66aee941;
}

.Feedback .text_input {
    width: 32%;
    height: 36px;
    border-radius: 4px;
    background: none;
    padding: 6px 12px;
    box-sizing: border-box;
    color: #7b7b7b;
    border: 1px solid #ccc;
    font-size: 14px;
    margin-bottom: 15px;
    display: block;
}

.Feedback .radio_box {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.Feedback .radio_box .box {
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.Feedback .radio_box .box input {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin-right: 5px;
}

.Feedback .radio_box .box span {
    font-size: 14px;
    color: #333;
    display: block;
}

.Feedback .text_box {
    display: flex;
    justify-content: space-between;
}

.Feedback .yanzhengma {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

.Feedback .yanzhengma input {
    margin-bottom: 0px;
}

.Feedback .yanzhengma img {
    height: 100%;
    display: block;
    margin-left: 10px;
}

.Feedback button {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ff6600;
    color: #FFF;
    border: none;
    cursor: pointer;
}

/* News_page */
.News_page {
    width: 100%;
    background: rgba(242, 242, 242, 1);
    padding-top: 40px ;
    padding-bottom: 60px ;
}

.News_page .out .box {
    width: 100%;
}

.News_page .out .box a {
    display: flex;
    padding: 30px;
    border-bottom: 1px solid #DDD;
    background: #fff;
    margin-bottom: 20px;
    justify-content: space-between ;
}

.News_page .out .box a .left {
    width: 100px ;
    flex: none ;
    display: flex ;
    flex-direction: column ;
}

.News_page .out .box a .left span{
    display: block;
    color: #999;
    font-size: 20px ;
    font-weight: normal;
    margin: 0px 0 30px;
    transition: all .5s ease;
}

.News_page .out .box a .left i{
    padding: 6px 11px;
    border: 1px solid transparent;
    transition: all .5s ease;
    color: #ccc;
    display: block ;

    width: max-content ;
}

.News_page .out .box .const {
    width: 80% ;
    display: flex ;
    align-items: baseline;
    padding-right: 30px ;
    box-sizing: border-box ;
}

.News_page .out .box .const i{
    width: 40px ;
    height: 1px ;
    background: #aaa;
    display: block ;
    flex: none ;
    transition: all 0.4s ease ;
    
}

.News_page .out .box .const .title {
    width: 100% ;
    margin-left: 20px ;
}

.News_page .out .box .const .title h5{
    display: block;
    width: 100%;
    font-size: 18px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
    font-weight: 500 ;
    
    
    
}

.News_page .out .box .const .title p{
    line-height: 24px;
    font-size: 14px;
    word-break: break-all;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #777;
    transition: 600ms;
    margin-top: 20px ;
}

.News_page .out .box .right {
    height: 110px ;
}

.News_page .out .box .right img {
    height: 100% ;
    display: block ;
    width: 165px ;
    object-fit: cover;
}

.News_page .out .box:hover .const i{
    width: 80px ;
}

.News_page .out .box:hover a .left i{
    background: #f47115 ;
    color: #FFF ;
}

/* 页码 */
.public_page {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 67px;
    margin-bottom: 100px;
}

.public_page .pagination {
    display: flex ;
    align-items: center;
} 

.public_page .pagination li {
    padding: 10px 15px ;
    background: #FFF ;
    margin: 0px 10px ;
}

.public_page .pagination li a{
    width: 100% ;
    height: 100% ;
    display: flex ;
    align-items: center;
    justify-content: center;
}

.public_page .pagination .active{
    background: #f6a900 ;
}

.public_page .pagination .active a{
    color: #FFF ;
}

.public_page span {
    width: 49px;
    height: 41px;
    background: #EEEEEE;
    border-radius: 2px 2px 2px 2px;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 16px;
    color: #555555;
    margin-right: 10px;
}

.public_page .Next_page_Previous_page {
    width: 66px;
    height: 41px;
    background: #fff;
    border-radius: 2px 2px 2px 2px;
    font-weight: 400;
    font-size: 16px;
    color: #555555;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 10px;
}

.public_page .page {
    width: 41px;
    height: 41px;
    background: #fff;
    border-radius: 2px 2px 2px 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 10px;
}

.public_page .Next_page_Previous_page:hover {
    background: #f6a900;
    color: #FFF;
}

.public_page .page:hover,
.public_page .page.on {
    background: #f6a900;
    color: #FFF;
}


/* News_DetailPages */
.News_DetailPages {
    padding-top: 50px ;
    box-sizing: border-box ;
}

.News_DetailPages .title h5{
    color: #262626 ;
    font-size: 26px ;
    font-weight: 500 ;
    text-align: center ;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 20px ;
}

.News_DetailPages .title .txt {
    display: flex ;
    align-items: center ;
    justify-content: left ;
    margin-top: 20px ;
}

.News_DetailPages .title .txt p{
    display: flex ;
    align-items: center ;
    margin-right: 20px  ;
    color: #595959;
    font-size: 14px ;
}

.News_DetailPages .title .txt p a , .News_DetailPages .title .txt p span{
    font-size: 14px ;
    color: #595959;
}

.News_swiper1 {
    width: 100% ;
    height: 480px ;
}

.News_swiper1 img  , .News_swiper2 img{
    width: 100% ;
    height: 100% ;
    object-fit: cover ;
    display: block ;
}

.News_swiper2 {
    margin-top: 20px ;
    padding-bottom: 10px; 
    border-bottom: 1px solid #7b7b7b;
}

.News_swiper2 .swiper-slide {
    position: relative;
}

.News_swiper2 .swiper-slide::after {
    position: absolute ;
    top: 0px ;
    left: 0px ;
    width: 100% ;
    height: 100% ;
    background: #ffffff6c ;
    content: '';
}

.News_swiper2 .swiper-slide-thumb-active::after {
    display: none ;
}

.News_DetailPages .swiper-button-next , .News_DetailPages .swiper-button-prev {
    width: 36px;
    height: 50px;
    background: rgba(0, 0, 0, 0.2) ;
    display: flex ;
    align-items: center ;
    justify-content: center ;
}

.News_DetailPages .swiper-button-next:after, .News_DetailPages .swiper-button-prev:after{
    color: #FFF ;
    opacity: 1 ;
    font-size: 16px ;

}

.News_DetailPages .swiper-pagination{
    display: flex;
    align-items: center;
    left: auto;
    right: 60px;
    width: max-content;
    justify-content: center;
    bottom: 30px;
    color: #FFF ;
    font-size: 18px ;
    letter-spacing: 2px ;
}

.News_DetailPages .swiper-pagination span{
    color: #FFF ;
    font-size: 18px ;
}

.News_DetailPages .text  h5 {
    font-size: 14px;
    color: #595959;
    margin: 20px 0px;
    font-weight: 500 ;
}

.News_DetailPages .text .txt {
    padding: 20px 0px ;
    box-sizing: border-box ;
}

.News_DetailPages .text .txt p {
    color: #666; 
    font-size: 16px ;
    letter-spacing: 1px ;
    line-height: 1.7em ;
}

.News_DetailPages  .Pag_A {
    display: flex ;
    align-items: center ;
    justify-content: space-between ;
    padding-bottom: 20px ;
    margin-top: 50px ;
    border-bottom: 1px solid #7b7b7b67 ;
    margin-bottom: 100px ;
}

.News_DetailPages  .Pag_A p{
    display: flex ;
    align-items: center ;
}

.News_DetailPages  .Pag_A p span , .News_DetailPages  .Pag_A p a{
    font-size: 14px;
    color: #595959;
}

.News_DetailPages  .Pag_A p a{
    margin-left: 7px ;
}

.News_DetailPages  .Pag_A p a:hover{
    color: #f6a900 ;
}


/* Products_page */

.Products_page{
    background: rgba(242, 242, 242, 1) ;
    padding: 30px 0px 50px 0px ;
    box-sizing: border-box ;
}

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

.public_left {
    width: 24.408299999999997% ;
}

.public_left  .title {
    width: 100% ;
    background: #f47115;
    font-size: 30px ;
    padding: 15px ;
    box-sizing: border-box ;
    color: #FFF ;
}

.public_left .text {
    width: 100% ;
    background: #FFF ;
    padding: 15px ;
    box-sizing: border-box ;
}

.public_left .text  .T_box .T_box_title {
    display: flex ;
    align-items: center ;
    height: 40px ;
}

.public_left .text  .T_box .T_box_title i{
    font-size: 14px ;
    font-weight: bold ;
    margin-right: 5px ;
    color: #f47115 ;
    transform: rotate(45deg);
    cursor: pointer;
    transition: 0.3s ease ;
}

.public_left .text  .T_box .T_box_title a {
    font-size: 18px ;
    color: #333 ;
}

.public_left .text  .T_box .C_out{
    padding-left: 25px ;
    box-sizing: border-box ;
}

.public_left .text  .T_box .C_out .C_box .C_box_title {
    display: flex ;
    align-items: center ;
    height: 40px ;
}

.public_left .text  .T_box .C_out .C_box .C_box_title i{
    transform: rotate(45deg);
    margin-right: 5px ;
    font-weight: bold ;
    font-size: 14px ;
    cursor: pointer;
    color: #a9a9a9;
    transition: 0.3s ease ;
}

.public_left .text  .T_box .C_out .C_box .C_box_text{
    padding-left: 20px ;
    box-sizing: border-box ;
}

.public_left .text  .T_box .C_out .C_box .C_box_text a{
    color: #333 ;
    font-size: 14px ;
    line-height: 1.8em ;
}

.public_left .text  .T_box.on .T_box_title i{
    transform: rotate(0);
}

.public_left .text  .T_box .C_out .C_box.on .C_box_title i {
    transform: rotate(0);
}

.Products_right {
    display: flex ;
    flex-wrap: wrap ;
    width: 73% ;
}

.Products_right .box {
    width: 32% ;
    margin-right: 2% ;
    background: #FFF ;
    padding: 10px ;
    box-sizing: border-box ;
    margin-bottom: 30px ;
    border-radius: 5px ;
}

.Products_right .box:nth-child(3n){
    margin-right: 0px ;
}

.Products_right .box .img {
    width: 100% ;
    height: 232px ;
    overflow: hidden;
}

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

.Products_right .box:hover .img img {
    transform: scale( 1.1 );
}


.Products_right .box span{
    width: 100% ;
    text-align: center ;
    font-size: 16px ;
    color: #333 ;
    padding: 20px 0px ;
    padding-bottom: 10px ;
    box-sizing: border-box ;
    display: block ;
}

.Products_right .box:hover span{
    color: #f47115 ;
}

.ProductsXQ_right {
    width: 73% ;
}

.ProductsXQ_right .text {
    width: 100% ;
    background: #FFF ;
    min-height: 300px ;
    display: flex ;
    justify-content: space-between ;
    padding: 40px 35px;
    box-sizing: border-box;
}

.ProductsXQ_right .text .left {
    width: 60% ;
}

.ProductsXQ_right .text .left img{
    width: 100% ;
}

.ProductsXQ_right .text .right {
    width: 35% ;
}

.ProductsXQ_right .text .right h5{
    font-size: 22px;
    color: #262626 ;
    margin-bottom: 20px ;
}

.ProductsXQ_right .text .right p{
    color: #7b7b7b ;
    font-size: 14px ;
    line-height: 1.6em ;
    letter-spacing: 1px ;
}

.ProductsXQ_right .text .right a{
    display: inline-block;
    margin-bottom: 10px;
    background: #f47115;
    padding: 0.6vw 1vw;
    border-radius: 0px;
    font-size: 16px;
    color: #fff;
    border: 1px solid #f47115;
    transition: all .36s ease;
    line-height: 1.42857143;
    font-weight: normal;
    margin-top: 30px ;
}

.ProductsXQ_right .txt_boot {
    width: 100% ;
    background: #FFF ;
    margin-top: 20px ;
}

.ProductsXQ_right .txt_boot .title{
    width: 100% ;
    height: 40px ;
    border-bottom: 1px solid #7b7b7b5e;
}

.ProductsXQ_right .txt_boot .title h5{
    width: 20% ;
    height: 100% ;
    display: flex ;
    align-items: center ;
    justify-content: center ;
    background: #f47115 ;
    color: #FFF ;
    font-size: 16px ;
    font-weight: 500 ;
}

.ProductsXQ_right .txt_boot .txt {
    padding: 15px ;
    box-sizing: border-box ;
}

.ProductsXQ_right .txt_boot .txt table {
    width: 100% ;
    max-width: 1100px  ;
    margin: 0 auto ;
    
    transform-origin: 0px 0px;
    
}

.ProductsXQ_right .txt_boot .txt p{
    color: #7b7b7b ;
    font-size: 15px ;
    letter-spacing: 1px ;
    line-height: 1.7em ;
}

.ProductsXQ_right .txt_boot .txt img{
    width: auto ;
    max-width: 100% ;
    margin: 0 auto ;
    display: block ;
}


.ProductsXQ_right .txt_boot .txt_but {
    display: flex ;
    align-items: center;
    justify-content: space-between ;
    padding: 20px 15px;
    box-sizing: border-box ;
}

.ProductsXQ_right .txt_boot .txt_but p{
    display: flex ;
    align-items: center ;
    justify-content: space-between ;
    font-size: 14px;
    color: #595959;
}

.ProductsXQ_right .txt_boot .txt_but p a{
    color: #707070 ;
    font-size: 14px ;
    margin-left: 5px ;
}

.ProductsXQ_right .txt_boot .txt_but p a:hover {
    color: #f47115 ;
}



.min_navCan {
    width: 0.5rem;
    height: 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    display: none;
}

.min_navCan i {
    width: 100%;
    height: 2px;
    display: block;
    background: #333;
    margin-bottom: 7px;
    transition: 0.6s;
}

.min_navCan i:last-child {
    margin-bottom: 0px;
}


.min_navCan.all i:nth-child(1) {
    transform: rotate(45deg) translateY(12px);
}


.min_navCan.all i:nth-child(2) {
    transform: scale(0);
    opacity: 0;
}

.min_navCan.all i:nth-child(3) {
    transform: rotate(-43deg) translateY(-13px);
}


.min_Nav_out {
    position: absolute;
    top: 0.9rem;
    left: 0px;
    width: 100%;
    background: #FFF;
    box-shadow: 0px 0px 10px 1px #00000027;
    padding: 15px 20px;
    box-sizing: border-box;
    z-index: 99999;
    display: none;

}

.min_Nav_out .box {
    border-bottom: 1px solid #eee;
}

.min_Nav_out .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.min_Nav_out .title a {
    color: #333;
    font-size: 15px;
    width: 80%;
    padding: 10px 0px;
    box-sizing: border-box;
}

.min_Nav_out .title img {
    height: 10px;
    display: block;
    transition: 0.5s;
}

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

.min_pulldown {
    width: 100%;
    padding: 0px 15px;
    box-sizing: border-box;
    display: none;
}

.min_pulldown a {
    color: #333;
    font-size: 13px;
    display: block;
    padding: 10px 0px;
    box-sizing: border-box;
}


.dropdown::after {
    width: 15px;
    height: 15px;
    background: #FFFF;
    transform: rotate(45deg);
    content: '';
    position: absolute;
    top: -7.5px;
    left: 50%;
    margin-left: -7.5px;
}

.dropdown {
    position: absolute;
    background: #FFFFFF;
    box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.08);
    width: 200px ;
    padding: 15px 20px;
    box-sizing: border-box;
    left: 50%;
    margin-left: -100px;
    transform: translateY(70px) scale(0.6);
    opacity: 0;
    pointer-events: none;
    transition: 0.3s ease-in-out;
    z-index: 99999 ;
}

.dropdown a {
    display: block;
    color: #333333;
    text-align: center;
    padding: 10px 0px;
    font-size: 15px;
}

.dropdown a:hover {
    color: #266EAA;
}

.nav .out ul li:hover .dropdown {
    transform: translateY(0) scale(1);
    opacity: 1;
    pointer-events: all;
}


@media (max-width: 992px) {


    .Products_page_xq .public_left{
        display: none ;
    }
    
    .Products_page_xq .ProductsXQ_right{
        width: 100% ;
    }

    .min_navCan{
        display: flex ;
    }

    .nav .out ul{
        display: none ;
    }

    .public{
        padding: 0px 2% ;
        box-sizing: border-box ;
    }

    .nav{
        height: 0.9rem ;
    }

    .nav .out .logo {
        height: 80% ;
    }

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

    .Language{
        display: none ;
    }

    .banner .swiper-button-prev{
        right: 2.5rem ;
    }

    .banner .swiper-button-prev, .banner .swiper-button-next {
        width: 0.85rem ;
        height: 0.37rem ;
    }

    .banner .swiper-button-next:after, .banner .swiper-button-prev:after{
        font-size: 0.16rem ;
    }

    .banner .swiper-button-next{
        right: 1.65rem ;
    }

    .public_title h5{
        font-size: 0.35rem ;
    }

    .public_title h5 span{
        font-size: 0.34rem ;
    }

    .public_title{
        margin-top: 0.35rem ;
        margin-bottom: 0.4rem ;
    }

    .Products .swiper-slide .img{
        height: 2.53rem ;
    }

    .Products .swiper-slide .img .text_P{
        padding: 0.3rem 0.2rem ;
    }

    .Products .swiper-slide .txt {
        height: 0.6rem ;
        font-size: 0.2rem ;
        margin-top: 0.06rem ;
    }

    .Products .swiper-slide{
        width: 48% ;
        margin-right: 2% ;
    }

    .Products .swiper-slide .img .text_P p{
        font-size: 0.14rem ;
    }

    .Products .swiper-slide .img .text_P .title i {
        width: 0.3rem ;
        height: 0.02rem ;
        margin-right: 0.2rem ;
    }

    .Products .swiper-slide .img .text_P .title h5{
        font-size: 0.16rem ;
    }

    .public_but_box {
        margin: 0.7rem  0px 0.4rem  0px;
    }

    .public_but_box a {
        width: 2rem ;
        height: 0.46rem;
        border-radius: 0.46rem ;
        font-size: 0.15rem ;
    }

    .AboutUs {
        padding: 0.7rem 0px 0.1rem  0px;
    }

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

    .AboutUs .out .left{
        width: 100% ;
        height: 4rem ;
        margin-bottom: 0.3rem  ;
    }

    .AboutUs .out .right{
        width: 100% ;
    }

    .AboutUs .out .right h5{
        font-size: 0.3rem ;
    }

    .AboutUs .out .right i {
        width: 0.6rem ;
        height: 0.02rem ;
        margin: 0.15rem  0px;
    }

    .AboutUs .out .right p{
        font-size: 0.24rem ;
        letter-spacing: 0.01rem ;
    }
    
    .AboutUs .but_box .box{
        margin-top: 0.4rem ;
        padding: 0.1rem 0px;
    }

    .AboutUs .but_box .box b{
        font-size: 0.4rem ;
    }

    .AboutUs .but_box .box b span{
        font-size: 0.18rem ;
    }

    .AboutUs .but_box .box p{
        font-size: 0.16rem ;
    }

    .Our_Advantage{
        padding: 0.3rem 0px ;
    }

    .Our_Advantage .out .box .img{
        height: 0.85rem ;
    }

    .Our_Advantage .out .box .img a{
        height: 100% ;
    }

    .Our_Advantage .out .box{
        padding: 0.4rem 0px ;
    }

    .Our_Advantage .out .box span{
        margin-top: 0.2rem ;
        font-size: 0.18rem ;
    }

    .News {
        padding-top: 0.5rem ;
        padding-bottom: 0.4rem ;
    }

    .News .out .box {
        width: 100%;
        padding: 0.2rem ;
        border-radius: 0.03rem ;
        margin-bottom: 0.3rem ;
    }

    .News .out .box .right h5 {
        font-size: 0.26rem ;
        margin-top: 0.2rem ;
        margin-bottom: 0.3rem ;
    }

    .News .out .box .right span{
        font-size: 0.18rem ;
    }

    .Products .out .swiper-button-next:after, .Products .out .swiper-button-prev:after{
        font-size: 0.35rem ;
    }

    .Products .out .swiper-button-next{
        right: 0px ;
    }

    .Products .out .swiper-button-prev {
        left: 0px ;
    }

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

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

    .footer .out .right .L_out{
        width: 100% ;
    }

    .footer .out .right .R_form{
        width: 100% ;
        margin-top: 0.3rem ;
    }

    .footer{
        padding-top: 0.48rem ;
    }

    .footer .out .left form {
        border: 0.02rem solid #aaa;
        height: 0.45rem ;
    }

    .footer .out .left i {
        font-size: 0.16rem ;
        width: 0.35rem ;
    }

    .footer .out .left form input {
        padding-right: 0.05rem ;
        font-size: 0.14rem ;
        width: 1.8rem ;
    }

    .footer .out .left form button {
        height: 0.36rem ;
        border-radius: 0.03rem ;
        margin: 0.03rem ;
        width: 0.7rem ;
        font-size: 0.15rem ;
    }
    
    .footer .out .left .ion_box{
        margin-top: 0.3rem ;
        margin-bottom: 0.4rem ;
    }

    .footer .out .left .ion_box img {
        width: 0.36rem ;
        height: 0.36rem ;
        margin-right: 0.15rem ;
    }

    .footer .out .right .L_out h5 {
        font-size: 0.26rem ;
        margin-bottom: 0.15rem ;
    }

    .footer .out .right .L_out span{
        font-size: 0.2rem ;
    }

    .footer .out .right .L_out p {
        margin-top: 0.15rem ;
        font-size: 0.23rem ;
    }

    .footer .out .right .R_form input {
        width: 100%;
        height: 0.5rem ;
        padding: 0.06rem  0.1rem ;
        margin-bottom: 0.2rem ;
        font-size: 0.16rem ;
    }

    .footer .out .right .R_form button {
        height: 0.5rem ;
        font-size: 0.24rem ;
    }

    .footer .footer_di {
        padding: 0.16rem  0px;
        margin-top: 0.4rem ;
    }

    .footer .footer_di .out a{
        font-size: 0.13rem ;
        margin-right: 0.15rem ;
    }

    .About_Us .out {
        margin-top: 0.5rem ;
        margin-bottom: 0.8rem ;
    }

    .About_Us .out .title{
        padding-bottom: 0.2rem ;
    }
    
    .About_Us .out .title h5 {
        font-size: 0.3rem ;
    }

    .About_Us .out .text{
        margin-top: 0.2rem ;
    }

    .About_Us .out .text p{
        font-size: 0.24rem ;
    }

    .public_Tap{
        height: 0.6rem ;
    }

    .public_Tap .out a{
        padding: 0px 0.3rem ;
        font-size: 0.18rem ;
    }

    .Download_page{
        margin: 0.5rem 0px ;
    }

    .Download_page .out .box {
        width: 100%;
        margin-bottom: 0.3rem ;
    }

    .Message{
        margin-top: 0.5rem ;
    }

    .Message .title h5 {
        font-size: 0.28rem ;
        margin-bottom: 0.14rem ;
    }

    .Message .title span{
        font-size: 0.16rem ;
    }

    .Message .txt {
        margin-top: 0.2rem ;
        font-size: 0.17rem ;
        margin-bottom: 0.2rem ;
    }

    .Message .text_out p{
        font-size: 0.14rem ;
        margin: 0.05rem 0px 0.05rem  0px;
    }

    .my-map {
        height: 5rem ;
        margin-top: 0.5rem ;
        margin-bottom: 0.8rem ;
    }


    .Feedback {
        padding-top: 0.5rem ;
        padding-bottom: 0.7rem ;
    }

    .Feedback .title h5{
        font-size: 0.3rem ;
    }

    .Feedback form{
        margin-top: 0.4rem ;
    }

    .Feedback textarea {
        height: 1.6rem ;
        border-radius: 0.04rem ;
        padding: 0.12rem ;
        font-size: 0.14rem ;
        margin-bottom: 0.15rem ;
    }

    .Feedback .text_input {
        height: 0.4rem ;
        border-radius: 0.05rem ;
        padding: 0.06rem  0.12rem ;
        font-size: 0.14rem ;
        margin-bottom: 0.15rem ;
    }

    .Feedback .radio_box .box span{
        font-size: 0.15rem ;
    }

    .Feedback .radio_box .box input {
        width: 0.14rem ;
        height: 0.14rem ;
        border-radius: 50%;
        margin-right: 0.05rem ;
    }

    .Feedback .yanzhengma img{
        height: 0.4rem;
    }

    .Feedback .yanzhengma{
        margin-bottom: 0.4rem ;
    }

    .Feedback button {
        height: 0.4rem ;
        font-size: 0.18rem ;
    }

    .News_page .out .box a {
        padding: 0.3rem ;
        margin-bottom: 0.2rem ;
        flex-wrap: wrap ;
    }

    .News_page .out .box a .left{
        width: 1rem ;
    }

    .News_page .out .box a .left span{
        font-size: 0.3rem ;
        margin: 0px 0 0.3rem ;
    }

    .News_page .out .box a .left i {
        padding: 0.06rem  0.11rem ;
        font-size: 0.23rem ;
    }

    .News_page .out .box .right{
        height: 1.1rem ;
        display: none ;
    }

    .News_page .out .box .const i {
        width: 0.4rem ;
        display: none !important ;
    }

    .News_page .out .box .const .title{
        margin-left: 0.2rem ;
    }

    .News_page {
        padding-top: 0.4rem ;
        padding-bottom: 0.6rem ;
    }
    
    .public_page {
        margin-top: 0.67rem ;
        margin-bottom: 1rem ;
    }

    .public_page .Next_page_Previous_page {
        width: 0.66rem ;
        height: 0.41rem ;
        border-radius: 0.02rem ;
        font-size: 0.16rem ;
       
        margin: 0px 0.1rem ;
    }

    .public_page .page {
        width: 0.41rem ;
        height: 0.41rem ;
        border-radius: 0.02rem ;
        margin: 0px 0.1rem ;
        font-size: 0.16rem ;
    }

    .News_DetailPages{
        padding-top: 0.5rem ;
    }

    .News_DetailPages .title h5 {
        font-size: 0.26rem ;
        padding-bottom: 0.2rem ;
    }

    .News_DetailPages .title .txt {
        margin-top: 0.2rem ;
    }

    .News_DetailPages .title .txt p {
        margin-right: 0.2rem ;
        font-size: 0.15rem ;
    }

    .News_DetailPages .title .txt p a, .News_DetailPages .title .txt p span{
        font-size: 0.14rem ;
    }

    .News_DetailPages .text h5 {
        font-size: 0.16rem ;
        margin: 0.2rem  0px;
    }

    .News_swiper1{
        height: 4.8rem ;
    }

    .News_DetailPages .swiper-pagination {
        right: 0.6rem ;
        bottom: 0.3rem ;
        font-size: 0.18rem ;
        letter-spacing: 0.02rem ;
    }

    .News_DetailPages .text .txt p{
        font-size: 0.23rem ;
    }

    .News_DetailPages .Pag_A p span, .News_DetailPages .Pag_A p a{
        font-size: 0.14rem ;
    }

    .News_DetailPages .Pag_A {
        padding-bottom: 0.2rem ;
        margin-top: 0.5rem ;
        margin-bottom: 1rem ;
    }

    .News_DetailPages .text .txt{
        padding: 0.2rem 0px ;
    }

    .Products_page {
        padding: 0.3rem 0px 0.5rem  0px;
    }

    .public_left .title {
        font-size: 0.3rem ;
        padding: 0.15rem ;
    }

    .public_left .text {
        padding: 0.15rem;
    }

    .public_left .text .T_box .T_box_title{
        height: 0.4rem ;
    }

    .public_left .text .T_box .T_box_title i {
        font-size: 0.14rem ;
        margin-right: 0.05rem ;
    }

    .public_left .text .T_box .T_box_title a{
        font-size: 0.18rem ;
    }

    .public_left .text .T_box .C_out{
        padding-left: 0.15rem ;
    }

    .public_left .text .T_box .C_out .C_box .C_box_title{
        height: 0.4rem ;
    }

    .public_left .text .T_box .C_out .C_box .C_box_title i {
        margin-right: 0.05rem ;
        font-size: 0.14rem ;
    }

    .public_left .text .T_box .C_out .C_box .C_box_title a{
        font-size: 0.16rem ;
    }

    .public_left .text .T_box .C_out .C_box .C_box_text{
        padding-left: 0.15rem ;
    }

    .public_left .text .T_box .C_out .C_box .C_box_text a{
        font-size: 0.14rem ;
    }
    
    .Products_right{
        justify-content: space-between ;
    }

    .Products_right .box {
        width: 48%;
        padding: 0.1rem ;
        margin-bottom: 0.3rem ;
        border-radius: 0.05rem ;
        margin-right: 0px ;
    }

    .Products_right .box .img{
        height: 2.32rem ;
    }

    .Products_right .box span {
        font-size: 0.17rem ;
        padding: 0.2rem  0px;
        padding-bottom: 0.1rem ;
    }

    .ProductsXQ_right .text {
        min-height: 3rem ;
        flex-wrap: wrap ;
        padding: 0.4rem  0.35rem ;
    }

    .ProductsXQ_right .text .left{
        width: 100% ;
    }

    .ProductsXQ_right .text .right{
        width: 100% ;
    }

    .ProductsXQ_right .text .right h5 {
        font-size: 0.26rem ;
        margin-bottom: 0.2rem ;
    }

    .ProductsXQ_right .text .right p {
        font-size: 0.16rem ;
    }

    .ProductsXQ_right .text .right a {
        margin-bottom: 0.1rem ;
        font-size: 0.18rem ;
        margin-top: 0.3rem ;
    }

    .ProductsXQ_right .txt_boot .title{
        height: 0.4rem ;
    }

    .ProductsXQ_right .txt_boot .title h5 {

        font-size: 0.16rem ;
        font-weight: 500;
    }

    .ProductsXQ_right .txt_boot .txt{
        padding: 0.15rem ;
    }

    .ProductsXQ_right .txt_boot .txt p{
        font-size: 0.16rem ;
    }

    .ProductsXQ_right .txt_boot .txt_but{
        padding: 0.2rem 0.15rem ;
    }

    .ProductsXQ_right .txt_boot .txt_but p{
        font-size: 0.15rem ;
    }

    .ProductsXQ_right .txt_boot .txt_but p a{
        font-size: 0.15rem ;
        margin-left: 0.05rem ;
    }

    .ProductsXQ_right .txt_boot{
        margin-top: 0.2rem ;
    }

}


@media (min-width:993px) and (max-width:1200px) {
    .nav .out ul li .title span{
        font-size: 12px ;
        padding: 0px 0.1vw ;
    }

    .public{
        padding: 0px 2% ;
        box-sizing: border-box ;
    }

    .Products .swiper-slide{
        width: 32% ;
        margin-right: 2% ;
    }

    .Products .out .swiper-button-prev{
        left:0px ;
    }

    .Products .out .swiper-button-next{
        right: 0px ;
    }
}

@media (min-width:1200px) and (max-width:1400px){
    .public{
        padding: 0px 2% ;
        box-sizing: border-box ;
    }

    .nav .out ul li .title span{
        font-size: 13px ;
    }

    .Products .out .swiper-button-prev{
        left:0px ;
    }

    .Products .out .swiper-button-next{
        right: 0px ;
    }
}

@media (min-width:1400px) and (max-width:1700px){
    .Products .out .swiper-button-prev{
        left:0px ;
    }

    .Products .out .swiper-button-next{
        right: 0px ;
    }
}