/* 文化 */
@media screen and (max-width:1600px) {
    /* padding */
.padding-top-10{ padding-top: 8px;}
.padding-left-10{ padding-left: 8px;}
.padding-right-10{ padding-right: 8px;}
.padding-bottom-10{ padding-bottom: 8px;}
.padding-10{ padding: 8px;}
.padding-top-15{ padding-top: 13px;}
.padding-left-15{ padding-left: 13px;}
.padding-right-15{ padding-right: 13px;}
.padding-bottom-15{ padding-bottom: 13px;}
.padding-15{ padding: 13px;}
.padding-top-20{ padding-top: 16px;}
.padding-left-20{ padding-left: 16px;}
.padding-right-20{ padding-right: 16px;}
.padding-bottom-20{ padding-bottom: 16px;}
.padding-20{ padding: 16px;}
.padding-top-25{ padding-top: 20px;}
.padding-left-25{ padding-left: 20px;}
.padding-right-25{ padding-right: 20px;}
.padding-bottom-25{ padding-bottom: 20px;}
.padding-25{ padding: 20px;}
.padding-top-30{ padding-top: 26px;}
.padding-left-30{ padding-left: 26px;}
.padding-right-30{ padding-right: 26px;}
.padding-bottom-30{ padding-bottom: 26px;}
.padding-30{ padding: 26px;}
.padding-top-40{ padding-top: 36px;}
.padding-left-40{ padding-left: 36px;}
.padding-right-40{ padding-right: 36px;}
.padding-bottom-40{ padding-bottom: 36px;}
.padding-40{ padding: 36px;}
.padding-top-50{ padding-top: 45px;}
.padding-left-50{ padding-left: 45px;}
.padding-right-50{ padding-right: 45px;}
.padding-bottom-50{ padding-bottom: 45px;}
.padding-50{ padding: 45px;}
.padding-top-70{ padding-top: 66px;}
.padding-left-70{ padding-left: 66px;}
.padding-right-70{ padding-right: 66px;}
.padding-bottom-70{ padding-bottom: 66px;}
.padding-70{ padding: 66px;}

/* margin */
.margin-top-10{ margin-top: 8px;}
.margin-left-10{ margin-left: 8px;}
.margin-right-10{ margin-right: 8px;}
.margin-bottom-10{ margin-bottom: 8px;}
.margin-10{ margin: 8px;}
.margin-top-15{ margin-top: 13px;}
.margin-left-15{ margin-left: 13px;}
.margin-right-15{ margin-right: 13px;}
.margin-bottom-15{ margin-bottom: 13px;}
.margin-15{ margin: 13px;}
.margin-top-20{ margin-top: 16px;}
.margin-left-20{ margin-left: 16px;}
.margin-right-20{ margin-right: 16px;}
.margin-bottom-20{ margin-bottom: 16px;}
.margin-20{ margin: 16px;}
.margin-top-25{ margin-top: 20px;}
.margin-left-25{ margin-left: 20px;}
.margin-right-25{ margin-right: 20px;}
.margin-bottom-25{ margin-bottom: 20px;}
.margin-25{ margin: 20px;}
.margin-top-30{ margin-top: 26px;}
.margin-left-30{ margin-left: 26px;}
.margin-right-30{ margin-right: 26px;}
.margin-bottom-30{ margin-bottom: 26px;}
.margin-30{ margin: 26px;}
.margin-top-40{ margin-top: 36px;}
.margin-left-40{ margin-left: 36px;}
.margin-right-40{ margin-right: 36px;}
.margin-bottom-40{ margin-bottom: 36px;}
.margin-40{ margin: 36px;}
.margin-top-50{ margin-top: 45px;}
.margin-left-50{ margin-left: 45px;}
.margin-right-50{ margin-right: 45px;}
.margin-bottom-50{ margin-bottom: 45px;}
.margin-50{ margin: 45px; }
.margin-top-70{ margin-top: 66px;}
.margin-left-70{ margin-left: 66px;}
.margin-right-70{ margin-right: 66px;}
.margin-bottom-70{ margin-bottom: 66px;}
.margin-70{ margin: 66px; }

.f14{ font-size: 13px;}
.f15{ font-size: 14px;}
.f16{ font-size: 15px;}
.f18{ font-size: 17px;}
.f20{ font-size: 18px;}
.f22{ font-size: 20px;}
.f24{ font-size: 22px;}
.f28{ font-size: 26px;}
.f30{ font-size: 28px;}
.f34{ font-size: 32px;}
.f40{ font-size: 38px;}
.f50{ font-size: 48px;}
.f54{ font-size: 52px;}
.f60{ font-size: 58px;}
.f70{ font-size: 68px;}
.f80{ font-size: 78px;}
.f100{ font-size:90px ;}

}

