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




@font-face {
/* font-test*/
font-family: sySans;
src:url('/fonts/AlibabaPuHuiTi-3-55-Regular.ttf');
}
@font-face {
/* font-test*/
font-family: sySans-b;
src:url('/fonts/AlibabaPuHuiTi-3-85-Bold.ttf');
}

*{ margin:0; padding:0;} 
body{ font-size:14px; font-family: sySans; margin: 0; padding: 0;} 

a{color:#000000;text-decoration:none;} 
a:link {text-decoration:none;color:#000000;} 
a:active {text-decoration:none;color:#000000;} 
a:hover {text-decoration:none;color:#01b097;} 
a:visited {text-decoration:none;color:#000000;} 

body img { border: none; max-width: 100%;}
video { height: 100%; width: 100%; }
hr { margin: 0;  border-color: #e8e8e8; }
ul, ol, li { margin: 0; padding: 0; list-style: none;}
h1, h2, h3, h4, h5, h6 {font-family: sySans-b;line-height: 100%;}
h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {  color: inherit; }
p{ margin: 0; padding: 0; line-height: 175%;} 
/*** effect zoom in ***/
.img-zoom-in img 
{
transition:all .2s ease-in-out;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
}

.img-zoom-in:hover img 
{
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1)
}
/*** effect zoom in ***/

.img-zoom-deg img{
transition:All 0.5s 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;
}

.img-zoom-deg:hover img {
-webkit-transform: rotate(360deg);/*鼠标hover时，i图标旋转*/
transform: rotate(360deg);
}

.clearfix:after{
  content: " "; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;  
  }

.clearfix {
  /* 触发 hasLayout */ 
  zoom: 1; 
  }


.nav{ display: none;} 
.toolbar{ display: none;} 
/*导航*/
    .mobile-inner{ display: block; position: fixed; width: 100%; z-index: 99999; top: 0;} 
	.mobile-inner-header{width: 100%;height: 75px;background: #000000;} 
	.mobile-inner-header .img0 { float: left; margin-top: 3%; margin-left: 15%; margin-right: 0; width: 30%;} 
	.mobile-inner-header .img0 img{ width: 100%; display: block;} 
	.mobile-inner-header .imgr { float: right; margin-top: 7%; margin-right:5%; margin-left: 0;} 
	.mobile-inner-header .imgr img{ width: 25px;}
	.mobile-inner-header-icon{float:left; height: 75px;font-size: 25px;text-align: center;width: 75px;-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: #62c3d0;	position: absolute;	left: calc((100% - 25px) / 2);top: calc((100% - 1px) / 1.7);	width: 25px;height: 2px;background-color: rgba(255,255,255,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(0,0,0,0.95);width: 100%;position: absolute;top: 75px;left: 0px;	padding-top: 30px;padding-bottom: 50px;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.2);text-align : left;height:40px;line-height: 40px;padding: 0px;margin: 0px;position: relative;font-size: 1.2em;color: #FFFFFF;
    } 

	.hei{ display: block;height: 75px; width: 100%; background: #000000;} 



@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);
  }
}








.silder-box-11{ width:1280px; position: relative;} 
.silder-button-11{ position:absolute;cursor:pointer;z-index: 999;} 
.silder-button-11.btl{ top:35%; left:2%;} 
.silder-button-11.btl i{  color: #000000;font-size:30px;} 
.silder-button-11.btl i:hover{ color: #01b097;} 
.silder-button-11.btr{top:35%; right:2%;} 
.silder-button-11.btr i{ color: #000000; font-size:30px;} 
.silder-button-11.btr i:hover{ color: #01b097; } 

.silder-box-12{ width:1280px; position: relative;} 
.silder-button-12{ position:absolute;cursor:pointer;z-index: 999;} 
.silder-button-12.btl{ top:35%; left:2%;} 
.silder-button-12.btl i{  color: #000000;font-size:30px;} 
.silder-button-12.btl i:hover{ color: #01b097;} 
.silder-button-12.btr{top:35%; right:2%;} 
.silder-button-12.btr i{ color: #000000; font-size:30px;} 
.silder-button-12.btr i:hover{ color: #01b097; } 

.silder-box-13{ width:1280px; position: relative;} 
.silder-button-13{ position:absolute;cursor:pointer;z-index: 999;} 
.silder-button-13.btl{ top:35%; left:2%;} 
.silder-button-13.btl i{  color: #000000;font-size:30px;} 
.silder-button-13.btl i:hover{ color: #01b097;} 
.silder-button-13.btr{top:35%; right:2%;} 
.silder-button-13.btr i{ color: #000000; font-size:30px;} 
.silder-button-13.btr i:hover{ color: #01b097; } 

.silder-box-14{ width:1280px; position: relative;} 
.silder-button-14{ position:absolute;cursor:pointer;z-index: 999;} 
.silder-button-14.btl{ top:35%; left:2%;} 
.silder-button-14.btl i{  color: #000000;font-size:30px;} 
.silder-button-14.btl i:hover{ color: #01b097;} 
.silder-button-14.btr{top:35%; right:2%;} 
.silder-button-14.btr i{ color: #000000; font-size:30px;} 
.silder-button-14.btr i:hover{ color: #01b097; } 

.silder-box-15{ width:1280px; position: relative;} 
.silder-button-15{ position:absolute;cursor:pointer;z-index: 999;} 
.silder-button-15.btl{ top:35%; left:2%;} 
.silder-button-15.btl i{  color: #000000;font-size:30px;} 
.silder-button-15.btl i:hover{ color: #01b097;} 
.silder-button-15.btr{top:35%; right:2%;} 
.silder-button-15.btr i{ color: #000000; font-size:30px;} 
.silder-button-15.btr i:hover{ color: #01b097; } 

.silder-box-16{ width:1280px; position: relative;} 
.silder-button-16{ position:absolute;cursor:pointer;z-index: 999;} 
.silder-button-16.btl{ top:35%; left:2%;} 
.silder-button-16.btl i{  color: #000000;font-size:30px;} 
.silder-button-16.btl i:hover{ color: #01b097;} 
.silder-button-16.btr{top:35%; right:2%;} 
.silder-button-16.btr i{ color: #000000; font-size:30px;} 
.silder-button-16.btr i:hover{ color: #01b097; } 
/*导航*/




/*底部*/
.bottom{ display: none;} 

.bottom_m{ width:100%; background:#000000; margin: 0px; padding:30px 0px;} 
.bottom_m_{ width:90%; margin:0px auto;} 
.bottom_m_ ul{} 
.bottom_m_ ul li{ padding: 10px 0px; border-bottom: #333333 1px solid;} 
.bottom_m_ ul li a p{ float: left;color: #999999; font-size: 1em;} 
.bottom_m_ ul li a{ display: block;  } 
.bottom_m_ ul li a span{ display: block; float: right;color: #999999; font-size: 1em;} 


.bottom_b_m{ width: 90%; margin:30px auto 0px;padding: 0px 0px 0px; text-align: left; font-size: 1em; color: #999999; text-transform: uppercase;} 
.bottom_b_m h5{ font-size: 1.5em; color: #CCCCCC; border-bottom:#333333 1px solid;  padding-bottom: 15px; margin-bottom: 15px;} 
.bottom_b_m p{ font-size: 0.8em;color: #999999; line-height: 150%;} 
.bottom_b_m p a{color: #999999;} 
/*底部*/





/* banner */
.fullSlide {width:100%;position:relative;height:450px;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:450px;overflow:hidden;text-align:center;} 
.fullSlide .bd li a{display:block;height:450px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:10px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:80px;height:2px;margin:2px;overflow:hidden;background:#FFF;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul li img{width: 100%;} 
.fullSlide .hd ul li.on{background:#01b097;}
.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;}


/* 在线客服 */
.toolbar-item,.toolbar-layer{background:url(/images/toolbar.png) no-repeat;}
.toolbar{position:fixed;right:0px;bottom:50px; z-index: 999999;}/*假设网页宽度为1200px，导航条在右侧悬浮*/
.toolbar-item{display:block;width:52px;height:52px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:0 -798px;} 
.toolbar-item-weixin:hover{background-position:0 -860px;} 
.toolbar-item-weixin .toolbar-layer{height:212px;background-position:0 0;} 
.toolbar-item-feedback{background-position:0 -426px;} 
.toolbar-item-feedback:hover{background-position:0 -488px;} 
.toolbar-item-app{background-position:0 -550px;} 
.toolbar-item-app:hover{background-position:0 -612px;} 
.toolbar-item-app .toolbar-layer{height:194px;background-position:0 -222px;} 
.toolbar-item-top{background-position:0 -674px;} 
.toolbar-item-top:hover{background-position:0 -736px;} 
.toolbar-layer{position:absolute;right:46px;bottom:-10px;width:172px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}