/* 重置样式 */
h1,h2,h3,h4,h5,h6,p,ul{
	margin:0;
	padding:0;
	list-style:none;
}
body{
  font-size:14px;
}
a{
  text-decoration:none;
}
img{
  vertical-align:middle;
}
.clear:after{
  content:"";
  display:block;
  clear:both;
}
.v1-container1{
  width:1200px;
  margin:0 auto;
  position:relative;
}
.v-container{
  width:1200px;
  margin:0 auto;
  position:relative;
}
.v3-container3{
  width:1200px;
  margin:0 auto;
  position:relative;
}
.v4-container4{
  width:1440px;
  margin:0 auto;
  position:relative;
}
/* 头部样式 */
header{
  box-sizing:border-box;
  height:91px;
  line-height:91px;
  font-size:18px;
  color:#666666;
}
header a{
  color:#666666;
}
.nav>li{
  float:left;
  margin-left:10px;
  position:relative;
  margin-bottom:10px;
}
.nav>li>a{
  display:inline-block;
  box-sizing:border-box;
  height:91px;
  padding:0 13px;
  border-bottom:3px solid transparent;
  text-decoration:none;
}
.nav>li>a:hover,.nav>li.on>a{
  border-bottom-color1:#069e06;
  
  color:#069e06;
}
.nav{
  float:right;
}
.nav li .bottom-arrow{
  position:absolute;
  font-size:0;
  border:6px solid transparent;
  border-top-color:#666666;
  top:43.5px;
  right:2px;
}
.nav li.active .bottom-arrow{
  display:none;
}
.nav li .toBottom{
  animation-name:toBottom;
  animation-duration:1s;
}
.nav li .top-arrow{
  position:absolute;
  font-size:0;
  border:6px solid transparent;
  border-bottom-color:#069e06;
  top:37.5px;
  right:2px;
  z-index:99;
  display:none;
}
.nav li.active .top-arrow{
  display:block;
  animation-name:toTop;
  animation-duration:1s;
}

.my1-dropdown1-menu1{
  position:absolute;
  top:91px;
  left:0;
  z-index:999;
  box-sizing:border-box;
  width:118px;
  height:0;
  opacity:0;
  background:#fff;
  border-top:1px solid #e0e0e0;
  padding-top:20px;
  overflow:hidden;
  transition:all .3s linear;
}
.my1-dropdown1-menu1.in{
  height:141px; 
  opacity:1;
  overflow:visible;
}
.my1-dropdown1-menu1>li>a,#subMemu1 a{
  display:block;
  height:50px;
  line-height:50px;
}
.my1-dropdown1-menu1>li.my1-dropdown1-item1{
  box-sizing:border-box;

  height:50px;
  line-height:50px;
  position1:relative;
  padding:0 12px;
  margin-left1:0px;
}
.my1-dropdown1-menu1 li.active1>a,.my1-dropdown1-menu1 li.active1>span{
  box-sizing:border-box;
  color:#ffffff;
  background:#069e06;
  padding-left:0px;
  transition:padding 0.5s;
}
.my1-dropdown1-menu1>li.active1>a{
  text-decoration:none;
} 

#sub1-dropdown1>span{
  display:block;
  height:50px;
}
#sub1-dropdown1>span>span{
  float:right;
  margin-right:20px;
}
#subMemu1{
  position:absolute;
  box-sizing:border-box;
  width:155px;
  height:121px;
  background:#fff;
  border:1px solid #e0e0e0;
  border-right:0;
  border-bottom:0;
  top:-2px;
  left:117px;
  z-index:9999;
  padding:5px 5px 0;
  display:none;
}
#subMemu1.in{
  display:block;
}
#subMemu1 a{
  box-sizing:border-box;
  display:block;
  height:50px;
  line-height:50px;
  text-decoration:none;
  transition:padding 0.5s;
}
#subMemu1 a:hover{
  color:#ffffff;
  background:#069e06;
  padding-left1:20px;
}


.my-dropdown-menu{
	
  position:absolute;
  top:91px;
  left:0;
  z-index:999;
  box-sizing:border-box;
  width:142px;
  height1::131px;
  opacity:0;
  background:#fff;
  min-height1:231px;
  border-top:3px solid #069e06;
  padding-top:20px;
  overflow:hidden;
  transition:all .3s linear;
}
.my-dropdown-menu.in{
  height1:131px; 
  padding-bottom:0.3cm;
min-height:111px;
  opacity:1;
  overflow:visible;
}