@media screen and (max-width:1440px) {
     /* padding */
.padding-top-10{ padding-top: 6px;}
.padding-left-10{ padding-left: 6px;}
.padding-right-10{ padding-right: 6px;}
.padding-bottom-10{ padding-bottom: 6px;}
.padding-10{ padding: 6px;}
.padding-top-15{ padding-top: 10px;}
.padding-left-15{ padding-left: 10px;}
.padding-right-15{ padding-right: 10px;}
.padding-bottom-15{ padding-bottom: 10px;}
.padding-15{ padding: 10px;}
.padding-top-20{ padding-top: 15px;}
.padding-left-20{ padding-left: 15px;}
.padding-right-20{ padding-right: 15px;}
.padding-bottom-20{ padding-bottom: 15px;}
.padding-20{ padding: 15px;}
.padding-top-25{ padding-top: 18px;}
.padding-left-25{ padding-left: 18px;}
.padding-right-25{ padding-right: 18px;}
.padding-bottom-25{ padding-bottom: 18px;}
.padding-25{ padding: 18px;}
.padding-top-30{ padding-top: 24px;}
.padding-left-30{ padding-left: 24px;}
.padding-right-30{ padding-right: 24px;}
.padding-bottom-30{ padding-bottom: 24px;}
.padding-30{ padding: 24px;}
.padding-top-40{ padding-top: 34px;}
.padding-left-40{ padding-left: 34px;}
.padding-right-40{ padding-right: 34px;}
.padding-bottom-40{ padding-bottom: 34px;}
.padding-40{ padding: 34px;}
.padding-top-50{ padding-top: 42px;}
.padding-left-50{ padding-left: 42px;}
.padding-right-50{ padding-right: 42px;}
.padding-bottom-50{ padding-bottom: 42px;}
.padding-50{ padding: 42px;}
.padding-top-70{ padding-top: 62px;}
.padding-left-70{ padding-left: 62px;}
.padding-right-70{ padding-right: 62px;}
.padding-bottom-70{ padding-bottom: 62px;}
.padding-70{ padding: 62px;}

/* margin */
.margin-top-10{ margin-top: 6px;}
.margin-left-10{ margin-left: 6px;}
.margin-right-10{ margin-right: 6px;}
.margin-bottom-10{ margin-bottom: 6px;}
.margin-10{ margin: 6px;}
.margin-top-15{ margin-top: 10px;}
.margin-left-15{ margin-left: 10px;}
.margin-right-15{ margin-right: 10px;}
.margin-bottom-15{ margin-bottom: 10px;}
.margin-15{ margin: 10px;}
.margin-top-20{ margin-top: 15px;}
.margin-left-20{ margin-left: 15px;}
.margin-right-20{ margin-right: 15px;}
.margin-bottom-20{ margin-bottom: 15px;}
.margin-20{ margin: 15px;}
.margin-top-25{ margin-top: 18px;}
.margin-left-25{ margin-left: 18px;}
.margin-right-25{ margin-right: 18px;}
.margin-bottom-25{ margin-bottom: 18px;}
.margin-25{ margin: 18px;}
.margin-top-30{ margin-top: 24px;}
.margin-left-30{ margin-left: 24px;}
.margin-right-30{ margin-right: 24px;}
.margin-bottom-30{ margin-bottom: 24px;}
.margin-30{ margin: 24px;}
.margin-top-40{ margin-top: 34px;}
.margin-left-40{ margin-left: 34px;}
.margin-right-40{ margin-right: 34px;}
.margin-bottom-40{ margin-bottom: 34px;}
.margin-40{ margin: 34px;}
.margin-top-50{ margin-top: 42px;}
.margin-left-50{ margin-left: 42px;}
.margin-right-50{ margin-right: 42px;}
.margin-bottom-50{ margin-bottom: 42px;}
.margin-50{ margin: 42px; }
.margin-top-70{ margin-top: 62px;}
.margin-left-70{ margin-left: 62px;}
.margin-right-70{ margin-right: 62px;}
.margin-bottom-70{ margin-bottom: 62px;}
.margin-70{ margin: 62px; }

.f14{ font-size: 12px;}
.f15{ font-size: 13px;}
.f16{ font-size: 14px;}
.f18{ font-size: 16px;}
.f20{ font-size: 16px;}
.f22{ font-size: 20px;}
.f24{ font-size: 20px;}
.f28{ font-size: 24px;}
.f30{ font-size: 26px;}
.f34{ font-size: 30px;}
.f40{ font-size: 36px;}
.f50{ font-size: 46px;}
.f54{ font-size: 50px;}
.f60{ font-size: 56px;}
.f70{ font-size: 66px;}
.f80{ font-size: 76px;}
.f100{ font-size:86px ;}
}

