@charset "utf8";
body{
margin:0;
padding:0;
font-family: 微软雅黑;
}
/*top部分css*/  
#top{
width:100%;
height:40px;
background-color:rgba(25,25,25,0);
z-index:1;
border-bottom: 1px solid rgba(239,239,239,.3);
}
.top_fixed{
position:fixed;
}
/*导航栏部分css*/  
#right{
width:100%;
height:40px;
position:absolute;
top:0px;
z-index: 2;
border-bottom: 1px solid rgba(239,239,239,.3);
}
.right_fixed{
background:#3a9dca;
box-shadow:0px 0px 5px #888;

}
#right_ul {
width:100%;
margin-right:40px;
position:absolute;
top:-1px;
right:0px;
margin-top:0px;
margin-bottom:0px;
}
.right_ul_li{
list-style-type:none;
float:right;
color:#fff;
font-size:15px;
}
.display{
 background-color:#fff;
 color:#000;
}
.right_ul_li_dis{
list-style-type:none;
float:right;
font-size:15px;
}
.right_ul_li_dis a{
 display:block;
 width:100px;
 text-align:Center;
 padding:11px 0px;
}
.display_a{
 color:#fff;
}
.display_a:hover{
 background-color:#fff;
 color:#000;
 transition:all 0.3s;
}
.right_ul_li a{
 color:#fff;
 display:block;
 width:100px;
 text-align:Center;
 padding:11px 0px;
}
.right_ul_li_1_ul a{
 display:block;
 width: 110px;
 text-align:left;
 padding:12px 20px;
 color:#fff;
}
.right_ul_li a:hover{
 background-color:#fff;
 color:#000;
 transition:all 0.3s;
}
.rightul_1,.rightul_2,.rightul_3,.rightul_4,.rightul_5{
 position:absolute;
 top:42px;
 padding:0px;
 background-color:#00a4ff;
 display:none;
}


/*导航栏自适应部分*/
@media all and (min-width:1800px){
.right_ul_li:hover .rightul_5{
 transition:all 0.5s;
 height:50px;
}
.right_ul_li:hover .rightul_4{
 transition:all 0.5s;
 height:227px;
}
.right_ul_li:hover .rightul_3{
 transition:all 0.5s;
 height:157px;
 opacity:1;
}
.right_ul_li_dis:hover .rightul_3{
 transition:all 0.5s;
 height:157px;
 opacity:1;
}
.right_ul_li:hover .rightul_2{
 transition:all 0.5s;
 height:181px;
 opacity:1;
}
.right_ul_li:hover .rightul_1{
 transition:all 0.5s;
 height:317px;
 opacity:1;
}
}
.right_ul_li_1_ul li{
list-style-type:none;
color:#fff;
font-size:15px;
}
.right_ul_li_1_ul a:hover{
 background-color:#fff;
 color:#000;
 transition:all 0.5s;
}
/*导航栏部分css end*/  

#left{
  width:120px;
  position:absolute;
  top:4px;  
  left:100px;
  z-index: 2;
}
#left img{
height:33px;
}
/*main部分css*/
#main{
width:100%;
position:relative;
top:-40px;
z-index:0;
}
 #bg{
 width:100%;
 height:390px;
}
.main_text{
 width:400px;
 position:absolute;
 top:100px;
 left:50px;
}
.main_text h3{
   font-size:22px;
   color:#fff;
   text-align:center;
   margin-bottom:0px;
 }
 .main_text div{
   font-size:16px;
   color:#fff;
   line-height:28px;
   text-indent:32px;
   margin-top:13px;

 }
