@media (max-width: 1600px) {
 html { overflow-x:hidden;
 transform:scale(0.9,0.9);
height: 100%;
width:100%;
 } 
}
 @media (min-width: 1600px) {
 html { overflow-x:hidden;
height: 100%;
width:100%;
 } 
}
		 

 .global{
  text-align: center; 
  width:100%;
  height:100%;
 }
.header{
    width: 100%;
    height: 100px;
    position: relative;
}
 
.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;
}
.pictureOne{
  display: block;
   height:900px;
    background-image:url(../images/homepage1.jpg);
	background-repeat: no-repeat;
   border: 1px solid #7AB7AF;
   background-size:100% 100%;
}
.P1{
   width:600px;
   height:30px;
	margin: 280px 0px 0px 30%;
	display: block;
   font-weight:bold;
   font-size:25px;
}
.P2{
   width:600px;
   height:30px;
	margin: 0px 0px 0px 28%;
	display: block;
	
   position:absolute;
}
.result{
		width: 100px;  
        padding:8px;  
		display: block;
        background-color: #54CCCD;  
        border-color: #357ebd;  
        color: #fff;  
        border-radius: 10px; /* future proofing */  
        text-align: center;  
        vertical-align: middle;  
        border: 1px solid transparent;  
        font-size:13px;  
		margin:40px 0px 0px 38%;
}
.result:hover {
    color:#762E2E;
}
.pictureTwo{
   width:100%;
   height:800px;
    background-image:url(../images/homepage2.jpg);
	background-repeat: no-repeat;
   background-size:100% 100%;
    border-TOP: 1px solid #7AB7AF;
	border-left: 1px solid #7AB7AF;
	border-right: 1px solid #7AB7AF;
	
}
.P3{
display: block;
    width:100px;
	height:20px;
    margin:20px 0px 0px 27%;
	font-weight:bold;
	 font-size:20px;  
   color:#F4F2F5;
}
.P4{
	display: block;
    width:160px;
	height:20px;
	margin:30px 0px 0px 26%;
	font-weight:bold;
	 font-size:20px;  
   color:#F4F2F5;
}
.P5{
	display: block;
    width:570px;
	height:280px;
	margin:30px 0px 0px 10%;
   font-size:17px;  
   color:#F4F2F5;
}
.pictureThree{
   width:100%;
   height:1000px;
   background-color:#FBFCFD;
   background-size:100% 100%;
}
.P6{
position:absolute;
   width:200px;
   height:100px;
margin:1780px 0px 0px 45%;
z-index:9999;
font-size:30px;
text-align: center; 
}



.tech-slideshow {
  top:180px;
  height: 130px;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  border-bottom: 2px groove #D9D9D9;
}

.tech-slideshow > div {
  height: 200px;
  width: 6000px;
  background: url(../images/Lunbo.jpg);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  transform: translate3d(0, 0, 0);
}
.tech-slideshow .mover-1 {
  animation: moveSlideshow 60s linear infinite;
}
.tech-slideshow .mover-2 {
  opacity: 0;
  transition: opacity 0.5s ease-out;
  background-position: 0 -200px;
  animation: moveSlideshow 20s linear infinite;
}
.tech-slideshow:hover .mover-2 {
  opacity: 0;
}

@keyframes moveSlideshow {
  100% { 
    transform: translateX(-66.6666%);  
  }
}

.Xinwen{
  font-size:18px;
  margin:240px 0px 0px 66%;
  width:100px;
  height:30px;
 display: block;
 font-weight:bold;
}
.Xinwenbr{
   font-size:18px;
  margin:0px 0px 0px 64%;
  width:200px;
  height:30px;
 display: block;
 font-weight:bold;
}
.XinwenZixun{
	position:absolute;
	z-index:9998;
  height: 360px;
  width: 310px;
  top:2550px;
  left:20%;
   background: url(../images/Xinwen.png);
	background-repeat: no-repeat;
}
.XinwenZixun a{
    font-size:18px;
  margin:170px 0px 0px 170px;
  width:20px;
  height:100px;
 display: block;
 font-weight:bold;
}
.XinwenXiangxi{
  height: 280px;
  width: 600px;
  border: 3px groove #D9D9D9;
  margin-left:55%;
}
.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;
}