@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0px;
}
body{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
line-height:26px;
color:#646464;
background:#fff;

}
img{
border:none;
}
ul li{
list-style:none;
}
a{color:#646464; text-decoration: none;}

a:hover{color:#0080c6;text-decoration:none;}



h1{
float:left; width:300px;
padding-top:20px; padding-bottom:20px;

}

h2{color:#0080c6; font-weight:100; line-height:27px; font-size:40px; letter-spacing:0px; float:left; padding-left:20px; padding-top:15px; }
h2 em{  font-style:normal;  font-size:15px;font-weight:normal}
h2 span{ color:#ff0000;  font-size:15px;font-weight:normal}



/*--------------------index.html start----------------------*/


#head{
width:1200px;
margin:auto; 
}




/* All */
.nav { padding-top:11px; float:right;
}
.nav ul { font-size:17px;
  *zoom: 1;
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav ul:before,
.nav ul:after {
  content: "";
  display: table;
}
.nav ul:after {
  clear: both;
}
.nav ul > li {
  float: left;
  position: relative;
}
.nav a {
  display: block;
  padding-left:40px; padding-top:12px;
  line-height: 1.2em;
  color: #151515;
}
.nav a:hover {  color: #0080c6;
  text-decoration: none;
}
.nav li ul {
  background: #0080c6; text-align:center;  
}
.nav li ul li { font-size:15px;text-align:center;  

}
.nav li ul a {text-align:center;   padding-left:0px; padding-top:10px; padding-bottom:10px;
  border: none;color:#FFFFFF
}
.nav li ul a:hover { color: #fff;
  background:#1594d9; 
}
.nav3 ul > li:hover ul li { border-top:#0076b6 solid 1px; 
  height: 36px;width:100%;
}
.nav3 li ul {
  position: absolute;
  left: 0;
  top: 48px;
  z-index: 1;
}
.nav3 li ul li {width:100%;
  overflow: hidden;
  height: 0;
  -webkit-transition: height 200ms ease-in;
  -moz-transition: height 200ms ease-in;
  -o-transition: height 200ms ease-in;
  transition: height 200ms ease-in;
}




#f1{
width:100%;
height:345px;
float:left;
background:url(/Html/images/images/f1.jpg) no-repeat top center;
}

#f2{
width:100%;
height:345px;
float:left;
background:url(/Html/images/images/f2.jpg) no-repeat top center;
}

#f3{
width:100%;
height:345px;
float:left;
background:url(/Html/images/images/f3.jpg) no-repeat top center;
}

#f4{
width:100%;
height:345px;
float:left;
background:url(/Html/images/images/f4.jpg) no-repeat top center;
}



.ab11{ float:left; width:1200px; padding-top:40px; padding-left:0px;}

.ab11 ul{overflow:hidden; }
.ab11 ul li{display:block;float:left;}
.ab11 ul li a{float:left; text-align:center;line-height:40px; font-size:17px; }
.ab11 ul li a:hover{   float:left;}




.zz1{  float:left; padding-top:10px; }