.my-dropdown-menu>li>a,#subMemu a{
  display:block;
  height:50px;
  line-height:50px;
}
.my-dropdown-menu>li.my-dropdown-item{
  box-sizing:border-box;

  height:50px;
  line-height:50px;
  position1:relative;
  padding:0 12px;
  margin-left1:0px;
}
.my-dropdown-menu li.active>a,.my-dropdown-menu li.active>span{
  box-sizing:border-box;
  color:#ffffff;
  background:#069e06;
  padding-left:0px;
  transition:padding 0.5s;
}
.my-dropdown-menu>li.active>a{
  text-decoration:none;
} 
#sub-dropdown>span{
  display:block;
  height:50px;
}
#sub-dropdown>span>span{
  float:right;
  margin-right:20px;
}
#subMemu{
  position:absolute;
  box-sizing:border-box;
  width:187px;
  height:119px;
  background:#fff;
  border:1px solid #e0e0e0;
  border-right:0;
  border-bottom:0;
  top:-2px;
  left:117px;
  z-index:9999;
  padding:5px 5px 0;
  display:none;
}
#subMemu.in{
  display:block;
}
#subMemu a{
  box-sizing:border-box;
  display:block;
  height:50px;
  line-height:50px;
  text-decoration:none;
  transition:padding 0.5s;
}
#subMemu a:hover{
  color:#ffffff;
  background:#069e06;
  padding-left1:20px;
}

/* 底部样式 */
footer{
  box-sizing:border-box;
  height:540px;
  background:#3d454d;
  color:#9ca5ad;
  padding-top:83px;
}
#footer>div{
  float:left;
}
#footer div h4{
  font-size:18px;
  color:#ffffff;
  margin-bottom:36px;
}
#footer div:nth-child(1){
  width:277px;
  margin-right:79px;
}
#footer div:nth-child(1) p.content{
  line-height:24px;
  margin-bottom:46px;
}
#footer div:nth-child(2) img,#footer div:nth-child(2) p{
  float:left;
}
#footer div:nth-child(2) ul{
  border-top:1px solid #3d454d;
}
#footer div:nth-child(2) ul li{
  line-height:48px;
  margin:8px 0 15px;
}
#footer div:nth-child(2) ul li:nth-child(1){
  line-height:24px;
}
#footer div:nth-child(2) ul li p{
  position:relative;
  top:-10px;
  left:10px;
}
#footer div:nth-child(3){
  margin-left:163px;
}
#footer div:nth-child(3) ul li{
 margin-bottom:25px;
}
#footer div:nth-child(5){
  float:right;
}
#footer div:nth-child(4){
  margin-left:150px;
}
#footer div:nth-child(4) p,#footer div:nth-child(5) p{
  margin-top:16px;
  text-align:center;
}

footer>div:nth-child(2){
  height:110px;
  border-top:1px solid #515b66;
  padding-top:8px;
  margin-top:72px;
}
footer>div:nth-child(2) span{
  font-size:18px;
  color:#fff;
  margin-right:30px;
}
footer>div:nth-child(2) a{
  color:#929aa2;
  margin-right:30px;
}
footer>div:nth-child(3){
  height:50px;
  line-height:50px;
  text-align:center;
  background:#282e33;
  color:#fff;
}

/* banner */
.banner{
  width:100%;
}
.banner img{
  width:100%;
}
.banner div p{
  color:#ffffff;
  position:absolute;
  top:189px;
  left:0;
  font-size:40px;
}
.banner div span{
  position:absolute;
  width:80px;
  height:4px;
  left:0;
  top:248px;
  background:#069e06;
}


/* 标题样式 */
h4.title{
  height:122px;
  box-sizing:border-box;
  font-size:28px;
  color:#383838;
  padding-top:66px;
  text-align:center;
  position:relative;
  font-weight:bold;
 
}
h4.title img{
  position:absolute;
  left:591px;
  bottom:0;
}
h4.title b{
  position:absolute;
  width:549px;
  height:1px;
  background:#cccccc;
  top:106px;
}
h4.title b.left{
  left:0;
}
h4.title b.right{
  right:0;
}

/* 面包屑导航样式 */
#v-breadcrumb{
  position1:relative;
}
.v-breadcrumb{
  border-left:4px solid #0cb631;
  padding-left:6px;
  position1:absolute;
  top:20px;
  left:0;
}
.v-breadcrumb li{
  float:left;
  margin-right:10px;
  color:#9e9e9e;
}

/* 分页 */
#pages{
  height:40px;
  line-height:40px;
  text-align:center;
  margin:88px 0 68px 0;
}
#pages a{
  padding:4px 10px;
  border:1px solid #cccccc;
  color:#333333;
}
#pages a.current{
  background:#069e06;
  color:#fff;
}
#pages a.disabled{
  color:#bfbfbf;
  background:#f2f2f2;
  border:1px solid #bfbfbf;
}

/* 长者服务中心 */
#service{
  margin-top:52px;
}
#service li{
  float:left;
  width:366.6666667px;
  margin:0 50px 50px 0;
}
#service li:nth-child(3),#service li:nth-child(6),#service li:nth-child(9){
  margin-right:0;
}
#service li a{
  text-decoration:none;
}
#service li img{
  width:100%;
  height:240px;
}
#service li p{
  font-size:16px;
  padding:8px 0 12px;
  color:#292929;
}
#service li span{
  color:#999999;
}

