* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
html {
  overflow-x: hidden;
}
body {
  font-family: 'Microsoft YaHei', Arial;
  font-size: 14px;
  background: white;
}
img {
  border: 0;
}
a {
  text-decoration: none;
}
ul,
li {
  list-style: none;
}
table {
  margin: auto;
}
table tr td {
  border: 1px solid #333333;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.over {
  overflow: hidden;
}
.textover {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.disnone {
  display: none;
}
.top {
  position: relative;
  z-index: 10;
  width: 100%;
  height: auto;
  background: white;
  float: left;
}
.top .toplan {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 54px;
  border-bottom: 1px solid #333333;
  background: white;
}
.top .toplan .logo {
  padding: 5px 10px;
  width: 150px;
  height: 50px;
  float: left;
}
.top .toplan .logo img {
  width: 100%;
}
.top .toplan .nav {
  width: 40px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  color: white;
  float: right;
  background: #2887bf;
  border-radius: 6px;
  margin: 5px;
}
.top .toplan .nav i {
  font-size: 25px;
}
.top .banner {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  float: left;
  background: white;
}
.top .banner .apple-banner {
  height: auto;
  float: left;
}
.top .banner .apple-banner .swiper-container {
  height: auto;
}
.top .banner .apple-banner .swiper-slide img {
  width: 100%;
}
.top .banner .bsbox {
  width: 100%;
  height: auto;
  float: left;
  position: relative;
  z-index: 1;
  margin-top: -30px;
}
.top .banner .bsbox .bg {
  width: 100%;
  height: auto;
  float: left;
  margin-bottom: 5px;
}
.top .banner .bsbox .bg img {
  width: 100%;
}
.top .banner .bsbox .search {
  width: calc(100% - 30px);
  height: auto;
  margin: 10px auto;
  border: #c9c9c9 1px solid;
  border-radius: 10px;
  overflow: hidden;
}
.top .banner .bsbox .search input {
  border: none;
  float: left;
  width: calc(100% -  30px);
  height: 30px;
  padding: 0 10px;
}
.top .banner .bsbox .search .btns {
  float: left;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.contentbox {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  /*margin-bottom: @con-mb;*/

  float: left;
}
.contentbox .index1 {
  width: 100%;
  background: #e5e5e5;
  height: auto;
  padding-bottom: 20px;
  float: left;
}
.contentbox .index1 .titlebox {
  width: 100%;
  height: auto;
  margin: 10px 0;
  text-align: center;
  float: left;
}
.contentbox .index1 .titlebox .name_cn {
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 8px;
  font-weight: bold;
  color: #106ad9;
}
.contentbox .index1 .titlebox .name_en {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  color: #333333;
}
.contentbox .index1 .titlebox .name_en span {
  color: #106ad9;
}
.contentbox .index1 .titlebox .name_line {
  width: 100px;
  height: 3px;
  background: #106ad9;
  margin: 10px auto;
}
.contentbox .index1 .cbox {
  width: 100%;
  float: left;
  padding: 5px;
}
    .contentbox .index1 .cbox .cli {
        width: calc((100% - 36px ) / 3);
        height: auto;
        background: white;
        margin: 0 6px 6px 6px;
        /* margin-bottom:6px; */
        overflow: hidden;
        float: left;
        /*&:hover {
                    .box1 {
                        transform: scale(0);
                        /*img {
                            width: 100%;
                            transform: scale(0);
                        }
                    }

                    .box2 {
                        transform: translateY(-100%);
                    }
                }*/
    }
.contentbox .index1 .cbox .cli:last-child {
  margin-right: 0;
}
.contentbox .index1 .cbox .cli .box1 {
  width: 100%;
  height: 100%;
  padding: 5px 5px;
  transition: 0.5s;
}
.contentbox .index1 .cbox .cli .box1 img {
  width: 100%;
}
.contentbox .index1 .cbox .cli .box1 p {
  margin-top: 0px;
  width: 100%;
  text-align: center;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
}
.contentbox .index1 .cbox .cli .box2 {
  display: none;
  width: 100%;
  height: 100%;
  padding: 5px 5px;
  transition: 0.5s;
  background: rgba(0, 0, 0, 0.7);
  z-index: 2;
  transition: 0.3s;
  padding: 20px;
  color: white;
  text-align: center;
  line-height: 28px;
}
.contentbox .index1 .cbox .cli .box2 img {
  width: 100%;
}
.contentbox .index1 .cbox .cli .box2 p {
  margin-top: 0px;
  width: 100%;
  text-align: center;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
}
.contentbox .index1 .cbox .cli .box2 a {
  color: white;
}
.contentbox .index2 {
  width: 100%;
  background: #e5e5e5;
  height: auto;
  padding-bottom: 20px;
  float: left;
  background: white;
  padding-bottom: 0;
}
.contentbox .index2 .titlebox {
  width: 100%;
  height: auto;
  margin: 10px 0;
  text-align: center;
  float: left;
}
.contentbox .index2 .titlebox .name_cn {
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 8px;
  font-weight: bold;
  color: #106ad9;
}
.contentbox .index2 .titlebox .name_en {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  color: #333333;
}
.contentbox .index2 .titlebox .name_en span {
  color: #106ad9;
}
.contentbox .index2 .titlebox .name_line {
  width: 100px;
  height: 3px;
  background: #106ad9;
  margin: 10px auto;
}
.contentbox .index2 .cbox {
  width: 100%;
  float: left;
  padding: 5px;
}
.contentbox .index2 .cbox .cli {
  width: calc((100% -  25px  ) / 6);
  height: auto;
  background: white;
  margin-right: 5px;
  overflow: hidden;
  float: left;
  /*&:hover {
                    .box1 {
                        transform: scale(0);
                        /*img {
                            width: 100%;
                            transform: scale(0);
                        }
                    }

                    .box2 {
                        transform: translateY(-100%);
                    }
                }*/

}
.contentbox .index2 .cbox .cli:last-child {
  margin-right: 0;
}
.contentbox .index2 .cbox .cli .box1 {
  width: 100%;
  height: 100%;
  padding: 5px 5px;
  transition: 0.5s;
}
.contentbox .index2 .cbox .cli .box1 img {
  width: 100%;
}
.contentbox .index2 .cbox .cli .box1 p {
  margin-top: 0px;
  width: 100%;
  text-align: center;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
}
.contentbox .index2 .cbox .cli .box2 {
  display: none;
  width: 100%;
  height: 100%;
  padding: 5px 5px;
  transition: 0.5s;
  background: rgba(0, 0, 0, 0.7);
  z-index: 2;
  transition: 0.3s;
  padding: 20px;
  color: white;
  text-align: center;
  line-height: 28px;
}
.contentbox .index2 .cbox .cli .box2 img {
  width: 100%;
}
.contentbox .index2 .cbox .cli .box2 p {
  margin-top: 0px;
  width: 100%;
  text-align: center;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
}
.contentbox .index2 .cbox .cli .box2 a {
  color: white;
}
.contentbox .index2 .cbox {
  float: left;
}
.contentbox .index2 .cbox .wrap {
  position: relative;
  width: 100%;
  height: auto;
  margin: 10px auto;
  float: left;
}
.contentbox .index2 .cbox .wrap a {
  position: absolute;
  z-index: 2;
  top: 50%;
  width: 60px;
  height: 30px;
  margin-top: -40px;
  font: 18px/30px "宋体";
  text-align: center;
  text-decoration: none;
  color: white;
  background: #ff6400;
  background: rgba(156, 156, 156, 0.6);
  transition: background 1s ease;
}
.contentbox .index2 .cbox .wrap a:hover {
  background: #00aeca;
}
.contentbox .index2 .cbox .content {
  position: absolute;
  width: 100%;
  height: inherit;
}
.contentbox .index2 .cbox .content li {
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: white;
  cursor: pointer;
  box-shadow: 1px 1px 15px #333333;
  float: left;
}
.contentbox .index2 .cbox .prev {
  left: 30px;
}
.contentbox .index2 .cbox .next {
  right: 30px;
}
.contentbox .newsbox {
  float: left;
  box-sizing: border-box;
  padding: 0 10px;
}
.contentbox .newsbox .nli {
  width: 100%;
  height: auto;
  float: left;
  background-size: cover;
  color: white;
  padding: 20px;
  margin-bottom: 10px;
  border-radius: 10px;
}
.contentbox .newsbox .nli .text {
  width: 100%;
}
.contentbox .newsbox .nli .text .en {
  width: 100%;
  color: #aaaaaa;
}
.contentbox .newsbox .nli .text .tit {
  width: 100%;
  font-size: 20px;
  margin-bottom: 20px;
}
.contentbox .newsbox .nli .text .tit a {
  width: 100%;
  color: white;
}
.contentbox .newsbox .nli .text .desc {
  width: 100%;
  font-size: 12px;
  margin-bottom: 20px;
  color: #dddddd;
}
.contentbox .newsbox .nli .text .more {
  border: 1px solid white;
  width: 90px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  text-align: center;
  transition: 0.3s;
}
.contentbox .newsbox .nli .text .more a {
  width: 100%;
  float: left;
  color: white;
}
.contentbox .newsbox .nli .text .more:hover {
  background: #ff6400;
  border: 1px solid #ff6400;
}
.contentbox .newsbox .nli:nth-child(1) {
  background-image: url('../../basestatic/img/index_news1.jpg');
}
.contentbox .newsbox .nli:nth-child(2) {
  background-image: url('../../basestatic/img/index_news2.jpg');
}
.contentbox .newsbox .nli:nth-child(3) {
  background-image: url('../../basestatic/img/index_news3.jpg');
}
.contentbox .index3 {
  float: left;
  width: 100%;
  background: #e5e5e5;
  height: auto;
  padding-bottom: 20px;
  background: white;
  padding-bottom: 10px;
}
.contentbox .index3 .titlebox {
  width: 100%;
  height: auto;
  margin: 10px 0;
  text-align: center;
  float: left;
}
.contentbox .index3 .titlebox .name_cn {
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 8px;
  font-weight: bold;
  color: #106ad9;
}
.contentbox .index3 .titlebox .name_en {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  color: #333333;
}
.contentbox .index3 .titlebox .name_en span {
  color: #106ad9;
}
.contentbox .index3 .titlebox .name_line {
  width: 100px;
  height: 3px;
  background: #106ad9;
  margin: 10px auto;
}
.contentbox .index3 .cbox {
  width: 100%;
  float: left;
  padding: 5px;
}
.contentbox .index3 .cbox .cli {
  width: calc((100% -  25px  ) / 6);
  height: auto;
  background: white;
  margin-right: 5px;
  overflow: hidden;
  float: left;
  /*&:hover {
                    .box1 {
                        transform: scale(0);
                        /*img {
                            width: 100%;
                            transform: scale(0);
                        }
                    }

                    .box2 {
                        transform: translateY(-100%);
                    }
                }*/

}
.contentbox .index3 .cbox .cli:last-child {
  margin-right: 0;
}
.contentbox .index3 .cbox .cli .box1 {
  width: 100%;
  height: 100%;
  padding: 5px 5px;
  transition: 0.5s;
}
.contentbox .index3 .cbox .cli .box1 img {
  width: 100%;
}
.contentbox .index3 .cbox .cli .box1 p {
  margin-top: 0px;
  width: 100%;
  text-align: center;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
}
.contentbox .index3 .cbox .cli .box2 {
  display: none;
  width: 100%;
  height: 100%;
  padding: 5px 5px;
  transition: 0.5s;
  background: rgba(0, 0, 0, 0.7);
  z-index: 2;
  transition: 0.3s;
  padding: 20px;
  color: white;
  text-align: center;
  line-height: 28px;
}
.contentbox .index3 .cbox .cli .box2 img {
  width: 100%;
}
.contentbox .index3 .cbox .cli .box2 p {
  margin-top: 0px;
  width: 100%;
  text-align: center;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
}
.contentbox .index3 .cbox .cli .box2 a {
  color: white;
}
.contentbox .index3 .cbox {
  width: 100%;
  padding: 0;
}
.contentbox .index3 .cbox img {
  width: 100%;
}
.contentbox .friendlink {
  width: calc(100% - 20px);
  margin: 0 10px;
  height: auto;
  line-height: 18px;
  padding: 10px;
  color: white;
  background: #2e7bc1;
  border-radius: 10px;
  margin-bottom: 10px;
  float: left;
}
.contentbox .friendlink h1 {
  width: 100%;
  height: auto;
  text-align: center;
  margin-bottom: 5px;
}
.contentbox .friendlink a {
  color: white;
  margin-right: 10px;
}
.nycenter {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  margin-bottom: 30px;
  float: left;
}
.nycenter .s1box {
  width: 100%;
  height: auto;
  float: left;
  padding: 10px;
  text-align: center;
}
.nycenter .s1box select {
  width: 100%;
  height: 40px;
  float: left;
  margin-bottom: 10px;
  background: #f1f1f1;
}
.nycenter .nytype {
  margin: 10px auto;
  width: 100%;
  height: auto;
  border: 1px solid #333333;
  border-radius: 10px;
  overflow: hidden;
  padding: 8px;
  transform: scale(0.9);
}
.nycenter .nytype .ntit {
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #333333;
  color: white;
}
.nycenter .nytype .ntit a {
  color: white;
}
.nycenter .nytype .ntit i {
  display: none;
}
.nycenter .nytype .ntype {
  width: 100%;
  height: 30px;
  line-height: 30px;
  display: flex;
}
.nycenter .nytype .ntype .bli {
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: white;
  color: #333333;
  flex: 1;
  border-right: 1px solid #fdfdfd;
}
.nycenter .nytype .ntype .bli a {
  color: #333333;
  float: left;
  width: 100%;
}
.nycenter .nytype .ntype .bli:hover {
  background: #eeeeee;
}
.nycenter .nytype .ntype .bli1 {
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: white;
  color: #333333;
  flex: 1;
  border-right: 1px solid #fdfdfd;
}
.nycenter .nytype .ntype .bli1 a {
  color: #333333;
  float: left;
  width: 100%;
}
.nycenter .nytype .ntype .bli1:hover {
  background: #eeeeee;
}
.nycenter .nycontent {
  margin: 10px 0;
  width: 100%;
  height: auto;
  float: left;
}
.nycenter .nycontent #lfgz .zx_calc {
  margin-top: 0px;
  border: 1px solid #dddddd;
}
.nycenter .nycontent #lfgz .zx_calc .cbox1 {
  float: left;
  height: auto;
  background: #f3f3f3;
  padding: 10px;
  border-bottom: 1px solid #dddddd;
}
.nycenter .nycontent #lfgz .zx_calc .cbox1 .cimg {
  width: 300px;
  height: 100%;
  background: #c31e15;
  float: left;
}
.nycenter .nycontent #lfgz .zx_calc .cbox1 .cimg img {
  width: 100%;
  height: 100%;
}
.nycenter .nycontent #lfgz .zx_calc .cbox1 .cform {
  width: 100%;
  height: auto;
  float: left;
}
.nycenter .nycontent #lfgz .zx_calc .cbox1 .cform .line {
  float: left;
  width: 100%;
  height: auto;
  line-height: 24px;
  margin-bottom: 10px;
}
.nycenter .nycontent #lfgz .zx_calc .cbox1 .cform .line .ltit {
  width: 100%;
  height: 100%;
  text-align: center;
  float: left;
}
.nycenter .nycontent #lfgz .zx_calc .cbox1 .cform .line input {
  float: left;
  width: 100%;
  height: 30px;
  padding: 0 5px;
  margin-bottom: 10px;
}
.nycenter .nycontent #lfgz .zx_calc .cbox1 .cbox {
  width: 200px;
  height: 100%;
  float: left;
}
.nycenter .nycontent #lfgz .zx_calc .cbox2 {
  float: left;
  width: 100%;
  height: 100px;
  background: none;
}
.nycenter .nycontent #lfgz .zx_calc .cbox2 .btn {
  width: 100%;
  height: 40px;
  line-height: 40px;
  margin-top: 10px;
  background: red;
  color: white;
  text-align: center;
  border-radius: 5px;
}
.nycenter .nycontent .article-box {
  float: left;
  width: 100%;
}
.nycenter .nycontent .article-box .c-box {
  float: left;
  width: 100%;
}
.nycenter .nycontent .article-box .c-box .sbox img {
  height: auto !important;
}
.nycenter .nycontent .article-box .c-box .cbox {
  float: left;
  width: 100%;
  height: auto;
  border-bottom: 1px dashed #eeeeee;
  margin-bottom: 10px;
  padding: 0 10px;
}
.nycenter .nycontent .article-box .c-box .cbox .box1 {
  height: 24px;
  line-height: 24px;
  font-size: 16px;
  overflow: hidden;
}
.nycenter .nycontent .article-box .c-box .cbox .box1 .name {
  width: calc(100% - 100px);
  float: left;
}
.nycenter .nycontent .article-box .c-box .cbox .box1 .name a {
  color: #333333;
}
.nycenter .nycontent .article-box .c-box .cbox .box1 .date {
  float: left;
  width: 100px;
  text-align: right;
  color: #acacac;
  font-size: 12px;
}
.nycenter .nycontent .article-box .c-box .cbox .box2 {
  line-height: 30px;
  height: 60px;
  overflow: hidden;
  margin-top: 0px;
  color: #acacac;
}
.nycenter .nycontent .article-box .designer {
  float: left;
  width: 100%;
  background: #efefef;
}
.nycenter .nycontent .article-box .designer .li {
  width: calc((100% -   10px ) / 2);
  height: auto;
  border: 1px solid #d2d2d2;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 10px;
  float: left;
}
.nycenter .nycontent .article-box .designer .li:nth-child(2n+2) {
  margin-right: 0;
}
.nycenter .nycontent .article-box .designer .li .limg {
  height: auto;
  float: left;
}
.nycenter .nycontent .article-box .designer .li .limg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.nycenter .nycontent .article-box .designer .li .lname {
  float: left;
  width: 100%;
  height: 36px;
  line-height: 36px;
  border-bottom: 1px solid #d2d2d2;
  font-size: 12px;
}
.nycenter .nycontent .article-box .designer .li .lname a {
  color: #333333;
}
.nycenter .nycontent .article-box .designer .li .lname .xm {
  width: 60%;
  float: left;
  font-size: 16px;
  font-weight: bold;
}
.nycenter .nycontent .article-box .designer .li .lname .zw {
  width: 40%;
  text-align: right;
  float: left;
}
.nycenter .nycontent .article-box .designer .li .lyear {
  float: left;
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  text-align: right;
  color: #666666;
}
.nycenter .nycontent .article-box .designer .li .btn {
  float: left;
  width: 100%;
  background: #c31e15;
  color: white;
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0;
  font-size: 14px;
  border-radius: 5px;
  text-align: center;
}
.nycenter .nycontent .article-box .designer .li .btn a {
  width: 100%;
  float: left;
  color: white;
}
.nycenter .nycontent .article-box .designer .sjsbox {
  float: left;
  width: 100%;
  height: auto;
}
.nycenter .nycontent .article-box .designer .sjsbox .img {
  width: 100%;
  height: auto;
  text-align: center;
  float: left;
  margin-top: 2px;
}
.nycenter .nycontent .article-box .designer .sjsbox .img img {
  width: 80%;
  height: auto;
  box-shadow: 10px 10px 5px #a5a5a5;
  border: 3px solid #cecece;
  border-radius: 5px;
}
.nycenter .nycontent .article-box .designer .sjsbox .desc {
  float: left;
  width: 100%;
  height: auto;
}
.nycenter .nycontent .article-box .designer .sjsbox .desc .title {
  float: left;
  width: 100%;
  font-size: 24px;
  font-weight: bold;
  height: 30px;
  margin: 20px 0;
}
.nycenter .nycontent .article-box .designer .sjsbox .desc .title .lbox {
  width: 100%;
  height: 100%;
  float: left;
  text-align: center;
  background: none;
  color: #333333;
}
.nycenter .nycontent .article-box .designer .sjsbox .desc .sjln {
  float: left;
  width: 100%;
  height: 40px;
  line-height: 40px;
  margin-bottom: 20px;
}
.nycenter .nycontent .article-box .designer .sjsbox .desc .position {
  float: left;
  width: 100%;
  height: 40px;
  line-height: 40px;
  margin-bottom: 10px;
}
.nycenter .nycontent .article-box .designer .sjsbox .desc .content {
  float: left;
  height: 300px;
  line-height: 300px;
}
.nycenter .nycontent .article-box .designer .sjsbox .desc .content .rbox {
  padding: 5px 10px;
}
.nycenter .nycontent .article-box .designer .sjsbox .desc .lbox {
  width: 100px;
  height: 100%;
  float: left;
  text-align: center;
  color: white;
  background: #ab7442;
}
.nycenter .nycontent .article-box .designer .sjsbox .desc .rbox {
  width: calc(100% - 100px);
  height: 100%;
  float: left;
  background: white;
  padding: 0px 10px;
  overflow-y: scroll;
}
.nycenter .nycontent .article-box .designer .casebox {
  float: left;
  width: 100%;
}
.nycenter .nycontent .article-box .designer .casebox .listbox {
  float: left;
  width: 100%;
}
.nycenter .nycontent .article-box .designer .casebox .listbox .ct_name {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 24px;
  color: white;
  background: #694729;
  border-radius: 15px 15px 0 0;
  margin-bottom: 10px;
  float: left;
}
.nycenter .nycontent .article-box .designer .casebox .listbox .ctbox {
  float: left;
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
}
.nycenter .nycontent .article-box .designer .casebox .listbox .ctbox .li {
  width: calc((100% -   10px ) / 2);
  height: auto;
  box-shadow: 0px 3px 5px #999999;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 0;
  float: left;
  flex: 1;
  /*&:nth-child(2n+2) {
                                    margin-right: 0;
                                }*/

}
.nycenter .nycontent .article-box .designer .casebox .listbox .ctbox .li .limg {
  height: 120px;
  overflow: hidden;
}
.nycenter .nycontent .article-box .designer .casebox .listbox .ctbox .li .limg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.nycenter .nycontent .article-box .designer .casebox .listbox .ctbox .li .limg .dimg {
  height: 100%;
}
.nycenter .nycontent .article-box .designer .casebox .listbox .ctbox .li .limg .fimg {
  display: none;
  height: 100%;
  background: rgba(0, 0, 0, 0.31);
  transition: 0.2s;
  padding-top: 100px;
}
.nycenter .nycontent .article-box .designer .casebox .listbox .ctbox .li .limg .fimg .more {
  width: 140px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #ffa31f;
  margin: auto;
  border: 1px solid #888888;
  border-radius: 3px;
  cursor: pointer;
  transition: 0.5s;
  transform: translateY(500%);
}
.nycenter .nycontent .article-box .designer .casebox .listbox .ctbox .li .limg .fimg .more a {
  width: 100%;
  height: 100%;
  float: left;
}
.nycenter .nycontent .article-box .designer .casebox .listbox .ctbox .li .limg .fimg .more a:hover {
  color: white;
}
.nycenter .nycontent .article-box .designer .casebox .listbox .ctbox .li .limg:hover .fimg {
  transform: translateY(-100%);
}
.nycenter .nycontent .article-box .designer .casebox .listbox .ctbox .li .limg:hover .fimg .more {
  transform: translateY(0);
}
.nycenter .nycontent .article-box .designer .casebox .listbox .ctbox .li .litxt {
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  font-size: 12px;
}
.nycenter .nycontent .article-box .designer .casebox .listbox .ctbox .li .litxt a {
  color: #333333;
}
.nycenter .nycontent .article-box .designer .casebox .listbox .ctbox .li .litxt .name {
  width: 50%;
  text-align: left;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nycenter .nycontent .article-box .designer .casebox .listbox .ctbox .li .litxt .style {
  width: 50%;
  text-align: right;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nycenter .nycontent .article-box .style {
  float: left;
  width: 100%;
  position: relative;
  z-index: 1;
}
.nycenter .nycontent .article-box .style .sbox .title {
  text-align: center;
  background: #adadad;
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  border-radius: 30px;
  margin-bottom: 15px;
}
.nycenter .nycontent .article-box .style .sbox .img {
  text-align: center;
  margin-bottom: 15px;
}
.nycenter .nycontent .article-box .style .li {
  position: relative;
  z-index: 1;
  width: calc((100% -   10px ) / 2);
  height: auto;
  box-shadow: 0px 3px 5px #999999;
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
}
.nycenter .nycontent .article-box .style .li:nth-child(2n+2) {
  margin-right: 0;
}
.nycenter .nycontent .article-box .style .li .limg {
  position: relative;
  z-index: 1;
  height: 100px;
  overflow: hidden;
}
.nycenter .nycontent .article-box .style .li .limg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.nycenter .nycontent .article-box .style .li .limg .dimg {
  height: 100%;
}
.nycenter .nycontent .article-box .style .li .limg .fimg {
  height: 100%;
  background: rgba(0, 0, 0, 0.31);
  transition: 0.2s;
  padding-top: 100px;
}
.nycenter .nycontent .article-box .style .li .limg .fimg .more {
  width: 140px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #ffa31f;
  margin: auto;
  border: 1px solid #888888;
  border-radius: 3px;
  cursor: pointer;
  transition: 0.5s;
  transform: translateY(500%);
}
.nycenter .nycontent .article-box .style .li .limg .fimg .more a {
  width: 100%;
  height: 100%;
  float: left;
}
.nycenter .nycontent .article-box .style .li .limg .fimg .more a:hover {
  color: white;
}
.nycenter .nycontent .article-box .style .li .limg:hover .fimg {
  transform: translateY(-100%);
}
.nycenter .nycontent .article-box .style .li .limg:hover .fimg .more {
  transform: translateY(0);
}
.nycenter .nycontent .article-box .style .li .litxt {
  position: relative;
  z-index: 2;
  height: 30px;
  line-height: 30px;
  padding: 0 5px;
}
.nycenter .nycontent .article-box .style .li .litxt a {
  color: #333333;
}
.nycenter .nycontent .article-box .style .li .litxt .name {
  width: 50%;
  text-align: left;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nycenter .nycontent .article-box .style .li .litxt .style {
  width: 50%;
  text-align: right;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nycenter .nycontent img {
  max-width: 100%;
}
.nycenter .nycontent .contopline {
  width: 100%;
  height: auto;
  line-height: 30px;
  border-bottom: 1px solid;
  float: left;
}
.nycenter .nycontent .contopline .pnav {
  width: 100%;
  float: left;
  text-align: left;
  font-size: 12px;
}
.nycenter .nycontent .conbody {
  width: 100%;
  min-height: 200px;
  padding: 0 20px;
  float: left;
  word-break: break-all;
}
.nycenter .nycontent .conbody img {
  max-width: 100%;
}
.nycenter .nycontent .conbody .newsline {
  width: 100%;
  height: 30px;
  line-height: 30px;
  border-bottom: 1px dashed #eeeeee;
  padding: 0 10px;
}
.nycenter .nycontent .conbody .newsline .ni {
  width: 28px;
  height: 30px;
  float: left;
  text-align: center;
}
.nycenter .nycontent .conbody .newsline .nname {
  width: calc(100% - 90px - 28px);
  height: 30px;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nycenter .nycontent .conbody .newsline .ndate {
  width: 90px;
  height: 30px;
  float: left;
  text-align: right;
  color: #666666;
  font-size: 12px;
}
.nycenter .nycontent .conbody .listbox {
  width: calc(100% + 40px);
  margin-left: -20px;
  height: auto;
  float: left;
}
.nycenter .nycontent .conbody .listbox .li {
  width: 50%;
  height: auto;
  padding: 0px 10px;
  margin: 10px 0;
  float: left;
  text-align: center;
}
.nycenter .nycontent .conbody .listbox .li .img {
  width: 100%;
  height: 300px;
  margin: auto;
}
.nycenter .nycontent .conbody .listbox .li .img img {
  width: 100%;
  height: 300px;
}
.nycenter .nycontent .conbody .listbox .li .name {
  width: 100%;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  margin: auto;
  font-size: 16px;
}
.nycenter .nycontent .conbody .pageDiv .newsline {
  width: 100%;
  height: 30px;
  line-height: 30px;
  border-bottom: 1px dashed #eeeeee;
}
.nycenter .nycontent .conbody .pageDiv .newsline .ni {
  width: 28px;
  float: left;
  text-align: center;
}
.nycenter .nycontent .conbody .pageDiv .newsline .nname {
  width: calc(100% - 90px - 28px);
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nycenter .nycontent .conbody .pageDiv .newsline .ndate {
  width: 90px;
  float: left;
}
.nycenter .nycontent .conbody .page {
  margin-top: 40px;
  padding: 0 20px;
}
.nycenter .nycontent .conbody .pdelail {
  width: 100%;
  height: auto;
  float: left;
}
.nycenter .nycontent .conbody .pdelail .tit {
  width: 100%;
  text-align: center;
  background: #eeeeee;
  padding: 5px;
  border-radius: 5px;
  float: left;
}
.nycenter .nycontent .conbody .pdelail .img {
  width: 100%;
  height: auto;
  padding: 20px 0;
  text-align: center;
  border-bottom: 1px dashed #dfdfdf;
  float: left;
}
.nycenter .nycontent .conbody .pdelail .img img {
  width: 100%;
  outline: 1px solid #dfdfdf;
  outline-offset: 5px;
  float: left;
}
.nycenter .nycontent .conbody .pdelail .con {
  width: 100%;
  height: auto;
  padding: 10px 0;
  float: left;
  overflow-x: hidden;
}
.nycenter .nycontent .conbody .pdelail .con img {
  max-width: 100%;
}
.nycenter .nycontent .conbody .pdelail .con .basedata {
  float: left;
  width: 100%;
  height: auto;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
}
.nycenter .nycontent .conbody .pdelail .con .basedata .bli {
  float: left;
  width: 100%;
  height: 20px;
  line-height: 20px;
}
.nycenter .nycontent .conbody .pdelail .con .basedata .bli i {
  margin-right: 5px;
}
.nycenter .nycontent .conbody iframe {
  width: 100%;
}
.nycenter .nycontent .online {
  padding: 10px 5px;
}
.nycenter .nycontent .online #yzcode {
  width: 120px;
  float: left;
  margin-right: 10px;
}
.nycenter .nycontent .online #vimg {
  width: 90px;
  height: 36px;
  float: left;
}
.nycenter .desbox {
  width: 100%;
  height: auto;
  float: left;
}
.nycenter .desbox .tit {
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  float: left;
  background: #3d78d8;
  color: white;
}
.nycenter .desbox .con {
  width: 100%;
  height: auto;
  float: left;
  padding: 10px;
}
.nycenter .desbox .con img {
  max-width: 100% !important;
  height: auto !important;
}
.nycenter .desbox .mes {
  float: left;
  width: 100%;
  height: auto;
  padding: 15px;
}
.nycenter .desbox .mes span {
  width: 100%;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  color: #666666;
  font-weight: bold;
}
.nycenter .desbox .mes input {
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  margin-bottom: 10px;
}
.nycenter .desbox .mes textarea {
  width: 100%;
  height: 140px;
  line-height: 20px;
  padding: 10px;
  margin-bottom: 20px;
}
.nycenter .desbox .mes #Sub {
  width: 120px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #3d78d8;
  color: white;
  border: none;
  text-transform: uppercase;
}
.mc {
  float: left;
  width: 100%;
}
.mc .cmenu {
  position: relative;
  z-index: 2;
  width: 100%;
  margin: 5px 0;
}
.mc .cmenu .t-box {
  padding: 5px 0;
}
.mc .cmenu dl {
  padding: 5px 0;
  width: 100%;
  height: auto;
  float: left;
}
.mc .cmenu dl dd {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  float: left;
  /*&:hover {
                .cmenu2 {
                    display: block;
                }
            }*/

}
.mc .cmenu dl dd a {
  width: 100%;
  float: left;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mc .cmenu dl dd a:hover {
  background: #efefef;
}
.mc .cmenu dl dd i {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 40px;
  height: 40px;
  line-height: 40px;
}
.mc .cmenu dl dd .cmenu2 {
  background: #eeeeee;
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  display: none;
  float: left;
}
.mc .cmenu dl dd .cmenu2 .mli2 {
  position: relative;
  z-index: 2;
  width: 100%;
  height: auto;
  line-height: 40px;
  text-align: left;
  text-overflow: ellipsis;
  float: left;
  /*&:hover {
                        .cmenu3 {
                            display: block;
                        }
                    }*/

}
.mc .cmenu dl dd .cmenu2 .mli2 a {
  height: 40px;
  line-height: 40px;
  border: 0;
  padding: 0;
  text-indent: 0;
  padding: 0 10px;
}
.mc .cmenu dl dd .cmenu2 .mli2 .cmenu3 {
  background: #e2e2e2;
  position: relative;
  z-index: 2;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  float: left;
}
.mc .cmenu dl dd .cmenu2 .mli2 .cmenu3 .mli3 {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: left;
}
.mc .article {
  width: 100%;
}
.mc .article .c-box img {
  max-width: 100%;
  height: auto !important;
}
.mc .article .libox {
  height: auto;
  border-bottom: 1px dashed #eeeeee;
  margin-bottom: 10px;
  padding: 0 10px;
}
.mc .article .libox .box1 {
  height: 24px;
  line-height: 24px;
  font-size: 16px;
  overflow: hidden;
}
.mc .article .libox .box1 .name {
  width: calc(100% - 100px);
  float: left;
}
.mc .article .libox .box1 .name a {
  color: #333333;
}
.mc .article .libox .box1 .date {
  float: left;
  width: 100px;
  text-align: right;
  color: #acacac;
  font-size: 12px;
}
.mc .article .libox .box2 {
  line-height: 30px;
  height: 60px;
  overflow: hidden;
  margin-top: 0px;
  color: #acacac;
}
.footer {
  float: left;
  color: white;
  width: 100%;
}
.footer .fbox1 {
  width: 100%;
  background: #222222;
  height: auto;
  float: left;
  padding: 20px 0;
}
.footer .fbox1 .main {
  width: 100%;
}
.footer .fbox1 .box1 {
  width: 100%;
  height: auto;
  text-align: center;
  float: left;
  overflow: hidden;
}
.footer .fbox1 .box1 .logo {
  padding: 0 20px;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  display: none;
}
.footer .fbox1 .box1 .logo img {
  width: 100%;
}
.footer .fbox1 .box1 .ewm {
  height: 150px;
}
.footer .fbox1 .box1 .ewm img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.footer .fbox1 .box2 {
  display: none;
  width: 100%;
  height: auto;
  text-align: center;
  float: left;
  overflow: hidden;
  width: 620px;
  margin-top: 30px;
}
.footer .fbox1 .box2 .logo {
  padding: 0 20px;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  display: none;
}
.footer .fbox1 .box2 .logo img {
  width: 100%;
}
.footer .fbox1 .box2 .ewm {
  height: 150px;
}
.footer .fbox1 .box2 .ewm img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.footer .fbox1 .box2 .b-box {
  width: 70px;
  height: auto;
  line-height: 36px;
  float: left;
  font-size: 12px;
}
.footer .fbox1 .box2 .b-box .b-tit {
  height: 36px;
}
.footer .fbox1 .box2 .b-box .b-tit a {
  color: white;
}
.footer .fbox1 .box2 .b-box .b-li {
  height: 36px;
}
.footer .fbox1 .box2 .b-box .b-li a {
  color: #cccccc;
}
.footer .fbox1 .box3 {
  width: 100%;
  height: auto;
  text-align: center;
  float: left;
  overflow: hidden;
  padding: 0 20px;
  margin-top: 30px;
}
.footer .fbox1 .box3 .logo {
  padding: 0 20px;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  display: none;
}
.footer .fbox1 .box3 .logo img {
  width: 100%;
}
.footer .fbox1 .box3 .ewm {
  height: 150px;
}
.footer .fbox1 .box3 .ewm img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.footer .fbox2 {
  width: 100%;
  float: left;
  background: #384144;
  height: auto;
  line-height: 40px;
  font-size: 12px;
  color: white;
}
.footer .fbox2 a {
  color: white;
}
.footer .fbox2 .fo-l {
  float: left;
  text-align: center;
  width: 100%;
  line-height: 24px;
  display: none;
}
.footer .fbox2 .fo-r {
  float: left;
  text-align: center;
  width: 100%;
}
.honor {
  width: 100%;
  height: auto;
  float: left;
}
.honor .bli {
  width: 100%;
  outline: 1px dashed #dfdfdf;
  outline-offset: -5px;
  text-align: center;
}
.honor .bli a {
  width: 100%;
  float: left;
}
.honor .bli .bli {
  float: left;
  height: 30px;
  line-height: 30px;
}
.honor .bli:nth-child(1) .bli {
  width: 33.33%;
}
.honor .bli:nth-child(2) .bli {
  width: 25%;
}
/*右侧导航*/

.navbox {
  width: 150px;
  position: fixed;
  z-index: 100;
  height: 100%;
  top: 0;
  right: 0;
  background: #2f8cc2;
  padding: 20px;
  transform: translateX(150px);
  transition: 0.2s;
}
.navbox .close {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 20px;
  border: 1px solid white;
  color: white;
  margin-bottom: 20px;
}
.navbox .nli {
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid white;
  margin-bottom: 10px;
  border-radius: 10px;
}
.navbox .nli a {
  color: white;
  text-transform: uppercase;
}
/*分页*/

.pagenav {
  text-align: center;
  margin: 25px 0;
}
.pagenav a {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  padding: 0 15px;
  border: 1px solid #d9d9d9;
  font-size: 14px;
  margin: 0 3px;
  cursor: pointer;
  color: #333333;
}
.clearfix {
  clear: both;
}
.pagenav {
  text-align: center;
  margin: 25px 0;
}
.pagenav a {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  padding: 0 15px;
  border: 1px solid #d9d9d9;
  font-size: 14px;
  margin: 0 3px;
  cursor: pointer;
  color: #333333;
}
.pagenav a.active,
.pagenav a:hover {
  background: #fb6f00;
  border: 1px solid #fb6f00;
  color: white;
  text-decoration: none;
}
.pagenav a.active {
  cursor: default;
}
.article .article-box {
  border: 0 !important;
}