@media screen and (max-width:1200px) {
           /* padding */
     .padding-top-10{ padding-top: 5px;}
     .padding-left-10{ padding-left: 5px;}
     .padding-right-10{ padding-right: 5px;}
     .padding-bottom-10{ padding-bottom: 5px;}
     .padding-10{ padding: 5px;}
     .padding-top-15{ padding-top:8px;}
     .padding-left-15{ padding-left:8px;}
     .padding-right-15{ padding-right:8px;}
     .padding-bottom-15{ padding-bottom:8px;}
     .padding-15{ padding:8px;}
     .padding-top-20{ padding-top: 12px;}
     .padding-left-20{ padding-left: 12px;}
     .padding-right-20{ padding-right: 12px;}
     .padding-bottom-20{ padding-bottom: 12px;}
     .padding-20{ padding: 12px;}
     .padding-top-25{ padding-top: 16px;}
     .padding-left-25{ padding-left: 16px;}
     .padding-right-25{ padding-right: 16px;}
     .padding-bottom-25{ padding-bottom: 16px;}
     .padding-25{ padding: 16px;}
     .padding-top-30{ padding-top: 22px;}
     .padding-left-30{ padding-left: 22px;}
     .padding-right-30{ padding-right: 22px;}
     .padding-bottom-30{ padding-bottom: 22px;}
     .padding-30{ padding: 22px;}
     .padding-top-40{ padding-top: 32px;}
     .padding-left-40{ padding-left: 32px;}
     .padding-right-40{ padding-right: 32px;}
     .padding-bottom-40{ padding-bottom: 32px;}
     .padding-40{ padding: 32px;}
     .padding-top-50{ padding-top: 40px;}
     .padding-left-50{ padding-left: 40px;}
     .padding-right-50{ padding-right: 40px;}
     .padding-bottom-50{ padding-bottom: 40px;}
     .padding-50{ padding: 40px;}
     .padding-top-70{ padding-top: 60px;}
     .padding-left-70{ padding-left: 60px;}
     .padding-right-70{ padding-right: 60px;}
     .padding-bottom-70{ padding-bottom: 60px;}
     .padding-70{ padding: 60px;}
     
     /* margin */
     .margin-top-10{ margin-top: 5px;}
     .margin-left-10{ margin-left: 5px;}
     .margin-right-10{ margin-right: 5px;}
     .margin-bottom-10{ margin-bottom: 5px;}
     .margin-10{ margin: 5px;}
     .margin-top-15{ margin-top:8px;}
     .margin-left-15{ margin-left:8px;}
     .margin-right-15{ margin-right:8px;}
     .margin-bottom-15{ margin-bottom:8px;}
     .margin-15{ margin:8px;}
     .margin-top-20{ margin-top: 12px;}
     .margin-left-20{ margin-left: 12px;}
     .margin-right-20{ margin-right: 12px;}
     .margin-bottom-20{ margin-bottom: 12px;}
     .margin-20{ margin: 12px;}
     .margin-top-25{ margin-top: 16px;}
     .margin-left-25{ margin-left: 16px;}
     .margin-right-25{ margin-right: 16px;}
     .margin-bottom-25{ margin-bottom: 16px;}
     .margin-25{ margin: 16px;}
     .margin-top-30{ margin-top: 22px;}
     .margin-left-30{ margin-left: 22px;}
     .margin-right-30{ margin-right: 22px;}
     .margin-bottom-30{ margin-bottom: 22px;}
     .margin-30{ margin: 22px;}
     .margin-top-40{ margin-top: 32px;}
     .margin-left-40{ margin-left: 32px;}
     .margin-right-40{ margin-right: 32px;}
     .margin-bottom-40{ margin-bottom: 32px;}
     .margin-40{ margin: 32px;}
     .margin-top-50{ margin-top: 40px;}
     .margin-left-50{ margin-left: 40px;}
     .margin-right-50{ margin-right: 40px;}
     .margin-bottom-50{ margin-bottom: 40px;}
     .margin-50{ margin: 40px; }
     .margin-top-70{ margin-top: 60px;}
     .margin-left-70{ margin-left: 60px;}
     .margin-right-70{ margin-right: 60px;}
     .margin-bottom-70{ margin-bottom: 60px;}
     .margin-70{ margin: 60px; }
     
     .f14{ font-size: 12px;}
     .f15{ font-size: 12px;}
     .f16{ font-size: 14px;}
     .f18{ font-size: 15px;}
     .f20{ font-size: 15px;}
     .f22{ font-size: 16px;}
     .f24{ font-size: 18px;}
     .f28{ font-size: 20px;}
     .f30{ font-size: 24px;}
     .f34{ font-size: 28px;}
     .f40{ font-size: 34px;}
     .f50{ font-size: 44px;}
     .f54{ font-size: 48px;}
     .f60{ font-size: 54px;}
     .f70{ font-size: 64px;}
     .f80{ font-size: 74px;}
     .f100{ font-size:80px ;}
}

