@keyframes arrowMove {
	0%,to {
		animation-timing-function: ease;
		transform: translateX(calc(-50% + 10px))
	}

	to {
		transform: translateX(calc(-50% - 10px))
	}
}
body {
  margin: 0;
}
.clearfix:after {
  content: '\20';
  display: block;
  height: 0;
  clear: both;
}
.header.add-bg {
  background: #161823;
}
.banner-carousel .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
}
.banner-carousel .owl-nav .owl-prev,
.banner-carousel .owl-nav .owl-next {
  position: absolute;
  width: 60px;
  height: 60px;
  color: #fff;
  font-size: 28px;
  text-align: center;
  line-height: 58px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  opacity: 1;
  cursor: pointer;
}
.banner-carousel .owl-nav .owl-prev {
  left: 30px;
}
.banner-carousel .owl-nav .owl-next {
  right: 30px;
}
#mainBox .main-wrapper .banner,
body .main-wrapper .banner,
html .main-wrapper .banner {
  background-repeat: no-repeat;
  background-position:  top center;
  background-size: cover;
  -moz-background-size: cover;
  position: relation;
  width: 100%;
  height: 560px;
  left: 0;
  top: 0;
  z-index: 100;
}
#mainBox .main-wrapper .banner .slogan-wrapper,
body .main-wrapper .banner .slogan-wrapper,
html .main-wrapper .banner .slogan-wrapper {
  position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 160px;
  width: 496px;
  height: 120px;
  z-index: 300;
}
#mainBox .main-wrapper .banner .slogan-wrapper > img,
body .main-wrapper .banner .slogan-wrapper > img,
html .main-wrapper .banner .slogan-wrapper > img {
  width: 100%;
}
#mainBox .main-wrapper .banner .banner-text,
body .main-wrapper .banner .banner-text,
html .main-wrapper .banner .banner-text {
  z-index: 300;
  position: absolute;
  height: 24px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 296px;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: #fff;
}
#mainBox .main-wrapper .banner .access-btn,
body .main-wrapper .banner .access-btn,
html .main-wrapper .banner .access-btn {
  z-index: 300;
  position: absolute;
  width: 200px;
  height: 56px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 372px;
  background: hsla(0, 0%, 100%, 0.1);
  font-size: 18px;
  border: 1px solid #fff;
  box-sizing: border-box;
  border-radius: 8px;
  color: #fff;
  padding: 0;
  cursor: pointer;
  transition: background 0.3s linear;
}
#mainBox .main-wrapper .banner .access-btn.is-hover,
body .main-wrapper .banner .access-btn.is-hover,
html .main-wrapper .banner .access-btn.is-hover {
  background: #fff;
}
#mainBox .main-wrapper .banner .access-btn > img,
body .main-wrapper .banner .access-btn > img,
html .main-wrapper .banner .access-btn > img {
  position: absolute;
  left: 50%;
  top: 15px;
  width: 24px;
  height: 24px;
  animation: arrowMove 0.8s infinite alternate;
}
#mainBox .main-wrapper .banner .banner-mask,
body .main-wrapper .banner .banner-mask,
html .main-wrapper .banner .banner-mask {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  background: #161823;
  opacity: 0.7;
  z-index: 200;
  display: none;
}
#mainBox .main-wrapper .banner-load-mask,
body .main-wrapper .banner-load-mask,
html .main-wrapper .banner-load-mask {
  background: #ffd5dd;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 560px;
  left: 0;
  top: 0;
  z-index: 99;
}
#mainBox .main-wrapper .banner-list-wrap,
body .main-wrapper .banner-list-wrap,
html .main-wrapper .banner-list-wrap {
  z-index: 300;
  position: absolute;
  width: 1200px;
  height: 124px;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 464px;
  background: #fff;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.16);
  border-radius: 8px;
}
#mainBox .main-wrapper .banner-list-wrap .banner-list,
body .main-wrapper .banner-list-wrap .banner-list,
html .main-wrapper .banner-list-wrap .banner-list {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
}
#mainBox .main-wrapper .banner-list-wrap .banner-list .banner-list-item,
body .main-wrapper .banner-list-wrap .banner-list .banner-list-item,
html .main-wrapper .banner-list-wrap .banner-list .banner-list-item {
  -ms-flex: 0 0 300px;
  flex: 0 0 300px;
  box-sizing: border-box;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
#mainBox .main-wrapper .banner-list-wrap .banner-list .banner-list-item:nth-child(-n+3):after,
body .main-wrapper .banner-list-wrap .banner-list .banner-list-item:nth-child(-n+3):after,
html .main-wrapper .banner-list-wrap .banner-list .banner-list-item:nth-child(-n+3):after {
  content: "";
  width: 1px;
  height: 64px;
  position: absolute;
  left: 100%;
  top: 30px;
  background: #161823;
  opacity: 0.08;
}
#mainBox .main-wrapper .banner-list-wrap .banner-list .banner-list-item .icon-wrap,
body .main-wrapper .banner-list-wrap .banner-list .banner-list-item .icon-wrap,
html .main-wrapper .banner-list-wrap .banner-list .banner-list-item .icon-wrap {
  -ms-flex: 0 0 40%;
  flex: 0 0 40%;
  padding: 34px 32px;
  box-sizing: border-box;
}
#mainBox .main-wrapper .banner-list-wrap .banner-list .banner-list-item .icon-wrap .banner-list-icon,
body .main-wrapper .banner-list-wrap .banner-list .banner-list-item .icon-wrap .banner-list-icon,
html .main-wrapper .banner-list-wrap .banner-list .banner-list-item .icon-wrap .banner-list-icon {
  width: 56px;
  height: 56px;
}
#mainBox .main-wrapper .banner-list-wrap .banner-list .banner-list-item .text-wrap,
body .main-wrapper .banner-list-wrap .banner-list .banner-list-item .text-wrap,
html .main-wrapper .banner-list-wrap .banner-list .banner-list-item .text-wrap {
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
  box-sizing: border-box;
  height: 100%;
  position: relative;
}
#mainBox .main-wrapper .banner-list-wrap .banner-list .banner-list-item .text-wrap .banner-list-title,
body .main-wrapper .banner-list-wrap .banner-list .banner-list-item .text-wrap .banner-list-title,
html .main-wrapper .banner-list-wrap .banner-list .banner-list-item .text-wrap .banner-list-title {
  position: absolute;
  top: 29px;
  height: 28px;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  color: #161823;
  margin: 0;
}
#mainBox .main-wrapper .banner-list-wrap .banner-list .banner-list-item .text-wrap .banner-list-text,
body .main-wrapper .banner-list-wrap .banner-list .banner-list-item .text-wrap .banner-list-text,
html .main-wrapper .banner-list-wrap .banner-list .banner-list-item .text-wrap .banner-list-text {
  position: absolute;
  top: 59px;
  height: 40px;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #161823;
  margin: 0;
  opacity: 0.4;
}
#mainBox .main-wrapper .banner-list-wrap .banner-list .banner-list-item .text-wrap .banner-list-text p,
body .main-wrapper .banner-list-wrap .banner-list .banner-list-item .text-wrap .banner-list-text p,
html .main-wrapper .banner-list-wrap .banner-list .banner-list-item .text-wrap .banner-list-text p {
  margin: 0;
  padding: 0;
}
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 88px;
  z-index: 301;
  transition: background 0.3s linear;
}
 
.header .logo-wrapper {
  z-index: 301;
  width: 320px;
  height: 40.17px;
  position: absolute;
  left: 4.17%;
  top: 31.73%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
}
 
.header .logo-wrapper img:first-child { 
  height: 43px;
  cursor: pointer;
}
.header .logo-wrapper img:last-child { 
  height: 43px;
  cursor: pointer;
}
.header .logo-wrapper .logo-gap {
  height: 33px;
  border-left: 1px solid #fff;
}
.header .menuList-wrap {
  position: absolute;
  top: 0;
  height: 88px;
  right: 13.75%;
}
.header .menuList-wrap .menuList {
  position: relative;
  top: 38%;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}
