@charset "utf-8";
*{
	padding: 0px;
	margin: 0px;
	font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;
}
img[mode="contain"] {
  object-fit: contain;
}

img[mode="cover"] {
  object-fit: cover;
}
a {
  color: #0A5D69;
  text-decoration: none;
  transition:all 0.4s ease-in-out;
}

.page-link {
  color: #0A5D69;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 8px !important;
}

.m-2 {
  margin: 16px !important;
}

.m-3 {
  margin: 24px !important;
}

.m-4 {
  margin: 32px !important;
}

.m-5 {
  margin: 40px !important;
}

.m-6 {
  margin: 48px !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 8px !important;
}

.mt-2 {
  margin-top: 16px !important;
}

.mt-3 {
  margin-top: 24px !important;
}

.mt-4 {
  margin-top: 32px !important;
}

.mt-5 {
  margin-top: 40px !important;
}

.mt-6 {
  margin-top: 48px !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mr-1 {
  margin-right: 8px !important;
}

.mr-2 {
  margin-right: 16px !important;
}

.mr-3 {
  margin-right: 24px !important;
}

.mr-4 {
  margin-right: 32px !important;
}

.mr-5 {
  margin-right: 40px !important;
}

.mr-6 {
  margin-right: 48px !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 8px !important;
}

.mb-2 {
  margin-bottom: 16px !important;
  border-bottom: dashed 1px darkgray;
}

.mb-3 {
  margin-bottom: 24px !important;
}

.mb-4 {
  margin-bottom: 32px !important;
}

.mb-5 {
  margin-bottom: 40px !important;
}

.mb-6 {
  margin-bottom: 48px !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.ml-1 {
  margin-left: 8px !important;
}

.ml-2 {
  margin-left: 16px !important;
}

.ml-3 {
  margin-left: 24px !important;
}

.ml-4 {
  margin-left: 32px !important;
}

.ml-5 {
  margin-left: 40px !important;
}

.ml-6 {
  margin-left: 48px !important;
}

.mx-0 {
  margin-left : 0px !important;
  margin-right: 0px !important;
}

.mx-1 {
  margin-left : 8px !important;
  margin-right: 8px !important;
}

.mx-2 {
  margin-left : 16px !important;
  margin-right: 16px !important;
}

.mx-3 {
  margin-left : 24px !important;
  margin-right: 24px !important;
}

.mx-4 {
  margin-left : 32px !important;
  margin-right: 32px !important;
}

.mx-5 {
  margin-left : 40px !important;
  margin-right: 40px !important;
}

.mx-6 {
  margin-left : 48px !important;
  margin-right: 48px !important;
}

.my-0 {
  margin-top   : 0px !important;
  margin-bottom: 0px !important;
}

.my-1 {
  margin-top   : 8px !important;
  margin-bottom: 8px !important;
}

.my-2 {
  margin-top   : 16px !important;
  margin-bottom: 16px !important;
}

.my-3 {
  margin-top   : 24px !important;
  margin-bottom: 24px !important;
}

.my-4 {
  margin-top   : 32px !important;
  margin-bottom: 32px !important;
}

.my-5 {
  margin-top   : 40px !important;
  margin-bottom: 40px !important;
}

.my-6 {
  margin-top   : 48px !important;
  margin-bottom: 48px !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 8px !important;
}

.p-2 {
  padding: 16px !important;
}

.p-3 {
  padding: 24px !important;
}

.p-4 {
  padding: 32px !important;
}

.p-5 {
  padding: 40px !important;
}

.p-6 {
  padding: 48px !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 8px !important;
}

.pt-2 {
  padding-top: 16px !important;
}

.pt-3 {
  padding-top: 24px !important;
}

.pt-4 {
  padding-top: 32px !important;
}

.pt-5 {
  padding-top: 40px !important;
}

.pt-6 {
  padding-top: 48px !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pr-1 {
  padding-right: 8px !important;
}

.pr-2 {
  padding-right: 16px !important;
}

.pr-3 {
  padding-right: 24px !important;
}

.pr-4 {
  padding-right: 32px !important;
}

.pr-5 {
  padding-right: 40px !important;
}

.pr-6 {
  padding-right: 48px !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 8px !important;
}

.pb-2 {
  padding-bottom: 16px !important;
}

.pb-3 {
  padding-bottom: 24px !important;
}

.pb-4 {
  padding-bottom: 32px !important;
}

.pb-5 {
  padding-bottom: 40px !important;
}

.pb-6 {
  padding-bottom: 48px !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pl-1 {
  padding-left: 8px !important;
}

.pl-2 {
  padding-left: 16px !important;
}

.pl-3 {
  padding-left: 24px !important;
}

.pl-4 {
  padding-left: 32px !important;
}

.pl-5 {
  padding-left: 40px !important;
}

.pl-6 {
  padding-left: 48px !important;
}

.px-0 {
  padding-left : 0px !important;
  padding-right: 0px !important;
}

.px-1 {
  padding-left : 8px !important;
  padding-right: 8px !important;
}

.px-2 {
  padding-left : 16px !important;
  padding-right: 16px !important;
}

.px-3 {
  padding-left : 24px !important;
  padding-right: 24px !important;
}

.px-4 {
  padding-left : 32px !important;
  padding-right: 32px !important;
}

.px-5 {
  padding-left : 40px !important;
  padding-right: 40px !important;
}

.px-6 {
  padding-left : 48px !important;
  padding-right: 48px !important;
}

.py-0 {
  padding-top   : 0px !important;
  padding-bottom: 0px !important;
}

.py-1 {
  padding-top   : 8px !important;
  padding-bottom: 8px !important;
}

.py-2 {
  padding-top   : 16px !important;
  padding-bottom: 16px !important;
}

.py-3 {
  padding-top   : 24px !important;
  padding-bottom: 24px !important;
}

.py-4 {
  padding-top   : 32px !important;
  padding-bottom: 32px !important;
}

.py-5 {
  padding-top   : 40px !important;
  padding-bottom: 40px !important;
}

.py-6 {
  padding-top   : 48px !important;
  padding-bottom: 48px !important;
}

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

.align-items-center {
  display    : flex;
  align-items: center;
}
.headcontainer {
  height:150px;
}
.ifie {
  position  : fixed;
  width     : 100%;
  height    : 100%;
  top       : 0;
  right     : 0;
  bottom    : 0;
  left      : 0;
  z-index   : 999;
  background: #fff;
  text-align: center;
  padding   : 10%;
}

.browsers {
  margin-top: 40px;
}

.browsers a {
  display   : inline-block;
  margin    : 0 24px;
  height    : 40px;
  text-align: center;
}

.browsers a img {
  width        : 40px;
  height       : 100%;
  margin-bottom: 8px;
}

.browsers a span {
  display    : block;
  text-align : center;
  white-space: nowrap;
}

html {
  font-size: 14px;
}

.wrapper_head {
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.15);
}

.header {
  background: white;
}
.header_top {
    height: 30px;
	margin: 0 auto;
}
.header_top ul { float: right; margin-bottom:0px;}
.header_top ul li { float: right; height: 30px; line-height: 30px; padding-left: 20px; margin: 0 8px; list-style:none;}
.header_top ul li.top_icon01 { background: url(../../assets/index.svg) no-repeat left;
background-size: 16px 16px;}
.header_top ul li.top_icon02 { background: url(../../assets/english.svg) no-repeat left;
background-size: 16px 16px;}
.header_top ul li.top_icon03 { background: url(../../assets/dating.svg) no-repeat left; 
background-size: 16px 16px;}
.header_top ul li.top_icon04 { background: url(../../assets/top_icon_04.png) no-repeat left; }
.header_top ul li a { font-size: 12px; color: #666666; text-decoration: none; }

.header .lang{
  width:400px;
  float:left;
}
.header .lang a {
  display        : inline-block;
  padding        : 4px 24px;
  border-radius  : 40px;
  background     : #d9d9d9;
  color          : #595959;
  margin-right   : 8px;
  text-decoration: none;
  font-size      : 12px;
}

.header .lang a:hover,
.header .lang a.active {
  background: #0A5D69;
  color     : white;
}
.header .topRx{
  width:600px;
  float:right;
}
.header .brand-head {
  width:100%;
  display        : flex;
  justify-content: space-between;
  padding        : 0px 0 0;
  margin-bottom  : 10px;
}

.header .brand-head .searchbar {
  margin-top:20px;
  float:right;
}
.header .brand-head .searchbar .form-control {
  background   : #fafafa;
  border-radius: 40px;
  padding      : 0 24px;
}

.header .menu {
  display        : flex;
  justify-content: flex-end;
  height:40px;
}

.header .menu li {
  position  : relative;
  list-style: none;
}

.header .menu li>a {
  display        : block;
  padding        : 16px 0;
  margin         : 0 16px;
  border-bottom  : 0px solid transparent;
  color          : #A7A7A9;
  text-decoration: none;
  transition     : all 0.2s;
}

.header .menu li .submenu {
  display   : none;
  position  : absolute;
  right     : 0;
  top       : 100%;
  background: white;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  z-index   : 10;
  padding   : 0;
  margin    : 0;
}

.header .menu li .submenu li a {
  padding    : 8px 24px;
  text-align : right;
  white-space: nowrap;
  margin     : 0;
}

.header .menu li .submenu li a:hover {
  background: #fafafa;
}

.header .menu li.active>a {
  border-color: #0A5D69;
  color       : #0A5D69;
}

.header .menu li:hover>a {
  color: #0A5D69;
}

.header .menu li:hover .submenu {
  display: block;
}

.swiper-button-next,
.swiper-button-prev {
  margin: 0 24px;
}
#listbg{margin:0 auto;position:relative; width:100%;padding:0;z-index:1}
#listbg img{ width:100%}
.focus .swiper-slide {
  height    : 480px;
  background: #d9d9d9;
}

.focus .swiper-slide img {
  width     : 100%;
  height    : 480px;
  object-fit: cover;
}

.newsWrap {
  background: #70B399;
}

.quickLink {
  position     : relative;
  z-index      : 10;
  background   : white;
  margin-top   : -40px;
  box-shadow   : 0 4px 16px rgba(0, 0, 0, 0.1);
  display      : flex;
  padding      : 8px;
  margin-bottom: 20px;
}

.quickLink li {
  list-style: none;
  flex      : 1;
}

.quickLink li a {
  padding        : 16px 0;
  display        : flex;
  flex-direction : column;
  align-items    : center;
  color          : #769090;
  text-decoration: none;
  transition     : all 0.2s;
}

.quickLink li a .qlicon {
  display            : block;
  width              : 40px;
  height             : 40px;
  background-position: center;
  background-repeat  : no-repeat;
  background-size    : 40px;
  margin-bottom      : 8px;
  transition: .5s ease-in-out;
}
.quickLink li a .qlicon:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}

.quickLink li a .qlicon.bkjy {
  background-image: url(../../assets/bkjy1.svg);
   
}

.quickLink li a .qlicon.yjsjy {
  background-image: url(../../assets/yjsjy1.svg);
}

.quickLink li a .qlicon.sbjy {
  background-image: url(../../assets/sbjy1.svg);
}

.quickLink li a .qlicon.lxsjy {
  background-image: url(../../assets/lxsjy1.svg);
}

.quickLink li a .qlicon.jxjy {
  background-image: url(../../assets/jxjy1.svg);
}

.quickLink li a .qlicon.xxgk {
  background-image: url(../../assets/xxgk1.svg);
}

.quickLink li a .qlicon.dangjian {
  background-image: url(../../assets/dangjian1.svg);
}

.quickLink li a .qlicon.xzxx {
  background-image: url(../../assets/xzxx1.svg);
}

.quickLink li a span {
  display: block;
  font-size:16px ;
}

.quickLink li a sub {
  display       : block;
  bottom        : 0;
  line-height   : 1;
  color         : #A7A7A9;
  font-size     : 12px;
  text-transform: uppercase;
  transform     : scale(0.75);
  transition    : all 0.2s;
}
.quickLink li a :hover:after{top:-6px; background:#cc1a1a; transition:all 0.4s ease-in-out;}
.quickLink li a:hover {
  background: #0A5D69;
  color     : #fff;
}

.quickLink li a:hover sub {
  color: white;
}

.quickLink li a:hover .bkjy {
  background-image: url(../../assets/bkjy2.svg);
}

.quickLink li a:hover .yjsjy {
  background-image: url(../../assets/yjsjy2.svg);
}

.quickLink li a:hover .sbjy {
  background-image: url(../../assets/sbjy2.svg);
}

.quickLink li a:hover .lxsjy {
  background-image: url(../../assets/lxsjy2.svg);
}

.quickLink li a:hover .jxjy {
  background-image: url(../../assets/jxjy2.svg);
}

.quickLink li a:hover .xxgk {
  background-image: url(../../assets/xxgk2.svg);
}

.quickLink li a:hover .dangjian {
  background-image: url(../../assets/dangjian2.svg);
}

.quickLink li a:hover .xzxx {
  background-image: url(../../assets/xzxx2.svg);
}

.news {
  padding-bottom: 40px;
}
.news .row{

}
.row-col-1{
  width:800px;
  float:left;
}
.row-col-2{
  width:325px;
  float:right
}
.row-col-3{
  width:400px;
  float:left;
}
.row-col-4{
  width:430px;
  float:right
}
.hot-news .focus-swpier-imgs {
  margin-bottom: 2px;
}

.hot-news .focus-swpier-imgs .swiper-slide {
  height    : 380px;
}

.hot-news .focus-swpier-imgs .swiper-slide .newspic {
  width     : 100%;
  height    : 280px;
  object-fit: cover;
}
.hot-news .focus-swpier-imgs .swiper-slide .newspic a {
    display: block;height: 100%;
}
.hot-news .focus-swpier-imgs .swiper-slide .newspic:hover img {
}
.hot-news .focus-swpier-imgs .swiper-slide .newspic a img {
    width: 100%;
    height:  100%;
}
.hot-news .focus-swpier-imgs .swiper-slide .newstext{
  width     : 100%;
  height    : 135px;
  object-fit: cover;
  margin-top:0px;position: absolute;bottom: 0px;
}
.hot-news .focus-swpier-imgs .swiper-slide .newstext .newstitle{
  width:400px;
  margin-bottom: 16px;
  line-height: 35px;
  height: auto;
  max-height: 52px;
  text-align:center;
  isplay: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-weight: bold;
  white-space: inherit;background: rgb(0 0 0 / 80%);
    height: 35px;
}
.hot-news .focus-swpier-imgs .swiper-slide .newstext .newstitle a{
  color:#ffffff;
  font-size:16px;
  text-decoration: none;
}
.hot-news .focus-swpier-imgs .swiper-slide .newstext .newscontent{
  height:88px;
  line-height:22px;
  text-indent:2em;
  font-size:16px ;
}
.hot-news .focus-swpier-imgs .swiper-slide .newstext .newscontent a{ 
  color:#ffffff;
  text-decoration: none;
}
.list {
  padding   : 0;
  margin-top:10px;
  list-style: none;
}

.list li {
  line-height    : 40px;
  font-size:16px ;
  display        : flex;
  justify-content: space-between;
  align-items    : center;
  border-bottom  : 1px dashed rgba(0, 0, 0, 0.2);
}

.list li a {
  max-width    : 320px;
  white-space  : nowrap;
  text-decoration: none;
  text-overflow: ellipsis;
  overflow     : hidden;
  line-height  : 1.5;
  display      : inline-block;
  color        : #262626;
}

.list li span {
  color  : #262626;
  opacity: 0.85;
}

.list[thems="dark"] li {
  border-bottom-color: rgba(255, 255, 255, 0.7);
}

.list[thems="dark"] li a,
.list[thems="dark"] li span {
  color: #ffffff;
}

.news-title {
  display        : flex;
  justify-content: space-between;
  align-items    : flex-start;
  padding-top    : 10px;
  height         : 50px;
  border-bottom     : 1px solid #ffffff;
}
.news-title h4 {
  font-size  : 20px;
  font-weight: bold;
  margin     : 0;
}
.news-title p {
  margin        : 0;
  opacity       : 0.6;
  font-size     : 12px;
  text-transform: uppercase;
}
.news-title a {
  padding   : 2px 14px;
  display   : inline-block;
  color     : white;
}
.news-title2 {
  display        : flex;
  justify-content: space-between;
  align-items    : flex-start;
  padding-top    : 10px;
  height         : 50px;
  border-bottom  : 1px solid #0A5D69;
}
.news-title2 h4 {
  color:#0a5d69;
  font-size  : 20px;
  font-weight: bold;
  margin     : 0;
}

.news-title2 p {
  margin        : 0;
  opacity       : 0.6;
  font-size     : 12px;
  text-transform: uppercase;
}
.news-title2 a {
  padding   : 2px 14px;
  display   : inline-block;
  color     : white;
}
.news-title[thems="dark"] {
  color:#ffffff;
  border-top-color: white;
}

.media-list .media-swpier-imgs {
  margin-bottom: 34px;
}

.media-list .media-swpier-imgs .swiper-slide {
  height    : 160px;
  background: #A7A7A9;
  box-shadow: inset 0 0 0 4px white;
}

.media-list .media-swpier-imgs .swiper-slide img {
  width     : 100%;
  height    : 160px;
  object-fit: cover;
}

.media-list .media {
  list-style: none;
  display   : block;
  padding   : 0;
  margin    : 0;
}

.media-list .media li {
  margin-bottom: 24px;
  display      : flex;
}

.media-list .media li .media-img {
  margin-right: 16px;
}

.media-list .media li .media-img img {
  width     : 120px;
  height    : 96px;
  object-fit: cover;
}

.media-list .media li .media-inner {
  overflow: hidden;
  color   : white;
}

.media-list .media li .media-inner h4 {
  text-overflow: ellipsis;
  overflow     : hidden;
  white-space  : nowrap;
  margin-bottom: 2px;
}

.media-list .media li .media-inner h4 a {
  font-size: 16px;
  color    : white;
}

.media-list .media li .media-inner h4 a:hover {
  text-decoration: underline;
  opacity        : 0.7;
}

.media-list .media li .media-inner span {
  display      : block;
  margin-bottom: 4px;
  opacity      : 0.5;
}

.media-list .media li .media-inner p {
  overflow          : hidden;
  text-overflow     : ellipsis;
  display           : -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  opacity           : 0.7;
  margin-bottom     : 0;
}

.media-list .media li:last-child {
  margin-bottom: 0;
}

.specialWrap {
  background-color   : #262626;
  background-image   : url(../../assets/500593754@2x.png);
  background-position: center;
  background-repeat  : no-repeat;
  background-size    : cover;
  margin-bottom      : 64px;
}

.specialWrap .special {
  padding: 48px 0;
}

.specialWrap .special .special-item {
  background: #dddddd;
}

.specialWrap .special .special-item .special-img {
  display : block;
  position: relative;
}
.specialWrap .special .special-item .special-item-square {
  display : block;
  position: relative;
  top     : 8px;
  right   : 8px;
  bottom  : 8px;
  left    : 8px;
  width   : 380px;
  height  : 268px;
  border  : 0px solid grey;
  z-index : 1;
}
.specialWrap .special .special-item .special-img1::before {
  content : '';
  display : block;
  position: absolute;
  top     : 8px;
  right   : 8px;
  bottom  : 8px;
  left    : 8px;
  border  : 1px solid white;
  z-index : 1;
}

.specialWrap .special .special-item .special-badeg {
  position        : absolute;
  left            : 0;
  bottom          : 0;
  z-index         : 2;
  padding         : 6px 12px;
  background-color: #0A5D69;
  color           : white;
}

.specialWrap .special .special-item .special-inner {
  padding: 24px;
  display: flex;
  background-color:#ffffff;
  height:80px;
}

.specialWrap .special .special-item .special-inner .special--data {
  margin-right: 16px;
  text-align  : center;
 /* border-top  : 4px solid #769090;*/
  padding-top : 2px;
}

.specialWrap .special .special-item .special-inner .special--data span {
  font-size: 12px;
  color    : #595959;
}

.specialWrap .special .special-item .special-inner .special--data legend {
  font-size  : 24px;
  font-weight: bold;
  margin     : 0;
  line-height: 1;
  color      : #0A5D69;
  font-family: sans-serif;
}

.specialWrap .special .special-item .special-inner .special-content {
  position: relative;
  text-align:center;
  width:300px;
}

.specialWrap .special .special-item .special-inner .special-content h4 {
  margin-bottom: 8px;
  
}

.specialWrap .special .special-item .special-inner .special-content h4 a {
  font-size: 16px;
  color    : #0A5D69;
  text-align:center;
}

.specialWrap .special .special-item .special-inner .special-content p {
  color             : #595959;
  margin-bottom     : 0;
  overflow          : hidden;
  text-overflow     : ellipsis;
  display           : -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.footWrap {
  background-color: #ECECEA;
  padding         : 40px 0;
  margin-top      : 24px;
}

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

.footWrap .footer .ft_menu {
  display: flex;
  flex   : 1;
}

.footWrap .footer .ft_menu ul {
  flex      : 1;
  list-style: none;
  padding   : 0;
  margin    : 0;
  text-align: center;
}

.footWrap .footer .ft_menu ul h4 {
  font-size    : 16px;
  color        : #0A5D69;
  margin-bottom: 12px;
}

.footWrap .footer .ft_menu ul h4::after {
  content         : '';
  display         : block;
  width           : 40px;
  height          : 1px;
  margin          : 0 auto;
  background-color: #0A5D69;
  margin-top      : 8px;
}

.footWrap .footer .ft_menu ul li {
  margin-bottom: 8px;
  font-size:16px ;
}

.footWrap .footer .ft_menu ul li a {
  color: #595959;
}

.footWrap .footer .ft_menu ul li a:hover {
  color: #0A5D69;
}

.footWrap .footer .ft_logo {
  margin: 0 40px;
}

.copyright { min-width: 1110px; height: 150px; background: #656565; }
.footer_logo { float: left; width: 330px; height: 70px; margin: 40px 0px 0px 0px; }
.footer_text { float: left; margin-top: 28px; }
.footer_text li { line-height: 30px; color: #fff; font-size: 14px; list-style: none; }
.footer_wx { float: right; margin: 20px 15px 0 0; }
.footer_wx dt { float: left; width: 93px; margin-left: 22px; }
.footer_wx dt p { width: 93px; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 13px; }

.copyright .address p {
  color : white;
  margin: 0;
}

.copyright .share {
  position: absolute;
  right   : 40px;
  top     : 16px;
}

.copyright .share a {
  display            : inline-block;
  width              : 40px;
  height             : 40px;
  background-position: center;
  background-repeat  : no-repeat;
  background-size    : 24px;
  opacity            : 0.7;
  transition         : all 0.2s;
}

.copyright .share a:hover {
  opacity: 1;
}

.copyright .share .qq {
  background-image: url("data:image/svg+xml,%3Csvg t='1574517691012' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='7959' width='64' height='64'%3E%3Cpath d='M824.8 613.2c-16-51.4-34.4-94.6-62.7-165.3C766.5 262.2 689.3 112 511.5 112 331.7 112 256.2 265.2 261 447.9c-28.4 70.8-46.7 113.7-62.7 165.3-34 109.5-23 154.8-14.6 155.8 18 2.2 70.1-82.4 70.1-82.4 0 49 25.2 112.9 79.8 159-26.4 8.1-85.7 29.9-71.6 53.8 11.4 19.3 196.2 12.3 249.5 6.3 53.3 6 238.1 13 249.5-6.3 14.1-23.8-45.3-45.7-71.6-53.8 54.6-46.2 79.8-110.1 79.8-159 0 0 52.1 84.6 70.1 82.4 8.5-1.1 19.5-46.4-14.5-155.8z' p-id='7960' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E");
}

.copyright .share .weibo {
  background-image: url("data:image/svg+xml,%3Csvg t='1574517764037' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='8358' width='64' height='64'%3E%3Cpath d='M457.3 543c-68.1-17.7-145 16.2-174.6 76.2-30.1 61.2-1 129.1 67.8 151.3 71.2 23 155.2-12.2 184.4-78.3 28.7-64.6-7.2-131-77.6-149.2z m-52 156.2c-13.8 22.1-43.5 31.7-65.8 21.6-22-10-28.5-35.7-14.6-57.2 13.7-21.4 42.3-31 64.4-21.7 22.4 9.5 29.6 35 16 57.3z m45.5-58.5c-5 8.6-16.1 12.7-24.7 9.1-8.5-3.5-11.2-13.1-6.4-21.5 5-8.4 15.6-12.4 24.1-9.1 8.7 3.2 11.8 12.9 7 21.5zM785.3 443.5c15 4.8 31-3.4 35.9-18.3 11.8-36.6 4.4-78.4-23.2-109-27.6-30.6-68.4-42.3-106-34.3-15.4 3.3-25.2 18.4-21.9 33.8 3.3 15.3 18.4 25.2 33.8 21.8 18.4-3.9 38.3 1.8 51.9 16.7 13.5 15 17.2 35.4 11.3 53.3-4.9 15.1 3.2 31.1 18.2 36z' p-id='8359' fill='%23ffffff'%3E%3C/path%3E%3Cpath d='M885.1 237.5c-56.7-62.9-140.4-86.9-217.7-70.5-17.9 3.8-29.3 21.4-25.4 39.3 3.8 17.9 21.4 29.3 39.3 25.5 55-11.7 114.4 5.4 154.8 50.1 40.3 44.7 51.2 105.7 34 159.1-5.6 17.4 3.9 36 21.3 41.7 17.4 5.6 36-3.9 41.6-21.2v-0.1c24.1-75.4 8.9-161.1-47.9-223.9zM729 499c-12.2-3.6-20.5-6.1-14.1-22.1 13.8-34.7 15.2-64.7 0.3-86-28-40.1-104.8-37.9-192.8-1.1 0 0-27.6 12.1-20.6-9.8 13.5-43.5 11.5-79.9-9.6-101-47.7-47.8-174.6 1.8-283.5 110.6C127.3 471.1 80 557.5 80 632.2 80 775.1 263.2 862 442.5 862c235 0 391.3-136.5 391.3-245 0-65.5-55.2-102.6-104.8-118zM443 810.8c-143 14.1-266.5-50.5-275.8-144.5-9.3-93.9 99.2-181.5 242.2-195.6 143-14.2 266.5 50.5 275.8 144.4C694.4 709 586 796.6 443 810.8z' p-id='8360' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E");
}

.copyright .share .wechat {
  background-image: url("data:image/svg+xml,%3Csvg t='1574517732586' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='8180' width='64' height='64'%3E%3Cpath d='M690.1 377.4c5.9 0 11.8 0.2 17.6 0.5-24.4-128.7-158.3-227.1-319.9-227.1C209 150.8 64 271.4 64 420.2c0 81.1 43.6 154.2 111.9 203.6 5.5 3.9 9.1 10.3 9.1 17.6 0 2.4-0.5 4.6-1.1 6.9-5.5 20.3-14.2 52.8-14.6 54.3-0.7 2.6-1.7 5.2-1.7 7.9 0 5.9 4.8 10.8 10.8 10.8 2.3 0 4.2-0.9 6.2-2l70.9-40.9c5.3-3.1 11-5 17.2-5 3.2 0 6.4 0.5 9.5 1.4 33.1 9.5 68.8 14.8 105.7 14.8 6 0 11.9-0.1 17.8-0.4-7.1-21-10.9-43.1-10.9-66 0-135.8 132.2-245.8 295.3-245.8z m-194.3-86.5c23.8 0 43.2 19.3 43.2 43.1s-19.3 43.1-43.2 43.1c-23.8 0-43.2-19.3-43.2-43.1s19.4-43.1 43.2-43.1z m-215.9 86.2c-23.8 0-43.2-19.3-43.2-43.1s19.3-43.1 43.2-43.1 43.2 19.3 43.2 43.1-19.4 43.1-43.2 43.1z' p-id='8181' fill='%23ffffff'%3E%3C/path%3E%3Cpath d='M866.7 792.7c56.9-41.2 93.2-102 93.2-169.7 0-124-120.8-224.5-269.9-224.5-149 0-269.9 100.5-269.9 224.5S540.9 847.5 690 847.5c30.8 0 60.6-4.4 88.1-12.3 2.6-0.8 5.2-1.2 7.9-1.2 5.2 0 9.9 1.6 14.3 4.1l59.1 34c1.7 1 3.3 1.7 5.2 1.7 2.4 0 4.7-0.9 6.4-2.6 1.7-1.7 2.6-4 2.6-6.4 0-2.2-0.9-4.4-1.4-6.6-0.3-1.2-7.6-28.3-12.2-45.3-0.5-1.9-0.9-3.8-0.9-5.7 0.1-5.9 3.1-11.2 7.6-14.5zM600.2 587.2c-19.9 0-36-16.1-36-35.9 0-19.8 16.1-35.9 36-35.9s36 16.1 36 35.9c0 19.8-16.2 35.9-36 35.9z m179.9 0c-19.9 0-36-16.1-36-35.9 0-19.8 16.1-35.9 36-35.9s36 16.1 36 35.9c-0.1 19.8-16.2 35.9-36 35.9z' p-id='8182' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E");
}

.page-header {
  display    : flex;
  align-items: center;
  padding    : 28px 0 32px;
}

.page-header .page-subtxt {
  position      : relative;
  padding-top   : 16px;
  display       : inline-block;
  font-size     : 16px;
  font-weight   : bold;
  text-transform: uppercase;
  font-family   : sans-serif;
  color         : #769090;
}

.page-header .page-subtxt::before {
  position  : absolute;
  content   : '';
  display   : inline-block;
  width     : 80px;
  height    : 4px;
  background: #70B399;
  top       : 0;
  left      : 0;
}

.page-header .page-title {
  font-size  : 32px;
  font-weight: bold;
  color      : #0A5D69;
}

.page-header .breadcrumb {
  padding    : 0;
  background : none;
  margin-top : 32px;
  padding-top: 16px;
  border-top : 1px solid #e8e8e8;
}

.page-article-header {
  width          : 1110px;
  margin         : 0 auto;
  display        : flex;
  align-items    : center;
  justify-content: space-between;
  padding        : 32px 0 64px;
}

.page-article-header .article-back {
  display    : flex;
  align-items: center;
}

.page-article-header .article-back a {
  display        : inline-block;
  text-decoration: none;
}

.page-article-header .article-back a::before {
  content            : '';
  display            : inline-block;
  width              : 16px;
  height             : 16px;
  background-image   : url("data:image/svg+xml,%3Csvg t='1574604825363' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='7961' width='64' height='64'%3E%3Cpath d='M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8c-14.7 12.8-14.7 35.6 0 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z' p-id='7962' fill='%230A5D69'%3E%3C/path%3E%3C/svg%3E");
  background-position: center;
  background-repeat  : no-repeat;
  background-size    : 16px;
  margin-right       : 4px;
  vertical-align     : -3px;
}

.page-article-header .article-back a:hover {
  opacity: 0.7;
}

.page-article-header .article-back h4 {
  margin      : 0;
  border-left : 1px solid #e8e8e8;
  margin-left : 16px;
  padding-left: 16px;
  line-height : 1;
}
.page-article-header .page-position {
  padding   : 0;
  background: none;
}
.page-article-header .breadcrumb {
  padding   : 0;
  background: none;
}

.card-header h1,
.card-header h2,
.card-header h3,
.card-header h4,
.card-header h5,
.card-header h6 {
  margin: 0;
}

.list-group-item {
  padding-left: 0;
  color       : #595959;
}

.article-header {
  border-bottom : 1px dashed #ddd;
  margin-bottom : 40px;
  padding-bottom: 16px;
  text-align    : center;
}

.article-header .article-title {
  font-size    : 26px;
  margin-bottom: 16px;
}

.article-header .article-info span {
  display: inline-block;
  margin : 0 12px;
  color  : #A7A7A9;
}

.article-header .article-info span b {
  font-weight: normal;
  color      : #595959;
}

.article {
  font-size    : 16px;
  line-height  : 2;
  margin:0 auto;
}

.article p {
  margin-bottom: 1em;
  text-indent  : 2em;
}

.article img {
  display      : inline-block;
  max-width    : 100%;
  margin-top   : 1em;
  margin-bottom: 1em;
}