@media screen and (max-width:1000px) {
    
    .padding-top-10{ padding-top: 5px;}
    .padding-left-10{ padding-left: 5px;}
    .padding-right-10{ padding-right: 5px;}
    .padding-bottom-10{ padding-bottom: 5px;}
    .padding-10{ padding: 5px;}
    .padding-top-15{ padding-top:8px;}
    .padding-left-15{ padding-left:8px;}
    .padding-right-15{ padding-right:8px;}
    .padding-bottom-15{ padding-bottom:8px;}
    .padding-15{ padding:8px;}
    .padding-top-20{ padding-top: 15px;}
    .padding-left-20{ padding-left: 15px;}
    .padding-right-20{ padding-right: 15px;}
    .padding-bottom-20{ padding-bottom: 15px;}
    .padding-20{ padding: 15px;}
    .padding-top-25{ padding-top: 15px;}
    .padding-left-25{ padding-left: 15px;}
    .padding-right-25{ padding-right: 15px;}
    .padding-bottom-25{ padding-bottom: 15px;}
    .padding-25{ padding: 15px;}
    .padding-top-30{ padding-top: 18px;}
    .padding-left-30{ padding-left: 18px;}
    .padding-right-30{ padding-right: 18px;}
    .padding-bottom-30{ padding-bottom: 18px;}
    .padding-30{ padding: 18px;}
    .padding-top-40{ padding-top: 28px;}
    .padding-left-40{ padding-left: 28px;}
    .padding-right-40{ padding-right: 28px;}
    .padding-bottom-40{ padding-bottom: 28px;}
    .padding-40{ padding: 28px;}
    .padding-top-50{ padding-top: 35px;}
    .padding-left-50{ padding-left: 35px;}
    .padding-right-50{ padding-right: 35px;}
    .padding-bottom-50{ padding-bottom: 35px;}
    .padding-50{ padding: 35px;}
    .padding-top-70{ padding-top: 55px;}
    .padding-left-70{ padding-left: 55px;}
    .padding-right-70{ padding-right: 55px;}
    .padding-bottom-70{ padding-bottom: 55px;}
    .padding-70{ padding: 55px;}
    
    /* margin */
    .margin-top-10{ margin-top: 5px;}
    .margin-left-10{ margin-left: 5px;}
    .margin-right-10{ margin-right: 5px;}
    .margin-bottom-10{ margin-bottom: 5px;}
    .margin-10{ margin: 5px;}
    .margin-top-15{ margin-top:8px;}
    .margin-left-15{ margin-left:8px;}
    .margin-right-15{ margin-right:8px;}
    .margin-bottom-15{ margin-bottom:8px;}
    .margin-15{ margin:8px;}
    .margin-top-20{ margin-top: 15px;}
    .margin-left-20{ margin-left: 15px;}
    .margin-right-20{ margin-right: 15px;}
    .margin-bottom-20{ margin-bottom: 15px;}
    .margin-20{ margin: 15px;}
    .margin-top-25{ margin-top: 15px;}
    .margin-left-25{ margin-left: 15px;}
    .margin-right-25{ margin-right: 15px;}
    .margin-bottom-25{ margin-bottom: 15px;}
    .margin-25{ margin: 15px;}
    .margin-top-30{ margin-top: 18px;}
    .margin-left-30{ margin-left: 18px;}
    .margin-right-30{ margin-right: 18px;}
    .margin-bottom-30{ margin-bottom: 18px;}
    .margin-30{ margin: 18px;}
    .margin-top-40{ margin-top: 28px;}
    .margin-left-40{ margin-left: 28px;}
    .margin-right-40{ margin-right: 28px;}
    .margin-bottom-40{ margin-bottom: 28px;}
    .margin-40{ margin: 28px;}
    .margin-top-50{ margin-top: 35px;}
    .margin-left-50{ margin-left: 35px;}
    .margin-right-50{ margin-right: 35px;}
    .margin-bottom-50{ margin-bottom: 35px;}
    .margin-50{ margin: 35px; }
    .margin-top-70{ margin-top: 55px;}
    .margin-left-70{ margin-left: 55px;}
    .margin-right-70{ margin-right: 55px;}
    .margin-bottom-70{ margin-bottom: 55px;}
    .margin-70{ margin: 55px; }
    
    
    .f16{ font-size: 12px;}
    .f18{ font-size: 14px;}
    .f20{ font-size: 14px;}
    .f22{ font-size: 15px;}
    .f24{ font-size: 16px;}
    .f28{ font-size: 16px;}
    .f30{ font-size: 20px;}
    .f34{ font-size: 24px;}
    .f40{ font-size: 30px;}
    .f50{ font-size: 40px;}
    .f54{ font-size: 44px;}
    .f60{ font-size: 50px;}
    .f70{ font-size: 60px;}
    .f80{ font-size: 70px;}
    .f100{ font-size:78px ;}
}

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

    
    .margin-top-70{ margin-top: 35px;}
    .margin-left-70{ margin-left: 35px;}
    .margin-right-70{ margin-right: 35px;}
    .margin-bottom-70{ margin-bottom: 35px;}
    .margin-70{ margin: 35px; }

    .f34{ font-size: 24px;}
    .f40{ font-size: 30px;}
    .f50{ font-size: 40px;}
    .f54{ font-size: 44px;}
    .f60{ font-size: 50px;}
    .f70{ font-size: 60px;}
    .f80{ font-size: 70px;}
    .f100{ font-size:50px ;}
}

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

    .f30{ font-size: 18px;}
    .f34{ font-size: 24px;}
    .f40{ font-size: 24px;}
    .f50{ font-size: 24px;}
    .f54{ font-size: 24px;}
    .f60{ font-size: 30px;}
    .f70{ font-size: 34px;}
    .f80{ font-size: 38x;}

}
/* css */
@media screen and (max-width:1600px) {}

