*{
	font-family: "微软雅黑";
}
img{
	border:0px;
}
.header1{
	position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height:50px;
    line-height:50px;
    z-index: 100;
    background:rgba(0,0,0,0.5);
    color:#fff;
}
#ten_x{
	padding-top:100px;
}
/*.header2{
	position: fixed;
	top:0;
	left: 0;
	z-index: 100;
	height:70px;
	line-height:70px;
	width: 100%;
}*/
#first-one,#first-two,#first-three,#first-four,#two,#three,#four,#seven,#last{
	position:relative;	
	overflow: hidden;
}
div.banner{
    position:absolute;
    z-index:-10;
    width:100%;
    height:100%;
    top:0px;
    left:0px;	
}
div.banner>img{
	width:100%;
	height:100%;
}

/*#first-four div.four-img{
	display:none;
}*/

#two-content{
	display:none;
}
.header3{
	/*margin-top:20px;*/
	margin-bottom:30px;
}
.header3 p{
	font-size:30px;
}
.header3 h3{
	color:#009fde;
}
.top{
	margin-top:3%;
	margin-bottom:6%;
}
#three div.div_hover{
	position:relative;
	height:100%;
	bottom:0px;
}
#second .two_img>img{
	width:80%;
}
#second div.two_img2{
	margin-top:-10%;
}
#last-onep{
	margin-top:30px;
	font-size:16px;
	color:#fff;
	line-height:30px;
}
#three .div_hover a{
	display:block;
	border-top:solid 3px #009FDE;
    position:relative;
    top:-200%;
    transform: translate(0%, -40%);
}
#news_row{
	height:100%;
}
#news_row>div:first-child ._bg{
	background:#009FDE;
}
#news_row>div:nth-child(2) ._bg{
	background:#5e904d;	
}
#news_row>div:nth-child(3) ._bg{	
	background:#5d4378;
}
#news_row>div:last-child ._bg{
	background:#1599a5;
}
#three ._bg{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height:0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background:#009FDE;
}
#three a>div{
	padding:10px 10px;
}
#three a>div{
	height:40px;
}
#three a>div>p>img{
	margin-right:5px;
}
#three a>p,#three a>h4,#three a span{
	font-family: "微软雅黑";
	color:#fff;
	font-size:14px;
	letter-spacing: 1px;
	line-height:26px;
	margin-bottom:20px;
}
#three a>p{
	height:160px;
}
#three a>h4{
	font-size:16px;
	height:52px;
}
#three a>img{
	width:100%;
	height:194px;
}

.title-header{
	top:15%;
	position:absolute;
	z-index:100;
}
#seven {
	color:#fff;
}
#seven ul li{
	font-size:16px;
	margin-bottom: 24px;
	letter-spacing:1px;
	color:#fff;
}
#seven .zx{
	font-size:18px;
	color:#fff;
	background:#126fdd;
}
#seven .wei{
	width:70%;
}
#seven .u-left{
	margin-left:2%;
}
#seven .u-left li:first-child{
    list-style-image:url(../image/adders.png);
}
#seven .u-left li:nth-child(2){
    list-style-image:url(../image/telp.png);
}
#seven .u-left li:nth-child(3){
   list-style-image:url(../image/cz.png);
}
#seven .u-left li:nth-child(4){
  list-style-image:url(../image/lj.png);
}
#seven .u-left li:nth-child(5){
  list-style-image:url(../image/dx.png);
}
#seven .u-left li:nth-child(6){
  list-style-image:url(../image/telp.png);
}
#seven .u-left li:nth-child(7){
  list-style-image:url(../image/telp.png);
}
#seven h2{
	margin-bottom:5%;
	margin-top:15%;
}
#lx-b p:first-child{
	font-size:50px;
	margin-top:20%;
	margin-bottom:20px;
}
#lx-b img,.two_img>img{
	position:relative;
	left:-120%;
}	
.d-right{
	position:relative;
	right:-150%;
}
.x{
    transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transition: all .5s linear 10ms;
}
.h{
	transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transition: all .5s linear 10ms;
}
 .product_img:hover,#one-content:hover{
      -webkit-animation:pulse 1s .2s ease both;
      -moz-animation:pulse 1s .2s ease both;}
     @-webkit-keyframes pulse{
    0%{-webkit-transform:scale(1)}
    50%{-webkit-transform:scale(1.1)}
    100%{-webkit-transform:scale(1)}
    }
    @-moz-keyframes pulse{
    0%{-moz-transform:scale(1)}
   50%{-moz-transform:scale(1.1)}
    100%{-moz-transform:scale(1)}
   }
/*移动端*****************************************************************************************************************************************/ 
 @media screen and (min-width:992px) and (max-width:1400px){
 	.header3 p{
	    font-size:22px;
    } 
} 
@media screen and (max-width:990px){
	 img.title-img{
	 	width:40px;
	 }
	 #second div.two_img2{
	    margin-top:5%;
    }
     #second div.two_img2 img{
	    width:100%;
    }
}
@media screen and (max-width:700px){
	.header2{
		position:fixed!important;
		top:0px!important;
		background:rgba(0,0,0,0.7);
	}
	.header3{
	margin-top:10px;
	margin-bottom:10px;
   }
	.header3 p{
		font-size:18px;
	}
	.header3 h3{
	  font-size:14px
    }
    div.top{
	  margin-top:3%;
	  margin-bottom:0%;
   }
   #ten_x{
	padding-top:30px;
}
    #first-two p{
	   font-size:16px;
    }
    #banner-three4{
	margin-top:90px;
    }
   #last-onep{
	margin-top:10px;
	font-size:12px;
	color:#fff;
	line-height:24px;
   }
   .top{
	   margin-top:15%;
    }
    .title-header{
	   position:static;
	   margin-top:15%;
	   margin-bottom:15%;
     }
     #news_row{
     	height:auto;
     	margin-top:10%;
     }
     #three div.div_hover{
     	position:static;
     }
    #three .div_hover a{
      top:50%;    
      margin-top:0px;
      transform: translate(0%, -40%);
   }
    #three a>p,#three a>h4,#three a span{
	   font-size:12px;
    }
   #three a>h4{
	font-size:12px;
    line-height:20px;
    }
   #seven ul.u-left{
   	width:90%;
   	margin-left:10%;
   }
    #seven ul li{
	   font-size:12px;
	   line-height:20px !important;
	   margin-bottom:8px;
	   letter-spacing:1px;
     }
    #seven p{
	   font-size:12px;
	   line-height:25px;
	   letter-spacing:1px;
    }
     #seven div img{
       width:50%;
    }
    #seven .zx,#seven h2{
	   font-size:14px;
    }
    #seven .wei{
	   width:30%;
    }
    #seven ul.u-left{
	    margin-left:8%;
    }
    #seven ul.u-left li{
    	list-style: none!important;
    }
    #seven #w-img{
    	margin-top:5%;
    }
   #lx-b img{
	width:80%!important;
	margin-left:10%;
   }	
   #lx-b{
   	margin-bottom: 24px;
   }
   .every_header h3,.title-header h3{
   	font-size:16px;
   }  
   #banner-two1{
	margin-bottom:20%;
    }
    #three a>img{
	width:100%;
	height:110px;
     }
}