.head{
		width: 100%;
		height: 100px;
		background: black;
		position: relative;
}
.head .head-logo{
	width: 15%;
	height: 100%;
	float: left;
	 
	margin-left: 10%;
}
.head .head-logo img{
	margin-top: 10px;
}
.head .head-ul{
	float: left;
	width: 40%;
	height: 100%;
 
	margin-left: 35%;
}
.head .head-ul li{
	float: left;
	line-height: 100px;
	margin-left: 65px;
}
.head .head-ul li a{
	color: white;
	transition:background 2s;
}
.head .head-ul li a:hover{
	color: red;
}
.head .list-1{
	width: 300px;
	height: 200px;
	background: #404040;
	position: absolute;
	left: 62%;
	top: 100px;
	display: none;
	line-height: 23px;
	color: white;
	 
}
.head .list-1 img{
	width: 100%;
}
.head .list-2{
		width: 300px;
	height: 200px;
	background: #404040;
	position: absolute;
	left: 72%;
	top: 100px;
	display: none;
	line-height: 23px;
	 
}
.head .list-2 img{
	width: 100%;
	 
}
 

/* 关于罗迪欧 */
.about-ldo{
	height: 800px;
	width: 100%;
	background: black;
	color: white;
}

.about-ldo .main-1{
	width: 90%;
	height: 100%;
 
	margin-left: 10%;
}
.about-ldo .left-in-ab{
	width: 50%;
	height: 100%;
	 
	color: white;
	float: left;
}
.about-ldo .title-1{
	margin-top: 80px;
	font-size: 25px;
} 
.horizontal-bar{
	font-size: 15px;
	margin-top: 5px;
}
.horizontal-bar{
	height: 5px;
	width: 100px;
	background: #da0072;
	margin-top: 5px;
}
.about-ldo .main-1 .left-in-ab .p-1{
	margin-top: 30px;
	font-size: 14px;
	width: 75%;
	line-height: 30px;
}
.about-ldo .main-1 .left-in-ab .p-2{
	margin-top: 50px;
		font-size: 14px;
		width: 75%;
		line-height: 30px;
}
.about-ldo .main-1 .left-in-ab .p-3{
	margin-top: 50px;
	font-size: 14px;
	width: 75%;
	line-height: 30px;
}
.about-ldo .main-1 .left-in-ab .p-4{
	margin-top: 50px;
	font-size: 14px;
	width: 75%;
	line-height: 30px;

}
.about-ldo .main-1 .more-larn{
	width: 70px;
	height: 20px;
	background: #da0072;
	margin-top: 75px;
	line-height: 20px;
	text-align: center;
}
.about-ldo .main-1 .more-larn a{
	color: white;
    font-size: 14px;
}
.about-ldo .main-1 .right-in-ab{
	float: left;
	width: 50%;
	height: 100%;
	 
}
.about-ldo .main-1 .right-in-ab img{
	width: 100%;
	height: 100%;
}
/* 产品中心开始 */
.cp-center{
	width: 100%;
	height: 830px;
 
}
.cp-center .cp-top{
	width: 100%;
	height: 25%;
 
	text-align: center;
}
.cp-center .title-1{
	margin-top: 30px;
	font-size: 23px;
}
.cp-center .eng-in-cp{
	font-size: 12px;
	margin-top: 5px;
}
.hg-1{
	width: 60px;
	height: 5px;
	background: #da0072;
	margin-left: 48.2%;
	margin-top: 10px;
}
.cp-center .cp-body{
	width: 100%;
	height: 75%;
 
	
}
/* 产品中心下的轮播图 */
 
    .swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
/* 罗帝欧大图*/
.ldo-1{
	width: 100%;
	height: 500px;
	 
}
.ldo-1 img{
	width: 100%;
	height: 100%;
}
/* 新闻 */
.news{
	width: 100%;
	height: 970px;
  
}
.news .news-top{
	width: 100%;
	height: 20%;
 
	text-align: center;
}
 .news .news-top .cn{
	 font-size: 25px;
	 margin-top: 30px;
 }
 .news .news-top .gw{
	 font-size: 14px;
 }
 .news .hg-1{
	 width: 30px;
	 height: 4px;
	 
	 margin-left: 49%;
	 margin-top: 10px;
 }
 .news .news-text{
	 width: 100%;
	 height: 80%;
	
	 
 }
 .news .news-text .left-text-in-news{
	 width: 40%;
	 height: 100%;
	
	 float: left;
	 margin-left: 10%;
 }
 .news .news-text .right-text-in-news{
	 width: 40%;
	 height: 100%;
	
	 float: left;
 }

 .news .list-1-in-news{
	 width: 100%;
	 height: 28%;
	
 }
 .news .list-1-in-news .left-img-box{
	 width: 50%;
	 height: 100%;
	 
	 float: left;
 }
 .news .list-1-in-news .left-img-box img{
	 width: 100%;
	 height: 100%;
 }
 .news .one-list-in-news .right-text-box{
	 float: left;
	 width: 50%;
	 height: 100%;
 }
 .news .list-1-in-news .right-text-box p{
	 font-size: 18px;
	 font-weight: bold;
	 text-align: center;
 }
 .news .list-2-in-news{
	 width: 100%;
	 height: 30%;
	 
	 line-height: 28px;
 }
 
  
 /* 底部 */
 .bottom{
	 width: 100%;
	 height: 305px;
	 background: black;
	 color: white;
 }
 .bottom .one-list-in-bottom{
	 float: left;
	 width: 30%;
	 height: 100%;
	 
	 margin-left: 10%;
 }
 .bottom .two-list-in-bottom{
	 float: left;
	 width: 20%;
	 height: 100%;
 
 }
 .bottom .three-list-in-bottom{
	 float: left;
	 height: 100%;
	 width: 20%;
	 
 }
 .bottom .three-list-in-bottom li{
	 line-height: 30px;
 }
 .bottom .logo-bottom{
	 width: 90%;
	 height: 65px;
	 margin-top: 30px;
 }
 .bottom .chinese{
	 font-size: 30px;
	 margin-top: 10px;
 }
 .bottom .english{
	 font-size: 14px;
	 margin-top: 5px;
 }
 .bottom .dhj{
	 width: 220px;
	 height: 120px;
	 
 }
 .qr-box{
	 width: 100px;
	 height: 100px;
	 
	 float: left;
	 margin-top: 115px;
	 margin-left: 150px;
 }
 .qr-box img{
	 width: 100%;
	 height: 100%;
 }
 
 
 