@media screen and (max-width:1900px){
    .plan-box {
        width: 70%;
    }
}

@media screen and (max-width:1780px){

    .plan-box ul li .fa_position .fa_text p {

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap;

    }

    .experiences {

        justify-content: flex-start;

        flex-wrap: wrap;

    }

    .experience-left{

        width: 100%;

        justify-content: center;

    }

    .experience-right {

        width: 100%;

        justify-content: center;

    }

   /* .case ul li .case-one div:nth-child(1) img{

        width: 70%;

    } */

}



@media screen and (max-width:1680px){





}



@media screen and (max-width:1477px){



}



@media screen and (max-width:1401px){





}



@media screen and (max-width:1380px){

}



@media screen and (max-width:1366px){
    .sqtg-wrapper .sqtg-slide1:nth-child(1) a {
        width: 100px;
    height: 35px;
    bottom: 50px;
    font-size: 16px;
     }

     .sqtg-wrapper .sqtg-slide1:nth-child(2) a {
        width: 100px;
    height: 35px;
    bottom: 50px;
    font-size: 16px;
     }

     .sqtg-wrapper .sqtg-slide1:nth-child(3) a {
        width: 100px;
    height: 35px;
    bottom: 50px;
    font-size: 16px;
     }

    .header {

        height: 352px;

    }

    .plan-box {

        width: 80%;

    }

    .function-box .function {

        width: 80%;

    }

    .experiences {

        width: 80%;

    }

    .choose-box .choose {

        width: 80%;

    }

    .case {

        width: 80%;

    }

    .power-box .power {

        width: 80%;

    }

    .enterprise {

        width: 80%;

    }

}



@media screen and (max-width:1320px){

}



@media screen and (max-width:1280px){



}



@media screen and (max-width:1200px){



}



@media screen and (max-width:1180px){



}



@media screen and (max-width:1080px){



}



@media screen and (max-width:1024px){
    .sqtg-wrapper .sqtg-slide1:nth-child(1) a {
        width: 92px;
        height: 30px;
        bottom: 40px;
    }
    .sqtg-wrapper .sqtg-slide1:nth-child(2) a {
        width: 92px;
        height: 30px;
        bottom: 40px;
    }
    .sqtg-wrapper .sqtg-slide1:nth-child(3) a {
        width: 92px;
        height: 30px;
        bottom: 40px;
    }

    .header {

        height: 262px;

    }

    .plan-box {

        width: 95%;

    }

    .function-box .function {

        width: 95%;

    }

    .experiences {

        width: 95%;

    }

    .experiences .experience-left {

        font-size: 18px;

    }

    .choose-box .choose {

        width: 95%;

    }

    .case {

        width: 95%;

    }

    .power-box .power {

        width: 95%;

    }

    .enterprise {

        width: 95%;

    }

    .enterprise ul li img {

        width: 70%;

    }

}



@media screen and (max-width:980px){



}



@media screen and (max-width:960px){

}



@media screen and (max-width:900px){

}



@media screen and (max-width:870px){

}



@media screen and (max-width:785px){
    .banner .sqtg-container>.swiper-pagination-bullets {
        bottom: 8px;
    }
    
    .sqtg-wrapper .sqtg-slide1:nth-child(1) a {
        bottom: 25px;
    }
    .sqtg-wrapper .sqtg-slide1:nth-child(2) a {
        bottom: 25px;
    }
    .sqtg-wrapper .sqtg-slide1:nth-child(3) a {
        bottom: 25px;
    }

    .header.sqds_hd {

        height: 199px;

    }

    .experiences .experience-left span {

        width: 35px;

        height: 40px;

        font-size: 25px;

    }

}



@media screen and (max-width:730px){

}



@media screen and (max-width:680px){

}



