html, body {
  font-family: "Microsoft YaHei", "Arial";
  margin: 0;
  padding: 0;
}

body {
  background: #fff;
}

a {
    text-decoration: none;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    -webkit-transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
}

a:hover {
    text-decoration: none;
}

i {
  font-style: normal;
}

h1, h2, h3, h4, h5, h6, figure, ul, ol, li {
  font-weight: normal;
  list-style: none;
  margin: 0;
  padding: 0;
}

.mt_20 {
  margin-top: 2rem;
}

.mr_20 {
  margin-right: 2rem;
}

.w_350 {
  width: 35rem;
}

.flex {
  display: flex;
  justify-content: space-between;
}

.flex.a {
  align-items: center;
}

img {
  max-width: 100%;
}

.b_white {
  background: #fff;
}

.shrink_0 {
  flex-shrink: 0;
}

.bt_3 {
  border-top: 3px solid #3d55a7;
}

.b_1 {
  border: 1px solid #ddd;
}

.b_m_dashed {
  border-bottom: 1px dashed #ddd;
}

.rectangle span {
  padding-left: 1.4rem;
  position: relative;
}

.rectangle span::before {
  content: "";
  width: .5rem;
  height: .5rem;
  background: #3d55a7;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.radius_10 {
  border-radius: 1rem;
}

.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.eclip {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.eclip2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.o_hidden {
  overflow: hidden;
}

.wrap-title h2 {
  font-size: 1.8rem;
  line-height: 1.2;
  color: #3d55a7;
  font-weight: 600;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  display: inline-flex;
}

.wrap-title h2.bg_button {
  background: url(../images/button_03.png) repeat top center;
  width: auto;
  height: 4.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  padding: 0 1.2rem !important;
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  overflow: hidden;
}

.wrap-title h2.bg_button i, .wrap-title h2.bg_button span {
  color: #fff !important;
}

.wrap-title h2.bg_button i {
  margin-right: .5rem;
}

.wrap-title h2.bg_button::before {
  content: "";
  background: url(../images/button_left.png) no-repeat top left;
  width: 1.2rem;
  height: 4.2rem;
  position: absolute;
  top: 0;
  left: 0;
}

.wrap-title h2.bg_button::after {
  content: "";
  background: url(../images/button_right.png) no-repeat top right;
  width: 1.2rem;
  height: 4.2rem;
  position: absolute;
  top: 0;
  right: 0;
}

.wrap-title a {
  font-size: 1.8rem;
  color: #999999;
}

@media screen and (min-width: 768px) {
  .wrap-title a {
    transition: all 0.35s ease-in-out;
  }
}

.wrap-title a::after {
  content: "\e62a";
  font-family: "iconfont";
  font-size: 1.6rem;
  color: #999999;
  margin-left: .3rem;
}

@media screen and (min-width: 768px) {
  .wrap-title a::after {
    transition: all 0.35s ease-in-out;
  }
}

.wrap-title a:hover, .wrap-title a:hover::after {
  color: #3d55a7;
}

.wrapper {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 15px;
    overflow: hidden;
  }

header {
  font-size: 0;
  width: 100%;
  background: #fff;
  transition: all 0.35s ease-in-out;
  position: relative;
  z-index: 9999;
}

header .wrap-box {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 15px;
    overflow: hidden;
}

header .wrap-box .flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height:14.6rem;
  margin: 0 auto;
  background: url(../images/jianzhu.png) no-repeat bottom right;
}
@media screen and (max-width: 768px) {
header .wrap-box .flex {
  height:7.6rem;
  margin: 0 auto;
  background: url(../images/jianzhu2.png) no-repeat bottom right / cover;
}
}


@media screen and (max-width: 768px) {
  header .wrap-box .flex {
    max-width: 100%;
    box-sizing: border-box;
    padding-left: 2rem;
    padding-right: 2rem;
    width: 100%;
  }
}

header .header-left {
  position: relative;
  z-index: 3;
}

header .header-left img {
  height: 7rem;
}

header .header-right {
  z-index: 1;
  display: flex;
  justify-content: space-between;
}

header .header-right .menu {
  display: none;
}

header .header-right .right {
  display: flex;
  justify-content: space-between;
}

header .header-right .right .ico button {
  border: none;
  bottom: 0;
  right: 0;
  position: absolute;
  width: 6rem;
  height: 4rem;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.8rem;
  color: #3d55a7;
  cursor: pointer;
}