@media screen and (max-width:1460px) {
    body{ font-size: 14px;}
    .w1450{ width: 1200px; }
    .PricePop .right .img img{ height: 280px;}
    .PricePop .right .txt{ height: calc(100% - 320px);}
 
}
header .right{ width: 900px;}
 
.index5 ul li{ padding: 15px;}
.index5 ul li:nth-child(1), .index5 ul li:nth-child(5){ padding-top: 60px;}
/*.index6{    margin-top: 130px;}*/
footer .ewm{ width: 150px;}

.neiBan{ height: 650px;}

.packMoveTwo .w1450{ padding: 100px 0;}
.packMoveTwo .ren{ width: 400px; bottom: -40px;}

.caseLeft{ width: 820px;}
.caseRight{ width: 350px;}

.news3Con .top{ padding-right: 25px;}

.news2Con .left .img{ width: 200px; height: 200px;}
.news2Con .left .txt{ width: calc(100% - 220px);}
.news2Con .center ul li{ padding: 12px 0;}

.honorlist li{ width: 22%; margin-right:3% ; margin-bottom: 30px; }
.honorlist li:nth-child(5n){ margin-right: 3%;}
.honorlist li:nth-child(4n){ margin-right: 0%;}

@media screen and (max-width:1200px) {
    .w1450{ width: 1030px;  }
    header .logo{ width: 200px;}
    header .right { width: 820px;  }
   
    .neiBan{ height: 580px;}
    .ModelUl li{ width: 31%; margin-right:3.5% ;}
    .ModelUl li .txt{ padding: 15px;}
    .index1 .title{margin-bottom: 100px;}
    .index3 figure img{ height: 40px;}
    .index3::after{left: 2%; width:70%;}
    .index3 .ewm{ width: 170px;}
    .index5 ul li{ padding: 5px 5px 5px 8px;}
    .index5 ul li:nth-child(1), .index5 ul li:nth-child(5){ padding-top: 50px;}
    .index5 ul li img{ width: 50px;}
    .index5 ul li:nth-child(2n){ padding-top: 30px;}
    .index6 .ren{ width: 45%; display: none;}

    .choosingImg { width: 48%; margin-top: 60px;}
    .choosing ul li:nth-child(1){ left: 40%;}
    .choosing ul li:nth-child(2){ left: 50%;  top: 130px; }
    .choosing ul li:nth-child(3){ left: 55%; top: 260px;}
    .choosing ul li:nth-child(4){  left: 50%; top: 390px;}
    .choosing ul li:nth-child(5){   left: 40%; top:520px ;}
    .newsIcon{ width: 150px;}

    .caseLeft{  width: 100%;}
    .caseRight{ display: none;}
}
.phone-nav{transform: translateX(0); }

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

    
    .ycfdlm{ display: none;}
    .w1450{ width:96%;  }
    .w1030{ width: 96%;  }
 
    body::before{ display: block; content: ''; background: #fff; height: 55px; width: 100%;}
    header .header-tools{ display: block;}
    header{ position: fixed; top: 0; left: 0;}
    header .logo{ width: auto; height: 45px;}
    header .right .top{  display: none;}
    header .right{ width: auto;}
    header{ height: 55px;}
    nav{ position: fixed; z-index: 999; top: 55px; left: 0; background: #fff; height: calc(100vh - 55px); flex-direction: column; width: 100%; padding: 10vh 0; margin-top: 0 !important;
        transform: translateX(100%); width: 100% !important;
        transition: all .5s;}
        nav a span:nth-child(2){ margin-left: 15px;}
        .index1 ul{ flex-wrap: wrap;}
        .index1{  padding-bottom: 25px;}
    .index1 ul li{ flex: 48% ; padding: 0 1%; text-align: center;}
    .index1 .title{ margin-bottom: 25px;}
    .indexBbookCatr { width: calc(100vw - 40px );}
    .indexBbookCatr img{ display: none;}
    .index1 ul li .txt{ padding: 10px 0;}
    .indexGbook{ position:relative; flex-direction: column; width: 100%; padding: 0}
    .indexGbook input{ width: 100%; height: 50px; border: 2px solid #0272c2; width: 100%; padding-left: 50px;
         background: url(../images/location.png) no-repeat left 10px center #fff; background-size: auto 30px;}

         .indexGbook .input3{ padding-left: 6%; margin-bottom: 20px;}
    .indexGbook .input2{ margin-left: 0; margin-top: 20px; margin-bottom: 20px;}
    .indexGbook button{ margin-left: 0; background: #0272c2; color: #fff; width: 100%; height: 50px;} 
    .index2 ul li{ width: 49%; margin-right: 2%;}.index2 ul li:nth-child(2n){ margin-right: 0;}
    .index3>div{ flex-direction: column;}
    .index3::after{ width: 90%;}
    .index3 figure .f34{ justify-content: center;}
    .index4 ul li{ width: 49%; margin-right: 2%;}
    .index4 ul li:nth-child(3n){ margin-right: 2%;}
    .index4 ul li:nth-child(2n){ margin-right: 0;}
    
    .index5 ul{ background: none; flex-wrap: wrap;}
    .index5 ul li{ flex: 1 33.3%; padding: 0;}
    .index5 ul li img{ width:auto; height: 40px;}
    .index5 ul li figure{ border-radius: 5px;border-radius:0}
    .index5 ul li:nth-child(1), .index5 ul li:nth-child(5),.index5 ul li:nth-child(2n){ padding-top: 0;}

    .index5 ul li .color-888{ display: none;}

    .indexTabCon li a img{ height: 10px;}
    .indexTabCon li a div{ width: 70%;}

    .index8 .about{ flex-direction: column;}
    .index8 .about .left{ width: 100%;}
    .index8 .left::after{ width: 50%; height: 50%;}
    .index8 .left img{ width: calc(100% - 15px) ; height: 100%; padding-top: 15px; padding-left: 15px;}
    .index8 .rgiht{ width: 100%; margin-top: 20px;}

    footer .ewm{ width: 100px;}

    .choosingImg{ display: none;}
    .choosing ul li{ position: relative; left: auto !important; top: auto !important; margin-bottom: 25px; width: 48%; float: left; margin-right: 2%;}
    .choosing ul li:nth-child(2n){  margin-right: 0px;}
    .PricePop{ width: 98%;}
    .PricePop figure .right{ display: none;}
    .p40{ padding: 20px;}
    .p30{ padding: 10px;}
    .formbox .input{ padding: 8px 10px;}
    .PricePop{ margin-top: 40px;}
    .PricePopUl{  width: auto;   left: 0; top: -40px; transform: translateY(0);  border-radius: 0;}
    .PricePopUl li{ width:33.3%; float: left;writing-mode: horizontal-tb;height: 40px;}
    .popClose{   top: -80px; z-index: 6; right: 0;}
    
}

.ditu{ display: none;}
@media screen and (max-width:750px) {
    
    .serviceIul .img img{  object-fit: cover;    height: 180px;width: 100%;border-radius: 10px;}
    .index2 ul li img{ object-fit: cover;height: 180px;border-radius: 10px;}
    .newsIcon{ height:65px}

    .PricePopUl{ top: -80px;}
    .popClose{ width: 30px; top: -120px;}
    .wap_show{ display: block;}
    .pc_show{ display: none;}
    .map-container{ display: none;}
    .ditu{ display: block;}
    .map_location{ }
    .locationClass{ width:100%; position:fixed; top:55px; left:0;  }
    body{ font-size: 12px;}
    footer .w1450{ flex-direction: column;}
    footer .left{ width: 100%; flex-wrap: wrap;}
    footer .right{ display: flex;}
    footer .right>div:nth-child(2){ margin-left: 10px; margin-top: 0;}
    footer .left dd,footer .left dl::after{ display: none;}
    footer .left dl{ margin-right: 10px; flex: 1 25%;    padding-bottom: 0;}
    .footer img{ height: 24px;}

    .indexTabCon li{ width: 100%; margin-right: 0;}.indexTabCon li:nth-child(n+6){ display: none;}
    .index6{ margin-top: 20px;}
    .index6 .left{ position: relative; z-index: 9;}
    .index6 .left .icon{ width: 40px;}
    .index6 .left .icon.left{ left: -20px; top:  -20px;}

    .index4 ul li{ margin-bottom: 20px;}
    .index3 figure .f34{ font-size: 18px; }
    .index3 .f34 img{ height: 20px; margin-right: 8px;}
    .index3 .f34 img.margin-left-40{ margin-left: 15px;}
    .index3::after{ width: 96%;}
    .index3 .ewm{ margin-left: 0; width: 100px;}
    .f100{ font-size: 40px;}
    .f40{ font-size: 20px;}
    .index3{ margin-top: 0 !important;}
    .index2 ul li{ margin-bottom: 0;}.index2 ul li .txt{ padding: 8px 0;}

    .index1 .title{ margin: 20px 0;}
    .indexTit figure{ width: 80%;}

    .bg-index7Bg{ padding-top: 0;padding-bottom: 20px;}
    .flink .flink_tit p{ height: 4px;}
    .flink .flink_tit span{ height: 32px; line-height: 32px;margin-left:2%}
    .footer{ flex-direction: column;}
    .indexTabCon li a div{ width: 60%;}
    .indexTabCon ul{ padding:15px 0;}
    .indexTabCon li a{ padding: 15px 0;}
    .index6 .left .icon.right{ display: none;}

    .neiBan{ height: auto; padding: 35px 20px;}
    .neiBan .input{ width: 100%; height: auto; padding: 6px;}
    .neiBan .input>img{ display: none;} 
    .neiBan .input input{ width: 100%; height: 35px; margin-right: 0; background-size: auto 20px}
    .neiBan .button .input input{ background-size: auto 20px}
    .neiBan .button{ width: 100%; flex-direction: column;}
    .neiBan .button>button{ width: 100%; padding: 15px; text-align: center; margin-top: 15px;}
    .ModelUl li{ width: 48%; margin-right: 2%; margin-bottom: 20px;}
    .ModelUl li:nth-child(3n){ margin-right: 2%;}
    .ModelUl li:nth-child(2n){ margin-right: 0;}
    .ModelUl li .txt{ margin-top: 5px; padding: 8px;}

    .choosing .w1030{ margin-top: 0;}
    .choosing ul li{ width: 100%; margin-right: 0;}
    .choosing ul li img{ width: 40px;}
     
    .clear150{ height: 0;}
    .indexTabTit3 li{ margin: 0 15px;}
    .indexTabTit3{ align-items: flex-start;}

    .packMoveTwo .ren{ display: none;}
    .packMoveTwo .w1450{ padding: 25px 0;}

    .packMoveThereUl{ flex-wrap: wrap;}
    .packMoveThereUl li{ width: 50%;}
    .packMoveThereUl li:nth-child(3){ margin-top: 20px; margin-bottom: 20px;}
    .packMoveThereUl li:nth-child(3) img{ width: 100px;}
    .packMoveThere{ padding: 20px 0;}

    .sftabTit{ flex-wrap: wrap;}
    .sftabTit li{ flex: 33.3%; padding: 20px 0;}
    .sftabCon{ padding: 20px 0;}
    .sftabCon li{ flex-direction: column;}
    .sftabCon li .w50{ width: 100% !important;}
    .sftabCon li .txt{ padding: 0 20px;}
    .price_title .line{ width: 100px;}
    .price_title_text{ margin:  12px;}
    .collapse{ margin-top: 10px;}
    .collapse td, th{ font-size: 12px;}

    .caseLeft li{ padding: 12px; line-height: 1.8; margin-bottom: 15px;}
    .score{ flex-wrap: wrap;}
    .score i{ width: 100%; font-size: 14px;}
    .score span{ margin-bottom:6px;}

    .pglist{ padding: 20px 0;}

    .infodesc{ flex-wrap: wrap;}
    .infodesc>div{ flex: 1  50%; }
    .infoSwiper { flex-direction: column; padding: 10px;}
    .infoLeft{ width: 100%; height: 300px;}

    .infoRight{ width: 100%; height: 60px; margin-top: 15px;}
    .infoContect{ padding:20px 0;}

    .chat-left-img  { display: none;}
    .prev-next{ flex-direction: column;}
    .prev-next>div{ width: 100%;}
    .prev-next .text-right{ text-align: left;}
    .padding-bottom-70{ padding-bottom: 25px;}
    .score i{ margin-bottom: 5px;}
    .f18{ font-size: 13px;}
    .aboutClass{ flex-wrap: wrap;}
    .aboutClass>div{ flex: 1 33.3%; border-bottom: 1px solid #e5e5e5;}
    .aboutClass>div .icon{ display: none !important;}
    .aboutINfot{ flex-direction: column-reverse;}

    .aboutLeft{ width: 100%; margin-top: 20px;}
    .aboutRIght{ width: 100%;; margin-left:0;}

    .newsClass{ flex-wrap: wrap;}
    .newsClass a{  flex: 1 50%;}

    .news1Con{ flex-direction: column;}
    .news1 .left{ width: 100%;}
    .news1 .left .swiper-slide img{ height: 250px;}
    .news1 .left .swiper-slide .txt{ padding-bottom: 0;}
    .news1 .center{ width: 100%; margin: 15px 0;}.news1 .right{ width: 100%;}
    .news1 .right a{ display: none;}
    .news2Con{ flex-direction: column;}
    .news2Con .left{ width: 100%;}
    .news2Con .left .img{ width: 180px; height: 180px;}
    .news2Con .left .txt{ width: calc(100% - 200px);}
    .news2Con .center{ width: 100%; margin-top: 15px;}
    .news2Con .right{ width: 100%; margin-top: 15px;}
    .news2Con .right .top{ height: 180px;}

    .news3Con .top{ padding: 0 20px; padding-left: 100px;}
    .news3Con .top .search-input,.news3Con .top .btn1,.news3Con .top .btn2{ display: none;}
    .news3Con .bottom{ flex-direction:  column;}
    .news3Con .bottom .item{ width: 100%;}
    .news4Con{ flex-direction: column;}
    .news4Con .left{ width: 100%;}
    .news4Con .center{ width: 100%; margin: 15px 0;}
    .news4Con .right{ width: 100%;}
    .news4Con .right .con{ height: 250px;}

    .newslist .img{ width: 120px;}
    .newslist .img img{ width: 120px !important; height: 120px;}
    .newslist .txt{ width: calc(100% - 135px);}
    .newslist .txt  .f18{word-break: break-all;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;}
    .newslist .txt .line-clamp3 {-webkit-line-clamp:2}
    .newslist .txt span.color-888 { display: none;}

    .jiinbox{ padding: 0;}
    .jointit li{ padding: 0 15px;}
    .joincon{ padding: 15px; margin-top: 18px;}

    
    .honorlist li{ width: 48%; margin-right:2% ; margin-bottom: 20px; }
.honorlist li:nth-child(5n){ margin-right: 2%;}
.honorlist li:nth-child(2n){ margin-right: 0%;}
.w50{ width: 100% !important;}
.contactBox{ padding: 0;}
.contactBox .top{ flex-direction: column;}
.right-area{ padding: 5px 20px;}
.container-kefu{ flex-direction: column;}
.contactlink a{ margin:  10px;}
.contactlink{ justify-content: flex-start;}
.container-kefu h3{   margin:15PX 0;}
.cityinput{ padding:    8PX 15PX;}

.contstfdji{ padding: 20px ;}

.wall-column{ padding: 0;}
.article{ margin-bottom: 18px;}
.neiBan {
    margin-top: 0;
}
.banner  {
    margin-top: 0;
}
    footer .right {
        display: block;
    }
    .lr_right .lr_fl {
        width: 100%;
        float: none;
    }
    .lr_right .lr_fr {
        width: 100%;
        float: none;
        padding-top: 15px;
    }
    .lr_right .lr_fl div {
        display: inline-block;
        float: none;
    }
    .lr_right .lr_fr .w1450 {
        float: none;
    }
    .copyright {
        padding: 20px 0;
        font-size: 14px;
    }
    .parentbanner .newslist .img {
        width: 100%;
    }
    .parentbanner .newslist .txt{
        width: 100%;
    }
    .parentbanner .swiper-slide li {
        display: block;
        width: 100%;
    }
    .ModelUl li .img img {
        height: 145px;
    }
  
}

 