.img1 {
    width: 100%;
    height: 718px;
    background-color: red;
    background-image: url(../img/first_ship.jpg);
    background-size: 100% 100%;
  }
  .art {
    width: 1144px;
    height: 718px;
    margin: 0 auto;
  }
  .fat {
    height: 260px;
    padding-top: 233px;
  }
  .first {
    width: 700px;
    height: 40px;
    font-weight: 300;
    font-size: 36px;
    color: #ffffff;
    margin-left: 6px;
    
  }
  .second {
    height: 80px;
    margin-top: 30px;
    font-size: 72px;
    color: #ffffff;
  }
  .third {
    height: 80px;
    margin-top: 30px;
    font-size: 72px;
    color: #ffffff;
  }
  .Company {

    width: 100%;
    height:auto;
    padding:  100px 0;
  }
  .Company_1 {
    width: 1144px;

    margin: 0 auto;display: flex;
  }
  .brief {
   

    height: 100%;
  }
 
  p {
    text-indent: 2em;
    font-size: 17px;
    margin-right: 15px;
  }
  .company_img {
    float: right;
    
    width: 670px;
     margin:auto;

    
  }
  .company_img img {

    background-size: 100% 100%;
  }
  .OurServices{
  width: 100%;
  height: 715px;
    background: #f6f5fa;
  }
  .OurServices-center{
    width: 1310px;
    /* width: 1144px; */
    height: 715px;
    margin: 0 auto;
  
  }
  .OurServices-top{
    width: 100%;
    height: 204px;
    position: relative;
    text-align: center;
     line-height: 204px;
  }
  .OurServices-top-title{
    width: 200px;
   position: absolute;
   top: 100px;
   left: 200px;
   right: 0;
   bottom: 0;
   margin: auto;
   font-size: 35px;
  }
  .OurServices-bottom{
    width: 1310px;
    /* width: 1144px; */
    height: 408px;
    /* position: relative; */
    /* border: 1px solid black;s */
    /* overflow: hidden; */
    display: flex;
    justify-content:space-between ;
  }
  /* .OurServices-bottom ul{
    margin: 0;
    padding: 0;
    position: absolute;
    width: 1310px;
    height: 410px;
    
  } */
  .OurServices-bottom li{
    list-style: none;
    float: left;
    width: 262px;
    height: 408px;
    margin-top: 5px;
    position: relative;

  }
  .icon_1{
  position: absolute;
  top: 195px;
  left: 85px;
  display: block;
  z-index: 999;
  width: 95px;
  height: 95px;
  }
  .icon_2{
  position: absolute;
  top: 195px;
  left: 85px;
  width: 95px;
  height: 95px;
  }
  .icon_1:hover{
    display:none;
  }
  .icon_3{
  position: absolute;
  top: 195px;
  left: 85px;
  display: block;
  z-index: 999;
  width: 95px;
  height: 95px;
  }
  .icon_4{
  position: absolute;
  top: 195px;
  left: 85px;
  width: 95px;
  height: 95px;
  }
  .icon_3:hover{
    display:none;
  }
  .icon_5{
  position: absolute;
  top: 195px;
  left: 85px;
  display: block;
  z-index: 999;
  width: 95px;
  height: 95px;
  }
  .icon_6{
  position: absolute;
  top: 195px;
  left: 85px;
  width: 95px;
  height: 95px;
  }
  .icon_5:hover{
    display:none;
  }
  .icon_7{
  position: absolute;
  top: 195px;
  left: 85px;
  display: block;
  z-index: 999;
  width: 95px;
  height: 95px;
  }
  .icon_8{
  position: absolute;
  top: 195px;
  left: 85px;
  width: 95px;
  height: 95px;
  }
  .icon_7:hover{
    display:none;
  }
  .button_1{
    z-index: 9999;
    background-color: #ffffff;
    width: 115px;height: 53px; border-radius:  10px;margin-left: 75px;margin-top: 15px;
  }
  .button_1:hover{
  background-color: #d72828;  
  color: #ffffff;
  border:none;
  }

  .logoes{
    width: 100%;
    height: 572px;
    background-image: url(../img/img_5.jpg);
    background-size: 100% 100%;
  }
  .commoditylogo{
  width: 1144px;
  height: 572px;
  margin: 0 auto;
  position: relative;
  }
  .logoFat{
    display: flex;
    width: 1144px;
    height: 268px;
    justify-content:space-between ;
    flex-wrap: wrap;
    position: absolute;
    top: 200px;
  }
  .logoFat li{
    list-style: none;
    width: 18%;
    height: 106px;
    background-color: white;
    border-radius:10px ;
	text-align: center;
  }
  .echarg{
    width: 100%;
    height: 850px;
    background-color: #f6f5fa;
  }
  .map{
    width: 1144px;
    height: 850px;
    margin: 0 auto;
  }
  .map_china{
    height: 646px;
    width:1144px ;
    display: flex;
  }
  .map-left{
    width: 820px;
    height: 646px;
  }
  .map-right{
    width: 324px;
    height: 646px;
  }
  .map-right ul li:hover{
    color: red;
  }
  .ourworld{
    width: 100%;
    height: 790px;
    background-color: #f6f5fa;
  }
  .ourworld_center{
    width:100%;
    height: 790px;
    margin: 0 auto;
  }
  .OurServices-top-title1{


    right: 0;
    bottom: 0;
    margin: auto;
    font-size: 40px;
    font-weight: 550;
  }
  .OurServices-top-title2{
 text-align: center;
 line-height: 204px;
   
    right: 0;
    bottom: 0;
    margin: auto;
    font-size: 35px;
  }
  .OurServices-top-title3{
  
  
    right: 0;
    bottom: 0;
    margin: auto;
    font-size: 35px;
  }
  .OurServices-top-title4{
  
    left: 0px;
    right: 0;
    bottom: 0;
    margin: auto;
    font-size: 35px;
  }
  .pic1{
    width: 1144px;
    height: 470px;
    display: flex;
    margin:0 auto;
    justify-content:space-between ;
  }

  
  
 .pic_1{
     width: 360px;
    height: 470px;
    border-radius: 10px;
 
    background-color: #fff;
 box-shadow: 0 0 15px rgb(0 0 0 / 5%);
 margin-bottom: 30px;
 border-radius: 5px;

 border: 1px solid #f1f1f1;
 text-align: center;
}

