body{
    font-family: Arial,Verdana, Georgia, Helvetica, sans-serif;  
    width:100%; 
    height:auto;
    margin:0px;
    padding:0px;
   
    
}
p{
    line-height: 1.3;
}

.top-main{
    border:0px solid red;
    width:100%;
    display:flex;
    flex-wrap:wrap;
    position:fixed;
    background:rgba(226, 221, 221,0.0);
    z-index:2;
}

.header-left{
    border:0px solid black;
    height:100px;
    flex:1.5;
}

.sunyo{
    margin-bottom:20px;
    color:rgb(63, 25, 235);
    font-size:xx-large;
    font-weight:900;
    padding-left:20px;
    padding-top:25px;
}

/*-- 顶部主菜单开始 --*/
.header-right{
    border:0px solid black;
    min-width:480px;
    height:100px;
    margin:0;
    padding:0;
    position:relaive;
    top:0px;
    flex:7;
}
.header-right ul{
    list-style-type: none;
    display:flex;
    width:100%;
    padding:10px; 
    position:relative;
    line-height:40px;
border:0px solid red;
    
}
.header-right ul li{
    border:0px solid red;
    flex:1;
    text-align:center;
    list-style:none;
    font-size:medium;
    font-weight:600;
  
}

.header-right a{
    text-decoration:none;
    color:blue;

}

/*--new type --*/
.second-menu:hover ul {
    display:block;
}
.second-menu>ul li:hover{
color:black;

}
.second-menu ul{
    display:none;
    background:rgba(226, 221, 221,0.5);
    border:0px solid black;
    border-radius:20px;

}

/*--new type --*/





/*--顶部主图开始---*/
.top-main-logo
{border:0px solid red;
width: 100%;

}




/*--顶部主图结束---*/



.search{
    border:0px solid blue;
    min-width:300px;
  
    color:rgb(63, 25, 235);
    flex:3;
}


.li2{
    color:rgb(63, 25, 235);
}


/*--顶部结束--*/



/*--主页产品开始--*/
.main-products{
    border:0px solid blue; 
    display:flex;
    flex-wrap:wrap;
    width:auto;
      /*--给顶部大图留出空间--*/
    background-color:rgb(71, 64, 64);
    padding:10px;
    padding-right:0px;
}

.main-product-show:hover {
    opacity:0.7;
    
}

.main-products a{
    text-decoration:none;
    color:black;

}
.main-product-show h1{
    color:black;
    background:rgba(226, 221, 221,0.3);
    margin:20px;
    border-radius:10px;
}
.main-product-show p{
    color:black;
    font-size:medium;
    background:rgba(226, 221, 221,0.3);
    margin:30px;
    border-radius:10px;
}

.main-products-excavator{
    border:0px solid red; 
    height:450px;
    background-image:url(pic/excavator-1.jpg);
    flex:1;
    background-repeat: no-repeat;
    background-position: right top;
    margin-right:10px;
   
}

.main-products-wheel-loader{
    border:0px solid red;   
    height:450px;
    background-image:url(pic/wheelloader-sy956d-2.jpg);
    flex:1;
    background-repeat: no-repeat;
    background-position: left center;
    margin-right:10px;
}
.main-products-backhoe-loader{
    border:0px solid red; 
    height:450px;
    background-image:url(pic/backhoeloader30-25-1.jpg);
    flex:1;
    background-repeat: no-repeat;
    background-position: left top;
    margin-right:10px;
}

.main-products-skid-steer-loader{
    border:0px solid red; 
    height:450px;
    background-image:url(pic/skidsteerloaderJC60-2.jpg);
    flex:1;
    background-repeat: no-repeat;
    background-position: left top;
    margin-right:10px;
}
/*--主页产品结束--*/


/*--主页介绍开始--*/
.aboutus{
    border:0px solid rgb(68, 47, 189); 
    display:flex;
    flex-wrap:wrap;
    width:auto;
    height:auto;
  
    background-color:white;
}
.aboutus h1{
    padding:10px;
    background:rgba(122, 114, 114, 0.3);
    margin:20px;
    border-radius:10px;
}
.aboutus-picture{
    border:0px solid red; 
    padding:0 10px 0 10px ;
    flex:1;
    background-image:url(pic/company-1.jpg);
    background-position:left center;
    min-height:450px;
}
.aboutus-text{
    border:0px solid red; 
    min-height:10px;
    flex:1;
    padding:0 10px 0 10px ;
  
}

.aboutus-text a {
    text-decoration:none;
    color:black;
    float:right;
    font-weight:200;
   
}


/*--主页介绍结束--*/


/*--主页检查和发开始--*/
.inspection-delivery{
    border:0px solid red; 
    display:flex;
    flex-wrap:wrap;
    width:auto;  
    
    background-image:url(pic/sdlg21.jpg)
  
}