@media screen and (max-width:650px){
    .choose-box .choose ul li .choose-top div img {
        width: 40%;
    }

    .plan-box ul {

        justify-content: space-between;

        flex-wrap: wrap;

    }

    .plan-box ul li {

        width: 80%;
        flex: none;
        overflow: hidden;
        margin: 0 auto 20px;
        border-radius: 10px;
        /* margin-bottom: 20px; */

    }
    .plan-box ul li > img {
        height: auto;
     }

    .function-box .function .fun-swiper .fun_container .fun-slide ul {

        justify-content: space-between;

    }

    .function-box .function .fun-swiper .fun_container .fun-slide ul li {

        width: 48%;

        margin-right: 0;

    }

    .choose-box {
        background-size: cover;

    }

    .choose-box .choose ul {

        flex-wrap: wrap;

    }

    .choose-box .choose ul li {
        
        width: 90%;
        height: 280px;
        margin: 0 auto 20px;
        /* margin-bottom: 20px; */

    }
    .choose-box .choose ul li .choose-top {
        height: 140px;
    }

    .case ul {

        justify-content: space-between;

    }

    .case ul li {

        width: 48%;

        margin-right: 0;

    }

    .power-box .power .power-lr {

        flex-wrap: wrap;

    }

    .power-box .power .power-lr .power-left {

        width: 100%;

    }

    .power-box .power .power-lr .power-right {

        width: 100%;

        height: 460px;

    }

    .power-box .power .power-lr {

        height: auto;

    }

    .power-box .power .power-lr .power-left .power-container {

        height: 530px;

    }

}



@media screen and (max-width:486px){
    .plan-box ul li:hover .fa_zzc {
        width: 0;
      }
      .plan-box ul li:hover .hui {
        opacity: 0.8;
      }
    .power-box .power .power-lr .power-right .power-right-top div:nth-child(1) img:hover {
        transform: scale(1);
      }
      .power-box .power .power-lr .power-right .power-right-top div:nth-child(2) img:hover {
        transform: scale(1);
      }
      .power-box .power .power-lr .power-left .power-container .power-slide img:hover {
        transform: scale(1);
      }
    .plan-box ul li a {
        visibility: inherit;
    }
    .sqtg-wrapper .sqtg-slide1:nth-child(1) a {
        left: 2%;
    }
    .sqtg-wrapper .sqtg-slide1:nth-child(2) a {
        left: 2%;
    }
    .case ul li {
        /* height: 210px; */
    }
    .case ul li .case-one div:nth-child(1) {
        /* height: 100px; */
    }
    .case ul li .case-one div:nth-child(2) {
        /* margin-top: 10px; */
		padding: 10px;
    }
	 .case ul li .case-one div:nth-child(2) h1{
		 font-size: 16px;
	 }
    .plan-box ul li .fa_position {
        top:20px;
    }

    .plan-box ul li {
        height: 350px;
    }
    .plan-box ul li .fa_position img {
        width: 20%;
    }

    .power-box .power .power-lr .power-left .power-container {

        height: 345px;

    }

    .power-box .power .power-lr .power-right {

        height: 300px;
        pointer-events:none;
    }

    .power-box .power .power-lr .power-right .power-right-top{

        margin-bottom: 5px;

    }

    .tg_container {

        height: 100%;

    }

    .tg_slide img {

        height: 100%;

    }

    .experiences .experience-left {

        font-size: 14px;

    }

    .experiences .experience-left span {

        width: 32px;

        height: 35px;

    }

    .plan-box .plan-title h1 {

        font-size: 25px;

    }

    .function-box .function .function-title h1 {

        font-size: 25px;

    }

    .choose-box .choose .choose-title h1 {

        font-size: 25px;

    }

    .choose-box .choose {

        padding-top: 40px;

        padding-bottom: 40px;

    }

    .choose-box {

        background-size: cover;

    }

    .enterprise .enterprise-title h1 {

        font-size: 25px;

    }

    .power-box .power .power-title h1 {

        font-size: 25px;

    }

    .case .case-title h1 {

        font-size: 25px;

    }

}



@media screen and (max-width:376px){



}



@media screen and (max-width:340px){

    .enterprise ul li {

        margin-bottom: 10px;

    }

    .enterprise ul {

        margin-top: 15px;

    }

}