@charset "utf-8";
/* CSS Document */
/**通用设置**/
*{margin:0px; padding:0px; box-sizing:border-box; font-style:normal;}
html{ font-size:40%;-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}
body{ font-family:"SourceHanSansCN","Helvetica Neue", Ubuntu, "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif; color:#333; background:#F4F4F6;}
input, textarea{font-family:"SourceHanSansCN-Light";}
.pull-right{float:right;}
.pull-left{float:left;}
ul{list-style:none;}
.clear{clear:both;}
a, a:hover{text-decoration:none;}
p{margin:0px}
.m-show{ display:none;}
.p-show{display:block;}
.w560{width:560px;}
.w570{width:570px;}
.h380{height:380px;}
.pt100{padding-top:100px;}
.pt50{padding-top:50px;}
.pt180{padding-top:185px;}
.pt80{padding-top:122px;}
.p250{padding:0px 250px;}
.mt40{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mb30{margin-bottom:30px;}
.mb32{margin-bottom:33px;}
.mb40{margin-bottom:45px;}
.mb45{margin-bottom:45px;}
.mb60{margin-bottom:60px;}
.pt100{padding-top:10rem;}
.pw120 {width:120px; display:block; height:120px; overflow:hidden; text-align:center; float:left;}
.pw120 img{max-height:120px; width:auto;}
.mask{position:absolute; width:100%; height:100%; background:linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5)); top:0px; z-index:2;}
.hw120 {height:120px; width:120px; float:left; background-position:center; background-repeat:no-repeat; background-size: cover;}
.img-fluid img{max-width:100%; height:auto;}
.c5a{color:#5ad83e;}
.ce8{color:#e84828;}
.c17{color:#17bceb}
 .show-cont{width:1200px; overflow:hidden; margin-top:290px; z-index:9; position: relative;}
  .show-banner{height:400px; width:100%; text-align:center; top:0px; background:url(../images/life/life-s-banner.jpg) no-repeat center top; position:absolute;}
   .show-banner h1{color:#FFF; font-size:36px; font-weight:normal;margin-top:195px;}
   .show-banner h1 p{font-size:14px;}
   .show-banner h2{color:#FFF; font-size:36px; font-weight:normal; margin-top:227px;}
.clearfix {
  overflow: auto;
  zoom: 1;
}
.img-fluid{max-width:100%;}
.none{display:none;}
.container{width:1120px; margin:0px auto; }
.w1180{width:1180px; clear:both;}
a {color: #333;text-decoration: none;}

.ptd{position:relative;}/**图片+标题+简介**/
 .ptd h4{font-size:17px; height:50px; line-height:50px; overflow:hidden;}
 .ptd p{font-size:12px; color:#666;}
 .ptd em{position:absolute; left:10px; top:10px; width:50px; height:22px; line-height:22px; background:rgba(0, 0, 0, 0.6); color:#FFF; border-radius:2px; text-align:center;}
.pic-text{ position:absolute; width:500px; left:30px; top:256px; background:#FFF; padding:20px 40px 40px 40px; box-shadow:0px 0px 30px rgba(51, 51, 51, 0.22);}
 .pic-text h4{font-size:20px; font-weight:500; color:#333; padding:8px 0px}
 .pic-text p{font-size:14px; color:#999;}
 .pic-text em{ font-size:12px;}
 
 .c-pic-text{ position:absolute; width:349px; height:138px; left:18px; top:177px; background:#FFF; padding:20px 25px 0px 25px; box-shadow:0px 0px 30px rgba(51, 51, 51, 0.20);}
 .c-pic-text h4{font-size:16px; font-weight:500; color:#333; padding:8px 0px;letter-spacing: 1.5px;}
 .c-pic-text p{font-size:14px; color:#999;}
 .c-pic-text em{ font-size:12px;}
 
/***头部*******/
.section2{background:#018489; height:800px;}
.blog-nav{position: absolute; top:-100px; z-index:999; height:82px; width:100%;}
.blog-nav-s{top:0;-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.3s ease-out}
.blog-logo{float:right;}
.yi-s{height:100%;}

 nav .logo{float:left;}
 nav .nav-right{float:left; width:940px;}
 nav .top{height:36px; line-height:36px; border-bottom:1px solid #eee; padding-right:30px; padding-left:30px; background:#FFF;}
  nav .top i{color:#aa9b7c; font-style:normal; font-weight:bold;}
  nav .top span{float:right;}
  nav .top span a{color:#333;}
  nav .top span a:hover{color:#378bc8;}

  nav .menu{font-size:16px; height:42px; position:relative; float:left; display:none;}
  nav .menu {position:relative; }
  nav .menu li{float:left; height:42px; line-height:42px; font-weight:500; padding-right:55px;}
  nav .menu li a{color:#333; font-weight:400; text-decoration:none;}
  nav .menu i a:hover{color:#2279b8;}
  nav .menu .t-tell{background:url(../images/t-tell.png) no-repeat left 11px; padding-left:23px; color:#FFF; display:none;}
  nav .menuw li a{color:#FFF; font-weight:400; text-decoration:none;}

   nav .menu .hover{ display:none; overflow:hidden; height:320px; position:absolute; width:940px;  background:#FFF; left:0px; top:60px; padding:20px 30px 30px 35px;animation:myfirst .4s;}
     nav .nav-menu i{float:left; width:35px;}
	 #nav-ico{height:37px;}
	 #nav-ico img{float:left; padding-top:7px;}
	 .navs #nav-ico:hover .menu{display:block; overflow:hidden; animation:myfirst .4s; margin-top:-5px; margin-left:100px;}
   @keyframes myfirst
	{
	from{height:10px;}
	to{height:37px;}
	}
	 @keyframes myfirst
	{
	from{height:5px;}
	to{height:97px;}
	}
	@keyframes myfirst2
	{
	from{height:60px;}
	to{height:86px;}
	}
	.nav-show{background:#FFF;}
	.nav0{height:97px; padding:30px 0;}
	nav .menushow{display:block;overflow:hidden; animation:myfirst .4s;}
	nav .nav1{height:82px; padding-top:30px;position:absolute; width:100%; top:0px;}
	nav .nav1 #navico{display:none;}
	nav .nav1 .menu{display:block;}
	nav .nav1 .menu li a{color:#FFF;}
	nav .navb .menu li a{color:#333;}
	
	nav .nav2 img{filter: invert(1);}
		nav .nav2{height:82px; padding-top:30px;position:absolute; width:100%; top:0px;}
	nav .nav2 #navico{display:none;}
	nav .nav2 .menu{display:block;}
	nav .nav2 .menu li a{color:#000;}
	 
	nav .nav5{height:60px; padding:10px 0;border-bottom:1px solid #eee; background:#FFF; position: fixed; width:100%; transform:translateY(-100px); transition:transform .8s ease;}
	nav .nav5 #navico{display:none;}
	nav .nav5 .menu{display:block;}
	
	 .menu-show{ position:absolute; width:100%; z-index:9999; top:0px;}
	 .menu-show2 .nav1{top:0px;-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.3s ease-out}
	 .menu-show4 .nav2{top:97px; opacity:1;-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out}

	 .menu-show3 .nav2{top:-100px;-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out}
	.menu-show2 .nav5{top:0px;-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.3s ease-out}
	.menu-show3 .nav5{transform:translateY(0px);-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out}



		/* 服务css */
		.service{padding-top:100px;}
		.service h2{font-size:32px; height:7rem; color:#FFF; position:relative;}
		.service h2:after{content: '';position: absolute;top:5.6rem; left:0; width:78px; height:3px; background:#FFF;}
		.slideTxtBox{text-align:left; margin-top:30px; }
		.slideTxtBox .hd{position:relative; }
		
		.slideTxtBox .hd ul li{ float:left; height:110px; padding:0 20px 0 20px; cursor:pointer; color:#FFF; }
		.slideTxtBox .hd ul li h4{ font-size:18px; font-weight:bold; margin-bottom:10px;}
		.slideTxtBox .hd ul li p{ font-size:14px; line-height:21px; }
		.slideTxtBox .bd ul{ padding:15px;  zoom:1;  }
		.slideTxtBox .bd li .date{ float:right; color:#999;  }
		
		

		
		/* 案例css */
		.case .casenav{ margin-top:70px; height:72px;}
		.case .fixed{position:fixed; background:rgba(244,244,246,1); z-index:99; padding-left:0px; padding-top:20px;}
		.case h2{font-size:32px; height:72px; line-height:54px; color:#000; position:relative;  width:100%;}
				.case h2 i{ display:black;position:relative; font-style:normal;}
		      .case h2 i:after{content: '';position: absolute;top:68px;left: 0px; width:78px; height:3px; background:#018489;}
		.case h2 span {float:right;}
		.case h2 span a{display:inline-block; font-size:14px; font-weight:normal; margin-left:1rem; color:#999;}
		.case h2 span .active{color:#333;}
				.case-list{background:#FFF;border-radius:10px; overflow:hidden; box-shadow:0 0 15px #ECECEC; margin-bottom:30px; margin-top:0; transition:transform 0.25s ease;}
		        .case-list:hover{-webkit-transform:translateY(-20px); box-shadow:0 0 20px #C4C4C4; -webkit-transition: all 0.3s ease-out;
	                         -moz-transition: all 0.3s ease-out;
	                         -o-transition: all 0.3s ease-out;
	                          transition: all 0.3s ease-out}
	
	    .case .case-fixed{position:fixed; top:0px; background:#FFF; z-index:99; height: 90px; padding-top:17px; box-shadow:0px 5px 20px 0px rgba(0,0,0,0.1); overflow: hidden; 
		                     transform:translateY(0px);-moz-transition: all 0.3s ease-out;
	                         -o-transition: all 0.3s ease-out;
	                          transition: all 0.3s ease-out
		}
		
		
	    .case .case-fixed i:after{ height:0}
        .case .case-fixed2{transform:translateY(-60px); top:59px; -webkit-transition: all 0.5s ease-out;
	                         -moz-transition: all 0.5s ease-out;
	                         -o-transition: all 0.5s ease-out;
	                          transition: all 0.5s ease-out}

		.case-list .s-txt{ width:100%; height:140px;  padding:0 30px;color:#333; z-index:99;}
		.case-list .s-txt h4{height:27px; line-height:27px; overflow:hidden; margin:20px 0 20px 0; font-size:18px; font-weight:500;}
		.case-list .s-txt h4 em{float:right; font-size:14px;}
		.case-list .s-txt h4 em a{color:#999;}
		.case-list .s-txt p{font-size:14px; line-height:21px; color:#666;}
		
		.case .case-more{width:280px; text-align:center;
				  height:88px; line-height:88px; color:#FFF; font-size:20px; display:block; margin:36px auto 0 auto;
				  background:#009fa5;
				  border-radius:6.5rem;-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;}
		
		.case-more:hover{color:#FFF; width:280px; text-decoration:none; background:#ef665c;}
		.caseli:nth-child(4n+1){animation-delay:.0s}
		.caseli:nth-child(4n+2){animation-delay:.1s}
		.caseli:nth-child(4n+3){animation-delay:.2s}
		.caseli:nth-child(4n+4){animation-delay:.3s}
		/* 动态css */
		.news{padding-top:100px; padding-bottom:0rem;}
		.news h2{font-size:32px; color:#000; position:relative; }

		.news h2:after{content: '';position: absolute;top: 70px;left: 0px; width:78px; height:3px; background:#018489;}
		.news-list{position:relative; background:#000; margin-bottom:30px;}
		.news-list img{opacity:1}
		.news-list .s-txt{position:absolute; bottom:0px; height:87px; padding:0 40px; z-index:5;}
		.news-list .s-txt h4{font-size:18px; height:27px; line-height:27px; margin-bottom:10px; overflow:hidden; font-weight:700; color:#FFF;}
        .news-list .s-txt p, .news-list .s-txt p>font{font-size:18px; color:#FFF !important;}
		.news-list a{color:#FFF; text-decoration:none; display:block; overflow:hidden;transition:transform 0.5s ease;}
		 .news-list a img{transition:transform 0.25s ease;}
		 .news-list a:hover img{-webkit-transform:scale(1.1); -webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out}
		.news .news-more{width:280px; text-align:center;
				  height:88px; line-height:88px; color:#FFF; font-size:20px; display:block; margin:30px auto 50px auto;
				  background:#009fa5; 
				  border-radius:6.5rem; -webkit-transition: background 0.8s ease-out;
	-moz-transition: background 0.8s ease-out;
	-o-transition: background 0.8s ease-out;
	transition: background 0.8s ease-out;}
		.news .news-more:hover{color:#FFF; text-decoration:none; background:#ef665c; 
		}
		
		.books {background:#FFF; width:100%; float:left; padding:0 120px; box-shadow:0px 20px 30px 0px rgba(0,0,0,0.06);}
		.contact{padding-top:50px; padding-bottom:50px;}

		  .tcontact { z-index:9999; background:#FFF; width:100%; padding:0px; box-shadow:0 0 10px #CCC;  -webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out}
		  .tcontact .close{position:absolute; top:20px; right:20px}
		  .tcontact .books{box-shadow:none;}
		  #contact {position: fixed; top:0px; z-index:9999; background:#FFF; width:100%; padding:0px; box-shadow:0 0 10px #CCC; display:none; }
		  #contact .close{position:absolute; top:20px; right:20px}
		  #contact .books{box-shadow:none;}
		   .msg {position:absolute; left:50%; margin-left:180px; top:40px; width:180px; color:#ED4F4F}
		  .fadein {display:block; animation:myfirst6 .4s ease-out;}
		  @keyframes myfirst6
	{
	from{ opacity:0;}
	to{ opacity:1;}
	0%{transform:scale(.8,.8);}
	100%{transform:scale(1,1);}
	}
	.fadeOut {display:block; animation:myfirst7 .4s ease-out;}
		  @keyframes myfirst7
	{
	from{ opacity:1;}
	to{ opacity:0;}
	0%{transform:scale(1,1);}
	100%{transform:scale(.8,.8);}
	}
		  
		.contact h2{font-size:32px; height:7rem; color:#000; position:relative; margin-bottom:4rem;}
		.contact h2:after{content: '';position: absolute;top: 70px;left: 0px; width:78px; height:3px; background:#018489;}
		.books h4{margin:60px auto; text-align:center; height:33px; line-height:33px; font-size:20px; font-weight:400;}
		.books .form-group{position:relative; height:108px; border-top:1px solid #e5e5e5;font-size:18px; color:#999; margin-bottom:0}
		.books .control-label {float:left; width:50%; text-align:right; height:30px; line-height:30px; margin-top:40px; padding-right:70px; }
		.books .form-control {float:left; width:50%; padding-left:27px; height:30px; line-height:30px; margin-top:40px; border:0; outline:none; font-size:18px;color:#999}
		.books .form-control:focus{border:0px; outline:none; box-shadow:none;}
		.form-group input::-webkit-input-placeholder{color:#999; font-weight:normal;}
		.books-sub { border-top:1px solid #e5e5e5; padding:50px 0px 70px 0; margin:0 auto; text-align:center;}
		.books-btn{width:280px;height:88px; border:0; line-height:88px;background:#009fa5;border-radius:4.64rem; font-size:20px; text-align:center; color:#FFF;
		-webkit-transition: background 0.5s ease-out;
	-moz-transition: background 0.5s ease-out;
	-o-transition: background 0.5s ease-out;
	transition: background 0.5s ease-out;}
		 .books-btn:hover{background:#ef665c;}
		  .contact .c-left{float:left; width:50%;}
		  .contact .c-left .books{ padding:10rem 5rem 8rem 5rem;}
		  .contact .c-left .ads{text-align:center; font-size:18px; color:#333;}
		  .contact .c-left .ads span{display:inline-block; padding:0 1rem;}
		  .contact .c-right{float:right; width:50%;}
		  .contact .c-right img{width:100%; height:auto;}
     .foot{background:#FFF; width:100%; clear:both; padding:50px 0 25px 0; font-size:1.29rem;font-weight:400;color:rgba(51,51,51,1); margin-top:0;}
        .foot .flogo{float:left; margin-right:60px; padding-top:4px;}	 
	 .foot-add {float:left;  font-size:18px;}
	 .foot-weixin{float:right; margin-top:0px; margin-right:-5px;}
	  .foot-weixin img{width:120px;}
 	 .foot .bei{font-size:14px;font-weight:400;color:rgba(153,153,153,1); margin-top:30px; text-align:left;}
/****首页内容部分****/
.auto{ position:absolute; top:-58px; box-shadow:0px 0px 30px rgba(51, 51, 51, 0.20); height:100px; background:#FFF; width:1200px; z-index:999;}
.block{ position:relative;}
.block h2{font-size:20px; font-weight: normal; color:#2279b8; height:93px; line-height:34px;}
 .block h2 p{font-size:14px; color:#999; line-height:30px;}
 .block h2 span{float:right;}
  .block h2 span a{display:block; font-size:16px; width:160px; height:60px; line-height:60px; text-align:center; background:#c8b78f; color:#FFF;font-weight:normal;}
  .block h2 span a:hover{background:#d8caa6;}

	  

/**幻灯**/
.xbanner, .heroList{margin-bottom:0px; }

 .apple-banner {
	width: 100%;
	height:930px;
	overflow: hidden;
}
.apple-banner .swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-button-prev,.swiper-button-next{
	width: 15%;
	height: 100%;
	top:0;
	background:none;
	}
.swiper-button-prev{
	left:0;}	
.swiper-button-next{
	right:0;}	
.swiper-button-prev span,.swiper-button-next span{
	display:block;
	width: 64px;
	height: 64px;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top:-32px;
	border-radius: 100%;
	background: rgba(180,180,180,0.25) url(../img/arrows.png) no-repeat center 17px;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.swiper-button-next span{
	background: rgba(180,180,180,0.25) url(../img/arrows.png) no-repeat center -71px;
	left:auto;
	right:20px;
	}
.apple-banner:hover .swiper-button-next span, .apple-banner:hover .swiper-button-prev span{
	opacity: .6;
}
/*分页器*/
.apple-banner .swiper-pagination{
	top:auto;
	bottom:50px;
	background:none;
}
.apple-banner  .swiper-pagination-bullet {
	display: inline-block;
	width: 78px;
	height: 30px;
	margin: 0 3px;
	cursor: pointer;
	background: none;
	border-radius:0;
	opacity: 1;
}
.apple-banner  .swiper-pagination-bullet span {
	width: 78px;
	height: 3px;
	display: block;
	background: rgba(128,128,128,0.2);
}
.apple-banner .swiper-pagination-bullet-active span{
    background:gray;
}
.apple-banner .autoplay .swiper-pagination-bullet-active span{
    background: rgba(128,128,128,0.2);
}
.apple-banner  .swiper-pagination-bullet i{
	background: #009fa5;
	height: 3px;
	transform:scaleX(0);
	transform-origin: 0;
	display: block;
}
.apple-banner .autoplay .firsrCurrent i{
	transition:transform 2.9s linear;
	transform:scaleX(1);
}
.apple-banner .autoplay .current i{
	transition:transform 4s linear;
	transform:scaleX(1);
}
.apple-banner  .autoplay .replace span{
  background:#009fa5;
}

.c-hero, .m-hero-item{height:100%}
.c-heading-1{
 text-align:left;
height:71px;
font-size:36px;
font-weight:normal;
color:rgba(255,255,255,1);
line-height:71px;
margin-bottom:0px;
}
.c-subheading-1{
width:520px; padding-top:2px;
height:180px; overflow:hidden;
font-size:4.8rem;
font-weight:400;
color:rgba(255,255,255,1);
line-height:80px;
}
.c-call-to-action{
line-height:88px;
display:block;
font-size:20px;text-align:center; color:#FFF;
	
}
.c-call-to-action:hover{background:#286266; color:#FFF;}
.f-previous{background:url(../images/xpre.png) no-repeat left top; width:46px; height:90px}
.f-next{background:url(../images/xnext.png) no-repeat left top; width:46px; height:90px}
.f-previous:active{background:url(../images/xpre.png) no-repeat left top; opacity:.8;}
.f-next:active{background:url(../images/xnext.png) no-repeat left top;opacity:.8;}
.c-carousel .f-active{background:#FFF; opacity:1}
.textposition4 .c-heading-1, .textposition4 p{ color:#000;}
 .c-sequence-indicator .c-action-toggle {display:none;}
 .article-detail img{margin-bottom:20px;}
  .article-detail{padding-bottom:110px;}
   .article-detail p{line-height:30px;}
/*内容样式*/
.slide1{background-repeat:no-repeat; background-position:right bottom; background-size:cover;}
.slide1 .title{
margin-top:300px; margin-left:50px;
height:71px;
font-size:4.8rem;
font-weight:bold;
color:rgba(255,255,255,1);
line-height:71px;}
.slide1 .title p{width:539px; padding-top:17px;
height:235px;
font-size:32px;
font-weight:400;
color:rgba(255,255,255,1);
line-height:54px;}
.slide1 .title small a{
width:280px;
height:88px;
line-height:88px;
background:#009fa5;
border-radius:65px;
display:block;
font-size:20px;text-align:center; color:#FFF;
	}
.slide1 .title small a:hover{background:#286266;}


.list-banner{background-repeat:no-repeat; background-position:center top; height:400px;  position:relative;}
.list-banner img{max-width:100%; height:auto;}
.list-banner h2{text-align:left; font-size:34px; padding-top:36rem; height:10rem;  }
.list-banner h3{text-align:center;font-size:36px; line-height:50px; font-weight:normal;color:#FFF; height:10rem; position:absolute; top:50%; margin-top:-50px; width:100%; }
.tbanner1{ position:relative;}
.tbanner1 h2{padding:120px 0 70px 0; font-size:36px; line-height:50px; max-width:1200px; margin:0 auto;}
.tbanner1 h2 p{margin:0;}
.tbanner1 .tbanner3 { display:none;}
.tbanner1 img{max-width:100%; height:auto;}
/*内容样式
    .casef-1-content{position:relative;}
	.casef-1-content .case-f-title{width:1200px; margin-left:auto; margin-right:auto; font-size:30px; padding:100px 0;}
	.case-f-block1{padding:0 0 8rem 0; clear:both; width:1200px; margin-left:auto; margin-right:auto;}
	.case-f-block1 .pt0 p{margin-bottom:20px;}
	.case-t1{padding-top:10rem;}
	.case-f-block1 p{font-size:14px; line-height:3.8rem;}
	.casef-1-content .case-f-block2{border-top:1px solid #D5D5D5; padding:7rem 0; text-align: left; max-width:1022px; margin:0 auto;  width:1200px;}
	   .casef-1-content .case-f-block2 p{ line-height:44px; text-align:left;}
	   .case-f-block3-t1{padding-bottom:150px; font-size:18px; line-height:30px;}
	     .z-info{ margin-top:37px; clear:both; height:64px; width:100%;}
	     .z-info .z-face{float:left; width:64px; height:64px; border-radius:64px;}
		  .z-info .z-name{float:left; margin-left:31px; width:200px;}
		    .z-info .z-name h4{height:20px;font-size:14px; margin-bottom:5px; padding:0; margin-top:6px;
font-weight:400;
color:rgba(51,51,51,1);
line-height:20px;}
             .casef-1-content .case-f-block2 .z-name p{
height:20px;
font-size:14px;
font-family:SourceHanSansHWSC-Regular;
font-weight:400;
color:rgba(153,153,153,1);
line-height:20px;
			 }
	.case-f-block3{padding-top:10rem;  width:1200px; margin-left:auto; margin-right:auto;}
	.case-f-block3 p{max-width:752px;}
	.case-f-block3 img{max-width:100%; height:auto; margin-bottom:5rem; display:block;}
	.casef-1-content h4{font-size:20px; color:#333; padding:20px 0}
	.casef-1-content p{font-size:18px; line-height:30px;}
	.article-detail-content img{max-width:100%; height:auto;}
	.case-f-block4{padding-top:100px; margin-top:100px; border-top:1px solid #e2e2e2; font-size:18px; line-height:30px;  width:1200px; margin-left:auto; margin-right:auto;}
	
	.tbanner2 h2 p{margin:0;}
	.tbanner2 { position:relative;background:#000;  text-align:left;}
	.tbanner2j { position:relative; text-align:left;}
	  .tbanner2 h2{position:absolute; top:50%; width:64rem; left:50%; font-weight:400; color:#FFF; font-size:4.8rem; line-height:7.20px; z-index:99;transform:translate(-50%,-50%); text-align:center;}
	  .tbanner2 #bigpic1{opacity:.6; max-width:100%; height:auto;}
	.casef-2-content{position:relative; }
	  .casef-2-content .case-f-title{position:absolute; font-size:30px; top:6rem; display:none}
	  .case-j-block1{padding:6rem 0;font-size:18px; width:1200px; margin:0 auto;}
	  .case-j-block2{padding-top:0rem;  width:500px; font-size:32px; float:left;}
	  .case-j-block2 p{margin-bottom:20px;}
	  .case-j-block3{width:600px; font-size:18px; line-height:30px; float:right; padding-top:5px;}
	  .case-j-block3 p{margin-bottom:30px}
	  .case-j-block3 .m0{margin-bottom:0px;}
	  .case-j-block3 h4{color:#018489; font-size:20px; margin-bottom:30px;font-weight:400;display:none;}
	  .case-title{font-size:20px; padding:70px 0; border-top:1px solid #D5D5D5; margin-top:70px;}
	  .case-title span{float:right;}
	  .case-title span a{color:#018489}
	  .nav-2 img{filter: invert(1);}
	  nav .nav-2 .menu li a{color:#FFF;}*****/
  /**news**/
  .article-detail-title {padding-top:0px; font-size:3.8rem; color:#FFF;}
  .article-date{padding:26px 0 0px 0; font-size:16px;}
  .news-body {margin-top:40px; width:1000px; margin-left:auto; margin-right:auto; font-size:16px; color:#333;}
  .article-txt i>font{color:#666}
  .article-date, .article-date span>font{color:#FFF}
  .article-date span{padding-right:28px;}
  .article-date em{padding:0 28px; font-style:normal;}
 /*****单页******/
 .s-banner{background:url(../images/fuwu-banner.jpg) no-repeat center top; height:400px;}
 .s-banner h2{text-align:center; font-family:SourceHanSansCN-Normal;
font-weight:400;font-size:36px;
color:rgba(74,74,74,1); padding-top:140px; line-height:50px;}
 .s-block1{padding-top:3rem;}
 .fuwu-ln{width:928px;height:8.8rem;font-size:24px; margin:70px auto; text-align:center; letter-spacing:8px; clear:both;}
 .fuwu-ys{text-align:center; padding:0rem 0 100px 0; width:100%}
 .s-t1{min-height:230px; background:#F4F4F6; padding:40px 60px; margin-bottom:30px;}
 .s-t1 h4{font-size:32px; height:51px;font-family:SourceHanSansCN-Normal;
font-weight:400;}
 .s-t1 p{font-size:18px; line-height:1.8}
 .s-block2{ background:#F4F4F6; padding-bottom:100px;}
 .s-block2 h4{width:928px;font-family:SourceHanSansCN-Normal;
font-weight:400;
color:rgba(51,51,51,1);font-size:24px;
line-height:40px; margin:0 auto; text-align:center; letter-spacing:3px; padding:100px 0;}
 .s-block2 ul li{width:20%; float:left; margin-bottom:140px; text-align:center; padding:0 20px;}
 .s-block2 ul li img{max-width:100%;}
 .s-more{width:436px;
height:88px; line-height:88px; font-size:18px; text-align:center; clear:both; display:block; color:#FFF; margin:0 auto;
background:#009fa5;
border-radius:4.4rem;}
 .s-more:hover{background:#286266;color:#FFF;}
 .s-block3{ background:#FFF; padding:3rem 0; text-align:center; border-bottom:1px solid #F5F5F5;}
  .s-block3 img{max-width:100%;}
	
.s-team{margin:42px 0px;}
.s-team .swiper-container {
      width: 100%;
      height: 100%; overflow:visible;
    }
.s-team .swiper-slide {
      text-align: center; margin:0px; float:left; position:relative;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.s-team  .swiper-button-prev, .s-team .swiper-button-next{ background:url("../images/arrow.png") no-repeat 0px -51px; width:48px; height:48px;}
.s-team .swiper-button-next{ background-position:0px -0px;}
	.s-team .swiper-slide img{ width:240px; height:273px; display:block; }
	.s-team .swiper-slide h4{height:60px; position:absolute; left:29px; bottom:0px; z-index:9; color:#FFF; font-size:12px; font-weight:normal; text-align:left;}
	.s-team .swiper-slide h4 p{padding:0px; height:25px; line-height:25px;}
   /***aboutus***/
   .a-banner{background:#000 url(../images/about-banner.jpg) no-repeat center bottom; height:818px;}
     .a-banner h2{text-align:center; font-size:5rem; letter-spacing:7px; color:#FCFCFC; padding-top:360px;}
	
	.a-block1 {padding:70px 0; margin:0 auto; width:1200px;}
	.a-block1 h3{font-size:30px; padding:30px 0 40px 0; text-align:center;}
	.a-block1 p{font-size:20px; line-height:40px; margin:0px}
	  .a-block2{padding:70px 0 0 0; margin:0 auto; width:1200px;}
	  .a-block2 h3{font-size:30px; padding:0rem 0 40px 0; text-align:center;}
	  .a-job{margin:0 -3rem;}
	  .a-job li{float:left; width:33.33%; font-size:14px; padding:0 3rem; border-right:1px solid #E2E2E2; line-height:1.7}
	  .a-job li:nth-child(1){ width:33.33%;}
	  .a-job li:nth-child(3){width:33.33%;border-right:0}
	   .a-job .job-1{width:84px;}
	   .a-job .job-2{width:9rem;}
	   .table thead th, .table td, .table th{border:0}
	   .a-mail{font-size:18px; padding:4rem 0; border-bottom:2px solid #E2E2E2; clear:both;}
	   .a-mail a{color:#018489;}
	   
	   .c-c .c-n{background:url(../images/next.png) no-repeat center top; width:84px; height:84px; top:45%; right:100px;}
	   .c-c .c-p{background:url(../images/prev.png) no-repeat center top;  width:84px; height:84px; top:45%;  left:100px;}
	   .c-c  .swiper-pagination{bottom:30px;}
	   .c-c  .swiper-pagination span{background:rgba(109,109,109,1);width:12px;height:12px; margin:0 5px;}
	   .c-c  .swiper-pagination .swiper-pagination-bullet-active{width:12px;height:12px;background:rgba(216,216,216,1);}
	#dowebok{width:100%; overflow:hidden;} 

.flexslider {
            width:100%;
            height: 930px;
            margin: auto; /* for center alignment */
        }
     .flexslider ul li {
            width: 100%;
            height: 930px;
        }
.flexslider  .title{
margin-top:180px; margin-left:50px; background:none;
height:71px;
font-size:4.8rem;
font-weight:bold;
color:rgba(255,255,255,1);
line-height:71px;}
.flexslider  .title p{width:539px; padding-top:17px;
height:235px;
font-size:32px;
font-weight:400;
color:rgba(255,255,255,1);
line-height:54px;}
.flexslider  .title small a{
width:280px;
height:88px;
line-height:88px;
background:#009fa5;
border-radius:65px;
display:block;
font-size:20px;text-align:center; color:#FFF;
	}
.s-block1 .col-l2{width:545px; float:left;}
.s-block1 .col-l2:nth-child(even){float:right;}
	
.flexslider  .title small a:hover{background:#286266;}
.case-page{clear:both; height:35px; text-align:center;}
.case-page ul li{display:inline-block; font-size:18px; margin:0 10px;}
.case-page ul li a{display:block; padding:8px 15px;border: 1px solid #ccc;}
.case-page ul .active a{color:#018489; border: 1px solid #018489;}
.kf-sidebar { position:fixed; bottom: 300px; right:0;  width:160px; height:115px; z-index:100; background:#000; opacity:0.5; filter:alpha(opacity=50); border-radius:6px 0 0 6px;}
.kf-sidebar ul { position:absolute; top:8px; left:0; z-index:99;}
.kf-sidebar li { position:absolute; left:0; -webkit-transition:left .5s ease-in-out 0s; -moz-transition:left .5s ease-in-out 0s; -ms-transition:left .5s ease-in-out 0s; -o-transition:left .5s ease-in-out 0s; transition:left .5s ease-in-out 0s;}
.kf-sidebar li a { display:block; padding-left:56px; width:170px; text-align:left; height:50px; background:url(../images/kf-icon.png) no-repeat; font-size:14px; line-height:50px; color:#FFF;}
.kf-sidebar .sidebar-a { top:0;}
.kf-sidebar .sidebar-b { top:50px;}
.kf-sidebar .sidebar-c { top:150px;}
.kf-sidebar .sidebar-a a { top:0; background-position:0 0;}
.kf-sidebar .sidebar-b a { top:50px; width:100px; background-position:0 -50px;}
.kf-sidebar .sidebar-c a { top:150px; background-position:0 -100px;}
.new-case {
padding-top:170px;
background:#FFF;
}
.new-case h1{
font-size:42px;
font-family:SourceHanSansCN-Light;
font-weight:300;
color:rgba(51,51,51,1);
line-height:63px;
padding:0px; margin:0px;
	padding-bottom:20px;
}
.new-case .n-case-description{
font-size:22px;
font-family:SourceHanSansCN-Light;
font-weight:300;
color:rgba(153,153,153,1);
line-height:33px;
padding-bottom:80px;
}
.n-case-content{
	width:1120px; clear:both;
	font-size:14px;
font-family:SourceHanSansCN-Normal;
font-weight:400;
color:rgba(34,34,34,1);
line-height:30px;
padding-bottom:90px;
}
.n-case-left{
	width:217px;
	float:left;
}
.n-case-kehu{
	height:34px;
	font-size:14px;
font-family:SourceHanSansCN-Bold;
font-weight:bold;
color:rgba(34,34,34,1);
line-height:34px;
width:200px;
border-bottom:2px solid #222;
}
.n-case-kehu-name{
	padding:10px 0;
}
.n-case-right{
	width:750px;
	float:right;
}
.n-case-right img{ max-width:100%; !important;}
.n-case-right .container{width:100%;}
.n-case-foot{
	height:290px;
	background:rgba(34,34,34,1);
}
.n-case-foot .f-logo{float:left; width:220px;margin-top:92px;}
.n-case-foot .f-adds{float:left; width:400px; margin-top:90px;
color:rgba(255,255,255,1);font-size:14px;
line-height:19px;

}
.n-case-foot .f-adds .bei{
	padding-top:19px;
	font-size:14px;
color:rgba(153,153,153,1);
line-height:19px;
}
.n-case-foot .f-ewm{float:right; width:100px; margin-top:82px;}