.inspection-delivery h1{
    padding:10px;
    background:rgba(122, 114, 114, 0.3);
    margin:20px;
    border-radius:10px;
   
}

 .inspection{
    border:0px solid black; 
    flex:1;
    padding:10px;
    margin:10px;
  position:relative;
    background-color:rgba(255,255,255,0.8);
}


.inspection-box{
    position:relative;
    border:0px solid red;
    margin:0 auto;
   
    transition:all 2s;
    overflow:hidden;
}
 .inspection-picture-text{
     max-width:600px;
     color:black;
     position:absolute;
     left:15px;
     top:10px;
     font-size:large;
     font-weight:600;
     display:none;
   
 }

 .inspection-box:hover p{
     display:block;
     
 }
 .inspection-box:hover .inspection-picture {
     opacity:0.5;
     transform:scale(1.1);
     
 }

.inspection-picture{
    z-index:-1;
    border:0px solid gray;
    width:100%;
    max-width:610px;
  
}

.inspection-text{
    border:0px solid blue;
    width:250px;
   display:flex;
    height:50px;
    margin:0 auto;
    margin-top:10px;
  
}
.inspection-text a{   
    text-decoration:none;
    color:white;
       
}
.inspection-text span{
    background:gray;
   font-size:13px;
    font-weight:700;
    padding:6px;
    border-radius:10px;
   
}
.inspection-text-picture{
    flex:1; 

}

.inspection-text-country{
    margin:0 auto;
    flex:2;
    color:white;
    margin-top:4px;
}

/*--轮播功能--*/
.swiper-container{
    max-width:480px;
    overflow:hidden;
    border:0px solid blue;
    text-align:center;
    justify-content:center;
    position:relative;
    margin: 0px auto;
}
.swiper-slide{
     float:left;
     
  }
.swiper-wraper{
      width:9999px;
      animation:swiperrun 60s linear infinite;
      
  }

  .swiper-wraper:hover{
       animation-play-state:paused;

  }

  @keyframes swiperrun{
    0% {transform:translatex(0);
          }
    5% {transform:translatex(-480px);
          }
    25% {transform:translatex(-480px);
          }
    30% {transform:translatex(-960px);
          }
    50% {transform:translatex(-960px);
          }
    55% {transform:translatex(-1440px);
          }
    75% {transform:translatex(-1440px);
          }
    80% {transform:translatex(-1920px);
          }
    100% {transform:translatex(-1920px);
          }
  }


.delivery{
    border:0px solid black; 
    flex:1;
    background-color:white;
    margin:10px;
    padding:10px;
    background-color:rgba(255,255,255,0.8);
}

.delivery-line{
    display:flex;
    flex-wrap:wrap;
    border:0px solid blue;
    padding:0px ;
    background:rgba(122, 114, 114, 0.3);
    margin-bottom:20px;
}

.delivery-line-date{
    border:0px solid red;
    padding:0px;
    flex:1;
}

.delivery-line-pic-one{
    flex:1;
    border:0px solid red;
    padding:15px;
    margin:auto 0;
   
}

.delivery-line-pic-two{
    flex:1;
    border:0px solid red;
    padding:15px;
    margin:auto 0;
}


.read-more a{
    text-decoration:none;
    color:white;
}

/*--主页检查和发货结束--*/

/*--主页视频质保客户走访开始--*/
.client-visiting{
    border:0px solid red;
    width:auto;
    display:flex;
    flex-wrap:wrap;
    background-image:url(pic/visitingbackground.jpg);
    
    
    
    
}
.client-visiting-h{
    
    margin:auto auto;
    background:rgba(219, 212, 212, 0.3);
    border-radius:25px;
    width:80%;
    margin-top:10px;
    margin-bottom:10px;
   
}

.client-visiting-h a{
    text-decoration:none;
    color:white;
}
.client-visiting-box{
    border:0px solid blue;
    display:flex;
    flex-wrap:wrap;
    
    
}
.client-visiting-box-text{
    padding:10px;
    
    
}
.client-visiting-box-text a{
    text-decoration:none;
     color:white;
}
.client-visiting-box-img{
padding:10px;

}

.visiting{
  
    border:0px solid green;
    margin:10px;
    background:rgba(190, 186, 186, 0.3);
    min-width:230px;
}

.client-visiting-box-img:hover img{
    
    transform:scale(1.05);
     
}

.client-visiting-nepal{
    flex:1;
   
}
.client-visiting-kenya{
    flex:1;

}
.client-visiting-qatar{
    flex:1;
 
}
.client-visiting-tajikstan{
    flex:1;
   
}
.client-visiting-iran{
    flex:1;
  
}



/*--主页客户走访结束--*/

/*--主页质保视频开始--*/

.warranty-video{
    border:0px solid red;
   
    display:flex;
    flex-wrap:wrap;
}