/*
#main_bottom{
 width:100%;
 height:100px;
 position:absolute;
 top:82.6%;
 background-color:rgba(255,255,255,0.3);
}
#main_bottom_0{
 width:1208px;
 height:100px;
 margin:0 auto;
}
.main_bottom_p{
 width:300px;
 text-align:center;
 position:absolute;
 top:9px;
 font-size:16px;
 line-height:28px;
 opacity: 0;
 transition:all 1s;
}
#main_bottom_1{
 width:300px;
 height:100px;
 float:left;
 border-right: 1px solid rgba(255,255,255,.2);
 border-left: 1px solid rgba(255,255,255,.2);
 transition:all 1s;
}
#main_bottom_2{
 width:300px;
 height:100px;
 float:left;
 transition:all 1s;
}
#main_bottom_3{
 width:300px;
 height:100px;
 float:left;
 border-right: 1px solid rgba(255,255,255,.2);
 border-left: 1px solid rgba(255,255,255,.2);
 transition:all 1s;
}
#main_bottom_4{
 width:300px;
 height:100px;
 float:left;
 border-right: 1px solid rgba(255,255,255,.2);
 transition:all 1s;
}
#main_bottom_1:hover{
 background-color:#fff;
 box-shadow: 0px 4px 5px #888888;
 transition:all 0.5s;
 cursor:pointer;
}
#main_bottom_2:hover{
 background-color:#fff;
 box-shadow: 0px 4px 5px #888888;
 transition:all 0.5s;
 cursor:pointer;
}
#main_bottom_3:hover{
 background-color:#fff;
 box-shadow: 0px 4px 5px #888888;
 transition:all 0.5s;
 cursor:pointer;
}
#main_bottom_4:hover{
 background-color:#fff;
 box-shadow: 0px 4px 5px #888888;
 transition:all 0.5s;
 cursor:pointer;
}
#main_bottom_1 img{
padding-left:90px;
padding-top:5px;
}
#main_bottom_2 img{
padding-left:90px;
padding-top:5px;
}
#main_bottom_3 img{
padding-left:90px;
padding-top:5px;
}
#main_bottom_4 img{
padding-left:90px;
padding-top:5px;
}
#main_bottom_1:hover img{
  opacity: 0;
  transition:all 1s;
}
#main_bottom_1:hover p{
  opacity: 1;
  transition:all 1s;
}
#main_bottom_2:hover img{
  opacity: 0;
  transition:all 1s;
}
#main_bottom_2:hover p{
  opacity: 1;
  transition:all 1s;
}
#main_bottom_3:hover img{
  opacity: 0;
  transition:all 1s;
}
#main_bottom_3:hover p{
  opacity: 1;
  transition:all 1s;
}
#main_bottom_4:hover img{
  opacity: 0;
  transition:all 1s;
}
#main_bottom_4:hover p{
  opacity: 1;
  transition:all 1s;
}
*/
/*content-部分css*/
@media all and (min-width:1600px){
#content{
    width:100%;
	height:300px;
	position:relative;
}
#content_one_img li .content_one_img_li3{
  position:absolute;
  left:36px;
  opacity: 0;
}
#content_one_img li .content_one_img_li1{
  position:absolute;
  left:6px;
  opacity: 0;
}
#content_one_img li .content_one_img_li2{
  position:absolute;
  left:16px;
  opacity: 0;
}
#content_one_img li .content_one_img_li4{
  position:absolute;
  left:16px;
  opacity: 0;
}
  }
@media screen and (max-width:1600px){
#content{
    width:100%;
	height:300px;
	position:relative;
}
}
#content_one{
   width:1200px;
   height:230px;
   margin:0 auto;
   margin-top:0px;
}
#content_one h3{
   font-size:30px;
   color:#333;
   font-weight:400;
   text-align:center;

   margin-bottom:0px;
 }
 #content_one p{
   font-size:18px;
   color:#666;
   font-weight:400;
   text-align:center;
 }
#content_one_img{
  width:100%;
  margin-top:30px;

}
#content_one_img li{
  float:left;
  margin-left:105px;
  list-style:none;
  text-align:center;
  position:relative;
}