header .header-right .right .ico button:hover {
  opacity: .7;
}

@media screen and (min-width: 768px) {
  header .header-right .right .ico button:hover {
    transition: all 0.35s ease-in-out;
  }
}

header .header-right .right .ico form {
  width: 41rem;
  height: 4rem;
  border-radius: 0;
  overflow: hidden;
}

header .header-right .right .ico form input {
  width: 100%;
  height: 100%;
  border: none;
  background: transparent;
  color: #666;
  font-size: 1.6rem;
  padding: 0 3.6rem 0 2rem;
  outline: none;
}

header .header-right .right .ico form input::placeholder {
  color: #999;
  font-size: 1.6rem;
}

header .header-right .right .ico.search {
  position: relative;
  border: 1px solid #cacaca;
  border-radius: 2rem;
  overflow: hidden;
}

header .navlist {
  width: 100%;
  height: 50px;
  background: #3d55a7;
}

header .navlist .nav {
  display: flex;
  justify-content: space-between;
  max-width: 1250px;
  margin: 0 auto;
}

header .navlist .nav li {
  position: relative;
  width: 100%;
}

header .navlist .nav li.search {
  display: none;
}

header .navlist .nav li:last-of-type a::after {
  display: none;
}

header .navlist .nav li a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.2rem 0;
  position: relative;
  overflow: hidden;
  color:#fff;
}

@media screen and (min-width: 768px) {
  header .navlist .nav li a {
  color:#333;
    transition: all 0.35s ease-in-out;
  }
}

header .navlist .nav li a span {
  font-size: 1.8rem;
  line-height: 1.5;
  color: #fff;
  font-weight: 600;
}

@media screen and (min-width: 768px) {
  header .navlist .nav li a span {
    transition: all 0.35s ease-in-out;
  }
}

header .navlist .nav li a i {
  width: 10px;
  height: 10px;
  position: relative;
  margin-left: 1rem;
  flex-shrink: 0;
  display: none;
}

header .navlist .nav li a i::before, header .navlist .nav li a i::after {
  content: "";
  width: 2px;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #333;
}

@media screen and (min-width: 768px) {
  header .navlist .nav li a i::before, header .navlist .nav li a i::after {
    transition: all 0.35s ease-in-out;
  }
}

header .navlist .nav li a i::before {
  width: 100%;
  height: 2px;
}

header .navlist .nav li.active, header .navlist .nav li:hover {
    background: #013f98;
    height: 56px;
    margin-top: -3px;
}

@media screen and (min-width: 768px) {
  header .navlist .nav li .box {
    width: 120%;
    position: absolute;
    top: 100%;
    left: -10%;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
    background: #fff;
    pointer-events: none;
    height: auto;
    opacity: 0;
  }

  header .navlist .nav li .box {
    transition: all 0.35s ease-in-out;
  }
  header .navlist .nav li .box ul {
    display: block;
    width: 100%;
    opacity: 0;
  }
  header .navlist .nav li .box li {
    display: block;
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
    background: #fff;
    height: auto;
    margin-top: 0px;
  }
  header .navlist .nav li .box li a {
    display: block;
    color: #333;
    font-weight: 600;
    font-size: 1.5rem;
    padding: 1.8rem 2rem;
    box-sizing: border-box;
    line-height: 1;
    text-align: center;
  }
  header .navlist .nav li .box li a:hover {
    background: #fff;
    color: #3d55a7;
  }
  header .navlist .nav li .box li a::after {
    display: none;
  }
  header .navlist .nav li:hover .box {
    pointer-events: auto;
    opacity: 1;
  }
  header .navlist .nav li:hover .box ul {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all .2s .3s;
    transition: all .2s .3s;
  }
}

header.active {
  width: 100%;
  top: 0;
  left: 0;
  border-radius: 0;
}

header .footer {
  display: none;
}
.wapblank{width:100%;height:8rem;display:none;}

.toutiao{width:100%;margin-top: 2rem;}
  .toutiao .toutiao-box {
    padding: 3rem;
    border: none;
	background:#f3f7ff;
  }
  .toutiao .toutiao-box a {
	color:#3d55a7;
	font-size:3rem;
	font-weight:600;
  }
  .toutiao .toutiao-box a:hover {
	color:#013f98;
  }