/* 图片列表 */
#img-list li{
  float:left;
  width:575px;
  height:322px;
  margin:0 50px 50px 0;
  overflow:hidden;
}
#img-list li img{
  width:100%;
  height:322px;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;
}
#img-list li img:hover{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
#img-list li:nth-child(2),#img-list li:nth-child(4),#img-list li:nth-child(6){
  margin-right:0;
}

/* 图文列表 */
#img-text-list{
  width:1160px;
  margin:0 auto;
}
#img-text-list li{
  box-sizing:border-box;
  width:286px;
  height:320px;
  border:1px solid #dce0dc;
   box-shadow: 0 2px 4px rgba(0,0,0,0.6);
  float:left;
  margin:0 12px 30px 0;
}

#img-text-list li div{
  width:286px;
  height:235px;
  overflow:hidden;
}
#img-text-list li img{
  width1:100%;
  height:235px;
  border-radius:13px 14px 15px 16px;
  -webkit-transition: -webkit-transform 0.1s;
  -moz-transition: -moz-transform 0.1s;
  -o-transition: -o-transform 0.1s;
  transition: transform 0.1s;
}
#img-text-list li img:hover{
	 width:268px;
	 margin-left:3px;
	
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
#img-text-list li p{
  height:63px;
  line-height:63px;
  text-align:center;
  font-size:16px;
  color:#333333;
}
#img-text-list li:nth-child(4),#img-text-list li:nth-child(8){
  margin-right:0;
}

/* 返回顶部 */
#toTop{
  width:42px;
  height:89px;
  position:fixed;
  top:500px;
  right:50px;
  color:#fff;
  display:none;
}
#toTop div{
  background:#069e06;
}
#toTop div:nth-child(1),#toTop div:nth-child(2){
  width:40px;
  height:40px;
  border:1px solid #c7ecc7;
  text-align:center;
}
#toTop div:nth-child(1){
  margin-bottom:5px;
}
#toTop div:nth-child(1) img{
  margin-top:8px;
}
#toTop div:nth-child(2) img{
  margin-top:10px;
}
#toTop div p{
  font-size:12px;
  padding-top:1px;
  display:none;
}
#toTop div.active p{
  display:block;
}
#toTop div.active img{
  display:none;
}
#toTop div a{
  color:#fff;
  text-decoration:none;
  display:block;
  font-size:12px;
}
#toTop div:nth-child(3){
  width:130px;
  height:30px;
  border:1px solid #c7ecc7;
  text-align:center;
  line-height:30px;
  position:absolute;
  top:5px;
  left:-142px;
  display:none;
}
#toTop div:nth-child(3).active{
  display:block;
  animation-name:toLeft;
  animation-duration:1s;
}
#toTop div:nth-child(3) span{
  font-size:0;
  border:7.5px solid transparent;
  border-left-color:#069e06;
  position:absolute;
  top:7px;
  left:128px;
}

/* 机构地址收缩 */
#address{
  box-sizing:border-box;
  width:140px;
  height:240px;
  position:fixed;
  left:0;
  top:600px;
  box-shadow: darkgrey 0px 0px 5px;
  background:#fff;
}
#address span{
  position:absolute;
  top:0;
  right:0;
  margin:0 5px 0 0;
  cursor:pointer;
}
#address img{
  width:73px;
  display:block;
  margin:9px auto 0;
}
#address h4{
  font-weight:normal;
  font-size:16px;
  color:#069e06;
  margin:11px 0 15px;
  text-align:center;
}
#address p{
  color:#333333;
  line-height:25px;
  padding:0 19px;
}
#mini-address{
  position:fixed;
  left:0;
  top:742px;
  width:58px;
  height:98px;
  border:1px solid #c7ecc7;
  background:#069e06;
  color:#ffffff;
  text-align:center;
  font-size:16px;
  cursor:pointer;
  display:none;
}
#mini-address img{
  width:30px;
}
#mini-address p{
  line-height:18px;
  margin:6px 0;
}

/* 页面头部 nav 动画 */
@keyframes toTop{
  0%{
     margin-top:5px;
     opacity:0;
  }
  100%{
     margin:0;
     opacity:1;
  }
}
@keyframes toBottom{
  0%{
     margin-top:-5px;
     opacity:0;
  }
  100%{
     margin:0;
     opacity:1;
  }
}

/* icons 动画*/
@keyframes change{
  0%{
    top:0;
  }
  25%{
    top:-7px;
  }
  50%{
    top:2px;
  }
  75%{
    top:-2px;
  }
  100%{
    top:0;
  }
}

/* 返回顶部 */
@keyframes toLeft{
  0%{
     margin-left:-10px;
     opacity:0;
  }
  100%{
     margin:0;
     opacity:1;
  }
}