.header .menuList-wrap .menuList .menuList-item {
  position: relative;
  list-style-type: none;
  margin-right: 32px;
  color: #fff;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
}
.header .menuList-wrap .menuList .menuList-item a{
  color: #fff;
  text-decoration: none;
}
.header .menuList-wrap .menuList .menuList-item:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  border-radius: 12px;
  background: #fff;
  top: calc(100% + 8px);
  left: 0;
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  transition: all 0.2s linear;
}
.header .menuList-wrap .menuList .menuList-item:hover {
  cursor: pointer;
}
.header .menuList-wrap .menuList .menuList-item:hover:after {
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.header .menuList-wrap .menuList .menuList-item.is-active:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  top: calc(100% + 8px);
  left: 0;
  border-radius: 12px;
  background: #fff;
}
.header .menu-login-btn {
  position: absolute;
  width: 144px;
  height: 40px;
  right: 3.3%;
  top: 24px;
  background: hsla(0, 0%, 100%, 0.1);
  color: #fff;
  border: 1px solid #fff;
  box-sizing: border-box;
  border-radius: 8px;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  transition: background 0.3s linear;
  cursor: pointer;
}
.header .menu-login-btn > a {
  color: #fff;
}
.header .menu-login-btn.is-active {
  background: #fff;
}
.header .menu-login-btn > img {
  position: absolute;
  left: 50%;
  top: 8px;
  width: 24px;
  height: 24px;
  animation: arrowMove 0.8s infinite alternate;
  pointer-events: none;
}
#mainBox .main-wrapper .content,
body .main-wrapper .content,
html .main-wrapper .content {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
#mainBox .main-wrapper .content,
body .main-wrapper .content,
html .main-wrapper .content:after {
  content: "";
  display: block;
  clear: both;
}
#mainBox .main-wrapper .content .service-access-btn > img,
body .main-wrapper .content .service-access-btn > img,
html .main-wrapper .content .service-access-btn > img {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -12px; 
  animation: arrowMove 0.8s infinite alternate;
}
#mainBox .main-wrapper .footer,
body .main-wrapper .footer,
html .main-wrapper .footer {
  width: 100%;
}
#mainBox .main-wrapper .footer .agentinfo-wrapper,
body .main-wrapper .footer .agentinfo-wrapper,
html .main-wrapper .footer .agentinfo-wrapper {
  width: 100%;
  background: #161823;
  position: relative;
  left: 0;
  padding: 25px calc(50% - 538px) 0 calc((100% - 1200px) / 2);
  box-sizing: border-box;
  overflow: hidden;
}
#mainBox .main-wrapper .footer .agentinfo-wrapper .agent-message,
body .main-wrapper .footer .agentinfo-wrapper .agent-message,
html .main-wrapper .footer .agentinfo-wrapper .agent-message {
  color: #fff;
}
#mainBox .main-wrapper .footer .agentinfo-wrapper .agent-message > h3,
body .main-wrapper .footer .agentinfo-wrapper .agent-message > h3,
html .main-wrapper .footer .agentinfo-wrapper .agent-message > h3 {
  margin: 0;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  color: #fff;
}
#mainBox .main-wrapper .footer .agentinfo-wrapper .agent-message > p,
body .main-wrapper .footer .agentinfo-wrapper .agent-message > p,
html .main-wrapper .footer .agentinfo-wrapper .agent-message > p {
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  opacity: 0.5;
}
#mainBox .main-wrapper .footer .agentinfo-wrapper .middle-wrapper,
body .main-wrapper .footer .agentinfo-wrapper .middle-wrapper,
html .main-wrapper .footer .agentinfo-wrapper .middle-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 26px;
}
#mainBox .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .sales-agent,
body .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .sales-agent,
html .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .sales-agent {
  -ms-flex: 0 0 600px;
  flex: 0 0 600px;
}
#mainBox .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .sales-agent > h4,
body .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .sales-agent > h4,
html .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .sales-agent > h4 {
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  color: #fff;
  margin-bottom: 16px;
}
#mainBox .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .sales-agent .p-wrapper,
body .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .sales-agent .p-wrapper,
html .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .sales-agent .p-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#mainBox .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .sales-agent .p-wrapper > p,
body .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .sales-agent .p-wrapper > p,
html .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .sales-agent .p-wrapper > p {
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  width: 240px;
  margin-bottom: 8px;
}
#mainBox .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .sales-agent .p-wrapper > p:nth-child(odd),
body .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .sales-agent .p-wrapper > p:nth-child(odd),
html .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .sales-agent .p-wrapper > p:nth-child(odd) {
  margin-right: 40px;
}
#mainBox .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .audit-agent,
body .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .audit-agent,
html .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .audit-agent {
  -ms-flex: 0 0 320px;
  flex: 0 0 320px;
}
#mainBox .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .audit-agent > h4,
body .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .audit-agent > h4,
html .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .audit-agent > h4 {
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  color: #fff;
  margin-bottom: 16px;
}
#mainBox .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .audit-agent > p,
body .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .audit-agent > p,
html .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .audit-agent > p {
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  margin-bottom: 8px;
}
#mainBox .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .qr-code,
body .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .qr-code,
html .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .qr-code {
  -ms-flex: 0 0 84px;
  flex: 0 0 84px;
}
.qr-code a{ text-decoration:none}
#mainBox .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .qr-code  h4,
body .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .qr-code  h4,
html .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .qr-code h4 {
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  color: #fff;
  margin-top: 0;
  margin-bottom: 16px;
}
#mainBox .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .qr-code  img,
body .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .qr-code  img,
html .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .qr-code  img {
  width: 80px;
  height: 80px;
  margin-bottom: 4px;
}
#mainBox .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .qr-code  p,
body .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .qr-code  p,
html .main-wrapper .footer .agentinfo-wrapper .middle-wrapper .qr-code  p {
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  opacity: 0.5;
  margin-bottom: 0;
  margin-top: 0;
}
#mainBox .main-wrapper .footer .agentinfo-wrapper .notice-wrapper,
body .main-wrapper .footer .agentinfo-wrapper .notice-wrapper,
html .main-wrapper .footer .agentinfo-wrapper .notice-wrapper {
  width: 100%;
  height: 201px;
  box-sizing: border-box;
}
#mainBox .main-wrapper .footer .agentinfo-wrapper .notice-wrapper .notice-content,
body .main-wrapper .footer .agentinfo-wrapper .notice-wrapper .notice-content,
html .main-wrapper .footer .agentinfo-wrapper .notice-wrapper .notice-content {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 20px 0 0 calc((100% - 1200px) / 2);
}
#mainBox .main-wrapper .footer .agentinfo-wrapper .notice-wrapper .notice-content h4,
body .main-wrapper .footer .agentinfo-wrapper .notice-wrapper .notice-content h4,
html .main-wrapper .footer .agentinfo-wrapper .notice-wrapper .notice-content h4 {
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  color: #fff;
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 12px;
  opacity: 1;
}
#mainBox .main-wrapper .footer .agentinfo-wrapper .notice-wrapper .notice-content p,
body .main-wrapper .footer .agentinfo-wrapper .notice-wrapper .notice-content p,
html .main-wrapper .footer .agentinfo-wrapper .notice-wrapper .notice-content p {
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  color: hsla(0, 0%, 100%, 0.6);
  margin-bottom: 12px;
  opacity: 1;
}
#mainBox .main-wrapper .footer .agentinfo-wrapper .notice-wrapper .notice-content p:last-child,
body .main-wrapper .footer .agentinfo-wrapper .notice-wrapper .notice-content p:last-child,
html .main-wrapper .footer .agentinfo-wrapper .notice-wrapper .notice-content p:last-child {
  padding-left: 10px;
}
#mainBox .main-wrapper .footer .agentinfo-wrapper .notice-wrapper .notice-content a,
body .main-wrapper .footer .agentinfo-wrapper .notice-wrapper .notice-content a,
html .main-wrapper .footer .agentinfo-wrapper .notice-wrapper .notice-content a {
  color: #face15;
  opacity: 1;
}
#mainBox .main-wrapper .footer .agentinfo-wrapper .notice-mask,
body .main-wrapper .footer .agentinfo-wrapper .notice-mask,
html .main-wrapper .footer .agentinfo-wrapper .notice-mask {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.15;
  z-index: 100;
  pointer-events: none;
}
#mainBox .main-wrapper .consult-btn,
body .main-wrapper .consult-btn,
html .main-wrapper .consult-btn {
  position: fixed;
  right: 32px;
  width: 48px;
  height: 48px;
  bottom: 122px;
  background: #fff;
  box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.15);
  transition: bottom 0.16s ease-out;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  z-index: 300;
}
#mainBox .main-wrapper .consult-btn > img,
body .main-wrapper .consult-btn > img,
html .main-wrapper .consult-btn > img {
  width: 24px;
  height: 24px;
}
#mainBox .main-wrapper .consult-btn > p,
body .main-wrapper .consult-btn > p,
html .main-wrapper .consult-btn > p {
  position: absolute;
  top: 100%;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  color: #161823;
  opacity: 0.5;
  margin: 0;
}
#mainBox .main-wrapper .consult-btn:hover,
body .main-wrapper .consult-btn:hover,
html .main-wrapper .consult-btn:hover {
  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.3);
  bottom: 126px;
}
.content {
  padding-top: 60px;
}
.title-wrap {
  width: 300px;
  height: 24px;
  margin-bottom: 32px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  color: #161823;
}
.title-wrap .rectangle-1,
.title-wrap .rectangle-1-right {
  width: 5.74px;
  height: 16.37px;
  background: #fe2c55;
  opacity: 0.2;
  border-radius: 52px;
  -ms-transform: matrix(0.97, 0.3, -0.25, 0.96, 0, 0);
  transform: matrix(0.97, 0.3, -0.25, 0.96, 0, 0);
}
.title-wrap .rectangle-1 {
  margin-right: 11.61px;
}
.title-wrap .rectangle-2 {
  width: 5.74px;
  height: 24.56px;
  background: #fe2c55;
  opacity: 0.2;
  border-radius: 52px;
  -ms-transform: matrix(0.97, 0.3, -0.25, 0.96, 0, 0);
  transform: matrix(0.97, 0.3, -0.25, 0.96, 0, 0);
}
.title-wrap .rectangle-1-right {
  margin-left: 11.61px;
}
.title-wrap > h3 {
  display: inline-block;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 24px;
  margin: 0 11.36px;
}
.valueinfo-wrap {
  background: #f5f5fa;
}
.valueinfo-wrap .iphone-wrap {
  width: 445px;
  height: 708px;
  float: left;
}
.valueinfo-wrap .iphone-wrap img {
  width: 100%;
  height: 100%;
}
.valueinfo-wrap .antd-tab-wrap {
  width: 720px;
  height: 393px;
  float: right;
}
.ant-tabs-nav-scroll,
.ant-tabs-nav-wrap {
  outline: none;
}
.ant-tabs-nav {
  box-sizing: border-box;
  padding-left: 0;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: relative;
  margin: 0;
  list-style: none;
  display: inline-block;
  outline: none;
}
.ant-tabs-nav .ant-tabs-tab {
  display: inline-block;
  height: 100%;
  margin: 0 32px 0 0;
  padding: 12px 16px;
  box-sizing: border-box;
  position: relative;
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  cursor: pointer;
  text-decoration: none;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  color: #161823;
  opacity: 0.5;
  transition: all 0.3s linear;
  padding-left: 0;
}
.ant-tabs-nav .ant-tabs-tab:hover {
  opacity: 1;
}
.ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active {
  opacity: 1;
}
.ant-tabs-ink-bar {
  z-index: 1;
  position: absolute;
  left: 0;
  bottom: 1px;
  box-sizing: border-box;
  height: 2px;
  background-color: #2db7f5;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
.ant-tabs-nav .ant-tabs-ink-bar {
  background: #fe2c55;
  border-radius: 8px;
  width: 120px!important;
}
.ant-tabs:not(.ant-tabs-vertical) > .ant-tabs-content-animated {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row; 
}
.valueinfo-wrap .antd-tab-wrap .ant-tabs .ant-tabs-content {
  margin-top: 72px;
}
.valueinfo-wrap .antd-tab-wrap .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tab-content-wrap .tab-content-title {
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 45px;
  color: #161823;
  margin-bottom: 0;
}
.valueinfo-wrap .antd-tab-wrap .ant-tabs .ant-tabs-content .ant-tabs-tabpane .tab-content-wrap > hr {
  width: 24px;
  height: 2px;
  background: #161823;
  border-radius: 8px;
  margin: 8px 0 34px 2px;
  padding: 0;
  border: none;
}
.ant-tabs:not(.ant-tabs-vertical) > .ant-tabs-content > .ant-tabs-tabpane-inactive {
  opacity: 0;
  height: 0;
  padding: 0!important;
  pointer-events: none;
}
.ant-tabs:not(.ant-tabs-vertical) > .ant-tabs-content > .ant-tabs-tabpane {
  float: left;
  width: 100%;
  transition: opacity 0.45s;
  opacity: 1;
}
.tab-content-wrap .tab-content-box-wrap {
  display: -ms-flexbox;
  display: flex;
  height: 260px;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.tab-content-wrap .tab-content-box-wrap .tab-content-box {
  -ms-flex: 0 0 224px;
  flex: 0 0 224px;
  height: 240px;
  width: 720px;
  border: 1px solid rgba(22, 24, 35, 0.1);
  padding: 56px 0 0 32px;
  box-sizing: border-box;
  border-radius: 8px;
  transition: all 0.3s linear;
  cursor: pointer;
}
.tab-content-wrap .tab-content-box-wrap .tab-content-box.tab-content-box-active {
  background: #fff;
  box-shadow: 0 2px 32px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  border: none;
}
.tab-content-wrap .tab-content-box-wrap .tab-content-box.tab-content-box-active p:first-child {
  color: #161823;
  opacity: 1;
}
.tab-content-wrap .tab-content-box-wrap .tab-content-box p {
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #161823;
  opacity: 0.34;
}
.tab-content-wrap .tab-content-box-wrap .tab-content-box p:first-child {
  font-size: 18px;
  line-height: 25px;
  color: #161823;
  opacity: 0.34;
}
.advantageinfo-wrap .advantage-card-wrap {
  display: -ms-flexbox;
  display: flex;
}
.advantageinfo-wrap .advantage-card-wrap .advantage-card {
  -ms-flex: 0 0 300px;
  flex: 0 0 300px;
  height: 320px;
  position: relative;
  cursor: pointer;
}
.advantageinfo-wrap .advantage-card-wrap .advantage-card:first-child {
  border-radius: 8px 0 0 8px;
  overflow: hidden;
}
.advantageinfo-wrap .advantage-card-wrap .advantage-card:last-child {
  border-radius: 0 8px 8px 0;
  overflow: hidden;
}
.advantageinfo-wrap .advantage-card-wrap .advantage-card .card-mask {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: #161823;
  opacity: 0.8;
  z-index: 200;
  transition: all 0.2s linear;
}
.advantageinfo-wrap .advantage-card-wrap .advantage-card .card-img {
  width: 100%;
  height: 100%;
  background: #161823;
  opacity: 0.8;
  z-index: 100;
}
.advantageinfo-wrap .advantage-card-wrap .advantage-card .card-img > img {
  width: 100%;
}
.advantageinfo-wrap .advantage-card-wrap .advantage-card .card-icon {
  z-index: 300;
  position: absolute;
  width: 64px;
  height: 64px;
  left: 118px;
  top: 112px;
  transition: all 0.2s linear;
}
.advantageinfo-wrap .advantage-card-wrap .advantage-card .card-icon > img {
  width: 64px;
  height: 64px;
}
.advantageinfo-wrap .advantage-card-wrap .advantage-card .cardtext-show {
  z-index: 300;
  margin: 0;
  position: absolute;
  height: 24px;
  left: 105px;
  right: 35%;
  top: calc(50% - 24px/2 + 52px);
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  transition: all 0.2s linear;
}
.advantageinfo-wrap .advantage-card-wrap .advantage-card .cardunderline-hide {
  position: absolute;
  width: 32px;
  height: 2px;
  left: 134px;
  top: 204px;
  background: #fff;
  border-radius: 100px;
  opacity: 0;
  transition: all 0.2s linear;
  z-index: 300;
}
.advantageinfo-wrap .advantage-card-wrap .advantage-card .cardtext-hide {
  position: absolute;
  height: 48px;
  width: 205px;
  left: 50px;
  top: 220px;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #fff;
  opacity: 0;
  transition: all 0.2s linear;
  z-index: 300;
}
.serviceinfo-wrap { position: relative;}
.serviceinfo-wrap .tips { position: absolute; top: 50px; left: 0; width: 100%; text-align: center;}
.serviceinfo-wrap .tips .span1{display: inline-block; vertical-align: middle; height: 46px; padding:0 12px; background-color: #FF8D4E; font-size: 24px; letter-spacing: 2px; color: #fff; border-radius: 4px; font-weight: bold;  line-height: 46px;}
.serviceinfo-wrap .tips .span2{display: inline-block; vertical-align: middle; height: 46px;  padding: 0 22px; background-color: #151724; font-size: 16px; letter-spacing: 2px; color: #FF2950; border-radius: 4px; font-weight: bold; line-height: 46px; }
.serviceinfo-wrap .service-card-wrapper {
  height: 320px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}
.serviceinfo-wrap .service-card-wrapper .card-wrapper {
  padding: 32px 80px;
  -ms-flex: 0 0 590px;
  flex: 0 0 590px;
  position: relative;
  box-sizing: border-box;
}
.serviceinfo-wrap .service-card-wrapper .card-wrapper > h3 {
  position: relative;
  z-index: 10;
  height: 45px;
  margin: 0;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 45px;
  color: #fff;
  transition: all 0.3s linear;
}
.serviceinfo-wrap .service-card-wrapper .card-wrapper > hr {
  position: relative;
  z-index: 10;
  width: 32px;
  height: 2px;
  margin-left: 0;
  background: #fff;
  border-radius: 100px;
  transition: all 0.3s linear;
}
.serviceinfo-wrap .service-card-wrapper .card-wrapper > ul {
  position: relative;
  z-index: 10; 
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  transition: all 0.3s linear;
  opacity: 0.7;
  padding: 0;
}
.serviceinfo-wrap .service-card-wrapper .card-wrapper > ul li {
  position: relative;
  line-height: 32px;
  list-style: none;
  padding-left: 18px;
}
.serviceinfo-wrap .service-card-wrapper .card-wrapper > ul li .dots {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -5.5px;
  width: 11px;
  height: 11px;
  display: block;
  background-color: #FF2950;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.serviceinfo-wrap .service-card-wrapper .card-wrapper .card-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(22, 24, 35, 0.7);
  border-radius: 8px;
}
.serviceinfo-wrap .service-card-wrapper .card-wrapper-0 {
  background: url(../images/servicemask1.jpg);
  background-size: contain;
}
.serviceinfo-wrap .service-card-wrapper .card-wrapper-1 {
  background: url(../images/servicemask2.jpg);
  background-size: contain;
}
.service-access-btn {
  position: relative;
  width: 240px;
  height: 56px;
  display: block;
  margin: 40px auto 0;
  background: #fe2c55;
  border-radius: 4px;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  cursor: pointer;
  border: 0;
  text-align: center;
  line-height: 56px;
  text-decoration: none;
}
.help-card-wrapper {
  padding: 38px 40px;
  background: #151724;
  border-radius: 8px;
}
.help-card-wrapper .help-con {
  width: 50%;
  float: left;
  padding-left: 45px;
  padding-right: 45px;
  box-sizing: border-box;
}
.help-card-wrapper .help-con .card-title {
  position: relative;
  padding: 10px 0 15px;
  margin: 0; 
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  color: #fff;
}
.help-card-wrapper .help-con .card-title .square {
  width: 30px;
  height: 32px;
  background: #FF2950;
  display: inline-block;
  border-radius: 8px;
  color: #151724;
  text-align: center;
  line-height: 32px;
  font-size: 22px;
}
.help-card-wrapper .help-con .card-title .card-title-more {
  float: right;
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 19px;
  text-transform: uppercase;
  text-decoration: none;
}

.help-card-wrapper .help-con .post-loop-list {
  padding-left: 0;
  margin-top: 20px;
}
.help-card-wrapper .help-con .post-loop-list .item {
  position: relative;
  margin: 0;
  color: #000;
  line-height: 50px;
  box-sizing: border-box;
  border-top: 1px solid #666;
  list-style: none;
}
.help-card-wrapper .help-con .post-loop-list .item:hover a {
  color: #fff;
}
.help-card-wrapper .help-con .post-loop-list .item:hover .date {
  color: #fff;
}
.help-card-wrapper .help-con .post-loop-list .item .date {
  position: absolute;
  right: 0px;
  top: 0;
  font-size: 14px;
  color: #9a9a9a;
}
.help-card-wrapper .help-con .post-loop-list .item .news-dec {
  width: 82%;
  display: inline-block;
}
.help-card-wrapper .help-con .post-loop-list .item a {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  box-sizing: border-box;
  color: #C8C8C8;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-decoration: none;
}
.help-card-wrapper .post-loop-list .item.active  .bd_01 p { display: block; height: 74px;}
.help-card-wrapper .post-loop-list .item.active  .bd_01 h2 a{ font-weight: bold; color: #FF2950; font-size: 15px;}
.help-card-wrapper .help-con .bd_01 {
  line-height: inherit;
  padding-top: 2px;
  box-sizing: content-box;
}
.help-card-wrapper .help-con .bd_01 h2 {
  margin: 0; 
}
.help-card-wrapper .help-con .bd_01 h2 a {
  display: block;
  font-weight: bold;
  color: #FF2950;
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-decoration: none;
}
.help-card-wrapper .help-con .bd_01 p {

  margin: 0;
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: none;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  padding-bottom: 14px;
}
.news-card-wrapper {
  margin: 0 -25px;
}
.news-card-wrapper .news-column {
  width: 33.3333%;
  float: left;
  padding: 0 25px;
  box-sizing: border-box;
}
.news-card-wrapper .news-con {
  height: 356px;
  box-sizing: border-box;
  border-radius: 0px 0px 4px 4px;
  border: 1px solid #979797;
}
.news-card-wrapper .news-con .card-title {
  position: relative;
  height: 80px;
  background: url(../images/servicemask1.png);
  background-size: contain;
  box-sizing: border-box;
  margin: 0;
  border-bottom: 1px solid #666666;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  color: #fff;
}
.news-card-wrapper .news-con .card-title::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(22, 24, 35, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.news-card-wrapper .news-con .card-title span {
  width: 100%;
  display: block;
  position: relative;
  z-index: 5;
  text-align: center;
  line-height: 80px;
}
.news-card-wrapper .news-con .card-title span::after {
  content: '';
  display: block;
  width: 34px;
  height: 2px;
  background: #FFFFFF;
  border-radius: 1px;
  position: absolute;
  left: 50%;
  margin-left: -17px;
  bottom: 16px;
  z-index: 0;
}
.news-card-wrapper .news-con .card-title .card-title-more {
  position: absolute;
  right: 12px;
  top: 50%;
  z-index: 5;
  margin-top: -8px;
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 19px;
  text-transform: uppercase;
  text-decoration: none;
}
.news-card-wrapper .news-con .post-loop-list {
  padding-left: 10px;
  padding-right: 10px;
  margin: 0;
}
.news-card-wrapper .news-con .post-loop-list .item {
  position: relative;
  margin: 0;
  color: #000;
  line-height: 24px;
  padding: 10px 0;
  list-style: none;
  box-sizing: border-box;
}
.news-card-wrapper .news-con .post-loop-list .item .date {
  position: absolute;
  right: 0px;
  top: 10px;
  font-size: 12px;
  color: #252525;
}
.news-card-wrapper .news-con .post-loop-list .item .news-dec {
  width: 82%;
  display: inline-block;
}
.news-card-wrapper .news-con .post-loop-list .item a {
  position: relative;
  width: 90%;
  padding-left: 15px;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  padding-right: 46px;
  box-sizing: border-box;
  color: #252525;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-decoration: none;
}
.news-card-wrapper .news-con .post-loop-list .item a:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  background: #FF2950;
  border-radius: 1px;
}
.footer_bar {
  background-color: #151724;
  padding: 16px 0;
  text-align: center;
}
.footer_bar a {
  color: #B1B1B1;
  font-size: 12px;
  text-decoration: none;
}
.advantageinfo-wrap {
  padding-bottom: 40px;
      clear: both;
}
.help-wrap {
  padding-bottom: 40px;
}
.grag_bg {
  padding-bottom: 40px;
  background: #f5f5fa;
}
.newsImg-carousel .image-layer {
  width: 100%;
  height: 356px;
}
.newsImg-carousel .image-layer img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.newsImg-carousel .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
}
.newsImg-carousel .owl-nav .owl-prev,
.newsImg-carousel .owl-nav .owl-next {
  position: absolute;
  width: 30px;
  height: 30px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 30px;
  text-align: center;
  line-height: 28px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  opacity: 1;
  cursor: pointer;
}
.newsImg-carousel .owl-nav .owl-prev {
  left: 10px;
}
.newsImg-carousel .owl-nav .owl-next {
  right: 10px;
}
.caseinfo-wrap {
  padding-bottom: 160px;
}
.caseinfo-wrap .carousel-wrapper {
  position: relative;
  height: 508px;
}
.caseinfo-wrap .carousel-wrapper .case-item{
  width: 100%;
  position: absolute;
  z-index: 1;
  opacity: 0;
  transition: opacity 2000ms ease 0s
}
.caseinfo-wrap .carousel-wrapper .case-info-slide-startNumber {
  position: absolute;
  z-index: 10;
  width: 23px;
  height: 29px;
  right: 32px;
  top: 40px;
  font-family: DIN Condensed;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  color: #161823;
}
.caseinfo-wrap .carousel-wrapper .case-info-slide-endNumber {
  position: absolute;
  z-index: 10;
  width: 23px;
  height: 29px;
  top: 340px;
  right: 32px;
  font-family: DIN Condensed;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  color: #161823;
}
.case-carousel .case {
  display: flex;
}
.case-carousel .case .case-img-wrapper {
  -ms-flex: 0 0 560px;
  flex: 0 0 560px;
  z-index: 300;
  height: 484px;
  padding: 32px 0;
  box-sizing: border-box;
  position: relative;
  border-radius: 4px 0 0 4px;
  overflow: hidden;
}
.case-carousel .case .case-img-wrapper .case-img-video {
  position: absolute;
  top: 85px;
  left: 0;
  width: 560px;
  background: #000;
  object-fit: fill;
}
.case-carousel .case .case-img-wrapper .case-img-video source {
  width: 100%;
  height: 100%;
}
.case-carousel .case .case-img-wrapper .video-control {
  width: 100%;
  height: 100%;
}
.case-carousel .case .case-img-wrapper .video-control .video-play-btn {
  background: url();
  width: 56px;
  height: 56px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-size: 100% 100%;
}
.case-carousel .case .case-img-wrapper .case-img-upMask {
  position: absolute;
  width: 100%;
  height: 56px;
  background: #000;
  top: 32px;
  left: 0;
  border-radius: 4px 0 0 0;
  overflow: hidden;
}
.case-carousel .case .case-img-wrapper .case-img-case-name {
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  position: absolute;
  top: 52px;
  left: 32px;
  margin: 0;
}
.case-carousel .case .case-img-wrapper .case-img-text-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  position: absolute;
  bottom: 32px;
  height: 56px;
  background: #000;
  border-radius: 0 0 0 4px;
}
.case-carousel .case .case-img-wrapper .case-img-text-wrapper > span {
  -ms-flex: 0 0 186px;
  flex: 0 0 186px;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #fff;
}
.case-carousel .case .case-info {
  -ms-flex: 0 0 740px;
  flex: 0 0 740px;
  height: 484px;
  padding: 32px 86px 32px 100px;
  box-sizing: border-box;
  background-color: #f5f5fa;
  border-radius: 8px;
  margin-left: -100px;
  position: relative;
}
.case-carousel .case .case-info .case-intro > h3 {
  margin: 0;
  height: 28px;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #161823;
  margin-bottom: 8px;
}
.case-carousel .case .case-info .case-intro .case-intro-contentUp-wrapper {
  width: 100%;
  margin-top: 4px;
  margin-bottom: 32px;
}
.case-carousel .case .case-info .case-intro p {
  margin-top: 0;
  margin-bottom: 15px;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 16px;
  color: #161823;
  opacity: 0.4;
}
.case-carousel .case .case-info .case-data-wrapper {
  height: 120px;
  width: 554px;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  position: absolute;
  bottom: 24px;
}
.case-carousel .case .case-info .case-data-wrapper .case-data-underline {
  border-top: 1px solid #e8e8e8;
  width: 491px;
  position: absolute;
  top: -20px;
  left: 0;
}
.case-carousel .case .case-info .case-data-wrapper .data-item {
  position: relative;
  -ms-flex: 0 0 33.3%;
  flex: 0 0 33.3%;
  margin-top: 32px;
  display: inline-block;
}
.case-carousel .case .case-info .case-data-wrapper .data-item .data-item-number {
  font-family: DIN Condensed;
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 43px;
  color: #161823;
  letter-spacing: 3px;
}
.case-carousel .case .case-info .case-data-wrapper .data-item .data-item-unit {
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #fe2c55;
  padding-left: 4px;
}
.case-carousel .case .case-info .case-data-wrapper .data-item .data-item-describe {
  position: absolute;
  left: 2px;
  top: 36px;
  font-family: PingFang SC;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #161823;
  opacity: 0.4;
  letter-spacing: 3px;
}
.case-carousel .case .case-info-content {
  width: 554px;
  height: 420px;
  background: #fff;
  border-radius: 4px;
  overflow: hidden!important;
}
.case-carousel .case .case-info-content-inner {
  padding: 35px 0 24px 32px;
  box-sizing: border-box;
}
.carousel-wrapper .owl-dots {
  width: 4px; 
  position: absolute;
  z-index: 20;
  top: 77px;
  right: 41px;
  transition: all .5s;
}
.carousel-wrapper  .owl-dots .owl-dot {
  width: 4px;
  height: 50px;
  background: #161823;
  opacity: 0.08;
  border-radius: 0;
  transition: all .5s;
}
.carousel-wrapper .owl-dots .owl-dot.active {
  background: #fe2c55;
  opacity: 1;
  border-radius: 100px;
}
.carousel-wrapper  .owl-nav .owl-prev {
  position: absolute;
  z-index: 20;
  top: 378px;
  right: 26px;
  width: 32px;
  height: 32px;
  background: rgba(22, 24, 35, 0.04);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  cursor: pointer;
}
.carousel-wrapper  .owl-nav .owl-next {
  width: 32px;
  height: 32px;
  z-index: 20;
  background: rgba(22, 24, 35, 0.04);
  position: absolute;
  top: 421px;
  right: 25px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  cursor: pointer;
}
.carousel-wrapper  .owl-nav img {
  position: relative;
  width: 16px;
  height: 16px;
}




.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-nav-container {
	height: 40px
}

.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-ink-bar {
	visibility: hidden
}

.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab {
	margin: 0;
	border: 1px solid #e8e8e8;
	border-bottom: 0;
	border-radius: 4px 4px 0 0;
	background: #fafafa;
	margin-right: 2px;
	padding: 0 16px;
	transition: all .3s cubic-bezier(.645,.045,.355,1);
	line-height: 38px
}

.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab-active {
	background: #fff;
	border-color: #e8e8e8;
	color: #2db7f5;
	padding-bottom: 1px
}

.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab-inactive {
	padding: 0
}

.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-nav-wrap {
	margin-bottom: 0
}

.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab .anticon-close {
	color: rgba(0,0,0,.45);
	transition: all .3s;
	font-size: 12px;
	margin-left: 3px;
	margin-right: -5px;
	overflow: hidden;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	height: 14px
}

.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab .anticon-close:hover {
	color: rgba(0,0,0,.85)
}

.ant-tabs.ant-tabs-card .ant-tabs-content>.ant-tabs-tabpane,.ant-tabs.ant-tabs-editable-card .ant-tabs-content>.ant-tabs-tabpane {
	transition: none!important
}

.ant-tabs.ant-tabs-card .ant-tabs-content>.ant-tabs-tabpane-inactive,.ant-tabs.ant-tabs-editable-card .ant-tabs-content>.ant-tabs-tabpane-inactive {
	overflow: hidden
}

.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab:hover .anticon-close {
	opacity: 1
}

.ant-tabs-extra-content {
	line-height: 40px
}

.ant-tabs-extra-content .ant-tabs-new-tab {
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	cursor: pointer;
	border-radius: 2px;
	border: 1px solid #e8e8e8;
	font-size: 12px;
	color: #fff;
	transition: all .3s
}

.ant-tabs-extra-content .ant-tabs-new-tab:hover {
	color: #2db7f5;
	border-color: #2db7f5
}

.ant-tabs-vertical.ant-tabs-card>.ant-tabs-bar .ant-tabs-nav-container {
	height: auto
}

.ant-tabs-vertical.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab {
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 8px
}

.ant-tabs-vertical.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab-active {
	padding-bottom: 4px
}

.ant-tabs-vertical.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab:last-child {
	margin-bottom: 8px
}

.ant-tabs-vertical.ant-tabs-card>.ant-tabs-bar .ant-tabs-new-tab {
	width: 90%
}

.ant-tabs-vertical.ant-tabs-card.ant-tabs-left>.ant-tabs-bar .ant-tabs-nav-wrap {
	margin-right: 0
}

.ant-tabs-vertical.ant-tabs-card.ant-tabs-left>.ant-tabs-bar .ant-tabs-tab {
	border-right: 0;
	border-radius: 4px 0 0 4px;
	margin-right: 1px
}

.ant-tabs-vertical.ant-tabs-card.ant-tabs-left>.ant-tabs-bar .ant-tabs-tab-active {
	margin-right: -1px;
	padding-right: 18px
}

.ant-tabs-vertical.ant-tabs-card.ant-tabs-right>.ant-tabs-bar .ant-tabs-nav-wrap {
	margin-left: 0
}

.ant-tabs-vertical.ant-tabs-card.ant-tabs-right>.ant-tabs-bar .ant-tabs-tab {
	border-left: 0;
	border-radius: 0 4px 4px 0;
	margin-left: 1px
}

.ant-tabs-vertical.ant-tabs-card.ant-tabs-right>.ant-tabs-bar .ant-tabs-tab-active {
	margin-left: -1px;
	padding-left: 18px
}

.ant-tabs {
	font-family: Monospaced Number,Chinese Quote,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: #fff;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	overflow: hidden;
	zoom: 1
}

.ant-tabs:after,.ant-tabs:before {
	content: " ";
	display: table
}

.ant-tabs:after {
	clear: both;
	visibility: hidden;
	font-size: 0;
	height: 0
}

.ant-tabs-ink-bar {
	z-index: 1;
	position: absolute;
	left: 0;
	bottom: 1px;
	box-sizing: border-box;
	height: 2px;
	background-color: #2db7f5;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0
}

.ant-tabs-bar {
	border-bottom: 1px solid #e8e8e8;
	margin: 0 0 16px;
	outline: none
}

.ant-tabs-bar,.ant-tabs-nav-container {
	transition: padding .3s cubic-bezier(.645,.045,.355,1)
}

.ant-tabs-nav-container {
	overflow: hidden;
	font-size: 14px;
	line-height: 1.5;
	box-sizing: border-box;
	position: relative;
	white-space: nowrap;
	margin-bottom: -1px;
	zoom: 1
}

.ant-tabs-nav-container:after,.ant-tabs-nav-container:before {
	content: " ";
	display: table
}

.ant-tabs-nav-container:after {
	clear: both;
	visibility: hidden;
	font-size: 0;
	height: 0
}

.ant-tabs-nav-container-scrolling {
	padding-left: 32px;
	padding-right: 32px
}

.ant-tabs-tab-next,.ant-tabs-tab-prev {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 2;
	width: 0;
	height: 100%;
	cursor: pointer;
	border: 0;
	background-color: transparent;
	position: absolute;
	text-align: center;
	color: rgba(0,0,0,.45);
	transition: width .3s cubic-bezier(.645,.045,.355,1),opacity .3s cubic-bezier(.645,.045,.355,1),color .3s cubic-bezier(.645,.045,.355,1);
	opacity: 0;
	pointer-events: none
}

.ant-tabs-tab-next.ant-tabs-tab-arrow-show,.ant-tabs-tab-prev.ant-tabs-tab-arrow-show {
	opacity: 1;
	width: 32px;
	height: 100%;
	pointer-events: auto
}

.ant-tabs-tab-next:hover,.ant-tabs-tab-prev:hover {
	color: #fff
}

.ant-tabs-tab-next-icon,.ant-tabs-tab-prev-icon {
	font-style: normal;
	font-weight: 700;
	font-variant: normal;
	line-height: inherit;
	vertical-align: baseline;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-align: center;
	text-transform: none
}

.ant-tabs-tab-next-icon:before,.ant-tabs-tab-prev-icon:before {
	display: block;
	font-family: anticon!important;
	display: inline-block;
	font-size: 12px;
	font-size: 10px\9;
	-ms-transform: scale(.83333333) rotate(0deg);
	transform: scale(.83333333) rotate(0deg)
}

:root .ant-tabs-tab-next-icon:before,:root .ant-tabs-tab-prev-icon:before {
	font-size: 12px
}

.ant-tabs-tab-btn-disabled {
	cursor: not-allowed
}

.ant-tabs-tab-btn-disabled,.ant-tabs-tab-btn-disabled:hover {
	color: rgba(0,0,0,.25)
}

.ant-tabs-tab-next {
	right: 2px
}

.ant-tabs-tab-next-icon:before {
	content: "\E61F"
}

.ant-tabs-tab-prev {
	left: 0
}

.ant-tabs-tab-prev-icon:before {
	content: "\E620"
}

:root .ant-tabs-tab-prev {
	-webkit-filter: none;
	filter: none
}

.ant-tabs-nav-wrap {
	overflow: hidden;
	margin-bottom: -1px
}

.ant-tabs-nav-scroll {
	overflow: hidden;
	white-space: nowrap
}

.ant-tabs-nav {
	box-sizing: border-box;
	padding-left: 0;
	transition: transform .3s cubic-bezier(.645,.045,.355,1);
	position: relative;
	margin: 0;
	list-style: none;
	display: inline-block
}

.ant-tabs-nav:after,.ant-tabs-nav:before {
	display: table;
	content: " "
}

.ant-tabs-nav:after {
	clear: both
}

.ant-tabs-nav .ant-tabs-tab-disabled {
	pointer-events: none;
	cursor: default;
	color: rgba(0,0,0,.25)
}

.ant-tabs-nav .ant-tabs-tab {
	display: inline-block;
	height: 100%;
	margin: 0 32px 0 0; 
	box-sizing: border-box;
	position: relative;
	transition: color .3s cubic-bezier(.645,.045,.355,1);
	cursor: pointer;
	text-decoration: none
}

.ant-tabs-nav .ant-tabs-tab:last-child {
	margin-right: 0
}

 

.ant-tabs-nav .ant-tabs-tab .anticon {
	margin-right: 8px
}

 

.ant-tabs-large .ant-tabs-nav-container {
	font-size: 16px
}

.ant-tabs-large .ant-tabs-tab {
	padding: 16px
}

.ant-tabs-small .ant-tabs-nav-container {
	font-size: 14px
}

.ant-tabs-small .ant-tabs-tab {
	padding: 8px 16px
}

.ant-tabs:not(.ant-tabs-vertical)>.ant-tabs-content {
	width: 100%
}

.ant-tabs:not(.ant-tabs-vertical)>.ant-tabs-content>.ant-tabs-tabpane {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	transition: opacity .45s;
	opacity: 1
}

.ant-tabs:not(.ant-tabs-vertical)>.ant-tabs-content>.ant-tabs-tabpane-inactive {
	opacity: 0;
	height: 0;
	padding: 0!important;
	pointer-events: none
}

.ant-tabs:not(.ant-tabs-vertical)>.ant-tabs-content-animated {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	will-change: margin-left;
	transition: margin-left .3s cubic-bezier(.645,.045,.355,1)
}

.ant-tabs-vertical>.ant-tabs-bar {
	border-bottom: 0;
	height: 100%
}

.ant-tabs-vertical>.ant-tabs-bar-tab-next,.ant-tabs-vertical>.ant-tabs-bar-tab-prev {
	width: 32px;
	height: 0;
	transition: height .3s cubic-bezier(.645,.045,.355,1),opacity .3s cubic-bezier(.645,.045,.355,1),color .3s cubic-bezier(.645,.045,.355,1)
}

.ant-tabs-vertical>.ant-tabs-bar-tab-next.ant-tabs-tab-arrow-show,.ant-tabs-vertical>.ant-tabs-bar-tab-prev.ant-tabs-tab-arrow-show {
	width: 100%;
	height: 32px
}

.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-tab {
	float: none;
	margin: 0 0 16px;
	padding: 8px 24px;
	display: block
}

.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-tab:last-child {
	margin-bottom: 0
}

.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-extra-content {
	text-align: center
}

.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-nav-scroll {
	width: auto
}

.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-nav-container,.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-nav-wrap {
	height: 100%
}

.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-nav-container {
	margin-bottom: 0
}

.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling {
	padding: 32px 0
}

.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-nav-wrap {
	margin-bottom: 0
}

.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-nav {
	width: 100%
}

.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-ink-bar {
	width: 2px;
	left: auto;
	height: auto;
	top: 0
}

.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-tab-next {
	width: 100%;
	bottom: 0;
	height: 32px
}

.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-tab-next-icon:before {
	content: "\E61D"
}

.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-tab-prev {
	top: 0;
	width: 100%;
	height: 32px
}

.ant-tabs-vertical>.ant-tabs-bar .ant-tabs-tab-prev-icon:before {
	content: "\E61E"
}

.ant-tabs-vertical>.ant-tabs-content {
	overflow: hidden;
	width: auto;
	margin-top: 0!important
}

.ant-tabs-vertical.ant-tabs-left>.ant-tabs-bar {
	float: left;
	border-right: 1px solid #e8e8e8;
	margin-right: -1px;
	margin-bottom: 0
}

.ant-tabs-vertical.ant-tabs-left>.ant-tabs-bar .ant-tabs-tab {
	text-align: right
}

.ant-tabs-vertical.ant-tabs-left>.ant-tabs-bar .ant-tabs-nav-container,.ant-tabs-vertical.ant-tabs-left>.ant-tabs-bar .ant-tabs-nav-wrap {
	margin-right: -1px
}

.ant-tabs-vertical.ant-tabs-left>.ant-tabs-bar .ant-tabs-ink-bar {
	right: 1px
}

.ant-tabs-vertical.ant-tabs-left>.ant-tabs-content {
	padding-left: 24px;
	border-left: 1px solid #e8e8e8
}

.ant-tabs-vertical.ant-tabs-right>.ant-tabs-bar {
	float: right;
	border-left: 1px solid #e8e8e8;
	margin-left: -1px;
	margin-bottom: 0
}

.ant-tabs-vertical.ant-tabs-right>.ant-tabs-bar .ant-tabs-nav-container,.ant-tabs-vertical.ant-tabs-right>.ant-tabs-bar .ant-tabs-nav-wrap {
	margin-left: -1px
}

.ant-tabs-vertical.ant-tabs-right>.ant-tabs-bar .ant-tabs-ink-bar {
	left: 1px
}

.ant-tabs-vertical.ant-tabs-right>.ant-tabs-content {
	padding-right: 24px;
	border-right: 1px solid #e8e8e8
}

.ant-tabs-bottom>.ant-tabs-bar {
	margin-bottom: 0;
	margin-top: 16px
}

.ant-tabs-bottom .ant-tabs-ink-bar-animated,.ant-tabs-top .ant-tabs-ink-bar-animated {
	transition: transform .3s cubic-bezier(.645,.045,.355,1),width .3s cubic-bezier(.645,.045,.355,1)
}

.ant-tabs-left .ant-tabs-ink-bar-animated,.ant-tabs-right .ant-tabs-ink-bar-animated {
	transition: transform .3s cubic-bezier(.645,.045,.355,1),height .3s cubic-bezier(.645,.045,.355,1)
}

.ant-tabs-no-animation>.ant-tabs-content-animated,.ant-tabs-vertical>.ant-tabs-content-animated,.no-flex>.ant-tabs-content-animated {
	-ms-transform: none!important;
	transform: none!important;
	margin-left: 0!important
}

.ant-tabs-no-animation>.ant-tabs-content>.ant-tabs-tabpane-inactive,.ant-tabs-vertical>.ant-tabs-content>.ant-tabs-tabpane-inactive,.no-flex>.ant-tabs-content>.ant-tabs-tabpane-inactive {
	display: none
}



.case-carousel .case .case-img-wrapper .video-control .video-play-btn {
  background: url(./images/video_pause.png);
  width: 56px;
  height: 56px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-size: 100% 100%;
}
.case-carousel .case .case-img-wrapper .video-control .video-pause-btn {
  background: url(../images/video_play.png);
  width: 56px;
  height: 56px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-size: 100% 100%;
}
.jkui-model {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  display: none;
  text-align: center;
  
}
.model-mask {
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .7;
  cursor: pointer;
}
.model-main {
  width: 400px;
  min-height: 2.5em;
  background-color: #F2F2F2;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  color: #333;
  z-index: 99999;
  border-radius: 8px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.model-main .model-body {
  padding: .5em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 5em;
  width: 100%;
  background-color: #F2F2F2;
}
.model-main .model-body img {
  margin-top: .1em;
  width: 168px;
}
.model-main .model-body p {
  margin: 0;
  color: #777777;
  line-height: 1.6;
  font-size: 12px;
}
.model-main .model-body .contact {
  margin: 0;
  margin-top: 22px;
  margin-bottom: 10px;
  color: #010101;
  line-height: 1.6;
  font-size: 16px;
  font-weight: 700;

}
.model-main .model-body .contact span:nth-child(1){
  padding-right: 10px;
}
.model-main .model-body .contact span:nth-child(2){
  padding-left: 10px;
}
.model-main .model-body .contact span i{
  font-size: 20px;
  vertical-align: middle;
  margin-right: 4px;
}
.model-main .model-body .contact  img{width: 16px; vertical-align: middle; margin-top: 0;}
.model-main .model-head {
  padding-top: 30px;
  padding-left: 28px;
  padding-right: 28px;
  background-color: #F2F2F2;
}
.model-main .model-head p { 
  font-size: 14px; 
  font-weight: 400;
  color: #FF2950;
  line-height: 1.5;
  margin: 0;
  text-align: left;
}
.model-main .model-footer  { 
  background-color: #1B1F2D;
  padding: 22px 0;
}
.model-main .model-footer p {
  margin: 0;
  font-size: 14px;
  color: #fff;
} 
.model-main .model-footer .p1 {
  margin-bottom: 10px;
  font-size: 14px; 
  font-weight: 400;
  color: #CC2534;
  line-height: 20px;
} 
.model-main .close {
  position: absolute;
  top: 10px;
  right: 0px;
  width: 35px;
  height: 35px;
  padding: 5px;
  /* background: url(../images/icon_close.png) no-repeat center center; */
  background-size: auto;
  background-size: 25px 25px;
  cursor: pointer;
  color: #999999;
}
.list-tab-wrapper{ 
  margin: 0;
  border-bottom: 1px solid #979797;
}
.news-list-tab{
  margin: 0;
  padding: 0;
}
.news-list-tab dd{ position: relative; display: inline-block; line-height: 80px; margin: 0; margin-right: 80px; font-size: 28px; color: #000; cursor: pointer;}
.news-list-tab dd a{ color: inherit; text-decoration: none; }
.news-list-tab dd.cur:after{
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #000;
  position: absolute;
  bottom: 0;
  left: 0;
}
.news-list-wrapper .news-column {
  width: 100%;
  float: none;
  padding: 0 25px;
  box-sizing: border-box;
}
.news-list-wrapper .news-con{
  border: 0;
  height: auto;
}
.news-list-wrapper .news-con .post-loop-list .item a{ font-size: 16px;}
.news-list-wrapper .news-con .post-loop-list .item .date{ font-size: 14px;}

.pages {
  margin-top: 40px;
  text-align: center;
}
.pages a {
  display: inline-block;
  height: 38px;
  padding: 0 14px;
  background-color: #f5f5f5;
  margin: 0px 2px;
  line-height: 38px;
  box-sizing: border-box;
  font-size: 14px;
  color: #454646;
  transition: all 0.3s ease 0s;
  text-decoration: none;
}
.pages a.cur {
  background-color: #fe2c55;
  color: #fff;
}
.pages a:hover {
  background-color: #fe2c55;
  color: #fff;
}


.section-news-page .main {
  width: 948px;
  padding-bottom: 24px;
  float: left;
  border: 1px solid #e4e4e4;
  box-sizing: border-box;
  border-radius: 5px;
  overflow: hidden;
}
.section-news-page .post-loop-default {
  padding: 10px 28px;
  margin-bottom: 60px;
}
.section-news-page .post-loop-default .item {
  position: relative;
  padding: 20px 0;
  border-bottom: 1px solid #efefef;
  overflow: hidden;
  transition: all 0.3s ease 0s;
}
.section-news-page .post-loop-default .item-img {
  position: relative;
  float: left;
  width: 250px;
  height: 168px;
  overflow: hidden;
  border-radius: 3px;
  transition: box-shadow 0.3s ease 0s;
}
.section-news-page .post-loop-default .item-img:before {
  content: "";
  display: block;
  padding-top: 67.5%;
}
.section-news-page .post-loop-default .item-img .item-img-inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.section-news-page .post-loop-default .item-img .item-img-inner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.3s ease-out 0s;
}
.section-news-page .post-loop-default .item-content {
  margin-left: 30.82%;
}
.section-news-page .post-loop-default .item-title {
  margin: 0 0 5px;
  font-size: 20px;
  line-height: 1.4;
}
.section-news-page .post-loop-default .item-title:hover a {
  color: #1f5aa9;
}
.section-news-page .post-loop-default .item-title a {
  color: #333;
  overflow: hidden;
  max-height: 56px;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  text-decoration: none;
  -webkit-transition: all 300ms ease 0s;
  transition: all 300ms ease 0s;
}
.section-news-page .post-loop-default .item-excerpt {
  line-height: 30px;
  color: #808080;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
}
.section-news-page .post-loop-default .item-excerpt p {
  margin-bottom: 0;
}
.section-news-page .post-loop-default .item-meta {
  position: absolute;
  bottom: 20px;
  width: 69%;
  color: #999;
  font-size: 13px;
}
.section-news-page .post-loop-default .item-meta .more {
  float: left;
  line-height: 30px;
  font-size: 14px;
  color: #fe2c55;
}
.section-news-page .post-loop-default .item-meta .right-chid {
  position: absolute;
  right: 0;
}
.section-news-page .post-loop-default .item-meta .item-meta-li {
  display: inline-block;
  margin-right: 15px;
  vertical-align: top;
  line-height: 30px;
}
.section-news-page .sidebar {
  width: 320px;
  float: right;
  border: 1px solid #e4e4e4;
  box-sizing: border-box;
  border-radius: 5px;
  overflow: hidden;
}
.section-news-page .sidebar .widget {
  background: #fff;
}
.section-news-page .sidebar .widget-title {
  position: relative;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-left: 12px;
  margin-right: 12px;
  border-bottom: 1px solid #ededed;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  color: #808080;
}
.section-news-page .widget_post_thumb ul .item {
  margin: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 24px;
  padding-right: 12px;
  border-bottom: 1px solid #ededed;
  overflow: hidden;
}
.section-news-page .widget_post_thumb ul .item:last-child {
  border-bottom: 0;
}
.section-news-page .widget_post_thumb .item-img {
  float: left;
  width: 88px;
  height: 64px;
  overflow: hidden;
}
.section-news-page .widget_post_thumb .item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  vertical-align: top;
  transition: all 0.3s ease-out 0s;
}
.section-news-page .widget_post_thumb .item-content {
  margin-left: 110px;
}
.section-news-page .widget_post_thumb .item-title {
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
}
.section-news-page .widget_post_thumb .item-title a {
  color: #333;
}
.hentry {
  background: #fff;
  padding: 34px;
  padding-bottom: 0;
}
.entry .entry-title {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 1.4;
  color: #131313;
  font-weight: bold;
}
.entry .entry-info {
  padding-bottom: 18px;
  border-bottom: 1px solid #f0f0f0;
  color: #acacac;
}
.entry .entry-info img {
  width: 18px;
  vertical-align: middle;
  margin-bottom: 4px;
  margin-right: 6px;
}
.entry .entry-info span {
  margin-right: 28px;
  font-size: 14px;
}
.entry .entry-content {
  position: relative;
  margin-top: 20px;
  font-size: 14px;
  color: #8c8c8c;
}
.entry .entry-content p {
  margin-bottom: 10px;
  line-height: 1.8;
  word-wrap: break-word;
  color: #8c8c8c;
  font-size: 14px;
  text-indent: 2em;
}
.entey-other-article {
  margin-top: 28px;
  margin-bottom: 0px;
  padding-top: 28px;
  border-top: 1px solid #dcdcdc;
}
.entey-other-article .sel-other-article {
  width: 60%;
  float: left;
}
.entey-other-article p {
  margin-bottom: 5px;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 30px;
}
.entey-other-article p span {
  color: #fe2c55;
}
.entey-other-article p a {
  color: #8c8c8c;
  text-decoration: none;
}
.entey-other-article p a:hover {
  color: #515151;
}
.entey-other-article .share-right {
  float: right;
}
.entey-other-article .share-right .goList {
  margin-top: 20px;
  text-align: right;
}
.entey-other-article .share-right .goList a {
  font-size: 14px;
  color: #d81e06;
  text-decoration: underline;
}