@charset "UTF-8";
::-moz-selection { color: #fff; background: #3e84ff; }
::selection { color: #fff; background: #3e84ff; }

* { margin: 0px; padding: 0px; }

html { font-size: 62.5%; height: 100%; }

body { margin: 0 auto; width: 100%; max-width: 1920px; font-size: 14px; font-size: 1.4rem; line-height: 1.2; overflow-x: hidden;}
body::-webkit-scrollbar {/*滚动条整体样式*/
  width: 8px;     /*高宽分别对应横竖滚动条的尺寸*/
  height: 8px;
  scrollbar-arrow-color:red;
}
body::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px #c1c1c1;
  box-shadow: inset 0 0 5px #c1c1c1;
  background: #c1c1c1;
  scrollbar-arrow-color:red;
}
body::-webkit-scrollbar-track {/*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(193,193,193,0.1);
  box-shadow: inset 0 0 5px rgba(193,193,193,0.1);
  border-radius: 0;
  background: rgba(193,193,193,0.1);
}

a { text-decoration: none; outline: none; color: #333; tap-highlight-color: transparent; focus-ring-color: transparent; -webkit-tap-highlight-color: transparent; -webkit-focus-ring-color: transparent; -moz-tap-highlight-color: transparent; -moz-focus-ring-color: transparent; -webkit-transition: all 550ms; -o-transition: all 550ms; -moz-transition: all 550ms; transition: all 550ms; }

ol, ul, li { list-style: none; }

img { max-width: 100%; border: 0px solid #ccc; height: auto; }

table, embed, video { max-width: 100%; }

input, textarea { border: none; background: none; font-family: inherit; }

input[type="submit"], textarea[type="submit"] { cursor: pointer; }

input[type="checkbox"], textarea[type="checkbox"] { cursor: pointer; }

input[type="radio"], textarea[type="radio"] { cursor: pointer; }

input:focus, textarea:focus { outline: none; }

textarea { resize: none; }

button { border: none; background: none; cursor: pointer; }

em, i { font-style: normal; }

.ellipsis1{
  display: -webkit-box;
  overflow: hidden;
  white-space: normal!important;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.ellipsis2{
  display: -webkit-box;
  overflow: hidden;
  white-space: normal!important;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;;
}
.ellipsis3{
  display: -webkit-box;
  overflow: hidden;
  white-space: normal!important;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.ellipsis4{
  display: -webkit-box;
  overflow: hidden;
  white-space: normal!important;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.br{display: block;}
.f-box-public { margin: 0 auto; width: 1200px; max-width: 100%; overflow: visible; -moz-box-sizing: border-box; box-sizing: border-box; }
@media screen and (max-width: 1219px) { .f-box-public{ width: 980px; } }
@media screen and (max-width: 1023px) { .f-box-public { width: 90%;} }
@media screen and (max-width: 991px) { .f-box-public { width: 720px; } .br{display: none;}}
@media screen and (max-width: 767px) { .f-box-public { padding-left: 15px; padding-right: 15px;} }
.new-box-wp { margin: 0 auto;max-width: 100%; overflow: visible; -moz-box-sizing: border-box; box-sizing: border-box; }
.flex {display: flex;display:-webkit-flex;justify-content: space-between;flex-wrap: wrap}

.news-content-list { justify-content: flex-start;}
.news-content-list .item { width: calc(33.33% - 28px); padding: 42px 0 45px; margin-right: 42px; border-bottom: 1px solid #E7E7E7; cursor: default;}
.news-content-list .item:nth-child(3n) { margin-right: 0;}
.news-content-list .item .name { font-size: 18px; /*font-family: Arial;*/ font-weight: 400; color: #333333; line-height: 24px;}
.news-content-list .item .date { font-size: 14px; /*font-family: Arial;*/ font-weight: 400; color: #999999; line-height: 24px; margin-top: 12px;}
.news-content-list .item .desc { font-size: 14px; /*font-family: Arial;*/ font-weight: 400; color: #666666; line-height: 18px; margin-top: 13px;}
.news-content-list .item .more { margin-top: 16px; text-align: right;}

.pagination { margin-top: 45px; padding-bottom: 60px; text-align: center; font-size: 0;}
.pagination a { margin: 0 5px; display: inline-block;
  /*  width: 30px;*/
  /*height: 30px;*/
    padding: 0 13px 0 13px;
  background: #FFFFFF;
  border: 1px solid #E5E5E5;font-size: 12px; /*font-family: Arial;*/ font-weight: 400; color: #333333; line-height: 30px;}
.pagination a.active { background: #000000; color: #FFFFFF;}
.pagination a.prev { width: 61px;}
.pagination a.next { width: 61px;}
@media screen and (max-width: 767px) {
  .news-content-list .item { padding: 20px 0; width: 100%;margin-right: 0;}
}

.detailView .detail {}
.detailView .detail .title { margin-top: 28px; text-align: center; font-size: 20px; /*font-family: Arial;*/ font-weight: 400; color: #30323E; line-height: 30px;}
.detailView .detail .date { margin-top: 22px; justify-content: center; align-items: center;}
.detailView .detail .date img { width: 14px; height: 14px; margin-right: 10px;}
.detailView .detail .date span { font-size: 14px; /*font-family: Arial;*/ font-weight: 400; color: #999999;}
.detailView .detail .content { margin-top: 22px; font-size: 16px; /*font-family: Arial;*/ font-weight: 400; color: #333333; line-height: 26px;}
.detailView .share { margin-top: 32px; font-size: 14px; /*font-family: Arial;*/ font-weight: 400; color: #666666;line-height: 20px; justify-content: flex-start; align-items: center;}
.detailView .share span { margin-right: 10px;}
.detailView .share a { height: 24px; width: 24px; margin-right: 6px;}
.detailView .other-news { padding: 20px 0; margin-top: 40px; border-top: 1px solid rgba(0, 0, 0, 0.2);}
.detailView .other-news .item { padding: 10px 0;font-size: 16px; line-height: 26px; /*cursor: pointer;*/}
.detailView .other-news .item .img { width: 26px; height: 26px; margin-right: 10px;}
.detailView .other-news .item span { font-size: 16px;display: inline-block; vertical-align: top; /*font-family: Arial;*/ font-weight: 400; color: #888888; line-height: 26px!important; }
.detailView .other-news .item a { font-size: 16px; line-height: 26px; display: inline-block; vertical-align: top }
.detailView .other-news .item p { margin-left: 5px; flex: 1; font-size: 16px; /*font-family: Arial;*/ font-weight: 400; color: #666666; line-height: 26px;}
.detailView .related-news { margin-top: 70px; padding-bottom: 160px;}
.detailView .related-news .title-box p { font-size: 26px; /*font-family: Arial;*/ font-weight: 400; color: #30323E; line-height: 30px; font-weight: bold;}
.detailView .related-news .title-box .arrow { width: 62px; position: relative;}
.detailView .related-news .swiper-button-prev { margin-top: -13px; left: 0; height: 26px; background: url(../image/arrow-left.png) no-repeat;}
.detailView .related-news .swiper-button-next { margin-top: -13px; right: 0; height: 26px; background: url(../image/arrow-right.png) no-repeat;}
.detailView .related-news .swiper-button-prev::after { content: '';}
.detailView .related-news .swiper-button-next::after { content: '';}

.detailView .related-news .mySwiper { margin-top: 28px;}
.detailView .related-news .news-item { cursor: pointer;}
.detailView .related-news .news-item img { width: 100%;}
.detailView .related-news .news-item .date { font-size: 14px; /*font-family: Arial*/; font-weight: 400; color: #999999; line-height: 24px; margin-top: 15px;}
.detailView .related-news .news-item .title { font-size: 18px; /*font-family: Arial;*/ font-weight: 400; color: #333333; line-height: 24px;height: 48px; margin-top: 12px;}
.detailView .related-news .news-item .desc { font-size: 14px; /*font-family: Arial;*/ font-weight: 400; color: #666666; line-height: 25px;margin-top: 18px;}
.detailView .detail .content a{color:#0c8fdf;}

@media screen and (max-width: 767px) {
  .detailView .related-news { margin-top: 10px; padding-bottom: 60px;}
  .detailView .related-news .title-box p { font-size: 20px; line-height: 28px;}
}

.none_str {
  color: #333 !important;font-size: 1.4rem !important;line-height: 1.2 !important;
}
.disnone{display: none;}
.content{width: 100% !important;}