.warranty{
    border:0px solid blue;
    flex:1;
    padding:10px;
    margin:10px;
    background:rgba(190, 186, 186, 0.3);

}
.warranty h1{
    padding:10px;
    background:rgba(122, 114, 114, 0.3);
    margin:10px;
    border-radius:10px;
} 


.video{
    border:0px solid blue;
    padding:10px;
    flex:1;
    margin:10px;
    background:rgba(190, 186, 186, 0.3);
}
.video h1{
    padding:10px;
    background:rgba(122, 114, 114, 0.3);
    margin:10px;
    border-radius:10px;
}



/*--视频轮播功能-*/
.swiper-container1{
    max-width:500px;
    overflow:hidden;
    border:0px solid blue;
    text-align:center;
    justify-content:center;
    position:relative;
    margin: 0px auto;

}
.swiper-slide1{
     float:left;
     
  }
.swiper-wraper1{
      width:9999px;
      animation:swiperrun1 20s linear infinite;
      
  }

  .swiper-wraper1:hover{
       animation-play-state:paused;

  }

  @keyframes swiperrun1{
    0% {transform:translatex(0);
          }
    3% {transform:translatex(-500px);
          }
    33% {transform:translatex(-500px);
          }
    36% {transform:translatex(-1000px);
          }
    66% {transform:translatex(-1000px);
          }
    69% {transform:translatex(-1500px);
          }
    100% {transform:translatex(-1500px);
          }

  }
.video-remind{
    margin:0 auto;
    border:0px solid red;
    max-width:500px;
    padding-top:10px;
}

/*--主页质保视频结束--*/
/*--主页contact开始--*/
.map-address{
    border:0px solid red;
    display:flex;
    flex-wrap:wrap;
    

}

.company-map{
    flex:1;
    padding:20px;
    border:0px solid green;
    margin:10px;
    background:rgba(190, 186, 186, 0.3);

}
.map{
    border:0px solid blue;
    width:100%;
    height:80%;
}

.address{
    flex:1;
    padding:20px;
    border:0px solid green;
    background:rgba(190, 186, 186, 0.3);
    margin:10px;
}
.address p{
    font-size:25px;
    font-weight:200;
    padding:20px;
}
/*--主页contact结束--*/

/*--主页顶部主页返回开始--*/
.homelink a{
    text-decoration:none;
    color:black;
}
/*--主页顶部主页返回结束--*/

/*--主页product开始--*/
.product{
border:0px solid red;
display:flex;
flex-wrap:wrap;
background:rgba(226, 221, 221,0.4);

}

.product-left{
    flex:1;
    border:0px solid blue;
    position:relative;
    margin:10px;

}
.product-left a{
    text-decoration:none;
    color:black;
      
}

.product-left ul{
    list-style-type: none;
    border:0px solid green;
    padding:10px;
    background:white;
}
.product-left li{
    padding:5px;
   
}

.model{
    border:0px solid gray;
    border-radius:0px;
    display:none;
    background-color:white;
    left:50%;
    position:absolute;
}
.model li{
    border:0px solid red;
    margin-left:-20px;
    background-color:rgba(85, 85, 87,0.3);
    padding:3px;
    color:white;
    width:100px;
}
.product-left li{
    margin:10px;
    border:0px solid yellow;
    background:rgba(85, 85, 87,0.3);
}
.product-left li:hover .product-left li {
    background:yellow;

}
.product-left li:hover .model{
    display:block;
 
    
}

.product-right{
    flex:4;
    border:0px solid blue;
}

.product-contact{
    border:0px solid green;
    padding:10px;
    background:white;
   
}

/*--主页product-wheel loader--*/
.product-main{
    display:flex;
    flex-wrap:wrap;

}

.product-model{
    border:0px solid red;
    width:230px;
    margin:7px;
    background:white;
    padding:10px;
}
.product-model a{
    text-decoration:none;
    color:black;
}
.product-model-img:hover img{
    transform:scale(2);
}
.homelink{
    position:relative;
    margin-top:-68px;
    padding-left:30px;
}
/*--主页product结束--*/

/*--主页product分型号产品开始--*/
.product-main{
    border:0px solid red;
    display:flex;
    flex-wrap:wrap;
    padding:10px;
    background-color:white;
    margin-top:26px;

}
.product-right{
    text-align:center;
}
.product-model{
    border:1px solid grey;
    min-width:190px;
    max-width:224px;
}

.product-main-picture{
    border:0px solid blue;
    flex:1;
    padding:10px;
    padding-top:0px;
}

.product-main-data{
    border:0px solid blue;
    flex:1;
    padding:10px;
}

.product-main-data-text{
    border-left:2px solid yellow;
    padding:10px;
}