.pic_1 img{

 border-radius: 5px  5px 0 0;


}

.default-btn{

 margin: 10px auto;
 border-radius: 10px;


display: inline-block;
 padding: 12px 32px;
  color: #1e1e1e;
 text-align: center;
 position: relative;
 overflow: hidden;
 z-index: 1;
 border: 2px solid #000;

}

  .button_1:hover {
    background-color: #d72828;
    color: #ffffff;
  }
  
  
.default-btn::before {
	content: "";
	position: absolute;
	z-index: -1;
	height: 100%;
	left: -36%;
	top: 0;
	-webkit-transform: skew(50deg);
	transform: skew(50deg);
	-webkit-transition-duration: .6s;
	transition-duration: .6s;
	-webkit-transform-origin: top left;
	transform-origin: top left;
	width: 0
}

.default-btn:hover {
	color: #fff!important;
	 border: none;
}

.default-btn:hover:before {
	height: 100%;
	width: 135%;
	background-color:  #d72828;}
  .fooder{
    width: 100%;
    height: 68px;
    background-color: #d72828;
    text-align: center;
    line-height: 68px;
    color: white;
}
a{
  text-decoration: none;
  color: inherit; 
}


.map-right  ul li a:hover {
	height: 100%;
	width: 135%;
	
	    font-weight: bold;

 
	
	}

.map-right  ul li:hover {
	 border-bottom: 1px solid red;
	
	}
	
.map-right  ul li a:hover::after {
width: 8px;
height: 8px;
border-top: 2px solid;
border-right: 2px solid;
border-color: red;
content :'';
position: absolute;
margin-top:6px;
margin-left:8px;
transform: rotate(45deg) ;
   font-weight: bold;

	}