@media screen and (max-width: 1679px) {  
}
@media screen and (max-width: 1650px) {
    .w1600{
        width: 90%;
    }
    .headfixed .headfixed-list .headfixed-left {
        width: 32%;
    }
    .headfixed .menu-list {
        width: 62.5%;
    }
}
@media screen and (max-width: 1560px) {

}
@media screen and (max-width: 1520px) {
    .headfixed .menu-list {
        width: 64.5%;
    }
    .index-cont1 ul li {
        width: 30.1%;
    }

    .mainer .banner .banner-img {
    margin-top: 100px;
}
}

@media screen and (max-width: 1470px) {
    .w1400{
        /* width: 90%; */
    }
    .headfixed .menu-list {
        width: 66.5%;
    }
    .index-cont1 ul li {
        width: 30%;
    }
}
@media screen and (max-width: 1420px) {
    .index-cont1 ul li {
        margin-right: 60px;
    }
    .headfixed .menu-list>ul{
        display: none;
    }
    .headfixed .menu-list {
        width: 19.3%;
    }
    .headfixed .headfixed-list .headfixed-left {
        width: 40%;
    }
    .index-btfixed h3 {
        font-size: 18px;
    }
}
@media screen and (max-width: 1366px) {
    .banner .swiper-font .swiper-h2 h2 {
        font-size: 46px;
    }
    .index-btfixed{
        width: 100%;
    }
    .banner .swiper-font .swiper-h2 span {
        font-size: 50px;
    }
    .index-tit h3 span b {
        font-size: 50px;
    }
    .index-cont1 ul li {
        margin-right: 55px;
    }
    .banner .swiper-font .swiper-h2 {
        font-size: 30px;
        line-height: 50px;
        padding-bottom: 10px;
    }
    .banner .swiper-font .swiper-h3, .banner .swiper-font .swiper-h3 h3 {
        font-size: 22px;
        line-height: 30px;
    }
    .banner .swiper-font .swiper-font-a {
        margin: 25px auto 0 auto;
    }
    .banner .swiper-font .swiper-h3 h3 b {
        font-size: 22px;
    }
    .index-tit h3 {
        font-size: 40px;
    }
    .index-cont4 .index-cont4-swiperfont h3,
    .index-cont2 .index-cont2-swiperfont h3{
        font-size: 22px;
    }
    .index-cont2 .swiper-slide {
        padding: 30px 15px;
    }
    .index-cont3 .index-cont3-cont h3 {
        font-size: 28px;
    }
     .mainer .banner .banner-img {
  
margin-top: 80px;
}
}
@media screen and (max-width: 1260px) {

    .index-cont4 .index-cont4-swiperfont {
        padding-left: 40px;
        padding-right: 30px;
    }
    .index-cont1 .index-cont1-simging {
        width: 120px;
        height: 100px;
    }
    .index-cont1 .index-cont1-font {
        padding: 8px 0px 8px 140px;
    }
    .index-cont1 .index-cont1-font h3 {
        font-size: 20px;
    }
    .index-cont1 ul li {
        width: 30.5%;
    }
    .index-cont1 ul li {
        margin-right: 45px;
    }
    .index-btfixed{
        width: 100%;
    }
}
@media screen and (max-width: 1200px) { 
    .headfixed .headfixed-list .headfixed-left {
        width: 45%;
    }
    .headfixed .menu-list {
        width: 23%;
    }
    .banner .swiper-font .swiper-h2 {
        font-size: 24px;
        line-height: 40px;
    }
    .banner .swiper-font .swiper-h3, .banner .swiper-font .swiper-h3 h3 {
        font-size: 20px;
    }
    .banner .swiper-font .swiper-font-a ,
    .index-more{
        font-size: 16px;
        width: 240px;
        height: 55px;
        line-height: 55px;
        margin: 20px auto 0 auto;
    }    
    .index-cont3 .index-cont3-cont h3 {
        font-size: 26px;
    }
    .index-cont3 .index-cont3-cont .index-cont3-dec {
        font-size: 16px;
        line-height: 30px;
    }
    .index-tit h3 {
        font-size: 32px;
        line-height: 38px;
    }
    .index-tit p{
        font-size: 17px;
    }
    .index-cont2 .index-cont2-swiperfont p {
        font-size: 16px;
        line-height: 26px;
    }
    .index-cont2 .index-cont2-swiperfont h3 {
        padding-bottom: 10px;
        margin-bottom: 12px;
    }
    .index-cont2 .index-cont2-swiperfont {
        margin-top: 20px;
    }
    .index-cont4 .index-cont4-swiperfont .index-cont4-swiperdec {
        font-size: 16px;
        margin-top: 16px;
        padding-left: 18px;
    }
    .index-btfixed h2 a img {
        width: auto;
        width: 120px;
    }
    .index-btfixed{
        width: 100%;
    }
    .add-more{
        width: 300px;
        margin-top: 0px;
    }
    .index-cont7 .index-cont7-img img{
        /* width: 200px; */
    }
    .index-cont7 .index-cont7-img{
        /* height: 200px; */
    }
    .index-cont7 .index-cont7-font h3{
        font-size: 20px;
    }
}
@media screen and (max-width: 1100px) {
    .banner .swiper-font .swiper-h2 h2 {
        font-size: 38px;
    }
    .banner .swiper-font .swiper-h2 span {
        font-size: 40px;
    }
    .index-tit h3 span b {
        font-size: 38px;
    }
    .headfixed .headfixed-list .headfixed-left {
        width: 50%;
    }
    .headfixed .menu-list {
        width: 26%;
    }
    .headfixed {
        padding: 10px 0;
    }
    .headfixed .logo-font{
        font-size: 18px;
    }
    .mainer .banner .banner-img {
        margin-top: 80px;
    }
    .banner .swiper-font .swiper-h2 {
        font-size: 22px;
        line-height: 35px;
    }
    .banner .swiper-font .swiper-h2::after {
        width: 60px;
        height: 2px;
    }
    .banner .swiper-font .swiper-h3, .banner .swiper-font .swiper-h3 h3,
    .banner .swiper-font .swiper-h3 h3 b {
        font-size: 18px;
    }
    .index-tit h3 {
        font-size: 30px;
        line-height: 35px;
    }
    .index-cont2 .swiper-pagination{
        display: block;
    }
    .index-cont3 .index-cont3-font {
        width: 500px;
        background-size: cover;
    }
    .index-cont3 .index-cont3-fontli {
        right: 50px;
    }
    .index-cont1 ul li {
        margin-right: 35px;
    }
    .index-cont1 ul li:nth-child(3n) {
        margin-right: 35px;
    }
    .index-cont1 ul li:nth-child(2n) {
        margin-right: 0px;
    }
    .index-cont1 ul li {
        width: 48%;
    }
    .headfixed .contact, .index-btfixed .contact{
        margin-top: -20px;
    }
}
@media screen and (max-width: 971px) {
    .index-cont5 {
        padding: 35px 0;
    }
    
    .index-cont5 .index-cont5-menu li a {
        font-size: 16px;
    }    
    .index-cont5 .index-cont5-menu li {
        margin-right: 5px;
    }
    .index-cont5 .index-cont5-list {
        margin-top: 20px;
    }
    .index-cont5 .index-cont5-swiper {
        margin-top: 30px;
    }
    .index-cont4 .swiper-pagination{
        display: block;
    }
    .index-cont5 .swiper-button-next {
        right: -12px;
    }
    .index-cont5 .swiper-button-prev {
        left: -12px;
    }
    .index-cont6 .swiper-container {
        padding: 30px 10px 10px 10px;
    }
    .index-cont6 .swiper-wrapper {
        margin-bottom: 30px;
    }
    .index-btfixed h3 {
        padding-left: 0px;
    }
    .index-btfixed h3 {
        font-size: 18px;
        line-height: 28px;
        text-align: center;
        margin-top: 15px;
    }
    .index-btfixed {
        padding: 20px 0;
    }
    .headfixed .logo-font{
        display: none;
    }
    .headfixed .headfixed-list .headfixed-left {
        width: 38%;
    }
    .headfixed .menu-list {
        width: 46%;
    }
    .headfixed {
        padding: 15px 0;
    }
    .headfixed .contact a {
        font-size: 16px;
        padding-left: 3px;
    }
    .headfixed .contact i {
        width: 24px;
    }
    .headfixed .contact {
        width: 200px;
        height: 55px;
        margin-top: -28px;
    }
    .headfixed .logo{
        border-right: 1px solid transparent;
    }
    .pcimg{
        display: none;
    }
    .phoneimg{
        display: block;
    }
    .mainer .banner .banner-img {
        margin-top: 57px;
    }
    .banner .swiper-font .swiper-h2 {
        font-size: 16px;
        line-height: 35px;
    }
    .banner .swiper-font .swiper-h3, .banner .swiper-font .swiper-h3 h3, .banner .swiper-font .swiper-h3 h3 b {
        font-size: 16px;
    }
    .banner .swiper-font .swiper-font-a, .index-more{
        width: 210px;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
    }
    .banner .swiper-font .swiper-font-a{
        margin: 10px auto 0 auto;
    }
    .banner .swiper-fontlist {
        top: 40%;
        left: 50%;
        transform: translate(-50%, -40%);
        -ms-transform: translate(-50%, -40%);
        -moz-transform: translate(-50%, -40%);
        -webkit-transform: translate(-50%, -40%);
        -o-transform: translate(-50%, -40%);
    }
    /* .mainer .banner .banner-img .swiper-img{
        background: #000;
    }
    .phoneimg{
        opacity: 0.7;
    } */
    .banner .swiper-font .swiper-h2::after {
        width: 45px;
        height: 2px;
    }
    .index-tit h3 {
        font-size: 24px;
        line-height: 40px;
    }
    .index-tit p {
        font-size: 16px;
        line-height: 26px;
        margin-top: 10px;
    }
    .index-cont4 .index-cont4-swiperfont h3, .index-cont2 .index-cont2-swiperfont h3 {
        font-size: 18px;
        line-height: 26px;
    }
    .index-cont1 {
        padding-top: 30px;
    }
    .index-cont1 ul {
        margin-top: 25px;
    }
    .index-cont1 ul li {
        width: 100%;
        margin-right: 0px;
    }
    .index-cont1 ul li:nth-child(3n) {
        margin-right: 0px;
    }
    .index-cont1 .index-cont1-font p {
        font-size: 16px;
    }
    .index-cont1 .index-cont1-font h3 {
        font-size: 18px;
    }
    .index-cont2,
    .index-cont6,
    .index-cont3{
        padding: 40px 0;
    }
    .index-cont6{
       
padding-bottom: 0px;
    }
    .index-cont4 .index-cont4-swiperli,
    .index-btfixed .w1400,
    .index-cont3 .index-cont3-li,
    .index-cont3 .index-cont3-menu ul {
        flex-wrap: wrap;
    }
    .index-cont4 .index-cont4-swiperimg,
    .index-cont4 .index-cont4-swiperfont,
    .index-btfixed h2, .index-btfixed h3,
    .index-cont3 .index-cont3-font,
    .index-cont3 .index-cont3-contimg,
    .index-cont3 .index-cont3-menu ul ,
    .index-cont3 .index-cont3-menu li{
        width: 100%;
    }
    .index-cont4 .index-cont4-swiperfont {
        padding: 20px;
    }
    .index-cont4 .index-cont4-swiperfont h3::before {
        width: 2px;
        height: 45px;
    }
    .index-btfixed {
        padding: 20px 0;
    }
    .index-cont3 .index-cont3-font{
        height: 250px;
        position: static;
        top: 0%;
        transform: translateY(0%);
        background-size: cover;
        background: #B81B22;
    }
    .index-cont3 .index-cont3-menu li a {
        font-size: 17px;
    }
    .index-cont3 .index-cont3-menu li::before, .index-cont3 .index-cont3-menu li::after{
        display: none;
    }
    .index-cont3 .index-cont3-menu li{
        margin-right: 0px;
        margin-bottom: 15px;
    }
    .index-cont3 .index-cont3-menu {
        margin-top: 25px;
    } 
    .index-cont3 .index-cont3-cont {
        margin-top: 15px;
    }
    .index-cont3 .index-cont3-fontli{
        position: static;
        top: 0%;
        transform: translateY(0%);
        padding: 20px;
    }
    .index-cont3 .index-cont3-cont h3 {
        font-size: 22px;
        line-height: 34px;
        padding-bottom: 10px;
    }
    .index-cont3 .index-cont3-cont .index-cont3-dec{
        padding-top: 15px;
    }
    .index-cont4 .index-cont4-swiper{
        margin-top: 25px;
    }
    .index-cont3 .index-cont3-fontli{
        width: 100%;
    }
    .index-cont3 .index-cont3img{
        display: none;
    }
    .index-cont3 .index-cont3simg{
        display: block;
    }
    .index-btfixed{
        width: 100%;
    }
    .index-btfixed h2 a img{
        width: auto;
        width: 120px;
    }
    .index-btfixed {
        position: static;
    }
    .index-btfixed .contact {
        margin-top: 25px;
        height: 50px;
        line-height: 50px;
        margin-left: 0px;
    }
}
@media screen and (max-width: 768px) {
    .banner .swiper-font .swiper-h2 h2 {
        font-size: 26px;
    }
    .index-tit h3 span b {
        font-size: 35px;
    }
    .headfixed .menu-list {
        width: 29%;
    }
    .headfixed .contact {
        width: 200px;
        height: 55px;
        margin-top: -28px;
    }
    .index-cont3 .index-cont3-menu li{
        width: 25%;
        margin-right: 20px;
    }
    .index-cont3 .index-cont3-menu li:last-child{
        margin-right: 0px;
    }
    .index-cont4 .swiper-pagination{
        display: none;
    }
    .index-cont1 ul li{
        width: 48.5%;
        margin-right: 15px;
    }
    .index-cont1 ul li:nth-child(3n){
        margin-right: 15px;
    }
    .index-cont1 ul li:nth-child(2n) {
        margin-right: 0px;
    }
    .banner .swiper-font .swiper-h2 span {
        font-size: 28px;
    }
    .index-cont7 .index-cont7-ul li{
        width: 47.5%;
    }
    .index-cont7 .index-cont7-ul li:nth-child(3n){
        margin-right: 5%;
    }
    .index-cont7 .index-cont7-ul li:nth-child(2n){
        margin-right: 0px;
    }
    .add-more{
        width: 300px;
    }
    .index-cont7{
        padding: 50px 0;
    }
    .index-cont7 .index-cont7-font h3 {
        font-size: 18px;
    }
    .index-cont7 .index-cont7-font p{
        font-size: 16px;
    }
}
@media screen and (max-width: 750px){
    .banner .swiper-font .swiper-h2 h2 {
        font-size: 20px;
    }
    .banner .swiper-font .swiper-h2 span {
        font-size: 26px;
    }
    .headfixed .menu-list {
        width: 46%;
    }
    .index-cont3 .index-cont3-menu li {
        width: 100%;
        margin-right: 0px;
    }
    .index-cont4 .swiper-pagination{
        display: block;
    }
    .headfixed .contact {
        width: 200px;
        height: 55px;
        margin-top: -16px;
    }
    .headfixed .headfixed-list .headfixed-left {
        width: 44%;
    }
    .index-cont1 ul li {
        width: 100%;
        margin-right: 0px;
    }
    .index-cont1 ul li:nth-child(2n) {
        margin-right: 0px;
    }
    .index-cont1 ul li:nth-child(3n){
        margin-right: 0px;
    }
    .index-tit h3 span b{
        font-size: 36px;
    }
    .index-cont3 .index-cont3-menu li a{
        font-size: 0px;
    }
    .index-cont3 .index-cont3-menu li{
        width: 25px;
        height: 3px;
        border-radius: 0px;
        background: rgba(184,27,34, 0.5);
        margin-right: 20px;
        border: none;
    }
    .index-cont3 .index-cont3-menu li:last-child{
        margin-right: 0px;
    }
    .index-cont3 .index-cont3-menu li.bg{
        background: rgba(184,27,34, 1);
    }
    .index-cont3 .index-cont3-menu{
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
    }
    .index-cont3{
        padding-bottom: 60px;
    }
    .index-cont7 .index-cont7-ul li,
    .index-cont7 .index-cont7-ul li:nth-child(3n){
        width: 100%;
        margin-right: 0px;
    }
    .add-more{
        margin-top: 0px;
        width: 280px;
    }
    .index-cont7{
        padding-top: 30px;
    }
}
@media screen and (max-width: 320px){
    .banner .swiper-font .swiper-h3, .banner .swiper-font .swiper-h3 h3{
        line-height: 20px;
    }
    .index-cont2 .index-cont2-swiperimg {
        width: 250px;
        height: 250px;
    }
    .headfixed .menu-list {
        width: 53%;
    }
    .index-cont1 .index-cont1-font h3 {
        font-size: 15px;
    }
    .index-cont1 .index-cont1-font p {
        font-size: 14px;
    }

}