@charset "utf-8";
/* CSS Document */

/*导航*/
.nav_{ width:100%;  margin: 0px; padding: 0px;}

.nav{ width:1200px; margin:8px auto; }
.nav_l{ float:left; width: 137px; margin: 15px 0px;}
.nav_l img{ display: block;} 

.nav_menu { width: 100%; margin:0px; background: #e62128; } 
.nav_menu ul { margin:0 auto; list-style-type: none; width: 1200px; } 
.nav_menu ul li {float:left; position:relative; } 
.nav_menu ul li:first-child{} 
.nav_menu ul li:last-child{} 

.nav_menu ul li a p{ font-size: 15px;} 

.nav_menu ul li a, .nav_menu ul li a:visited {display:block; text-align:center; text-decoration:none; box-sizing: border-box;padding: 10px 0px; width: 171px; color: #FFFFFF;}
.nav_menu ul li a:hover{ background: #393939} 
.nav_menu ul li a:hover p{color: #FFFFFF;} 

.nav_menu ul li a.this{ background: #393939;} 
.nav_menu ul li a.this p{color: #FFFFFF;} 

.nav_menu ul li ul {display: none;} 
.nav_menu ul li:hover a {color:#e62128; } 
.nav_menu ul li:hover ul {display:block; position:absolute; top:52px; left:0; width:171px;z-index: 999999;} 
.nav_menu ul li:hover ul li a {display:block; color:#FFFFFF;background-color:rgba(0,0,0,0.5);margin-bottom: 1px;} 
.nav_menu ul li:hover ul li a:hover {background:#e62128; color:#000000;}

.nav_r{ float: right; text-align: right; margin-top: 20px;} 
.nav_r p{ color: #666666; font-size: 14px;} 
.nav_r span{ font-size: 24px; font-weight: bold;font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"} 


.bottom{ width:100%; background:#444444; margin: 0px;} 
.bottom_t{ background: #333333; height: 50px;} 
.bottom_t_{width:1200px; margin:0px auto;} 
.bottom_t_l{float: left; width: 35px; margin-top: 10px;} 
.bottom_t_c{float:left;width: 1000px; margin: 15px 0px 0px 50px; color: #CCCCCC;} 
.bottom_t_c a{ color: #CCCCCC;display: inline-block; margin: 0px 35px;} 
.bottom_t_c a:hover{ color: #FFFFFF;} 
.bottom_t_r{ float: right; width: 35px; margin-top: 10px;} 


.bottom_{ width:1200px; margin:35px auto;}
.bottom_l{float: left; width: 360px;} 
.bottom_l h5{ color: #FFFFFF; font-weight: lighter; font-size: 36px; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"} 
.bottom_l p{font-size: 22px;color: #FFFFFF; font-weight: lighter; margin-bottom: 5px; } 
.bottom_l span{font-size: 13.3px;color: #FFFFFF;} 

.bottom_c{float: left; width: 300px;} 
.bottom_c img{ width: 110px; height: 110px;} 
.bottom_r{float: right; width: 340px; color: #FFFFFF; margin-top: 25px;} 
.bottom_r i{ display: inline-block; margin: 12px 8px 0px; background: #999999; padding: 10px; border-radius: 50%; font-size: 18px;}  
.bottom_r img{ float: right;} 

.bottom_ ul{}
.bottom_ ul li{float:left; border-left: #666666 1px solid; padding: 50px; width: 260px; box-sizing: border-box;} 
.bottom_ ul li:last-child{border-right: #666666 1px solid; float: right; width: 400px;} 
.bottom_ ul li h5{ font-size: 20px; color: #FFFFFF; font-weight: normal;} 
.bottom_ ul li span{ display: inline-block; font-size: 12px;color: #FFFFFF;} 
.bottom_ ul li em{ display: block; height: 2px; width: 30px; background: #FFFFFF; margin: 15px 0px 30px;} 
.bottom_ ul li p{ font-size: 16px; color: #999999; margin: 5px 0px;} 
.bottom_ ul li p img{ display: block; margin-top: 20px;} 

.bottom_b{ width: 1200px; margin: 0px auto;padding: 20px 0px; text-align: left; font-size: 14px; border-top: #666666 1px solid; color: #999999;} 
.bottom_b a{ color: #999999;} 



/* fullSlide */
.fullSlide {width:100%;position:relative;height:700px;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;} 
.fullSlide .bd ul{width:100% !important;} 
.fullSlide .bd li{width:100% !important;height:700px;overflow:hidden;text-align:center;} 
.fullSlide .bd li a{display:block;height:700px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:50px;line-height:50px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:15px;height:15px;margin:5px;overflow:hidden;background:#FFF;filter:alpha(opacity=50);opacity:0.5;line-height:999px; border-radius: 50%;}
.fullSlide .hd ul .on{background:#e62128;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:3%;z-index:1;width:40px;height:60px;background:url(/images/slider-arrow.png) -126px -137px no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:3%;background-position:-6px -137px;} 


.z_banner{ left:0px; top:0px; width:100%; height:100%; margin: 0px; padding: 0px;} 

svg{
	fill: currentColor;
}

#kefu {
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 99999;
  width: 70px;
  height: 140px;
}
#kefu .topBtn {
  width: 50px;
  height: 50px;
  position: absolute;
  left: 0;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              
  top: 0;
  cursor: pointer;

/*  -webkit-animation: wobble 250ms  infinite;
  animation: wobble 250ms  infinite;*/
}
#kefu .topBtn2 {
  width: 50px;
  height: 50px;
  position: absolute;
  left: 0;
  top: 60px;
  cursor: pointer;
/*  -webkit-animation: wobble 250ms  infinite;
  animation: wobble 250ms  infinite;*/
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 0.8;
  }
  30% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    opacity: 0.9;
  }
  50% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
    opacity: 1;
  }
  85% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    opacity: 0.9;
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 0.8;
  }
  30% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    opacity: 0.9;
  }
  50% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
    opacity: 1;
  }
  85% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    opacity: 0.9;
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
}
#kefu span {
  width: 50px;
  height: 50px;
  position: absolute;
  cursor: pointer;
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}
#kefu span.wechat {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
  z-index: -1;
}
#kefu span.wechat:hover .eweima {
  display: block;
}
#kefu span.wechat .eweima {
  position: absolute;
  right: 0;
  bottom: 70px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.8);
  width: 120px;
  height: 150px;
}
#kefu span.wechat .eweima img {
  width: 120px;
  height: 120px;
  display: block;
}
#kefu span.wechat .eweima small {
  padding-top: 10px;
  font-style: normal;
  font-style: 14px;
  text-align: center;
  color: #fff;
  display: block;
}
#kefu span.qq {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  z-index: -1;
}
#kefu span.other {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 500ms linear;
  transition: all 500ms linear;
  z-index: -1;
}
#kefu span.other:hover .tel {
  display: block;
}
#kefu span.other .tel {
  position: absolute;
  right: 70px;
  bottom: 0;
  width: 120px;
  height: 50px;
  padding: 10px 10px 0 10px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-size: 16px;
}
#kefu span.other .tel dt {
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
#kefu span.other .tel dd {
  font-size: 14px;
}
#kefu .eweima,
#kefu .tel {
  display: none;
}
#showKfList:checked + label {
}
#showKfList:checked ~ span.wechat {
  -webkit-transform: translate(0, -60px);
  transform: translate(0, -60px);
}
#showKfList:checked ~ span.qq {
  -webkit-transform: translate(-60px, -60px);
  transform: translate(-60px, -60px);
}
#showKfList:checked ~ span.other {
  -webkit-transform: translate(-60px, 0);
  transform: translate(-60px, 0);
}
#showKfList {
  display: none;
}