.newshome{width:100%;margin-top: 2rem;}
.newshome .swiper-news{width: 100%;margin: 0}
.newshome .swiper-news .pic{height: 100%;margin:0}
.newshome .swiper-news a{color: #fff}
.newshome .swiper-news .swiper-pagination{width: auto;left:auto; top:auto; right:20px;bottom:15px}
.newshome .swiper-news .swiper-pagination-bullet{width: 15px;height: 15px;opacity:1;transition: .3s;margin: 8px!important;vertical-align: middle;background: #fff;}
.newshome .swiper-news .swiper-pagination-bullet-active{width: 30px;height: 15px;border-radius:7.5px;}
.newshome .swiper-news .item p{position: absolute;left: 0;bottom: 0;right: 0;background:rgb(61,85,167,.8);line-height:60px;text-align:left;color: #fff;padding: 0 30px;font-size: 1.8rem;margin:0}
.allhome{width:100%;margin-bottom: 2rem;}
.allhome .news-box-left{float:left;width:66.4%;}
.allhome .news-box1{float:left;position: relative;width:100%;min-height:26rem; margin-top: 2rem;border-top: 3px solid #dfe7fd;border-bottom: 1px solid #dfe7fd;border-left: 1px solid #dfe7fd;border-right: 1px solid #dfe7fd;}
.allhome .news-box1::after {
  content: "";
  width: 16rem;
  height: 3px;
  position: absolute;
  top: -3px;
  left: 0;
  background-color:#3d55a7;
}
.allhome .news-box-title {width:100%;height:6rem; margin-bottom: 2rem;border-bottom: 1px dashed #dfe7fd;}
.allhome .news-box-title4 {position: relative; width:100%;height:6rem; margin-bottom: 0rem;border-bottom: 1px solid #3d55a7;}
.allhome .news-box-title4::after {
  content: "";
  width: 18rem;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color:#3d55a7;
}
.allhome .news-box-title-icon {float:left;margin:1.7rem 1.5rem 0 1.5rem}
.allhome .news-box-title-icon i{width:4rem;height:4rem;text-align:center;line-height:2.4rem;font-size:2.4rem;color:#3d55a7;padding:.8rem .8rem;border: 1px solid #dfe7fd;border-radius: 50%;}
.allhome .news-box-title-name {float:left;font-size:1.8rem;line-height:6rem;font-weight:600;}
.allhome .news-box-title-more {float:right;margin-right:1.5rem}
.allhome .news-box-title-more a {color:#666;line-height:6rem;font-size:1.6rem}
.allhome .news-box-content {width:100%;min-height:21rem; margin-bottom: 2rem;font-size:1.5rem}
.allhome .news-box4 .news-box-content {width:100%;min-height:34.1rem; margin-bottom: 0rem;font-size:1.5rem;background:#f3f7ff;}
.allhome .news-box-content .news-box-content-pic{float:left;width:30%;margin-left:2%;}
.allhome .news-box-content .news-box-content-pic img {width:100%;}
.allhome .news-box-content ul.lan{float:right;width:64%;margin-right:2%;margin-bottom:2rem;overflow: auto;}
.allhome .news-box-content ul.lan2{float:none;width:94%;margin:0 auto;margin-bottom:2rem;overflow: auto;}
.allhome .news-box4 .news-box-content ul.lan2{float:none;width:94%;margin:0 auto;margin-bottom:1rem;overflow: auto;padding:2rem 0;}
.allhome .news-box-content ul li{float:left;width:100%;line-height:3.4rem}
.allhome .news-box4 .news-box-content ul li{float:left;width:100%;line-height:3.6rem}
.allhome .news-box-content ul li a{float:left;width:calc(100% - 11rem);font-size:1.6rem}
.allhome .news-box-content ul.lan2 li a{float:left;width:100%;font-size:1.6rem}
.allhome .news-box-content ul li a i{color:#3d55a7;}
.allhome .news-box-content ul li span{float:right;width:9rem;text-align:right}

.allhome .news-box2{float:left;position: relative;width:49%;min-height:26rem; margin-top: 2rem;border-top: 3px solid #dfe7fd;border-bottom: 1px solid #dfe7fd;border-left: 1px solid #dfe7fd;border-right: 1px solid #dfe7fd;}
.allhome .news-box3{float:right;position: relative;width:49%;min-height:26rem; margin-top: 2rem;border-top: 3px solid #dfe7fd;border-bottom: 1px solid #dfe7fd;border-left: 1px solid #dfe7fd;border-right: 1px solid #dfe7fd;}
.allhome .news-box4{float:left;position: relative;width:100%;min-height:26rem; margin-top: 0rem;}


.allhome .news-box-right{float:right;width:32%;}
.allhome .news-box-right .news-box-right-pic {float:left; width:100%;margin-top:2rem;}
.allhome .news-box-right .news-box-right-pic img {width:100%;}

.text-red{color:#ff0000}
.footer {
 width:100%;background:#3d55a7;padding:4rem 0;
}

.footer .footer-left {
  float:left;width:30%;
}

.footer .footer-left img {
  height: 7rem;
}

.footer .footer-right {
  float:right;width:70%;text-align:right;color:#fff;line-height:1.5;
}
.footer a{
 color:#fff;
}

.newslist{width:100%;margin-bottom: 3rem;}
.newslist .news-box{float:left;position: relative;width:100%;min-height:26rem; margin-top: 3rem;border-top: 3px solid #dfe7fd;border-bottom: 1px solid #dfe7fd;border-left: 1px solid #dfe7fd;border-right: 1px solid #dfe7fd;}
.newslist .news-box::after {
  content: "";
  width: 7rem;
  height: 3px;
  position: absolute;
  top: -3px;
  left: 0;
  background-color:#3d55a7;
}
.newslist .news-box-title {width:100%;height:6rem; margin-bottom: 2rem;border-bottom: 1px dashed #dfe7fd;}
.newslist .news-box-title-icon {float:left;margin:1.7rem 1.5rem 0 1.5rem}
.newslist .news-box-title-icon i{width:4rem;height:4rem;text-align:center;line-height:2.4rem;font-size:2.4rem;color:#3d55a7;padding:.8rem .8rem;border: 1px solid #dfe7fd;border-radius: 50%;}
.newslist .news-box-title-name {float:left;font-size:1.6rem;line-height:6rem;font-weight:500;}
.newslist .news-box-content {width:100%;min-height:20rem; margin-bottom: 2rem;font-size:1.5rem}
.newslist .news-box-content ul{width:96%;margin:0 auto;margin-bottom:2rem;overflow: auto;}
.newslist .news-box-content ul li{float:left;width:100%;line-height:3.6rem}
.newslist .news-box-content ul li a{float:left;width:calc(100% - 12rem);font-size:1.6rem}
.newslist .news-box-content ul li a i{color:#3d55a7;}
.newslist .news-box-content ul li span{float:right;width:10rem;text-align:right}

/*pagination
-------------------------------------------------------------- */
.pagination-wrap {
    width: 100%;
    text-align: center;
	padding-top:3rem;
	padding-bottom:5rem;
}

.flat-pagination li {
    display: inline-block;
    margin: 0 8px;
}

.flat-pagination li a {
    background-color: #e1e1e1;
    font-weight: 400;
    font-size: 1.5rem;
    color: #333;
    padding: 5px 15px;
    display: block;
    line-height: 30px;
    text-align: center;
    border-radius: 0px;
}

.flat-pagination li a:hover,
.flat-pagination li.active a {
    background-color: #3d55a7;
    color: #fff;
}

.flat-pagination li a i {
    padding-left: 3px;
}
.newsDetails{
    position: relative;width:96%;margin:0 auto;
}
.newsmeta{
    position: relative;
	background: #f3f7ff;
    padding: 16px 0;
	text-align:center;
}
.newsmeta span{
    display: inline-block;
    font-size: 14px;
    letter-spacing: 0;
    color: #3d55a7;
    margin-right: 2rem;
}
.newsmeta span i{
    position: relative;
    top: -1px;
    margin-right: 10px;
}
.newsmeta span a{
    color: inherit;
}
.newsmeta span a:hover{
    color: #ff0000;
}
.newsDetails h2.newsTitle{
   color: #3d55a7;
    font-size: 3rem;
    line-height: 1.5;
    letter-spacing: 0px;
    margin: 0 0 20px;
	text-align:center;
}
.newsDetails h3.newsTitle2{
   color: #3d55a7;
    font-size: 2rem;
    line-height: 1.5;
    letter-spacing: 0px;
    margin: 0 0 20px;
	text-align:center;
}
.newscontent{
    position: relative;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 1.5;
}
.newscontent p{
    margin: 0 0 10px;
}
.newscontent p:last-of-type{
    margin-bottom: 0;
}
.newsPaginations{
    position: relative;
    border-top: 1px dashed #eaeaea;
    padding: 3rem 0 0;
	overflow:hidden;
}
.pagin {
    position: relative;
}
.pagin strong{
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0;
    line-height: .8;
    color: #3d55a7;
    display: block;
    margin-bottom: 15px;
}
.pagin  h3{
    font-size: 16px;
    line-height: 26px;
    color: #333;
    margin: 0;
}
.pagin  h3 a{
    color: inherit;
}
.pagin  h3 a:hover{
    color: #ff0000;
}
.fenye{float:left;width:100%;margin-bottom:20px;}
.cgcx {width:100%;max-width:50rem;margin:0 auto;padding:3rem 0;overflow:auto;}
.cgcx form .input{ display:block; width:100%; box-sizing:border-box; border: 1px solid #ddd; height:50px; color:#666; font-size: 14px;padding:0 1em 0 1em; border-radius: 0px;}
.cgcx form ::placeholder{ color:#888;}
.cgcx form button{ display:block; width:100%; max-width:200px; height:50px; color:#fff; font-size: 16px; background:#3d55a7; border:0; cursor:pointer; border-radius: 0px;margin: 0 auto;}
.cgcxbox{margin-bottom:20px;}
.cgcxintro  {width:95%; margin:0 auto; overflow:auto; color: #333;font-size:16px;line-height:50px;}
.cgcxintro .title {font-weight:600;white-space: nowrap;background:#dfe7fd;text-align:center}
.cgcxintro .title3 {line-height:1.5;background:#f8f8f8;}
.cgcxintro table  {
        width:100%;
        border: 2px solid #fff!important;
  }
.cgcxintro table tr, .cgcxintro table td {
        border: 2px solid #fff!important;
        text-align: left;
		padding:0px 25px!important;
    }
@media print {
.cgcxintro table tr, .cgcxintro table td {
		line-height:40px;
    }
}




@media screen and (max-width: 1024px) {
  .w_350 {
    width: 30%;
  }
  header .header-left img {
    height: 6rem;
  }
  header .header-right .right .ico form {
    height: 4rem;
  }
  header .header-right .right .ico form input, header .header-right .right .ico form input::placeholder {
    font-size: 1.4rem;
  }
  header .header-right .right .ico button {
    height: 4rem;
    font-size: 1.6rem;
  }
  header .navlist .nav li a span {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 768px) {
.wapblank{display:block;}
  header {
    width: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    padding: 0;
    box-sizing: border-box;
	border-bottom: 1px solid #ebebeb;
  }
  header .wrap-box {
    border: none;
  }
  header .wrap-box .flex {
    padding: 0;
  }
  header .header-left,
  header .header-right {
    margin: 0;
  }
  header .header-left img {
    height: 4rem;
  }
  header .header-right .menu {
    display: block;
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: 2rem;
    right: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
  }
  header .header-right .menu i {
    display: block;
    position: relative;
    width: 2.5rem;
    height: 2px;
    background: #333;
    transition: all .3s ease-in-out;
  }
  header .header-right .menu i::before, header .header-right .menu i::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background: #333;
    left: 0;
    transition: all .3s ease-in-out;
  }
  header .header-right .menu i::before {
    top: -.9rem;
  }
  header .header-right .menu i::after {
    top: .9rem;
  }
  header .header-right .right {
    margin-right: 4rem;
  }
  header .header-right .right .search {
    display: none;
  }
  header .header-right .right .ico a {
    width: 2.8rem;
    height: 2.8rem;
  }
  header .header-right .right .ico a i {
    font-size: 1.2rem;
  }
  header .navlist {
    width: 100%;
    height: calc(100vh - 9rem);
    box-sizing: border-box;
    background: none;
    padding: 0 2rem;
    position: fixed;
    top: 9rem;
    left: 0;
    overflow: hidden;
    overflow-y: auto;
    opacity: 0;
    pointer-events: none;
    transition: all .3s ease-in-out;
    border-radius: 0;
  }
  header .navlist .nav {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 100%;
    margin-top: 0;
  }


  header .navlist .nav > li {
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding: 1rem 1.6rem;
    box-sizing: border-box;
  }
  header .navlist .nav > li.search {
    display: block;
    border: 1px solid #ddd;
    border-radius: 1rem;
    padding: 1rem 1.6rem;
  }
  header .navlist .nav > li.search form {
    width: 100%;
    height: 3rem;
    background: #fff;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
  }
  header .navlist .nav > li.search form input {
    width: 100%;
    height: 100%;
    border: none;
    background: none;
    color: #333;
    font-weight: 600;
    font-size: 1.6rem;
    padding: 0 3rem 0 0;
    outline: none;
  }
  header .navlist .nav > li.search form input::placeholder {
    color: #333;
    font-size: 1.6rem;
    font-weight: 600;
  }
  header .navlist .nav > li.search form button {
    border: none;
    width: 3rem;
    height: 3rem;
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
  }
  header .navlist .nav > li.search form button i {
    color: #333;
    font-family: "iconfont";
    font-size: 2rem;
  }
  header .navlist .nav > li:last-of-type {
    margin-bottom: 0 !important;
  }
  header .navlist .nav > li a {
    font-size: 2rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: 1.5rem 1.5rem;
    border-radius: 0;
  }
    header .navlist .nav li.active, header .navlist .nav li:hover {
    background: transparent;
    height: auto;
    margin-top: 0px;
    line-height: 2;
}
  header .navlist .nav > li a::after {
    display: none;
  }
  header .navlist .nav > li a span {
    font-size: 2rem;
    line-height: 1;
    color: #333;
  }
  header .navlist .nav > li a i {
    display: inline-flex;
  }
  header .navlist .nav > li.haschild > a {
    position: relative;
  }
  header .navlist .nav > li.haschild > a::after {
    display: none;
  }
  header .navlist .nav > li.haschild.click > a i::after {
    display: none;
  }
  header .navlist .nav > li.haschild .box {
    display: none;
    position: relative;
    padding-bottom: 1rem;
  }
  header .navlist .nav > li.haschild .box .child {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
    margin-top: 1rem;
  }
  header .navlist .nav > li.haschild .box .child li a {
    font-size: 1.5rem;
    color: #333;
    padding: .7rem .5rem;
    background: #eee;
    text-align: center;
    display: block;
    width: 100%;
     line-height: 2;
 }
  header .footer {
    display: block;
    width: 100%;
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
    line-height: 2;
    padding: 1rem 0;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 3;
    opacity: 0;
    pointer-events: none;
  }
  header.open {
    width: 100vw;
    height: 100vh;
    background: #fff;
    top: 0;
    left: 0;
    border-radius: 0;
  }
  header.open .header-right .menu i {
    background: transparent;
  }
  header.open .header-right .menu i::before {
    transform: rotate(45deg);
    top: 0;
  }
  header.open .header-right .menu i::after {
    transform: rotate(-45deg);
    top: 0;
  }
  header.open .navlist {
    opacity: 1;
    pointer-events: auto;
  }
  header.open .footer {
    opacity: 1;
    pointer-events: auto;
  }
  header.active {
    box-shadow: 0 0 1rem rgba(51, 51, 51, 0.1);
  }

  .toutiao .toutiao-box {
    padding: 2rem;
  }
  .toutiao .toutiao-box a {
	font-size:1.8rem;
  }

.newshome .swiper-news .swiper-pagination{width: auto;left:20px;top:auto;right:20px;bottom:40px}
.newshome .swiper-news .swiper-pagination-bullet{width: 8px;height: 8px;opacity:1;transition: .3s;margin: 8px!important;vertical-align: middle;background: #fff;}
.newshome .swiper-news .swiper-pagination-bullet-active{width: 12px;height: 12px;background: #fff}
.newshome .swiper-news .item p{line-height:40px;text-align:left;color: #fff;padding: 0 15px;font-size: 1.6rem;margin:0}

.allhome .news-box-left{float:left;width:100%;}
.allhome .news-box-right{float:left;width:100%;}
.allhome .news-box2{float:left;width:100%;}
.allhome .news-box3{float:left;width:100%;}
.allhome .news-box-content .news-box-content-pic{float:none;width:94%;margin:0 auto 2rem;}
.allhome .news-box-content ul.lan{float:none;width:94%;margin:0 auto;}

.footer .footer-left {
  float:left;width:100%;text-align:center;
}
.footer .footer-right {
  float:right;width:100%;text-align:center;color:#fff;line-height:1.8;margin-top:2rem;
}











}