#content_one_img li .content_one_img_li1{
  position:absolute;
  left:33px;
  opacity: 0;
}
#content_one_img li .content_one_img_li2{
  position:absolute;
  left:42px;
  opacity: 0;
}
#content_one_img li .content_one_img_li3{
  position:absolute;
  left:33px;
  opacity: 0;
}
#content_one_img li .content_one_img_li4{
  position:absolute;
  left:24px;
  opacity: 0;
}
#content_one_img li .content_one_img_li5{
  position:absolute;
  left:24px;
  opacity: 0;
}
#content_one li:hover .content_one_img_li1 {
  opacity: 1;
}
#content_one li:hover .content_one_img_li2 {
  opacity: 1;

}
#content_one li:hover .content_one_img_li3{
  opacity: 1;
}
#content_one li:hover .content_one_img_li4 {
  opacity: 1;

}
#content_one li:hover .content_one_img_li5 {
  opacity: 1;
}
/*#content_one li:hover p{
  color:#00a4ff;
}
*/
#new{
  width:100%;
  height:500px;
  position:relative;
  margin-bottom: 50px;
}
#new_content{
   width:1150px;
   height:450px;
   margin:0 auto;
 
}
#new h3{
   font-size:30px;
   color:#333;
   font-weight:400;
   text-align:center;
   margin-top:0px;
   margin-bottom:0px;
   margin-top:-40px;
}
.new_content_1{
  width:350px;
  height:105px;
  float:left;
  margin-left:23px;
  margin-top:40px;
  transition:all 0.5s;
}
.new_content_1:hover{
  box-shadow: 0px 0px 10px #888888;
  transition:all 0.3s;
}
.new_content_1 img{
 width:120px;
 height:80px;
 margin-top:12px;
 margin-left:12px;
 float:left;
}
.new_content_1  p{
 color:#666;
 font-size:14px;
 float:left;
 width:200px;
 margin-left:10px;
}


/*bottom-部分css*/
/*
#bottom{
width:100%;
height:280px;
background-color:#2f8bb4;
position:relative;
top:50px;
}
#bottom_list{
width:950px;
height:150px;
margin-left:5%;
border-bottom:1px solid #ccc;
}
#bottom_list a{
color:rgba(255,255,255,1);
}
#bottom_list a:hover{
color:#000;
}
#bottom_list h3{
width:80px;
font-size:14px;
color:#fff;
margin:0px;
padding:10px 0px;
}
#bottom_list li{
list-style:none;
float:left;
font-size:13px;
width:120px;
}
#bottom_list1{
width:1000px;
height:40px;
margin-left:20px;
padding-top:20px;
}
#bottom_list ul{
 margin-left:80px;
 margin-top:-29px;
 }
#bottom_list2{
width:1000px;
height:40px;
margin-left:20px;
}
#bottom_list3{
width:1000px;
height:40px;
margin-left:20px;
}
#bottom_logo{
width:950px;
height:129px;
margin-left:5%;
}
#logo_ico{
width:200px;
padding-top:20px;
}
#bottom_nav{
width:1000px;
height:38px;
position:relative;
top:-41px;
left:200px;
}
#bottom_nav ul{
width:1000px;
}
#bottom_nav ul li{
list-style:none;
float:left;
font-size:14px;
width:100px;
margin-top:-9px;
}
#bottom_nav ul li a{
color:#fff;
}
#bottom_phone{
 width:950px;
 position:relative;
 top:-40px;
}
#bottom_phone p{
 margin:0px;
 color:#fff;
 font-size:14px;
 margin-top:-10px;
}
#bottom_wx{
 position:absolute;
 top:40px;
 right:8%;
}
#bottom_wx img{
 border-radius:15px;
}
#copy{
 position:absolute;
 top:33px;
 left:0px;
}
@media all and (min-width:1800px){
#bottom_list ul{
 margin-left:80px;
 margin-top:-35px;
 }
#bottom_list li{
list-style:none;
float:left;
font-size:13px;
width:150px;
}
#copy{
 position:absolute;
 top:33px;
 left:200px;
}
}
@media screen and (max-width:1700px){
#bottom_list ul{
 margin-left:80px;
 margin-top:-29px;
 }
#bottom_list li{
list-style:none;
float:left;
font-size:13px;
width:110px;
}
}
*/