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

/*导航*/
.nav{ width:100%;  margin: 0px; padding: 0px; background: #1c1c1c; position: fixed; z-index: 99999;}

.nav_{ width:88%; margin:0px auto; }
.nav_l{ float:left; width: 205px; margin: 20px 0px;}
.nav_l img{ display: block;} 

.nav_menu {float: left; margin:0px 0px 0px 220px;} 
.nav_menu ul { margin:0 auto; list-style-type: none;} 
.nav_menu ul li {float:left;} 
.nav_menu ul li:first-child{} 
.nav_menu ul li:last-child{} 
.nav_menu ul li a{display:block; text-align:center; text-decoration:none; box-sizing: border-box;padding: 22px 45px;color: #FFFFFF; }
.nav_menu ul li a:hover{ background: #019e97;} 
.nav_menu ul li a.this{background: #019e97;} 
.nav_menu ul li a p{ font-size: 15px;} 
.nav_menu ul li a span{display: inline-block;font-size: 12px; text-transform: uppercase;transform:scale(0.83,0.83);} 

.subMenu{display: none;position: absolute;top: 100px;left: 0;width: 100%; height: auto;background: rgba(255,255,255,1); z-index: 99999;}
.subMenu>ul{display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;align-items: center;}
.subMenu>ul>li>a{display:block;padding:0px 30px;text-align: center;line-height:60px;color: #000000;}
.subMenu>ul>li>a:hover{color:#FFFFFF; background: #019e97;}

.nav_r{ float: right;  margin-top:20px; width: 180px;} 
.nav_r p{ color: #FFFFFF; font-size: 20px; font-weight: bold;} 
.nav_r span{ display: block;color: #FFFFFF;} 
.nav_r i{ font-size: 20px;color: #FFFFFF;} 




.bottom{ width:100%; height:auto; background:#1c1c1c; margin:0px; padding: 80px 0px;}
.bottom_{ width:80%; margin:0 auto;border-top: #666666 1px solid; padding-top: 50px;}

.bottom_l{ float:left; margin-right: 25%; } 
.bottom_l p{ color:#CCCCCC; font-size: 16px; margin-bottom: 5px;} 
.bottom_l h2{ color: #FFFFFF; font-size: 24px; margin-bottom:30px;} 
.bottom_l span{ font-size: 14px; color: #999999;} 

.bottom_c{ float:left; text-align:left; margin-right: 10%;} 
.bottom_c h3{ color: #CCCCCC; font-size: 18px;}
.bottom_c span{ display: block; height: 2px; width: 20px; background: #019e97; margin: 20px 0px;}
.bottom_c p{ margin: 8px 0px;} 
.bottom_c p a{color: #999999; font-size: 14px; font-weight: normal;} 
.bottom_c p a:hover{color: #019e97;} 

.bottom_r{ float:right;  text-align: right;} 
.bottom_r p{ margin-top: 10px; font-size: 16px; color: #999999;} 

.bottom2{width:80%; margin: 0px auto;padding: 20px 0px; text-align: left;color: #999999; font-size: 12px; text-transform: uppercase;} 
.bottom2 a{color: #999999;font-size: 12px;} 
.bottom2 a:hover{color: #019e97;} 

/* fullSlide */
.fullSlide {width:100%;position:relative;height:910px;} 
.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:910px;overflow:hidden;text-align:center;} 
.fullSlide .bd li img{width: 100%;} 
.fullSlide .bd li a{display:block;height:910px;} 
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:30px;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:#FFFFFF;filter:alpha(opacity=50);opacity:0.5;line-height:999px; border-radius: 50%;}
.fullSlide .hd ul .on{background:#019e97;}
.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;} 
.z_banner img{ width: 100%;} 



@media screen and (max-width:1500px){
	.nav_menu {float: left; margin:0px 0px 0px 100px;} 
	.nav_menu ul li a{padding: 22px 25px; }
	
	.fullSlide {height:640px;} 
    .fullSlide .bd li a{height:640px;}
	.fullSlide .bd li{ background-size: cover;height:640px;} 
	
	.bottom_l{ float:left; margin-right: 15%; } 
} 




.mobile-inner{ display: none;} 
.fullSlide .bd li div.pc{ display: block;} 
.fullSlide .bd li div.mo{ display: none;} 
.hei{ display: none;} 

@media screen and (max-width:768px){
	
	
	.nav{ display: none;} 
	.mobile-inner{ display: block; position: fixed; width: 100%; z-index: 9999999; top: 0;} 
	.mobile-inner-header{width: 100%;height: 62px;background: #1c1c1c;} 
	.mobile-inner-header .img0 { float: left; margin-top: 5%; margin-left: 4%;} 
	.mobile-inner-header .img0 img{ width: 60%;} 

	.mobile-inner-header-icon{float:right; height: 60px;font-size: 25px;text-align: center;width: 60px;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;
		-o-transition: background 0.5s;	transition: background 0.5s; position: relative;}
	.mobile-inner-header-icon:hover{	background-color: rgba(255,255,255,0.2);cursor: pointer;}
	.mobile-inner-header-icon span{	color: #019e97;	position: absolute;	left: calc((100% - 25px) / 2);top: calc((100% - 1px) / 1.7); width: 25px;height: 2px;background-color: rgba(1,158,151,1);}
	.mobile-inner-header-icon span:nth-child(1){transform: translateY(5px) rotate(0deg);}
	.mobile-inner-header-icon span:nth-child(2){transform: translateY(-5px) rotate(0deg);}
	.mobile-inner-header-icon span:nth-child(3){transform: translateY(-15px) rotate(0deg);}
	.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}		
	.mobile-inner-header-icon-click span:nth-child(2){display: none;}
	.mobile-inner-header-icon-click span:nth-child(3){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}

	.mobile-inner-nav{background-color: rgba(255,255,255,0.9);width: 100%;position: absolute;top: 60px;left: 0px;	padding-top: 30px;padding-bottom: 80px;display: none;z-index: 9999999;}
	/*.mobile-inner-nav a{display: inline-block;line-height: 50px;text-decoration: none;width: 80%;margin-left: 10%;color: #FFFFFF;border-bottom: solid 1px rgba(255,255,255,0.3);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		font-weight:300;
	}
	.mobile-inner-nav a{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;		animation-name: returnToNormal;}
	.mobile-inner-nav a:hover{color: rgba(255,255,255,0.4);	border-bottom: solid 1px rgba(255,255,255,0.2);}*/
	.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst;}
	.mobile-inner-header-icon-out span:nth-child(3){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
	.mobile-inner-nav .mobile-inner-list{width : 80%;margin: 0px auto;}
	.mobile-inner-nav .mobile-inner-list > ul{	list-style: none;margin: 0px;padding: 0px;}
	.mobile-inner-nav .mobile-inner-list > ul > li{width:100%;-webkit-transition: .3s ease;-moz-transition: .3s ease;-o-transition: .3s ease;transition: .3s ease;}
	.mobile-inner-nav .mobile-inner-list > ul > li > a{display: block;width:100%;border-bottom: solid 1px rgba(255,255,255,0.5);text-align : left;height:40px;line-height: 40px;padding: 0px;margin: 0px;position: relative;font-size: 1.2em;color: #000000;}
	
	.hei{ display: block;height: 62px; width: 100%; background: #1c1c1c;} 

	.fullSlide {height:240px;} 
	.fullSlide .bd li div.pc{ display: none;}
    .fullSlide .bd li div.mo{ display: block;}
    .fullSlide .bd li a{height:240px;}
	.fullSlide .bd li{ background-size: cover;height:240px;} 
	.fullSlide .bd li img{ width: 100%;} 
	.fullSlide .hd{bottom:10px;left:0;height:30px;line-height:30px;}
	.fullSlide .hd ul li{width:10px;height:10px;margin:3px;}
	.toolbar{ display: none;} 
	
	
	
	
	.bottom{ padding: 50px 0px;}
	.bottom_{ width:88%; padding-top: 30px;}

	.bottom_l{ float:none; margin-right: 0; text-align: center;} 
	.bottom_l p{ font-size: 1em; margin-bottom: 3px;} 
	.bottom_l h2{ font-size: 1.6em; margin-bottom:20px;} 
	.bottom_l span{ font-size: 1em;} 

	.bottom_c{ display: none;} 

	.bottom_r{ float:none;  text-align: center; margin-top: 15px;} 
	.bottom_r img{ width: 120px;} 
	.bottom_r p{ margin-top: 10px; font-size: 1.2em;} 

	.bottom2{width:88%;  padding: 15px 0px; font-size: 0.8em; } 
	.bottom2 a{ font-size: 0.8em;} 


}

@keyframes clickfirst {
  0% {
	  transform: translateY(5px) rotate(0deg);
	  
  }

  100% {
    transform: translateY(-5px) rotate(45deg);
  }
}	

@keyframes clicksecond {
  0% {
	  transform: translateY(-15px) rotate(0deg);
  }

  100% {
    transform: translateY(-5px) rotate(-45deg);
  }
}


@keyframes outfirst {
  0% {
    transform: translateY(0) rotate(-45deg);
  }

  100% {
    transform: translateY(-15px) rotate(0deg);
  }
}	


@keyframes outsecond {
  0% {
    transform: translateY(0) rotate(45deg);
  }

  100% {
    transform: translateY(5px) rotate(0deg);
  }
}















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;}
#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;
}