/*--主页product分型号产品-滑动开始--*/
.slidershow
{
  width: 500px;
  height: 500px;
  overflow: hidden;
}

.navigation
{
  position: relative;
  bottom: 0px;
  left: 30%;
  transform: translateX(-10%);
  display: flex;
  margin-top:40px;

}
.bar
{
  width: 90px;
  height: 67px;
  border: 0px solid red;
  margin: 6px;
  cursor: pointer;
  transition: 0.4s;

}
.bar img{
    width:100%;
}
.bar:hover img
{
  
  transform:scale(1.2);
}
input[name="r"]
{
  visibility: hidden;
  position: absolute;
}
.slides
{
  width: 300%;
  
  display: flex;
}
.slide
{
  width: 33.33%;
  transition: 0.6s;
}
.slide img
{
  width: 100%;
  height: 100%;
}
#r2:checked ~.s1
{
  margin-left: -33.33%;
}

#r3:checked ~.s1
{
  margin-left: -66.66%;
}
/*--主页product分型号产品-滑动结束--*/
/*--主页product分型号产品-主目录--*/
.product-main-menu{
    border:0px solid blue;
    width:auto;
    display:flex;
    flex-wrap:wrap;
    padding:20px;
   background:rgba(85, 85, 87,0.2);
}
.pmm a {
    text-decoration:none;
    color:black;
}

.pmm{
    flex:1;
    border:0px solid green;   
    justify-content:center;
    
}

.pmm2 {
    
    text-align:center;
   
    background-color:white;
    margin:0 10px 0 10px;
    font-size:25px;
    border-radius:10px;
}
.pmm3 {
    text-align:center;
    background-color:white;
    margin:0 10px 0 10px;
    font-size:25px;
    border-radius:10px;
}
/*--主页product分型号产品-主目录 产品描述--*/
.product-main-description{
    border:0px solid red; 
    padding:10px;
    width:auto;
    height:auto;

}
.pmd1{  
    border:0px solid green; 
    padding:20px;
    display:flex;
    flex-wrap:wrap;
}
.pmd11{
    border:0px solid gray; 
    padding:10px;
    margin:10px;
    background-color:rgba(226, 221, 221,0.6);
    border-radius:10px;
    font-weight:500;
    font-size:18px;
}

.pmdh1{
    text-align:center;
    font-size:30px;
    font-weight:700;
    border:0px solid gray;
    border-radius:20px;
    background-color:rgba(85, 85, 87,0.2);
    padding:10px;
}

/*--主页product分型号 主目录 参数--*/
.parameter{
    border:0px solid gray;
    padding:10px;
    display:flex;
    flex-wrap:wrap;
     justify-content:space-around;
}

.parameter-box1{
    background-color:rgba(226, 221, 221,0.4);
    text-align:center;
    width:210px;
    border:px solid gray;
    margin:2px;
}
.pb{
    border:0px solid rgba(226, 221, 221,0.4);
    padding:10px;
}
/*--主页product分型号 主目录 order procee--*/

.process-box{
    border:0px solid blue;
    display:flex;
    flex-wrap:wrap;
    align-content:space-between;
    margin-top:20px;
    margin-bottom:20px;
    padding-left:10px;
}
.process-box1{
    border:0px solid green;
    border-radius:10px;
    width:190px;
    padding:10px;
    margin:3px;
    background-color:rgba(226, 221, 221,0.4);
   
    
}


/*--主页热线开始--*/
.hotline{
    border:0px solid red; 
    position:relative;
    width:100%;
    min-height:200px;
    background-image:url(pic/hotline-1.jpg);
    background-position:center;
    margin-top:-30px;
}

#hotline-text{
   color:rgb(37, 33, 33);
   font-size:40px;
   padding-left:10%;
   padding-top:4%;


}

.botton1{
    
    position:absolute;
    left:80%;
    width:auto; 
    top:50%;
    
}
.botton1 a{
    text-decoration:none;
    color:gray;
}
.botton1 p{
    color:white;
    font-size:medium;
    font-weight:700;
    font-style:verdana;
    background-color:gray;
    padding:10px;
    border:1px solid red; 
    border-radius:20px;
}
/*--主页热线结束--*/

/*--主页页底开始--*/
#footer{
    border:0px solid red; 
    width:auto;
    display:flex;
    flex-wrap:wrap;
    background-color:rgb(22, 19, 19);
   
}

.footer{
    border:0px solid yellow; 
    margin:20px;
    padding:20px;

}

.footer h1{
    color:white;
}

.footer p{
    color:gray;
}

.footer-aboutus{ 
    flex:2;
    
}
.footer-linklist{ 
    flex:1;
 
}
.footer-hotproducts{
    flex:2;
}
.footer-contact{  
    flex:2; 
}

.footer-list li{
    margin-left:-40px;
    display:block; 
   
}
.footer a{
    text-decoration:none;
}