body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Source Han Sans SC;
  margin: 0 !important;
  width: 100%;
}
* {
  margin: 0;
  padding: 0;
}
html {
  box-sizing: border-box;
  width: 100%;
}
p {
  margin: 0;
}
ul {
  padding: 0;
  list-style: none;
}
#app {
  width: 100%;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
div:focus {
  outline: none;
}
a:focus,
a:active {
  outline: none;
}
a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}
.container {
  width: 1200px !important;
  margin: 0 auto;
  min-width: 1200px !important;
}
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.margin-none {
  margin: 0 !important;
}
.padding-none {
  padding: 0 !important;
}
.padding-r-15 {
  padding-right: 15px!important;
}
.margin-t-10 {
  margin-top: 10px !important;
}
.margin-t-20 {
  margin-top: 20px !important;
}
.margin-t-30 {
  margin-top: 30px !important;
}
.margin-t-50 {
  margin-top: 50px !important;
}
.text-center {
  text-align: center !important;
}
.translateY {
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.translateX {
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.translateXY {
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.pointer {
  cursor: pointer;
}
.app-crumbs p a:hover {
  color: #EC1C1C;
}
.hide {
  display: none;
}
.com-banner-box {
  position: relative;
  width: 100%;
}
.com-banner-box > img {
  width: 100%;
}
.com-banner {
  color: #ffffff;
  text-align: left;
  position: absolute;
  left: 27.5%;
  top: 39%;
}
.g-industry-banner-con {
  position: absolute;
  left: 19%;
  top: 30%;
}
.modal-20190508 {
  position: fixed;
  left: 0;
  top: 20%;
  right: 0;
  z-index: 5100;
  width: 600px;
  margin: auto;
  display: none;
  box-shadow: 1px 1px 10px 0px #c7c4c4;
}
.modal-20190508 .modal-header-20190508 {
  height: 42px;
  position: relative;
  background: #F3F3F3;
  margin-top: -80px;
  padding-left: 10px;
}
.modal-20190508 .modal-header-20190508 .remove {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 12px;
  right: 13px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAYAAADwMZRfAAACI0lEQVQ4T42TTWhTQRSFz52gVJG+BNypG0Vc6U7UpQqigi0IpigVhebdt6guRMGCC0EEfxai8YfMG/KsO3lFUNRFRS0uFMSd6E53uhOSCFrUF49MSSRNG9JZzp355t4z50gcxw8BbBWRfWEYvscSV5Ik67IsmwaQibXWiogC+E5yTxRFb/txKpXKRmPMDIA1AJ5Lmqa5RqNRJXkMwA8RGQrD8GUvkHNuC8kXAFYDmCZ5UPxhkhLH8U0RGQcwa4wZKZVKj7tBzrntJP0IgwAe5PP5I8Vi8fccpL3iOL4M4CyAPwBGVTVt1yqVym5jjAevIHm3UCiExWKx6evzIH7DWjshIpcA/AUwpqqTzrlhklMAlgG4EYbhKRFh+4EFEF9wzo2TvDX3isg9kkcBGAAXVPV895iLQvyhOI6PA0g6uj2tqtcWE7wnxFp7TkQudly6oqoTS4L4n3LOXQVwxgtM8rqInGgJeltVT3bqsUBY75larXanZb5ZkoeiKHrqnNtF8hGAVV6jIAjG2j8zD5Km6fJ6vT4J4LB3L4AhVX3Vbt9au01EnnmPiMhUEASj3iP/IdbalQDui8gBAN8A7FfVd93zW2s3i4h3s3frE5IjURT9lHK5PDgwMOBDuBPAV2PM3lKp9KGX7avV6qZms+lt73Mzk8vlhr2Ib0juAPC5BfjUL4BJkqzPssyPtgHAa5+ZjyR/GWN88L70A7Trzrm1JH0M5B+KxuMjKTyDMQAAAABJRU5ErkJggg==) no-repeat;
  background-position: center;
  cursor: pointer;
}
.modal-20190508 .modal-header-20190508 .title {
  line-height: 42px;
  font-weight: 400;
  font-size: 16px;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  color: #353535;
}
.modal-20190508 .modal-header-20190508 .title.text-align-left {
  text-align: left;
}
.modal-20190508 .modal-header-20190508 .title.text-align-center {
  text-align: center;
}
.modal-20190508 .modal-header-20190508 .title.text-align-right {
  text-align: right;
}
.modal-20190508 .modal-content-20190508 {
  height: auto;
  background: white;
  padding-top: 10px;
}
.modal-20190508 .modal-footer-20190508 {
  height: 42px;
  background: white;
}
.modal-mask-20190508::before {
  content: ' ';
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: rgba(23, 23, 23, 0.33);
}
.form-item {
  height: auto;
  padding: 10px 0;
}
.form-item .form-item-label {
  display: inline-block;
  width: 156px;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 36px;
  text-align: right;
}
.form-item input {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  vertical-align: middle;
  height: 34px;
  width: 320px;
  padding: 11px 14px;
  outline: none;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  color: #606266;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.form-item input::placeholder {
  font-size: 14px;
  font-weight: 400;
  color: #c0c4cc;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.form-item input:hover {
  box-shadow: 0 0 8px 0 rgba(232, 237, 250, 0.6), 0 2px 4px 0 rgba(232, 237, 250, 0.5);
}
.form-item input:focus {
  border: 1px solid #409eff;
}
.form-item textarea {
  display: inline-block;
  width: 320px;
  font-size: 14px;
  font-weight: 400;
  vertical-align: top;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  padding: 11px 14px;
  color: #606266;
  outline: none;
  font-family: '\5FAE\8F6F\96C5\9ED1';
  resize: none;
}
.form-item textarea::placeholder {
  font-size: 14px;
  font-weight: 400;
  color: #c0c4cc;
  font-family: '\5FAE\8F6F\96C5\9ED1';
}
.form-item textarea:hover {
  box-shadow: 0 0 8px 0 rgba(232, 237, 250, 0.6), 0 2px 4px 0 rgba(232, 237, 250, 0.5);
}
.form-item textarea:focus {
  border: 1px solid #409eff;
}
.form-item .form-item-error {
  padding-left: 160px;
  font-size: 14px;
  font-weight: 400;
  color: #ec1c1c;
}
.collaborate .footer,
.free-apply .footer {
  padding: 31px 0;
}
.collaborate .footer .button,
.free-apply .footer .button {
  margin: auto;
  width: 150px;
  height: 34px;
  background: #ec1c1c;
  border-radius: 4px;
  color: white;
  font-size: 14px;
  font-weight: 400;
  line-height: 36px;
  text-align: center;
  cursor: pointer;
}
.app-header-c {
  position: fixed;
  box-sizing: border-box;
  z-index: 1999;
  width: 100%;
  top: 0;
  left: 0;
  transition: all ease-in 0.4s;
  min-width: 1200px;
  background: rgba(26, 26, 26, 0.2);
}
.app-header-c .app_header1 {
  display: flex;
  justify-content: space-between;
  width: 1200px;
  margin: 14px auto 6px auto;
}
.app-header-c .app_header1 .left_logo {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.app-header-c .app_header1 .left_logo .apply_btn {
  background-color: #D0121B;
  border-radius: 20px;
  width: 121px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  color: #ffffff;
  margin-left: 18px;
  cursor: pointer;
}
.app-header-c .app_header1 .left_logo .ebaoquan_logo_img {
  width: 260px;
  height: 48px;
  cursor: pointer;
}
.app-header-c .app_header1 .left_logo .logo_img {
  width: 129px;
  height: 44px;
}
.app-header-c .app_header1 .apply_phone {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.app-header-c .app_header1 .apply_phone .phone_img {
  width: 27px;
  height: 27px;
}
.app-header-c .app_header1 .apply_phone .phone_num {
  font-size: 20px;
  color: #ffffff;
}
.app-header-c .app_header1 .apply_phone .apply_btn {
  background-color: #D0121B;
  border-radius: 20px;
  width: 121px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  color: #ffffff;
  margin-left: 18px;
  cursor: pointer;
}
.app-header-c.scrollShow {
  background: rgba(26, 26, 26, 0.6);
}
.app-header {
  position: fixed;
  background: rgba(26, 26, 26, 0.5);
  box-sizing: border-box;
  z-index: 1999;
  width: 100%;
  top: 0;
  left: 0;
  transition: all ease-in 0.4s;
}
.app-header.new-nav {
  overflow-x: scroll;
  scrollbar-width: none;
}
.app-header.new-nav::-webkit-scrollbar {
  display: none;
}
.app-header.scrollShow {
  background-color: #fff;
  border-bottom: 1px solid #E5E5E5;
}
.app-header.scrollShow #header-register {
  border: 1px solid #ec1c1c !important;
  background: transparent!important;
  color: #ec1c1c !important;
  margin-left: 10px;
}
.app-header.scrollShow #header-register:hover {
  background: #ec1c1c !important;
  color: #ffffff !important;
}
.app-header.scrollShow .experience {
  border: 1px solid #ec1c1c !important;
  background: transparent!important;
  color: #ec1c1c !important;
  margin-left: 10px;
}
.app-header.scrollShow .experience:hover {
  background: #ec1c1c !important;
  color: #ffffff !important;
}
.app-header.scrollShow #userInfo .icon {
  width: 8px;
  height: 7px;
  position: relative;
  display: inline-block;
  margin-bottom: 25px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIBAMAAAA2IaO4AAAAJFBMVEUAAABnZ2dnZ2dnZ2dra2tnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2fT8v94AAAADHRSTlMA+erSxGlBIrENsA4mgmkNAAAALklEQVQI12NgYHFgYAhgcWBlEGNgSGRoKmDXYphsPdmSgV2jqQAoAhRlYA1gAAByaAX/ROYK0gAAAABJRU5ErkJggg==) no-repeat !important;
}
.app-header.scrollShow #userInfo:hover,
.app-header.scrollShow #userInfo:active {
  background: transparent;
}
.app-header.scrollShow #userInfo:hover .icon,
.app-header.scrollShow #userInfo:active .icon {
  width: 8px;
  height: 7px;
  position: relative;
  display: inline-block;
  margin-bottom: 25px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIBAMAAAA2IaO4AAAAIVBMVEUAAADsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBwNP4HqAAAAC3RSTlMA+erSxLFBIg1paO+DvGsAAAAuSURBVAjXY2BgcWBgmMDiwMkgxsCQyBBUwK7K0GzRbMHArhpUABQBijJwTWAAAHIdBfyCgX6fAAAAAElFTkSuQmCC) no-repeat !important;
}
.app-header.scrollShow .bottom .right ul li {
  color: #290202;
}
.app-header.scrollShow .bottom .right ul li .icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIBAMAAAA2IaO4AAAAJFBMVEUAAABnZ2dnZ2dnZ2dra2tnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2fT8v94AAAADHRSTlMA+erSxGlBIrENsA4mgmkNAAAALklEQVQI12NgYHFgYAhgcWBlEGNgSGRoKmDXYphsPdmSgV2jqQAoAhRlYA1gAAByaAX/ROYK0gAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
}
.app-header.scrollShow .bottom .right ul li.active,
.app-header.scrollShow .bottom .right ul li:hover {
  background: transparent;
  border-bottom: 2px solid #EC1C1C;
}
.app-header.scrollShow .bottom .right ul li.active .icon,
.app-header.scrollShow .bottom .right ul li:hover .icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIBAMAAAA2IaO4AAAAIVBMVEUAAADsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBwNP4HqAAAAC3RSTlMA+erSxLFBIg1paO+DvGsAAAAuSURBVAjXY2BgcWBgmMDiwMkgxsCQyBBUwK7K0GzRbMHArhpUABQBijJwTWAAAHIdBfyCgX6fAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
}
.app-header.scrollShow .bottom .right ul li > .div2 .c2 {
  color: #290202;
}
.app-header.scrollShow .bottom .right ul li > .div2 .c2.active,
.app-header.scrollShow .bottom .right ul li > .div2 .c2:hover {
  background: transparent;
  border-bottom: 2px solid #EC1C1C;
}
.app-header.scrollShow .bottom .right ul li > .div .icon2 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIBAMAAAA2IaO4AAAAJFBMVEUAAABnZ2dnZ2dnZ2dra2tnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2fT8v94AAAADHRSTlMA+erSxGlBIrENsA4mgmkNAAAALklEQVQI12NgYHFgYAhgcWBlEGNgSGRoKmDXYphsPdmSgV2jqQAoAhRlYA1gAAByaAX/ROYK0gAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
}
.app-header.scrollShow .bottom .right ul li > .divd2 .icon2:active,
.app-header.scrollShow .bottom .right ul li > .div2 .icon2:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIBAMAAAA2IaO4AAAAIVBMVEUAAADsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBwNP4HqAAAAC3RSTlMA+erSxLFBIg1paO+DvGsAAAAuSURBVAjXY2BgcWBgmMDiwMkgxsCQyBBUwK7K0GzRbMHArhpUABQBijJwTWAAAHIdBfyCgX6fAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
}
.app-header.scrollShow .bottom .right ul li .c5:hover {
  background: rgba(255, 255, 255, 0.3);
}
.app-header.scrollShow .bottom .right ul li .c5:hover .c2:hover {
  background: rgba(255, 255, 255, 0.3);
}
.app-header.scrollShow .bottom .h-logo {
  background-image: url(../image/ybq-ebq-logo1.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.app-header.scrollShow .user-name {
  color: #290202 !important;
}
.app-header .top {
  height: 30px;
  background-color: #EC1C1C;
}
.app-header .top .container {
  height: 30px;
  position: relative;
}
.app-header .top .container .left {
  float: left;
  width: 160px;
  position: relative;
  top: 8px;
  color: #fff;
  font-size: 12px;
}
.app-header .top .container div:nth-child(1) {
  top: 50%;
}
.app-header .top .container div:nth-child(2) {
  top: 50%;
}
.app-header .top .container .phone {
  position: absolute;
  top: 0;
  left: 0px;
  height: 30px;
  line-height: 30px;
}
.app-header .top .container .phone img {
  position: relative;
  width: auto;
  height: 10px;
}
.app-header .top .container .phone #tel {
  color: #fff;
  font-size: 12px;
}
.app-header .yf-con {
  padding: 0;
}
.app-header .right-btn {
  float: right;
  z-index: 10;
}
.app-header .right-btn #unLogin {
  margin-top: 8px;
}
.app-header .right-btn #unLogin div {
  box-sizing: border-box;
  width: 100px;
  height: 40px;
  cursor: pointer;
  display: inline-block;
  line-height: 40px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  border-radius: 5px;
}
.app-header .right-btn #unLogin div a {
  height: 100%;
  width: 100%;
  display: block;
}
.app-header .right-btn #unLogin #header-login {
  background: #ec1c1c;
}
.app-header .right-btn #unLogin #header-login:hover {
  background: #f15f5f;
}
.app-header .right-btn #unLogin #header-register {
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
  margin-left: 10px;
}
.app-header .right-btn #unLogin #header-register:hover {
  border: 1px solid #ec1c1c;
  background: #ec1c1c;
  color: #ffffff;
}
.app-header .right-btn #unLogin .experience {
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
  margin-left: 10px;
}
.app-header .right-btn #unLogin .experience:hover {
  border: 1px solid #ec1c1c;
  background: #ec1c1c;
  color: #ffffff;
}
.app-header .right-btn #userInfo {
  display: none;
  position: relative;
  line-height: 60px;
  width: 200px;
  height: 60px;
  padding-left: 10px;
}
.app-header .right-btn #userInfo .icon {
  width: 8px;
  height: 7px;
  position: relative;
  display: inline-block;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAArElEQVQoU43PoUrDcRTF8c+xDIvNRfOqadUH8AE0D9QyXBAMiuhLiBjcgt0nMC1a9xADg/YhV37jP9AgeMvlcr6Xc050U1XbuMQErxgl+Wxy/gVV1QwPeEvy9eOphyPspaqucYDjJO8Nqqot7GOKmwbtdEfzv0jyUVV9PGKBu3WmqhrgGfd4wRjDLvxyA7V9iCs84QznSeZ/tTvFbYOTrH5Bne0uTppty7Zp+g1eHUHTPPOkNAAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  margin-bottom: 25px;
}
.app-header .right-btn #userInfo .user-img {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  display: inline-block;
  border-radius: 50%;
  cursor: pointer;
}
.app-header .right-btn #userInfo .user-name {
  margin-left: 30px;
  color: #fff;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  max-width: 140px;
}
.app-header .right-btn #userInfo ul {
  display: none;
  width: auto;
  height: auto;
  background-color: #fff;
  position: absolute;
  top: 60px;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.08);
  opacity: 1;
  border-radius: 0px 0px 8px 8px;
  left: 0;
}
.app-header .right-btn #userInfo ul li {
  width: 200px;
  cursor: pointer;
  background: #fff;
  height: 36px;
  line-height: 36px;
  color: #290202;
  padding-left: 10px;
  font-size: 14px;
}
.app-header .right-btn #userInfo ul li:hover {
  background: #ff0000;
  color: #ffffff;
}
.app-header .right-btn #userInfo ul li:hover .my-info {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAQNJREFUOE+lkzFKQ1EURM/sQDvBxh3oBgRtrHUHLiGQDShY2Glhr52l2YHJDrIEWyFgBEthZOQpz5+X/KhT/tx7cv/MfPFPqbtvewO4Ak5XsJ+AO0nnPwBl+b4s3gBvXYikie29AIDhN6A8fASegRnw3rhgB3gBDoFjYLsGTMtZ16tssT0CxkDmj2qAJS140vAo/zwAzpoA2znztnHFXNKJ7YOyvBSQFGLSgiSNewF9tegFlCh3K9CrpBj2qXUAOb9OYioppq0H+MUrJE7/NcaLlAjYrwHp90BSyEtlOxXeAi6TSg1IQfLjAxBYS5nZTMyS5hnofkwpUYbShZYCHn0tZ+ADLZSR83xZVMoAAAAASUVORK5CYII=) no-repeat;
  width: 16px;
  height: 16px;
  margin-right: 10px;
}
.app-header .right-btn #userInfo ul li:hover .exit {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAANFJREFUOE+lkmGNAkEUg/s5QAIOAAfgAAmg4E4COMDBgQMk4AAcsA7AQUlhJyEbcsvA/JxMv2lfH/ryEL3thaS/CtYaWOV9AVwlLYB9H8T2WNIRuGsLwJJmwKEP0Dr2RwDbQ6CJC+BU7cB2Il6AZXFaFcH2QFJiniUtgeu/ANtzSaPOXAL5lXQCJn2A1Dt8MdgAGmBcFaFtYCspVU57I3R/tr2JsIg/aSE/x3oW736qI3y1SK04Qz13NzHZft5Z4/bNDkhDjwhP5FeVdbmZQVMub2mOhxHi9PhCAAAAAElFTkSuQmCC) no-repeat;
  width: 16px;
  height: 16px;
  margin-right: 10px;
}
.app-header .right-btn #userInfo ul li a {
  display: flex;
  align-items: center;
}
.app-header .right-btn #userInfo ul li a .my-info {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAVRJREFUOE+l07FOg1AUBuD/R4bCVDeTLn0D+wImujjjBkw+Aim618TBRGk7uMvE7SZvYH2DPgKriYk1MUyFY2gsWqSl0TuSc76ce/4L8c/Dar9nWW3NNEcEzjfZIpKADIdRdLUGLJsNQxWN+WJxT13/qCIjpZ4vXbeXiYQQ8Utg+RF4EpEXiLySXFSbSXYBvGVpeqKZpgWRTgn0HWcGIBwqNd62lr7rxhCZaiKzHDgtAd91JYiiXzupYr7jWAJ4msigFvBsu7tHPtRMMQ+UOruw7eOcHGwGLKutt1q9umvcTSbTRqDpWTQCRZQ0jMMVpJPvt1FULHh5GoGvjMskCMwCpbydgV2vACAmKX+N8RpkR8uyo59AAhEvUCreNoXvOKEAB5rITZHKN+A4VvEShXwEkNQhBIqa/SxNe+M4nhc16z+TbXc10gLZ3jBFkqdpvGouaj4BRK3DkS92lLoAAAAASUVORK5CYII=) no-repeat;
  width: 16px;
  height: 16px;
  margin-right: 10px;
}
.app-header .right-btn #userInfo ul li a .exit {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABKklEQVQ4T6XTvUpcQRQA4O/OqptGkkIbQdRF2LW28gUE30AEQSwFESvt0qQQTCOGNDZW1iEv4GPs+oMiiCjaKOzizzJXbmTVSOLNJac+55szZ84k/jOSrL7GJKaTED7keWmMt5Gf+/zIcn8BY2w98B2neUBgoMRynbkXIISdhxiXDrnMA0bp7w5hox7jTGGgj94rmiMMHnNSGBhjIdK9xyZiYWCUcheraLbZPOTuaYh/mUGNcQy/mUs5YSrloMGXPGAypfIaCARMpFw0WHkX+MOLhCqLCZ9uWD+jVQioMp8w2GYtu3/hIY4wVOK8RSk7vTCQFVT4WOZbndnXq7x9y+fOcry3jVUGQghff9vEGnNJCNmH+qdIY9xtsPXcQae1QE+eELk/4rqT9wim1oMWCJlnHAAAAABJRU5ErkJggg==) no-repeat;
  width: 16px;
  height: 16px;
  margin-right: 10px;
}
.app-header .right-btn #userInfo:hover {
  background: rgba(255, 255, 255, 0.3);
}
.app-header .right-btn #userInfo:hover ul {
  display: block;
}
.app-header .bottom {
  height: 60px;
}
.app-header .bottom .h-logo {
  transition: all ease-in 0.4s;
  width: 210px;
  height: 35px;
  position: relative;
  display: inline-block;
  background-image: url(../image/ybq-ebq-logo.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.app-header .bottom .container {
  height: 100%;
}
.app-header .bottom .left {
  float: left;
  position: relative;
  top: 54%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.app-header .bottom .right {
  float: left;
  position: relative;
}
.app-header .bottom .right.help-nav {
  margin: 0 0 0 843px;
}
.app-header .bottom .right.new {
  display: none;
}
.app-header .bottom .right.new-nav {
  display: block;
}
.app-header .bottom .right.new-nav.hide {
  display: none;
}
.app-header .bottom .right.new-nav .down-list {
  cursor: default;
  position: fixed;
  left: 0;
  width: 100%;
  border-radius: 0;
  box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.06) inset;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 35px;
}
.app-header .bottom .right.new-nav .down-list a {
  line-height: 1;
}
.app-header .bottom .right.new-nav .down-list a.active {
  color: #DE2304;
}
.app-header .bottom .right.new-nav .down-list .new_tab {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.app-header .bottom .right.new-nav .down-list .new_tab .new_tab_content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  line-height: 1;
  width: 250px;
  min-width: 200px;
  margin-right: 40px;
}
.app-header .bottom .right.new-nav .down-list .new_tab .new_tab_content.help-tab {
  margin-top: 30px;
  width: 820px;
}
.app-header .bottom .right.new-nav .down-list .new_tab .new_tab_content.help-tab .help-tab-title {
  font-size: 26px;
  color: #000;
  margin-bottom: 10px;
}
.app-header .bottom .right.new-nav .down-list .new_tab .new_tab_content.help-tab .help-tab-desc {
  font-size: 16px;
  color: #000;
  margin-bottom: 30px;
}
.app-header .bottom .right.new-nav .down-list .new_tab .new_tab_content.help-tab .help-tab-items {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 30px 0;
}
.app-header .bottom .right.new-nav .down-list .new_tab .new_tab_content.help-tab .help-tab-items .help-tab-item {
  width: 50%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.app-header .bottom .right.new-nav .down-list .new_tab .new_tab_content.help-tab .help-tab-items .help-tab-item img {
  width: 40px;
  margin-right: 10px;
}
.app-header .bottom .right.new-nav .down-list .new_tab .new_tab_content.help-tab .help-tab-items .help-tab-item .help-tab-item-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.app-header .bottom .right.new-nav .down-list .new_tab .new_tab_content.help-tab .help-tab-items .help-tab-item .help-tab-item-content .help-tab-item-content-title {
  color: #DE2304;
  font-size: 14px;
  margin-bottom: 5px;
}
.app-header .bottom .right.new-nav .down-list .new_tab .new_tab_content.help-tab .help-tab-items .help-tab-item .help-tab-item-content .help-tab-item-content-desc {
  color: #000;
  font-size: 14px;
  text-align: left;
}
.app-header .bottom .right.new-nav .down-list .new_tab .new_tab_content.contact_tab {
  margin-top: 30px;
  margin-right: 90px;
  display: flex;
  width: 300px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.app-header .bottom .right.new-nav .down-list .new_tab .new_tab_content.contact_tab .contact_us {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
}
.app-header .bottom .right.new-nav .down-list .new_tab .new_tab_content.contact_tab .contact_us img {
  width: 30px;
}
.app-header .bottom .right.new-nav .down-list .new_tab .new_tab_content.contact_tab .contact_us div {
  color: #000;
  margin-left: 5px;
  font-size: 14px;
}
.app-header .bottom .right.new-nav .down-list .new_tab .new_tab_content.contact_tab .contact_us-qr {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.app-header .bottom .right.new-nav .down-list .new_tab .new_tab_content.contact_tab .contact_us-qr img {
  width: 120px;
  height: 120px;
  border: 1px solid #eee;
  padding: 10px;
  margin-bottom: 10px;
}
.app-header .bottom .right.new-nav .down-list .new_tab .new_tab_content.contact_tab .contact_us-qr span {
  font-size: 16px;
  color: #000;
}
.app-header .bottom .right.new-nav .down-list .new_tab .new_tab_content.qr-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  width: 800px;
  margin: 30px 0;
}
.app-header .bottom .right.new-nav .down-list .new_tab .new_tab_content.qr-box .qr-box-item {
  width: 250px;
  margin-right: 60px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0px -6px 6px 0px rgba(220, 227, 238, 0.26), 0px 6px 6px 0px rgba(220, 227, 238, 0.26);
}
.app-header .bottom .right.new-nav .down-list .new_tab .new_tab_content.qr-box .qr-box-item .qr-box-item-title {
  background: #DE2304;
  color: #fff;
  padding: 10px 0;
  margin-bottom: 15px;
  width: 100%;
}
.app-header .bottom .right.new-nav .down-list .new_tab .new_tab_content.qr-box .qr-box-item img {
  width: 120px;
  height: 120px;
  margin-bottom: 20px;
}
.app-header .bottom .right.new-nav .down-list .new_tab .new_tab_content.qr-box .qr-box-item .qr-box-item-desc {
  font-size: 16px;
  color: #000;
  height: 80px;
}
.app-header .bottom .right.new-nav .down-list .new_tab .new_tab_content .new_tab_content_title {
  font-weight: 600;
  font-size: 18px;
  border-bottom: 1px solid #dbdbdb;
  color: #666666;
  padding-bottom: 20px;
  margin-top: 38px;
  margin-bottom: 25px;
  width: 100%;
  text-align: left;
}
.app-header .bottom .right.new-nav .down-list .new_tab .new_tab_content .new_tab_content_item {
  color: #000;
  margin-bottom: 30px;
}
.app-header .bottom .right.new-nav .down-list .new_tab .new_tab_content .new_tab_content_item .active {
  color: #DE2304;
}
.app-header .bottom .right.new-nav .down-list .new_tab .new_tab_content .new_tab_content_item:hover {
  color: #DE2304;
  cursor: pointer;
}
.app-header .bottom .right.new-nav .down-list .new_tab .new_tab_content_friend {
  margin-left: 20px;
  margin-top: 38px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.app-header .bottom .right.new-nav .down-list .new_tab .new_tab_content_friend img {
  background: linear-gradient(0deg, #FFFFFF, #F4F7F7);
  border: 2px solid #FFFFFF;
  padding: 15px 60px;
  width: 225px;
  box-shadow: 0 8px 16px 0 rgba(213, 213, 213, 0.26);
  margin-bottom: 15px;
  box-sizing: content-box;
}
.app-header .bottom .right.new-nav .down-list .new_tab .new_tab_way_content {
  width: 1056px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 50px;
}
.app-header .bottom .right.new-nav .down-list .new_tab .new_tab_way_content .new_tab_way_item {
  width: 200px;
  color: #000;
}
.app-header .bottom .right.new-nav .down-list .new_tab .new_tab_way_content .new_tab_way_item.active {
  color: #DE2304;
}
.app-header .bottom .right.new-nav .down-list .new_tab .new_tab_way_content .new_tab_way_item:hover {
  color: #DE2304;
  cursor: pointer;
}
.app-header .bottom .right.new-nav .down-list .new_tab .new_tab_way_content.way_img {
  margin-top: 30px;
  margin-bottom: 30px;
  width: 400px;
  margin-left: 30px;
  border-left: 1px solid #dbdbdb;
  background-image: url(../image/industry-nav-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: #000;
  padding: 30px 30px;
}
.app-header .bottom .right.new-nav .down-list .new_tab .new_tab_way_content.way_img .way_img-title {
  font-size: 26px;
  margin-bottom: 20px;
}
.app-header .bottom .right.new-nav .down-list .new_tab .new_tab_way_content.way_img .way_img_box {
  display: flex;
  justify-content: space-between;
}
.app-header .bottom .right.new-nav .down-list .new_tab .new_tab_way_content.way_img .way_img_box .way_img_box-desc {
  font-size: 14px;
  line-height: 26px;
  text-align: left;
}
.app-header .bottom .right.new-nav .down-list .new_tab .new_tab_way_content.way_img .way_img_box img {
  width: 100px;
}
.app-header .bottom .right ul {
  float: left;
  list-style: none;
  cursor: pointer;
}
.app-header .bottom .right ul li .c2 {
  position: absolute;
  width: 110px;
  text-align: center;
  line-height: 60px;
  color: #FFFFFF;
  margin-right: 110px;
  margin-top: -60px;
}
.app-header .bottom .right ul li .c2.active {
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
}
.app-header .bottom .right ul li .icon2 {
  width: 8px;
  height: 7px;
  position: relative;
  display: inline-block;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAArElEQVQoU43PoUrDcRTF8c+xDIvNRfOqadUH8AE0D9QyXBAMiuhLiBjcgt0nMC1a9xADg/YhV37jP9AgeMvlcr6Xc050U1XbuMQErxgl+Wxy/gVV1QwPeEvy9eOphyPspaqucYDjJO8Nqqot7GOKmwbtdEfzv0jyUVV9PGKBu3WmqhrgGfd4wRjDLvxyA7V9iCs84QznSeZ/tTvFbYOTrH5Bne0uTppty7Zp+g1eHUHTPPOkNAAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  text-align: center;
  line-height: 60px;
  margin-top: -30px;
  margin-left: 44px;
}
.app-header .bottom .right ul li .icon2.active {
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
}
.app-header .bottom .right ul li > .c2:hover {
  background: rgba(255, 255, 255, 0.3);
}
.app-header .bottom .right ul.active {
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
}
.app-header .bottom .right ul .div2:hover {
  background: rgba(255, 255, 255, 0.3);
}
.app-header .bottom .right ul .div2:hover .c2 {
  background: rgba(255, 255, 255, 0.3);
}
.app-header .bottom .right ul .div2:hover .down-list {
  display: block;
}
.app-header .bottom .right ul li {
  float: left;
  width: 110px;
  text-align: center;
  line-height: 60px;
  color: #ffffff;
}
.app-header .bottom .right ul li .icon {
  width: 8px;
  height: 7px;
  position: relative;
  display: inline-block;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAArElEQVQoU43PoUrDcRTF8c+xDIvNRfOqadUH8AE0D9QyXBAMiuhLiBjcgt0nMC1a9xADg/YhV37jP9AgeMvlcr6Xc050U1XbuMQErxgl+Wxy/gVV1QwPeEvy9eOphyPspaqucYDjJO8Nqqot7GOKmwbtdEfzv0jyUVV9PGKBu3WmqhrgGfd4wRjDLvxyA7V9iCs84QznSeZ/tTvFbYOTrH5Bne0uTppty7Zp+g1eHUHTPPOkNAAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
}
.app-header .bottom .right ul li.active {
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
}
.app-header .bottom .right ul li .down-list {
  position: absolute;
  width: 110px;
  background-color: #fff;
  display: none;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.08);
  opacity: 1;
  border-radius: 0px 0px 8px 8px;
}
.app-header .bottom .right ul li .down-list .white {
  width: 110px;
}
.app-header .bottom .right ul li .down-list .box div {
  height: 36px;
  color: #323232;
  font-size: 14px;
  line-height: 36px;
  font-weight: 400;
}
.app-header .bottom .right ul li .down-list .box div:hover {
  color: #FFFFFF;
  background-color: #ff0000;
  background-position-y: 18px;
}
.app-header .bottom .right ul li .down-list .box2 {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.app-header .bottom .right ul li .down-list .box2 div {
  height: 36px;
  color: #323232;
  font-size: 14px;
  line-height: 36px;
  font-weight: 400;
  width: 90px;
  margin-top: 20px;
}
.app-header .bottom .right ul li .down-list .box2 div:hover {
  color: #FFFFFF;
  border-radius: 4px;
  background: #EC1C1C;
  background-position-y: 18px;
}
.app-header .bottom .right ul li .down-list .container {
  width: 453px;
  height: 187px;
  background: #FFFFFF;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.08);
  opacity: 1;
  border-radius: 0px 0px 8px 8px;
}
.app-header .bottom .right ul li .down-list {
  position: absolute;
  width: 110px;
  background-color: #fff;
  display: none;
}
.app-header .bottom .right ul li .down-list .white {
  width: 110px;
}
.app-header .bottom .right ul li .down-list .box div {
  height: 36px;
  color: #323232;
  font-size: 14px;
  line-height: 36px;
  font-weight: 400;
}
.app-header .bottom .right ul li .down-list .box div:hover {
  color: #FFFFFF;
  background-color: #ff0000;
  background-position-y: 18px;
}
.app-header .bottom .right ul li .down-list .box2 {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.app-header .bottom .right ul li .down-list .box2 div {
  height: 36px;
  color: #323232;
  font-size: 14px;
  line-height: 36px;
  font-weight: 400;
  width: 73px;
  margin-top: 20px;
}
.app-header .bottom .right ul li .down-list .box2 div.new_width {
  width: 95px;
}
.app-header .bottom .right ul li .down-list .box2 div:hover {
  color: #FFFFFF;
  background-color: #ff0000;
  background-position-y: 18px;
}
.app-header .bottom .right ul li .down-list .container {
  width: 453px;
  height: 187px;
  background: #FFFFFF;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.08);
  opacity: 1;
  border-radius: 0px 0px 8px 8px;
}
.app-header .bottom .right ul li:hover {
  background: rgba(255, 255, 255, 0.3);
}
.app-header .bottom .right ul li:hover .down-list {
  display: block;
}
.app-header .bottom .right-btn {
  float: right;
}
.app-header .bottom .box2 .active {
  color: #FFFFFF !important;
  border-radius: 4px;
  background: #EC1C1C;
  background-position-y: 18px;
}
.app-header .bottom .box .active {
  color: #FFFFFF !important;
  background-color: #EC1C1C;
  background-position-y: 18px;
}
.header-placeholder {
  width: 100%;
}
.app-footer {
  width: 100%;
  min-width: 1200px;
  color: #ffffff;
  font-size: 14px;
  background-color: #333333;
}
.app-footer .top {
  height: 320px;
  padding-top: 59px;
}
.app-footer .top .l {
  float: left;
}
.app-footer .top .l ul {
  position: relative;
}
.app-footer .top .l ul li {
  font-size: 14px;
}
.app-footer .top .l ul li span {
  width: 21px;
  height: 17px;
  display: inline-block;
  position: relative;
  top: 5px;
  left: 18px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAARCAMAAAAFWBeyAAAAh1BMVEUAAAAj21kj21oj3Fgk21ok3Fok21oj3Foj3Fkj3Fki3Vck21ok21sk3Fok21oj3Fkj21oi3Vci3Fok21ok21ok21oj3Fkj3Fgj3Fkj3Fkj3Foi3Fkh3Vch3VYk21kj21kj3Fkj3Fkj21oj3Fgj3Foh3Fgj3Vki3Vkj3Fgh31Yk21oh3Vkk21oLFLlkAAAALHRSTlMAq45q+/fslIpIF+Xj3LeYfWxj8unUpYVdWDAjHgjLwLGfdWdRTkI6MhEQDKDQnqoAAACoSURBVBjTXc6HDoMgFIXh6xb33t27Pe//fL1VtOiXQMgfApdGInHcxqOVxsfI2SlRx8wflpgCWlbyluQI5tgDyOgIPMkCDFnPYDYv045cR++2r+pGxN8WCbGLbKahyVPAI76s6XyKYbl7WO0BIU94m666JmyqkXvV9GdbcA1j/MXEIjBNqTrHIUj7qyGU+uDqfeinXmJKCkfGjFbuVWiXGjraehMJQfQFNokdVvrWGvYAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
}
.app-footer .top .l ul .jzq {
  position: relative;
}
.app-footer .top .l ul .jzq img {
  display: none;
  position: absolute;
  width: 100px;
  height: 100px;
  top: -60px;
  left: 20px;
}
.app-footer .top .l ul .jzq:hover img {
  display: block;
}
.app-footer .top .m {
  width: 305px;
  float: left;
  margin-left: 77px;
}
.app-footer .top .m img {
  width: 188px;
  height: 32px;
}
.app-footer .top .r {
  float: right;
  position: relative;
}
.app-footer .top .r .input-group {
  margin-top: 23px;
}
.app-footer .top .r .input-group input {
  color: #979797;
  border: none;
  width: 140px;
  height: 35px;
  padding: 10px;
  background: #404040;
  border-radius: 4px;
}
.app-footer .top .r textarea {
  color: #979797;
  padding: 10px;
  border: none;
  width: 300px;
  height: 66px;
  background: #404040;
  border-radius: 4px;
  resize: none;
}
.app-footer .top .r #customer-area-span,
.app-footer .top .r #customer-area-span1 {
  position: absolute;
  color: #979797;
  right: 0;
}
.app-footer .top .r .submit {
  width: 300px;
  height: 35px;
  background: #ec1c1c;
  border-radius: 4px;
  text-align: center;
  line-height: 35px;
  position: relative;
  cursor: pointer;
}
@-webkit-keyframes loading {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.25;
  }
}
.app-footer .top .r div.loading {
  position: absolute;
  top: 13px;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.app-footer .top .r div.loading span {
  width: 2px;
  height: 8px;
  background: #fff;
  position: absolute;
  left: 100%;
  top: 100%;
  opacity: 0;
  -webkit-animation: loading 1s linear infinite;
}
.app-footer .top .r div.loading span.bar1 {
  -webkit-transform: rotate(0deg) translate(0, -10px);
  -webkit-animation-delay: 0s;
}
.app-footer .top .r div.loading span.bar2 {
  -webkit-transform: rotate(30deg) translate(0, -10px);
  -webkit-animation-delay: -1.8334s;
}
.app-footer .top .r div.loading span.bar3 {
  -webkit-transform: rotate(60deg) translate(0, -10px);
  -webkit-animation-delay: -1.6668s;
}
.app-footer .top .r div.loading span.bar4 {
  -webkit-transform: rotate(90deg) translate(0, -10px);
  -webkit-animation-delay: -1.5002s;
}
.app-footer .top .r div.loading span.bar5 {
  -webkit-transform: rotate(120deg) translate(0, -10px);
  -webkit-animation-delay: -1.3336s;
}
.app-footer .top .r div.loading span.bar6 {
  -webkit-transform: rotate(150deg) translate(0, -10px);
  -webkit-animation-delay: -1.167s;
}
.app-footer .top .r div.loading span.bar7 {
  -webkit-transform: rotate(180deg) translate(0, -10px);
  -webkit-animation-delay: -1.0004s;
}
.app-footer .top .r div.loading span.bar8 {
  -webkit-transform: rotate(210deg) translate(0, -10px);
  -webkit-animation-delay: -0.8338s;
}
.app-footer .top .r div.loading span.bar9 {
  -webkit-transform: rotate(240deg) translate(0, -10px);
  -webkit-animation-delay: -0.6672s;
}
.app-footer .top .r div.loading span.bar10 {
  -webkit-transform: rotate(270deg) translate(0, -10px);
  -webkit-animation-delay: -0.5006s;
}
.app-footer .top .r div.loading span.bar11 {
  -webkit-transform: rotate(300deg) translate(0, -10px);
  -webkit-animation-delay: -0.334s;
}
.app-footer .top .r div.loading span.bar12 {
  -webkit-transform: rotate(330deg) translate(0, -10px);
  -webkit-animation-delay: -0.1674s;
}
.app-footer .top .r1 .input-group input {
  font-size: 12px;
  color: #979797;
  background: #ffffff;
  border: 1px solid #999999;
}
.app-footer .top .r1 textarea {
  font-size: 12px;
  color: #979797;
  background: #ffffff;
  border: 1px solid #999999;
}
.app-footer .bottom {
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  border-top: 1px solid #676767;
  color: #999999;
}
.app-footer .bottom p {
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
}
.app-footer .bottom p span {
  margin-left: 10px;
}
.ad-right {
  position: fixed;
  width: 82px;
  z-index: 1000;
  top: 35%;
  right: 0;
  cursor: pointer;
  background: none;
}
.ad-right .top {
  margin-bottom: 10px;
  position: relative;
  background: none;
}
.ad-right .top .item {
  width: 82px;
  height: 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAABGCAMAAABotTMkAAAARVBMVEUAAAAAAAAAAAAfAAAmAAAkAAAjAAAhAAAjAAAoAAAnAAAmAAAkAAAmAAAlAAAnAAAmAAAmAAAlAAAnAAAmAAAmAAAoAAAGsjI/AAAAF3RSTlMAAQIZGxwdHywtLi8yNT5BQ0RFSElKTYtqx8wAAAB3SURBVFjD7di5FYAwEAPRxQZzg7m2/1I5YsJxpingP8Uye6visBwO9YFtdrBX7N1hEhYfsnGaDDtO4iPdJp5cefLkSRcpUqRIkSJFihQpUqRIkSJFivwlD54scJcUOHVqngwZJy3ypHU8WY04aZY2nLSQ5v2iyBumCulZRKLRHQAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%;
  border-radius: 10px 0 0 10px;
  margin-bottom: 10px;
  position: relative;
  text-decoration: none;
}
.ad-right .top .item p {
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  line-height: 24px;
}
.ad-right .top .item .icon-1 {
  width: 23px;
  height: 24px;
  display: inline-block;
  margin-top: 12px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADWklEQVRYR8WWS8iVZRSFnyVeGqXOrIgU8hYSBTmQQgstFEkbeMEulCB0wYpCMAjSpEFlgiLeKMjQgeBABQdhAxEjCgySiuwCaVQahKUiaVYrlr6ffb+d//zn//4j7uF33rP32utde71bXOPQNa5PvwHYvgu4A7gJGAWcBY4D3wEHJZ3sT1MdAbA9BHgceAG4rU2B88A2YLWkbzoB0icA21OAd0rhX4HtwD7gQ0lnUsR2QE0FFgL3AhcCAnhV0p/tgLQFYDsdvwX8BrwMvNtXQtsTgTXALOBTYLakX3oD0SsA288B64CvgQck/dAJpdUZ26+EAeBLYErF1pU5WgKwPRn4CDgCzGjXQTtQtpcDrwNbJS1udfZ/AGwPKtRNiNolhYHGYXs3MAe4T9KBPhmw/UgR2ipJKxpXLn+0nXH9FjgsKYLuEa0YOAjcCdwo6fRAAZQp2QQ8Bdwu6fN6zh4AbA8Hfgd2SlrQjeIFQEZzP7Bc0pvtANxfZvwZSUHdlbA9rDjmLknzWwIodxXVPgs8KGlvV6r/p4Wj8SzgUeATSX/lp4tXYPv5Mi7XlfNxvHmtVNtfULYHx8BK4ervn5Umf5Tt2UC6zWMS44kOXionx0o60d+i9fO2Y8nLgI+BPcAtRZCHJE0OgLeBJcAYSaEpjDxRUC+TFFttHLZj42F0YkW77TCSGqMDII/LNEk3V1Vs31pmd6Wk2GnjsJ173y7psVr+NJzGJ1QA7pY0pnZgNPA90C0APay4xvBlANMl3VADEBv+qosAdkhaVMv/JLC5YmAj8HTx/cO1qVgLLJW0oTH/l/SUbSk+ME5StJBvu4CHslXlCu4pLhUH3AqMKAKphJPvjcN29ojXgGNlW8pKNxN4X9KsygfmFVGkeCLP8CJJmdcBhe1M0YvAP0Be2kTGfnEYufwW2I4JZdk8143Cheq5QJ7jvIbTgPHA0Wrcc6bPnbBp+7bD6nulxlRJh1rlGhAA2+nohKRTNYVfX2w9wv4DmCvpg94aaQSgXFeSRsDnis9HZA8XAY/MApLvkr5ox2JTAJWTVbnrAvsZeAPYWFnv1QCwFFhfS5zdP/6ex2afpL871U5TBjKuWd0mAXnXY1hbOi1aP9cIQBmxoWWsTkr6qUnxqzqGnQL6F82bU8/u0AChAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100% 100%;
}
.ad-right .top .item .icon-2 {
  width: 23px;
  height: 24px;
  display: inline-block;
  margin-top: 12px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAyVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9m7n84AAAAQnRSTlMABAgMEBMUGB8gJCcsMDM0ODs/QENER0xPUFRYW1xgY2RnbG9ze3+Dh4uTm5+jp6uvt7u/w8fLz9PX29/n6+/z9/ua+xkVAAABFUlEQVQ4y72T21KDMBCGE1Gp1Xqg4qHV1tp6QAEFioBACv/7P5RNGATbEMcb/5s9fbObmc0S8k/Spk6wIc86a+rnGVi4AcSAo9X1MjUlXS0EtPKyVJMOvsODsDOYHU/zcmFc1srt9WgT3GPATbD8zlxEQPHeq8MhhgII6oRZlvZjiHSnC/jAmBCa4LIDoLbHjYNJVwchnaGvAg4SzIkC6OfsmqgAFydECaQxUQOng18Aw5AAy1YO2AbcvJX70W5WvXiO4451uyux2l0WUWn9ClbljBEebpfpoojrn3ZbIHbttV7319EN92yfIdCbBT35KVfpU2KUOXejt5Fk6gTPepZoigt6wefqSHViNMRIfYT64q9n+wVOfC33PkohSQAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%;
}
.ad-right .top .item .icon-3 {
  width: 23px;
  height: 24px;
  display: inline-block;
  margin-top: 12px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAA4VBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+sqgLzAAAASnRSTlMABAYICQwOFBcYHCAjJCcoKywvMDIzNDU4PD9AQ0RHTlBTWFtcX2Nnb3N3e3+HiouTl5+nqauvs7W3u7/Dx8vP09fb3+Pn6/P3+wTD4MYAAAExSURBVDjLrZPbVoJAFIbHEA3NzNDSSjuoRSgdqCyTVFTE+d//gRoYjs2s1Y1zM//M9+29YbEgZG+r1Ow1SzwWT7vnh39wa0oB0O8WIUeTHYtwrrLcoKDz2YIpxq0PuLMfJj2n/B7UKrO9ajMFkwaLqumnRm1Hb+JWaWHbRy+KNkZJM/sziQMseDjYbZXkVtPTyUvwgw5b/uZjmOF+jbFcGMCKhJFcuMNTuJ/hVS6YUesi3RakgoMuD1M8yPgF4kId/onIVRdGnC14xwJ3ME8nv2GjCdzLXBU+4OaMwhRePXcxyRmsIM/Dlqkh4TlDyvljqxneEIyyC0dNeAcVwdACg3E/KL5ElUgNxjtE6Q8tPA77wjeqeAg4qa/WHjbrlTil9v7V5kk6Irv+FbQXZU8/9S9cVTNq4CO1vgAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%;
}
.ad-right .top .item .icon-4 {
  width: 23px;
  height: 24px;
  display: inline-block;
  margin-top: 12px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAyVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9m7n84AAAAQnRSTlMABAgMEBQXGBwfICMkJygrLDM0Ozw/QEdIS0xQU1RfYGRna2xvc3d7f4OLj5OXn6Onq6+zt7vDy8/T19/n6+/z9/vV+NRQAAABX0lEQVQYGa3BbUPSUACG4fsMdL4FKTAMKQUHThQKZUQwOZzn//8oHRs0oL55XXy280aj6vEf5U68UmoWnXLI9Jeyk8FD+DhO5EbH7DmfaX7nkQle9dZkx2Xieoa/WonrUnCR2Do7/LnabJmZq7PHX9gKG331OHDlYnLl5R9DuRcVPFThWQ0yHd3BvXa8gu9eyMTWg5PBqGBYB+KVx9pqwpb/ha1QdVIXGrBRSVybjWt1SQXqk6smkmuTqygiFSgkU7P6PZRrkzlTROqrHlmrWU1LPMn9YC1Qj5SnMama1bQEPEkhqY5uWJslfGhaTUukIiniw0g+a5ECKK809siEUgs8OyVz5l6AcGjY6Pz0INQtuZG+ceBouTDk/LfEZ4+ZqMXWtZv77DC/NKCgq8UlBUcTjQ1F3617PibnhUsNDLsqsVwcNqunjc7IatHiUDBeKTO9NfyTV7+Pot6Nz6d6B1MhNycpY88zAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100% 100%;
}
.ad-right .top .item .ad-popup {
  position: absolute;
  width: 390px;
  left: -390px;
  display: none;
  cursor: default;
}
.ad-right .top .item .ad-popup .ad-popup-content {
  width: 100%;
  border-radius: 4px;
  padding: 10px 0;
  background: url(../image/dialogBg.png) no-repeat;
  background-size: 100% 100%;
}
.ad-right .top .item .ad-popup .ad-popup-content1 {
  border-radius: 4px;
  padding: 10px 0;
  width: 415px;
  background-size: 100% 100%;
  margin-left: -25px;
  position: relative;
}
.ad-right .top .item .ad-popup .popup-row {
  padding: 1px 0;
}
.ad-right .top .item .ad-popup .popup-row .cont {
  display: flex;
  align-items: center;
  margin: 30px 0;
}
.ad-right .top .item .ad-popup .popup-row .cont:hover span,
.ad-right .top .item .ad-popup .popup-row .cont:hover p {
  color: #Ec1C1C !important;
}
.ad-right .top .item .ad-popup .popup-row .cont .icon-tel {
  width: 30px;
  height: 24px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAZCAMAAAAR624oAAABQVBMVEUAAADVAAD/AADbAAD/AADfAADjAADfEBDjDg7mGhrrFBTnGBjwFxfrFBTyGxvrGhryGhrsGRntGBjnGBjpHBzqGxvmGRntGhrqGRnrHBzsFxfpGhrpGRntGRnrGxvrGhrsGhrtGxvqGhrrGhrsHBzqGxvuHBzsGBjtGRnrGxvrGxvsGhrtGhrtHBzrGhrqGxvuGxvsGxvsGhrrGxvsHBzrGxvrGxvrGxvtGhrqGxvsGxvsGxvsHBzsHBzsHBzrGxvrGxvrGhrrHBzrGxvsHBzrHBzrHBzrGxvtGxvsGxvsHBzsGxvsHBzrGxvrGxvsGxvsHBzrGxvsGxvsGxvsGxvsGxvsGxvrHBzsGxvsGxvsGxvsHBzrGxvsGxvrGxvsGxvrGxvrGxvrHBzsHBzrHBzsHBzsHBzsGxvsGxvsGxvsHBw3TxX2AAAAanRSTlMABgYHBwgJEBIUGiAiJiYnJykqKy4wNDo8QEJFRkdMTU9UV1hcYGZpcHJzd39/gIOFhoiOk5eYmZuho6utrq+xtLe3v7/AwcPFx8nKy8/Q0tLY2d/g4ePn6Ort7/Ly8/P19vf3+Pn6+/3+WM51LgAAAT5JREFUGBl1wYdWE0EAhtFPdF2pihQJRRSlShSklwRYJ8YKwlAEFUgAE/73fwCyM0tOwiH3kmgbmcnsWFXYnczMSBs1Omet7rCznXgdWd0r20HF2JUSv3/l8/kve+dKXI3BR3n/ltpJ9G9cyPvAqZyz59ToO5dzirx5eLH1w9l6BvPykJem5VKJv49Jy0NemilVvSYtDznlSVZUtUjfWVkxpHJhbxzIqSoHPJo+/i+x+z4gNqQaPThvtkm8U51X1Fm4Vp3yBDXWpc9BMLgfBIGeBsG+dD3HrYefJBWtPSpZa3VobUkVm3hN27rX9yZia4rlw/DlQRiG6g7DAznLVDwpKfbHmJ9FY4y+GlOUU3oAdKmhViAlx0DKAmoFK68XGJBzEkXfClEUKRdFBXkpYFQNDQOjaugt0LxqGlgNuQGb29AQOTj1AwAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%;
  margin: 0 40px 0 50px;
}
.ad-right .top .item .ad-popup .popup-row .cont .icon-service {
  width: 30px;
  height: 30px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAgCAMAAAAynjhNAAABnlBMVEUAAAAAAAD/AAD/AACqAAC/AAD/AADMAADVAAD/AADbAAD/AADfAADqAADqFRXbEhLdERHuERHjDg7nGBj0FRXtGhrnGBjvGBjpFxfwFxfqFRXrGhrsGhrsGRntGBjuFxfuFhbvFhbvGxvqGhrrGRnpGxvtGhruGhruGRnqGRnuGRnrGBjrGBjrHBzvGBjsFxfsGxvqGRnuGBjuHBzuGxvrGhrsGRntGxvqGxvrGhrsGxvqGxvtGhrtGhrqGhrtGhrtGRntHBzsGhrsGhrtHBzrGxvtGxvrGxvrGhrtGhrrGhrsGhrsGxvtGhrtGhrtHBzrHBztHBzqGxvsGxvsGxvsGhrtGxvrGhrrGhrsGxvsGxvsGxvsHBzsHBzrGxvsGxvrGxvrGhrtHBzsHBzsGxvrGxvsGxvsGxvsHBzrGxvrHBzrGxvrGxvtGxvsGxvsHBzsGxvrGxvrGxvsHBzsHBzsGxvsGxvsGxvrGxvsGxvsGxvsGxvsGxvsHBzsGxvsGxvrGxvrGxvsHBzrHBzsHBzsHBzsGxvsGxvsGxvsHBxcuuI7AAAAiXRSTlMAAQECAwQEBQYGBwcIDAwODw8SFRgdICAiIiUnKCkqLS4vMDE0OTo7PD09P0BAQUNDSElKS01SVFVaX2BhYmNjZWVrbW9ycnN0dHV2eX5/f4GBhISFh42bnJ+gqq+ws7O1t7e4ur29vr/AwMPExMnJzc7R09TX2Nnb29/h4+Xo7fL09/j5+vz9/gYWZiIAAAFWSURBVBgZfcEJIxQBAIbhL9aRsCgkQhEpapVSNmcHlXMcydEh1ZZaRMoUiVX7/ut2JmZnrJ3nUVLp4BsTzBcDZ5Tq9AyOZ8U6IrRD/O2TlrKyqwNR+NUgjxuweUkHmkxiV+RSEeO1lHn3eSQy056lk0v8LlfSO75JbT+w/bym3HXmdKhoililOnDcVt0fxoOyFa7AF13ApUbrEM2TpROYDmzgspw5B3TI8h54WIrHOQOYleUrEL6Mx00DiMqyBIS78bhjALOy9ADhEB63DKBblsIVCJ/Fo9qA1TzZSsYjrdlbuGzmdC2OBeXSgkujjsoYwvFIqU707WLbu6djFQxGTPPj4yKlyA/JozlHLte/M39ejtpXrDXqUGCChPiH+7WSTtX3f/pLwlP9F5gmKY5jUrY+0uhVwkXS2a+S9Jm0FqQ6fFRpFB/DWsbHS23jwxR+TI34efAPqlMyhfaNhA0AAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
  margin: 0 40px 0 50px;
}
.ad-right .top .item .ad-popup .popup-row .cont .icon-QQ {
  width: 29px;
  height: 30px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAfCAMAAAAshTY2AAAAwFBMVEUAAAC/AADfAADqFRXfEBDmGhr0FhbqFRXsHBzwFhbqFRXsGhroFxfqGxvuGhrsGxvpGhrtGRnqGRnrGxvtGRnqGxvuGRnsGRnsGxvtGhrsGhrtHBztGxvsGxvtGhrtHBztGxvsGhrrGxvsHBzsGxvtHBzsGxvsGxvtGxvsGxvsHBzrGhrrHBzsGxvrGxvsGxvsHBzrGxvsHBzsHBzsGxvsGxvsGxvrHBzsHBzrGxvsHBzrGxvsGxvrHBzsGxvsHBwwaxpAAAAAP3RSTlMABAgMEBQXGBsjJCgsMDtDREdITFNUW1xfY2tvc3t/f4OHj5OXm5+jp6uvt7e7v7+/w8vT19/j5+fr7/Pz9/u64tD3AAAA3UlEQVQYGXXBiVqCQBgF0AtUGmHZ7paVIoZiK1JMxX3/t/IDRxT45xzsnTysEjJ9HZ+iwZr8cydso8oOeSA9R8WcFcrFgRvWfGDPSVl3gVKfDXOUlmxQKCk2daDZFFxD61EQQvMpcVGwfim5RcGh6Aw5a0JRD7kpZeoYwB1NngH7hybqCAOa9bGk2QLfNItBphkN1lAcRZR8LfiJ4AldSgbe3xC5FzatbbRQcN5Yl11h5zJgXRa0sdWlJPVQGFH0iEJHUcv8WUwtcbHVGkcJmcVTF4A3nEXvK//eAbABBlGgOqFUO0QAAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
  margin: 0 40px 0 50px;
}
.ad-right .top .item .ad-popup .popup-row .cont .icon-shiyong {
  width: 34px;
  height: 29px;
  background: url(../image/shiyong.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 40px 0 50px;
}
.ad-right .top .item .ad-popup .popup-row .icon-gzh {
  width: 126px;
  height: 126px;
  margin: 30px 25px 5px 40px;
  background: url(../image/wxgzh-red.jpg) no-repeat;
  background-size: 100% 100%;
}
.ad-right .top .item .ad-popup .popup-row .icon-xcx {
  width: 126px;
  height: 126px;
  margin: 15px 25px 5px 40px;
  background: url(../image/wxxcx.png) no-repeat;
  background-size: 100% 100%;
}
.ad-right .top .item .ad-popup .popup-row .icon-azqy {
  width: 126px;
  height: 126px;
  margin: 15px 25px 5px 40px;
  background: url(../image/icon-azqy.png) no-repeat;
  background-size: 100% 100%;
}
.ad-right .top .item .ad-popup .popup-row .attent {
  display: flex;
  align-items: center;
}
.ad-right .top .item .ad-popup .popup-row .attent span {
  font-size: 18px;
  color: #290202;
}
.ad-right .top .item .ad-popup .popup-row .attent p {
  width: 155px;
  line-height: 20px;
  font-size: 14px;
  color: rgba(41, 2, 2, 0.65);
  margin-top: 10px;
}
.ad-right .top .item .tel {
  top: -15px;
}
.ad-right .top .item .online {
  top: -174px;
}
.ad-right .top .item .online-about {
  top: -12px;
  background-color: #ffffff;
  border-radius: 6px;
}
.ad-right .top .item:hover {
  background: #EC1C1C;
}
.ad-right .top .item:hover p {
  color: white;
}
.ad-right .top .item:hover .ad-popup {
  display: block;
}
.new-app-footer {
  width: 100%;
  min-width: 1200px;
  color: #ffffff;
  overflow: hidden;
  background: url(../image/bgsm.png) no-repeat;
  background-size: cover;
}
.new-app-footer .contItem1 > p:nth-child(odd) {
  height: 18px;
  font-size: 12px;
  font-family: Source Han Sans SC;
  font-weight: 300;
  line-height: 22px;
  color: #FFFFFF;
}
.new-app-footer .contItem1 > p:nth-child(even) {
  height: 20px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  line-height: 22px;
  opacity: 1;
}
.new-app-footer .contItem1 > .pa a {
  display: inline-block;
  height: 20px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  line-height: 22px;
  opacity: 1;
}
.new-app-footer .contItem1 > .pa a:hover {
  line-height: 22px;
  color: #FFFFFF;
  opacity: 1;
}
.new-app-footer .contItem5 > a {
  display: inline-block;
}
.new-app-footer .contItem5 > p {
  margin-bottom: 45px;
}
.new-app-footer .contItem5 > p > a {
  height: 16px;
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  line-height: 22px;
  color: rgba(255, 255, 255, 0.45);
  opacity: 1;
}
.new-app-footer .contItem5 > p > a:hover {
  color: white;
}
.new-app-footer .top {
  text-align: center;
  padding-top: 20px;
}
.new-app-footer .top .logo {
  width: 212px;
  height: 36px;
  margin-bottom: 45px;
}
.new-app-footer .top .cont {
  width: 1200px;
  height: 75px;
  margin: 0 auto 20px;
  padding-top: 10px;
  display: flex;
  justify-content: space-between;
  border-bottom: 3px solid rgba(255, 255, 255, 0.05098039);
}
.new-app-footer .top .cont .contItem1,
.new-app-footer .top .cont .contItem2,
.new-app-footer .top .cont .contItem3,
.new-app-footer .top .cont .contItem4 {
  display: flex;
  cursor: pointer;
}
.new-app-footer .top .cont .contItem1 i,
.new-app-footer .top .cont .contItem2 i,
.new-app-footer .top .cont .contItem3 i,
.new-app-footer .top .cont .contItem4 i {
  width: 34px;
  height: 34px;
  margin-right: 20px;
}
.new-app-footer .top .cont .contItem1 span,
.new-app-footer .top .cont .contItem2 span,
.new-app-footer .top .cont .contItem3 span,
.new-app-footer .top .cont .contItem4 span {
  font-size: 22px;
  color: #ffffff;
}
.new-app-footer .top .cont .contItem1:hover span,
.new-app-footer .top .cont .contItem2:hover span,
.new-app-footer .top .cont .contItem3:hover span,
.new-app-footer .top .cont .contItem4:hover span {
  color: #EC1C1C;
}
.new-app-footer .top .cont .contItem1 i {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAABKVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+x42oeAAAAYnRSTlMABAgMDg8QExQXGBobHB8gJCcoLC8wMjM0Nzg7PEBDREVHSkxPUFRWV1hbXGBjZGdvcXN0e3+Hi4+Tl5ucnp+go6Slp6uvsrO3uru8v8HDx8nLz9fY29zf4+fr7e/w8/T3+HqO6xAAAAFrSURBVDjLrZLXVsJAFEV3iAViAbEhBrvYEVGMscQCKipiiYg1xvz/R/iQBAwJtuV+ujOz15ozdy6QvDQsPw+7bbgMmQcTKT9Ld9eCq5ztEUjkbc4t36eCFY5Vt7LGWyhHe79U2nub8CsvzU9e9SlStInQX7L8j+KNe2Uf7HiUhOd74s5J+NuLGvxQ6ai3NeLsir3dXuVT3FlAyN5almUURz4psXrUpAB9ur7cQyihmKoQnKXvRXHmLaoXA5WQrtRrqbYRpORuBYD8MIBsSo7yaEfNAlTTAKmS3ePznLe7YSBqiTCyejWoqYthyJb8F6VqgLEuIy6cbsN0tYWSvgnDTEVylk3KoAGgynDcD6xU/IpgJIHKZFnZnAc0BXhe8j56RwMKpXimlgbJkIF9vdOjxMyxxqJwChC5fz3UXDLAytOoa2w9SHbH107KLhddQNbIiwAD5Wq81QjJN2ZFK1ZNteOLOYtl8rm0aNcfcO1eJVHTBA8AAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
}
.new-app-footer .top .cont .contItem1:hover i {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAABaFBMVEUAAAC/AAD/AADfAAD/AADqFRXtEhLuERHfEBDkGxvmGhryGhrpFhb0FhbqFRXrFBT2HBztEhLvGRnnGBjqFRXrGhrsGhroFxfvGxvqGxvrGhrrGRnrGRnsHBzoFxfoGxvtGxvuGhrqGRnrHBzsGxvsGhrpGhrtGRnqHBzrGxvvGhrsGhrqGxvtGxvqGxvtGhrrGhrrHBzsGRnsHBzqGxvtGhrrGhrtGhrrGxvuGxvtHBzrGxvtGxvrGhrsGxvtHBzsGhrrHBztHBzrGxvsHBzsGxvrGhrtGhrrGhrsGxvtGxvsGxvsGxvsGxvsHBzsHBzrGxvtGxvsGxvsHBzsGxvsGxvrGhrrHBztHBzsGxvsGxvsGxvsGxvsHBztHBzrGxvtGxvsGxvsHBzsHBzrGxvtGxvsGxvsGxvrGxvsHBzrHBzsGxvsGxvsHBzrGxvsGxvsHBzsHBzrGxvsGxvrGxvrHBzrHBzsHBzQFg7FAAAAd3RSTlMABAQICAwODxATFBQXFxgaGxwfICQnKCwvMDIzNDc4ODg7PEBDREVHSkxPUFRUVldYW1xcYGNkZGdnb3FzdHt/h4uLj5OXm5ucnp6foKOkpaenq6+ys7e3t7q7vL+/wcPDx8nLz8/X2Nvb3N/j5+vt7/Dz8/T3+M7e45AAAAF9SURBVDjLrZLpd9JAFEdvxCiipMqmKLgEtWpxL9QiSqVxqXEriNpWBEQjCFUamubf74cQShZa9Xg/vZl3z5nfvBng4hfd9NJ/cQSbs8brqxkv9358PWQrayv4Et6+ZZc71/wVqopdmVemKG9f/qVyNOLCqwzcV170KFLUReBfsvwfxRm3ZTWerUwqKcfzJEad4wcetMcfKsHxWMOjXTFy0qlMxJ0DhMI30zT1SnpCiY2jXhAgrmnzpwikyoYi+GeJD8pWh6hW8VUCWnlcS73HfkrxuwBQOgcgG9JI2bSiFgA6WYDMB2vG60XndENA1BQh/aCVVJW7ISh89B6U6QHDRzLindpTuN6dotxsh+BGUxotXUpSB1BkqJ4Gcg2vIgzPA83Z+pOl24BaBn7fd176uQqsfkrke1mQdBl4pR1zKDHj8t7iXQ3gxM+tN6rNApD7dck2lvsSAIcfvq/bbMwAhWFJBDjzuZuY9oXkttFQKx1DCe7zz2L5UjErWvUu/HRyUWbd8jkAAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
}
.new-app-footer .top .cont .contItem2 i {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAAAxlBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////DTx3aAAAAQXRSTlMABAgMEBMUFxgcHyAnKywwMzc/QEhLT1NXWFtfYGdoa3N3f4OHi4+Tl5ufo6Snq6+3u7/Dx8vP09fb3+Pn7/P3+7ennvoAAAE6SURBVDjLtZRtU4JAFEYP4QtJWUnvbKmbSUFpYiYqmPv//1QfQlxQrGmm82ln58zdvXefWfg1rYUqsngwdOMseVGigK96mnEUC6G2Kj9Gm7UVSXYoYp4tzYnPfsV4Gxn7lYPB1GS/MlFd13Xd50+ItJYDTUm3kidoOhtsXXHKxvkfSqNVxISbnDIpvuHqGsyTHw/K+KtSb3udel6pNlKq3wFL5oNoeZVT4vU1PwBqiWdAd3moKxU75QCgvTAApp3yu8gQAN8vV9qJCRizbrliJQMTw1taunIrUy4AOFcOtrrPdTQMUwIAbOVgb8pvHXQsZV/13I7ypTzdrchRFr1Xf5dScYdBNm1v7NYAdZnPUSEVAniPrJwyc3TGAnBWcT/tuAWIMFfUFwDNYN3xHSCWoU4stpNiFr6QCl+4yESupBi5AQAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%;
}
.new-app-footer .top .cont .contItem2:hover i {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAAA3lBMVEUAAAC/AADfAADqFRXfEBDyGxvmGhr0FhbqFRXtGxvvGRnnGBjrGhrtGBjoFxfqGxvrGRnsFxfvGBjvHBzrGBjrHBzqGRnuGxvsGhrtHBztGhrrGhrrHBzsGxvqGxvsGxvuGxvrGxvsGhrrGxvsGhrsHBzuHBztGhrtHBzsGxvsGhrtHBzrGxvsHBzsGxvrHBzsGxvsGxvrGhrtGxvsGxvsHBzrGhrsGxvsHBzrGxvsGxvsHBztGxvsHBzsGxvrGxvsHBzsGxvsGxvrHBzsHBzrGxvsGxvrHBzsGxvsHBwET4Y8AAAASXRSTlMABAgMEBMUFxgcHyAnKywwMzc/P0BASEtPU1dYW19gYGdoa3N3d3d/f4OHi4+Tl5ufo6Snq6+3u7/Dx8vP09fb29/j5+/z8/f7IndlzwAAAT9JREFUOMu1lG1TgkAURg+iSVJWFr2zlfZCJgWlqZmUguX+/z/UhxAXFGua6Xza2Tlzd+/dZxZ+TW0ss4xvNdXYiR6lyODJpmJshGdCLlS+C+ZrI7hhiSJGyVIfeKxWtOeutloptIc6q5WBvLJt2374hEBp2VeUeCu6h6o1x1QVK2+c/6FUdrPocJJSBtk3nB6DvvXjQQl/Vcp1t1FOK6VKTOk7YNGoHUyOUko4u+YrwFrkanA9WVeVohlTAKiPNYBhI/8uTg8Az8tX6pEOaG+X+YoRtXU098NQlVMn5gCAfWlhyotUR51ejA+AKS3MefmFgzYdpyWbdkN6jrO9XHG6SfSevGVK0e74ybTdvr0GyMN0jjKpEMBLYKSUd0ulL4C9adiKO64Bopcq6gmAqj/r+BwQk55KKBaTome+kCJfmndMfB/MzNIAAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
}
.new-app-footer .top .cont .contItem3 i {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAjCAMAAADGxShVAAAA/1BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////7tdD8AAAAVHRSTlMABAgMEBQXGBscHyAjJCcoLC8wMzQ3ODs8P0BDREdIS0xPUFRXWFtcX2BjZGdoa29zd3t/g4eLjI+Tl5ufo6err7O3u7/Dx8vP09fb3+Pn6+/z9/ux31cKAAACMUlEQVQ4y33UbVPaQBDA8f+FILUJFai2gEKtjwStSgIWzfFowEDCJQrf/7P0RWAKou6bzN38Mrd3s7vwJr7VBZ+G/hCNpoefAHGtHtMcB33zA1CkPc4BaI04s/tlG5R8D2ktF6FRfm3pmyA/DP5uEl+q27XEM1LdiPIm8cgNgrPVLZpxU4ctAmV/XAKoKJkBDkZd3IEJIGovu4XY1oDLoA84LcDsKUugOZE0RS3oFyDbVTUB2gJwHGhHtpYc6sQzr5ictu9NDmBFFullEqZUT0FtdZNHZ42swOxWo+ytkLNF2vN28lxlFRTeJcXKQ3QngLw3OW9sEnE9B7AWndIg+LUr1Z+7OASwR2ZCBhMvB2D1mpF9PHlpXgTDagggGqq1AJzgNEnWkhi9oFZ8mhxhJISMOwf2NLTGtC6wJHASWgMBRgjfvUkFCgCchb2q55euJGCElgQMle2oq5PpUx6gMH4uA6dBXP9PUsNXJwXiRrmA4yapaHvte31Jzka1ZUHpq3cBQPZcdZMNLXkw8q3YWO5uEovcUIVWPLMg/IhAdXDqaLwlzeWiY60Vc5hPvqkFUFHuDmB2Z/trpKlsDURdSQD9XtmZVmRrP/1uUpj1sJnKdme1Q99b/Zbtzt2M2Q8v7ehhh99T76ijrkVxHJys9zIX874G6bZ69qvA0fw5xdsBcDz18kD2HNAaUTv9XtNfKfk1aZJZL/tB46ecqKVz6I9+fDI+Mm402kjyvdjbmlL/APpOYOpSgh0tAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100% 100%;
}
.new-app-footer .top .cont .contItem3:hover i {
  background: url(../image/blockHover.png) no-repeat;
  background-size: 100% 100%;
}
.new-app-footer .top .cont .contItem4 i {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAABJlBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////cBqmhAAAAYXRSTlMABAgLDA4QFBYYGxwfICMkJicoKywtLi8wNDc7PD4/QENER0hLTE1PU1RXW1xfYGRnb3BzdHd7f4CDhIeLj5OUl5ucn6Crr7CztLe5u72/w8vP09bX2tvd3+Pn6+/z9Pf7a17tOgAAAZdJREFUOMuNkntXgkAQxWc31IjIMnso5ttEe1oZlWmaaWWG2sMEqeD7f4kA38Byun8w9+z5He7uzABYhKM+cNdaTxsmXYn89yDT1kqICOCq1vQCEtTOCjFELZgmMZTjpJCQXi6iAExHFexhqGKEgC95VeMwoJLWpi3Ealc9N+rDKcXUU7pJWcOyihQxDXUP9K3pFsNQWWtNGtasCuXx6VyYHlKc4jHM7k58SpG5kZPGIXaxXTVgNkzRXBQy2eClQFRq8sOt8eT21ykeRTe9eYhvMFlIM7PMu/dRlW9iGivWDjW6Lxyr8Ft0QoABL4Vo8GHjgxyRqZJP3PzjHJCEciZzrgjVe8WRecaGUJ1y/HEpIoeJCP2hzyny7LmukJB035xk+E3yE5C01DMmgxstP+ku7YPll219GRodioRkhpy3tSfyqDbHWO6SUzjPlyjxUJ4x1hfllIrMBhYYW19iVRZgxGDyjMBgCpQcdEIwf2RoR2fkgdEhpi2KA0U09fMpiiVonsR0JVr6RtPm1jG1+oIKMDnIwn/1B+ZpY2WRKhDCAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100% 100%;
}
.new-app-footer .top .cont .contItem4:hover i {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAABWVBMVEUAAAC/AADfAADoFxfqFRXtEhLfEBDvEBDmGhrzFxfqFRXsHBztGxvvGRnnGBjwFhbqFRXrGxvrGhrsGhrtGBjoFxfuFxfpFhbvGxvqGxvrGRnsFxfuGhrqGRnvGRnvGBjvHBzrGBjrHBzsGxvpGhrsGhrpGRntGRnqGRnuGxvrGxvrGhrsGhrtHBztGxvtGhruHBzsHBzsGxvqGxvrGhruGxvtHBzrGRntGxvrGhrsGhrsHBzsGxvtGhrtHBzrGhrtGxvsGxvsGhrtHBzrGxvtGxvsGhrsHBzsHBzrGxvsGxvrGhrtGhrtHBzrGhrsGxvsGxvsGxvsHBzrGhrrGxvtGxvrGhrtGhrsHBzsGxvsGhrsGxvsHBzrGxvtGxvsHBzrGxvsGxvsGxvsGxvsGxvrHBzsHBzrGxvsGxvsGxvrHBzsHBzrGxvsHBzrGxvrGxvrHBzsGxvsHByEK6ykAAAAcnRSTlMABAgLDA4QEBQWGBscHyAjJCYnKCssLS4vMDQ3Ozw+Pz9AQENEREdHSEtMTU9TVFdbXF9gZGdvcHN0d3d7f3+Ag4SHi4+Pk5OUl5ebm5ucn6Crr7CztLe3ubu9v7/Dw8vP09bX2tvb3d/j5+fr7/P09/souqwaAAABoUlEQVQ4y42S51fCMBTFX2JFrLXuXVREZQi4ceJAEMUJKogWwU0LVdv//4NtsYxCerwf8u7J+Z3c5OUBmISn7WCtnoJSdlsSi19FX1aJICKAT5WUDVBYznURQ+SQbubKoosUMq6WrSkA5kkON4ehuBYCdvf+GYcBRZQsbSK68/KmVq/XKebKoxqPOcwvCQ7dUJdAH+muMQxFlYzRsFQiHP3brQtTQ7aruBOzY4b3SCJXccJfSLPYvDygN0xSLDSus0O7e0R5jAOH5yt1oY8KoOlB2yK4+hk/eJla5slLpYqHMwrLXywr9Mfeqgw/O60QYMBGIRrsWFtQS6Qq9y1X/7gWyJy0IXKWCFV4wI56pgmhcjHXTZtDnCAi9GsMwHHXfhAnId73mFYmnoVeAuIVCtrP4GS6l3SX7FLn/Yg6DMkcRUJ8Za4jPfkYQOd1jOkuQYlr/3wUAhCrMeYXBaXjEjvQwDT1xZlgASoMJv8RaEyIKg21QnBgRdOoypSKWoeYLM8XJV7X9xvPRyC1NqNqNqNONK1PHXNx1aAQGBt++K9+AWkTcuZFF22kAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100% 100%;
}
.new-app-footer .top .container {
  text-align: left;
  margin-top: 35px;
  display: flex;
  justify-content: space-between;
}
.new-app-footer .top .container .left {
  display: flex;
  margin-bottom: 30px;
  justify-content: space-between;
}
.new-app-footer .top .container .left .contItem {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.new-app-footer .top .container .left .contItem p {
  font-size: 16px;
  margin-bottom: 50px;
}
.new-app-footer .top .container .left .contItem a {
  font-size: 14px;
  margin-bottom: 15px;
}
.new-app-footer .top .container .left .contItem a:hover {
  color: #ffffff;
}
.new-app-footer .top .container .right {
  display: inline-block;
  position: relative;
  width: 400px;
  margin-top: 8px;
}
.new-app-footer .top .container .right .input-group {
  margin-top: 10px;
}
.new-app-footer .top .container .right .input-group input {
  width: 188px;
  height: 40px;
  background: rgba(255, 255, 255, 0.21);
  border: none;
  padding: 0 10px;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  font-family: Source Han Sans SC;
}
.new-app-footer .top .container .right textarea {
  width: 390px;
  height: 82px;
  padding: 10px;
  color: #fff;
  background: rgba(255, 255, 255, 0.21);
  border: none;
  border-radius: 3px;
  font-size: 14px;
  font-family: Source Han Sans SC;
}
.new-app-footer .top .container .right #customer-area-span {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.new-app-footer .top .container .right .submit {
  width: 390px;
  background: #ec1c1c;
  opacity: 1;
  border-radius: 3px;
  text-align: center;
  color: #ffffff;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}
.new-app-footer .top .container .right .submit:hover {
  background: rgba(236, 28, 28, 0.5);
}
.footerBottom {
  width: 100vw;
  position: fixed;
  bottom: 0;
  height: 30px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.65);
  display: flex;
  align-items: center;
  z-index: 999;
}
.footerBottom .container1 {
  width: 100%;
}
.footerBottom .container1 .left img {
  width: 73px;
  height: 45px;
}
.footerBottom .container1 .left i {
  width: 1px;
  height: 30px;
  margin-left: 53px;
  background: #ffffff;
  opacity: 0.45;
}
.footerBottom .container1 .center {
  height: 30px;
  font-size: 12px;
  background: #EC1C1C;
  color: rgba(255, 255, 255, 0.65);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.footerBottom .container1 .center div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footerBottom .container1 p {
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.64);
  display: flex;
}
.footerBottom .container1 p span {
  margin-left: 10px;
}
.footerBottom .container1 p a {
  margin-left: 20px;
}
.dialog {
  display: none;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.65);
  z-index: 5100;
}
.dialog .shadow {
  width: 100%;
  height: 100%;
}
.dialog .content {
  width: 1140px;
  height: 70%;
  position: absolute;
  top: 15%;
  left: 50%;
  margin-left: -570px;
  background: #ffffff;
}
.dialog .content .header {
  width: 100%;
  height: 40px;
  background: #f8f8f8;
  border-bottom: 1px solid #ccc;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dialog .content .header span {
  cursor: pointer;
}
.dialog .content .contItem {
  height: 92%;
  padding: 30px 60px;
  overflow-y: auto;
  color: #5b5b5b;
  font-size: 12px;
  line-height: 24px;
}
.dialog .content .contItem .title {
  font-size: 18px;
  margin: 10px 0;
  text-align: center;
}
.dialog .content .contItem strong {
  font-weight: bold;
}
.logo-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 6px;
  margin-left: 10px;
  background-color: #2f3747;
  border-radius: 6px;
  font-family: '\6977\4F53', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  text-align: center;
}
.herf-content {
  display: flex;
}
.herf-content .herf-item {
  display: flex;
  flex-direction: column;
}
.herf-content .herf-item:not(:first-child) {
  margin-left: 20px;
}
.herf-content .herf-item > a {
  margin: 7px;
}
.herf-content .herf-item > a:not(:first-child) {
  color: #c3c0c0;
}
.herf-content .herf-item > a:hover {
  opacity: 0.9;
}
.footer-title {
  font-size: 18px;
  font-weight: bolder;
}
.font-c3c0c0 {
  color: #c3c0c0 !important;
}
.beian_style {
  position: relative;
  top: 5px;
  margin-right: 3px;
  width: 20px;
  height: 20px;
}
.new_app_footer {
  width: 100%;
  padding-top: 100px;
  display: none;
  min-width: 1200px;
  position: relative;
}
.new_app_footer .new_app_footer_bg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.new_app_footer.show-new-footer {
  display: block;
}
.new_app_footer .info_boxs {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  z-index: 5;
}
.new_app_footer .info_boxs .info_box_left .info_box_logos img {
  height: 35px;
  margin-right: 30px;
}
.new_app_footer .info_boxs .info_box_left .info_box_left_info {
  margin-top: 40px;
}
.new_app_footer .info_boxs .info_box_left .info_box_left_info .title {
  font-size: 16px;
}
.new_app_footer .info_boxs .info_box_left .info_box_left_info .desc {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
}
.new_app_footer .info_boxs .info_box_right {
  margin-left: 225px;
  flex: 1;
  display: flex;
  justify-content: space-between;
}
.new_app_footer .info_boxs .info_box_right .info_box_right_col .title {
  margin-bottom: 25px;
}
.new_app_footer .info_boxs .info_box_right .info_box_right_col .detail {
  margin-bottom: 20px;
  font-size: 14px;
  color: #666666;
}
.new_app_footer .info_boxs .info_box_right .info_box_right_col .detail a:hover {
  opacity: 0.9;
}
.new_app_footer .friend_link {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  padding: 25px 0;
  font-size: 14px;
  color: #666666;
  position: relative;
  z-index: 5;
}
.new_app_footer .friend_link span {
  margin: 0 5px;
}
.record_box {
  position: relative;
  z-index: 5;
  font-size: 14px;
  color: #666666;
  padding: 10px 0 45px 0;
}
.record_box div {
  text-align: center;
}
.banner {
  width: 100%;
  min-width: 1200px;
  position: relative;
}
.banner .box {
  width: 300%;
}
.banner .box .banner-img-default {
  display: none;
}
.banner .box > div {
  position: absolute;
  left: 0;
  float: left;
  width: 100%;
  overflow: hidden;
}
.banner .box > div .banner-label {
  width: 30px;
  height: 30px;
  background-color: #000;
  border: 1px solid;
  border-radius: 50%;
}
.banner .box > div img {
  width: 100%;
}
.banner #banner-label,
.banner #banner-bottom-label {
  position: absolute;
  list-style: none;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  cursor: pointer;
}
.banner #banner-label li,
.banner #banner-bottom-label li {
  float: left;
  width: 30px;
  height: 10px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 7px;
  margin: 0 5px;
  transition: all ease-in 0.5s;
}
.banner #banner-label li.active,
.banner #banner-bottom-label li.active {
  width: 80px;
  height: 10px;
  background: #ffffff;
  border-radius: 7px;
}
.banner #banner-label.special li,
.banner #banner-bottom-label.special li {
  background: rgba(26, 26, 26, 0.5);
}
.banner #banner-label.special li.active,
.banner #banner-bottom-label.special li.active {
  background: #1a1a1a;
}
.photo-wall {
  position: relative;
  width: 100%;
  min-width: 1200px;
}
.photo-wall img {
  width: 100%;
}
.app-crumbs {
  width: 1200px;
  height: 52px;
  padding-top: 19px;
  border-bottom: 1px solid #E5E5E5;
}
.app-crumbs p {
  color: #989898;
}
.app-crumbs p .link-app-home {
  width: 23px;
  height: 12px;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
}
.app-crumbs p a {
  width: 23px;
  height: 12px;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
}
.app-crumbs p span {
  width: 60px;
  height: 12px;
  font-size: 12px;
  font-weight: 400;
  color: #676767;
}
.app-tab {
  min-height: 80px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  border-bottom: 2px solid #F2F2F2;
}
.app-tab ul {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding-right: 70px;
  overflow: hidden;
  margin: 11px 0;
}
.app-tab ul .li-active {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAAAiBAMAAABM7/HfAAAAJ1BMVEUAAAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AQH/AAD/AAD/AQH/AABgFA07AAAADHRSTlMA7fLv1/n13vzm6M1+D2/hAAAAyElEQVQ4y2NwFhRiUBSEAKGYM0BwNEwZyBY2NlICAmVjI7W00NCwJMkSFxcX10agDEi9CYMBAxODAAMpgJFBgYEZqIeToYAkfewMExgYydZnwMBFsr4FQHemLpSwcCBJH0tzo1QY2J8kAmg4spKsLwCIM7d4k6xvi/c0oJ3kAMZRfTj0NZClj4PhAFn6eMjVR647h0w8DBV9ZOZbcssJcsslcstB8spd+tcPZNdjiHoTVGmGQZgIAK49jZXSQsO0SoD1piGs3gQA7CIuJt4eFXcAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-size: cover;
  color: #EC1C1C;
}
.app-tab ul li {
  float: left;
  color: #290202;
  width: 94px;
  margin-right: 5px;
  cursor: pointer;
  height: 29px;
  line-height: 29px;
  text-align: center;
  margin-bottom: 3px;
  font-size: var(--ebq-s-m);
}
.app-tab ul li a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: var(--ebq-s-m);
}
.app-tab ul li:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAAAiBAMAAABM7/HfAAAAJ1BMVEUAAAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AQH/AAD/AAD/AQH/AABgFA07AAAADHRSTlMA7fLv1/n13vzm6M1+D2/hAAAAyElEQVQ4y2NwFhRiUBSEAKGYM0BwNEwZyBY2NlICAmVjI7W00NCwJMkSFxcX10agDEi9CYMBAxODAAMpgJFBgYEZqIeToYAkfewMExgYydZnwMBFsr4FQHemLpSwcCBJH0tzo1QY2J8kAmg4spKsLwCIM7d4k6xvi/c0oJ3kAMZRfTj0NZClj4PhAFn6eMjVR647h0w8DBV9ZOZbcssJcsslcstB8spd+tcPZNdjiHoTVGmGQZgIAK49jZXSQsO0SoD1piGs3gQA7CIuJt4eFXcAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-size: cover;
  color: #EC1C1C;
}
.app-tab ul li.active {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAAAiBAMAAABM7/HfAAAAJ1BMVEUAAAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AQH/AAD/AAD/AQH/AABgFA07AAAADHRSTlMA7fLv1/n13vzm6M1+D2/hAAAAyElEQVQ4y2NwFhRiUBSEAKGYM0BwNEwZyBY2NlICAmVjI7W00NCwJMkSFxcX10agDEi9CYMBAxODAAMpgJFBgYEZqIeToYAkfewMExgYydZnwMBFsr4FQHemLpSwcCBJH0tzo1QY2J8kAmg4spKsLwCIM7d4k6xvi/c0oJ3kAMZRfTj0NZClj4PhAFn6eMjVR647h0w8DBV9ZOZbcssJcsslcstB8spd+tcPZNdjiHoTVGmGQZgIAK49jZXSQsO0SoD1piGs3gQA7CIuJt4eFXcAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-size: cover;
  color: #EC1C1C;
}
.app-tab ul .li-dis-none {
  display: none;
  color: pink;
  border: 3px dashed skyblue;
}
.app-tab ul li.show {
  display: none;
  color: pink;
  border: 3px dashed skyblue;
}
.app-tab ul .tab-hidebox {
  display: none;
}
.app-tab ul .more {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
  font-weight: 400;
  color: #290202;
  cursor: pointer;
  height: 27px;
  line-height: 27px;
  text-align: center;
}
.app-tab ul .more .h {
  display: none;
}
.app-tab ul .more .arraw {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAo0lEQVQ4T+2SPQ4BURSFv/NMqbAAEo3BHnRaS9BYgsQ2JJYgUamUtvKoptQpKeQ+mUIyGY9XTCdud/++3Jx7RMNQw31+FZDD1EG3ro/B/Qz7aj2qwVi6InXeBA7hcQuhV8Dl1YsCcpi0pCNSuwoJZgsP2+QF5cAAZpl0QMrKPJitPKzrV3194xDmzrmdweZktox5JumDEfQ9FJ8MlwSknPoHwBND1CERaGs35QAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%;
  margin-left: 5px;
  vertical-align: text-top;
  transition: all 0.2s ease;
}
.app-tab ul .more .m-active {
  color: #EC1C1C;
}
.app-tab ul .more .m-active .arraw {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAApklEQVQ4T2NkoBAwUqifYbga8EZa2pmBgUEGPXwY////Ifzs2Upkcaxh8EZG5j0DA4MARgD////n369fsmKvX7+AyWE14JWUlA0TI+N2BkZGHhRD/v9PFHn6dAFBF4AUvJaW9mFkYFjPwMjIAuIz/v9fIvz0aS+Gt/ClgzeSkjEMzMyLGf//nyD89GkhNrUE08FzCQkFyRcvHuCyiKABhFLqqAEMDABzJysR3ELr8AAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%;
}
.app-tab ul .more:hover {
  color: #EC1C1C;
}
.app-tab ul .more:hover .arraw {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAApklEQVQ4T2NkoBAwUqifYbga8EZa2pmBgUEGPXwY////Ifzs2Upkcaxh8EZG5j0DA4MARgD////n369fsmKvX7+AyWE14JWUlA0TI+N2BkZGHhRD/v9PFHn6dAFBF4AUvJaW9mFkYFjPwMjIAuIz/v9fIvz0aS+Gt/ClgzeSkjEMzMyLGf//nyD89GkhNrUE08FzCQkFyRcvHuCyiKABhFLqqAEMDABzJysR3ELr8AAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%;
}
.app-tab ul .more.active {
  color: #EC1C1C;
}
.app-tab ul .more.active .m {
  display: none !important;
}
.app-tab ul .more.active .h {
  display: block !important;
}
.app-tab ul .more.active .arraw {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAApklEQVQ4T2NkoBAwUqifYbga8EZa2pmBgUEGPXwY////Ifzs2Upkcaxh8EZG5j0DA4MARgD////n369fsmKvX7+AyWE14JWUlA0TI+N2BkZGHhRD/v9PFHn6dAFBF4AUvJaW9mFkYFjPwMjIAuIz/v9fIvz0aS+Gt/ClgzeSkjEMzMyLGf//nyD89GkhNrUE08FzCQkFyRcvHuCyiKABhFLqqAEMDABzJysR3ELr8AAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%;
}
.app-tab ul .more.active .arraw {
  transform: rotate(180deg);
}
.app-page {
  margin: 0 auto;
  font-size: 14px;
  font-weight: 400;
  color: #989898;
}
.app-dialog {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2001;
  width: 100%;
  height: 100%;
}
.app-dialog .bg {
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: #000;
}
.app-dialog .window {
  position: absolute;
  top: 123%;
  left: 50%;
  z-index: 3000;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  padding-bottom: 6px;
  background-color: #F0F0F0;
}
.app-dialog .window .header {
  width: 100%;
  height: 17px;
  line-height: 17px;
  background-color: #fff;
  text-align: right;
  padding-right: 10px;
}
.app-dialog .window .header span {
  cursor: pointer;
  font-size: 12px;
}
#app-home {
  min-width: 1200px;
}
#app-home .banner {
  overflow: hidden;
}
#app-home .banner img {
  cursor: pointer;
  display: block;
}
#app-home .banner-img-default {
  position: relative;
}
#app-home .banner-img-default .banner_text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 999;
}
#app-home .banner-img-default .banner_text img {
  width: 100%;
}
#app-home .banner-img-default .banner_text .banner_tria {
  padding: 10px 50px;
  color: #fff;
  border-radius: 3px;
  background: #ec1c1c;
  cursor: pointer;
  text-align: center;
}
#app-home .banner-img-default .banner_text .banner_tria:hover {
  background: #ec3c3c;
}
#app-home .new_container {
  zoom: 0.85;
  width: 1400px !important;
  margin: 0 auto;
  min-width: 1200px !important;
}
#app-home .user-data {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100px;
  background: rgba(0, 0, 0, 0.36);
  display: flex;
  align-items: center;
  color: #fff;
}
#app-home .user-data .font-w-b {
  font-weight: bolder;
}
#app-home .user-data .user-container {
  width: 68%;
  display: flex;
  justify-content: space-around;
  align-content: center;
}
#app-home .user-data .user-container .user-data-item {
  display: flex;
  justify-content: center;
  align-items: center;
}
#app-home .user-data .user-container .user-data-item > img {
  margin-right: 10px;
}
#app-home .user-data .user-data-contact {
  width: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#app-home .user-data .user-data-contact > img {
  margin-right: 10px;
}
#app-home .user-data .divider {
  height: 55px;
  border: 1px solid #fff;
  margin: 0 12px;
}
#app-home .new-part {
  width: 100%;
  background: #fff;
}
#app-home .new-part:after {
  clear: both;
}
#app-home .new-part .part_title {
  text-align: center;
  font-size: 36px;
  font-weight: 500;
}
#app-home .product-navBox .product_nav {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 15px;
}
#app-home .product-navBox .product_nav .product_nav_item {
  width: 180px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 15px;
  cursor: pointer;
  border-bottom: 3px solid rgba(0, 0, 0, 0);
}
#app-home .product-navBox .product_nav .product_nav_item:hover img {
  transform: scale(1.2);
}
#app-home .product-navBox .product_nav .product_nav_item.active {
  border-bottom: 3px solid #ec1c1c;
}
#app-home .product-navBox .product_nav .product_nav_item.active img {
  transform: scale(1.2);
}
#app-home .product-navBox .product_nav .product_nav_item img {
  width: 75px;
  height: 75px;
  transition: all 0.3s;
}
#app-home .product_content_box {
  background: #F4F7F7;
  box-shadow: 0px 8px 16px 0px rgba(213, 213, 213, 0.26) inset;
  cursor: default;
  overflow: hidden;
}
#app-home .product_content_box .product_content {
  height: 665px;
  position: relative;
}
#app-home .product_content_box .product_content .product_content_item {
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.5s;
  padding: 60px 0;
  transform: translateX(-2200px);
  opacity: 0;
}
#app-home .product_content_box .product_content .product_content_item.active {
  opacity: 1;
  transform: translateX(0);
}
#app-home .product_content_box .product_content .product_content_item .product_content_item_title {
  font-size: 30px;
}
#app-home .product_content_box .product_content .product_content_item .product_content_item_description {
  margin-top: 15px;
  max-width: 1000px;
  height: 80px;
  line-height: 20px;
  color: #333333;
  font-size: 14px;
}
#app-home .product_content_box .product_content .product_content_item .product_content_item_tabs {
  margin-top: 30px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  z-index: 1;
}
#app-home .product_content_box .product_content .product_content_item .product_content_item_tabs .product_content_item_tab {
  width: 250px;
  height: 60px;
  box-sizing: border-box;
  padding: 0 20px;
  border: 2px solid #fff;
  border-radius: 4px;
  background: linear-gradient(0deg, #FFFFFF, #F4F7F7);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  box-shadow: 0 8px 16px 0 rgba(213, 213, 213, 0.26);
}
#app-home .product_content_box .product_content .product_content_item .product_content_item_tabs .product_content_item_tab:not(:first-child) {
  margin-left: 8px;
}
#app-home .product_content_box .product_content .product_content_item .product_content_item_tabs .product_content_item_tab img {
  margin-right: 10px;
}
#app-home .product_content_box .product_content .product_content_item .product_content_item_tabs .product_content_item_tab span {
  text-align: center;
}
#app-home .product_content_box .product_content .product_content_item .product_content_item_boxs {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  z-index: 1;
  position: relative;
}
#app-home .product_content_box .product_content .product_content_item .product_content_item_boxs .product_content_item_box {
  margin-top: 20px;
  width: 508px;
  border: 2px solid #fff;
  border-radius: 4px;
  background: url(../image/product-b.png) #fff no-repeat 100% 0;
  padding: 30px 0 0 30px;
  box-shadow: 0 8px 16px 0 rgba(213, 213, 213, 0.26);
}
#app-home .product_content_box .product_content .product_content_item .product_content_item_boxs .product_content_item_box:not(:first-child) {
  margin-left: 10px;
}
#app-home .product_content_box .product_content .product_content_item .product_content_item_boxs .product_content_item_box .product_box_title_box {
  display: flex;
  justify-content: flex-start;
}
#app-home .product_content_box .product_content .product_content_item .product_content_item_boxs .product_content_item_box .product_box_title_box img {
  width: 50px;
  height: 50px;
  margin-right: 15px;
}
#app-home .product_content_box .product_content .product_content_item .product_content_item_boxs .product_content_item_box .product_box_title_box .product_box_title_box_right {
  padding-top: 7px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
#app-home .product_content_box .product_content .product_content_item .product_content_item_boxs .product_content_item_box .product_box_title_box .product_box_title_box_right .product_box_title_box_right_title {
  font-size: 18px;
}
#app-home .product_content_box .product_content .product_content_item .product_content_item_boxs .product_content_item_box .product_box_title_box .product_box_title_box_right .product_box_title_box_right_description {
  margin-top: 8px;
  font-size: 14px;
  color: #333333;
}
#app-home .product_content_box .product_content .product_content_item .product_content_item_boxs .product_content_item_box .product_box_title_box_tabs {
  margin-top: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#app-home .product_content_box .product_content .product_content_item .product_content_item_boxs .product_content_item_box .product_box_title_box_tabs .product_box_title_box_tab {
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 12px;
  box-sizing: border-box;
  background: #f4f7f7;
}
#app-home .product_content_box .product_content .product_content_item .product_content_item_boxs .product_content_item_box .product_box_title_box_tabs .product_box_title_box_tab.w150 {
  width: 150px;
}
#app-home .product_content_box .product_content .product_content_item .product_content_item_boxs .product_content_item_box .product_box_title_box_tabs .product_box_title_box_tab.w100 {
  width: 100px;
}
#app-home .product_content_box .product_content .product_content_item .product_content_item_boxs .product_content_item_box .product_box_title_box_tabs .product_box_title_box_tab:not(:first-child) {
  margin-left: 5px;
}
#app-home .product_content_box .product_content .product_content_item .product_content_item_boxs .product_content_item_box .product_buttons {
  display: flex;
  justify-content: flex-start;
}
#app-home .product_content_box .product_content .product_content_item .product_content_item_boxs .product_content_item_box .product_buttons .product_button {
  margin: 30px 0 20px 0;
  background: #ec1c1c;
  width: 130px;
  padding: 10px 0;
  text-align: center;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  border-radius: 2px;
}
#app-home .product_content_box .product_content .product_content_item .product_content_item_boxs .product_content_item_box .product_buttons .product_button:hover {
  background: #ec3c3c;
}
#app-home .product_content_box .product_content .product_content_item .product_content_item_boxs .product_content_item_box .product_buttons .product_button.base {
  background: #fff;
  color: #000;
  box-shadow: 4px 4px 12px 0px rgba(220, 220, 220, 0.66);
}
#app-home .product_content_box .product_content .product_content_item .product_content_item_boxs .product_content_item_box .product_buttons .product_button.base:hover {
  background: #ec3c3c;
  color: #fff;
}
#app-home .product_content_box .product_content .product_content_item .product_content_item_boxs .product_content_item_box .product_buttons .product_button:not(:first-child) {
  margin-left: 10px;
}
#app-home .product_content_box .product_content .product_content_item .product_content_paged {
  margin-top: 30px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#app-home .product_content_box .product_content .product_content_item .product_content_paged .product_content_page {
  margin: 0 50px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.56);
}
#app-home .product_content_box .product_content .product_content_item .product_content_paged .product_content_page .product_content_page_current {
  color: #000;
  font-size: 36px;
}
#app-home .product_content_box .product_content .product_content_item .product_content_paged .product_content_paged_left,
#app-home .product_content_box .product_content .product_content_item .product_content_paged .product_content_paged_right {
  cursor: pointer;
  transition: 0.5s;
}
#app-home .product_content_box .product_content .product_content_item .product_content_paged .product_content_paged_left :hover,
#app-home .product_content_box .product_content .product_content_item .product_content_paged .product_content_paged_right :hover {
  transform: scale(1.2);
}
#app-home .product_content_box .product_content .product_content_item .product_content_bg {
  z-index: 0;
  position: absolute;
  right: -400px;
  bottom: 100px;
}
#app-home .sign_server .sign_server_box {
  margin-top: 30px;
  display: flex;
  height: 700px;
}
#app-home .sign_server .sign_server_box .sign_server_nav {
  width: 200px;
  background: rgba(0, 0, 0, 0.06);
  padding: 65px 0 0 30px;
}
#app-home .sign_server .sign_server_box .sign_server_nav ul .sign_server_nav_item {
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}
#app-home .sign_server .sign_server_box .sign_server_nav ul .sign_server_nav_item img {
  width: 20px;
  height: 20px;
  margin-right: 15px;
}
#app-home .sign_server .sign_server_box .sign_server_nav ul .sign_server_nav_item.active {
  color: #fff;
  background: #EC1C1C;
}
#app-home .sign_server .sign_server_box .sign_server_nav ul .sign_server_nav_item:not(:first-child) {
  margin-top: 25px;
}
#app-home .sign_server .sign_server_box .sign_server_content {
  flex: 1;
  box-shadow: 6px 0 20px 0 rgba(220, 227, 238, 0.26);
  border-radius: 0 3px 3px 0;
}
#app-home .sign_server .sign_server_box .sign_server_content ul {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
#app-home .sign_server .sign_server_box .sign_server_content .sign_server_content_item {
  padding: 0 0 0 62px;
  display: none;
}
#app-home .sign_server .sign_server_box .sign_server_content .sign_server_content_item.active {
  display: block;
}
#app-home .sign_server .sign_server_box .sign_server_content .sign_server_content_item .sign_server_content_item_title {
  font-size: 30px;
}
#app-home .sign_server .sign_server_box .sign_server_content .sign_server_content_item .sign_server_content_item_description {
  width: 400px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.36);
  font-size: 14px;
  margin-top: 20px;
}
#app-home .sign_server .sign_server_box .sign_server_content .sign_server_content_item .sign_server_content_item_description span {
  color: #EC1C1C;
}
#app-home .sign_server .sign_server_box .sign_server_content .sign_server_content_item .sign_server_content_item_tabs {
  width: 400px;
  margin-top: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
#app-home .sign_server .sign_server_box .sign_server_content .sign_server_content_item .sign_server_content_item_tabs.w550 {
  width: 550px;
}
#app-home .sign_server .sign_server_box .sign_server_content .sign_server_content_item .sign_server_content_item_tabs .sign_server_content_item_tab {
  margin-top: 25px;
  width: 47%;
  font-size: 14px;
  display: flex;
  align-items: center;
}
#app-home .sign_server .sign_server_box .sign_server_content .sign_server_content_item .sign_server_content_item_tabs .sign_server_content_item_tab.row {
  width: 100%;
}
#app-home .sign_server .sign_server_box .sign_server_content .sign_server_content_item .sign_server_content_item_tabs .sign_server_content_item_tab:last-child {
  margin-right: auto;
}
#app-home .sign_server .sign_server_box .sign_server_content .sign_server_content_item .sign_server_content_item_tabs .sign_server_content_item_tab .dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #EC1C1C;
  margin-right: 10px;
}
#app-home .sign_server .sign_server_box .sign_server_content .sign_server_content_item .sign_server_content_item_tabs .sign_server_content_item_tab img {
  margin-right: 10px;
}
#app-home .sign_server .sign_server_box .sign_server_content .sign_server_content_item .sign_server_bg {
  position: absolute;
  right: 140px;
  top: 50%;
  transform: translateY(-50%);
}
#app-home .secure .secure_content {
  margin-top: 80px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
#app-home .secure .secure_content .secure_content_item {
  width: calc((100% - 50px) / 6);
  height: 420px;
  box-sizing: border-box;
  border: 2px solid #fff;
  border-radius: 3px;
  background: url(../image/secure-bg.png) #fff no-repeat;
  background-size: 100% 100%;
  box-shadow: 0 8px 16px 0 rgba(213, 213, 213, 0.26);
  transition: all 0.5s;
  cursor: pointer;
  z-index: 5;
}
#app-home .secure .secure_content .secure_content_item.active {
  width: calc((100% - 50px) / 3 + 10px);
  z-index: 4;
}
#app-home .secure .secure_content .secure_content_item.active .secure_content_item_content {
  transform: translate(-110px, -95px);
  color: #fff;
}
#app-home .secure .secure_content .secure_content_item.active .secure_content_item_content .secure_content_item_icon {
  transform: scale(1.2);
}
#app-home .secure .secure_content .secure_content_item.active .secure_content_item_content .secure_content_item_des {
  color: #fff;
}
#app-home .secure .secure_content .secure_content_item:nth-child(1).active {
  background: url(../image/secure-abg1.png) #fff no-repeat;
  background-size: 100% 100%;
}
#app-home .secure .secure_content .secure_content_item:nth-child(2).active {
  background: url(../image/secure-abg2.png) #fff no-repeat;
  background-size: 100% 100%;
}
#app-home .secure .secure_content .secure_content_item:nth-child(3).active {
  background: url(../image/secure-abg3.png) #fff no-repeat;
  background-size: 100% 100%;
}
#app-home .secure .secure_content .secure_content_item:nth-child(4).active {
  background: url(../image/secure-abg3.png) #fff no-repeat;
  background-size: 100% 100%;
}
#app-home .secure .secure_content .secure_content_item:nth-child(5).active {
  background: url(../image/secure-abg4.png) #fff no-repeat;
  background-size: 100% 100%;
}
#app-home .secure .secure_content .secure_content_item:not(:first-child) {
  margin-left: 10px;
}
#app-home .secure .secure_content .secure_content_item .secure_content_item_content {
  padding-top: 45px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  transition: all 0.5s;
}
#app-home .secure .secure_content .secure_content_item .secure_content_item_content .secure_content_item_icon {
  width: 70px;
  height: 80px;
  transition: all 0.5s;
}
#app-home .secure .secure_content .secure_content_item .secure_content_item_content .secure_content_item_title {
  margin-top: 50px;
  font-size: 22px;
}
#app-home .secure .secure_content .secure_content_item .secure_content_item_content .secure_content_item_sec {
  margin-top: 10px;
  font-size: 14px;
}
#app-home .secure .secure_content .secure_content_item .secure_content_item_content .secure_content_item_des {
  transition: all 0.5s;
  font-size: 12px;
  color: #333333;
  white-space: nowrap;
}
#app-home .secure .secure_content .secure_content_item .secure_content_item_content .secure_content_item_des:not(:first-child) {
  margin-top: 20px;
}
#app-home .solution {
  overflow: hidden;
  margin-top: 60px;
  padding-top: 50px;
  background: #EEEEEE;
  position: relative;
  height: 730px;
}
#app-home .solution .part_title {
  color: #fff;
}
#app-home .solution .solution_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 45px;
}
#app-home .solution .solution_box input {
  display: none;
}
#app-home .solution .solution_box label {
  width: 75px;
  height: 50px;
  color: #fff;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 3px solid transparent;
  cursor: pointer;
  z-index: 10;
}
#app-home .solution .solution_box #tab_list1:checked ~ label[for='tab_list1'] {
  border-bottom: #ec1c1c 3px solid;
  background: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 0.3) 100%);
}
#app-home .solution .solution_box #tab_list2:checked ~ label[for='tab_list2'] {
  border-bottom: #ec1c1c 3px solid;
  background: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 0.3) 100%);
}
#app-home .solution .solution_box #tab_list3:checked ~ label[for='tab_list3'] {
  border-bottom: #ec1c1c 3px solid;
  background: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 0.3) 100%);
}
#app-home .solution .solution_box #tab_list4:checked ~ label[for='tab_list4'] {
  border-bottom: #ec1c1c 3px solid;
  background: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 0.3) 100%);
}
#app-home .solution .solution_box #tab_list5:checked ~ label[for='tab_list5'] {
  border-bottom: #ec1c1c 3px solid;
  background: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 0.3) 100%);
}
#app-home .solution .solution_box #tab_list6:checked ~ label[for='tab_list6'] {
  border-bottom: #ec1c1c 3px solid;
  background: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 0.3) 100%);
}
#app-home .solution .solution_box #tab_list7:checked ~ label[for='tab_list7'] {
  border-bottom: #ec1c1c 3px solid;
  background: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 0.3) 100%);
}
#app-home .solution .solution_box #tab_list8:checked ~ label[for='tab_list8'] {
  border-bottom: #ec1c1c 3px solid;
  background: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 0.3) 100%);
}
#app-home .solution .solution_box #tab_list9:checked ~ label[for='tab_list9'] {
  border-bottom: #ec1c1c 3px solid;
  background: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 0.3) 100%);
}
#app-home .solution .solution_box #tab_list1:checked ~ .solution_box_content ul {
  margin-left: calc(-1 * var(--full-view-width) * (1 - 1));
}
#app-home .solution .solution_box #tab_list2:checked ~ .solution_box_content ul {
  margin-left: calc(-1 * var(--full-view-width) * (2 - 1));
}
#app-home .solution .solution_box #tab_list3:checked ~ .solution_box_content ul {
  margin-left: calc(-1 * var(--full-view-width) * (3 - 1));
}
#app-home .solution .solution_box #tab_list4:checked ~ .solution_box_content ul {
  margin-left: calc(-1 * var(--full-view-width) * (4 - 1));
}
#app-home .solution .solution_box #tab_list5:checked ~ .solution_box_content ul {
  margin-left: calc(-1 * var(--full-view-width) * (5 - 1));
}
#app-home .solution .solution_box #tab_list6:checked ~ .solution_box_content ul {
  margin-left: calc(-1 * var(--full-view-width) * (6 - 1));
}
#app-home .solution .solution_box #tab_list7:checked ~ .solution_box_content ul {
  margin-left: calc(-1 * var(--full-view-width) * (7 - 1));
}
#app-home .solution .solution_box #tab_list8:checked ~ .solution_box_content ul {
  margin-left: calc(-1 * var(--full-view-width) * (8 - 1));
}
#app-home .solution .solution_box #tab_list9:checked ~ .solution_box_content ul {
  margin-left: calc(-1 * var(--full-view-width) * (9 - 1));
}
#app-home .solution .solution_box .solution_box_content {
  margin-top: 120px;
  width: 100%;
  z-index: 1;
}
#app-home .solution .solution_box .solution_box_content ul {
  position: absolute;
  top: 0;
  left: 0;
  clear: both;
  width: calc(var(--full-view-width) * 9);
  height: 210px;
  transition: all 0.5s;
}
#app-home .solution .solution_box .solution_box_content ul li {
  float: left;
  list-style-type: none;
  width: var(--full-view-width);
  min-height: 860px;
  position: relative;
}
#app-home .solution .solution_box .solution_box_content ul li .bg_img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  z-index: -1;
}
#app-home .solution .solution_box .solution_box_content ul li .solution_box_content_item {
  color: #fff;
  width: 1400px;
  margin: 300px auto 0;
}
#app-home .solution .solution_box .solution_box_content ul li .solution_box_content_item .solution_box_content_item_title {
  font-size: 30px;
}
#app-home .solution .solution_box .solution_box_content ul li .solution_box_content_item .solution_box_content_item_desc {
  margin-top: 20px;
  font-size: 14px;
  line-height: 20px;
}
#app-home .solution .solution_box .solution_box_content ul li .solution_box_content_item .solution_box_content_item_company {
  margin-top: 35px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
#app-home .solution .solution_box .solution_box_content ul li .solution_box_content_item .solution_box_content_item_company .solution_box_content_item_btn {
  margin-top: 65px;
  margin-right: auto;
  display: inline-block;
  background: #fff;
  color: #000;
  cursor: pointer;
  box-shadow: 4px 4px 12px 0px rgba(32, 42, 50, 0.66);
  border-radius: 2px;
  padding: 10px 40px;
}
#app-home .solution .solution_box .solution_box_content ul li .solution_box_content_item .solution_box_content_item_company .solution_box_content_item_btn:hover {
  background: #ec3c3c;
  color: #fff;
}
#app-home .solution .solution_box .solution_box_content ul li .solution_box_content_item .solution_box_content_item_company .solution_box_content_item_company_item {
  background: rgba(255, 255, 255, 0.76);
  border-radius: 3px;
  width: 200px;
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
}
#app-home .solution .solution_box .solution_box_content ul li .solution_box_content_item .solution_box_content_item_company .solution_box_content_item_company_item img {
  max-width: 100%;
  max-height: 100%;
}
#app-home .solution .solution_box .solution_box_content ul li .solution_box_content_item .solution_box_content_item_company .solution_box_content_item_company_item:not(:first-child) {
  margin-left: 35px;
}
#app-home .example .example-box {
  margin-top: 40px;
  position: relative;
}
#app-home .example .example-box .example-box-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
#app-home .example .example-box .swiper-container {
  z-index: 5;
}
#app-home .example .example-box .swiper-container .swiper-wrapper {
  padding: 60px 8px;
}
#app-home .example .example-box .swiper-container .swiper-wrapper .swiper-slide {
  box-shadow: 0 8px 16px 0 rgba(213, 213, 213, 0.26);
}
#app-home .example .example-box .swiper-container .swiper-wrapper .swiper-slide .item {
  padding: 50px 30px 0 30px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: center;
  background: url(../image/example-ibg.png) #fff no-repeat;
  height: 390px;
}
#app-home .example .example-box .swiper-container .swiper-wrapper .swiper-slide .item .text {
  height: 70px;
  font-size: 26px;
  font-weight: 600;
  text-align: center;
}
#app-home .example .example-box .swiper-container .swiper-wrapper .swiper-slide .item .divider {
  margin-top: 15px;
  margin-bottom: 40px;
}
#app-home .example .example-box .swiper-container .swiper-wrapper .swiper-slide .item .desc {
  font-size: 16px;
  color: #333333;
  height: 140px;
}
#app-home .example .example-box .swiper-container .swiper-wrapper .swiper-slide .item .source {
  margin-top: 20px;
  color: #666;
  font-size: 14px;
}
#app-home .customer .new_container {
  overflow: hidden;
  background: url(../image/customer-bg.png) #fff no-repeat 100% 100%;
  position: relative;
}
#app-home .customer .new_container:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 345px;
  box-shadow: 0 0 30px 20px #fff;
  z-index: 99;
}
#app-home .customer .new_container:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 345px;
  box-shadow: 0 0 20px 20px #fff;
  z-index: 99;
}
#app-home .customer .new_container .customer_box {
  margin-bottom: 50px;
  height: 460px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  animation: bak 120s linear infinite;
  animation-fill-mode: both;
}
@keyframes bak {
  0% {
    transform: translate(0px);
  }
  100% {
    transform: translateX(-6450px);
  }
}
#app-home .customer .new_container .customer_box .customer_box_item {
  width: 200px;
  height: 100px;
  margin-top: 15px;
  background: linear-gradient(0deg, #FFFFFF, #F4F7F7);
  border-radius: 3px;
  border: 2px solid #FFFFFF;
  padding: 20px 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 8px 16px 0 rgba(213, 213, 213, 0.26);
  margin-left: 15px;
}
#app-home .customer .new_container .customer_box .customer_box_item:nth-child(2n) {
  transform: translateX(25px);
}
#app-home .customer .new_container .customer_box .customer_box_item img {
  max-width: 200px;
  max-height: 100px;
}
#app-home .news {
  background: #f4f7f7;
  padding-top: 60px;
}
#app-home .news .news_box {
  margin-top: 30px;
  display: flex;
  justify-content: center;
}
#app-home .news .news_box .front {
  width: 50%;
}
#app-home .news .news_box .front .swiper_box {
  height: 300px;
}
#app-home .news .news_box .front .front_box {
  margin-top: 35px;
}
#app-home .news .news_box .front .front_box .front_title {
  font-size: 22px;
}
#app-home .news .news_box .front .front_box .front_title:hover {
  color: #DE2304;
}
#app-home .news .news_box .front .front_box .front_des {
  margin-top: 15px;
  font-size: 16px;
  color: #2C2C2C;
}
#app-home .news .news_box .front .front_box .front_des:hover {
  color: #DE2304;
}
#app-home .news .news_box .front .front_box .front_time {
  margin-top: 30px;
  font-size: 16px;
  color: #999999;
}
#app-home .news .news_box .news_list {
  width: 50%;
  margin-left: 25px;
  background: linear-gradient(0deg, #FFFFFF, #F4F7F7);
  border: 2px solid #FFFFFF;
  box-shadow: 0 8px 16px 0 rgba(213, 213, 213, 0.26);
  padding: 45px 30px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
#app-home .news .news_box .news_list .news_item {
  display: flex;
  justify-content: space-between;
  font-weight: 500;
}
#app-home .news .news_box .news_list .news_item:not(:first-child) {
  margin-top: 30px;
}
#app-home .news .news_box .news_list .news_item .title {
  font-size: 16px;
  width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#app-home .news .news_box .news_list .news_item .title:hover {
  color: #DE2304;
}
#app-home .news .news_box .news_list .news_item .time {
  font-size: 16px;
  font-weight: 500;
  color: #999999;
}
#app-home .news .more_news {
  display: block;
  padding: 40px 0 50px 0;
  color: #de2304;
  text-align: center;
  font-size: 16px;
}
#app-home .news .more_news:hover {
  color: #ec3c3c;
}
#app-home .protection {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 235px;
  position: relative;
}
#app-home .protection img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  object-fit: cover;
}
#app-home .protection .protection_title {
  position: relative;
  font-size: 36px;
  color: #fff;
  z-index: 9;
}
#app-home .protection .protection_btn {
  position: relative;
  margin-top: 30px;
  background: #DE2304;
  padding: 15px 50px;
  font-size: 16px;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  z-index: 9;
}
#app-home .protection .protection_btn:hover {
  background: #ec3c3c;
}
#app-home .connection {
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: #f6f6f6;
}
#app-home .connection .connection-box {
  height: 95px;
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#app-home .connection .connection-box .title {
  font-size: 20px;
  font-weight: bold;
}
#app-home .connection .connection-box .input input {
  height: 40px;
  border: 2px solid #EFEFEF;
  padding: 0 15px;
  border-radius: 10px;
  outline: none;
}
#app-home .connection .connection-box .submit_btn {
  padding: 10px 50px;
  color: #fff;
  border-radius: 3px;
  background: #DE2304;
  cursor: pointer;
}
#app-home_old {
  background-image: url(../image/banner@2x.jpg);
  background-repeat: no-repeat;
  background-position-y: 565px;
  background-color: #ffffff;
}
#app-home_old .info-text {
  font-size: 14px;
  font-weight: 400;
  color: #290202;
  line-height: 30px;
}
#app-home_old .discount-sty {
  width: 100%;
  position: sticky;
  bottom: 0;
  left: 0;
  z-index: 1;
}
#app-home_old .expand {
  height: 600px;
  transition: all 0.5s ease-in-out;
}
#app-home_old .expand #draw-img {
  height: 600px;
}
#app-home_old .retract {
  max-height: 17vh;
  transition: all 0.5s ease-in-out;
}
#app-home_old .img-sty {
  position: relative;
  width: 100%;
}
#app-home_old .draw-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  height: 26px;
}
#app-home_old .draw-icon-up {
  height: 26px;
  top: 20px;
  right: 95px;
  transform: rotate(0deg) !important;
  -ms-transform: rotate(0deg) !important;
  /* IE 9 */
  -webkit-transform: rotate(0deg) !important;
  /* Safari and Chrome */
  transition: all 0.5s ease-in-out;
}
#app-home_old .draw-del {
  position: absolute;
  top: 22px;
  right: 112px;
  z-index: 1;
}
#app-home_old #cust-logo-box {
  margin-top: 60px;
}
#app-home_old #cust-logo-box .img-row {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
#app-home_old #cust-logo-box .img-row > img {
  width: 270px;
  height: 100px;
}
#app-home_old #cust-logo-box .img-row > img:not(:first-child) {
  margin-left: 40px;
}
#app-home_old .h3_subtitle {
  font-size: 16px;
  font-weight: 400;
  color: rgba(41, 2, 2, 0.45);
  margin-top: 15px;
}
#app-home_old .product_sever_content {
  position: relative;
  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.05);
  height: 440px;
  margin: 36px auto 10px auto;
  width: 1200px;
  overflow: hidden;
  font-family: Source Han Sans SC;
}
#app-home_old .product_sever_content .sever_content_li {
  position: absolute;
  padding-right: 40px;
  top: 0;
  left: 0;
  height: 440px;
  transition: 0.5s;
  width: 1200px;
  display: flex;
  justify-content: flex-start;
  transform: translateX(-1200px);
}
#app-home_old .product_sever_content .sever_content_li.active {
  background: #ffffff;
  transform: translateX(0);
}
#app-home_old .product_sever_content .sever_content_li .content_li_img {
  width: 400px;
  height: 400px;
  margin-right: 40px;
}
#app-home_old .product_sever_content .sever_content_li .content_li_right {
  display: flex;
  justify-content: space-around;
  flex-flow: column;
  padding: 20px 0;
}
#app-home_old .product_sever_content .sever_content_li .content_li_right .card_once .card_head {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#app-home_old .product_sever_content .sever_content_li .content_li_right .card_once .card_head .head_title {
  font-size: var(--ebq-s-d);
  font-weight: var(--ebq-w-d);
  color: #290202;
  margin-right: 40px;
}
#app-home_old .product_sever_content .sever_content_li .content_li_right .card_once .card_head .card_button {
  flex: 1;
}
#app-home_old .product_sever_content .sever_content_li .content_li_right .card_once .card_head .card_button .button_size {
  display: inline-block;
  margin-right: 10px;
  width: 88px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  font-size: 14px;
  font-weight: normal;
  color: #ec1c1c;
  background: #FFFFFF;
  border-radius: 2px 2px 2px 2px;
  border: 1px solid #ec1c1c;
}
#app-home_old .product_sever_content .sever_content_li .content_li_right .card_once .card_head .card_button .button_red {
  background: #ec1c1c;
  color: #FFFFFF;
}
#app-home_old .product_sever_content .sever_content_li .content_li_right .card_once .card_text {
  font-size: 14px;
  font-weight: 400;
  color: #290202;
  margin: 15px 0;
  line-height: 30px;
}
#app-home_old .product_sever_content .sever_content_li .content_li_right .card_once .card_label {
  font-size: 12px;
  font-weight: normal;
  color: #AE7D63;
}
#app-home_old .product_sever_content .sever_content_li .content_li_right .card_once .card_label .spans {
  display: inline-block;
  margin-right: 20px;
}
#app-home_old .product_sever_nav {
  display: flex;
  justify-content: space-between;
  margin-top: 112px;
  font-family: Source Han Sans SC;
}
#app-home_old .product_sever_nav .sever_nav_li {
  width: 15%;
  font-weight: bold;
  color: #290202;
  text-align: center;
  cursor: pointer;
}
#app-home_old .product_sever_nav .sever_nav_li.active {
  color: #ec1c1c;
}
#app-home_old .product_sever_nav .sever_nav_li.active .sever_li_img {
  width: 72px;
  height: 72px;
}
#app-home_old .product_sever_nav .sever_nav_li.active .sever_li_img.active {
  display: inline-block;
}
#app-home_old .product_sever_nav .sever_nav_li.active .sever_li_img.hide {
  display: none;
}
#app-home_old .product_sever_nav .sever_nav_li .sever_li_img {
  width: 72px;
  height: 72px;
}
#app-home_old .product_sever_nav .sever_nav_li .sever_li_img.hide {
  display: inline-block;
}
#app-home_old .product_sever_nav .sever_nav_li .sever_li_img.active {
  display: none;
}
#app-home_old .product_sever_nav .sever_nav_li .text {
  margin-top: 31px;
  font-weight: var(--ebq-w-d);
  font-size: var(--ebq-s-d);
}
#app-home_old .server-title {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 70px;
  background-color: #FCF6E7;
  border-radius: 39px;
  margin-bottom: 20px;
}
#app-home_old .server-title .step-box {
  width: 285px;
  height: 50px;
  position: relative;
  cursor: pointer;
}
#app-home_old .server-title .step-box .step-item {
  width: 100%;
  height: 100%;
  border-radius: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  background: #fff;
  position: absolute;
}
#app-home_old .server-title .step-box .step-new {
  color: #FFB08D;
  position: absolute;
  font-weight: bold;
  font-size: 45px;
  top: -36px;
  left: 27px;
  display: none;
}
#app-home_old .server-title .step-active {
  box-shadow: 0px 0px 8px 1px rgba(255, 158, 0, 0.65), inset 0px 0px 16px 1px #FFF8E8;
  opacity: 1;
  border: 2px solid #FFFFFF;
  color: #EC1C1C;
  font-weight: bold;
  background-color: rgba(255, 255, 255, 0.5) !important;
  backdrop-filter: blur(1px);
}
#app-home_old .server-title .step-new-active {
  display: block !important;
}
#app-home_old .step {
  width: 100%;
  padding: 45px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0px 10px 16px 1px rgba(75, 47, 1, 0.04);
  border-radius: 16px;
  border: 2px solid #FFF7E6;
}
#app-home_old .step .step-text {
  width: calc(60% - 45px);
}
#app-home_old .step .step-text .titleII {
  margin-top: 16px;
  margin-bottom: 40px;
}
#app-home_old .step .step-text h3,
#app-home_old .step .step-text .font-290 {
  font-size: var(--ebq-s-d);
  font-weight: var(--ebq-w-d);
  color: #290202;
}
#app-home_old .step .step-text .step-content {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
#app-home_old .step .step-text .step-content > img {
  width: 34px;
  margin-right: 14px;
}
#app-home_old .step .step-text p > span {
  font-size: 14px;
  font-weight: bold;
  color: #EC1C1C;
}
#app-home_old .step .step-img > img {
  width: 401px;
  height: 374px;
}
#app-home_old .step-info {
  display: none;
}
#app-home_old .step-info-active {
  display: block !important;
}
#app-home_old .and-ding .step-text {
  width: calc(50% - 45px) !important;
}
#app-home_old .and-ding .and-img > img {
  width: 560px;
  height: 337px;
}
#app-home_old .sign_serve_ul {
  background: #FFFFFF;
  font-family: Source Han Sans SC;
}
#app-home_old .sign_serve_ul .serve_li_once {
  border-radius: 4px;
  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 40px;
}
#app-home_old .sign_serve_ul .serve_li_once .serve_img {
  width: 232px;
  height: 232px;
  margin-right: 48px;
}
#app-home_old .sign_serve_ul .serve_li_once .serve_right {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}
#app-home_old .sign_serve_ul .serve_li_once .serve_right .serve_title {
  font-size: 18px;
  font-weight: bold;
  color: #290202;
}
#app-home_old .sign_serve_ul .serve_li_once .serve_right .serve_text {
  font-size: 14px;
  font-weight: 400;
  color: #290202;
  margin: 20px 0 12px 0;
  padding-right: 48px;
  line-height: 30px;
}
#app-home_old .sign_serve_ul .serve_li_once .serve_right .serve_label {
  font-size: 12px;
  color: #AE7D63;
}
#app-home_old .sign_serve_ul .serve_li_once .serve_right .serve_label span {
  display: inline-block;
  margin-right: 20px;
}
#app-home_old .solve_programme_box {
  display: flex;
  justify-content: flex-start;
  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  font-family: Source Han Sans SC;
}
#app-home_old .solve_programme_box .programme_nav_list .nav_list_once {
  width: 240px;
  height: 60px;
  line-height: 60px;
  padding-left: 32px;
  font-size: 18px;
  font-weight: 600;
  color: #290202;
  background-color: rgba(255, 250, 240, 0.2);
  cursor: pointer;
}
#app-home_old .solve_programme_box .programme_nav_list .nav_list_once.active {
  color: #ec1c1c;
  position: relative;
  background-color: #fffbfb;
}
#app-home_old .solve_programme_box .programme_nav_list .nav_list_once.active::after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 60px;
  background: #ec1c1c;
}
#app-home_old .solve_programme_box .programme_img_list {
  position: relative;
  flex-grow: 1;
  margin-top: 2px;
  overflow: hidden;
}
#app-home_old .solve_programme_box .programme_img_list .programme_img_once {
  position: absolute;
  top: 0;
  right: 0;
  transition: 0.5s;
  transform: translateY(-538px);
}
#app-home_old .solve_programme_box .programme_img_list .programme_img_once.active {
  background: #ffffff;
  transform: translateY(0);
}
#app-home_old .solve_programme_box .programme_img_list .programme_img_once .programme_content {
  color: #FFFFFF;
  position: absolute;
  top: 80px;
  left: 80px;
}
#app-home_old .solve_programme_box .programme_img_list .programme_img_once .programme_content .programme_content_title {
  font-size: 30px;
  font-weight: 600;
}
#app-home_old .solve_programme_box .programme_img_list .programme_img_once .programme_content .programme_content_text {
  font-size: 14px;
  font-weight: 400;
  margin: 12px 0;
  padding-right: 80px;
  line-height: 30px;
}
#app-home_old .solve_programme_box .programme_img_list .programme_img_once .programme_content .programme_content_btn {
  width: 88px;
  height: 32px;
  border-radius: 2px 2px 2px 2px;
  border: 1px solid #FFFFFF;
  font-size: 14px;
  font-weight: normal;
  line-height: 32px;
  text-align: center;
  display: inline-block;
  cursor: pointer;
}
#app-home_old .solve_programme_box .programme_img_list .programme_img_once .img_size {
  width: 956px;
  height: 536px;
}
#app-home_old .user-data {
  height: 90px;
  width: 100% !important;
  min-width: 1200px;
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#app-home_old .user-data div {
  flex: auto;
  margin-left: 20px;
  width: 455px;
  height: 90px;
  line-height: 90px;
  font-size: 20px;
  text-align: center;
  float: left;
  display: inline-block;
  font-weight: bold;
  color: #290202;
  background: #ffffff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
  opacity: 1;
  border-radius: 5px;
}
#app-home_old .user-data div:last-child {
  margin-right: 20px;
}
#app-home_old .user-data div:hover {
  box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.16);
}
#app-home_old .banner {
  overflow: hidden;
}
#app-home_old .banner img {
  cursor: pointer;
  display: block;
}
#app-home_old .part-1 {
  overflow: hidden;
  position: relative;
}
#app-home_old .part-1 .title_header {
  margin-top: 90px;
  margin-bottom: 0 !important;
}
#app-home_old .part-1 .content-box {
  margin-top: 60px;
}
#app-home_old .part-1 .content-box ul {
  list-style: none;
}
#app-home_old .part-1 .content-box ul li {
  float: left;
  margin-right: 48px;
  width: 263px;
  text-align: center;
}
#app-home_old .part-1 .content-box ul li .label {
  margin: 39px 0 16px 0;
  font-size: 18px;
  font-weight: 400;
  color: #290202;
}
#app-home_old .part-1 .content-box ul li .text-area {
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: rgba(41, 2, 2, 0.65);
}
#app-home_old .part-1 .content-box ul .file:hover .label {
  color: #EC1C1C;
}
#app-home_old .part-1 .content-box ul .file:hover .text-area {
  color: rgba(236, 28, 28, 0.45);
}
#app-home_old .part-1 .title_header,
#app-home_old .part-2 .title_header,
#app-home_old .part-3 .title_header,
#app-home_old .part-4 .title_header,
#app-home_old .part-5 .title_header,
#app-home_old .part-6 .title_header,
#app-home_old .part-7 .title_header {
  margin-bottom: 84px;
  font-size: 32px;
  font-weight: 400;
  color: #290202;
  text-align: center;
  font-family: Source Han Sans SC;
}
#app-home_old .part-1 .title_header h2,
#app-home_old .part-2 .title_header h2,
#app-home_old .part-3 .title_header h2,
#app-home_old .part-4 .title_header h2,
#app-home_old .part-5 .title_header h2,
#app-home_old .part-6 .title_header h2,
#app-home_old .part-7 .title_header h2 {
  font-size: var(--ebq-s-l);
  font-weight: var(--ebq-w-l);
}
#app-home_old .part-1 .title_header span,
#app-home_old .part-2 .title_header span,
#app-home_old .part-3 .title_header span,
#app-home_old .part-4 .title_header span,
#app-home_old .part-5 .title_header span,
#app-home_old .part-6 .title_header span,
#app-home_old .part-7 .title_header span {
  font-size: 16px;
  font-weight: 400;
  color: rgba(41, 2, 2, 0.45);
}
#app-home_old .part-1 .title_header p,
#app-home_old .part-2 .title_header p,
#app-home_old .part-3 .title_header p,
#app-home_old .part-4 .title_header p,
#app-home_old .part-5 .title_header p,
#app-home_old .part-6 .title_header p,
#app-home_old .part-7 .title_header p {
  position: relative;
  font-family: 微软雅黑;
}
#app-home_old .part-1 .title_header p span,
#app-home_old .part-2 .title_header p span,
#app-home_old .part-3 .title_header p span,
#app-home_old .part-4 .title_header p span,
#app-home_old .part-5 .title_header p span,
#app-home_old .part-6 .title_header p span,
#app-home_old .part-7 .title_header p span {
  padding: 0 50px;
  font-size: 32px;
  font-weight: 400;
  color: #290202;
}
#app-home_old .part-2 {
  margin-top: 80px;
}
#app-home_old .part-2 .content-box {
  overflow: hidden;
}
#app-home_old .part-2 .content-box ul {
  list-style: none;
}
#app-home_old .part-2 .content-box ul li {
  float: left;
  width: 300px;
  height: 250px;
  background-repeat: no-repeat;
  border-radius: 10px;
}
#app-home_old .part-2 .content-box ul li .a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
#app-home_old .part-2 .content-box ul li .a .label {
  font-size: 20px;
  font-weight: 500;
  color: #290202;
  position: absolute;
  left: 29px;
  bottom: 32px;
}
#app-home_old .part-2 .content-box ul li .a .des {
  display: none;
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  position: absolute;
  top: 120px;
  padding: 0 25px;
}
#app-home_old .part-2 .content-box ul li:hover {
  box-shadow: 0px 1px 4px 0px rgba(152, 152, 152, 0.56);
}
#app-home_old .part-2 .content-box ul li:hover .a {
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.5);
}
#app-home_old .part-2 .content-box ul li:hover .des {
  display: block;
}
#app-home_old .part-2 .content-box ul li:hover .label {
  font-size: 20px;
  font-weight: 500;
  color: #ffffff;
  position: absolute;
  height: 35px;
  top: 64px;
  left: 50%;
  transform: translateX(-50%);
  border-bottom: 2px solid #EC1C1C;
}
#app-home_old .part-2 .content-box ul .bg1 {
  background: url(../image/jr.png) no-repeat center center;
}
#app-home_old .part-2 .content-box ul .bg2 {
  background: url(../image/fd.png) no-repeat center center;
}
#app-home_old .part-2 .content-box ul .bg3 {
  background: url(../image/zl.png) no-repeat center center;
}
#app-home_old .part-2 .content-box ul .bg4 {
  background: url(../image/jy.png) no-repeat center center;
}
#app-home_old .part-2 .content-box ul .bg5 {
  background: url(../image/renli.png) no-repeat center center;
}
#app-home_old .part-2 .content-box ul .bg6 {
  background: url(../image/wuliu.png) no-repeat center center;
}
#app-home_old .part-2 .content-box ul .bg7 {
  background: url(../image/dians.png) no-repeat center center;
}
#app-home_old .part-2 .content-box ul .bg8 {
  background: url(../image/yiliao.png) no-repeat center center;
}
#app-home_old .part-2 .content-box ul .bg9 {
  background: url(../image/dianzi.png) no-repeat center center;
}
#app-home_old .part-2 .content-box ul .bg10 {
  background: url(../image/lvyou.png) no-repeat center center;
}
#app-home_old .part-2 .content-box ul .bg11 {
  background: url(../image/lvshi.png) no-repeat center center;
}
#app-home_old .part-2 .content-box ul .bg12 {
  background: url(../image/qita.png) no-repeat center center;
}
#app-home_old .part-3 {
  height: 400px;
  padding-top: 60px;
}
#app-home_old .part-3 ul {
  list-style: none;
}
#app-home_old .part-3 ul li {
  height: 106px;
  float: left;
  width: 176px;
  margin-right: 74px;
  text-align: left;
  border-right: 2px solid #CCCCCC;
}
#app-home_old .part-3 ul li div {
  width: 100%;
  height: 100%;
}
#app-home_old .part-3 ul li div h3 {
  font-size: 36px;
  color: #343434;
  float: left;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 400;
}
#app-home_old .part-3 ul li div span {
  float: left;
  color: #333333;
  margin-top: 28px;
  margin-bottom: 10px;
}
#app-home_old .part-3 ul li div p {
  clear: both;
  font-size: 16px;
  color: #989898;
}
#app-home_old .part-4 .bottom {
  margin-top: 100px;
  position: relative;
}
#app-home_old .part-4 .bottom .content-box {
  margin-top: 93px;
  width: 1200px;
  height: 880px;
}
#app-home_old .part-5 {
  height: 650px;
  margin-top: 180px;
}
#app-home_old .part-5 .title_header {
  text-align: center;
}
#app-home_old .part-5 .title_header p {
  font-family: 微软雅黑;
  color: #343434;
  font-size: 30px;
  position: relative;
}
#app-home_old .part-5 .title_header span {
  color: #999999;
  font-size: 14px;
}
#app-home_old .part-5 .content-box {
  margin-top: 90px;
}
#app-home_old .part-5 .content-box .top .new-item {
  width: 380px;
  height: 334px;
  display: inline-block;
  float: left;
  margin-right: 30px;
  position: relative;
  border-radius: 10px;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.05);
}
#app-home_old .part-5 .content-box .top .new-item .hover_bg {
  border-radius: 10px;
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
#app-home_old .part-5 .content-box .top .new-item:hover {
  box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.16);
}
#app-home_old .part-5 .content-box .top .new-item:hover ._content ._title {
  color: #EC1C1C;
}
#app-home_old .part-5 .content-box .top .new-item:hover ._content ._des {
  color: rgba(236, 28, 28, 0.45);
}
#app-home_old .part-5 .content-box .top .new-item img {
  width: 380px;
  height: 234px;
}
#app-home_old .part-5 .content-box .top .new-item ._content {
  width: 380px;
  height: 100px;
  background: #ffffff;
  box-shadow: 0px 3px 12px rgba(125, 114, 18, 0.1);
  padding: 12px 7px 11px 10px;
}
#app-home_old .part-5 .content-box .top .new-item ._content ._title {
  font-size: 16px;
  font-weight: bold;
  color: #290202;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#app-home_old .part-5 .content-box .top .new-item ._content ._des {
  font-size: 14px;
  font-weight: 400;
  color: rgba(41, 2, 2, 0.45);
  width: 100%;
  height: 47px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 22px;
  margin-top: 6px;
}
#app-home_old .part-5 .content-box .detail-label {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: rgba(41, 2, 2, 0.45);
  margin-top: 30px;
}
#app-home_old .part-5 .content-box .detail-label .jt {
  width: 16px;
  height: 11px;
}
#app-home_old .part-5 .content-box .detail-label .r_jt {
  display: none;
}
#app-home_old .part-5 .content-box .detail-label:hover {
  color: #EC1C1C;
}
#app-home_old .part-5 .content-box .detail-label:hover .r_jt {
  display: inline-block;
  width: 16px;
  height: 11px;
}
#app-home_old .part-5 .content-box .detail-label:hover .jt {
  display: none;
}
#app-home_old .part-6 .content-box {
  margin-top: 60px;
}
#app-home_old .part-6 .content-box > div {
  display: flex;
  justify-content: space-between;
}
#app-home_old .part-6 .content-box .detail-label {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: rgba(41, 2, 2, 0.45);
  margin-top: 30px;
}
#app-home_old .part-6 .content-box .detail-label .r_jt {
  display: none;
}
#app-home_old .part-6 .content-box .detail-label:hover {
  color: #EC1C1C;
}
#app-home_old .part-6 .content-box .detail-label:hover .r_jt {
  display: inline-block;
}
#app-home_old .part-6 .content-box .detail-label:hover .jt {
  display: none;
}
#app-home_old .part-6 .content-box .box-item {
  position: relative;
  float: left;
  margin: 0px 10px;
  width: 525px;
  height: 380px;
  display: inline-block;
  border-radius: 4px;
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
  /* 老的 Firefox */
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
}
#app-home_old .part-6 .content-box .box-item .cont {
  width: 100%;
  top: 60px;
}
#app-home_old .part-6 .content-box .box-item .cont h3 {
  font-size: 18px;
  font-weight: 500;
  color: #290202;
  margin-bottom: 10px;
}
#app-home_old .part-6 .content-box .box-item .cont .p1 {
  font-size: 14px;
  font-weight: 400;
  color: rgba(41, 2, 2, 0.85);
  display: block;
  margin: 0 auto 31px auto;
}
#app-home_old .part-6 .content-box .box-item .cont > p {
  margin: 20px auto;
  width: 340px;
  height: 60px;
  font-size: 14px;
  font-weight: 400;
  color: #290202;
}
#app-home_old .part-6 .content-box .box-item .cont > div {
  display: flex;
  justify-content: space-around;
}
#app-home_old .part-7 {
  margin-top: 120px;
}
#app-home_old .part-7 .content-box {
  height: 720px;
  width: 1200px;
  background: #ffffff;
  box-shadow: 0px 3px 24px rgba(0, 0, 0, 0.04);
  opacity: 1;
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#app-home_old .part-7 .content-box .y-tab {
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  padding-left: 50px;
  width: 300px;
  height: 240px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#app-home_old .part-7 .content-box .y-tab:nth-child(1) .t-img {
  background: url(../image/fw_01.png) no-repeat;
  background-size: 100% 100%;
}
#app-home_old .part-7 .content-box .y-tab:nth-child(2) .t-img {
  background: url(../image/fw_02.png) no-repeat;
  background-size: 100% 100%;
}
#app-home_old .part-7 .content-box .y-tab:nth-child(3) .t-img {
  background: url(../image/fw_03.png) no-repeat;
  background-size: 100% 100%;
}
#app-home_old .part-7 .content-box .y-tab.on:nth-child(1) .t-img {
  background: url(../image/fw_n_01.png) no-repeat;
  background-size: 100% 100%;
}
#app-home_old .part-7 .content-box .y-tab.on:nth-child(2) .t-img {
  background: url(../image/fw_n_02.png) no-repeat;
  background-size: 100% 100%;
}
#app-home_old .part-7 .content-box .y-tab.on:nth-child(3) .t-img {
  background: url(../image/fw_n_03.png) no-repeat;
  background-size: 100% 100%;
}
#app-home_old .part-7 .content-box .y-tab.on > div {
  color: #EC1C1C;
}
#app-home_old .part-7 .content-box .y-tab.on .line {
  opacity: 1;
}
#app-home_old .part-7 .content-box .y-tab:hover:nth-child(1) .t-img {
  background: url(../image/fw_n_01.png) no-repeat;
  background-size: 100% 100%;
}
#app-home_old .part-7 .content-box .y-tab:hover:nth-child(2) .t-img {
  background: url(../image/fw_n_02.png) no-repeat;
  background-size: 100% 100%;
}
#app-home_old .part-7 .content-box .y-tab:hover:nth-child(3) .t-img {
  background: url(../image/fw_n_03.png) no-repeat;
  background-size: 100% 100%;
}
#app-home_old .part-7 .content-box .y-tab:hover > div {
  color: #EC1C1C;
}
#app-home_old .part-7 .content-box .y-tab:hover .line {
  opacity: 1;
}
#app-home_old .part-7 .content-box .y-tab:hover:nth-child(1) .t-img {
  background: url(../image/fw_n_01.png) no-repeat;
  background-size: 100% 100%;
}
#app-home_old .part-7 .content-box .y-tab:hover:nth-child(2) .t-img {
  background: url(../image/fw_n_02.png) no-repeat;
  background-size: 100% 100%;
}
#app-home_old .part-7 .content-box .y-tab:hover:nth-child(3) .t-img {
  background: url(../image/fw_n_03.png) no-repeat;
  background-size: 100% 100%;
}
#app-home_old .part-7 .content-box .y-tab:hover > div {
  color: #EC1C1C;
}
#app-home_old .part-7 .content-box .y-tab:hover .line {
  opacity: 1;
}
#app-home_old .part-7 .content-box .y-tab > div {
  transition: all ease-in 0.4s;
  color: rgba(41, 2, 2, 0.45);
  font-size: 28px;
  font-family: Source Han Sans SC;
  font-weight: bold;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
#app-home_old .part-7 .content-box .y-tab > div span {
  display: block;
  color: inherit;
  opacity: 0.45;
  font-size: 12px;
  font-weight: normal;
}
#app-home_old .part-7 .content-box .y-tab .line {
  transition: all ease-in 0.4s;
  display: block;
  width: 15px;
  height: 50px;
  background: #ec1c1c;
  opacity: 0;
  border-radius: 100px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -25px;
}
#app-home_old .part-7 .content-box .y-con {
  transition: all ease-in 0.4s;
  flex: 1;
  margin-left: 77px;
  margin-right: 80px;
  min-height: 580px;
  background: #F7F0DA;
  border-radius: 15px;
  display: none;
  position: relative;
}
#app-home_old .part-7 .content-box .y-con:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-top: 24px  solid transparent;
  border-right: 38.5px solid #F7F0DA;
  border-bottom: 24px  solid transparent;
  border-left: 38.5px solid transparent;
  left: -77px;
  top: 30px;
}
#app-home_old .part-7 .content-box .y-con:nth-child(2):before {
  top: 50%;
  margin-top: -24px;
}
#app-home_old .part-7 .content-box .y-con:nth-child(3):before {
  top: initial;
  bottom: 30px;
}
#app-home_old .part-7 .content-box .y-con.on {
  display: block;
}
#app-home_old .part-7 .content-box .y-con > div {
  float: left;
  margin-left: 90px;
  margin-top: 62px;
  background: url(../image/kuang.png) no-repeat;
  background-size: 100% 100%;
  width: 241px;
  height: 206px;
  text-align: center;
  overflow: hidden;
}
#app-home_old .part-7 .content-box .y-con > div img {
  display: block;
  border: none;
  width: 50px;
  height: 50px;
  margin: 22px auto 0 auto;
}
#app-home_old .part-7 .content-box .y-con > div p {
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 16px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  color: #AE7D63;
  width: 100%;
}
#app-home_old .part-7 .content-box .y-con > div div {
  margin: 0 55px;
  font-size: 12px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  line-height: 14px;
  color: rgba(41, 2, 2, 0.65);
}
#jzq-video {
  margin: 10px 10px 0 10px;
}
.adapter {
  background: url(../image/bg-1.png) no-repeat;
}
.content-part {
  width: 100%;
  min-width: 1200px;
}
#info_box {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  z-index: 1000;
}
#info_box .info_content_box {
  width: 350px;
  height: 250px;
  border: 1px solid #ccc;
  background: #fff;
  z-index: 1000;
  box-shadow: 0 0 5px 5px #ccc;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -175px;
  margin-top: -125px;
}
#info_box .info_content_box .info_header {
  border-bottom: 1px solid #eee;
  height: 40px;
  width: 100%;
  position: relative;
}
#info_box .info_content_box .info_header .info_left {
  position: absolute;
  top: 0;
  left: 0;
  height: 40px;
  line-height: 40px;
  width: 50px;
  text-align: center;
}
#info_box .info_content_box .info_header .info_close {
  position: absolute;
  top: 0;
  right: 0;
  height: 40px;
  line-height: 40px;
  width: 50px;
  text-align: center;
  cursor: pointer;
}
#info_box .info_content_box .info_content {
  padding: 35px 20px 0;
  line-height: 25px;
}
#info_box .info_content_box .info_ok {
  position: absolute;
  bottom: 30px;
  right: 20px;
  background: #ff0000;
  color: #fff;
  padding: 3px 10px;
  cursor: pointer;
}
.no-zoom {
  zoom: 1!important;
}
.hide {
  display: none;
}
.hide.show {
  display: block;
}
@keyframes rotates {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#product-introduction .banner,
#product-price .banner,
#technical-security .banner,
#counsel-service .banner {
  position: relative;
  height: 500px;
}
#product-introduction .banner img,
#product-price .banner img,
#technical-security .banner img,
#counsel-service .banner img {
  height: 100%;
}
#product-introduction .banner .banner-content,
#product-price .banner .banner-content,
#technical-security .banner .banner-content,
#counsel-service .banner .banner-content {
  position: absolute;
  min-width: 1200px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: space-between;
  align-content: flex-start;
}
#product-introduction .banner .banner-content .left-content,
#product-price .banner .banner-content .left-content,
#technical-security .banner .banner-content .left-content,
#counsel-service .banner .banner-content .left-content {
  width: 420px;
  font-size: 66px;
  color: #fff;
}
#product-introduction .banner .banner-content .left-content strong,
#product-price .banner .banner-content .left-content strong,
#technical-security .banner .banner-content .left-content strong,
#counsel-service .banner .banner-content .left-content strong {
  margin-left: 18px;
  font-weight: 600;
}
#product-introduction .banner .banner-content .left-content img,
#product-price .banner .banner-content .left-content img,
#technical-security .banner .banner-content .left-content img,
#counsel-service .banner .banner-content .left-content img {
  height: 50px;
}
#product-introduction .banner .banner-content .left-content .left-description,
#product-price .banner .banner-content .left-content .left-description,
#technical-security .banner .banner-content .left-content .left-description,
#counsel-service .banner .banner-content .left-content .left-description {
  line-height: 26px;
  margin-top: 40px;
  font-size: 16px;
  color: #fff;
}
#product-introduction .banner .banner-content .right-content,
#product-price .banner .banner-content .right-content,
#technical-security .banner .banner-content .right-content,
#counsel-service .banner .banner-content .right-content {
  color: #fff;
  font-size: 16px;
}
#product-introduction .banner .banner-content .right-content .content-item,
#product-price .banner .banner-content .right-content .content-item,
#technical-security .banner .banner-content .right-content .content-item,
#counsel-service .banner .banner-content .right-content .content-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 15px;
}
#product-introduction .banner .banner-content .right-content .content-item .title,
#product-price .banner .banner-content .right-content .content-item .title,
#technical-security .banner .banner-content .right-content .content-item .title,
#counsel-service .banner .banner-content .right-content .content-item .title {
  width: 45px;
  height: 32px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAgCAYAAACGhPFEAAAAAXNSR0IArs4c6QAAAq9JREFUWEfNmDtoFUEUhv8zM4iFkPiIkMbc3bkpxCaNglqoRRSJhVYRYqGVNlqkEMFH4aOwEEEbrbSIEistNGAQjIUiWohNCr0ze7UQMT4iWIjMzJEbUIzZvdwpxjjt/vOdbw4zw+4S2oyihhpLNQbGRhBEu2zyZ4xA4PHM+hFqV8xqNQVgS3KhiALk3fJKaZOji6A+L3qH5y2IP+bG91RK20wNQmAyognJowSeyIwfqpbW4jggziY3iSoQTuUmnGmzPeRdIhqKYiYO+4Ad/YWbbNNp+QGgnsQeneNbt0dwK7MmZkulX9ehJatG58T0SQKmM+PWtSqVSjdzORKIxtKrdF6Bma9r6w9USlstLwF0uHNk+mRAOFQ34Wq1dK6egbA+vUpEheAG8gIvS6WLGpayVF8BLIlAJo7yt8z4bgJ8qXRDY5OAepzYIhY/lRu37dekBQfR5GKUSFyIpabME+N8Zt2xSulCy3EGDaeUiGUTeE9m/J3qTmv5hkBrYsEp8+Rdb9bE+1LpZh96g1LvUgrEshn8Vhvf9+e8eXu60HI3g27HglPmCXwrM35vpbTJ1XkiHE0pEcsmDqOZDRcrpa1WDwFsjQWnzAe4zXWDJ6XSDMhCy1mAlqWUiGEz8EN415U18b1U+lUNA0qqFzHQ5FnG89y6DX/X+X0QG1ocFBBXkotEFeDLufFHKqWNltcItD+KmTjMzPu09Tcqpa1W0wDWJvaIwnty9f4GTKl0UUM3C/Xpf/pdwOAZbfzqslXO7Wmbqe0QuB/VhsRhZr6nrd9VLa3FSUCcTuwRiQ8nchPOVUobLScItDOSmjTOjEFt3YM2nZYzAK1KahEDZwSGW6EtWl9QCwbNHUKpvsQw/0H2UW5c5evE3EEstLzJTMOLfnu0fsgQnsK7kayJZlVzfgI89+AwJDduQgAAAABJRU5ErkJggg==) 100%;
  text-align: center;
  line-height: 32px;
}
#product-introduction .photo-wall .text-area,
#product-price .photo-wall .text-area,
#technical-security .photo-wall .text-area,
#counsel-service .photo-wall .text-area {
  width: 528px;
  height: 158px;
  position: absolute;
  top: 50%;
  left: 45%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
#product-introduction .photo-wall .text-area p,
#product-price .photo-wall .text-area p,
#technical-security .photo-wall .text-area p,
#counsel-service .photo-wall .text-area p {
  font-size: 40px;
  color: #ccc;
  margin-bottom: 15px;
}
#product-introduction .photo-wall .text-area span,
#product-price .photo-wall .text-area span,
#technical-security .photo-wall .text-area span,
#counsel-service .photo-wall .text-area span {
  font-size: 18px;
  color: #ccc;
}
#product-introduction .lbt .box {
  margin: 60px auto;
}
#product-introduction .lbt .box .ai {
  background: #DE2304;
  color: #fff;
  font-size: 14px;
  padding: 0 10px;
  border-radius: 4px;
  margin-right: 2px;
}
#product-introduction .lbt .box .tab {
  display: inline-block;
  list-style: none;
  border-bottom-width: 2px;
}
#product-introduction .lbt .box .tab li {
  list-style: none;
  width: 240px;
  margin-bottom: 40px;
  padding-bottom: 15px;
  border-bottom-width: 2px;
}
#product-introduction .lbt .box .tab li a {
  width: 200px;
}
#product-introduction .lbt .box .tab li img {
  width: 72px;
  height: 72px;
  transition: all 0.3s;
}
#product-introduction .lbt .box .tab li p#tab,
#product-introduction .lbt .box .tab li h2#tab {
  height: 50px;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
}
#product-introduction .lbt .box .tab li p#tab:hover,
#product-introduction .lbt .box .tab li h2#tab:hover {
  -moz-box-shadow: 0px 3px 0px #EC1C1C;
  /* 老的 Firefox */
  box-shadow: 0px 3px 0px #EC1C1C !important;
  color: #EC1C1C !important;
}
#product-introduction .lbt .box .tab li.active,
#product-introduction .lbt .box .tab li:hover {
  border-bottom: 2px solid #EC1C1C;
}
#product-introduction .lbt .box .tab li.active img,
#product-introduction .lbt .box .tab li:hover img {
  transform: scale(1.2);
}
#product-introduction .lbt .box .tab-content > div {
  width: 1200px;
  height: 500px;
  display: none;
  margin: 0 auto;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
  justify-content: space-evenly;
}
#product-introduction .lbt .box .tab-content .tab-pane {
  padding: 50px 60px 20px 90px;
  align-items: center;
}
#product-introduction .lbt .box .tab-content .on {
  display: block;
}
#product-introduction .lbt .box .tab-content .tab-pane > .tab-img {
  width: 256px;
  margin-right: 100px;
}
#product-introduction .lbt .box .tab-content .tab-pane > .represent {
  position: relative;
  height: 444px;
}
#product-introduction .lbt .box .tab-content .tab-pane > .tab-img img {
  max-width: 256px;
}
#product-introduction .lbt .box .tab-content .represent > .detail-label {
  position: absolute;
  bottom: 60px;
  right: 25px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
#product-introduction .lbt .box .tab-content .represent > .detail-label a {
  padding: 8px 50px ;
  color: #fff;
  border: 1px solid #EC1C1C !important;
  font-size: var(--ebq-s-m);
  background-color: #EC1C1C;
}
#product-introduction .lbt .box .tab-content .represent > .detail-label a:hover {
  color: white;
  background-color: #E83434;
}
#product-introduction .lbt .box .tab-content .tab-pane > .represent h2 {
  margin-left: 109px;
  font-size: var(--ebq-s-l);
  font-weight: var(--ebq-w-l);
}
#product-introduction .lbt .box .tab-content .tab-pane > .represent p.content {
  width: 650px;
  font-size: 18px;
  font-family: Source Han Sans SC;
  color: #999999;
  opacity: 1;
  margin: 30px 30px 5px 20px;
  line-height: 30px;
  position: relative;
}
#product-introduction .lbt .box .tab-content .tab-pane > .represent p.content .left-marks {
  width: 30px;
  position: absolute;
  left: -72px;
  top: 0;
}
#product-introduction .lbt .box .tab-content .tab-pane > .represent p.content .right-marks {
  width: 30px;
  position: absolute;
  right: 0px;
  top: 0;
}
#product-introduction .lbt .box .tab-content .tab-pane > .represent p.title {
  width: 400px;
  font-family: Source Han Sans SC;
  line-height: 29px;
  opacity: 1;
  margin: 80px 141px 20px 109px;
  position: relative;
  font-size: var(--ebq-s-l);
  font-weight: var(--ebq-w-l);
}
#product-introduction .tab-pane .list > p {
  width: 490px;
  height: 20px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  line-height: 20px;
  color: #290202;
  opacity: 1;
}
#product-introduction .content-part .title_represent {
  font-family: Source Han Sans SC;
  text-align: center;
  color: #290202;
  margin-left: 20px;
  margin-right: 20px;
  font-weight: var(--ebq-w-s);
  font-size: var(--ebq-s-s);
}
#product-introduction .content-part .title {
  margin-top: 30px;
}
#product-introduction .content-part .content-p {
  background-image: url(../image/product-b.png);
  background-repeat: no-repeat;
  background-size: 100%;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  background-color: #fff;
  border: 1px solid #fff;
  width: 500px;
  height: 410px;
  border-radius: 10px;
  margin-right: 50px;
}
#product-introduction .content-part .content-p > .p1,
#product-introduction .content-part .content-p > .p3 {
  width: 200px;
  height: 24px;
  font-family: Source Han Sans SC;
  line-height: 22px;
  color: #000;
  opacity: 1;
  font-size: 24px;
  font-weight: 600;
}
#product-introduction .content-part .content-p > .p1 {
  margin: 35px 0 15px 41px ;
}
#product-introduction .content-part .content-p > .p2 {
  width: 330px;
  height: 45px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  line-height: 30px;
  color: #666666;
  opacity: 1;
  float: left;
  margin: 0px 84px 70px 41px;
}
#product-introduction .content-part .content-p > .p3 {
  margin: 0 449px 15px 41px;
  float: left;
}
#product-introduction .content-part .content-p > .p4 {
  width: 330px;
  height: 42px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  line-height: 30px;
  color: #666666;
  opacity: 1;
  margin: 0 84px 59px 41px;
  float: left;
}
#product-introduction .content-part .content-right {
  width: 500px;
  height: 410px;
  opacity: 1;
  border-radius: 10px;
  background-image: url(../image/product-b.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-color: #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  border: 1px solid #fff;
}
#product-introduction .content-part .content-right p {
  color: #666666;
  line-height: 22px;
}
#product-introduction .content-part .img-bg {
  float: right;
  margin-left: -360px;
  width: 360px !important;
  height: 275px !important;
  margin-top: 80px;
}
#product-introduction .content-part .content-right > p {
  height: 24px;
  font-family: Source Han Sans SC;
  line-height: 22px;
  color: #666666;
  opacity: 1;
  font-size: var(--ebq-s-d);
  font-weight: var(--ebq-w-d);
}
#product-introduction .content-part .content-right > .p1 {
  margin: 35px 0px 10px 50px;
  color: #000;
}
#product-introduction .content-part .content-right > .p2 {
  margin: 30px 0px 20px 50px;
  color: #000;
}
#product-introduction .content-part .content-right > div {
  width: 445px;
  height: 160px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  line-height: 30px;
  color: rgba(41, 2, 2, 0.45);
  opacity: 1;
  margin-left: 50px;
}
#product-introduction .content-part .contract {
  width: 100%;
  height: 370px;
  margin-top: 20px;
  position: relative;
}
#product-introduction .contract {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#product-introduction .contract .part-left img {
  width: 300px;
}
#product-introduction .contract-tab-content {
  display: none;
}
#product-introduction .part-left .on {
  display: block;
}
#product-introduction .contract-tab-content > div.pic {
  position: relative;
  float: left;
  width: 260px;
  height: 300px;
  text-align: center;
}
#product-introduction .contract-tab-content > div.pic img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 260px;
  display: block;
}
#product-introduction .contract-tab-content > div.content {
  position: relative;
  float: right;
  width: 290px;
  height: 300px;
}
#product-introduction .contract-tab-content > div.content > p {
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  font-size: 14px;
  font-weight: normal;
  vertical-align: middle;
  display: inline-block;
  color: #290202;
  line-height: 30px;
  margin: 20px 20px 20px 0;
}
#product-introduction .links {
  width: 100%;
  display: flex;
  justify-content: space-around;
  gap: 150px;
}
#product-introduction .links li {
  list-style-type: none;
}
#product-introduction div.links a {
  height: 100%;
  border: 1px solid #EC1C1C !important;
  padding: 8px 150px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background-color: #EC1C1C;
  font-size: var(--ebq-s-m);
}
#product-introduction div.links a:hover {
  background-color: #EC1C1C;
  color: white;
  box-shadow: 0px 0px 4px #EC1C1C;
}
#product-introduction .sub-list ul {
  width: 640px;
  height: 65px;
}
#product-introduction .sub-list div {
  font-size: 20px;
  font-family: Source Han Sans SC;
  margin: 10px 55px 10px 20px;
  font-weight: 600;
}
#product-introduction .sub-list ul li {
  float: left;
  margin: 10px;
  /* width: 200px; */
  height: 40px;
  display: flex;
  align-items: center;
}
#product-introduction .sub-list li p {
  font-size: 14px;
  font-family: Source Han Sans SC;
  margin: 0px 10px 0px 10px;
  color: #290202;
}
#product-introduction .sub-list img {
  max-width: 36px;
  max-height: 36px;
}
#product-introduction .contract-tab-content > div.content > ul > li {
  width: 290px;
  font-size: 12px;
  font-weight: 300;
  margin-top: 30px;
  margin-bottom: 30px;
}
#product-introduction .content-part .part-right {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 0 70px;
}
#product-introduction .content-part .part-right .contract-item {
  width: 30%;
  background: linear-gradient(0deg, #FFFFFF, #F4F7F7);
  border: 2px solid #fff;
  box-shadow: 0px -6px 6px 0px rgba(220, 227, 238, 0.26), 0px 6px 6px 0px rgba(220, 227, 238, 0.26);
  padding: 15px 20px;
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
#product-introduction .content-part .part-right .contract-item span {
  color: #FF0000;
}
#product-introduction .content-part .part-right .contract-item img {
  width: 20px;
  height: 20px;
  margin-right: 20px;
}
#product-introduction .contract-tab li {
  float: left;
  width: 50%;
  height: 120px;
}
#product-introduction .contract-tab .tab-item {
  width: 80px;
  height: 120px;
  border-radius: 6px;
}
#product-introduction .contract-tab .tab-item:hover {
  color: #E83434;
}
#product-introduction .contract-tab .tab-item .tab-icon {
  max-width: 80px;
  width: 80px;
  height: 80px;
}
#product-introduction .contract-tab p#tab {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
#product-introduction .cz-box {
  background: url(../image/n-product-q1.png) no-repeat;
}
#product-introduction .cz-title_header {
  margin-bottom: 40px;
  font-weight: bold;
  color: #333333;
  text-align: center;
  font-family: Source Han Sans SC;
  margin-top: 60px;
  font-size: 42px;
  font-weight: var(--ebq-w-l);
}
#product-introduction .content-part .cz {
  margin-top: 30px;
  position: relative;
  padding: 45px 0;
}
#product-introduction .content-part .cz .title_represent {
  color: #fff;
  text-align: start;
}
#product-introduction .content-part .cz .content-img {
  margin-left: 15px;
}
#product-introduction .cz-content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 450px;
}
#product-introduction .cz-content .content {
  height: 100%;
  color: #fff;
  background: rgba(255, 255, 255, 0.2);
  padding: 30px;
}
#product-introduction .cz-content .content .content-title {
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 20px;
  position: relative;
}
#product-introduction .cz-content .content .content-title:before {
  position: absolute;
  bottom: -5px;
  left: 0;
  content: '';
  background: #CC3300;
  height: 4px;
  width: 50px;
  border-radius: 3px;
}
#product-introduction .cz-content .content .content-desc {
  margin-bottom: 30px;
  font-size: 18px;
  line-height: 24px;
}
#product-introduction .cz-content .content-img {
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 100px;
}
#product-introduction .cz-content .content-img img {
  width: 200px;
}
#product-introduction .content-part .cz > img {
  margin: 78px 184px 0px 208px;
}
#product-introduction .content-part .cz > .content > p:nth-of-type(odd) {
  height: 24px;
  font-family: Source Han Sans SC;
  line-height: 22px;
  color: #FFFFFF;
  opacity: 1;
  font-size: var(--ebq-s-d);
  font-weight: var(--ebq-w-d);
}
#product-introduction .content-part .cz > .content > p:nth-of-type(even) {
  width: 434px;
  height: 42px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 200;
  line-height: 30px;
  color: #FFFFFF;
  opacity: 0.65;
}
#product-introduction .content-part .cz > .content > p:first-child {
  margin: 65px 0 5px 0;
}
#product-introduction .content-part .cz > .content > .img {
  margin-top: 44px;
}
#product-introduction .content-part .wj > .u1 > li {
  background: url(../image/banner.wj7.png) no-repeat;
  border: #EEEEEE;
  width: 528px;
  height: 168px;
  text-align: center;
}
#product-introduction .content-part .wj > .u2 > li {
  background: url(../image/banner.wj8.png) no-repeat;
  width: 528px;
  height: 168px;
  border: #EEEEEE;
  text-align: center;
}
#product-introduction .content-part .wj > ul > li > img:first-child {
  margin: 56px 0 56px 89px;
}
#product-introduction .content-part .wj > .u1 > li > img:nth-child(-n+3) {
  margin: 56px 0px 32px 65px ;
  width: 56px;
  height: 56px;
}
#product-introduction .content-part .wj > .u1 > li > p:last-child {
  width: 95px;
  height: 30px;
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 30px;
  color: #290202;
  opacity: 1;
  text-align: center;
  margin-top: 65px;
}
#product-introduction .content-part .wj > .u2 > li > img {
  margin: 56px 0px 32px 0px ;
  width: 56px;
  height: 56px;
}
#product-introduction .content-part .wj > .u2 > li > p:first-child {
  width: 143px;
  height: 30px;
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 30px;
  color: #290202;
  opacity: 1;
  text-align: center;
  margin: 69px 0px 69px 129px;
}
#product-introduction .content-part .mb > ul > li {
  width: 486px;
  height: 56px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.02);
  opacity: 1;
  border-radius: 10px;
  margin-bottom: 10px;
}
#product-introduction .content-part .mb > ul > li > img {
  margin: auto 24px;
  width: 36px;
  height: 36px;
}
#product-introduction .content-part .mb > ul > li > p:last-child {
  margin: 17px 0 19px 0;
  height: 20px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 300;
  line-height: 30px;
  color: #290202;
  opacity: 1;
}
#product-introduction .content-part .fw > .fw1 > img {
  margin: 54px 121px 0px 122px;
  max-width: 70px;
}
#product-introduction .content-part .fw > .img1 {
  width: 350px;
  height: 390px;
  text-align: center;
  float: left;
  background-size: cover!important;
  margin: 0px 30px 0 30px;
  background: url(../image/qt4.png);
}
#product-introduction .content-part .fw > .img2 {
  width: 350px;
  height: 390px;
  text-align: center;
  float: left;
  background-size: cover!important;
  margin: 0px 30px 0 30px;
  background: url(../image/qt5.png);
}
#product-introduction .content-part .fw > .img3 {
  width: 350px;
  height: 390px;
  text-align: center;
  float: left;
  background-size: cover!important;
  margin: 0px 30px 0 30px;
  background: url(../image/qt6.png);
}
#product-introduction .content-part .fw > .fw1 > p {
  height: 27px;
  font-size: 18px;
  font-family: Source Han Sans SC;
  font-weight: bold;
  line-height: 27px;
  color: #EC1C1C;
  opacity: 1;
  margin: 0 auto 34px auto;
}
#product-introduction .content-part .fw > .fw1 > div {
  margin: 0 auto;
}
#product-introduction .content-part .fw > .fw1 > div > p {
  width: 275px;
  height: 60px;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 30px;
  color: #290202;
  opacity: 1;
  margin: 0 45px;
  text-align: left;
  margin-bottom: 15px ;
}
#product-introduction .content-part .fw > .fw1 > a {
  width: 275px;
  height: 40px;
  border: 1px solid #DCDCDC;
  opacity: 1;
  border-radius: 5px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  line-height: 24px;
  color: rgba(41, 2, 2, 0.45);
  padding-top: 8px;
  margin: 30px 40px;
  font-size: var(--ebq-s-m);
}
#product-introduction .content-part .fw > .fw1 > a:hover {
  color: #ff0000;
  border-color: #ff0000;
}
#product-introduction .electronic-sign {
  padding-bottom: 100px;
  background: url(../image/n-el-sign.png) 100% no-repeat;
}
#product-introduction .electronic-sign .sign-box {
  background: rgba(255, 255, 255, 0.36);
  box-shadow: 0px 6px 6px 0px rgba(220, 227, 238, 0.26), 0px -6px 6px 0px rgba(220, 227, 238, 0.26);
  border-radius: 3px;
  backdrop-filter: blur(10px);
  padding: 35px 30px;
}
#product-introduction .electronic-sign .sign-box .title_represent {
  text-align: left;
  margin-bottom: 40px;
}
#product-introduction .electronic-sign .sign-box .electronic-detail-label {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}
#product-introduction .electronic-sign .sign-box .electronic-detail-label a {
  padding: 8px 50px ;
  color: #fff;
  border: 1px solid #EC1C1C !important;
  font-size: var(--ebq-s-m);
  background-color: #EC1C1C;
}
#product-introduction .electronic-sign .sign-box .electronic-detail-label a:hover {
  color: white;
  background-color: #E83434;
}
#product-introduction .smart-contract {
  padding-bottom: 100px;
}
#product-introduction .smart-contract .title_header {
  margin-bottom: 40px;
  font-weight: bold;
  color: #333333;
  text-align: center;
  font-family: Source Han Sans SC;
  margin-top: 60px;
  font-size: 42px;
  font-weight: var(--ebq-w-l);
}
#product-introduction .smart-contract .contract-box {
  background: #F4F7F7;
  box-shadow: 0px -6px 6px 0px rgba(220, 227, 238, 0.26);
  background: rgba(255, 255, 255, 0.36);
  border-radius: 3px;
  padding: 30px;
}
#product-introduction .smart-contract .contract-box .title_represent {
  color: #333333;
  font-size: 16px;
}
#product-introduction .part-1 .title_header,
#product-introduction .part-2 .title_header,
#product-introduction .part-3 .title_header,
#product-introduction .part-4 .title_header,
#product-introduction .part-5 .title_header,
#product-introduction .part-6 .title_header,
#product-introduction .part-7 .title_header {
  margin-bottom: 40px;
  font-weight: bold;
  color: #333333;
  text-align: center;
  font-family: Source Han Sans SC;
  margin-top: 60px;
  font-size: 42px;
  font-weight: var(--ebq-w-l);
}
#product-introduction .part-1 .title_header span,
#product-introduction .part-2 .title_header span,
#product-introduction .part-3 .title_header span,
#product-introduction .part-4 .title_header span,
#product-introduction .part-5 .title_header span,
#product-introduction .part-6 .title_header span,
#product-introduction .part-7 .title_header span {
  font-size: 16px;
  font-weight: 400;
  color: rgba(41, 2, 2, 0.45);
}
#product-introduction .part-1 .title_header p,
#product-introduction .part-2 .title_header p,
#product-introduction .part-3 .title_header p,
#product-introduction .part-4 .title_header p,
#product-introduction .part-5 .title_header p,
#product-introduction .part-6 .title_header p,
#product-introduction .part-7 .title_header p {
  position: relative;
  font-family: 微软雅黑;
}
#product-introduction .part-1 .title_header p .divide-left,
#product-introduction .part-2 .title_header p .divide-left,
#product-introduction .part-3 .title_header p .divide-left,
#product-introduction .part-4 .title_header p .divide-left,
#product-introduction .part-5 .title_header p .divide-left,
#product-introduction .part-6 .title_header p .divide-left,
#product-introduction .part-7 .title_header p .divide-left {
  position: absolute;
  left: 339px;
  width: 95px;
  top: 24px;
  display: none;
}
#product-introduction .part-1 .title_header p .divide-right,
#product-introduction .part-2 .title_header p .divide-right,
#product-introduction .part-3 .title_header p .divide-right,
#product-introduction .part-4 .title_header p .divide-right,
#product-introduction .part-5 .title_header p .divide-right,
#product-introduction .part-6 .title_header p .divide-right,
#product-introduction .part-7 .title_header p .divide-right {
  position: absolute;
  right: 339px;
  width: 95px;
  top: 24px;
  display: none;
}
#product-introduction .part-1 .title_header p span,
#product-introduction .part-2 .title_header p span,
#product-introduction .part-3 .title_header p span,
#product-introduction .part-4 .title_header p span,
#product-introduction .part-5 .title_header p span,
#product-introduction .part-6 .title_header p span,
#product-introduction .part-7 .title_header p span {
  padding: 0 50px;
  font-size: 32px;
  font-weight: 400;
  color: #290202;
}
#product-introduction .loop-box {
  background-image: url(../image/n-el-sign.png);
  background-position: bottom;
  background-repeat: no-repeat;
}
#product-introduction .loop-box .loop {
  background: rgba(255, 255, 255, 0.6);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 70px;
  padding: 50px 120px;
}
#product-introduction .loop-box .loop .loop-item {
  flex: 1;
  background-image: url(../image/n-saas-loop-bg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 30px;
  position: relative;
}
#product-introduction .loop-box .loop .loop-item:nth-child(1)::before {
  content: '1';
}
#product-introduction .loop-box .loop .loop-item:nth-child(2)::before {
  content: '2';
}
#product-introduction .loop-box .loop .loop-item:nth-child(3)::before {
  content: '3';
}
#product-introduction .loop-box .loop .loop-item::before {
  position: absolute;
  top: 22px;
  left: 22px;
  font-size: 18px;
  color: #CC3333;
}
#product-introduction .loop-box .loop .loop-item img {
  width: 50px;
  margin: 30px 0;
}
#product-introduction .loop-box .loop .loop-item .loop-item-title {
  color: #000;
  font-size: 16px;
  margin-bottom: 15px;
}
#product-introduction .loop-box .loop .loop-item .loop-item-desc {
  font-size: 12px;
  line-height: 22px;
  color: #000;
  text-align: center;
  margin-bottom: 40px;
}
#product-introduction .loop-box .loop .loop-item .loop-item-btn {
  background: #DE2304;
  color: #fff;
  width: 100%;
  padding: 10px 0;
  font-size: 16px;
  text-align: center;
}
#product-introduction .connection {
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: #f6f6f6;
}
#product-introduction .connection .connection-box {
  height: 95px;
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#product-introduction .connection .connection-box .title {
  font-size: 20px;
  font-weight: bold;
}
#product-introduction .connection .connection-box .input input {
  height: 40px;
  border: 2px solid #EFEFEF;
  padding: 0 15px;
  border-radius: 10px;
  outline: none;
}
#product-introduction .connection .connection-box .submit_btn {
  padding: 10px 50px;
  color: #fff;
  border-radius: 3px;
  background: #DE2304;
  cursor: pointer;
}
.content-part {
  width: 100%;
  min-width: 1200px;
}
#technical-security {
  background-position-y: -500px;
}
#technical-security .part-3 {
  box-sizing: content-box;
  margin-top: 49px;
  padding-bottom: 249px;
  height: 280px;
}
#technical-security .part-3 .content1 {
  width: 216px;
  height: 280px;
  margin-right: 30px;
  background: #ffffff;
  float: left;
}
#technical-security .part-3 .content1 .top {
  height: 85px;
  border-bottom: 1px solid rgba(243, 243, 243);
}
#technical-security .part-3 .content1 .top img {
  float: left;
  margin-top: 34px;
  margin-left: 39px;
}
#technical-security .part-3 .content1 .top .info {
  float: left;
  margin-top: 14px;
  margin-left: 13px;
}
#technical-security .part-3 .content1 .top .info .bold {
  height: 16px;
  font-size: 16px;
  font-weight: 400;
  color: #323232;
  line-height: 60px;
  margin-bottom: 5px;
}
#technical-security .part-3 .content1 .top .info .small {
  height: 12px;
  font-size: 12px;
  font-weight: 400;
  color: #989898;
  line-height: 60px;
}
#technical-security .part-3 .content1 .bottom {
  padding-top: 43px;
}
#technical-security .part-3 .content1 .bottom div {
  font-size: 12px;
  font-weight: 400;
  color: #666666;
  line-height: 30px;
  text-align: center;
}
#technical-security .part-3 div.last {
  margin-right: 0;
}
#product-price {
  box-sizing: border-box;
}
#product-price .part-1 .red {
  color: #ec1c1c;
}
#product-price .part-1 table {
  width: 100%;
  margin-top: 68px;
  border: 1px solid #9b9b9b;
  margin-bottom: 50px;
  border-collapse: collapse;
}
#product-price .part-1 table tr {
  height: 60px;
  vertical-align: middle;
}
#product-price .part-1 table tr td {
  border: 1px solid #9b9b9b;
  text-align: center;
  font-size: 14px;
  font-family: 微软雅黑;
  font-weight: 400;
  color: #002060;
}
#product-price .part-1 table tr td.color {
  color: #646464;
}
#product-price .part-1 table tr th {
  border: 1px solid #9b9b9b;
  width: 200px;
  text-align: center;
  font-size: 16px;
  font-family: 微软雅黑;
  font-weight: bold;
  color: #002060;
}
#product-price .part-1 table tr th .hover {
  position: relative;
  cursor: pointer;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  border-radius: 50%;
  display: inline-block;
  background: #008000;
  margin-left: 5px;
  color: #fff;
}
#product-price .part-1 table tr th .hover span {
  display: none;
}
#product-price .part-1 table tr th .hover:hover span {
  display: block;
  position: absolute;
  left: 10px;
  bottom: 10px;
  background: #cccccc;
  color: #333333;
  font-size: 14px;
  width: 290px;
  text-align: center;
  line-height: 35px;
}
#product-price .part-1 table tr.bg {
  background: #f3f3f3;
}
#product-price .part-1 table tr.f12 {
  height: 60px;
}
#product-price .part-1 table tr.f12 td {
  vertical-align: top;
  font-size: 12px;
  padding: 22px 20px 5px;
  text-align: left;
}
#product-price .part-1 table tr.f12 td:first-child {
  padding: 0;
  vertical-align: middle;
  font-size: 14px;
  text-align: center;
}
#product-price .part-1 table tr:first-child td {
  font-size: 24px;
  font-family: 微软雅黑;
  font-weight: 400;
  color: #666666;
}
#product-price .part-1 table tr:last-child td {
  font-size: 18px;
}
#product-price .part-1 p {
  font-size: 14px;
  margin-top: 15px;
  margin-bottom: 80px;
}
#counsel-service {
  min-width: 1200px;
}
#counsel-service .photo-wall-n {
  width: 100%;
  height: 520px;
  opacity: 1;
  background-image: url(../image/n-service-bg.png);
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position-x: center;
}
#counsel-service .photo-wall-n .content {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
#counsel-service .photo-wall-n .content img {
  height: 50px;
  margin-bottom: 35px;
}
#counsel-service .photo-wall-n .content h1 {
  font-size: 58px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 35px;
}
#counsel-service .photo-wall-n .content div {
  color: #fff;
  font-size: 16px;
  margin-bottom: 35px;
}
#counsel-service .counsel-container {
  position: relative;
}
#counsel-service .counsel-container .part-container {
  padding-top: 60px;
  padding-bottom: 120px;
}
#counsel-service .counsel-container .part-container h2 {
  font-size: 42px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 45px;
}
#counsel-service .counsel-container .part-container .content-container {
  width: 1200px;
  margin: auto;
}
#counsel-service .counsel-container .overview {
  background-image: url(../image/n-el-sign.png);
  background-position: bottom;
  background-repeat: no-repeat;
}
#counsel-service .counsel-container .overview .content-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 70px 0px;
}
#counsel-service .counsel-container .overview .content-container .overview-img {
  max-width: 200px;
  height: 100%;
  margin-right: 100px;
}
#counsel-service .counsel-container .overview .content-container .content .overview-title {
  color: #333;
  font-size: 28px;
  margin-bottom: 30px;
}
#counsel-service .counsel-container .overview .content-container .content .article {
  color: #333;
  font-size: 18px;
  line-height: 1.5;
  position: relative;
}
#counsel-service .counsel-container .counsel-tab .content-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 100px;
}
#counsel-service .counsel-container .counsel-tab .content-container .img-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 24px;
}
#counsel-service .counsel-container .counsel-tab .content-container .img-item img {
  width: 200px;
  margin-bottom: 25px;
}
#counsel-service .counsel-container .counsel-tab .counsel-tabs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
#counsel-service .counsel-container .counsel-tab .counsel-tabs li {
  flex: 1;
}
#counsel-service .counsel-container .counsel-tab .counsel-tabs li .tab-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  border-bottom: 2px solid #EBEDF2;
  padding-bottom: 10px;
}
#counsel-service .counsel-container .counsel-tab .counsel-tabs li .tab-item h3 {
  font-weight: 500;
}
#counsel-service .counsel-container .counsel-tab .counsel-tabs li .tab-item img {
  width: 70px;
  height: 70px;
  margin-bottom: 5px;
  transition: all 0.3s;
}
#counsel-service .counsel-container .counsel-tab .counsel-tabs li:hover .tab-item,
#counsel-service .counsel-container .counsel-tab .counsel-tabs li.active .tab-item {
  border-bottom: 2px solid #DE2304;
}
#counsel-service .counsel-container .counsel-tab .counsel-tabs li:hover img,
#counsel-service .counsel-container .counsel-tab .counsel-tabs li.active img {
  transform: scale(1.2);
}
#counsel-service .counsel-container .counsel-content {
  display: none;
}
#counsel-service .counsel-container .counsel-content.on {
  display: block;
}
#counsel-service .counsel-container .counsel-content .part-container {
  margin-top: 80px;
  padding-bottom: 20px;
}
#counsel-service .counsel-container .counsel-content .part-container h2 {
  font-size: 42px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 45px;
}
#counsel-service .counsel-container .counsel-content .part-container .content-container {
  width: 1200px;
  margin: auto;
}
#counsel-service .counsel-container .counsel-content .part-container.tab-content .testify-content {
  display: flex;
  gap: 30px;
  margin-bottom: 30px;
}
#counsel-service .counsel-container .counsel-content .part-container.tab-content .testify-content .testify-left {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  padding: 30px 60px;
  background: linear-gradient(0deg, #FFFFFF, #F4F7F7);
  box-shadow: 0px -6px 6px 0px rgba(220, 227, 238, 0.26), 0px 6px 6px 0px rgba(220, 227, 238, 0.26);
  border-radius: 3px;
  border: 2px solid #FFFFFF;
}
#counsel-service .counsel-container .counsel-content .part-container.tab-content .testify-content .testify-left .testify-left-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  color: #000;
  font-size: 20px;
}
#counsel-service .counsel-container .counsel-content .part-container.tab-content .testify-content .testify-left .testify-left-item img {
  width: 180px;
  margin-bottom: 15px;
}
#counsel-service .counsel-container .counsel-content .part-container.tab-content .testify-content .testify-right {
  display: flex;
  flex-direction: column;
  padding: 50px 80px;
  gap: 50px;
  background: linear-gradient(0deg, #FFFFFF, #F4F7F7);
  box-shadow: 0px -6px 6px 0px rgba(220, 227, 238, 0.26), 0px 6px 6px 0px rgba(220, 227, 238, 0.26);
  border-radius: 3px;
  border: 2px solid #FFFFFF;
}
#counsel-service .counsel-container .counsel-content .part-container.tab-content .testify-content .testify-right .testify-right-item .testify-right-item-title {
  position: relative;
  padding-left: 40px;
  margin-bottom: 20px;
  font-size: 22px;
}
#counsel-service .counsel-container .counsel-content .part-container.tab-content .testify-content .testify-right .testify-right-item .testify-right-item-title:after {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #DE2304;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
#counsel-service .counsel-container .counsel-content .part-container.tab-content .testify-content .testify-right .testify-right-item .testify-right-item-title:before {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #EE9181;
  left: 9px;
  top: 50%;
  transform: translateY(-50%);
}
#counsel-service .counsel-container .counsel-content .part-container.tab-content .testify-content .testify-right .testify-right-item .testify-right-item-desc {
  font-size: 16px;
}
#counsel-service .counsel-container .counsel-content .part-container.judiciary {
  background-image: url(../image/n-el-sign.png);
  background-position: bottom;
  background-repeat: no-repeat;
}
#counsel-service .counsel-container .counsel-content .part-container.judiciary .judiciary-content .judiciary-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 440px;
}
#counsel-service .counsel-container .counsel-content .part-container.judiciary .judiciary-content .judiciary-box .judiciary-left {
  height: 100%;
  padding: 30px;
  width: 720px;
  background: rgba(0, 0, 0, 0.1);
}
#counsel-service .counsel-container .counsel-content .part-container.judiciary .judiciary-content .judiciary-box .judiciary-left .judiciary-left-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 18px;
  margin-bottom: 30px;
}
#counsel-service .counsel-container .counsel-content .part-container.judiciary .judiciary-content .judiciary-box .judiciary-left .judiciary-left-title img {
  height: 30px;
  margin-right: 10px;
}
#counsel-service .counsel-container .counsel-content .part-container.judiciary .judiciary-content .judiciary-box .judiciary-left .judiciary-left-tags {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px 30px;
}
#counsel-service .counsel-container .counsel-content .part-container.judiciary .judiciary-content .judiciary-box .judiciary-left .judiciary-left-tags .judiciary-left-tag {
  width: 200px;
  padding: 30px 0;
  text-align: center;
  background: linear-gradient(0deg, #FFFFFF, #F4F7F7);
  border-radius: 10px;
  border: 2px solid #FFFFFF;
  box-shadow: 0px -6px 6px 0px rgba(220, 227, 238, 0.26), 0px 6px 6px 0px rgba(220, 227, 238, 0.26);
  font-size: 18px;
}
#counsel-service .counsel-container .counsel-content .part-container.judiciary .judiciary-content .judiciary-box .judiciary-symbol {
  margin: 0 30px;
}
#counsel-service .counsel-container .counsel-content .part-container.judiciary .judiciary-content .judiciary-box .judiciary-right {
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
}
#counsel-service .counsel-container .counsel-content .part-container.judiciary .judiciary-content .judiciary-box .judiciary-right .judiciary-right-title {
  background: #DE2304;
  padding: 10px 100px;
  text-align: center;
  color: #fff;
  font-size: 18px;
}
#counsel-service .counsel-container .counsel-content .part-container.judiciary .judiciary-content .judiciary-box .judiciary-right .judiciary-right-tags {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 30px 0;
  height: 85%;
}
#counsel-service .counsel-container .counsel-content .part-container.judiciary .judiciary-content .judiciary-box .judiciary-right .judiciary-right-tags .judiciary-right-tag {
  display: flex;
  justify-content: center;
  font-size: 14px;
}
#counsel-service .counsel-container .counsel-content .part-container.judiciary .judiciary-content .judiciary-box .judiciary-right .judiciary-right-tags .judiciary-right-tag img {
  width: 20px;
  margin-right: 20px;
}
#counsel-service .counsel-container .counsel-content .part-container.judiciary .judiciary-content .judiciary-box .judiciary-right .judiciary-right-tags .judiciary-right-tag span {
  width: 90px;
}
#counsel-service .counsel-container .counsel-content .part-container.judiciary .judiciary-content .judiciary-items {
  margin: 100px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
#counsel-service .counsel-container .counsel-content .part-container.judiciary .judiciary-content .judiciary-items .judiciary-item {
  text-align: center;
  font-size: 16px;
  background: linear-gradient(0deg, #FFFFFF, #F4F7F7);
  border-radius: 3px;
  padding: 20px 0;
  flex: 1;
  border: 2px solid #FFFFFF;
}
#counsel-service .counsel-container .counsel-content .part-container.arbitration .arbitration-content .step-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}
#counsel-service .counsel-container .counsel-content .part-container.arbitration .arbitration-content .step-row .step-item {
  background: #FFFFFF;
  border-radius: 3px;
  border: 2px solid #FFFFFF;
  box-shadow: 0px -6px 6px 0px rgba(220, 227, 238, 0.26), 0px 6px 6px 0px rgba(220, 227, 238, 0.26);
  display: flex;
  align-items: center;
  padding: 15px 30px;
  font-size: 18px;
}
#counsel-service .counsel-container .counsel-content .part-container.arbitration .arbitration-content .step-row .step-item img {
  width: 40px;
  margin-right: 10px;
}
#counsel-service .counsel-container .counsel-content .part-container.arbitration .arbitration-content .peculiarity-row {
  display: flex;
  justify-content: space-between;
  gap: 60px;
}
#counsel-service .counsel-container .counsel-content .part-container.arbitration .arbitration-content .peculiarity-row .peculiarity-item {
  flex: 1;
  background-image: url(../image/secure-bg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 70px 30px 0 30px;
  height: 280px;
  border-radius: 3px;
  border: 2px solid #FFFFFF;
  box-shadow: 0px -6px 6px 0px rgba(220, 227, 238, 0.26), 0px 6px 6px 0px rgba(220, 227, 238, 0.26);
}
#counsel-service .counsel-container .counsel-content .part-container.arbitration .arbitration-content .peculiarity-row .peculiarity-item .peculiarity-item-title {
  font-size: 20px;
  margin-bottom: 15px;
}
#counsel-service .counsel-container .counsel-content .part-container.arbitration .arbitration-content .peculiarity-row .peculiarity-item .peculiarity-item-desc {
  font-size: 16px;
  line-height: 30px;
}
#counsel-service .counsel-container .counsel-content .part-container.arbitration .connected-content {
  background-image: url(../image/n-connected-content-bg.png);
  padding: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#counsel-service .counsel-container .counsel-content .part-container.arbitration .connected-content img {
  width: 550px;
}
#counsel-service .counsel-container .counsel-content .part-container.case {
  background-image: url(../image/n-el-sign.png);
  background-position: bottom;
  background-repeat: no-repeat;
}
#counsel-service .counsel-container .counsel-content .part-container.case .case-content .swiper-container {
  z-index: 5;
}
#counsel-service .counsel-container .counsel-content .part-container.case .case-content .swiper-container .swiper-wrapper {
  padding: 60px 8px;
}
#counsel-service .counsel-container .counsel-content .part-container.case .case-content .swiper-container .swiper-wrapper .swiper-slide {
  box-shadow: 0 8px 16px 0 rgba(213, 213, 213, 0.26);
}
#counsel-service .counsel-container .counsel-content .part-container.case .case-content .swiper-container .swiper-wrapper .swiper-slide .item {
  padding: 50px 30px 20px 30px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: center;
  background: url(../image/example-ibg.png) #fff no-repeat;
  height: 390px;
}
#counsel-service .counsel-container .counsel-content .part-container.case .case-content .swiper-container .swiper-wrapper .swiper-slide .item .text {
  height: 70px;
  font-size: 26px;
  font-weight: 600;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 40px;
}
#counsel-service .counsel-container .counsel-content .part-container.case .case-content .swiper-container .swiper-wrapper .swiper-slide .item .divider {
  margin-top: 15px;
  margin-bottom: 40px;
}
#counsel-service .counsel-container .counsel-content .part-container.case .case-content .swiper-container .swiper-wrapper .swiper-slide .item .desc {
  font-size: 16px;
  color: #333333;
  height: 140px;
}
#counsel-service .counsel-container .counsel-content .part-container.case .case-content .swiper-container .swiper-wrapper .swiper-slide .item .source {
  margin-top: 20px;
  color: #666;
  font-size: 14px;
}
#file-query .pup-heid {
  display: none;
}
#file-query .result-pup {
  width: 39vw;
  height: 90vh;
  padding: 10px;
  position: fixed;
  top: calc(50% - 41.5vh);
  left: calc(50% - 19.5vw);
  background: #FAFAFC;
  box-shadow: 0px 2px 10px 1px rgba(103, 103, 103, 0.16);
  z-index: 20;
}
#file-query .result-pup .close-icon {
  position: absolute;
  top: 0px;
  right: -35px;
  background-color: #fff;
  cursor: pointer;
  box-shadow: 0px 2px 10px 1px rgba(103, 103, 103, 0.16);
  display: inline-block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border-radius: 5px;
}
#file-query .result-pup .pup-content {
  width: 100%;
  height: 96%;
  background-image: url(../image/resBG.png);
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#file-query .result-pup .pup-content .titleI {
  text-align: center;
  font-weight: 400;
  font-size: 24px;
  color: #262626;
}
#file-query .result-pup .pup-content .titleII {
  font-weight: 600;
  font-size: 26px;
  margin: 17px 0;
}
#file-query .result-pup .pup-content .titleII > img {
  width: 36px !important;
  height: 36px;
  margin-right: 5px;
  vertical-align: middle;
}
#file-query .result-pup .pup-content .content-view {
  width: 93%;
  height: 50vh;
  overflow-y: auto;
}
#file-query .result-pup .pup-content .pupa-header {
  width: 100%;
}
#file-query .result-pup .pup-content .content-view > div {
  border-top: 1px solid #e3e3e3;
}
#file-query .result-pup .pup-content .content-view > h4 {
  margin: 10px 0;
}
#file-query .result-pup .pup-content .content-view .flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
#file-query .result-pup .pup-content .content-view .effective {
  color: #52C41A;
}
#file-query .result-pup .pup-content .content-view .invalid {
  color: #FF4D4F;
}
#file-query .result-pup .pup-content .content-view .view-item {
  margin: 15px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 400;
  font-size: 12px;
  color: #262626;
}
#file-query .result-pup .pup-content .content-view .view-item img {
  width: 16px !important;
  height: 16px;
  margin-right: 5px;
}
#file-query .result-pup .pup-content .content-view .view-no,
#file-query .result-pup .pup-content .content-view .view-hash {
  font-weight: 400;
  font-size: 12px;
  color: #262626;
  margin: 15px 0;
  display: flex;
}
#file-query .result-pup .pup-content .content-view .view-no :last-child,
#file-query .result-pup .pup-content .content-view .view-hash :last-child {
  display: inline-block;
  width: 87%;
  word-wrap: break-word;
}
#file-query .result-pup .pup-content .content-view .view-item :first-child {
  display: inline-block;
  width: 59%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#file-query .result-pup .pup-content .content-view .view-item :last-child {
  display: inline-block;
  width: 39%;
  vertical-align: middle;
}
#file-query .container #pagination {
  padding: 50px 0 100px 0;
}
#file-query .container #alert1 {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2000;
}
#file-query .container #alert1 .bg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 840px;
  height: 720px;
  margin-top: -360px;
  margin-left: -420px;
  background: url(../image/alert2.png);
}
#file-query .container #alert1 .bg:after {
  position: absolute;
  content: "";
  display: block;
  height: 640px;
  width: 25px;
  background: #fff;
  right: 15px;
  bottom: 20px;
}
#file-query .container #alert1 .bg .close {
  position: absolute;
  top: 10px;
  right: 30px;
  width: 45px;
  height: 35px;
}
#file-query .container #alert1 .bg .box {
  overflow: auto;
  width: 820px;
  margin-top: 80px;
  height: 600px;
  padding-left: 30px;
}
#file-query .container #alert1 table {
  width: 756px;
  margin: 30px auto;
  border: 1px solid #e5e5e5;
  border-collapse: collapse;
}
#file-query .container #alert1 table tr {
  text-align: center;
  height: 40px;
  line-height: 40px;
  border: 1px solid #e5e5e5;
}
#file-query .container #alert1 table tr td {
  border: 1px solid #e5e5e5;
  font-size: 12px;
  font-weight: 400;
  color: #9a9a9a;
}
#file-query .container #alert1 table tr td.first {
  background: #f2f2f2;
}
#file-query .container #alert1 table tr.first td {
  background: #f2f2f2;
  text-align: center;
}
#file-query .container #alert1 table.first {
  margin-top: 0px;
}
#file-query .container .part-1 {
  width: 950px;
  margin: 85px auto 78px;
  border: 1px solid #eee;
}
#file-query .container .part-1 .d6_content_box {
  width: 640px;
  margin: 30px auto;
}
#file-query .container .part-1 .d6_content_box .file_head {
  margin-bottom: 20px;
}
#file-query .container .part-1 .d6_content_box .file_content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#file-query .container .part-1 .d6_content_box .file_content .flex_content {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
#file-query .container .part-1 .d6_content_box .file_content .flex_content .textarea_text {
  padding: 10px;
}
#file-query .container .part-1 .d6_content_box .file_content .flex_content .upload_file {
  position: relative;
}
#file-query .container .part-1 .d6_content_box .file_content .flex_content .upload_file .file_preview {
  width: 150px;
  height: 150px;
  border: 1px dotted #666;
}
#file-query .container .part-1 .d6_content_box .file_content .flex_content .upload_file .file_preview .f_first {
  width: 50%;
  height: 70%;
  border-right: 1px dotted #666;
  position: absolute;
  left: 0;
  top: 15%;
}
#file-query .container .part-1 .d6_content_box .file_content .flex_content .upload_file .file_preview .f_last {
  width: 70%;
  height: 50%;
  border-bottom: 1px dotted #666;
  position: absolute;
  top: 0;
  left: 15%;
}
#file-query .container .part-1 .d6_content_box .file_content .flex_content .upload_file .file_input {
  width: 150px;
  height: 150px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}
#file-query .container .part-1 .d6_content_box .file_content .append_file_box {
  display: none;
}
#file-query .container .part-1 .d6_content_box .file_content .append_file_box.box_active {
  display: block;
}
#file-query .container .part-1 .d6_content_box .data_sign_submit {
  cursor: pointer;
  width: 110px;
  height: 34px;
  font-size: 14px;
  color: #EC1C1C;
  margin: 20px auto;
  text-align: center;
  line-height: 34px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAAAiBAMAAABM7/HfAAAAJ1BMVEUAAAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AQH/AAD/AAD/AQH/AABgFA07AAAADHRSTlMA7fLv1/n13vzm6M1+D2/hAAAAyElEQVQ4y2NwFhRiUBSEAKGYM0BwNEwZyBY2NlICAmVjI7W00NCwJMkSFxcX10agDEi9CYMBAxODAAMpgJFBgYEZqIeToYAkfewMExgYydZnwMBFsr4FQHemLpSwcCBJH0tzo1QY2J8kAmg4spKsLwCIM7d4k6xvi/c0oJ3kAMZRfTj0NZClj4PhAFn6eMjVR647h0w8DBV9ZOZbcssJcsslcstB8spd+tcPZNdjiHoTVGmGQZgIAK49jZXSQsO0SoD1piGs3gQA7CIuJt4eFXcAAAAASUVORK5CYII=);
  position: relative;
}
#file-query .container .part-1 .d6_content_box .data_sign_submit.active .text {
  display: none;
}
#file-query .container .part-1 .d6_content_box .data_sign_submit.active .loading_box {
  position: absolute;
  left: 50%;
  top: 6px;
}
#file-query .container .part-1 .d6_content_box .data_sign_submit.active .loading_box .loading_line {
  width: 4px;
  height: 22px;
  background-color: #a0a0a0;
  border-radius: 2px;
  animation: rotates 2s linear infinite;
}
#file-query .container .part-1 .d6_content_box .data_sign_submit:hover {
  color: #fff;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHAAAAAkBAMAAACj0aOZAAAALVBMVEXsHBz+7u7+8/P+8fH83Nz/+/v96ur++fn////+8PD82Nj//f3+9vb94uL7z88y/MVbAAAA1klEQVRIx2MgG7AYSiowCUKBagcQdIcfshSUnGlsrAQCQOpMeWh4jWKuCxBEg1QpME0UdmBgZmBQYCTNLgEmBgYDBqCmBBbSNDqwATWDNfKSpvECWCMzeRoNGHgCBTeFkKbRVVtQ9ACIMYHUmOCE0gWkamQHE1mrHpCqkW/VsgJgqJIFBEY14tPISp7GAAZu8jRuIFsj2U4dStExhDSSm5HJLjrILqzILh7JLpDJrgLIrnTIr+YQFas4sFLdemiiIDKQnAyqXpWNdMrDD4Fq1mBExUouAADAPzKxncR+kQAAAABJRU5ErkJggg==);
}
#file-query .container .part-1 .card {
  width: 900px;
  margin: 52px auto 0 auto;
  padding: 2px 0;
  display: flex;
  justify-content: space-between;
  border-radius: 6px;
  box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.1);
}
#file-query .container .part-1 .card div,
#file-query .container .part-1 .card a {
  cursor: pointer;
  width: 224px;
  height: 51px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  color: #323232;
  background-size: 100% 100%;
}
#file-query .container .part-1 .card div .icon_img,
#file-query .container .part-1 .card a .icon_img {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
#file-query .container .part-1 .card div .icon_hide,
#file-query .container .part-1 .card a .icon_hide {
  display: none;
}
#file-query .container .part-1 .card .active {
  color: #ffffff;
  background-image: url(../image/nav_bar_bg.png);
}
#file-query .container .part-1 .card .active .icon_hide {
  display: inline-block;
}
#file-query .container .part-1 .card .active .icon_active {
  display: none;
}
#file-query .container .part-1 #d31 input {
  width: 100%;
  padding: 10px 24px;
  font-size: 12px;
  font-weight: 400;
  color: #cdcdcd;
  border: 1px solid #ccc;
  border-radius: 5px;
  outline: none;
}
#file-query .container .part-1 #d31 .input1,
#file-query .container .part-1 #d31 .input2 {
  width: 513px;
  margin: 40px auto 0;
}
#file-query .container .part-1 #d31 .input1 .first,
#file-query .container .part-1 #d31 .input2 .first {
  position: relative;
}
#file-query .container .part-1 #d31 .input1 .first p,
#file-query .container .part-1 #d31 .input2 .first p {
  position: absolute;
  bottom: -27px;
  left: 35px;
  color: #EC1C1C;
  font-size: 12px;
}
#file-query .container .part-1 #d31 .input2 {
  position: relative;
}
#file-query .container .part-1 #d31 .input2 .first {
  width: 277px;
  height: 55px;
}
#file-query .container .part-1 #d31 .input2 .last {
  width: 201px;
  height: 50px;
  position: absolute;
  right: 0;
  bottom: -5px;
}
#file-query .container .part-1 #d31 .input2 .last img {
  width: 101px;
  height: 35px;
}
#file-query .container .part-1 #d31 .input2 .last span {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 10px;
  font-size: 14px;
  color: #cdcdcd;
}
#file-query .container .part-1 #d31 .submit {
  margin-top: 40px;
  margin-bottom: 50px;
}
#file-query .container .part-1 #d31 .submit div {
  cursor: pointer;
  width: 110px;
  height: 34px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAAAiBAMAAABM7/HfAAAAJ1BMVEUAAAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AQH/AAD/AAD/AQH/AABgFA07AAAADHRSTlMA7fLv1/n13vzm6M1+D2/hAAAAyElEQVQ4y2NwFhRiUBSEAKGYM0BwNEwZyBY2NlICAmVjI7W00NCwJMkSFxcX10agDEi9CYMBAxODAAMpgJFBgYEZqIeToYAkfewMExgYydZnwMBFsr4FQHemLpSwcCBJH0tzo1QY2J8kAmg4spKsLwCIM7d4k6xvi/c0oJ3kAMZRfTj0NZClj4PhAFn6eMjVR647h0w8DBV9ZOZbcssJcsslcstB8spd+tcPZNdjiHoTVGmGQZgIAK49jZXSQsO0SoD1piGs3gQA7CIuJt4eFXcAAAAASUVORK5CYII=);
  margin: 0 auto;
  text-align: center;
  line-height: 34px;
  font-size: 12px;
  font-weight: 400;
  color: #EC1C1C;
}
#file-query .container .part-1 #d31 .submit div:hover {
  font-size: 14px;
  color: #fff;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHAAAAAkBAMAAACj0aOZAAAALVBMVEXsHBz+7u7+8/P+8fH83Nz/+/v96ur++fn////+8PD82Nj//f3+9vb94uL7z88y/MVbAAAA1klEQVRIx2MgG7AYSiowCUKBagcQdIcfshSUnGlsrAQCQOpMeWh4jWKuCxBEg1QpME0UdmBgZmBQYCTNLgEmBgYDBqCmBBbSNDqwATWDNfKSpvECWCMzeRoNGHgCBTeFkKbRVVtQ9ACIMYHUmOCE0gWkamQHE1mrHpCqkW/VsgJgqJIFBEY14tPISp7GAAZu8jRuIFsj2U4dStExhDSSm5HJLjrILqzILh7JLpDJrgLIrnTIr+YQFas4sFLdemiiIDKQnAyqXpWNdMrDD4Fq1mBExUouAADAPzKxncR+kQAAAABJRU5ErkJggg==);
}
#file-query .container .part-1 #d32 table {
  width: 756px;
  margin: 30px auto;
  border: none;
  border-bottom: 1px solid #e5e5e5;
  border-collapse: collapse;
}
#file-query .container .part-1 #d32 table tr {
  text-align: center;
  height: 40px;
  line-height: 40px;
  border: none;
  border-bottom: 1px solid #e5e5e5;
}
#file-query .container .part-1 #d32 table tr td {
  border: none;
  border-bottom: 1px solid #e5e5e5;
  font-size: 12px;
  font-weight: 400;
  color: #9a9a9a;
}
#file-query .container .part-1 #d32 table tr td.first {
  background: #f2f2f2;
}
#file-query .container .part-1 #d32 table tr.first td {
  background: #f2f2f2;
  text-align: center;
}
#file-query .container .part-1 #d32 table.first {
  margin-top: 0px;
}
#file-query .container .part-1 #d4 {
  width: 615px;
  margin: 0 auto;
}
#file-query .container .part-1 #d4 h3 {
  font-size: 16px;
  font-weight: 400;
  color: #323232;
  line-height: 24px;
  margin: 27px 0;
}
#file-query .container .part-1 #d4 div {
  font-size: 12px;
  font-weight: 400;
  color: #9a9a9a;
  line-height: 24px;
}
#file-query .container .part-1 #d4 .t_center {
  text-align: center;
}
#file-query .container .part-1 #d4 .box {
  width: 331px;
  height: 207px;
  margin: 15px auto;
  border: 1px dotted #666;
  position: relative;
}
#file-query .container .part-1 #d4 .box .first {
  width: 50%;
  height: 70%;
  border-right: 1px dotted #666;
  position: absolute;
  left: 0;
  top: 15%;
}
#file-query .container .part-1 #d4 .box .last {
  width: 70%;
  height: 50%;
  border-bottom: 1px dotted #666;
  position: absolute;
  top: 0;
  left: 15%;
}
#file-query .container .part-1 #d4 .submit {
  margin-bottom: 40px;
  margin-top: 40px;
}
#file-query .container .part-1 #d4 .submit div {
  cursor: pointer;
  width: 110px;
  height: 34px;
  margin: 0 auto;
  text-align: center;
  line-height: 34px;
  position: relative;
}
#file-query .container .part-1 #d4 .submit div input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  width: 110px;
  height: 34px;
  z-index: 10;
}
#file-query .container .part-1 #d4 .submit div input:hover + div {
  font-size: 14px;
  color: #fff;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHAAAAAkBAMAAACj0aOZAAAALVBMVEXsHBz+7u7+8/P+8fH83Nz/+/v96ur++fn////+8PD82Nj//f3+9vb94uL7z88y/MVbAAAA1klEQVRIx2MgG7AYSiowCUKBagcQdIcfshSUnGlsrAQCQOpMeWh4jWKuCxBEg1QpME0UdmBgZmBQYCTNLgEmBgYDBqCmBBbSNDqwATWDNfKSpvECWCMzeRoNGHgCBTeFkKbRVVtQ9ACIMYHUmOCE0gWkamQHE1mrHpCqkW/VsgJgqJIFBEY14tPISp7GAAZu8jRuIFsj2U4dStExhDSSm5HJLjrILqzILh7JLpDJrgLIrnTIr+YQFas4sFLdemiiIDKQnAyqXpWNdMrDD4Fq1mBExUouAADAPzKxncR+kQAAAABJRU5ErkJggg==);
}
#file-query .container .part-1 #d4 .submit div div {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAAAiBAMAAABM7/HfAAAAJ1BMVEUAAAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AQH/AAD/AAD/AQH/AABgFA07AAAADHRSTlMA7fLv1/n13vzm6M1+D2/hAAAAyElEQVQ4y2NwFhRiUBSEAKGYM0BwNEwZyBY2NlICAmVjI7W00NCwJMkSFxcX10agDEi9CYMBAxODAAMpgJFBgYEZqIeToYAkfewMExgYydZnwMBFsr4FQHemLpSwcCBJH0tzo1QY2J8kAmg4spKsLwCIM7d4k6xvi/c0oJ3kAMZRfTj0NZClj4PhAFn6eMjVR647h0w8DBV9ZOZbcssJcsslcstB8spd+tcPZNdjiHoTVGmGQZgIAK49jZXSQsO0SoD1piGs3gQA7CIuJt4eFXcAAAAASUVORK5CYII=);
  font-size: 12px;
  font-weight: 400;
  color: #EC1C1C;
  width: 110px;
  height: 34px;
  line-height: 34px;
}
#file-query .container .part-1 #d4 .submit h3 {
  text-align: center;
  color: #EC1C1C;
}
#file-query .container .part-1 #d4 #step_hide .red {
  font-size: 12px;
  font-weight: 400;
  color: #ec1c1c;
  line-height: 24px;
  margin: 15px 0;
  cursor: pointer;
}
#file-query .container .part-1 #d4 #step_hide .step a {
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  color: #ec1c1c;
  line-height: 24px;
}
#file-query .container .part-1 #d4 #step_hide .step .step2 {
  margin-top: 30px;
}
#file-query .container .part-1 #d4 #step_hide .step .second {
  padding: 15px 20px;
}
#file-query .container .part-1 #d4 #step_hide .step .step3 {
  text-align: center;
  margin-bottom: 78px;
}
#file-query .container .part-1 #d4 #step_hide .step .step3 div {
  text-align: left;
}
#file-query .container .part-1 #d4 #step_hide .step .step3 img {
  margin-top: 30px;
}
#file-query .container .part-2 {
  margin: 0 auto;
  width: 950px;
}
#file-query .container .part-2 .header {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  padding: 12px 10px 12px 35px;
  background: #f1f1f1;
  border: 1px solid #e5e5e5;
}
#file-query .container .part-2 .header span {
  padding-left: 10px;
  font-size: 12px;
  font-weight: 400;
  color: #9a9a9a;
  line-height: 18px;
}
#file-query .container .part-2 .content {
  width: 100%;
  border: 1px solid #e5e5e5;
  border-collapse: collapse;
}
#file-query .container .part-2 .content tr {
  height: 50px;
  line-height: 50px;
  border: 1px solid #eee;
  border: 1px solid #e5e5e5;
}
#file-query .container .part-2 .content tr td {
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  color: #989898;
  border: 1px solid #e5e5e5;
}
#file-query .container .part-2 .content .first td {
  color: #333333;
}
#file-query .container .part-2 .page {
  list-style: none;
  margin-top: 50px;
  margin-bottom: 100px;
}
#file-query .container .part-2 .page:after {
  display: block;
  content: "";
  clear: both;
}
#file-query .container .part-2 .page li {
  padding: 5px 20px;
  cursor: pointer;
  float: left;
  border-radius: 5px;
  margin-right: 10px;
  border: 1px solid #666;
  background: #fff;
}
#file-query .container .part-2 .page li:hover {
  color: #EC1C1C;
  background: #0066aa;
}
#file-query .container .part-2 .page li input {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: block;
  border: none;
  outline: none;
}
#file-query .container .part-2 .page .prev,
#file-query .container .part-2 .page .next {
  background: #eee;
  color: #666;
}
#file-query .container .part-2 .page .active {
  color: #EC1C1C;
  background: #0066aa;
}
.hide {
  display: none;
}
.hide.show {
  display: block;
}
@keyframes rotates {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#product-introduction_old,
#product-price,
#technical-security,
#counsel-service_old {
  background-image: url(../image/bg1.png);
}
#product-introduction_old .photo-wall .text-area,
#product-price .photo-wall .text-area,
#technical-security .photo-wall .text-area,
#counsel-service_old .photo-wall .text-area {
  width: 528px;
  height: 158px;
  position: absolute;
  top: 50%;
  left: 45%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
#product-introduction_old .photo-wall .text-area p,
#product-price .photo-wall .text-area p,
#technical-security .photo-wall .text-area p,
#counsel-service_old .photo-wall .text-area p {
  font-size: 40px;
  color: #ccc;
  margin-bottom: 15px;
}
#product-introduction_old .photo-wall .text-area span,
#product-price .photo-wall .text-area span,
#technical-security .photo-wall .text-area span,
#counsel-service_old .photo-wall .text-area span {
  font-size: 18px;
  color: #ccc;
}
#product-introduction_old .lbt .box {
  margin: 60px auto;
}
#product-introduction_old .lbt .box .tab {
  display: inline-block;
  list-style: none;
}
#product-introduction_old .lbt .box .tab li {
  list-style: none;
  width: 240px;
  margin-bottom: 40px;
}
#product-introduction_old .lbt .box .tab li a {
  width: 200px;
}
#product-introduction_old .lbt .box .tab li p#tab,
#product-introduction_old .lbt .box .tab li h2#tab {
  height: 50px;
  text-align: center;
  color: #290202;
  opacity: 1;
  padding: 10px 20px 10px 20px;
  font-size: var(--ebq-s-l);
  font-weight: var(--ebq-w-l);
}
#product-introduction_old .lbt .box .tab li p#tab:hover,
#product-introduction_old .lbt .box .tab li h2#tab:hover {
  -moz-box-shadow: 0px 4px 0px #EC1C1C;
  /* 老的 Firefox */
  box-shadow: 0px 4px 0px #EC1C1C !important;
  color: #EC1C1C !important;
}
#product-introduction_old .lbt .box .tab-content > div {
  width: 1200px;
  height: 444px;
  display: none;
  margin: 0 auto;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
  justify-content: space-evenly;
}
#product-introduction_old .lbt .box .tab-content .on {
  display: block;
}
#product-introduction_old .lbt .box .tab-content .tab-pane > .tab-img {
  width: 550px;
  height: 444px;
}
#product-introduction_old .lbt .box .tab-content .tab-pane > .represent {
  position: relative;
  width: 650px;
  height: 444px;
}
#product-introduction_old .lbt .box .tab-content .tab-pane > .tab-img img {
  margin: 70px 60px;
  max-width: 500px;
}
#product-introduction_old .lbt .box .tab-content .represent > .detail-label {
  position: absolute;
  bottom: 60px;
  right: 100px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
#product-introduction_old .lbt .box .tab-content .represent > .detail-label a {
  padding: 8px 35px ;
  color: #E83434;
  border-radius: 4px;
  border: 1px solid #EC1C1C !important;
  font-size: var(--ebq-s-m);
}
#product-introduction_old .lbt .box .tab-content .represent > .detail-label a:hover {
  color: white;
  background-color: #E83434;
}
#product-introduction_old .lbt .box .tab-content .tab-pane > .represent h2 {
  margin-left: 109px;
  font-size: var(--ebq-s-l);
  font-weight: var(--ebq-w-l);
}
#product-introduction_old .lbt .box .tab-content .tab-pane > .represent p.content {
  width: 450px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  color: #290202;
  opacity: 1;
  margin: 30px 60px 5px 109px;
  position: relative;
  line-height: 30px;
}
#product-introduction_old .lbt .box .tab-content .tab-pane > .represent p.title {
  width: 400px;
  font-family: Source Han Sans SC;
  line-height: 29px;
  opacity: 1;
  margin: 80px 141px 20px 109px;
  position: relative;
  font-size: var(--ebq-s-l);
  font-weight: var(--ebq-w-l);
}
#product-introduction_old .tab-pane .list > p {
  width: 490px;
  height: 20px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  line-height: 20px;
  color: #290202;
  opacity: 1;
}
#product-introduction_old .content-part .title_represent {
  font-family: Source Han Sans SC;
  text-align: center;
  color: #290202;
  margin-left: 20px;
  margin-right: 20px;
  font-weight: var(--ebq-w-s);
  font-size: var(--ebq-s-s);
}
#product-introduction_old .content-part .title {
  margin-top: 30px;
}
#product-introduction_old .content-part .content-p {
  background: url(../image/banner213.png);
  width: 570px;
  height: 410px;
  border-radius: 10px;
  margin: 5px 10px 0 20px;
  float: left;
}
#product-introduction_old .content-part .content-p > .p1,
#product-introduction_old .content-part .content-p > .p3 {
  width: 100px;
  height: 24px;
  font-family: Source Han Sans SC;
  line-height: 22px;
  color: #FFFFFF;
  opacity: 1;
  font-size: var(--ebq-s-d);
  font-weight: var(--ebq-w-d);
}
#product-introduction_old .content-part .content-p > .p1 {
  margin: 56px 0 15px 41px ;
}
#product-introduction_old .content-part .content-p > .p2 {
  width: 445px;
  height: 45px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  line-height: 30px;
  color: #FFFFFF;
  opacity: 1;
  float: left;
  margin: 0px 84px 70px 41px;
}
#product-introduction_old .content-part .content-p > .p3 {
  margin: 0 449px 15px 41px;
  float: left;
}
#product-introduction_old .content-part .content-p > .p4 {
  width: 445px;
  height: 42px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  line-height: 30px;
  color: #FFFFFF;
  opacity: 1;
  margin: 0 84px 59px 41px;
  float: left;
}
#product-introduction_old .content-part .content-right {
  width: 570px;
  height: 410px;
  background: #FFF6EF;
  border: 1px solid #FFD6D6;
  opacity: 1;
  border-radius: 10px;
  margin-top: 5px;
}
#product-introduction_old .content-part .img-bg {
  float: right;
  margin-left: -360px;
  width: 360px !important;
  height: 275px !important;
  margin-top: 80px;
}
#product-introduction_old .content-part .content-right > p {
  height: 24px;
  font-family: Source Han Sans SC;
  line-height: 22px;
  color: #290202;
  opacity: 1;
  font-size: var(--ebq-s-d);
  font-weight: var(--ebq-w-d);
}
#product-introduction_old .content-part .content-right > .p1 {
  margin: 20px 0px 5px 50px;
}
#product-introduction_old .content-part .content-right > .p2 {
  margin: 30px 0px 5px 50px;
}
#product-introduction_old .content-part .content-right > div {
  width: 445px;
  height: 160px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  line-height: 30px;
  color: rgba(41, 2, 2, 0.45);
  opacity: 1;
  margin-left: 50px;
}
#product-introduction_old .content-part .contract {
  width: 100%;
  height: 370px;
  margin-top: 20px;
  position: relative;
}
#product-introduction_old .contract .part-left {
  position: absolute;
  float: left;
  width: 570px;
  height: 300px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  opacity: 1;
  border-radius: 10px;
  margin-top: 5px;
}
#product-introduction_old .part-left {
  width: 640px;
  height: 350px;
}
#product-introduction_old .contract-tab-content {
  display: none;
}
#product-introduction_old .part-left .on {
  display: block;
}
#product-introduction_old .contract-tab-content > div.pic {
  position: relative;
  float: left;
  width: 260px;
  height: 300px;
  text-align: center;
}
#product-introduction_old .contract-tab-content > div.pic img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 260px;
  display: block;
}
#product-introduction_old .contract-tab-content > div.content {
  position: relative;
  float: right;
  width: 290px;
  height: 300px;
}
#product-introduction_old .contract-tab-content > div.content > p {
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  font-size: 14px;
  font-weight: normal;
  vertical-align: middle;
  display: inline-block;
  color: #290202;
  line-height: 30px;
  margin: 20px 20px 20px 0;
}
#product-introduction_old .contract div.links {
  position: absolute;
  bottom: 0px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#product-introduction_old .contract div.links li {
  list-style-type: none;
}
#product-introduction_old .contract div.links a {
  border: 1px solid #EC1C1C !important;
  border-radius: 4px!important;
  padding: 8px 252px;
  font-weight: bold;
  text-align: center;
  color: #EC1C1C;
  font-size: var(--ebq-s-m);
}
#product-introduction_old .contract div.links a:hover {
  background-color: #EC1C1C;
  color: white;
  box-shadow: 0px 0px 4px #EC1C1C;
}
#product-introduction_old .sub-list ul {
  width: 640px;
  height: 65px;
}
#product-introduction_old .sub-list div {
  font-size: 20px;
  font-family: Source Han Sans SC;
  margin: 10px 55px 10px 20px;
  font-weight: 600;
}
#product-introduction_old .sub-list ul li {
  float: left;
  margin: 10px;
  /* width: 200px; */
  height: 40px;
  display: flex;
  align-items: center;
}
#product-introduction_old .sub-list li p {
  font-size: 14px;
  font-family: Source Han Sans SC;
  margin: 0px 10px 0px 10px;
  color: #290202;
}
#product-introduction_old .sub-list img {
  max-width: 36px;
  max-height: 36px;
}
#product-introduction_old .contract-tab-content > div.content > ul > li {
  width: 290px;
  font-size: 12px;
  font-weight: 300;
  margin-top: 30px;
  margin-bottom: 30px;
}
#product-introduction_old .content-part .part-right {
  float: right;
  width: 570px;
  height: 300px;
  opacity: 1;
  border-radius: 4px;
  margin-top: 5px;
}
#product-introduction_old .contract-tab li {
  float: left;
  width: 80px;
  height: 120px;
  margin: 15px 54px;
}
#product-introduction_old .contract-tab .tab-item {
  width: 80px;
  height: 120px;
  border-radius: 6px;
}
#product-introduction_old .contract-tab .tab-item:hover {
  color: #E83434;
}
#product-introduction_old .contract-tab .tab-item .tab-icon {
  max-width: 80px;
  width: 80px;
  height: 80px;
}
#product-introduction_old .contract-tab p#tab {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
#product-introduction_old .content-part .cz {
  background: url(../image/banner215.png) no-repeat;
  margin-top: 30px;
  position: relative;
}
#product-introduction_old .content-part .cz > img {
  margin: 78px 184px 0px 208px;
}
#product-introduction_old .content-part .cz > .content > p:nth-of-type(odd) {
  height: 24px;
  font-family: Source Han Sans SC;
  line-height: 22px;
  color: #FFFFFF;
  opacity: 1;
  font-size: var(--ebq-s-d);
  font-weight: var(--ebq-w-d);
}
#product-introduction_old .content-part .cz > .content > p:nth-of-type(even) {
  width: 434px;
  height: 42px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 200;
  line-height: 30px;
  color: #FFFFFF;
  opacity: 0.65;
}
#product-introduction_old .content-part .cz > .content > p:first-child {
  margin: 65px 0 5px 0;
}
#product-introduction_old .content-part .cz > .content > .img {
  margin-top: 44px;
}
#product-introduction_old .content-part .wj > .u1 > li {
  background: url(../image/banner.wj7.png) no-repeat;
  border: #EEEEEE;
  width: 528px;
  height: 168px;
  text-align: center;
}
#product-introduction_old .content-part .wj > .u2 > li {
  background: url(../image/banner.wj8.png) no-repeat;
  width: 528px;
  height: 168px;
  border: #EEEEEE;
  text-align: center;
}
#product-introduction_old .content-part .wj > ul > li > img:first-child {
  margin: 56px 0 56px 89px;
}
#product-introduction_old .content-part .wj > .u1 > li > img:nth-child(-n+3) {
  margin: 56px 0px 32px 65px ;
  width: 56px;
  height: 56px;
}
#product-introduction_old .content-part .wj > .u1 > li > p:last-child {
  width: 95px;
  height: 30px;
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 30px;
  color: #290202;
  opacity: 1;
  text-align: center;
  margin-top: 65px;
}
#product-introduction_old .content-part .wj > .u2 > li > img {
  margin: 56px 0px 32px 0px ;
  width: 56px;
  height: 56px;
}
#product-introduction_old .content-part .wj > .u2 > li > p:first-child {
  width: 143px;
  height: 30px;
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 30px;
  color: #290202;
  opacity: 1;
  text-align: center;
  margin: 69px 0px 69px 129px;
}
#product-introduction_old .content-part .mb > ul > li {
  width: 486px;
  height: 56px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.02);
  opacity: 1;
  border-radius: 10px;
  margin-bottom: 10px;
}
#product-introduction_old .content-part .mb > ul > li > img {
  margin: auto 24px;
  width: 36px;
  height: 36px;
}
#product-introduction_old .content-part .mb > ul > li > p:last-child {
  margin: 17px 0 19px 0;
  height: 20px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 300;
  line-height: 30px;
  color: #290202;
  opacity: 1;
}
#product-introduction_old .content-part .fw > .fw1 > img {
  margin: 54px 121px 0px 122px;
  max-width: 70px;
}
#product-introduction_old .content-part .fw > .img1 {
  width: 350px;
  height: 390px;
  text-align: center;
  float: left;
  background-size: cover!important;
  margin: 0px 30px 0 30px;
  background: url(../image/qt4.png);
}
#product-introduction_old .content-part .fw > .img2 {
  width: 350px;
  height: 390px;
  text-align: center;
  float: left;
  background-size: cover!important;
  margin: 0px 30px 0 30px;
  background: url(../image/qt5.png);
}
#product-introduction_old .content-part .fw > .img3 {
  width: 350px;
  height: 390px;
  text-align: center;
  float: left;
  background-size: cover!important;
  margin: 0px 30px 0 30px;
  background: url(../image/qt6.png);
}
#product-introduction_old .content-part .fw > .fw1 > p {
  height: 27px;
  font-size: 18px;
  font-family: Source Han Sans SC;
  font-weight: bold;
  line-height: 27px;
  color: #EC1C1C;
  opacity: 1;
  margin: 0 auto 34px auto;
}
#product-introduction_old .content-part .fw > .fw1 > div {
  margin: 0 auto;
}
#product-introduction_old .content-part .fw > .fw1 > div > p {
  width: 275px;
  height: 60px;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 30px;
  color: #290202;
  opacity: 1;
  margin: 0 45px;
  text-align: left;
  margin-bottom: 15px ;
}
#product-introduction_old .content-part .fw > .fw1 > a {
  width: 275px;
  height: 40px;
  border: 1px solid #DCDCDC;
  opacity: 1;
  border-radius: 5px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  line-height: 24px;
  color: rgba(41, 2, 2, 0.45);
  padding-top: 8px;
  margin: 30px 40px;
  font-size: var(--ebq-s-m);
}
#product-introduction_old .content-part .fw > .fw1 > a:hover {
  color: #ff0000;
  border-color: #ff0000;
}
#product-introduction_old .part-1 .title_header,
#product-introduction_old .part-2 .title_header,
#product-introduction_old .part-3 .title_header,
#product-introduction_old .part-4 .title_header,
#product-introduction_old .part-5 .title_header,
#product-introduction_old .part-6 .title_header,
#product-introduction_old .part-7 .title_header {
  margin-bottom: 40px;
  font-weight: bold;
  color: #290202;
  text-align: center;
  font-family: Source Han Sans SC;
  margin-top: 80px;
  font-size: var(--ebq-s-l);
  font-weight: var(--ebq-w-l);
}
#product-introduction_old .part-1 .title_header span,
#product-introduction_old .part-2 .title_header span,
#product-introduction_old .part-3 .title_header span,
#product-introduction_old .part-4 .title_header span,
#product-introduction_old .part-5 .title_header span,
#product-introduction_old .part-6 .title_header span,
#product-introduction_old .part-7 .title_header span {
  font-size: 16px;
  font-weight: 400;
  color: rgba(41, 2, 2, 0.45);
}
#product-introduction_old .part-1 .title_header p,
#product-introduction_old .part-2 .title_header p,
#product-introduction_old .part-3 .title_header p,
#product-introduction_old .part-4 .title_header p,
#product-introduction_old .part-5 .title_header p,
#product-introduction_old .part-6 .title_header p,
#product-introduction_old .part-7 .title_header p {
  position: relative;
  font-family: 微软雅黑;
}
#product-introduction_old .part-1 .title_header p .divide-left,
#product-introduction_old .part-2 .title_header p .divide-left,
#product-introduction_old .part-3 .title_header p .divide-left,
#product-introduction_old .part-4 .title_header p .divide-left,
#product-introduction_old .part-5 .title_header p .divide-left,
#product-introduction_old .part-6 .title_header p .divide-left,
#product-introduction_old .part-7 .title_header p .divide-left {
  position: absolute;
  left: 339px;
  width: 95px;
  top: 24px;
  display: none;
}
#product-introduction_old .part-1 .title_header p .divide-right,
#product-introduction_old .part-2 .title_header p .divide-right,
#product-introduction_old .part-3 .title_header p .divide-right,
#product-introduction_old .part-4 .title_header p .divide-right,
#product-introduction_old .part-5 .title_header p .divide-right,
#product-introduction_old .part-6 .title_header p .divide-right,
#product-introduction_old .part-7 .title_header p .divide-right {
  position: absolute;
  right: 339px;
  width: 95px;
  top: 24px;
  display: none;
}
#product-introduction_old .part-1 .title_header p span,
#product-introduction_old .part-2 .title_header p span,
#product-introduction_old .part-3 .title_header p span,
#product-introduction_old .part-4 .title_header p span,
#product-introduction_old .part-5 .title_header p span,
#product-introduction_old .part-6 .title_header p span,
#product-introduction_old .part-7 .title_header p span {
  padding: 0 50px;
  font-size: 32px;
  font-weight: 400;
  color: #290202;
}
.content-part {
  width: 100%;
  min-width: 1200px;
}
#technical-security {
  background-position-y: -500px;
}
#technical-security .part-3 {
  box-sizing: content-box;
  margin-top: 49px;
  padding-bottom: 249px;
  height: 280px;
}
#technical-security .part-3 .content1 {
  width: 216px;
  height: 280px;
  margin-right: 30px;
  background: #ffffff;
  float: left;
}
#technical-security .part-3 .content1 .top {
  height: 85px;
  border-bottom: 1px solid rgba(243, 243, 243);
}
#technical-security .part-3 .content1 .top img {
  float: left;
  margin-top: 34px;
  margin-left: 39px;
}
#technical-security .part-3 .content1 .top .info {
  float: left;
  margin-top: 14px;
  margin-left: 13px;
}
#technical-security .part-3 .content1 .top .info .bold {
  height: 16px;
  font-size: 16px;
  font-weight: 400;
  color: #323232;
  line-height: 60px;
  margin-bottom: 5px;
}
#technical-security .part-3 .content1 .top .info .small {
  height: 12px;
  font-size: 12px;
  font-weight: 400;
  color: #989898;
  line-height: 60px;
}
#technical-security .part-3 .content1 .bottom {
  padding-top: 43px;
}
#technical-security .part-3 .content1 .bottom div {
  font-size: 12px;
  font-weight: 400;
  color: #666666;
  line-height: 30px;
  text-align: center;
}
#technical-security .part-3 div.last {
  margin-right: 0;
}
#product-price {
  box-sizing: border-box;
}
#product-price .part-1 .red {
  color: #ec1c1c;
}
#product-price .part-1 table {
  width: 100%;
  margin-top: 68px;
  border: 1px solid #9b9b9b;
  margin-bottom: 50px;
  border-collapse: collapse;
}
#product-price .part-1 table tr {
  height: 60px;
  vertical-align: middle;
}
#product-price .part-1 table tr td {
  border: 1px solid #9b9b9b;
  text-align: center;
  font-size: 14px;
  font-family: 微软雅黑;
  font-weight: 400;
  color: #002060;
}
#product-price .part-1 table tr td.color {
  color: #646464;
}
#product-price .part-1 table tr th {
  border: 1px solid #9b9b9b;
  width: 200px;
  text-align: center;
  font-size: 16px;
  font-family: 微软雅黑;
  font-weight: bold;
  color: #002060;
}
#product-price .part-1 table tr th .hover {
  position: relative;
  cursor: pointer;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  border-radius: 50%;
  display: inline-block;
  background: #008000;
  margin-left: 5px;
  color: #fff;
}
#product-price .part-1 table tr th .hover span {
  display: none;
}
#product-price .part-1 table tr th .hover:hover span {
  display: block;
  position: absolute;
  left: 10px;
  bottom: 10px;
  background: #cccccc;
  color: #333333;
  font-size: 14px;
  width: 290px;
  text-align: center;
  line-height: 35px;
}
#product-price .part-1 table tr.bg {
  background: #f3f3f3;
}
#product-price .part-1 table tr.f12 {
  height: 60px;
}
#product-price .part-1 table tr.f12 td {
  vertical-align: top;
  font-size: 12px;
  padding: 22px 20px 5px;
  text-align: left;
}
#product-price .part-1 table tr.f12 td:first-child {
  padding: 0;
  vertical-align: middle;
  font-size: 14px;
  text-align: center;
}
#product-price .part-1 table tr:first-child td {
  font-size: 24px;
  font-family: 微软雅黑;
  font-weight: 400;
  color: #666666;
}
#product-price .part-1 table tr:last-child td {
  font-size: 18px;
}
#product-price .part-1 p {
  font-size: 14px;
  margin-top: 15px;
  margin-bottom: 80px;
}
#counsel-service_old .yigongli {
  width: 1200px;
  height: 1000px;
  margin: 0px auto;
}
#counsel-service_old .yigongli > .p1 {
  width: 672px;
  height: 47px;
  font-family: Source Han Sans SC;
  line-height: 15px;
  color: #290202;
  opacity: 1;
  margin: 77px auto 50px auto;
  font-size: var(--ebq-s-l);
  font-weight: var(--ebq-w-l);
}
#counsel-service_old .yigongli > :nth-child(2) {
  width: 1200px;
  height: 53px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  line-height: 30px;
  color: #290202;
  opacity: 0.65;
  margin-bottom: 50px;
}
#counsel-service_old .yigongli > :nth-child(3) {
  width: 100%;
  height: 175px;
  background-color: #FFF6EF;
  border-radius: 87px;
}
#counsel-service_old .yigongli > :nth-child(3) > div {
  float: left;
}
#counsel-service_old .yigongli > :nth-child(3) > div:nth-child(odd) {
  margin-top: 20px;
}
#counsel-service_old .yigongli > :nth-child(3) > div > p {
  text-align: center;
  margin: 0 auto;
  height: 25px;
  font-family: PingFang SC;
  line-height: 25px;
  color: #EC1C1C;
  opacity: 1;
  font-size: var(--ebq-s-d);
  font-weight: var(--ebq-w-d);
}
#counsel-service_old .yigongli > :nth-child(3) > div:nth-child(even) {
  margin: 53px 121px ;
}
#counsel-service_old .yigongli > :nth-child(4) {
  width: 480px;
  height: 47px;
  font-family: Source Han Sans SC;
  line-height: 15px;
  color: #290202;
  opacity: 1;
  margin: 150px auto 10px auto;
  font-size: var(--ebq-s-l);
  font-weight: var(--ebq-w-l);
}
#counsel-service_old .yigongli > :nth-child(5) {
  width: 546px;
  height: 20px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  line-height: 30px;
  color: #290202;
  opacity: 0.65;
  text-align: center;
  margin: 0 auto 70px auto;
}
#counsel-service_old .yigongli > :nth-child(6) {
  width: 100%;
}
#counsel-service_old .yigongli > :nth-child(6) > div {
  float: left;
}
#counsel-service_old .yigongli > :nth-child(6) > :nth-child(1) {
  margin-left: 26px;
}
#counsel-service_old .yigongli > :nth-child(6) > :nth-child(even) {
  width: 50px;
  height: 300px;
  line-height: 400px;
  text-align: center;
}
#counsel-service_old .yigongli > :nth-child(6) > :nth-child(odd) {
  width: 245px;
  height: 400px;
}
#counsel-service_old .yigongli > :nth-child(6) > :nth-child(odd) > :nth-child(1) {
  margin-bottom: 10px;
  height: 24px;
  font-size: 16px;
  font-family: Source Han Sans SC;
  font-weight: bold;
  line-height: 43px;
  color: #290202;
  opacity: 1;
  text-align: center;
}
#counsel-service_old .yigongli > :nth-child(6) > :nth-child(odd) > :nth-child(3) {
  width: 250px;
  height: 62px;
  font-size: 12px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  line-height: 30px;
  color: rgba(41, 2, 2, 0.65);
  opacity: 1;
  text-align: left;
}
#counsel-service_old .yigongli > :nth-child(6) > :nth-child(odd) > img {
  width: 245px;
  min-height: 230px;
  height: auto;
}
#counsel-service_old .zc > .p1 {
  height: 47px;
  font-family: Source Han Sans SC;
  line-height: 15px;
  color: #290202;
  opacity: 1;
  text-align: center;
  margin: 251px auto 10px auto;
  font-size: var(--ebq-s-l);
  font-weight: var(--ebq-w-l);
}
#counsel-service_old .zc > .p2 {
  text-align: center;
  height: 20px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  line-height: 30px;
  color: #290202;
  opacity: 0.65;
  margin: 0 auto 60px auto;
}
#counsel-service_old .zc > .p3 {
  width: 1000px;
  height: 130px;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
  opacity: 1;
  border-radius: 10px;
  z-index: 20;
  text-align: center;
  margin-left: 100px;
  position: absolute;
}
#counsel-service_old .zc > .p3 > div:nth-child(odd) img {
  margin-bottom: 4px;
  margin-top: 25px;
  text-align: center;
}
#counsel-service_old .zc > .p3 > div:nth-child(even) img {
  margin-bottom: 66px;
  margin-top: 43px;
}
#counsel-service_old .zc > .p3 > div:nth-child(odd) p {
  height: 18px;
  font-size: 12px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  line-height: 18px;
  color: #290202;
  opacity: 1;
  text-align: center;
  margin: 0 -20px;
}
#counsel-service_old .zc > .p4 {
  width: 1200px;
  height: 450px;
  background: #FFFFFF;
  box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.06);
  opacity: 1;
  border-radius: 10px;
  margin-top: 110px;
  position: relative;
}
#counsel-service_old .zc > .p4 p {
  width: 174px;
  height: 68px;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 30px;
  color: #290202;
  opacity: 1;
  text-align: left;
}
#counsel-service_old .zc > .p4 img {
  margin: 168px auto 20px 15px;
}
#counsel-service_old .qz > .p1 {
  width: 576px;
  height: 47px;
  font-family: Source Han Sans SC;
  line-height: 15px;
  color: #290202;
  opacity: 1;
  margin: 150px auto 10px auto;
  font-size: var(--ebq-s-l);
  font-weight: var(--ebq-w-l);
}
#counsel-service_old .qz > .p2 {
  width: 645px;
  height: 20px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  line-height: 30px;
  color: #290202;
  opacity: 0.65;
  text-align: center;
  margin: 0 auto 60px auto;
}
#counsel-service_old .content-part > .ls {
  width: 190px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #Ec1C1C;
  color: #ffffff;
  border-radius: 5px;
  font-size: 14px;
  margin: 40px auto 52px auto;
  cursor: pointer;
}
#counsel-service_old .content-part > .ls:hover {
  opacity: 0.7;
}
#counsel-service_old .content-part > .ls > a {
  display: inline-block;
  width: 64px;
  height: 24px;
  font-size: 16px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  line-height: 24px;
  color: #FFFFFF;
  opacity: 1;
}
#counsel-service_old .content-part > .ls > a:hover {
  opacity: 0.7;
}
#counsel-service_old .index-part-case {
  width: 100%;
  margin-top: 80px;
  background: #FFFFFF;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  border-radius: 10px;
}
#counsel-service_old .index-part-case .swiper-container {
  height: 225px;
}
#counsel-service_old .index-part-case .part-case-item {
  height: 45px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  color: rgba(41, 2, 2, 0.65);
  line-height: 45px;
  display: flex;
}
#counsel-service_old .index-part-case .part-case-item.title {
  font-size: 16px;
  font-weight: bold;
  color: rgba(41, 2, 2, 0.65);
  background-color: #FAF5E7;
}
#counsel-service_old .index-part-case .part-case-item:nth-child(2n) {
  background-color: #F8F8F8;
}
#counsel-service_old .index-part-case .part-case-item .left,
#counsel-service_old .index-part-case .part-case-item .center,
#counsel-service_old .index-part-case .part-case-item .right {
  padding: 0 10px 0 30px;
  box-sizing: border-box;
  width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#counsel-service_old .index-part-case .part-case-item .left {
  flex: 0 0 30%;
}
#counsel-service_old .index-part-case .part-case-item .center {
  flex: 1;
}
#counsel-service_old .index-part-case .part-case-item .right {
  flex: 0 0 20%;
}
#counsel-service_old .swiper-container {
  flex: 1;
}
#counsel-service_old .btn {
  flex: 0 0 40px;
  width: 40px;
  height: 30px;
  display: flex;
}
#counsel-service_old .btn img {
  width: 30px;
  height: 100%;
  opacity: 0.6;
  display: block;
}
#counsel-service_old .btn:hover img {
  opacity: 1;
}
#counsel-service_old .btn.btn1 {
  justify-content: flex-end;
}
#counsel-service_old .part-4 {
  margin-top: 89px;
}
#counsel-service_old .part-4 .card {
  width: 620px;
  margin: 0 auto;
  height: 55px;
  background-image: url(../image/card3.png);
}
#counsel-service_old .part-4 .card span {
  cursor: pointer;
  float: left;
  width: 206px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #323232;
}
#counsel-service_old .part-4 .card .active {
  color: #ec1c1c;
}
#counsel-service_old .part-4 #d6,
#counsel-service_old .part-4 #d7,
#counsel-service_old .part-4 #d8 {
  width: 545px;
  margin: 28px auto 0;
}
#counsel-service_old .part-4 #d6 .title,
#counsel-service_old .part-4 #d7 .title,
#counsel-service_old .part-4 #d8 .title {
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  color: #323232;
}
#counsel-service_old .part-4 #d6 form .submit,
#counsel-service_old .part-4 #d7 form .submit,
#counsel-service_old .part-4 #d8 form .submit {
  margin-top: 40px;
  margin-bottom: 50px;
}
#counsel-service_old .part-4 #d6 form .submit div,
#counsel-service_old .part-4 #d7 form .submit div,
#counsel-service_old .part-4 #d8 form .submit div {
  cursor: pointer;
  width: 110px;
  height: 34px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAAAiBAMAAABM7/HfAAAAJ1BMVEUAAAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AQH/AAD/AAD/AQH/AABgFA07AAAADHRSTlMA7fLv1/n13vzm6M1+D2/hAAAAyElEQVQ4y2NwFhRiUBSEAKGYM0BwNEwZyBY2NlICAmVjI7W00NCwJMkSFxcX10agDEi9CYMBAxODAAMpgJFBgYEZqIeToYAkfewMExgYydZnwMBFsr4FQHemLpSwcCBJH0tzo1QY2J8kAmg4spKsLwCIM7d4k6xvi/c0oJ3kAMZRfTj0NZClj4PhAFn6eMjVR647h0w8DBV9ZOZbcssJcsslcstB8spd+tcPZNdjiHoTVGmGQZgIAK49jZXSQsO0SoD1piGs3gQA7CIuJt4eFXcAAAAASUVORK5CYII=);
  margin: 0 auto;
  text-align: center;
  line-height: 34px;
  font-size: 12px;
  font-weight: 400;
  color: #EC1C1C;
}
#counsel-service_old .part-4 #d6 form .submit div:hover,
#counsel-service_old .part-4 #d7 form .submit div:hover,
#counsel-service_old .part-4 #d8 form .submit div:hover {
  font-size: 14px;
  color: #fff;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHAAAAAkBAMAAACj0aOZAAAALVBMVEXsHBz+7u7+8/P+8fH83Nz/+/v96ur++fn////+8PD82Nj//f3+9vb94uL7z88y/MVbAAAA1klEQVRIx2MgG7AYSiowCUKBagcQdIcfshSUnGlsrAQCQOpMeWh4jWKuCxBEg1QpME0UdmBgZmBQYCTNLgEmBgYDBqCmBBbSNDqwATWDNfKSpvECWCMzeRoNGHgCBTeFkKbRVVtQ9ACIMYHUmOCE0gWkamQHE1mrHpCqkW/VsgJgqJIFBEY14tPISp7GAAZu8jRuIFsj2U4dStExhDSSm5HJLjrILqzILh7JLpDJrgLIrnTIr+YQFas4sFLdemiiIDKQnAyqXpWNdMrDD4Fq1mBExUouAADAPzKxncR+kQAAAABJRU5ErkJggg==);
}
#counsel-service_old .part-4 #d6 form input,
#counsel-service_old .part-4 #d7 form input,
#counsel-service_old .part-4 #d8 form input,
#counsel-service_old .part-4 #d6 form textarea,
#counsel-service_old .part-4 #d7 form textarea,
#counsel-service_old .part-4 #d8 form textarea {
  margin-top: 50px;
  padding: 14px 24px;
  font-size: 12px;
  font-weight: 400;
  color: #cdcdcd;
  border: 1px solid #ccc;
  border-radius: 5px;
  outline: none;
  width: 100%;
}
#counsel-service_old .part-4 #d6 form .input2,
#counsel-service_old .part-4 #d7 form .input2,
#counsel-service_old .part-4 #d8 form .input2 {
  height: 55px;
}
#counsel-service_old .part-4 #d6 form .input2 .first,
#counsel-service_old .part-4 #d7 form .input2 .first,
#counsel-service_old .part-4 #d8 form .input2 .first,
#counsel-service_old .part-4 #d6 form .input2 .last,
#counsel-service_old .part-4 #d7 form .input2 .last,
#counsel-service_old .part-4 #d8 form .input2 .last {
  float: left;
  height: 55px;
  width: 232px;
}
#counsel-service_old .part-4 #d6 form .input2 .first,
#counsel-service_old .part-4 #d7 form .input2 .first,
#counsel-service_old .part-4 #d8 form .input2 .first {
  margin-right: 49px;
}
#counsel-service_old .part-4 #d6 form .input3,
#counsel-service_old .part-4 #d7 form .input3,
#counsel-service_old .part-4 #d8 form .input3 {
  margin-top: 20px;
}
#counsel-service_old .part-4 #d6 form .input3 textarea,
#counsel-service_old .part-4 #d7 form .input3 textarea,
#counsel-service_old .part-4 #d8 form .input3 textarea {
  width: 100%;
  resize: none;
  height: 123px;
}
#counsel-service_old .part-4 #d6 form .input3 h5,
#counsel-service_old .part-4 #d7 form .input3 h5,
#counsel-service_old .part-4 #d8 form .input3 h5 {
  position: absolute;
  bottom: -15px;
  right: 0px;
  font-size: 12px;
  font-weight: 400;
  color: #9a9a9a;
}
#counsel-service_old .part-4 #d6 form .input1,
#counsel-service_old .part-4 #d7 form .input1,
#counsel-service_old .part-4 #d8 form .input1,
#counsel-service_old .part-4 #d6 form .input3,
#counsel-service_old .part-4 #d7 form .input3,
#counsel-service_old .part-4 #d8 form .input3 {
  position: relative;
}
#counsel-service_old .part-4 #d6 form .input1 p,
#counsel-service_old .part-4 #d7 form .input1 p,
#counsel-service_old .part-4 #d8 form .input1 p,
#counsel-service_old .part-4 #d6 form .input3 p,
#counsel-service_old .part-4 #d7 form .input3 p,
#counsel-service_old .part-4 #d8 form .input3 p {
  position: absolute;
  left: 30px;
  bottom: -27px;
  color: #EC1C1C;
  font-size: 12px;
}
#counsel-service_old .part-4 #d6 form .input2 .first,
#counsel-service_old .part-4 #d7 form .input2 .first,
#counsel-service_old .part-4 #d8 form .input2 .first,
#counsel-service_old .part-4 #d6 form .input2 .last,
#counsel-service_old .part-4 #d7 form .input2 .last,
#counsel-service_old .part-4 #d8 form .input2 .last {
  position: relative;
}
#counsel-service_old .part-4 #d6 form .input2 .first p,
#counsel-service_old .part-4 #d7 form .input2 .first p,
#counsel-service_old .part-4 #d8 form .input2 .first p,
#counsel-service_old .part-4 #d6 form .input2 .last p,
#counsel-service_old .part-4 #d7 form .input2 .last p,
#counsel-service_old .part-4 #d8 form .input2 .last p {
  position: absolute;
  left: 30px;
  bottom: -64px;
  color: #EC1C1C;
  font-size: 12px;
}
#counsel-service_old .part-4 #d7 .input_file {
  width: 250px;
  height: 180px;
  margin: 60px auto 0;
  border: 1px dotted #666;
  position: relative;
}
#counsel-service_old .part-4 #d7 .input_file .file {
  position: absolute;
  top: 0%;
  left: 0%;
  font-size: 100px;
  width: 260px;
  height: 180px;
  padding: 0;
  margin: 0;
  z-index: 1;
  opacity: 0;
  filter: alpha(opacity=0);
}
#counsel-service_old .part-4 #d7 .input_file label {
  width: 250px;
  height: 180px;
  display: inline-block;
  position: relative;
}
#counsel-service_old .part-4 #d7 .input_file label .first {
  width: 50%;
  height: 70%;
  border-right: 1px dotted #666;
  position: absolute;
  left: 0;
  top: 15%;
}
#counsel-service_old .part-4 #d7 .input_file label .last {
  width: 70%;
  height: 50%;
  border-bottom: 1px dotted #666;
  position: absolute;
  top: 0;
  left: 15%;
}
#counsel-service_old .part-4 #d7 .p {
  font-size: 12px;
  font-weight: 400;
  color: #323232;
  text-align: center;
}
#counsel-service_old .part-4 #d8 .box .left,
#counsel-service_old .part-4 #d8 .box .right {
  float: left;
  width: 240px;
  border: 1px solid #ccc;
  border-radius: 5px;
  text-align: center;
  padding: 15px;
}
#counsel-service_old .part-4 #d8 .box .left h3,
#counsel-service_old .part-4 #d8 .box .right h3 {
  font-size: 16px;
  font-weight: 400;
  color: #323232;
  margin-bottom: 10px;
}
#counsel-service_old .part-4 #d8 .box .left p,
#counsel-service_old .part-4 #d8 .box .right p {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
}
#counsel-service_old .part-4 #d8 .box .left {
  margin-right: 33px;
}
#file-query .container #pagination {
  padding: 50px 0 100px 0;
}
#file-query .container #alert1 {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2000;
}
#file-query .container #alert1 .bg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 840px;
  height: 720px;
  margin-top: -360px;
  margin-left: -420px;
  background: url(../image/alert2.png);
}
#file-query .container #alert1 .bg:after {
  position: absolute;
  content: "";
  display: block;
  height: 640px;
  width: 25px;
  background: #fff;
  right: 15px;
  bottom: 20px;
}
#file-query .container #alert1 .bg .close {
  position: absolute;
  top: 10px;
  right: 30px;
  width: 45px;
  height: 35px;
}
#file-query .container #alert1 .bg .box {
  overflow: auto;
  width: 820px;
  margin-top: 80px;
  height: 600px;
  padding-left: 30px;
}
#file-query .container #alert1 table {
  width: 756px;
  margin: 30px auto;
  border: 1px solid #e5e5e5;
  border-collapse: collapse;
}
#file-query .container #alert1 table tr {
  text-align: center;
  height: 40px;
  line-height: 40px;
  border: 1px solid #e5e5e5;
}
#file-query .container #alert1 table tr td {
  border: 1px solid #e5e5e5;
  font-size: 12px;
  font-weight: 400;
  color: #9a9a9a;
}
#file-query .container #alert1 table tr td.first {
  background: #f2f2f2;
}
#file-query .container #alert1 table tr.first td {
  background: #f2f2f2;
  text-align: center;
}
#file-query .container #alert1 table.first {
  margin-top: 0px;
}
#file-query .container .part-1 {
  width: 950px;
  margin: 85px auto 78px;
  border: 1px solid #eee;
}
#file-query .container .part-1 .d6_content_box {
  width: 640px;
  margin: 30px auto;
}
#file-query .container .part-1 .d6_content_box .file_head {
  margin-bottom: 20px;
}
#file-query .container .part-1 .d6_content_box .file_content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#file-query .container .part-1 .d6_content_box .file_content .flex_content {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
#file-query .container .part-1 .d6_content_box .file_content .flex_content .textarea_text {
  padding: 10px;
}
#file-query .container .part-1 .d6_content_box .file_content .flex_content .upload_file {
  position: relative;
}
#file-query .container .part-1 .d6_content_box .file_content .flex_content .upload_file .file_preview {
  width: 150px;
  height: 150px;
  border: 1px dotted #666;
}
#file-query .container .part-1 .d6_content_box .file_content .flex_content .upload_file .file_preview .f_first {
  width: 50%;
  height: 70%;
  border-right: 1px dotted #666;
  position: absolute;
  left: 0;
  top: 15%;
}
#file-query .container .part-1 .d6_content_box .file_content .flex_content .upload_file .file_preview .f_last {
  width: 70%;
  height: 50%;
  border-bottom: 1px dotted #666;
  position: absolute;
  top: 0;
  left: 15%;
}
#file-query .container .part-1 .d6_content_box .file_content .flex_content .upload_file .file_input {
  width: 150px;
  height: 150px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}
#file-query .container .part-1 .d6_content_box .file_content .append_file_box {
  display: none;
}
#file-query .container .part-1 .d6_content_box .file_content .append_file_box.box_active {
  display: block;
}
#file-query .container .part-1 .d6_content_box .data_sign_submit {
  cursor: pointer;
  width: 110px;
  height: 34px;
  font-size: 14px;
  color: #EC1C1C;
  margin: 20px auto;
  text-align: center;
  line-height: 34px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAAAiBAMAAABM7/HfAAAAJ1BMVEUAAAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AQH/AAD/AAD/AQH/AABgFA07AAAADHRSTlMA7fLv1/n13vzm6M1+D2/hAAAAyElEQVQ4y2NwFhRiUBSEAKGYM0BwNEwZyBY2NlICAmVjI7W00NCwJMkSFxcX10agDEi9CYMBAxODAAMpgJFBgYEZqIeToYAkfewMExgYydZnwMBFsr4FQHemLpSwcCBJH0tzo1QY2J8kAmg4spKsLwCIM7d4k6xvi/c0oJ3kAMZRfTj0NZClj4PhAFn6eMjVR647h0w8DBV9ZOZbcssJcsslcstB8spd+tcPZNdjiHoTVGmGQZgIAK49jZXSQsO0SoD1piGs3gQA7CIuJt4eFXcAAAAASUVORK5CYII=);
  position: relative;
}
#file-query .container .part-1 .d6_content_box .data_sign_submit.active .text {
  display: none;
}
#file-query .container .part-1 .d6_content_box .data_sign_submit.active .loading_box {
  position: absolute;
  left: 50%;
  top: 6px;
}
#file-query .container .part-1 .d6_content_box .data_sign_submit.active .loading_box .loading_line {
  width: 4px;
  height: 22px;
  background-color: #a0a0a0;
  border-radius: 2px;
  animation: rotates 2s linear infinite;
}
#file-query .container .part-1 .d6_content_box .data_sign_submit:hover {
  color: #fff;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHAAAAAkBAMAAACj0aOZAAAALVBMVEXsHBz+7u7+8/P+8fH83Nz/+/v96ur++fn////+8PD82Nj//f3+9vb94uL7z88y/MVbAAAA1klEQVRIx2MgG7AYSiowCUKBagcQdIcfshSUnGlsrAQCQOpMeWh4jWKuCxBEg1QpME0UdmBgZmBQYCTNLgEmBgYDBqCmBBbSNDqwATWDNfKSpvECWCMzeRoNGHgCBTeFkKbRVVtQ9ACIMYHUmOCE0gWkamQHE1mrHpCqkW/VsgJgqJIFBEY14tPISp7GAAZu8jRuIFsj2U4dStExhDSSm5HJLjrILqzILh7JLpDJrgLIrnTIr+YQFas4sFLdemiiIDKQnAyqXpWNdMrDD4Fq1mBExUouAADAPzKxncR+kQAAAABJRU5ErkJggg==);
}
#file-query .container .part-1 .card {
  width: 900px;
  margin: 52px auto 0 auto;
  padding: 2px 0;
  display: flex;
  justify-content: space-between;
  border-radius: 6px;
  box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.1);
}
#file-query .container .part-1 .card div,
#file-query .container .part-1 .card a {
  cursor: pointer;
  width: 224px;
  height: 51px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  color: #323232;
  background-size: 100% 100%;
}
#file-query .container .part-1 .card div .icon_img,
#file-query .container .part-1 .card a .icon_img {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
#file-query .container .part-1 .card div .icon_hide,
#file-query .container .part-1 .card a .icon_hide {
  display: none;
}
#file-query .container .part-1 .card .active {
  color: #ffffff;
  background-image: url(../image/nav_bar_bg.png);
}
#file-query .container .part-1 .card .active .icon_hide {
  display: inline-block;
}
#file-query .container .part-1 .card .active .icon_active {
  display: none;
}
#file-query .container .part-1 #d31 input {
  width: 100%;
  padding: 10px 24px;
  font-size: 12px;
  font-weight: 400;
  color: #cdcdcd;
  border: 1px solid #ccc;
  border-radius: 5px;
  outline: none;
}
#file-query .container .part-1 #d31 .input1,
#file-query .container .part-1 #d31 .input2 {
  width: 513px;
  margin: 40px auto 0;
}
#file-query .container .part-1 #d31 .input1 .first,
#file-query .container .part-1 #d31 .input2 .first {
  position: relative;
}
#file-query .container .part-1 #d31 .input1 .first p,
#file-query .container .part-1 #d31 .input2 .first p {
  position: absolute;
  bottom: -27px;
  left: 35px;
  color: #EC1C1C;
  font-size: 12px;
}
#file-query .container .part-1 #d31 .input2 {
  position: relative;
}
#file-query .container .part-1 #d31 .input2 .first {
  width: 277px;
  height: 55px;
}
#file-query .container .part-1 #d31 .input2 .last {
  width: 201px;
  height: 50px;
  position: absolute;
  right: 0;
  bottom: -5px;
}
#file-query .container .part-1 #d31 .input2 .last img {
  width: 101px;
  height: 35px;
}
#file-query .container .part-1 #d31 .input2 .last span {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 10px;
  font-size: 14px;
  color: #cdcdcd;
}
#file-query .container .part-1 #d31 .submit {
  margin-top: 40px;
  margin-bottom: 50px;
}
#file-query .container .part-1 #d31 .submit div {
  cursor: pointer;
  width: 110px;
  height: 34px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAAAiBAMAAABM7/HfAAAAJ1BMVEUAAAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AQH/AAD/AAD/AQH/AABgFA07AAAADHRSTlMA7fLv1/n13vzm6M1+D2/hAAAAyElEQVQ4y2NwFhRiUBSEAKGYM0BwNEwZyBY2NlICAmVjI7W00NCwJMkSFxcX10agDEi9CYMBAxODAAMpgJFBgYEZqIeToYAkfewMExgYydZnwMBFsr4FQHemLpSwcCBJH0tzo1QY2J8kAmg4spKsLwCIM7d4k6xvi/c0oJ3kAMZRfTj0NZClj4PhAFn6eMjVR647h0w8DBV9ZOZbcssJcsslcstB8spd+tcPZNdjiHoTVGmGQZgIAK49jZXSQsO0SoD1piGs3gQA7CIuJt4eFXcAAAAASUVORK5CYII=);
  margin: 0 auto;
  text-align: center;
  line-height: 34px;
  font-size: 12px;
  font-weight: 400;
  color: #EC1C1C;
}
#file-query .container .part-1 #d31 .submit div:hover {
  font-size: 14px;
  color: #fff;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHAAAAAkBAMAAACj0aOZAAAALVBMVEXsHBz+7u7+8/P+8fH83Nz/+/v96ur++fn////+8PD82Nj//f3+9vb94uL7z88y/MVbAAAA1klEQVRIx2MgG7AYSiowCUKBagcQdIcfshSUnGlsrAQCQOpMeWh4jWKuCxBEg1QpME0UdmBgZmBQYCTNLgEmBgYDBqCmBBbSNDqwATWDNfKSpvECWCMzeRoNGHgCBTeFkKbRVVtQ9ACIMYHUmOCE0gWkamQHE1mrHpCqkW/VsgJgqJIFBEY14tPISp7GAAZu8jRuIFsj2U4dStExhDSSm5HJLjrILqzILh7JLpDJrgLIrnTIr+YQFas4sFLdemiiIDKQnAyqXpWNdMrDD4Fq1mBExUouAADAPzKxncR+kQAAAABJRU5ErkJggg==);
}
#file-query .container .part-1 #d32 table {
  width: 756px;
  margin: 30px auto;
  border: none;
  border-bottom: 1px solid #e5e5e5;
  border-collapse: collapse;
}
#file-query .container .part-1 #d32 table tr {
  text-align: center;
  height: 40px;
  line-height: 40px;
  border: none;
  border-bottom: 1px solid #e5e5e5;
}
#file-query .container .part-1 #d32 table tr td {
  border: none;
  border-bottom: 1px solid #e5e5e5;
  font-size: 12px;
  font-weight: 400;
  color: #9a9a9a;
}
#file-query .container .part-1 #d32 table tr td.first {
  background: #f2f2f2;
}
#file-query .container .part-1 #d32 table tr.first td {
  background: #f2f2f2;
  text-align: center;
}
#file-query .container .part-1 #d32 table.first {
  margin-top: 0px;
}
#file-query .container .part-1 #d4 {
  width: 615px;
  margin: 0 auto;
}
#file-query .container .part-1 #d4 h3 {
  font-size: 16px;
  font-weight: 400;
  color: #323232;
  line-height: 24px;
  margin: 27px 0;
}
#file-query .container .part-1 #d4 div {
  font-size: 12px;
  font-weight: 400;
  color: #9a9a9a;
  line-height: 24px;
}
#file-query .container .part-1 #d4 .t_center {
  text-align: center;
}
#file-query .container .part-1 #d4 .box {
  width: 331px;
  height: 207px;
  margin: 15px auto;
  border: 1px dotted #666;
  position: relative;
}
#file-query .container .part-1 #d4 .box .first {
  width: 50%;
  height: 70%;
  border-right: 1px dotted #666;
  position: absolute;
  left: 0;
  top: 15%;
}
#file-query .container .part-1 #d4 .box .last {
  width: 70%;
  height: 50%;
  border-bottom: 1px dotted #666;
  position: absolute;
  top: 0;
  left: 15%;
}
#file-query .container .part-1 #d4 .submit {
  margin-bottom: 40px;
  margin-top: 40px;
}
#file-query .container .part-1 #d4 .submit div {
  cursor: pointer;
  width: 110px;
  height: 34px;
  margin: 0 auto;
  text-align: center;
  line-height: 34px;
  position: relative;
}
#file-query .container .part-1 #d4 .submit div input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  width: 110px;
  height: 34px;
  z-index: 10;
}
#file-query .container .part-1 #d4 .submit div input:hover + div {
  font-size: 14px;
  color: #fff;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHAAAAAkBAMAAACj0aOZAAAALVBMVEXsHBz+7u7+8/P+8fH83Nz/+/v96ur++fn////+8PD82Nj//f3+9vb94uL7z88y/MVbAAAA1klEQVRIx2MgG7AYSiowCUKBagcQdIcfshSUnGlsrAQCQOpMeWh4jWKuCxBEg1QpME0UdmBgZmBQYCTNLgEmBgYDBqCmBBbSNDqwATWDNfKSpvECWCMzeRoNGHgCBTeFkKbRVVtQ9ACIMYHUmOCE0gWkamQHE1mrHpCqkW/VsgJgqJIFBEY14tPISp7GAAZu8jRuIFsj2U4dStExhDSSm5HJLjrILqzILh7JLpDJrgLIrnTIr+YQFas4sFLdemiiIDKQnAyqXpWNdMrDD4Fq1mBExUouAADAPzKxncR+kQAAAABJRU5ErkJggg==);
}
#file-query .container .part-1 #d4 .submit div div {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAAAiBAMAAABM7/HfAAAAJ1BMVEUAAAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AQH/AAD/AAD/AQH/AABgFA07AAAADHRSTlMA7fLv1/n13vzm6M1+D2/hAAAAyElEQVQ4y2NwFhRiUBSEAKGYM0BwNEwZyBY2NlICAmVjI7W00NCwJMkSFxcX10agDEi9CYMBAxODAAMpgJFBgYEZqIeToYAkfewMExgYydZnwMBFsr4FQHemLpSwcCBJH0tzo1QY2J8kAmg4spKsLwCIM7d4k6xvi/c0oJ3kAMZRfTj0NZClj4PhAFn6eMjVR647h0w8DBV9ZOZbcssJcsslcstB8spd+tcPZNdjiHoTVGmGQZgIAK49jZXSQsO0SoD1piGs3gQA7CIuJt4eFXcAAAAASUVORK5CYII=);
  font-size: 12px;
  font-weight: 400;
  color: #EC1C1C;
  width: 110px;
  height: 34px;
  line-height: 34px;
}
#file-query .container .part-1 #d4 .submit h3 {
  text-align: center;
  color: #EC1C1C;
}
#file-query .container .part-1 #d4 #step_hide .red {
  font-size: 12px;
  font-weight: 400;
  color: #ec1c1c;
  line-height: 24px;
  margin: 15px 0;
  cursor: pointer;
}
#file-query .container .part-1 #d4 #step_hide .step a {
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  color: #ec1c1c;
  line-height: 24px;
}
#file-query .container .part-1 #d4 #step_hide .step .step2 {
  margin-top: 30px;
}
#file-query .container .part-1 #d4 #step_hide .step .second {
  padding: 15px 20px;
}
#file-query .container .part-1 #d4 #step_hide .step .step3 {
  text-align: center;
  margin-bottom: 78px;
}
#file-query .container .part-1 #d4 #step_hide .step .step3 div {
  text-align: left;
}
#file-query .container .part-1 #d4 #step_hide .step .step3 img {
  margin-top: 30px;
}
#file-query .container .part-2 {
  margin: 0 auto;
  width: 950px;
}
#file-query .container .part-2 .header {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  padding: 12px 10px 12px 35px;
  background: #f1f1f1;
  border: 1px solid #e5e5e5;
}
#file-query .container .part-2 .header span {
  padding-left: 10px;
  font-size: 12px;
  font-weight: 400;
  color: #9a9a9a;
  line-height: 18px;
}
#file-query .container .part-2 .content {
  width: 100%;
  border: 1px solid #e5e5e5;
  border-collapse: collapse;
}
#file-query .container .part-2 .content tr {
  height: 50px;
  line-height: 50px;
  border: 1px solid #eee;
  border: 1px solid #e5e5e5;
}
#file-query .container .part-2 .content tr td {
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  color: #989898;
  border: 1px solid #e5e5e5;
}
#file-query .container .part-2 .content .first td {
  color: #333333;
}
#file-query .container .part-2 .page {
  list-style: none;
  margin-top: 50px;
  margin-bottom: 100px;
}
#file-query .container .part-2 .page:after {
  display: block;
  content: "";
  clear: both;
}
#file-query .container .part-2 .page li {
  padding: 5px 20px;
  cursor: pointer;
  float: left;
  border-radius: 5px;
  margin-right: 10px;
  border: 1px solid #666;
  background: #fff;
}
#file-query .container .part-2 .page li:hover {
  color: #EC1C1C;
  background: #0066aa;
}
#file-query .container .part-2 .page li input {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: block;
  border: none;
  outline: none;
}
#file-query .container .part-2 .page .prev,
#file-query .container .part-2 .page .next {
  background: #eee;
  color: #666;
}
#file-query .container .part-2 .page .active {
  color: #EC1C1C;
  background: #0066aa;
}
#industry-plan {
  background-image: url(../image/component-bg.png);
  background-repeat: no-repeat;
}
#industry-plan .photo-wall .com-banner {
  font-family: YouSheBiaoTiHei;
  line-height: 50px;
  color: #FFFFFF;
  text-shadow: 0px 3px 6px #B1370B;
  left: 27.5%;
  top: 40%;
  font-size: var(--ebq-s-l);
  font-weight: var(--ebq-w-l);
}
#industry-plan .photo-wall .com-banner2 {
  color: #ffffff;
  font-size: 25px;
  font-weight: normal;
  text-align: left;
  position: absolute;
  left: 27.5%;
  top: 60%;
  font-size: var(--ebq-s-d);
  font-weight: var(--ebq-w-d);
  opacity: 0.51;
}
#industry-plan .container {
  padding-bottom: 122px;
}
#industry-plan .container .b {
  font-size: 24px;
  text-align: center;
  color: #323232;
  margin-top: 71px;
  margin-bottom: 84px;
}
#industry-plan .container ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#industry-plan .container ul li {
  width: 48%;
  height: 530px;
  background: #FFFFFF;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
  opacity: 1;
  border-radius: 10px;
  position: relative;
  margin-bottom: 30px;
}
#industry-plan .container ul li > img {
  width: 100%;
}
#industry-plan .container ul li .con {
  padding: 17px;
  height: 140px;
}
#industry-plan .container ul li .con .tab {
  display: flex;
  justify-content: space-between;
  height: 30px;
  line-height: 30px;
  align-items: center;
}
#industry-plan .container ul li .con .tab span {
  font-family: Source Han Sans SC;
  line-height: 15px;
  color: #290202;
  font-size: var(--ebq-s-d);
  font-weight: var(--ebq-w-d);
}
#industry-plan .container ul li .con .tab img {
  width: 72px;
  height: 8px;
}
#industry-plan .container ul li .con p {
  margin-top: 10px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  line-height: 30px;
  color: rgba(41, 2, 2, 0.45);
}
#industry-plan .container ul li a {
  display: none;
  color: #FFFFFF !important;
  font-weight: bold;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.6);
}
#industry-plan .container ul li:hover a {
  display: inline-block;
  width: 100%;
  height: 355px !important;
  cursor: pointer;
}
#industry-plan .container ul li:hover a div {
  height: 217.5px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 10px 10px 0px 0px;
  position: absolute;
  width: 100%;
  margin-top: -362px;
}
#industry-plan .container ul li:hover a div p {
  color: #FFFFFF !important;
  margin: 100px 240px;
  font-weight: bold;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.6);
}
#industry-plan .container ul li:hover p {
  color: red;
}
#industry-plan .container ul li:hover span {
  color: red !important;
}
#rent {
  background: url(../image/banner@2x.jpg) no-repeat;
}
#rent .total {
  width: 100%;
  margin-top: -5px;
}
#rent .total .switch_title_fixed {
  animation: searchTop 0.5s ease-in-out;
  position: fixed;
  z-index: 100;
  top: 60px;
  background-color: #fff;
}
#rent .total .jr-div {
  background: #FFFFFF;
  width: 100%;
  border-bottom: 1px solid #eee;
}
#rent .total .jr-div .tab-content {
  width: 1200px;
  display: flex;
  justify-content: space-between;
  line-height: 60px;
  font-size: 18px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  color: #290202;
  margin: 0 auto;
}
#rent .total .jr-div .tab-content div > a {
  display: inline-block;
  height: 59px;
}
#rent .total .jr-div .tab-content div > a:hover {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
}
#rent .total .jr-div .tab-content div > a.on {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
}
#rent .total .jr-div .tab-content div > a.on {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
}
#rent .total .jr-div .tab-content div > a:hover {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
}
#rent .total .content {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 100px;
}
#rent .total .content .p {
  text-align: center;
  height: 47px;
  font-family: Source Han Sans SC;
  line-height: 47px;
  color: #290202;
  margin: 100px auto 65px auto;
  font-size: var(--ebq-s-l);
  font-weight: var(--ebq-w-l);
}
#rent .total .content .tab11 .td {
  display: flex;
  height: 400px;
  justify-content: space-between;
}
#rent .total .content .tab11 .td .p1 {
  height: 27px;
  font-size: 18px;
  font-family: Source Han Sans SC;
  font-weight: bold;
  line-height: 27px;
  color: #EC1C1C;
  opacity: 1;
  text-align: center;
  margin-bottom: 40px;
}
#rent .total .content .tab11 .td .p2 {
  width: 300px;
  height: 86px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 300;
  line-height: 30px;
  color: #290202;
  text-align: start;
  margin: auto;
}
#rent .total .content .tab11 .td img {
  margin: 87px 150px 20px 170px;
}
#rent .total .content .tab11 .td .td-1 {
  background: url(../image/td1.png) no-repeat;
  width: 398px;
  height: 385px;
}
#rent .total .content .tab11 .td .td-2 {
  background: url(../image/td2.png) no-repeat;
  width: 398px;
  height: 385px;
}
#rent .total .content .tab11 .td .td-3 {
  background: url(../image/td3.png) no-repeat;
  width: 398px;
  height: 385px;
}
#rent .total .content .tab22 .p2 {
  width: 350px;
  height: 40px;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 30px;
  color: #FFFFFF;
  padding-left: 15px;
}
#rent .total .content .tab22 .p1 {
  height: 25px;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 25px;
  color: #FFFFFF;
  opacity: 1;
  padding-left: 15px;
}
#rent .total .content .tab22 .td {
  display: flex;
  height: 280px;
  justify-content: space-between;
}
#rent .total .content .tab22 .td .td-1 {
  width: 350px;
  position: relative;
}
#rent .total .content .tab22 .td .td-1 > img {
  width: 350px;
  height: 281px;
}
#rent .total .content .tab22 .td .td-1 > div {
  width: 100%;
  height: 100px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  margin-top: -30px;
  position: absolute;
  bottom: 0;
}
#rent .total .content .tab22 .td .td-2 {
  width: 350px;
  background: url(../image/qczl.png) no-repeat;
  background-size: cover;
}
#rent .total .content .tab22 .td .td-2 > div {
  height: 100px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  margin-top: -30px;
}
#rent .total .content .tab22 .td .td-3 {
  width: 350px;
  position: relative;
}
#rent .total .content .tab22 .td .td-3 > img {
  width: 350px;
  height: 281px;
}
#rent .total .content .tab22 .td .td-3 > div {
  height: 100px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  margin-top: -30px;
  position: absolute;
  bottom: 0;
}
#rent .total .content .tab22 .td .td-4 {
  width: 350px;
  position: relative;
}
#rent .total .content .tab22 .td .td-4 > img {
  width: 350px;
  height: 281px;
}
#rent .total .content .tab22 .td .td-4 > div {
  height: 100px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  margin-top: -30px;
  position: absolute;
  bottom: 0;
}
#rent .total .content .tab33 .content-box {
  display: flex;
}
#rent .total .content .tab33 .left {
  width: 100px;
  height: 576px;
  background: #FFFFFF;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.08);
  opacity: 1;
  border-radius: 6px;
  text-align: center;
}
#rent .total .content .tab33 .left > .t-img {
  width: 70px;
  height: 1px;
  color: #eee;
  margin-left: 25px;
}
#rent .total .content .tab33 .left .y-tab {
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  padding-left: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 180px;
  padding-top: 30px;
}
#rent .total .content .tab33 .left .y-tab .y-title {
  width: 65px;
  border-bottom: 1px solid #eee;
  height: 90px;
}
#rent .total .content .tab33 .left .y-tab.on > div {
  color: #EC1C1C;
}
#rent .total .content .tab33 .left .y-tab.on .line {
  opacity: 1;
}
#rent .total .content .tab33 .left .y-tab:hover > div {
  color: #EC1C1C;
}
#rent .total .content .tab33 .left .y-tab:hover .line {
  opacity: 1;
}
#rent .total .content .tab33 .left .y-tab:hover > div {
  color: #EC1C1C;
}
#rent .total .content .tab33 .left .y-tab:hover .line {
  opacity: 1;
}
#rent .total .content .tab33 .left .y-tab > div {
  color: #290202;
  font-size: 16px;
  font-family: Source Han Sans SC;
  font-weight: bold;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
#rent .total .content .tab33 .left .y-tab > div span {
  display: block;
  color: inherit;
  opacity: 0.45;
  font-size: 12px;
  font-weight: normal;
}
#rent .total .content .tab33 .left .y-tab .line {
  display: block;
  width: 5px;
  height: 14px;
  background: #ec1c1c;
  opacity: 0;
  border-radius: 100px;
  position: absolute;
  left: 0;
  top: 70%;
  margin-top: -30px;
}
#rent .total .content .tab33 .right {
  flex: 1;
  margin-left: 12px;
}
#rent .total .content .tab33 .right .y-con {
  flex: 1;
  min-height: 610px;
  display: none;
  position: relative;
  background-size: 1100px 630px;
  margin-top: -15px;
}
#rent .total .content .tab33 .right .y-con.on {
  display: block;
}
#rent .total .content .tab33 .right .y-con.on:nth-child(1) {
  background: url(../image/bg11.png) no-repeat;
  background-size: 100% 100%;
}
#rent .total .content .tab33 .right .y-con.on:nth-child(2) {
  background: url(../image/bg2.png) no-repeat;
  background-size: 100% 100%;
}
#rent .total .content .tab33 .right .y-con.on:nth-child(3) {
  background: url(../image/bg3.png) no-repeat;
  background-size: 100% 100%;
}
#rent .total .content .tab33 .right .y-con > div img {
  margin: 50px auto auto 70px;
}
#rent .total .content .tab33 .right .y-con > div p {
  width: 970px;
  height: 42px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 300;
  line-height: 30px;
  color: #290202;
  opacity: 1;
  padding-top: 60px;
  padding-bottom: 45px;
  margin-left: 80px;
}
#rent .total .content .tab44 .list {
  display: flex;
  justify-content: space-around;
}
#rent .total .content .tab44 .list .list-g {
  width: 380px;
  height: 313px;
  background: #FFFFFF;
  box-shadow: 0px -2px 12px rgba(0, 0, 0, 0.06);
  border-radius: 10px;
}
#rent .total .content .tab44 .list .list-g img {
  margin: 47px 155px 15px 155px;
}
#rent .total .content .tab44 .list .list-g .list-title {
  height: 25px;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 25px;
  color: #EC1C1C;
  text-align: center;
  margin-bottom: 40px;
}
#rent .total .content .tab44 .list .list-g .list-con {
  width: 380px;
  height: 120px;
  background: #FFF4E9;
  border-radius: 0px 0px 10px 10px;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 30px;
  color: #290202;
}
#rent .total .content .tab44 .list .list-g .list-con span {
  width: 360px;
  margin-left: 15px;
  text-align: start;
  display: inline-block;
  margin-top: 20px;
}
#rent .total .content .tab55 div {
  display: flex;
  justify-content: space-between;
}
#contract-template {
  background-image: url(../image/component-bg.png);
  background-repeat: no-repeat;
}
#contract-template .temp-list {
  height: 500px;
  padding-top: 21px;
}
#contract-template .temp-list .no-data {
  color: #676767;
}
#contract-template .temp-list #temp-list-ul {
  height: 380px;
}
#contract-template .temp-list #temp-list-ul li {
  float: left;
  width: 318px;
  height: 141px;
  padding: 10px 0 10px 10px;
  margin-right: 123px;
  margin-bottom: 16px;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0);
}
#contract-template .temp-list #temp-list-ul li:nth-child(3n) {
  margin-right: 0;
}
#contract-template .temp-list #temp-list-ul li img {
  width: 97px;
  height: 120px;
  float: left;
}
#contract-template .temp-list #temp-list-ul li div {
  float: left;
  width: 209px;
  padding: 20px 0 0 6px;
}
#contract-template .temp-list #temp-list-ul li div h5 {
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #676767;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
#contract-template .temp-list #temp-list-ul li div .time {
  margin-top: 20px;
  height: 12px;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
}
#contract-template .temp-list #temp-list-ul li div .sort {
  margin-top: 20px;
  height: 12px;
  font-size: 12px;
  font-weight: 400;
  color: #9a9a9a;
}
#contract-template .temp-list #temp-list-ul li:hover {
  border: 1px solid #ec1c1c;
}
#contract-template #contractTPL-tabbox {
  min-height: initial;
}
#contract-detail .title {
  padding-top: 55px;
  width: 100%;
  height: 79px;
  font-size: 12px;
  font-weight: 400;
  color: #989898;
  border-bottom: 3px solid #F2F2F2;
}
#contract-detail .title .time {
  margin-right: 88px;
}
#contract-detail .title .more {
  margin-right: 175px;
}
#contract-detail .detail {
  height: 1057px;
  padding-left: 5px;
}
#contract-detail .detail .left {
  position: relative;
  padding-top: 14px;
}
#contract-detail .detail .left .contract-img-box {
  width: 926px;
  height: 867px;
  overflow-y: scroll;
  margin-bottom: 49px;
  border: 1px solid #F2F2F2;
  word-break: break-all;
}
#contract-detail .detail .left .contract-img-box > img {
  width: 100%;
}
#contract-detail .detail .left .contract-img-box * {
  max-width: 100% !important;
}
#contract-detail .detail .right {
  margin-left: 54px;
}
#contract-detail .detail .right li {
  cursor: pointer;
  width: 215px;
  height: 52px;
  line-height: 52px;
  border-bottom: 3px solid #F2F2F2;
  font-size: 12px;
  font-weight: 400;
  color: #989898;
}
#contract-detail .detail-label {
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  left: 50%;
  width: 90px;
  height: 30px;
  font-size: 12px;
  position: relative;
  margin-right: 26px;
  line-height: 30px;
  text-align: center;
  color: #CCCCCC;
  background-repeat: no-repeat;
  cursor: pointer;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFUAAAAbBAMAAAD/id51AAAAHlBMVEUAAADLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8ti0FW0AAAACnRSTlMA2uHTyuXO8vnrpevFGgAAAJpJREFUOMtjEBQUcBSEAKHIciCYGaqkCOIoqYaGBikKu7i4VHQ0CjoA1TEoMBgkMBAGCQZAlQIMCQ5EqHVIYCDNXEPDJgEi1Ao1GhoAKQXCKqGqjJMNCCuEqkOYSthkAaLVCgwKtQ1Eq22gldpBEQ4kqCUlPZCQzkhKv6Tki0GRj+Hljuh0YJkTpCgIB6CCR9EEWO4UAjmgcgcACZ4kV/HGcKQAAAAASUVORK5CYII=);
}
#contract-detail .detail-label:hover {
  font-size: 14px;
  color: #ffffff;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAAAdBAMAAAAtJe1VAAAAMFBMVEXsHBz839/95OT83Nz70dH84OD/+fn+9PT96ur95ub81tb+8PD71NT7zs782dn82NgMjvzpAAAAtUlEQVQ4y2MgCTAKC/MGCkKAxu7y8vLdO2YqAQVClTRndnQqBS9xcXFPSxOMZRYWZGBgYmBmIcJMFmagSgZGBh5eIhTz8gBVAtXzEWUyH8hkZmMzRWK8pmZsDKKZCKqEq2Jes54oxfxrFkN1EGs2I/ExMmgUsxGtmI12igdNaJCgmKS0QVKqIyk9k5RTSMiDJOZuEssNRIk0Y3v57g4lMDs0FEgFKc3smCTnAiyRgCLgEokkAABvMR4LeblngwAAAABJRU5ErkJggg==);
}
#help .help-wrap {
  width: 100%;
  min-height: 100vh;
  position: relative;
}
#help .photo-wall {
  width: 100%;
  height: 275px;
  background: url(../image/new-banner.png) no-repeat center center;
  background-size: cover;
}
#help .container {
  width: 100% !important;
  position: absolute;
  top: 60px;
  left: 0;
  z-index: 100;
  background: none;
}
#help .content {
  width: 1200px;
  min-height: 800px;
  margin: 0 auto;
}
#help .content .app-crumbs p > .active {
  color: #EC1C1C;
}
#help .content .search-box {
  height: 225px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#help .content .search-box .search-box-title {
  font-size: 30px;
  color: #fff;
  margin-bottom: 37px;
  cursor: default;
}
#help .content .search-box .search-box-row {
  position: relative;
}
#help .content .search-box .search-box-row:hover .search-input-close,
#help .content .search-box .search-box-row:focus .search-input-close {
  display: inline-block;
}
#help .content .search-box .search-box-row .search-input-icon {
  position: absolute;
  top: 16px;
  left: 25px;
  user-select: none;
  -webkit-user-drag: none;
}
#help .content .search-box .search-box-row .search-input-close {
  display: none;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 16px;
  right: 110px;
  cursor: pointer;
  -webkit-user-drag: none;
}
#help .content .search-box .search-box-row .search-box-input {
  height: 50px;
  width: 525px;
  outline: none;
  box-shadow: none;
  padding-left: 50px;
  font-size: 16px;
  color: #777777;
}
#help .content .search-box .search-box-row .search-box-btn {
  background: #EC1C1C;
  color: #fff;
  font-size: 16px;
  width: 100px;
  border: none;
  height: 50px;
  outline: none;
  vertical-align: top;
  margin-left: -5px;
}
#help .content .help-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 1200px;
  height: 500px;
}
#help .content .help-box .help-item {
  height: 400px;
  width: 277px;
  border-radius: 10px;
  padding: 35px 0px 0 15px;
  position: relative;
  box-shadow: 0px 2px 24px 1px #EBEBEB;
  text-align: center;
}
#help .content .help-box .help-item .icon_size {
  max-width: 40px;
}
#help .content .help-box .help-item .help-item-title {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  font-weight: bold;
  margin: 12px 0;
  cursor: default;
}
#help .content .help-box .help-item .help-item-title img {
  margin-right: 17px;
}
#help .content .help-box .help-item .help-item-list {
  height: 180px;
  text-align: left;
}
#help .content .help-box .help-item .help-item-list li {
  list-style: inside;
  margin-bottom: 15px;
  cursor: pointer;
  width: 250px;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#help .content .help-box .help-item .help-item-list li:hover {
  color: #EC1C1C;
  text-decoration: underline;
}
#help .content .help-box .help-item .help-item-more {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #EC1C1C;
  margin-top: 20px;
  font-size: 16px;
  border-top: #e5e5e5 2px solid;
}
#help .content .help-box .help-item .help-item-more span {
  cursor: pointer;
}
#help .content .help-box .help-item .help-item-more img {
  vertical-align: middle;
}
#help .ad-right {
  position: fixed;
  width: 82px;
  z-index: 1000;
  top: 35%;
  right: 0;
  cursor: pointer;
  background: none;
}
#help .ad-right .top {
  margin-bottom: 10px;
  position: relative;
}
#help .ad-right .top .item {
  width: 82px;
  height: 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAABGCAMAAABotTMkAAAARVBMVEUAAAAAAAAAAAAfAAAmAAAkAAAjAAAhAAAjAAAoAAAnAAAmAAAkAAAmAAAlAAAnAAAmAAAmAAAlAAAnAAAmAAAmAAAoAAAGsjI/AAAAF3RSTlMAAQIZGxwdHywtLi8yNT5BQ0RFSElKTYtqx8wAAAB3SURBVFjD7di5FYAwEAPRxQZzg7m2/1I5YsJxpingP8Uye6visBwO9YFtdrBX7N1hEhYfsnGaDDtO4iPdJp5cefLkSRcpUqRIkSJFihQpUqRIkSJFivwlD54scJcUOHVqngwZJy3ypHU8WY04aZY2nLSQ5v2iyBumCulZRKLRHQAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%;
  border-radius: 10px 0 0 10px;
  margin-bottom: 10px;
  position: relative;
}
#help .ad-right .top .item p {
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  line-height: 24px;
}
#help .ad-right .top .item .icon-1 {
  width: 23px;
  height: 24px;
  display: inline-block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADWklEQVRYR8WWS8iVZRSFnyVeGqXOrIgU8hYSBTmQQgstFEkbeMEulCB0wYpCMAjSpEFlgiLeKMjQgeBABQdhAxEjCgySiuwCaVQahKUiaVYrlr6ffb+d//zn//4j7uF33rP32utde71bXOPQNa5PvwHYvgu4A7gJGAWcBY4D3wEHJZ3sT1MdAbA9BHgceAG4rU2B88A2YLWkbzoB0icA21OAd0rhX4HtwD7gQ0lnUsR2QE0FFgL3AhcCAnhV0p/tgLQFYDsdvwX8BrwMvNtXQtsTgTXALOBTYLakX3oD0SsA288B64CvgQck/dAJpdUZ26+EAeBLYErF1pU5WgKwPRn4CDgCzGjXQTtQtpcDrwNbJS1udfZ/AGwPKtRNiNolhYHGYXs3MAe4T9KBPhmw/UgR2ipJKxpXLn+0nXH9FjgsKYLuEa0YOAjcCdwo6fRAAZQp2QQ8Bdwu6fN6zh4AbA8Hfgd2SlrQjeIFQEZzP7Bc0pvtANxfZvwZSUHdlbA9rDjmLknzWwIodxXVPgs8KGlvV6r/p4Wj8SzgUeATSX/lp4tXYPv5Mi7XlfNxvHmtVNtfULYHx8BK4ervn5Umf5Tt2UC6zWMS44kOXionx0o60d+i9fO2Y8nLgI+BPcAtRZCHJE0OgLeBJcAYSaEpjDxRUC+TFFttHLZj42F0YkW77TCSGqMDII/LNEk3V1Vs31pmd6Wk2GnjsJ173y7psVr+NJzGJ1QA7pY0pnZgNPA90C0APay4xvBlANMl3VADEBv+qosAdkhaVMv/JLC5YmAj8HTx/cO1qVgLLJW0oTH/l/SUbSk+ME5StJBvu4CHslXlCu4pLhUH3AqMKAKphJPvjcN29ojXgGNlW8pKNxN4X9KsygfmFVGkeCLP8CJJmdcBhe1M0YvAP0Be2kTGfnEYufwW2I4JZdk8143Cheq5QJ7jvIbTgPHA0Wrcc6bPnbBp+7bD6nulxlRJh1rlGhAA2+nohKRTNYVfX2w9wv4DmCvpg94aaQSgXFeSRsDnis9HZA8XAY/MApLvkr5ox2JTAJWTVbnrAvsZeAPYWFnv1QCwFFhfS5zdP/6ex2afpL871U5TBjKuWd0mAXnXY1hbOi1aP9cIQBmxoWWsTkr6qUnxqzqGnQL6F82bU8/u0AChAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100% 100%;
}
#help .ad-right .top .item .icon-3 {
  width: 23px;
  height: 24px;
  display: inline-block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAA4VBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+sqgLzAAAASnRSTlMABAYICQwOFBcYHCAjJCcoKywvMDIzNDU4PD9AQ0RHTlBTWFtcX2Nnb3N3e3+HiouTl5+nqauvs7W3u7/Dx8vP09fb3+Pn6/P3+wTD4MYAAAExSURBVDjLrZPbVoJAFIbHEA3NzNDSSjuoRSgdqCyTVFTE+d//gRoYjs2s1Y1zM//M9+29YbEgZG+r1Ow1SzwWT7vnh39wa0oB0O8WIUeTHYtwrrLcoKDz2YIpxq0PuLMfJj2n/B7UKrO9ajMFkwaLqumnRm1Hb+JWaWHbRy+KNkZJM/sziQMseDjYbZXkVtPTyUvwgw5b/uZjmOF+jbFcGMCKhJFcuMNTuJ/hVS6YUesi3RakgoMuD1M8yPgF4kId/onIVRdGnC14xwJ3ME8nv2GjCdzLXBU+4OaMwhRePXcxyRmsIM/Dlqkh4TlDyvljqxneEIyyC0dNeAcVwdACg3E/KL5ElUgNxjtE6Q8tPA77wjeqeAg4qa/WHjbrlTil9v7V5kk6Irv+FbQXZU8/9S9cVTNq4CO1vgAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%;
}
#help .ad-right .top .item .ad-popup {
  position: absolute;
  width: 415px;
  left: -390px;
  display: none;
  cursor: default;
}
#help .ad-right .top .item .ad-popup .ad-popup-content {
  width: 100%;
  border-radius: 4px;
  background: url(../image/dialogBg.png) no-repeat;
  background-size: 100% 100%;
}
#help .ad-right .top .item .ad-popup .popup-row {
  padding: 2px 0;
}
#help .ad-right .top .item .ad-popup .popup-row .cont {
  display: flex;
  align-items: center;
  margin: 21px 0;
}
#help .ad-right .top .item .ad-popup .popup-row .cont:hover span,
#help .ad-right .top .item .ad-popup .popup-row .cont:hover p {
  color: #Ec1C1C !important;
}
#help .ad-right .top .item .ad-popup .popup-row .cont .icon-tel {
  width: 30px;
  height: 24px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAZCAMAAAAR624oAAABQVBMVEUAAADVAAD/AADbAAD/AADfAADjAADfEBDjDg7mGhrrFBTnGBjwFxfrFBTyGxvrGhryGhrsGRntGBjnGBjpHBzqGxvmGRntGhrqGRnrHBzsFxfpGhrpGRntGRnrGxvrGhrsGhrtGxvqGhrrGhrsHBzqGxvuHBzsGBjtGRnrGxvrGxvsGhrtGhrtHBzrGhrqGxvuGxvsGxvsGhrrGxvsHBzrGxvrGxvrGxvtGhrqGxvsGxvsGxvsHBzsHBzsHBzrGxvrGxvrGhrrHBzrGxvsHBzrHBzrHBzrGxvtGxvsGxvsHBzsGxvsHBzrGxvrGxvsGxvsHBzrGxvsGxvsGxvsGxvsGxvsGxvrHBzsGxvsGxvsGxvsHBzrGxvsGxvrGxvsGxvrGxvrGxvrHBzsHBzrHBzsHBzsHBzsGxvsGxvsGxvsHBw3TxX2AAAAanRSTlMABgYHBwgJEBIUGiAiJiYnJykqKy4wNDo8QEJFRkdMTU9UV1hcYGZpcHJzd39/gIOFhoiOk5eYmZuho6utrq+xtLe3v7/AwcPFx8nKy8/Q0tLY2d/g4ePn6Ort7/Ly8/P19vf3+Pn6+/3+WM51LgAAAT5JREFUGBl1wYdWE0EAhtFPdF2pihQJRRSlShSklwRYJ8YKwlAEFUgAE/73fwCyM0tOwiH3kmgbmcnsWFXYnczMSBs1Omet7rCznXgdWd0r20HF2JUSv3/l8/kve+dKXI3BR3n/ltpJ9G9cyPvAqZyz59ToO5dzirx5eLH1w9l6BvPykJem5VKJv49Jy0NemilVvSYtDznlSVZUtUjfWVkxpHJhbxzIqSoHPJo+/i+x+z4gNqQaPThvtkm8U51X1Fm4Vp3yBDXWpc9BMLgfBIGeBsG+dD3HrYefJBWtPSpZa3VobUkVm3hN27rX9yZia4rlw/DlQRiG6g7DAznLVDwpKfbHmJ9FY4y+GlOUU3oAdKmhViAlx0DKAmoFK68XGJBzEkXfClEUKRdFBXkpYFQNDQOjaugt0LxqGlgNuQGb29AQOTj1AwAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%;
  margin: 0 30px 0 40px;
}
#help .ad-right .top .item .ad-popup .popup-row .cont .icon-service {
  height: 30px;
  width: 30px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAgCAMAAAAynjhNAAABnlBMVEUAAAAAAAD/AAD/AACqAAC/AAD/AADMAADVAAD/AADbAAD/AADfAADqAADqFRXbEhLdERHuERHjDg7nGBj0FRXtGhrnGBjvGBjpFxfwFxfqFRXrGhrsGhrsGRntGBjuFxfuFhbvFhbvGxvqGhrrGRnpGxvtGhruGhruGRnqGRnuGRnrGBjrGBjrHBzvGBjsFxfsGxvqGRnuGBjuHBzuGxvrGhrsGRntGxvqGxvrGhrsGxvqGxvtGhrtGhrqGhrtGhrtGRntHBzsGhrsGhrtHBzrGxvtGxvrGxvrGhrtGhrrGhrsGhrsGxvtGhrtGhrtHBzrHBztHBzqGxvsGxvsGxvsGhrtGxvrGhrrGhrsGxvsGxvsGxvsHBzsHBzrGxvsGxvrGxvrGhrtHBzsHBzsGxvrGxvsGxvsGxvsHBzrGxvrHBzrGxvrGxvtGxvsGxvsHBzsGxvrGxvrGxvsHBzsHBzsGxvsGxvsGxvrGxvsGxvsGxvsGxvsGxvsHBzsGxvsGxvrGxvrGxvsHBzrHBzsHBzsHBzsGxvsGxvsGxvsHBxcuuI7AAAAiXRSTlMAAQECAwQEBQYGBwcIDAwODw8SFRgdICAiIiUnKCkqLS4vMDE0OTo7PD09P0BAQUNDSElKS01SVFVaX2BhYmNjZWVrbW9ycnN0dHV2eX5/f4GBhISFh42bnJ+gqq+ws7O1t7e4ur29vr/AwMPExMnJzc7R09TX2Nnb29/h4+Xo7fL09/j5+vz9/gYWZiIAAAFWSURBVBgZfcEJIxQBAIbhL9aRsCgkQhEpapVSNmcHlXMcydEh1ZZaRMoUiVX7/ut2JmZnrJ3nUVLp4BsTzBcDZ5Tq9AyOZ8U6IrRD/O2TlrKyqwNR+NUgjxuweUkHmkxiV+RSEeO1lHn3eSQy056lk0v8LlfSO75JbT+w/bym3HXmdKhoililOnDcVt0fxoOyFa7AF13ApUbrEM2TpROYDmzgspw5B3TI8h54WIrHOQOYleUrEL6Mx00DiMqyBIS78bhjALOy9ADhEB63DKBblsIVCJ/Fo9qA1TzZSsYjrdlbuGzmdC2OBeXSgkujjsoYwvFIqU707WLbu6djFQxGTPPj4yKlyA/JozlHLte/M39ejtpXrDXqUGCChPiH+7WSTtX3f/pLwlP9F5gmKY5jUrY+0uhVwkXS2a+S9Jm0FqQ6fFRpFB/DWsbHS23jwxR+TI34efAPqlMyhfaNhA0AAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
  margin: 0 30px 0 40px;
}
#help .ad-right .top .item .ad-popup .popup-row .cont .icon-QQ {
  width: 29px;
  height: 30px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAfCAMAAAAshTY2AAAAwFBMVEUAAAC/AADfAADqFRXfEBDmGhr0FhbqFRXsHBzwFhbqFRXsGhroFxfqGxvuGhrsGxvpGhrtGRnqGRnrGxvtGRnqGxvuGRnsGRnsGxvtGhrsGhrtHBztGxvsGxvtGhrtHBztGxvsGhrrGxvsHBzsGxvtHBzsGxvsGxvtGxvsGxvsHBzrGhrrHBzsGxvrGxvsGxvsHBzrGxvsHBzsHBzsGxvsGxvsGxvrHBzsHBzrGxvsHBzrGxvsGxvrHBzsGxvsHBwwaxpAAAAAP3RSTlMABAgMEBQXGBsjJCgsMDtDREdITFNUW1xfY2tvc3t/f4OHj5OXm5+jp6uvt7e7v7+/w8vT19/j5+fr7/Pz9/u64tD3AAAA3UlEQVQYGXXBiVqCQBgF0AtUGmHZ7paVIoZiK1JMxX3/t/IDRxT45xzsnTysEjJ9HZ+iwZr8cydso8oOeSA9R8WcFcrFgRvWfGDPSVl3gVKfDXOUlmxQKCk2daDZFFxD61EQQvMpcVGwfim5RcGh6Aw5a0JRD7kpZeoYwB1NngH7hybqCAOa9bGk2QLfNItBphkN1lAcRZR8LfiJ4AldSgbe3xC5FzatbbRQcN5Yl11h5zJgXRa0sdWlJPVQGFH0iEJHUcv8WUwtcbHVGkcJmcVTF4A3nEXvK//eAbABBlGgOqFUO0QAAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
  margin: 0 30px 0 40px;
}
#help .ad-right .top .item .ad-popup .popup-row .cont .icon-shiyong {
  width: 34px;
  height: 29px;
  background: url(../image/shiyong.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 30px 0 40px;
}
#help .ad-right .top .item .ad-popup .popup-row .icon-gzh {
  width: 126px;
  height: 126px;
  margin: 25px 20px 0px 45px;
  background: url(../image/wxgzh.png) no-repeat;
  background-size: 100% 100%;
}
#help .ad-right .top .item .ad-popup .popup-row .icon-xcx {
  width: 126px;
  height: 126px;
  margin: 0px 20px 25px 45px;
  background: url(../image/wxxcx.png) no-repeat;
  background-size: 100% 100%;
}
#help .ad-right .top .item .ad-popup .popup-row .icon-azqy {
  width: 126px;
  height: 126px;
  margin: 25px 20px 25px 45px;
}
#help .ad-right .top .item .ad-popup .popup-row .attent {
  display: flex;
  align-items: center;
  cursor: default;
}
#help .ad-right .top .item .ad-popup .popup-row .attent span {
  font-size: 18px;
  color: #290202;
}
#help .ad-right .top .item .ad-popup .popup-row .attent p {
  width: 155px;
  line-height: 20px;
  font-size: 14px;
  color: rgba(41, 2, 2, 0.65);
  margin-top: 20px;
}
#help .ad-right .top .item .tel {
  top: 0;
  margin-left: -25px;
}
#help .ad-right .top .item .online {
  top: -174px;
}
#help .ad-right .top .item:hover {
  background: #EC1C1C;
}
#help .ad-right .top .item:hover p {
  color: white;
}
#help .ad-right .top .item:hover .ad-popup {
  display: block;
  top: -32px;
}
#help .contacts {
  width: 100%;
  height: 200px;
  padding: 35px 0;
  color: rgba(255, 255, 255, 0.65);
  background: url(../image/bottomBg.png) center center;
  background-size: 100% 100%;
  margin-top: 60px;
}
#help .contacts a {
  color: rgba(255, 255, 255, 0.65);
}
#help .contacts a:hover {
  color: #ffffff;
}
#help .contacts .main {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#help .contacts .main .mainItems {
  width: 305px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#help .contacts .main .mainItems > img {
  width: 130px;
  height: 100%;
}
#help .contacts .main .mainItems .items {
  width: 155px;
  height: 100%;
  padding: 7px 0;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#help .contacts .main .mainItems .items div {
  display: flex;
  align-items: center;
}
#help .contacts .main .mainItems .items img {
  width: 18px;
  height: 18px;
  margin-right: 16px;
}
#help .contacts .main .mainItems .items p {
  height: 62px;
  line-height: 36px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.64);
}
#help .footer {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.65);
  background: #EC1C1C;
}
#help_new .help-wrap {
  width: 100%;
  min-height: 100vh;
  position: relative;
}
#help_new .photo-wall {
  width: 100%;
  height: 487px;
  background: url(../image/new-banner.png) no-repeat center center;
  background-size: cover;
}
#help_new .container {
  width: 100% !important;
  position: absolute;
  top: 60px;
  left: 0;
  z-index: 100;
  background: none;
}
#help_new .content {
  width: 1200px;
  min-height: 800px;
  margin: 0 auto;
}
#help_new .content .search-box {
  height: 427px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#help_new .content .search-box .search-box-title {
  font-size: 30px;
  color: #fff;
  margin-bottom: 37px;
  cursor: default;
}
#help_new .content .search-box .search-box-row {
  position: relative;
}
#help_new .content .search-box .search-box-row:hover .search-input-close,
#help_new .content .search-box .search-box-row:focus .search-input-close {
  display: inline-block;
}
#help_new .content .search-box .search-box-row .search-input-icon {
  position: absolute;
  top: 16px;
  left: 25px;
  user-select: none;
  -webkit-user-drag: none;
}
#help_new .content .search-box .search-box-row .search-input-close {
  display: none;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 16px;
  right: 110px;
  cursor: pointer;
  -webkit-user-drag: none;
}
#help_new .content .search-box .search-box-row .search-box-input {
  height: 50px;
  width: 525px;
  outline: none;
  box-shadow: none;
  padding-left: 50px;
  font-size: 16px;
  color: #777777;
}
#help_new .content .search-box .search-box-row .search-box-btn {
  background: #EC1C1C;
  color: #fff;
  font-size: 16px;
  width: 100px;
  border: none;
  height: 50px;
  outline: none;
  vertical-align: top;
  margin-left: -5px;
}
#help_new .content .help-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 1200px;
  height: 500px;
}
#help_new .content .help-box .help-item {
  height: 385px;
  width: 375px;
  border-radius: 10px;
  border: 1px solid #EC1C1C;
  padding: 50px 0 0 40px;
  position: relative;
}
#help_new .content .help-box .help-item .help-item-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 24px;
  margin-bottom: 37px;
  cursor: default;
}
#help_new .content .help-box .help-item .help-item-title img {
  margin-right: 17px;
}
#help_new .content .help-box .help-item .help-item-list {
  height: 180px;
  padding-left: 25px;
}
#help_new .content .help-box .help-item .help-item-list li {
  list-style: disc;
  margin-bottom: 15px;
  cursor: pointer;
  width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#help_new .content .help-box .help-item .help-item-list li:hover {
  color: #EC1C1C;
  text-decoration: underline;
}
#help_new .content .help-box .help-item .help-item-more {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  height: 60px;
  padding: 17px 0 0 40px;
  color: #EC1C1C;
  margin-top: 20px;
  border-top: #e5e5e5 2px solid;
}
#help_new .content .help-box .help-item .help-item-more span {
  cursor: pointer;
}
#help_new .content .help-box .help-item .help-item-more img {
  vertical-align: middle;
}
#help_new .ad-right {
  position: fixed;
  width: 82px;
  z-index: 1000;
  top: 35%;
  right: 0;
  cursor: pointer;
  background: none;
}
#help_new .ad-right .top {
  margin-bottom: 10px;
  position: relative;
}
#help_new .ad-right .top .item {
  width: 82px;
  height: 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAABGCAMAAABotTMkAAAARVBMVEUAAAAAAAAAAAAfAAAmAAAkAAAjAAAhAAAjAAAoAAAnAAAmAAAkAAAmAAAlAAAnAAAmAAAmAAAlAAAnAAAmAAAmAAAoAAAGsjI/AAAAF3RSTlMAAQIZGxwdHywtLi8yNT5BQ0RFSElKTYtqx8wAAAB3SURBVFjD7di5FYAwEAPRxQZzg7m2/1I5YsJxpingP8Uye6visBwO9YFtdrBX7N1hEhYfsnGaDDtO4iPdJp5cefLkSRcpUqRIkSJFihQpUqRIkSJFivwlD54scJcUOHVqngwZJy3ypHU8WY04aZY2nLSQ5v2iyBumCulZRKLRHQAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%;
  border-radius: 10px 0 0 10px;
  margin-bottom: 10px;
  position: relative;
}
#help_new .ad-right .top .item p {
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  line-height: 24px;
}
#help_new .ad-right .top .item .icon-1 {
  width: 23px;
  height: 24px;
  display: inline-block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADWklEQVRYR8WWS8iVZRSFnyVeGqXOrIgU8hYSBTmQQgstFEkbeMEulCB0wYpCMAjSpEFlgiLeKMjQgeBABQdhAxEjCgySiuwCaVQahKUiaVYrlr6ffb+d//zn//4j7uF33rP32utde71bXOPQNa5PvwHYvgu4A7gJGAWcBY4D3wEHJZ3sT1MdAbA9BHgceAG4rU2B88A2YLWkbzoB0icA21OAd0rhX4HtwD7gQ0lnUsR2QE0FFgL3AhcCAnhV0p/tgLQFYDsdvwX8BrwMvNtXQtsTgTXALOBTYLakX3oD0SsA288B64CvgQck/dAJpdUZ26+EAeBLYErF1pU5WgKwPRn4CDgCzGjXQTtQtpcDrwNbJS1udfZ/AGwPKtRNiNolhYHGYXs3MAe4T9KBPhmw/UgR2ipJKxpXLn+0nXH9FjgsKYLuEa0YOAjcCdwo6fRAAZQp2QQ8Bdwu6fN6zh4AbA8Hfgd2SlrQjeIFQEZzP7Bc0pvtANxfZvwZSUHdlbA9rDjmLknzWwIodxXVPgs8KGlvV6r/p4Wj8SzgUeATSX/lp4tXYPv5Mi7XlfNxvHmtVNtfULYHx8BK4ervn5Umf5Tt2UC6zWMS44kOXionx0o60d+i9fO2Y8nLgI+BPcAtRZCHJE0OgLeBJcAYSaEpjDxRUC+TFFttHLZj42F0YkW77TCSGqMDII/LNEk3V1Vs31pmd6Wk2GnjsJ173y7psVr+NJzGJ1QA7pY0pnZgNPA90C0APay4xvBlANMl3VADEBv+qosAdkhaVMv/JLC5YmAj8HTx/cO1qVgLLJW0oTH/l/SUbSk+ME5StJBvu4CHslXlCu4pLhUH3AqMKAKphJPvjcN29ojXgGNlW8pKNxN4X9KsygfmFVGkeCLP8CJJmdcBhe1M0YvAP0Be2kTGfnEYufwW2I4JZdk8143Cheq5QJ7jvIbTgPHA0Wrcc6bPnbBp+7bD6nulxlRJh1rlGhAA2+nohKRTNYVfX2w9wv4DmCvpg94aaQSgXFeSRsDnis9HZA8XAY/MApLvkr5ox2JTAJWTVbnrAvsZeAPYWFnv1QCwFFhfS5zdP/6ex2afpL871U5TBjKuWd0mAXnXY1hbOi1aP9cIQBmxoWWsTkr6qUnxqzqGnQL6F82bU8/u0AChAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100% 100%;
}
#help_new .ad-right .top .item .icon-3 {
  width: 23px;
  height: 24px;
  display: inline-block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAA4VBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+sqgLzAAAASnRSTlMABAYICQwOFBcYHCAjJCcoKywvMDIzNDU4PD9AQ0RHTlBTWFtcX2Nnb3N3e3+HiouTl5+nqauvs7W3u7/Dx8vP09fb3+Pn6/P3+wTD4MYAAAExSURBVDjLrZPbVoJAFIbHEA3NzNDSSjuoRSgdqCyTVFTE+d//gRoYjs2s1Y1zM//M9+29YbEgZG+r1Ow1SzwWT7vnh39wa0oB0O8WIUeTHYtwrrLcoKDz2YIpxq0PuLMfJj2n/B7UKrO9ajMFkwaLqumnRm1Hb+JWaWHbRy+KNkZJM/sziQMseDjYbZXkVtPTyUvwgw5b/uZjmOF+jbFcGMCKhJFcuMNTuJ/hVS6YUesi3RakgoMuD1M8yPgF4kId/onIVRdGnC14xwJ3ME8nv2GjCdzLXBU+4OaMwhRePXcxyRmsIM/Dlqkh4TlDyvljqxneEIyyC0dNeAcVwdACg3E/KL5ElUgNxjtE6Q8tPA77wjeqeAg4qa/WHjbrlTil9v7V5kk6Irv+FbQXZU8/9S9cVTNq4CO1vgAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%;
}
#help_new .ad-right .top .item .ad-popup {
  position: absolute;
  width: 415px;
  left: -390px;
  display: none;
  cursor: default;
}
#help_new .ad-right .top .item .ad-popup .ad-popup-content {
  width: 100%;
  border-radius: 4px;
  background: url(../image/dialogBg.png) no-repeat;
  background-size: 100% 100%;
}
#help_new .ad-right .top .item .ad-popup .popup-row {
  padding: 2px 0;
}
#help_new .ad-right .top .item .ad-popup .popup-row .cont {
  display: flex;
  align-items: center;
  margin: 21px 0;
}
#help_new .ad-right .top .item .ad-popup .popup-row .cont:hover span,
#help_new .ad-right .top .item .ad-popup .popup-row .cont:hover p {
  color: #Ec1C1C !important;
}
#help_new .ad-right .top .item .ad-popup .popup-row .cont .icon-tel {
  width: 30px;
  height: 24px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAZCAMAAAAR624oAAABQVBMVEUAAADVAAD/AADbAAD/AADfAADjAADfEBDjDg7mGhrrFBTnGBjwFxfrFBTyGxvrGhryGhrsGRntGBjnGBjpHBzqGxvmGRntGhrqGRnrHBzsFxfpGhrpGRntGRnrGxvrGhrsGhrtGxvqGhrrGhrsHBzqGxvuHBzsGBjtGRnrGxvrGxvsGhrtGhrtHBzrGhrqGxvuGxvsGxvsGhrrGxvsHBzrGxvrGxvrGxvtGhrqGxvsGxvsGxvsHBzsHBzsHBzrGxvrGxvrGhrrHBzrGxvsHBzrHBzrHBzrGxvtGxvsGxvsHBzsGxvsHBzrGxvrGxvsGxvsHBzrGxvsGxvsGxvsGxvsGxvsGxvrHBzsGxvsGxvsGxvsHBzrGxvsGxvrGxvsGxvrGxvrGxvrHBzsHBzrHBzsHBzsHBzsGxvsGxvsGxvsHBw3TxX2AAAAanRSTlMABgYHBwgJEBIUGiAiJiYnJykqKy4wNDo8QEJFRkdMTU9UV1hcYGZpcHJzd39/gIOFhoiOk5eYmZuho6utrq+xtLe3v7/AwcPFx8nKy8/Q0tLY2d/g4ePn6Ort7/Ly8/P19vf3+Pn6+/3+WM51LgAAAT5JREFUGBl1wYdWE0EAhtFPdF2pihQJRRSlShSklwRYJ8YKwlAEFUgAE/73fwCyM0tOwiH3kmgbmcnsWFXYnczMSBs1Omet7rCznXgdWd0r20HF2JUSv3/l8/kve+dKXI3BR3n/ltpJ9G9cyPvAqZyz59ToO5dzirx5eLH1w9l6BvPykJem5VKJv49Jy0NemilVvSYtDznlSVZUtUjfWVkxpHJhbxzIqSoHPJo+/i+x+z4gNqQaPThvtkm8U51X1Fm4Vp3yBDXWpc9BMLgfBIGeBsG+dD3HrYefJBWtPSpZa3VobUkVm3hN27rX9yZia4rlw/DlQRiG6g7DAznLVDwpKfbHmJ9FY4y+GlOUU3oAdKmhViAlx0DKAmoFK68XGJBzEkXfClEUKRdFBXkpYFQNDQOjaugt0LxqGlgNuQGb29AQOTj1AwAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%;
  margin: 0 30px 0 40px;
}
#help_new .ad-right .top .item .ad-popup .popup-row .cont .icon-service {
  height: 30px;
  width: 30px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAgCAMAAAAynjhNAAABnlBMVEUAAAAAAAD/AAD/AACqAAC/AAD/AADMAADVAAD/AADbAAD/AADfAADqAADqFRXbEhLdERHuERHjDg7nGBj0FRXtGhrnGBjvGBjpFxfwFxfqFRXrGhrsGhrsGRntGBjuFxfuFhbvFhbvGxvqGhrrGRnpGxvtGhruGhruGRnqGRnuGRnrGBjrGBjrHBzvGBjsFxfsGxvqGRnuGBjuHBzuGxvrGhrsGRntGxvqGxvrGhrsGxvqGxvtGhrtGhrqGhrtGhrtGRntHBzsGhrsGhrtHBzrGxvtGxvrGxvrGhrtGhrrGhrsGhrsGxvtGhrtGhrtHBzrHBztHBzqGxvsGxvsGxvsGhrtGxvrGhrrGhrsGxvsGxvsGxvsHBzsHBzrGxvsGxvrGxvrGhrtHBzsHBzsGxvrGxvsGxvsGxvsHBzrGxvrHBzrGxvrGxvtGxvsGxvsHBzsGxvrGxvrGxvsHBzsHBzsGxvsGxvsGxvrGxvsGxvsGxvsGxvsGxvsHBzsGxvsGxvrGxvrGxvsHBzrHBzsHBzsHBzsGxvsGxvsGxvsHBxcuuI7AAAAiXRSTlMAAQECAwQEBQYGBwcIDAwODw8SFRgdICAiIiUnKCkqLS4vMDE0OTo7PD09P0BAQUNDSElKS01SVFVaX2BhYmNjZWVrbW9ycnN0dHV2eX5/f4GBhISFh42bnJ+gqq+ws7O1t7e4ur29vr/AwMPExMnJzc7R09TX2Nnb29/h4+Xo7fL09/j5+vz9/gYWZiIAAAFWSURBVBgZfcEJIxQBAIbhL9aRsCgkQhEpapVSNmcHlXMcydEh1ZZaRMoUiVX7/ut2JmZnrJ3nUVLp4BsTzBcDZ5Tq9AyOZ8U6IrRD/O2TlrKyqwNR+NUgjxuweUkHmkxiV+RSEeO1lHn3eSQy056lk0v8LlfSO75JbT+w/bym3HXmdKhoililOnDcVt0fxoOyFa7AF13ApUbrEM2TpROYDmzgspw5B3TI8h54WIrHOQOYleUrEL6Mx00DiMqyBIS78bhjALOy9ADhEB63DKBblsIVCJ/Fo9qA1TzZSsYjrdlbuGzmdC2OBeXSgkujjsoYwvFIqU707WLbu6djFQxGTPPj4yKlyA/JozlHLte/M39ejtpXrDXqUGCChPiH+7WSTtX3f/pLwlP9F5gmKY5jUrY+0uhVwkXS2a+S9Jm0FqQ6fFRpFB/DWsbHS23jwxR+TI34efAPqlMyhfaNhA0AAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
  margin: 0 30px 0 40px;
}
#help_new .ad-right .top .item .ad-popup .popup-row .cont .icon-QQ {
  width: 29px;
  height: 30px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAfCAMAAAAshTY2AAAAwFBMVEUAAAC/AADfAADqFRXfEBDmGhr0FhbqFRXsHBzwFhbqFRXsGhroFxfqGxvuGhrsGxvpGhrtGRnqGRnrGxvtGRnqGxvuGRnsGRnsGxvtGhrsGhrtHBztGxvsGxvtGhrtHBztGxvsGhrrGxvsHBzsGxvtHBzsGxvsGxvtGxvsGxvsHBzrGhrrHBzsGxvrGxvsGxvsHBzrGxvsHBzsHBzsGxvsGxvsGxvrHBzsHBzrGxvsHBzrGxvsGxvrHBzsGxvsHBwwaxpAAAAAP3RSTlMABAgMEBQXGBsjJCgsMDtDREdITFNUW1xfY2tvc3t/f4OHj5OXm5+jp6uvt7e7v7+/w8vT19/j5+fr7/Pz9/u64tD3AAAA3UlEQVQYGXXBiVqCQBgF0AtUGmHZ7paVIoZiK1JMxX3/t/IDRxT45xzsnTysEjJ9HZ+iwZr8cydso8oOeSA9R8WcFcrFgRvWfGDPSVl3gVKfDXOUlmxQKCk2daDZFFxD61EQQvMpcVGwfim5RcGh6Aw5a0JRD7kpZeoYwB1NngH7hybqCAOa9bGk2QLfNItBphkN1lAcRZR8LfiJ4AldSgbe3xC5FzatbbRQcN5Yl11h5zJgXRa0sdWlJPVQGFH0iEJHUcv8WUwtcbHVGkcJmcVTF4A3nEXvK//eAbABBlGgOqFUO0QAAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
  margin: 0 30px 0 40px;
}
#help_new .ad-right .top .item .ad-popup .popup-row .cont .icon-shiyong {
  width: 34px;
  height: 29px;
  background: url(../image/shiyong.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 30px 0 40px;
}
#help_new .ad-right .top .item .ad-popup .popup-row .icon-gzh {
  width: 126px;
  height: 126px;
  margin: 25px 20px 0px 45px;
  background: url(../image/wxgzh.png) no-repeat;
  background-size: 100% 100%;
}
#help_new .ad-right .top .item .ad-popup .popup-row .icon-xcx {
  width: 126px;
  height: 126px;
  margin: 0px 20px 25px 45px;
  background: url(../image/wxxcx.png) no-repeat;
  background-size: 100% 100%;
}
#help_new .ad-right .top .item .ad-popup .popup-row .icon-azqy {
  width: 126px;
  height: 126px;
  margin: 25px 20px 25px 45px;
}
#help_new .ad-right .top .item .ad-popup .popup-row .attent {
  display: flex;
  align-items: center;
  cursor: default;
}
#help_new .ad-right .top .item .ad-popup .popup-row .attent span {
  font-size: 18px;
  color: #290202;
}
#help_new .ad-right .top .item .ad-popup .popup-row .attent p {
  width: 155px;
  line-height: 20px;
  font-size: 14px;
  color: rgba(41, 2, 2, 0.65);
  margin-top: 20px;
}
#help_new .ad-right .top .item .tel {
  top: 0;
  margin-left: -25px;
}
#help_new .ad-right .top .item .online {
  top: -174px;
}
#help_new .ad-right .top .item:hover {
  background: #EC1C1C;
}
#help_new .ad-right .top .item:hover p {
  color: white;
}
#help_new .ad-right .top .item:hover .ad-popup {
  display: block;
  top: -32px;
}
#help_new .contacts {
  width: 100%;
  height: 200px;
  padding: 35px 0;
  color: rgba(255, 255, 255, 0.65);
  background: url(../image/bottomBg.png) center center;
  background-size: 100% 100%;
  margin-top: 40px;
}
#help_new .contacts a {
  color: rgba(255, 255, 255, 0.65);
}
#help_new .contacts a:hover {
  color: #ffffff;
}
#help_new .contacts .main {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#help_new .contacts .main .mainItems {
  width: 305px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#help_new .contacts .main .mainItems > img {
  width: 130px;
  height: 100%;
}
#help_new .contacts .main .mainItems .items {
  width: 155px;
  height: 100%;
  padding: 7px 0;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#help_new .contacts .main .mainItems .items div {
  display: flex;
  align-items: center;
}
#help_new .contacts .main .mainItems .items img {
  width: 18px;
  height: 18px;
  margin-right: 16px;
}
#help_new .contacts .main .mainItems .items p {
  height: 62px;
  line-height: 36px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.64);
}
#help_new .footer {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.65);
  background: #EC1C1C;
}
#help_detail {
  position: relative;
}
#help_detail .help-wrap {
  width: 100%;
  min-height: 100vh;
}
#help_detail .photo-wall {
  width: 100%;
  height: 275px;
  background: url(../image/new-banner.png) no-repeat center center;
  background-size: cover;
  z-index: 999;
}
#help_detail .search-box {
  height: 215px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  top: 60px;
  z-index: 1000;
}
#help_detail .search-box .search-box-title {
  font-size: 30px;
  color: #fff;
  margin-bottom: 37px;
  cursor: default;
}
#help_detail .search-box .search-box-row {
  position: relative;
}
#help_detail .search-box .search-box-row:hover .search-input-close,
#help_detail .search-box .search-box-row:focus .search-input-close {
  display: inline-block;
}
#help_detail .search-box .search-box-row .search-input-icon {
  position: absolute;
  top: 16px;
  left: 25px;
  user-select: none;
  -webkit-user-drag: none;
  width: 18px;
  height: 18px;
}
#help_detail .search-box .search-box-row .search-input-close {
  display: none;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 16px;
  right: 110px;
  cursor: pointer;
  -webkit-user-drag: none;
}
#help_detail .search-box .search-box-row .search-box-input {
  height: 50px;
  width: 525px;
  outline: none;
  box-shadow: none;
  padding-left: 50px;
  font-size: 16px;
  color: #777777;
}
#help_detail .search-box .search-box-row .search-box-btn {
  background: #EC1C1C;
  color: #fff;
  font-size: 16px;
  width: 100px;
  border: none;
  height: 50px;
  outline: none;
  vertical-align: top;
  margin-left: -5px;
}
#help_detail .container {
  width: 100% !important;
  position: absolute;
  top: 60px;
  left: 0;
  z-index: 100;
  background: none;
}
#help_detail .content {
  width: 1200px;
  margin: 0 auto;
}
#help_detail .content .content-box {
  margin-top: 255px;
  display: flex;
  position: relative;
}
#help_detail .content .content-box .left-menu {
  height: 100%;
  width: 260px;
  background: #FAFAFC;
  box-shadow: 0px 2px 10px 1px rgba(103, 103, 103, 0.16);
  position: sticky;
  top: 70px;
  overflow-y: auto;
}
#help_detail .content .content-box .left-menu .fir .title-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#help_detail .content .content-box .left-menu .fir.active .fir-title {
  cursor: pointer;
}
#help_detail .content .content-box .left-menu .fir.active .fir-title img {
  transform: rotate(90deg);
}
#help_detail .content .content-box .left-menu .fir.active .sec-menu {
  display: block;
}
#help_detail .content .content-box .left-menu .fir .fir-title {
  padding: 16px 28px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#help_detail .content .content-box .left-menu .fir .fir-title:hover {
  cursor: pointer;
}
#help_detail .content .content-box .left-menu .fir .sec-menu {
  display: none;
}
#help_detail .content .content-box .left-menu .fir .sec-menu .sec.active .sec-title {
  cursor: pointer;
  background: #FFECEF;
  color: #EC1C1C;
}
#help_detail .content .content-box .left-menu .fir .sec-menu .sec:hover .sec-title {
  cursor: pointer;
  background: #FFECEF;
  color: #EC1C1C;
}
#help_detail .content .content-box .left-menu .fir .sec-menu .sec .sec-title {
  font-size: 14px;
  color: #808080;
  padding: 16px 28px 16px 48px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#help_detail .content .content-box .left-menu .expand {
  width: 14px;
  height: 14px;
}
#help_detail .content .content-box .detail-box {
  flex: 1;
  margin-left: 42px;
  max-width: 900px;
  overflow: hidden;
}
#help_detail .content .content-box .detail-box .detail-content-title {
  font-size: 18px;
  color: #323232;
  font-weight: bold;
}
#help_detail .content .content-box .detail-box .detail-content-time {
  font-size: 14px;
  color: #9A9A9A;
  margin-bottom: 30px;
}
#help_detail .content .content-box .detail-box .detail-content-content {
  color: #290202;
}
#help_detail .content .content-box .detail-box img {
  width: 100%;
}
#help_detail .content .content-box .detail-box .bottom-row {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#help_detail .content .content-box .detail-box .bottom-row a {
  max-width: 50%;
}
#help_detail .content .content-box .detail-box .bottom-row a div {
  white-space: nowrap;
}
#help_detail .content .content-box .detail-box .bottom-row a div span {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#help_detail .content .content-box .detail-box .bottom-row div {
  cursor: pointer;
  display: flex;
  align-items: center;
}
#help_detail .content .content-box .detail-box .bottom-row img {
  width: 14px;
  height: 14px;
}
#help_detail .ad-right {
  position: fixed;
  width: 82px;
  z-index: 1000;
  top: 35%;
  right: 0;
  cursor: pointer;
  background: none;
}
#help_detail .ad-right .top {
  margin-bottom: 10px;
  position: relative;
}
#help_detail .ad-right .top .item {
  width: 82px;
  height: 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAABGCAMAAABotTMkAAAARVBMVEUAAAAAAAAAAAAfAAAmAAAkAAAjAAAhAAAjAAAoAAAnAAAmAAAkAAAmAAAlAAAnAAAmAAAmAAAlAAAnAAAmAAAmAAAoAAAGsjI/AAAAF3RSTlMAAQIZGxwdHywtLi8yNT5BQ0RFSElKTYtqx8wAAAB3SURBVFjD7di5FYAwEAPRxQZzg7m2/1I5YsJxpingP8Uye6visBwO9YFtdrBX7N1hEhYfsnGaDDtO4iPdJp5cefLkSRcpUqRIkSJFihQpUqRIkSJFivwlD54scJcUOHVqngwZJy3ypHU8WY04aZY2nLSQ5v2iyBumCulZRKLRHQAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%;
  border-radius: 10px 0 0 10px;
  margin-bottom: 10px;
  position: relative;
}
#help_detail .ad-right .top .item p {
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  line-height: 24px;
}
#help_detail .ad-right .top .item .icon-1 {
  width: 23px;
  height: 24px;
  display: inline-block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADWklEQVRYR8WWS8iVZRSFnyVeGqXOrIgU8hYSBTmQQgstFEkbeMEulCB0wYpCMAjSpEFlgiLeKMjQgeBABQdhAxEjCgySiuwCaVQahKUiaVYrlr6ffb+d//zn//4j7uF33rP32utde71bXOPQNa5PvwHYvgu4A7gJGAWcBY4D3wEHJZ3sT1MdAbA9BHgceAG4rU2B88A2YLWkbzoB0icA21OAd0rhX4HtwD7gQ0lnUsR2QE0FFgL3AhcCAnhV0p/tgLQFYDsdvwX8BrwMvNtXQtsTgTXALOBTYLakX3oD0SsA288B64CvgQck/dAJpdUZ26+EAeBLYErF1pU5WgKwPRn4CDgCzGjXQTtQtpcDrwNbJS1udfZ/AGwPKtRNiNolhYHGYXs3MAe4T9KBPhmw/UgR2ipJKxpXLn+0nXH9FjgsKYLuEa0YOAjcCdwo6fRAAZQp2QQ8Bdwu6fN6zh4AbA8Hfgd2SlrQjeIFQEZzP7Bc0pvtANxfZvwZSUHdlbA9rDjmLknzWwIodxXVPgs8KGlvV6r/p4Wj8SzgUeATSX/lp4tXYPv5Mi7XlfNxvHmtVNtfULYHx8BK4ervn5Umf5Tt2UC6zWMS44kOXionx0o60d+i9fO2Y8nLgI+BPcAtRZCHJE0OgLeBJcAYSaEpjDxRUC+TFFttHLZj42F0YkW77TCSGqMDII/LNEk3V1Vs31pmd6Wk2GnjsJ173y7psVr+NJzGJ1QA7pY0pnZgNPA90C0APay4xvBlANMl3VADEBv+qosAdkhaVMv/JLC5YmAj8HTx/cO1qVgLLJW0oTH/l/SUbSk+ME5StJBvu4CHslXlCu4pLhUH3AqMKAKphJPvjcN29ojXgGNlW8pKNxN4X9KsygfmFVGkeCLP8CJJmdcBhe1M0YvAP0Be2kTGfnEYufwW2I4JZdk8143Cheq5QJ7jvIbTgPHA0Wrcc6bPnbBp+7bD6nulxlRJh1rlGhAA2+nohKRTNYVfX2w9wv4DmCvpg94aaQSgXFeSRsDnis9HZA8XAY/MApLvkr5ox2JTAJWTVbnrAvsZeAPYWFnv1QCwFFhfS5zdP/6ex2afpL871U5TBjKuWd0mAXnXY1hbOi1aP9cIQBmxoWWsTkr6qUnxqzqGnQL6F82bU8/u0AChAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100% 100%;
}
#help_detail .ad-right .top .item .icon-3 {
  width: 23px;
  height: 24px;
  display: inline-block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAA4VBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+sqgLzAAAASnRSTlMABAYICQwOFBcYHCAjJCcoKywvMDIzNDU4PD9AQ0RHTlBTWFtcX2Nnb3N3e3+HiouTl5+nqauvs7W3u7/Dx8vP09fb3+Pn6/P3+wTD4MYAAAExSURBVDjLrZPbVoJAFIbHEA3NzNDSSjuoRSgdqCyTVFTE+d//gRoYjs2s1Y1zM//M9+29YbEgZG+r1Ow1SzwWT7vnh39wa0oB0O8WIUeTHYtwrrLcoKDz2YIpxq0PuLMfJj2n/B7UKrO9ajMFkwaLqumnRm1Hb+JWaWHbRy+KNkZJM/sziQMseDjYbZXkVtPTyUvwgw5b/uZjmOF+jbFcGMCKhJFcuMNTuJ/hVS6YUesi3RakgoMuD1M8yPgF4kId/onIVRdGnC14xwJ3ME8nv2GjCdzLXBU+4OaMwhRePXcxyRmsIM/Dlqkh4TlDyvljqxneEIyyC0dNeAcVwdACg3E/KL5ElUgNxjtE6Q8tPA77wjeqeAg4qa/WHjbrlTil9v7V5kk6Irv+FbQXZU8/9S9cVTNq4CO1vgAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%;
}
#help_detail .ad-right .top .item .ad-popup {
  position: absolute;
  width: 415px;
  left: -390px;
  display: none;
  cursor: default;
}
#help_detail .ad-right .top .item .ad-popup .ad-popup-content {
  width: 100%;
  border-radius: 4px;
  background: url(../image/dialogBg.png) no-repeat;
  background-size: 100% 100%;
}
#help_detail .ad-right .top .item .ad-popup .popup-row {
  padding: 2px 0;
}
#help_detail .ad-right .top .item .ad-popup .popup-row .cont {
  display: flex;
  align-items: center;
  margin: 21px 0;
}
#help_detail .ad-right .top .item .ad-popup .popup-row .cont:hover span,
#help_detail .ad-right .top .item .ad-popup .popup-row .cont:hover p {
  color: #Ec1C1C !important;
}
#help_detail .ad-right .top .item .ad-popup .popup-row .cont .icon-tel {
  width: 30px;
  height: 24px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAZCAMAAAAR624oAAABQVBMVEUAAADVAAD/AADbAAD/AADfAADjAADfEBDjDg7mGhrrFBTnGBjwFxfrFBTyGxvrGhryGhrsGRntGBjnGBjpHBzqGxvmGRntGhrqGRnrHBzsFxfpGhrpGRntGRnrGxvrGhrsGhrtGxvqGhrrGhrsHBzqGxvuHBzsGBjtGRnrGxvrGxvsGhrtGhrtHBzrGhrqGxvuGxvsGxvsGhrrGxvsHBzrGxvrGxvrGxvtGhrqGxvsGxvsGxvsHBzsHBzsHBzrGxvrGxvrGhrrHBzrGxvsHBzrHBzrHBzrGxvtGxvsGxvsHBzsGxvsHBzrGxvrGxvsGxvsHBzrGxvsGxvsGxvsGxvsGxvsGxvrHBzsGxvsGxvsGxvsHBzrGxvsGxvrGxvsGxvrGxvrGxvrHBzsHBzrHBzsHBzsHBzsGxvsGxvsGxvsHBw3TxX2AAAAanRSTlMABgYHBwgJEBIUGiAiJiYnJykqKy4wNDo8QEJFRkdMTU9UV1hcYGZpcHJzd39/gIOFhoiOk5eYmZuho6utrq+xtLe3v7/AwcPFx8nKy8/Q0tLY2d/g4ePn6Ort7/Ly8/P19vf3+Pn6+/3+WM51LgAAAT5JREFUGBl1wYdWE0EAhtFPdF2pihQJRRSlShSklwRYJ8YKwlAEFUgAE/73fwCyM0tOwiH3kmgbmcnsWFXYnczMSBs1Omet7rCznXgdWd0r20HF2JUSv3/l8/kve+dKXI3BR3n/ltpJ9G9cyPvAqZyz59ToO5dzirx5eLH1w9l6BvPykJem5VKJv49Jy0NemilVvSYtDznlSVZUtUjfWVkxpHJhbxzIqSoHPJo+/i+x+z4gNqQaPThvtkm8U51X1Fm4Vp3yBDXWpc9BMLgfBIGeBsG+dD3HrYefJBWtPSpZa3VobUkVm3hN27rX9yZia4rlw/DlQRiG6g7DAznLVDwpKfbHmJ9FY4y+GlOUU3oAdKmhViAlx0DKAmoFK68XGJBzEkXfClEUKRdFBXkpYFQNDQOjaugt0LxqGlgNuQGb29AQOTj1AwAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%;
  margin: 0 30px 0 40px;
}
#help_detail .ad-right .top .item .ad-popup .popup-row .cont .icon-service {
  height: 30px;
  width: 30px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAgCAMAAAAynjhNAAABnlBMVEUAAAAAAAD/AAD/AACqAAC/AAD/AADMAADVAAD/AADbAAD/AADfAADqAADqFRXbEhLdERHuERHjDg7nGBj0FRXtGhrnGBjvGBjpFxfwFxfqFRXrGhrsGhrsGRntGBjuFxfuFhbvFhbvGxvqGhrrGRnpGxvtGhruGhruGRnqGRnuGRnrGBjrGBjrHBzvGBjsFxfsGxvqGRnuGBjuHBzuGxvrGhrsGRntGxvqGxvrGhrsGxvqGxvtGhrtGhrqGhrtGhrtGRntHBzsGhrsGhrtHBzrGxvtGxvrGxvrGhrtGhrrGhrsGhrsGxvtGhrtGhrtHBzrHBztHBzqGxvsGxvsGxvsGhrtGxvrGhrrGhrsGxvsGxvsGxvsHBzsHBzrGxvsGxvrGxvrGhrtHBzsHBzsGxvrGxvsGxvsGxvsHBzrGxvrHBzrGxvrGxvtGxvsGxvsHBzsGxvrGxvrGxvsHBzsHBzsGxvsGxvsGxvrGxvsGxvsGxvsGxvsGxvsHBzsGxvsGxvrGxvrGxvsHBzrHBzsHBzsHBzsGxvsGxvsGxvsHBxcuuI7AAAAiXRSTlMAAQECAwQEBQYGBwcIDAwODw8SFRgdICAiIiUnKCkqLS4vMDE0OTo7PD09P0BAQUNDSElKS01SVFVaX2BhYmNjZWVrbW9ycnN0dHV2eX5/f4GBhISFh42bnJ+gqq+ws7O1t7e4ur29vr/AwMPExMnJzc7R09TX2Nnb29/h4+Xo7fL09/j5+vz9/gYWZiIAAAFWSURBVBgZfcEJIxQBAIbhL9aRsCgkQhEpapVSNmcHlXMcydEh1ZZaRMoUiVX7/ut2JmZnrJ3nUVLp4BsTzBcDZ5Tq9AyOZ8U6IrRD/O2TlrKyqwNR+NUgjxuweUkHmkxiV+RSEeO1lHn3eSQy056lk0v8LlfSO75JbT+w/bym3HXmdKhoililOnDcVt0fxoOyFa7AF13ApUbrEM2TpROYDmzgspw5B3TI8h54WIrHOQOYleUrEL6Mx00DiMqyBIS78bhjALOy9ADhEB63DKBblsIVCJ/Fo9qA1TzZSsYjrdlbuGzmdC2OBeXSgkujjsoYwvFIqU707WLbu6djFQxGTPPj4yKlyA/JozlHLte/M39ejtpXrDXqUGCChPiH+7WSTtX3f/pLwlP9F5gmKY5jUrY+0uhVwkXS2a+S9Jm0FqQ6fFRpFB/DWsbHS23jwxR+TI34efAPqlMyhfaNhA0AAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
  margin: 0 30px 0 40px;
}
#help_detail .ad-right .top .item .ad-popup .popup-row .cont .icon-QQ {
  width: 29px;
  height: 30px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAfCAMAAAAshTY2AAAAwFBMVEUAAAC/AADfAADqFRXfEBDmGhr0FhbqFRXsHBzwFhbqFRXsGhroFxfqGxvuGhrsGxvpGhrtGRnqGRnrGxvtGRnqGxvuGRnsGRnsGxvtGhrsGhrtHBztGxvsGxvtGhrtHBztGxvsGhrrGxvsHBzsGxvtHBzsGxvsGxvtGxvsGxvsHBzrGhrrHBzsGxvrGxvsGxvsHBzrGxvsHBzsHBzsGxvsGxvsGxvrHBzsHBzrGxvsHBzrGxvsGxvrHBzsGxvsHBwwaxpAAAAAP3RSTlMABAgMEBQXGBsjJCgsMDtDREdITFNUW1xfY2tvc3t/f4OHj5OXm5+jp6uvt7e7v7+/w8vT19/j5+fr7/Pz9/u64tD3AAAA3UlEQVQYGXXBiVqCQBgF0AtUGmHZ7paVIoZiK1JMxX3/t/IDRxT45xzsnTysEjJ9HZ+iwZr8cydso8oOeSA9R8WcFcrFgRvWfGDPSVl3gVKfDXOUlmxQKCk2daDZFFxD61EQQvMpcVGwfim5RcGh6Aw5a0JRD7kpZeoYwB1NngH7hybqCAOa9bGk2QLfNItBphkN1lAcRZR8LfiJ4AldSgbe3xC5FzatbbRQcN5Yl11h5zJgXRa0sdWlJPVQGFH0iEJHUcv8WUwtcbHVGkcJmcVTF4A3nEXvK//eAbABBlGgOqFUO0QAAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
  margin: 0 30px 0 40px;
}
#help_detail .ad-right .top .item .ad-popup .popup-row .cont .icon-shiyong {
  width: 34px;
  height: 29px;
  background: url(../image/shiyong.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 30px 0 40px;
}
#help_detail .ad-right .top .item .ad-popup .popup-row .icon-gzh {
  width: 126px;
  height: 126px;
  margin: 25px 20px 0px 45px;
  background: url(../image/wxgzh.png) no-repeat;
  background-size: 100% 100%;
}
#help_detail .ad-right .top .item .ad-popup .popup-row .icon-xcx {
  width: 126px;
  height: 126px;
  margin: 0px 20px 25px 45px;
  background: url(../image/wxxcx.png) no-repeat;
  background-size: 100% 100%;
}
#help_detail .ad-right .top .item .ad-popup .popup-row .icon-azqy {
  width: 126px;
  height: 126px;
  margin: 25px 20px 25px 45px;
}
#help_detail .ad-right .top .item .ad-popup .popup-row .attent {
  display: flex;
  align-items: center;
  cursor: default;
}
#help_detail .ad-right .top .item .ad-popup .popup-row .attent span {
  font-size: 18px;
  color: #290202;
}
#help_detail .ad-right .top .item .ad-popup .popup-row .attent p {
  width: 155px;
  line-height: 20px;
  font-size: 14px;
  color: rgba(41, 2, 2, 0.65);
  margin-top: 20px;
}
#help_detail .ad-right .top .item .tel {
  top: 0;
  margin-left: -25px;
}
#help_detail .ad-right .top .item .online {
  top: -174px;
}
#help_detail .ad-right .top .item:hover {
  background: #EC1C1C;
}
#help_detail .ad-right .top .item:hover p {
  color: white;
}
#help_detail .ad-right .top .item:hover .ad-popup {
  display: block;
  top: -32px;
}
#help_detail .contacts {
  width: 100%;
  height: 200px;
  padding: 35px 0;
  color: rgba(255, 255, 255, 0.65);
  background: url(../image/bottomBg.png) center center;
  background-size: 100% 100%;
  margin-top: 40px;
}
#help_detail .contacts a {
  color: rgba(255, 255, 255, 0.65);
}
#help_detail .contacts a:hover {
  color: #ffffff;
}
#help_detail .contacts .main {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#help_detail .contacts .main .mainItems {
  width: 305px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#help_detail .contacts .main .mainItems > img {
  width: 130px;
  height: 100%;
}
#help_detail .contacts .main .mainItems .items {
  width: 155px;
  height: 100%;
  padding: 7px 0;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#help_detail .contacts .main .mainItems .items div {
  display: flex;
  align-items: center;
}
#help_detail .contacts .main .mainItems .items img {
  width: 18px;
  height: 18px;
  margin-right: 16px;
}
#help_detail .contacts .main .mainItems .items p {
  height: 62px;
  line-height: 36px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.64);
}
#help_detail .footer {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.65);
  background: #EC1C1C;
}
#help_search .red {
  color: #EC1C1C;
}
#help_search .help-wrap {
  width: 100%;
  min-height: 100vh;
  position: relative;
}
#help_search .photo-wall {
  width: 100%;
  height: 487px;
  background: url(../image/new-banner.png) no-repeat center center;
  background-size: cover;
  z-index: -1;
}
#help_search .keyword-row {
  width: 100%;
  min-width: 1200px;
  height: 60px;
  margin-top: -60px;
  box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.1);
  background: #fff;
}
#help_search .container {
  width: 100% !important;
  position: absolute;
  top: 60px;
  left: 0;
  z-index: 100;
  background: none;
}
#help_search .content {
  width: 1200px;
  min-height: 800px;
  margin: 0 auto;
}
#help_search .content .search-box {
  height: 367px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#help_search .content .search-box .search-box-title {
  font-size: 30px;
  color: #fff;
  margin-bottom: 37px;
  cursor: default;
}
#help_search .content .search-box .search-box-row {
  position: relative;
}
#help_search .content .search-box .search-box-row:hover .search-input-close,
#help_search .content .search-box .search-box-row:focus .search-input-close {
  display: inline-block;
}
#help_search .content .search-box .search-box-row .search-input-icon {
  position: absolute;
  top: 16px;
  left: 25px;
  user-select: none;
  -webkit-user-drag: none;
}
#help_search .content .search-box .search-box-row .search-input-close {
  display: none;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 16px;
  right: 110px;
  cursor: pointer;
  -webkit-user-drag: none;
}
#help_search .content .search-box .search-box-row .search-box-input {
  height: 50px;
  width: 525px;
  outline: none;
  box-shadow: none;
  padding-left: 50px;
  padding-right: 30px;
  font-size: 16px;
  color: #777777;
}
#help_search .content .search-box .search-box-row .search-box-btn {
  background: #EC1C1C;
  color: #fff;
  font-size: 16px;
  width: 100px;
  border: none;
  height: 50px;
  outline: none;
  vertical-align: top;
  margin-left: -5px;
}
#help_search .content .keyword-box .top-row {
  height: 60px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#help_search .content .keyword-box .top-row img {
  margin-right: 15px;
  cursor: pointer;
}
#help_search .content .keyword-box .result-box {
  margin-top: 55px;
}
#help_search .content .keyword-box .result-box .result-item {
  padding-bottom: 25px;
  border-bottom: 2px solid #E5E5E5;
}
#help_search .content .keyword-box .result-box .result-item .item-title {
  color: #000;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
}
#help_search .content .keyword-box .result-box .result-item .item-content {
  margin-top: 35px;
  font-size: 16px;
}
#help_search .content .keyword-box .result-box .result-item .item-content div {
  margin-bottom: 15px;
}
#help_search .content .keyword-box .result-box .result-item .item-from {
  color: #878787;
  font-size: 14px;
}
#help_search .content .keyword-box .result-box .result-item:not(:first-child) {
  margin-top: 40px;
}
#help_search .ad-right {
  position: fixed;
  width: 82px;
  z-index: 1000;
  top: 35%;
  right: 0;
  cursor: pointer;
  background: none;
}
#help_search .ad-right .top {
  margin-bottom: 10px;
  position: relative;
}
#help_search .ad-right .top .item {
  width: 82px;
  height: 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAABGCAMAAABotTMkAAAARVBMVEUAAAAAAAAAAAAfAAAmAAAkAAAjAAAhAAAjAAAoAAAnAAAmAAAkAAAmAAAlAAAnAAAmAAAmAAAlAAAnAAAmAAAmAAAoAAAGsjI/AAAAF3RSTlMAAQIZGxwdHywtLi8yNT5BQ0RFSElKTYtqx8wAAAB3SURBVFjD7di5FYAwEAPRxQZzg7m2/1I5YsJxpingP8Uye6visBwO9YFtdrBX7N1hEhYfsnGaDDtO4iPdJp5cefLkSRcpUqRIkSJFihQpUqRIkSJFivwlD54scJcUOHVqngwZJy3ypHU8WY04aZY2nLSQ5v2iyBumCulZRKLRHQAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%;
  border-radius: 10px 0 0 10px;
  margin-bottom: 10px;
  position: relative;
}
#help_search .ad-right .top .item p {
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  line-height: 24px;
}
#help_search .ad-right .top .item .icon-1 {
  width: 23px;
  height: 24px;
  display: inline-block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADWklEQVRYR8WWS8iVZRSFnyVeGqXOrIgU8hYSBTmQQgstFEkbeMEulCB0wYpCMAjSpEFlgiLeKMjQgeBABQdhAxEjCgySiuwCaVQahKUiaVYrlr6ffb+d//zn//4j7uF33rP32utde71bXOPQNa5PvwHYvgu4A7gJGAWcBY4D3wEHJZ3sT1MdAbA9BHgceAG4rU2B88A2YLWkbzoB0icA21OAd0rhX4HtwD7gQ0lnUsR2QE0FFgL3AhcCAnhV0p/tgLQFYDsdvwX8BrwMvNtXQtsTgTXALOBTYLakX3oD0SsA288B64CvgQck/dAJpdUZ26+EAeBLYErF1pU5WgKwPRn4CDgCzGjXQTtQtpcDrwNbJS1udfZ/AGwPKtRNiNolhYHGYXs3MAe4T9KBPhmw/UgR2ipJKxpXLn+0nXH9FjgsKYLuEa0YOAjcCdwo6fRAAZQp2QQ8Bdwu6fN6zh4AbA8Hfgd2SlrQjeIFQEZzP7Bc0pvtANxfZvwZSUHdlbA9rDjmLknzWwIodxXVPgs8KGlvV6r/p4Wj8SzgUeATSX/lp4tXYPv5Mi7XlfNxvHmtVNtfULYHx8BK4ervn5Umf5Tt2UC6zWMS44kOXionx0o60d+i9fO2Y8nLgI+BPcAtRZCHJE0OgLeBJcAYSaEpjDxRUC+TFFttHLZj42F0YkW77TCSGqMDII/LNEk3V1Vs31pmd6Wk2GnjsJ173y7psVr+NJzGJ1QA7pY0pnZgNPA90C0APay4xvBlANMl3VADEBv+qosAdkhaVMv/JLC5YmAj8HTx/cO1qVgLLJW0oTH/l/SUbSk+ME5StJBvu4CHslXlCu4pLhUH3AqMKAKphJPvjcN29ojXgGNlW8pKNxN4X9KsygfmFVGkeCLP8CJJmdcBhe1M0YvAP0Be2kTGfnEYufwW2I4JZdk8143Cheq5QJ7jvIbTgPHA0Wrcc6bPnbBp+7bD6nulxlRJh1rlGhAA2+nohKRTNYVfX2w9wv4DmCvpg94aaQSgXFeSRsDnis9HZA8XAY/MApLvkr5ox2JTAJWTVbnrAvsZeAPYWFnv1QCwFFhfS5zdP/6ex2afpL871U5TBjKuWd0mAXnXY1hbOi1aP9cIQBmxoWWsTkr6qUnxqzqGnQL6F82bU8/u0AChAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100% 100%;
}
#help_search .ad-right .top .item .icon-3 {
  width: 23px;
  height: 24px;
  display: inline-block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAA4VBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+sqgLzAAAASnRSTlMABAYICQwOFBcYHCAjJCcoKywvMDIzNDU4PD9AQ0RHTlBTWFtcX2Nnb3N3e3+HiouTl5+nqauvs7W3u7/Dx8vP09fb3+Pn6/P3+wTD4MYAAAExSURBVDjLrZPbVoJAFIbHEA3NzNDSSjuoRSgdqCyTVFTE+d//gRoYjs2s1Y1zM//M9+29YbEgZG+r1Ow1SzwWT7vnh39wa0oB0O8WIUeTHYtwrrLcoKDz2YIpxq0PuLMfJj2n/B7UKrO9ajMFkwaLqumnRm1Hb+JWaWHbRy+KNkZJM/sziQMseDjYbZXkVtPTyUvwgw5b/uZjmOF+jbFcGMCKhJFcuMNTuJ/hVS6YUesi3RakgoMuD1M8yPgF4kId/onIVRdGnC14xwJ3ME8nv2GjCdzLXBU+4OaMwhRePXcxyRmsIM/Dlqkh4TlDyvljqxneEIyyC0dNeAcVwdACg3E/KL5ElUgNxjtE6Q8tPA77wjeqeAg4qa/WHjbrlTil9v7V5kk6Irv+FbQXZU8/9S9cVTNq4CO1vgAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%;
}
#help_search .ad-right .top .item .ad-popup {
  position: absolute;
  width: 415px;
  left: -390px;
  display: none;
  cursor: default;
}
#help_search .ad-right .top .item .ad-popup .ad-popup-content {
  width: 100%;
  border-radius: 4px;
  background: url(../image/dialogBg.png) no-repeat;
  background-size: 100% 100%;
}
#help_search .ad-right .top .item .ad-popup .popup-row {
  padding: 2px 0;
}
#help_search .ad-right .top .item .ad-popup .popup-row .cont {
  display: flex;
  align-items: center;
  margin: 21px 0;
}
#help_search .ad-right .top .item .ad-popup .popup-row .cont:hover span,
#help_search .ad-right .top .item .ad-popup .popup-row .cont:hover p {
  color: #Ec1C1C !important;
}
#help_search .ad-right .top .item .ad-popup .popup-row .cont .icon-tel {
  width: 30px;
  height: 24px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAZCAMAAAAR624oAAABQVBMVEUAAADVAAD/AADbAAD/AADfAADjAADfEBDjDg7mGhrrFBTnGBjwFxfrFBTyGxvrGhryGhrsGRntGBjnGBjpHBzqGxvmGRntGhrqGRnrHBzsFxfpGhrpGRntGRnrGxvrGhrsGhrtGxvqGhrrGhrsHBzqGxvuHBzsGBjtGRnrGxvrGxvsGhrtGhrtHBzrGhrqGxvuGxvsGxvsGhrrGxvsHBzrGxvrGxvrGxvtGhrqGxvsGxvsGxvsHBzsHBzsHBzrGxvrGxvrGhrrHBzrGxvsHBzrHBzrHBzrGxvtGxvsGxvsHBzsGxvsHBzrGxvrGxvsGxvsHBzrGxvsGxvsGxvsGxvsGxvsGxvrHBzsGxvsGxvsGxvsHBzrGxvsGxvrGxvsGxvrGxvrGxvrHBzsHBzrHBzsHBzsHBzsGxvsGxvsGxvsHBw3TxX2AAAAanRSTlMABgYHBwgJEBIUGiAiJiYnJykqKy4wNDo8QEJFRkdMTU9UV1hcYGZpcHJzd39/gIOFhoiOk5eYmZuho6utrq+xtLe3v7/AwcPFx8nKy8/Q0tLY2d/g4ePn6Ort7/Ly8/P19vf3+Pn6+/3+WM51LgAAAT5JREFUGBl1wYdWE0EAhtFPdF2pihQJRRSlShSklwRYJ8YKwlAEFUgAE/73fwCyM0tOwiH3kmgbmcnsWFXYnczMSBs1Omet7rCznXgdWd0r20HF2JUSv3/l8/kve+dKXI3BR3n/ltpJ9G9cyPvAqZyz59ToO5dzirx5eLH1w9l6BvPykJem5VKJv49Jy0NemilVvSYtDznlSVZUtUjfWVkxpHJhbxzIqSoHPJo+/i+x+z4gNqQaPThvtkm8U51X1Fm4Vp3yBDXWpc9BMLgfBIGeBsG+dD3HrYefJBWtPSpZa3VobUkVm3hN27rX9yZia4rlw/DlQRiG6g7DAznLVDwpKfbHmJ9FY4y+GlOUU3oAdKmhViAlx0DKAmoFK68XGJBzEkXfClEUKRdFBXkpYFQNDQOjaugt0LxqGlgNuQGb29AQOTj1AwAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%;
  margin: 0 30px 0 40px;
}
#help_search .ad-right .top .item .ad-popup .popup-row .cont .icon-service {
  height: 30px;
  width: 30px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAgCAMAAAAynjhNAAABnlBMVEUAAAAAAAD/AAD/AACqAAC/AAD/AADMAADVAAD/AADbAAD/AADfAADqAADqFRXbEhLdERHuERHjDg7nGBj0FRXtGhrnGBjvGBjpFxfwFxfqFRXrGhrsGhrsGRntGBjuFxfuFhbvFhbvGxvqGhrrGRnpGxvtGhruGhruGRnqGRnuGRnrGBjrGBjrHBzvGBjsFxfsGxvqGRnuGBjuHBzuGxvrGhrsGRntGxvqGxvrGhrsGxvqGxvtGhrtGhrqGhrtGhrtGRntHBzsGhrsGhrtHBzrGxvtGxvrGxvrGhrtGhrrGhrsGhrsGxvtGhrtGhrtHBzrHBztHBzqGxvsGxvsGxvsGhrtGxvrGhrrGhrsGxvsGxvsGxvsHBzsHBzrGxvsGxvrGxvrGhrtHBzsHBzsGxvrGxvsGxvsGxvsHBzrGxvrHBzrGxvrGxvtGxvsGxvsHBzsGxvrGxvrGxvsHBzsHBzsGxvsGxvsGxvrGxvsGxvsGxvsGxvsGxvsHBzsGxvsGxvrGxvrGxvsHBzrHBzsHBzsHBzsGxvsGxvsGxvsHBxcuuI7AAAAiXRSTlMAAQECAwQEBQYGBwcIDAwODw8SFRgdICAiIiUnKCkqLS4vMDE0OTo7PD09P0BAQUNDSElKS01SVFVaX2BhYmNjZWVrbW9ycnN0dHV2eX5/f4GBhISFh42bnJ+gqq+ws7O1t7e4ur29vr/AwMPExMnJzc7R09TX2Nnb29/h4+Xo7fL09/j5+vz9/gYWZiIAAAFWSURBVBgZfcEJIxQBAIbhL9aRsCgkQhEpapVSNmcHlXMcydEh1ZZaRMoUiVX7/ut2JmZnrJ3nUVLp4BsTzBcDZ5Tq9AyOZ8U6IrRD/O2TlrKyqwNR+NUgjxuweUkHmkxiV+RSEeO1lHn3eSQy056lk0v8LlfSO75JbT+w/bym3HXmdKhoililOnDcVt0fxoOyFa7AF13ApUbrEM2TpROYDmzgspw5B3TI8h54WIrHOQOYleUrEL6Mx00DiMqyBIS78bhjALOy9ADhEB63DKBblsIVCJ/Fo9qA1TzZSsYjrdlbuGzmdC2OBeXSgkujjsoYwvFIqU707WLbu6djFQxGTPPj4yKlyA/JozlHLte/M39ejtpXrDXqUGCChPiH+7WSTtX3f/pLwlP9F5gmKY5jUrY+0uhVwkXS2a+S9Jm0FqQ6fFRpFB/DWsbHS23jwxR+TI34efAPqlMyhfaNhA0AAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
  margin: 0 30px 0 40px;
}
#help_search .ad-right .top .item .ad-popup .popup-row .cont .icon-QQ {
  width: 29px;
  height: 30px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAfCAMAAAAshTY2AAAAwFBMVEUAAAC/AADfAADqFRXfEBDmGhr0FhbqFRXsHBzwFhbqFRXsGhroFxfqGxvuGhrsGxvpGhrtGRnqGRnrGxvtGRnqGxvuGRnsGRnsGxvtGhrsGhrtHBztGxvsGxvtGhrtHBztGxvsGhrrGxvsHBzsGxvtHBzsGxvsGxvtGxvsGxvsHBzrGhrrHBzsGxvrGxvsGxvsHBzrGxvsHBzsHBzsGxvsGxvsGxvrHBzsHBzrGxvsHBzrGxvsGxvrHBzsGxvsHBwwaxpAAAAAP3RSTlMABAgMEBQXGBsjJCgsMDtDREdITFNUW1xfY2tvc3t/f4OHj5OXm5+jp6uvt7e7v7+/w8vT19/j5+fr7/Pz9/u64tD3AAAA3UlEQVQYGXXBiVqCQBgF0AtUGmHZ7paVIoZiK1JMxX3/t/IDRxT45xzsnTysEjJ9HZ+iwZr8cydso8oOeSA9R8WcFcrFgRvWfGDPSVl3gVKfDXOUlmxQKCk2daDZFFxD61EQQvMpcVGwfim5RcGh6Aw5a0JRD7kpZeoYwB1NngH7hybqCAOa9bGk2QLfNItBphkN1lAcRZR8LfiJ4AldSgbe3xC5FzatbbRQcN5Yl11h5zJgXRa0sdWlJPVQGFH0iEJHUcv8WUwtcbHVGkcJmcVTF4A3nEXvK//eAbABBlGgOqFUO0QAAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
  margin: 0 30px 0 40px;
}
#help_search .ad-right .top .item .ad-popup .popup-row .cont .icon-shiyong {
  width: 34px;
  height: 29px;
  background: url(../image/shiyong.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 30px 0 40px;
}
#help_search .ad-right .top .item .ad-popup .popup-row .icon-gzh {
  width: 126px;
  height: 126px;
  margin: 25px 20px 0px 45px;
  background: url(../image/wxgzh.png) no-repeat;
  background-size: 100% 100%;
}
#help_search .ad-right .top .item .ad-popup .popup-row .icon-xcx {
  width: 126px;
  height: 126px;
  margin: 0px 20px 25px 45px;
  background: url(../image/wxxcx.png) no-repeat;
  background-size: 100% 100%;
}
#help_search .ad-right .top .item .ad-popup .popup-row .icon-azqy {
  width: 126px;
  height: 126px;
  margin: 25px 20px 25px 45px;
}
#help_search .ad-right .top .item .ad-popup .popup-row .attent {
  display: flex;
  align-items: center;
  cursor: default;
}
#help_search .ad-right .top .item .ad-popup .popup-row .attent span {
  font-size: 18px;
  color: #290202;
}
#help_search .ad-right .top .item .ad-popup .popup-row .attent p {
  width: 155px;
  line-height: 20px;
  font-size: 14px;
  color: rgba(41, 2, 2, 0.65);
  margin-top: 20px;
}
#help_search .ad-right .top .item .tel {
  top: 0;
  margin-left: -25px;
}
#help_search .ad-right .top .item .online {
  top: -174px;
}
#help_search .ad-right .top .item:hover {
  background: #EC1C1C;
}
#help_search .ad-right .top .item:hover p {
  color: white;
}
#help_search .ad-right .top .item:hover .ad-popup {
  display: block;
  top: -32px;
}
#help_search .contacts {
  width: 100%;
  height: 200px;
  padding: 35px 0;
  color: rgba(255, 255, 255, 0.65);
  background: url(../image/bottomBg.png) center center;
  background-size: 100% 100%;
  margin-top: 40px;
}
#help_search .contacts a {
  color: rgba(255, 255, 255, 0.65);
}
#help_search .contacts a:hover {
  color: #ffffff;
}
#help_search .contacts .main {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#help_search .contacts .main .mainItems {
  width: 305px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#help_search .contacts .main .mainItems > img {
  width: 130px;
  height: 100%;
}
#help_search .contacts .main .mainItems .items {
  width: 155px;
  height: 100%;
  padding: 7px 0;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#help_search .contacts .main .mainItems .items div {
  display: flex;
  align-items: center;
}
#help_search .contacts .main .mainItems .items img {
  width: 18px;
  height: 18px;
  margin-right: 16px;
}
#help_search .contacts .main .mainItems .items p {
  height: 62px;
  line-height: 36px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.64);
}
#help_search .footer {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.65);
  background: #EC1C1C;
}
#video_center .help-wrap {
  width: 100%;
  min-height: 100vh;
  position: relative;
}
#video_center .photo-wall {
  width: 100%;
  height: 487px;
  background: url(../image/banner.png) no-repeat center center;
  background-size: cover;
}
#video_center .container {
  width: 100% !important;
  z-index: 100;
  background: none;
}
#video_center .content {
  width: 1200px;
  min-height: 650px;
  margin: 0 auto;
}
#video_center .content .app-crumbs p > .active {
  color: #EC1C1C;
}
#video_center .content .video-list .video-item {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 257px;
  height: 196px;
  margin-right: 50px;
  margin-bottom: 58px;
  background: #EFEFEF;
  border-radius: 4px;
}
#video_center .content .video-list .video-item:nth-child(4n) {
  margin-right: 0;
}
#video_center .content .video-list .video-item .video-img {
  border-radius: 4px 4px 0 0;
  width: 257px;
  height: 153px;
  cursor: pointer;
}
#video_center .content .video-list .video-item .video-title {
  width: 257px;
  height: 42px;
  border-radius: 0 0 4px 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  font-size: 14px;
}
#video_center .content .video-list .video-item .video-play {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -90%);
  cursor: pointer;
}
#video_center .ad-right {
  position: fixed;
  width: 82px;
  z-index: 1000;
  top: 35%;
  right: 0;
  cursor: pointer;
  background: none;
}
#video_center .ad-right .top {
  margin-bottom: 10px;
  position: relative;
}
#video_center .ad-right .top .item {
  width: 82px;
  height: 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAABGCAMAAABotTMkAAAARVBMVEUAAAAAAAAAAAAfAAAmAAAkAAAjAAAhAAAjAAAoAAAnAAAmAAAkAAAmAAAlAAAnAAAmAAAmAAAlAAAnAAAmAAAmAAAoAAAGsjI/AAAAF3RSTlMAAQIZGxwdHywtLi8yNT5BQ0RFSElKTYtqx8wAAAB3SURBVFjD7di5FYAwEAPRxQZzg7m2/1I5YsJxpingP8Uye6visBwO9YFtdrBX7N1hEhYfsnGaDDtO4iPdJp5cefLkSRcpUqRIkSJFihQpUqRIkSJFivwlD54scJcUOHVqngwZJy3ypHU8WY04aZY2nLSQ5v2iyBumCulZRKLRHQAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%;
  border-radius: 10px 0 0 10px;
  margin-bottom: 10px;
  position: relative;
}
#video_center .ad-right .top .item p {
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  line-height: 24px;
}
#video_center .ad-right .top .item .icon-1 {
  width: 23px;
  height: 24px;
  display: inline-block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADWklEQVRYR8WWS8iVZRSFnyVeGqXOrIgU8hYSBTmQQgstFEkbeMEulCB0wYpCMAjSpEFlgiLeKMjQgeBABQdhAxEjCgySiuwCaVQahKUiaVYrlr6ffb+d//zn//4j7uF33rP32utde71bXOPQNa5PvwHYvgu4A7gJGAWcBY4D3wEHJZ3sT1MdAbA9BHgceAG4rU2B88A2YLWkbzoB0icA21OAd0rhX4HtwD7gQ0lnUsR2QE0FFgL3AhcCAnhV0p/tgLQFYDsdvwX8BrwMvNtXQtsTgTXALOBTYLakX3oD0SsA288B64CvgQck/dAJpdUZ26+EAeBLYErF1pU5WgKwPRn4CDgCzGjXQTtQtpcDrwNbJS1udfZ/AGwPKtRNiNolhYHGYXs3MAe4T9KBPhmw/UgR2ipJKxpXLn+0nXH9FjgsKYLuEa0YOAjcCdwo6fRAAZQp2QQ8Bdwu6fN6zh4AbA8Hfgd2SlrQjeIFQEZzP7Bc0pvtANxfZvwZSUHdlbA9rDjmLknzWwIodxXVPgs8KGlvV6r/p4Wj8SzgUeATSX/lp4tXYPv5Mi7XlfNxvHmtVNtfULYHx8BK4ervn5Umf5Tt2UC6zWMS44kOXionx0o60d+i9fO2Y8nLgI+BPcAtRZCHJE0OgLeBJcAYSaEpjDxRUC+TFFttHLZj42F0YkW77TCSGqMDII/LNEk3V1Vs31pmd6Wk2GnjsJ173y7psVr+NJzGJ1QA7pY0pnZgNPA90C0APay4xvBlANMl3VADEBv+qosAdkhaVMv/JLC5YmAj8HTx/cO1qVgLLJW0oTH/l/SUbSk+ME5StJBvu4CHslXlCu4pLhUH3AqMKAKphJPvjcN29ojXgGNlW8pKNxN4X9KsygfmFVGkeCLP8CJJmdcBhe1M0YvAP0Be2kTGfnEYufwW2I4JZdk8143Cheq5QJ7jvIbTgPHA0Wrcc6bPnbBp+7bD6nulxlRJh1rlGhAA2+nohKRTNYVfX2w9wv4DmCvpg94aaQSgXFeSRsDnis9HZA8XAY/MApLvkr5ox2JTAJWTVbnrAvsZeAPYWFnv1QCwFFhfS5zdP/6ex2afpL871U5TBjKuWd0mAXnXY1hbOi1aP9cIQBmxoWWsTkr6qUnxqzqGnQL6F82bU8/u0AChAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100% 100%;
}
#video_center .ad-right .top .item .icon-3 {
  width: 23px;
  height: 24px;
  display: inline-block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAA4VBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+sqgLzAAAASnRSTlMABAYICQwOFBcYHCAjJCcoKywvMDIzNDU4PD9AQ0RHTlBTWFtcX2Nnb3N3e3+HiouTl5+nqauvs7W3u7/Dx8vP09fb3+Pn6/P3+wTD4MYAAAExSURBVDjLrZPbVoJAFIbHEA3NzNDSSjuoRSgdqCyTVFTE+d//gRoYjs2s1Y1zM//M9+29YbEgZG+r1Ow1SzwWT7vnh39wa0oB0O8WIUeTHYtwrrLcoKDz2YIpxq0PuLMfJj2n/B7UKrO9ajMFkwaLqumnRm1Hb+JWaWHbRy+KNkZJM/sziQMseDjYbZXkVtPTyUvwgw5b/uZjmOF+jbFcGMCKhJFcuMNTuJ/hVS6YUesi3RakgoMuD1M8yPgF4kId/onIVRdGnC14xwJ3ME8nv2GjCdzLXBU+4OaMwhRePXcxyRmsIM/Dlqkh4TlDyvljqxneEIyyC0dNeAcVwdACg3E/KL5ElUgNxjtE6Q8tPA77wjeqeAg4qa/WHjbrlTil9v7V5kk6Irv+FbQXZU8/9S9cVTNq4CO1vgAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%;
}
#video_center .ad-right .top .item .ad-popup {
  position: absolute;
  width: 415px;
  left: -390px;
  display: none;
  cursor: default;
}
#video_center .ad-right .top .item .ad-popup .ad-popup-content {
  width: 100%;
  border-radius: 4px;
  background: url(../image/dialogBg.png) no-repeat;
  background-size: 100% 100%;
}
#video_center .ad-right .top .item .ad-popup .popup-row {
  padding: 2px 0;
}
#video_center .ad-right .top .item .ad-popup .popup-row .cont {
  display: flex;
  align-items: center;
  margin: 21px 0;
}
#video_center .ad-right .top .item .ad-popup .popup-row .cont:hover span,
#video_center .ad-right .top .item .ad-popup .popup-row .cont:hover p {
  color: #Ec1C1C !important;
}
#video_center .ad-right .top .item .ad-popup .popup-row .cont .icon-tel {
  width: 30px;
  height: 24px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAZCAMAAAAR624oAAABQVBMVEUAAADVAAD/AADbAAD/AADfAADjAADfEBDjDg7mGhrrFBTnGBjwFxfrFBTyGxvrGhryGhrsGRntGBjnGBjpHBzqGxvmGRntGhrqGRnrHBzsFxfpGhrpGRntGRnrGxvrGhrsGhrtGxvqGhrrGhrsHBzqGxvuHBzsGBjtGRnrGxvrGxvsGhrtGhrtHBzrGhrqGxvuGxvsGxvsGhrrGxvsHBzrGxvrGxvrGxvtGhrqGxvsGxvsGxvsHBzsHBzsHBzrGxvrGxvrGhrrHBzrGxvsHBzrHBzrHBzrGxvtGxvsGxvsHBzsGxvsHBzrGxvrGxvsGxvsHBzrGxvsGxvsGxvsGxvsGxvsGxvrHBzsGxvsGxvsGxvsHBzrGxvsGxvrGxvsGxvrGxvrGxvrHBzsHBzrHBzsHBzsHBzsGxvsGxvsGxvsHBw3TxX2AAAAanRSTlMABgYHBwgJEBIUGiAiJiYnJykqKy4wNDo8QEJFRkdMTU9UV1hcYGZpcHJzd39/gIOFhoiOk5eYmZuho6utrq+xtLe3v7/AwcPFx8nKy8/Q0tLY2d/g4ePn6Ort7/Ly8/P19vf3+Pn6+/3+WM51LgAAAT5JREFUGBl1wYdWE0EAhtFPdF2pihQJRRSlShSklwRYJ8YKwlAEFUgAE/73fwCyM0tOwiH3kmgbmcnsWFXYnczMSBs1Omet7rCznXgdWd0r20HF2JUSv3/l8/kve+dKXI3BR3n/ltpJ9G9cyPvAqZyz59ToO5dzirx5eLH1w9l6BvPykJem5VKJv49Jy0NemilVvSYtDznlSVZUtUjfWVkxpHJhbxzIqSoHPJo+/i+x+z4gNqQaPThvtkm8U51X1Fm4Vp3yBDXWpc9BMLgfBIGeBsG+dD3HrYefJBWtPSpZa3VobUkVm3hN27rX9yZia4rlw/DlQRiG6g7DAznLVDwpKfbHmJ9FY4y+GlOUU3oAdKmhViAlx0DKAmoFK68XGJBzEkXfClEUKRdFBXkpYFQNDQOjaugt0LxqGlgNuQGb29AQOTj1AwAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%;
  margin: 0 30px 0 40px;
}
#video_center .ad-right .top .item .ad-popup .popup-row .cont .icon-service {
  height: 30px;
  width: 30px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAgCAMAAAAynjhNAAABnlBMVEUAAAAAAAD/AAD/AACqAAC/AAD/AADMAADVAAD/AADbAAD/AADfAADqAADqFRXbEhLdERHuERHjDg7nGBj0FRXtGhrnGBjvGBjpFxfwFxfqFRXrGhrsGhrsGRntGBjuFxfuFhbvFhbvGxvqGhrrGRnpGxvtGhruGhruGRnqGRnuGRnrGBjrGBjrHBzvGBjsFxfsGxvqGRnuGBjuHBzuGxvrGhrsGRntGxvqGxvrGhrsGxvqGxvtGhrtGhrqGhrtGhrtGRntHBzsGhrsGhrtHBzrGxvtGxvrGxvrGhrtGhrrGhrsGhrsGxvtGhrtGhrtHBzrHBztHBzqGxvsGxvsGxvsGhrtGxvrGhrrGhrsGxvsGxvsGxvsHBzsHBzrGxvsGxvrGxvrGhrtHBzsHBzsGxvrGxvsGxvsGxvsHBzrGxvrHBzrGxvrGxvtGxvsGxvsHBzsGxvrGxvrGxvsHBzsHBzsGxvsGxvsGxvrGxvsGxvsGxvsGxvsGxvsHBzsGxvsGxvrGxvrGxvsHBzrHBzsHBzsHBzsGxvsGxvsGxvsHBxcuuI7AAAAiXRSTlMAAQECAwQEBQYGBwcIDAwODw8SFRgdICAiIiUnKCkqLS4vMDE0OTo7PD09P0BAQUNDSElKS01SVFVaX2BhYmNjZWVrbW9ycnN0dHV2eX5/f4GBhISFh42bnJ+gqq+ws7O1t7e4ur29vr/AwMPExMnJzc7R09TX2Nnb29/h4+Xo7fL09/j5+vz9/gYWZiIAAAFWSURBVBgZfcEJIxQBAIbhL9aRsCgkQhEpapVSNmcHlXMcydEh1ZZaRMoUiVX7/ut2JmZnrJ3nUVLp4BsTzBcDZ5Tq9AyOZ8U6IrRD/O2TlrKyqwNR+NUgjxuweUkHmkxiV+RSEeO1lHn3eSQy056lk0v8LlfSO75JbT+w/bym3HXmdKhoililOnDcVt0fxoOyFa7AF13ApUbrEM2TpROYDmzgspw5B3TI8h54WIrHOQOYleUrEL6Mx00DiMqyBIS78bhjALOy9ADhEB63DKBblsIVCJ/Fo9qA1TzZSsYjrdlbuGzmdC2OBeXSgkujjsoYwvFIqU707WLbu6djFQxGTPPj4yKlyA/JozlHLte/M39ejtpXrDXqUGCChPiH+7WSTtX3f/pLwlP9F5gmKY5jUrY+0uhVwkXS2a+S9Jm0FqQ6fFRpFB/DWsbHS23jwxR+TI34efAPqlMyhfaNhA0AAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
  margin: 0 30px 0 40px;
}
#video_center .ad-right .top .item .ad-popup .popup-row .cont .icon-QQ {
  width: 29px;
  height: 30px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAfCAMAAAAshTY2AAAAwFBMVEUAAAC/AADfAADqFRXfEBDmGhr0FhbqFRXsHBzwFhbqFRXsGhroFxfqGxvuGhrsGxvpGhrtGRnqGRnrGxvtGRnqGxvuGRnsGRnsGxvtGhrsGhrtHBztGxvsGxvtGhrtHBztGxvsGhrrGxvsHBzsGxvtHBzsGxvsGxvtGxvsGxvsHBzrGhrrHBzsGxvrGxvsGxvsHBzrGxvsHBzsHBzsGxvsGxvsGxvrHBzsHBzrGxvsHBzrGxvsGxvrHBzsGxvsHBwwaxpAAAAAP3RSTlMABAgMEBQXGBsjJCgsMDtDREdITFNUW1xfY2tvc3t/f4OHj5OXm5+jp6uvt7e7v7+/w8vT19/j5+fr7/Pz9/u64tD3AAAA3UlEQVQYGXXBiVqCQBgF0AtUGmHZ7paVIoZiK1JMxX3/t/IDRxT45xzsnTysEjJ9HZ+iwZr8cydso8oOeSA9R8WcFcrFgRvWfGDPSVl3gVKfDXOUlmxQKCk2daDZFFxD61EQQvMpcVGwfim5RcGh6Aw5a0JRD7kpZeoYwB1NngH7hybqCAOa9bGk2QLfNItBphkN1lAcRZR8LfiJ4AldSgbe3xC5FzatbbRQcN5Yl11h5zJgXRa0sdWlJPVQGFH0iEJHUcv8WUwtcbHVGkcJmcVTF4A3nEXvK//eAbABBlGgOqFUO0QAAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
  margin: 0 30px 0 40px;
}
#video_center .ad-right .top .item .ad-popup .popup-row .cont .icon-shiyong {
  width: 34px;
  height: 29px;
  background: url(../image/shiyong.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 30px 0 40px;
}
#video_center .ad-right .top .item .ad-popup .popup-row .icon-gzh {
  width: 126px;
  height: 126px;
  margin: 25px 20px 0px 45px;
  background: url(../image/wxgzh.png) no-repeat;
  background-size: 100% 100%;
}
#video_center .ad-right .top .item .ad-popup .popup-row .icon-xcx {
  width: 126px;
  height: 126px;
  margin: 0px 20px 25px 45px;
  background: url(../image/wxxcx.png) no-repeat;
  background-size: 100% 100%;
}
#video_center .ad-right .top .item .ad-popup .popup-row .icon-azqy {
  width: 126px;
  height: 126px;
  margin: 25px 20px 25px 45px;
}
#video_center .ad-right .top .item .ad-popup .popup-row .attent {
  display: flex;
  align-items: center;
  cursor: default;
}
#video_center .ad-right .top .item .ad-popup .popup-row .attent span {
  font-size: 18px;
  color: #290202;
}
#video_center .ad-right .top .item .ad-popup .popup-row .attent p {
  width: 155px;
  line-height: 20px;
  font-size: 14px;
  color: rgba(41, 2, 2, 0.65);
  margin-top: 20px;
}
#video_center .ad-right .top .item .tel {
  top: 0;
  margin-left: -25px;
}
#video_center .ad-right .top .item .online {
  top: -174px;
}
#video_center .ad-right .top .item:hover {
  background: #EC1C1C;
}
#video_center .ad-right .top .item:hover p {
  color: white;
}
#video_center .ad-right .top .item:hover .ad-popup {
  display: block;
  top: -32px;
}
#video_center .contacts {
  width: 100%;
  height: 200px;
  padding: 35px 0;
  color: rgba(255, 255, 255, 0.65);
  background: url(../image/bottomBg.png) center center;
  background-size: 100% 100%;
  margin-top: 40px;
}
#video_center .contacts a {
  color: rgba(255, 255, 255, 0.65);
}
#video_center .contacts a:hover {
  color: #ffffff;
}
#video_center .contacts .main {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#video_center .contacts .main .mainItems {
  width: 305px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#video_center .contacts .main .mainItems > img {
  width: 130px;
  height: 100%;
}
#video_center .contacts .main .mainItems .items {
  width: 155px;
  height: 100%;
  padding: 7px 0;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#video_center .contacts .main .mainItems .items div {
  display: flex;
  align-items: center;
}
#video_center .contacts .main .mainItems .items img {
  width: 18px;
  height: 18px;
  margin-right: 16px;
}
#video_center .contacts .main .mainItems .items p {
  height: 62px;
  line-height: 36px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.64);
}
#video_center .footer {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.65);
  background: #EC1C1C;
}
.player-box {
  display: none;
  z-index: 999;
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  overflow: hidden;
  justify-content: center;
  align-items: center;
}
.player-box .video {
  width: 840px;
  overflow: hidden;
}
.player-box video {
  box-shadow: 1px 1px 1px #efefef;
  border-bottom: 1px solid #efefef;
}
.player-box .video-name {
  margin: 10px;
  font-size: 16px;
  font-weight: bold;
}
.player-box .video-describe {
  margin: 0 10px 10px 10px;
  font-size: 14px;
  color: #707070;
  font-weight: 500;
}
#helpBak .content {
  height: 836px;
  padding: 27px 0 68px 0;
  position: relative;
}
#helpBak .content .left {
  float: left;
  width: 280px;
  height: 741px;
  background: #ffffff;
  box-shadow: 0px 1px 2px 0px rgba(101, 101, 101, 0.56);
  overflow-y: auto;
  padding-top: 60px;
}
#helpBak .content .left .help-tab {
  overflow: hidden;
  width: 278px;
  height: 60px;
  border-bottom: 1px solid #f3f3f3;
  position: absolute;
  top: 27px;
  padding-left: 15px;
  background-color: #fff;
}
#helpBak .content .left .help-tab .tab-item {
  float: left;
  display: inline-block;
  width: 120px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #ec1c1c;
  border-radius: 4px;
  font-size: 16px;
  position: relative;
  top: 50%;
  margin-top: -20px;
  cursor: pointer;
}
#helpBak .content .left .help-tab .video-center {
  margin-right: 10px;
  background-color: #EC1C1C;
  color: #fff;
  padding-left: 15px;
}
#helpBak .content .left .help-tab .video-center icon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAOCAYAAADABlfOAAABG0lEQVQ4ja2TsS5EQRiFv7UbsUEp8QSisaERKgoSBaLbaIRISJQKicbc3xNsvIGKajuJ6DT7BN7AE0hQCI7MmomxCmOvk0zuzD/5v8zMPaciCWAOWAaq5OkZuADuzexHQw0YB26BwUxg1CYwExfOuRVgDzjw0MkA3AduMoEnwE4CXADaQB04RdKiPrXhnyJztEKPn89KetCXpgf+eOVeTQFXoXYW92olodfAMLAETMRi2ZOOAetm1kmL/UKjU+6ATu9mv9CX8PWWunTOfbNj2eu3gDXgPA1O2R91CIwCu8D8f0F9xn1oRoBmCn0M82NgOxPm/dntM7M359xWsNYq8O4TUZXUlvSapOI3PUk68okqiqI7JA1JakiqfAB+ILZLKZdCGwAAAABJRU5ErkJggg==) no-repeat;
  width: 21px;
  height: 14px;
  display: inline-block;
}
#helpBak .content .left .help-tab .help-center {
  color: #EC1C1C;
  padding-left: 16px;
}
#helpBak .content .left .help-tab .help-center icon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAABh0lEQVQ4jX3U32eXcRQH8Ne+W2VFJUpmIlmS6qIR0S/GJrrqh+wmlYy6725X0U30D7RUukmSfjCjxvRjlkipmI11X0sqsds5nIdnH8+3w+PxOee8z+e8z49Px8/eXg2yATuxMU2/MY8/pWtXcd6NGxjAa3xL/Q4cxktcxVwFaNXAw3iHD9iCIVzObxBb8RnvcbYCVRSO4wFO4G0Tp5ocxXOcjowig27cxoUC3JGU9qKzpn+FEdwJbCsPs3hSc1qbjkFpCh+zsJU8zPqcjwCncLdI8xx2YRt6sC5p1iUyOBMB9mGmMH7BlWxfUFnT0LHA7OnK1H4Vxun8r8L9tD8tfH5gcyuHY1Obio+iH0fwr7BFqxdb2duDbQJEMW8mlVIC8zUCPMbFNgGCwuo2tsA8igC3suInG5z25wSWEpO4HfeiiEu4lJO4iDc15+BeyjGM5YVL1S5M5MyP4xrWNwBjM6/jWV44Gcp6byODT7mN3zOThZyD2MZDeIED9W3833vQ1/Ae/F3hhWU+UEzHz2NNzgAAAABJRU5ErkJggg==) no-repeat;
  width: 16px;
  height: 17px;
  display: inline-block;
  position: relative;
  top: 3px;
  margin-right: 7px;
}
#helpBak .content .left li {
  min-height: 60px;
  cursor: pointer;
  line-height: 60px;
  text-align: center;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  color: #323232;
  border-bottom: 1px solid #F3F3F3;
}
#helpBak .content .left li.active {
  color: #EC1C1C;
}
#helpBak .content .left .video-sort-item {
  color: #323232 !important;
}
#helpBak .content .left .video-sort-item.active p icon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKCAYAAACE2W/HAAAAk0lEQVQokZWRQQ6CQAxFHxPu6EIT2eIR9BC6nCPIIYA7IDfQPWs3Yn7SmDKigZ9MpvPb12TaLMZ4BTasUxWAErivwB5iBA5AAYwLoNFqh2BGA5wXgKqpFQRnHoHbH6i3GlLwCezsTiVv63MelDrf1elkuY9SULoArXsr/vr/HPgC9jZtHcXyJsp/DEJ7PQDZ7I6BN9lRIIngpoJJAAAAAElFTkSuQmCC) no-repeat;
  top: 3px;
}
#helpBak .content .left .video-sort-item p {
  text-align: left;
  padding-left: 20px;
}
#helpBak .content .left .video-sort-item p icon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAOCAYAAAAWo42rAAAAmklEQVQokYXPvQkCQRQA4e9EsApLODMbUIs4MNDYULELNb4OBEtQxAKMFDvQ3NhIWdiDQ+5nouXtMPs2yfN8jwXeGuggww3jNjHQxxFb9JrE4rzEFWmTWJBGeVW+rxLF5zc4xbVqxYJR/GjWJgaSEOy2SBfM8KwrfrDGJEhhUFV8YIp7eVgufrHD8F8qF1+Y41y3bCgeMGiS4Ad8whk0XPLgSgAAAABJRU5ErkJggg==) no-repeat;
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-right: 10px;
  position: relative;
}
#helpBak .content .left .video-sort-item div p {
  font-size: 14px;
  color: #656565;
  height: 40px;
  line-height: 40px;
  text-align: center;
  padding: 0;
}
#helpBak .content .right {
  margin-left: 42px;
  float: left;
  width: 876px;
  height: 741px;
  background: #ffffff;
  box-shadow: 0px 1px 2px 0px rgba(101, 101, 101, 0.56);
  padding-top: 25px;
}
#helpBak .content .right .question-list-item {
  display: none;
}
#helpBak .content .right .question-list-item.active {
  display: block;
}
#helpBak .content .right .question-list-tab {
  padding: 0 0 10px 44px;
  border-bottom: 1px solid #F1F1F1;
}
#helpBak .content .right .question-list-tab .question-list-tab-item {
  font-size: 16px;
  font-weight: 400;
  color: #323232;
  cursor: pointer;
  margin-right: 20px;
}
#helpBak .content .right .question-list-tab .question-list-tab-item.active {
  color: #EC1C1C;
}
#helpBak .content .right .question-tab-item {
  display: none;
}
#helpBak .content .right .question-tab-item.active {
  display: block;
}
#helpBak .content .right li {
  cursor: pointer;
  padding: 18px 0 18px 35px;
  border-bottom: 1px solid #F1F1F1;
}
#helpBak .content .right li h5 {
  height: 16px;
  padding-left: 7px;
  font-size: 16px;
  font-weight: 400;
  color: #9a9a9a;
  line-height: 16px;
}
#helpBak .content .right li p {
  font-size: 12px;
  padding-left: 9px;
  font-weight: 400;
  color: #9a9a9a;
  margin-top: 10px;
  line-height: 18px;
  display: none;
}
#helpBak .content .right li.active h5 {
  color: #EC1C1C;
  border-left: 2px solid #EC1C1C;
}
#helpBak .content .right li.active p {
  display: block;
}
#helpBak .content .video-content-right p {
  font-size: 30px;
  font-weight: 400;
  color: #676767;
  text-align: center;
  margin: 50px 0 54px 0;
}
#helpBak .content .video-content-right .video {
  display: block;
  margin: auto;
  width: 762px;
  height: 442px;
  padding: 11px;
  background-color: #F0F0F0;
}
.sign-online-content-part {
  padding-bottom: 120px;
  width: 100%;
  min-width: 1200px;
}
.part-6 .title {
  font-family: 微软雅黑;
  color: #313131;
  font-size: 30px;
  text-align: center;
  margin-top: 100px;
}
.part-6 table {
  width: 100%;
  margin-top: 68px;
  border: 1px solid #9b9b9b;
  border-collapse: collapse;
}
.part-6 table tr {
  height: 60px;
  vertical-align: middle;
}
.part-6 table tr td {
  width: 500px;
  padding: 0 90px;
  border: 1px solid #9b9b9b;
  text-align: center;
  font-size: 15px;
  font-family: 微软雅黑;
  font-weight: 400;
  color: #646464;
}
.part-6 table tr td.color {
  color: #646464;
}
.part-6 table tr th {
  border: 1px solid #9b9b9b;
  width: 200px;
  text-align: center;
  font-size: 16px;
  font-family: 微软雅黑;
  font-weight: bold;
  color: #333333;
}
.part-6 table tr:first-child th {
  font-size: 18px !important;
}
.part-6 table .bg {
  background: #f3f3f3;
}
.part-6 table tr.f12 {
  height: 60px;
}
.part-6 table tr.f12 td {
  vertical-align: top;
  font-size: 12px;
  padding: 22px 20px 5px;
  text-align: left;
}
.part-6 table tr.f12 td:first-child {
  padding: 0;
  vertical-align: middle;
  font-size: 14px;
  text-align: center;
}
.part-6 table tr:first-child td {
  font-size: 24px;
  font-family: 微软雅黑;
  font-weight: 400;
  color: #666666;
}
#online-retailers {
  background: url(../image/banner@2x.jpg) no-repeat;
}
#online-retailers .total {
  width: 100%;
}
#online-retailers .total .switch_title_fixed {
  animation: searchTop 0.5s ease-in-out;
  position: fixed;
  z-index: 100;
  top: 60px;
  background-color: #fff;
}
#online-retailers .total .jr-div {
  background: #FFFFFF;
  width: 100%;
  border-bottom: 1px solid #eee;
}
#online-retailers .total .jr-div .tab-content {
  width: 1200px;
  display: flex;
  justify-content: space-between;
  line-height: 60px;
  font-size: 18px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  color: #290202;
  margin: 0 auto;
}
#online-retailers .total .jr-div .tab-content div > a {
  display: inline-block;
  height: 59px;
}
#online-retailers .total .jr-div .tab-content div > a:hover {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
}
#online-retailers .total .jr-div .tab-content div > a.on {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
}
#online-retailers .total .jr-div .tab-content div > a.on {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
}
#online-retailers .total .jr-div .tab-content div > a:hover {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
}
#online-retailers .total .content {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 100px;
}
#online-retailers .total .content .p {
  text-align: center;
  height: 47px;
  font-family: Source Han Sans SC;
  line-height: 47px;
  color: #290202;
  margin: 100px auto 65px auto;
  font-weight: var(--ebq-w-l);
  font-size: var(--ebq-s-l);
}
#online-retailers .total .content .tab11 .td {
  display: flex;
  height: 400px;
  justify-content: space-between;
}
#online-retailers .total .content .tab11 .td .p1 {
  height: 27px;
  font-size: 18px;
  font-family: Source Han Sans SC;
  font-weight: bold;
  line-height: 27px;
  color: #EC1C1C;
  opacity: 1;
  text-align: center;
  margin-bottom: 40px;
}
#online-retailers .total .content .tab11 .td .p2 {
  width: 300px;
  height: 86px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 300;
  line-height: 30px;
  color: #290202;
  text-align: start;
  margin: auto;
}
#online-retailers .total .content .tab11 .td img {
  margin: 87px 150px 20px 170px;
}
#online-retailers .total .content .tab11 .td .td-1 {
  background: url(../image/td1.png) no-repeat;
  width: 398px;
  height: 385px;
}
#online-retailers .total .content .tab11 .td .td-2 {
  background: url(../image/td2.png) no-repeat;
  width: 398px;
  height: 385px;
}
#online-retailers .total .content .tab11 .td .td-3 {
  background: url(../image/td3.png) no-repeat;
  width: 398px;
  height: 385px;
}
#online-retailers .total .content .tab22 .p2 {
  width: 260px;
  height: 40px;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 30px;
  color: #FFFFFF;
  padding-left: 15px;
  padding-top: 20px;
}
#online-retailers .total .content .tab22 .p1 {
  height: 25px;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 25px;
  color: #FFFFFF;
  opacity: 1;
  padding-left: 15px;
  padding-top: 20px;
}
#online-retailers .total .content .tab22 .td {
  display: flex;
  height: 280px;
  justify-content: space-between;
}
#online-retailers .total .content .tab22 .td .td-1 {
  width: 285px;
  position: relative;
}
#online-retailers .total .content .tab22 .td .td-1 > div {
  width: 100%;
  height: 110px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  margin-top: -30px;
  position: absolute;
  bottom: 0;
}
#online-retailers .total .content .tab22 .td .td-2 {
  width: 285px;
  position: relative;
}
#online-retailers .total .content .tab22 .td .td-2 > div {
  width: 100%;
  height: 110px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  margin-top: -30px;
  position: absolute;
  bottom: 0;
}
#online-retailers .total .content .tab22 .td .td-3 {
  width: 285px;
  position: relative;
}
#online-retailers .total .content .tab22 .td .td-3 > div {
  width: 100%;
  height: 110px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  margin-top: -30px;
  position: absolute;
  bottom: 0;
}
#online-retailers .total .content .tab22 .td .td-4 {
  width: 285px;
  position: relative;
}
#online-retailers .total .content .tab22 .td .td-4 > div {
  width: 100%;
  height: 110px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  margin-top: -30px;
  position: absolute;
  bottom: 0;
}
#online-retailers .total .content .tab33 .content-box {
  display: flex;
}
#online-retailers .total .content .tab33 .left {
  width: 100px;
  height: 576px;
  background: #FFFFFF;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.08);
  opacity: 1;
  border-radius: 6px;
  text-align: center;
}
#online-retailers .total .content .tab33 .left > .t-img {
  width: 70px;
  height: 1px;
  color: #eee;
  margin-left: 25px;
}
#online-retailers .total .content .tab33 .left .y-tab {
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  padding-left: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 180px;
  padding-top: 30px;
}
#online-retailers .total .content .tab33 .left .y-tab .y-title {
  width: 65px;
  border-bottom: 1px solid #eee;
  height: 90px;
}
#online-retailers .total .content .tab33 .left .y-tab.on > div {
  color: #EC1C1C;
}
#online-retailers .total .content .tab33 .left .y-tab.on .line {
  opacity: 1;
}
#online-retailers .total .content .tab33 .left .y-tab:hover > div {
  color: #EC1C1C;
}
#online-retailers .total .content .tab33 .left .y-tab:hover .line {
  opacity: 1;
}
#online-retailers .total .content .tab33 .left .y-tab:hover > div {
  color: #EC1C1C;
}
#online-retailers .total .content .tab33 .left .y-tab:hover .line {
  opacity: 1;
}
#online-retailers .total .content .tab33 .left .y-tab > div {
  color: #290202;
  font-size: 16px;
  font-family: Source Han Sans SC;
  font-weight: bold;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
#online-retailers .total .content .tab33 .left .y-tab > div span {
  display: block;
  color: inherit;
  opacity: 0.45;
  font-size: 12px;
  font-weight: normal;
}
#online-retailers .total .content .tab33 .left .y-tab .line {
  display: block;
  width: 5px;
  height: 14px;
  background: #ec1c1c;
  opacity: 0;
  border-radius: 100px;
  position: absolute;
  left: 0;
  top: 70%;
  margin-top: -30px;
}
#online-retailers .total .content .tab33 .right {
  flex: 1;
  margin-left: 12px;
}
#online-retailers .total .content .tab33 .right .y-con {
  flex: 1;
  min-height: 610px;
  display: none;
  position: relative;
  background-size: 1100px 630px;
  margin-top: -15px;
}
#online-retailers .total .content .tab33 .right .y-con.on {
  display: block;
}
#online-retailers .total .content .tab33 .right .y-con.on:nth-child(1) {
  background: url(../image/bg11.png) no-repeat;
  background-size: 100% 100%;
}
#online-retailers .total .content .tab33 .right .y-con.on:nth-child(2) {
  background: url(../image/bg2.png) no-repeat;
  background-size: 100% 100%;
}
#online-retailers .total .content .tab33 .right .y-con.on:nth-child(3) {
  background: url(../image/bg3.png) no-repeat;
  background-size: 100% 100%;
}
#online-retailers .total .content .tab33 .right .y-con > div img {
  margin: 50px auto auto 70px;
}
#online-retailers .total .content .tab33 .right .y-con > div p {
  width: 970px;
  height: 42px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 300;
  line-height: 30px;
  color: #290202;
  opacity: 1;
  padding-top: 60px;
  padding-bottom: 45px;
  margin-left: 80px;
}
#online-retailers .total .content .tab44 .list {
  display: flex;
  justify-content: space-around;
}
#online-retailers .total .content .tab44 .list .list-g {
  width: 380px;
  height: 313px;
  background: #FFFFFF;
  box-shadow: 0px -2px 12px rgba(0, 0, 0, 0.06);
  border-radius: 10px;
}
#online-retailers .total .content .tab44 .list .list-g img {
  margin: 47px 155px 15px 155px;
}
#online-retailers .total .content .tab44 .list .list-g .list-title {
  height: 25px;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 25px;
  color: #EC1C1C;
  text-align: center;
  margin-bottom: 40px;
}
#online-retailers .total .content .tab44 .list .list-g .list-con {
  width: 380px;
  height: 120px;
  background: #FFF4E9;
  border-radius: 0px 0px 10px 10px;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 30px;
  color: #290202;
}
#online-retailers .total .content .tab44 .list .list-g .list-con span {
  width: 360px;
  margin-left: 15px;
  text-align: start;
  display: inline-block;
  margin-top: 20px;
}
#online-retailers .total .content .tab55 div {
  display: flex;
  justify-content: space-between;
}
#insurance {
  background-image: url(../image/component-bg.png);
  background-repeat: no-repeat;
}
#insurance .photo-wall {
  width: 1918px;
  height: 399px;
}
#insurance .container .s1 {
  font-size: 24px;
  color: #343434;
  margin: 50px 547px 69px 553px;
}
#insurance .container .a {
  width: 1200px;
  height: 148px;
}
#insurance .container .a .a1 {
  width: 294px;
  height: 148px;
  text-align: center;
  border: 1px solid transparent;
  background-image: url(../image/b.png);
  float: left;
}
#insurance .container .a .a1 .a11 {
  width: 294px;
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  margin-top: 32px;
}
#insurance .container .a .a1 .a12 {
  width: 294px;
  height: 49px;
  font-size: 12px;
  font-weight: 400;
  color: #989797;
  line-height: 18px;
  margin-top: 15px;
}
#insurance .container .s2 {
  font-size: 24px;
  color: #343434;
  margin: 73px 547px 77px 553px;
}
#insurance .container .b {
  width: 1200px;
  height: 350px;
}
#insurance .container .b .b1 {
  width: 504px;
  height: 148px;
  text-align: center;
  border: 1px solid transparent;
  background-image: url(../image/a.png);
  float: left;
}
#insurance .container .b .b1 .b11 {
  width: 504px;
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  margin-top: 32px;
  line-height: 20px;
}
#insurance .container .b .b1 .b12 {
  width: 504px;
  height: 49px;
  font-size: 12px;
  font-weight: 400;
  color: #989797;
  line-height: 20px;
  margin-top: 15px;
}
#insurance .container .s3 {
  font-size: 24px;
  color: #343434;
  margin: 114px 547px 79px 553px;
}
#insurance .container .d {
  width: 1200px;
  height: 161px;
  margin-bottom: 161px;
}
#insurance .container .d .d1,
#insurance .container .d .d2 {
  float: left;
}
#insurance .container .d .d1 {
  width: 525px;
  height: 161px;
  margin-left: 52px;
}
#insurance .container .d .d2 {
  margin-left: 203px;
  margin-top: 15px;
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 30px;
}
#insurance .container .d:after {
  display: block;
  content: "";
  clear: both;
}
#evidence,
#block-chain,
#visual-justice,
#certificate,
#private-cloud {
  background-image: url(../image/bg1.png);
}
#evidence .photo-wall .text-area,
#block-chain .photo-wall .text-area,
#visual-justice .photo-wall .text-area,
#certificate .photo-wall .text-area,
#private-cloud .photo-wall .text-area {
  width: 528px;
  height: 158px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  background-image: url(../image/label-title-1.png);
  background-repeat: no-repeat;
}
#evidence .part-1 .title,
#evidence .part-2 .title {
  color: #343434;
  margin: 50px 0;
  text-align: center;
  font-size: var(--ebq-s-s);
  font-weight: var(--ebq-w-s);
}
#evidence .part-1 .content {
  height: 148px;
  margin-bottom: 40px;
}
#evidence .part-1 .content .box {
  padding: 30px 25px;
  float: left;
  width: 294px;
  height: 185px;
  background-image: url(../image/b.png);
  margin-left: 8px;
  background-size: 100% 100%;
}
#evidence .part-1 .content .box h3 {
  color: #666666;
  text-align: center;
  margin-bottom: 15px;
  font-size: var(--ebq-s-s);
  font-weight: var(--ebq-w-s);
}
#evidence .part-1 .content .box div {
  color: #989797;
  line-height: 30px;
  font-size: var(--ebq-s-m);
}
#evidence .part-1 .content .first {
  margin: 0;
}
#evidence .part-2 {
  margin-bottom: 127px;
}
#evidence .part-2 .lian {
  width: 1105px;
  margin: 0 auto;
}
#evidence .part-2 .lian .box {
  width: 100%;
  height: 100%;
  border-left: 1px solid #ccc;
  position: relative;
}
#evidence .part-2 .lian .box .circle {
  width: 12px;
  height: 12px;
  background: #009999;
  border-radius: 50%;
  position: absolute;
  top: -7.5px;
  left: -7.5px;
}
#evidence .part-2 .lian .box .content {
  padding-bottom: 50px;
}
#evidence .part-2 .lian .box .content .content1 {
  margin: 0 35px;
  padding: 10px;
  border: 1px solid #eee;
  width: 750px;
}
#evidence .part-2 .lian .box .content .content1 div {
  font-size: 14px;
  font-weight: 400;
  color: #4c4c4c;
  width: 100%;
  word-break: break-all;
  line-height: 18px;
  margin-bottom: 10px;
}
#evidence .part-2 .lian .box .content .content2 {
  display: inline-block;
  width: 300px;
  font-size: 14px;
  font-weight: 400;
  color: #009999;
  position: absolute;
  top: 5px;
  right: 0px;
  padding: 10px;
  background: #eee;
  border-radius: 5px;
  line-height: 30px;
}
#evidence .part-2 .lian .box .content .content2 div {
  position: absolute;
  top: 30%;
  left: -7px;
  background: #eee;
  width: 15px;
  height: 15px;
  transform: rotate(45deg);
}
#block-chain h3 {
  font-size: 24px;
  font-weight: 400;
  color: #343434;
  text-align: center;
  margin: 50px 0;
}
#block-chain .part-1 .box {
  width: 863px;
  height: 230px;
  margin: 20px auto ;
}
#block-chain .part-1 .content {
  margin: 78px auto;
  height: 148px;
  width: 100%;
}
#block-chain .part-1 .content .content1 {
  margin-left: 148px;
  padding: 30px 25px;
  float: left;
  width: 294px;
  height: 148px;
  background-image: url(../image/b.png);
}
#block-chain .part-1 .content .content1 h4 {
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  margin-bottom: 21px;
  text-align: center;
}
#block-chain .part-1 .content .content1 div {
  font-size: 12px;
  font-weight: 400;
  color: #989797;
  line-height: 30px;
}
#block-chain .part-1 .content .first {
  margin: 0;
}
#block-chain .part-2 {
  padding-bottom: 120px;
}
#block-chain .part-2 .box {
  height: 310px;
  width: 100%;
}
#block-chain .part-2 .box img,
#block-chain .part-2 .box .content {
  float: left;
  height: 310px;
}
#block-chain .part-2 .box img {
  margin-right: 45px;
}
#block-chain .part-2 .box .content {
  width: 576px;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  line-height: 24px;
  padding-top: 97px ;
  margin-left: 159px;
}
#visual-justice h3 {
  font-size: 24px;
  font-weight: 400;
  color: #343434;
  line-height: 24px;
  text-align: center;
  margin-top: 60px;
}
#visual-justice .part-1 div {
  margin-top: 31px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  color: #9a9a9a;
  line-height: 24px;
}
#visual-justice .part-1 img {
  margin-top: 78px;
  margin-bottom: 90px;
}
#visual-justice .part-2 {
  padding-bottom: 134px;
}
#visual-justice .part-2 .header {
  padding: 10px 15px 0 10px;
  margin-top: 55px;
  background: #EC1C1C;
  height: 80px;
}
#visual-justice .part-2 .header img,
#visual-justice .part-2 .header div,
#visual-justice .part-2 .header span {
  float: left;
}
#visual-justice .part-2 .header div {
  padding-left: 10px;
}
#visual-justice .part-2 .header div p {
  color: #fff;
  font-size: 12px;
}
#visual-justice .part-2 .header span {
  font-size: 28px;
  color: #fff;
  padding-left: 550px;
}
#visual-justice .part-2 .content table {
  border-collapse: collapse;
  width: 100%;
}
#visual-justice .part-2 .content table tr {
  height: 34px;
  line-height: 34px;
}
#visual-justice .part-2 .content table tr td {
  text-align: center;
  font-size: 12px;
  color: #2a2a2a;
  border-bottom: 1px solid #ddd;
}
#visual-justice .part-2 .content table .first {
  border: none;
  background: #EC1C1C;
}
#visual-justice .part-2 .content table .first td {
  font-size: 16px;
  color: #fff;
}
#certificate .part-1 {
  padding-bottom: 118px;
}
#certificate .part-1 h3 {
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  color: #333333;
  line-height: 24px;
  margin-top: 54px;
}
#certificate .part-1 p {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  line-height: 24px;
  margin-top: 39px;
}
#certificate .part-1 .box {
  height: 371px;
  margin-top: 75px;
}
#certificate .part-1 .box .first,
#certificate .part-1 .box .content {
  float: left;
  height: 371px;
}
#certificate .part-1 .box .content {
  width: 560px;
  margin-left: 53px;
  border: 1px solid #eee;
}
#certificate .part-1 .box .content div {
  float: left;
  width: 134px;
  margin-top: 96px;
  margin-left: 34px;
}
#certificate .part-1 .box .content div span {
  margin-top: 37px;
  display: block;
  width: 134px;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  line-height: 24px;
}
#private-cloud h3 {
  font-size: 24px;
  text-align: center;
  margin-bottom: 67px;
  font-weight: 400;
  color: #343434;
}
#private-cloud .part-1 {
  margin-top: 62px;
}
#private-cloud .part-1 .box {
  height: 393px;
}
#private-cloud .part-1 .box .left,
#private-cloud .part-1 .box .right {
  float: left;
  height: 393px;
}
#private-cloud .part-1 .box .left {
  padding: 13px 0 0 10px;
  width: 811px;
  background-image: url(../image/5-2.png);
}
#private-cloud .part-1 .box .left img {
  border: 1px solid #eee;
}
#private-cloud .part-1 .box .right {
  width: 211px;
  margin-left: 133px;
}
#private-cloud .part-1 .box .right div {
  height: 106px;
  margin-bottom: 24px;
  background-image: url(../image/5-3.png);
}
#private-cloud .part-1 .box .right div:before {
  content: "";
  display: table;
}
#private-cloud .part-1 .box .right div h4 {
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  text-align: center;
  margin-top: 26px;
}
#private-cloud .part-1 .box .right div p {
  font-size: 12px;
  font-weight: 400;
  color: #989797;
  line-height: 18px;
  text-align: center;
  margin-top: 15px;
}
#private-cloud .part-3 {
  box-sizing: content-box;
  margin-top: 59px;
  padding-bottom: 249px;
  height: 90px;
}
#private-cloud .part-3 .content1 {
  width: 216px;
  height: 280px;
  margin-right: 30px;
  background: #ffffff;
  float: left;
}
#private-cloud .part-3 .content1 .top {
  height: 85px;
  border-bottom: 1px solid rgba(243, 243, 243);
}
#private-cloud .part-3 .content1 .top img {
  float: left;
  margin-top: 34px;
  margin-left: 39px;
}
#private-cloud .part-3 .content1 .top .info {
  float: left;
  margin-top: 14px;
  margin-left: 13px;
}
#private-cloud .part-3 .content1 .top .info .bold {
  height: 16px;
  font-size: 16px;
  font-weight: 400;
  color: #323232;
  line-height: 60px;
  margin-bottom: 5px;
}
#private-cloud .part-3 .content1 .top .info .small {
  height: 12px;
  font-size: 12px;
  font-weight: 400;
  color: #989898;
  line-height: 60px;
}
#private-cloud .part-3 .content1 .bottom {
  padding-top: 43px;
}
#private-cloud .part-3 .content1 .bottom div {
  font-size: 12px;
  font-weight: 400;
  color: #666666;
  line-height: 30px;
  text-align: center;
}
#private-cloud .part-3 div.last {
  margin-right: 0;
}
#private-cloud .part-2 {
  margin-top: 87px;
  /* margin-bottom: 183px; */
  height: 640px;
}
#private-cloud .part-2 .box {
  height: 148px;
  margin-bottom: 71px;
}
#private-cloud .part-2 .box div {
  width: 504px;
  float: left;
  height: 148px;
  background-image: url(../image/a.png);
}
#private-cloud .part-2 .box div h4 {
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  text-align: center;
  margin-top: 31px;
}
#private-cloud .part-2 .box div p {
  padding: 0 83px;
  font-size: 12px;
  font-weight: 400;
  color: #989797;
  line-height: 24px;
  margin-top: 5px;
}
#private-cloud .part-2 .box .first {
  margin-right: 188px ;
}
#company-info {
  background: url(../image/companyBanner.png) no-repeat;
  background-size: 100% 100%;
  cursor: url(../image/cursor.png), default;
}
#company-info .wrapper-scroll {
  position: relative;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  overflow: auto;
}
#company-info .wrapper-scroll .contItem {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  position: fixed;
  top: 90px;
  left: 18.75%;
  z-index: 500;
}
#company-info .wrapper-scroll .contItem .item {
  width: 130px;
  height: 50px;
  background: #FFFFFF;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
  border-radius: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: bold;
  color: #290202;
  cursor: pointer;
}
#company-info .wrapper-scroll .contItem .item:hover {
  color: #Ec1C1C;
}
#company-info .wrapper-scroll .contItem .active {
  color: #Ec1C1C;
}
#company-info .wrapper-scroll .content {
  width: 1023.96vw;
}
#company-info .wrapper-scroll .content .section {
  width: 62.5vw;
  padding-top: 10vh;
  margin-left: 12vw;
  float: left;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  margin-bottom: 4.3vh;
}
#company-info .wrapper-scroll .content .section .textCont {
  display: flex;
  flex-direction: column;
}
#company-info .wrapper-scroll .content .section .textCont h2 {
  font-size: 2.9vw;
  font-weight: bold;
  color: #FD5C60;
}
#company-info .wrapper-scroll .content .section .textCont h3 {
  font-size: 1.67vw;
  color: #FD5C60;
}
#company-info .wrapper-scroll .content .section .textCont .info {
  width: 36.46vw;
  font-size: 14px;
  line-height: 40px;
  color: #290202;
  margin-left: 4.17vw;
}
#company-info .wrapper-scroll .content .section .contInfo {
  display: flex;
  align-items: center;
  justify-content: center;
}
#company-info .wrapper-scroll .content .section .contInfo .cont {
  width: 23.44vw;
  height: 17.58vw;
  background: url(../image/contBg.png) no-repeat;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 1.82vw;
}
#company-info .wrapper-scroll .content .section .contInfo .cont h5 {
  font-size: 1.25vw;
  font-weight: bold;
  color: #FD5C60;
  margin-bottom: 1.8vw;
}
#company-info .wrapper-scroll .content .section .contInfo .cont p {
  width: 85%;
  font-size: 0.73vw;
  color: #290202;
  opacity: 0.45;
  line-height: 30px;
}
#company-info .wrapper-scroll .content .section .toHonor {
  width: 7.14vw;
  height: 3.39vw;
  background: rgba(41, 2, 2, 0.05);
  border-radius: 1.7vw;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-right: 5.99vw;
}
#company-info .wrapper-scroll .content .section .toHonor p {
  width: 2.5vw;
  font-size: 1.04vw;
  line-height: 1.25vw;
  color: rgba(41, 2, 2, 0.45);
  margin-right: 0.36vw;
}
#company-info .wrapper-scroll .content .section .toHonor .to {
  width: 2.81vw;
  height: 2.81vw;
  background: rgba(41, 2, 2, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#company-info .wrapper-scroll .content .section .toHonor:hover p {
  color: rgba(41, 2, 2, 0.65);
}
#company-info .wrapper-scroll .content .section .toHonor:hover .to {
  background: rgba(41, 2, 2, 0.35);
}
#aptitude-honor {
  background: url(../image/companyBanner.png) no-repeat;
  background-size: 100% 100%;
  cursor: url(../image/cursor.png), default;
}
#aptitude-honor .wrapper-scroll {
  position: relative;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  overflow: auto;
}
#aptitude-honor .wrapper-scroll .contItem {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  position: fixed;
  top: 90px;
  left: 18.75%;
  z-index: 500;
}
#aptitude-honor .wrapper-scroll .contItem .item {
  width: 130px;
  height: 50px;
  background: #FFFFFF;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
  border-radius: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: bold;
  color: #290202;
  cursor: pointer;
}
#aptitude-honor .wrapper-scroll .contItem .item:hover {
  color: #Ec1C1C;
}
#aptitude-honor .wrapper-scroll .contItem .active {
  color: #Ec1C1C;
}
#aptitude-honor .wrapper-scroll .content {
  width: 765vw;
}
#aptitude-honor .wrapper-scroll .content .section {
  width: auto;
  padding-top: 10vh;
  float: left;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  padding-bottom: 4.3vh;
  position: relative;
}
#aptitude-honor .wrapper-scroll .content .section .msk {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  display: none;
}
#aptitude-honor .wrapper-scroll .content .section .textCont {
  display: flex;
  flex-direction: column;
}
#aptitude-honor .wrapper-scroll .content .section .textCont h2 {
  font-size: 2.9vw;
  font-weight: bold;
  color: #FD5C60;
}
#aptitude-honor .wrapper-scroll .content .section .textCont h3 {
  font-size: 2.9vw;
  color: #FD5C60;
  font-weight: 500;
  margin-top: 20px;
}
#aptitude-honor .wrapper-scroll .content .section .hoverImg {
  display: none;
  width: 23.33vw;
  position: fixed;
  padding: 1vw;
  background: #ffffff;
  box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.16);
  z-index: 1000;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
#aptitude-honor .wrapper-scroll .content .section .ry-box {
  cursor: pointer;
}
#aptitude-honor .wrapper-scroll .content .section .hover1 {
  margin-left: 9.9vw;
}
#aptitude-honor .wrapper-scroll .content .section .hover2 {
  margin: 0 9.9vw 0 8.07vw;
}
#aptitude-honor .wrapper-scroll .content .section .hover3 {
  cursor: pointer;
}
#aptitude-honor .wrapper-scroll .content .section .hover4 {
  margin-left: 9.9vw;
}
#aptitude-honor .wrapper-scroll .content .section .hover5 {
  margin: 0 9.9vw;
}
#aptitude-honor .wrapper-scroll .content .section .hover6 {
  position: relative;
}
#aptitude-honor .wrapper-scroll .content .section .toHonor {
  width: 7.14vw;
  height: 3.39vw;
  background: rgba(41, 2, 2, 0.05);
  border-radius: 1.7vw;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-right: 5.99vw;
}
#aptitude-honor .wrapper-scroll .content .section .toHonor p {
  width: 2.5vw;
  font-size: 1.04vw;
  line-height: 1.25vw;
  color: rgba(41, 2, 2, 0.45);
  margin-right: 0.36vw;
}
#aptitude-honor .wrapper-scroll .content .section .toHonor .to {
  width: 2.81vw;
  height: 2.81vw;
  background: rgba(41, 2, 2, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#aptitude-honor .wrapper-scroll .content .section .toHonor:hover p {
  color: rgba(41, 2, 2, 0.65);
}
#aptitude-honor .wrapper-scroll .content .section .toHonor:hover .to {
  background: rgba(41, 2, 2, 0.35);
}
#join-us {
  background-image: url(../image/component-bg.png);
  background-repeat: no-repeat;
}
#join-us .container {
  padding-bottom: 175px;
}
#join-us .container .photo-wall {
  width: 1918px;
  height: 411px;
}
#join-us .container .p1 {
  width: 100px;
  height: 23px;
  font-size: 24px;
  font-weight: 400;
  color: #343434;
  margin: 51px auto 57px auto;
}
#join-us .container .a {
  width: 1200px;
  height: 400px;
}
#join-us .container .a .a1 {
  width: 504px;
  height: 107px;
  position: relative;
  background-image: url(../image/a1.png);
  float: left;
}
#join-us .container .a .a1 .a11,
#join-us .container .a .a1 .a12,
#join-us .container .a .a1 .a13 {
  position: absolute;
}
#join-us .container .a .a1 .a11 {
  height: 16px;
  font-size: 16px;
  font-weight: 400;
  color: #656565;
  margin-left: 39px;
  margin-top: 33px;
}
#join-us .container .a .a1 .a12 {
  width: 192px;
  height: 12px;
  font-size: 12px;
  font-weight: 400;
  color: #9a9a9a;
  margin-left: 39px;
  margin-top: 60px;
}
#join-us .container .a .a1 .a13 {
  height: 12px;
  font-size: 12px;
  font-weight: 400;
  color: #9a9a9a;
  margin-left: 401px;
  margin-top: 49px;
}
#join-us .container .a .a1:hover {
  background-image: url(../image/d.png);
  background-repeat: no-repeat;
}
#join-us .container .a .a1:hover .a11,
#join-us .container .a .a1:hover .a12,
#join-us .container .a .a1:hover .a13 {
  color: red;
}
#join-us .container .a .a1:hover .a13 {
  font-size: 14px;
}
#join-us .container .a .a1:nth-child(1) {
  margin-right: 192px;
}
#join-us .container .a .a1:nth-child(3) {
  margin-right: 192px;
}
#join-us .container .a .a1:nth-child(5) {
  margin-right: 192px;
}
#join-us .container .b {
  width: 1200px;
  height: 34px;
  position: relative;
  margin-top: 42px;
  display: none;
}
#join-us .container .b .b1 {
  width: 110px;
  height: 34px;
  position: absolute;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFUAAAAbBAMAAAD/id51AAAAHlBMVEUAAADLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8ti0FW0AAAACnRSTlMA2uHTyuXO8vnrpevFGgAAAJpJREFUOMtjEBQUcBSEAKHIciCYGaqkCOIoqYaGBikKu7i4VHQ0CjoA1TEoMBgkMBAGCQZAlQIMCQ5EqHVIYCDNXEPDJgEi1Ao1GhoAKQXCKqGqjJMNCCuEqkOYSthkAaLVCgwKtQ1Eq22gldpBEQ4kqCUlPZCQzkhKv6Tki0GRj+Hljuh0YJkTpCgIB6CCR9EEWO4UAjmgcgcACZ4kV/HGcKQAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  margin-left: 544px;
}
#join-us .container .b .b1 .b11 {
  height: 12px;
  font-size: 12px;
  color: #9a9a9a;
  padding-left: 18px;
  padding-top: 8px;
  display: none;
}
#join-us .container .p2 {
  width: 100px;
  height: 23px;
  font-size: 24px;
  font-weight: 400;
  color: #343434;
  margin: 117px auto 73px auto;
}
#join-us .container .c {
  width: 1200px;
  height: 380px;
  position: relative;
}
#join-us .container .c .c1 {
  width: 370px;
  height: 380px;
  position: relative;
  float: left;
  margin-right: 29px;
}
#join-us .container .c .c1 .c11 {
  position: absolute;
  margin-left: 0px;
}
#join-us .container .c .c1 .c12 {
  width: 68px;
  height: 16px;
  font-size: 16px;
  font-weight: 400;
  color: #343434;
  margin-left: 24px;
  margin-top: 286px;
}
#join-us .container .c .c1 .c13 {
  font-size: 12px;
  font-weight: 400;
  color: #9a9a9a;
  margin-left: 24px;
  margin-bottom: 31px;
}
#join-us .container .p3 {
  width: 100px;
  height: 23px;
  font-size: 24px;
  color: #343434;
  margin: 10px auto 73px auto;
}
#join-us .container .d {
  width: 1200px;
  height: 260px;
}
#join-us .container .d .d1 {
  height: 260px;
  float: left;
  margin-left: 30px;
  /*margin-right: 29px;
      background-image: url("../assets/join-us/c.png");
      background-repeat: no-repeat;*/
}
#join-us .container .d .d1:first-child {
  margin-left: 0;
}
#contact-us .part1 {
  border-top: 1px solid #e5e5e5;
  margin-top: 100px;
  padding-top: 80px;
}
#contact-us .part1 h3 {
  font-size: 24px;
  color: #343434;
  font-weight: 400;
}
#contact-us .part1 .box {
  padding-top: 100px;
}
#contact-us .part1 .box:after {
  content: '';
  display: block;
  clear: both;
}
#contact-us .part1 .box > div {
  float: left;
  width: 320px;
  margin-left: 120px;
}
#contact-us .part1 .box > div p {
  font-size: 12px;
  color: #343434;
  margin-top: 40px;
  margin-bottom: 80px;
}
#contact-us .part1 .box > div p span {
  color: #999;
}
#contact-us .part1 .box > div p.last span {
  float: left;
}
#contact-us .part1 .box > div p.last span:first-child {
  width: 36px;
}
#contact-us .part1 .box > div p.last span:last-child {
  width: 284px;
}
#contact-us .part1 .box .ml0 {
  margin-left: 0;
}
#news-information .part-1,
#policy-information .part-1 {
  margin-bottom: 117px;
}
#news-information .part-1:after,
#policy-information .part-1:after {
  content: "";
  display: block;
  clear: both;
}
#news-information .part-1 .box,
#policy-information .part-1 .box {
  cursor: pointer;
  width: 380px;
  float: left;
  margin-top: 63px;
  margin-right: 30px;
}
#news-information .part-1 .box img,
#policy-information .part-1 .box img {
  width: 380px;
  height: 160px;
}
#news-information .part-1 .box .content,
#policy-information .part-1 .box .content {
  margin-top: 17px;
  height: 65px;
}
#news-information .part-1 .box .content .left,
#policy-information .part-1 .box .content .left,
#news-information .part-1 .box .content .right,
#policy-information .part-1 .box .content .right {
  float: left;
  height: 65px;
}
#news-information .part-1 .box .content .left,
#policy-information .part-1 .box .content .left {
  margin-right: 14px;
  width: 65px;
  padding: 13px;
  background: #e6e6e6;
  border: 1px solid #cdcdcd;
}
#news-information .part-1 .box .content .left .year,
#policy-information .part-1 .box .content .left .year {
  font-size: 16px;
  font-weight: 400;
  color: #686868;
  text-align: center;
  margin-bottom: 5px;
}
#news-information .part-1 .box .content .left .day,
#policy-information .part-1 .box .content .left .day {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  text-align: center;
}
#news-information .part-1 .box .content .right,
#policy-information .part-1 .box .content .right {
  width: 301px;
  padding-top: 13px;
}
#news-information .part-1 .box .content .right h3,
#policy-information .part-1 .box .content .right h3 {
  font-size: 16px;
  font-weight: 400;
  color: #676767;
  margin-bottom: 5px;
  width: 301px;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#news-information .part-1 .box .content .right h3:hover,
#policy-information .part-1 .box .content .right h3:hover {
  color: #EC1C1C;
}
#news-information .part-1 .box .content .right p,
#policy-information .part-1 .box .content .right p {
  font-size: 12px;
  font-weight: 400;
  color: #9a9a9a;
  width: 301px;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#news-information .part-1 .box:nth-child(3n),
#policy-information .part-1 .box:nth-child(3n) {
  margin-right: 0;
}
#news-information .part-2,
#policy-information .part-2 {
  margin-bottom: 100px;
}
#news-information .part-2 .page,
#policy-information .part-2 .page {
  list-style: none;
}
#news-information .part-2 .page:after,
#policy-information .part-2 .page:after {
  display: block;
  content: "";
  clear: both;
}
#news-information .part-2 .page li,
#policy-information .part-2 .page li {
  padding: 5px 20px;
  cursor: pointer;
  float: left;
  border-radius: 5px;
  margin-right: 1px;
}
#news-information .part-2 .page li:hover,
#policy-information .part-2 .page li:hover {
  background: #eee;
  color: #666;
}
#news-information .part-2 .page .prev,
#policy-information .part-2 .page .prev,
#news-information .part-2 .page .next,
#policy-information .part-2 .page .next {
  background: #eee;
  color: #666;
}
#news-information .part-2 .page .active,
#policy-information .part-2 .page .active {
  color: #eee;
  background: #EC1C1C;
}
#news-detail .container,
#policy-detail .container {
  margin-top: 62px;
  border-top: 1px solid #eee;
}
#news-detail .container .part-1,
#policy-detail .container .part-1 {
  margin-top: 26px;
  margin-bottom: 110px;
}
#news-detail .container .part-1:after,
#policy-detail .container .part-1:after {
  content: "";
  display: block;
  clear: both;
}
#news-detail .container .part-1 .left,
#policy-detail .container .part-1 .left,
#news-detail .container .part-1 .center,
#policy-detail .container .part-1 .center,
#news-detail .container .part-1 .right,
#policy-detail .container .part-1 .right {
  float: left;
}
#news-detail .container .part-1 .left,
#policy-detail .container .part-1 .left {
  width: 70px;
  margin-right: 40px;
}
#news-detail .container .part-1 .left .time,
#policy-detail .container .part-1 .left .time {
  width: 100%;
  height: 80px;
  border: 1px solid #cccccc;
}
#news-detail .container .part-1 .left .time .year,
#policy-detail .container .part-1 .left .time .year {
  font-size: 16px;
  text-align: center;
  font-weight: 400;
  color: #989898;
  margin-top: 8px;
}
#news-detail .container .part-1 .left .time .day,
#policy-detail .container .part-1 .left .time .day {
  margin-top: 4px;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  color: #cccccc;
}
#news-detail .container .part-1 .left .time div,
#policy-detail .container .part-1 .left .time div {
  margin-top: 4px;
  font-size: 12px;
  text-align: center;
  background: #e5e5e5;
  height: 25px;
  line-height: 25px;
  font-weight: 400;
  color: #999999;
}
#news-detail .container .part-1 .left h3,
#policy-detail .container .part-1 .left h3 {
  cursor: pointer;
  text-align: center;
  margin-top: 25px;
}
#news-detail .container .part-1 .left h3 p,
#policy-detail .container .part-1 .left h3 p {
  height: 12px;
  font-size: 12px;
  font-weight: 400;
  color: #9a9a9a;
  margin-top: 3px;
}
#news-detail .container .part-1 .center,
#policy-detail .container .part-1 .center {
  width: 770px;
}
#news-detail .container .part-1 .center h3,
#policy-detail .container .part-1 .center h3 {
  font-size: 16px;
  font-weight: 400;
  color: #323232;
}
#news-detail .container .part-1 .center .news-title,
#policy-detail .container .part-1 .center .news-title {
  font-size: var(--ebq-s-d);
  font-weight: var(--ebq-w-d);
}
#news-detail .container .part-1 .center .header,
#policy-detail .container .part-1 .center .header {
  margin-top: 14px;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}
#news-detail .container .part-1 .center .header span,
#policy-detail .container .part-1 .center .header span {
  font-size: 12px;
  font-weight: 400;
  color: #9a9a9a;
  margin-right: 35px;
}
#news-detail .container .part-1 .center .header .row,
#policy-detail .container .part-1 .center .header .row {
  position: relative;
}
#news-detail .container .part-1 .center .header .row span,
#policy-detail .container .part-1 .center .header .row span {
  border: 1px solid #ccc;
  padding: 3px 8px;
  margin-right: 0;
  border-right: none;
}
#news-detail .container .part-1 .center .header .row:after,
#policy-detail .container .part-1 .center .header .row:after {
  width: 17px;
  height: 17px;
  content: "";
  display: inline-block;
  border: 1px solid #ccc;
  transform: rotate(45deg);
  position: absolute;
  right: -7px;
  top: 0px;
  border-left: none;
  border-bottom: none;
}
#news-detail .container .part-1 .center .p p,
#policy-detail .container .part-1 .center .p p,
#news-detail .container .part-1 .center .p span,
#policy-detail .container .part-1 .center .p span,
#news-detail .container .part-1 .center .p div,
#policy-detail .container .part-1 .center .p div,
#news-detail .container .part-1 .center .p img,
#policy-detail .container .part-1 .center .p img {
  width: 100%;
  margin-top: 24px;
  font-size: 14px;
  line-height: 28px;
  font-weight: 400;
  color: var(--ebq-c-info);
}
#news-detail .container .part-1 .center .p a,
#policy-detail .container .part-1 .center .p a {
  color: -webkit-link;
  cursor: pointer;
  text-decoration: underline;
}
#news-detail .container .part-1 .center .box,
#policy-detail .container .part-1 .center .box {
  margin-top: 92px;
  height: 117px;
}
#news-detail .container .part-1 .center .box .first,
#policy-detail .container .part-1 .center .box .first,
#news-detail .container .part-1 .center .box .last,
#policy-detail .container .part-1 .center .box .last {
  width: 357px;
  height: 117px;
  float: left;
  padding: 30px;
  cursor: pointer;
}
#news-detail .container .part-1 .center .box .last,
#policy-detail .container .part-1 .center .box .last {
  margin-left: 56px;
}
#news-detail .container .part-1 .center .box .first,
#policy-detail .container .part-1 .center .box .first,
#news-detail .container .part-1 .center .box .last,
#policy-detail .container .part-1 .center .box .last {
  background-image: url(../image/1-4.png);
}
#news-detail .container .part-1 .center .box .first.new p,
#policy-detail .container .part-1 .center .box .first.new p,
#news-detail .container .part-1 .center .box .last.new p,
#policy-detail .container .part-1 .center .box .last.new p {
  font-size: 12px;
  font-weight: 400;
  color: #989898;
  margin-top: 0;
}
#news-detail .container .part-1 .center .box .first.new h3,
#policy-detail .container .part-1 .center .box .first.new h3,
#news-detail .container .part-1 .center .box .last.new h3,
#policy-detail .container .part-1 .center .box .last.new h3 {
  font-size: 16px;
  font-weight: 400;
  color: #323232;
  line-height: 16px;
  margin-top: 10px;
}
#news-detail .container .part-1 .center .box .first.new:hover,
#policy-detail .container .part-1 .center .box .first.new:hover,
#news-detail .container .part-1 .center .box .last.new:hover,
#policy-detail .container .part-1 .center .box .last.new:hover {
  background-image: url(../image/1-3.png);
}
#news-detail .container .part-1 .center .box .first.new:hover p,
#policy-detail .container .part-1 .center .box .first.new:hover p,
#news-detail .container .part-1 .center .box .last.new:hover p,
#policy-detail .container .part-1 .center .box .last.new:hover p {
  font-size: 12px;
  font-weight: 400;
  color: #ec1c1c;
  margin-top: 0;
}
#news-detail .container .part-1 .center .box .first.new:hover h3,
#policy-detail .container .part-1 .center .box .first.new:hover h3,
#news-detail .container .part-1 .center .box .last.new:hover h3,
#policy-detail .container .part-1 .center .box .last.new:hover h3 {
  font-size: 16px;
  font-weight: 400;
  color: #ec1c1c;
  line-height: 16px;
  margin-top: 10px;
}
#news-detail .container .part-1 .center .box .first:hover,
#policy-detail .container .part-1 .center .box .first:hover,
#news-detail .container .part-1 .center .box .last:hover,
#policy-detail .container .part-1 .center .box .last:hover {
  background-image: url(../image/1-3.png);
}
#news-detail .container .part-1 .center .box .first:hover h3,
#policy-detail .container .part-1 .center .box .first:hover h3,
#news-detail .container .part-1 .center .box .last:hover h3,
#policy-detail .container .part-1 .center .box .last:hover h3 {
  font-size: 12px;
  font-weight: 400;
  color: #ec1c1c;
}
#news-detail .container .part-1 .center .box .first:hover p,
#policy-detail .container .part-1 .center .box .first:hover p,
#news-detail .container .part-1 .center .box .last:hover p,
#policy-detail .container .part-1 .center .box .last:hover p {
  font-size: 16px;
  font-weight: 400;
  color: #ec1c1c;
  line-height: 16px;
  margin-top: 10px;
}
#news-detail .container .part-1 .right,
#policy-detail .container .part-1 .right {
  width: 320px;
}
#news-detail .container .part-1 .right h4,
#policy-detail .container .part-1 .right h4 {
  padding-left: 103px;
  font-size: 12px;
  font-weight: 400;
  color: #656565;
  margin-top: 40px;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}
#news-detail .container .part-1 .right a,
#policy-detail .container .part-1 .right a {
  display: block;
  padding-left: 103px;
  margin-top: 24px;
  cursor: pointer;
}
#news-detail .container .part-1 .right a:hover h2,
#policy-detail .container .part-1 .right a:hover h2 {
  color: #EC1C1C;
}
#news-detail .container .part-1 .right a h2,
#policy-detail .container .part-1 .right a h2 {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 400;
  color: #323232;
  width: 180px;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#news-detail .container .part-1 .right a p,
#policy-detail .container .part-1 .right a p {
  font-size: 12px;
  font-weight: 400;
  color: #9a9a9a;
  width: 217px;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#job-detail {
  background-image: url(../image/component-bg.png);
  background-repeat: no-repeat;
}
#job-detail .container {
  padding-bottom: 92px;
}
#job-detail .a {
  width: 1200px;
  height: 850px;
  background: #ffffff;
  box-shadow: 0px 1px 5px 0px rgba(152, 152, 152, 0.56);
  position: relative;
  margin-top: 26px;
}
#job-detail .a .b {
  width: 1200px;
  height: 60px;
  background: #f2f2f2;
  border: 1px solid #e6e6e6;
  position: relative;
}
#job-detail .a .b #b1 {
  width: 1200px;
  height: 60px;
  font-size: 24px;
  color: #333333;
  margin-left: 30px;
  margin-top: 19px;
}
#job-detail .a .c {
  overflow: hidden;
  margin-bottom: 31px;
}
#job-detail .a .c div {
  float: left;
  width: 296px;
  height: 52px;
  line-height: 52px;
  padding-left: 33px;
  border-bottom: 1px solid #F2F2F2;
  border-right: 1px solid #F2F2F2;
  color: #333333;
}
#job-detail .a .c div span {
  color: #989898;
}
#job-detail .a .d {
  width: 1200px;
  height: 12px;
  position: relative;
  border: 1px solid transparent;
  margin-top: 20px;
  margin-bottom: 20px;
}
#job-detail .a .d #d1,
#job-detail .a .d #d2,
#job-detail .a .d #d3,
#job-detail .a .d #d4,
#job-detail .a .d .d5,
#job-detail .a .d .d6,
#job-detail .a .d .d7 {
  position: absolute;
  float: left;
  font-size: 12px;
  color: #999999;
}
#job-detail .a .d .d5,
#job-detail .a .d .d6,
#job-detail .a .d .d7 {
  width: 1px;
  height: 26.25px;
  background: #f2f2f2;
}
#job-detail .a .d #d1 {
  margin-left: 33px;
}
#job-detail .a .d #d2 {
  margin-left: 327px;
}
#job-detail .a .d #d3 {
  margin-left: 625px;
}
#job-detail .a .d #d4 {
  margin-left: 924px;
}
#job-detail .a .d .d5 {
  margin-left: 296px;
}
#job-detail .a .d .d6 {
  margin-left: 599px;
}
#job-detail .a .d .d7 {
  margin-left: 902px;
}
#job-detail .a .e,
#job-detail .a .g {
  width: 1200px;
  height: 16px;
  font-size: 16px;
  font-weight: 400;
  color: #353535;
  position: absolute;
  margin-left: 37px;
}
#job-detail .a #f {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  line-height: 30px;
  position: absolute;
  margin-left: 37px;
  margin-top: 36px;
}
#job-detail .a .g {
  margin-top: 255px;
}
#job-detail .a #h {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  line-height: 30px;
  position: absolute;
  margin-left: 37px;
  margin-top: 299px;
}
#job-detail .a .i {
  position: absolute;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 30px;
  margin-left: 485px;
  margin-top: 590px;
}
#business-agent .photo-wall-2019 {
  position: relative;
  width: 100%;
}
#business-agent .photo-wall-2019 img {
  width: 100%;
  min-height: 350px;
  min-width: 1200px;
}
#business-agent .photo-wall-2019 .content {
  position: absolute;
  width: 100%;
  height: 80%;
  left: 0;
  top: 10%;
  z-index: 1;
  background: transparent;
}
#business-agent .photo-wall-2019 .content p {
  width: 100%;
  text-align: center;
}
#business-agent .photo-wall-2019 .content .p1 {
  width: 100%;
  padding: 15px;
  font-size: 25px;
  font-weight: 400;
  color: #ffffff;
  font-family: inherit;
}
#business-agent .photo-wall-2019 .content .p2 {
  width: 100%;
  padding: 0;
  font-size: 74px;
  font-weight: bold;
  color: #ffffff;
  font-family: inherit;
}
#business-agent .photo-wall-2019 .content .p3 {
  margin-top: 50px;
}
#business-agent .photo-wall-2019 .content .p3 span {
  padding: 8px 23px;
  font-size: 19px;
  font-weight: 400;
  color: #353535;
  font-family: inherit;
  background: #ffffff;
  border-radius: 4px;
}
#business-agent .container {
  width: 100% !important;
}
#business-agent .container img {
  user-select: none;
}
#business-agent .container .container-box {
  width: 1200px;
  margin: 0 auto;
  min-width: 1200px;
}
#business-agent .container .container-box .container-box-title {
  font-size: 28px;
  text-align: center;
  padding: 60px 0;
}
#business-agent .container .choose-us {
  background: #F8F9FB;
  padding-bottom: 60px;
}
#business-agent .container .choose-us .choose-us-tabs {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#business-agent .container .choose-us .choose-us-tabs .choose-us-tab {
  height: 365px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 2px solid #EC1C1C;
  background: #fff;
}
#business-agent .container .choose-us .choose-us-tabs .choose-us-tab .choose-us-tab-content {
  margin-top: 15px;
  text-align: center;
  font-size: 16px;
}
#business-agent .container .products {
  background: #fff;
  padding-bottom: 60px;
}
#business-agent .container .products .products-tabs {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#business-agent .container .products .products-tabs .products-tab {
  width: 250px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
#business-agent .container .products .products-tabs .products-tab .products-tab-title {
  margin: 25px 0;
  font-size: 18px;
  color: #000;
}
#business-agent .container .products .products-tabs .products-tab .products-tab-content {
  padding: 0 20px;
  font-size: 16px;
  color: #898989;
}
#business-agent .container .products .products-tabs .products-tab .products-tab-content li {
  list-style: initial;
  margin-bottom: 10px;
}
#business-agent .container .cooperate {
  background: url(../image/cooperatebg.png) no-repeat;
  padding-bottom: 70px;
  background-size: 100% 100%;
}
#business-agent .container .cooperate .cooperate-tabs {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
#business-agent .container .cooperate .cooperate-tabs .cooperate-tab {
  width: 513px;
  height: 117px;
  font-size: 16px;
  color: #000;
  padding: 30px 30px 30px 130px;
  line-height: 2;
}
#business-agent .container .cooperate .cooperate-tabs .cooperate-tab:nth-child(1) {
  background: url(../image/cooperate1.png) no-repeat;
  margin-bottom: 50px;
}
#business-agent .container .cooperate .cooperate-tabs .cooperate-tab:nth-child(2) {
  background: url(../image/cooperate2.png) no-repeat;
  margin-bottom: 50px;
}
#business-agent .container .cooperate .cooperate-tabs .cooperate-tab:nth-child(3) {
  background: url(../image/cooperate3.png) no-repeat;
}
#business-agent .container .cooperate .cooperate-tabs .cooperate-tab:nth-child(4) {
  background: url(../image/cooperate4.png) no-repeat;
}
#business-agent .container .process {
  background: #F8F9FB;
  padding-bottom: 60px;
}
#business-agent .container .process .process-box {
  padding: 50px 70px;
  box-shadow: 0 0 15px #dedede;
}
#business-agent .container .process .process-box img {
  width: 100%;
  padding: 0 40px;
}
#business-agent .container .process .process-box .flow-tabs {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 25px;
}
#business-agent .container .process .process-box .flow-tabs .flow-tab {
  color: #424242;
  font-size: 16px;
  width: 130px;
  text-align: center;
}
#business-agent .container .support {
  background: url(../image/supportbg.png) no-repeat;
  padding-bottom: 70px;
  background-size: 100% 100%;
}
#business-agent .container .support .support-tabs {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#business-agent .container .support .support-tabs .support-tab {
  width: 217px;
  height: 380px;
  font-size: 16px;
  color: #383838;
  box-shadow: 0 0 20px #efefef;
  padding: 277px 20px 20px 20px;
  line-height: 1.5;
  position: relative;
}
#business-agent .container .support .support-tabs .support-tab .support-tab-title {
  position: absolute;
  bottom: 113px;
  font-size: 20px;
  color: #fff;
}
#business-agent .container .support .support-tabs .support-tab:nth-child(1) {
  background: url(../image/support1.png) no-repeat;
}
#business-agent .container .support .support-tabs .support-tab:nth-child(2) {
  background: url(../image/support2.png) no-repeat;
}
#business-agent .container .support .support-tabs .support-tab:nth-child(3) {
  background: url(../image/support3.png) no-repeat;
}
#business-agent .container .support .support-tabs .support-tab:nth-child(4) {
  background: url(../image/support4.png) no-repeat;
}
#business-agent .container .support .support-tabs .support-tab:nth-child(5) {
  background: url(../image/support5.png) no-repeat;
}
#business-agent .container .apply-join {
  background: url(../image/joinbg.png) no-repeat;
  padding: 70px 0;
  background-size: 100% 100%;
}
#business-agent .container .apply-join .apply-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#business-agent .container .apply-join .apply-box .title-box .title-ch {
  font-size: 55px;
  font-weight: bold;
  color: #EC1C1C;
}
#business-agent .container .apply-join .apply-box .title-box .title-en {
  font-size: 25px;
  color: #000;
}
#business-agent .container .apply-join .apply-box .info-box {
  width: 360px;
  height: 360px;
  background: #fff;
}
#business-agent .container .apply-join .apply-box .info-box .info-title {
  height: 60px;
  background: #EC1C1C;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 20px;
}
#business-agent .container .apply-join .apply-box .info-box .qr-code-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#business-agent .container .apply-join .apply-box .info-box .qr-code-box .qr-code {
  margin: 30px 0;
  width: 200px;
  height: 200px;
  background: #eee;
}
#business-agent .container .apply-join .apply-box .info-box .qr-code-box .qr-info {
  font-size: 20px;
}
#business-agent .container .apply-join .apply-box .info-box .info-form {
  padding: 20px;
}
#business-agent .container .apply-join .apply-box .info-box .info-form .info-row {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 10px;
}
#business-agent .container .apply-join .apply-box .info-box .info-form .info-row .info-label {
  text-align: right;
  height: 30px;
  line-height: 30px;
  width: 90px;
  font-size: 14px;
  color: #646464;
}
#business-agent .container .apply-join .apply-box .info-box .info-form .info-row .info-value {
  flex: 1;
}
#business-agent .container .apply-join .apply-box .info-box .info-form .info-row .info-value input {
  width: 100%;
  height: 30px;
  outline: none;
  padding: 5px;
  font-size: 14px;
  border-radius: 2px;
  border: 1px solid #DFDFDF;
}
#business-agent .container .apply-join .apply-box .info-box .info-form .info-row .info-value input:focus-visible {
  outline: none;
}
#business-agent .container .apply-join .apply-box .info-box .info-form .info-row .info-value textarea {
  outline: none;
  width: 100%;
  padding: 5px;
  font-size: 14px;
  border-radius: 2px;
  border: 1px solid #DFDFDF;
  font-family: Arial;
}
#business-agent .container .apply-join .apply-box .info-box .info-form .submit-btn {
  display: block;
  background: #ec1c1c;
  opacity: 1;
  border-radius: 20px;
  text-align: center;
  color: #ffffff;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}
#contact-us {
  background-image: url(../image/component-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#contact-us .container {
  padding-bottom: 149px;
}
#contact-us .container .photo-wall {
  width: 1918px;
  height: 411px;
}
#contact-us .container .a {
  width: 1200px;
  height: 375px;
  margin-top: 119px;
  position: relative;
}
#contact-us .container .a .a1,
#contact-us .container .a .a2,
#contact-us .container .a .a3,
#contact-us .container .a .a4,
#contact-us .container .a .a5 {
  position: absolute;
  float: left;
}
#contact-us .container .a .a1 {
  width: 601px;
  height: 375px;
}
#contact-us .container .a .a2 {
  width: 315px;
  height: 23px;
  font-size: 24px;
  color: #343434;
  line-height: 60px;
  margin-left: 891px;
  margin-top: 121px;
}
#contact-us .container .a .a3 {
  height: 12px;
  font-size: 12px;
  color: #999999;
  line-height: 60px;
  margin-left: 891px;
  margin-top: 182px;
}
#contact-us .container .a .a3 span {
  color: #343434;
}
#contact-us .container .a .a4 {
  width: 200px;
  height: 12px;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  line-height: 60px;
  margin-left: 891px;
  margin-top: 223px;
}
#contact-us .container .a .a4 span {
  color: #343434;
}
#contact-us .container .a .a5 {
  width: 180px;
  height: 12px;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  margin-left: 891px;
  margin-top: 223px;
}
#contact-us .container .a .a5 span {
  color: #343434;
}
#contact-us .container .e {
  margin-top: 114px;
  width: 1200px;
  height: 1px;
  background: #e5e5e5;
}
#contact-us .container .c {
  width: 147px;
  height: 23px;
  font-size: 24px;
  font-weight: 400;
  color: #323232;
  line-height: 60px;
  margin: 76px auto 88px auto;
}
#contact-us .container .f {
  width: 1200px;
  height: 143px;
  border: 1px solid transparent;
}
#contact-us .container .f .f1 {
  width: 275px;
  height: 143px;
  float: left;
  margin-right: 23px;
}
#contact-us .container .f .f1 .f11 {
  height: 23px;
  font-size: 24px;
  color: #323232;
}
#contact-us .container .f .f1 .f12 {
  width: 275px;
  height: 12px;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  margin-top: 28px;
}
#contact-us .container .f .f1 .f12 span {
  color: #343434;
}
#contact-us .container .f .f1 .f13 {
  height: 12px;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  margin-top: 29px;
}
#contact-us .container .f .f1 .f13 span {
  color: #343434;
}
#contact-us .container .f .f1 .f14 {
  height: 11px;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  margin-top: 29px;
}
#contact-us .container .f .f1 .f14 span {
  color: #343434;
}
#education {
  background: url(../image/banner@2x.jpg) no-repeat;
}
#education .total {
  width: 100%;
}
#education .total .switch_title_fixed {
  animation: searchTop 0.5s ease-in-out;
  position: fixed;
  z-index: 100;
  top: 60px;
  background-color: #fff;
}
#education .total .jr-div {
  background: #FFFFFF;
  width: 100%;
  border-bottom: 1px solid #eee;
}
#education .total .jr-div .tab-content {
  width: 1200px;
  display: flex;
  justify-content: space-between;
  line-height: 60px;
  font-size: 18px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  color: #290202;
  margin: 0 auto;
}
#education .total .jr-div .tab-content div > a {
  display: inline-block;
  height: 59px;
}
#education .total .jr-div .tab-content div > a:hover {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
}
#education .total .jr-div .tab-content div > a.on {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
}
#education .total .jr-div .tab-content div > a.on {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
}
#education .total .jr-div .tab-content div > a:hover {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
}
#education .total .content {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 100px;
}
#education .total .content .p {
  text-align: center;
  height: 47px;
  font-family: Source Han Sans SC;
  line-height: 47px;
  color: #290202;
  margin: 100px auto 65px auto;
  font-size: var(--ebq-s-l);
  font-weight: var(--ebq-w-l);
}
#education .total .content .tab11 .td {
  display: flex;
  height: 400px;
  justify-content: space-between;
}
#education .total .content .tab11 .td .p1 {
  height: 27px;
  font-size: 18px;
  font-family: Source Han Sans SC;
  font-weight: bold;
  line-height: 27px;
  color: #EC1C1C;
  opacity: 1;
  text-align: center;
  margin-bottom: 40px;
}
#education .total .content .tab11 .td .p2 {
  width: 300px;
  height: 86px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 300;
  line-height: 30px;
  color: #290202;
  text-align: start;
  margin: auto;
}
#education .total .content .tab11 .td img {
  margin: 87px 150px 20px 170px;
}
#education .total .content .tab11 .td .td-1 {
  background: url(../image/td1.png) no-repeat;
  width: 398px;
  height: 385px;
}
#education .total .content .tab11 .td .td-2 {
  background: url(../image/td2.png) no-repeat;
  width: 398px;
  height: 385px;
}
#education .total .content .tab11 .td .td-3 {
  background: url(../image/td3.png) no-repeat;
  width: 398px;
  height: 385px;
}
#education .total .content .tab22 .p2 {
  width: 230px;
  height: 40px;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 30px;
  color: #FFFFFF;
  padding-left: 15px;
}
#education .total .content .tab22 .p1 {
  height: 25px;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 25px;
  color: #FFFFFF;
  opacity: 1;
  padding-left: 15px;
}
#education .total .content .tab22 .td {
  display: flex;
  height: 280px;
  justify-content: space-between;
}
#education .total .content .tab22 .td .td-1 {
  width: 232px;
  position: relative;
}
#education .total .content .tab22 .td .td-1 > div {
  width: 100%;
  height: 120px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  margin-top: -20px;
  position: absolute;
  bottom: 0;
}
#education .total .content .tab22 .td .td-2 {
  width: 232px;
  position: relative;
}
#education .total .content .tab22 .td .td-2 > div {
  width: 100%;
  height: 120px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  margin-top: -20px;
  position: absolute;
  bottom: 0;
}
#education .total .content .tab22 .td .td-3 {
  width: 232px;
  position: relative;
}
#education .total .content .tab22 .td .td-3 > div {
  width: 100%;
  height: 120px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  margin-top: -20px;
  position: absolute;
  bottom: 0;
}
#education .total .content .tab22 .td .td-4 {
  width: 232px;
  position: relative;
}
#education .total .content .tab22 .td .td-4 > div {
  width: 100%;
  height: 120px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  margin-top: -20px;
  position: absolute;
  bottom: 0;
}
#education .total .content .tab22 .td .td-5 {
  width: 232px;
  position: relative;
}
#education .total .content .tab22 .td .td-5 > div {
  width: 100%;
  height: 120px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  margin-top: -20px;
  position: absolute;
  bottom: 0;
}
#education .total .content .tab33 .content-box {
  display: flex;
}
#education .total .content .tab33 .left {
  width: 100px;
  height: 576px;
  background: #FFFFFF;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.08);
  opacity: 1;
  border-radius: 6px;
  text-align: center;
}
#education .total .content .tab33 .left > .t-img {
  width: 70px;
  height: 1px;
  color: #eee;
  margin-left: 25px;
}
#education .total .content .tab33 .left .y-tab {
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  padding-left: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 180px;
  padding-top: 30px;
}
#education .total .content .tab33 .left .y-tab .y-title {
  width: 65px;
  border-bottom: 1px solid #eee;
  height: 90px;
}
#education .total .content .tab33 .left .y-tab.on > div {
  color: #EC1C1C;
}
#education .total .content .tab33 .left .y-tab.on .line {
  opacity: 1;
}
#education .total .content .tab33 .left .y-tab:hover > div {
  color: #EC1C1C;
}
#education .total .content .tab33 .left .y-tab:hover .line {
  opacity: 1;
}
#education .total .content .tab33 .left .y-tab:hover > div {
  color: #EC1C1C;
}
#education .total .content .tab33 .left .y-tab:hover .line {
  opacity: 1;
}
#education .total .content .tab33 .left .y-tab > div {
  color: #290202;
  font-size: 16px;
  font-family: Source Han Sans SC;
  font-weight: bold;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
#education .total .content .tab33 .left .y-tab > div span {
  display: block;
  color: inherit;
  opacity: 0.45;
  font-size: 12px;
  font-weight: normal;
}
#education .total .content .tab33 .left .y-tab .line {
  display: block;
  width: 5px;
  height: 14px;
  background: #ec1c1c;
  opacity: 0;
  border-radius: 100px;
  position: absolute;
  left: 0;
  top: 70%;
  margin-top: -30px;
}
#education .total .content .tab33 .right {
  flex: 1;
  margin-left: 12px;
}
#education .total .content .tab33 .right .y-con {
  flex: 1;
  min-height: 610px;
  display: none;
  position: relative;
  background-size: 1100px 630px;
  margin-top: -15px;
}
#education .total .content .tab33 .right .y-con.on {
  display: block;
}
#education .total .content .tab33 .right .y-con.on:nth-child(1) {
  background: url(../image/bg11.png) no-repeat;
  background-size: 100% 100%;
}
#education .total .content .tab33 .right .y-con.on:nth-child(2) {
  background: url(../image/bg2.png) no-repeat;
  background-size: 100% 100%;
}
#education .total .content .tab33 .right .y-con.on:nth-child(3) {
  background: url(../image/bg3.png) no-repeat;
  background-size: 100% 100%;
}
#education .total .content .tab33 .right .y-con > div img {
  margin: 50px auto auto 70px;
}
#education .total .content .tab33 .right .y-con > div p {
  width: 970px;
  height: 42px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 300;
  line-height: 30px;
  color: #290202;
  opacity: 1;
  padding-top: 60px;
  padding-bottom: 45px;
  margin-left: 80px;
}
#education .total .content .tab44 .list {
  display: flex;
  justify-content: space-around;
}
#education .total .content .tab44 .list .list-g {
  width: 380px;
  height: 313px;
  background: #FFFFFF;
  box-shadow: 0px -2px 12px rgba(0, 0, 0, 0.06);
  border-radius: 10px;
}
#education .total .content .tab44 .list .list-g img {
  margin: 47px 155px 15px 155px;
}
#education .total .content .tab44 .list .list-g .list-title {
  height: 25px;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 25px;
  color: #EC1C1C;
  text-align: center;
  margin-bottom: 40px;
}
#education .total .content .tab44 .list .list-g .list-con {
  width: 380px;
  height: 120px;
  background: #FFF4E9;
  border-radius: 0px 0px 10px 10px;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 30px;
  color: #290202;
}
#education .total .content .tab44 .list .list-g .list-con span {
  width: 360px;
  margin-left: 15px;
  text-align: start;
  display: inline-block;
  margin-top: 20px;
}
#education .total .content .tab55 div {
  display: flex;
  justify-content: space-between;
}
#human-resources {
  background: url(../image/banner@2x.jpg) no-repeat;
}
#human-resources .total {
  width: 100%;
}
#human-resources .total .switch_title_fixed {
  animation: searchTop 0.5s ease-in-out;
  position: fixed;
  z-index: 100;
  top: 60px;
  background-color: #fff;
}
#human-resources .total .jr-div {
  background: #FFFFFF;
  width: 100%;
  border-bottom: 1px solid #eee;
}
#human-resources .total .jr-div .tab-content {
  width: 1200px;
  display: flex;
  justify-content: space-between;
  line-height: 60px;
  font-size: 18px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  color: #290202;
  margin: 0 auto;
}
#human-resources .total .jr-div .tab-content div > a {
  display: inline-block;
  height: 59px;
}
#human-resources .total .jr-div .tab-content div > a:hover {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
}
#human-resources .total .jr-div .tab-content div > a.on {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
}
#human-resources .total .jr-div .tab-content div > a.on {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
}
#human-resources .total .jr-div .tab-content div > a:hover {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
}
#human-resources .total .content {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 100px;
}
#human-resources .total .content .p {
  text-align: center;
  height: 47px;
  font-family: Source Han Sans SC;
  line-height: 47px;
  color: #290202;
  margin: 100px auto 65px auto;
  font-size: var(--ebq-s-l);
  font-weight: var(--ebq-w-l);
}
#human-resources .total .content .tab11 .td {
  display: flex;
  height: 400px;
  justify-content: space-between;
}
#human-resources .total .content .tab11 .td .p1 {
  height: 27px;
  font-size: 18px;
  font-family: Source Han Sans SC;
  font-weight: bold;
  line-height: 27px;
  color: #EC1C1C;
  opacity: 1;
  text-align: center;
  margin-bottom: 40px;
}
#human-resources .total .content .tab11 .td .p2 {
  width: 300px;
  height: 86px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 300;
  line-height: 30px;
  color: #290202;
  text-align: start;
  margin: auto;
}
#human-resources .total .content .tab11 .td img {
  margin: 87px 150px 20px 170px;
}
#human-resources .total .content .tab11 .td .td-1 {
  background: url(../image/td1.png) no-repeat;
  width: 398px;
  height: 385px;
}
#human-resources .total .content .tab11 .td .td-2 {
  background: url(../image/td2.png) no-repeat;
  width: 398px;
  height: 385px;
}
#human-resources .total .content .tab11 .td .td-3 {
  background: url(../image/td3.png) no-repeat;
  width: 398px;
  height: 385px;
}
#human-resources .total .content .tab22 .p2 {
  width: 260px;
  height: 40px;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 30px;
  color: #FFFFFF;
  padding-left: 15px;
}
#human-resources .total .content .tab22 .p1 {
  height: 25px;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 25px;
  color: #FFFFFF;
  opacity: 1;
  padding-left: 15px;
}
#human-resources .total .content .tab22 .td {
  display: flex;
  height: 280px;
  justify-content: space-between;
}
#human-resources .total .content .tab22 .td .td-1 {
  width: 285px;
  position: relative;
}
#human-resources .total .content .tab22 .td .td-1 > div {
  width: 100%;
  height: 150px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  position: absolute;
  bottom: 0;
}
#human-resources .total .content .tab22 .td .td-2 {
  width: 285px;
  position: relative;
}
#human-resources .total .content .tab22 .td .td-2 > div {
  width: 100%;
  height: 150px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  position: absolute;
  bottom: 0;
}
#human-resources .total .content .tab22 .td .td-3 {
  width: 285px;
  position: relative;
}
#human-resources .total .content .tab22 .td .td-3 > div {
  width: 100%;
  height: 150px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  position: absolute;
  bottom: 0;
}
#human-resources .total .content .tab22 .td .td-4 {
  width: 285px;
  position: relative;
}
#human-resources .total .content .tab22 .td .td-4 > div {
  width: 100%;
  height: 150px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  position: absolute;
  bottom: 0;
}
#human-resources .total .content .tab33 .content-box {
  display: flex;
}
#human-resources .total .content .tab33 .left {
  width: 100px;
  height: 576px;
  background: #FFFFFF;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.08);
  opacity: 1;
  border-radius: 6px;
  text-align: center;
}
#human-resources .total .content .tab33 .left > .t-img {
  width: 70px;
  height: 1px;
  color: #eee;
  margin-left: 25px;
}
#human-resources .total .content .tab33 .left .y-tab {
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  padding-left: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 180px;
  padding-top: 30px;
}
#human-resources .total .content .tab33 .left .y-tab .y-title {
  width: 65px;
  border-bottom: 1px solid #eee;
  height: 90px;
}
#human-resources .total .content .tab33 .left .y-tab.on > div {
  color: #EC1C1C;
}
#human-resources .total .content .tab33 .left .y-tab.on .line {
  opacity: 1;
}
#human-resources .total .content .tab33 .left .y-tab:hover > div {
  color: #EC1C1C;
}
#human-resources .total .content .tab33 .left .y-tab:hover .line {
  opacity: 1;
}
#human-resources .total .content .tab33 .left .y-tab:hover > div {
  color: #EC1C1C;
}
#human-resources .total .content .tab33 .left .y-tab:hover .line {
  opacity: 1;
}
#human-resources .total .content .tab33 .left .y-tab > div {
  color: #290202;
  font-size: 16px;
  font-family: Source Han Sans SC;
  font-weight: bold;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
#human-resources .total .content .tab33 .left .y-tab > div span {
  display: block;
  color: inherit;
  opacity: 0.45;
  font-size: 12px;
  font-weight: normal;
}
#human-resources .total .content .tab33 .left .y-tab .line {
  display: block;
  width: 5px;
  height: 14px;
  background: #ec1c1c;
  opacity: 0;
  border-radius: 100px;
  position: absolute;
  left: 0;
  top: 70%;
  margin-top: -30px;
}
#human-resources .total .content .tab33 .right {
  flex: 1;
  margin-left: 12px;
}
#human-resources .total .content .tab33 .right .y-con {
  flex: 1;
  min-height: 610px;
  display: none;
  position: relative;
  background-size: 1100px 630px;
  margin-top: -15px;
}
#human-resources .total .content .tab33 .right .y-con.on {
  display: block;
}
#human-resources .total .content .tab33 .right .y-con.on:nth-child(1) {
  background: url(../image/bg11.png) no-repeat;
  background-size: 100% 100%;
}
#human-resources .total .content .tab33 .right .y-con.on:nth-child(2) {
  background: url(../image/bg2.png) no-repeat;
  background-size: 100% 100%;
}
#human-resources .total .content .tab33 .right .y-con.on:nth-child(3) {
  background: url(../image/bg3.png) no-repeat;
  background-size: 100% 100%;
}
#human-resources .total .content .tab33 .right .y-con > div img {
  margin: 50px auto auto 70px;
}
#human-resources .total .content .tab33 .right .y-con > div p {
  width: 970px;
  height: 42px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 300;
  line-height: 30px;
  color: #290202;
  opacity: 1;
  padding-top: 60px;
  padding-bottom: 45px;
  margin-left: 80px;
}
#human-resources .total .content .tab44 .list {
  display: flex;
  justify-content: space-around;
}
#human-resources .total .content .tab44 .list .list-g {
  width: 380px;
  height: 313px;
  background: #FFFFFF;
  box-shadow: 0px -2px 12px rgba(0, 0, 0, 0.06);
  border-radius: 10px;
}
#human-resources .total .content .tab44 .list .list-g img {
  margin: 47px 155px 15px 155px;
}
#human-resources .total .content .tab44 .list .list-g .list-title {
  height: 25px;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 25px;
  color: #EC1C1C;
  text-align: center;
  margin-bottom: 40px;
}
#human-resources .total .content .tab44 .list .list-g .list-con {
  width: 380px;
  height: 120px;
  background: #FFF4E9;
  border-radius: 0px 0px 10px 10px;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 30px;
  color: #290202;
}
#human-resources .total .content .tab44 .list .list-g .list-con span {
  width: 360px;
  margin-left: 15px;
  text-align: start;
  display: inline-block;
  margin-top: 20px;
}
#human-resources .total .content .tab55 div {
  display: flex;
  justify-content: space-between;
}
#real-estate {
  background: url(../image/banner@2x.jpg) no-repeat;
}
#real-estate .total {
  width: 100%;
}
#real-estate .total .switch_title_fixed {
  animation: searchTop 0.5s ease-in-out;
  position: fixed;
  z-index: 100;
  top: 60px;
  background-color: #fff;
}
#real-estate .total .jr-div {
  background: #FFFFFF;
  width: 100%;
  border-bottom: 1px solid #eee;
}
#real-estate .total .jr-div .tab-content {
  width: 1200px;
  display: flex;
  justify-content: space-between;
  line-height: 60px;
  font-size: 18px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  color: #290202;
  margin: 0 auto;
}
#real-estate .total .jr-div .tab-content div > a:hover {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
}
#real-estate .total .jr-div .tab-content div > a.on {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
}
#real-estate .total .jr-div .tab-content div > a.on {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
}
#real-estate .total .jr-div .tab-content div > a:hover {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
}
#real-estate .total .content {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 100px;
}
#real-estate .total .content .p {
  text-align: center;
  height: 47px;
  font-family: Source Han Sans SC;
  line-height: 47px;
  color: #290202;
  margin: 100px auto 65px auto;
  font-size: var(--ebq-s-l);
  font-weight: var(--ebq-w-l);
}
#real-estate .total .content .tab11 .td {
  display: flex;
  height: 400px;
  justify-content: space-between;
}
#real-estate .total .content .tab11 .td .p1 {
  height: 27px;
  font-size: 18px;
  font-family: Source Han Sans SC;
  font-weight: bold;
  line-height: 27px;
  color: #EC1C1C;
  opacity: 1;
  text-align: center;
  margin-bottom: 40px;
  margin-left: 38px;
}
#real-estate .total .content .tab11 .td .p2 {
  width: 235px;
  height: 86px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 300;
  line-height: 30px;
  color: #290202;
  text-align: start;
  margin: auto;
  margin-left: 50px;
}
#real-estate .total .content .tab11 .td img {
  margin: 87px 100px 20px 130px;
}
#real-estate .total .content .tab11 .td .td-1 {
  background: url(../image/td1.png) no-repeat;
  width: 290px;
  height: 383px;
}
#real-estate .total .content .tab11 .td .td-2 {
  background: url(../image/td2.png) no-repeat;
  width: 290px;
  height: 383px;
}
#real-estate .total .content .tab11 .td .td-3 {
  background: url(../image/td3.png) no-repeat;
  width: 290px;
  height: 383px;
}
#real-estate .total .content .tab11 .td .td-4 {
  background: url(../image/td4.png) no-repeat;
  width: 290px;
  height: 383px;
}
#real-estate .total .content .tab22 .p2 {
  width: 250px;
  height: 40px;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 30px;
  color: #FFFFFF;
  padding-left: 15px;
}
#real-estate .total .content .tab22 .p1 {
  height: 25px;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 25px;
  color: #FFFFFF;
  opacity: 1;
  padding-left: 15px;
}
#real-estate .total .content .tab22 .td {
  display: flex;
  height: 280px;
  justify-content: space-between;
}
#real-estate .total .content .tab22 .td .td-1 {
  width: 285px;
  position: relative;
}
#real-estate .total .content .tab22 .td .td-1 > div {
  width: 100%;
  height: 100px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  margin-top: -30px;
  position: absolute;
  bottom: 0;
}
#real-estate .total .content .tab22 .td .td-2 {
  width: 285px;
  position: relative;
}
#real-estate .total .content .tab22 .td .td-2 > div {
  width: 100%;
  height: 100px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  margin-top: -30px;
  position: absolute;
  bottom: 0;
}
#real-estate .total .content .tab22 .td .td-3 {
  width: 285px;
  position: relative;
}
#real-estate .total .content .tab22 .td .td-3 > div {
  height: 100px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  margin-top: -30px;
  position: absolute;
  bottom: 0;
}
#real-estate .total .content .tab22 .td .td-4 {
  width: 285px;
  position: relative;
}
#real-estate .total .content .tab22 .td .td-4 > div {
  width: 100%;
  height: 100px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  margin-top: -30px;
  position: absolute;
  bottom: 0;
}
#real-estate .total .content .tab33 .content-box {
  display: flex;
}
#real-estate .total .content .tab33 .left {
  width: 100px;
  height: 576px;
  background: #FFFFFF;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.08);
  opacity: 1;
  border-radius: 6px;
  text-align: center;
}
#real-estate .total .content .tab33 .left > .t-img {
  width: 70px;
  height: 1px;
  color: #eee;
  margin-left: 25px;
}
#real-estate .total .content .tab33 .left .y-tab {
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  padding-left: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 180px;
  padding-top: 30px;
}
#real-estate .total .content .tab33 .left .y-tab .y-title {
  width: 65px;
  border-bottom: 1px solid #eee;
  height: 90px;
}
#real-estate .total .content .tab33 .left .y-tab.on > div {
  color: #EC1C1C;
}
#real-estate .total .content .tab33 .left .y-tab.on .line {
  opacity: 1;
}
#real-estate .total .content .tab33 .left .y-tab:hover > div {
  color: #EC1C1C;
}
#real-estate .total .content .tab33 .left .y-tab:hover .line {
  opacity: 1;
}
#real-estate .total .content .tab33 .left .y-tab:hover > div {
  color: #EC1C1C;
}
#real-estate .total .content .tab33 .left .y-tab:hover .line {
  opacity: 1;
}
#real-estate .total .content .tab33 .left .y-tab > div {
  color: #290202;
  font-size: 16px;
  font-family: Source Han Sans SC;
  font-weight: bold;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
#real-estate .total .content .tab33 .left .y-tab > div span {
  display: block;
  color: inherit;
  opacity: 0.45;
  font-size: 12px;
  font-weight: normal;
}
#real-estate .total .content .tab33 .left .y-tab .line {
  display: block;
  width: 5px;
  height: 14px;
  background: #ec1c1c;
  opacity: 0;
  border-radius: 100px;
  position: absolute;
  left: 0;
  top: 70%;
  margin-top: -30px;
}
#real-estate .total .content .tab33 .right {
  flex: 1;
  margin-left: 12px;
}
#real-estate .total .content .tab33 .right .y-con {
  flex: 1;
  min-height: 610px;
  display: none;
  position: relative;
  background-size: 1100px 630px;
  margin-top: -15px;
}
#real-estate .total .content .tab33 .right .y-con.on {
  display: block;
}
#real-estate .total .content .tab33 .right .y-con.on:nth-child(1) {
  background: url(../image/bg11.png) no-repeat;
  background-size: 100% 100%;
}
#real-estate .total .content .tab33 .right .y-con.on:nth-child(2) {
  background: url(../image/bg2.png) no-repeat;
  background-size: 100% 100%;
}
#real-estate .total .content .tab33 .right .y-con.on:nth-child(3) {
  background: url(../image/bg3.png) no-repeat;
  background-size: 100% 100%;
}
#real-estate .total .content .tab33 .right .y-con > div img {
  margin: 50px auto auto 70px;
}
#real-estate .total .content .tab33 .right .y-con > div p {
  width: 970px;
  height: 42px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 300;
  line-height: 30px;
  color: #290202;
  opacity: 1;
  padding-top: 60px;
  padding-bottom: 45px;
  margin-left: 80px;
}
#real-estate .total .content .tab44 .list {
  display: flex;
  justify-content: space-around;
}
#real-estate .total .content .tab44 .list .list-g {
  width: 380px;
  height: 313px;
  background: #FFFFFF;
  box-shadow: 0px -2px 12px rgba(0, 0, 0, 0.06);
  border-radius: 10px;
}
#real-estate .total .content .tab44 .list .list-g img {
  margin: 47px 155px 15px 155px;
}
#real-estate .total .content .tab44 .list .list-g .list-title {
  height: 25px;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 25px;
  color: #EC1C1C;
  text-align: center;
  margin-bottom: 40px;
}
#real-estate .total .content .tab44 .list .list-g .list-con {
  width: 380px;
  height: 120px;
  background: #FFF4E9;
  border-radius: 0px 0px 10px 10px;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 30px;
  color: #290202;
}
#real-estate .total .content .tab44 .list .list-g .list-con span {
  width: 360px;
  margin-left: 15px;
  text-align: start;
  display: inline-block;
  margin-top: 20px;
}
#real-estate .total .content .tab55 div {
  display: flex;
  justify-content: space-between;
}
#financial-industry {
  background: url(../image/banner@2x.jpg) no-repeat;
}
#financial-industry .total {
  width: 100%;
}
#financial-industry .total .switch_title_fixed {
  animation: searchTop 0.5s ease-in-out;
  position: fixed;
  z-index: 100;
  top: 60px;
  background-color: #fff;
}
#financial-industry .total .jr-div {
  background: #FFFFFF;
  width: 100%;
  border-bottom: 1px solid #eee;
}
#financial-industry .total .jr-div .tab-content {
  width: 1200px;
  display: flex;
  justify-content: space-between;
  line-height: 60px;
  font-size: 18px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  color: #290202;
  margin: 0 auto;
}
#financial-industry .total .jr-div .tab-content div > a {
  display: inline-block;
  height: 59px;
}
#financial-industry .total .jr-div .tab-content div > a:hover {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
}
#financial-industry .total .jr-div .tab-content div > a.on {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
}
#financial-industry .total .jr-div .tab-content div > a.on {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
}
#financial-industry .total .jr-div .tab-content div > a:hover {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
}
#financial-industry .total .content {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 100px;
}
#financial-industry .total .content .p {
  text-align: center;
  height: 47px;
  font-family: Source Han Sans SC;
  line-height: 47px;
  color: #290202;
  margin: 100px auto 65px auto;
  font-weight: var(--ebq-w-l);
  font-size: var(--ebq-s-l);
}
#financial-industry .total .content .tab11 .td {
  display: flex;
  height: 400px;
}
#financial-industry .total .content .tab11 .td .p1 {
  height: 27px;
  font-size: 18px;
  font-family: Source Han Sans SC;
  font-weight: bold;
  line-height: 27px;
  color: #EC1C1C;
  opacity: 1;
  text-align: center;
  margin-bottom: 40px;
}
#financial-industry .total .content .tab11 .td .p2 {
  width: 305px;
  height: 84px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 300;
  line-height: 30px;
  color: #290202;
  text-align: start;
  margin: auto;
}
#financial-industry .total .content .tab11 .td img {
  margin: 87px 150px 20px 170px;
}
#financial-industry .total .content .tab11 .td .td-1 {
  background: url(../image/td1.png) no-repeat;
  width: 398px;
  height: 385px;
}
#financial-industry .total .content .tab11 .td .td-2 {
  background: url(../image/td2.png) no-repeat;
  width: 398px;
  height: 385px;
}
#financial-industry .total .content .tab11 .td .td-3 {
  background: url(../image/td3.png) no-repeat;
  width: 398px;
  height: 385px;
}
#financial-industry .total .content .tab22 .p2 {
  width: 280px;
  height: 40px;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 30px;
  color: #FFFFFF;
  padding-left: 15px;
}
#financial-industry .total .content .tab22 .p1 {
  height: 25px;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 25px;
  color: #FFFFFF;
  opacity: 1;
  padding-left: 15px;
}
#financial-industry .total .content .tab22 .td {
  display: flex;
  height: 280px;
  justify-content: space-between;
}
#financial-industry .total .content .tab22 .td .td-1 {
  width: 285px;
  position: relative;
}
#financial-industry .total .content .tab22 .td .td-1 > div {
  width: 100%;
  height: 100px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  margin-top: -104px;
  position: absolute;
  bottom: 0;
}
#financial-industry .total .content .tab22 .td .td-2 {
  width: 285px;
  position: relative;
}
#financial-industry .total .content .tab22 .td .td-2 > div {
  width: 100%;
  height: 100px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  margin-top: -104px;
  position: absolute;
  bottom: 0;
}
#financial-industry .total .content .tab22 .td .td-3 {
  width: 285px;
  position: relative;
}
#financial-industry .total .content .tab22 .td .td-3 > div {
  width: 100%;
  height: 100px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  margin-top: -104px;
  position: absolute;
  bottom: 0;
}
#financial-industry .total .content .tab22 .td .td-4 {
  width: 285px;
  position: relative;
}
#financial-industry .total .content .tab22 .td .td-4 > div {
  width: 100%;
  height: 100px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  margin-top: -104px;
  position: absolute;
  bottom: 0;
}
#financial-industry .total .content .tab33 .content-box {
  display: flex;
}
#financial-industry .total .content .tab33 .left {
  width: 100px;
  height: 576px;
  background: #FFFFFF;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.08);
  opacity: 1;
  border-radius: 6px;
  text-align: center;
}
#financial-industry .total .content .tab33 .left > .t-img {
  width: 70px;
  height: 1px;
  color: #eee;
  margin-left: 25px;
}
#financial-industry .total .content .tab33 .left .y-tab {
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  padding-left: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 90px;
  padding-top: 30px;
}
#financial-industry .total .content .tab33 .left .y-tab .y-title {
  width: 65px;
  border-bottom: 1px solid #eee;
  height: 90px;
}
#financial-industry .total .content .tab33 .left .y-tab.on > div {
  color: #EC1C1C;
}
#financial-industry .total .content .tab33 .left .y-tab.on .line {
  opacity: 1;
}
#financial-industry .total .content .tab33 .left .y-tab:hover > div {
  color: #EC1C1C;
}
#financial-industry .total .content .tab33 .left .y-tab:hover .line {
  opacity: 1;
}
#financial-industry .total .content .tab33 .left .y-tab:hover > div {
  color: #EC1C1C;
}
#financial-industry .total .content .tab33 .left .y-tab:hover .line {
  opacity: 1;
}
#financial-industry .total .content .tab33 .left .y-tab > div {
  color: #290202;
  font-size: 16px;
  font-family: Source Han Sans SC;
  font-weight: bold;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
#financial-industry .total .content .tab33 .left .y-tab > div span {
  display: block;
  color: inherit;
  opacity: 0.45;
  font-size: 12px;
  font-weight: normal;
}
#financial-industry .total .content .tab33 .left .y-tab .line {
  display: block;
  width: 5px;
  height: 14px;
  background: #ec1c1c;
  opacity: 0;
  border-radius: 100px;
  position: absolute;
  left: 0;
  top: 70%;
  margin-top: -10px;
}
#financial-industry .total .content .tab33 .right {
  flex: 1;
  margin-left: 12px;
}
#financial-industry .total .content .tab33 .right .y-con {
  flex: 1;
  min-height: 610px;
  display: none;
  position: relative;
  background-size: 1100px 630px;
  margin-top: -15px;
}
#financial-industry .total .content .tab33 .right .y-con.on {
  display: block;
}
#financial-industry .total .content .tab33 .right .y-con.on:nth-child(1) {
  background: url(../image/fa1.png) no-repeat;
  background-size: 100% 100%;
}
#financial-industry .total .content .tab33 .right .y-con.on:nth-child(2) {
  background: url(../image/fa2.png) no-repeat;
  background-size: 100% 100%;
}
#financial-industry .total .content .tab33 .right .y-con.on:nth-child(3) {
  background: url(../image/fa3.png) no-repeat;
  background-size: 100% 100%;
}
#financial-industry .total .content .tab33 .right .y-con.on:nth-child(4) {
  background: url(../image/fa4.png) no-repeat;
  background-size: 100% 100%;
}
#financial-industry .total .content .tab33 .right .y-con.on:nth-child(5) {
  background: url(../image/fa5.png) no-repeat;
  background-size: 100% 100%;
}
#financial-industry .total .content .tab33 .right .y-con.on:nth-child(6) {
  background: url(../image/fa6.png) no-repeat;
  background-size: 100% 100%;
}
#financial-industry .total .content .tab33 .right .y-con > div img {
  margin: 50px auto auto 70px;
}
#financial-industry .total .content .tab33 .right .y-con > div p {
  width: 970px;
  height: 42px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 300;
  line-height: 30px;
  color: #290202;
  opacity: 1;
  padding-top: 60px;
  padding-bottom: 45px;
  margin-left: 80px;
}
#financial-industry .total .content .tab44 .list {
  display: flex;
  justify-content: space-around;
}
#financial-industry .total .content .tab44 .list .list-g {
  width: 380px;
  height: 313px;
  background: #FFFFFF;
  box-shadow: 0px -2px 12px rgba(0, 0, 0, 0.06);
  border-radius: 10px;
}
#financial-industry .total .content .tab44 .list .list-g img {
  margin: 47px 155px 15px 155px;
}
#financial-industry .total .content .tab44 .list .list-g .list-title {
  height: 25px;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 25px;
  color: #EC1C1C;
  text-align: center;
  margin-bottom: 40px;
}
#financial-industry .total .content .tab44 .list .list-g .list-con {
  width: 380px;
  height: 120px;
  background: #FFF4E9;
  border-radius: 0px 0px 10px 10px;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 30px;
  color: #290202;
}
#financial-industry .total .content .tab44 .list .list-g .list-con span {
  width: 360px;
  margin-left: 15px;
  text-align: start;
  display: inline-block;
  margin-top: 20px;
}
#financial-industry .total .content .tab55 div {
  display: flex;
  justify-content: space-between;
}
#app-log .toast-title {
  font-weight: 700;
}
#app-log .toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
#app-log .toast-message a,
#app-log .toast-message label {
  color: #fff;
}
#app-log .toast-message a:hover {
  color: #ccc;
  text-decoration: none;
}
#app-log .toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  -webkit-text-shadow: 0 1px 0 #fff;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
#app-log .toast-close-button:focus,
#app-log .toast-close-button:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
#app-log button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
  -webkit-appearance: none;
}
#app-log .toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
#app-log .toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
#app-log .toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
#app-log .toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
#app-log .toast-top-left {
  top: 12px;
  left: 12px;
}
#app-log .toast-top-right {
  top: 12px;
  right: 12px;
}
#app-log .toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
#app-log .toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
#app-log #toast-container {
  position: fixed;
  top: 30%;
  z-index: 999999;
  pointer-events: none;
}
#app-log #toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#app-log #toast-container > div {
  position: relative;
  pointer-events: auto;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999;
  -webkit-box-shadow: 0 0 12px #999;
  box-shadow: 0 0 12px #999;
  color: #fff;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
#app-log #toast-container > :hover {
  -moz-box-shadow: 0 0 12px #000;
  -webkit-box-shadow: 0 0 12px #000;
  box-shadow: 0 0 12px #000;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}
#app-log #toast-container > .toast-info {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important;
}
#app-log #toast-container > .toast-error {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important;
}
#app-log #toast-container > .toast-success {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important;
}
#app-log #toast-container > .toast-warning {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important;
}
#app-log #toast-container.toast-bottom-center > div,
#app-log #toast-container.toast-top-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
#app-log #toast-container.toast-bottom-full-width > div,
#app-log #toast-container.toast-top-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
#app-log .toast {
  background-color: #030303;
}
#app-log .toast .toast-error {
  display: block;
}
#app-log .toast-success {
  background-color: #000;
  opacity: 0.7 !important;
}
#app-log .toast-error {
  background-color: #000;
  opacity: 0.7 !important;
}
#app-log .toast-info {
  background-color: #000;
  opacity: 0.7 !important;
}
#app-log .toast-warning {
  background-color: #f89406;
}
#app-log .toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
@media all and (max-width: 240px) {
  #app-log #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #app-log #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #app-log #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #app-log #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #app-log #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
#app-log .fadeIn {
  animation: fadeIn 0.6s;
  opacity: 0.7;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.3;
  }
  75% {
    opacity: 0.6;
  }
  100% {
    opacity: 0.7;
  }
}
#app-log .fadeOut {
  animation: fadeOut 1s;
  opacity: 0 !important;
}
@keyframes fadeOut {
  0% {
    opacity: 0.7;
  }
  50% {
    opacity: 0.6;
  }
  75% {
    opacity: 0.3;
  }
  100% {
    opacity: 0;
  }
}
#landingPage {
  width: 100%;
  min-width: 1200px;
}
#landingPage .banner1 {
  position: relative;
}
#landingPage .banner1 img {
  width: 100%;
}
#landingPage .banner1 .box {
  width: 924px;
  height: 296px;
  border: 1px solid #ffffff;
  opacity: 0.8;
  position: absolute;
  left: 50%;
  margin-left: -462px;
  top: 50%;
  margin-top: -148px;
  text-align: center;
}
#landingPage .banner1 .box div {
  width: 909px;
  height: 278px;
  margin: 8px auto;
  background: #ffffff;
}
#landingPage .banner1 .box div:before {
  content: '';
  display: table;
}
#landingPage .banner1 .box div h3 {
  margin-top: 57px;
  font-size: 36px;
  font-family: 微软雅黑;
  font-weight: bold;
  color: #343434;
  line-height: 60px;
}
#landingPage .banner1 .box div p {
  font-size: 12px;
  font-family: 微软雅黑;
  font-weight: 400;
  color: #7f7f7f;
  line-height: 30px;
}
#landingPage .banner1 .box div p span {
  font-size: 18px;
  color: #333333;
}
#landingPage .banner1 .box div p.first {
  padding: 5px 150px 15px;
}
#landingPage h3 {
  font-size: 24px;
  font-family: 微软雅黑;
  font-weight: bold;
  color: #333333;
  text-align: center;
}
#landingPage .part1 {
  background: #ffffff;
  padding-top: 55px;
  height: 430px;
}
#landingPage .part1 .box {
  width: 1200px;
  margin: 95px auto;
}
#landingPage .part1 .box:after {
  display: block;
  clear: both;
  content: '';
}
#landingPage .part1 .box div {
  float: left;
  width: 300px;
  margin-left: 150px;
}
#landingPage .part1 .box div:first-child {
  margin-left: 0;
}
#landingPage .part1 .box div {
  text-align: center;
}
#landingPage .part1 .box div h5 {
  font-size: 16px;
  color: #333333;
  margin-top: 28px;
}
#landingPage .part1 .box div h5:after {
  content: '';
  display: block;
  width: 80px;
  height: 2px;
  background: #ec1c1c;
  margin: 10px auto;
}
#landingPage .part1 .box div p {
  color: #808080;
  font-size: 14px;
}
#landingPage .part2 {
  background: #f7f7f7;
  padding-top: 76px;
  padding-bottom: 85px;
}
#landingPage .part2 .box1 div:first-child,
#landingPage .part2 .box2 div:first-child,
#landingPage .part2 .box3 div:first-child {
  float: left;
}
#landingPage .part2 .box1 div:last-child,
#landingPage .part2 .box2 div:last-child,
#landingPage .part2 .box3 div:last-child {
  float: right;
}
#landingPage .part2 .box1:after,
#landingPage .part2 .box2:after,
#landingPage .part2 .box3:after {
  content: '';
  display: block;
  clear: both;
}
#landingPage .part2 .box1 {
  width: 850px;
  height: 400px;
  margin: 83px auto 0;
}
#landingPage .part2 .box1 div:last-child {
  margin-top: 159px;
}
#landingPage .part2 .box2 {
  width: 1100px;
  margin: 105px auto 0;
  height: 328px;
}
#landingPage .part2 .box2 div:first-child {
  margin-top: 85px;
}
#landingPage .part2 .box3 {
  width: 1100px;
  margin: 110px auto 0;
  height: 357px;
}
#landingPage .part2 .box3 div:last-child {
  margin-top: 113px;
}
#landingPage .part2 h5 {
  font-size: 24px;
  font-weight: 400;
  color: #343434;
  line-height: 24px;
}
#landingPage .part2 h5:after {
  content: '';
  display: block;
  width: 55px;
  height: 2px;
  background: #ec1c1c;
  margin: 19px 0;
}
#landingPage .part2 p {
  width: 377px;
  font-size: 14px;
  font-weight: 300;
  color: #7f7f7f;
  line-height: 24px;
  height: 24px;
}
#landingPage .part2 p:before {
  content: '';
  display: block;
  float: left;
  width: 10px;
  height: 10px;
  border: 1px solid #ec1c1c;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-right: 15px;
  margin-top: 8px;
}
#landingPage .part2 p span {
  float: left;
  width: 348px ;
}
#landingPage .part3 {
  width: 922px;
  margin: 0 auto 80px;
}
#landingPage .part3 div h3 {
  margin: 73px 0 43px;
}
#landingPage .part3 div p {
  font-size: 14px;
  font-weight: 300;
  color: #7f7f7f;
  line-height: 24px;
}
#landingPage .part3 div img {
  margin-top: 40px;
}
#landingPage .part3 div:last-child img {
  width: 550px;
  display: block;
  margin: 40px auto 0;
}
#website_map .container {
  margin-bottom: 79px;
  padding-top: 116px;
}
#website_map h1 {
  text-align: center;
  margin-bottom: 50px;
}
#website_map .map_item {
  margin-bottom: 50px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
  display: flex;
  align-items: center;
}
#website_map .map_item h2 {
  font-size: 18px;
  margin-right: 25px;
}
#website_map .map_item .item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
#website_map .map_item .item a {
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  margin: 5px 25px;
}
#website_map .map_item .item a:hover {
  color: #EC1C1C;
}
#arbitrate .banner:before {
  content: '';
  display: table;
}
#arbitrate .banner img {
  margin: 160px auto 36px;
  display: block;
}
#arbitrate .banner h3 {
  font-size: 40px;
  color: #ccc;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  position: absolute;
  top: 30%;
  width: 100%;
  margin: 0;
}
#arbitrate .banner p {
  font-size: 16px;
  font-weight: 400;
  color: #e5e5e5;
  text-align: center;
  position: absolute;
  top: calc(30% + 80px);
  width: 100%;
}
#arbitrate h3 {
  font-size: 30px;
  font-weight: 400;
  color: #313131;
  text-align: center;
  margin-top: 117px;
}
#arbitrate .content {
  display: flex;
  justify-content: center;
  border: none;
}
#arbitrate .part1 .content div {
  width: 200px;
  margin-left: 50px;
  text-align: center;
}
#arbitrate .content div:first-child {
  margin-left: 0;
}
#arbitrate .content div h5 {
  height: 16px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  margin: 25px 10px 15px;
}
#arbitrate .content div p {
  font-size: 12px;
  font-weight: 400;
  color: #656565;
  line-height: 24px;
  text-align: left;
}
#arbitrate #serve .part1 ul {
  display: flex;
  list-style: none;
  width: 1200px;
  margin: 70px auto 90px;
  justify-content: space-around;
  height: 190px;
  border: 1px solid #9a9a9a;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
}
#arbitrate #serve .part4 .flex {
  display: flex;
  width: 1200px;
  justify-content: space-between;
  margin: 90px auto 80px;
}
#arbitrate #serve .part4 .flex div {
  width: 155px;
}
#arbitrate #serve .part4 .flex div span {
  font-size: 30px;
  font-weight: 400;
  color: #ffffff;
  display: block;
  width: 80px;
  height: 80px;
  background: #10a0e9;
  border-radius: 50%;
  margin: 0 auto 31px;
  text-align: center;
  line-height: 80px;
}
#arbitrate #serve .part4 .flex div:nth-child(2) span {
  background: #e98010;
}
#arbitrate #serve .part4 .flex div:nth-child(3) span {
  background: #10d2e9;
}
#arbitrate #serve .part4 .flex div:last-child span {
  background: #e91052;
}
#arbitrate #serve .part4 .flex div p {
  font-size: 12px;
  font-weight: 400;
  color: #676767;
  line-height: 24px;
  padding: 0;
}
#arbitrate #serve .part5,
#arbitrate #serve .part6 {
  width: 1200px;
  margin: 0 auto;
}
#arbitrate #serve .part5 p {
  font-size: 14px;
  font-weight: 400;
  color: #656565;
  line-height: 30px;
  margin-top: 70px;
}
#arbitrate #serve .part6 .flex {
  display: flex;
  justify-content: space-between;
}
#arbitrate #serve .part6 .flex .child h4 {
  font-size: 16px;
  font-weight: bold;
  color: #323232;
  text-align: center;
  padding-bottom: 42px;
  padding-top: 69px;
}
#arbitrate #serve .part6 .flex .child {
  width: 400px;
}
#arbitrate #serve .part6 .flex .child:last-child {
  width: 600px;
}
#arbitrate #serve .part6 .flex .child > div {
  border: 1px solid #cbcbcb;
  display: flex;
}
#arbitrate #serve .part6 .flex .child > div > div {
  width: 50%;
  padding: 0 50px;
  margin: 37px 0;
}
#arbitrate #serve .part6 .flex .child > div > div > h5 {
  font-size: 14px;
  font-weight: bold;
  color: #353535;
  line-height: 24px;
  margin-bottom: 22px;
  text-align: center;
}
#arbitrate #serve .part6 .flex .child > div > div > p {
  font-size: 12px;
  font-weight: 400;
  color: #676767;
  line-height: 24px;
  text-align: left;
}
#arbitrate #serve .part6 .flex .child > div > div:first-child {
  border-left: none;
}
#arbitrate #serve .part6 .flex .child > div > div {
  border-left: 1px solid #cbcbcb;
}
#arbitrate .content-title {
  font-size: 30px;
  font-weight: 400;
  color: #323232;
  text-align: center;
}
#arbitrate .ul-bar-m4 {
  margin-top: 70px;
  height: 50px;
  background: #EC1C1C;
  line-height: 50px;
}
#arbitrate .ul-bar-m4 p {
  float: left;
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
}
#arbitrate .ul-m4 .li-m4 {
  border-bottom: 1px solid #E6E6E6;
  height: 50px;
  line-height: 50px;
}
#arbitrate .ul-m4 .li-m4 a {
  font-size: 14px;
  font-weight: 400;
  color: #676767;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: default;
}
#arbitrate .d-m4 {
  height: 250px;
  overflow: hidden;
}
#chain {
  /**
   * grid styles
   */
}
#chain .new-box {
  min-width: 1140px;
  height: 700px;
  background-image: url(../image/gai_02.png);
  background-size: cover;
}
#chain .new-box .data-box {
  display: flex;
  justify-content: center;
}
#chain .new-box .data-box .data-num {
  margin: 0 100px;
  background: url(../image/bg21.png) no-repeat;
}
#chain .new-box .data-box .user-num {
  background: url(../image/bg31.png) no-repeat;
}
#chain .new-box .data-box .block-china {
  background: url(../image/bg12.png) no-repeat;
}
#chain .new-box .data-box .font-25 {
  font-size: 25px;
  font-family: Source Han Sans SC;
  font-weight: bold;
}
#chain .new-box .data-box .block-china,
#chain .new-box .data-box .data-num,
#chain .new-box .data-box .user-num {
  width: 400px;
  height: 365px;
  display: flex;
  background-size: cover;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  position: relative;
}
#chain .new-box .data-box .block-china .first-icon,
#chain .new-box .data-box .data-num .first-icon,
#chain .new-box .data-box .user-num .first-icon {
  width: 110px;
  height: 90px;
  margin-top: 25px;
}
#chain .new-box .data-box .block-china .show-num-box,
#chain .new-box .data-box .data-num .show-num-box,
#chain .new-box .data-box .user-num .show-num-box {
  width: 100%;
  height: 65px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
#chain .new-box .data-box .block-china .show-num-box .bottom,
#chain .new-box .data-box .data-num .show-num-box .bottom,
#chain .new-box .data-box .user-num .show-num-box .bottom {
  position: absolute;
  bottom: 0;
}
#chain .new-box .data-box .block-china .show-num-box .china-num,
#chain .new-box .data-box .data-num .show-num-box .china-num,
#chain .new-box .data-box .user-num .show-num-box .china-num,
#chain .new-box .data-box .block-china .show-num-box .num,
#chain .new-box .data-box .data-num .show-num-box .num,
#chain .new-box .data-box .user-num .show-num-box .num,
#chain .new-box .data-box .block-china .show-num-box .user,
#chain .new-box .data-box .data-num .show-num-box .user,
#chain .new-box .data-box .user-num .show-num-box .user {
  width: 240px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  position: absolute;
  bottom: 25px;
}
#chain .new-box .data-box .block-china .show-num-box .china-num,
#chain .new-box .data-box .data-num .show-num-box .china-num,
#chain .new-box .data-box .user-num .show-num-box .china-num {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAAA4CAYAAADD7nVLAAAABHNCSVQICAgIfAhkiAAAAtdJREFUeF7tljFOG1EURd/7zkAB8Q7SwhKokEByJGiSLkplt2EFUVgAESswLVRRJIqkASmWwKJlA0ObFeBQ4cz/mUHxHnz9jhvbU9177j/64/b/M7x5GFgqR242aB/1F8/5hgAElobArJhNLPv4Yn9r0qVqfTUb3dYn7a+PXuyrFbubW3pamsgEgQAEXghUljdbT3eL25fW02/ne9vH3t283itnydK758ZmsIIABJabwFrP+tnyz9L4Jx9O68tU7Hpe0tVyxyYdBCCwIFB5PsxuBz6a1o+ebYfXZg4HBHQIrFfNRtP4fSdw+ZvTG53oJIUABDoCr1L+jcCcBQiIEkBg0eGIDQFuYM4ABMQJcAOLD0j82AQQOPb+tBcngMDiAxI/NgEEjr0/7cUJILD4gMSPTQCBY+9Pe3ECCCw+IPFjE0Dg2PvTXpwAAosPSPzYBBA49v60FyeAwOIDEj82AQSOvT/txQkgsPiAxI9NAIFj7097cQIILD4g8WMTQODY+9NenAACiw9I/NgEEDj2/rQXJ4DA4gMSPzYBBI69P+3FCSCw+IDEj00AgWPvT3txAggsPiDxYxNA4Nj7016cAAKLD0j82AQQOPb+tBcngMDiAxI/NgEEjr0/7cUJILD4gMSPTQCBY+9Pe3ECCCw+IPFjE0Dg2PvTXpwAAosPSPzYBBA49v60FyeAwOIDEj82AQSOvT/txQkgsPiAxI9NAIFj7097cQIILD4g8WMTQODY+9NenAACiw9I/NgEEDj2/rQXJ7AQ+NGz7cwtPYn3IT4EwhBYr5qNpvF7H07ry1Tsel7SVZj2FIWAOIHK82F2O/DhzcPAUxknT++fG5uJ9yI+BFaewFrP+rnkHyX7kXdtR7f1iSX70L5Kn1qxO16nV/4MUFCQQGV509x2S7LPlu37+d728YvA3ae7iS2Vzui37d/Xgv2IDIFVJ/CnmP2y7OOL/a1JV/Yfa+excNLrXJUAAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
  color: #5fc1d9;
}
#chain .new-box .data-box .block-china .show-num-box .num,
#chain .new-box .data-box .data-num .show-num-box .num,
#chain .new-box .data-box .user-num .show-num-box .num {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASsAAAA4CAYAAAClkd41AAAABHNCSVQICAgIfAhkiAAAAuxJREFUeF7t1z1OVAEUBeB7nxAL/xpj3Ie9JoDNTK9b0C1gLVvALWhiOTRCoTtwFwZtEBsD867vGVmDczPfNIShmPO+e3IyZPx7/VjuH4xVrzPiYHrr/s37fhIgQOA/CPysiNMh8/jh6ux0/vxpmyLOF/tHGfWyqt7GWF/q9q3L/xDORxIgQOCvQP5e34shn2bmm4p8/+jk7DDnb1TTSL2b/rwYd+KCFQECBDZFYLiOBxF1Mo3Wqzxf7H2MqlXtDqtNCSgHAQIEbgTyalxG5jK/L/Yuaj0+8a+fchAgsJEC67gzRH2dx6rGnXy8kSGFIkCAwCQwXNc3Y6UKBAhsvICx2vgTCUiAwCxgrPSAAIEWAsaqxZmEJEDAWOkAAQItBIxVizMJSYCAsdIBAgRaCBirFmcSkgABY6UDBAi0EDBWLc4kJAECxkoHCBBoIWCsWpxJSAIEjJUOECDQQsBYtTiTkAQIGCsdIECghYCxanEmIQkQMFY6QIBACwFj1eJMQhIgYKx0gACBFgLGqsWZhCRAwFjpAAECLQSMVYszCUmAgLHSAQIEWggYqxZnEpIAAWOlAwQItBAwVi3OJCQBAsZKBwgQaCFgrFqcSUgCBIyVDhAg0ELAWLU4k5AECBgrHSBAoIWAsWpxJiEJEDBWOkCAQAsBY9XiTEISIGCsdIAAgRYCxqrFmYQkQMBY6QABAi0EjFWLMwlJgICx0gECBFoIGKsWZxKSAAFjpQMECLQQMFYtziQkAQLGSgcIEGghYKxanElIAgSMlQ4QINBC4GasLmo9Pqnbty5bpBaSAIHtEljHnSHqa54v9j5G1ap2h9V2CXhaAgQ6COTVuIzMZf5Y7h9U1HFULseduOgQXkYCBLZDYLiOB5G1ysjXOT/y+WL/KKNeVNVRRX6O3fy1HRSekgCBjRS4qrvTJj3LzMNpkz48Ojk7/DtW82v+hjVWzev1fPr13kY+gFAECGyLwGVFfBoyjx+uzk7nh/4DCYyfFBLi07cAAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
  color: #eb4a42;
}
#chain .new-box .data-box .block-china .show-num-box .user,
#chain .new-box .data-box .data-num .show-num-box .user,
#chain .new-box .data-box .user-num .show-num-box .user {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPEAAAA4CAYAAAAsLB51AAAABHNCSVQICAgIfAhkiAAAAsJJREFUeF7t1j1uE1EYheH7zTjY8thDE4mCfaSDyhSJoMhEQiwBl+6QF2BR2aVZAkKKG1BS4Ar67IICKUU8/hGJfe9lBpk95MhvikRJde7znSPH3P5rOyl6abR+dKHnnOX//85PBBB4TAKxNJfMvcXp0WA2r5NZ/c1PipGL7l00P0qb5U/XfFg+pthkQQCBvcD9k66/z19YTIfVej+ng9nQ6k/gxLlPSXv12jXWJVgIICAgsMvysOl8C869tzC+uAy2u07z2yuB6EREAIG9gC+Pz5LYODU/Pl8krbsT/oWmGwiICWzbWdh0b6oRFzF5+vu5WHziIoBAJRAWz34xYqqAgLAAIxY+HtERqAUYMT1AQFyAEYsfkPgIMGI6gIC4ACMWPyDxEWDEdAABcQFGLH5A4iPAiOkAAuICjFj8gMRHgBHTAQTEBRix+AGJjwAjpgMIiAswYvEDEh8BRkwHEBAXYMTiByQ+AoyYDiAgLsCIxQ9IfAQYMR1AQFyAEYsfkPgIMGI6gIC4ACMWPyDxEWDEdAABcQFGLH5A4iPAiOkAAuICjFj8gMRHgBHTAQTEBRix+AGJjwAjpgMIiAswYvEDEh8BRkwHEBAXYMTiByQ+AoyYDiAgLsCIxQ9IfAQYMR1AQFyAEYsfkPgIMGI6gIC4ACMWPyDxEWDEdAABcQFGLH5A4iPAiOkAAuICjFj8gMRHgBHTAQTEBRix+AGJjwAjpgMIiAvsR3y+SFp3J675sBR/D/EROCyBbTsLm+6NhfHFZbDddZrfXh2WAK9FQFvAl8dnSWyc2nZS9JLopkm2euMa61L7WaRH4EAEdlke1p2vwVzf6if7STGqfryNzn9Ms9UPl/5ZHQgFz0RAS8C3On7deWku/VAF/5IOZsN/I66/6k/kNFo/uviq+rWr9TLSInAwAktz9t1bnB4NZvP61X8B43i0yGKE2iAAAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
  color: #fd8e52;
}
#chain .new-box .search-box {
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
}
#chain .new-box .search-box > div {
  display: flex;
  align-items: center;
}
#chain .new-box .search-box > div > div {
  display: flex;
  align-items: center;
}
#chain .new-box .title-box {
  position: relative;
  display: flex;
  justify-content: center;
  height: 110px;
}
#chain .new-box .title-box .title {
  text-align: center;
  width: 100%;
  font-size: 40px;
  font-family: Source Han Sans SC;
  font-weight: bold;
  line-height: 59px;
  color: #f4382e;
  position: absolute;
  top: 13px;
}
#chain .new-box .title-box .title-bg {
  position: absolute;
  top: 0;
  height: 85px;
}
#chain .blue {
  color: #29ABE2;
  word-wrap: break-word;
}
#chain .small {
  font-size: 15px;
}
#chain .white {
  color: #290202;
  word-wrap: break-word;
}
@keyframes animation {
  0% {
    height: 10%;
    background: #FFFFFF;
    border: 1px solid #FFB943;
  }
  100% {
    height: 85%;
    background: #FFFFFF;
  }
}
#chain .cityBox {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
#chain .search_input {
  width: 415px;
  height: 42px;
  line-height: 42px;
  color: #333;
  border: 2px solid #EC1C1C;
  border-radius: 2px;
  outline: none;
  padding: 5px;
}
#chain .search_submit {
  width: 87px;
  line-height: 42px;
  height: 42px;
  border: 0;
  outline: none;
  color: #fff;
  background: #EC1C1C;
  opacity: 1;
  border-radius: 2px;
  cursor: pointer;
}
#chain .search_submit:hover {
  background-color: #ff544b;
}
#chain .list_box {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  padding: 15px 0;
  min-width: 1200px;
}
#chain .list {
  width: 100%;
  line-height: 30px;
  height: 30px;
  color: #fff;
  text-align: right;
  padding-right: 15%;
  cursor: pointer;
  overflow: hidden;
}
#chain .list_type {
  margin: 0 2px;
  display: inline-block;
  vertical-align: middle;
  color: #999;
}
#chain .list_type:first-of-type {
  max-width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#chain .list_type .title {
  color: #999;
}
#chain .list a {
  color: #cc5454;
  border: 1px solid #cc5454;
  padding: 0 5px;
  vertical-align: middle;
  margin-left: 15px;
}
#chain .bga {
  padding: 5px;
}
#chain #show_result {
  padding: 20px;
}
#chain #chain .chain-dialog {
  height: 600px;
  overflow: auto;
}
#chain #show_result ul li {
  display: inline-block;
  width: 100%;
  line-height: 32px;
  font-size: 16px;
}
#chain #show_result ul li label {
  width: 18%;
  float: left;
  padding-right: 10px;
  padding-left: 20px;
  font-size: 14px;
  color: #383B47;
  letter-spacing: 0;
  line-height: 32px;
  font-weight: 600;
  text-align: left;
}
#chain #show_result ul li > div {
  width: 80%;
  float: left;
  word-break: break-all;
  font-size: 14px;
  color: #383B47;
  letter-spacing: 0;
  line-height: 32px;
  font-weight: 400;
}
#chain #show_result ul li .show {
  color: #01a1ff;
  cursor: pointer;
}
#chain #show_result .details {
  padding-left: 110px;
  max-height: 120px;
  overflow-y: scroll;
  font-size: 14px;
  line-height: 1.5;
  word-wrap: break-word;
}
#chain .details ul li label {
  font-weight: 100;
  font-size: 12px !important;
}
#chain .details ul li {
  line-height: 24px !important;
  float: left;
  font-size: 12px !important;
}
#chain .details ul {
  display: inline-block;
  width: 100%;
  max-height: 200px;
  overflow-y: scroll;
}
#chain .row:before,
#chain .row:after {
  display: table;
  content: " ";
}
#chain .row:after {
  clear: both;
}
#chain body {
  margin: 0;
}
#chain article,
#chain aside,
#chain details,
#chain figcaption,
#chain figure,
#chain footer,
#chain header,
#chain hgroup,
#chain main,
#chain menu,
#chain nav,
#chain section,
#chain summary {
  display: block;
}
#chain audio,
#chain canvas,
#chain progress,
#chain video {
  display: inline-block;
  vertical-align: baseline;
}
#chain audio:not([controls]) {
  display: none;
  height: 0;
}
#chain [hidden],
#chain template {
  display: none;
}
#chain p {
  display: block;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
}
#chain code,
#chain kbd,
#chain pre,
#chain samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
#chain button,
#chain input,
#chain optgroup,
#chain select,
#chain textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
#chain button {
  overflow: visible;
}
#chain button,
#chain select {
  text-transform: none;
}
#chain button,
#chain html input[type="button"],
#chain input[type="reset"],
#chain input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
#chain button[disabled],
#chain html input[disabled] {
  cursor: default;
}
#chain button::-moz-focus-inner,
#chain input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
#chain input {
  line-height: normal;
}
#chain input[type="checkbox"],
#chain input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
#chain input[type="number"]::-webkit-inner-spin-button,
#chain input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
#chain input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}
#chain input[type="search"]::-webkit-search-cancel-button,
#chain input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
#chain fieldset {
  padding: 0.35em 0.625em 0.75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}
#chain legend {
  padding: 0;
  border: 0;
}
#chain textarea {
  overflow: auto;
}
#chain optgroup {
  font-weight: bold;
}
#chain table {
  border-spacing: 0;
  border-collapse: collapse;
}
#chain td,
#chain th {
  padding: 0;
}
#chain p {
  font-size: 14px;
}
#chain .clear {
  clear: both;
}
#chain ul,
#chain li {
  list-style: none;
  padding: 0;
  margin: 0;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  -webkit-padding-start: 0;
}
#chain .row {
  margin-right: -15px;
  margin-left: -15px;
}
#chain .text-left {
  text-align: left;
}
#chain .text-right {
  text-align: right;
}
#chain .blank-bottom-lg {
  margin-bottom: 3rem !important;
}
#chain h4 {
  font-size: 24px;
  font-weight: 400;
}
#chain .chain img {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  padding: 12px;
}
#chain .chain .chain-title {
  font-size: 16px;
}
#chain .chain .chain-con {
  text-align: left;
  line-height: 200%;
}
#chain .par-div {
  height: 550px;
  position: relative;
}
#chain .free-order {
  padding: 20px 20px 0 20px;
  margin: 0px auto;
  background: #F1F1F1;
}
#chain .free-order p {
  padding: 5px 0px;
  margin: 0px 20px;
  font-size: 14px;
  color: #383B47;
  letter-spacing: 0;
  font-weight: 500;
  background: #F1F1F1;
  height: 40px;
}
@media (min-width: 768px) {
  #chain .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
    font-size: 14px;
  }
}
#chain label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
#chain label {
  cursor: default;
}
#chain .form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
#chain .form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
#chain .form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
#chain .form-control:-ms-input-placeholder {
  color: #999;
}
#chain .form-control::-webkit-input-placeholder {
  color: #999;
}
#chain .form-control[disabled],
#chain .form-control[readonly],
#chain fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}
#chain .form-control[disabled],
#chain fieldset[disabled] .form-control {
  cursor: not-allowed;
}
#chain textarea.form-control {
  height: auto;
}
#chain input[type="search"] {
  -webkit-appearance: none;
}
#chain .btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  /* padding: 6px 12px;*/
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#chain .btn-block {
  width: 100%;
  display: block;
}
#chain .btn-primary {
  color: #fff;
  background-color: #3B81EF;
}
#chain .btn-primary:hover {
  color: #fff;
  background-color: #3B81EF;
}
#chain .chain-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  background: #fff;
  transform: translate(-50%, -50%);
  z-index: 9999;
  width: 800px;
}
#chain .chain-dialog .close {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  padding: 10px;
}
#chain .chain-dialog-bg {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9998;
  background-color: rgba(0, 0, 0, 0.5);
}
#chain #show_result ul li label {
  width: 28%;
}
#chain #show_result ul li div {
  width: 70%;
}
#chain .text-center {
  text-align: left;
  /*左右按钮样式*/
}
#chain .text-center .center1 .title {
  font-size: 24px;
  font-family: Source Han Sans SC;
  font-weight: bold;
  line-height: 15px;
  color: #290202;
  opacity: 1;
  margin-bottom: 50px;
  text-align: center;
  margin-top: 70px;
}
#chain .text-center .center1 .p1 {
  margin: 0px auto 40px auto;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  line-height: 30px;
  color: rgba(41, 2, 2, 0.65);
  opacity: 1;
  text-align: left !important;
}
#chain .text-center .center1 ul {
  display: flex;
  justify-content: space-between;
}
#chain .text-center .center1 ul li p {
  text-align: center;
  margin: 0 auto 20px auto;
  height: 16px;
  font-size: 16px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  line-height: 27px;
  color: #EC1C1C;
  opacity: 1;
}
#chain .text-center .center1 ul li div {
  text-align: left !important;
  width: 198px;
  height: 61px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  line-height: 30px;
  color: #290202;
  opacity: 0.45;
}
#chain .text-center .center4 .part-2 > .title {
  font-size: 24px;
  font-family: Source Han Sans SC;
  font-weight: bold;
  line-height: 25px;
  color: #290202;
  opacity: 1;
  margin-bottom: 50px;
  text-align: center;
  margin-top: 50px;
}
#chain .text-center .center4 .header {
  display: flex;
  justify-content: start;
  height: 85px;
  background: #FCEBD7;
  opacity: 1;
}
#chain .text-center .center4 .header img {
  width: 40px;
  height: 40px;
  margin: 25px 15px 20px 25px;
}
#chain .text-center .center4 .header .day {
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  line-height: 20px;
  color: rgba(41, 2, 2, 0.65);
  opacity: 1;
  text-align: left;
}
#chain .text-center .center4 .header .time {
  padding-top: 25px;
  font-size: 20px;
  font-weight: 400;
  line-height: 10px;
  color: rgba(41, 2, 2, 0.65);
  opacity: 1;
  padding-left: 500px;
}
#chain .text-center .center4 .content {
  width: 100%;
  background: #FFFFFF;
  opacity: 1;
  border-radius: 10px;
}
#chain .text-center .center4 .content .first {
  height: 45px;
  background: #FCEBD7;
  opacity: 1;
}
#chain .text-center .center4 .content .first td {
  padding-right: 50px;
  padding-left: 66px;
  font-size: 16px;
  font-weight: bold;
  color: rgba(41, 2, 2, 0.65);
  opacity: 1;
}
#chain .text-center .swiper-button-prev {
  width: 50px;
  height: 50px;
  z-index: 20;
  opacity: 1;
  left: 0;
  position: absolute;
  top: 40%;
  background: url(../image/zuo1.png) !important;
}
#chain .text-center .swiper-button-prev:hover {
  background: url(../image/zuo2.png) !important;
  cursor: pointer;
  border-radius: 50%;
}
#chain .text-center .swiper-button-next {
  width: 50px;
  height: 50px;
  z-index: 20;
  opacity: 1;
  right: 0;
  position: absolute;
  top: 40%;
  background: url(../image/you1.png) !important;
}
#chain .text-center .swiper-button-next:hover {
  background: url(../image/you2.png) !important;
  cursor: pointer;
  border-radius: 50%;
}
#chain .text-center .swiper-slide {
  display: flex;
  justify-content: center;
}
#chain .text-center .active2 {
  padding: 2rem !important;
}
#chain .text-center .el-image__inner {
  width: 300px;
  padding: 2rem;
  height: 100%;
}
#chain .text-center .dialog {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
}
#chain .text-center .dialog .dialog_box {
  width: 980px;
  height: 600px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -300px;
  margin-left: -490px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 5px 2px #ccc;
  padding: 30px 25px;
  overflow-y: auto;
}
#chain .text-center .dialog .dialog_box .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 920px;
  height: 40px;
  line-height: 30px;
  font-size: 16px;
  padding-top: 5px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -300px;
  margin-left: -465px;
  background: #ffffff;
}
#chain .text-center .dialog .dialog_box .head .close {
  cursor: pointer;
}
#chain .text-center .dialog .dialog_box h1 {
  font-size: 16px;
  text-align: center;
}
#chain .text-center .dialog .dialog_box p {
  font-size: 14px;
  margin: 5px 0;
}
#chain .text-center .dialog .dialog_box img {
  width: 100%;
}
#chain .text-center .dialog .dialog_box .stp {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #EC1C1C;
  color: #ffffff;
  text-align: center;
  line-height: 18px;
  font-weight: bold;
  font-size: 12px;
  margin-right: 5px;
}
#chain .text-center .nodeQuery {
  width: 100%;
  padding-top: 150px;
  padding-bottom: 75px;
}
#chain .text-center .nodeQuery .nr {
  margin: 0px auto 40px auto;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  line-height: 30px;
  color: rgba(41, 2, 2, 0.65);
  opacity: 1;
}
#chain .text-center .nodeCont {
  width: 1200px;
  height: 780px;
  padding: 19px;
  background: #ffffff;
  border-radius: 14px;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.16);
  margin: 0 auto;
  position: relative;
}
#chain .text-center .nodeCont .content {
  width: 100%;
  height: 100%;
  background: #1C174A;
  box-shadow: 0px 0px 12px #000000;
  border-radius: 8px;
  position: relative;
}
#chain .text-center .rightCont {
  width: 130px;
  height: 100%;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0 8px 8px 0;
  float: right;
  padding: 20px 10px 0;
}
#chain .text-center .rightCont .frame {
  height: 17.2%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFUAAABsCAMAAAAsXg4NAAAA4VBMVEUAAACAgICAgP9VVaqZmcySktufn9+OjsaLi9Gii9GVldWdndiSksiZmd2Pj8+fn9+cjtWcnNWhlNeeks6il9yfldWZmcydndieldOhmd2clNaZmdOcnNWYmM+dltibm9qim9OemNWamtWbltOdmNmcl9Wemdagm9eamtScl9WbltGemtefm9WcmNacmNWemtafm9admdOal9SemtScmNWfmNWfmNidmtWbmNKcmdagmdaemtedmtWdl9Odl9SdmtSgmtedmtWem9eemNWcmdSdl9WemdafmteemdWdmtWdm9ZcKMtvAAAAS3RSTlMAAgIDBQcICQsLDA0ODxAQEhITFRYYGRodHh8jJCUnKSkqKy4vMTIzNTY4Oj0+Q0RFRkdHSEhISUpLS0xOUVNTU1ZZXF9gZGVnaGtbMU2bAAABPklEQVRo3u3ZS0/CUBAF4KOgUKwWi1REfCDKQwRRqFqtilXx8f9/kAtiwoqwuGdxkpnkLnvSfun0dloAta/ZDHC2PgEgiuC6riJ85Jyn5l6wA5UK8URIzZARUm/gy7gGSGRcYynXBxnXBNsyrlvmSqkiYhnXFIG5UlzLMq6bGMu4PpsrxXWKUMY1j5G5UlyvZVzfUJFxXZdy3YNODWVcM3Mlue5TOpZTA0rHmmufsnNzXA8oO7e5Krn2KJMRx/WQMhmZ6zEhtUhybRMyU3NFi5CZkFzPCKm+uUq5nhAyY5LrOSE1MFd0CKmsb2RdQuYrJkfOQ3dHWCuh4DSzMP9jtnHfR5guWb/1hYPqPxeopUvWbXXFUW+x/zx3g1++8f8O2XCJ9X46P+tvn/HA8BzfLt4lZTZ7bN41GW24+uX/AQ5mMFKz/RtHAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100% 100%;
  padding: 10px 18px;
  margin: 0 12px;
}
#chain .text-center .rightCont .frame p {
  font-size: 12px;
  color: #9E9BD6;
}
#chain .text-center .rightCont .frame img {
  margin-top: 30px;
  width: auto;
  height: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
}
#chain .text-center .rightCont div {
  margin-top: 21px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#chain .text-center .rightCont .chain-graph-right {
  list-style: none;
  display: flex;
  margin: 20px auto 0 auto;
  max-height: 500px;
  overflow-y: auto;
  width: 110px;
  color: #fff;
  flex-flow: wrap;
}
#chain .text-center .rightCont div a {
  width: 100%;
  height: 35px;
  text-align: center;
  background: rgba(59, 56, 148, 0.38);
  border-radius: 100px;
  padding: 9px 19px;
  cursor: pointer;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.65);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 5px 0;
}
#chain .text-center .rightCont div a:hover {
  color: #EC1C1C;
}
#chain .bl-ul {
  z-index: 5100;
  position: absolute;
  left: 30px;
  right: 30px;
  top: -16px;
  display: block;
  text-align: left;
  list-style: none;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  margin: 0 auto;
  box-sizing: border-box;
}
#chain .bl-ul li {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  list-style: none;
  width: 150px;
  height: 47px;
  line-height: 47px;
  font-size: 20px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #290202;
  /*margin-left: 8px;*/
  /*background: linear-gradient(180deg, #C2C2C2 0%, #FFFFFF 0%, #FFFFFF 83%, #BFBFBF 100%);*/
  border-radius: 0px 0px 6px 6px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJ4AAAAwCAYAAADgk8PlAAAABHNCSVQICAgIfAhkiAAAA0FJREFUeF7tnbGLE0EUh9/sJgiBNCGgbJcqhk1mWQ4hZcDitNNKG5urrf0nrK2vsLvGs4uVVcAihSbLVSmEO8QLCEJEDwx5MuEWkphkd2bDzml+21yxb95v3zffDmmSE8zMhAsEzAlwFEVPW63WiU4LAfF0cKF2DQEeDAa/CoVC4Pv+KC0hiJeWFOo2EeDhcCiI6KxcLh/UarWrNKggXhpKqNlGIBZP1RxLKY/S4IJ4aSihJq14qu5ISnmchAziJRHC/SQCiyeeqr1yXffA9/2zbQshXhJW3E8isCqeqh9Vq9XA87yfmxZDvCSsuJ9EYJ14as2JlPIJxEvCh/umBDaJp/o9l1K+WtcYJ54pbqyLCWwUj5l/u657r9lsflrFBfEgUFYC2048YubPs9ksDMPw+2IQxMuKHeu3iqfwMHM3CIKHEA+y7JJAonjX8r0IguBlHIwTb5dbsJ+90oo3dV2302w2ewoTxNtPWXY5dSrxrgMvi8Wi32g0vkG8XW7BfvbSEU993nsvpbwP8fZTll1OzUIIR7chxNMlhvpVAhAPTlghAPGsYEcoxIMDVghAPCvYEQrx4IAVAhDPCnaEQjw4YIUAxLOCHaEQDw5YIQDxrGBHKMSDA1YIQDwr2BEK8eCAFQIQzwp2hEI8OGCFAMSzgh2hEA8OWCEA8axgRyjEgwNWCEA8K9gRCvHgwPznIkgIofXXhNtCDruuq/8ts+l0Ov/h99WHzfgweQ9/Y/NMOMZr8pIoYx6XSiV98SaTiToq174hJtBMYMX5yPubgAlPE44Z5ONKpaIv3ng8/uo4zu1tD/sPDG/E2mQuvCTLqJn50vO8O7obIM7Pz7tCiMOkhSablNRzH2XPcLIY4TTZN82X612tVnug+3BiNBo9IqI3aT+Q6gaoepPhTXLy3lTkMTmO87her5/q7pf6jywURVGXiA5vmnyab97S7Cay552nu1mL9Sbz7TqPiN6GYagOLu1rLl6/378rhPhIRLd0OuQ1vElO3hL973mrXsxmsx+O4zTa7faFjjNx7Vy8+Or1es+YWRncFkJ4aRqaSJGm76aavPJMcvZAvi9E9IGITjudzuss+7gkXpZGWAsCOgT+AGtmAnrtFVqhAAAAAElFTkSuQmCC) no-repeat center center;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding-right: 14px;
  /*box-shadow: -5px 0px 12px rgba(0, 0, 0, 0.16);*/
  box-shadow: -5px 0 10px -5px rgba(0, 0, 0, 0.16);
}
#chain .bl-ul li:first-child {
  margin-left: 0;
}
#chain .bl-ul li:hover {
  font-weight: bold;
  color: #EC1C1C;
}
#chain .bl-ul li.on {
  font-weight: bold;
  color: #EC1C1C;
}
#chain .bl-ul .li-active {
  font-weight: bold;
  color: #EC1C1C;
}
#chain .center3 {
  background: url(../image/bg10811.png);
  height: 600px;
  width: 100%;
}
#chain .center3 div:first-child {
  height: 36px;
  font-size: 24px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  line-height: 15px;
  color: #FFFFFF;
  opacity: 1;
  text-align: center;
  padding-top: 60px;
  padding-bottom: 25px;
}
#chain .center3 .p4 {
  margin-bottom: 70px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  line-height: 30px;
  color: #FFFFFF;
  opacity: 1;
  text-align: center;
}
#chain .center3 ul > li {
  width: 560px;
  margin-bottom: 20px;
  margin-right: 20px;
  height: 150px;
  background: #FFFFFF;
  opacity: 1;
  border-radius: 10px;
}
#chain .center3 ul > li img {
  margin: 45px 70px;
}
#chain .center3 ul > li .shuxian {
  width: 1px;
  height: 60px;
  background: #FFDFD1;
  opacity: 1;
  margin-top: 45px;
}
#chain .center3 ul > li div {
  margin: 50px auto 50px 60px;
  text-align: left !important;
}
#chain .center3 ul > li div p:first-child {
  font-size: 16px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  line-height: 24px;
  color: #EC1C1C;
  opacity: 1;
}
#chain .center3 ul > li div p:last-child {
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 300;
  line-height: 30px;
  color: #290202;
  opacity: 1;
}
#chain #chain .text-center {
  padding: 0px;
}
* {
  margin: 0;
  padding: 0;
}
/*页面顶部*/
.rt {
  float: right;
}
.rt a {
  text-decoration: none;
}
.p-relative {
  position: relative;
}
.p-relative .menu-dz,
.p-relative .menu-gywm {
  display: none;
  position: absolute;
  z-index: 2000;
  margin-top: -13px;
}
.p-relative .menu-dz.nav_select li > a,
.p-relative .menu-gywm.nav_select li > a {
  display: block;
  min-width: 100px;
  font-size: 12px;
  color: #525250;
  text-align: center;
  border: 1px solid #dedede;
  border-bottom: none;
  background-color: #ffffff;
  line-height: 35px !important;
  font-weight: normal;
  text-decoration: none;
}
.p-relative .menu-dz.nav_select li > a:hover,
.p-relative .menu-gywm.nav_select li > a:hover {
  color: #10A0E9;
}
.p-relative .menu-dz.nav_select li .jiantou_img,
.p-relative .menu-gywm.nav_select li .jiantou_img {
  max-width: 30px;
}
.navbar1 .loginBtn {
  background: #10A0E9;
  width: 120px;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  color: #fff;
}
.navbar1 .loginBtn:hover {
  background: #10A0E9;
  opacity: 0.7;
}
.navbar1 .registerBtn {
  display: inline-block;
  background: #ECF6FF;
  width: 120px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #10a0e9;
  border-radius: 5px;
  color: #10A0E9;
}
.navbar1 .registerBtn:hover {
  background: #10A0E9;
  color: #fff;
}
.nav-topfill {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1000;
}
.bar-top {
  width: 100%;
  min-width: 1366px;
  height: 30px;
}
.bar-top-bg {
  background-color: #464646;
}
.bar-top-font {
  font: 14px "\5FAE\8F6F\96C5\9ED1";
  color: #fff;
}
/* .bar-top>.container{
    overflow: hidden;
} */
.bar-top .h-time {
  line-height: 30px;
}
.bar-top li,
.navbar1 ul.navbar-nav1 > li {
  float: left;
  text-align: center;
}
ul.navbar-nav1 > li {
  position: relative;
}
.bar-top li.protect {
  /* width:120px; */
  padding: 0 15px;
  line-height: 30px;
  heigh: 30px;
}
.bar-top li.login {
  width: 70px;
  heigh: 30px;
}
.bar-top li.register {
  width: 100px;
  height: 30px;
}
.bar-top li.active {
  background-color: #0fa0e9;
}
.bar-top a {
  font: 14px "\5FAE\8F6F\96C5\9ED1";
  color: #fff;
  /*  line-height: 30px; */
  text-decoration: none;
}
.navbar1 {
  width: 100%;
  min-width: 1366px;
  height: 60px;
  line-height: 60px;
}
.container1 {
  width: 1200px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.nav-bg {
  background-color: rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid #d8d8d8;
}
.navbar-brand1 {
  float: left;
  height: 58px;
}
.navbar-brand1 img {
  margin-top: 8px;
}
.navbar1 a {
  font: 16px "\5FAE\8F6F\96C5\9ED1";
  color: #000;
  line-height: 60px;
  text-decoration: none;
}
.navbar1 li {
  margin-right: 20px;
}
.navbar li.index {
  width: 60px;
  height: 60px;
}
.navbar1 li.product,
.navbar li.supervision,
.navbar li.query,
.navbar li.baoqchain,
.navbar li.intro,
li.coop {
  width: 100px;
  height: 60px;
}
.navbar li.active {
  border-bottom: 2px solid #0fa0e9;
}
.navbar1 .navbar-nav1 > ul > li.active a {
  color: #0fa0e9;
  padding: 0;
}
.gzldy-content p {
  font-size: 14px;
  color: #000;
  font-family: Source Han Sans SC;
  font-weight: 400;
  line-height: 25px;
}
.gzldy-content strong {
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: bold;
  color: #0047A9;
}
.gzldy-body {
  background: #F8F8F8;
}
.gzldy-change {
  width: 100%;
  height: 200px;
  padding-top: 102px;
  display: flex;
  justify-content: space-around;
}
.gzldy-change .cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
.gzldy-change .cont .gzimg {
  width: 50px;
  height: 50px;
  background: url(../image/gz.png) no-repeat;
  background-size: 100% 100%;
}
.gzldy-change .cont .serviceimg {
  width: 50px;
  height: 50px;
  background: url(../image/service.png) no-repeat;
  background-size: 100% 100%;
}
.gzldy-change .cont .serviceimg2 {
  width: 50px;
  height: 50px;
  background: url(../image/online.png) no-repeat;
  background-size: 100% 100%;
}
.gzldy-change .cont p {
  font-size: 14px;
  color: #000000;
  margin: 5px 0 13px;
}
.gzldy-change .cont .img2 {
  width: 200px;
  height: 10px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAAKAQMAAADLtoNiAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAAtJREFUGBljGAUMAAEEAAGEXzbiAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100% 100%;
}
.gzldy-change .cont:hover .gzimg {
  background: url(../image/gzHover.png) no-repeat;
  background-size: 100% 100%;
}
.gzldy-change .cont .arbitrationimg {
  width: 50px;
  height: 50px;
  background: url(../image/arbitration.png) no-repeat;
  background-size: 100% 100%;
}
.gzldy-change .cont:hover .arbitrationimg {
  background: url(../image/arbitrationHover.png) no-repeat;
  background-size: 100% 100%;
}
.gzldy-change .cont:hover .serviceimg {
  background: url(../image/serviceHover.png) no-repeat;
  background-size: 100% 100%;
}
.gzldy-change .cont:hover .serviceimg2 {
  background: url(../image/online-act.png) no-repeat;
  background-size: 100% 100%;
}
.gzldy-change .cont:hover p {
  color: #10A0E9;
}
.gzldy-change .cont:hover .img2 {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAAKBAMAAAADVgwSAAAAJFBMVEUAAAAAgP8Qn+cNnukOoOsOoekOoOkQoOkPoOoPn+kPoOgQoOmkSFLWAAAACXRSTlMABCA6WX/E8fpdRGAeAAAAQUlEQVQoz2NgIBWwODDQHqgX0d4OxuxtAjS3hHX37gCaW2Kxe3czyZp2kwZ2zd69e+dqEjWRbAmIoLUlZIHhYwkAyCJzE9kXdCgAAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
}
.gzldy-change .active .gzimg {
  background: url(../image/gzHover.png) no-repeat;
  background-size: 100% 100%;
}
.gzldy-change .active .serviceimg {
  background: url(../image/serviceHover.png) no-repeat;
  background-size: 100% 100%;
}
.gzldy-change .active .serviceimg2 {
  background: url(../image/online-act.png) no-repeat;
  background-size: 100% 100%;
}
.gzldy-change .active p {
  color: #10A0E9;
}
.gzldy-change .active .img2 {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAAKBAMAAAADVgwSAAAAJFBMVEUAAAAAgP8Qn+cNnukOoOsOoekOoOkQoOkPoOoPn+kPoOgQoOmkSFLWAAAACXRSTlMABCA6WX/E8fpdRGAeAAAAQUlEQVQoz2NgIBWwODDQHqgX0d4OxuxtAjS3hHX37gCaW2Kxe3czyZp2kwZ2zd69e+dqEjWRbAmIoLUlZIHhYwkAyCJzE9kXdCgAAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
}
.gzldy-banner {
  width: 100%;
  height: 550px;
  background: url(../image/gzldy-banner.png) no-repeat;
  background-size: cover;
  background-position: center;
  text-align: center;
  color: #ffffff;
  padding: 384px 0 0 360px;
}
.gzldy-banner-btn {
  width: 150px;
  height: 40px;
  border-radius: 5px 5px 5px 5px;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 40px;
  opacity: 1;
  border: 1px solid #FFFFFF;
  display: block;
  text-align: center;
  margin: 40px auto;
  cursor: pointer;
}
.gzldy-banner-btn:hover {
  background: #10A0E9;
}
.gzldy-content {
  width: 1120px;
  background: #ffffff;
  border-radius: 20px;
  margin: 86px auto 0;
  padding-left: 50px;
  padding-right: 50px;
  position: relative;
}
.gzldy-content-head {
  margin-top: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 50px;
  font-size: 14px;
}
.gzldy-content-head .text {
  color: #000000;
  line-height: 40px;
  width: 700px;
  height: 202px;
  text-align: justify;
  font-size: 14px;
}
.gzldy-content-head span {
  color: #0047a9;
}
.gzldy-title-warp {
  width: 100%;
  position: absolute;
  left: 0;
  top: -46px;
}
.gzldy-title-img {
  height: 50px;
  margin: auto;
  display: block;
}
.gzldy-title {
  width: 170px;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: start;
  font-size: 18px;
  height: 33px;
  margin: 0 auto;
  margin-top: -22px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKoAAAAhCAMAAAB+38CrAAABX1BMVEUAAAB/fwD/fwD//3+qqgD/qgD//1X//6q/vwD//3///5nb2wD//5K/vwDGxgDjxgDj447//47384zTxxD384vYyBD3943794359Y759ozVxw/584v59ovWxw/VxRH49Iv49ozXyBLWxxHYxw/59Iz29IvXxhHXyBH39Iz39oz59o739I349Iz49IzXxxDXxxDWxhDWxhLYxhLWxhL49Iz49YzWxhHXxxH49oz49ozXyBTWxxLXxxL59Yz49o3g1TX49I3XxhH39Y349Y3WxhHXxhHXxxH49Y3XxxH49Y3WxxHXxxH39I339Y3r4Vr49Iz0737WxxL49Y349o3x6nH39Inx63DXxxH49Y3XxxLXxxPXyBTYyBXYyBbf0jHh1jvi1jvi1z7l20rl3Erm3Evo31Pp4FXp4Ffp4Vft52ju52jw63Lz733073708H/08ID18YP18YT284j49Yz49Y0tYZs8AAAAWXRSTlMAAgICAwMDAwQEBQcHCAkJCQk+QEBBQUFPUlZWVldccHF0dnZ2d4eHh4eHiImKjI2Pj4+QkK2zs72/wcjIyNfZ2d/f3+Hk5OTr6+3t7e3y8vT19fX4+Pr+/o0Yos4AAAEsSURBVBgZ1cEHV4EBFAbgV19De2hqau+ppaRSNDWVK6RBQ0W5///koBx+wb3Pg3/VHXbn7iULcrnrtLdXo1TT8CmLdDLSjCI9XhbL240CYzrAggUmDOQZyyzcsoGcKRZvElldARYv0ImMOjcr4K4BMMAq9AOVh6zCYRVaWYkWzLAS41hnJdawzUps4YqVOIOflfDjnJU4xw0rcQ0fK+GDi5VwwZFiFVIOzD+xCo+LsISSrMBnyIKKgwdW4P6gHLBRnMWLkw1AvSf4xsK9B/dqkdFHwViaBUvHgmRF1ixR9IvFSkaJ5pBjWiEKP3+zSN/PYaJVE/LKRm+J7iKviY8fFuTnI/ESuSO6HStDQe8+ieWxokjj0BGJdDzYgFLmtqXNnQsS5GJnY6HNjD+/1xNZxEHSHIUAAAAASUVORK5CYII=) no-repeat;
  box-sizing: border-box;
  padding-bottom: 3px;
}
.gzldy-title .text {
  font-size: 18px;
  font-family: Source Han Sans SC;
  font-weight: bold;
  color: #0047A9;
  flex: 1;
  text-align: center;
  padding-right: 5px;
}
.gzldy-title .titleicon {
  width: 26px;
  height: 26px;
  background-color: #0047a9;
  border-radius: 50%;
  margin: 0 0 0 4px;
  text-align: center;
  color: #ffffff;
  line-height: 26px;
  flex: 0 0 26px;
}
/*------------*/
.gzldy-content1 {
  padding-top: 40px;
  padding-bottom: 24px;
}
.gzldy-content1 .img1 {
  margin-top: 10px;
  font-size: 0;
  height: 448px;
  overflow: hidden;
}
.gzldy-content2 {
  padding-top: 20px;
}
.gzldy-sub-title {
  width: 100%;
  padding: 40px 0 20px;
}
.gzldy-sub-title .img {
  height: 18px;
  display: block;
  margin: 0 auto;
}
.gzldy-sub-title .text {
  display: block;
  margin: 0 auto;
  text-align: center;
  font-size: 18px;
  font-family: Source Han Sans SC;
  font-weight: bold;
  color: #0047A9;
  margin-top: -15px;
}
.gzldy-merit-warp {
  padding: 25px;
  background-color: #EEF8FF;
  margin-top: 15px;
  overflow: hidden;
}
.gzldy-merit-warp.last {
  padding: 25px 25px 12px;
}
.gzldy-merit-list {
  display: flex;
  flex-wrap: wrap;
  margin-right: -50px;
}
.gzldy-merit-list .item {
  padding-right: 25px;
  display: flex;
  align-items: center;
}
.gzldy-merit-list .img {
  width: 14px;
  height: 14px;
}
.gzldy-merit-list .text {
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  color: #001132;
  padding-left: 4px;
}
.gzldy-content2 .img1 {
  display: flex;
  padding-left: 75px;
  padding-top: 28px;
}
.gzldy-content2 .img1-tem {
  width: 300px;
}
.gzldy-content2 .img1-tem:first-child {
  margin-right: 170px;
}
.gzldy-content2 .img1-tem img {
  width: 300px;
}
.gzldy-content2 .img1-title {
  font-size: 15px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  color: #001132;
  text-align: center;
}
.gzldy-content2 .img2 {
  width: 590px;
  margin: auto;
  margin-top: 32px;
}
.gzldy-content2 .img2 .img {
  width: 100%;
}
.gzldy-content3 {
  padding-top: 20px;
  padding-bottom: 26px;
}
.gzldy-content3 .text1 {
  padding-top: 15px;
}
.gzldy-content3 .img1 {
  margin: auto;
  margin-top: 20px;
}
.gzldy-full-img,
.gzldy-full-img .img {
  width: 100%;
}
.gzldy-content4 {
  padding-top: 20px;
  padding-bottom: 32px;
}
.gzldy-content4 .img0 {
  margin-top: 18px;
}
.gzldy-content4 .img1 {
  width: 1110px;
  margin-left: -45px;
  margin-top: -16px;
}
.gzldy-content4 .img2 {
  display: flex;
  justify-content: space-around;
  padding: 0 80px;
}
.gzldy-content4 .img2 .img2-item {
  width: 260px;
}
.gzldy-content4 .img1 .img,
.gzldy-content4 .img2 .img {
  width: 100%;
}
.gzldy-content4 .sub-title3 {
  padding-top: 0;
}
.gzldy-content4 .sub-title4 {
  padding-top: 10px;
}
.gzldy-content5 {
  padding-top: 20px;
  padding-bottom: 30px;
}
.gzldy-content5 .title {
  font-size: 16px;
  font-family: Source Han Sans SC;
  font-weight: bold;
  line-height: 25px;
  color: #000000;
  padding-bottom: 10px;
  padding-top: 20px;
}
.gzldy-content6 {
  padding-top: 42px;
  padding-bottom: 34px;
}
.gzldy-content7 {
  padding-top: 50px;
  padding-bottom: 35px;
  margin-bottom: 40px;
}
.gzldy-footer {
  height: 100px;
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 999;
  background-color: #F9F79F;
}
.gzldy-footer-content {
  width: 1200px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.gzldy-footer-content .text {
  font-size: 28px;
  font-family: SourceHanSansSC-Heavy;
  font-weight: bold;
  color: #003782;
}
.gzldy-footer-content .strong {
  font-family: Source Han Sans SC;
  font-weight: 400;
}
.gzldy-footer-btn-warp {
  display: flex;
  align-items: center;
}
.gzldy-footer-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 160px;
  height: 43px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAArCAMAAADIZnMEAAABHVBMVEUAAAAAAP8AAKoAVf8AO4kAYusAN38AW9sALYcAXuQAM4UGY9wANX8AN4IFZN8EY9wANoIIZd8HZt4HZt0ANYIIZtwANYIHZt0GZt0IZd0ANoEHZd0ANoEAN4EHZd0AN4EHZt4ANoEIZtwHZtwAN4EHZdwANoIHZd0HZdwANoIIZdwIZd0IZt0APY4ANoEHZt0HZt0ANoIHZt0ANoEHZd0HZdwHY9kHXMwEU7kHZtwANoEDSKUHZNoANoEHZtwHZd0AN4IAN4MAOIUAOYYAOYcAOogBPY8BP5MBQJQBQJYBQpgCQ5kCRqACSKQDTa4ET7IEULIEUbMEU7gFVLoFV8AFWMEFWMIGWcYGXMoGXc0GXs8HY9cHZNkHZNoIZt1+b3n5AAAAQHRSTlMAAQMDDQ0ODhETGSwwMzg7PT9GS1ZfYHB4gYiIioyNkJGgoKqwsLOzuMDAwsPGy9DT2NjZ2dvg6O7z9fb3+fr+70JKhgAAARpJREFUGBnNwekiFAAAhdHPkn0rLUMlkbRQWVJIXSpLWRMycd//McyMGDT11z2Hv9wqDL/1NZl9OXinmf9oGHCA6Zv8wxun6KWGUSdp54o6h+njklbHecEFNxxokipHus+Zj87UzakRp+KUYz2jbMy5KHOw10DByYBPTgY4GnQ5GtxzNBhyNJhxNPjgaPDO0eC9o8G8o8G4o8EjR4O7RSeDtjUnA+RgRUAHziWgX471U5Ro16k0QclzHTnTiqiQHGlLT6h4rC8OVJT4Y06fHWdP6uCMpGNnWZf6OdckacdBjr9KE1zQqJJfTrEq6SmXLUha3HaA4jeV3Oaqh6pY3vhx6Gvye3/z+5LKFlqo4ZVSdFJb/QMFmOqh6gTt+zGyexN+4gAAAABJRU5ErkJggg==) no-repeat;
  background-size: cover;
  color: #FFF;
  font-size: 16px;
  border: 0;
  margin: 40px auto;
  cursor: pointer;
}
.gzldy-footer-btn.btn1 {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAArCAMAAADIZnMEAAABF1BMVEUAAAAA//8AVapVqv8UTrFOnesSW7ZJku0PWrRRlPJRl+gVWq9QleoUWq9Sk+kVWLBRlutQlekSWa5RlepSkudQk+kVWa9RlOoTWa5Rk+hRlOcVWK5RlOgUWbAUWa9RlOdRlOgVWK8UWK9Rk+cUWK5RlOgUWK9RlOhSk+cUWa5Rk+dRk+dQkuZRlOdSlOgUWK9Rk+gUWa9RlOcUWK9RlOdSlOgna8FAg9hLjuJSlOgVWK9QkuYydcoUWK5SlOgVWa8WWrAXW7EYXLIZXbMdYbcgZLkhZLojZ70laL4pbcIrbsUzdss0eM42ec02ec45fNE6ftI+gdY/gtdAgtdChdlFiNxIit5Iit9Ii99OkOVPkeVQkuZSlOjj414iAAAAP3RSTlMAAQMDDQ0ODhETLDAwMzs9P0ZISEtQVl94eIGIiIqMjZGgqKqwsLOzuMDAwsPDyMvT2NjZ2dvj6u3z9fX3+fr0QgB3AAABFUlEQVQYGc3BZyMVAACF4VcSksgIISMhIxntdGyS7Mzz/3+He6/sq6/O83DHi443H/1Avo72tlXzH5U9DjDTyD0+OEULZQw5yVNuqXCYV9xQ6zgjXFPlQFNccaQuLvx0puece+tUnHOsYYrGnYsiB2sGnjkZ8N7JAEeDKkeDVkeDLkeDMUeD744GXxwNPjsa/HA0+ORo0O9o0O5o0LThZIAc7BDQvnMJ6JRj7YgCbTuVJil4pxNnWhYlkiNtaICSPi040JHEP9+04Di7Uh0XJJ06yy+pk0tPJG06yOmiNMk1j1Xw1ylWJA1y06ykuT8OcLSqgpfc9lolS+tbB34gx3u/1+ZVNFtDGRNKUU95j7oVYLqBK2dlrgAAIxZdaQAAAABJRU5ErkJggg==) no-repeat;
  margin-left: 15px;
  position: relative;
}
.gzldy-footer-phone {
  width: 180px;
  height: 41px;
  position: absolute;
  top: -69px;
}
.gzldy-footer-phone .img {
  width: 100%;
}
/*header*/
.head_title {
  text-align: center;
}
.head_title .head_title_text_w {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.851);
  margin-top: 14px;
}
.head_title .head_title_text {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.451);
  margin-top: 14px;
}
.head_title .head_title_top {
  display: flex;
  justify-content: center;
  align-items: center;
}
.head_title_top .title_name_w {
  font-size: 26px;
  font-weight: bold;
  color: #ffffff;
  margin: 0 20px;
}
.head_title_top .title_name {
  font-size: 26px;
  font-weight: bold;
  color: #10A0E9;
  margin: 0 20px;
}
.head_title_top .title_line {
  width: 134px;
  height: 2px;
  border-radius: 100px;
  opacity: 1;
}
.head_title_top .title_left_line {
  background: linear-gradient(90deg, rgba(16, 160, 233, 0) 0%, rgba(16, 160, 233, 0.6588) 100%);
}
.head_title_top .title_left_line_w {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 100%);
}
.head_title_top .title_right_line {
  background: linear-gradient(270deg, rgba(16, 160, 233, 0) 0%, rgba(16, 160, 233, 0.6588) 100%);
}
.head_title_top .title_right_line_w {
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 100%);
}
/*产品介绍*/
.li_normal .li_normal_img {
  width: 160px;
  height: 160px;
  margin-bottom: 40px;
}
.product_ul .product_li .li_normal {
  display: block;
  padding-top: 56px;
  text-align: center;
  font-size: 24px;
  font-family: Source Han Sans CN-Medium, Source Han Sans CN;
  font-weight: 500;
  color: #000000;
}
.product_ul .product_li:hover .li_normal {
  display: none;
}
.product_li .li_hover .trial_btn:hover {
  background: #10A0E9;
  color: #ffffff;
}
.product_li .li_hover .trial_btn {
  text-align: center;
  line-height: 45px;
  height: 45px;
  background: #FFFFFF;
  border-radius: 5px;
  opacity: 1;
  color: #10A0E9;
  border: 1px solid #10A0E9;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
}
.product_li .li_hover .trial_text {
  margin: 36px 0 48px 0;
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  line-height: 30px;
}
.li_hover .trial_head .trial_head_line {
  width: 60px;
  height: 5px;
  background: #FFBF0E;
  border-radius: 100px;
  opacity: 1;
  margin: 10px auto 0 auto;
}
.product_li .li_hover .trial_head {
  font-size: 24px;
  font-weight: 500;
  color: #10A0E9;
  text-align: center;
}
.product_ul .product_li .li_hover {
  display: none;
}
.product_ul .product_li:hover .li_hover {
  display: block;
  padding: 35px 25px 0;
}
.product_introduce .product_list .product_ul .product_li {
  width: 350px;
  height: 350px;
  background: #FFFFFF;
  box-shadow: 0 10px 16px 1px rgba(76, 142, 238, 0.1608);
  border-radius: 10px;
  opacity: 1;
}
.product_introduce .product_list .product_ul {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product_list .product_ab_r {
  bottom: -62px;
  right: -31px;
}
.product_list .product_ab_l {
  top: -53px;
  left: -26px;
}
.product_introduce .product_list .product_ab {
  position: absolute;
  width: 104px;
  height: 88px;
  z-index: 0;
}
.product_introduce .product_list {
  width: 1200px;
  margin: 113px auto 133px auto;
  padding-left: 4px;
  position: relative;
}
.product_introduce {
  padding: 110px 0 0 0;
  height: 800px;
}
/*    视频回访*/
.video_visit {
  width: 100%;
  height: 750px;
  padding-top: 145px;
  background-image: url(../image/video_visit_bg.png);
  background-size: cover;
}
.video_visit_ul .visit_li .visit_li_text {
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  line-height: 28px;
  margin: 56px 0 59px 0;
}
.visit_li_btn:hover {
  background: rgba(16, 160, 233, 0.502);
  border: 1px solid #FFFFFF;
  color: #ffffff;
}
.visit_li_btn {
  width: 150px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  color: #10A0E9;
  border-radius: 5px;
  border: 1px solid #10A0E9;
  cursor: pointer;
}
.video_visit_ul .visit_li .li_gif {
  width: 526px;
  height: 317px;
}
.video_visit_ul .visit_li_width {
  width: 488px;
}
.video_visit_ul {
  display: flex;
  justify-content: space-between;
  padding-right: 14px;
  width: 1138px;
  margin: 90px auto 0 auto;
}
/*    智能录入*/
.intelligence_input {
  padding: 100px 0 96px 0;
  background-color: #ffffff;
}
.intelligence_input .intelligence_ul {
  display: flex;
  justify-content: space-between;
  width: 1200px;
  margin: 70px auto 0 auto;
  padding: 60px;
  box-shadow: 0 3px 24px 1px rgba(20, 101, 192, 0.102);
  border-radius: 10px;
}
.intelligence_ul .intelligence_li_l {
  width: 488px;
}
.intelligence_li_l .intelligence_li_text {
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  line-height: 28px;
  margin: 33px 0 47px 0;
}
.intelligence_li_l .intelligence_li_text .div {
  height: 30px;
}
.intelligence_ul .intelligence_li_r {
  background: #FAFAFE;
  border-radius: 10px;
  padding: 39px 5px 47px 5px;
}
.intelligence_li_r .intelligence_li_r_img {
  width: 540px;
  height: 224px;
}
/*    区块链*/
.blockchain_evidence {
  width: 100%;
  height: 807px;
  background-image: url(../image/blockchain_evidence_bg.png);
  background-size: cover;
  padding-top: 112px;
}
.blockchain_evidence .evidence_ul {
  width: 1080px;
  margin: 114px auto 0 auto;
  display: flex;
  justify-content: space-between;
}
.evidence_ul .evidence_img {
  width: 550px;
  height: 310px;
  border-radius: 10px;
}
.evidence_ul .evidence_li {
  width: 488px;
}
.evidence_li .li_text {
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 28px;
}
.evidence_li .li_text .div {
  height: 20px;
}
.evidence_li .evidence_li_btn {
  width: 150px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 5px;
  border: 1px solid #FFFFFF;
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  cursor: pointer;
  margin-top: 25px;
}
.evidence_li .evidence_li_btn:hover {
  background: rgba(16, 160, 233, 0.502);
}
/*    公证取证*/
.notarization_obtain {
  padding: 120px 0 76px 0;
}
.notarization_obtain_ul {
  width: 1200px;
  margin: 70px auto 0 auto;
  padding: 55px 71px 54px 60px;
  display: flex;
  justify-content: space-between;
}
.notarization_obtain_ul .obtain_ul_li {
  width: 435px;
}
.obtain_ul_li .li_text {
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  line-height: 28px;
  margin: 54px 0 50px 0;
}
.notarization_obtain_ul .obtain_ul_img {
  width: 539px;
  height: 321px;
}
/*    产品优势*/
.product_advantage {
  padding: 133px 0 111px 0;
  background-color: #ffffff;
}
.product_advantage .product_advantage_ul {
  margin: 130px auto 0 auto;
  width: 1200px;
}
.product_advantage_ul .advantage_li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.product_advantage_ul .advantage_li:last-child {
  margin-bottom: 0;
}
.advantage_li .advantage_li_left {
  width: 406px;
  height: 112px;
  background: #FFF9F1;
  box-shadow: inset 0 0 20px 1px rgba(255, 154, 2, 0.251);
  border-radius: 0 110px 110px 0;
  opacity: 1;
  border: 4px solid #FFFFFF;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 32px 0 39px 61px;
  font-size: 18px;
  font-weight: 500;
  color: #FF9203;
}
.advantage_li_left .advantage_left_img {
  width: 36px;
  height: 41px;
  margin-right: 20px;
}
.advantage_li .advantage_li_right {
  flex-grow: 1;
  height: 112px;
  background: rgba(229, 246, 255, 0.4706);
  box-shadow: inset 0 0 20px 1px rgba(30, 166, 235, 0.4314);
  border-radius: 110px 0 0 110px;
  opacity: 1;
  border: 4px solid #FFFFFF;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 39px 64px 41px 69px;
}
.advantage_li_right .advantage_li_right_user {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
  color: #10A0E9;
}
.advantage_li_right_user .advantage_right_img {
  width: 27px;
  height: 32px;
  margin-right: 20px;
}
.advantage_li_right .advantage_li_right_text {
  width: 330px;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
}
/*   公证网 */
.notarization_network {
  width: 100%;
  height: 750px;
  background-size: cover;
  background-image: url(../image/network_bg.png);
  padding-top: 100px;
}
.notarization_network .network_box {
  width: 1200px;
  height: 329px;
  background: rgba(255, 255, 255, 0.7412);
  border-radius: 10px;
  border: 4px solid #FFFFFF;
  margin: 157px auto 0 auto;
  padding: 54px 120px 0 0;
  position: relative;
  text-align: right;
}
.network_box .network_img {
  width: 580px;
  height: 345px;
  position: absolute;
  top: -45px;
  left: 49px;
}
.network_box .right_content {
  width: 325px;
  display: inline-block;
  text-align: left;
}
.right_content .text {
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  line-height: 34px;
  margin-bottom: 42px;
}
/*    终端*/
.terminal_machine {
  padding: 127px 0 58px 0;
  background-color: #ffffff;
}
.terminal_machine .machine_box {
  width: 1200px;
  margin: 91px auto 0 auto;
  padding: 4px 72px 24px 130px;
  display: flex;
  justify-content: space-between;
}
.machine_box .machine_img {
  width: 419px;
  height: 392px;
}
.machine_box .machine_ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 400px;
  margin-top: 76px;
}
.machine_ul .machine_li {
  width: 190px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  background: #ECF8FF;
  box-shadow: inset 0 0 20px 1px rgba(30, 166, 235, 0.4314);
  border-radius: 56px 56px 56px 56px;
  opacity: 1;
  border: 2px solid #FFFFFF;
  color: #10A0E9;
  font-size: 16px;
  font-weight: 500;
}
.machine_ul .machine_li:last-child {
  margin: 0;
  width: 100%;
}
/*            手机申请*/
.phone_apply {
  padding: 127px 0 9px 0;
  width: 100%;
  height: 800px;
  background-size: cover;
  background-image: url(../image/phone_mc_bg.png);
}
.phone_apply .apply_content {
  display: flex;
  justify-content: space-between;
  width: 892px;
  margin: 93px auto 0 auto;
  padding-left: 39px;
}
.apply_content .phone_mc_img1 {
  width: 230px;
  height: 230px;
  margin-top: 93px;
}
.apply_content .phone_mc_img2 {
  width: 473px;
  height: 511px;
}
/*  公证摇号  */
.notarization_wagging {
  width: 100%;
  height: 750px;
  padding: 141px 0 50px 0;
  background-size: cover;
  background-image: url(../image/notarization_wagging_bg.png);
}
.notarization_wagging .wagging_content {
  width: 1172px;
  margin: 141px auto 0 auto;
  padding-right: 109px;
  display: flex;
  justify-content: space-between;
}
.notarization_wagging_img {
  width: 650px;
  height: 392px;
}
.wagging_content .wagging_textg {
  width: 325px;
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 34px;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.4784);
  margin-top: 79px;
}
/*    他们使用 */
.they_use_always {
  padding: 259px 0 59px 0;
  background: #f8f8f8;
}
.they_use_always .always_use_img {
  margin: 56px auto 0 auto;
  width: 1200px;
}
.always_use_img .use_img {
  width: 1200px;
  height: 425px;
}
/*    荣誉资质*/
.honor_qualifications {
  padding: 120px 0 101px 0;
  background: #f8f8f8;
}
.honor_qualifications .qualifications_box {
  width: 1198px;
  margin: 100px auto 0 auto;
}
.qualifications_box .qualifications_img {
  width: 1198px;
  height: 463px;
}
.product_tabs {
  margin: 100px auto 0px;
  width: 1200px;
  display: flex;
  justify-content: space-between;
}
.product_tab {
  padding-bottom: 40px;
  border-bottom: 4px solid #f8f8f8;
}
.product_tabs .product_tab {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #797979;
  font-size: 24px;
  cursor: pointer;
}
.product_tab .tab_img {
  width: 60px;
  height: 60px;
  margin-right: 30px;
}
.product_tab.active {
  color: #499EE3;
  border-bottom: 4px solid #499EE3;
}
.product_tab .gzdxt_tab_img {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAAyxJREFUaEPtWEFrE1EQntlN6QqxvSh48ODNelLBQgXB9qa/QY8Fa0DQQ5L3CkJAyNukhxY8NEUPOehv0FsrCBUUVBCsNw9CBT3VgCnN7sjABqI22bdNXtg0b88z8973ffNmZwZhzD4cM7xgAR93xa3CVuFjxoBN6WMm6H9wrMJW4Q4GSqVSZn9//xERLSLiKR1yiOgnIj6dnJx8WCqVWjo+xWLxIiIuAcA8Ip5jHyL6CgBbRFSrVCofdeIcZpMopaWUCgDEEQ/zlVKyly8T2mw21xFxsZcdg/Y8754ugZ2xEgEWQvxgZYMguFqtVt/oAC8UCnOu626z0r7vn+7mE4HdRMRrANAEgFoQBM8bjcYO+2Sz2RnXdW8BACvvEdFrz/MWkoJOBFhKSXy4UmrgfkKIJ6wsEX0PguDmysrKh8PIyefzl1zXfYGIZ1hp3/fv6hDfthn4xQ87PI4oBpHJZN6zsog4Wy6XP/UCEdlvs9KtVutyN3IG8YaNKLy8vLxORJyqa0qpBzqKSSlXAeA+ItbK5bK2yqlQWEr5GQBmgiCYrVar73QAFwqFK67rvgWAHaXUBR0ftkkL4N+cnru7uyfq9ToXrNgvl8tlp6enfwFAQyl1MtYhMrCAezEVV3y6+cb5jV1Kt4tWGIZrlUpFq2gVi8VVx3FGs2h1/pbCMJyLax259XQchxuf0fwt8VMQQnBLucSNBxHd6AY66rNfDqXxaLeW3NQrpV7pVEYp5fWo6U/UWoZhWEPEZ3t7e1/4nKmpqfNEdNtxnKG2lsMYHh5Hk1JXPoc2PAxrPOQ3PTExcYeI5gHgbIT8GyJuHRwcbCRpJf9lLdF/WCeF025jAaddoX7vZxXul8G0+1uFeylk6rdkKu4gNh5GGg/T29BO4IlS+ihbSyEE75Y3e20t23GJaMH3/S2dOqATdxAKG9lpxc3LR52zLeAU7bSMZI5V2CocUx5NFRdTcW1K25S2Kf03A6bemqm4fb9hU1tLU3H7BmyqyTcVt2/ApsY4U3H7BqwzxaTdJtF4mHYwOvezgHVYGmUbq/Aoq6dzd6uwDkujbGMVHmX1dO4+dgr/AX0QvluSLJk8AAAAAElFTkSuQmCC);
}
.product_tab.active .gzdxt_tab_img {
  background-image: url(../image/gzzxt_tab_a.png);
}
.product_tab .dgzd_tab_img {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAAWBJREFUaEPtmesNgzAMhPFm7VYwAdmq3SyVKiFVFLAP2yIK179J/LjPSZ0gw81+crN8BybcO3ESJuHOFGBJdwb0Lx0S9hAex/ElIg+PjTNra63vUsrTsjaU8DRN1eI0Y848z6ZcTJOsAS4JW51b7R7NQ30yYY/qqNoeX8ta1CcJe1RH1fb4ImGe0tv1wz28t68iuyikM9L2OXpumAlHd1FRzUl6wt5A0QAvJ8yENQSrcRIGBVtPRwWEDy2WNEgIJaKZR+2R8J6iqJLZdtIvD0xY21w741HCkXD09TCKTJQdEiZh5wNAVClG2WFJs6RZ0l8F2Etn98DdHFq/r5pHr5JbCVvXbsFABQwraWvQ3SRsvUugRDS7qL0wwlpgZxsFzS4TVhQiYe1vSSuxq8atr6lmwsEf0wYRs2tVQ+TjXJxXNaw2JjDhNjjkRUHCedq2YZmE2+CQFwUJ52nbhuXbEf4Ag87HTHEnJwMAAAAASUVORK5CYII=);
}
.product_tab.active .dgzd_tab_img {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAAzNJREFUaEPtWs9rE1EQnnlvN5u2lNpCQ8HGoqCgVvFuD1ps1It3QYTWnvwXBAmC/4IXawoiePei9qA91H+gVkUQodaUkmJ/UFK72d0Z2WhKSrLxsbvRJH172/Bm9vu++fGGIQiH7MFDxhc04U6PuI6wjnCHKaBTusMCWkNHRzhKhK/lVt4iwKUoPsLYMsD8q6n0ZRXbWCN8PbfCKh9txpmXU2klLkqHVAFWCD+/NaxqEvnczWffyz404QApdYSj5JhO6SjqKdrqGv6LULqGFTOp7rGOquE4p6jTqQTcz6SiaLtv27QajnuKims4aTrhqEArAKP6qYRYE46rS8fVkHSEI7YundI6pQ8qoDxp6RoOWXu6aYUUTt/Dce+0dA2HTEVdwyGF0zWsa7h+6ujBI6ikdJcO2Wx0lw4pnO7S/7pLP5grwKdCqSx8o61kvZRWta2XDP9tAaAKumMIq5aiblqqSgWcizWlxx4t9ydNHkLTHDCIFvxvRt0nNyvCrhBj7Dgbew6uLdwd2QzSsWbSuvhkvbeLisNSmkcFQte+IdOLViYMKG5UsDLyLrHIF8nMv7szuFNNfp9w5ulaD7jOKAAOSsTakfMP4YgZ2DzzKsKVj3jMDMDrYJhLc7eHiv7vZWLjM19HErLrLALJQERMDwHgXByIfRz1NI3g+z2guBdkz0BeyXM+vJk+sYyZXD4tES5E+FhbmPrRJkcs4tVc/sqBWm0L+OFAEsNPzDxenpCGkQznor2syoTHZ1ZHLMnn2wt6OLS2Zy+Wm9bE7MpJ4eEpIVGEc9XaVuQxAfDn19PpLzXXkkQRz38RWkQDj6lQcy1VY/PvY7LpmJR8cPBoEQIqMPzBw3XcVWElv1Xu34pdw51W9WgpWfQ1vKdVkDTpDIPwPKRtZPxRAnttfvL4lvJoGYgpmxVjqck+Kwn9BhhHUHA/MnY3iUNDt34EmXDTBXfL3oPNhcLsNmSzpIJFeWsZ5OxMdikxkOrtSfSIbos5CcQWkGGhkAlXkCWATGIUgj3BaCCCJ/x3359AJgZJyC4TSvLfCYRjkLCZvBIIYYNwbBtxr1Sk3Y3CTvFjdvT3liHk8wvwBUMznrcFHgAAAABJRU5ErkJggg==);
}
.product_tab .syfs_tab_img {
  background-image: url(../image/syfs_tab.png);
}
.product_tab.active .syfs_tab_img {
  background-image: url(../image/syfs_tab_a.png);
}
.product_tab_contents {
  margin: 0 auto;
  width: 1200px;
}
.gzdxt {
  display: none;
}
.gzdxt.active {
  display: flex;
}
.gzdxt_item {
  flex: 1;
  height: 400px;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff;
}
.gzdxt_item .gzdxt_title {
  font-size: 16px;
  margin: 40px 0 30px 0;
}
.gzdxt_item .gzdxt_content {
  font-size: 14px;
  margin: 30px;
  height: 170px;
}
.gzdxt_item .gzdxt_btn {
  color: #fff;
  padding: 10px 40px;
  border: 1px solid #fff;
  border-radius: 5px;
  text-decoration: none;
}
.gzdxt_item.zzgz {
  background-image: url(../image/gzzxt_1.png);
}
.gzdxt_item.fqgz {
  background-image: url(../image/gzzxt_2.png);
}
.gzdxt_item.sjcz {
  background-image: url(../image/gzzxt_3.png);
}
.gzdxt_item.gzdzq {
  background-image: url(../image/gzzxt_4.png);
}
.dgzd {
  display: none;
  justify-content: space-between;
  align-items: center;
  padding: 0 80px;
}
.dgzd.active {
  display: flex;
}
.dgzd_left .dgzd_left_item {
  margin-bottom: 60px;
  width: 500px;
  display: flex;
  justify-content: flex-start;
}
.dgzd_left_item .item_content {
  margin-left: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.dgzd_right {
  border-radius: 25px;
  background: #fff;
  padding: 5px;
  border: 10px #f3f8fd solid;
}
.syfs {
  display: none;
  justify-content: center;
  align-items: center;
}
.syfs.active {
  display: flex;
}
.syfs .syfs_item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.syfs_item img {
  height: 310px;
}
.hide {
  display: none;
}
.app-footer {
  width: 100%;
  min-width: 1200px;
  color: #ffffff;
  font-size: 14px;
  background-color: #333333;
}
.app-footer .vcenter {
  position: relative;
}
.app-footer .vcenter .vcenter1 {
  position: absolute;
  top: 3px;
  left: 60px;
}
.vcenter1 {
  width: 210px;
}
.app-footer .vcenter .vcenter2 {
  position: absolute;
  top: -1px;
  left: 60px;
}
.app-footer .top {
  /*height: 220px;*/
  padding-top: 15px;
  padding-bottom: 50px;
}
.app-footer .top .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.app-footer .top .l {
  float: left;
}
.app-footer .top .l ul li {
  font-size: 14px;
  color: #fff;
}
.app-footer .top .l ul li a {
  color: #fff;
}
.app-footer .top .l ul li span {
  width: 21px;
  height: 17px;
  display: inline-block;
  position: relative;
  top: 5px;
  left: 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABMElEQVQ4T52SyyvGQRiFn0Mu0SchCz5KKZeSYiMLJVvZ+juJvShrxYKycimXoi/J5YtX59dMTb+yYFbTzPvMnPecVxQrInqBGWAC6E9Xr8A1cCHpPZcrbyJiElgBusvHiv0ncCzpxmcVmKC1X4D68aGkKyV5W+knSzkHnoE+YAoYrZH+edfgIrAAvAH7QEPSY0QMpLNlYLoGnxrcBAaBM0knEdF0HxExlFT0APPAcAE/GdwGujJYmDUOPEhqJx8seT3VtkvQ/e3Z8ojwQ+6xE3BPDeAOWALmgArMUv3wJWC7O4CWpFYtZ/drsJKazXHNV/rFe4d+JOk7SR0BNpLUyhxPS46jnpmn5j6ZZBVjSfrOfwbgwK6XI9cEVv80ckUEzmwWcBR20usFuPVESfrItT8nAXymIGe9AAAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  cursor: pointer;
}
.app-footer .top .l ul .jzq {
  position: relative;
}
.app-footer .top .l ul .jzq img {
  display: none;
  position: absolute;
  width: 100px;
  height: 100px;
  top: -60px;
  left: 20px;
}
.app-footer .top .l ul .jzq:hover img {
  display: block;
}
.app-footer .top .m {
  float: left;
  margin-left: 229px;
}
.app-footer .top .m .cont {
  display: flex;
  align-items: center;
  margin-bottom: 27px;
}
.app-footer .top .m .cont img {
  margin-right: 27px;
}
.app-footer .top .m .cont a {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.65);
}
.app-footer .top .m .cont a:hover {
  color: #ffffff;
}
.app-footer .top .m > a {
  color: #fff;
  margin-right: 10px;
}
.app-footer .top .m .img {
  width: 350px;
  height: 29px;
  font-size: 30px;
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  color: #ffffff;
}
.app-footer .top .r {
  float: right;
  position: relative;
}
.app-footer .top .r .input-group {
  margin-top: 23px;
  position: relative;
}
.app-footer .top .r .input-group input {
  color: #979797;
  border: none;
  width: 140px;
  height: 35px;
  padding: 10px;
  background: #404040;
  border-radius: 4px;
  margin-bottom: 25px;
}
.app-footer .top .r textarea {
  color: #979797;
  padding: 10px;
  border: none;
  width: 300px;
  height: 66px;
  background: #404040;
  border-radius: 4px;
  resize: none;
}
.app-footer .top .r #customer-area-span {
  position: absolute;
  color: #979797;
  right: 0;
}
.app-footer .top .r .submit {
  width: 300px;
  height: 35px;
  background: #10A0E9;
  border-radius: 4px;
  text-align: center;
  line-height: 35px;
  position: relative;
  cursor: pointer;
  margin-top: 25px;
}
@-webkit-keyframes loading {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.25;
  }
}
.app-footer .top .r div.loading {
  position: absolute;
  top: 13px;
  left: 50%;
}
.app-footer .top .r div.loading span {
  width: 2px;
  height: 8px;
  background: #fff;
  position: absolute;
  left: 100%;
  top: 100%;
  opacity: 0;
  -webkit-animation: loading 1s linear infinite;
}
.app-footer .top .r div.loading span.bar1 {
  -webkit-transform: rotate(0deg) translate(0, -10px);
  -webkit-animation-delay: 0s;
}
.app-footer .top .r div.loading span.bar2 {
  -webkit-transform: rotate(30deg) translate(0, -10px);
  -webkit-animation-delay: -1.8334s;
}
.app-footer .top .r div.loading span.bar3 {
  -webkit-transform: rotate(60deg) translate(0, -10px);
  -webkit-animation-delay: -1.6668s;
}
.app-footer .top .r div.loading span.bar4 {
  -webkit-transform: rotate(90deg) translate(0, -10px);
  -webkit-animation-delay: -1.5002s;
}
.app-footer .top .r div.loading span.bar5 {
  -webkit-transform: rotate(120deg) translate(0, -10px);
  -webkit-animation-delay: -1.3336s;
}
.app-footer .top .r div.loading span.bar6 {
  -webkit-transform: rotate(150deg) translate(0, -10px);
  -webkit-animation-delay: -1.167s;
}
.app-footer .top .r div.loading span.bar7 {
  -webkit-transform: rotate(180deg) translate(0, -10px);
  -webkit-animation-delay: -1.0004s;
}
.app-footer .top .r div.loading span.bar8 {
  -webkit-transform: rotate(210deg) translate(0, -10px);
  -webkit-animation-delay: -0.8338s;
}
.app-footer .top .r div.loading span.bar9 {
  -webkit-transform: rotate(240deg) translate(0, -10px);
  -webkit-animation-delay: -0.6672s;
}
.app-footer .top .r div.loading span.bar10 {
  -webkit-transform: rotate(270deg) translate(0, -10px);
  -webkit-animation-delay: -0.5006s;
}
.app-footer .top .r div.loading span.bar11 {
  -webkit-transform: rotate(300deg) translate(0, -10px);
  -webkit-animation-delay: -0.334s;
}
.app-footer .top .r div.loading span.bar12 {
  -webkit-transform: rotate(330deg) translate(0, -10px);
  -webkit-animation-delay: -0.1674s;
}
.app-footer .bottom {
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  border-top: 1px solid #676767;
  color: #999999;
}
.app-footer .bottom p {
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
}
.app-footer .bottom p span {
  margin-left: 10px;
}
.app-right {
  position: fixed;
  z-index: 1000;
  top: 35%;
  right: 13px;
}
.app-right .top {
  height: 134px;
}
.app-right .top .left {
  float: left;
  display: none;
  width: 193px;
  height: 141px;
  padding: 16px 0 0 22px;
  background-image: url(../image/huihua.png);
  background-repeat: no-repeat;
  background-size: cover;
  color: #323232;
}
.app-right .top .left .detail-label {
  width: 85px;
  height: 27px;
  float: left;
  font-size: 12px;
  margin-right: 26px;
  line-height: 30px;
  text-align: center;
  color: #EC1C1C;
  cursor: pointer;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAAAiBAMAAABM7/HfAAAAJ1BMVEUAAAD/AAD/AAD/AAD/AAD/AAD/AAD/AAD/AQH/AAD/AAD/AQH/AABgFA07AAAADHRSTlMA7fLv1/n13vzm6M1+D2/hAAAAyElEQVQ4y2NwFhRiUBSEAKGYM0BwNEwZyBY2NlICAmVjI7W00NCwJMkSFxcX10agDEi9CYMBAxODAAMpgJFBgYEZqIeToYAkfewMExgYydZnwMBFsr4FQHemLpSwcCBJH0tzo1QY2J8kAmg4spKsLwCIM7d4k6xvi/c0oJ3kAMZRfTj0NZClj4PhAFn6eMjVR647h0w8DBV9ZOZbcssJcsslcstB8spd+tcPZNdjiHoTVGmGQZgIAK49jZXSQsO0SoD1piGs3gQA7CIuJt4eFXcAAAAASUVORK5CYII=);
  background-size: contain;
  background-repeat: no-repeat;
}
.app-right .top .left .detail-label:hover {
  font-size: 14px;
  color: #ffffff;
  background-size: cover;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAAAdBAMAAAAtJe1VAAAAMFBMVEXsHBz839/95OT83Nz70dH84OD/+fn+9PT96ur95ub81tb+8PD71NT7zs782dn82NgMjvzpAAAAtUlEQVQ4y2MgCTAKC/MGCkKAxu7y8vLdO2YqAQVClTRndnQqBS9xcXFPSxOMZRYWZGBgYmBmIcJMFmagSgZGBh5eIhTz8gBVAtXzEWUyH8hkZmMzRWK8pmZsDKKZCKqEq2Jes54oxfxrFkN1EGs2I/ExMmgUsxGtmI12igdNaJCgmKS0QVKqIyk9k5RTSMiDJOZuEssNRIk0Y3v57g4lMDs0FEgFKc3smCTnAiyRgCLgEokkAABvMR4LeblngwAAAABJRU5ErkJggg==);
}
.app-right .top .left span {
  display: inline-block;
  float: left;
}
.app-right .top .left .phone {
  height: 22px;
}
.app-right .top .left .phone span {
  width: 21px;
  height: 21px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAZCAMAAAAR624oAAABQVBMVEUAAADVAAD/AADbAAD/AADfAADjAADfEBDjDg7mGhrrFBTnGBjwFxfrFBTyGxvrGhryGhrsGRntGBjnGBjpHBzqGxvmGRntGhrqGRnrHBzsFxfpGhrpGRntGRnrGxvrGhrsGhrtGxvqGhrrGhrsHBzqGxvuHBzsGBjtGRnrGxvrGxvsGhrtGhrtHBzrGhrqGxvuGxvsGxvsGhrrGxvsHBzrGxvrGxvrGxvtGhrqGxvsGxvsGxvsHBzsHBzsHBzrGxvrGxvrGhrrHBzrGxvsHBzrHBzrHBzrGxvtGxvsGxvsHBzsGxvsHBzrGxvrGxvsGxvsHBzrGxvsGxvsGxvsGxvsGxvsGxvrHBzsGxvsGxvsGxvsHBzrGxvsGxvrGxvsGxvrGxvrGxvrHBzsHBzrHBzsHBzsHBzsGxvsGxvsGxvsHBw3TxX2AAAAanRSTlMABgYHBwgJEBIUGiAiJiYnJykqKy4wNDo8QEJFRkdMTU9UV1hcYGZpcHJzd39/gIOFhoiOk5eYmZuho6utrq+xtLe3v7/AwcPFx8nKy8/Q0tLY2d/g4ePn6Ort7/Ly8/P19vf3+Pn6+/3+WM51LgAAAT5JREFUGBl1wYdWE0EAhtFPdF2pihQJRRSlShSklwRYJ8YKwlAEFUgAE/73fwCyM0tOwiH3kmgbmcnsWFXYnczMSBs1Omet7rCznXgdWd0r20HF2JUSv3/l8/kve+dKXI3BR3n/ltpJ9G9cyPvAqZyz59ToO5dzirx5eLH1w9l6BvPykJem5VKJv49Jy0NemilVvSYtDznlSVZUtUjfWVkxpHJhbxzIqSoHPJo+/i+x+z4gNqQaPThvtkm8U51X1Fm4Vp3yBDXWpc9BMLgfBIGeBsG+dD3HrYefJBWtPSpZa3VobUkVm3hN27rX9yZia4rlw/DlQRiG6g7DAznLVDwpKfbHmJ9FY4y+GlOUU3oAdKmhViAlx0DKAmoFK68XGJBzEkXfClEUKRdFBXkpYFQNDQOjaugt0LxqGlgNuQGb29AQOTj1AwAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
}
.app-right .top .left .online {
  height: 30px;
}
.app-right .top .left .online span {
  width: 23px;
  height: 23px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAMAAADX9CSSAAAAllBMVEUAAAA0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDREYdm3AAAAMnRSTlMAAwzRtBsRCOe+IYss+eLaoJqDYlhNRTAW8evLrZZIPyfVxo9/dm5pUju3pl00/at0NsU18p0AAAE5SURBVCjPTZIHksMgDEVlig24917juKRsuf/lFoOTzWeA0QMxXxoADMMAKWd7JElngo7g5EOI3bJ0S7LAG8uZjMzesiyNCQuKf975eBN9mmaDmMtAaA4giJ/TGfu+32QwuzPS3LK9B+Lsbtstr1KD17vmdGpQ9JUcQRFU5uJdNRc4LPC3dvhk3c5tSeW4smjHDwsOmfxCG1clAJ+c1O/ljYPLREGI4jWx+jE7y1z3X/oTqgBPZo4XCwxEi4Lmt2W9KKf3ADljgADFQdjaxEvSSPF8gIHXFFBbMVbxDArHejVpc2MElnxLEsNQlrWPy5hYMKzPVyfP9ufxVyOgY+SJdIJausarp9UEh7jeLaJwvhNjHEb9cTG/hrfq7ugMWns9vCXsstU1Om0Mn4pkWfpEbZ962fz8Azr+Ax0YFL7rLr54AAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  margin-right: 17px;
}
.app-right .top .left .qq {
  height: 30px;
}
.app-right .top .left .qq span {
  width: 19px;
  height: 21px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAfCAMAAAAshTY2AAAAwFBMVEUAAAC/AADfAADqFRXfEBDmGhr0FhbqFRXsHBzwFhbqFRXsGhroFxfqGxvuGhrsGxvpGhrtGRnqGRnrGxvtGRnqGxvuGRnsGRnsGxvtGhrsGhrtHBztGxvsGxvtGhrtHBztGxvsGhrrGxvsHBzsGxvtHBzsGxvsGxvtGxvsGxvsHBzrGhrrHBzsGxvrGxvsGxvsHBzrGxvsHBzsHBzsGxvsGxvsGxvrHBzsHBzrGxvsHBzrGxvsGxvrHBzsGxvsHBwwaxpAAAAAP3RSTlMABAgMEBQXGBsjJCgsMDtDREdITFNUW1xfY2tvc3t/f4OHj5OXm5+jp6uvt7e7v7+/w8vT19/j5+fr7/Pz9/u64tD3AAAA3UlEQVQYGXXBiVqCQBgF0AtUGmHZ7paVIoZiK1JMxX3/t/IDRxT45xzsnTysEjJ9HZ+iwZr8cydso8oOeSA9R8WcFcrFgRvWfGDPSVl3gVKfDXOUlmxQKCk2daDZFFxD61EQQvMpcVGwfim5RcGh6Aw5a0JRD7kpZeoYwB1NngH7hybqCAOa9bGk2QLfNItBphkN1lAcRZR8LfiJ4AldSgbe3xC5FzatbbRQcN5Yl11h5zJgXRa0sdWlJPVQGFH0iEJHUcv8WUwtcbHVGkcJmcVTF4A3nEXvK//eAbABBlGgOqFUO0QAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  margin-right: 21px;
}
.app-right .top .right {
  cursor: pointer;
  float: left;
  width: 48px;
  height: 134px;
  padding-top: 20px;
  box-shadow: 0px 1px 1px 0px rgba(153, 153, 153, 0.56);
  border-radius: 4px;
  background-color: #ffffff;
  text-align: center;
}
.app-right .top .right:hover {
  background: #EC1C1C;
}
.app-right .top .right:hover .text {
  position: relative;
  left: 50%;
  width: 12px;
  height: 55px;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  margin-top: 10px;
}
.app-right .top .right:hover .label {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAATCAYAAACdkl3yAAAB7ElEQVQ4jZWUOWhVURCGvywiVjEmAZciiktc2oQIVooLiGLhVlhYGFBwKzSCle9aWIgBm2gkQjpRK1MF1EIQtDARGwVxQQsJYiGKoLjkCyfOlZvrkzx/uNx/zp35zz0zc6ZOpYDdwEVgIfAN+AI0AM3h0gecLAZkWTb1ri+sDQI3gYdAFzAHaAPmAXOBXuAE8AJopIRcaADoAdYDu4DRkt8n4EKILgaeVRPqBg4CW4F7ZYcSPgItwHKgUha6BLwBRmYQyfEZuAqcmXZEf+N0Srp6VO0N3qRmanfYm9WKmgq0LOLa1WPqklxofzjnSHx18L6wb4XdqM4K3qKOqu+Tw1f1fDivVNcETzt3qc1hL1A7g68tbNiRk7vqh+C1PtfVX8m3UqkkezAl+zjQCuypMdnzgb3AocLaWBJ6CvQDN4DOGUSWAuPAg2jgHA15Qx4BXgG3w26L7m6P4NRj14CX0WvrShtsKOZkQH2nHla/qz+djvStp0oOd1paGIqA1+q+qNIidZXa+o8idERMf3HxlHquYJ9VL0cbVBPZHn89lCpXHiNFbIoipHs1BrwFZgM/4mJfAQ5kWVaXYopjpIw7wApgC/AYaAImYqQ8ArYBT/4E/Wcj5s8OdVx9rtano/01oGrEMHAf2Dh1KpiYBMnZDb9UAmleAAAAAElFTkSuQmCC);
}
.app-right .top .right .label {
  width: 18px;
  height: 19px;
  display: inline-block;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAATCAMAAACqTK3AAAAAflBMVEUAAADsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBwN1fGeAAAAKXRSTlMANZopEgT85tquzb6BbFUZ65V1ZkUiDvfu3rOnno2ITkkfz8V5X1tAJEBdkhkAAAC6SURBVBjTXc2HbsMwDATQ05a849jObEbbjPv/HwwF2DCQB4kSjiAI0QTuuj35g4VmUvJMPaNbktfcsz4iU7xhMbGCKA5YaeZR/qPuMVUKQ4U37/UIPkDCyLpE52iLDrsLjAGURaugchNlh9XJA1rSBouWW0DOhmpORv5JreXGPay6j7cTS4gEGQ619yTDFqKhlDMPz7Y1FpnhRmp/ASr5ZFd/xmyILNIxOU2sBl0eyyL84ss1RHyzjcMHaqEMPra0OKoAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
}
.app-right .top .right .text {
  position: relative;
  left: 50%;
  width: 12px;
  height: 55px;
  font-size: 12px;
  font-weight: 400;
  color: #EC1C1C;
  margin-top: 10px;
}
.app-right .bottom {
  cursor: pointer;
  width: 47px;
  height: 65px;
  box-shadow: 0px 1px 1px 0px rgba(153, 153, 153, 0.56);
  border-radius: 4px;
  font-size: 12px;
  margin-top: 17px;
  color: #9A9A9A;
  float: right;
  padding-top: 17px;
  background-color: #ffffff;
  text-align: center;
}
.app-right .bottom:hover {
  color: #EC1C1C;
}
.app-right .bottom:hover .label {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAMAAABl5a5YAAAAVFBMVEUAAADsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHBzsHByw+GeFAAAAG3RSTlMAOYgCH/WWB5GMb2JDNRsO/PHc0J12bl1TKRIUAawyAAAAX0lEQVQY07WMSQ6AIBAEWxR3xX3r//9TgTEB71YmmVQdGpoxOBNHZjr3OwhFi4hesww9IzXz0Odq2lwRH9Hwufx1bVARqP1OweECFFNblA1rDwnYDwgSgH/D8g2tgucG5rQGKwhWz1MAAAAASUVORK5CYII=);
}
.app-right .bottom .label {
  display: inline-block;
  width: 16px;
  height: 18px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAMAAABl5a5YAAAAS1BMVEUAAACZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZkI0+mmAAAAGHRSTlMAOIgf9ZmSYA/Wjm5FPRsG/PGFdnBTKQqHwfWtAAAAXUlEQVQY07WLRw6EQBDEDMwsQ15y/f+lpEaEO1ZLLVsqnJ4wVdFGEvZXRRhNyYPa6Xf3RLJyepZnhfzlLanW86e7QC4YjtWsf4BYQKEOaPoaC6QjhgX4Nvh3KGMOFlQ1BV8n6foYAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
}
.font-16 {
  font-size: 16px !important;
}
.text-989898 {
  color: #989898 !important;
}
#txt1-contact,
#txt2-contact,
#txt3-contact,
#txt4 {
  position: absolute;
  color: #ccc;
  font-size: 12px;
  bottom: 5px;
  left: 10px;
  display: none;
}
#txt2 {
  left: 170px;
}
#txt3 {
  bottom: -88px;
}
.yqlj1 {
  position: absolute;
  bottom: -15px;
  left: 54px;
  color: #AEB0B2;
}
.yqlj2 {
  position: absolute;
  bottom: 5px;
  left: 54px;
  color: #AEB0B2;
}
.yqlj a {
  color: #AEB0B2;
  margin-right: 10px;
  text-decoration: none;
}
.yqlj a:hover {
  color: #ffffff;
}
/*header*/
.head_title {
  text-align: center;
}
.head_title .head_title_text_w {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.851);
  margin-top: 14px;
}
.head_title .head_title_text {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.451);
  margin-top: 14px;
}
.head_title .head_title_top {
  display: flex;
  justify-content: center;
  align-items: center;
}
.head_title_top .title_name_w {
  font-size: 26px;
  font-weight: bold;
  color: #ffffff;
  margin: 0 20px;
}
.head_title_top .title_name {
  font-size: 26px;
  font-weight: bold;
  color: #10A0E9;
  margin: 0 20px;
}
.head_title_top .title_line {
  width: 134px;
  height: 2px;
  border-radius: 100px;
  opacity: 1;
}
.head_title_top .title_left_line {
  background: linear-gradient(90deg, rgba(16, 160, 233, 0) 0%, rgba(16, 160, 233, 0.6588) 100%);
}
.head_title_top .title_left_line_w {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 100%);
}
.head_title_top .title_right_line {
  background: linear-gradient(270deg, rgba(16, 160, 233, 0) 0%, rgba(16, 160, 233, 0.6588) 100%);
}
.head_title_top .title_right_line_w {
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 100%);
}
/*按钮*/
.visit_li_btn:hover {
  background: rgba(16, 160, 233, 0.502);
  border: 1px solid #FFFFFF;
  color: #ffffff;
}
.visit_li_btn {
  width: 150px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  color: #10A0E9;
  border-radius: 5px;
  border: 1px solid #10A0E9;
  cursor: pointer;
}
.system_banner {
  width: 100%;
  height: 550px;
  background-size: cover;
  background-image: url(../image/system_banner.png);
  padding-top: 372px;
}
.system_banner .flex-box {
  display: flex;
  justify-content: center;
}
.system_banner .banner_btn:first-child {
  margin-right: 30px;
}
.system_banner .banner_btn {
  width: 150px;
  height: 40px;
  border-radius: 5px;
  opacity: 1;
  border: 1px solid #FFFFFF;
  font-size: 16px;
  font-weight: 400;
  line-height: 40px;
  text-align: center;
  color: #FFFFFF;
  cursor: pointer;
}
.system_banner .banner_btn:hover {
  width: 150px;
  height: 40px;
  background: #FFFFFF;
  border-radius: 5px 5px 5px 5px;
  opacity: 1;
  border: 1px solid #10A0E9;
  color: #10A0E9;
}
/*  产品介绍  */
.product_introduce {
  padding: 110px 0 56px 0;
  background: #F8F8F8;
}
.product_introduce .introduce_ul {
  margin: 101px auto 0 auto;
  width: 1200px;
  padding-left: 4px;
  display: flex;
  justify-content: space-between;
}
.introduce_li {
  width: 350px;
  height: 410px;
  background: #FFFFFF;
  box-shadow: 0 6px 16px 1px rgba(76, 142, 238, 0.1608);
  border-radius: 10px;
}
.introduce_li .int_top {
  height: 225px;
  font-size: 20px;
  font-weight: 500;
  color: #10A0E9;
  text-align: center;
  padding-top: 50px;
}
.introduce_li .int_top .int_img {
  width: 83px;
  height: 83px;
  margin-bottom: 25px;
}
.introduce_li .int_bottom {
  padding: 25px 12px 16px 12px;
  height: 185px;
  width: 100%;
  background: #EEF8FE;
  border-radius: 0 0 10px 10px;
  border: 1px solid #FFFFFF;
}
.int_bottom .div {
  height: 10px;
}
/*    国家政策*/
.country_policy {
  padding: 80px 0 90px 0;
  background: #F8F8F8;
}
.country_policy .policy_content {
  width: 1200px;
  margin: 75px auto 0 auto;
  position: relative;
  display: flex;
  justify-content: flex-end;
}
.policy_content .policy_content_img {
  width: 358px;
  height: 480px;
  top: -31px;
  position: absolute;
  left: 0;
}
.policy_content .policy_content_ul {
  width: 1039px;
  height: 450px;
  background: #FFFFFF;
  box-shadow: 0 3px 24px 1px rgba(20, 101, 192, 0.102);
  border-radius: 10px;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-end;
  padding: 51px 42px 60px 0;
}
.policy_content_ul .policy_content_li {
  display: flex;
}
.policy_content_li .li_img {
  width: 16px;
  height: 16px;
  margin-right: 10px;
}
.policy_content_li .li_text {
  width: 740px;
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  line-height: 20px;
}
/*  视频庭审  */
.video_trial {
  width: 100%;
  height: 750px;
  background-image: url(../image/video_trial_bg.png);
  background-size: cover;
  padding: 145px 0 111px 0;
}
.video_trial .v_trial_content {
  width: 1122px;
  margin: 88px auto 0 auto;
  padding-left: 5px;
  display: flex;
  justify-content: space-between;
}
.v_trial_content .v_trial_img {
  width: 584px;
  height: 352px;
}
.v_trial_content .v_trial_right {
  width: 488px;
}
.v_trial_right .v_trial_text {
  margin: 29px 0 30px 0;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  line-height: 26px;
}
.v_trial_text .div {
  height: 10px;
}
/*    定制开发*/
.customized_dev {
  padding: 110px 0 96px 0;
  background: #F8F8F8;
}
.customized_dev .customized_dev_card {
  padding: 60px;
  width: 1200px;
  background: #FFFFFF;
  box-shadow: 0 3px 24px 1px rgba(20, 101, 192, 0.102);
  border-radius: 10px;
  margin: 90px auto 0 auto;
  display: flex;
  justify-content: space-between;
}
.customized_dev_card .card_left {
  width: 488px;
}
.card_left .card_text {
  margin: 20px 0 60px 0;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  line-height: 30px;
}
.customized_dev_card .dev_card_img {
  width: 550px;
  height: 310px;
}
/*    区块链*/
.blockchain_evidence {
  width: 100%;
  height: 807px;
  background-image: url(../image/blockchain_evidence_bg1.png);
  background-size: cover;
  padding-top: 112px;
  background-color: #f8f8f8;
}
.blockchain_evidence .evidence_ul {
  width: 1080px;
  margin: 114px auto 0 auto;
  display: flex;
  justify-content: space-between;
}
.evidence_ul .evidence_img {
  width: 550px;
  height: 310px;
  border-radius: 10px;
}
.evidence_ul .evidence_li {
  width: 488px;
}
.evidence_li .li_text {
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 28px;
}
.evidence_li .li_text .div {
  height: 20px;
}
.evidence_li .evidence_li_btn {
  width: 150px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 5px;
  border: 1px solid #FFFFFF;
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  cursor: pointer;
  margin-top: 25px;
}
.evidence_li .evidence_li_btn:hover {
  background: rgba(16, 160, 233, 0.502);
}
/*    仲裁委官网*/
.notarization_obtain {
  padding: 120px 0 85px 0;
  background-color: #f8f8f8;
}
.notarization_obtain_ul {
  width: 1096px;
  margin: 98px auto 0 auto;
  padding-left: 29px;
  display: flex;
  justify-content: space-between;
}
.notarization_obtain_ul .obtain_ul_li {
  width: 350px;
}
.obtain_ul_li .li_text {
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  line-height: 28px;
  margin: 49px 0 51px 0;
}
.notarization_obtain_ul .obtain_ul_img {
  width: 611px;
  height: 324px;
}
/*    手机申请端*/
.mobile_apply {
  width: 100%;
  height: 750px;
  padding-top: 100px;
  background-size: cover;
  background-image: url(../image/mobile_apply_bg.png);
}
.mobile_apply .mobile_apply_img {
  margin: 221px 431px 0 0;
  text-align: right;
}
.mobile_apply_img .apply_img {
  width: 230px;
  height: 230px;
}
/*    资源推送*/
.resources_push {
  background: #f8f8f8;
  padding: 140px 0 42px 0;
}
.resources_push .push_content {
  width: 1200px;
  height: 483px;
  margin: 78px auto 0 auto;
  padding: 38px 116px;
  display: flex;
  justify-content: flex-start;
  background-size: cover;
  background-image: url(../image/resources_push_cont_bg.png);
}
.push_content .push_content_li {
  width: 150px;
  height: 150px;
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  text-align: center;
  margin-right: 68px;
}
.push_content_li .content_li_top {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  font-size: 16px;
  font-weight: 400;
  color: #10A0E9;
  margin-bottom: 18px;
}
.content_li_top_num {
  font-size: 39px;
  font-weight: bold;
  margin-right: 8px;
}
/*    荣誉资质*/
.honor_qualifications {
  padding: 120px 0 101px 0;
  background: #f8f8f8;
}
.honor_qualifications .qualifications_box {
  width: 1198px;
  margin: 100px auto 0 auto;
}
.qualifications_box .qualifications_img {
  width: 1198px;
  height: 463px;
}
.wbq_header .text-right a {
  font-size: 16px;
  font-weight: 400;
  position: relative;
  display: inline-block;
  padding: 0 13px 0;
  line-height: 38px;
  cursor: pointer;
}
.wbq_header .text-right a.active {
  color: #0086cc;
}
.wbq_header .text-right a:hover {
  color: #0086cc;
}
.wbq_header .navStatic {
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.7);
}
.wbq_header .navStatic .list-table {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wbq_header .navStatic li > div {
  display: inline-block;
  position: relative;
}
.wbq_header .navStatic li > div:hover .bbox {
  display: block;
}
.wbq_header .block-min-title {
  padding-top: 16px;
}
.wbq_header .block-min-title h4 {
  padding: 8px 0;
  font-size: 32px;
}
.wbq_header .block-min-title h5 {
  line-height: 200%;
  font-size: 14px;
}
.wbq_header .has-border-bottom {
  border-bottom: 1px solid #E4E4E4;
}
.wbq_header .bg-white {
  background-color: white;
  border-bottom: 1px solid #e6e6e6;
}
.wbq_header .bg-white a {
  color: #000000;
}
.wbq_header .bbox {
  position: absolute;
  left: -10px;
  top: 40px;
  width: 120px;
  display: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  text-align: center;
  z-index: 1000;
  box-shadow: 1px 1px 1px #999;
}
.wbq_header .bbox:before,
.wbq_header .bbox:after {
  position: absolute;
  content: '';
  border: 10px solid;
}
.wbq_header .bbox:before {
  top: -20px;
  left: 50px;
  border-color: transparent transparent #ddd transparent;
}
.wbq_header .bbox:after {
  border-color: transparent transparent #fff transparent;
  top: -18px;
  left: 50px;
}
.wbq_header .bbox .triangle {
  width: 0;
  height: 0;
  position: absolute;
  z-index: 1;
  border-width: 10px;
  border-style: solid;
  border-color: transparent;
}
.wbq_header .bbox a {
  padding: 8px 0 !important;
  line-height: normal !important;
  color: #333;
}
.wbq_header .bbox .triangle.top {
  border-bottom-color: #fff;
  top: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.wbq_header .loginuser {
  margin-top: 40px;
}
.wbq_header .loginuser > h5 {
  position: relative;
  display: inline-block;
  margin: 0;
}
.wbq_header .loginuser > h5 > img {
  max-width: 14px;
  max-height: 14px;
  position: absolute;
  top: -5px;
}
.wbq_header .login:hover {
  opacity: 0.7;
}
.wbq_header .register a {
  width: 118px;
  height: 38px;
  border: 1px solid #3365AF;
  color: #3365AF;
  font-size: 16px;
  line-height: 38px;
  text-align: center;
  border-radius: 5px;
  padding: 0;
}
.wbq_header .register:hover a {
  background: #4B7DEF;
  color: #ffffff;
  border: 0;
}
.wbq_header .backBoss {
  opacity: 0;
}
.wbq_header .userbar:hover .backBoss {
  opacity: 1;
}
.wbq_header .block-userinfo:hover .newPMain {
  display: block;
}
.wbq_header .newPMain {
  position: absolute;
  background-color: #fff;
  width: 100px;
  top: 50px;
  left: 84px;
  box-shadow: 0px 2px 7px 0px rgba(162, 178, 204, 0.41);
  border-radius: 2px;
  display: none;
}
.wbq_header .newPMain:before {
  content: '';
  width: 0;
  height: 0;
  border-bottom: 7px solid #fff;
  border-left: 7px solid transparent ;
  border-right: 7px solid transparent ;
  position: absolute;
  top: -7px;
  right: 20px;
}
.wbq_header .newPMain .nItem {
  height: 40px;
}
.wbq_header .newPMain .nItem a {
  font-size: 12px;
}
.wbq_header .newPMain .nItem a i {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAWFJREFUOE+d0TFIAmEUB/D//1RyiaYIiYYCl7ZIOOUMjMCzwTajsbamiGpuaK6orc3aIocIF08IhO7whKItAoeGCImGiJZEvRedKFpHg2987/2+73vvIwYMDujQB6PxZBrggfdhsm2bxXyn1g81/bahIH13Y9R68eycHgo4yNuWEfGEMS15IqBA5IHiM0kJOnAiIKcJYdkqrnvCTCbje659HEK4AgWLbEpQFF6Ccj4RGtnK5XItT9hJRrXUhaB1Cvh+lrBqW4Xl33N7bjUWT2UgzozbTOW+bBZynlDV9HkASyQVt0EkLJBR14FvIKvttDgkr2yzUHJvjGr6EygbEDT//VfCD/DYNo2pLgwG6uFSqfQvTCQS/q/GUNW2jEkXxjR9V4AdAO8g6n/mEWbB1qOIckZgv2wZe93lqJq+SWINghfP5xLjIshWLOOoPXtPqOrCmKL4h72g4zQ/K5Xr107tGyzHfw/GLDcOAAAAAElFTkSuQmCC) no-repeat;
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: -2px;
  margin-right: 5px;
}
.wbq_header .newPMain .nItem a i.loginOut {
  vertical-align: -3px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAcpJREFUOE+d0j9o1FAcB/Dv7yW59sD+QbvUP6tDb8yQq7lKh5JcHaRCN3FyEAsubpWCXQRxFIpwg5MUugieSC8HpRma3EvhoBQEwcHBSahiLXKW5N5PkmuO4wRBs73H75Pve7/3I/znR4OuVCoVxiYu3esK9U6DuAMgoS5tKQ1u0jmqtdvtOK/vw9lZ9zwLNABcidG1DNLWwOiqmJ8JgySAT7+M0+qB739PcQazpMnLIYGOVUK3omj7R7ni1lIoA+++aS5MGEX9DcDFuHNUSZMzWL62+ACkHmkYuRoE9ZNsbwCma8taHCddfQTzugybL3rQdiWI38q95pP8DsOwF+A8BsiRoWfn8EQpWt5vNbw+tKvP0+bIoPEw37Ps6g1i3pShN5nDYwaWosDbzYtK8/PntG8FPjxs/hw4xQIYWzLwLmTQst0Q4HoUNJ/+7VnLFWeNmJxW4F3vwYqzQqBVjUdm8uYM/yBtDnT1ASTWo73tWgZN0zSM0akWgb4KFJaHcYqEpl6zwNiofmr7vp/0B8Ccc6cLiuoMvghgA4T9LFVxmYlWiPCZ4+RmFO186Q9Afqyz5LsAbgOYOSt4r0i8Kuqdl2nSHyP3r7P+G28Rvg8gaLf1AAAAAElFTkSuQmCC) no-repeat;
}
.wbq_header .newPMain .nItem:hover {
  background-color: rgba(38, 103, 206, 0.08);
}
.wbq_header .newPMain .nItem:hover a i.mySys {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAWpJREFUOE+dkTtLA1EQhc/cDTGNWIiIWEjEZEWw2E1+gCkttFMsFWSTSkStLaxVtMsuQrQTLUTyA7SwzKMQJLsRgoWIiChYJZgZyUs0rBaZau6d+ebcOZfQY1CPHH6Bk8n8nJDag3SNI4CEN0t2LNup/AKjyUKuKjz34MSffqJjVm6kj1TWs824L6hbhTRTU+9OSN0EhEN1oNE8pQTkOmbKF8SCaPpgcV+EljSpz4poIVa4IJJT99XYwDnV/cH2bTRVOIPQcfNIsuylzcVuE31d1a3ighCMFoei6xjnvqBu5RJM2rwiUo0GAUcgGGop4oWgyo2URVgjXJbSxnVTMZosVBiyppg+//tXVhJQUIeebYy3wWLFc98juE78C2LmKhDVB8qebYY7itsQ2SKiN4Cq3aoCZEBcAuMERLuebe58mzNh5deVohUAj388d5RZMvdO7KC1+o8Ir94Oq2Ct3w/kWvCjcjT93Kl9AUHmhQ+88neiAAAAAElFTkSuQmCC) no-repeat;
}
.wbq_header .newPMain .nItem:hover a i.loginOut {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAc5JREFUOE+d0k1IG1EQB/D/7CaFVWNLvGjRS6nBD4pkI1SwFApiSw9SQU+lJyGLAS+9KYK5FIqn0lK6u4gXS8FLoUqhPXmLUmJyEsyLoNCTUEHd9mD2Y2TXbAwRhPpu7zG/NzPvDeGGi+pd/+TOrUr8TCPJ/Q6OvGLA8SRvVXbwNAY2t81BO4yvwc6pXLwpqvwAc5fD3sMIyfMEduHKi57sbhFov6Lg2cG75LGPA+hnstvOcgBOvGhlfO/D0GlCK5o+LBnq9L10/nZUkr8xQ4mx+8jPHMBurTBD4DmymxOl5R7LP6uH/v7+TLlVqlhlImRLuvopgAmtuMWE9bKefBP20AiDuHRxARKPCl0dDqElkTexq6d+XsLCezA5wky+rrvsOcBfhKHeqcLtE2J+UTIHN8Kg/sxGyx8rzocrA/9qcLowAo9WhZFsC3vMEWFN6Orb6761WyvMEzAqDPVxWGoGwCzZSl/4OI0XVB9nF+CsMFJmAFPpfNQiaZNAR7CViUZcRV9BFBPtx8PIPnFqA9Cbzne4JK+B+S5AH8H8CxGAPQwRkAHRb9uJjO0vPTisDUBYlp/5L0lTDHoJoO/inHcA/iw6Tpf9TFdG7n9n/RwSicoPqJAtjQAAAABJRU5ErkJggg==) no-repeat;
}
.wbq_header .right {
  position: fixed;
  top: 40%;
  right: 0;
}
.wbq_header .right .cont {
  width: 82px;
  height: 78px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(25, 46, 78, 0.65);
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  color: #ffffff;
  cursor: pointer;
  margin-bottom: 10px;
}
.wbq_header .right .cont:hover {
  background-color: #3c64a5;
}
.wbq_header .right .cont:hover.service:before {
  display: block;
}
.wbq_header .right .cont img {
  width: 32px;
  height: 32px;
  margin: 0 0 8px 0;
}
.wbq_header .right .service {
  position: relative;
}
.wbq_header .right .service:before {
  content: '';
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-right: 7px solid #3C64A5;
  border-bottom: 7px solid transparent;
  position: absolute;
  left: -7px;
  top: 20px;
  display: none;
}
.wbq_header .right .service .service-content {
  display: none;
  position: absolute;
  top: 0;
  left: -93px;
}
.wbq_header .right .service .service-content .box {
  width: 93px;
  background-color: transparent;
}
.wbq_header .right .service .service-content .box .service-cont {
  width: 82px;
  height: 78px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #2F76DA;
  background-size: 100% 100%;
  color: #ffffff;
  cursor: pointer;
  position: relative;
}
.wbq_header .right .service .service-content .box .service-cont:nth-child(1) {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.wbq_header .right .service .service-content .box .service-cont:nth-child(2) {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.wbq_header .right .service .service-content .box .service-cont:nth-child(2):before {
  content: '';
  width: 80%;
  height: 1px;
  background-color: #4781DD;
  position: absolute;
  top: 0;
  left: 10%;
}
.wbq_header .right .service:hover .service-content {
  display: block;
}
.wbq_header .right .serviceTel {
  position: relative;
}
.wbq_header .right .serviceTel .content {
  width: 188px;
  height: 78px;
  display: none;
  align-items: center;
  position: absolute;
  top: 0;
  left: -188px;
  background: url(../image/telbg.png) no-repeat;
  background-size: 100% 100%;
  color: #000000;
  font-weight: bold;
  font-size: 16px;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.06);
}
.wbq_header .right .serviceTel .content img {
  width: 32px;
  height: 32px;
  margin: 0 10px;
}
.wbq_header .right .serviceTel:hover .content {
  display: flex;
}
.wbq_header .right .attention {
  position: relative;
}
.wbq_header .right .attention div {
  width: 188px;
  height: 190px;
  background: url(../image/attentionbg.png) no-repeat;
  background-size: 100% 100%;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: -188px;
  color: rgba(0, 0, 0, 0.45);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.06);
  letter-spacing: 7px;
}
.wbq_header .right .attention div img {
  width: 144px;
  height: 144px;
  margin-top: 8px;
  margin-right: 4px;
}
.wbq_header .right .attention:hover div {
  display: flex;
}
.wbq_header .pull-down {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  transform: rotate(-45deg);
  margin-left: 3px;
  margin-bottom: 3px;
}
.wrap {
  background: #f8f8f8;
}
.wrap .top {
  position: relative;
}
.wrap .top .des {
  position: absolute;
  top: 100px;
  left: 360px;
}
.wrap .top .des .tit {
  font-size: 36px;
  font-weight: bold;
  color: #0752FF;
}
.wrap .top .des .tip {
  margin-top: 15px;
  font-size: 28px;
  font-weight: bold;
  color: #0752FF;
  text-shadow: 0px 3px 6px rgba(255, 255, 255, 0.76);
}
.wrap .top .des .t-btn {
  margin-top: 25px;
  font-size: 14px;
  width: 96px;
  height: 30px;
  line-height: 30px;
  background: #0752FF;
  border-radius: 32px 32px 32px 32px;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
}
.wrap .crumbs-box {
  width: 1200px;
  height: 62px;
  position: relative;
  padding-top: 29px;
  margin: 0 auto 33px auto;
}
.wrap .crumbs-box .app-crumbs {
  width: 1200px;
  margin: 0 auto;
}
.wrap .crumbs-box .app-crumbs p {
  color: #989898;
}
.wrap .crumbs-box .app-crumbs p .link-app-home {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
}
.wrap .crumbs-box .app-crumbs p a {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
}
.wrap .crumbs-box .app-crumbs p span {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
}
.wrap .crumbs-box .line {
  width: 1200px;
  height: 1px;
  background: #e6e6e6;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -600px;
}
.wrap .c1 {
  box-shadow: 0px 17px 16px 1px rgba(51, 127, 241, 0.1);
  border-radius: 20px 20px 20px 20px;
}
.wrap .c1 .con {
  position: relative;
  margin-top: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wrap .c1 .con .video-left {
  width: 477px;
  height: 309px;
  position: relative;
}
.wrap .c1 .con .video-left video {
  width: 100%;
  height: 100%;
  border-radius: 0 0 10px 10px;
}
.wrap .c1 .con .video-left .paused_icon,
.wrap .c1 .con .video-left .play_icon {
  background-size: cover;
  width: 457px;
  height: 250px;
  display: block;
  position: absolute;
  top: 0px;
  left: 0%;
  cursor: pointer;
  z-index: 22;
}
.wrap .c1 .con .video-left .play_icon {
  /*background: url("/img/play.png") no-repeat;*/
}
.wrap .c1 .con .btns {
  width: 493px;
  margin-top: -90px;
  margin-left: 79px;
}
.wrap .c1 .con .btns .p1 {
  font-size: 20px;
  font-weight: bold;
  color: #00133A;
  margin: 40px 0;
}
.wrap .c1 .con .btns .p2 {
  width: 493px;
  line-height: 30px;
  color: rgba(0, 19, 58, 0.45);
  font-size: 14px;
}
.wrap .c2 {
  width: 100%;
  height: 580px;
  background: linear-gradient(180deg, #FFFFFF 0%, #D8E9FF 100%);
  margin-top: 50px;
}
.wrap .c2 .tab-cont {
  width: 1200px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin: 0 auto;
}
.wrap .c2 .tab-cont .left {
  width: 544px;
  height: 339px;
}
.wrap .c2 .tab-cont .left img {
  width: 100%;
  height: 100%;
}
.wrap .c2 .tab-cont .right {
  margin-top: -30px;
}
.wrap .c2 .tab-cont .right .active {
  background: #337FF1 !important;
}
.wrap .c2 .tab-cont .right .active p {
  color: #fff !important;
}
.wrap .c2 .tab-cont .right .active .circle {
  width: 20px;
  height: 20px;
  background: #337FF1;
  border: 2px solid #337FF1;
  border-radius: 50%;
}
.wrap .c2 .tab-cont .right .active .circle2 {
  width: 12px;
  height: 12px;
  border: 2px solid #FFFFFF !important;
  border-radius: 50%;
  margin-top: 2px;
  margin-left: 2px;
  position: absolute;
}
.wrap .c2 .tab-cont .right .list {
  width: 579px;
  height: 90px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px 1px rgba(51, 127, 241, 0.28);
  border-radius: 11px 11px 11px 11px;
  padding-left: 26px;
  position: relative;
}
.wrap .c2 .tab-cont .right .list .circle {
  width: 20px;
  height: 20px;
  /*background: #337FF1;*/
  border: 2px solid #337FF1;
  border-radius: 50%;
}
.wrap .c2 .tab-cont .right .list .circle2 {
  width: 12px;
  height: 12px;
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  margin-top: 2px;
  margin-left: 2px;
  position: absolute;
}
.wrap .c2 .tab-cont .right .list:not(:last-child) {
  margin-bottom: 7px;
}
.wrap .c2 .tab-cont .right .list:not(:last-child) .line {
  width: 5px;
  height: 70px;
  background: rgba(51, 127, 241, 0.19);
  border-radius: 5px 5px 5px 5px;
  margin-left: 7px;
}
.wrap .c2 .tab-cont .right .list img {
  width: 65px;
  margin: 16px 0 15px 0;
}
.wrap .c2 .tab-cont .right .list p {
  color: #00133A;
  font-size: 14px;
  margin-right: 15px;
}
.wrap .con {
  width: 1200px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin: 0 auto;
}
.wrap .con .left {
  width: 576px;
}
.wrap .con .left img {
  width: 100%;
}
.wrap .con .right {
  width: 540px;
}
.wrap .con .right .list {
  display: flex;
  margin-bottom: 20px;
}
.wrap .con .right .list img {
  width: 14px;
  height: 14px;
  margin-right: 11px;
}
.wrap .con .right .list p {
  width: 496px;
  color: #00133A;
  font-size: 14px;
}
.wrap .con .right .btn {
  width: 141px;
  height: 30px;
  background: #337FF1;
  border-radius: 32px 32px 32px 32px;
  opacity: 1;
  border: 1px solid #337FF1;
  cursor: pointer;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wrap .con .right .btn a {
  color: #fff;
}
.wrap .con .right .btn:hover {
  background: rgba(51, 127, 241, 0.15);
  border: 1px solid #337FF1;
}
.wrap .con .right .btn:hover a {
  color: #337FF1;
}
.wrap .con2 {
  width: 1200px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin: 0 auto;
}
.wrap .con2 .left {
  width: 510px;
}
.wrap .con2 .left .list {
  display: flex;
  margin-bottom: 20px;
}
.wrap .con2 .left .list img {
  width: 14px;
  height: 14px;
  margin-right: 11px;
}
.wrap .con2 .left .list p {
  width: 496px;
  color: #00133A;
  font-size: 14px;
}
.wrap .con2 .left .btn-white {
  width: 141px;
  height: 30px;
  background: #FFFFFF;
  border-radius: 32px 32px 32px 32px;
  cursor: pointer;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wrap .con2 .left .btn-white a {
  color: #337FF1;
}
.wrap .con2 .left .btn-white:hover {
  background: rgba(51, 127, 241, 0.15);
  border: 1px solid #337FF1;
}
.wrap .con2 .left .btn-white:hover a {
  color: #337FF1;
}
.wrap .con2 .left .btn {
  width: 141px;
  height: 30px;
  background: #337FF1;
  border-radius: 32px 32px 32px 32px;
  opacity: 1;
  border: 1px solid #337FF1;
  cursor: pointer;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wrap .con2 .left .btn a {
  color: #fff;
}
.wrap .con2 .left .btn:hover {
  background: rgba(51, 127, 241, 0.15);
  border: 1px solid #337FF1;
}
.wrap .con2 .left .btn:hover a {
  color: #337FF1;
}
.wrap .con2 .right {
  width: 540px;
}
.wrap .con2 .right img {
  width: 100%;
}
.wrap .c3 {
  margin-top: 62px;
}
.wrap .c4 {
  margin-top: 76px;
  background: url(../image/c4-bg.png) no-repeat;
}
.wrap .c4 .list p {
  color: #fff !important;
}
.wrap .c5 {
  width: 1200px;
  height: 467px;
  background: #FFFFFF;
  box-shadow: 0px 17px 16px 1px rgba(51, 127, 241, 0.1);
  border-radius: 20px 20px 20px 20px;
  margin: 0 auto;
  margin-top: 30px;
}
.wrap .c6 {
  margin-top: 60px;
}
.wrap .c7 {
  height: 595px;
  width: 100%;
  background: url(../image/dlwq-bj.png) no-repeat;
  background-size: 100% 100%;
}
.model {
  width: fit-content;
  margin: 0 auto;
}
.model img {
  vertical-align: 3px;
}
.model .title {
  height: 38px;
  font-size: 26px;
  font-family: Source Han Sans SC;
  font-weight: bold;
  color: #3177de;
  margin: 0 20px;
}
.content {
  width: 1200px;
  margin: 0 auto;
}
.text-989898 {
  color: #989898 !important;
}
.app-footer1 {
  width: 100%;
  min-width: 1200px;
  color: #ffffff;
  font-size: 14px;
  background-color: #001E5B;
}
.app-footer1 .vcenter {
  position: relative;
}
.app-footer1 .vcenter .vcenter1 {
  position: absolute;
  top: 3px;
}
.app-footer1 .vcenter .vcenter2 {
  position: absolute;
  top: -1px;
}
.app-footer1 .top {
  padding-top: 15px;
}
.app-footer1 .top .l {
  float: left;
  margin-top: 7px;
}
.app-footer1 .top .l .col-list {
  display: flex;
  flex-direction: column;
}
.app-footer1 .top .l .col-list li:not(:first-child) {
  margin-bottom: 10px;
}
.app-footer1 .top .l ul li {
  font-size: 14px;
}
.app-footer1 .top .l ul li a {
  color: #fff;
  font-size: 12px;
}
.app-footer1 .top .l ul li span {
  width: 21px;
  height: 17px;
  display: inline-block;
  position: relative;
  top: 5px;
  left: 18px;
  background-image: url(../image/weixin.png);
  background-repeat: no-repeat;
}
.app-footer1 .top .l ul p {
  font-size: 12px;
}
.app-footer1 .top .l ul p :first-child {
  margin-right: 10px;
}
.app-footer1 .top .l ul a {
  font-size: 12px;
}
.app-footer1 .top .l ul .jzq {
  position: relative;
}
.app-footer1 .top .l ul .jzq img {
  display: none;
  position: absolute;
  width: 100px;
  height: 100px;
  top: -60px;
  left: 20px;
}
.app-footer1 .top .l ul .jzq:hover img {
  display: block;
}
.app-footer1 .top .l .txtHover {
  font-size: 12px;
}
.app-footer1 .top .l .txtHover:hover {
  color: #ffffff !important;
}
.app-footer1 .top .m {
  width: 330px;
  float: left;
  margin-left: 147px;
}
.app-footer1 .top .m img {
  width: 188px;
  height: 32px;
}
.app-footer1 .top .forter_weixn {
  /*float: left;*/
  /*margin-left: 111px;*/
  /*margin-top: 7px;*/
}
.app-footer1 .top .forter_weixn .frame {
  width: 128px;
  height: 144px;
  padding: 8px 8px 0;
  background: rgba(255, 255, 255, 0.21);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  border-radius: 3px;
}
.app-footer1 .top .forter_weixn .frame img {
  width: 112px;
  height: 112px;
}
.app-footer1 .top .forter_weixn .frame p {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.65);
  line-height: 17px;
}
.app-footer1 .top .forter_weixn .item {
  display: flex;
  flex-direction: column;
  margin-left: 15px;
}
.app-footer1 .top .forter_weixn .item span {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.25);
}
.app-footer1 .top .forter_weixn .item p {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.65);
  margin-bottom: 15px;
}
.app-footer1 .top .r {
  float: right;
  position: relative;
  margin-top: 7px;
}
.app-footer1 .top .r .input-group {
  margin-top: 5px;
}
.app-footer1 .top .r .input-group input {
  font-size: 12px;
  line-height: 16px;
  color: #979797;
  border: none;
  width: 150px;
  padding: 5px 5px 7px;
  background: #2a3a5c;
  border-radius: 4px;
}
.app-footer1 .top .r textarea {
  font-size: 12px;
  line-height: 16px;
  color: #979797;
  padding: 5px;
  border: none;
  width: 306px;
  height: 62px;
  background: #2a3a5c;
  border-radius: 4px;
  resize: none;
}
.app-footer1 .top .r #customer-area-span,
.app-footer1 .top .r #customer-area-span1 {
  position: absolute;
  color: #979797;
  right: 0;
}
.app-footer1 .top .r .submit {
  width: 306px;
  height: 30px;
  background: #3177DE;
  border-radius: 4px;
  text-align: center;
  line-height: 35px;
  position: relative;
  cursor: pointer;
}
.app-footer1 .top .r .submit:hover {
  opacity: 0.7;
}
@-webkit-keyframes loading {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.25;
  }
}
.app-footer1 .top .r div.loading {
  position: absolute;
  top: 13px;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.app-footer1 .top .r div.loading span {
  width: 2px;
  height: 8px;
  background: #fff;
  position: absolute;
  left: 100%;
  top: 100%;
  opacity: 0;
  -webkit-animation: loading 1s linear infinite;
}
.app-footer1 .top .r div.loading span.bar1 {
  -webkit-transform: rotate(0deg) translate(0, -10px);
  -webkit-animation-delay: 0s;
}
.app-footer1 .top .r div.loading span.bar2 {
  -webkit-transform: rotate(30deg) translate(0, -10px);
  -webkit-animation-delay: -1.8334s;
}
.app-footer1 .top .r div.loading span.bar3 {
  -webkit-transform: rotate(60deg) translate(0, -10px);
  -webkit-animation-delay: -1.6668s;
}
.app-footer1 .top .r div.loading span.bar4 {
  -webkit-transform: rotate(90deg) translate(0, -10px);
  -webkit-animation-delay: -1.5002s;
}
.app-footer1 .top .r div.loading span.bar5 {
  -webkit-transform: rotate(120deg) translate(0, -10px);
  -webkit-animation-delay: -1.3336s;
}
.app-footer1 .top .r div.loading span.bar6 {
  -webkit-transform: rotate(150deg) translate(0, -10px);
  -webkit-animation-delay: -1.167s;
}
.app-footer1 .top .r div.loading span.bar7 {
  -webkit-transform: rotate(180deg) translate(0, -10px);
  -webkit-animation-delay: -1.0004s;
}
.app-footer1 .top .r div.loading span.bar8 {
  -webkit-transform: rotate(210deg) translate(0, -10px);
  -webkit-animation-delay: -0.8338s;
}
.app-footer1 .top .r div.loading span.bar9 {
  -webkit-transform: rotate(240deg) translate(0, -10px);
  -webkit-animation-delay: -0.6672s;
}
.app-footer1 .top .r div.loading span.bar10 {
  -webkit-transform: rotate(270deg) translate(0, -10px);
  -webkit-animation-delay: -0.5006s;
}
.app-footer1 .top .r div.loading span.bar11 {
  -webkit-transform: rotate(300deg) translate(0, -10px);
  -webkit-animation-delay: -0.334s;
}
.app-footer1 .top .r div.loading span.bar12 {
  -webkit-transform: rotate(330deg) translate(0, -10px);
  -webkit-animation-delay: -0.1674s;
}
.app-footer1 .top .r1 .input-group input {
  font-size: 12px;
  color: #979797;
  background: #ffffff;
  border: 1px solid #999999;
}
.app-footer1 .top .r1 textarea {
  font-size: 12px;
  color: #979797;
  background: #ffffff;
  border: 1px solid #999999;
}
.app-footer1 .bottom {
  height: 40px;
  line-height: 39px;
  font-size: 12px;
  border-top: 1px solid #676767;
  color: #999999;
}
.app-footer1 .bottom p {
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
}
.app-footer1 .bottom p span {
  margin-left: 10px;
}
#landpage_a a {
  text-decoration: none;
}
#landpage_a body,
#landpage_a html {
  font-size: 14px;
  color: #333;
}
@media (max-width: 667px) {
  #landpage_a body,
  #landpage_a html {
    font-size: 12px;
  }
}
#landpage_a body {
  background-color: #fff;
}
#landpage_a * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
}
#landpage_a * > img {
  max-width: 100%;
}
#landpage_a a {
  color: #333;
}
#landpage_a .red,
#landpage_a .txt-red,
#landpage_a a:hover,
#landpage_a input.error {
  color: #fa465a;
}
#landpage_a li,
#landpage_a ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#landpage_a .my_container {
  width: 1200px;
  margin: auto;
}
#landpage_a .my_container .div-img {
  background: url(../image/productArchitecture.png) no-repeat;
  height: 468px;
}
#landpage_a .float-left {
  float: left;
}
#landpage_a .col-IE-1,
#landpage_a .col-IE-10,
#landpage_a .col-IE-11,
#landpage_a .col-IE-12,
#landpage_a .col-IE-2,
#landpage_a .col-IE-3,
#landpage_a .col-IE-4,
#landpage_a .col-IE-5,
#landpage_a .col-IE-6,
#landpage_a .col-IE-7,
#landpage_a .col-IE-8,
#landpage_a .col-IE-9 {
  float: left;
}
#landpage_a .col-IE-3 {
  width: 25% \9;
}
#landpage_a .top-banner,
#landpage_a .top-banner .try-box,
#landpage_a .top-banner .try-box .toTry .line .code-box {
  position: relative;
}
#landpage_a .main {
  width: 100%;
  overflow: hidden;
}
#landpage_a .form-control {
  border: 1px solid #EBEBEB;
  box-shadow: none;
}
#landpage_a .form-control:focus {
  box-shadow: none;
  border-color: blue;
}
#landpage_a .top-banner {
  height: 580px;
  background-color: #0c141f;
  background: url(../image/bg_pic2.png) no-repeat;
  background-size: cover;
}
#landpage_a .top-banner .top-text {
  float: left;
  width: 600px;
  height: 333px;
  margin-top: 124px;
}
#landpage_a .top-banner .top-text img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
}
#landpage_a .top-banner .lodaing {
  width: 32px !important;
  height: 32px;
  margin: -39px auto auto;
}
#landpage_a .top-banner .try-box {
  width: 1088px;
  margin: 0 auto;
}
#landpage_a .top-banner .try-box .toTry {
  float: right;
  width: 348px;
  background: #fff;
  margin-top: 10%;
  box-shadow: 6px 6px 13px 10px rgba(2, 6, 11, 0.23);
}
#landpage_a .top-banner .try-box .toTry a {
  display: block;
}
#landpage_a .top-banner .try-box .toTry .line {
  width: 300px;
  height: 40px;
  position: relative;
  margin: 0 auto 20px;
}
#landpage_a .top-banner .try-box .toTry .line .form-control.code {
  width: 170px !important;
  padding-left: 14px !important;
}
#landpage_a .top-banner .try-box .toTry .line .code-box .no_border {
  border: 0;
  box-shadow: none !important;
}
#landpage_a .top-banner .try-box .toTry .line .code-box .no_border:focus {
  box-shadow: none;
  border-color: #FA485A;
}
#landpage_a .top-banner .try-box .toTry .line .code-box-boder {
  border: 1px solid #EBEBEB;
}
#landpage_a .top-banner .try-box .toTry .line .code-btn {
  width: 120px;
  height: 40px;
  border-radius: 2px;
  position: absolute;
  top: 0;
  font-size: 14px;
  color: #297ACC;
  line-height: 40px;
}
#landpage_a .top-banner .try-box .toTry .line .code-btn.disabled {
  background: #ccc;
  color: #fff;
}
#landpage_a .top-banner .try-box .toTry .line.ico-comp i,
#landpage_a .top-banner .try-box .toTry .line.ico-tel i,
#landpage_a .top-banner .try-box .toTry .line.ico-user i {
  left: 10px;
  display: inline-block;
  background-position: left center;
  background-repeat: no-repeat;
  position: absolute;
}
#landpage_a .top-banner .try-box .toTry .line.ico-user i {
  top: 14px;
  width: 10px;
  height: 12px;
  background-size: 10px 12px;
}
#landpage_a .top-banner .try-box .toTry .line.ico-comp i {
  top: 14px;
  width: 12px;
  height: 12px;
  background-size: 12px;
}
#landpage_a .top-banner .try-box .toTry .line.ico-tel i {
  top: 12px;
  width: 10px;
  height: 15px;
  background-size: 10px 15px;
}
#landpage_a .top-banner .try-box .toTry .line.ico-comp :before,
#landpage_a .top-banner .try-box .toTry .line.ico-tel :before,
#landpage_a .top-banner .try-box .toTry .line.ico-user :before {
  content: '';
  position: absolute;
  width: 1px;
  height: 13px;
  background: #e3e3e3;
  opacity: 0.5674;
  top: 50%;
  margin-top: -6px;
  left: 25px;
}
#landpage_a .top-banner .try-box .toTry .btn-try,
#landpage_a .top-banner .try-box .toTry .btn_zc {
  width: 300px;
  height: 45px;
  text-align: center;
  cursor: pointer;
}
#landpage_a .top-banner .try-box .toTry .btn-try {
  background: rgba(230, 23, 23, 0.8);
  border-radius: 4px;
  margin: 30px auto;
  line-height: 45px;
  font-size: 18px;
  color: #fff;
}
#landpage_a .top-banner .try-box .toTry .btn_zc {
  margin: 0 auto;
  font-size: 14px;
  color: #297ACC;
}
#landpage_a .top-banner .try-box .toTry input {
  font-size: 14px;
  outline: 0;
  width: 100%;
  display: block;
  height: 40px;
  border-radius: 2px;
}
#landpage_a .top-banner .try-box .try-tit {
  font-size: 16px;
  color: #e50013;
  line-height: 25px;
  font-weight: 700;
  padding: 21px 0;
  text-align: center;
}
#landpage_a .top-banner .h-try .h-btn,
#landpage_a .top-banner .h-try .h-mark,
#landpage_a .top-banner .h-try .h-mark-fine {
  color: #fff;
  text-align: center;
}
#landpage_a .top-banner .h-try {
  padding-top: 40px;
  text-align: center;
  position: relative;
}
#landpage_a .top-banner .h-try .h-logo {
  position: absolute;
  top: 15px;
  left: 15px;
  width: 73px;
  height: 20px;
  background-position: left center;
  background-size: cover;
  background-repeat: no-repeat;
}
#landpage_a .top-banner .h-try .h-mark {
  font-size: 21px;
}
#landpage_a .top-banner .h-try .h-mark-fine {
  font-size: 21px;
}
#landpage_a .top-banner .h-try .h-btn {
  display: inline-block;
  width: 115px;
  height: 31px;
  background: #fa485a;
  background: linear-gradient(-161.4deg, #fa485a, #fa6b5a);
  border-radius: 31px;
  font-size: 15px;
  line-height: 31px;
}
#landpage_a .toTry-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  text-align: center;
  z-index: 11;
  width: 100%;
  height: 106px;
  background: #FA665A;
  background-size: cover;
  color: #fff;
}
#landpage_a .toTry-banner .toTyr-box {
  position: relative;
  margin: 27px auto auto;
  display: -moz-inline-box;
  display: -webkit-inline-box;
  display: inline-box;
}
#landpage_a .toTry-banner .toTyr-box .toTry-info {
  display: inline-block;
  font-size: 25px;
  line-height: 44px;
  color: #fff;
}
#landpage_a .toTry-banner .toTyr-box .toTry-btn,
#landpage_a .toTry-banner .toTyr-box .toTry-btn2 {
  width: 160px;
  height: 44px;
  border-radius: 22px;
  line-height: 44px;
  cursor: pointer;
  text-align: center;
}
#landpage_a .toTry-banner .toTyr-box .toTry-btn {
  display: inline-block;
  background: #fff;
  font-size: 18px;
  margin-left: 50px;
  color: #fa4c5a;
}
#landpage_a .toTry-banner .toTyr-box .toTry-btn2 {
  border: 1px solid #FFF;
  font-size: 18px;
  margin-left: 20px;
}
#landpage_a .productServe {
  width: 1200px;
  height: 270px;
  background-color: #FFFFFF;
  margin: -40px auto;
  position: relative;
  box-shadow: 0px 3px 26px rgba(255, 0, 0, 0.12);
}
#landpage_a .serve1:hover {
  background: #EC1C1C;
}
#landpage_a .serve1:hover .m_label {
  color: #ffffff;
}
#landpage_a .serve1:hover .contract {
  background: url(../image/icon-file2.png) no-repeat;
}
#landpage_a .serve1:hover .text-area {
  display: block;
}
#landpage_a .serve2:hover {
  background: #EC1C1C;
}
#landpage_a .serve2:hover .m_label {
  color: #ffffff;
}
#landpage_a .serve2:hover .signature {
  background: url(../image/icon-document2.png) no-repeat;
}
#landpage_a .serve2:hover .text-area {
  display: block;
}
#landpage_a .serve3:hover {
  background: #EC1C1C;
}
#landpage_a .serve3:hover .m_label {
  color: #ffffff;
}
#landpage_a .serve3:hover .blockchainData {
  background: url(../image/icon-bc2.png) no-repeat;
}
#landpage_a .serve3:hover .text-area {
  display: block;
}
#landpage_a .serve4:hover {
  background: #EC1C1C;
}
#landpage_a .serve4:hover .m_label {
  color: #ffffff;
}
#landpage_a .serve4:hover .judicialServe {
  background: url(../image/icon-judicial2.png) no-repeat;
}
#landpage_a .serve4:hover .text-area {
  display: block;
}
#landpage_a .content-box ul {
  list-style: none;
}
#landpage_a .content-box ul li {
  float: left;
  width: 300px;
  text-align: center;
}
#landpage_a .content-box ul li .m_label {
  margin: 15px 0 16px 0;
  font-size: 16px;
  font-weight: 500;
  color: #666666;
}
#landpage_a .content-box ul li .text-area {
  display: none;
  width: 300px;
  height: 70px;
  background: rgba(255, 255, 255, 0.25);
}
#landpage_a .content-box ul li .text-area p {
  width: 240px;
  padding-top: 10px;
  margin-left: 30px;
  text-align: left;
  font-size: 12px;
  font-weight: 300;
  color: #ffffff;
  line-height: 16px;
}
#landpage_a .content-box .serve1,
#landpage_a .content-box .serve2,
#landpage_a .content-box .serve3,
#landpage_a .content-box .serve4 {
  padding-top: 50px;
}
#landpage_a .content-box .contract {
  width: 98px;
  height: 98px;
  background: url(../image/icon-file1.png) no-repeat;
  background-size: cover;
  margin: 0 auto;
}
#landpage_a .content-box .signature {
  width: 98px;
  height: 98px;
  background: url(../image/icon-document1.png) no-repeat;
  background-size: cover;
  margin: 0 auto;
}
#landpage_a .content-box .blockchainData {
  width: 98px;
  height: 98px;
  background: url(../image/icon-bc1.png) no-repeat;
  background-size: cover;
  margin: 0 auto;
}
#landpage_a .content-box .judicialServe {
  width: 98px;
  height: 98px;
  background: url(../image/icon-judicial1.png) no-repeat;
  background-size: cover;
  margin: 0 auto;
}
#landpage_a .my_title {
  min-width: 1200px;
  font-size: 24px;
  font-weight: bold;
  color: #000000;
  margin-bottom: 50px;
  text-align: center;
}
#landpage_a .my_title i {
  display: inline-block;
  width: 27px;
  height: 27px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA3CAYAAACo29JGAAAC1UlEQVRoQ+2av2sTYRjHnyeXhiIBJeTn3Q0tdu4QHBxEF4c6dXJQ0KFL7VbBRdDFzaVbBwVpFQoOlkAp9m+oglAIdJIuuTaXS60RSvB+PXJpitCcuffIe8mlvrcded7neT7v833ee9+7YE1R1EmANUC8AwATEL/LRKIvjmnezxtGPUx6aKjqDgLMhRk0Elui3aym3QwTG5uqasa0Yj0crdPTa9dPTlqsgB4csRqP2s503Zx8eNhkzeP/g8vWasg6O1HZNVVVAwD53D8CmAe1WvoGgMUa07dycYAzZPkZIr4GxIQHQ0RPcpr2hhXMs4stnJdco1S6DYizruN8Ler6bhiw2MOFhbloz1y5H6o6awMoyUEjRjzetm1ARD13dPSNCa6pKI8A8UPEefF1T/SCDU6W30EiscA3esTeiD6xwSnKe0B8HHE6vN1XBFxTVI63qgb2J2QJQpYDq4i7A86ypCEdDZHp0BIBHENgzGa9LVJPqVzD4Fm+0cBl9vcB0+kekOPpaQDb5gUo4NhXS6/nGGQpKje4OIUshSw7KhI9BzC2C0piagquLC/3XQ5S8/OAE73fXH5vbp5V/x9Xe30dnL091qWG/4KSLJfh6tYWawKh7H4tLYG1vc06RsCFWi1F5ViFdcFOyPLvhPDvuc7eUpL61iZTrfqfCmZm+p8KHCdMzSOCC0hhbJ9z4lQgDqth2svX1r/nyHUfSu3250z3nwPMr/bGYePcnQfNtqxyUdcblxHO28SuZTVtYWzhDEXRETHvp1oi+pjTtAe84SYXFwFTqZ6Q7dVVANcduNm6DipoKMpTRFzx8diyLetWUdervOF4ZR/gp9J5M1qX5bsS4j0EyHj3SHRg2/ZGodH47t0zww0pa8YwZ3BBl4ALmqHh/y4qJ3pu+KoLjChkeblleVwqvSJJehkohBgZINFbpudcvVDIS8nk8/OHfIwY/FMh+ikRrfwBiSVPXv5ssfAAAAAASUVORK5CYII=) no-repeat;
  background-size: cover;
  margin-right: 15px;
}
#landpage_a .my_title p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.65);
}
#landpage_a .my_ul_1 li {
  background: url(../image/bg-11.png) no-repeat;
  background-size: cover;
  width: 400px;
  height: 408px;
  float: left;
  position: relative;
  padding-top: 65px;
}
#landpage_a .my_ul_1 li .title {
  background: url(../image/bg-4.png) no-repeat;
  background-size: cover;
  width: 218px;
  height: 68px;
  position: absolute;
  left: 0;
  margin-left: 100px;
  text-align: center;
  line-height: 68px;
  top: -15px;
  color: #EC1C1C;
  font-size: 16px;
}
#landpage_a .my_ul_1 li h5 {
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  text-align: center;
  margin-left: 9px;
}
#landpage_a .my_ul_1 li p {
  font-size: 12px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.45);
  padding: 0 50px;
  text-align: center;
  margin-left: 9px;
}
#landpage_a .img-youshi {
  width: 509px;
  float: left;
}
#landpage_a .my_tc1 {
  position: relative;
  top: 70px;
  float: right;
  padding: 7px;
}
#landpage_a .my_tc1 .icon_tl {
  position: absolute;
  top: 0;
  left: 0;
  width: 13px;
}
#landpage_a .my_tc1 .icon_br {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 13px;
}
#landpage_a .my_tc1 p {
  width: 559px;
  line-height: 40px;
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.65);
  margin-bottom: 0;
}
#landpage_a .my_tc1 p span {
  display: inline-block;
  margin-top: 15px;
  margin-left: 35px;
  margin-right: 15px;
  font-size: 18px;
  line-height: 27px;
  font-weight: bold;
  color: #000000;
}
#landpage_a .my_ul_2 li {
  width: 285px;
  height: 285px;
  padding: 10px;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}
#landpage_a .my_ul_2 li h5 {
  font-size: 26px;
  margin-top: 89px;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
}
#landpage_a .my_ul_2 li i {
  width: 32px;
  height: 2px;
  background: #eb1b1b;
  display: block;
  margin: auto;
}
#landpage_a .my_ul_2 li p {
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  margin-top: 20px;
}
#landpage_a .my_ul_2 .li_1 {
  background: url(../image/jingrong.png) no-repeat;
  background-size: cover;
}
#landpage_a .my_ul_2 .li_2 {
  background: url(../image/jiaoyu.png) no-repeat;
  background-size: cover;
}
#landpage_a .my_ul_2 .li_3 {
  background: url(../image/dichan.png) no-repeat;
  background-size: cover;
}
#landpage_a .my_ul_2 .li_4 {
  background: url(../image/hr.png) no-repeat;
  background-size: cover;
  margin: 0;
}
#landpage_a .my_ul_2 .li_5 {
  background: url(../image/dianshang.png) no-repeat;
  background-size: cover;
}
#landpage_a .my_ul_2 .li_6 {
  background: url(../image/wuliu1.png) no-repeat;
  background-size: cover;
}
#landpage_a .my_ul_2 .li_7 {
  background: url(../image/lvyou1.png) no-repeat;
  background-size: cover;
}
#landpage_a .my_ul_2 .li_8 {
  background: url(../image/shangwu.png) no-repeat;
  background-size: cover;
  margin: 0;
}
#landpage_a .system-left {
  width: 848px;
  height: 232px;
  background: #fff9f9;
  border-radius: 2px;
  position: relative;
}
#landpage_a .system-right {
  width: 784px;
  height: 255px;
  background: #fff9f9;
  border-radius: 2px;
  float: right;
  position: relative;
  bottom: 0;
  margin-top: 41px;
}
#landpage_a .left-content,
#landpage_a .right-content {
  width: 456px;
  float: left;
  font-size: 14px;
  line-height: 20px;
  margin-left: 40px;
}
#landpage_a .left-content {
  margin-top: 30px;
}
#landpage_a .right-content {
  margin-top: 20px;
}
#landpage_a .left-content p,
#landpage_a .right-content p {
  color: rgba(0, 0, 0, 0.65);
  margin-bottom: 0;
}
#landpage_b a {
  text-decoration: none;
}
#landpage_b body,
#landpage_b html {
  font-size: 14px;
  color: #333;
}
@media (max-width: 667px) {
  #landpage_b body,
  #landpage_b html {
    font-size: 12px;
  }
}
#landpage_b body {
  background-color: #fff;
}
#landpage_b * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
}
#landpage_b * > img {
  max-width: 100%;
}
#landpage_b a {
  color: #333;
}
#landpage_b .red,
#landpage_b .txt-red,
#landpage_b a:hover,
#landpage_b input.error {
  color: #fa465a;
}
#landpage_b li,
#landpage_b ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#landpage_b .my_container {
  width: 1200px;
  margin: auto;
}
#landpage_b .my_container .div-img {
  background: url(../image/productArchitecture.png) no-repeat;
  height: 468px;
}
#landpage_b .float-left {
  float: left;
}
#landpage_b .col-IE-1,
#landpage_b .col-IE-10,
#landpage_b .col-IE-11,
#landpage_b .col-IE-12,
#landpage_b .col-IE-2,
#landpage_b .col-IE-3,
#landpage_b .col-IE-4,
#landpage_b .col-IE-5,
#landpage_b .col-IE-6,
#landpage_b .col-IE-7,
#landpage_b .col-IE-8,
#landpage_b .col-IE-9 {
  float: left;
}
#landpage_b .col-IE-3 {
  width: 25% \9;
}
#landpage_b .top-banner,
#landpage_b .top-banner .try-box,
#landpage_b .top-banner .try-box .toTry .line .code-box {
  position: relative;
}
#landpage_b .main {
  width: 100%;
  overflow: hidden;
}
#landpage_b .form-control {
  border: 1px solid #EBEBEB;
  box-shadow: none;
}
#landpage_b .form-control:focus {
  box-shadow: none;
  border-color: #FA485A;
}
#landpage_b .top-banner {
  height: 580px;
  background-color: #0c141f;
  background: url(../image/bg_pic2.png) no-repeat;
  background-size: cover;
}
#landpage_b .top-banner .top-text {
  float: left;
  width: 600px;
  height: 333px;
  margin-top: 124px;
}
#landpage_b .top-banner .top-text img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
}
#landpage_b .top-banner .lodaing {
  width: 32px !important;
  height: 32px;
  margin: -39px auto auto;
}
#landpage_b .top-banner .try-box {
  width: 1088px;
  margin: 0 auto;
}
#landpage_b .top-banner .try-box .toTry {
  float: right;
  width: 348px;
  background: #fff;
  margin-top: 10%;
  box-shadow: 6px 6px 13px 10px rgba(2, 6, 11, 0.23);
}
#landpage_b .top-banner .try-box .toTry a {
  display: block;
}
#landpage_b .top-banner .try-box .toTry .line {
  width: 300px;
  height: 40px;
  position: relative;
  margin: 0 auto 20px;
}
#landpage_b .top-banner .try-box .toTry .line .form-control.code {
  width: 170px !important;
  padding-left: 14px !important;
}
#landpage_b .top-banner .try-box .toTry .line .code-box .no_border {
  border: 0;
  box-shadow: none !important;
}
#landpage_b .top-banner .try-box .toTry .line .code-box .no_border:focus {
  box-shadow: none;
  border-color: #FA485A;
}
#landpage_b .top-banner .try-box .toTry .line .code-box-boder {
  border: 1px solid #EBEBEB;
}
#landpage_b .top-banner .try-box .toTry .line .code-btn {
  width: 120px;
  height: 40px;
  border-radius: 2px;
  position: absolute;
  top: 0;
  font-size: 14px;
  color: #297ACC;
  line-height: 40px;
}
#landpage_b .top-banner .try-box .toTry .line .code-btn.disabled {
  background: #ccc;
  color: #fff;
}
#landpage_b .top-banner .try-box .toTry .line.ico-comp i,
#landpage_b .top-banner .try-box .toTry .line.ico-tel i,
#landpage_b .top-banner .try-box .toTry .line.ico-user i {
  left: 10px;
  display: inline-block;
  background-position: left center;
  background-repeat: no-repeat;
  position: absolute;
}
#landpage_b .top-banner .try-box .toTry .line.ico-user i {
  top: 14px;
  width: 10px;
  height: 12px;
  background-size: 10px 12px;
}
#landpage_b .top-banner .try-box .toTry .line.ico-comp i {
  top: 14px;
  width: 12px;
  height: 12px;
  background-size: 12px;
}
#landpage_b .top-banner .try-box .toTry .line.ico-tel i {
  top: 12px;
  width: 10px;
  height: 15px;
  background-size: 10px 15px;
}
#landpage_b .top-banner .try-box .toTry .line.ico-comp :before,
#landpage_b .top-banner .try-box .toTry .line.ico-tel :before,
#landpage_b .top-banner .try-box .toTry .line.ico-user :before {
  content: '';
  position: absolute;
  width: 1px;
  height: 13px;
  background: #e3e3e3;
  opacity: 0.5674;
  top: 50%;
  margin-top: -6px;
  left: 25px;
}
#landpage_b .top-banner .try-box .toTry .btn-try,
#landpage_b .top-banner .try-box .toTry .btn_zc {
  width: 300px;
  height: 45px;
  text-align: center;
  cursor: pointer;
}
#landpage_b .top-banner .try-box .toTry .btn-try {
  background: rgba(230, 23, 23, 0.8);
  border-radius: 4px;
  margin: 30px auto;
  line-height: 45px;
  font-size: 18px;
  color: #fff;
}
#landpage_b .top-banner .try-box .toTry .btn_zc {
  margin: 0 auto;
  font-size: 14px;
  color: #297ACC;
}
#landpage_b .top-banner .try-box .toTry input {
  font-size: 14px;
  outline: 0;
  width: 100%;
  display: block;
  height: 40px;
  border-radius: 2px;
}
#landpage_b .top-banner .try-box .try-tit {
  font-size: 16px;
  color: #e50013;
  line-height: 25px;
  font-weight: 700;
  padding: 21px 0;
  text-align: center;
}
#landpage_b .top-banner .h-try .h-btn,
#landpage_b .top-banner .h-try .h-mark,
#landpage_b .top-banner .h-try .h-mark-fine {
  color: #fff;
  text-align: center;
}
#landpage_b .top-banner .h-try {
  padding-top: 40px;
  text-align: center;
  position: relative;
}
#landpage_b .top-banner .h-try .h-logo {
  position: absolute;
  top: 15px;
  left: 15px;
  width: 73px;
  height: 20px;
  background-position: left center;
  background-size: cover;
  background-repeat: no-repeat;
}
#landpage_b .top-banner .h-try .h-mark {
  font-size: 21px;
}
#landpage_b .top-banner .h-try .h-mark-fine {
  font-size: 21px;
}
#landpage_b .top-banner .h-try .h-btn {
  display: inline-block;
  width: 115px;
  height: 31px;
  background: #fa485a;
  background: linear-gradient(-161.4deg, #fa485a, #fa6b5a);
  border-radius: 31px;
  font-size: 15px;
  line-height: 31px;
}
#landpage_b .toTry-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  text-align: center;
  z-index: 11;
  width: 100%;
  height: 106px;
  background: #FA665A;
  background-size: cover;
  color: #fff;
}
#landpage_b .toTry-banner .toTyr-box {
  position: relative;
  margin: 27px auto auto;
  display: -moz-inline-box;
  display: -webkit-inline-box;
  display: inline-box;
}
#landpage_b .toTry-banner .toTyr-box .toTry-info {
  display: inline-block;
  font-size: 25px;
  line-height: 44px;
  color: #fff;
}
#landpage_b .toTry-banner .toTyr-box .toTry-btn,
#landpage_b .toTry-banner .toTyr-box .toTry-btn2 {
  width: 160px;
  height: 44px;
  border-radius: 22px;
  line-height: 44px;
  cursor: pointer;
  text-align: center;
}
#landpage_b .toTry-banner .toTyr-box .toTry-btn {
  display: inline-block;
  background: #fff;
  font-size: 18px;
  margin-left: 50px;
  color: #fa4c5a;
}
#landpage_b .toTry-banner .toTyr-box .toTry-btn2 {
  border: 1px solid #FFF;
  font-size: 18px;
  margin-left: 20px;
}
#landpage_b .productServe {
  width: 1200px;
  height: 270px;
  background-color: #FFFFFF;
  margin: -40px auto;
  position: relative;
  box-shadow: 0px 3px 26px rgba(255, 0, 0, 0.12);
}
#landpage_b .serve1:hover .contract {
  background: url(../image/icon-file2.png) no-repeat;
}
#landpage_b .serve2:hover .signature {
  background: url(../image/icon-document2.png) no-repeat;
}
#landpage_b .serve3:hover .blockchainData {
  background: url(../image/icon-bc2.png) no-repeat;
}
#landpage_b .serve4:hover .judicialServe {
  background: url(../image/icon-judicial2.png) no-repeat;
}
#landpage_b .content-box ul {
  list-style: none;
}
#landpage_b .content-box ul li {
  float: left;
  width: 300px;
  text-align: center;
}
#landpage_b .content-box ul li .m_label {
  margin: 15px 0 16px 0;
  font-size: 16px;
  font-weight: 500;
  color: #666666;
}
#landpage_b .content-box ul li .text-area {
  display: block;
  width: 300px;
  height: 70px;
  background: rgba(255, 255, 255, 0.25);
}
#landpage_b .content-box ul li .text-area p {
  width: 240px;
  padding-top: 10px;
  margin-left: 30px;
  text-align: left;
  font-size: 12px;
  font-weight: 300;
  color: #666666;
  line-height: 16px;
}
#landpage_b .content-box .mul li:hover {
  background: #EC1C1C;
}
#landpage_b .content-box .mul li:hover .m_label {
  color: #ffffff;
}
#landpage_b .content-box .mul li:hover .text-area p {
  color: #ffffff;
}
#landpage_b .content-box .serve1,
#landpage_b .content-box .serve2,
#landpage_b .content-box .serve3,
#landpage_b .content-box .serve4 {
  padding-top: 50px;
}
#landpage_b .content-box .contract {
  width: 98px;
  height: 98px;
  background: url(../image/icon-file1.png) no-repeat;
  background-size: cover;
  margin: 0 auto;
}
#landpage_b .content-box .signature {
  width: 98px;
  height: 98px;
  background: url(../image/icon-document1.png) no-repeat;
  background-size: cover;
  margin: 0 auto;
}
#landpage_b .content-box .blockchainData {
  width: 98px;
  height: 98px;
  background: url(../image/icon-bc1.png) no-repeat;
  background-size: cover;
  margin: 0 auto;
}
#landpage_b .content-box .judicialServe {
  width: 98px;
  height: 98px;
  background: url(../image/icon-judicial1.png) no-repeat;
  background-size: cover;
  margin: 0 auto;
}
#landpage_b .my_title {
  min-width: 1200px;
  font-size: 24px;
  font-weight: bold;
  color: #000000;
  margin-bottom: 50px;
  text-align: center;
}
#landpage_b .my_title i {
  display: inline-block;
  width: 27px;
  height: 27px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA3CAYAAACo29JGAAAC1UlEQVRoQ+2av2sTYRjHnyeXhiIBJeTn3Q0tdu4QHBxEF4c6dXJQ0KFL7VbBRdDFzaVbBwVpFQoOlkAp9m+oglAIdJIuuTaXS60RSvB+PXJpitCcuffIe8mlvrcded7neT7v833ee9+7YE1R1EmANUC8AwATEL/LRKIvjmnezxtGPUx6aKjqDgLMhRk0Elui3aym3QwTG5uqasa0Yj0crdPTa9dPTlqsgB4csRqP2s503Zx8eNhkzeP/g8vWasg6O1HZNVVVAwD53D8CmAe1WvoGgMUa07dycYAzZPkZIr4GxIQHQ0RPcpr2hhXMs4stnJdco1S6DYizruN8Ler6bhiw2MOFhbloz1y5H6o6awMoyUEjRjzetm1ARD13dPSNCa6pKI8A8UPEefF1T/SCDU6W30EiscA3esTeiD6xwSnKe0B8HHE6vN1XBFxTVI63qgb2J2QJQpYDq4i7A86ypCEdDZHp0BIBHENgzGa9LVJPqVzD4Fm+0cBl9vcB0+kekOPpaQDb5gUo4NhXS6/nGGQpKje4OIUshSw7KhI9BzC2C0piagquLC/3XQ5S8/OAE73fXH5vbp5V/x9Xe30dnL091qWG/4KSLJfh6tYWawKh7H4tLYG1vc06RsCFWi1F5ViFdcFOyPLvhPDvuc7eUpL61iZTrfqfCmZm+p8KHCdMzSOCC0hhbJ9z4lQgDqth2svX1r/nyHUfSu3250z3nwPMr/bGYePcnQfNtqxyUdcblxHO28SuZTVtYWzhDEXRETHvp1oi+pjTtAe84SYXFwFTqZ6Q7dVVANcduNm6DipoKMpTRFzx8diyLetWUdervOF4ZR/gp9J5M1qX5bsS4j0EyHj3SHRg2/ZGodH47t0zww0pa8YwZ3BBl4ALmqHh/y4qJ3pu+KoLjChkeblleVwqvSJJehkohBgZINFbpudcvVDIS8nk8/OHfIwY/FMh+ikRrfwBiSVPXv5ssfAAAAAASUVORK5CYII=) no-repeat;
  background-size: cover;
  margin-right: 15px;
}
#landpage_b .my_title p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.65);
}
#landpage_b .my_ul_1 li {
  background: url(../image/bg-11.png) no-repeat;
  background-size: cover;
  width: 400px;
  height: 408px;
  float: left;
  position: relative;
  padding-top: 65px;
}
#landpage_b .my_ul_1 li .title {
  background: url(../image/bg-4.png) no-repeat;
  background-size: cover;
  width: 218px;
  height: 68px;
  position: absolute;
  left: 0;
  margin-left: 100px;
  text-align: center;
  line-height: 68px;
  top: -15px;
  color: #EC1C1C;
  font-size: 16px;
}
#landpage_b .my_ul_1 li h5 {
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  text-align: center;
  margin-left: 9px;
}
#landpage_b .my_ul_1 li p {
  font-size: 12px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.45);
  padding: 0 50px;
  text-align: center;
  margin-left: 9px;
}
#landpage_b .img-youshi {
  width: 509px;
  float: left;
}
#landpage_b .my_tc1 {
  position: relative;
  top: 70px;
  float: right;
  padding: 7px;
}
#landpage_b .my_tc1 .icon_tl {
  position: absolute;
  top: 0;
  left: 0;
  width: 13px;
}
#landpage_b .my_tc1 .icon_br {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 13px;
}
#landpage_b .my_tc1 p {
  width: 559px;
  line-height: 40px;
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.65);
  margin-bottom: 0;
}
#landpage_b .my_tc1 p span {
  display: inline-block;
  margin-top: 15px;
  margin-left: 35px;
  margin-right: 15px;
  font-size: 18px;
  line-height: 27px;
  font-weight: bold;
  color: #000000;
}
#landpage_b .mbox {
  overflow: hidden;
}
#landpage_b .mbox ul {
  list-style: none;
}
#landpage_b .mbox ul li {
  float: left;
  width: 300px;
  height: 250px;
  background-repeat: no-repeat;
  border-radius: 10px;
}
#landpage_b .mbox ul li .a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
#landpage_b .mbox ul li .a .label {
  font-size: 20px;
  font-weight: 500;
  color: #290202;
  position: absolute;
  left: 29px;
  bottom: 32px;
}
#landpage_b .mbox ul li .a .des {
  display: none;
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  position: absolute;
  top: 120px;
  padding: 0 25px;
}
#landpage_b .mbox ul li:hover {
  box-shadow: 0px 1px 4px 0px rgba(152, 152, 152, 0.56);
}
#landpage_b .mbox ul li:hover .a {
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.5);
}
#landpage_b .mbox ul li:hover .des {
  display: block;
}
#landpage_b .mbox ul li:hover .label {
  font-size: 20px;
  font-weight: 500;
  color: #ffffff;
  position: absolute;
  height: 35px;
  top: 64px;
  left: 50%;
  transform: translateX(-50%);
  border-bottom: 2px solid #EC1C1C;
}
#landpage_b .mbox ul .bg1 {
  background: url(../image/jr.png) no-repeat center center;
}
#landpage_b .mbox ul .bg2 {
  background: url(../image/fd.png) no-repeat center center;
}
#landpage_b .mbox ul .bg3 {
  background: url(../image/zl.png) no-repeat center center;
}
#landpage_b .mbox ul .bg4 {
  background: url(../image/jy.png) no-repeat center center;
}
#landpage_b .mbox ul .bg5 {
  background: url(../image/renli.png) no-repeat center center;
}
#landpage_b .mbox ul .bg6 {
  background: url(../image/wuliu.png) no-repeat center center;
}
#landpage_b .mbox ul .bg7 {
  background: url(../image/dians.png) no-repeat center center;
}
#landpage_b .mbox ul .bg8 {
  background: url(../image/yiliao.png) no-repeat center center;
}
#landpage_b .mbox ul .bg9 {
  background: url(../image/dianzi.png) no-repeat center center;
}
#landpage_b .mbox ul .bg10 {
  background: url(../image/lvyou.png) no-repeat center center;
}
#landpage_b .mbox ul .bg11 {
  background: url(../image/lvshi.png) no-repeat center center;
}
#landpage_b .mbox ul .bg12 {
  background: url(../image/qita.png) no-repeat center center;
}
#landpage_b .index-fy-case {
  margin-top: 0;
}
#landpage_b .index-fy-case .text {
  font-weight: bold !important;
}
#landpage_b .index-fy-case .btn {
  padding: 0 !important;
}
#landpage_b .index-part-case {
  margin-top: 0;
}
#landpage_b .index-part-case .part-case-item.title > div {
  font-weight: bold !important;
}
#landpage_b .system-left {
  width: 848px;
  height: 232px;
  background: #fff9f9;
  border-radius: 2px;
  position: relative;
}
#landpage_b .system-right {
  width: 784px;
  height: 255px;
  background: #fff9f9;
  border-radius: 2px;
  float: right;
  position: relative;
  bottom: 0;
  margin-top: 41px;
}
#landpage_b .left-content,
#landpage_b .right-content {
  width: 456px;
  float: left;
  font-size: 14px;
  line-height: 20px;
  margin-left: 40px;
}
#landpage_b .left-content {
  margin-top: 30px;
}
#landpage_b .right-content {
  margin-top: 20px;
}
#landpage_b .left-content p,
#landpage_b .right-content p {
  color: rgba(0, 0, 0, 0.65);
  margin-bottom: 0;
}
#landpage_b .ma-btn {
  text-decoration: none;
  cursor: pointer;
  display: block;
  text-align: center;
  font-size: 20px;
  width: 140px;
  height: 40px;
  line-height: 40px;
  background: #ec1c1c;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  color: #ffffff !important;
}
#landpage_b .ma-btn:hover {
  background: rgba(236, 28, 28, 0.5);
}
#landpage_b .blink {
  border-top: 2px solid rgba(255, 255, 255, 0.05098039);
  padding: 5px 0;
  box-sizing: border-box;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.45);
  text-align: center;
}
#landpage_b .blink a {
  color: rgba(255, 255, 255, 0.45);
  margin-right: 10px;
}
#landpage_b .blink a:hover {
  color: #FFFFFF;
}
.banner_box {
  width: 100%;
  height: 656px;
  background-size: cover;
  padding-top: 148px;
}
.banner_box .banner_auto {
  width: 1200px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}
.banner_box .banner_auto .red_size {
  color: #E61717;
}
.banner_box .banner_auto .red_size.blue_size {
  color: #2BA0E7;
}
.banner_box .banner_auto .title_text {
  color: #ffffff;
  font-size: 54px;
  font-family: SourceHanSansSC-Medium;
  font-weight: 300;
}
.banner_box .banner_auto .title_text .small_size {
  font-size: 18px;
  font-family: Regular;
  font-weight: 300;
}
.banner_box .banner_auto .title_text .small_size.margin_top_bottom {
  margin: 58px 0 10px 0;
}
.banner_box .banner_auto .apply_box {
  padding: 31px 21px 25px 21px;
  border-radius: 10px;
  background-color: #ffffff;
}
.banner_box .banner_auto .apply_box .apply_list {
  width: 310px;
  text-align: center;
}
.banner_box .banner_auto .apply_box .apply_list a {
  color: #2D7FCE;
}
.banner_box .banner_auto .apply_box .apply_list .apply_input {
  width: 100%;
  height: 42px;
  border: 1px solid #EBEBEB;
  box-shadow: none;
  border-radius: 2px;
  margin-bottom: 11px;
  padding: 0 10px;
}
.banner_box .banner_auto .apply_box .apply_list .apply_input:focus {
  box-shadow: none;
  outline: none;
  border-color: #FA485A;
}
.banner_box .banner_auto .apply_box .apply_list .apply_btn {
  background-color: #E61717;
  font-size: 20px;
  color: #ffffff;
  border-radius: 5px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  cursor: pointer;
  margin: 27px 0 19px 0;
}
.banner_box .banner_auto .apply_box .apply_list .apply_btn.blue_size {
  background-color: #2BA0E7;
}
.banner_box .banner_auto .apply_box .apply_list .title {
  font-size: 20px;
  font-weight: bold;
  color: #373737;
  margin-bottom: 27px;
}
.contract_banner {
  background-image: url(../image/banner2.png);
}
.sign_banner {
  background-image: url(../image/banner3.png);
}
.signature_banner {
  background-image: url(../image/banner4.png);
}
.ebaoquan_banner {
  background-image: url(../image/banner5.png);
}
.content_first {
  background-color: #F7F7F7;
  padding: 97px  0 67px 0;
  margin: 0 auto;
}
.content_first .title {
  text-align: center;
  font-size: 18px;
  color: #8E8E8E;
  margin-bottom: 46px;
}
.content_first .title .h1 {
  font-size: 30px;
  color: #000000;
  font-weight: 300;
}
.content_first .title .block {
  width: 29px;
  height: 2px;
  background-color: #000000;
  margin: 12px auto;
}
.content_first .content {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
.content_first .content .tab_list {
  list-style: none;
  flex-grow: 1;
  display: flex;
  justify-content: space-around;
  flex-flow: column;
  padding: 20px 0;
}
.content_first .content .tab_list .li.active {
  position: relative;
}
.content_first .content .tab_list .li.active .li_text {
  position: relative;
  color: #ffffff;
  background-image: url(../image/sign_contract_tab.png);
}
.content_first .content .tab_list .li.active::after {
  display: block;
  content: '';
  width: 4px;
  height: 40px;
  position: absolute;
  right: -4px;
  top: 6px;
  background-color: #E61717;
}
.content_first .content .tab_list .li .li_text {
  cursor: pointer;
  width: 167px;
  height: 53px;
  line-height: 53px;
  font-size: 20px;
  background-size: 100%;
  padding: 0 20px;
  color: #3A3A3A;
}
.content_first .content .tab_card {
  width: 1005px;
  flex-shrink: 0;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 13, 0.1);
  padding: 61px 60px 6px 76px;
}
.content_first .content .tab_card .tab_card_slide {
  height: 251px;
  overflow: hidden;
}
.content_first .content .tab_card .tab_card_slide .card_ul {
  width: 100%;
  transition: all 0.5s;
  transform: translateY(0);
}
.content_first .content .tab_card .tab_card_slide .card_ul .card_li {
  display: flex;
  justify-content: space-between;
  height: 251px;
}
.content_first .content .tab_card .tab_card_slide .card_ul .card_li .li_once {
  text-align: center;
  font-size: 14px;
  color: #979797;
  width: 160px;
}
.content_first .content .tab_card .tab_card_slide .card_ul .card_li .li_once .img {
  width: 82px;
  height: 82px;
}
.content_first .content .tab_card .tab_card_slide .card_ul .card_li .li_once .title {
  font-size: 18px;
  color: #191919;
  margin: 33px 0 12px 0;
}
.content_second {
  width: 100%;
  height: 922px;
  background-size: cover;
  background-image: url(../image/more_mode_bg.png);
  padding: 97px 0 78px 0;
  text-align: center;
}
.content_second .title {
  font-size: 18px;
  color: #8E8E8E;
  margin-bottom: 55px;
}
.content_second .title .h1 {
  font-size: 48px;
  color: #E61717;
  font-weight: 300;
}
.content_second .title .h2 {
  font-size: 30px;
  color: #000000;
  margin-top: 36px;
}
.content_second .title .block {
  width: 29px;
  height: 2px;
  background-color: #000000;
  margin: 11px auto 12px auto;
}
.content_second .more_mode_ul {
  width: 1200px;
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin: 0 auto;
}
.content_second .more_mode_ul .more_mode_li {
  flex-grow: 1;
}
.content_second .more_mode_ul .more_mode_li .li_top {
  padding: 13px 0 9px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  margin-bottom: 37px;
}
.content_second .more_mode_ul .more_mode_li .li_top .img {
  width: 80px;
  height: 68px;
}
.content_second .more_mode_ul .more_mode_li .li_text {
  padding-top: 35px;
  text-align: center;
  position: relative;
  font-size: 16px;
  color: #000000;
  border-top: 1px solid rgba(157, 157, 157, 0.2);
}
.content_second .more_mode_ul .more_mode_li .li_text::after {
  display: block;
  content: '';
  width: 12px;
  height: 17px;
  background-size: 100%;
  background-image: url(../image/more_mode_triangle.png);
  position: absolute;
  top: -8px;
  left: 93px;
}
.content_second .more_mode_ul .more_mode_li:nth-child(even) .li_top {
  background-color: #FFDDDD;
}
.content_second .saas_card {
  width: 1244px;
  margin: 58px auto 78px auto;
  display: flex;
  justify-content: space-between;
}
.content_second .saas_card .saas_once {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 48px 48px 45px 38px;
  width: 604px;
  height: 258px;
  background-size: cover;
  background-image: url(../image/more_mode_saas.png);
}
.content_second .saas_card .saas_once .img {
  width: 221px;
  height: 143px;
  margin-right: 33px;
}
.content_second .saas_card .saas_once .right_text {
  font-size: 16px;
  color: #979797;
  text-align: left;
}
.content_second .saas_card .saas_once .right_text .p {
  font-size: 22px;
  color: #000000;
  margin-bottom: 22px;
}
.content_second .saas_card .saas_once .right_text .dian {
  font-size: 20px;
}
.content_three {
  width: 100%;
  height: 892px;
  padding-top: 98px;
  background-size: cover;
  background-image: url(../image/content_three_bg.png);
}
.content_three .title {
  text-align: center;
  font-size: 18px;
  color: #8E8E8E;
  margin-bottom: 66px;
}
.content_three .title .h1 {
  font-size: 30px;
  color: #000000;
  font-weight: 300;
}
.content_three .title .block {
  width: 29px;
  height: 2px;
  background-color: #000000;
  margin: 12px auto;
}
.content_three .docking_tab {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1200px;
  margin: 0 auto;
  font-size: 18px;
  border-bottom: 1px solid #EFEFEF;
}
.content_three .docking_tab .tab_once {
  color: #8E8E8E;
  display: flex;
  flex-flow: column;
  margin: 0 43px;
  justify-content: space-between;
  align-items: center;
  height: 45px;
  cursor: pointer;
}
.content_three .docking_tab .tab_once .strip {
  display: none;
}
.content_three .docking_tab .tab_once.active {
  color: #E61717;
}
.content_three .docking_tab .tab_once.active .strip {
  display: block;
  width: 60px;
  height: 4px;
  background-color: #E61717;
}
.content_three .docking_child {
  display: none;
}
.content_three .docking_child.active_show {
  display: block;
}
.content_three .docking_child .docking_text {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  padding-left: 10px;
}
.content_three .docking_child .docking_text .docking_text_ul {
  margin-top: 152px;
  width: 529px;
}
.content_three .docking_child .docking_text .docking_text_ul .ul_li {
  font-size: 20px;
  line-height: 34px;
}
.content_three .docking_child .docking_text .docking_text_ul .ul_li .dian {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #000000;
  margin-right: 7px;
  margin-bottom: 4px;
}
.content_three .docking_child .docking_text.docking_first {
  width: 1217px;
}
.content_three .docking_child .docking_text.docking_first .docking_img {
  width: 548px;
  height: 405px;
  margin-top: 34px;
}
.content_three .docking_child .docking_text.docking_second {
  width: 1322px;
}
.content_three .docking_child .docking_text.docking_second .docking_img {
  width: 682px;
  height: 486px;
  margin-top: 34px;
}
.content_three .docking_child .docking_text.docking_three {
  width: 1219px;
}
.content_three .docking_child .docking_text.docking_three .docking_img {
  width: 550px;
  height: 413px;
  margin-top: 34px;
}
.content_four {
  padding: 98px 19px 50px 20px;
}
.content_four .title {
  text-align: center;
  font-size: 18px;
  color: #8E8E8E;
  margin-bottom: 66px;
}
.content_four .title .h1 {
  font-size: 30px;
  color: #000000;
  font-weight: 300;
}
.content_four .title .block {
  width: 29px;
  height: 2px;
  background-color: #000000;
  margin: 12px auto;
}
.content_four .industry_type {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
.content_four .industry_type .list_once {
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  padding-top: 196px;
  max-width: 299px;
  width: 16%;
  height: 579px;
  font-family: SourceHanSansSC-Bold;
}
.content_four .industry_type .list_once .p {
  font-size: 24px;
}
.content_four .industry_type .list_once .line {
  display: inline-block;
  width: 35px;
  height: 2px;
  background-color: #ffffff;
  margin: 10px 0 12px 0;
}
.content_four .industry_type .list_once .text_size {
  line-height: 32px;
}
.content_four .industry_type .list_bg1 {
  background-image: url(../image/industry_list1.png);
}
.content_four .industry_type .list_bg2 {
  background-image: url(../image/industry_list2.png);
}
.content_four .industry_type .list_bg3 {
  background-image: url(../image/industry_list3.png);
}
.content_four .industry_type .list_bg4 {
  background-image: url(../image/industry_list4.png);
}
.content_four .industry_type .list_bg5 {
  background-image: url(../image/industry_list5.png);
}
.content_four .industry_type .list_bg6 {
  background-image: url(../image/industry_list6.png);
}
.content_four .jump_btn {
  margin: 61px auto 0 auto;
  display: flex;
  justify-content: space-between;
  width: 424px;
}
.content_four .jump_btn .btn_style {
  cursor: pointer;
  width: 121px;
  height: 40px;
  border-radius: 40px;
  color: #ffffff;
  background-color: #D0121B;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
}
.content_four .jump_btn .btn_style:hover {
  background-color: #E1000B;
}
.content_five {
  padding: 98px 0 402px 0;
  width: 100%;
  height: 950px;
  position: relative;
  background-size: cover;
  background-image: url(../image/enterprise_list_bg.png);
}
.content_five .title {
  text-align: center;
  margin-bottom: 62px;
}
.content_five .title .h1 {
  font-size: 30px;
  color: #000000;
  font-weight: 300;
}
.content_five .title .block {
  width: 29px;
  height: 2px;
  background-color: #000000;
  margin: 12px auto 0 auto;
}
.content_five .enterprise_list {
  width: 1194px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
}
.content_five .enterprise_list .list_once {
  width: 218px;
  height: 91px;
  margin-bottom: 30px;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #CFCFCF;
  display: flex;
  justify-content: center;
  align-items: center;
}
.content_five .enterprise_list .list_once .img {
  max-width: 160px;
}
.content_five .enterprise_list .list_once:nth-child(n+8) {
  margin-bottom: 0;
}
.content_five .content_bottom {
  width: 100%;
  height: 304px;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 90px 0 0 380px;
  background-size: cover;
  background-image: url(../image/content_bottom_bg.png);
}
.content_five .content_bottom .p {
  font-size: 30px;
  margin-bottom: 33px;
  color: #E61717;
}
.content_five .content_bottom .btn_style {
  cursor: pointer;
  width: 121px;
  height: 40px;
  border-radius: 40px;
  color: #ffffff;
  background-color: #D0121B;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
}
.content_five .content_bottom .btn_style:hover {
  background-color: #E1000B;
}
.content_six {
  width: 1395px;
  height: 713px;
  margin: 98px auto 74px auto;
}
.content_six .title {
  text-align: center;
  font-size: 18px;
  color: #8E8E8E;
  margin-bottom: 18px;
}
.content_six .title .h1 {
  font-size: 30px;
  color: #000000;
  font-weight: 300;
}
.content_six .title .block {
  width: 29px;
  height: 2px;
  background-color: #000000;
  margin: 12px auto;
}
.content_six .sign_bg {
  width: 100%;
  height: 567px;
  padding: 0 118px 0 114px;
  display: flex;
  justify-content: space-between;
  background-size: cover;
  background-image: url(../image/sign_bg.png);
}
.content_six .sign_bg .sign_ul {
  margin-top: 125px;
}
.content_six .sign_bg .sign_ul .ul_li {
  color: #434343;
  font-size: 14px;
}
.content_six .sign_bg .sign_ul .ul_li.li_bottom {
  margin-bottom: 135px;
}
.content_six .sign_bg .sign_ul .ul_li .p {
  font-size: 22px;
  color: #000000;
  margin-bottom: 18px;
}
.content_six .sign_bg .sign_ul .ul_li .text_line {
  line-height: 22px;
}
.content_six .sign_bg .sign_phone {
  width: 314px;
  height: 568px;
  margin-top: 60px;
}
.content_seven {
  padding-top: 98px;
}
.content_seven .title {
  text-align: center;
  font-size: 18px;
  color: #8E8E8E;
  margin-bottom: 46px;
}
.content_seven .title .h1 {
  font-size: 30px;
  color: #000000;
  font-weight: 300;
}
.content_seven .title .block {
  width: 29px;
  height: 2px;
  background-color: #000000;
  margin: 12px auto;
}
.content_seven .sever_type {
  width: 1400px;
  margin: 0 auto;
  display: flex;
  padding-left: 8px;
  justify-content: space-between;
}
.content_seven .sever_type .list_once {
  width: 286px;
  height: 318px;
  text-align: center;
  padding: 63px 58px 1px 64px;
  color: #434343;
  font-size: 12px;
  background-image: url(../image/sever_list_bg.png);
  background-size: cover;
}
.content_seven .sever_type .list_once .img {
  width: 46px;
  height: 44px;
}
.content_seven .sever_type .list_once .p {
  font-size: 20px;
  color: #000000;
  margin: 9px 0;
}
.content_seven .sever_type .list_once .line_text {
  line-height: 22px;
  text-align: left;
}
.content_seven .sever_type .list_once:nth-child(odd) {
  margin-top: 130px;
}
.content_seven .sever_line {
  width: 1480px;
  height: 268px;
  margin: -122px auto 0 auto;
}
.content_seven .sever_line .img {
  width: 100%;
  height: 100%;
}
.content_eight {
  padding: 98px 0 125px 0;
}
.content_eight .title {
  text-align: center;
  font-size: 18px;
  color: #8E8E8E;
  margin-bottom: 26px;
}
.content_eight .title .h1 {
  font-size: 30px;
  color: #000000;
  font-weight: 300;
}
.content_eight .title .block {
  width: 29px;
  height: 2px;
  background-color: #000000;
  margin: 12px auto;
}
.content_eight .signature_ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
.content_eight .signature_ul .li_once {
  width: 645px;
  height: 502px;
  background-size: cover;
  color: #434343;
  font-size: 18px;
  padding: 114px 0 94px 0;
  display: flex;
  flex-flow: column;
}
.content_eight .signature_ul .li_once .title {
  margin-bottom: 53px;
  font-size: 26px;
  text-align: left;
  font-weight: 300;
}
.content_eight .signature_ul .li_once .line_text {
  display: flex;
  flex-flow: column;
  flex-grow: 1;
  justify-content: space-between;
  align-items: flex-start;
}
.content_eight .signature_ul .li_once .line_text .dian {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin: 0 6px 4px 0;
}
.content_eight .signature_ul .li_left {
  margin-right: -120px;
  padding-left: 82px;
  background-image: url(../image/signature_left.png);
}
.content_eight .signature_ul .li_left .title {
  color: #000000;
}
.content_eight .signature_ul .li_left .dian {
  background-color: #434343;
}
.content_eight .signature_ul .li_left .line_height {
  line-height: 28px;
}
.content_eight .signature_ul .li_center {
  width: 209px;
  height: 206px;
  z-index: 2;
}
.content_eight .signature_ul .li_center .vs {
  width: 100%;
  height: 100%;
}
.content_eight .signature_ul .li_right {
  margin-left: -120px;
  padding-left: 183px;
  background-image: url(../image/signature_right.png);
  color: #ffffff;
}
.content_eight .signature_ul .li_right .title {
  color: #ffffff;
}
.content_eight .signature_ul .li_right .dian {
  background-color: #ffffff;
}
.content_night .title {
  text-align: center;
  font-size: 18px;
  color: #8E8E8E;
  margin-bottom: -26px;
}
.content_night .title .h1 {
  font-size: 30px;
  color: #000000;
  font-weight: 300;
}
.content_night .title .block {
  width: 29px;
  height: 2px;
  background-color: #000000;
  margin: 12px auto;
}
.content_night .docking_type_second {
  width: 100%;
  height: 526px;
  background-image: url(../image/docking_bg.png);
  background-size: cover;
  display: flex;
  justify-content: center;
  padding-top: 90px;
}
.content_night .docking_type_second .list_once {
  text-align: center;
  font-size: 20px;
  color: #000000;
  width: 287px;
  height: 327px;
  box-shadow: 0 0 12px 2px rgba(54, 1, 1, 0.13);
  padding: 49px 30px 0 40px;
  margin-left: 19px;
}
.content_night .docking_type_second .list_once .img {
  width: 99px;
  height: 88px;
}
.content_night .docking_type_second .list_once .red_line {
  width: 26px;
  height: 3px;
  background-color: #E40808;
  margin: 17px auto 21px auto;
}
.content_night .docking_type_second .list_once .text {
  font-size: 14px;
  color: #434343;
  line-height: 24px;
}
.content_ten {
  background-color: #F2F3F8;
  padding: 98px 0 76px 0;
}
.content_ten .title {
  text-align: center;
  font-size: 18px;
  color: #8E8E8E;
  margin-bottom: 81px;
}
.content_ten .title .h1 {
  font-size: 30px;
  color: #000000;
  font-weight: 300;
}
.content_ten .title .block {
  width: 29px;
  height: 2px;
  background-color: #000000;
  margin: 12px auto;
}
.content_ten .scene_ul {
  width: 1200px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto;
}
.content_ten .scene_ul .li_once {
  width: 585px;
  margin-bottom: 67px;
}
.content_ten .scene_ul .li_once .list_img {
  width: 100%;
  height: 274px;
  background-size: cover;
  display: flex;
  justify-content: flex-end;
  color: #ffffff;
  padding: 31px 29px 0 0;
  font-weight: 300;
}
.content_ten .scene_ul .li_once .list_img .left_text {
  font-size: 24px;
  line-height: 34px;
}
.content_ten .scene_ul .li_once .list_img .right_text {
  margin-left: 25px;
}
.content_ten .scene_ul .li_once .list_img .right_text .p_text {
  padding: 13px 29px 11px 29px;
  background-color: rgba(255, 255, 255, 0.16);
  margin-bottom: 19px;
  font-size: 18px;
}
.content_ten .scene_ul .li_once .img_first {
  background-image: url(../image/sence_list1.png);
}
.content_ten .scene_ul .li_once .img_second {
  background-image: url(../image/sence_list2.png);
}
.content_ten .scene_ul .li_once .img_three {
  background-image: url(../image/sence_list3.png);
}
.content_ten .scene_ul .li_once .img_four {
  background-image: url(../image/sence_list4.png);
}
.content_ten .scene_ul .li_once .list_small_card {
  width: 483px;
  height: 197px;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.09);
  font-size: 24px;
  color: #000000;
  padding: 29px 29px 0 38px;
  margin: -39px auto 0 auto;
  z-index: 2;
  background-color: #ffffff;
}
.content_ten .scene_ul .li_once .list_small_card .line {
  width: 33px;
  height: 4px;
  background-color: #DE0B0B;
  margin: 15px 0 23px 0;
}
.content_ten .scene_ul .li_once .list_small_card .text {
  color: #434343;
  font-size: 18px;
}
.content_ten .scene_ul .li_once:nth-child(n + 2) {
  margin-bottom: 0;
}
.content_ten .jump_btn {
  margin: 72px auto 0 auto;
  display: flex;
  justify-content: space-between;
  width: 424px;
}
.content_ten .jump_btn .btn_style {
  cursor: pointer;
  width: 121px;
  height: 40px;
  border-radius: 40px;
  color: #ffffff;
  background-color: #D0121B;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
}
.content_ten .jump_btn .btn_style:hover {
  background-color: #E1000B;
}
.ebaoquan_header.scrollShow {
  background-color: rgba(0, 0, 0, 0.4);
}
.ebaoquan_header .logo_img {
  width: 174px;
  height: 52px;
  cursor: pointer;
}
.ebaoquan_header .header_right .phone {
  width: 27px;
  height: 27px;
}
.ebaoquan_header .header_right .phone_num {
  margin: 0 18px 0 2px;
  font-size: 20px;
}
.ebaoquan_header .header_right .apply_btn {
  width: 121px;
  height: 40px;
  border-radius: 20px;
  background-color: #2BA0E7;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
}
.ebaoquan_header .header_right {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.ebaoquan_header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 68px;
  padding: 0 360px;
  color: #ffffff;
  z-index: 10;
}
.content_eleven .works_bottom {
  width: 100%;
  height: 219px;
  margin-top: -108px;
}
.content_eleven .works_content .works_vs .vs_btn {
  width: 308px;
  height: 61px;
  font-size: 24px;
  color: #ffffff;
  text-align: center;
  line-height: 62px;
  background-size: cover;
  background-image: url(../image/works_div2.png);
}
.content_eleven .works_content .works_vs .vs_img {
  width: 105px;
  height: 69px;
}
.content_eleven .works_content .works_vs {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 60px;
  padding: 0 50px;
}
.content_eleven .works_content .works_list .list_once .list_text .dian {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #000000;
  margin-bottom: 4px;
}
.content_eleven .works_content .works_list .list_once .list_text {
  font-size: 18px;
  color: #000000;
  width: 390px;
  line-height: 30px;
}
.content_eleven .works_content .works_list .list_once .list_btn {
  width: 185px;
  height: 44px;
  font-size: 22px;
  color: #ffffff;
  text-align: center;
  line-height: 44px;
  border-radius: 22px;
  background-color: #3F7AEC;
  box-shadow: 0 4px 6px 1px rgba(0, 0, 0, 0.22);
}
.content_eleven .works_content .works_list .list_once {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.content_eleven .works_content .works_list {
  background-color: #ffffff;
  height: 586px;
  padding: 55px 26px 65px 50px;
  display: flex;
  justify-content: space-between;
  flex-flow: column;
}
.content_eleven .works_content {
  width: 1200px;
  margin: 0 auto;
  z-index: 2;
  font-weight: 300;
}
.content_eleven {
  width: 100%;
  height: 913px;
  background-color: #F2F6FA;
  padding-top: 102px;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
}
.content_twelve .title .h1 {
  font-size: 30px;
  color: #000000;
  font-weight: 300;
}
.content_twelve .title .block {
  width: 29px;
  height: 2px;
  background-color: #000000;
  margin: 12px auto;
}
.content_twelve .title {
  text-align: center;
  font-size: 18px;
  color: #8E8E8E;
  margin-bottom: 76px;
}
.content_twelve .product_ul .product_li .img {
  width: 53px;
  height: 53px;
}
.content_twelve .product_ul .product_li .p {
  font-size: 18px;
  color: #1D52D5;
  margin: 18px 0 16px 0;
}
.content_twelve .product_ul .product_li .text {
  font-size: 12px;
  color: #6B6B6B;
  text-align: left;
}
.content_twelve .product_ul .product_li {
  background-image: url(../image/product_bg.png);
  background-size: cover;
  width: 307px;
  height: 299px;
  text-align: center;
  padding: 45px 50px 47px 50px;
}
.content_twelve .product_ul {
  width: 1236px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.content_twelve {
  padding: 97px 0 88px 0;
}
.content_thirteen .title .h1 {
  font-size: 30px;
  color: #000000;
  font-weight: 300;
}
.content_thirteen .title .block {
  width: 29px;
  height: 2px;
  background-color: #000000;
  margin: 12px auto;
}
.content_thirteen .title {
  text-align: center;
  font-size: 18px;
  color: #8E8E8E;
  margin-bottom: 76px;
}
.content_thirteen .technology_ul .ul_li .img {
  width: 88px;
  height: 96px;
}
.content_thirteen .technology_ul .ul_li .p {
  font-size: 20px;
  color: #000000;
  margin-bottom: 14px;
}
.content_thirteen .technology_ul .ul_li .text {
  font-size: 14px;
  color: #6B6B6B;
  text-align: left;
}
.content_thirteen .technology_ul .ul_li {
  width: 367px;
  height: 295px;
  border-radius: 10px;
  background-color: #ffffff;
  padding: 43px 50px 0 50px;
  text-align: center;
  box-shadow: 0 0 6px 2px rgba(111, 111, 111, 0.14);
}
.content_thirteen .technology_ul {
  width: 1200px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
.content_thirteen {
  width: 100%;
  height: 650px;
  padding-top: 107px;
  background-size: cover;
  background-image: url(../image/technology_bg.png);
}
.content_fourteen .title .h1 {
  font-size: 30px;
  font-weight: 300;
}
.content_fourteen .title .block {
  width: 29px;
  height: 2px;
  background-color: #ffffff;
  margin: 12px auto;
}
.content_fourteen .title {
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 76px;
}
.content_fourteen .collection_ul .collection_li .img {
  width: 195px;
  height: 242px;
}
.content_fourteen .collection_ul .collection_li .p {
  font-size: 20px;
  margin: 22px 0 14px 0;
}
.content_fourteen .collection_ul .collection_li .text {
  font-size: 14px;
}
.content_fourteen .collection_ul .collection_li {
  width: 220px;
  height: 390px;
  background-color: rgba(66, 100, 171, 0.5);
  text-align: center;
  color: #ffffff;
  padding: 17px 12px 0 13px;
}
.content_fourteen .collection_ul {
  width: 1328px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
.content_fourteen .collection_btn {
  width: 121px;
  height: 40px;
  font-size: 16px;
  color: #ffffff;
  background-color: #2BA0E7;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
  margin: 59px auto 0 auto;
  border-radius: 20px;
}
.content_fourteen .collection_btn:hover {
  background-color: #34B2FF;
}
.content_fourteen {
  width: 100%;
  height: 825px;
  background-image: url(../image/collection_bg.png);
  background-size: cover;
  padding-top: 106px;
}
.content_fifteen .p {
  font-size: 48px;
  font-weight: 300;
  color: #ffffff;
}
.content_fifteen .btn {
  width: 121px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 20px;
  border: 1px solid #ffffff;
  margin-top: 37px;
  color: #ffffff;
  cursor: pointer;
}
.content_fifteen .btn:hover {
  color: #204DC8;
  background: #ffffff;
}
.content_fifteen {
  width: 100%;
  height: 284px;
  background-image: url(../image/ebaoqun_bottom.png);
  background-size: cover;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
#electronic_contract {
  width: 100%;
  background: url(../image/banner@2x.jpg) no-repeat;
  background-size: cover;
}
#electronic_contract h2 {
  font-weight: 400;
  text-align: center;
  padding-top: 118px;
  margin-top: -30px;
  margin-bottom: 50px;
}
#electronic_contract .banner {
  width: 100%;
  height: 400px;
  background: url(../image/banner@2x.png) no-repeat;
  background-size: cover;
  overflow: hidden;
}
#electronic_contract .banner .banner-container {
  width: 1200px;
  height: 280px;
  margin: 60px auto;
}
#electronic_contract .banner .banner-container .banner-title {
  width: 296px;
  height: 52px;
  font-size: 42px;
  line-height: 62px;
  color: #ffffff;
}
#electronic_contract .banner .banner-container .banner-apply {
  width: 120px;
  height: 42px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAABUBAMAAABO9qdZAAAAKlBMVEVHcEzpFxfsGxvsGxvnAwPsHBztGxvsGxvsGRnpGBjrGxvsGxvqGxvsHBw99D84AAAADXRSTlMAFPXRB8tu41gfesVUIRFxDQAAANlJREFUaN7t2iEOwkAQRuG/DlwTBFygilSQ1KKaVCDxdbUVHIAEbsAhsBg8Cb1CG1pB9i6Y7RVmQvLmAp+ZXTNPqo7BfLJGSvbBYYZU5dTJfDbnQu1JDrMeVb894MVHeeoBJ72CpOppuVjbRlJQkJbGiz3cIryyfky7CLfW8Bjh2hr+Rji3hvsI2/+YwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA/wi7HTVf1vB8xn1Yw/PhurSGC+84QQfTzii7Swp+AUp9cUpu3CKjcrr6ZFVuIZlXOvcDMw27X9XbK+YAAAAASUVORK5CYII=) no-repeat;
  background-size: cover;
  text-align: center;
  line-height: 42px;
  color: #FFFFFF;
  margin-top: 60px;
  border: 0;
  cursor: pointer;
}
#electronic_contract .container {
  width: 1200px;
  height: 3800px;
  margin: 0 auto;
}
#electronic_contract .container .app-crumbs {
  width: 100%;
  height: 148px;
  border: 0;
}
#electronic_contract .container .app-crumbs .app-nav {
  width: 100%;
  height: 97px;
  margin-top: 10px;
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6;
}
#electronic_contract .container .app-crumbs .app-nav li {
  width: 180px;
  height: 57px;
  float: left;
  margin-right: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  color: #fc1b1b;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWoAAABzCAMAAACGqLg2AAAAPFBMVEVHcEz/Jyf/KCj/KCj/KCj/KCj/IyP/KCj/KCj/Jyf/KCj/KCj/JSX/KSn/Jyf/KCj/KCj/IiL/Jyf/KSnooUdHAAAAE3RSTlMAUa2S2c8sv0An020wnmIz6BiDa3+/jQAAAaFJREFUeNrt3cuOgjAYgNGCKN6YAfr+7zqK6CRSVAw6MXO+DSSNm7NoVEj/EFMtwrE8akJVhxY2Y+sB9Rupw3W7C3UW9GBfv9RFah01atRCjRo1atSohRo1atSoUaNGjRr1PertdXWs+yvqCdQntG2RED009hTmHOoJ1PcKq2FtrPq7BuGjNWe9LBarZKlPnfdqPdPIXp0ONWrUQv1H1PU6EepXUCfboJ7/W1+ZqKO+8SKZZqtA/WZqEKhRCzVqoUaNWqhRCzVq1EKNWqhRoxZq1EKNGrVQoxZq1KiFGrVQo0aNGjVqoUYt1KhRCzVqoUaNWqhRCzVq1EKNWqhRoxbqT2v8oM4Y82FfxF5C7fTImanHDlXOhlWoX0KdyEm/qFELNer/Sr0cVse6v1uTm1DVmW1jTJgum2CG13wtb1F2P2H217Ux764l6onU2UEti8VAdD/2H4h5i89Sf4/t1ahRoxZq1KhRo0Yt1KhRo0aNGjXqD6YezIFeXKjbtR6v6KkTw7XrO2835VHTOlGPPYVJjYIudx11W2pax2HlTXqpCT/7KauXvtlGxgAAAABJRU5ErkJggg==) no-repeat;
  background-size: cover;
  margin-top: 20px;
}
#electronic_contract .container .app-crumbs .app-nav li:hover {
  color: #FFFFFF;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWoAAABzCAMAAACGqLg2AAAATlBMVEVHcEzsGxv/KCj/KCj8IiL/KCj/KCj/KCj/KCj/JyfrExPtGxv/KCj/Jib/JyfsGhrrGRntGxv6IyP/KSn/Jib/KCj/KCj/KCjsHBz/KSn/3CZtAAAAGHRSTlMAQa2RLtjPv0AnDnvTblM6H5lNnWIz4vDz1hlgAAACCklEQVR42u3d0W6iQBiAUdRSFKtStbi8/4uuRbWpzFCg4rbZ891Awt3JZKJK/kmqULPkvWmlHu1qtGQRe56gfiB1ctvqSr1O1LH9B3Uaeo4aNWqNSj35o9Y2qFGjRo0atVCjRo0aNWqh/hXUL7eV1aG+HlD3oT6hvaQB0WOxf2Euoe5B/VXJU7NZtTvf5ai7UucXvW1VPgULbSuXvfoU6k7U1yJ7dTjUqH9mk/wj1I/qdSh1Ubcm2JO6nAfK26hzdMOogy1Q3526yAId3qnjL5KhHkQdLEX9YOrYY9SofzB1fhvqh7VEjfp/oH4NBGoUaiioUQs1atSoUaMWatSoUaNGLdSohRo1aqFGLdSoUQs1aqFGjVqoUQs1atSoUaMWatSoUaNGLdSohfqfUwcGS25A9WtfNMtNThijSXyeHur7tkVtVVvVqK3qX7Kq44M6q2rabI968KpuozY98s6rOjZUedtsh/pbq3rA/OrNuRXF9lYnp/y7A/DNZe/30QM1atSoR6B+blZWh/PdHHUP6mltll71PlUkX5/hhbor9XMbZf0VJnCG17S+Zqh7Uq+PauvQGV5l5DeQz+ctou5O/Rbbq1PUqFELNWrUqFGjRo0aNerB1OoWatSoUY9I3TgHenalXs7VvfRMHThcu2x/u+lIrX69tb5IFjoKOlvV1MtM/VrEDtfOsiL5C2bCsEzkFwHlAAAAAElFTkSuQmCC) no-repeat;
  background-size: cover;
}
#electronic_contract .container .productSystem {
  width: 100%;
}
#electronic_contract .container .productSystem .systemContainer {
  width: 100%;
  height: 250px;
  display: flex;
  flex-direction: row;
  background-color: #fff9f9;
  box-sizing: border-box;
  border: 1px solid #e6e6e6;
  padding-top: 15px;
}
#electronic_contract .container .productSystem .systemContainer p {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 20px;
}
#electronic_contract .container .productSystem .systemContainer .container1 {
  width: 585px;
  height: 100%;
  display: flex;
  flex-direction: row;
  margin-left: 15px;
}
#electronic_contract .container .productSystem .systemContainer .container1 .rightContainer {
  width: 280px;
  height: 100%;
  margin-left: 20px;
}
#electronic_contract .container .productSystem .systemContainer .container1 .rightContainer .standard {
  width: 100%;
  height: 100px;
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#electronic_contract .container .productSystem .systemContainer .container2 {
  width: 600px;
  height: 100%;
  display: flex;
  flex-direction: row;
}
#electronic_contract .container .productSystem .systemContainer .container2 .leftContainer {
  width: 360px;
  height: 100%;
  margin-left: 20px;
}
#electronic_contract .container .productSystem .systemContainer .container2 .leftContainer .customized {
  width: 100%;
  height: 100px;
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#electronic_contract .container .productArchitecture {
  width: 100%;
}
#electronic_contract .container .productArchitecture .div-img {
  background: url(../image/product-framework.png);
  background-size: 100%;
}
#electronic_contract .container .productFunction {
  width: 100%;
}
#electronic_contract .container .productFunction .functionContainer {
  width: 100%;
  height: 395px;
  display: flex;
  flex-direction: row;
}
#electronic_contract .container .productFunction .functionContainer .sign {
  width: 350px;
  height: 100%;
  position: relative;
}
#electronic_contract .container .productFunction .functionContainer .sign .signHeader {
  width: 100%;
  height: 50px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAArwAAABkAQMAAABehnFrAAAABlBMVEX////m5ua54GxLAAAAR0lEQVRo3u3aMREAIBDEwJOE/wpJOAAVVzyzEbAKktvppAbvVFpgMBgMBoPBYDAYDAaDwWAwGAwGg8FgMBgMBoPBv8DjjpAHVWy4dMzRkZYAAAAASUVORK5CYII=) no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  z-index: 100;
  text-align: center;
  line-height: 50px;
  color: #EC1C1C;
}
#electronic_contract .container .productFunction .functionContainer .sign .signContainer {
  width: 100%;
  height: 370px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAArwAAALkAQMAAADXqXSaAAAABlBMVEX////m5ua54GxLAAABB0lEQVR42u3MMQ0AMAwDsEAa/2uQyqBDEWmHDcDZjkktvqk4YrFYLBaLxWKxWCwWi8VisVgsFovFYrFYLBaLxWKxWCwWi8VisVgsFovFYrFYLBaLxWKxWCwWi8VisVgsFovFYrFYLBaLxWKxWCwWi8VisVgsFovFYrFYLBaLxWKxWCwWi8VisVgsFovFYrFYLBaLxWKxWCwWi8VisVgsFovFYrFYLBaLxWKxWCwWi8VisVgsFovFYrFYLBaLxWKxWCwWi8VisVgsFovFYrFYLBaLxWKxWCwWi8VisVgsFovFYrFYLBaLxWKxWCwWi8VisVgsFovFYrFYLBaLxWKxWCz+K96OqcUPazQQoR+yfc0AAAAASUVORK5CYII=) no-repeat;
  background-size: cover;
  position: absolute;
  top: 25px;
  text-align: center;
}
#electronic_contract .container .productFunction .functionContainer .sign .signContainer h4 {
  line-height: 24px;
  font-weight: 400;
}
#electronic_contract .container .productFunction .functionContainer .sign .signContainer p {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.45);
  line-height: 18px;
}
#electronic_contract .container .productFunction .functionContainer .sign .signContainer ul {
  margin-top: 25px;
}
#electronic_contract .container .signProcess {
  width: 100%;
}
#electronic_contract .container .signProcess .proContainer {
  width: 100%;
  height: 344px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#electronic_contract .container .signProcess .proContainer img {
  width: 125px;
  height: 125px;
}
#electronic_contract .container .productSuperiority {
  width: 100%;
}
#electronic_contract .container .productSuperiority .superContainer {
  width: 100%;
  height: 460px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
#electronic_contract .container .productSuperiority .superContainer .super1,
#electronic_contract .container .productSuperiority .superContainer .super2,
#electronic_contract .container .productSuperiority .superContainer .super3,
#electronic_contract .container .productSuperiority .superContainer .super4 {
  width: 575px;
  height: 210px;
  background: url(../image/frame.png) no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
#electronic_contract .container .productSuperiority .superContainer .super1 img,
#electronic_contract .container .productSuperiority .superContainer .super2 img,
#electronic_contract .container .productSuperiority .superContainer .super3 img,
#electronic_contract .container .productSuperiority .superContainer .super4 img {
  width: 47px;
  height: 60px;
}
#electronic_contract .container .productSuperiority .superContainer .super1 div,
#electronic_contract .container .productSuperiority .superContainer .super2 div,
#electronic_contract .container .productSuperiority .superContainer .super3 div,
#electronic_contract .container .productSuperiority .superContainer .super4 div {
  margin-left: 20px;
}
#electronic_contract .container .productSuperiority .superContainer .super1 h4,
#electronic_contract .container .productSuperiority .superContainer .super2 h4,
#electronic_contract .container .productSuperiority .superContainer .super3 h4,
#electronic_contract .container .productSuperiority .superContainer .super4 h4 {
  font-weight: 400;
  line-height: 24px;
}
#electronic_contract .container .productSuperiority .superContainer .super1 p,
#electronic_contract .container .productSuperiority .superContainer .super2 p,
#electronic_contract .container .productSuperiority .superContainer .super3 p,
#electronic_contract .container .productSuperiority .superContainer .super4 p {
  width: 355px;
  font-size: 12px;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.45);
}
#electronic_contract .container .applicationScenarios {
  width: 100%;
}
#electronic_contract .container .applicationScenarios .scenaCantainer {
  width: 100%;
  height: 596px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
#electronic_contract .container .applicationScenarios .scenaCantainer .scena1,
#electronic_contract .container .applicationScenarios .scenaCantainer .scena2,
#electronic_contract .container .applicationScenarios .scenaCantainer .scena3,
#electronic_contract .container .applicationScenarios .scenaCantainer .scena4,
#electronic_contract .container .applicationScenarios .scenaCantainer .scena5,
#electronic_contract .container .applicationScenarios .scenaCantainer .scena6,
#electronic_contract .container .applicationScenarios .scenaCantainer .scena7,
#electronic_contract .container .applicationScenarios .scenaCantainer .scena8 {
  width: 285px;
  height: 285px;
  position: relative;
}
#electronic_contract .container .applicationScenarios .scenaCantainer .scena1 .shade,
#electronic_contract .container .applicationScenarios .scenaCantainer .scena2 .shade,
#electronic_contract .container .applicationScenarios .scenaCantainer .scena3 .shade,
#electronic_contract .container .applicationScenarios .scenaCantainer .scena4 .shade,
#electronic_contract .container .applicationScenarios .scenaCantainer .scena5 .shade,
#electronic_contract .container .applicationScenarios .scenaCantainer .scena6 .shade,
#electronic_contract .container .applicationScenarios .scenaCantainer .scena7 .shade,
#electronic_contract .container .applicationScenarios .scenaCantainer .scena8 .shade {
  width: 100%;
  height: 125px;
  position: absolute;
  bottom: 0;
  background: linear-gradient(180deg, rgba(19, 54, 90, 0) 0%, #040b12 100%);
}
#electronic_contract .container .applicationScenarios .scenaCantainer .scena1 .shade h3,
#electronic_contract .container .applicationScenarios .scenaCantainer .scena2 .shade h3,
#electronic_contract .container .applicationScenarios .scenaCantainer .scena3 .shade h3,
#electronic_contract .container .applicationScenarios .scenaCantainer .scena4 .shade h3,
#electronic_contract .container .applicationScenarios .scenaCantainer .scena5 .shade h3,
#electronic_contract .container .applicationScenarios .scenaCantainer .scena6 .shade h3,
#electronic_contract .container .applicationScenarios .scenaCantainer .scena7 .shade h3,
#electronic_contract .container .applicationScenarios .scenaCantainer .scena8 .shade h3 {
  font-size: 20px;
  line-height: 40px;
  margin-top: 5px;
  margin-left: 20px;
  color: #ffffff;
  font-weight: 500;
}
#electronic_contract .container .applicationScenarios .scenaCantainer .scena1 .shade p,
#electronic_contract .container .applicationScenarios .scenaCantainer .scena2 .shade p,
#electronic_contract .container .applicationScenarios .scenaCantainer .scena3 .shade p,
#electronic_contract .container .applicationScenarios .scenaCantainer .scena4 .shade p,
#electronic_contract .container .applicationScenarios .scenaCantainer .scena5 .shade p,
#electronic_contract .container .applicationScenarios .scenaCantainer .scena6 .shade p,
#electronic_contract .container .applicationScenarios .scenaCantainer .scena7 .shade p,
#electronic_contract .container .applicationScenarios .scenaCantainer .scena8 .shade p {
  width: 246px;
  font-size: 12px;
  line-height: 16px;
  color: #ffffff;
  opacity: 0.7;
  margin-left: 20px;
}
#electronic_contract .container .applicationScenarios .scenaCantainer .scena1 {
  background: url(../image/financial.png) no-repeat;
  background-size: cover;
}
#electronic_contract .container .applicationScenarios .scenaCantainer .scena2 {
  background: url(../image/educational-training.png) no-repeat;
  background-size: cover;
}
#electronic_contract .container .applicationScenarios .scenaCantainer .scena3 {
  background: url(../image/realty.png) no-repeat;
  background-size: cover;
}
#electronic_contract .container .applicationScenarios .scenaCantainer .scena4 {
  background: url(../image/manpower-resource.png) no-repeat;
  background-size: cover;
}
#electronic_contract .container .applicationScenarios .scenaCantainer .scena5 {
  background: url(../image/Electricity-supply.png) no-repeat;
  background-size: cover;
}
#electronic_contract .container .applicationScenarios .scenaCantainer .scena6 {
  background: url(../image/Logistics-supply.png) no-repeat;
  background-size: cover;
}
#electronic_contract .container .applicationScenarios .scenaCantainer .scena7 {
  background: url(../image/travel.png) no-repeat;
  background-size: cover;
}
#electronic_contract .container .applicationScenarios .scenaCantainer .scena8 {
  background: url(../image/e-commerce.png) no-repeat;
  background-size: cover;
}
#electronic_signature {
  width: 100%;
  background: url(../image/banner@2x.jpg) no-repeat;
  background-size: cover;
}
#electronic_signature h2 {
  font-weight: 400;
  text-align: center;
  padding-top: 118px;
  margin-top: -30px;
  margin-bottom: 50px;
}
#electronic_signature .banner {
  width: 100%;
  height: 400px;
  background: url(../image/banner6.png) no-repeat;
  background-size: cover;
  overflow: hidden;
}
#electronic_signature .banner .banner-container {
  width: 1200px;
  height: 280px;
  margin: 60px auto;
}
#electronic_signature .banner .banner-container .banner-title {
  width: 296px;
  height: 52px;
  font-size: 42px;
  line-height: 62px;
  color: #ffffff;
}
#electronic_signature .banner .banner-container .banner-apply {
  width: 120px;
  height: 42px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAABUBAMAAABO9qdZAAAAKlBMVEVHcEzpFxfsGxvsGxvnAwPsHBztGxvsGxvsGRnpGBjrGxvsGxvqGxvsHBw99D84AAAADXRSTlMAFPXRB8tu41gfesVUIRFxDQAAANlJREFUaN7t2iEOwkAQRuG/DlwTBFygilSQ1KKaVCDxdbUVHIAEbsAhsBg8Cb1CG1pB9i6Y7RVmQvLmAp+ZXTNPqo7BfLJGSvbBYYZU5dTJfDbnQu1JDrMeVb894MVHeeoBJ72CpOppuVjbRlJQkJbGiz3cIryyfky7CLfW8Bjh2hr+Rji3hvsI2/+YwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA/wi7HTVf1vB8xn1Yw/PhurSGC+84QQfTzii7Swp+AUp9cUpu3CKjcrr6ZFVuIZlXOvcDMw27X9XbK+YAAAAASUVORK5CYII=) no-repeat;
  background-size: cover;
  text-align: center;
  line-height: 42px;
  color: #FFFFFF;
  margin-top: 60px;
  border: 0;
  cursor: pointer;
}
#electronic_signature .container {
  width: 1200px;
  height: 2220px;
  margin: 0 auto;
}
#electronic_signature .container .div-img2 {
  background: url(../image/jzqbig.png) no-repeat;
  text-align: center;
}
#electronic_signature .container .app-crumbs {
  width: 100%;
  height: 148px;
  border: 0;
}
#electronic_signature .container .app-crumbs .app-nav {
  width: 100%;
  height: 97px;
  margin-top: 10px;
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6;
}
#electronic_signature .container .app-crumbs .app-nav li {
  width: 380px;
  height: 57px;
  float: left;
  margin-right: 29px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  color: #fc1b1b;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAvoAAABzCAMAAADe4VbeAAAANlBMVEVHcEz/KCj/KCj/KCj/JCT/KCj/KCj/KCj/KCj/Jyf/Jyf/KCj/Jyf/KCj/Jyf/KCj/IyP/KSkeg6bwAAAAEXRSTlMAz63TLtmUv0Amb1NPP2PoF3j+lrsAAAHlSURBVHja7dzLboJAFIDhEbmJtjDv/7K1XGwig67aZuD7NpCcuDn5FxMihJhSh29FhGxNEYfL1jxIn8OmH551j/SvAbL0+ZN+lZpLH+lLH+lLH+lbIdIH6YP0QfogfZA+SB+kD9IH6YP04ffTPz/rYz9fpU+26U8Rn6tE4Xdbb2ktpE+26b8TyrU6FvPdYIXkaVhqvsWqTEr9ajnrQ/42zvpp0kf6IH2QPmSUfv+x1kqf/aefdJE+Ozc0CWP6r77ZBvtUSZ9Dp28RSB+kD9IH6YP0QfogfZA+SB+kD9IH6YP0QfogfZA+SB+kD9IH6YP0QfpIX/pIH6QP0gfpg/RB+iB9kD5IH6QP0gfpg/RB+iB9kD5IH6QP0gfpg/RB+iB9pA/SB+mD9EH6IH2QPkgfpA//7xKTxvSLtU8b4wDpJ9Q2xm7SrzYmt7Va+hwg/YRO+kgfpA/SB+lDpumf1vrYz3etzZGtYmz4HGOi8dPWc/3F1f7I1ulV2mP65bM6FuO1kT5Zp3+9V3yL1arwcus/PMtZv5A+Wadfbp31pY/0pY/0pY/0pY/0QfogfZA+SB+kD9IH6YP0Qfrwx+m3z+pH+l0Luarm9Pv1qH/z9bUiQs6m9Lfe0mpSuung00DO7n2HIT0awhcXbQLugd7otgAAAABJRU5ErkJggg==) no-repeat;
  background-size: cover;
  margin-top: 20px;
}
#electronic_signature .container .app-crumbs .app-nav li:hover {
  color: #FFFFFF;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAvoAAABzCAMAAADe4VbeAAAAQlBMVEVHcEzsGhr/KCj/Jyf/KCj/KCj4ISH/KCj/KCj8JSX/IyPrExPrGxv/Jib/KCjsGxv+Jib/KSn/KCj/KCjsHBz/KSlvqy+mAAAAFHRSTlMAQZRS2dEyv0AlLA57bqyZY6/M7MMbA7kAAAJLSURBVHja7dzNjqJAFIBRBPyhEdtpp97/VUcR7ESq7EzvrpyzEJLa3XwhFQNVpZy6ujklCOsecdWV1ivps9r0q2fDI/2mgpDO3+m3uXXpI33pI33pI/3r7+YvBLKTPtKXPtKXPtKXPtKXPtKXPtKXPtIH6YP0QfoQMP3ts0u6TFfpEzb9e8TbNlP4VekrrZn0CZv+T6qPpTqdprte+sRMv59rblL7kZXbBs17/TvpEzD9h8JeP0/6SF/6RLPpv0mfdfr8bfrdqDFBYqd/yOhfpd8bHe+QflYnfd49/X3G5ZZ++cw26fMG6We10mfV6ZeWpY/0IWT6/TPps1JH6SN96bPu9D8zDIoVpG8oSB+kD9IH6YP0QfogfZA+SB+kD9IH6YP0QfogfZA+SB+kD9IH6YP0kb70kb70kT5IH6QP0gfpg/RB+iB9kD5IH6QP0gfpg/RB+iB9kD5IH6QP/5H+bmljUER27pb6ZfoZveER2aYqkj7Slz7Slz7SB+lDzPS7lDWm/2fpLH1WkH5GLX3eJv22sK1plmrps4L0M4Z7+tVmMpgikQz3bvvfpz/zRgMBH/cT6SN96SN96bPi9LdLl3SZ7g7SJ2z6p7HhNqWvTOSl//VnjfQJm/7Xq7TH9BffqNTpNF730id0+s214ia1y8+wSu/wzHv9k/QJnf6utNeXPtKXPtKXPtKXPtIH6YP0QfogfZA+RE4fIpI+0pc+0pc+0k+HZ/Uj/eMBomrn9HNLL09fu6YPke1eHjy4zxnG9I97iKy7pV9a+gfDuYayXyJi/QAAAABJRU5ErkJggg==) no-repeat;
  background-size: cover;
}
#electronic_signature .container .productArchitecture {
  width: 100%;
}
#electronic_signature .container .productArchitecture .div-img {
  background: url(../image/product-framework.png);
  background-size: 100%;
}
#electronic_signature .container .relevantPolicy {
  width: 100%;
}
#electronic_signature .container .relevantPolicy .div-img3 {
  width: 390px;
  background: url(../image/policy.png) no-repeat;
}
#electronic_signature .container .relevantPolicy .policyContainer {
  width: 100%;
  height: 374px;
  display: flex;
  justify-content: space-between;
}
#electronic_signature .container .relevantPolicy .policyContainer .e-signature {
  width: 780px;
  height: 100%;
}
#electronic_signature .container .relevantPolicy .policyContainer .e-signature p {
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.45);
}
#electronic_signature .container .relevantPolicy .policyContainer .e-signature p span {
  color: #EC1C1C;
}
#electronic_signature .container .relevantPolicy .policyNews {
  width: 100%;
  height: 200px;
  margin-top: 8px;
}
#electronic_signature .container .relevantPolicy .policyNews li {
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.45);
}
#electronic_signature .container .functionalAdvantage {
  width: 100%;
}
#electronic_signature .container .functionalAdvantage .advanContainer {
  width: 100%;
  height: 384px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#electronic_signature .container .functionalAdvantage .advanContainer .advan1,
#electronic_signature .container .functionalAdvantage .advanContainer .advan2,
#electronic_signature .container .functionalAdvantage .advanContainer .advan3,
#electronic_signature .container .functionalAdvantage .advanContainer .advan4,
#electronic_signature .container .functionalAdvantage .advanContainer .advan5 {
  width: 224px;
  height: 100%;
  background: url(../image/frame1.png) no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#electronic_signature .container .functionalAdvantage .advanContainer .advan1 img,
#electronic_signature .container .functionalAdvantage .advanContainer .advan2 img,
#electronic_signature .container .functionalAdvantage .advanContainer .advan3 img,
#electronic_signature .container .functionalAdvantage .advanContainer .advan4 img,
#electronic_signature .container .functionalAdvantage .advanContainer .advan5 img {
  width: 47px;
  height: 60px;
  margin-top: 36px;
}
#electronic_signature .container .functionalAdvantage .advanContainer .advan1 p,
#electronic_signature .container .functionalAdvantage .advanContainer .advan2 p,
#electronic_signature .container .functionalAdvantage .advanContainer .advan3 p,
#electronic_signature .container .functionalAdvantage .advanContainer .advan4 p,
#electronic_signature .container .functionalAdvantage .advanContainer .advan5 p {
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.85);
  margin: 15px 0;
}
#electronic_signature .container .functionalAdvantage .advanContainer .advan1 ul,
#electronic_signature .container .functionalAdvantage .advanContainer .advan2 ul,
#electronic_signature .container .functionalAdvantage .advanContainer .advan3 ul,
#electronic_signature .container .functionalAdvantage .advanContainer .advan4 ul,
#electronic_signature .container .functionalAdvantage .advanContainer .advan5 ul {
  list-style: disc;
}
#electronic_signature .container .functionalAdvantage .advanContainer .advan1 ul li,
#electronic_signature .container .functionalAdvantage .advanContainer .advan2 ul li,
#electronic_signature .container .functionalAdvantage .advanContainer .advan3 ul li,
#electronic_signature .container .functionalAdvantage .advanContainer .advan4 ul li,
#electronic_signature .container .functionalAdvantage .advanContainer .advan5 ul li {
  width: 165px;
  font-size: 12px;
  line-height: 15px;
  color: rgba(0, 0, 0, 0.45);
  margin-top: 5px;
  margin-left: 10px;
}
#blockchain_certificate {
  width: 100%;
  background: url(../image/banner@2x.jpg) no-repeat;
  background-size: cover;
}
#blockchain_certificate h2 {
  font-weight: 400;
  text-align: center;
  padding-top: 118px;
  margin-top: -30px;
  margin-bottom: 50px;
}
#blockchain_certificate .banner {
  width: 100%;
  height: 400px;
  background: url(../image/banner7.png) no-repeat;
  background-size: cover;
  overflow: hidden;
}
#blockchain_certificate .banner .banner-container {
  width: 1200px;
  height: 280px;
  margin: 60px auto;
}
#blockchain_certificate .banner .banner-container .banner-title {
  width: 296px;
  height: 52px;
  font-size: 42px;
  line-height: 62px;
  color: #ffffff;
}
#blockchain_certificate .banner .banner-container .banner-apply {
  width: 120px;
  height: 42px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAABUBAMAAABO9qdZAAAAKlBMVEVHcEzpFxfsGxvsGxvnAwPsHBztGxvsGxvsGRnpGBjrGxvsGxvqGxvsHBw99D84AAAADXRSTlMAFPXRB8tu41gfesVUIRFxDQAAANlJREFUaN7t2iEOwkAQRuG/DlwTBFygilSQ1KKaVCDxdbUVHIAEbsAhsBg8Cb1CG1pB9i6Y7RVmQvLmAp+ZXTNPqo7BfLJGSvbBYYZU5dTJfDbnQu1JDrMeVb894MVHeeoBJ72CpOppuVjbRlJQkJbGiz3cIryyfky7CLfW8Bjh2hr+Rji3hvsI2/+YwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA/wi7HTVf1vB8xn1Yw/PhurSGC+84QQfTzii7Swp+AUp9cUpu3CKjcrr6ZFVuIZlXOvcDMw27X9XbK+YAAAAASUVORK5CYII=) no-repeat;
  background-size: cover;
  text-align: center;
  line-height: 42px;
  color: #FFFFFF;
  margin-top: 60px;
  border: 0;
  cursor: pointer;
}
#blockchain_certificate .container {
  width: 1200px;
  height: 3080px;
  margin: 0 auto;
}
#blockchain_certificate .container .div-img2 {
  background: url(../image/jzqbig.png) no-repeat;
  text-align: center;
}
#blockchain_certificate .container .app-crumbs {
  width: 100%;
  height: 148px;
  border: 0;
}
#blockchain_certificate .container .app-crumbs .app-nav {
  width: 100%;
  height: 97px;
  margin-top: 10px;
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6;
}
#blockchain_certificate .container .app-crumbs .app-nav li {
  width: 226px;
  height: 57px;
  float: left;
  margin-right: 17px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  color: #fc1b1b;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcYAAABzCAMAAAA1zFJpAAAAP1BMVEVHcEz/KCj/KCj/KSn/KCj/Jib/IyP/KCj/KCj/Jyf/KCj/Jyf/KCj/KCj/Jyf/KSn/KCj/Jyf/KCj/KCj/KSnzZOydAAAAFHRSTlMAkK3P2jEsv0Am027YU0+cP2PM6g3yYYwAAAGuSURBVHja7d1db4IwGIBRQBj4PUf//2+dIrhEWne51p3nBpLGm/dcNAhJqxCrrm41QZl0nkCqbWq9wvgmjNVz+wfjsVIGXX4YD7F1jBiFURgxYsQojMKIESNGI8QojMKIESNG/R3j7rkxjPMVYyaMd5BdG9G6lnr7v4QxE8bfqj7W1eE835lgHnWzxym0H9FiP1r2RuVWYm+MhxGjMArjv2BsP9cNGEtjjLbFWBZjH2lifPHxv4rogPEdau+MBoFRGIVRGDEKozAKI0ZhFEZhxCiMwiiMGIVRGIVRGDEKozAKI0ZhFEZhxCiMwiiMGIVRGIURI0aMwiiMwohRGIVRGDEKozAKI0ZhFEZhxKhSSh9uFEKz7mJixTE6FacgxtTBf6d1Z4zFMUZyYhxGYRRGjBhLZ9ysG8M43w0ml0nN5HEIIeK1ST03Lh3NL5O+XjFNjN1zdWima48xI8bjVeQU2pVWl/pPddkbG4wZMXapvREjRmEURowYMQqjMAojRowYhVEYMWIslnF4rn4w7gflUTsztrGl11+NN0H5dGdMvf3vY+0nxrpXPm1vjKmlby2D0BJYETYCAAAAAElFTkSuQmCC) no-repeat;
  background-size: cover;
  margin-top: 20px;
}
#blockchain_certificate .container .app-crumbs .app-nav li:hover {
  color: #FFFFFF;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcYAAABzCAMAAAA1zFJpAAAAS1BMVEVHcEzsGxv/Jyf/IyP/KCj7IyP/KCj/KCj/KCj/Jyf/KCj/KCjrExPrGxv/KCj/JibsGhrrGRnsGxv/KCj+JibqGRn/KCjsHBz/KSkdeWQ1AAAAF3RSTlMAQVIs2TDPv0AmrZEOe9NuOh+TnWNI7I39IqgAAAIUSURBVHja7d3djppAGIBhZPFnFX9YrZ37v9K6KG4CM2yaNnWgz3uiyZzNE50gxK8IsXbFZ9ugTDq3IMV7ar3AOBPGot/xyVgWyqDLF2MVW8eIURiFEePvMy5+6mWdMGLEiFEYhREjRozCKIwYMc6L8dDvGq6PV4yZMN5BDlVE61bq7n8XxkwYv6t4G7YL58e7GmMOjHUnU4bqLVrsq7Y7G+9hfDnjs8TZGA8jRmFUr0X9FcY59HFn3ESqRxmbttIOZsQY7X2MsbZ1uTE260jXT8b0w/8Ys+qcOgMrjBP7NI4xppYxYhRGxc7Guh/GWbTHiFH5Mn5EslGTY7QpGIVRGDFixCiMwiiMGIVRGIURozAKozBiFEZhFEaMGDEKozAKI0ZhFEZhxCiMwiiMGIVRGIURI0aMwiiMGDHOlHE57GSj8unSDKv9g+PU+pEem4IRozAK43/MmB5uFMJ22AXj5BhNxZkQY2rwXznsjHFyjCbGzZyxOD062sXXdbwb1H86FNc81Ze2+EuzjTFi1D9iXA27huvj3QZjJozb1uMQQsRr1SSuG7tKjJkwrsaY2sv/wY3GXdi2r2uMGTGWN5EyVMP7wqnfVLuzcYsxI8Zl6mzEiFEYhREjRozCKIwYMWLEiFGZMer1YcSIcTqMm367J+N+ozyqOsbY0uhT4zdG5dNy9OH/daxjy7hfK59uVkUTX2qKX2oclvodPI9qAAAAAElFTkSuQmCC) no-repeat;
  background-size: cover;
}
#blockchain_certificate .container .productArchitecture {
  width: 100%;
}
#blockchain_certificate .container .productArchitecture .div-img {
  background: url(../image/product-framework.png);
  background-size: 100%;
}
#blockchain_certificate .container .functionParsing {
  width: 100%;
}
#blockchain_certificate .container .functionParsing .parsContainer {
  width: 100%;
  height: 405px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#blockchain_certificate .container .functionParsing .parsContainer .parsing {
  width: 354px;
  height: 100%;
  border: 1px solid #dcdcdc;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#blockchain_certificate .container .functionParsing .parsContainer .parsing img {
  width: 344px;
  height: 88px;
  margin-top: 5px;
}
#blockchain_certificate .container .functionParsing .parsContainer .parsing ul {
  width: 294px;
  margin-top: 30px;
  list-style-type: disc;
}
#blockchain_certificate .container .functionParsing .parsContainer .parsing ul li {
  font-size: 14px;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.65);
}
#blockchain_certificate .container .functionalAdvantage {
  width: 100%;
}
#blockchain_certificate .container .functionalAdvantage .advanContainer {
  width: 100%;
  height: 390px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#blockchain_certificate .container .functionalAdvantage .advanContainer .advantage {
  width: 575px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#blockchain_certificate .container .functionalAdvantage .advanContainer .advantage div {
  margin-top: 11px;
}
#blockchain_certificate .container .functionalAdvantage .advanContainer .advantage div img {
  width: 9px;
  height: 9px;
  margin-right: 5px;
}
#blockchain_certificate .container .functionalAdvantage .advanContainer .advantage div span {
  font-size: 14px;
  line-height: 20px;
  color: #ec1c1c;
}
#blockchain_certificate .container .functionalAdvantage .advanContainer .advantage div p {
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.65);
  margin-top: 5px;
}
#blockchain_certificate .container .functionalSign {
  width: 100%;
}
#blockchain_certificate .container .functionalSign .signContainer {
  width: 100%;
  height: 415px;
  background: url(../image/function-banner.png) no-repeat;
  background-size: cover;
  padding-top: 300px;
}
#blockchain_certificate .container .functionalSign .signContainer p {
  width: 1140px;
  margin: 0 auto;
  font-size: 12px;
  line-height: 30px;
  color: #FFFFFF;
  text-indent: 30px;
}
#blockchain_certificate .container .forceLaw {
  width: 100%;
}
#blockchain_certificate .container .forceLaw .lawContainer {
  width: 100%;
  height: 265px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#blockchain_certificate .container .forceLaw .lawContainer .law {
  width: 871px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#blockchain_certificate .container .forceLaw .lawContainer .law p {
  font-size: 14px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.85);
}
#blockchain_certificate .container .forceLaw .lawContainer .law a {
  width: 257px;
  height: 45px;
  background: url(../image/enter-in.png) no-repeat;
  background-size: cover;
}
#blockchain_certificate .container .forceLaw .lawContainer .law img {
  width: 257px;
  height: 45px;
}
#judicial_service {
  width: 100%;
  background: url(../image/banner@2x1.jpg) no-repeat;
  background-size: cover;
}
#judicial_service h2 {
  font-weight: 400;
  text-align: center;
  padding-top: 118px;
  margin-top: -30px;
  margin-bottom: 50px;
}
#judicial_service .banner {
  width: 100%;
  height: 400px;
  background: url(../image/banner8.png) no-repeat;
  background-size: cover;
  overflow: hidden;
}
#judicial_service .banner .banner-container {
  width: 1200px;
  height: 280px;
  margin: 60px auto;
}
#judicial_service .banner .banner-container .banner-title {
  width: 296px;
  height: 52px;
  font-size: 42px;
  line-height: 62px;
  color: #ffffff;
}
#judicial_service .banner .banner-container .banner-apply {
  width: 120px;
  height: 42px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAABUBAMAAABO9qdZAAAAKlBMVEVHcEzpFxfsGxvsGxvnAwPsHBztGxvsGxvsGRnpGBjrGxvsGxvqGxvsHBw99D84AAAADXRSTlMAFPXRB8tu41gfesVUIRFxDQAAANlJREFUaN7t2iEOwkAQRuG/DlwTBFygilSQ1KKaVCDxdbUVHIAEbsAhsBg8Cb1CG1pB9i6Y7RVmQvLmAp+ZXTNPqo7BfLJGSvbBYYZU5dTJfDbnQu1JDrMeVb894MVHeeoBJ72CpOppuVjbRlJQkJbGiz3cIryyfky7CLfW8Bjh2hr+Rji3hvsI2/+YwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA/wi7HTVf1vB8xn1Yw/PhurSGC+84QQfTzii7Swp+AUp9cUpu3CKjcrr6ZFVuIZlXOvcDMw27X9XbK+YAAAAASUVORK5CYII=) no-repeat;
  background-size: cover;
  text-align: center;
  line-height: 42px;
  color: #FFFFFF;
  margin-top: 90px;
  border: 0;
  cursor: pointer;
}
#judicial_service .container {
  width: 1200px;
  height: 6000px;
  margin: 0 auto;
}
#judicial_service .container .app-crumbs {
  width: 100%;
  height: 148px;
  border: 0;
}
#judicial_service .container .app-crumbs .app-nav {
  width: 100%;
  height: 97px;
  margin-top: 10px;
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6;
}
#judicial_service .container .app-crumbs .app-nav li {
  width: 586px;
  height: 57px;
  float: left;
  margin-right: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  color: #fc1b1b;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABJUAAABzCAMAAAAWuMNgAAAANlBMVEVHcEz/KSn/KCj/Jyf/KCj/JCT/Jib/KCj/KCj/KCj/KCj/KCj/Jyf/Jyf/Jib/KCj/IyP/KSllafajAAAAEXRSTlMAz59/WC00v0Cp02CiTl3lHDS0IP8AAAIySURBVHja7d3BboJAFEBR6pPgVJTO//9sKxWbwmA3Q9XknM2QzO4tbsgEoMklu+aizwC1fYx9adLKdjSqBDxblZq5461K5wagpuGnSvvCdqgSoEqAKqkSoEoAqgSoEoAqAaoEoEqAKqkSoEqAKqkSoEoAqgSoEkClKr3PDXm4rqoE1K7SLDTz/Kx8i3KiSkDtKv0hmnYpcrpefRghUNUtNF2OtqSYnelcCWAzffFcaYUqAZtLqgSoEoAqAS9TpTgstaoEPKxKJUmVgAeJbul9rNKdP3oD/Ku9KgFPWSWTAFQJQJUAVQJQJUCVAFQJUCUAVQJUCUCVAFQJUCUAVQJUCUCVAFUCUCVAlQBUCVAlVQJUCUCVAFUCUCVAlQBUCVAlAFUCVAlAlQBUCVAlAFUCVAlAlQBVAlAlQJUAVAlQJVUCVAlAlQBVAlAlQJUAVAlQJQBVAlQJQJUAVAlQJQBVAlQJQJWAV5VyyXeV0tLRxIDHVamgNzFg6yrtV3ZOS7u8MzHgUVUqOKsS8FRVOqoSoEqAKqkSoEoAf1XpbWnIw/XqZHJAZYd5aH6L8vNKk7MBApWd7lYnpybndi5yGtekSsAGVeougelytG0hP33pPbjpXKlXJWCDKqWmaVbOlfbjvZIqAaoEqJIqAaoEoEqAKgGoEqBKAKoEqJIqAaoEqJIqAaoEoErAa1bpMBe3KsUBoK6YqhTFzb78LcqpSgD1XauUV37d3ZXEWKXoAOqLe4GJT/nDcCEu96FpAAAAAElFTkSuQmCC) no-repeat;
  background-size: cover;
  margin-top: 20px;
}
#judicial_service .container .app-crumbs .app-nav li:hover {
  color: #FFFFFF;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABJUAAABzCAMAAAAWuMNgAAAATlBMVEVHcEz/IyPtGhrxHBz/KCj/KCj/Jyf/KCj/KCj/KCj/Jyf/KCjsHBzsGxv/JSX/KCj/JyfrFBT/Jyf/KCjsGxvrGxvlExP/KCjsHBz/KSkPOo74AAAAGHRSTlMAKzoeWNFfv0Cmf5/6vzCxTgyi4o8wEO7IRqzLAAACoUlEQVR42u3d0W6iQBiAUayKMm1FtZWd93/RzSLYRAabdYeVJufcQMLdXHz5nchQxJTX4o9jBMht2falqEYeh0KVgLlVqbhVXqtUFgA5nb6qtEo8DqoEqBKgSqoEqBLAVFV6+QWQwbsqAaoEMOZNlQCzEoBZCTArAZiVALOSKgFmJcCspErA/Gal9a1TbNpro0pA9lmpC00TT+uhZuwsyp4qAblnpW+EYjEUYt3dnVUJyDorXUNTx7BIOadOGuj3lS5UCcg3K12l95VGqBIw1aykSoBZCSA9K52/qBIwL8uiimE7tLhfpWVrb/2AKaqUUt2t0sHCAZNVKWyG1m2Vxr/orUrAdFVKWakSMMsqjW16qxKgSoAqqRLw/y0Ot1QJmJU3VQJUCeAvqvSRYJ2A51XJmgCqBKBKgCoBqBKgSgCqBKgSgCoBqgSgSoAqqRKgSgCqBKgSgCoBqgSgSoAqAagSoEqqBKgSgCoBqgSgSoAqAagSoEoAqgSoEoAqAaqkSoAqAagSoEoAqgSoEoAqAaoEoEqAKqkSoEoAqgT8pCp9Dr1YJ2AK78uEQZUSDtYOmKRKY9VRJUCVAFQJUCWA76pUxZRLleqhUpWA51Up4ahKwNRVWo38TtsPfcRXVQKeVaWEUpWAOVapeOmUFhHIYX1pyufDVep59QTINyR1VAlQJYBHqrQeOsWmu9urEpC5SttLXpp4WqeE9P+VeqUqAZmrtL9bnVgVMe5uhVi311qVgAmqtLkEJux2ifxUqffg+n2loyoBE1SpHt9XWqkSoEqAKqkSoEoAqgSoEoAqAaqkSoAqAaqkSoAqAar0SJUA8lElQJUA/qlK21vhWqWwBcgr9FUKyYdV+izKvkoA+XVVGjuLcpMS2iqFDUB+4V5gwm8E5SXWtNDQJgAAAABJRU5ErkJggg==) no-repeat;
  background-size: cover;
}
#judicial_service .container #treasure {
  width: 100%;
  padding-top: 100px;
  margin-top: -30px;
}
#judicial_service .container #treasure .trea1 {
  width: 100%;
  height: 190px;
  background-color: #FFFFFF;
  border: 1px solid #dcdcdc;
  display: flex;
  justify-content: center;
  align-items: center;
}
#judicial_service .container #treasure .trea1 img {
  width: 351px;
  height: 137px;
}
#judicial_service .container #treasure .trea2 {
  width: 100%;
  height: 190px;
  background-color: #FFFFFF;
  border: 1px solid #dcdcdc;
  border-top: 0;
  display: flex;
  flex-direction: row;
}
#judicial_service .container #treasure .trea2 div {
  width: 50%;
  height: 100%;
}
#judicial_service .container #treasure .trea2 div img {
  width: 9px;
  height: 9px;
}
#judicial_service .container #treasure .trea2 div span {
  font-size: 16px;
  line-height: 24px;
  color: #EC1C1C;
}
#judicial_service .container #treasure .trea2 div p {
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.65);
  margin-top: 10px;
}
#judicial_service .container #treasure .trea2 .treaContainer1 {
  border-right: 1px solid #dcdcdc;
}
#judicial_service .container #treasure .trea2 .treaContainer1 img {
  margin: 37px 8px 0 59px;
}
#judicial_service .container #treasure .trea2 .treaContainer1 p {
  width: 484px;
  margin-left: 59px;
}
#judicial_service .container #treasure .trea2 .treaContainer2 img {
  margin: 37px 8px 0 129px;
}
#judicial_service .container #treasure .trea2 .treaContainer2 p {
  width: 343px;
  margin-left: 129px;
}
#judicial_service .container .productMix {
  width: 100%;
}
#judicial_service .container .productMix .mixContainer {
  width: 100%;
  height: 235px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#judicial_service .container .productMix .mixContainer div {
  width: 230px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
#judicial_service .container .productMix .mixContainer div img {
  width: 70px;
  height: 70px;
  margin: 0 auto;
}
#judicial_service .container .productMix .mixContainer div h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #000000;
  margin: 15px auto;
}
#judicial_service .container .productMix .mixContainer div p {
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.65);
  margin-top: 15px;
}
#judicial_service .container .productSuperiority {
  width: 100%;
}
#judicial_service .container .productSuperiority .superContainer {
  width: 100%;
  height: 235px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#judicial_service .container .productSuperiority .superContainer div {
  width: 225px;
  height: 100%;
  background: url(../image/vertical-frame.png) no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#judicial_service .container .productSuperiority .superContainer div img {
  width: 47px;
  height: 60px;
  margin-top: 38px;
}
#judicial_service .container .productSuperiority .superContainer div p {
  width: 170px;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.45);
  margin-top: 20px;
}
#judicial_service .container .applicationScenarios {
  width: 100%;
}
#judicial_service .container .applicationScenarios .scenaContainer {
  width: 100%;
  height: 410px;
  display: flex;
  flex-direction: row;
  align-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
}
#judicial_service .container .applicationScenarios .scenaContainer .scena1,
#judicial_service .container .applicationScenarios .scenaContainer .scena2,
#judicial_service .container .applicationScenarios .scenaContainer .scena3,
#judicial_service .container .applicationScenarios .scenaContainer .scena4,
#judicial_service .container .applicationScenarios .scenaContainer .scena5,
#judicial_service .container .applicationScenarios .scenaContainer .scena6 {
  width: 380px;
  height: 190px;
  position: relative;
}
#judicial_service .container .applicationScenarios .scenaContainer .scena1 .shade,
#judicial_service .container .applicationScenarios .scenaContainer .scena2 .shade,
#judicial_service .container .applicationScenarios .scenaContainer .scena3 .shade,
#judicial_service .container .applicationScenarios .scenaContainer .scena4 .shade,
#judicial_service .container .applicationScenarios .scenaContainer .scena5 .shade,
#judicial_service .container .applicationScenarios .scenaContainer .scena6 .shade {
  width: 100%;
  height: 115px;
  background: linear-gradient(180deg, rgba(19, 54, 90, 0) 0%, #13365a 100%);
  position: absolute;
  bottom: 0;
  padding-left: 20px;
}
#judicial_service .container .applicationScenarios .scenaContainer .scena1 .shade h3,
#judicial_service .container .applicationScenarios .scenaContainer .scena2 .shade h3,
#judicial_service .container .applicationScenarios .scenaContainer .scena3 .shade h3,
#judicial_service .container .applicationScenarios .scenaContainer .scena4 .shade h3,
#judicial_service .container .applicationScenarios .scenaContainer .scena5 .shade h3,
#judicial_service .container .applicationScenarios .scenaContainer .scena6 .shade h3 {
  font-size: 20px;
  line-height: 40px;
  color: #ffffff;
  font-weight: 500;
  margin-top: 8px;
}
#judicial_service .container .applicationScenarios .scenaContainer .scena1 .shade p,
#judicial_service .container .applicationScenarios .scenaContainer .scena2 .shade p,
#judicial_service .container .applicationScenarios .scenaContainer .scena3 .shade p,
#judicial_service .container .applicationScenarios .scenaContainer .scena4 .shade p,
#judicial_service .container .applicationScenarios .scenaContainer .scena5 .shade p,
#judicial_service .container .applicationScenarios .scenaContainer .scena6 .shade p {
  width: 315px;
  font-size: 12px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.85);
}
#judicial_service .container .applicationScenarios .scenaContainer .scena1 {
  background: url(../image/scene1.png) no-repeat;
  background-size: cover;
}
#judicial_service .container .applicationScenarios .scenaContainer .scena2 {
  background: url(../image/scene2.png) no-repeat;
  background-size: cover;
}
#judicial_service .container .applicationScenarios .scenaContainer .scena3 {
  background: url(../image/scene3.png) no-repeat;
  background-size: cover;
}
#judicial_service .container .applicationScenarios .scenaContainer .scena4 {
  background: url(../image/scene4.png) no-repeat;
  background-size: cover;
}
#judicial_service .container .applicationScenarios .scenaContainer .scena5 {
  background: url(../image/scene5.png) no-repeat;
  background-size: cover;
}
#judicial_service .container .applicationScenarios .scenaContainer .scena6 {
  background: url(../image/scene6.png) no-repeat;
  background-size: cover;
}
#judicial_service .container .judicialService {
  width: 100%;
}
#judicial_service .container .judicialService .serviceContainer {
  width: 100%;
  height: 255px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#judicial_service .container .judicialService .serviceContainer div {
  width: 260px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
#judicial_service .container .judicialService .serviceContainer div img {
  width: 70px;
  height: 70px;
  margin: 0 auto;
}
#judicial_service .container .judicialService .serviceContainer div h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #000000;
  margin: 14px auto;
}
#judicial_service .container .judicialService .serviceContainer div p {
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.65);
  margin-top: 11px;
}
#judicial_service .container .systemIntegrating {
  width: 100%;
}
#judicial_service .container .systemIntegrating .integratContainer {
  width: 910px;
  height: 280px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#judicial_service .container .systemIntegrating .integratText {
  width: 910px;
  height: 75px;
  margin: 30px auto 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#judicial_service .container .systemIntegrating .integratText p {
  width: 296px;
  font-size: 14px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.85);
}
#judicial_service .container .systemIntegrating .integratFooter {
  width: 150px;
  height: 42px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASoAAABUBAMAAADHS2cZAAAAJFBMVEVHcEzsGxvtGxvsGxvnAwPoGRnsHBzqFhbsGhrsGxvsGxvsHBwx0CT0AAAAC3RSTlMA9XDRBxPLG1bjxfI914gAAADXSURBVGje7dshDsJAGEThMQROUMHautqicO0FSDAg0TU9AoYjoFBoVNuEpP0vh2A5AsmINyf4RHfXvErNJbxWlNJ6H26berXzTV47PWpVd7ntPKq72qk2b6WDnWo1KCQ1T5svfVtKCoXZMZz6rDpa3Qu7rKqsVGNWdVaqJauSlWrIKrMHBxUqVKhQoUKFChUqVKhQoUKFChUqVKhQoUKFChUqVKhQoUKFChWqv6iSFepX77ysVIt1FdZaqWrr2tApkC6+ZaZnxepZ/HrW0Z4luWd1b/mHwgf7qnT/k2+BygAAAABJRU5ErkJggg==) no-repeat;
  background-size: cover;
  margin: 0 auto;
  font-size: 16px;
  line-height: 42px;
  text-align: center;
  color: #FFFFFF;
  cursor: pointer;
}
#judicial_service .container #agentPerform {
  width: 100%;
  padding-top: 100px;
  margin-top: -30px;
}
#judicial_service .container #agentPerform div {
  width: 100%;
  height: 190px;
  background-color: #FFFFFF;
  border: 1px solid #dcdcdc;
  display: flex;
  justify-content: center;
  align-items: center;
}
#judicial_service .container #agentPerform div img {
  width: 419px;
  height: 130px;
}
#judicial_service .container .filingAward {
  width: 100%;
}
#judicial_service .container .filingAward .awardContainer {
  width: 100%;
  height: 240px;
  display: flex;
  flex-direction: row;
  background-color: #FFFFFF;
}
#judicial_service .container .filingAward .awardContainer div {
  width: 50%;
  height: 100%;
  border: 1px solid #dcdcdc;
}
#judicial_service .container .filingAward .awardContainer div img {
  width: 9px;
  height: 9px;
  margin-top: 39px;
  margin-right: 5px;
}
#judicial_service .container .filingAward .awardContainer div span {
  font-size: 16px;
  line-height: 24px;
  color: #EC1C1C;
}
#judicial_service .container .filingAward .awardContainer div p {
  width: 290px;
  font-size: 12px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.65);
  margin-top: 10px;
}
#judicial_service .container .operationProcedure {
  width: 100%;
}
#judicial_service .container .operationProcedure img {
  width: 100%;
  height: 468px;
}
#judicial_service .container .operationProcedure .procedureContainer {
  width: 100%;
  height: 30px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin-top: 10px;
}
#judicial_service .container .operationProcedure .procedureContainer div {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
#judicial_service .container .operationProcedure .procedureContainer div img {
  width: 22px;
  height: 29px;
  margin-right: 10px;
}
#judicial_service .container .operationProcedure .procedureContainer div span {
  display: inline-block;
  font-size: 16px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.85);
}
#judicial_service .container .entrust {
  width: 100%;
}
#judicial_service .container .entrust .entrustContainer {
  width: 100%;
  height: 290px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#judicial_service .container .entrust .entrustContainer img {
  width: 482px;
  height: 100%;
}
#judicial_service .container .entrust .entrustContainer div {
  width: 688px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
#judicial_service .container .entrust .entrustContainer div p {
  font-size: 14px;
  line-height: 30px;
  color: rgba(0, 0, 0, 0.85);
}
#judicial_service .container .legalCase {
  width: 100%;
}
#judicial_service .container .legalCase img {
  width: 100%;
  height: 465px;
}
#judicial_service .container .partner {
  width: 100%;
}
#judicial_service .container .partner img {
  width: 100%;
  height: 225px;
}
#transport {
  background: url(../image/banner@2x.jpg) no-repeat;
}
#transport .total {
  width: 100%;
}
#transport .total .switch_title_fixed {
  animation: searchTop 0.5s ease-in-out;
  position: fixed;
  z-index: 100;
  top: 60px;
  background-color: #fff;
}
#transport .total .jr-div {
  background: #FFFFFF;
  width: 100%;
  border-bottom: 1px solid #eee;
}
#transport .total .jr-div .tab-content {
  width: 1200px;
  display: flex;
  justify-content: space-between;
  line-height: 60px;
  font-size: 18px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  color: #290202;
  margin: 0 auto;
}
#transport .total .jr-div .tab-content div > a {
  display: inline-block;
  height: 59px;
}
#transport .total .jr-div .tab-content div > a:hover {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
}
#transport .total .jr-div .tab-content div > a.on {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
}
#transport .total .jr-div .tab-content div > a.on {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
}
#transport .total .jr-div .tab-content div > a:hover {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
}
#transport .total .content {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 100px;
}
#transport .total .content .p {
  text-align: center;
  height: 47px;
  font-family: Source Han Sans SC;
  line-height: 47px;
  color: #290202;
  margin: 100px auto 65px auto;
  font-weight: var(--ebq-w-l);
  font-size: var(--ebq-s-l);
}
#transport .total .content .tab11 .td {
  display: flex;
  height: 400px;
  justify-content: space-between;
}
#transport .total .content .tab11 .td .p1 {
  height: 27px;
  font-size: 18px;
  font-family: Source Han Sans SC;
  font-weight: bold;
  line-height: 27px;
  color: #EC1C1C;
  opacity: 1;
  text-align: center;
  margin-bottom: 40px;
}
#transport .total .content .tab11 .td .p2 {
  width: 300px;
  height: 86px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 300;
  line-height: 30px;
  color: #290202;
  text-align: start;
  margin: auto;
}
#transport .total .content .tab11 .td img {
  margin: 87px 150px 20px 170px;
}
#transport .total .content .tab11 .td .td-1 {
  background: url(../image/td1.png) no-repeat;
  width: 398px;
  height: 385px;
}
#transport .total .content .tab11 .td .td-2 {
  background: url(../image/td2.png) no-repeat;
  width: 398px;
  height: 385px;
}
#transport .total .content .tab11 .td .td-3 {
  background: url(../image/td3.png) no-repeat;
  width: 398px;
  height: 385px;
}
#transport .total .content .tab22 .p2 {
  width: 280px;
  height: 40px;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 30px;
  color: #FFFFFF;
  padding-left: 15px;
  padding-top: 30px;
}
#transport .total .content .tab22 .p1 {
  height: 25px;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 25px;
  color: #FFFFFF;
  opacity: 1;
  padding-left: 15px;
  padding-top: 30px;
}
#transport .total .content .tab22 .td {
  display: flex;
  height: 280px;
  justify-content: space-between;
}
#transport .total .content .tab22 .td .td-1 {
  width: 285px;
  position: relative;
}
#transport .total .content .tab22 .td .td-1 > div {
  width: 100%;
  height: 135px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  margin-top: -30px;
  position: absolute;
  bottom: 0;
}
#transport .total .content .tab22 .td .td-2 {
  width: 285px;
  position: relative;
}
#transport .total .content .tab22 .td .td-2 > div {
  width: 100%;
  height: 135px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  margin-top: -30px;
  position: absolute;
  bottom: 0;
}
#transport .total .content .tab22 .td .td-3 {
  width: 285px;
  position: relative;
}
#transport .total .content .tab22 .td .td-3 > div {
  width: 100%;
  height: 135px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  margin-top: -30px;
  position: absolute;
  bottom: 0;
}
#transport .total .content .tab22 .td .td-4 {
  width: 285px;
  position: relative;
}
#transport .total .content .tab22 .td .td-4 > div {
  width: 100%;
  height: 135px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  margin-top: -30px;
  position: absolute;
  bottom: 0;
}
#transport .total .content .tab33 .content-box {
  display: flex;
}
#transport .total .content .tab33 .left {
  width: 100px;
  height: 576px;
  background: #FFFFFF;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.08);
  opacity: 1;
  border-radius: 6px;
  text-align: center;
}
#transport .total .content .tab33 .left > .t-img {
  width: 70px;
  height: 1px;
  color: #eee;
  margin-left: 25px;
}
#transport .total .content .tab33 .left .y-tab {
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  padding-left: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 180px;
  padding-top: 30px;
}
#transport .total .content .tab33 .left .y-tab .y-title {
  width: 65px;
  border-bottom: 1px solid #eee;
  height: 90px;
}
#transport .total .content .tab33 .left .y-tab.on > div {
  color: #EC1C1C;
}
#transport .total .content .tab33 .left .y-tab.on .line {
  opacity: 1;
}
#transport .total .content .tab33 .left .y-tab:hover > div {
  color: #EC1C1C;
}
#transport .total .content .tab33 .left .y-tab:hover .line {
  opacity: 1;
}
#transport .total .content .tab33 .left .y-tab:hover > div {
  color: #EC1C1C;
}
#transport .total .content .tab33 .left .y-tab:hover .line {
  opacity: 1;
}
#transport .total .content .tab33 .left .y-tab > div {
  color: #290202;
  font-size: 16px;
  font-family: Source Han Sans SC;
  font-weight: bold;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
#transport .total .content .tab33 .left .y-tab > div span {
  display: block;
  color: inherit;
  opacity: 0.45;
  font-size: 12px;
  font-weight: normal;
}
#transport .total .content .tab33 .left .y-tab .line {
  display: block;
  width: 5px;
  height: 14px;
  background: #ec1c1c;
  opacity: 0;
  border-radius: 100px;
  position: absolute;
  left: 0;
  top: 70%;
  margin-top: -30px;
}
#transport .total .content .tab33 .right {
  flex: 1;
  margin-left: 12px;
}
#transport .total .content .tab33 .right .y-con {
  flex: 1;
  min-height: 610px;
  display: none;
  position: relative;
  background-size: 1100px 630px;
  margin-top: -15px;
}
#transport .total .content .tab33 .right .y-con.on {
  display: block;
}
#transport .total .content .tab33 .right .y-con.on:nth-child(1) {
  background: url(../image/bg11.png) no-repeat;
  background-size: 100% 100%;
}
#transport .total .content .tab33 .right .y-con.on:nth-child(2) {
  background: url(../image/bg2.png) no-repeat;
  background-size: 100% 100%;
}
#transport .total .content .tab33 .right .y-con.on:nth-child(3) {
  background: url(../image/bg3.png) no-repeat;
  background-size: 100% 100%;
}
#transport .total .content .tab33 .right .y-con > div img {
  margin: 50px auto auto 70px;
}
#transport .total .content .tab33 .right .y-con > div p {
  width: 970px;
  height: 42px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 300;
  line-height: 30px;
  color: #290202;
  opacity: 1;
  padding-top: 60px;
  padding-bottom: 45px;
  margin-left: 80px;
}
#transport .total .content .tab44 .list {
  display: flex;
  justify-content: space-around;
}
#transport .total .content .tab44 .list .list-g {
  width: 380px;
  height: 313px;
  background: #FFFFFF;
  box-shadow: 0px -2px 12px rgba(0, 0, 0, 0.06);
  border-radius: 10px;
}
#transport .total .content .tab44 .list .list-g img {
  margin: 47px 155px 15px 155px;
}
#transport .total .content .tab44 .list .list-g .list-title {
  height: 25px;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 25px;
  color: #EC1C1C;
  text-align: center;
  margin-bottom: 40px;
}
#transport .total .content .tab44 .list .list-g .list-con {
  width: 380px;
  height: 120px;
  background: #FFF4E9;
  border-radius: 0px 0px 10px 10px;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 30px;
  color: #290202;
}
#transport .total .content .tab44 .list .list-g .list-con span {
  width: 360px;
  margin-left: 15px;
  text-align: start;
  display: inline-block;
  margin-top: 20px;
}
#transport .total .content .tab55 div {
  display: flex;
  justify-content: space-between;
}
#healthCare {
  background: url(../image/banner@2x.jpg) no-repeat;
}
#healthCare .total {
  width: 100%;
}
#healthCare .total .switch_title_fixed {
  animation: searchTop 0.5s ease-in-out;
  position: fixed;
  z-index: 100;
  top: 60px;
  background-color: #fff;
}
#healthCare .total .jr-div {
  background: #FFFFFF;
  width: 100%;
  border-bottom: 1px solid #eee;
}
#healthCare .total .jr-div .tab-content {
  width: 1200px;
  display: flex;
  justify-content: space-between;
  line-height: 60px;
  font-size: 18px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  color: #290202;
  margin: 0 auto;
}
#healthCare .total .jr-div .tab-content div > a {
  display: inline-block;
  height: 59px;
}
#healthCare .total .jr-div .tab-content div > a:hover {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
}
#healthCare .total .jr-div .tab-content div > a.on {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
}
#healthCare .total .jr-div .tab-content div > a.on {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
}
#healthCare .total .jr-div .tab-content div > a:hover {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
}
#healthCare .total .content {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 100px;
}
#healthCare .total .content .p {
  text-align: center;
  height: 47px;
  font-family: Source Han Sans SC;
  line-height: 47px;
  color: #290202;
  margin: 100px auto 65px auto;
  font-weight: var(--ebq-w-l);
  font-size: var(--ebq-s-l);
}
#healthCare .total .content .tab11 .td {
  display: flex;
  height: 400px;
  justify-content: space-between;
}
#healthCare .total .content .tab11 .td .p1 {
  height: 27px;
  font-size: 18px;
  font-family: Source Han Sans SC;
  font-weight: bold;
  line-height: 27px;
  color: #EC1C1C;
  opacity: 1;
  text-align: center;
  margin-bottom: 40px;
}
#healthCare .total .content .tab11 .td .p2 {
  width: 300px;
  height: 86px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 300;
  line-height: 30px;
  color: #290202;
  text-align: start;
  margin: auto;
}
#healthCare .total .content .tab11 .td img {
  margin: 87px 150px 20px 170px;
}
#healthCare .total .content .tab11 .td .td-1 {
  background: url(../image/td1.png) no-repeat;
  width: 398px;
  height: 385px;
}
#healthCare .total .content .tab11 .td .td-2 {
  background: url(../image/td2.png) no-repeat;
  width: 398px;
  height: 385px;
}
#healthCare .total .content .tab11 .td .td-3 {
  background: url(../image/td3.png) no-repeat;
  width: 398px;
  height: 385px;
}
#healthCare .total .content .tab22 .p2 {
  width: 280px;
  height: 40px;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 30px;
  color: #FFFFFF;
  padding-left: 15px;
  padding-top: 30px;
}
#healthCare .total .content .tab22 .p1 {
  height: 25px;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 25px;
  color: #FFFFFF;
  opacity: 1;
  padding-left: 15px;
  padding-top: 30px;
}
#healthCare .total .content .tab22 .td {
  display: flex;
  height: 280px;
  justify-content: space-between;
}
#healthCare .total .content .tab22 .td .td-1 {
  width: 285px;
  position: relative;
}
#healthCare .total .content .tab22 .td .td-1 > div {
  width: 100%;
  height: 130px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  margin-top: -30px;
  position: absolute;
  bottom: 0;
}
#healthCare .total .content .tab22 .td .td-2 {
  width: 285px;
  position: relative;
}
#healthCare .total .content .tab22 .td .td-2 > div {
  width: 100%;
  height: 130px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  margin-top: -30px;
  position: absolute;
  bottom: 0;
}
#healthCare .total .content .tab22 .td .td-3 {
  width: 285px;
  position: relative;
}
#healthCare .total .content .tab22 .td .td-3 > div {
  width: 100%;
  height: 130px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  margin-top: -30px;
  position: absolute;
  bottom: 0;
}
#healthCare .total .content .tab22 .td .td-4 {
  width: 285px;
  position: relative;
}
#healthCare .total .content .tab22 .td .td-4 > div {
  width: 100%;
  height: 130px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  margin-top: -30px;
  position: absolute;
  bottom: 0;
}
#healthCare .total .content .tab33 .content-box {
  display: flex;
}
#healthCare .total .content .tab33 .left {
  width: 100px;
  height: 576px;
  background: #FFFFFF;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.08);
  opacity: 1;
  border-radius: 6px;
  text-align: center;
}
#healthCare .total .content .tab33 .left > .t-img {
  width: 70px;
  height: 1px;
  color: #eee;
  margin-left: 25px;
}
#healthCare .total .content .tab33 .left .y-tab {
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  padding-left: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 180px;
  padding-top: 30px;
}
#healthCare .total .content .tab33 .left .y-tab .y-title {
  width: 65px;
  border-bottom: 1px solid #eee;
  height: 90px;
}
#healthCare .total .content .tab33 .left .y-tab.on > div {
  color: #EC1C1C;
}
#healthCare .total .content .tab33 .left .y-tab.on .line {
  opacity: 1;
}
#healthCare .total .content .tab33 .left .y-tab:hover > div {
  color: #EC1C1C;
}
#healthCare .total .content .tab33 .left .y-tab:hover .line {
  opacity: 1;
}
#healthCare .total .content .tab33 .left .y-tab:hover > div {
  color: #EC1C1C;
}
#healthCare .total .content .tab33 .left .y-tab:hover .line {
  opacity: 1;
}
#healthCare .total .content .tab33 .left .y-tab > div {
  color: #290202;
  font-size: 16px;
  font-family: Source Han Sans SC;
  font-weight: bold;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
#healthCare .total .content .tab33 .left .y-tab > div span {
  display: block;
  color: inherit;
  opacity: 0.45;
  font-size: 12px;
  font-weight: normal;
}
#healthCare .total .content .tab33 .left .y-tab .line {
  display: block;
  width: 5px;
  height: 14px;
  background: #ec1c1c;
  opacity: 0;
  border-radius: 100px;
  position: absolute;
  left: 0;
  top: 70%;
  margin-top: -30px;
}
#healthCare .total .content .tab33 .right {
  flex: 1;
  margin-left: 12px;
}
#healthCare .total .content .tab33 .right .y-con {
  flex: 1;
  min-height: 610px;
  display: none;
  position: relative;
  background-size: 1100px 630px;
  margin-top: -15px;
}
#healthCare .total .content .tab33 .right .y-con.on {
  display: block;
}
#healthCare .total .content .tab33 .right .y-con.on:nth-child(1) {
  background: url(../image/bg11.png) no-repeat;
  background-size: 100% 100%;
}
#healthCare .total .content .tab33 .right .y-con.on:nth-child(2) {
  background: url(../image/bg2.png) no-repeat;
  background-size: 100% 100%;
}
#healthCare .total .content .tab33 .right .y-con.on:nth-child(3) {
  background: url(../image/bg3.png) no-repeat;
  background-size: 100% 100%;
}
#healthCare .total .content .tab33 .right .y-con > div img {
  margin: 50px auto auto 70px;
}
#healthCare .total .content .tab33 .right .y-con > div p {
  width: 970px;
  height: 42px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 300;
  line-height: 30px;
  color: #290202;
  opacity: 1;
  padding-top: 60px;
  padding-bottom: 45px;
  margin-left: 80px;
}
#healthCare .total .content .tab44 .list {
  display: flex;
  justify-content: space-around;
}
#healthCare .total .content .tab44 .list .list-g {
  width: 380px;
  height: 313px;
  background: #FFFFFF;
  box-shadow: 0px -2px 12px rgba(0, 0, 0, 0.06);
  border-radius: 10px;
}
#healthCare .total .content .tab44 .list .list-g img {
  margin: 47px 155px 15px 155px;
}
#healthCare .total .content .tab44 .list .list-g .list-title {
  height: 25px;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 25px;
  color: #EC1C1C;
  text-align: center;
  margin-bottom: 40px;
}
#healthCare .total .content .tab44 .list .list-g .list-con {
  width: 380px;
  height: 120px;
  background: #FFF4E9;
  border-radius: 0px 0px 10px 10px;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 30px;
  color: #290202;
}
#healthCare .total .content .tab44 .list .list-g .list-con span {
  width: 360px;
  margin-left: 15px;
  text-align: start;
  display: inline-block;
  margin-top: 20px;
}
#eGovernment {
  background: url(../image/banner@2x.jpg) no-repeat;
}
#eGovernment .total {
  width: 100%;
}
#eGovernment .total .switch_title_fixed {
  animation: searchTop 0.5s ease-in-out;
  position: fixed;
  z-index: 100;
  top: 60px;
  background-color: #fff;
}
#eGovernment .total .jr-div {
  background: #FFFFFF;
  width: 100%;
  border-bottom: 1px solid #eee;
}
#eGovernment .total .jr-div .tab-content {
  width: 1200px;
  display: flex;
  justify-content: space-around;
  line-height: 60px;
  font-size: 18px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  color: #290202;
  margin: 0 auto;
}
#eGovernment .total .jr-div .tab-content div > a {
  display: inline-block;
  height: 59px;
}
#eGovernment .total .jr-div .tab-content div > a:hover {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
}
#eGovernment .total .jr-div .tab-content div > a.on {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
  display: inline-block;
}
#eGovernment .total .jr-div .tab-content div > a.on {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
  display: inline-block;
}
#eGovernment .total .jr-div .tab-content div > a:hover {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
  display: inline-block;
}
#eGovernment .total .content {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 100px;
}
#eGovernment .total .content .tab-item {
  display: block;
}
#eGovernment .total .content .p {
  text-align: center;
  height: 47px;
  font-family: Source Han Sans SC;
  line-height: 47px;
  color: #290202;
  margin: 100px auto 65px auto;
  font-weight: var(--ebq-w-l);
  font-size: var(--ebq-s-l);
}
#eGovernment .total .content .tab11 .td {
  display: flex;
  height: 400px;
  justify-content: space-between;
}
#eGovernment .total .content .tab11 .td .p1 {
  height: 27px;
  font-size: 18px;
  font-family: Source Han Sans SC;
  font-weight: bold;
  line-height: 27px;
  color: #EC1C1C;
  opacity: 1;
  text-align: center;
  margin-bottom: 40px;
}
#eGovernment .total .content .tab11 .td .p2 {
  width: 300px;
  height: 86px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 300;
  line-height: 30px;
  color: #290202;
  text-align: start;
  margin: auto;
}
#eGovernment .total .content .tab11 .td img {
  margin: 87px 150px 20px 170px;
}
#eGovernment .total .content .tab11 .td .td-1 {
  background: url(../image/td1.png) no-repeat;
  width: 398px;
  height: 385px;
}
#eGovernment .total .content .tab11 .td .td-2 {
  background: url(../image/td2.png) no-repeat;
  width: 398px;
  height: 385px;
}
#eGovernment .total .content .tab11 .td .td-3 {
  background: url(../image/td3.png) no-repeat;
  width: 398px;
  height: 385px;
}
#eGovernment .total .content .tab22 .p2 {
  width: 350px;
  height: 40px;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 30px;
  color: #FFFFFF;
  padding-left: 15px;
  padding-top: 20px;
}
#eGovernment .total .content .tab22 .p1 {
  height: 25px;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 25px;
  color: #FFFFFF;
  opacity: 1;
  padding-left: 15px;
  padding-top: 20px;
}
#eGovernment .total .content .tab22 .td {
  display: flex;
  height: 280px;
  justify-content: space-between;
}
#eGovernment .total .content .tab22 .td .td-1 {
  width: 350px;
  position: relative;
}
#eGovernment .total .content .tab22 .td .td-1 > div {
  width: 100%;
  height: 110px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  margin-top: -30px;
  position: absolute;
  bottom: 0;
}
#eGovernment .total .content .tab22 .td .td-2 {
  width: 350px;
  position: relative;
}
#eGovernment .total .content .tab22 .td .td-2 > div {
  width: 100%;
  height: 110px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  margin-top: -30px;
  position: absolute;
  bottom: 0;
}
#eGovernment .total .content .tab22 .td .td-3 {
  width: 350px;
  position: relative;
}
#eGovernment .total .content .tab22 .td .td-3 > div {
  width: 100%;
  height: 110px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  margin-top: -30px;
  position: absolute;
  bottom: 0;
}
#eGovernment .total .content .tab33 .content-box {
  display: flex;
}
#eGovernment .total .content .tab33 .left {
  width: 100px;
  height: 576px;
  background: #FFFFFF;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.08);
  opacity: 1;
  border-radius: 6px;
  text-align: center;
}
#eGovernment .total .content .tab33 .left > .t-img {
  width: 70px;
  height: 1px;
  color: #eee;
  margin-left: 25px;
}
#eGovernment .total .content .tab33 .left .y-tab {
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  padding-left: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 260px;
  padding-top: 30px;
}
#eGovernment .total .content .tab33 .left .y-tab .y-title {
  width: 65px;
  border-bottom: 1px solid #eee;
  height: 90px;
}
#eGovernment .total .content .tab33 .left .y-tab.on > div {
  color: #EC1C1C;
}
#eGovernment .total .content .tab33 .left .y-tab.on .line {
  opacity: 1;
}
#eGovernment .total .content .tab33 .left .y-tab:hover > div {
  color: #EC1C1C;
}
#eGovernment .total .content .tab33 .left .y-tab:hover .line {
  opacity: 1;
}
#eGovernment .total .content .tab33 .left .y-tab:hover > div {
  color: #EC1C1C;
}
#eGovernment .total .content .tab33 .left .y-tab:hover .line {
  opacity: 1;
}
#eGovernment .total .content .tab33 .left .y-tab > div {
  color: #290202;
  font-size: 16px;
  font-family: Source Han Sans SC;
  font-weight: bold;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
#eGovernment .total .content .tab33 .left .y-tab > div span {
  display: block;
  color: inherit;
  opacity: 0.45;
  font-size: 12px;
  font-weight: normal;
}
#eGovernment .total .content .tab33 .left .y-tab .line {
  display: block;
  width: 5px;
  height: 14px;
  background: #ec1c1c;
  opacity: 0;
  border-radius: 100px;
  position: absolute;
  left: 0;
  top: 70%;
  margin-top: -40px;
}
#eGovernment .total .content .tab33 .right {
  flex: 1;
  margin-left: 12px;
}
#eGovernment .total .content .tab33 .right .y-con {
  flex: 1;
  min-height: 610px;
  display: none;
  position: relative;
  background-size: 1100px 630px;
  margin-top: -15px;
}
#eGovernment .total .content .tab33 .right .y-con.on {
  display: block;
}
#eGovernment .total .content .tab33 .right .y-con.on:nth-child(1) {
  background: url(../image/bg13.png) no-repeat;
  background-size: 100% 100%;
}
#eGovernment .total .content .tab33 .right .y-con.on:nth-child(2) {
  background: url(../image/bg22.png) no-repeat;
  background-size: 100% 100%;
}
#eGovernment .total .content .tab33 .right .y-con > div img {
  margin: 50px auto auto 70px;
}
#eGovernment .total .content .tab33 .right .y-con > div p {
  width: 970px;
  height: 42px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 300;
  line-height: 30px;
  color: #290202;
  opacity: 1;
  padding-top: 60px;
  padding-bottom: 45px;
  margin-left: 80px;
}
#eGovernment .total .content .tab44 .list {
  display: flex;
  justify-content: space-around;
}
#eGovernment .total .content .tab44 .list .list-g {
  width: 380px;
  height: 313px;
  background: #FFFFFF;
  box-shadow: 0px -2px 12px rgba(0, 0, 0, 0.06);
  border-radius: 10px;
}
#eGovernment .total .content .tab44 .list .list-g img {
  margin: 47px 155px 15px 155px;
}
#eGovernment .total .content .tab44 .list .list-g .list-title {
  height: 25px;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 25px;
  color: #EC1C1C;
  text-align: center;
  margin-bottom: 40px;
}
#eGovernment .total .content .tab44 .list .list-g .list-con {
  width: 380px;
  height: 120px;
  background: #FFF4E9;
  border-radius: 0px 0px 10px 10px;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 30px;
  color: #290202;
}
#eGovernment .total .content .tab44 .list .list-g .list-con span {
  width: 360px;
  margin-left: 15px;
  text-align: start;
  display: inline-block;
  margin-top: 20px;
}
#travel {
  background: url(../image/banner@2x.jpg) no-repeat;
}
#travel .total {
  width: 100%;
}
#travel .total .switch_title_fixed {
  animation: searchTop 0.5s ease-in-out;
  position: fixed;
  z-index: 100;
  top: 60px;
  background-color: #fff;
}
#travel .total .jr-div {
  background: #FFFFFF;
  width: 100%;
  border-bottom: 1px solid #eee;
}
#travel .total .jr-div .tab-content {
  width: 1200px;
  display: flex;
  justify-content: space-around;
  line-height: 60px;
  font-size: 18px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  color: #290202;
  margin: 0 auto;
}
#travel .total .jr-div .tab-content div > a {
  display: inline-block;
  height: 59px;
}
#travel .total .jr-div .tab-content div > a:hover {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
}
#travel .total .jr-div .tab-content div > a.on {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
  display: inline-block;
}
#travel .total .jr-div .tab-content div > a.on {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
  display: inline-block;
}
#travel .total .jr-div .tab-content div > a:hover {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
  display: inline-block;
}
#travel .total .content {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 100px;
}
#travel .total .content .tab-item {
  display: block;
}
#travel .total .content .p {
  text-align: center;
  height: 47px;
  font-family: Source Han Sans SC;
  line-height: 47px;
  color: #290202;
  margin: 100px auto 65px auto;
  font-weight: var(--ebq-w-l);
  font-size: var(--ebq-s-l);
}
#travel .total .content .tab11 .td {
  display: flex;
  height: 400px;
  justify-content: space-between;
}
#travel .total .content .tab11 .td .p1 {
  height: 27px;
  font-size: 18px;
  font-family: Source Han Sans SC;
  font-weight: bold;
  line-height: 27px;
  color: #EC1C1C;
  opacity: 1;
  text-align: center;
  margin-bottom: 40px;
}
#travel .total .content .tab11 .td .p2 {
  width: 300px;
  height: 86px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 300;
  line-height: 30px;
  color: #290202;
  text-align: start;
  margin: auto;
}
#travel .total .content .tab11 .td img {
  margin: 87px 150px 20px 170px;
}
#travel .total .content .tab11 .td .td-1 {
  background: url(../image/td1.png) no-repeat;
  width: 398px;
  height: 385px;
}
#travel .total .content .tab11 .td .td-2 {
  background: url(../image/td2.png) no-repeat;
  width: 398px;
  height: 385px;
}
#travel .total .content .tab11 .td .td-3 {
  background: url(../image/td3.png) no-repeat;
  width: 398px;
  height: 385px;
}
#travel .total .content .tab22 .p2 {
  width: 350px;
  height: 40px;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 30px;
  color: #FFFFFF;
  padding-left: 15px;
  padding-top: 30px;
}
#travel .total .content .tab22 .p1 {
  height: 25px;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 25px;
  color: #FFFFFF;
  opacity: 1;
  padding-left: 15px;
  padding-top: 40px;
}
#travel .total .content .tab22 .td {
  display: flex;
  height: 280px;
  justify-content: space-between;
}
#travel .total .content .tab22 .td .td-1 {
  width: 350px;
  position: relative;
}
#travel .total .content .tab22 .td .td-1 > div {
  width: 100%;
  height: 120px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  margin-top: -40px;
  position: absolute;
  bottom: 0;
}
#travel .total .content .tab22 .td .td-2 {
  width: 350px;
  position: relative;
}
#travel .total .content .tab22 .td .td-2 > div {
  width: 100%;
  height: 120px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  margin-top: -40px;
  position: absolute;
  bottom: 0;
}
#travel .total .content .tab22 .td .td-3 {
  width: 350px;
  position: relative;
}
#travel .total .content .tab22 .td .td-3 > div {
  width: 100%;
  height: 120px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  margin-top: -40px;
  position: absolute;
  bottom: 0;
}
#travel .total .content .tab33 .content-box {
  display: flex;
}
#travel .total .content .tab33 .left {
  width: 100px;
  height: 576px;
  background: #FFFFFF;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.08);
  opacity: 1;
  border-radius: 6px;
  text-align: center;
}
#travel .total .content .tab33 .left > .t-img {
  width: 70px;
  height: 1px;
  color: #eee;
  margin-left: 25px;
}
#travel .total .content .tab33 .left .y-tab {
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  padding-left: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 183px;
  padding-top: 30px;
}
#travel .total .content .tab33 .left .y-tab .y-title {
  width: 65px;
  border-bottom: 1px solid #eee;
  height: 90px;
}
#travel .total .content .tab33 .left .y-tab.on > div {
  color: #EC1C1C;
}
#travel .total .content .tab33 .left .y-tab.on .line {
  opacity: 1;
}
#travel .total .content .tab33 .left .y-tab:hover > div {
  color: #EC1C1C;
}
#travel .total .content .tab33 .left .y-tab:hover .line {
  opacity: 1;
}
#travel .total .content .tab33 .left .y-tab:hover > div {
  color: #EC1C1C;
}
#travel .total .content .tab33 .left .y-tab:hover .line {
  opacity: 1;
}
#travel .total .content .tab33 .left .y-tab > div {
  color: #290202;
  font-size: 16px;
  font-family: Source Han Sans SC;
  font-weight: bold;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
#travel .total .content .tab33 .left .y-tab > div span {
  display: block;
  color: inherit;
  opacity: 0.45;
  font-size: 12px;
  font-weight: normal;
}
#travel .total .content .tab33 .left .y-tab .line {
  display: block;
  width: 5px;
  height: 14px;
  background: #ec1c1c;
  opacity: 0;
  border-radius: 100px;
  position: absolute;
  left: 0;
  top: 70%;
  margin-top: -40px;
}
#travel .total .content .tab33 .right {
  flex: 1;
  margin-left: 12px;
}
#travel .total .content .tab33 .right .y-con {
  flex: 1;
  min-height: 610px;
  display: none;
  position: relative;
  background-size: 1100px 630px;
  margin-top: -15px;
}
#travel .total .content .tab33 .right .y-con.on {
  display: block;
}
#travel .total .content .tab33 .right .y-con.on:nth-child(1) {
  background: url(../image/bg13.png) no-repeat;
  background-size: 100% 100%;
}
#travel .total .content .tab33 .right .y-con.on:nth-child(2) {
  background: url(../image/bg22.png) no-repeat;
  background-size: 100% 100%;
}
#travel .total .content .tab33 .right .y-con > div img {
  margin: 50px auto auto 70px;
}
#travel .total .content .tab33 .right .y-con > div p {
  width: 970px;
  height: 42px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 300;
  line-height: 30px;
  color: #290202;
  opacity: 1;
  padding-top: 60px;
  padding-bottom: 45px;
  margin-left: 80px;
}
#travel .total .content .tab44 .list {
  display: flex;
  justify-content: space-around;
}
#travel .total .content .tab44 .list .list-g {
  width: 380px;
  height: 313px;
  background: #FFFFFF;
  box-shadow: 0px -2px 12px rgba(0, 0, 0, 0.06);
  border-radius: 10px;
}
#travel .total .content .tab44 .list .list-g img {
  margin: 47px 155px 15px 155px;
}
#travel .total .content .tab44 .list .list-g .list-title {
  height: 25px;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 25px;
  color: #EC1C1C;
  text-align: center;
  margin-bottom: 40px;
}
#travel .total .content .tab44 .list .list-g .list-con {
  width: 380px;
  height: 120px;
  background: #FFF4E9;
  border-radius: 0px 0px 10px 10px;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 30px;
  color: #290202;
}
#travel .total .content .tab44 .list .list-g .list-con span {
  width: 360px;
  margin-left: 15px;
  text-align: start;
  display: inline-block;
  margin-top: 20px;
}
#lawFirm {
  background: url(../image/banner@2x.jpg) no-repeat;
}
#lawFirm .total {
  width: 100%;
}
#lawFirm .total .switch_title_fixed {
  animation: searchTop 0.5s ease-in-out;
  position: fixed;
  z-index: 100;
  top: 60px;
  background-color: #fff;
}
#lawFirm .total .jr-div {
  background: #FFFFFF;
  width: 100%;
  border-bottom: 1px solid #eee;
}
#lawFirm .total .jr-div .tab-content {
  width: 1200px;
  display: flex;
  justify-content: space-between;
  line-height: 60px;
  font-size: 18px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  color: #290202;
  margin: 0 auto;
}
#lawFirm .total .jr-div .tab-content div > a {
  display: inline-block;
  height: 59px;
}
#lawFirm .total .jr-div .tab-content div > a:hover {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
}
#lawFirm .total .jr-div .tab-content div > a.on {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
}
#lawFirm .total .jr-div .tab-content div > a.on {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
}
#lawFirm .total .jr-div .tab-content div > a:hover {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
}
#lawFirm .total .content {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 100px;
}
#lawFirm .total .content .p {
  text-align: center;
  height: 47px;
  font-family: Source Han Sans SC;
  line-height: 47px;
  color: #290202;
  margin: 100px auto 65px auto;
  font-weight: var(--ebq-w-l);
  font-size: var(--ebq-s-l);
}
#lawFirm .total .content .tab11 .td {
  display: flex;
  height: 400px;
  justify-content: space-between;
}
#lawFirm .total .content .tab11 .td .p1 {
  height: 27px;
  font-size: 18px;
  font-family: Source Han Sans SC;
  font-weight: bold;
  line-height: 27px;
  color: #EC1C1C;
  opacity: 1;
  text-align: center;
  margin-bottom: 40px;
}
#lawFirm .total .content .tab11 .td .p2 {
  width: 300px;
  height: 86px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 300;
  line-height: 30px;
  color: #290202;
  text-align: start;
  margin: auto;
}
#lawFirm .total .content .tab11 .td img {
  margin: 87px 150px 20px 170px;
}
#lawFirm .total .content .tab11 .td .td-1 {
  background: url(../image/td1.png) no-repeat;
  width: 398px;
  height: 385px;
}
#lawFirm .total .content .tab11 .td .td-2 {
  background: url(../image/td2.png) no-repeat;
  width: 398px;
  height: 385px;
}
#lawFirm .total .content .tab11 .td .td-3 {
  background: url(../image/td3.png) no-repeat;
  width: 398px;
  height: 385px;
}
#lawFirm .total .content .tab22 .p2 {
  width: 350px;
  height: 40px;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 30px;
  color: #FFFFFF;
  padding-left: 15px;
  padding-top: 25px;
}
#lawFirm .total .content .tab22 .p1 {
  height: 25px;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 25px;
  color: #FFFFFF;
  opacity: 1;
  padding-left: 15px;
  padding-top: 20px;
}
#lawFirm .total .content .tab22 .td {
  display: flex;
  height: 280px;
  justify-content: space-between;
}
#lawFirm .total .content .tab22 .td .td-1 {
  width: 350px;
  position: relative;
}
#lawFirm .total .content .tab22 .td .td-1 > div {
  width: 100%;
  height: 125px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  margin-top: -30px;
  position: absolute;
  bottom: 0;
}
#lawFirm .total .content .tab22 .td .td-2 {
  width: 350px;
  position: relative;
}
#lawFirm .total .content .tab22 .td .td-2 > div {
  width: 100%;
  height: 125px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  margin-top: -30px;
  position: absolute;
  bottom: 0;
}
#lawFirm .total .content .tab22 .td .td-3 {
  width: 350px;
  position: relative;
}
#lawFirm .total .content .tab22 .td .td-3 > div {
  width: 100%;
  height: 125px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  margin-top: -30px;
  position: absolute;
  bottom: 0;
}
#lawFirm .total .content .tab33 .content-box {
  display: flex;
}
#lawFirm .total .content .tab33 .left {
  width: 100px;
  height: 576px;
  background: #FFFFFF;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.08);
  opacity: 1;
  border-radius: 6px;
  text-align: center;
}
#lawFirm .total .content .tab33 .left > .t-img {
  width: 70px;
  height: 1px;
  color: #eee;
  margin-left: 25px;
}
#lawFirm .total .content .tab33 .left .y-tab {
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  padding-left: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 180px;
  padding-top: 30px;
}
#lawFirm .total .content .tab33 .left .y-tab .y-title {
  width: 65px;
  border-bottom: 1px solid #eee;
  height: 90px;
}
#lawFirm .total .content .tab33 .left .y-tab.on > div {
  color: #EC1C1C;
}
#lawFirm .total .content .tab33 .left .y-tab.on .line {
  opacity: 1;
}
#lawFirm .total .content .tab33 .left .y-tab:hover > div {
  color: #EC1C1C;
}
#lawFirm .total .content .tab33 .left .y-tab:hover .line {
  opacity: 1;
}
#lawFirm .total .content .tab33 .left .y-tab:hover > div {
  color: #EC1C1C;
}
#lawFirm .total .content .tab33 .left .y-tab:hover .line {
  opacity: 1;
}
#lawFirm .total .content .tab33 .left .y-tab > div {
  color: #290202;
  font-size: 16px;
  font-family: Source Han Sans SC;
  font-weight: bold;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
#lawFirm .total .content .tab33 .left .y-tab > div span {
  display: block;
  color: inherit;
  opacity: 0.45;
  font-size: 12px;
  font-weight: normal;
}
#lawFirm .total .content .tab33 .left .y-tab .line {
  display: block;
  width: 5px;
  height: 14px;
  background: #ec1c1c;
  opacity: 0;
  border-radius: 100px;
  position: absolute;
  left: 0;
  top: 70%;
  margin-top: -30px;
}
#lawFirm .total .content .tab33 .right {
  flex: 1;
  margin-left: 12px;
}
#lawFirm .total .content .tab33 .right .y-con {
  flex: 1;
  min-height: 610px;
  display: none;
  position: relative;
  background-size: 1100px 630px;
  margin-top: -15px;
}
#lawFirm .total .content .tab33 .right .y-con.on {
  display: block;
}
#lawFirm .total .content .tab33 .right .y-con.on:nth-child(1) {
  background: url(../image/bg11.png) no-repeat;
  background-size: 100% 100%;
}
#lawFirm .total .content .tab33 .right .y-con.on:nth-child(2) {
  background: url(../image/bg2.png) no-repeat;
  background-size: 100% 100%;
}
#lawFirm .total .content .tab33 .right .y-con.on:nth-child(3) {
  background: url(../image/bg3.png) no-repeat;
  background-size: 100% 100%;
}
#lawFirm .total .content .tab33 .right .y-con > div img {
  margin: 50px auto auto 70px;
}
#lawFirm .total .content .tab33 .right .y-con > div p {
  width: 970px;
  height: 42px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 300;
  line-height: 30px;
  color: #290202;
  opacity: 1;
  padding-top: 60px;
  padding-bottom: 45px;
  margin-left: 80px;
}
#lawFirm .total .content .tab44 .list {
  display: flex;
  justify-content: space-around;
}
#lawFirm .total .content .tab44 .list .list-g {
  width: 380px;
  height: 313px;
  background: #FFFFFF;
  box-shadow: 0px -2px 12px rgba(0, 0, 0, 0.06);
  border-radius: 10px;
}
#lawFirm .total .content .tab44 .list .list-g img {
  margin: 47px 155px 15px 155px;
}
#lawFirm .total .content .tab44 .list .list-g .list-title {
  height: 25px;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 25px;
  color: #EC1C1C;
  text-align: center;
  margin-bottom: 40px;
}
#lawFirm .total .content .tab44 .list .list-g .list-con {
  width: 380px;
  height: 120px;
  background: #FFF4E9;
  border-radius: 0px 0px 10px 10px;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 30px;
  color: #290202;
}
#lawFirm .total .content .tab44 .list .list-g .list-con span {
  width: 360px;
  margin-left: 15px;
  text-align: start;
  display: inline-block;
  margin-top: 20px;
}
#other {
  background: url(../image/banner@2x.jpg) no-repeat;
}
#other .total {
  width: 100%;
}
#other .total .switch_title_fixed {
  animation: searchTop 0.5s ease-in-out;
  position: fixed;
  z-index: 100;
  top: 60px;
  background-color: #fff;
}
#other .total .jr-div {
  background: #FFFFFF;
  width: 100%;
  border-bottom: 1px solid #eee;
}
#other .total .jr-div .tab-content {
  width: 1200px;
  display: flex;
  justify-content: space-between;
  line-height: 60px;
  font-size: 18px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  color: #290202;
  margin: 0 auto;
}
#other .total .jr-div .tab-content div > a {
  display: inline-block;
  height: 59px;
}
#other .total .jr-div .tab-content div > a:hover {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
}
#other .total .jr-div .tab-content div > a.on {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
}
#other .total .jr-div .tab-content div > a.on {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
}
#other .total .jr-div .tab-content div > a:hover {
  color: red;
  cursor: pointer;
  border-bottom: 1px solid red;
}
#other .total .content {
  width: 1200px;
  margin: 0 auto;
  padding-bottom: 100px;
}
#other .total .content .p {
  text-align: center;
  height: 47px;
  font-family: Source Han Sans SC;
  line-height: 47px;
  color: #290202;
  margin: 100px auto 65px auto;
  font-weight: var(--ebq-w-l);
  font-size: var(--ebq-s-l);
}
#other .total .content .tab11 .td {
  display: flex;
  height: 400px;
  justify-content: space-between;
}
#other .total .content .tab11 .td .p1 {
  height: 27px;
  font-size: 18px;
  font-family: Source Han Sans SC;
  font-weight: bold;
  line-height: 27px;
  color: #EC1C1C;
  opacity: 1;
  text-align: center;
  margin-bottom: 40px;
}
#other .total .content .tab11 .td .p2 {
  width: 300px;
  height: 86px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 300;
  line-height: 30px;
  color: #290202;
  text-align: start;
  margin: auto;
}
#other .total .content .tab11 .td img {
  margin: 87px 150px 20px 170px;
}
#other .total .content .tab11 .td .td-1 {
  background: url(../image/td1.png) no-repeat;
  width: 398px;
  height: 385px;
}
#other .total .content .tab11 .td .td-2 {
  background: url(../image/td2.png) no-repeat;
  width: 398px;
  height: 385px;
}
#other .total .content .tab11 .td .td-3 {
  background: url(../image/td3.png) no-repeat;
  width: 398px;
  height: 385px;
}
#other .total .content .tab22 .p2 {
  width: 270px;
  height: 40px;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 30px;
  color: #FFFFFF;
  padding-left: 15px;
  padding-top: 20px;
}
#other .total .content .tab22 .p1 {
  height: 25px;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 25px;
  color: #FFFFFF;
  opacity: 1;
  padding-left: 15px;
  padding-top: 20px;
}
#other .total .content .tab22 .td {
  display: flex;
  height: 280px;
  justify-content: space-between;
}
#other .total .content .tab22 .td .td-1 {
  width: 285px;
  position: relative;
}
#other .total .content .tab22 .td .td-1 > div {
  width: 100%;
  height: 110px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  margin-top: -30px;
  position: absolute;
  bottom: 0;
}
#other .total .content .tab22 .td .td-2 {
  width: 285px;
  position: relative;
}
#other .total .content .tab22 .td .td-2 > div {
  width: 100%;
  height: 110px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  margin-top: -30px;
  position: absolute;
  bottom: 0;
}
#other .total .content .tab22 .td .td-3 {
  width: 285px;
  position: relative;
}
#other .total .content .tab22 .td .td-3 > div {
  width: 100%;
  height: 110px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  margin-top: -30px;
  position: absolute;
  bottom: 0;
}
#other .total .content .tab22 .td .td-4 {
  width: 285px;
  position: relative;
}
#other .total .content .tab22 .td .td-4 > div {
  width: 100%;
  height: 110px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 1;
  border-radius: 0px 0px 10px 10px;
  margin-top: -30px;
  position: absolute;
  bottom: 0;
}
#other .total .content .tab33 .content-box {
  display: flex;
}
#other .total .content .tab33 .left {
  width: 100px;
  height: 576px;
  background: #FFFFFF;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.08);
  opacity: 1;
  border-radius: 6px;
  text-align: center;
}
#other .total .content .tab33 .left > .t-img {
  width: 70px;
  height: 1px;
  color: #eee;
  margin-left: 25px;
}
#other .total .content .tab33 .left .y-tab {
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  padding-left: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 130px;
  padding-top: 30px;
}
#other .total .content .tab33 .left .y-tab .y-title {
  width: 65px;
  border-bottom: 1px solid #eee;
  height: 90px;
}
#other .total .content .tab33 .left .y-tab.on > div {
  color: #EC1C1C;
}
#other .total .content .tab33 .left .y-tab.on .line {
  opacity: 1;
}
#other .total .content .tab33 .left .y-tab:hover > div {
  color: #EC1C1C;
}
#other .total .content .tab33 .left .y-tab:hover .line {
  opacity: 1;
}
#other .total .content .tab33 .left .y-tab:hover > div {
  color: #EC1C1C;
}
#other .total .content .tab33 .left .y-tab:hover .line {
  opacity: 1;
}
#other .total .content .tab33 .left .y-tab > div {
  color: #290202;
  font-size: 16px;
  font-family: Source Han Sans SC;
  font-weight: bold;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
#other .total .content .tab33 .left .y-tab > div span {
  display: block;
  color: inherit;
  opacity: 0.45;
  font-size: 12px;
  font-weight: normal;
}
#other .total .content .tab33 .left .y-tab .line {
  display: block;
  width: 5px;
  height: 14px;
  background: #ec1c1c;
  opacity: 0;
  border-radius: 100px;
  position: absolute;
  left: 0;
  top: 70%;
  margin-top: -30px;
}
#other .total .content .tab33 .right {
  flex: 1;
  margin-left: 12px;
}
#other .total .content .tab33 .right .y-con {
  flex: 1;
  min-height: 610px;
  display: none;
  position: relative;
  background-size: 1100px 630px;
  margin-top: -15px;
}
#other .total .content .tab33 .right .y-con.on {
  display: block;
}
#other .total .content .tab33 .right .y-con.on:nth-child(1) {
  background: url(../image/bg14.png) no-repeat;
  background-size: 100% 100%;
}
#other .total .content .tab33 .right .y-con.on:nth-child(2) {
  background: url(../image/bg23.png) no-repeat;
  background-size: 100% 100%;
}
#other .total .content .tab33 .right .y-con.on:nth-child(3) {
  background: url(../image/bg32.png) no-repeat;
  background-size: 100% 100%;
}
#other .total .content .tab33 .right .y-con.on:nth-child(4) {
  background: url(../image/bg4.png) no-repeat;
  background-size: 100% 100%;
}
#other .total .content .tab33 .right .y-con > div img {
  margin: 50px auto auto 70px;
}
#other .total .content .tab33 .right .y-con > div p {
  width: 970px;
  height: 42px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 300;
  line-height: 30px;
  color: #290202;
  opacity: 1;
  padding-top: 60px;
  padding-bottom: 45px;
  margin-left: 80px;
}
#other .total .content .tab44 .list {
  display: flex;
  justify-content: space-around;
}
#other .total .content .tab44 .list .list-g {
  width: 380px;
  height: 313px;
  background: #FFFFFF;
  box-shadow: 0px -2px 12px rgba(0, 0, 0, 0.06);
  border-radius: 10px;
}
#other .total .content .tab44 .list .list-g img {
  margin: 47px 155px 15px 155px;
}
#other .total .content .tab44 .list .list-g .list-title {
  height: 25px;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: bold;
  line-height: 25px;
  color: #EC1C1C;
  text-align: center;
  margin-bottom: 40px;
}
#other .total .content .tab44 .list .list-g .list-con {
  width: 380px;
  height: 120px;
  background: #FFF4E9;
  border-radius: 0px 0px 10px 10px;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 30px;
  color: #290202;
}
#other .total .content .tab44 .list .list-g .list-con span {
  width: 360px;
  margin-left: 15px;
  text-align: start;
  display: inline-block;
  margin-top: 20px;
}
#other .total .content .tab55 div {
  display: flex;
  justify-content: space-between;
}
#advantage {
  min-width: 1200px;
}
#advantage .photo-wall-n {
  width: 100%;
  height: 520px;
  opacity: 1;
  background-image: url(../image/n-advantage.png);
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position-x: center;
}
#advantage .photo-wall-n .content {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
#advantage .photo-wall-n .content img {
  height: 50px;
  margin-bottom: 35px;
}
#advantage .photo-wall-n .content h1 {
  font-size: 58px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 35px;
}
#advantage .photo-wall-n .content div {
  color: #fff;
  font-size: 16px;
  margin-bottom: 35px;
}
#advantage .advantage-tab li + li {
  margin-left: 0;
}
#advantage .advantage-container {
  position: relative;
}
#advantage .advantage-container .advantage-content {
  display: none;
}
#advantage .advantage-container .on {
  display: block;
}
#advantage .advantage-container .part-container {
  margin-top: 80px;
  padding-bottom: 20px;
}
#advantage .advantage-container .part-container h2 {
  font-size: 42px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 45px;
}
#advantage .advantage-container .part-container .content-container {
  width: 1200px;
  margin: auto;
}
#advantage .advantage-container .part-container .content-container.advantage-tabs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
#advantage .advantage-container .part-container .content-container.advantage-tabs li {
  flex: 1;
}
#advantage .advantage-container .part-container .content-container.advantage-tabs li .tab-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  border-bottom: 2px solid #EBEDF2;
  padding-bottom: 10px;
}
#advantage .advantage-container .part-container .content-container.advantage-tabs li .tab-item h3 {
  font-weight: 500;
}
#advantage .advantage-container .part-container .content-container.advantage-tabs li .tab-item img {
  width: 70px;
  height: 70px;
  margin-bottom: 5px;
  transition: all 0.3s;
}
#advantage .advantage-container .part-container .content-container.advantage-tabs li:hover img,
#advantage .advantage-container .part-container .content-container.advantage-tabs li.active img {
  transform: scale(1.2);
}
#advantage .advantage-container .part-container.tab-content .tab-item_content {
  margin-top: 80px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
#advantage .advantage-container .part-container.tab-content .tab-item_content.tab2 .tab-item_content_item {
  width: calc((100% - 50px) / 3);
}
#advantage .advantage-container .part-container.tab-content .tab-item_content.tab2 .tab-item_content_item .tab-item_content_item_des {
  width: 270px!important;
}
#advantage .advantage-container .part-container.tab-content .tab-item_content.tab2 .tab-item_content_item.active {
  width: calc((100% - 50px) / 2 + 10px);
}
#advantage .advantage-container .part-container.tab-content .tab-item_content.tab2 .tab-item_content_item.active .tab-item_content_item_des {
  width: 270px!important;
}
#advantage .advantage-container .part-container.tab-content .tab-item_content .tab-item_content_item {
  width: calc((100% - 50px) / 4);
  height: 420px;
  box-sizing: border-box;
  border: 2px solid #fff;
  border-radius: 3px;
  background: url(../image/secure-bg.png) #fff no-repeat;
  background-size: 100% 100%;
  box-shadow: 0 8px 16px 0 rgba(213, 213, 213, 0.26);
  transition: all 0.5s;
  cursor: pointer;
  z-index: 5;
}
#advantage .advantage-container .part-container.tab-content .tab-item_content .tab-item_content_item:nth-child(1).active {
  background-image: url(../image/n-advantage-bg1.png);
}
#advantage .advantage-container .part-container.tab-content .tab-item_content .tab-item_content_item:nth-child(2).active {
  background-image: url(../image/n-advantage-bg2.png);
}
#advantage .advantage-container .part-container.tab-content .tab-item_content .tab-item_content_item:nth-child(3).active {
  background-image: url(../image/n-advantage-bg3.png);
}
#advantage .advantage-container .part-container.tab-content .tab-item_content .tab-item_content_item:nth-child(4).active {
  background-image: url(../image/n-advantage-bg4.png);
}
#advantage .advantage-container .part-container.tab-content .tab-item_content .tab-item_content_item.active {
  width: calc((100% - 50px) / 3 + 10px);
  z-index: 4;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
#advantage .advantage-container .part-container.tab-content .tab-item_content .tab-item_content_item.active .tab-item_content_item_content {
  transform: translate(0, -95px);
  color: #fff;
}
#advantage .advantage-container .part-container.tab-content .tab-item_content .tab-item_content_item.active .tab-item_content_item_content .tab-item_content_item_icon {
  transform: scale(1.2);
}
#advantage .advantage-container .part-container.tab-content .tab-item_content .tab-item_content_item.active .tab-item_content_item_content .tab-item_content_item_des {
  width: 200px;
  color: #fff;
}
#advantage .advantage-container .part-container.tab-content .tab-item_content .tab-item_content_item:not(:first-child) {
  margin-left: 10px;
}
#advantage .advantage-container .part-container.tab-content .tab-item_content .tab-item_content_item .tab-item_content_item_content {
  padding: 45px 30px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  transition: all 0.5s;
}
#advantage .advantage-container .part-container.tab-content .tab-item_content .tab-item_content_item .tab-item_content_item_content .tab-item_content_item_icon {
  height: 100px;
  transition: all 0.5s;
}
#advantage .advantage-container .part-container.tab-content .tab-item_content .tab-item_content_item .tab-item_content_item_content .tab-item_content_item_title {
  margin-top: 30px;
  font-size: 22px;
}
#advantage .advantage-container .part-container.tab-content .tab-item_content .tab-item_content_item .tab-item_content_item_content .tab-item_content_item_des {
  width: 200px;
  margin-top: 30px;
  transition: all 0.5s;
  font-size: 14px;
  line-height: 30px;
  color: #333333;
}
#advantage .advantage-container .part-container.tab-content.evidence {
  background-image: url(../image/n-el-sign.png);
  background-position: bottom;
  background-repeat: no-repeat;
  padding-top: 90px;
}
#advantage .advantage-container .part-container.tab-content.evidence .content-container .evidence-content {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 40px 0 ;
}
#advantage .advantage-container .part-container.tab-content.evidence .content-container .evidence-content .content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 800px;
}
#advantage .advantage-container .part-container.tab-content.evidence .content-container .evidence-content .content .content-title {
  margin-bottom: 40px;
  font-size: 16px;
  color: #333;
}
#advantage .advantage-container .part-container.tab-content.evidence .content-container .evidence-content .content .content-tags {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  flex-wrap: wrap;
}
#advantage .advantage-container .part-container.tab-content.evidence .content-container .evidence-content .content .content-tags .content-tag {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  width: 200px;
  padding: 15px 20px;
  background: linear-gradient(0deg, #FFFFFF, #F4F7F7);
  border-radius: 3px;
  border: 2px solid #FFFFFF;
}
#advantage .advantage-container .part-container.tab-content.evidence .content-container .evidence-content .content .content-tags .content-tag img {
  margin-right: 15px;
}
#advantage .advantage-container .part-container.tab-content.safeguard .content-container .safeguard-content .safeguard-computed {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#advantage .advantage-container .part-container.tab-content.safeguard .content-container .safeguard-content .safeguard-computed .computed-item {
  width: 200px;
  height: 300px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  background: url(../image/secure-bg.png) #fff no-repeat;
  background-size: 100% 100%;
  border-radius: 3px;
  border: 2px solid #FFFFFF;
  box-shadow: 0px -6px 6px 0px rgba(220, 227, 238, 0.26), 0px 6px 6px 0px rgba(220, 227, 238, 0.26);
}
#advantage .advantage-container .part-container.tab-content.safeguard .content-container .safeguard-content .safeguard-computed .computed-item img {
  margin-bottom: 20px;
}
#advantage .advantage-container .part-container.tab-content.safeguard .content-container .safeguard-content .safeguard-computed .computed-item .computed-item-title {
  font-size: 20px;
  margin-bottom: 20px;
}
#advantage .advantage-container .part-container.tab-content.safeguard .content-container .safeguard-content .safeguard-computed .computed-item .computed-item-desc {
  font-size: 14px;
  color: #333;
  line-height: 30px;
}
#advantage .advantage-container .part-container.tab-content.safeguard .content-container .safeguard-content .safeguard-computed .symbol {
  font-size: 40px;
  font-weight: 600;
  color: #333;
}
#advantage .advantage-container .part-container.tab-content.safeguard .content-container .safeguard-content .safeguard-patent {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 40px 0 90px 0;
  height: 350px;
}
#advantage .advantage-container .part-container.tab-content.safeguard .content-container .safeguard-content .safeguard-patent .patent-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px 80px;
  font-size: 20px;
  background: linear-gradient(0deg, #FFFFFF, #F4F7F7);
  border-radius: 3px;
  border: 2px solid #FFFFFF;
  margin-right: 30px;
  box-shadow: 0px -6px 6px 0px rgba(220, 227, 238, 0.26), 0px 6px 6px 0px rgba(220, 227, 238, 0.26);
}
#advantage .advantage-container .part-container.tab-content.safeguard .content-container .safeguard-content .safeguard-patent .patent-left img {
  width: 180px;
  margin-bottom: 15px;
}
#advantage .advantage-container .part-container.tab-content.safeguard .content-container .safeguard-content .safeguard-patent .patent-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  padding: 60px;
  font-size: 18px;
  background: linear-gradient(0deg, #FFFFFF, #F4F7F7);
  border-radius: 3px;
  border: 2px solid #FFFFFF;
  box-shadow: 0px -6px 6px 0px rgba(220, 227, 238, 0.26), 0px 6px 6px 0px rgba(220, 227, 238, 0.26);
}
#advantage .advantage-container .part-container.tab-content.safeguard .content-container .safeguard-content .safeguard-patent .patent-right p {
  position: relative;
  padding-left: 40px;
}
#advantage .advantage-container .part-container.tab-content.safeguard .content-container .safeguard-content .safeguard-patent .patent-right p:after {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #DE2304;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
#advantage .advantage-container .part-container.tab-content.safeguard .content-container .safeguard-content .safeguard-patent .patent-right p:before {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #EE9181;
  left: 9px;
  top: 50%;
  transform: translateY(-50%);
}
#advantage .advantage-container .part-container.example {
  padding-top: 90px;
  background: #F4F7F7;
}
#advantage .advantage-container .part-container.example .content-container .example-item {
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#advantage .advantage-container .part-container.example .content-container .example-item:nth-child(odd) {
  flex-direction: row-reverse;
}
#advantage .advantage-container .part-container.example .content-container .example-item .example-content {
  width: 800px;
  padding: 40px;
  background-image: url(../image/n-example-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
#advantage .advantage-container .part-container.example .content-container .example-item .example-content .example-title {
  font-weight: 600;
  font-size: 18px;
  color: #000;
  margin-bottom: 15px;
}
#advantage .advantage-container .part-container.example .content-container .example-item .example-content .example-desc {
  width: 100%;
  font-size: 16px;
  color: #333;
  margin-bottom: 10px;
}
#advantage .advantage-container .part-container.example .content-container .example-item .example-annotation {
  width: 350px;
  background: linear-gradient(0deg, #FFFFFF, #F4F7F7);
  border: 2px solid #fff;
  box-shadow: 0px -6px 6px 0px rgba(220, 227, 238, 0.26), 0px 6px 6px 0px rgba(220, 227, 238, 0.26);
  padding: 15px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 40px;
  color: #333333;
  font-size: 14px;
}
#advantage .advantage-container .part-container.cloud {
  background-image: url(../image/n-el-sign.png);
  background-position: bottom;
  background-repeat: no-repeat;
}
#advantage .advantage-container .part-container.cloud .content-container .cloud-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#advantage .advantage-container .part-container.cloud .content-container .cloud-content .cloud-left {
  width: 350px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  color: #DE2304;
  padding: 20px;
  text-align: center;
}
#advantage .advantage-container .part-container.cloud .content-container .cloud-content .cloud-left img {
  width: 200px;
  margin-bottom: 50px;
}
#advantage .advantage-container .part-container.cloud .content-container .cloud-content .cloud-center {
  position: relative;
  flex: 1;
  background: #eee;
}
#advantage .advantage-container .part-container.cloud .content-container .cloud-content .cloud-center .cloud-round {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#advantage .advantage-container .part-container.cloud .content-container .cloud-content .cloud-center .cloud-round.r1 {
  width: 250px;
  height: 250px;
  background: #fff;
  border: 5px solid #FEFAF9;
}
#advantage .advantage-container .part-container.cloud .content-container .cloud-content .cloud-center .cloud-round.r2 {
  width: 200px;
  height: 200px;
  background: #fff;
  border: 5px solid #FEFAF9;
}
#advantage .advantage-container .part-container.cloud .content-container .cloud-content .cloud-center .cloud-round.r3 {
  font-size: 28px;
  color: #DE2304;
  width: 150px;
  height: 150px;
  background: #fff;
  box-shadow: 0px -6px 6px 0px rgba(220, 227, 238, 0.26), 0px 6px 6px 0px rgba(220, 227, 238, 0.26);
}
#advantage .advantage-container .part-container.cloud .content-container .cloud-content .cloud-center .cloud-tag {
  background: #F5CCC5;
  color: #DE2304;
  padding: 15px 0;
  width: 200px;
  border-radius: 10px;
  position: absolute;
  text-align: center;
  left: 50%;
  top: 50%;
}
#advantage .advantage-container .part-container.cloud .content-container .cloud-content .cloud-center .cloud-tag.t1 {
  transform: translate(-100px, -160px);
}
#advantage .advantage-container .part-container.cloud .content-container .cloud-content .cloud-center .cloud-tag.t2 {
  transform: translate(70px, -90px);
}
#advantage .advantage-container .part-container.cloud .content-container .cloud-content .cloud-center .cloud-tag.t3 {
  transform: translate(120px, -20px);
}
#advantage .advantage-container .part-container.cloud .content-container .cloud-content .cloud-center .cloud-tag.t4 {
  transform: translate(70px, 50px);
}
#advantage .advantage-container .part-container.cloud .content-container .cloud-content .cloud-center .cloud-tag.t5 {
  transform: translate(10px, 120px);
}
#advantage .advantage-container .part-container.cloud .content-container .cloud-content .cloud-center .cloud-tag.t6 {
  transform: translate(-210px, 120px);
}
#advantage .advantage-container .part-container.cloud .content-container .cloud-content .cloud-center .cloud-tag.t7 {
  transform: translate(-270px, 50px);
}
#advantage .advantage-container .part-container.cloud .content-container .cloud-content .cloud-center .cloud-tag.t8 {
  transform: translate(-320px, -20px);
}
#advantage .advantage-container .part-container.cloud .content-container .cloud-content .cloud-center .cloud-tag.t9 {
  transform: translate(-270px, -90px);
}
#advantage .advantage-container .part-container.cloud .content-container .cloud-content .cloud-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
#advantage .advantage-container .part-container.cloud .content-container .cloud-content .cloud-right .right-item {
  background: #DE2304;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  padding: 50px 25px;
  width: 200px;
  text-align: center;
}
#advantage .advantage-container .part-container.cloud .content-container .cloud-content .cloud-right .right-item .right-item-title {
  font-size: 24px;
  margin-bottom: 25px;
}
#advantage .advantage-container .part-container.cloud .content-container .cloud-content1 {
  margin-top: 30px;
  filter: blur(0.4);
  background: rgba(255, 255, 255, 0.3);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 80px 30px 30px 30px;
  margin-bottom: 100px;
  box-shadow: 0 8px 16px 0 rgba(213, 213, 213, 0.26);
}
#advantage .advantage-container .part-container.cloud .content-container .cloud-content1 .sec-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
#advantage .advantage-container .part-container.cloud .content-container .cloud-content1 .sec-item img {
  width: 100px;
  height: 100px;
  background: #F4F4F4;
  padding: 20px;
  margin-bottom: 10px;
}
#advantage .advantage-container .part-container.cloud .content-container .cloud-content1 .sec-item .sec-title {
  font-size: 24px;
  font-weight: 600;
  color: #333;
  margin-bottom: 10px;
}
#advantage .advantage-container .part-container.cloud .content-container .cloud-content1 .sec-item .sec-desc {
  margin-bottom: 35px;
  font-size: 18px;
  color: #666;
}
#advantage .advantage-container .part-container.cloud .content-container .cloud-content1 .sec-item .sec-tag {
  margin-bottom: 20px;
  font-size: 18px;
  color: #666;
}
#advantage .advantage-container .part-container.strength .content-container .strength-content {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 60px;
}
#advantage .advantage-container .part-container.strength .content-container .strength-content .strength-item {
  width: 47%;
  background: linear-gradient(0deg, #FFFFFF, #FBFDFF);
  box-shadow: 0 8px 16px 0 rgba(213, 213, 213, 0.26);
  border-radius: 3px;
  border: 2px solid #FFFFFF;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
#advantage .advantage-container .part-container.strength .content-container .strength-content .strength-item .strength-title {
  color: #DE2304;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 20px;
}
#advantage .advantage-container .part-container.strength .content-container .strength-content .strength-item .strength-desc {
  color: #666;
  font-size: 18px;
  line-height: 2;
}
#advantage .advantage-container .part-container.sync .sec-title {
  text-align: center;
  font-size: 24px;
  margin-top: 25px;
}
#advantage .advantage-container .part-container.sync .sync-content {
  display: flex;
  justify-content: center;
  margin: 50px 0;
}
#advantage .advantage-container .part-container.sync .table-content .table-header {
  background: #DE2304;
  border-radius: 10px 10px 0 0;
  padding: 30px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #fff;
}
#advantage .advantage-container .part-container.sync .table-content #adv-table {
  border: 0;
}
#advantage .advantage-container .part-container.sync .table-content #adv-table td {
  text-align: center;
  color: #666666;
  font-size: 16px;
  padding: 10px 0;
}
#advantage .advantage-container .part-container.sync .table-content #adv-table tr {
  border-radius: 10px;
}
#advantage .advantage-container .part-container.sync .table-content #adv-table .first {
  background: #DE2304;
  border-radius: 0 0 10px 10px;
}
#advantage .advantage-container .part-container.sync .table-content #adv-table .first td {
  padding: 10px 0;
  color: #fff;
}
#advantage .advantage-container .part-container.sync .table-content #adv-table .first td:first-child {
  border-radius: 0 0 0 10px;
}
#advantage .advantage-container .part-container.sync .table-content #adv-table .first td:last-child {
  border-radius: 0 0 10px 0;
}
#advantage .connection {
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: #f6f6f6;
}
#advantage .connection .connection-box {
  height: 95px;
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#advantage .connection .connection-box .title {
  font-size: 20px;
  font-weight: bold;
}
#advantage .connection .connection-box .input input {
  height: 40px;
  border: 2px solid #EFEFEF;
  padding: 0 15px;
  border-radius: 10px;
  outline: none;
}
#advantage .connection .connection-box .submit_btn {
  padding: 10px 50px;
  color: #fff;
  border-radius: 3px;
  background: #DE2304;
  cursor: pointer;
}
#advantage_old {
  background-image: url(../image/component-bg.png);
}
#advantage_old .advantage-text {
  line-height: 50px;
  color: #FFFFFF;
  position: absolute;
  left: 22.3%;
  top: 35.2%;
  font-size: var(--ebq-s-l);
  font-weight: var(--ebq-w-l);
}
#advantage_old .advantage-text1 {
  color: #ffffff;
  text-align: left;
  position: absolute;
  left: 22.3%;
  top: 54%;
  /* font-family: Source Han Sans CN; */
  opacity: 1;
  font-size: var(--ebq-s-d);
  font-weight: var(--ebq-w-d);
}
#advantage_old .advantage-tab {
  z-index: 999;
  top: 55px;
  position: sticky;
  height: 71px;
  background-color: white;
  border-bottom: 1px solid #eee;
}
#advantage_old .advantage-tab ul {
  padding-top: 30px;
  /* position: relative; */
  margin: 0px auto;
  width: 1200px;
  display: flex;
  justify-content: space-around;
}
#advantage_old .advantage-tab li p {
  width: 180px;
  height: 40px;
  font-size: 18px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  text-align: center;
}
#advantage_old .advantage-tab li p:hover {
  color: #ec1c1c !important;
  border-bottom: 2px solid #ec1c1c !important;
}
#advantage_old .advantage-tab li h3 {
  font-size: var(--ebq-s-d);
  font-weight: var(--ebq-w-d);
}
#advantage_old .advantage-tab li + li {
  margin-left: 60px;
}
#advantage_old .advantage-content {
  display: none;
}
#advantage_old .advantage-content h2 {
  color: #343434;
  text-align: center;
  margin: 50px 0;
  font-size: var(--ebq-s-s);
  font-weight: var(--ebq-w-s);
}
#advantage_old .center4 .header {
  display: flex;
  justify-content: start;
  height: 85px;
  background: #FCEBD7;
  opacity: 1;
}
#advantage_old .center4 .header img {
  width: 40px;
  height: 40px;
  margin: 25px 15px 20px 25px;
}
#advantage_old .center4 .header .day {
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  line-height: 20px;
  color: rgba(41, 2, 2, 0.65);
  opacity: 1;
  text-align: left;
}
#advantage_old .center4 .header .time {
  padding-top: 25px;
  font-size: 20px;
  font-weight: 400;
  line-height: 10px;
  color: rgba(41, 2, 2, 0.65);
  opacity: 1;
  padding-left: 500px;
}
#advantage_old .center4 .content {
  width: 100%;
  background: #FFFFFF;
  opacity: 1;
  border-radius: 10px;
}
#advantage_old .center4 .content .first {
  height: 45px;
  background: #FCEBD7;
  opacity: 1;
}
#advantage_old .center4 .content .first td {
  padding-right: 50px;
  padding-left: 66px;
  font-size: 16px;
  font-weight: bold;
  color: rgba(41, 2, 2, 0.65);
  opacity: 1;
}
#advantage_old .on {
  display: block;
}
#professional-edition {
  background-image: url(../image/banner@2x.jpg);
  background-size: 100% 100% !important;
  background-repeat: repeat;
}
#professional-edition ul {
  display: flex;
  justify-content: space-around;
}
#professional-edition .container .title {
  text-align: center;
  width: 100%;
  margin: 40px 0px 60px 0px;
}
#professional-edition .container > div {
  margin-top: 80px;
}
#professional-edition .p1 {
  color: #290202;
  line-height: 50px;
  margin: 40px 0px 60px 0px;
  font-size: var(--ebq-s-l);
  font-weight: var(--ebq-w-l);
}
#professional-edition .p2 {
  font-size: var(--ebq-s-s);
  font-weight: var(--ebq-w-s);
}
#professional-edition .p3 {
  font-size: var(--ebq-s-d);
  font-weight: var(--ebq-w-d) !important;
  line-height: 30px;
}
#professional-edition .p4 {
  font-size: var(--ebq-s-m);
}
#professional-edition .p5 {
  font-size: var(--ebq-s-d);
  font-weight: var(--ebq-w-d);
}
#professional-edition .p6 {
  font-size: var(--ebq-s-s);
  font-weight: var(--ebq-w-s);
}
.title-wall {
  width: 100%;
  height: 520px;
  background: #F2F2F2;
  opacity: 1;
}
.title-wall.saas {
  background-image: url(../image/n-saas-banner.png);
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position-x: center;
}
.title-wall.saas .content {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.title-wall.saas .content img {
  height: 50px;
  margin-bottom: 35px;
}
.title-wall.saas .content h1 {
  font-size: 58px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 35px;
}
.title-wall.saas .content div {
  color: #fff;
  font-size: 16px;
  margin-bottom: 35px;
}
.title-wall.saas .content .banner-try {
  background: #EC1C1C;
  color: #fff;
  padding: 20px 90px;
}
.title-wall.cloud {
  background-image: url(../image/n-cloud-banner.png);
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position-x: center;
}
.title-wall.cloud .content {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.title-wall.cloud .content img {
  height: 50px;
  margin-bottom: 35px;
}
.title-wall.cloud .content h1 {
  font-size: 58px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 35px;
}
.title-wall.cloud .content div {
  color: #fff;
  font-size: 16px;
  margin-bottom: 35px;
}
.title-wall.cloud .content .banner-try {
  background: #EC1C1C;
  color: #fff;
  padding: 20px 90px;
}
.title-wall.local {
  background-image: url(../image/n-local_deployment-banner.png);
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position-x: center;
}
.title-wall.local .content {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.title-wall.local .content img {
  height: 50px;
  margin-bottom: 35px;
}
.title-wall.local .content h1 {
  font-size: 58px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 35px;
}
.title-wall.local .content div {
  color: #fff;
  font-size: 16px;
  margin-bottom: 35px;
}
.title-wall.local .content .banner-try {
  background: #EC1C1C;
  color: #fff;
  padding: 20px 90px;
}
.title-wall.custom {
  background-image: url(../image/n-custom_system-banner.png);
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position-x: center;
}
.title-wall.custom .content {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.title-wall.custom .content img {
  height: 50px;
  margin-bottom: 35px;
}
.title-wall.custom .content h1 {
  font-size: 58px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 35px;
}
.title-wall.custom .content div {
  width: 640px;
  color: #fff;
  font-size: 16px;
  margin-bottom: 35px;
}
.title-wall.custom .content .banner-try {
  background: #EC1C1C;
  color: #fff;
  padding: 20px 90px;
}
#standard-edition {
  min-width: 1200px;
}
#standard-edition .saas-container {
  position: relative;
}
#standard-edition .saas-container .part-container {
  margin-top: 100px;
  padding-bottom: 120px;
}
#standard-edition .saas-container .part-container h2 {
  font-size: 42px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 45px;
}
#standard-edition .saas-container .part-container .content-container {
  width: 1200px;
  margin: auto;
}
#standard-edition .saas-container .overview {
  background-image: url(../image/n-el-sign.png);
  background-position: bottom;
  background-repeat: no-repeat;
}
#standard-edition .saas-container .overview .content-container {
  background: linear-gradient(0deg, #FFFFFF, #FBFDFF);
  box-shadow: 0px -6px 6px 0px rgba(220, 227, 238, 0.26), 0px 6px 6px 0px rgba(220, 227, 238, 0.26);
  border-radius: 3px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 70px 90px;
}
#standard-edition .saas-container .overview .content-container .overview-img {
  width: 258px;
  height: 100%;
  margin-right: 100px;
}
#standard-edition .saas-container .overview .content-container .content .article {
  color: #9B9C9C;
  font-size: 22px;
  line-height: 1.5;
  position: relative;
}
#standard-edition .saas-container .overview .content-container .content .article .left-marks {
  position: absolute;
  top: -20px;
  left: -60px;
}
#standard-edition .saas-container .overview .content-container .content .article .right-marks {
  position: absolute;
  bottom: -10px;
  right: 0;
}
#standard-edition .saas-container .overview .content-container .content .banner-try {
  float: right;
  margin-top: 30px;
  background: #EC1C1C;
  color: #fff;
  padding: 10px 45px;
}
#standard-edition .saas-container .overview .content-container.peculiarity .content h3 {
  font-size: 28px;
  font-weight: 600;
  color: #333;
  margin-bottom: 30px;
}
#standard-edition .saas-container .overview .content-container.peculiarity .content .second-title {
  font-size: 24px;
  color: #333;
  font-weight: 500;
  margin-bottom: 18px;
}
#standard-edition .saas-container .overview .content-container.peculiarity .content p {
  color: #999999;
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 25px;
}
#standard-edition .saas-container .overview .content-container.peculiarity .content .features {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
#standard-edition .saas-container .overview .content-container.peculiarity .content .features .feature-item {
  margin-right: 35px;
  margin-bottom: 25px;
}
#standard-edition .saas-container .overview .content-container.peculiarity .content .features .feature-item img {
  height: 12px;
  margin-right: 10px;
}
#standard-edition .saas-container .register {
  padding-bottom: 0;
}
#standard-edition .saas-container .register .bg-container {
  background: #F4F7F7;
  padding: 40px 0;
}
#standard-edition .saas-container .register .bg-container .content-container {
  padding: 20px 30px;
  background: #F7F9FA;
  box-shadow: 0px -6px 6px 0px rgba(220, 227, 238, 0.26), 0px 6px 6px 0px rgba(220, 227, 238, 0.26);
}
#standard-edition .saas-container .register .bg-container .content-container h3 {
  color: #333333;
}
#standard-edition .saas-container .register .bg-container .content-container .use-steps {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin: 30px 20px;
}
#standard-edition .saas-container .register .bg-container .content-container .use-steps .step-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#standard-edition .saas-container .register .bg-container .content-container .use-steps .step-item .step-img {
  border-radius: 10px;
  background: #F4F4F4;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin-bottom: 40px;
}
#standard-edition .saas-container .register .bg-container .content-container .use-steps .step-item .step-img img {
  width: 50px;
}
#standard-edition .saas-container .register .bg-container .content-container .use-steps .step-item .step-title {
  margin-bottom: 40px;
  font-size: 24px;
  color: #333;
  display: flex;
  justify-content: center;
  align-items: center;
}
#standard-edition .saas-container .register .bg-container .content-container .use-steps .step-item .step-title .step-icon {
  border-radius: 50%;
  line-height: 30px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #FF0000;
  border: 1px solid #FF0000;
  margin-right: 10px;
}
#standard-edition .saas-container .register .bg-container .content-container .use-steps .step-item .descrip {
  color: #666666;
  font-size: 18px;
  text-align: center;
  line-height: 40px;
}
#standard-edition .saas-container .register .bg-container .content-container .use-steps .step-item .banner-try {
  float: right;
  margin-top: 10px;
  background: #EC1C1C;
  color: #fff;
  padding: 10px 35px;
}
#standard-edition .saas-container .fast {
  padding-bottom: 0;
}
#standard-edition .saas-container .fast .bg-container {
  background: #F4F7F7;
  padding: 40px 0;
}
#standard-edition .saas-container .fast .bg-container .content-container {
  background: #F7F9FA;
  border-radius: 3px;
  box-shadow: 0px -6px 6px 0px rgba(220, 227, 238, 0.26), 0px 6px 6px 0px rgba(220, 227, 238, 0.26);
  display: flex;
  justify-content: flex-start;
}
#standard-edition .saas-container .fast .bg-container .content-container .fast-tabs {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}
#standard-edition .saas-container .fast .bg-container .content-container .fast-tabs .tab-item {
  flex: 1;
  width: 200px;
  padding: 100px 0;
  background: #E9EBEB;
  text-align: center;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-weight: 500;
}
#standard-edition .saas-container .fast .bg-container .content-container .fast-tabs .tab-item .step-icon {
  border-radius: 50%;
  line-height: 20px;
  width: 20px;
  height: 20px;
  text-align: center;
  color: #FF0000;
  border: 1px solid #FF0000;
  margin-right: 10px;
}
#standard-edition .saas-container .fast .bg-container .content-container .fast-tabs .tab-item.active {
  background: #DE2304;
  color: #fff;
}
#standard-edition .saas-container .fast .bg-container .content-container .fast-tabs .tab-item.active .step-icon {
  color: #fff;
  border-color: #fff;
}
#standard-edition .saas-container .fast .bg-container .content-container .tab-content {
  width: 100%;
}
#standard-edition .saas-container .fast .bg-container .content-container .tab-content .content-item {
  padding: 30px;
  display: none;
}
#standard-edition .saas-container .fast .bg-container .content-container .tab-content .content-item.active {
  display: block;
}
#standard-edition .saas-container .fast .bg-container .content-container .tab-content .content-item h3 {
  color: #333333;
  margin-bottom: 25px;
}
#standard-edition .saas-container .fast .bg-container .content-container .tab-content .content-item .content-item-img {
  display: flex;
  justify-content: center;
  margin: 20px 0;
}
#standard-edition .saas-container .fast .bg-container .content-container .tab-content .content-item .content-item-img img {
  max-width: 800px;
}
#standard-edition .saas-container .sign-way {
  padding-bottom: 0;
}
#standard-edition .saas-container .sign-way .bg-container {
  background-image: url(../image/n-el-sign.png);
  background-repeat: no-repeat;
  padding: 50px 0;
}
#standard-edition .saas-container .sign-way .bg-container .content-container {
  background: rgba(255, 255, 255, 0.36);
  box-shadow: 0px -6px 6px 0px rgba(220, 227, 238, 0.26), 0px 6px 6px 0px rgba(220, 227, 238, 0.26);
  border-radius: 3px;
  padding: 0 30px;
}
#standard-edition .saas-container .sign-way .bg-container .content-container .sign-way-title {
  font-size: 28px;
  color: #333;
  margin-bottom: 40px;
}
#standard-edition .saas-container .sign-way .bg-container .content-container .sign-box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 40px;
}
#standard-edition .saas-container .sign-way .bg-container .content-container .sign-box .sign-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 50px;
  max-width: 22%;
}
#standard-edition .saas-container .sign-way .bg-container .content-container .sign-box .sign-item .sign-img {
  background-repeat: no-repeat;
  width: 142px;
  height: 142px;
  writing-mode: vertical-rl;
  /* 文字从上到下，从右到左 */
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  color: #fff;
  font-size: 18px;
  position: relative;
}
#standard-edition .saas-container .sign-way .bg-container .content-container .sign-box .sign-item .sign-img img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
#standard-edition .saas-container .sign-way .bg-container .content-container .sign-box .sign-item .sign-img span {
  z-index: 2;
}
#standard-edition .saas-container .sign-way .bg-container .content-container .sign-box .sign-item .sign-desc {
  line-height: 30px;
  color: #333;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}
#standard-edition .saas-container .record {
  padding-bottom: 0;
}
#standard-edition .saas-container .record .bg-container {
  background: #F4F7F7;
  padding: 50px 0;
}
#standard-edition .saas-container .record .bg-container .content-container {
  background: rgba(255, 255, 255, 0.36);
  box-shadow: 0px -6px 6px 0px rgba(220, 227, 238, 0.26), 0px 6px 6px 0px rgba(220, 227, 238, 0.26);
  border-radius: 3px;
  padding: 60px 30px;
}
#standard-edition .saas-container .record .bg-container .content-container .record-title {
  font-size: 28px;
  color: #333;
  margin-bottom: 25px;
}
#standard-edition .saas-container .record .bg-container .content-container .record-box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 30px;
}
#standard-edition .saas-container .record .bg-container .content-container .record-box .record-content {
  margin-right: 20px;
}
#standard-edition .saas-container .record .bg-container .content-container .record-box .record-content .record-desc {
  color: #999999;
  font-size: 20px;
  margin-bottom: 40px;
}
#standard-edition .saas-container .record .bg-container .content-container .record-box .record-content .record-list .record-item {
  background: linear-gradient(0deg, #FFFFFF, #F4F7F7);
  border: 2px solid #fff;
  box-shadow: 0px -6px 6px 0px rgba(220, 227, 238, 0.26), 0px 6px 6px 0px rgba(220, 227, 238, 0.26);
  padding: 15px 20px;
  margin-bottom: 15px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#standard-edition .saas-container .record .bg-container .content-container .record-box .record-content .record-list .record-item span {
  color: #FF0000;
}
#standard-edition .saas-container .record .bg-container .content-container .record-box .record-content .record-list .record-item img {
  width: 20px;
  height: 20px;
  margin-right: 20px;
}
#standard-edition .saas-container .control {
  padding-bottom: 0;
}
#standard-edition .saas-container .control .bg-container {
  background: #F4F7F7;
  padding: 50px 0;
}
#standard-edition .saas-container .control .bg-container .content-container {
  background: rgba(255, 255, 255, 0.36);
  box-shadow: 0px -6px 6px 0px rgba(220, 227, 238, 0.26), 0px 6px 6px 0px rgba(220, 227, 238, 0.26);
  border-radius: 3px;
  padding: 60px 30px;
}
#standard-edition .saas-container .control .bg-container .content-container .control-title {
  font-size: 28px;
  color: #333;
  margin-bottom: 40px;
}
#standard-edition .saas-container .control .bg-container .content-container .use-steps {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin: 30px 20px;
}
#standard-edition .saas-container .control .bg-container .content-container .use-steps .step-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#standard-edition .saas-container .control .bg-container .content-container .use-steps .step-item .step-img {
  border-radius: 10px;
  background: #F4F4F4;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin-bottom: 40px;
}
#standard-edition .saas-container .control .bg-container .content-container .use-steps .step-item .step-img img {
  width: 50px;
}
#standard-edition .saas-container .control .bg-container .content-container .use-steps .step-item .step-title {
  margin-bottom: 40px;
  font-size: 24px;
  color: #333;
  display: flex;
  justify-content: center;
  align-items: center;
}
#standard-edition .saas-container .control .bg-container .content-container .use-steps .step-item .descrip {
  color: #666666;
  font-size: 18px;
  text-align: center;
  line-height: 40px;
}
#standard-edition .saas-container .connection {
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: #f6f6f6;
}
#standard-edition .saas-container .connection .connection-box {
  height: 95px;
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#standard-edition .saas-container .connection .connection-box .title {
  font-size: 20px;
  font-weight: bold;
}
#standard-edition .saas-container .connection .connection-box .input input {
  height: 40px;
  border: 2px solid #EFEFEF;
  padding: 0 15px;
  border-radius: 10px;
  outline: none;
}
#standard-edition .saas-container .connection .connection-box .submit_btn {
  padding: 10px 50px;
  color: #fff;
  border-radius: 3px;
  background: #DE2304;
  cursor: pointer;
}
#cloud-api {
  min-width: 1200px;
}
#cloud-api .cloud-container {
  position: relative;
}
#cloud-api .cloud-container .part-container {
  margin-top: 100px;
  padding-bottom: 120px;
}
#cloud-api .cloud-container .part-container h2 {
  font-size: 42px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 45px;
}
#cloud-api .cloud-container .part-container .content-container {
  width: 1200px;
  margin: auto;
}
#cloud-api .cloud-container .overview {
  background-image: url(../image/n-el-sign.png);
  background-position: bottom;
  background-repeat: no-repeat;
}
#cloud-api .cloud-container .overview .content-container {
  background: linear-gradient(0deg, #FFFFFF, #FBFDFF);
  box-shadow: 0px -6px 6px 0px rgba(220, 227, 238, 0.26), 0px 6px 6px 0px rgba(220, 227, 238, 0.26);
  border-radius: 3px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 70px 90px;
}
#cloud-api .cloud-container .overview .content-container .overview-img {
  width: 258px;
  height: 100%;
  margin-right: 100px;
}
#cloud-api .cloud-container .overview .content-container .content h3 {
  font-size: 28px;
  font-weight: 600;
  color: #333;
  margin-bottom: 30px;
}
#cloud-api .cloud-container .overview .content-container .content .article {
  color: #9B9C9C;
  font-size: 22px;
  line-height: 1.5;
  position: relative;
}
#cloud-api .cloud-container .overview .content-container .content .article .left-marks {
  position: absolute;
  top: -20px;
  left: -60px;
}
#cloud-api .cloud-container .overview .content-container .content .article .right-marks {
  position: absolute;
  bottom: -10px;
  right: -30px;
}
#cloud-api .cloud-container .overview .content-container .content .banner-try {
  float: right;
  margin-top: 105px;
  background: #EC1C1C;
  color: #fff;
  padding: 10px 45px;
}
#cloud-api .cloud-container .secure {
  padding-bottom: 0;
}
#cloud-api .cloud-container .secure .secure_content {
  margin-top: 80px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
#cloud-api .cloud-container .secure .secure_content .secure_content_item {
  width: calc((100% - 50px) / 6);
  height: 420px;
  box-sizing: border-box;
  border: 2px solid #fff;
  border-radius: 3px;
  background: url(../image/secure-bg.png) #fff no-repeat;
  background-size: 100% 100%;
  box-shadow: 0 8px 16px 0 rgba(213, 213, 213, 0.26);
  transition: all 0.5s;
  cursor: pointer;
  z-index: 5;
}
#cloud-api .cloud-container .secure .secure_content .secure_content_item.active {
  width: calc((100% - 50px) / 3 + 10px);
  z-index: 4;
}
#cloud-api .cloud-container .secure .secure_content .secure_content_item.active .secure_content_item_content {
  transform: translate(-110px, -95px);
  color: #fff;
}
#cloud-api .cloud-container .secure .secure_content .secure_content_item.active .secure_content_item_content .secure_content_item_icon {
  transform: scale(1.2);
}
#cloud-api .cloud-container .secure .secure_content .secure_content_item.active .secure_content_item_content .secure_content_item_des {
  color: #fff;
}
#cloud-api .cloud-container .secure .secure_content .secure_content_item:nth-child(1).active {
  background: url(../image/secure-abg1.png) #fff no-repeat;
  background-size: 100% 100%;
}
#cloud-api .cloud-container .secure .secure_content .secure_content_item:nth-child(2).active {
  background: url(../image/secure-abg2.png) #fff no-repeat;
  background-size: 100% 100%;
}
#cloud-api .cloud-container .secure .secure_content .secure_content_item:nth-child(3).active {
  background: url(../image/secure-abg3.png) #fff no-repeat;
  background-size: 100% 100%;
}
#cloud-api .cloud-container .secure .secure_content .secure_content_item:nth-child(4).active {
  background: url(../image/secure-abg3.png) #fff no-repeat;
  background-size: 100% 100%;
}
#cloud-api .cloud-container .secure .secure_content .secure_content_item:nth-child(5).active {
  background: url(../image/secure-abg4.png) #fff no-repeat;
  background-size: 100% 100%;
}
#cloud-api .cloud-container .secure .secure_content .secure_content_item:not(:first-child) {
  margin-left: 10px;
}
#cloud-api .cloud-container .secure .secure_content .secure_content_item .secure_content_item_content {
  padding-top: 45px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  transition: all 0.5s;
}
#cloud-api .cloud-container .secure .secure_content .secure_content_item .secure_content_item_content .secure_content_item_icon {
  width: 70px;
  height: 80px;
  transition: all 0.5s;
}
#cloud-api .cloud-container .secure .secure_content .secure_content_item .secure_content_item_content .secure_content_item_title {
  margin-top: 50px;
  font-size: 22px;
}
#cloud-api .cloud-container .secure .secure_content .secure_content_item .secure_content_item_content .secure_content_item_sec {
  margin-top: 10px;
  font-size: 14px;
}
#cloud-api .cloud-container .secure .secure_content .secure_content_item .secure_content_item_content .secure_content_item_des {
  transition: all 0.5s;
  font-size: 12px;
  color: #333333;
  white-space: nowrap;
}
#cloud-api .cloud-container .secure .secure_content .secure_content_item .secure_content_item_content .secure_content_item_des:not(:first-child) {
  margin-top: 20px;
}
#cloud-api .cloud-container .api {
  padding-bottom: 0;
}
#cloud-api .cloud-container .api .bg-container {
  background: #F4F7F7;
  padding: 50px 0;
}
#cloud-api .cloud-container .api .bg-container .content-container {
  background: rgba(255, 255, 255, 0.36);
  box-shadow: 0px -6px 6px 0px rgba(220, 227, 238, 0.26), 0px 6px 6px 0px rgba(220, 227, 238, 0.26);
  border-radius: 3px;
  padding: 60px 30px;
}
#cloud-api .cloud-container .api .bg-container .content-container .control-title {
  font-weight: 600;
  font-size: 28px;
  color: #333;
  margin-bottom: 40px;
}
#cloud-api .cloud-container .api .bg-container .content-container .use-steps {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin: 30px 20px;
}
#cloud-api .cloud-container .api .bg-container .content-container .use-steps .step-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#cloud-api .cloud-container .api .bg-container .content-container .use-steps .step-item .step-img {
  border-radius: 10px;
  background: #F4F4F4;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin-bottom: 40px;
}
#cloud-api .cloud-container .api .bg-container .content-container .use-steps .step-item .step-img img {
  width: 50px;
}
#cloud-api .cloud-container .api .bg-container .content-container .use-steps .step-item .step-title {
  margin-bottom: 40px;
  font-size: 24px;
  color: #333;
  display: flex;
  justify-content: center;
  align-items: center;
}
#cloud-api .cloud-container .api .bg-container .content-container .use-steps .step-item .descrip {
  color: #666666;
  font-size: 18px;
  text-align: center;
  line-height: 30px;
}
#cloud-api .cloud-container .open {
  background: #F4F7F7;
  padding: 50px 0;
  box-shadow: 0 8px 16px 0 rgba(213, 213, 213, 0.26) inset;
}
#cloud-api .cloud-container .open .bg-container .content-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#cloud-api .cloud-container .open .bg-container .content-container .record-list {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1%;
  flex-wrap: wrap;
}
#cloud-api .cloud-container .open .bg-container .content-container .record-list .record-item {
  width: 24%;
  background: linear-gradient(0deg, #FFFFFF, #F4F7F7);
  border: 2px solid #fff;
  box-shadow: 0px -6px 6px 0px rgba(220, 227, 238, 0.26), 0px 6px 6px 0px rgba(220, 227, 238, 0.26);
  padding: 15px 20px;
  margin-bottom: 15px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#cloud-api .cloud-container .open .bg-container .content-container .record-list .record-item img {
  width: 20px;
  height: 20px;
  margin-right: 20px;
}
#cloud-api .cloud-container .core {
  padding-bottom: 0;
}
#cloud-api .cloud-container .core .content-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
}
#cloud-api .cloud-container .core .content-container .overview-img {
  margin-right: 50px;
}
#cloud-api .cloud-container .core .content-container .content h3 {
  font-size: 28px;
  margin-bottom: 30px;
}
#cloud-api .cloud-container .core .content-container .content .second-title {
  font-size: 24px;
  color: #333;
  margin-bottom: 18px;
}
#cloud-api .cloud-container .core .content-container .content .article {
  color: #9B9C9C;
  font-size: 18px;
}
#cloud-api .cloud-container .core .content-container .content .article p {
  position: relative;
  padding-left: 40px;
}
#cloud-api .cloud-container .core .content-container .content .article p:after {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #DE2304;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
#cloud-api .cloud-container .core .content-container .content .article p:before {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #EE9181;
  left: 9px;
  top: 50%;
  transform: translateY(-50%);
}
#cloud-api .cloud-container .core .content-container .content .banner-try {
  float: right;
  margin-top: 30px;
  background: #EC1C1C;
  color: #fff;
  padding: 10px 45px;
}
#cloud-api .cloud-container .core .sign.content-container {
  display: block;
}
#cloud-api .cloud-container .core .sign.content-container .sign-title {
  text-align: left;
  font-size: 36px;
  padding-left: 15px;
  margin: 10px 0;
}
#cloud-api .cloud-container .core .sign.content-container .sign-content {
  display: flex;
  justify-content: center;
}
#cloud-api .cloud-container .core .sign.content-container .sign-content .sign-left,
#cloud-api .cloud-container .core .sign.content-container .sign-content .sign-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 40px;
}
#cloud-api .cloud-container .core .sign.content-container .sign-content .sign-left {
  width: 50%;
  height: 360px;
  position: relative;
}
#cloud-api .cloud-container .core .sign.content-container .sign-content .sign-left img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
}
#cloud-api .cloud-container .core .sign.content-container .sign-content .sign-left .left-title {
  color: #333;
  font-size: 24px;
  margin-bottom: 30px;
  z-index: 2;
}
#cloud-api .cloud-container .core .sign.content-container .sign-content .sign-left .left-content {
  width: 50%;
  color: #999;
  font-size: 16px;
  z-index: 2;
}
#cloud-api .cloud-container .core .sign.content-container .sign-content .sign-right {
  width: 50%;
  height: 360px;
  position: relative;
}
#cloud-api .cloud-container .core .sign.content-container .sign-content .sign-right img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 380px;
}
#cloud-api .cloud-container .core .sign.content-container .sign-content .sign-right .right-title {
  color: #fff;
  font-size: 24px;
  margin-bottom: 30px;
  z-index: 2;
}
#cloud-api .cloud-container .core .sign.content-container .sign-content .sign-right .right-content {
  width: 50%;
  color: #fff;
  font-size: 16px;
  z-index: 2;
}
#cloud-api .cloud-container .example {
  padding-bottom: 0;
  margin-bottom: 40px;
}
#cloud-api .cloud-container .example .bg-container {
  position: relative;
  height: 1050px;
}
#cloud-api .cloud-container .example .bg-container .bg-img {
  width: 100%;
  height: 100%;
  z-index: 1;
}
#cloud-api .cloud-container .example .bg-container .content-container {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
#cloud-api .cloud-container .example .bg-container .content-container .example-item {
  position: absolute;
  background: #fff;
  border-radius: 3px;
  border: 2px solid #fff;
  background: linear-gradient(0deg, #FFFFFF, #F4F7F7);
  text-align: center;
}
#cloud-api .cloud-container .example .bg-container .content-container .example-item.item1 {
  top: 100px;
  width: 200px;
  height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  color: #333;
}
#cloud-api .cloud-container .example .bg-container .content-container .example-item.item1 img {
  width: 65px;
  margin-bottom: 20px;
}
#cloud-api .cloud-container .example .bg-container .content-container .example-item.item2 {
  left: 300px;
  top: 60px;
  padding-top: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-size: 24px;
  color: #333;
}
#cloud-api .cloud-container .example .bg-container .content-container .example-item.item2 .item-title {
  font-size: 24px;
  color: #333;
  padding-left: 20px;
}
#cloud-api .cloud-container .example .bg-container .content-container .example-item.item2 .item2-flow {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 30px;
  padding: 20px;
}
#cloud-api .cloud-container .example .bg-container .content-container .example-item.item2 .item2-flow .flow-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#cloud-api .cloud-container .example .bg-container .content-container .example-item.item2 .item2-flow .flow-item span {
  font-size: 16px;
}
#cloud-api .cloud-container .example .bg-container .content-container .example-item.item2 .item2-flow .flow-item img {
  background: #F4F4F4;
  width: 100px;
  height: 100px;
  padding: 30px;
  margin-bottom: 10px;
}
#cloud-api .cloud-container .example .bg-container .content-container .example-item.item2 .item2-flow .flow-item .item-title {
  padding-left: 0;
  font-size: 24px;
  color: #333;
}
#cloud-api .cloud-container .example .bg-container .content-container .example-item.item3 {
  left: 930px;
  top: 100px;
  width: 150px;
  height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  color: #333;
}
#cloud-api .cloud-container .example .bg-container .content-container .example-item.item3 img {
  width: 65px;
  margin-bottom: 20px;
}
#cloud-api .cloud-container .example .bg-container .content-container .example-item.item4 {
  top: 460px;
  width: 200px;
  height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  color: #333;
}
#cloud-api .cloud-container .example .bg-container .content-container .example-item.item4 img {
  width: 65px;
  margin-bottom: 20px;
}
#cloud-api .cloud-container .example .bg-container .content-container .example-item.item5 {
  left: 300px;
  top: 460px;
  width: 150px;
  height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  color: #333;
}
#cloud-api .cloud-container .example .bg-container .content-container .example-item.item5 img {
  width: 65px;
  margin-bottom: 20px;
}
#cloud-api .cloud-container .example .bg-container .content-container .example-item.item6 {
  left: 490px;
  top: 460px;
  width: 150px;
  height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  color: #333;
}
#cloud-api .cloud-container .example .bg-container .content-container .example-item.item6 img {
  width: 65px;
  margin-bottom: 20px;
}
#cloud-api .cloud-container .example .bg-container .content-container .example-item.item6 span {
  padding: 0 20px;
}
#cloud-api .cloud-container .example .bg-container .content-container .example-item.item7 {
  left: 300px;
  top: 760px;
  width: 150px;
  height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  color: #333;
}
#cloud-api .cloud-container .example .bg-container .content-container .example-item.item7 img {
  width: 65px;
  margin-bottom: 20px;
}
#cloud-api .cloud-container .example .bg-container .content-container .example-item.item7 span {
  padding: 0 20px;
}
#cloud-api .cloud-container .example .bg-container .content-container .example-item.item8 {
  left: 680px;
  top: 760px;
  width: 150px;
  height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  color: #333;
}
#cloud-api .cloud-container .example .bg-container .content-container .example-item.item8 img {
  width: 65px;
  margin-bottom: 20px;
}
#cloud-api .cloud-container .example .bg-container .content-container .example-item.item8 span {
  padding: 0 20px;
}
#cloud-api .cloud-container .example .bg-container .content-container .example-item.item9 {
  left: 930px;
  top: 760px;
  width: 150px;
  height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  color: #333;
}
#cloud-api .cloud-container .example .bg-container .content-container .example-item.item9 img {
  width: 65px;
  margin-bottom: 20px;
}
#cloud-api .cloud-container .example .bg-container .content-container .example-item.item9 span {
  padding: 0 20px;
}
#cloud-api .cloud-container .example .bg-container .content-container .example-line1 {
  position: absolute;
  top: 340px;
  left: 550px;
}
#cloud-api .cloud-container .example .bg-container .content-container .example-line2 {
  position: absolute;
  height: 400px;
  top: 340px;
  left: 745px;
}
#cloud-api .cloud-container .example .bg-container .content-container .example-line3 {
  position: absolute;
  height: 400px;
  top: 340px;
  left: 995px;
}
#cloud-api .cloud-container .example .bg-container .content-container .example-line4 {
  position: absolute;
  top: 670px;
  left: 365px;
}
#cloud-api .cloud-container .example .bg-container .content-container .example-line5 {
  position: absolute;
  width: 120px;
  top: 680px;
  left: 450px;
}
#cloud-api .cloud-container .example .bg-container .content-container .example-line6 {
  position: absolute;
  transform: rotate(-90deg);
  top: 825px;
  left: 870px;
}
#cloud-api .cloud-container .example .bg-container .content-container .line-title1 {
  position: absolute;
  height: 145px;
  top: 465px;
  left: 987px;
  background: #fff;
  font-size: 24px;
  writing-mode: vertical-lr;
}
#cloud-api .cloud-container .example .bg-container .content-container .line-title2 {
  position: absolute;
  top: 690px;
  left: 335px;
  background: #fff;
  font-size: 24px;
}
#cloud-api .cloud-container .example .bg-container .content-container .line-title3 {
  position: absolute;
  top: 760px;
  left: 490px;
  background: #fff;
  font-size: 24px;
}
#cloud-api .cloud-container .example .bg-container .content-container .line-title4 {
  text-align: center;
  position: absolute;
  height: 145px;
  top: 790px;
  left: 850px;
  background: #fff;
  font-size: 24px;
  writing-mode: vertical-lr;
}
#cloud-api .cloud-container .connection {
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: #f6f6f6;
}
#cloud-api .cloud-container .connection .connection-box {
  height: 95px;
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#cloud-api .cloud-container .connection .connection-box .title {
  font-size: 20px;
  font-weight: bold;
}
#cloud-api .cloud-container .connection .connection-box .input input {
  height: 40px;
  border: 2px solid #EFEFEF;
  padding: 0 15px;
  border-radius: 10px;
  outline: none;
}
#cloud-api .cloud-container .connection .connection-box .submit_btn {
  padding: 10px 50px;
  color: #fff;
  border-radius: 3px;
  background: #DE2304;
  cursor: pointer;
}
#local-deployment {
  min-width: 1200px;
}
#local-deployment .local-container {
  position: relative;
}
#local-deployment .local-container .part-container {
  margin-top: 100px;
  padding-bottom: 120px;
}
#local-deployment .local-container .part-container h2 {
  font-size: 42px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 45px;
}
#local-deployment .local-container .part-container .content-container {
  width: 1200px;
  margin: auto;
}
#local-deployment .local-container .overview {
  background-image: url(../image/n-el-sign.png);
  background-position: bottom;
  background-repeat: no-repeat;
}
#local-deployment .local-container .overview .content-container {
  background: linear-gradient(0deg, #FFFFFF, #FBFDFF);
  box-shadow: 0px -6px 6px 0px rgba(220, 227, 238, 0.26), 0px 6px 6px 0px rgba(220, 227, 238, 0.26);
  border-radius: 3px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 70px 90px;
}
#local-deployment .local-container .overview .content-container .overview-img {
  width: 258px;
  height: 100%;
  margin-right: 100px;
}
#local-deployment .local-container .overview .content-container .content .article {
  color: #9B9C9C;
  font-size: 22px;
  line-height: 1.5;
  position: relative;
}
#local-deployment .local-container .overview .content-container .content .article .left-marks {
  position: absolute;
  top: -20px;
  left: -60px;
}
#local-deployment .local-container .overview .content-container .content .article .right-marks {
  position: absolute;
  bottom: -10px;
  right: 0;
}
#local-deployment .local-container .overview .content-container .content .banner-try {
  float: right;
  margin-top: 30px;
  background: #EC1C1C;
  color: #fff;
  padding: 10px 45px;
}
#local-deployment .local-container .overview .content-container.peculiarity .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 25px;
}
#local-deployment .local-container .overview .content-container.peculiarity .content h3 {
  font-size: 28px;
  font-weight: 600;
  color: #333;
  margin-bottom: 30px;
}
#local-deployment .local-container .overview .content-container.peculiarity .content .peculiarity-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#local-deployment .local-container .overview .content-container.peculiarity .content .peculiarity-item .peculiarity-button {
  width: 190px;
  padding: 15px 20px;
  border-radius: 10px;
  border: 1px solid #DE2304;
  display: flex;
  align-items: center;
  font-size: 24px;
  color: #DE2304;
  margin-right: 40px;
}
#local-deployment .local-container .overview .content-container.peculiarity .content .peculiarity-item .peculiarity-button img {
  max-height: 30px;
  max-width: 20px;
  margin-right: 15px;
}
#local-deployment .local-container .overview .content-container.peculiarity .content .peculiarity-item .peculiarity-desc {
  color: #333333;
  font-size: 20px;
  font-weight: 600;
  position: relative;
}
#local-deployment .local-container .overview .content-container.peculiarity .content .peculiarity-item .peculiarity-desc::before {
  position: absolute;
  left: -25px;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #DE2304;
  margin-right: 15px;
}
#local-deployment .local-container .overview .content-container.peculiarity1 {
  margin-top: 25px;
}
#local-deployment .local-container .overview .content-container.peculiarity1 .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #333333;
}
#local-deployment .local-container .overview .content-container.peculiarity1 .content .content-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
}
#local-deployment .local-container .overview .content-container.peculiarity1 .content .content-desc {
  color: #999999;
  font-size: 24px;
  margin-bottom: 35px;
}
#local-deployment .local-container .overview .content-container.peculiarity1 .content .content-tags {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  margin-bottom: 50px;
}
#local-deployment .local-container .overview .content-container.peculiarity1 .content .content-tags .content-tag {
  width: 120px;
  background: #DE2304;
  color: #fff;
  font-size: 14px;
  border-radius: 10px;
  padding: 8px 0;
  text-align: center;
}
#local-deployment .local-container .overview .content-container.peculiarity1 .content .content-sec-desc {
  font-size: 24px;
  font-weight: 600;
}
#local-deployment .local-container .overview .content-container.peculiarity2 {
  margin-top: 25px;
  display: flex;
  align-items: center;
}
#local-deployment .local-container .overview .content-container.peculiarity2 .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #333333;
}
#local-deployment .local-container .overview .content-container.peculiarity2 .content .content-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
}
#local-deployment .local-container .overview .content-container.peculiarity2 .content .content-desc {
  font-size: 16px;
  color: #999999;
  margin-bottom: 40px;
}
#local-deployment .local-container .overview .content-container.peculiarity2 .content .content-tags {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
}
#local-deployment .local-container .overview .content-container.peculiarity2 .content .content-tags .content-tag {
  font-size: 20px;
  font-weight: 600;
}
#local-deployment .local-container .overview .content-container.peculiarity2 .content .content-tags .content-tag img {
  width: 20px;
  margin-right: 25px;
}
#local-deployment .local-container .framework {
  padding-top: 60px;
  background: #F8F8F8;
}
#local-deployment .local-container .framework .content-container img {
  width: 100%;
}
#local-deployment .local-container .connection {
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: #f6f6f6;
}
#local-deployment .local-container .connection .connection-box {
  height: 95px;
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#local-deployment .local-container .connection .connection-box .title {
  font-size: 20px;
  font-weight: bold;
}
#local-deployment .local-container .connection .connection-box .input input {
  height: 40px;
  border: 2px solid #EFEFEF;
  padding: 0 15px;
  border-radius: 10px;
  outline: none;
}
#local-deployment .local-container .connection .connection-box .submit_btn {
  padding: 10px 50px;
  color: #fff;
  border-radius: 3px;
  background: #DE2304;
  cursor: pointer;
}
#custom-system {
  min-width: 1200px;
}
#custom-system .custom-container .part-container {
  margin-top: 100px;
  padding-bottom: 120px;
}
#custom-system .custom-container .part-container h2 {
  font-size: 42px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 45px;
}
#custom-system .custom-container .part-container .content-container {
  width: 1200px;
  margin: auto;
}
#custom-system .custom-container .overview {
  background-image: url(../image/n-el-sign.png);
  background-position: bottom;
  background-repeat: no-repeat;
}
#custom-system .custom-container .overview .content-container {
  background: linear-gradient(0deg, #FFFFFF, #FBFDFF);
  box-shadow: 0px -6px 6px 0px rgba(220, 227, 238, 0.26), 0px 6px 6px 0px rgba(220, 227, 238, 0.26);
  border-radius: 3px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 70px 90px;
}
#custom-system .custom-container .overview .content-container .overview-img {
  width: 258px;
  height: 100%;
  margin-right: 100px;
}
#custom-system .custom-container .overview .content-container .content h3 {
  font-size: 28px;
  font-weight: 600;
  color: #333;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
}
#custom-system .custom-container .overview .content-container .content h3 img {
  margin-right: 15px;
}
#custom-system .custom-container .overview .content-container .content .article {
  color: #9B9C9C;
  font-size: 22px;
  line-height: 1.5;
  position: relative;
}
#custom-system .custom-container .overview .content-container .content .article .left-marks {
  position: absolute;
  top: -20px;
  left: -60px;
}
#custom-system .custom-container .overview .content-container .content .article .right-marks {
  position: absolute;
  bottom: -10px;
  right: -30px;
}
#custom-system .custom-container .overview .content-container .content .banner-try {
  float: right;
  margin-top: 105px;
  background: #EC1C1C;
  color: #fff;
  padding: 10px 45px;
}
#custom-system .custom-container .overview .content-container.peculiarity {
  margin-bottom: 25px;
}
#custom-system .custom-container .overview .content-container.peculiarity .content h3 {
  font-size: 28px;
  font-weight: 600;
  color: #333;
  margin-bottom: 30px;
}
#custom-system .custom-container .overview .content-container.peculiarity .content p {
  color: #999999;
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 25px;
}
#custom-system .custom-container .connection {
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: #f6f6f6;
}
#custom-system .custom-container .connection .connection-box {
  height: 95px;
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#custom-system .custom-container .connection .connection-box .title {
  font-size: 20px;
  font-weight: bold;
}
#custom-system .custom-container .connection .connection-box .input input {
  height: 40px;
  border: 2px solid #EFEFEF;
  padding: 0 15px;
  border-radius: 10px;
  outline: none;
}
#custom-system .custom-container .connection .connection-box .submit_btn {
  padding: 10px 50px;
  color: #fff;
  border-radius: 3px;
  background: #DE2304;
  cursor: pointer;
}
#professional-edition .product-character {
  margin-top: 20px;
  position: relative;
  width: 100%;
}
#professional-edition .product-character .p1 {
  text-align: center;
  width: 100%;
}
#professional-edition .product-character .character-items {
  width: 100%;
  height: 270px;
}
#professional-edition .product-character .character-items ul {
  width: 100%;
  height: 270px;
}
#professional-edition .product-character .character-items li {
  width: 200px;
}
#professional-edition .product-character .character-items li img {
  max-width: 100px;
  margin: 0px 50px ;
}
#professional-edition .product-character .character-items li .p3 {
  text-align: center;
  margin-top: 20px;
}
#professional-edition .product-character .character-items li .p4 {
  text-align: center;
  margin: 20px 10px;
}
#professional-edition .product-usage {
  margin-bottom: 30px;
}
#professional-edition .product-usage .usage-step {
  position: relative;
  width: 1200px;
  height: 300px;
}
#professional-edition .product-usage .p1 {
  text-align: center;
  width: 100%;
}
#professional-edition .product-usage ul {
  width: 1200px;
  position: absolute;
  top: 0px;
  left: 0px;
  padding-right: 8px;
}
#professional-edition .product-usage .usage-step li > div {
  margin: 10px 0px 10px 35px;
  height: 50px;
  width: 102px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
#professional-edition .product-usage .usage-step li {
  margin-left: 43px;
  margin-right: 60px;
  width: 193px;
}
#professional-edition .product-usage .usage-step li .p5 {
  color: white;
  text-align: center;
}
#professional-edition .product-usage .usage-step li .p4 {
  margin: 40px 15px 0px 15px;
  line-height: 25px;
}
#professional-edition .org-management {
  margin-top: 20px;
  position: relative;
  width: 100%;
}
#professional-edition .org-management .p1 {
  text-align: center;
  width: 100%;
}
#professional-edition .org-management .management-step {
  width: 100%;
  height: 270px;
}
#professional-edition .org-management .management-step ul {
  width: 100%;
  height: 270px;
}
#professional-edition .org-management .management-step li {
  width: 230px;
}
#professional-edition .org-management .management-step li img {
  max-width: 230px;
}
#professional-edition .org-management .management-step li .p6 {
  padding-left: 10px;
  text-align: center;
  color: #290202;
  margin-top: 20px;
}
#professional-edition .auth-management,
#standard-edition .auth-management {
  margin-bottom: 30px;
}
#professional-edition .auth-management .auth-items,
#standard-edition .auth-management .auth-items {
  position: relative;
  width: 1200px;
  height: 300px;
}
#professional-edition .auth-management .auth-items > img,
#standard-edition .auth-management .auth-items > img {
  float: right;
  position: absolute;
  top: 0px;
  right: 0px;
  max-width: 400px;
}
#professional-edition .auth-management .p1,
#standard-edition .auth-management .p1 {
  text-align: center;
  width: 100%;
}
#professional-edition .auth-management #auth-items,
#standard-edition .auth-management #auth-items {
  margin-top: 30px;
  top: 0px;
  left: 0px;
  width: 800px;
}
#professional-edition .auth-management .p3,
#standard-edition .auth-management .p3 {
  font-weight: normal !important;
  margin: 40px 0px 60px 0px;
  color: #290202;
}
#professional-edition .auth-management #auth-items li,
#standard-edition .auth-management #auth-items li {
  float: left;
  width: 160px;
  list-style-type: none;
  margin: 20px 30px 20px 0px;
}
#professional-edition .auth-management #auth-items li img,
#standard-edition .auth-management #auth-items li img {
  margin-left: 10px;
  margin-top: 4px;
  float: left;
  max-width: 20px;
}
#professional-edition .auth-management #auth-items li .p4,
#standard-edition .auth-management #auth-items li .p4 {
  text-align: center;
  width: 130px;
}
#professional-edition .seal-management,
#standard-edition .seal-management {
  margin-top: 20px;
  position: relative;
  width: 100%;
}
#professional-edition .seal-management .p1,
#standard-edition .seal-management .p1 {
  text-align: center;
  width: 100%;
}
#professional-edition .seal-management .management-step,
#standard-edition .seal-management .management-step {
  width: 100%;
  height: 350px;
}
#professional-edition .seal-management .management-step ul,
#standard-edition .seal-management .management-step ul {
  width: 100%;
}
#professional-edition .seal-management .management-step li,
#standard-edition .seal-management .management-step li {
  width: 380px;
  height: 350px;
  box-shadow: 0px 0px 8px #e6e5e5;
  border-radius: 10px;
}
#professional-edition .seal-management .management-step li img,
#standard-edition .seal-management .management-step li img {
  max-width: 180px;
  margin: 30px 100px;
}
#professional-edition .seal-management .management-step li .p4,
#standard-edition .seal-management .management-step li .p4 {
  text-align: center;
  width: 300px;
  margin: 0px 40px;
  line-height: 30px;
}
#professional-edition .approval-management,
#standard-edition .approval-management {
  margin-top: 20px;
  margin-bottom: 50px;
  position: relative;
  width: 100%;
}
#professional-edition .approval-management .p1,
#standard-edition .approval-management .p1 {
  text-align: center;
  width: 100%;
}
#professional-edition .approval-management .management-step,
#standard-edition .approval-management .management-step {
  width: 100%;
  height: 350px;
}
#professional-edition .approval-management .management-step ul,
#standard-edition .approval-management .management-step ul {
  margin-top: 30px;
  width: 100%;
  height: 150px;
}
#professional-edition .approval-management .management-step li,
#standard-edition .approval-management .management-step li {
  width: 550px;
}
#professional-edition .approval-management .management-step li img,
#standard-edition .approval-management .management-step li img {
  float: left;
  max-width: 200px;
  margin: 20px;
}
#professional-edition .approval-management .management-step li .p2,
#standard-edition .approval-management .management-step li .p2 {
  width: 300px;
  float: left;
  text-align: left;
  margin-top: 20px;
  color: #310B0B;
  line-height: 30px;
}
#standard-edition_old,
#professional-edition,
#custom-system_old,
#cloud-api_old,
#local-deployment_old {
  background-image: url(../image/banner@2x.jpg);
  background-size: 100% 100% !important;
  background-repeat: repeat;
}
#standard-edition_old ul,
#professional-edition ul,
#custom-system_old ul,
#cloud-api_old ul,
#local-deployment_old ul {
  display: flex;
  justify-content: space-around;
}
#standard-edition_old .container .title,
#professional-edition .container .title,
#custom-system_old .container .title,
#cloud-api_old .container .title,
#local-deployment_old .container .title {
  text-align: center;
  width: 100%;
  margin: 40px 0px 60px 0px;
}
#standard-edition_old .container > div,
#professional-edition .container > div,
#custom-system_old .container > div,
#cloud-api_old .container > div,
#local-deployment_old .container > div {
  margin-top: 80px;
}
#standard-edition_old .p1,
#professional-edition .p1,
#custom-system_old .p1,
#cloud-api_old .p1,
#local-deployment_old .p1 {
  color: #290202;
  line-height: 50px;
  margin: 40px 0px 60px 0px;
  font-size: var(--ebq-s-l);
  font-weight: var(--ebq-w-l);
}
#standard-edition_old .p2,
#professional-edition .p2,
#custom-system_old .p2,
#cloud-api_old .p2,
#local-deployment_old .p2 {
  font-size: var(--ebq-s-s);
  font-weight: var(--ebq-w-s);
}
#standard-edition_old .p3,
#professional-edition .p3,
#custom-system_old .p3,
#cloud-api_old .p3,
#local-deployment_old .p3 {
  font-size: var(--ebq-s-d);
  font-weight: var(--ebq-w-d) !important;
  line-height: 30px;
}
#standard-edition_old .p4,
#professional-edition .p4,
#custom-system_old .p4,
#cloud-api_old .p4,
#local-deployment_old .p4 {
  font-size: var(--ebq-s-m);
}
#standard-edition_old .p5,
#professional-edition .p5,
#custom-system_old .p5,
#cloud-api_old .p5,
#local-deployment_old .p5 {
  font-size: var(--ebq-s-d);
  font-weight: var(--ebq-w-d);
}
#standard-edition_old .p6,
#professional-edition .p6,
#custom-system_old .p6,
#cloud-api_old .p6,
#local-deployment_old .p6 {
  font-size: var(--ebq-s-s);
  font-weight: var(--ebq-w-s);
}
.title-wall1 {
  width: 100%;
  height: 520px;
  background: #F2F2F2;
  opacity: 1;
}
.title-wall1 .product-title {
  top: 160px;
  position: relative;
  font-size: var(--ebq-s-l);
  font-weight: var(--ebq-w-l);
  line-height: 50px;
  font-family: Source Han Sans SC;
  color: #290202;
  -webkit-text-stroke: 0.5 #FFFFFF;
  text-stroke: 0.5 #FFFFFF;
  opacity: 1;
}
.title-wall1 .product-text {
  width: 780px;
  font-size: var(--ebq-s-m);
  font-weight: normal !important;
  line-height: 30px;
  color: #290202;
  position: relative;
  text-align: left;
  top: 220px;
  opacity: 1;
}
.title-wall1 img {
  left: 70%;
  top: 20%;
  max-width: 400px;
  position: absolute;
}
.title-wall1 .link-banner {
  left: 52%;
  /* top: 80%; */
  bottom: 25px;
  text-align: center;
  /* width: 150px; */
  position: absolute;
  padding: 5px 36px;
  border-radius: 4px;
  font-size: var(--ebq-s-m);
  font-weight: normal;
  background-color: #EC1C1C;
  color: white;
}
.title-wall1 .link-banner:hover {
  background-color: #f15f5f;
}
#standard-edition_old .product-character {
  margin-top: 20px;
  position: relative;
  width: 100%;
}
#standard-edition_old .product-character .p1 {
  text-align: center;
  width: 100%;
  font-size: var(--ebq-s-l);
  font-weight: var(--ebq-w-l);
}
#standard-edition_old .product-character .character-items {
  width: 100%;
  height: 270px;
}
#standard-edition_old .product-character .character-items ul {
  width: 100%;
  height: 270px;
}
#standard-edition_old .product-character .character-items li {
  margin-left: 50px;
  margin-right: 50px;
  width: 200px;
}
#standard-edition_old .product-character .character-items li img {
  max-width: 100px;
  margin: 0px 50px ;
}
#standard-edition_old .product-character .character-items li .p3 {
  text-align: center;
  margin-top: 20px;
  font-size: var(--ebq-s-d);
  font-weight: var(--ebq-w-d);
}
#standard-edition_old .product-character .character-items li .p4 {
  text-align: center;
  margin-top: 20px;
  line-height: 30px;
}
#standard-edition_old .product-usage {
  margin-bottom: 30px;
}
#standard-edition_old .product-usage .usage-step {
  position: relative;
  width: 1200px;
  height: 300px;
}
#standard-edition_old .product-usage .p1 {
  text-align: center;
  width: 100%;
}
#standard-edition_old .product-usage ul {
  width: 1200px;
  position: absolute;
  top: 0px;
  left: 0px;
  padding-right: 8px;
}
#standard-edition_old .product-usage .usage-step li > div {
  margin: 10px 0px 10px 35px;
  height: 50px;
  width: 102px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
#standard-edition_old .product-usage .usage-step li {
  margin-left: 43px;
  margin-right: 60px;
  width: 193px;
}
#standard-edition_old .product-usage .usage-step li .p5 {
  color: white;
  text-align: center;
}
#standard-edition_old .product-usage .usage-step li .p4 {
  margin: 40px 15px 0px 15px;
  line-height: 30px;
}
#standard-edition_old .file-sign {
  margin-bottom: 60px;
}
#standard-edition_old .file-sign .sign-method {
  position: relative;
}
#standard-edition_old .file-sign ul {
  width: 1200px;
  height: 200px;
}
#standard-edition_old .file-sign .sign-method li {
  margin: 0px 30px;
  width: 550px;
}
#standard-edition_old .file-sign .sign-method li img {
  margin: 20px 0px;
  max-width: 250px;
}
#standard-edition_old .file-sign .sign-method li .p2 {
  width: 280px;
  text-align: left;
  float: left;
  color: #310B0B;
  margin: 60px 0px;
  line-height: 30px;
}
#standard-edition_old .save-evidence {
  margin-bottom: 60px;
}
#standard-edition_old .save-evidence .p2 {
  width: 1200px;
  text-align: center;
  color: #310B0B;
  margin-top: 30px;
}
#standard-edition_old .save-evidence img {
  margin-top: 40px;
  max-width: 1200px;
}
#professional-edition .product-character {
  margin-top: 20px;
  position: relative;
  width: 100%;
}
#professional-edition .product-character .p1 {
  text-align: center;
  width: 100%;
}
#professional-edition .product-character .character-items {
  width: 100%;
  height: 270px;
}
#professional-edition .product-character .character-items ul {
  width: 100%;
  height: 270px;
}
#professional-edition .product-character .character-items li {
  width: 200px;
}
#professional-edition .product-character .character-items li img {
  max-width: 100px;
  margin: 0px 50px ;
}
#professional-edition .product-character .character-items li .p3 {
  text-align: center;
  margin-top: 20px;
}
#professional-edition .product-character .character-items li .p4 {
  text-align: center;
  margin: 20px 10px;
}
#professional-edition .product-usage {
  margin-bottom: 30px;
}
#professional-edition .product-usage .usage-step {
  position: relative;
  width: 1200px;
  height: 300px;
}
#professional-edition .product-usage .p1 {
  text-align: center;
  width: 100%;
}
#professional-edition .product-usage ul {
  width: 1200px;
  position: absolute;
  top: 0px;
  left: 0px;
  padding-right: 8px;
}
#professional-edition .product-usage .usage-step li > div {
  margin: 10px 0px 10px 35px;
  height: 50px;
  width: 102px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
#professional-edition .product-usage .usage-step li {
  margin-left: 43px;
  margin-right: 60px;
  width: 193px;
}
#professional-edition .product-usage .usage-step li .p5 {
  color: white;
  text-align: center;
}
#professional-edition .product-usage .usage-step li .p4 {
  margin: 40px 15px 0px 15px;
  line-height: 25px;
}
#professional-edition .org-management {
  margin-top: 20px;
  position: relative;
  width: 100%;
}
#professional-edition .org-management .p1 {
  text-align: center;
  width: 100%;
}
#professional-edition .org-management .management-step {
  width: 100%;
  height: 270px;
}
#professional-edition .org-management .management-step ul {
  width: 100%;
  height: 270px;
}
#professional-edition .org-management .management-step li {
  width: 230px;
}
#professional-edition .org-management .management-step li img {
  max-width: 230px;
}
#professional-edition .org-management .management-step li .p6 {
  padding-left: 10px;
  text-align: center;
  color: #290202;
  margin-top: 20px;
}
#professional-edition .auth-management,
#standard-edition_old .auth-management {
  margin-bottom: 30px;
}
#professional-edition .auth-management .auth-items,
#standard-edition_old .auth-management .auth-items {
  position: relative;
  width: 1200px;
  height: 300px;
}
#professional-edition .auth-management .auth-items > img,
#standard-edition_old .auth-management .auth-items > img {
  float: right;
  position: absolute;
  top: 0px;
  right: 0px;
  max-width: 400px;
}
#professional-edition .auth-management .p1,
#standard-edition_old .auth-management .p1 {
  text-align: center;
  width: 100%;
}
#professional-edition .auth-management #auth-items,
#standard-edition_old .auth-management #auth-items {
  margin-top: 30px;
  top: 0px;
  left: 0px;
  width: 800px;
}
#professional-edition .auth-management .p3,
#standard-edition_old .auth-management .p3 {
  font-weight: normal !important;
  margin: 40px 0px 60px 0px;
  color: #290202;
}
#professional-edition .auth-management #auth-items li,
#standard-edition_old .auth-management #auth-items li {
  float: left;
  width: 160px;
  list-style-type: none;
  margin: 20px 30px 20px 0px;
}
#professional-edition .auth-management #auth-items li img,
#standard-edition_old .auth-management #auth-items li img {
  margin-left: 10px;
  margin-top: 4px;
  float: left;
  max-width: 20px;
}
#professional-edition .auth-management #auth-items li .p4,
#standard-edition_old .auth-management #auth-items li .p4 {
  text-align: center;
  width: 130px;
}
#professional-edition .seal-management,
#standard-edition_old .seal-management {
  margin-top: 20px;
  position: relative;
  width: 100%;
}
#professional-edition .seal-management .p1,
#standard-edition_old .seal-management .p1 {
  text-align: center;
  width: 100%;
}
#professional-edition .seal-management .management-step,
#standard-edition_old .seal-management .management-step {
  width: 100%;
  height: 350px;
}
#professional-edition .seal-management .management-step ul,
#standard-edition_old .seal-management .management-step ul {
  width: 100%;
}
#professional-edition .seal-management .management-step li,
#standard-edition_old .seal-management .management-step li {
  width: 380px;
  height: 350px;
  box-shadow: 0px 0px 8px #e6e5e5;
  border-radius: 10px;
}
#professional-edition .seal-management .management-step li img,
#standard-edition_old .seal-management .management-step li img {
  max-width: 180px;
  margin: 30px 100px;
}
#professional-edition .seal-management .management-step li .p4,
#standard-edition_old .seal-management .management-step li .p4 {
  text-align: center;
  width: 300px;
  margin: 0px 40px;
  line-height: 30px;
}
#professional-edition .approval-management,
#standard-edition .approval-management {
  margin-top: 20px;
  margin-bottom: 50px;
  position: relative;
  width: 100%;
}
#professional-edition .approval-management .p1,
#standard-edition .approval-management .p1 {
  text-align: center;
  width: 100%;
}
#professional-edition .approval-management .management-step,
#standard-edition .approval-management .management-step {
  width: 100%;
  height: 350px;
}
#professional-edition .approval-management .management-step ul,
#standard-edition .approval-management .management-step ul {
  margin-top: 30px;
  width: 100%;
  height: 150px;
}
#professional-edition .approval-management .management-step li,
#standard-edition .approval-management .management-step li {
  width: 550px;
}
#professional-edition .approval-management .management-step li img,
#standard-edition .approval-management .management-step li img {
  float: left;
  max-width: 200px;
  margin: 20px;
}
#professional-edition .approval-management .management-step li .p2,
#standard-edition .approval-management .management-step li .p2 {
  width: 300px;
  float: left;
  text-align: left;
  margin-top: 20px;
  color: #310B0B;
  line-height: 30px;
}
#custom-system_old .product-character {
  position: relative;
  width: 100%;
}
#custom-system_old .product-character .p1 {
  text-align: center;
  width: 100%;
  font-size: var(--ebq-s-l);
  font-weight: var(--ebq-w-l);
}
#custom-system_old .product-character .character-items {
  width: 100%;
  height: 550px;
}
#custom-system_old .product-character .character-items ul {
  width: 100%;
  height: 270px;
}
#custom-system_old .product-character .character-items li {
  width: 320px;
}
#custom-system_old .product-character .character-items li img {
  max-width: 100px;
  margin: 0px 110px ;
}
#custom-system_old .product-character .character-items li .p3 {
  text-align: center;
  margin-top: 20px;
  font-size: var(--ebq-s-d);
  font-weight: var(--ebq-w-d);
}
#custom-system_old .product-character .character-items li .p4 {
  text-align: center;
  margin-top: 20px;
  font-size: var(--ebq-s-m);
}
#custom-system_old .product-usage {
  margin-bottom: 30px;
}
#custom-system_old .product-usage .usage-step {
  position: relative;
  width: 1200px;
  height: 300px;
}
#custom-system_old .product-usage .p1 {
  text-align: center;
  width: 100%;
  font-size: var(--ebq-s-l);
  font-weight: var(--ebq-w-l);
}
#custom-system_old .product-usage ul {
  width: 1200px;
  position: absolute;
  top: 0px;
  left: 0px;
  padding-right: 8px;
}
#custom-system_old .product-usage .usage-step li > div {
  margin: 10px 0px 10px 35px;
  height: 50px;
  width: 102px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
#custom-system_old .product-usage .usage-step li {
  margin-left: 43px;
  margin-right: 60px;
  width: 193px;
}
#custom-system_old .product-usage .usage-step li .p5 {
  color: white;
  text-align: center;
  font-size: var(--ebq-s-d);
  font-weight: var(--ebq-w-d);
}
#custom-system_old .product-usage .usage-step li .p4 {
  margin: 40px 15px 0px 15px;
  line-height: 30px;
}
#custom-system_old .main-function {
  margin-bottom: 30px;
}
#custom-system_old .main-function img {
  margin-top: 40px;
  max-width: 1200px;
}
#custom-system_old .business-entrance {
  position: relative;
  width: 1200px;
  height: 580px;
}
#custom-system_old .business-entrance .p1 {
  text-align: center;
  width: 100%;
  font-size: var(--ebq-s-l);
  font-weight: var(--ebq-w-l);
}
#custom-system_old .business-entrance .entrance-item {
  width: 360px;
}
#custom-system_old .business-entrance .entrance-item li {
  list-style-type: none;
  width: 360px;
  height: 200px;
  border-radius: 5px;
  margin: 10px 0px;
}
#custom-system_old .business-entrance .entrance-item li .p2 {
  padding: 14px;
  text-align: left;
  font-size: var(--ebq-s-m);
}
#custom-system_old .business-entrance .entrance-item li > div {
  height: 48px;
  width: 360px;
}
#custom-system_old .business-entrance .entrance-item li > div img {
  float: left;
  max-width: 30px;
  margin: 9px;
}
#custom-system_old .business-entrance .entrance-item li > div .p3 {
  padding: 10px;
  text-align: left;
  font-size: var(--ebq-s-d);
  font-weight: var(--ebq-w-d);
}
#custom-system_old .business-entrance .step-img {
  position: relative;
  width: 350px;
  margin: 0px 425px;
}
#custom-system_old .business-entrance .step-img #step-img {
  top: 40px;
  left: 0px;
  position: absolute;
  max-width: 350px;
}
#custom-system_old .contract-management {
  margin-bottom: 30px;
}
#custom-system_old .contract-management .contract-items {
  position: relative;
  width: 1200px;
  height: 300px;
}
#custom-system_old .contract-management .contract-items > img {
  float: right;
  position: absolute;
  top: 0px;
  right: 30px;
  max-width: 400px;
}
#custom-system_old .contract-management .p1 {
  text-align: center;
  width: 100%;
  font-size: var(--ebq-s-l);
  font-weight: var(--ebq-w-l);
}
#custom-system_old .contract-management #contract-items {
  margin-top: 30px;
  top: 0px;
  left: 0px;
  width: 800px;
}
#custom-system_old .contract-management .p3 {
  width: 650px;
  margin: 40px 0px ;
  font-size: var(--ebq-s-s);
  font-weight: var(--ebq-w-s);
}
#custom-system_old .contract-management #contract-items li {
  float: left;
  width: 180px;
  list-style-type: none;
  margin: 20px 30px 20px 0px;
}
#custom-system_old .contract-management #contract-items li img {
  margin-left: 10px;
  margin-top: 4px;
  float: left;
  max-width: 20px;
}
#custom-system_old .contract-management #contract-items li .p4 {
  text-align: center;
  width: 130px;
  margin: 0px;
}
#custom-system_old .report-form {
  margin-bottom: 30px;
}
#custom-system_old .report-form .form-items {
  position: relative;
  width: 1200px;
  height: 300px;
}
#custom-system_old .report-form .form-items > img {
  float: left;
  max-width: 400px;
}
#custom-system_old .report-form .p1 {
  text-align: center;
  width: 100%;
  font-size: var(--ebq-s-l);
  font-weight: var(--ebq-w-l);
}
#custom-system_old .report-form #form-items {
  float: left;
  margin-top: 30px;
  margin-left: 100px;
  width: 500px;
}
#custom-system_old .report-form .p3 {
  float: left;
  width: 650px;
  margin: 20px 0px 20px 100px;
  font-size: var(--ebq-s-s);
  font-weight: var(--ebq-w-s);
}
#custom-system_old .report-form #form-items li {
  float: left;
  width: 180px;
  list-style-type: none;
  margin: 20px 30px 20px 0px;
}
#custom-system_old .report-form #form-items li img {
  margin-left: 10px;
  margin-top: 4px;
  float: left;
  max-width: 20px;
}
#custom-system_old .report-form #form-items li .p4 {
  text-align: center;
  width: 130px;
  margin: 0px;
}
#cloud-api_old .product-character {
  position: relative;
  width: 100%;
}
#cloud-api_old .product-character .p1 {
  text-align: center;
  width: 100%;
  font-size: var(--ebq-s-l);
  font-weight: var(--ebq-w-l);
}
#cloud-api_old .product-character .character-items {
  width: 100%;
}
#cloud-api_old .product-character .character-items ul {
  width: 100%;
  height: 270px;
}
#cloud-api_old .product-character .character-items li {
  margin-left: 50px;
  margin-right: 50px;
  width: 200px;
}
#cloud-api_old .product-character .character-items li img {
  max-width: 100px;
  margin: 0px 50px ;
}
#cloud-api_old .product-character .character-items li .p3 {
  text-align: center;
  margin-top: 20px;
}
#cloud-api_old .product-character .character-items li .p4 {
  text-align: center;
  margin-top: 20px;
  line-height: 30px;
}
#cloud-api_old .file-initiate {
  margin-bottom: 30px;
}
#cloud-api_old .file-initiate .file-items {
  position: relative;
  width: 1200px;
  height: 400px;
}
#cloud-api_old .file-initiate .file-items > img {
  float: right;
  max-width: 360px;
}
#cloud-api_old .file-initiate .p1 {
  text-align: center;
  width: 100%;
  color: #290202;
  margin: 0px ;
  font-size: var(--ebq-s-l);
  font-weight: var(--ebq-w-l);
}
#cloud-api_old .file-initiate #file-items {
  float: left;
  margin: 20px 50px;
  width: 670px;
}
#cloud-api_old .file-initiate #file-items .p1 {
  width: 670px;
  text-align: left;
  color: #290202;
  font-size: var(--ebq-s-d);
}
#cloud-api_old .file-initiate #file-items li {
  float: left;
  width: 670px;
  margin: 15px 0px;
  color: #290202;
  line-height: 36px;
  font-size: var(--ebq-s-s);
  font-weight: var(--ebq-w-s);
}
#cloud-api_old .file-sign {
  position: relative;
  width: 100%;
}
#cloud-api_old .file-sign .p1 {
  text-align: center;
  width: 100%;
  font-size: var(--ebq-s-l);
  font-weight: var(--ebq-w-l);
}
#cloud-api_old .file-sign .sign-items {
  width: 100%;
}
#cloud-api_old .file-sign .sign-items ul {
  width: 100%;
}
#cloud-api_old .file-sign .sign-items li {
  border-radius: 20px;
  width: 500px;
}
#cloud-api_old .file-sign .sign-items li img {
  float: right;
  max-width: 200px;
  margin: 24px 10px;
}
#cloud-api_old .file-sign .sign-items li .p3 {
  font-size: var(--ebq-s-d);
}
#cloud-api_old .file-sign .sign-items li .p2 {
  width: 286px;
  line-height: 30px;
  margin: 5px 0px;
  font-size: var(--ebq-s-m);
}
#cloud-api_old .api_example {
  margin-bottom: 40px;
}
#local-deployment_old .product-character {
  margin-top: 20px;
  position: relative;
  width: 100%;
}
#local-deployment_old .product-character .p1 {
  text-align: center;
  width: 100%;
  font-size: var(--ebq-s-l);
  font-weight: var(--ebq-w-l);
}
#local-deployment_old .product-character .character-items {
  width: 100%;
  height: 270px;
}
#local-deployment_old .product-character .character-items ul {
  width: 100%;
  height: 270px;
}
#local-deployment_old .product-character .character-items li {
  width: 340px;
}
#local-deployment_old .product-character .character-items li img {
  max-width: 100px;
  margin: 0px 110px ;
}
#local-deployment_old .product-character .character-items li .p3 {
  text-align: center;
  margin-top: 20px;
  font-size: var(--ebq-s-d);
  font-weight: var(--ebq-w-d);
}
#local-deployment_old .product-character .character-items li .p4 {
  text-align: center;
  margin-top: 20px;
  font-size: var(--ebq-s-m);
}
#local-deployment_old .system-management {
  margin-bottom: 30px;
}
#local-deployment_old .system-management .management-items {
  position: relative;
  width: 1200px;
  height: 300px;
}
#local-deployment_old .system-management .management-items > img {
  float: left;
  max-width: 470px;
}
#local-deployment_old .system-management .p1 {
  text-align: center;
  width: 100%;
}
#local-deployment_old .system-management #management-items {
  float: right;
  width: 550px;
}
#local-deployment_old .system-management div.p2 {
  float: left;
  width: 550px;
  line-height: 30px;
  color: #290202;
}
#local-deployment_old .system-management #management-items li {
  float: left;
  width: 160px;
  list-style-type: none;
  margin-top: 30px;
}
#local-deployment_old .system-management #management-items li .p2 {
  font-weight: bold;
  padding-left: 20px;
  color: #290202;
}
#local-deployment_old .system-management #management-items li img {
  max-width: 10px;
  float: left;
  margin: 7px 0px;
}
#local-deployment_old .api-example {
  margin-bottom: 30px;
}
#local-deployment_old .api-example .api_example {
  width: 1200px;
  height: 512px;
  position: relative;
}
#local-deployment_old .api-example .api_example > img {
  max-width: 1200px;
}
#local-deployment_old .api-example .p1 {
  text-align: center;
  width: 100%;
}
#local-deployment_old .api-example .api_item {
  float: left;
  position: absolute;
  top: 240px;
  width: 600px;
}
#local-deployment_old .api-example .api_item li {
  list-style-type: none;
  margin: 15px 0px;
  width: 420px;
  float: left;
}
#local-deployment_old .api-example .api_item li img {
  margin: 4px 0px 15px 0px;
  float: left;
  max-width: 20px;
}
#local-deployment_old .api-example .api_item li .p2 {
  margin-left: 25px;
  color: #290202;
}
#local-deployment_old .network-deployment {
  margin-bottom: 30px;
}
#local-deployment_old .network-deployment .p1 {
  text-align: center;
  width: 100%;
}
#local-deployment_old .network-deployment div.p2 {
  width: 1200px;
  text-align: center;
  color: #290202;
  margin: 20px 0px;
}
#local-deployment_old .network-deployment .network_deployment > img {
  float: left;
  max-width: 1200px;
  margin: 60px 0px;
}
#smart-contract {
  min-width: 1200px;
}
#smart-contract .title-wall {
  width: 100%;
  height: 520px;
  opacity: 1;
  background-image: url(../image/n-smart_contract-banner.png);
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position-x: center;
}
#smart-contract .title-wall .content {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
#smart-contract .title-wall .content img {
  height: 50px;
  margin-bottom: 35px;
}
#smart-contract .title-wall .content h1 {
  font-size: 58px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 35px;
}
#smart-contract .title-wall .content div {
  width: 640px;
  color: #fff;
  font-size: 16px;
  margin-bottom: 35px;
}
#smart-contract .title-wall .content .banner-try {
  background: #EC1C1C;
  color: #fff;
  padding: 20px 90px;
}
#smart-contract .smart-container {
  position: relative;
}
#smart-contract .smart-container .part-container {
  margin-top: 100px;
}
#smart-contract .smart-container .part-container h2 {
  font-size: 42px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 45px;
}
#smart-contract .smart-container .part-container .content-container {
  width: 1200px;
  margin: auto;
}
#smart-contract .smart-container .overview .content-container {
  background: linear-gradient(0deg, #FFFFFF, #FBFDFF);
  box-shadow: 0px -6px 6px 0px rgba(220, 227, 238, 0.26), 0px 6px 6px 0px rgba(220, 227, 238, 0.26);
  border-radius: 3px;
  display: flex;
  justify-content: flex-start;
  padding: 70px 90px;
  position: relative;
}
#smart-contract .smart-container .overview .content-container .overview-img {
  width: 258px;
  height: 343px;
  margin-right: 100px;
  z-index: 9;
}
#smart-contract .smart-container .overview .content-container .overview-img-bg {
  width: 350px;
  height: 320px;
  position: absolute;
  left: 50px;
  top: 150px;
}
#smart-contract .smart-container .overview .content-container .content h3 {
  font-size: 28px;
  font-weight: 600;
  color: #333;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
}
#smart-contract .smart-container .overview .content-container .content h3 img {
  margin-right: 15px;
}
#smart-contract .smart-container .overview .content-container .content .article {
  color: #9B9C9C;
  font-size: 22px;
  line-height: 1.5;
}
#smart-contract .smart-container .overview .content-container .content .article p {
  font-size: 20px;
}
#smart-contract .smart-container .compare {
  background: #DAE3E3;
  padding-top: 40px;
  padding-bottom: 40px;
}
#smart-contract .smart-container .compare .content-container {
  background: linear-gradient(0deg, #FFFFFF, #FBFDFF);
  box-shadow: 0px -6px 6px 0px rgba(220, 227, 238, 0.26), 0px 6px 6px 0px rgba(220, 227, 238, 0.26);
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 60px;
  position: relative;
}
#smart-contract .smart-container .compare .content-container .overview-img {
  width: 258px;
  height: 343px;
  margin-left: 30px;
}
#smart-contract .smart-container .compare .content-container .content h3 {
  font-size: 28px;
  font-weight: 600;
  color: #333;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
}
#smart-contract .smart-container .compare .content-container .content h3 img {
  margin-right: 15px;
}
#smart-contract .smart-container .compare .content-container .content .article {
  color: #9B9C9C;
  font-size: 22px;
  line-height: 1.5;
}
#smart-contract .smart-container .compare .content-container .content .article p {
  font-size: 20px;
}
#smart-contract .smart-container .review {
  background: #fff;
  margin-top: 0;
  padding-top: 40px;
  padding-bottom: 40px;
}
#smart-contract .smart-container .review .content-container {
  background: linear-gradient(0deg, #FFFFFF, #FBFDFF);
  box-shadow: 0px -6px 6px 0px rgba(220, 227, 238, 0.26), 0px 6px 6px 0px rgba(220, 227, 238, 0.26);
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 20px 60px;
  margin-bottom: 80px;
  position: relative;
}
#smart-contract .smart-container .review .content-container .overview-img {
  width: 258px;
  height: 343px;
  margin-left: 30px;
}
#smart-contract .smart-container .review .content-container .overview-img.left {
  margin-left: 0;
  margin-right: 30px;
}
#smart-contract .smart-container .review .content-container .content h3 {
  font-size: 28px;
  font-weight: 600;
  color: #333;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
}
#smart-contract .smart-container .review .content-container .content h3 img {
  margin-right: 15px;
}
#smart-contract .smart-container .review .content-container .content .article {
  color: #9B9C9C;
  font-size: 22px;
  line-height: 1.5;
}
#smart-contract .smart-container .review .content-container .content .article p {
  font-size: 20px;
}
#smart-contract .smart-container .connection {
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: #f6f6f6;
}
#smart-contract .smart-container .connection .connection-box {
  height: 95px;
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#smart-contract .smart-container .connection .connection-box .title {
  font-size: 20px;
  font-weight: bold;
}
#smart-contract .smart-container .connection .connection-box .input input {
  height: 40px;
  border: 2px solid #EFEFEF;
  padding: 0 15px;
  border-radius: 10px;
  outline: none;
}
#smart-contract .smart-container .connection .connection-box .submit_btn {
  padding: 10px 50px;
  color: #fff;
  border-radius: 3px;
  background: #DE2304;
  cursor: pointer;
}
#smart-contract_old .info-text {
  font-size: var(--ebq-s-m) !important;
}
#smart-contract_old .info-heigh {
  height: 30px;
  line-height: 30px;
}
#smart-contract_old .custom-btn {
  padding: 10px 20px;
  background: #ec1c1c;
  outline: none;
  border: none;
  border-radius: 30px;
  color: #fff;
}
#smart-contract_old .custom-btn:hover {
  color: #fff;
  background-color: #ef5f5f;
  border: rgba(236, 28, 28, 0.7);
}
#smart-contract_old .titleII {
  font-family: PingFang SC-Regular, PingFang SC;
  color: #333333;
  margin: 0 9px 0 21px;
  font-size: var(--ebq-s-l);
  font-weight: var(--ebq-w-l);
}
#smart-contract_old .useNow {
  margin-left: 20px;
  color: #606266;
  background-color: #fff;
}
#smart-contract_old .flex {
  display: flex;
}
#smart-contract_old .row-center {
  justify-content: center;
}
#smart-contract_old .row-around {
  justify-content: space-around;
}
#smart-contract_old .column-center {
  align-items: center;
}
#smart-contract_old .flex-column {
  display: flex;
  flex-direction: column;
}
#smart-contract_old .title-txt {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 70px;
}
#smart-contract_old .title-txt span {
  display: block;
}
#smart-contract_old .title-txt .divider {
  width: 138px;
  border: 2px solid #e6eaed;
}
#smart-contract_old .title-txt .title {
  font-family: PingFang SC-Regular, PingFang SC;
  color: #999;
  margin: 0 5px;
  font-size: var(--ebq-s-l);
  font-weight: var(--ebq-w-l);
}
#smart-contract_old .action-box {
  width: 100%;
}
#smart-contract_old .action-box .action {
  width: 100%;
  height: 540px;
}
#smart-contract_old .action-box .odd {
  background-color: #f6fafd;
}
#smart-contract_old .action-box > div:nth-child(2),
#smart-contract_old .action-box > div:nth-child(4) {
  background-color: #eff2fb;
}
#landpage_ding {
  min-width: 1200px;
}
#landpage_ding .title-wall {
  width: 100%;
  height: 520px;
  background: #F2F2F2;
  opacity: 1;
}
#landpage_ding .title-wall.ding {
  background-image: url(../image/n-ding-banner.png);
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position-x: center;
}
#landpage_ding .title-wall.ding .content {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
#landpage_ding .title-wall.ding .content .logo {
  height: 50px;
  margin-bottom: 35px;
}
#landpage_ding .title-wall.ding .content h1 {
  font-size: 58px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 35px;
}
#landpage_ding .title-wall.ding .content .desc {
  width: 700px;
  color: #fff;
  font-size: 16px;
  margin-bottom: 35px;
}
#landpage_ding .title-wall.ding .content .banner-try {
  background: #EC1C1C;
  color: #fff;
  padding: 15px 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
#landpage_ding .ding-container {
  position: relative;
}
#landpage_ding .ding-container .part-container {
  margin-top: 100px;
  padding-bottom: 120px;
}
#landpage_ding .ding-container .part-container h2 {
  font-size: 42px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 45px;
}
#landpage_ding .ding-container .part-container .content-container {
  width: 1200px;
  margin: auto;
}
#landpage_ding .ding-container .overview {
  background-image: url(../image/n-el-sign.png);
  background-position: bottom;
  background-repeat: no-repeat;
}
#landpage_ding .ding-container .overview .content-container {
  background: linear-gradient(0deg, #FFFFFF, #FBFDFF);
  box-shadow: 0px -6px 6px 0px rgba(220, 227, 238, 0.26), 0px 6px 6px 0px rgba(220, 227, 238, 0.26);
  border-radius: 3px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 70px 90px;
}
#landpage_ding .ding-container .overview .content-container .overview-img {
  max-width: 300px;
  height: 100%;
  margin-right: 100px;
}
#landpage_ding .ding-container .overview .content-container .content .overview-title {
  color: #333;
  font-size: 28px;
  margin-bottom: 30px;
}
#landpage_ding .ding-container .overview .content-container .content .article {
  color: #9B9C9C;
  font-size: 22px;
  line-height: 1.5;
  position: relative;
}
#landpage_ding .ding-container .overview .content-container .content .article .left-marks {
  position: absolute;
  top: -20px;
  left: -60px;
}
#landpage_ding .ding-container .overview .content-container .content .article .right-marks {
  position: absolute;
  bottom: -10px;
  right: 0;
}
#landpage_ding .ding-container .overview .content-container .content .banner-try {
  float: right;
  width: 360px;
  background: #EC1C1C;
  color: #fff;
  padding: 15px 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  cursor: pointer;
}
#landpage_ding .ding-container .overview .content-container.peculiarity {
  margin-bottom: 30px;
}
#landpage_ding .ding-container .overview .content-container.peculiarity .content h3 {
  font-size: 28px;
  font-weight: 600;
  color: #333;
  margin-bottom: 30px;
}
#landpage_ding .ding-container .overview .content-container.peculiarity .content .second-title {
  font-size: 24px;
  color: #333;
  font-weight: 500;
  margin-bottom: 18px;
}
#landpage_ding .ding-container .overview .content-container.peculiarity .content p {
  color: #999999;
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 25px;
}
#landpage_ding .ding-container .register {
  padding-bottom: 0;
}
#landpage_ding .ding-container .register .bg-container {
  background: #F4F7F7;
  padding: 40px 0;
}
#landpage_ding .ding-container .register .bg-container .content-container {
  padding: 20px 30px;
  background: #F7F9FA;
  box-shadow: 0px -6px 6px 0px rgba(220, 227, 238, 0.26), 0px 6px 6px 0px rgba(220, 227, 238, 0.26);
}
#landpage_ding .ding-container .register .bg-container .content-container h3 {
  color: #333333;
}
#landpage_ding .ding-container .register .bg-container .content-container .use-steps {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin: 30px 20px;
}
#landpage_ding .ding-container .register .bg-container .content-container .use-steps .step-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#landpage_ding .ding-container .register .bg-container .content-container .use-steps .step-item .step-img {
  border-radius: 10px;
  background: #F4F4F4;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin-bottom: 40px;
}
#landpage_ding .ding-container .register .bg-container .content-container .use-steps .step-item .step-img img {
  width: 50px;
}
#landpage_ding .ding-container .register .bg-container .content-container .use-steps .step-item .step-title {
  margin-bottom: 40px;
  font-size: 24px;
  color: #333;
  display: flex;
  justify-content: center;
  align-items: center;
}
#landpage_ding .ding-container .register .bg-container .content-container .use-steps .step-item .step-title .step-icon {
  border-radius: 50%;
  line-height: 30px;
  width: 30px;
  height: 30px;
  text-align: center;
  border: 1px solid #FF0000;
  margin-right: 10px;
}
#landpage_ding .ding-container .register .bg-container .content-container .use-steps .step-item .descrip {
  color: #666666;
  font-size: 18px;
  text-align: center;
  line-height: 40px;
}
#landpage_ding .ding-container .register .bg-container .content-container .use-steps .step-item .banner-try {
  float: right;
  margin-top: 10px;
  background: #EC1C1C;
  color: #fff;
  padding: 10px 35px;
  cursor: pointer;
}
#landpage_ding .ding-container .record {
  padding-bottom: 0;
}
#landpage_ding .ding-container .record .bg-container {
  background: #DAE3E3;
  padding: 50px 0;
}
#landpage_ding .ding-container .record .bg-container .content-container {
  background: #F6F6F6;
  box-shadow: 0px -6px 6px 0px rgba(220, 227, 238, 0.26), 0px 6px 6px 0px rgba(220, 227, 238, 0.26);
  border-radius: 3px;
  padding: 60px 30px;
}
#landpage_ding .ding-container .record .bg-container .content-container .record-title {
  font-weight: 600;
  font-size: 28px;
  color: #333;
  margin-bottom: 25px;
}
#landpage_ding .ding-container .record .bg-container .content-container .record-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-right: 30px;
}
#landpage_ding .ding-container .record .bg-container .content-container .record-box .record-content {
  margin-right: 20px;
}
#landpage_ding .ding-container .record .bg-container .content-container .record-box .record-content .record-desc {
  color: #999999;
  font-size: 20px;
  margin-bottom: 40px;
}
#landpage_ding .ding-container .record .bg-container .content-container .record-box .record-content .record-list .record-item {
  background: linear-gradient(0deg, #FFFFFF, #F4F7F7);
  border: 2px solid #fff;
  box-shadow: 0px -6px 6px 0px rgba(220, 227, 238, 0.26), 0px 6px 6px 0px rgba(220, 227, 238, 0.26);
  padding: 15px 20px;
  margin-bottom: 15px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#landpage_ding .ding-container .record .bg-container .content-container .record-box .record-content .record-list .record-item span {
  color: #FF0000;
}
#landpage_ding .ding-container .record .bg-container .content-container .record-box .record-content .record-list .record-item img {
  width: 20px;
  height: 20px;
  margin-right: 20px;
}
#landpage_ding .ding-container .control {
  padding-bottom: 0;
}
#landpage_ding .ding-container .control .bg-container {
  background: #F4F7F7;
  padding: 50px 0;
}
#landpage_ding .ding-container .control .bg-container .content-container {
  background: rgba(255, 255, 255, 0.36);
  box-shadow: 0px -6px 6px 0px rgba(220, 227, 238, 0.26), 0px 6px 6px 0px rgba(220, 227, 238, 0.26);
  border-radius: 3px;
  padding: 60px 30px;
}
#landpage_ding .ding-container .control .bg-container .content-container .control-title {
  font-weight: 600;
  font-size: 28px;
  color: #333;
  margin-bottom: 40px;
}
#landpage_ding .ding-container .control .bg-container .content-container .use-steps {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin: 30px 20px;
}
#landpage_ding .ding-container .control .bg-container .content-container .use-steps .step-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#landpage_ding .ding-container .control .bg-container .content-container .use-steps .step-item .step-img {
  border-radius: 10px;
  background: #F4F4F4;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin-bottom: 40px;
}
#landpage_ding .ding-container .control .bg-container .content-container .use-steps .step-item .step-img img {
  width: 50px;
}
#landpage_ding .ding-container .control .bg-container .content-container .use-steps .step-item .step-title {
  margin-bottom: 40px;
  font-size: 24px;
  color: #333;
  display: flex;
  justify-content: center;
  align-items: center;
}
#landpage_ding .ding-container .control .bg-container .content-container .use-steps .step-item .descrip {
  color: #666666;
  font-size: 18px;
  text-align: center;
  line-height: 30px;
}
#landpage_ding .ding-container .connection {
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: #f6f6f6;
}
#landpage_ding .ding-container .connection .connection-box {
  height: 95px;
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#landpage_ding .ding-container .connection .connection-box .title {
  font-size: 20px;
  font-weight: bold;
}
#landpage_ding .ding-container .connection .connection-box .input input {
  height: 40px;
  border: 2px solid #EFEFEF;
  padding: 0 15px;
  border-radius: 10px;
  outline: none;
}
#landpage_ding .ding-container .connection .connection-box .submit_btn {
  padding: 10px 50px;
  color: #fff;
  border-radius: 3px;
  background: #DE2304;
  cursor: pointer;
}
#landpage_ding .ding-q-r {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 10px 20px;
  background-color: #fff;
  border-radius: 4px;
  z-index: 1;
  box-shadow: 0px 0px 4px 2px #ccc;
}
#landpage_ding_old {
  position: relative;
}
#landpage_ding_old .info-box {
  background-image: url(../image/bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 79px 300px 258px 322px;
}
#landpage_ding_old .info-box .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#landpage_ding_old .info-box .item .item-info .title-info {
  width: 410px;
  height: 50px;
  font-size: 36px;
  font-family: SourceHanSansCN-Regular;
  font-weight: normal;
  color: #000000;
  line-height: 27px;
}
#landpage_ding_old .info-box .item .item-info .title-info-ii {
  width: 490px;
  font-size: 18px;
  font-family: SourceHanSansCN-Regular;
  font-weight: normal;
  color: #414141;
  line-height: 27px;
}
#landpage_ding_old .info-box .item .first {
  width: 591px;
  height: 464px;
}
#landpage_ding_old .info-box .item .second {
  width: 489px;
  height: 414px;
}
#landpage_ding_old .ban1 {
  width: 100%;
  height: 674px;
}
#landpage_ding_old .ban1 .ban1-info {
  padding: 143px 0 0 323px;
}
#landpage_ding_old .ban1 .ban1-info .title {
  margin: 40px 0 36px 0;
  font-size: 50px;
  font-family: SourceHanSansCN-Bold;
  font-weight: normal;
  line-height: 94px;
}
#landpage_ding_old .ban1 .ban1-info .title .title-bo {
  width: 14.66px;
  height: 27px;
}
#landpage_ding_old .ban1 .ban1-info .title .bo-left {
  vertical-align: top;
}
#landpage_ding_old .ban1 .ban1-info .title .bo-right {
  vertical-align: bottom;
}
#landpage_ding_old .ban1 .ban1-info .titleII {
  width: 648px;
  height: 83px;
  font-size: 24px;
  font-family: SourceHanSansCN-Regular;
  font-weight: normal;
  color: #5E5E5E;
  line-height: 40px;
}
#landpage_ding_old .ban1-bg {
  background-image: url(../image/banner1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
#landpage_ding_old .install-btn {
  border: none;
  outline: none;
  border-radius: 4px;
  background-color: var(--ebq-red);
  cursor: pointer;
}
#landpage_ding_old .install-btn:hover {
  background-color: rgba(236, 28, 28, 0.7);
}
#landpage_ding_old .install-btn .install {
  padding: 9px 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
#landpage_ding_old .ding-q-r {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 10px 20px;
  background-color: #fff;
  border-radius: 4px;
  z-index: 1;
  box-shadow: 0px 0px 4px 2px #ccc;
}
#landpage_ding_old .close-icon {
  margin: 5px 0;
  text-align: right;
  cursor: pointer;
}
#landpage_ding_old .close-icon:hover {
  color: var(--ebq-red);
}
#product_notice {
  position: relative;
}
#product_notice .help-wrap {
  width: 100%;
  min-height: 100vh;
}
#product_notice .photo-wall {
  width: 100%;
  height: 275px;
  background: url(../image/new-banner.png) no-repeat center center;
  background-size: cover;
  z-index: 999;
}
#product_notice .search-box {
  height: 215px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  top: 60px;
  z-index: 1000;
}
#product_notice .search-box .search-box-title {
  font-size: 30px;
  color: #fff;
  margin-bottom: 37px;
  cursor: default;
}
#product_notice .search-box .search-box-row {
  position: relative;
}
#product_notice .search-box .search-box-row:hover .search-input-close,
#product_notice .search-box .search-box-row:focus .search-input-close {
  display: inline-block;
}
#product_notice .search-box .search-box-row .search-input-icon {
  position: absolute;
  top: 16px;
  left: 25px;
  user-select: none;
  -webkit-user-drag: none;
  width: 18px;
  height: 18px;
}
#product_notice .search-box .search-box-row .search-input-close {
  display: none;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 16px;
  right: 110px;
  cursor: pointer;
  -webkit-user-drag: none;
}
#product_notice .search-box .search-box-row .search-box-input {
  height: 50px;
  width: 525px;
  outline: none;
  box-shadow: none;
  padding-left: 50px;
  font-size: 16px;
  color: #777777;
}
#product_notice .search-box .search-box-row .search-box-btn {
  background: #EC1C1C;
  color: #fff;
  font-size: 16px;
  width: 100px;
  border: none;
  height: 50px;
  outline: none;
  vertical-align: top;
  margin-left: -5px;
}
#product_notice .container {
  width: 100% !important;
  position: absolute;
  top: 60px;
  left: 0;
  z-index: 100;
  background: none;
}
#product_notice .content {
  width: 1200px;
  margin: 0 auto;
}
#product_notice .content .app-crumbs {
  margin-top: 255px;
  margin-bottom: 10px;
}
#product_notice .content .app-crumbs p > .active {
  color: #EC1C1C;
}
#product_notice .content .content-box {
  display: flex;
  position: relative;
}
#product_notice .content .content-box .left-menu {
  height: 100%;
  width: 260px;
  background: #FAFAFC;
  box-shadow: 0px 2px 10px 1px rgba(103, 103, 103, 0.16);
  position: sticky;
  top: 70px;
}
#product_notice .content .content-box .left-menu .fir .title-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#product_notice .content .content-box .left-menu .fir.active .fir-title {
  cursor: pointer;
}
#product_notice .content .content-box .left-menu .fir.active .fir-title img {
  transform: rotate(90deg);
}
#product_notice .content .content-box .left-menu .fir.active .sec-menu {
  display: block;
}
#product_notice .content .content-box .left-menu .fir .fir-title {
  padding: 16px 28px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#product_notice .content .content-box .left-menu .fir .fir-title:hover {
  cursor: pointer;
}
#product_notice .content .content-box .left-menu .fir .sec-menu {
  display: none;
}
#product_notice .content .content-box .left-menu .fir .sec-menu .sec.active .sec-title {
  cursor: pointer;
  background: #FFECEF;
  color: #EC1C1C;
}
#product_notice .content .content-box .left-menu .fir .sec-menu .sec:hover .sec-title {
  cursor: pointer;
  background: #FFECEF;
  color: #EC1C1C;
}
#product_notice .content .content-box .left-menu .fir .sec-menu .sec .sec-title {
  font-size: 14px;
  color: #808080;
  padding: 16px 28px 16px 48px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#product_notice .content .content-box .left-menu .expand {
  width: 14px;
  height: 14px;
}
#product_notice .content .content-box .detail-box {
  flex: 1;
  margin-left: 42px;
  max-width: 900px;
  overflow: hidden;
}
#product_notice .content .content-box .detail-box .detail-content-title {
  font-size: 18px;
  color: #323232;
  font-weight: bold;
}
#product_notice .content .content-box .detail-box .detail-content-time {
  font-size: 14px;
  color: #9A9A9A;
  margin-bottom: 30px;
}
#product_notice .content .content-box .detail-box .detail-content-content {
  color: #290202;
}
#product_notice .content .content-box .detail-box img {
  width: 100%;
}
#product_notice .content .content-box .detail-box .bottom-row {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#product_notice .content .content-box .detail-box .bottom-row a {
  max-width: 50%;
}
#product_notice .content .content-box .detail-box .bottom-row a div {
  white-space: nowrap;
}
#product_notice .content .content-box .detail-box .bottom-row a div span {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#product_notice .content .content-box .detail-box .bottom-row div {
  cursor: pointer;
  display: flex;
  align-items: center;
}
#product_notice .content .content-box .detail-box .bottom-row img {
  width: 14px;
  height: 14px;
}
#product_notice .ad-right {
  position: fixed;
  width: 82px;
  z-index: 1000;
  top: 35%;
  right: 0;
  cursor: pointer;
  background: none;
}
#product_notice .ad-right .top {
  margin-bottom: 10px;
  position: relative;
}
#product_notice .ad-right .top .item {
  width: 82px;
  height: 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAABGCAMAAABotTMkAAAARVBMVEUAAAAAAAAAAAAfAAAmAAAkAAAjAAAhAAAjAAAoAAAnAAAmAAAkAAAmAAAlAAAnAAAmAAAmAAAlAAAnAAAmAAAmAAAoAAAGsjI/AAAAF3RSTlMAAQIZGxwdHywtLi8yNT5BQ0RFSElKTYtqx8wAAAB3SURBVFjD7di5FYAwEAPRxQZzg7m2/1I5YsJxpingP8Uye6visBwO9YFtdrBX7N1hEhYfsnGaDDtO4iPdJp5cefLkSRcpUqRIkSJFihQpUqRIkSJFivwlD54scJcUOHVqngwZJy3ypHU8WY04aZY2nLSQ5v2iyBumCulZRKLRHQAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%;
  border-radius: 10px 0 0 10px;
  margin-bottom: 10px;
  position: relative;
}
#product_notice .ad-right .top .item p {
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  line-height: 24px;
}
#product_notice .ad-right .top .item .icon-1 {
  width: 23px;
  height: 24px;
  display: inline-block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADWklEQVRYR8WWS8iVZRSFnyVeGqXOrIgU8hYSBTmQQgstFEkbeMEulCB0wYpCMAjSpEFlgiLeKMjQgeBABQdhAxEjCgySiuwCaVQahKUiaVYrlr6ffb+d//zn//4j7uF33rP32utde71bXOPQNa5PvwHYvgu4A7gJGAWcBY4D3wEHJZ3sT1MdAbA9BHgceAG4rU2B88A2YLWkbzoB0icA21OAd0rhX4HtwD7gQ0lnUsR2QE0FFgL3AhcCAnhV0p/tgLQFYDsdvwX8BrwMvNtXQtsTgTXALOBTYLakX3oD0SsA288B64CvgQck/dAJpdUZ26+EAeBLYErF1pU5WgKwPRn4CDgCzGjXQTtQtpcDrwNbJS1udfZ/AGwPKtRNiNolhYHGYXs3MAe4T9KBPhmw/UgR2ipJKxpXLn+0nXH9FjgsKYLuEa0YOAjcCdwo6fRAAZQp2QQ8Bdwu6fN6zh4AbA8Hfgd2SlrQjeIFQEZzP7Bc0pvtANxfZvwZSUHdlbA9rDjmLknzWwIodxXVPgs8KGlvV6r/p4Wj8SzgUeATSX/lp4tXYPv5Mi7XlfNxvHmtVNtfULYHx8BK4ervn5Umf5Tt2UC6zWMS44kOXionx0o60d+i9fO2Y8nLgI+BPcAtRZCHJE0OgLeBJcAYSaEpjDxRUC+TFFttHLZj42F0YkW77TCSGqMDII/LNEk3V1Vs31pmd6Wk2GnjsJ173y7psVr+NJzGJ1QA7pY0pnZgNPA90C0APay4xvBlANMl3VADEBv+qosAdkhaVMv/JLC5YmAj8HTx/cO1qVgLLJW0oTH/l/SUbSk+ME5StJBvu4CHslXlCu4pLhUH3AqMKAKphJPvjcN29ojXgGNlW8pKNxN4X9KsygfmFVGkeCLP8CJJmdcBhe1M0YvAP0Be2kTGfnEYufwW2I4JZdk8143Cheq5QJ7jvIbTgPHA0Wrcc6bPnbBp+7bD6nulxlRJh1rlGhAA2+nohKRTNYVfX2w9wv4DmCvpg94aaQSgXFeSRsDnis9HZA8XAY/MApLvkr5ox2JTAJWTVbnrAvsZeAPYWFnv1QCwFFhfS5zdP/6ex2afpL871U5TBjKuWd0mAXnXY1hbOi1aP9cIQBmxoWWsTkr6qUnxqzqGnQL6F82bU8/u0AChAAAAAElFTkSuQmCC) no-repeat;
  background-size: 100% 100%;
}
#product_notice .ad-right .top .item .icon-3 {
  width: 23px;
  height: 24px;
  display: inline-block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAA4VBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+sqgLzAAAASnRSTlMABAYICQwOFBcYHCAjJCcoKywvMDIzNDU4PD9AQ0RHTlBTWFtcX2Nnb3N3e3+HiouTl5+nqauvs7W3u7/Dx8vP09fb3+Pn6/P3+wTD4MYAAAExSURBVDjLrZPbVoJAFIbHEA3NzNDSSjuoRSgdqCyTVFTE+d//gRoYjs2s1Y1zM//M9+29YbEgZG+r1Ow1SzwWT7vnh39wa0oB0O8WIUeTHYtwrrLcoKDz2YIpxq0PuLMfJj2n/B7UKrO9ajMFkwaLqumnRm1Hb+JWaWHbRy+KNkZJM/sziQMseDjYbZXkVtPTyUvwgw5b/uZjmOF+jbFcGMCKhJFcuMNTuJ/hVS6YUesi3RakgoMuD1M8yPgF4kId/onIVRdGnC14xwJ3ME8nv2GjCdzLXBU+4OaMwhRePXcxyRmsIM/Dlqkh4TlDyvljqxneEIyyC0dNeAcVwdACg3E/KL5ElUgNxjtE6Q8tPA77wjeqeAg4qa/WHjbrlTil9v7V5kk6Irv+FbQXZU8/9S9cVTNq4CO1vgAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%;
}
#product_notice .ad-right .top .item .ad-popup {
  position: absolute;
  width: 415px;
  left: -390px;
  display: none;
  cursor: default;
}
#product_notice .ad-right .top .item .ad-popup .ad-popup-content {
  width: 100%;
  border-radius: 4px;
  background: url(../image/dialogBg.png) no-repeat;
  background-size: 100% 100%;
}
#product_notice .ad-right .top .item .ad-popup .popup-row {
  padding: 2px 0;
}
#product_notice .ad-right .top .item .ad-popup .popup-row .cont {
  display: flex;
  align-items: center;
  margin: 21px 0;
}
#product_notice .ad-right .top .item .ad-popup .popup-row .cont:hover span,
#product_notice .ad-right .top .item .ad-popup .popup-row .cont:hover p {
  color: #Ec1C1C !important;
}
#product_notice .ad-right .top .item .ad-popup .popup-row .cont .icon-tel {
  width: 30px;
  height: 24px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAZCAMAAAAR624oAAABQVBMVEUAAADVAAD/AADbAAD/AADfAADjAADfEBDjDg7mGhrrFBTnGBjwFxfrFBTyGxvrGhryGhrsGRntGBjnGBjpHBzqGxvmGRntGhrqGRnrHBzsFxfpGhrpGRntGRnrGxvrGhrsGhrtGxvqGhrrGhrsHBzqGxvuHBzsGBjtGRnrGxvrGxvsGhrtGhrtHBzrGhrqGxvuGxvsGxvsGhrrGxvsHBzrGxvrGxvrGxvtGhrqGxvsGxvsGxvsHBzsHBzsHBzrGxvrGxvrGhrrHBzrGxvsHBzrHBzrHBzrGxvtGxvsGxvsHBzsGxvsHBzrGxvrGxvsGxvsHBzrGxvsGxvsGxvsGxvsGxvsGxvrHBzsGxvsGxvsGxvsHBzrGxvsGxvrGxvsGxvrGxvrGxvrHBzsHBzrHBzsHBzsHBzsGxvsGxvsGxvsHBw3TxX2AAAAanRSTlMABgYHBwgJEBIUGiAiJiYnJykqKy4wNDo8QEJFRkdMTU9UV1hcYGZpcHJzd39/gIOFhoiOk5eYmZuho6utrq+xtLe3v7/AwcPFx8nKy8/Q0tLY2d/g4ePn6Ort7/Ly8/P19vf3+Pn6+/3+WM51LgAAAT5JREFUGBl1wYdWE0EAhtFPdF2pihQJRRSlShSklwRYJ8YKwlAEFUgAE/73fwCyM0tOwiH3kmgbmcnsWFXYnczMSBs1Omet7rCznXgdWd0r20HF2JUSv3/l8/kve+dKXI3BR3n/ltpJ9G9cyPvAqZyz59ToO5dzirx5eLH1w9l6BvPykJem5VKJv49Jy0NemilVvSYtDznlSVZUtUjfWVkxpHJhbxzIqSoHPJo+/i+x+z4gNqQaPThvtkm8U51X1Fm4Vp3yBDXWpc9BMLgfBIGeBsG+dD3HrYefJBWtPSpZa3VobUkVm3hN27rX9yZia4rlw/DlQRiG6g7DAznLVDwpKfbHmJ9FY4y+GlOUU3oAdKmhViAlx0DKAmoFK68XGJBzEkXfClEUKRdFBXkpYFQNDQOjaugt0LxqGlgNuQGb29AQOTj1AwAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%;
  margin: 0 30px 0 40px;
}
#product_notice .ad-right .top .item .ad-popup .popup-row .cont .icon-service {
  height: 30px;
  width: 30px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAgCAMAAAAynjhNAAABnlBMVEUAAAAAAAD/AAD/AACqAAC/AAD/AADMAADVAAD/AADbAAD/AADfAADqAADqFRXbEhLdERHuERHjDg7nGBj0FRXtGhrnGBjvGBjpFxfwFxfqFRXrGhrsGhrsGRntGBjuFxfuFhbvFhbvGxvqGhrrGRnpGxvtGhruGhruGRnqGRnuGRnrGBjrGBjrHBzvGBjsFxfsGxvqGRnuGBjuHBzuGxvrGhrsGRntGxvqGxvrGhrsGxvqGxvtGhrtGhrqGhrtGhrtGRntHBzsGhrsGhrtHBzrGxvtGxvrGxvrGhrtGhrrGhrsGhrsGxvtGhrtGhrtHBzrHBztHBzqGxvsGxvsGxvsGhrtGxvrGhrrGhrsGxvsGxvsGxvsHBzsHBzrGxvsGxvrGxvrGhrtHBzsHBzsGxvrGxvsGxvsGxvsHBzrGxvrHBzrGxvrGxvtGxvsGxvsHBzsGxvrGxvrGxvsHBzsHBzsGxvsGxvsGxvrGxvsGxvsGxvsGxvsGxvsHBzsGxvsGxvrGxvrGxvsHBzrHBzsHBzsHBzsGxvsGxvsGxvsHBxcuuI7AAAAiXRSTlMAAQECAwQEBQYGBwcIDAwODw8SFRgdICAiIiUnKCkqLS4vMDE0OTo7PD09P0BAQUNDSElKS01SVFVaX2BhYmNjZWVrbW9ycnN0dHV2eX5/f4GBhISFh42bnJ+gqq+ws7O1t7e4ur29vr/AwMPExMnJzc7R09TX2Nnb29/h4+Xo7fL09/j5+vz9/gYWZiIAAAFWSURBVBgZfcEJIxQBAIbhL9aRsCgkQhEpapVSNmcHlXMcydEh1ZZaRMoUiVX7/ut2JmZnrJ3nUVLp4BsTzBcDZ5Tq9AyOZ8U6IrRD/O2TlrKyqwNR+NUgjxuweUkHmkxiV+RSEeO1lHn3eSQy056lk0v8LlfSO75JbT+w/bym3HXmdKhoililOnDcVt0fxoOyFa7AF13ApUbrEM2TpROYDmzgspw5B3TI8h54WIrHOQOYleUrEL6Mx00DiMqyBIS78bhjALOy9ADhEB63DKBblsIVCJ/Fo9qA1TzZSsYjrdlbuGzmdC2OBeXSgkujjsoYwvFIqU707WLbu6djFQxGTPPj4yKlyA/JozlHLte/M39ejtpXrDXqUGCChPiH+7WSTtX3f/pLwlP9F5gmKY5jUrY+0uhVwkXS2a+S9Jm0FqQ6fFRpFB/DWsbHS23jwxR+TI34efAPqlMyhfaNhA0AAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
  margin: 0 30px 0 40px;
}
#product_notice .ad-right .top .item .ad-popup .popup-row .cont .icon-QQ {
  width: 29px;
  height: 30px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAfCAMAAAAshTY2AAAAwFBMVEUAAAC/AADfAADqFRXfEBDmGhr0FhbqFRXsHBzwFhbqFRXsGhroFxfqGxvuGhrsGxvpGhrtGRnqGRnrGxvtGRnqGxvuGRnsGRnsGxvtGhrsGhrtHBztGxvsGxvtGhrtHBztGxvsGhrrGxvsHBzsGxvtHBzsGxvsGxvtGxvsGxvsHBzrGhrrHBzsGxvrGxvsGxvsHBzrGxvsHBzsHBzsGxvsGxvsGxvrHBzsHBzrGxvsHBzrGxvsGxvrHBzsGxvsHBwwaxpAAAAAP3RSTlMABAgMEBQXGBsjJCgsMDtDREdITFNUW1xfY2tvc3t/f4OHj5OXm5+jp6uvt7e7v7+/w8vT19/j5+fr7/Pz9/u64tD3AAAA3UlEQVQYGXXBiVqCQBgF0AtUGmHZ7paVIoZiK1JMxX3/t/IDRxT45xzsnTysEjJ9HZ+iwZr8cydso8oOeSA9R8WcFcrFgRvWfGDPSVl3gVKfDXOUlmxQKCk2daDZFFxD61EQQvMpcVGwfim5RcGh6Aw5a0JRD7kpZeoYwB1NngH7hybqCAOa9bGk2QLfNItBphkN1lAcRZR8LfiJ4AldSgbe3xC5FzatbbRQcN5Yl11h5zJgXRa0sdWlJPVQGFH0iEJHUcv8WUwtcbHVGkcJmcVTF4A3nEXvK//eAbABBlGgOqFUO0QAAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
  margin: 0 30px 0 40px;
}
#product_notice .ad-right .top .item .ad-popup .popup-row .cont .icon-shiyong {
  width: 34px;
  height: 29px;
  background: url(../image/shiyong.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 30px 0 40px;
}
#product_notice .ad-right .top .item .ad-popup .popup-row .icon-gzh {
  width: 126px;
  height: 126px;
  margin: 25px 20px 0px 45px;
  background: url(../image/wxgzh.png) no-repeat;
  background-size: 100% 100%;
}
#product_notice .ad-right .top .item .ad-popup .popup-row .icon-xcx {
  width: 126px;
  height: 126px;
  margin: 0px 20px 25px 45px;
  background: url(../image/wxxcx.png) no-repeat;
  background-size: 100% 100%;
}
#product_notice .ad-right .top .item .ad-popup .popup-row .icon-azqy {
  width: 126px;
  height: 126px;
  margin: 25px 20px 25px 45px;
}
#product_notice .ad-right .top .item .ad-popup .popup-row .attent {
  display: flex;
  align-items: center;
  cursor: default;
}
#product_notice .ad-right .top .item .ad-popup .popup-row .attent span {
  font-size: 18px;
  color: #290202;
}
#product_notice .ad-right .top .item .ad-popup .popup-row .attent p {
  width: 155px;
  line-height: 20px;
  font-size: 14px;
  color: rgba(41, 2, 2, 0.65);
  margin-top: 20px;
}
#product_notice .ad-right .top .item .tel {
  top: 0;
  margin-left: -25px;
}
#product_notice .ad-right .top .item .online {
  top: -174px;
}
#product_notice .ad-right .top .item:hover {
  background: #EC1C1C;
}
#product_notice .ad-right .top .item:hover p {
  color: white;
}
#product_notice .ad-right .top .item:hover .ad-popup {
  display: block;
  top: -32px;
}
#product_notice .contacts {
  width: 100%;
  height: 200px;
  padding: 35px 0;
  color: rgba(255, 255, 255, 0.65);
  background: url(../image/bottomBg.png) center center;
  background-size: 100% 100%;
  margin-top: 40px;
}
#product_notice .contacts a {
  color: rgba(255, 255, 255, 0.65);
}
#product_notice .contacts a:hover {
  color: #ffffff;
}
#product_notice .contacts .main {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#product_notice .contacts .main .mainItems {
  width: 305px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#product_notice .contacts .main .mainItems > img {
  width: 130px;
  height: 100%;
}
#product_notice .contacts .main .mainItems .items {
  width: 155px;
  height: 100%;
  padding: 7px 0;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#product_notice .contacts .main .mainItems .items div {
  display: flex;
  align-items: center;
}
#product_notice .contacts .main .mainItems .items img {
  width: 18px;
  height: 18px;
  margin-right: 16px;
}
#product_notice .contacts .main .mainItems .items p {
  height: 62px;
  line-height: 36px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.64);
}
#product_notice .footer {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.65);
  background: #EC1C1C;
}
#blockchain {
  min-width: 1200px;
}
#blockchain .title-wall {
  width: 100%;
  height: 520px;
  opacity: 1;
  background-image: url(../image/n-blockchain-banner.png);
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position-x: center;
}
#blockchain .title-wall .content {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
#blockchain .title-wall .content img {
  height: 50px;
  margin-bottom: 35px;
}
#blockchain .title-wall .content h1 {
  font-size: 58px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 35px;
}
#blockchain .title-wall .content div {
  width: 840px;
  color: #fff;
  font-size: 16px;
  margin-bottom: 35px;
}
#blockchain .title-wall .content .banner-try {
  background: #EC1C1C;
  color: #fff;
  padding: 20px 90px;
}
#blockchain .blockchain-container {
  position: relative;
}
#blockchain .blockchain-container .part-container {
  margin-top: 100px;
}
#blockchain .blockchain-container .part-container h2 {
  font-size: 42px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 45px;
}
#blockchain .blockchain-container .part-container .content-container {
  width: 1200px;
  margin: auto;
}
#blockchain .blockchain-container .overview {
  background-image: url(../image/n-el-sign.png);
  background-position: bottom;
  background-repeat: no-repeat;
}
#blockchain .blockchain-container .overview .content-container {
  background: linear-gradient(0deg, #FFFFFF, #FBFDFF);
  box-shadow: 0px -6px 6px 0px rgba(220, 227, 238, 0.26), 0px 6px 6px 0px rgba(220, 227, 238, 0.26);
  border-radius: 3px;
  display: flex;
  justify-content: flex-start;
  padding: 70px 90px;
  position: relative;
}
#blockchain .blockchain-container .overview .content-container .overview-img {
  width: 258px;
  height: 343px;
  margin-right: 100px;
}
#blockchain .blockchain-container .overview .content-container .content h3 {
  font-size: 28px;
  font-weight: 600;
  color: #333;
  margin-bottom: 30px;
}
#blockchain .blockchain-container .overview .content-container .content .article {
  color: #9B9C9C;
  font-size: 22px;
  line-height: 1.5;
  position: relative;
}
#blockchain .blockchain-container .overview .content-container .content .article .left-marks {
  position: absolute;
  top: -20px;
  left: -60px;
}
#blockchain .blockchain-container .overview .content-container .content .article .right-marks {
  position: absolute;
  bottom: -10px;
  right: -30px;
}
#blockchain .blockchain-container .overview .content-container .content .article p {
  font-size: 20px;
}
#blockchain .blockchain-container .peculiarity {
  margin-top: 0;
  background: #F8F8F8;
  padding-top: 40px;
  padding-bottom: 40px;
}
#blockchain .blockchain-container .peculiarity .content-container {
  background: linear-gradient(0deg, #FFFFFF, #FBFDFF);
  box-shadow: 0px -6px 6px 0px rgba(220, 227, 238, 0.26), 0px 6px 6px 0px rgba(220, 227, 238, 0.26);
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 30px 60px;
  margin-bottom: 80px;
  position: relative;
}
#blockchain .blockchain-container .peculiarity .content-container .overview-img {
  width: 258px;
  height: 343px;
  margin-left: 30px;
}
#blockchain .blockchain-container .peculiarity .content-container .overview-img.left {
  margin-left: 0;
  margin-right: 30px;
}
#blockchain .blockchain-container .peculiarity .content-container .content h3 {
  font-size: 28px;
  font-weight: 600;
  color: #333;
  margin-bottom: 30px;
}
#blockchain .blockchain-container .peculiarity .content-container .content .article {
  color: #9B9C9C;
  font-size: 22px;
  line-height: 1.5;
}
#blockchain .blockchain-container .peculiarity .content-container .content .article p {
  font-size: 20px;
}
#blockchain .blockchain-container .record {
  margin-top: 0;
  background: #ECF2F2;
  padding-top: 40px;
  padding-bottom: 40px;
}
#blockchain .blockchain-container .record .content-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 60px;
  margin-bottom: 80px;
  position: relative;
}
#blockchain .blockchain-container .record .content-container .record-left {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#blockchain .blockchain-container .record .content-container .record-left img {
  width: 500px;
  margin-right: 50px;
  margin-bottom: 30px;
}
#blockchain .blockchain-container .record .content-container .record-left p {
  line-height: 40px;
  font-size: 22px;
}
#blockchain .blockchain-container .record .content-container .record-right {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#blockchain .blockchain-container .record .content-container .record-right .right-item {
  background: linear-gradient(0deg, #FFFFFF, #FBFDFF);
  border-radius: 3px;
  border: 2px solid #FFFFFF;
  color: #999999;
  padding: 25px;
}
#blockchain .blockchain-container .record .content-container .record-right .right-item .item-title {
  font-size: 24px;
  margin-bottom: 20px;
  color: #333;
}
#blockchain .blockchain-container .problem {
  margin-top: 0;
  background: #F8F8F8;
  padding-top: 40px;
  padding-bottom: 40px;
}
#blockchain .blockchain-container .problem .content-container {
  background: linear-gradient(0deg, #FFFFFF, #FBFDFF);
  box-shadow: 0px -6px 6px 0px rgba(220, 227, 238, 0.26), 0px 6px 6px 0px rgba(220, 227, 238, 0.26);
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 30px 60px;
  margin-bottom: 80px;
  position: relative;
}
#blockchain .blockchain-container .problem .content-container .problem-img {
  width: 258px;
  height: 100%;
  margin-right: 30px;
}
#blockchain .blockchain-container .problem .content-container .content h3 {
  font-size: 28px;
  font-weight: 600;
  color: #333;
  margin-bottom: 30px;
}
#blockchain .blockchain-container .problem .content-container .content .article {
  color: #9B9C9C;
  font-size: 22px;
  line-height: 1.5;
}
#blockchain .blockchain-container .problem .content-container .content .article p {
  font-size: 20px;
}
#blockchain .blockchain-container .connection {
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: #f6f6f6;
}
#blockchain .blockchain-container .connection .connection-box {
  height: 95px;
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#blockchain .blockchain-container .connection .connection-box .title {
  font-size: 20px;
  font-weight: bold;
}
#blockchain .blockchain-container .connection .connection-box .input input {
  height: 40px;
  border: 2px solid #EFEFEF;
  padding: 0 15px;
  border-radius: 10px;
  outline: none;
}
#blockchain .blockchain-container .connection .connection-box .submit_btn {
  padding: 10px 50px;
  color: #fff;
  border-radius: 3px;
  background: #DE2304;
  cursor: pointer;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.text-989898 {
  color: #989898 !important;
}
.link-app-home {
  cursor: pointer;
}
.j_hide {
  display: none!important;
}
.cursor_color:hover {
  color: #FBEE92;
}
.index-fy-case {
  width: 100%;
  height: auto;
  background: url(../image/fy-case-bg.png) no-repeat;
  background-size: 100% 260px;
  padding: 55px 20px 0;
  display: flex;
  align-items: center;
  margin-top: 80px;
}
.index-fy-case .swiper-container {
  flex: 1;
}
.index-fy-case .btn {
  flex: 0 0 40px;
  width: 40px;
  height: 30px;
  display: flex;
}
.index-fy-case .btn img {
  width: 30px;
  height: 100%;
  opacity: 0.6;
  display: block;
}
.index-fy-case .btn:hover img {
  opacity: 1;
}
.index-fy-case .btn.btn1 {
  justify-content: flex-end;
}
.index-fy-case .swiper-slide {
  width: 25%;
  height: auto;
  padding: 10px;
}
.index-fy-case .item {
  width: 100%;
  height: 250px;
  background: #FFFFFF;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.06);
  opacity: 1;
  border-radius: 10px;
  padding: 38px 25px 0;
}
.index-fy-case .text {
  font-size: 18px;
  font-family: Source Han Sans SC;
  font-weight: bold;
  line-height: 12px;
  text-align: center;
  color: #290202;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAABCAYAAABZj6VmAAAA6klEQVQoU21SUWoFMRBS096x94eeoF+FRouTLI9CP5aZUWNMsvz++vyALQNqBXwrp3rmiOVo2Tk8y5/eLB8hP4dPBERMXnO2UvzyiY8u0f+9lUCIlVlz9Bnfk2Nq7t6o/uSZdZ3vuvo3y8yDl+9sceaeO/L2emW6Xj3/zT3+13f8mu05U3UISRqgQZl6qjZIE5qbrIZcG7cPjpa6OtLhOro/2PFTMc2TmcTZa2nXH4RzNPXc7ZuHreO3djWT82IPrr7i4OtoefL0ezjd3IOjellva7fXYHKzSTwZ0z+jGeD1/rZ7zUGMtYzEv9bsCjrRjw4xAAAAAElFTkSuQmCC) no-repeat;
  background-position: bottom center;
  background-size: 80% auto;
  padding-bottom: 10px;
}
.index-fy-case .desc {
  padding-top: 50px;
  text-align: justify;
  height: 145px;
  box-sizing: border-box;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  line-height: 30px;
  color: #290202;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANYAAAAECAYAAADyFcEKAAABzUlEQVRIS2P8//9vw79/DAwMDP/AiJmVtQHEA4Hf3782wMRBNCs3P1zu58e3KHLsguJwue+vn0LlwAYzcIrLw+W+Pr3dALIHYu4/Bm55Tbjc5/uXG0BiYPDvHwOvqiFc7uP103AzQSoEtS3hcu8vHgSz/4H1/mMQNnSGy709vbPhH9RvIDlRc2+43OujGxtgekBKxO2D4XLP9y9HcicDg6RrNFzu6fb5ELdA3SntnQqXe7xxOkq4yAbmwuUeru6FsKF+lA8vhcvdX9oKtw/kXuXYerjc3fl1iHBhYmJQTmxCyC1sbGBiYoK4hYmJQTG6GmHfys4GBgaQHBMYyYcWI9y5fjKEDdbLxCDrn4nw39bZEH1gY5kYpD0TEeGye3EDTA9IVtI5Ei738uDaBpgeEC1uHYgI6+NbofpAVjIxCJu6I+Lo/F6wfRBvMDEI6tsj4vbqcTAb5kd+TXNEmrh9vgGiBeIHXmVdRDp7eB1uH0ieW1oVkT6f30f4gYmBgVNUFpGu37+EskH+Z2Jg5xeGy/3++hElXFg5ueFyf3//hMoxgYOAcTRjQTLjaMYazVigPPpzNGON1lighHB3tMYarbFACWG0KTjaFBwJTUEAYQnKB7cgoqsAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100% auto;
}
.index-part-case {
  width: 100%;
  margin-top: 80px;
  background: #FFFFFF;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  border-radius: 10px;
}
.index-part-case .swiper-container {
  height: 225px;
}
.index-part-case .part-case-item {
  height: 45px;
  font-size: 14px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  color: rgba(41, 2, 2, 0.65);
  line-height: 45px;
  display: flex;
}
.index-part-case .part-case-item.title {
  font-size: 16px;
  font-weight: bold;
  color: rgba(41, 2, 2, 0.65);
  background-color: #FAF5E7;
}
.index-part-case .part-case-item:nth-child(2n) {
  background-color: #F8F8F8;
}
.index-part-case .part-case-item .left,
.index-part-case .part-case-item .center,
.index-part-case .part-case-item .right {
  padding: 0 10px 0 30px;
  box-sizing: border-box;
  width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.index-part-case .part-case-item .left {
  flex: 0 0 30%;
}
.index-part-case .part-case-item .center {
  flex: 1;
}
.index-part-case .part-case-item .right {
  flex: 0 0 20%;
}
.index-part-case .part-case-item div[class=left]:hover::before {
  left: 60px;
}
.index-part-case .part-case-item div[class=center]:hover::before {
  left: 430px;
}
.index-part-case .part-case-item div[class=right]:hover::before {
  left: 1015px;
}
.index-part-case .part-case-item div[class=left]:hover::after {
  left: 40px;
}
.index-part-case .part-case-item div[class=center]:hover::after {
  left: 410px;
}
.index-part-case .part-case-item div[class=right]:hover::after {
  left: 995px;
}
.index-part-case .part-case-item div[class]:hover::before {
  content: "";
  position: absolute;
  top: 27px;
  overflow: visible;
  margin-left: -7px;
  border-width: 7px;
  border-style: solid;
  border-color: transparent transparent #290202 transparent;
  z-index: 99;
}
.index-part-case .part-case-item div[class]:hover::after {
  content: attr(datatitle);
  color: white;
  background-color: #290202;
  position: absolute;
  white-space: normal;
  line-height: 20px;
  overflow: visible;
  padding: 2px 5px;
  font-size: 12px;
  font-weight: normal;
  border: 1px solid #290202;
  max-width: 250px;
  border-radius: 4px;
  box-shadow: 0px 1px 6px black;
  display: inline-block;
  z-index: 99;
  top: 40px;
}
.action-box p {
  color: red;
  font-weight: bold;
}
.step {
  width: 750px;
  margin: 0 auto;
  padding-top: 19px;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  margin-top: 0px !important;
}
.step.new_step {
  display: flex;
  width: 1200px;
}
.step a:hover {
  color: red;
}
.step .jt {
  margin: 0 10px;
}
.step .second {
  height: 12px;
  font-size: 12px;
  font-weight: 400;
  color: #676767;
}
:root {
  --ebq-s-l: 30px;
  --ebq-s-d: 18px;
  --ebq-s-s: 16px;
  --ebq-s-m: 14px;
  --ebq-w-l: 600;
  --ebq-w-d: 500;
  --ebq-w-s: 400;
  --ebq-c-info: #290202;
  --ebq-red: #ec1c1c;
}