.CommonImportAside {
  position: fixed;
  right: 0;
  background: url(../image/91ff892998ff7ca268970c070fc4a778.png) center center no-repeat;
  bottom: 200px; }
  .CommonImportAside ul li.active a .img {
    display: none; }
  .CommonImportAside ul li.active a .text {
    display: block; }
  .CommonImportAside ul li:nth-of-type(2) a .dropdown {
    width: 136px;
    padding-right: 6px;
    height: 120px; }
  .CommonImportAside ul li:nth-of-type(3) a .dropdown {
    width: 196px;
    padding-right: 6px;
    height: 60px; }
  .CommonImportAside ul li a {
    width: 60px;
    height: 60px;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative; }
    .CommonImportAside ul li a .img {
      display: block; }
    .CommonImportAside ul li a .text {
      display: none;
      line-height: 1.2;
      font-size: 14px;
      color: #fff; }
    .CommonImportAside ul li a .dropdown {
      display: none;
      position: absolute;
      right: 100%; }

body {
  background: #e6e6e6; }

.WebsiteConstructionViews {
  background: url(../image/3f034488170c83d178701be210a284d3.jpg) center top no-repeat;
  background-color: #e6e6e6; }
  .WebsiteConstructionViews .TopHeaderTit {
    padding-top: 200px;
    text-align: center; }
    .WebsiteConstructionViews .TopHeaderTit .title {
      font-size: 36px;
      color: #ffffff;
      font-weight: bold; }
    .WebsiteConstructionViews .TopHeaderTit .desc {
      font-size: 18px;
      color: #999999;
      margin-top: 15px;
      margin-bottom: 75px; }
    .WebsiteConstructionViews .TopHeaderTit ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-flow: wrap;
          -ms-flex-flow: wrap;
              flex-flow: wrap;
      width: 875px;
      margin: 0 auto;
      margin-bottom: 56px; }
      .WebsiteConstructionViews .TopHeaderTit ul li {
        margin-bottom: 20px; }
        .WebsiteConstructionViews .TopHeaderTit ul li.active a, .WebsiteConstructionViews .TopHeaderTit ul li:hover a {
          color: #2897c2; }
        .WebsiteConstructionViews .TopHeaderTit ul li a {
          font-size: 16px;
          color: #ffffff;
          -webkit-transition: 0.5s ease all;
          transition: 0.5s ease all;
          display: block;
          margin: 0 20px; }
  .WebsiteConstructionViews .concontainer {
    background: #fff; 
	padding-bottom:79px;
	}
  .WebsiteConstructionViews .articleContent .crumbs {
    padding-left: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
            flex-flow: wrap;
    padding-top: 50px;
    margin-bottom: 30px; }
    .WebsiteConstructionViews .articleContent .crumbs a {
      margin: 0 4px; }
    .WebsiteConstructionViews .articleContent .crumbs, .WebsiteConstructionViews .articleContent .crumbs a {
      color: #858585;
      font-size: 14px; }
  @media (min-width: 1600px) {
    .WebsiteConstructionViews .articleContent .NewSiteStyle li .parent .img a img {
      width: 480px;
      height: 280px; } }
  .WebsiteConstructionViews .articleContent .pager {
    text-align: center;
    padding: 60px 20px;
    padding-top: 40px; }
    .WebsiteConstructionViews .articleContent .pager a {
      font-size: 14px;
      color: #999999;
      border-bottom: 1px solid transparent;
      margin: 0 10px;
      padding-bottom: 5px;
      -webkit-transition: 0.5s ease all;
      transition: 0.5s ease all; }
      .WebsiteConstructionViews .articleContent .pager a.active, .WebsiteConstructionViews .articleContent .pager a:hover {
        color: #333;
        border-bottom: 1px solid #333333; }

@media (max-width: 1599px) {
  .WebsiteConstructionViews .TopHeaderTit .title {
    font-size: 26px; }
  .WebsiteConstructionViews .TopHeaderTit .desc {
    font-size: 16px; }
  .WebsiteConstructionViews .TopHeaderTit {
    padding-top: 140px; }
  .WebsiteConstructionViews .articleContent .crumbs {
    padding-top: 30px;
    margin-bottom: 10px; }
  .WebsiteConstructionViews .articleContent .pager {
    padding: 40px 20px;
    padding-top: 20px;
    padding-bottom: 50px; }
  .WebsiteConstructionViews .TopHeaderTit ul li a {
    font-size: 14px; }
  .WebsiteConstructionViews .TopHeaderTit ul {
    width: 800px; }
  .WebsiteConstructionViews .TopHeaderTit .title {
    font-size: 22px; } }

.NewSiteStyle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: wrap;
      -ms-flex-flow: wrap;
          flex-flow: wrap;
  padding: 0 30px;
  margin-top: 20px; }

.NewSiteStyle li {
  margin-right: 40px;
  margin-bottom: 40px; }

.NewSiteStyle li:nth-of-type(3n+0) {
  margin-right: 0; }

.NewSiteStyle li .parent .img {
  background: linear-gradient(-45deg, #004776 0%, #000000 100%);
  position: relative;
  text-align: center;
  overflow: hidden;
  background: linear-gradient(-45deg, #004776 0%, #000000 100%); }

.NewSiteStyle li .parent .img a {
  display: block; }

.NewSiteStyle li .parent .img a:hover img {
  -webkit-transform: scale3d(1.05, 1.05, 1);
          transform: scale3d(1.05, 1.05, 1);
  opacity: 0.3; }

.NewSiteStyle li .parent .img a:hover figcaption::after {
  -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
          transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
  opacity: 0.8; }

.NewSiteStyle li .parent .img a:hover figcaption p {
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
  opacity: 1; }

.NewSiteStyle li .parent .img a img {
  width: 480px;
  height: 280px;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  display: block; }

.NewSiteStyle li .parent .img a figcaption {
  position: absolute;
  top: -15%;
  left: -15%;
  width: 130%;
  height: 130%;
  color: #fff;
  text-transform: uppercase;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.NewSiteStyle li .parent .img a figcaption::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  content: "";
  opacity: 0;
  -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
  transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }

.NewSiteStyle li .parent .img a figcaption p {
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  left: 0;
  width: 100%;
  line-height: 30px;
  margin-top: -15px;
  text-transform: uppercase;
  font-size: 12px;
  opacity: 0;
  -webkit-transform: scale3d(0.8, 0.8, 1);
          transform: scale3d(0.8, 0.8, 1); 
	width: 60%;
	left: 20%;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	box-orient: vertical;
	display: -webkit-box;
	display: box;
	overflow: hidden;
}

.NewSiteStyle li .parent .text a {
  padding: 20px 25px 0;
  display: block;
  border: 1px solid #f5f5f5; }

.NewSiteStyle li .parent .text a:hover {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1); }

.NewSiteStyle li .parent .text a:hover .more .write {
  -webkit-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
          transform: translateX(-20px); }

.NewSiteStyle li .parent .text a:hover .more .write img:nth-of-type(1) {
  display: none; }

.NewSiteStyle li .parent .text a:hover .more .write img:nth-of-type(2) {
  display: block; }

.NewSiteStyle li .parent .text a:hover .title {
  color: #2897c2; }

.NewSiteStyle li .parent .text a:hover .position {
  color: #2897c2; }

.NewSiteStyle li .parent .text a:hover .more {
  color: #2897c2; }

.NewSiteStyle li .parent .text a .title {
  font-size: 20px;
  color: #333333;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all; }

.NewSiteStyle li .parent .text a .title h3 {
  font-size: 20px; }

.NewSiteStyle li .parent .text a .position {
  font-size: 15px;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
  color: #999999;
  margin: 12px 0 20px; }

.NewSiteStyle li .parent .text a .more {
  border-top: 1px solid #e0e0e0;
  line-height: 42px;
  position: relative;
  font-size: 13px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #666;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.NewSiteStyle li .parent .text a .more .write {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }

.NewSiteStyle li .parent .text a .more .write img:nth-of-type(1) {
  display: block; }

.NewSiteStyle li .parent .text a .more .write img:nth-of-type(2) {
  display: none; }

@media (max-width: 1599px) {
  .NewSiteStyle li .parent .img a img {
    width: 346px;
    height: 250px; } }


.pages{padding: 20px 0;text-align: center;cursor: default}
.pages a{min-width: 36px; height: 36px; line-height: 36px; border-radius: 5px;margin: 0 4px; border: 1px solid #e3e3e3; color: #ccc; background: #eee; display: inline-block; box-sizing: initial;}
.pages a:not([href]):not([tabindex]) {color: #ccc;}
.pages a.active,
.pages a[href]{background: #fff;color: #999}
.pages a.active:not([href]):not([tabindex]),
.pages a[href]:hover{background: #2897c2;border-color: #2897c2;color: #fff}
.pages .end,
.pages .first,
.pages .next,
.pages .prev{padding: 0 15px}