.zz1 a{ color:#FFFFFF;background:#0080c6; padding-left:70px; padding-right:70px; float:left;  line-height:40px; margin-right:20px;  border-radius:5px;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}


.zz1 a:hover{
	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}
	
.zz2{float:left;  padding-top:10px; }


.zz2 a{ color:#434343;background:#e6e6e6;  padding-left:70px; padding-right:70px; float:left;  line-height:40px;  margin-right:20px; border-radius:5px;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}


.zz2 a:hover{color:#FFFFFF;background:#0080c6; 
	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}







.zz3{  float:left; padding-top:10px; }

.zz3 a{ color:#FFFFFF;background:#0080c6; width:380px; float:left;  line-height:40px; margin-right:20px;  border-radius:5px;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}


.zz1 a:hover{
	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}
	
.zz4{float:left;  padding-top:10px; }


.zz4 a{ color:#434343;background:#e6e6e6;  width:380px;  float:left;  line-height:40px;  margin-right:20px; border-radius:5px;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}


.zz4 a:hover{color:#FFFFFF;background:#0080c6; 
	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}







.ggmain{ width:1200px; margin:auto; }





.detaildiv1
{ width:550px;float:right;  font-size:17px; line-height:30px;margin-top:50px;
}
.detaildiv
{ width:550px; height:auto;  float:left;  font-size:16px; line-height:27px; margin-top:50px;  border-right:#ededed solid 1px;
}
.detaildiv h3
{ font-size:45px; color:#000000;
    font-weight:normal;
    margin-bottom: 30px;
}
.detaildiv h4
{font-size: 20px;
color:#0080c6; margin-bottom: 20px;
}


.xiangqing{ width:1200px; float:left; background:#f0f0f0; height:43px; line-height:40px; border-top:#0080c6 solid 3px; margin-top:30px;}
.xiangqing h5{float:left; background:#0080c6; line-height:40px; border-top:#0080c6 solid 3px; font-size:17px; padding-left:20px; padding-right:20px; color:#FFFFFF; font-weight:normal; margin-bottom:20px;}

.xiangqing1{ width:1200px; float:left; line-height:25px;  padding-top:30px;}
.xiangqing2{ width:1200px; float:left; line-height:25px; margin-bottom:50px; color:#bbbbbb}

.nr3{ float:right; width:48px; height:0px; position: relative;clear: both; z-index:100; }
.nnnn{ width:519px; height:395px; float:left}

.pppp{ width:1200px;   border-top:#ededed solid 1px; float:left; padding-top:30px; text-align:center}


.cbc{ color:#000000; text-decoration:underline; float:left; width:510px;}
.cbc1{float:left; width:510px;}

.mm11 {
	line-height: 30px; float:left;

	text-align: center;
	width:150px;
	margin-top: 0px; font-style:normal; margin-right:10px;
} 

.mm11 a{ margin-bottom:20px;
	line-height: 30px; float:left;
	color: #fff;
	background:#b1b1b1;
	text-align: center;
	width:150px;
font-style:normal; margin-right:500px;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
} 

.mm11 a:hover{
	line-height: 30px; float:left;
	color: #fff;
	background:#0080c6;
	text-align: center;
	width:150px;
 font-style:normal; margin-right:500px; -moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;-webkit-transition:all .8s ease 0s; transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);} 



.mm22{
	line-height: 30px; float:left; 

	text-align: center;
	width:150px;
	margin-top: 0px; font-style:normal; 
} 

.mm22 a{ margin-bottom:20px;
	line-height: 30px; float:left;
	color: #fff;
	background:#0080c6;
	text-align: center;
	width:150px;
font-style:normal; margin-right:500px;transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
} 

.mm22 a:hover{
	line-height: 30px; float:left;
	color: #fff;
	background:#28a049;
	text-align: center;
	width:150px;
 font-style:normal; margin-right:500px; -moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;-webkit-transition:all .8s ease 0s; transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);} 



.av1{ width:1200px; float:left; border-bottom:#e3e3e3 solid 1px; padding-bottom:40px; margin-bottom:40px;}
.av1-1{ width:565px; float:left; overflow:hidden}
.av1-1 a img{ display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.av1-1 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}


.av1-2{ width:500px; float:right; text-align:left;}
.av1-2 h5{ width:500px; float:left; text-align:left; font-size:27px; color:#0080c6; font-weight:normal; line-height:55px; padding-top:30px;}



.av2{ width:1200px; float:left; border-bottom:#e3e3e3 solid 1px; padding-bottom:40px; margin-bottom:40px;}
.av2-1{ width:565px; float:right; overflow:hidden}
.av2-1 a img{ display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.av2-1 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}


.av2-2{ width:500px; float:left; text-align:left;}
.av2-2 h5{ width:500px; float:left; text-align:left; font-size:27px; color:#0080c6; font-weight:normal; line-height:55px; padding-top:30px;}



.m3{  text-align:center; margin:auto; line-height:38px; font-size:16px; font-weight:normal;width:200px; padding-top:40px;float:left;  }
.m3 a{float:left; background:#fff; border:#bfbfbf solid 1px;  line-height:33px; color:#545454; font-weight:normal;width:170px; border-radius:25px;

transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}
	
.m3 a:hover{background:#0080c6; float:left;width:170px;border:#0080c6 solid 1px;  text-align:center; line-height:33px; background:#0080c6; color:#fff;transform: translate(0,-5px);border-radius:25px;
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}




.imglist4 ul li{text-align:center;float:left;display:inline;width:220px;height:300px; margin:20px 20px;overflow:hidden; border: #e4e4e4 1px solid;background:#FFF; padding:10px; border-radius:5px;}
.imglist4 ul li img{background:#FFF; width:220px; height:300px;}



.imglist ul li{text-align:center;float:left;display:inline;width:260px;height:240px; margin:10px 15px;overflow:hidden; border: #f1f1f1 1px solid;}
.imglist ul li img{background:#FFFFFF;width:260px;height:190px; }
.imglist ul li span{line-height:20px; padding-top:15px;height:35px;display:block;text-align:center}




.fot1{width:100%; float:left; background:#272727; padding-bottom:40px;}
.fot{ width:1200px; margin:auto; clear:both; padding-top:60px; }

.fot-menu1{ width:150px; float:left;  padding-right:30px;}
.fot-menu1 h5{width:150px; float:left;text-align:left;font-size:21px; color:#ffffff;font-weight:normal; }

.fot-menu1 ul{overflow:hidden; text-align:left; float:left; font-size:16px;width:150px; padding-top:20px;}
.fot-menu1 ul li{display:inline;float:left; line-height:30px; width:150px; }
.fot-menu1 ul li a{ float:left; width:150px; color:#b2b2b2}
.fot-menu1 ul li a:hover{ float:left; width:150px; color:#fff}



.fot-menu2{width:250px; float:left;text-align:left;font-size:20px; color:#000;font-weight:normal; margin-left:60px;  }
.fot-menu2 h5{width:250px; float:left;text-align:left;font-size:21px; color:#ffffff;font-weight:normal }

.fot-menu2 ul{overflow:hidden; text-align:left; float:left; font-size:16px;width:250px; padding-top:20px;}
.fot-menu2 ul li{display:inline;float:left; line-height:30px; width:250px;}
.fot-menu2 ul li a{ float:left; width:250px; color:#b2b2b2}
.fot-menu2 ul li a:hover{ float:left; width:250px; color:#fff}

.contact{width:250px; float:right;text-align:left;font-size:16px; color:#fff;font-weight:normal;line-height:35px; margin-left:60px; }
.contact h5{width:250px; float:right;text-align:left;font-size:24px; color:#fff;font-weight:normal; padding-bottom:22px; }
.contact a{color:#fff;}


.ewm{ width:200px; float:left; padding-top:10px; padding-bottom:25px;}





.footer1{width:100%; float:left; background:#191919; padding-top:30px; padding-bottom:30px;}
.footer{width:1200px; margin:auto; clear:both; text-align:left; font-size:16px;color:#6d6d6d;}
.footer a{color:#6d6d6d;}

.zzb07tail{color:#6d6d6d}
a.zzb07link{color:#6d6d6d; text-decoration:none;}
a.zzb07link:hover {color:#6d6d6d;text-decoration:underline;}


.link{ width:220px; float:right; text-align:right}




/* 本例子css */
.tabox{margin:auto; }
.tabox .hd{overflow:hidden; background:#e6e6e6 }
.tabox .hd li{ float:left; position:relative;text-align:center;width:25%;float:left; background:#e6e6e6;font-family:Arial, Helvetica, sans-serif; line-height:50px; color:#000; font-size:17px; border-bottom:#fff solid 1px; }
.tabox .hd li.on{background:#0080c6;color:#fff;width:25%;}
.tabox .bd{height:50px;}
.tabox .lh{overflow:hidden;width:100%;}



.zzzzz1{ font-size:17px; color:#FFFFFF}