*{
  margin: 0;
  padding: 0;
  border: none;
}
html{
  font-size: 12px;
  font-family:PingFangSC-Regular;
  font-weight:400;
  letter-spacing:1px;
}
body{
  width: 100%;
}
li {
  list-style: none;
}
a {
  color: rgba(19,163,161,1);
  text-decoration: none;
}
.container {
  width: 100rem;
  margin: 0 auto;
  zoom: 0.87;
  transform: scale(0.87);
  transform-origin: top center;
  display: table;
}
.l {
  float: left;
}
.r {
  float: right;
}
.clear {
  clear: both;
}
.topSlideBox{ width: 100%; height: 620px; }
.topSlideBox .hd{ display: none; }
.topSlideBox .bd {width: 100%; height: 100%;}
.topSlideBox .bd ul{ width: 100%; height: 100%;}
.topSlideBox .bd li{ width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover;}
/*头部样式*/
.header{
  margin: 2rem 0 0 0;
}
.header .logo{
  height: 8rem;
}

.header .logo i{
  display: inline-block;
  width: 22.7rem;
  height: 7rem;
  background-image: url(../image/logo2.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.header .nav{
  width:71.58rem;
  height:4.5rem;
  background:rgba(241,243,240,1);
  border-radius:2.25rem;
  margin: 2rem 0;
}
.header .nav>ul {
  margin-left: 2rem;
  position: relative;
}
.header .nav>ul>li{
  float: left;
  width: 14%;
  line-height: 5rem;
  text-align: center;
  position: relative;
  text-indent: 2.5rem;
}
.header .nav>ul>li.active{
  background: #15ACA8;
  height:4.5rem;
  border-radius:2.25rem;
}
.header .nav:hover>ul>li.active{
  background: transparent;
}
.header .nav:hover>ul>li.active>a{
  color: rgba(102,102,102,1);
}
.header .nav>ul>li.active>a,.header .nav:hover>ul>li.active:hover>a{
  color: #fff;
}
.header .nav>ul>li:hover{
  background: #15ACA8!important;
  height:4.5rem;
  border-radius:2.25rem;
}
.header .nav>ul>li:hover a{
  color: #fff;
}

.header .nav i{
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  position: absolute;
  margin-left: -2.8rem;
  margin-top: .8rem;
}

.header .nav i.i-we,.header .nav:hover .active i.i-we {
  background-image: url(../image/nav-we.png);
}
.header .nav i.i-project,.header .nav:hover .active i.i-project {
  background-image: url(../image/nav-project.png);
}
.header .nav i.i-action,.header .nav:hover .active i.i-action {
  background-image: url(../image/nav-action.png);
}
.header .nav i.i-public,.header .nav:hover .active i.i-public {
  background-image: url(../image/nav-public.png);
}
.header .nav i.i-school,.header .nav:hover .active i.i-school {
  background-image: url(../image/nav-school.png);
}
.header .nav i.i-campaign,.header .nav:hover .active i.i-campaign {
  background-image: url(../image/nav-campaign.png);
}
.header .nav i.i-platform,.header .nav:hover .active i.i-platform {
  background-image: url(../image/nav-platform.png);
}
.header .nav .active i.i-we,.header .nav:hover li:hover i.i-we {
  background-image: url(../image/nav-we-active.png);
}
.header .nav .active i.i-project,.header .nav:hover li:hover i.i-project {
  background-image: url(../image/nav-project-active.png);
}
.header .nav .active i.i-action,.header .nav:hover li:hover i.i-action {
  background-image: url(../image/nav-action-active.png);
}
.header .nav .active i.i-public,.header .nav:hover li:hover i.i-public {
  background-image: url(../image/nav-public-active.png);
}
.header .nav .active i.i-school,.header .nav:hover li:hover i.i-school {
  background-image: url(../image/nav-school-active.png);
}
.header .nav .active i.i-campaign,.header .nav:hover li:hover i.i-campaign {
  background-image: url(../image/nav-campaign-active.png);
}
.header .nav .active i.i-platform,.header .nav:hover li:hover i.i-platform {
  background-image: url(../image/nav-platform-active.png);
}

.header .nav a {
  font-size:1.5rem;
  font-family:PingFangSC-Medium;
  font-weight:500;
  color:rgba(102,102,102,1);
  line-height:25px;
  text-decoration: none;
}

.header .nav li:hover .child a,
.header .nav .active .child a {
  color:rgba(102,102,102,1);
}
.header .nav .child{
  box-shadow: 0rem 0.83rem 1.58rem 0rem rgba(0,0,0,0.8);
  display: none;
  margin-top: -0.5rem;
  border-radius: .4rem;
  background: #fff;
  position: absolute;
  z-index: 20;
  top: 0;
  left: 0;
  margin-top: 4.1rem;
}
.header .nav li:hover .child {
  display: inline-block;
}
.header .nav .child li{
  text-indent: 1rem;
  text-align: left;
  line-height: 3.5rem;
  width: 11rem;
}
.header .nav .child li.active a{
  color: #15ACA8;
}
/*底部样式*/
.footer {
  width:100%;
  height:33.67rem;
  background:rgba(19,163,161,1) url(../image/footer_bg.png) no-repeat top right;
  clear: both;
  position: relative;
}
.footer .container{
  height: 100%;
}
.footer .logo{
  width: 23rem;
  text-indent: 6rem;
  line-height: 5rem;
  padding: 4rem 0;
}
.footer .logo i {
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-image: url(../image/f_logo.png);
  width: 5rem;
  height: 5rem;
  display: inline-block;
  position: absolute;
  margin-left: -6rem;
}
.footer .logo strong{
  width:17.67rem;
  height:1.83rem;
  font-size:1.33rem;
  font-family:PingFangSC-Medium;
  font-weight:500;
  color:rgba(255,255,255,1);
  line-height:1.83rem;
}
.footer .logo span {
  width:17.67rem;
  height:1.83rem;
  font-size:1.33rem;
  font-family:PingFangSC-Medium;
  font-weight:500;
  color:rgba(255,255,255,1);
  line-height:1.83rem;
}
.footer .nav dl{
  float: left;
  margin: 0 2.3rem;
}
.footer .nav dl dt{
  width:3.17rem;
  height:2.08rem;
  font-size:1.5rem;
  font-family:PingFangSC-Medium;
  color:rgba(255,255,255,1);
  line-height:2.08rem;
  margin: .8rem 0;
}
.footer .nav dl ul li {
  line-height: 2rem;
  text-indent: 0rem;
}

.footer .nav dl a{
  width:5rem;
  height:1.67rem;
  font-size:1.5rem;
  font-family:PingFangSC-Medium;
  color:rgba(255,255,255,1);
  line-height:1.67rem;
  text-decoration: none;
}
.footer .about{
  width:15.92rem;
  height:1.67rem;
  font-size:1.4rem;
  color:rgba(255,255,255,1);
  line-height:1.67rem;
  text-align: center;
  width: 100%;
  clear: both;
  position: absolute;
  bottom: 4rem;
  left: 0;
}
.footer .online{
  width: 15rem;
  height: 21rem;
  margin-top: -120px;
}
.footer .online dl {
  clear: both;
  margin: 2rem 0;
}
.footer .online dl dt{
  width:3.25rem;
  height:2.08rem;
  font-size:1.5rem;
  font-weight:500;
  color:rgba(255,255,255,1);
  line-height:2.08rem;
}
.footer .online dl dt i {
  display: inline-block;
  height: 2rem;
  width: 2rem;
  position: absolute;
  margin-left: -3rem;
}
.footer .online dl dt i.weixin{
  background-image: url(../image/weixin.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.footer .online dl dt i.weibo{
  background-image: url(../image/weibo.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.footer .online dl dd{
  width:14.83rem;
  font-size:1.5rem;
  color:rgba(255,255,255,1);
  line-height:1.67rem;
  margin: 1rem 0;
}
.footer .online dl dd img{
  width: 6rem;
  height: auto;
}
/*小物件*/
.breadcrumbs {
  border-bottom: 1px solid #DDDDDD;
  height: 4rem;
  margin-top: 2rem;
}
.breadcrumbs img{
  width:2.92rem;
  height:2.17rem;
  float: left;
}
.breadcrumbs .title{
  font-size:2rem;
  color:rgba(1,164,160,1);
  line-height:2.75rem;
  float: left;
  margin-left: 1rem;
}
.breadcrumbs ul {
  float: right;
  margin: .6rem 0;
}
.breadcrumbs ul li{
  float: left;
}
.breadcrumbs ul li::after{
  content: '>';
  color:rgba(153,153,153,1);
  margin: 0 .6rem;
}
.breadcrumbs ul li:last-child a{
  color: #00A4A1;
}
.breadcrumbs ul li:last-child::after{
  display: none;
}
.breadcrumbs ul li a{
  font-size:1.17rem;
  color:rgba(153,153,153,1);
  line-height:1.67rem;
  text-decoration: none;
}

.sidebar{
  width:15rem;
}
.sidebar li {
  height:4.5rem;
  background:rgba(241,243,240,1);
  border-radius:2.25rem;
  width: 100%;
  font-size:1.5rem;
  line-height:4.5rem;
  text-align: center;
  margin: 2rem 0;
}
.sidebar ul>:first-child{
  margin-top: 0;
}
.sidebar li.active {
  background:rgba(1,164,160,1);
}
.sidebar li a {
  text-decoration: none;
  color:rgba(153,153,153,1);
  font-weight:500;
}
.sidebar li.active a{
  color:rgba(255,255,255,1);
}

.sidebar2{
  width:25.17rem;
  background:rgba(249,249,249,1);
  padding: 3rem 2rem;
  box-sizing: border-box;
}
.sidebar2 li {
  font-size:2rem;
  font-weight:500;
  color:rgba(153,153,153,1);
  line-height:2.75rem;
  margin: 5rem 0;
}
.sidebar2 ul>:first-child{
  margin-top: 0;
}
.sidebar2 li.active a{
  border-bottom: 0.5rem solid rgba(105,195,187,1);
  position: relative;
}
.sidebar2 li.active a::after{
  content: '';
  width:2.82rem;
  height:3.4rem;
  background: url(../image/butterfly.png) no-repeat;
  background-size: cover;
  display: inline-block;
  position: absolute;
  margin-top: -.5rem;
  margin-left: 1rem;
}

.sidebar2 li a {
  text-decoration: none;
  color:rgba(153,153,153,1);
  font-weight:500;
}
.sidebar2 li.active a{
  color:#333333;
}
.box-title{
  width: 11.5rem;
  margin-bottom: 6rem;
}
.box-title img{
  width:2.83rem;
  height:3.4rem;
  float: left;
}
.box-title h4{
  font-size:2rem;
  color:rgba(0,0,0,1);
  line-height:2.42rem;
}
.box-title p{
  font-size:1.17rem;
  color:rgba(102,102,102,1);
  line-height:1.67rem;
}
.pagination {
  display: block;
  padding: 2rem 0;
  display: table;
  float: right;
  clear: both;
  width: 100%;
}
.pagination li {
  float: left;
  border: 1px solid #ccc;
  padding: 1rem 2rem;
  border-radius: 2rem;
  font-size: 1rem;
  margin: 0 .3rem;
  overflow: hidden;
}
.pagination li.active {
  background: rgba(19,163,161,1);
  border: none;
}
.pagination li.active a{
  color: #fff;
}
.pagination li a {
  color: #333;
  text-decoration: none;
  display: inline-block;
  height: 100%;
  width: 100%;
}
/*banner*/
.site-banner {
  width: 100%;
  height:45rem;
}
.site-banner .item{
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}
/*框架*/
.layout-container{
  width: 100%;
  margin-top: 5rem;
}
.layout-container .layout-sidebar{
  width: 15rem;
  float: left;
}
.layout-container .layout-body{
  width: 80rem;
  float: right;
  font-size:1.17rem;
}
.layout-container .layout-body.fill{
  width: 100%;
}
.layout-body img {
  max-width: 100%!important;
}
.layout-container2{
  width: 100%;
  margin-top: 5rem;
}
.layout-container2 .layout-sidebar{
  width:25.17rem;
  float: left;
}
.layout-container2 .layout-body{
  width: 69.83rem;
  float: right;
  font-size:1.17rem;
}
.article {
  width: 100%;
  padding: 3rem 0;
}
.article-title {
  font-size:4.17rem;
  font-weight:500;
  color:rgba(51,51,51,1);
  line-height:5.83rem;
  letter-spacing:2px;
  text-align: center;
}
.article article{
  padding: 2.5rem 1.3rem;
  box-sizing: border-box;
}

.news-lists{
  width: 100%;
}
.news-lists li {
  border-bottom: 1px solid #DDDDDD;
  height: 17rem;
  box-sizing: border-box;
  padding: 2rem 0;
  position: relative;
}
.news-lists li .pic{
  width:23.58rem;
  height:13.26rem;
  background-color: #ccc;
  float: left;
  background-image: url(../image/news_img1.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.news-lists li section {
  float: right;
  width:54.08rem;
}
.news-lists li .title {
  font-size:2.5rem;
  font-weight:bold;
  color:rgba(51,51,51,1);
  line-height:4rem;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 53rem;
  display: inline-block;
}
.news-lists li section p{
  font-size:2.3rem;
  color:rgba(51,51,51,1);
  line-height:3rem;
  letter-spacing:2px;
}
.news-lists li section a.more{
  font-size:1.5rem;
  font-weight:500;
  color:rgba(1,164,160,1);
  line-height:2.08rem;
  text-decoration: none;
  position: absolute;
  bottom: 2rem;
  right: 0;
}
.pic-news-lists {
  width: 100%;
}
.pic-news-lists li {
  width:25rem;
  background:rgba(255,255,255,1);
  box-shadow:0rem 0.83rem 1.58rem 0rem rgba(222,222,222,0.32);
  border-radius:0.67rem;
  text-align: center;
  float: left;
  box-sizing: border-box;
  margin-bottom: 2rem;
  margin-right: 1rem;
}
.pic-news-lists li a{
  text-decoration: none;
}
.pic-news-lists li .pic{
  width:25rem;
  height:16.26rem;
  background-color: #ccc;
  background-image: url(../image/news_img1.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.pic-news-lists li .pic::before{
  content: '';
  position: absolute;
  display: inline-block;
  width:24.94rem;
  height:4.93rem;
  background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(72,72,72,0.5) 50%,rgba(0,0,0,1) 100%);
  opacity:0.8778;
  bottom: 0;
  left: 0;
}
.pic-news-lists li .title {
  font-size:2rem;
  font-weight:500;
  line-height: 2.6rem;
  color:rgba(51,51,51,1);
  padding: 1rem;
  position: relative;
  width: 22rem;
  float: left;
  text-align: left;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.pic-news-lists li .title p{
  width: 100%;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.pic-news-lists li .title.right-blank p{
  width: 19rem;
}
.pic-news-lists li .title a{
  color:rgba(51,51,51,1);
}
.pic-news-lists li .title .summary{
  display: block;
  width: 100%;
  font-size: 1.5rem;
  color: rgb(121, 121, 121);
}
.pic-news-lists li .title .download{
  display: inline-block;
  width: 4rem;
  height: 2rem;
  border: 1px solid #00A4A1;
  color: #00A4A1;
  font-size: 1.5rem;
  line-height: 2rem;
  text-align: center;
  border-radius: .5rem;
  position: absolute;
  right: 0;
  top: 1rem;
}