html{
	overflow-x:hidden;
}
.header{
    width: 100%;
    height: 100px;
}
 
.container{
    width: 100%;
    height: 20px;
    margin: 0 auto;
}
 
.header .logo{
    float: left;
    margin-top: 15px;
	margin-left:0px;
}
 
.logo a{
    display: block;
    width: 60px;
}
 .logos{
      float: left;
    margin-top: 30px;
	color:#0795A0;
	font-weight:bold;
 }
.header .list{
    width: 1400px;
    height: 50px;
	 display: block;
	 margin:10px  0px  0px 20%;
	 font-size:19px;
}
 
a{
    text-decoration: none;
	color:#000;
}
 
.header li{
    float: left;
    list-style: none;

}
 
.list li{
    padding: 0px 70px 10px 35px;
    display: block;
    position: relative;
    transition: 0.2s all linear;
    cursor: pointer;
}
.list li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    width: 0;
    height: 100%;
    border-bottom: 2px solid #54CCCD;
    transition: 0.2s all linear;
}

.list li:hover::before {
    width: 80%;
    top: 0;
    left: 0;
    transition-delay: 0.1s;
    border-bottom-color: #54CCCD;
    z-index: -1;
}

.list li:hover ~ li::before {
    left: 0;
}

.list li:active {
    color: #54CCCD;
}
.pd  a{
	color:#54CCCD;
}
.pictureOne{
	width:100%;
   height:600px;
    background-image:url(../images/ProductDisplay1.png);
	background-repeat: no-repeat;
   background-size:100% 100%;
}
.pdd1{
	width:400px;
	height:250px;
	background-image:url(../images/ProductDisplay2.png);
	background-repeat: no-repeat;
	border: 1px solid #7AB7AF;
	background-size:100% 100%;
	position:absolute;
	z-index:9998;
	top:300px;
	left:50px;
}
.pdd2{
	width:400px;
	height:250px;
	background-image:url(../images/ProductDisplay3.png);
	background-repeat: no-repeat;
	border: 1px solid #7AB7AF;
	background-size:100% 100%;
	position:absolute;
	z-index:9999;
	top:190px;
	left:300px;
}
.a1{
	border-radius:20px;
	text-align:center;
	padding-top:1px;
    position:relative;
	left:1030px;
	top:130px;
	width:380px;
	height:50px;
	 border: 1px solid #7AB7AF;
	COLOR:#C0C0C0;
	 display: block;
	 font-size:30px;
	 font-weight:bold;
	 background-color:#D9EAEA;
	 opacity:0.8;
}
.a2{
	text-align:center;
	padding-top:1px;
    position:relative;
	left:959px;
	top:140px;
	 width:500px;
	 height:50px;
	  COLOR:#808080;
	 display: block;
	 font-size:17px;
}
.a3{
	text-align:center;
	padding-top:1px;
    position:relative;
	left:900px;
	top:160px;
	 width:500px;
	 height:50px;
	 display: block;
	 font-size:30px;
	 font-weight:bold;
}
.a4{
 background: url(../images/logos.png);
	background-repeat: no-repeat;
  width:70px;
  height:60px;
 display: block;
  background-color:#red;
	background-size:100% 100%;
	position:absolute;
	z-index:9999;
	top:490px;
	left:950px;
}
.a5{
	text-align:center;
	padding-top:1px;
	 width:500px;
	 height:50px;
	 display: block;
	 font-size:30px;
	 margin-left:1000px;
	 margin-top:230px;
	 color:#66CDAA;
	 
}
.pictureTwo{
   height:300px;
   width:100%;
   border: 1px solid #FFFFF;
}
.pdd3{
	width:1100px;
	height:250px;
	background-image:url(../images/ProductDisplay4.png);
	background-repeat: no-repeat;
	background-size:100% 100%;
	margin-left:18%;
}
.pdd3 a{
	text-align:center;
	padding-top:1px;
	 width:500px;
	 height:50px;
	 display: block;
	 font-size:30px;
	 margin-left:260px;
	 margin-top:30px;
	 color:#FFFFFF;
}
.pictureThree{
   height:500px;
   width:100%;
  background-color:#D3D3D3;
  border:1px solid #D3D3D3;
}
.pdd4{
	width:600px;
	height:400px;
	background-image:url(../images/ProductDisplay5.png);
	background-repeat: no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:40px;
	top:1100px;
}
.pictureThree p{
	text-align:center;
    position:relative;
	 width:500px;
	 height:50px;
	 display: block;
	 font-size:30px;
	 font-weight:bold;
	 margin-left:1000px;
}
.pdd5{
    position:relative;
	 width:600px;
	 height:50px;
	 display: block;
	 font-size:30px;
	 font-weight:bold;
	 margin-left:980px;
}
.pdd6{
    position:relative;
	 width:600px;
	 height:50px;
	 font-size:20px;
	 display: block;
	 margin-left:1000px;
}
.pictureFow{
	height:500px;
   width:100%;
  border:1px solid #green;
}
.pictureFow p{
	text-align:center;
    position:relative;
	 width:500px;
	 height:50px;
	 display: block;
	 font-size:30px;
	 font-weight:bold;
	 margin-left:80px;
	 margin-top:150px;
}
.pdd7{
    position:relative;
	 width:600px;
	 height:50px;
	 display: block;
	 font-size:30px;
	 font-weight:bold;
	 margin-left:60px;
}
.pdd8{
    position:relative;
	 width:600px;
	 height:50px;
	 font-size:20px;
	 display: block;
	 margin-left:80px;
}
.pdd9{
	width:600px;
	height:400px;
	background-image:url(../images/ProductDisplay6.png);
	background-repeat: no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:940px;
	top:1700px;
}
.pictureFiv{
   height:500px;
   width:100%;
  background-color:#D3D3D3;
  border:1px solid #D3D3D3;
}
.pdd10{
	width:600px;
	height:400px;
	background-image:url(../images/ProductDisplay7.png);
	background-repeat: no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:40px;
	top:2230px;
}
.pictureFiv p{
	text-align:center;
    position:relative;
	 width:500px;
	 height:50px;
	 display: block;
	 font-size:30px;
	 font-weight:bold;
	 margin-left:1000px;
}
.pdd11{
    position:relative;
	 width:600px;
	 height:50px;
	 display: block;
	 font-size:30px;
	 font-weight:bold;
	 margin-left:980px;
}
.pdd12{
    position:relative;
	 width:600px;
	 height:50px;
	 font-size:20px;
	 display: block;
	 margin-left:1000px;
}
.pictureSix{
	height:500px;
   width:100%;
  border:1px solid #green;
}
.pictureSix p{
	text-align:center;
    position:relative;
	 width:500px;
	 height:50px;
	 display: block;
	 font-size:30px;
	 font-weight:bold;
	 margin-left:80px;
	 margin-top:150px;
}
.pdd13{
    position:relative;
	 width:600px;
	 height:50px;
	 display: block;
	 font-size:30px;
	 font-weight:bold;
	 margin-left:60px;
}
.pdd14{
    position:relative;
	 width:600px;
	 height:50px;
	 font-size:20px;
	 display: block;
	 margin-left:80px;
}
.pdd15{
	width:600px;
	height:400px;
	background-image:url(../images/ProductDisplay8.png);
	background-repeat: no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:940px;
	top:2860px;
}

.End{
  height: 100px;
  width: 100%;
  background-color:#D9D9D9;
  padding:20px 0px 0px 40px;
   border-top: 3px groove #D9D9D9;
}
.pictureZS1{
  margin:200px 0px 0px 30%;
 background: url(../images/9.png);
	background-repeat: no-repeat;
  height: 130px;
  width: 100%;
}
.number{
margin:0px  0px 0px 30%;
  height:30px;
 display: block;
  font-size:16px;
  position:relative;
}
.LogoEnd{
 background: url(../images/logos.png);
	background-repeat: no-repeat;
  width:33px;
  height:29px;
 display: block;
  background-color:#red;
  margin:10px 0px 0px 20px;
}
.logoEnds{
margin:-60px 0px 0px 60px;
 width:60px;
  height:15px;
 display: block;
  font-size:15px;
}
.BeiZhu{
margin:13px 0px 0px 20px;
	 width:200px;
  height:15px;
 display: block;
  font-size:15px;
}