@font-face {
   font-family: "方正正中黑简体";
   src: url("../font/fangzhengzhengzhonghei.ttf") format("truetype");
   font-weight: normal;
   font-style: normal;
}


@font-face {
   font-family: "方正小标宋";
   src: url("../font/fangzhengxiaobiaosong.ttf") format("truetype");
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: "HelveticaBold";
   src: url("../font/HelveticaBold.ttf") format("truetype");
   font-weight: normal;
   font-style: normal;
}

img.w100 {
   width: 100%;
}

.text-tl {
   text-align: left;
}

/* 重置表单样式 */
select::-ms-expand {
   display: none;
}

.j-leftfixed .items .word .tit {
   display: none;
}

.div-video {
   width: 80%;
   margin: 0 auto;
   max-width: 600px;
}

.nmimg {
   position: relative;
}

.nmimg .i0 {
   opacity: 0;
}

.nmimg .words {
   width: 31%;
   position: absolute;
   right: 0;
   top: 0;
   height: 100%;
}

.nmimg .li {
   width: 100%;
   height: 1.5rem;
   line-height: 1.5rem;
   /* background: #e6e6e6; */
   background-color: #b28147;
   text-align: center;
   /* color:#333333; */
   color: #fff;
   cursor: pointer;
   font-size: .4rem;
   transition: .5s ease-in-out;
   position: absolute;
}

.nmimg .li:nth-child(n+2) {
   margin-top: .75rem;
}

.nmimg .li:nth-child(1) {
   top: 0;
   transform: translateY(-20%)
}

.nmimg .li:nth-child(2) {
   top: 50%;
   transform: translateY(-50%);
   margin-top: 0;
}

.nmimg .li:nth-child(3) {
   bottom: 0;
   transform: translateY(20%)
}

.nmimg .li:hover {
   background: #004a9a;
   color: #ffffff;
   transition: .5s ease-in-out;
}


.v-videofixed {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, .4);
   padding: 0 !important;
   z-index: 45;
}

.v-videofixed .videobox {
   width: 70%;
   background: #ffffff;
   top: 50%;
   transform: translateY(-50%);
   position: absolute;
   left: 0;
   right: 0;
   margin: auto;
   max-width: 800px;
}

.v-videofixed .videobox .items {
   position: relative;
}

.v-videofixed .videobox .word {
   position: absolute;
   bottom: 0;
   width: 100%;
   color: #666;
   left: 0;
   text-align: center;
   padding: 10px;

}

input,
select,
textarea {
   box-shadow: none;
   outline: none;
   border: none;
   border-radius: 0;
   -ms-appearance: none;
   -moz-appearance: none;
   -webkit-appearance: none;
   appearance: none;
   padding: 0;
}

textarea {
   resize: none;
}

select::-ms-expand {
   display: none;
}

/* 更改placeholder颜色 */
input::-webkit-input-placeholder {
   color: #888;
}

input:-moz-placeholder {
   color: #888;
}

input::-moz-placeholder {
   color: #888;
}

input:-ms-input-placeholder {
   color: #888;
}

textarea::-webkit-input-placeholder {
   color: #888;
}

textarea:-moz-placeholder {
   color: #888;
}

textarea::-moz-placeholder {
   color: #888;
}

textarea:-ms-input-placeholder {
   color: #888;
}

.tit-20 {
   font-size: 20px;
}

.tit-48 {
   font-size: 1.2rem;
}

.tit-44 {
   font-size: 1.1rem;
}

.tit-36 {
   font-size: 0.9rem;

}

.tit-30 {
   font-size: 0.75rem;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
   opacity: 1 !important;
}

/* .pagination {
	text-align: center;
	display: block;
	font-size: 0;
	margin: 0;

}

.pagination a {
	display: inline-block;
	vertical-align: middle;
	width: 42px;
	height: 42px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #cccccc;
	font-size: 16px;
	color: #666666;
	margin: 0 5px;
	transition: .5s ease-in-out;
}

.pagination a:hover,
.pagination a.active {
	background: #004a9a;
	border-color: #004a9a;
	color: #ffffff;
	transition: .5s ease-in-out;
} */

/*m*/
.m-header {
   height: 45px;
   width: 100%;
   background: #ffffff;
}

.m-header.cur {
   position: absolute;
}

.m-header .w-header.fixed {
   width: 100%;
   position: fixed;
   top: 0;
   left: 0;
   background: #ffffff;
}

.m-header .w-header {
   position: relative;
   width: 100%;
   box-sizing: border-box;
   z-index: 24;
   height: 45px;
   background: #fff;
}

.m-header .welcome-a {
   float: left;
   width: 50%;
   height: 100%;
   line-height: 45px;
   position: relative;
}

.m-header .welcome-a img {
   /* max-height: 100%; */
   height: 130%;
   display: inline-block;
   position: absolute;
   top: 0;
   bottom: 0;
   margin: auto;
   /* background: #004a9a; */
}

.m-header .search-cover {
   float: right;
   width: 35px;
   height: 48px;
   display: block;
   line-height: 48px;
}

.m-header .search-cover img {
   width: 100%;
   vertical-align: middle;
}

.m-header .uio {
   float: right;
   height: 100%;
   width: 65px;
}

.m-header .search-bg {
   position: fixed;
   left: 0;
   top: 48px;
   width: 100%;
   height: 150px;
   z-index: 10;
   background: #ffffff;
   display: none;
}

.m-header .subsearch {
   padding-right: 15px;
   border-right: 1px solid #d2d2d2;
   box-sizing: border-box;
}

.m-header .subsearch .sp {
   width: 35px;
   height: 35px;
   background-size: 80%;
}

.m-header .subsearch img {
   height: 100%;
}

.m-header .search-bg .m-close-search {
   display: block;
   width: 10px;
   height: 10px;
   background-size: 100% auto;
   position: fixed;
   right: 4%;
   top: 10px;
   cursor: pointer;
   z-index: 11;
}

.m-header .search-bg .m-search-box {
   width: 92%;
   margin: 0 auto;
   border-bottom: 1px solid #f2f2f2;
   position: absolute;
   left: 3%;
   top: 48px;
   height: 40px;
   z-index: 11;
}

.m-header .search-bg .m-search-box .tex {
   border: none;
   font-size: 12px;
   color: #a7a7a7;
   height: 41px;
   padding-left: 5px;
   box-sizing: border-box;
   width: 60%;
   background: none;
}

.m-header .search-bg .m-search-box .search-btn {
   border: none;
   width: 30px;
   height: 30px;
   background-size: 100%;
   margin-top: 6px;
}

.m-header .btn-na {
   margin-right: 15px;
}

.m-header .nav-btn {
   position: absolute;
   right: 17px;
   top: 50%;
   width: 31px;
   height: 24px;
   vertical-align: middle;
   cursor: pointer;
   margin-top: -15px;
}

.m-header .nav-btn .line {
   position: absolute;
   display: block;
   width: 100%;
   height: 2px;
   background-color: #004a9a;
   left: 0;
   border-radius: 2px;
}

.m-header .nav-btn .line1 {
   top: 0;
   -webkit-transform-origin: left top 0;
   -ms-transform-origin: left top 0;
   transform-origin: left top 0;
}

.m-header .nav-btn .line2 {
   top: 11px;
   width: 70%;
}

.m-header .nav-btn .line3 {
   bottom: 0;
   -webkit-transform-origin: left bottom 0;
   -ms-transform-origin: left bottom 0;
   transform-origin: left bottom 0;
}

.bocweb-footer .bocweb-footer-bot br {
   display: none;
}

.m-header .nav-btn.active {
   -webkit-animation: rotate 0.3s linear 0s;
   animation: rotate 0.3s linear 0s;
}

.m-header .nav-btn.hover .line {
   left: 6px;
}

.icon-sousuo {
   cursor: pointer;
   text-align: center;
   width: 80px;
   border-left: 1px solid #e1e1e1;
   margin-left: 105px;
   font-size: 20px;
}

.icon-sousuo:hover {
   color: #059ea0;
}

.m-header .sub-menu {
   width: 100%;
   height: calc(100% - 45px);
   padding: 14px 0 0;
   display: none;
   position: fixed;
   left: 0;
   top: 45px;
   background-color: white;
   z-index: 20;
   color: #666;
   overflow-y: auto;
}

.m-header .sub-menu li .sub-tit {
   padding: 0 3%;
   box-sizing: border-box;
}

.m-header .sub-menu li .sub-tit .tu-box {
   padding: 13px 0;
   border-bottom: 1px solid #dcdcdc;
   box-sizing: border-box;
   position: relative;
}

.m-header .sub-menu li .sub-tit .tu-box .imgbox {
   position: absolute;
   left: 0;
   top: 0;
   width: 20px;
   height: 20px;
   bottom: 0;
   margin: auto;
}

.m-header .sub-menu li .sub-tit.on .tu-box {
   border-bottom-color: transparent;
}

.m-header .sub-menu li a {
   display: block;
}

.m-header .sub-menu .tit {
   display: block;
   width: 100%;
   padding: 10px 3%;
   box-sizing: border-box;
   line-height: 33px;
   color: #666;
   position: relative;
   font-size: 15px;
   line-height: 20px;
}

.m-header .sub-menu .tit a {
   color: #666;
}

.m-header .sub-menu .tit1 {
   display: block;
   width: 100%;
   line-height: 33px;
   color: #666;
   position: relative;
   font-size: 15px;
   line-height: 18px;
   box-sizing: border-box;
}

.m-header .sub-menu .sub-tit.on.on .btn-v {
   background: url(../image/img6.png) center center no-repeat;
   background-size: 100%;
}

.m-header .sub-menu .btn-v {
   display: inline-block;
   height: 20px;
   width: 20px;
   float: right;
   margin-right: 16px;
   margin-top: 0;
   background: url(../image/img5.png) center center no-repeat;
   background-size: 100%;
}

.m-header .sub-menu .sub-tit1.on {
   background-color: #ff0001;
   color: #fff;
}

.m-header .sub-menu .sub-tit.on:after {
   background-size: 100% auto;
}

.m-header .sub-menu .sec-list {
   line-height: 28px;
   padding: 1px 1.5%;
   display: none;
   background: #f2f2f2;
}

.m-header .sub-menu .sec-list a {
   background-size: 8px auto;
   height: 43px;
   line-height: 43px;
   font-size: 13px;
   border-top: 1px solid #e8e8e8;
   box-sizing: border-box;
}

.m-header .sub-menu .sec-list a:nth-child(1) {
   border-top: none;
}

.m-header .sub-menu .sec-list a {
   padding-left: 21px;
   color: #888;
   display: block;
}

/*m*/
.con-banner {
   position: relative;
}

.con-banner .words {
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   padding-top: 100px;
}

.con-banner .text {
   color: #fff;
   line-height: 1;
   padding-top: 5.125rem;
}

.con-banner .text .tit-en {
   font-family: "HelveticaBold";
   font-weight: bold;
}

.con-banner .text .tit-cn {
   margin-top: 0.375rem;
   margin-bottom: 0.875rem;
}

.con-banner .text .line {
   background: #fff;
   height: 3px;
   width: 50px;
}

* {
   box-sizing: border-box;
}

/*video*/
.video-fixed .cha {
   /*        width: 25px;
          height: 25px;
          background: url(../img/jpg/x15.png) no-repeat center;
          background-size: 100%;
          position: absolute;
          right: 5px;
          top: 5px;*/
}

.video-fixed {
   position: fixed;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.5);
   z-index: 130;
   top: 0;
   left: 0;
   cursor: pointer;
   display: none;
}

.video-fixed .videoboxs .box {
   height: 100%;
}

.video-fixed .videoboxs {
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   margin: auto;
   margin-top: 0;
   background: #000;
   /*padding: 30px;*/
   box-sizing: border-box;
}

@media screen and (max-width: 768px) {
   .video-fixed .videoboxs {
      width: 100%;
      height: 80%;
      bottom: 0;
      margin: auto;
   }

   .video-fixed .cha {
      right: 10px;
      top: -35px;
   }
}

/*banner*/
.con-banner .images {
   /* height: 20rem; */
   height: 0;
   padding-top: 41.67%;
}

.column-swiper {
   line-height: 90px;
   height: 90px;
   text-align: center;
   position: relative;
}

.column-swiper .swiper-button-prev,
.column-swiper .swiper-button-next {
   width: 15px;
   height: 26px;
   background: transparent;
   margin: 0;
   top: 0;
   bottom: 0;
   margin: auto;
   cursor: pointer;
}

.column-swiper .swiper-wrapper {
   /* justify-content: center; */
}

.column-swiper .swiper-button-prev {
   background: url(../image/j13.png) no-repeat center;
   background-size: 100%;
   left: -45px;
}

.column-swiper .swiper-button-prev:hover {
   background: url(../image/j14.png) no-repeat center;
   background-size: 100%;
}

.column-swiper .swiper-button-next {
   background: url(../image/j15.png) no-repeat center;
   background-size: 100%;
   right: -45px;
}

.column-swiper .swiper-button-next:hover {
   background: url(../image/j16.png) no-repeat center;
   background-size: 100%;
}

.column-swiper .swiper-button-disabled {
   display: none;
}

.column-swiper .swiper-slide:nth-child(1) .items:before {
   display: none;
}

.column-swiper .items {
   display: block;
   font-size: 16px;
   font-family: "方正正中黑简体";
   color: #666666;
   position: relative;
   padding: 0 2%;
}

.column-swiper .items .span {
   display: inline-block;
   vertical-align: middle;
   line-height: 1.6;
}

.column-swiper .items:hover,
.column-swiper .items.active {
   color: #004a9a;
}

.column-swiper .items:hover:after,
.column-swiper .items.active:after {
   opacity: 1;
   transition: .5s ease-in-out;
}

.column-swiper .items:after {
   position: absolute;
   width: 100%;
   content: "";
   height: 4px;
   background: #004a9a;
   left: 0;
   bottom: 0;
   transition: .5s ease-in-out;
   opacity: 0;
}

.column-swiper .items:before {
   position: absolute;
   width: 1px;
   content: "";
   height: 15px;
   max-height: 30%;
   background: #cccccc;
   top: 0;
   bottom: 0;
   left: 0;
   margin: auto;
}

/*banner*/
/*video*/
.w1280 {
   width: 1280px;
   margin: 0 auto;
}

.secwen.animate {
   opacity: 1;
   filter: alpha(opacity=100);
   transform: translateY(0);
   transition: 1s;
}

.secwen {
   opacity: 0;
   filter: alpha(opacity=0);
   transform: translateY(30px);
   transition: .8s;
}

.animate.add1 {
   transition-delay: .1s;
   font-family: '方正正中黑简体';
}

.animate.add2 {
   transition-delay: .2s;
   font-family: "方正正中黑简体";
}

.animate.add3 {
   transition-delay: .3s;
}

.animate.add4 {
   transition-delay: .4s;
}

.animate.add5 {
   transition-delay: .5s;
}

.animate.add6 {
   transition-delay: .6s;
}

.animate.add7 {
   transition-delay: .7s;
}

.animate.add8 {
   transition-delay: .8s;
}

.animate.add9 {
   transition-delay: .9s;
}

.animate.add10 {
   transition-delay: 1.0s;
}

.animate.add11 {
   transition-delay: 1.1s;
}

.pcbox {
   display: block;
}

.mbox {
   display: none;
}

/*header*/
body.active .bocweb-header {
   background: #fff;
   transition: .5s ease-in-out;
   /*          .nav-li .nav-bot{
                left: 0;
                top: 100px;
                width: 6rem;
                border: 1px solid #e5e5e5;
                border-top: 3px solid $color;
                background: #fff;
                a{
                    color: #666;
                    border-bottom: 1px solid #e5e5e5;
                    padding: 0 .6rem;
                    &:hover{
                      background-color: $color;
                      color: #fff;
                    }
                }
            }*/
}

body.active .bocweb-header .nav-li .nav-top {
   color: #666;
}

body.active .bocweb-header .nav-li .nav-top:hover,
body.active .bocweb-header .nav-li .nav-top.active {
   color: #004a9a;
}

body.active .bocweb-header .nav-li .nav-top:hover:after,
body.active .bocweb-header .nav-li .nav-top.active:after {
   background: #004a9a;
}

.bocweb-header {
   font-family: "方正小标宋";
   font-weight: bold;
   line-height: 100px;
   height: 100px;
   position: absolute;
   width: 100%;
   left: 0;
   top: 0;
   z-index: 35;
   transition: .5s ease-in-out;
}

.bocweb-header .header {
   padding-right: 1rem;
   transition: .5s ease-in-out;
}

.bocweb-header .header.fixed {
   position: fixed;
   width: 100%;
   top: 0;
   left: 0;
}

.bocweb-header .nav-li .nav-bot {
   left: 0;
   top: 100px;
   width: 6rem;
   border: 1px solid #e5e5e5;
   border-top: 3px solid #004a9a;
   background: #fff;
}

.bocweb-header .nav-li .nav-bot a {
   color: #666;
   border-bottom: 1px solid #e5e5e5;
   font-size: 14px;
}

.bocweb-header .nav-li .nav-bot a:hover,
.bocweb-header .nav-li .nav-bot a.active {
   background-color: #004a9a;
   color: #fff;
}

.bocweb-header.on {
   background: #fff;
   transition: .5s ease-in-out;
   /*        .nav-li .nav-bot{
              left: 0;
              top: 100px;
              width: 6rem;
              border: 1px solid #e5e5e5;
              border-top: 3px solid $color;
              background: #fff;
              a{
                  color: #666;
                  border-bottom: 1px solid #e5e5e5;
                  &:hover{
                    background-color: $color;
                    color: #fff;
                  }
              }
          }*/
}

.bocweb-header.on .header {
   background: #ffffff;
   transition: .5s ease-in-out;
}

.bocweb-header.on .nav-li .nav-top {
   color: #666;

}

.bocweb-header.on .nav-li .nav-top:hover,
.bocweb-header.on .nav-li .nav-top.active {
   color: #004a9a;
}

.bocweb-header.on .nav-li .nav-top:hover:after,
.bocweb-header.on .nav-li .nav-top.active:after {
   background: #004a9a;
}

.bocweb-header .nav-top {
   display: block;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}

.bocweb-header .nav-sousuo {
   width: 120px;
   height: 35px;
   line-height: 35px;
   display: inline-block;
   vertical-align: middle;
   position: relative;
   margin-left: 1.25rem;
}

.bocweb-header .nav-sousuo form {
   height: 100%;
}

.bocweb-header .nav-sousuo .input {
   position: absolute;
   background: #004a9a;
   width: 100%;
   height: 100%;
   right: 0;
   top: 0;
   border-radius: 35px;
   transition: .5s ease-in-out;
}

.bocweb-header .nav-sousuo.active .input {
   width: 250%;
   transition: .5s ease-in-out;
}

.bocweb-header .nav-sousuo input[type=submit] {
   position: absolute;
   right: 0;
   top: 0;
   text-indent: -999px;
   overflow: hidden;
   width: 15px;
   height: 100%;
   background: url(../image/j1.png) no-repeat center;
   background-size: 15px 15px;
   right: 15px;
   top: 0;
   bottom: 0;
   margin: auto;
}

.bocweb-header .nav-sousuo input[type=text] {
   padding-left: 0.5rem;
   padding-right: 0.4rem;
   font-size: 12px;
   color: #fff;
   width: 100%;
}

.bocweb-header .nav-sousuo input {
   border: none;
   outline: none;
   background: none;
}

.bocweb-header .nav-sousuo input::-webkit-input-placeholder {
   color: #fff;
}

.bocweb-header .nav-sousuo input:-moz-placeholder {
   color: #fff;
}

.bocweb-header .nav-sousuo input::-moz-placeholder {
   color: #fff;
}

.bocweb-header .nav-sousuo input:-ms-input-placeholder {
   color: #fff;
}

.bocweb-header .bocweb-logo {
   display: block;
   width: 250px;
   height: 100px;
   /* background: #004a9a; */
}

.bocweb-header .nav-bot {
   display: none;
   position: absolute;
}

.bocweb-header .nav-bot .li {
   display: block;
   /*line-height: 30px;*/
   line-height: 1.25rem;
   color: rgba(255, 255, 255, 0.6);
   transition: .5s ease-in-out;
   padding: 0 .6rem;
}

.bocweb-header .nav-bot .li:hover,
.bocweb-header .nav-bot .li.active {
   color: #fff;
   transition: .5s ease-in-out;
}

.bocweb-header .nav-box {
   display: inline-block;
   font-size: 0;
   vertical-align: top;
}

.bocweb-header .nav-li {
   display: inline-block;
   vertical-align: top;
   position: relative;
   font-size: 15px;
   color: #fff;
   padding: 0 0.4rem;
   max-width: 180px;
}

.bocweb-header .nav-li .nav-top {
   transition: .5s ease-in-out;
   color: #fff;
   position: relative;
}

.bocweb-header .nav-li .nav-top:after {
   position: absolute;
   content: "";
   width: 100%;
   height: 5px;
   background: #fff;
   left: 0;
   top: 0;
   transition: .5s ease-in-out;
   opacity: 0;
}

.bocweb-header .nav-li .nav-top:hover,
.bocweb-header .nav-li .nav-top.active {
   transition: .5s ease-in-out;
}

.bocweb-header .nav-li .nav-top:hover:after,
.bocweb-header .nav-li .nav-top.active:after {
   opacity: 1;
   transition: .5s ease-in-out;
}

/*footer*/
.bocweb-footer {
   background: #004a9a;
   font-size: 13px;
   color: #ffffff;
   font-family: "方正正中黑简体";
}

.bocweb-footer .selectcon .li {
   padding: 0 15px;
   box-sizing: border-box;
   position: relative;
   display: inline-block;
   vertical-align: middle;
}

.bocweb-footer .selectcon .li.on {
   position: relative;
   padding-left: 45px;
}

.bocweb-footer .selectcon .li.on img {
   width: 100px;
   height: 100px;
   border: 5px solid #1a599d;
}

.bocweb-footer .selectcon .li.text {
   position: relative;
   width: 250px;
   padding-left: 0;
}

.bocweb-footer .selectcon .li.text h3 {
   color: #fff;
   font-weight: bold;
   font-size: 18px;
}

.bocweb-footer .selectcon .li.on:after {
   content: "";
   position: absolute;
   width: 1px;
   height: 120px;
   background: #4572a3;
   left: 0;
   top: 0;
   bottom: 0;
   margin: auto;
}

.bocweb-footer .selectcon .selectbox {
   padding: 0;
   margin-left: 5px;
}

.bocweb-footer .select {
   width: 250px;
   position: relative;
   font-size: 13px;
}

.bocweb-footer .select .selecttop {
   border: 1px solid rgba(255, 255, 255, 0.2);
   height: 40px;
   line-height: 40px;
   width: 100%;
   padding-left: 15px;
   box-sizing: border-box;
   background: url(../image/j2.png) no-repeat scroll;
   background-position: 220px center;
   cursor: pointer;
   transition: .5s;
   color: #ffffff;
}

.bocweb-footer .select .selectbot {
   position: absolute;
   width: 100%;
   bottom: 40px;
   display: none;
}

.bocweb-footer .select .selectbot .i {
   display: block;
   line-height: 32px;
   padding-left: 10px;
   box-sizing: border-box;
   background: rgba(0, 0, 0, 0.85);
   color: rgba(255, 255, 255, 0.95);
}

.bocweb-footer a {
   color: rgba(255, 255, 255, 0.8);
   transition: .5s ease-in-out;
}

.bocweb-footer a:hover {
   color: #ffffff;
   transition: .5s ease-in-out;
}

.bocweb-footer .bocweb-footer-box {
   font-size: 0;
}

.bocweb-footer .bocweb-footer-box .footer-nav {
   display: inline-block;
   font-size: 13px;
   vertical-align: top;
}

.bocweb-footer .bocweb-footer-box a {
   display: block;
}

.bocweb-footer .bocweb-footer-top {
   padding-top: 2.5rem;
}

.bocweb-footer .bocweb-footer-top .footer-nav {
   width: 9%;
   margin-left: 4%;
}

.bocweb-footer .bocweb-footer-top .footer-nav:nth-child(1) {
   margin-left: 0;
}

.bocweb-footer .bocweb-footer-top .footer-nav .nav-top {
   font-size: 16px;
   color: #ffffff;
   line-height: 1;
   padding-bottom: 15px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
   height: 45px;
}

.bocweb-footer .bocweb-footer-top .footer-nav .nav-bot {
   padding-top: 15px;
}

.bocweb-footer .bocweb-footer-top .footer-nav .nav-bot .li {
   line-height: 1.3;
   padding: 5px 0;
}

.bocweb-footer .bocweb-footer-c {
   padding-top: 2rem;
   padding-bottom: 0.625rem;
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
   border-top: 1px solid rgba(255, 255, 255, 0.1);
   margin-top: 1.5rem;
}

.bocweb-footer .bocweb-footer-c .logo {
   width: 185px;
   height: 50px;
   overflow: hidden;
   margin-bottom: 0.5rem;
}

.bocweb-footer .bocweb-footer-c .selectbox {
   font-size: 0;
}

.bocweb-footer .bocweb-footer-c .selectbox .li {
   font-size: 13px;
   display: inline-block;
}

.bocweb-footer .bocweb-footer-bot {
   line-height: 65px;
   height: 65px;
   font-size: 13px;
   color: #c5d7eb;
}

.bocweb-footer .bocweb-footer-bot .fx span {
   display: inline-block;
   vertical-align: middle;
   font-size: 13px;
   padding-right: 10px;
}

.bocweb-footer .bocweb-footer-bot .fx a {
   display: inline-block;
   vertical-align: middle;
   font-size: 13px;
   float: none;
   padding: 0;
   margin: 0;
   width: 20px;
   height: 20px;
   opacity: .5;
   transition: .5s ease-in-out;
   margin-left: 15px;
}

.bocweb-footer .bocweb-footer-bot .fx a:hover {
   transition: .5s ease-in-out;
   opacity: 1;
}

.bocweb-footer .bocweb-footer-bot .fx .bds_sqq {
   background: url(../image/qq.png) no-repeat center;
   background-size: 100%;
}

.bocweb-footer .bocweb-footer-bot .fx .bds_weixin {
   background: url(../image/wx.png) no-repeat center;
   background-size: 100%;
}

.bocweb-footer .bocweb-footer-bot .fx .bds_tsina {
   background: url(../image/wb.png) no-repeat center;
   background-size: 100%;
}

/*home*/
.wel-more {
   display: block;
   /* width: 160px;
	height: 45px;
	line-height: 45px; */
   width: 90px;
   height: 40px;
   line-height: 40px;
   font-size: 14px;
   border: 1px solid #999999;
   color: #666;
   text-align: center;
   transition: .5s ease-in-out;
}

.wel-more:hover {
   color: #fff;
   background: #004a9a;
   transition: .5s ease-in-out;
}

.wel-more:hover span {
   background: url(../image/j0.png) no-repeat center;
   background-size: 100%;
}

.wel-more.on {
   color: #fff;
   background: #004a9a;
}

.wel-more.on span {
   background: url(../image/j0.png) no-repeat center;
   background-size: 100%;
}

.wel-more.on:hover span {
   transform: translateX(10px);
   transition: .5s ease-in-out;
}

.wel-more span {
   display: inline-block;
   vertical-align: middle;
   width: 12px;
   height: 8px;
   background: url(../image/j3.png) no-repeat center;
   background-size: 100%;
   margin-left: 10px;
   transition: .5s ease-in-out;
}

.wel-service .items .img {
   height: 500px;
}

.con-swiper .buts {
   font-size: 0;
   text-align: center;
}

.con-swiper .buts .swiper-pagination {
   width: 100%;
   text-align: center;
}

.con-swiper .buts .swiper-pagination-bullet {
   width: 10px;
   height: 10px;
   border-radius: 10px;
   background: #989a97;
   margin: 0 5px;
   transition: .5s ease-in-out;
   display: inline-block;
   vertical-align: middle;
}

.con-swiper .buts .swiper-pagination-bullet:hover {
   background: #004a9a;
   transition: .5s ease-in-out;
}

.con-swiper .buts .swiper-pagination-bullet-active {
   background: #004a9a;
   width: 35px;
   transition: .5s ease-in-out;
}

.wel-banner .buts .swiper-pagination {
   bottom: 65px;
}

.wel-banner .items {
   display: block;
   position: relative;
}

.wel-banner .images {
   /* height: 24.5rem; */
   height: 0;
   padding-top: 51.04%;
}

.wel-banner .words {
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   padding-top: 100px;
}

.wel-banner .text {
   padding-top: 4.625rem;
   color: #004a9a;
   line-height: 1.2;
}

.wel-banner .text .titen {
   font-size: 1.4rem;
   line-height: 1.1;
   color: #004a9a;
   font-family: "Microsoft YaHei UI", Arial;
   font-weight: bold;
}

.wel-banner .text .txtcn {
   font-size: 1.5rem;
   font-weight: bold;
   margin-top: 0.75rem;
   margin-bottom: 1.625rem;
}

.scroll-btn {
   position: relative;
   width: 110px;
   margin: 0 auto;
   text-align: center;
   height: 1px;
   cursor: pointer;
}

.scroll-btn .i {
   width: 1px;
   height: 120px;
   background: #000;
   position: relative;
   z-index: 5;
   margin: 0 auto;
   margin-top: -60px;
}

.scroll-btn .i:after {
   content: "";
   position: absolute;
   height: 50%;
   width: 1px;
   background: #ffffff;
   left: 0;
   top: 0;
}

.wel-banner {
   position: relative;
}

.wel-banner .scroll-btn {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
}

.wel-banner .scroll-btn .span {
   position: absolute;
   font-size: 14px;
   font-family: Arial;
   color: #ffffff;
   text-transform: uppercase;
   bottom: 0;
   width: 100%;
   left: 0;
   z-index: 5;
   text-align: center;
   padding-bottom: 75px;
}

.con-text .tit-en {
   font-family: "方正正中黑简体";
   font-size: 1.3rem;
   font-family: "SourceHanSerifCN", "Microsoft YaHei", Arial;
   line-height: 1.1;
   text-transform: uppercase;
   font-weight: bold;
   color: #004a9a;
   letter-spacing: 1px;
}

.con-text .tit-cn {
   font-size: 1rem;
   color: #004a9a;
   line-height: 1.1;
   font-weight: bold;
   margin-top: 15px;
}

.text-con {
   font-size: 16px;
   /* line-height: 36px; */
   /*color:#666;*/
}

.z-span {
   position: absolute;
   line-height: 1.1;
   bottom: -3%;
   /* left: -3%; */
   font-size: 7.5rem;
   font-weight: bold;
   color: rgba(0, 0, 0, 0.03);
   text-transform: uppercase;
   z-index: -2;
}

.wel-profile {
   position: relative;
   overflow: hidden;
}

.wel-profile .s-span {
   position: absolute;
   width: 50%;
   height: 100%;
   right: 0;
   top: 0;
   background: url(../image/j4.png) no-repeat right bottom;
   z-index: 0;
}

.wel-profile .profile {
   padding-top: 3.5rem;
   padding-bottom: 4.5rem;
   position: relative;
   z-index: 5;
}

.wel-profile .profile .words,
.wel-profile .profile .images {
   width: 50%;
}

.wel-profile .profile .words {
   padding-top: 1.5rem;
   padding-left: 1.75rem;
   padding-bottom: 2rem;
}

.wel-profile .profile .words .text {
   font-size: 16px;
   color: #666666;
   line-height: 36px;
   height: 218px;
   margin-top: 1.125rem;
   margin-bottom: 2.625rem;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   /* -webkit-line-clamp: 3; */
   overflow: hidden;
}

.wel-profile .profile .images {
   position: relative;
   padding-bottom: 2.75rem;
   /* padding-right: 4.75rem; */
}

.wel-profile .profile .images .video {
   position: relative;
   z-index: 2;
   width: 100%;
   height: auto;
   overflow: hidden;
   cursor: pointer;
}

.wel-profile .profile .images .video img {
   transition: .5s ease-in-out;
}

.wel-profile .profile .images .video:hover img {
   transition: .5s ease-in-out;
   transform: scale3d(1.05, 1.05, 1);
}

/* .wel-profile .profile .images .video:after {
	position: absolute;
	content: "";
	width: 60px;
	height: 60px;
	background: url(../image/play.png) no-repeat center;
	background-size: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
} */

.wel-profile .profile .images .img {
   position: absolute;
   right: 0;
   bottom: -120px;
   overflow: hidden;
   width: 281px;
   height: 281px;
}

.wel-service {
   overflow: hidden;
   /* background: #ececec; */
}

.wel-service .service {
   padding-top: 3.75rem;
   position: relative;
   padding-bottom: 2.25rem;
   z-index: 4;
}

.wel-service .welservice-con .con-text {
   position: relative;
}

.wel-service .welservice-con .buts {
   position: absolute;
   right: 0;
   top: 0;
   bottom: 0;
   margin: auto;
   height: 30px;
   line-height: 30px;
}

.wel-service .button,
.wel-service .page {
   display: inline-block;
   vertical-align: middle;
}

.wel-service .page {
   margin-left: 1.25rem;
}

.wel-service .swiper-pagination,
.wel-service .swiper-button-prev,
.wel-service .swiper-button-next {
   position: static;
   padding: 0;
   margin: 0;
   display: inline-block;
   vertical-align: middle;
   transition: .5s ease-in-out;
}

.wel-service .swiper-pagination {
   font-size: 18px;
   color: #999999;
}

.wel-service .swiper-pagination .swiper-pagination-current {
   font-weight: bold;
   color: #004a9a;
}

.wel-service .buts {
   line-height: 1;
}

.wel-service .button {
   width: 40px;
}

.wel-service .swiper-button-prev,
.wel-service .swiper-button-next {
   width: 100%;
   height: 20px;
}

.wel-service .swiper-button-disabled {
   opacity: 0 !important;
   transition: .5s ease-in-out;
}

.wel-service .swiper-button-next {
   background: url(../image/j9.png) no-repeat center;
   background-size: 100%;
}

.wel-service .swiper-button-prev {
   background: url(../image/j12.png) no-repeat center;
   background-size: 100%;
}

.wel-service .service-bg {
   width: 850px;
   left: 2.25rem;
   height: calc(100% - 2rem);
   position: absolute;
   bottom: 0;
   background: #ffffff;
   overflow: hidden;
}

.wel-service .service-bg .text-bg {
   font-size: 4.5rem;
   font-weight: bold;
   color: rgba(0, 0, 0, 0.03);
   line-height: 1.1;
   position: absolute;
   width: 90%;
   /* left: -3%; */
   bottom: -3%;
   text-align: center;
   text-transform: uppercase;
   z-index: 1;
}

.wel-service .welservice-con {
   position: relative;
   z-index: 3;
}

.wel-service .swiper-container {
   overflow: visible;
}

.wel-service .service-swiper {
   margin-top: 1.375rem;
}

.wel-service .welservice-con {
   width: 900px;
   margin: 0 auto;
}

.wel-service .swiper-slide-active .items:hover img {
   transition: .5s ease-in-out;
   transform: scale3d(1.05, 1.05, 1);
}

.wel-service .swiper-slide-active .items .img:before {
   transition: .5s ease-in-out;
   opacity: 1;
}

.wel-service .swiper-slide-active .items .img:after {
   transition: .5s ease-in-out;
   opacity: 0;
}

.wel-service .swiper-slide-active .items .words {
   opacity: 1;
   transition: .5s ease-in-out;
}

.wel-service .items {
   display: block;
   position: relative;
}

.wel-service .items .words {
   padding-top: .75rem;
   opacity: 0;
   transition: .5s ease-in-out;
}

.wel-service .items .words .tit {
   font-size: .75rem;
   font-family: "方正正中黑简体";
   color: #1a1a1a;
   line-height: 1rem;
   height: 1rem;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
   overflow: hidden;
}

.wel-service .items .words .txt {
   font-size: 0;
   margin-top: .75rem;
}

.wel-service .items .words .txt img {
   margin-right: 0.25rem;
}

.wel-service .items .words .txt img,
.wel-service .items .words .txt .span {
   display: inline-block;
   vertical-align: middle;
}

.wel-service .items .words .li {
   display: inline-block;
   font-size: 16px;
   color: #333333;
   font-weight: bold;
   line-height: 25px;
}

.wel-service .items .words .li:nth-child(n+2) {
   margin-right: 0.4rem;
}

.wel-service .items .img {
   position: relative;
   overflow: hidden;
   display: block;
}

.wel-service .items .img img {
   transition: .5s ease-in-out;
}

.wel-service .items .img:before {
   content: "";
   position: absolute;
   width: 2rem;
   height: 2rem;
   right: 0;
   bottom: 0;
   background: url(../image/j8.png) #004a9a no-repeat center;
   background-size: 100%;
   opacity: 0;
   transition: .5s ease-in-out;
   z-index: 2;
}

.wel-service .items .img:after {
   position: absolute;
   content: "";
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   background: rgba(0, 0, 0, 0.4);
   transition: .5s ease-in-out;
}

.tc {
   text-align: center;
}

.tr {
   text-align: right;
}

.wel-project {
   padding-top: 2.375rem;
   padding-bottom: 3.75rem;
   position: relative;
   overflow: hidden;
}

.wel-project .scroll-btn {
   position: absolute;
   bottom: 0;
   width: 100%;
}

.wel-project .scroll-btn .i:after {
   display: none;
}

.wel-project .more {
   margin: 0 auto;
   margin-top: 1.5rem;
}

.wel-project .pro-list {
   margin-top: 1.25rem;
   font-size: 0;
}

.wel-project .pro-list .li:hover img {
   transition: .5s ease-in-out;
   transform: scale3d(1.05, 1.05, 1);
}

.wel-project .pro-list .img {
   overflow: hidden;
   position: relative;
}

.wel-project .pro-list .img img {
   transition: .5s ease-in-out;
}

.wel-project .pro-list .img:after {
   position: absolute;
   left: 0;
   top: 0;
   content: "";
   width: 100%;
   height: 100%;
   background: url(../image/png.png) no-repeat left bottom;
   background-size: cover;
}

.wel-project .pro-list .items {
   display: inline-block;
   vertical-align: top;
}

.wel-project .pro-list .items .span {
   font-size: 0.6rem;
   font-family: "方正正中黑简体";
   color: #fff;
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   padding: .5rem .75rem;
}

.wel-project .pro-list .center {
   width: 48%;
   margin: 0 2%;
}

.wel-project .pro-list .left,
.wel-project .pro-list .right {
   width: 24%;
}

.wel-project .s-span {
   position: absolute;
   width: 50%;
   height: 97%;
   right: 0;
   top: 0;
   left: 50%;
   background: url(../image/j5.png) no-repeat left bottom;
   background-size: 100% 100%;
   z-index: 0;
}

.wel-project .pro-list .centerprobox {
   width: 30%;
   margin: 0 2%;
}

.wel-project .pro-list .leftprobox,
.wel-project .pro-list .rightprobox {
   width: 33%;
}

.wel-project .pro-list .li {
   position: relative;
   display: block;
}

.wel-project .pro-list .li:nth-child(2) {
   margin-top: 20px;
}

.wel-project .leftprobox .li:nth-child(2) {
   margin-top: 20px;
   float: right;
   width: 81%;
}

.wel-project .rightprobox .li:nth-child(1) {
   margin-top: -29%;
   width: 81%;
}

.wel-project .project {
   position: relative;
   z-index: 3;
}

.project-list .text-box .project-tit {
   min-height: 1.65rem;
}

.wel-news {
   padding-top: 2.875rem;
   padding-bottom: 2.375rem;
   background: #ececec;
}

.wel-news .items {
   cursor: pointer;
}

.wel-news a {
   display: block;
}

.wel-news .swiper-slide {
   width: auto;
}

.wel-news .news-con-list {
   margin-top: 1.5rem;
}

.wel-news .news-con-list .swiper-pagination {
   position: static;
   line-height: 1;
   margin-top: 1rem;
}

.wel-news .news-con-list .items {
   position: relative;
}

.wel-news .news-con-list .items .images {
   height: 300px;
   overflow: hidden;
}

.wel-news .news-con-list .items:hover .words {
   background: rgba(0, 74, 154, 0.9);
   transition: .5s ease-in-out;
}

.wel-news .news-con-list .items:hover .words .tit,
.wel-news .news-con-list .items:hover .words .txt,
.wel-news .news-con-list .items:hover .words .more {
   transition: .5s ease-in-out;
}

.wel-news .news-con-list .items:hover .words .time {
   color: rgba(255, 255, 255, 0.4);
}

.wel-news .news-con-list .items:hover .words .tit {
   color: #fff;
}

.wel-news .news-con-list .items:hover .words .txt {
   color: rgba(255, 255, 255, 0.6);
}

.wel-news .news-con-list .items:hover .words .more {
   background: url(../image/j0.png) no-repeat center;
   background-size: 100%;
}

.wel-news .news-con-list .items .words {
   /* position: absolute; */
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   background: #fff;
   padding: 1rem .75rem;
   padding-bottom: 0.875rem;
   transition: .5s ease-in-out;
}

.wel-news .news-con-list .items .words .img {
   width: 100%;
   height: 200px;
   overflow: hidden;
}

.wel-news .news-con-list .items .words .img img {
   width: 100%;
   height: 100%;
   object-fit: cover
}

.wel-news .news-con-list .items .time {
   line-height: 1;
   font-size: 14px;
   color: #004a9a;
}

.wel-news .news-con-list .items .tit,
.wel-news .news-con-list .items .txt,
.wel-news .news-con-list .items .more {
   transition: .5s ease-in-out;
}

.wel-news .news-con-list .items .tit {
   font-size: 18px;
   color: #333333;
   line-height: 30px;
   height: 60px;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
   font-weight: bold;
   margin-top: 0.375rem;
   margin-bottom: .5rem;
}

.wel-news .news-con-list .items .txt {
   font-size: 14px;
   line-height: 24px;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
   height: 40px;
   color: #808080;
}

.wel-news .news-con-list .items .more {
   width: 12px;
   height: 8px;
   background: url(../image/j3.png) no-repeat center;
   background-size: 100%;
   margin-top: 1rem;
}

.wel-news .news-tit {
   position: relative;
   padding-top: 2.25rem;
   padding-left: 200px;
   border-bottom: 1px solid #d4d4d4;
}

.wel-news .news-tit .con-text {
   position: absolute;
   left: 0;
   top: 0;
}

.wel-news .news-tit .welnews-swiper {
   font-size: 16px;
   color: #1a1a1a;
}

.wel-news .news-tit .swiper-slide {
   line-height: 1;
}

.wel-news .news-tit .swiper-slide:nth-child(n+2) {
   padding-left: 1rem;
}

.wel-news .news-tit .swiper-slide .li {
   font-family: "方正正中黑简体";
   padding-bottom: 1.125rem;
   position: relative;
   cursor: pointer;
   transition: .5s ease-in-out;
}

.wel-news .news-tit .swiper-slide .li:hover,
.wel-news .news-tit .swiper-slide .li.active {
   color: #004a9a;
   transition: .5s ease-in-out;
}

.wel-news .news-tit .swiper-slide .li:hover:after,
.wel-news .news-tit .swiper-slide .li.active:after {
   opacity: 1;
   transition: .5s ease-in-out;
}

.wel-news .news-tit .swiper-slide .li:after {
   position: absolute;
   content: "";
   height: 2px;
   width: 100%;
   background: #004a9a;
   left: 0;
   bottom: 0;
   opacity: 0;
   transition: .5s ease-in-out;
}

.s-span {
   width: 11.75rem;
   height: 14.175rem;
   position: absolute;
   left: 0;
   top: 0;
   z-index: -1;
}

.j-about-top {
   padding-top: 3rem;
   padding-bottom: 2.5rem;
   position: relative;
}

.j-about-top .a-span {
   width: 13.625rem;
   height: 10.375rem;
   position: absolute;
   right: 0;
   bottom: 0;
   z-index: -1;
}

.j-about-top .wordsbox {
   position: relative;
   z-index: 2;
}

.j-about-top .tit {
   color: #333;
}

.j-about-top .txt {
   margin-top: 1.25rem;
   margin-bottom: 1.25rem;
   color: #004a9a;
}

.j-about-top .words {
   width: 640px;
}

.j-about-top .images {
   width: 450px;
   height: 600px;
}

.j-about-top .s-more {
   margin-top: 2.125rem;
}

.s-more {
   display: inline-block;
   vertical-align: middle;
   font-size: 16px;
   font-family: "方正正中黑简体";
   color: #004a9a;
   line-height: 1.2;
   padding-bottom: 15px;
   border-bottom: 1px solid #004a9a;
   padding-right: 24px;
   box-sizing: border-box;
   position: relative;
   cursor: pointer;
}

.s-more:after {
   position: absolute;
   content: "";
   width: 10px;
   height: 5px;
   right: 0;
   top: 8px;
   background: url(../image/j18.png) no-repeat center;
   background-size: 100%;
}

.s-more.on {
   color: #e60012;
   border-bottom-color: #e60012;
}

.s-more.on:after {
   background: url(../image/j65.png) no-repeat center;
   background-size: 100%;
}

.j-about-bot {
   height: 12.5rem;
}

.con-column {
   background: #f5f5f5;
}

.j-ab-botswiper {
   position: relative;
}

.j-ab-botswiper .words-box {
   padding-top: 1.5rem;
   text-align: center;
}

.j-ab-botswiper .words-b {
   padding-bottom: 1.5rem;
}

.j-ab-botswiper .words-box .swiper-slide:nth-child(1) .items:after {
   display: none;
}

.j-ab-botswiper .words-box .items {
   line-height: 1;
   padding: 0 .2rem;
   position: relative;
}

.j-ab-botswiper .words-box .items:after {
   content: "";
   position: absolute;
   height: 70%;
   width: 1px;
   background: rgba(255, 255, 255, 0.1);
   left: 0;
   top: 0;
}

.j-ab-botswiper .words-box .num {
   padding-top: 2px;
   font-size: 2.5em;
}

.j-ab-botswiper .words-box .span {
   line-height: 1.5;
   margin-top: .5rem;
   font-size: 16px;
}

.j-ab-botswiper .words-box .num1 {
   font-size: 2.5rem;
   color: #004a9a;
   font-weight: bold;
}

.j-ab-botswiper .words-box .span1 {
   line-height: 1.5;
   margin-top: .2rem;
   font-size: 12px;
}

.j-ab-botswiper .buts {
   font-size: 0;
   position: absolute;
   right: 0;
   top: 0;
}

.j-ab-botswiper .swiper-button-next,
.j-ab-botswiper .swiper-button-prev {
   position: static;
   width: 50px;
   height: 50px;
   margin: 0;
   display: inline-block;
   background-color: rgba(255, 255, 255, 0.2);
   transition: .5s ease-in-out;
}

.j-ab-botswiper .swiper-button-next:hover,
.j-ab-botswiper .swiper-button-prev:hover {
   background-color: #004a9a;
   transition: .5s ease-in-out;
}

.j-ab-botswiper .swiper-button-prev {
   background-image: url(../image/prev1.png);
   background-repeat: no-repeat;
   background-position: center;
   background-size: 100%;
}

.j-ab-botswiper .swiper-button-next {
   margin-left: .75rem;
   background-image: url(../image/next1.png);
   background-repeat: no-repeat;
   background-position: center;
   background-size: 100%;
}

.j-about-bot {
   color: #fff;
   padding-top: 1.875rem;
   padding-bottom: 3.5rem;
}

.j-about-bot .txt {
   line-height: 50px;
}

.j-about-bot .tit {
   padding-bottom: 1.25rem;
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
   position: relative;
}

.j-leftfixed {
   left: 2.5rem;
   position: absolute;
}

.j-leftfixed .items {
   position: relative;
   display: block;
}

.j-leftfixed .items:nth-child(n+2) {
   margin-top: 0.875rem;
}

.j-leftfixed .items:hover .img,
.j-leftfixed .items.active .img {
   /*border-color: $color;*/
}

.j-leftfixed .items:hover .img img,
.j-leftfixed .items.active .img img {
   transition: .5s ease-in-out;
}

.j-leftfixed .items:hover .img .i0,
.j-leftfixed .items.active .img .i0 {
   opacity: 0;
}

.j-leftfixed .items:hover .img .i1,
.j-leftfixed .items.active .img .i1 {
   opacity: 1;
}

.j-leftfixed .items:hover .word,
.j-leftfixed .items.active .word {
   transition: .5s ease-in-out;
   opacity: 1;
   left: 0;
   padding-left: 75px;
}

.j-leftfixed .items .img {
   width: 50px;
   height: 50px;
   /*border:2px solid #999999;*/
   border-radius: 50%;
   position: relative;
   display: block;
}

.j-leftfixed .items .img img {
   display: block;
   transition: .5s ease-in-out;
}

.j-leftfixed .items .img .i1 {
   position: absolute;
   left: 0;
   top: 0;
   opacity: 0;
}

.j-leftfixed .items .word {
   position: absolute;
   top: 0;
   width: 300px;
   line-height: 1;
   font-size: 14px;
   text-transform: uppercase;
   color: #004a9a;
   opacity: 0;
   left: 100%;
   transition: .5s ease-in-out;
   top: 50%;
   transform: translateY(-50%);
}

.j-leftfixed .items .word .txt {
   margin-top: 0.25rem;
}

.j-serve {
   position: relative;
   padding-top: 3rem;
   padding-bottom: 4.25rem;
}

.j-serves-conbox .j-txt {
   margin-bottom: 1.75rem;
}

.text-con {
   text-align: center;
}

.text-con .j-tit {
   color: #333333;
   line-height: 1;
}

.text-con .j-txt {
   width: 80%;
   margin: 0 auto;
   margin-top: 1.25rem;
}

.j-estate .text-con .j-txt,
.j-serve .text-con .j-txt {
   text-align: justify;
}

.j-serves-swiper .swiper-slide,
.j-serves-swiper .itlist {
   display: block;
   border: 1px solid #cccccc;
   padding: .2rem;
   padding-top: 1.25rem;
   padding-bottom: .75rem;
   height: 230px;
}

.j-serves-swiper .items {
   display: block;
   position: relative;
   padding-top: 50px;
   line-height: 1;
   color: #666666;
   height: 100%;
   transition: .5s ease-in-out;
   text-align: center;
}

.j-serves-swiper .items .t-h0,
.j-serves-swiper .items .t-h1,
.j-serves-swiper .items .img,
.j-serves-swiper .items .line {
   transition: .5s ease-in-out;
}

.j-serves-swiper .items .t-h0 {
   font-size: .5rem;
   margin-top: 0.875rem;
}

.j-serves-swiper .items .t-h1 {
   font-size: 14px;
   color: #999999;
   margin-top: 0.375rem;
   margin-bottom: 0.6rem;
}

.j-serves-swiper .items .img {
   width: 50px;
   height: 50px;
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   margin: auto;
}

.j-serves-swiper .items .line {
   width: 40px;
   height: 1px;
   background: #cccccc;
   margin: 0 auto;
}

.j-serves-swiper .items .more {
   display: inline-block;
   vertical-align: middle;
   color: rgba(255, 255, 255, 0.6);
   position: absolute;
   left: 50%;
   opacity: 0;
   transform: translateX(-50%);
   z-index: -100;
   bottom: 1.125rem;
}

.j-serves-swiper {
   margin-top: 1.75rem;
}

.ser-swiper {
   position: relative;
}

.ser-swiper .buts .swiper-button-prev,
.ser-swiper .buts .swiper-button-next {
   width: 40px;
   height: 40px;
   border: 2px solid #004a9a;
   border-radius: 50%;
   transition: .5s ease-in-out;
}

.ser-swiper .buts .swiper-button-prev:hover,
.ser-swiper .buts .swiper-button-next:hover {
   background-color: #004a9a;
}

.ser-swiper .buts .swiper-button-prev {
   left: -20px;
   background: url(../image/prev0.png) #fff no-repeat center;
   background-size: 100%;
}

.ser-swiper .buts .swiper-button-prev:hover {
   background: url(../image/prev1.png) #004a9a no-repeat center;
   background-size: 100%;
}

.ser-swiper .buts .swiper-button-next {
   right: -20px;
   background: url(../image/next0.png) #fff no-repeat center;
   background-size: 100%;
}

.ser-swiper .buts .swiper-button-next:hover {
   background: url(../image/next1.png) #004a9a no-repeat center;
   background-size: 100%;
}

.j-estate-01 {
   padding-top: 3rem;
   padding-bottom: 2.25rem;
}

.j-estate-02 {
   min-height: 24rem;
   background: url(../image/j27.png) #f5f5f5 no-repeat center;
   background-size: cover;
   padding-top: 2.5rem;
   padding-bottom: 2.875rem;
   position: relative;
}

.j-estate-02 .tit {
   line-height: 1;
}

.j-estate-02 .map {
   margin-left: -60px;
}

.j-estate-02 .words {
   width: 360px;
}

.j-estate-02 .text-box {
   background: #004a9a;
   border-radius: 10px;
   position: relative;
   color: #fff;
   padding: 1rem .5rem .75rem .75rem;
}

.j-estate-02 .text-box:after {
   position: absolute;
   content: "";
   width: 11px;
   height: 22px;
   top: 3.25rem;
   left: -11px;
   background: url(../image/j30.png) no-repeat center;
   background-size: 100%;
}

.j-estate-02 .estate02 {
   position: relative;
}

.j-estate-02 .select .li {
   margin-bottom: .75rem;
}

.j-estate-02 .select select {
   width: 100%;
   border: none;
   outline: none;
   background: none;
   border: 1px solid #c4c4c4;
   height: 50px;
   font-size: 14px;
   color: #999999;
   padding-left: .5rem;
   padding-right: .75rem;
   background: url(../image/j31.png) no-repeat 90%;
}

.j-estate-02 .words {
   position: relative;
}

.j-estate-02 .wordss {
   font-size: 0;
   color: #666666;
   line-height: 1;
   position: absolute;
   top: 10rem;
   right: 0;
   text-align: right;
}

.j-estate-02 .wordss .p {
   line-height: 0.75rem;
   font-size: 0.4rem;
}

.j-estate-02 .wordss .txt {
   font-size: 0.5rem;
   color: #666666;
   margin-bottom: 0.55rem;
   margin-top: .5rem;
}

.j-estate-02 .wordss .text {
   color: #004a9a;
   letter-spacing: -.02rem;
   font-size: 0;
}

.j-estate-02 .wordss .text span {
   font-size: 1.5rem;
   font-family: Arial;
   display: inline-block;
   vertical-align: middle;
}

.j-estate-02 .wordss .text span sup,
.j-estate-02 .wordss .text span sub {
   font-size: .9rem;
}

.j-estate-02 .textbox {
   height: 490px;
   position: relative;
}

.j-estate-02 .textbox .txt {
   line-height: 1;
   font-size: 24px;
   height: 40px;
}

.j-estate-02 .textbox .list {
   height: calc(100% - 40px);
   overflow-y: auto;
}

.j-estate-02 .textbox .list .items {
   color: #ffffff;
   font-size: 16px;
   line-height: 1.2;
}

.j-estate-02 .textbox .list .items .span {
   padding: .5rem 0;
}

.j-estate-02 .textbox .list::-webkit-scrollbar-track {
   background: #336eae;
}

.j-estate-02 .textbox .list::-webkit-scrollbar-thumb {
   background: #fff;
   /*border-radius: 4px;*/
}

.j-estate-02 .textbox .list::-webkit-scrollbar-thumb:window-inactive {
   background: #fff;
}

.j-estate-02 .textbox .list::-webkit-scrollbar-thumb:vertical:hover {
   background: #fff;
}

.j-estate-03 {
   padding-top: 2.25rem;
   padding-bottom: 1.75rem;
}

.j-estate-03 .tit {
   line-height: 1;
   margin-bottom: 1.25rem;
}

.j-estate-03 .items {
   position: relative;
   cursor: pointer;
}

.j-estate-03 .items:hover .words .text,
.j-estate-03 .items:hover .words .tbox {
   transition: .5s ease-in-out;
}

.j-estate-03 .items:hover .words .tbox {
   opacity: 1;
}

.j-estate-03 .items:hover .words .text {
   opacity: 0;
}

.j-estate-03 .items .images {
   overflow: hidden;
}

.j-estate-03 .items .words {
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   font-size: 14px;
   color: #fff;
}

.j-estate-03 .items .words .t0 {
   line-height: 1.1;
}

.j-estate-03 .items .words .line {
   margin-top: .75rem;
   margin-bottom: .75rem;
   width: 50px;
   height: 2px;
   background: rgba(255, 255, 255, 0.4);
}

.j-estate-03 .items .words .text {
   height: 1rem;
   line-height: 1rem;
   width: 100%;
   position: absolute;
   top: 0;
   bottom: 0;
   margin: auto;
   left: 0;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
   overflow: hidden;
   text-align: center;
}

.j-estate-03 .items .words .text,
.j-estate-03 .items .words .tbox {
   transition: .5s ease-in-out;
}

.j-estate-03 .items .words .tbox {
   padding: 1.625rem 0.875rem 1.5rem 0.875rem;
   height: 100%;
   background: url(../image/j34.png) no-repeat center;
   background-size: cover;
   overflow: hidden;
   overflow-y: auto;
   opacity: 0;
}

.j-estate-03 .list-bot {
   font-size: 0;
   margin-top: .75rem;
}

.j-estate-03 .list-bot .items {
   display: inline-block;
   vertical-align: top;
   width: 49%;
   margin-left: 2%;
   margin-bottom: 2%;
}

.j-estate-03 .list-bot .items:nth-child(2n+1) {
   margin-left: 0;
}

.j-estate-bot {
   position: relative;
   line-height: 200px;
}

.j-estate-bot .images {
   height: 200px;
}

.j-estate-bot img {
   display: inline-block;
   width: 100px;
}

.j-estate-bot .words {
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   color: #fff;
   display: block;
}

.j-estate-bot:hover .tit:after {
   right: 10px;
   transition: .5s ease-in-out;
}

.j-estate-bot .tit {
   padding-right: 110px;
   position: relative;
}

.j-estate-bot .tit:after {
   position: absolute;
   width: 50px;
   height: 50px;
   content: "";
   background: url(../image/next1.png) no-repeat center;
   background-size: 100%;
   right: 0;
   top: 0;
   bottom: 0;
   margin: auto;
   transition: .5s ease-in-out;
}

.j-estate-bot .tit,
.j-estate-bot .img {
   height: 100%;
}

.j-estate-bot .text {
   height: 100%;
}

.j-text .t0 {
   font-size: 18px;
   font-family: "方正正中黑简体";
   line-height: 25px;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
   overflow: hidden;
   height: 25px;
   color: #333333;
}

.j-text .t1 {
   font-size: 14px;
   line-height: 24px;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
   height: 48px;
   color: #666666;
   margin-top: 0.375rem;
   margin-bottom: 1rem;
}

.j-span {
   width: 16px;
   height: 12px;
   background: url(../image/j40.png) no-repeat center;
   background-size: 100%;
}

.j-news-select {
   font-size: 0;
}

.j-news-select .li {
   display: inline-block;
   vertical-align: middle;
   font-size: 14px;
   color: #999999;
   height: 50px;
   background: #f5f5f5;
   /* margin-left: 1.6666666667%; */
}

.j-news-select .li:nth-child(1) {
   margin-left: 0;
}

.j-news-select .li input,
.j-news-select .li select {
   height: 100%;
   width: 100%;
   background: unset;
   padding-left: .5rem;
   font-family: '方正正中黑简体';
}

.j-news-select .li select {
   background: url(../image/j39.png) no-repeat calc(100% - .5rem);
}

.j-news-select .select {
   width: 20%;
}

.j-news-select .input {
   width: 40%;
}

.j-news-select .select-join {
   width: 15%;
   font-family: "方正正中黑简体";
}


.care-swiper {
   margin: 1rem auto 0;
}

.c_items {
   width: 80%;
   display: block;
   margin: 0 auto;
}

.c_items .words .img {
   width: 100%;
   height: 0;
   padding-top: 60%;
   position: relative;
}

.c_items .words .img img {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   object-fit: cover;
}

.c_items .words .tit {
   font-size: 22px;
   color: #333;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   margin: 0.3rem 0 0.1rem;
}

.c_items .words .txt {
   font-size: 18px;
   color: #737373;
   margin-bottom: 0.1rem;
}

.c_items .words .time {
   font-size: 16px;
   color: #004a9a;
   margin-top: 0.5rem;
}

.c_items .words .more {
   width: 12px;
   height: 8px;
   background: url(../image/j3.png) no-repeat center;
   background-size: 100%;
   margin-top: 0.6rem;
}

.care-swiper .swiper-container .swiper-button-prev {
   background: url(../image/cl.png) no-repeat center;
   width: 70px;
   height: 70px;
   background-size: 100%;
}

.care-swiper .swiper-container .swiper-button-next {
   background: url(../image/cr.png) no-repeat center;
   width: 70px;
   height: 70px;
   background-size: 100%;
}



.online-item {
   margin: 0.5rem 0 1.5rem;
}

.online-button {
   text-align: center;
   background: #004a9a;
   color: #fff;
   border: 0;
   height: 44px;
   padding: 0 15px;
   margin: 0 15px;
}

.online-button-line {
   text-align: center;
   color: #004a9a;
   border: 2px solid #004a9a;
   background: #fff;
   height: 44px;
   padding: 0 15px;
   margin: 0 15px;
}

.online-item .j-news-select {
   margin-bottom: 0.8rem;
}

.online-title {
   font-size: 18px;
   font-family: '方正正中黑简体';
   border-bottom: 1px solid #dbdbdb;
   margin-bottom: 0.8rem;
   padding-bottom: 0.5rem;
}

.online-item span {
   display: none;
}

.j-news-select .online-li {
   font-family: '方正正中黑简体';
   font-size: 14px;
   color: #333;
   height: 50px;
   line-height: 50px;
   float: left;
   width: 17%;
}

.j-news-select .online-li.ml {
   margin-left: 1.6666%;
}

.j-news-select .online-select {
   width: 32%;
   float: left;
}

.j-news-select .online-input {
   width: 32%;
   float: left;
}

.j-news-select .online-textarea {
   width: 82.3%;
   float: left;
   height: 150px;
}

.j-news-select .online-textarea textarea {
   font-family: '方正正中黑简体';
   width: 95%;
   padding: 1% 2%;
   height: 150px;
   background: transparent;
}

.j-news-select .select-input {
   width: 30%;
}


.local-con {
   margin-top: 1rem;
}

.local-con .local-bd .local-info {
   /* width: 49.2%;
	position: relative;
	margin-top:-4%;
	z-index: 2; */
   width: 59.2%;
   position: relative;
   margin-top: -20%;
   z-index: 2;
}

.local-con .local-bd .local-info img {
   position: absolute;
   z-index: -1;
   width: 100%;
}

.local-con .local-bd .local-info h2 {
   font-family: '方正正中黑简体';
   font-size: 1.1em;
   padding: 45px 0 10px 2em;
   color: #fff;
}

.local-con .local-bd .local-info p {
   font-family: '方正正中黑简体';
   font-size: 0.8em;
   color: #fff;
   padding: 0 0 0 2em;
}

.local-con .local-flex {
   display: flex;
   align-content: center;
   margin: 0.7rem 0;
   border-bottom: 2px solid #f5f5f5;
   padding-bottom: 0.7rem;
   justify-content: flex-start;
}

.local-con .local-flex:last-child {
   border-bottom: 0
}

.local-con .local-bd .fl {
   margin-top: 15%;
}

.local-con .local-flex img {
   width: 60px;
   height: 60px;
   align-self: center;
   margin: 0 30px;
   flex: 0 0 auto;
}

.local-con .local-flex .local-p {
   align-self: center;
   font-family: '方正正中黑简体';
}


.j-news-bot .items1 {
   display: inline-block;
   vertical-align: top;
   font-size: 14px;
   width: 47%;
   margin-left: 2%;
   margin-bottom: 1.125rem;
   background-color: #f5f5f5;
   padding: 20px;
}

.j-text .t2 {
   font-size: 14px;
   font-family: '方正正中黑简体';
   line-height: 24px;
   /* display: -webkit-box; */
   -webkit-line-clamp: 2;
   overflow: hidden;
   color: #666666;
   margin-top: 0.375rem;
}


.j-news-select .submit {
   width: 15%;
   background: #004a9a;
   color: #fff;
   position: relative;
}

.j-news-select .submit:after {
   position: absolute;
   content: "";
   right: 1rem;
   width: 20px;
   height: 20px;
   top: 0;
   bottom: 0;
   background: url(../image/j41.png) no-repeat center;
   background-size: 100%;
   margin: auto;
}

.j-news-select .submit input {
   padding-left: 0;
   text-align: left;
   padding-left: 1.75rem;
}

.j-news-top {
   position: relative;
}

.j-news-top .images,
.j-news-top .words {
   width: 50%;
}

.j-news-top .words {
   height: 100%;
   position: absolute;
   right: 0;
}

.j-news-top .words .p {
   font-size: 14px;
   line-height: 24px;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
   height: 48px;
   color: #666666;
}

.j-news-top .words .tit-01,
.j-news-top .words .tit-02,
.j-news-top .words .p {
   transition: .5s ease-in-out;
}

.j-news-top .words .tit {
   line-height: 23px;
   height: 23px;
   margin-bottom: 0.625rem;
}

.j-news-top .words .tit .tit-01 {
   font-size: 18px;
   font-family: '方正正中黑简体';
   color: #333333;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
   overflow: hidden;
   height: 100%;
   max-width: calc(100% - 80px);
}

.j-news-top .words .tit .tit-02 {
   font-size: 13px;
   color: #004a9a;
   font-style: normal
}

.j-news-top .words .tit .tit-02 i {
   font-style: normal
}

.j-news-top .words .li {
   height: 33.3%;
   display: block;
   padding: 0.375rem 0.5rem 0.75rem 1.25rem;
   position: relative;
}

.j-news-top .words .li .tit-01,
.j-news-top .words .li .tit-02,
.j-news-top .words .li .p {
   transition: .5s ease-in-out;
}

.j-news-top .words .li:hover,
.j-news-top .words .li.active {
   background: #004a9a;
   transition: .5s ease-in-out;
   color: #fff;
}

.j-news-top .words .li:hover .tit-01,
.j-news-top .words .li.active .tit-01 {
   color: #ffffff;
}

.j-news-top .words .li:hover .tit-02,
.j-news-top .words .li.active .tit-02 {
   color: rgba(255, 255, 255, 0.4);
}

.j-news-top .words .li:hover .p,
.j-news-top .words .li.active .p {
   color: rgba(255, 255, 255, 0.6);
}

.j-news-top .words .li:hover:after,
.j-news-top .words .li.active:after {
   transition: .5s ease-in-out;
   opacity: 0;
}

.j-news-top .words .li:after {
   position: absolute;
   content: "";
   height: 1px;
   width: calc(100% - (50rem/40));
   background: #e5e5e5;
   right: 0;
   bottom: 0;
   transition: .5s ease-in-out;
}

.j-news-top .images .items {
   position: relative;
}

.j-news-top .images .items .span {
   position: absolute;
   width: 100%;
   bottom: 0;
   font-size: 18px;
   font-family: '方正正中黑简体';
   color: #fff;
   line-height: 1.6;
   padding: 0.875rem 0.625rem;
   transition: .5s ease-in-out;
}

.j-news-top .items {
   display: block;
}

.j-news-bot .list {
   font-size: 0;
   padding-bottom: 1rem;
}

.j-news-bot .items {
   display: inline-block;
   vertical-align: top;
   font-size: 14px;
   width: 32%;
   margin-left: 2%;
   margin-bottom: 1.125rem;
}

.j-news-bot .items .txt {
   position: relative;
}

.j-news-bot .items .txt .span {
   width: 16px;
   height: 12px;
   background: url(../image/j40.png) no-repeat center;
   background-size: 100%;
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   margin: auto;
}

.j-news-bot .items .txt .num {
   line-height: 1;
}

.j-news-bot .items .txt .n {
   font-size: 30px;
   margin-bottom: 10px;
   color: #004a9a;
}

.j-news-bot .items .txt .m {
   font-size: 13px;
   color: #999999;
}

.j-news-bot .items .img {
   overflow: hidden;
   width: 100%;
   height: 0;
   padding-top: 66.66%;
   position: relative;
}

.j-news-bot .items .img img {
   transition: .5s ease-in-out;
   position: absolute;
   bottom: 0;
   right: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.j-news-bot .items:hover img {
   transition: .5s ease-in-out;
   transform: scale3d(1.05, 1.05, 1);
}

.j-news-bot .items .words {
   padding-top: 0.875rem;
}

.j-news-bot .items .words .t0 {
   font-size: 18px;
   font-family: '方正正中黑简体';
   line-height: 25px;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
   overflow: hidden;
   height: 25px;
   color: #333333;
}

.j-news-bot .items .words .t1 {
   font-size: 14px;
   line-height: 24px;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
   height: 48px;
   color: #666666;
   margin-top: 0.375rem;
   margin-bottom: 1rem;
}

.j-news-bot .items .words .txt {
   border-top: 1px solid #e5e5e5;
   padding-top: 0.375rem;
   padding-bottom: 0.375rem;
}

.j-news-bot .items:nth-child(3n+1) {
   margin-left: 0;
}

.j-news {
   padding-top: 2.75rem;
   padding-bottom: 4.25rem;
}

.j-news .j-news-select {
   margin-bottom: 2rem;
}

.j-news .j-news-bot {
   margin-top: 2rem;
}

.j-announcement .time {
   color: #004a9a;
   margin-bottom: 15px;
}

.j-announcement .list {
   padding-bottom: 1.25rem;
}

.j-announcement .items {
   display: block;
   margin-bottom: .75rem;
   background: #f5f5f5;
   padding: 0 20px;
   height: 250px;
   line-height: 250px;
}

.j-announcement .items:hover .words .t0 {
   color: #004a9a;
   transition: .5s ease-in-out;
}

.j-announcement .items:hover img {
   transition: .5s ease-in-out;
   transform: scale3d(1.05, 1.05, 1);
}

.j-announcement .items .t0 {
   font-size: 24px;
   line-height: 30px;
   height: 30px;
}

.j-announcement .items.active .words {
   width: 100%;
}

.j-announcement .items.active .img {
   display: none;
}

.j-announcement .items .i {
   overflow: hidden;
}

.j-announcement .items img {
   display: block;
   transition: .5s ease-in-out;
}

.j-announcement .items .box {
   line-height: 1;
   display: inline-block;
   vertical-align: middle;
}

.j-announcement .items .words {
   width: calc(100% - 300px);
   padding-left: 130px;
   position: relative;
   height: 100%;
}

.j-announcement .items .img {
   padding: 20px 0;
}

.j-announcement .items .num {
   width: 130px;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   border-right: 1px solid #dcdcdc;
   padding-right: 10px;
   text-align: center;
   font-size: 16px;
   color: #004a9a;
   font-family: Arial;
}

.j-announcement .items .num .n {
   font-size: 1.5rem;
   margin-bottom: 15px;
}

.j-announcement .items .text {
   padding-left: 1.25rem;
   padding-right: 1.875rem;
}

.j-announcement .items .text:after {
   position: absolute;
   content: "";
}

.j-tabloid {
   padding-top: 0.25rem;
}

.j-tabloid .list {
   font-size: 0;
}

.j-tabloid .list .items {
   display: inline-block;
   vertical-align: top;
   width: 32%;
   margin-left: 2%;
}

.j-tabloid .list .items img {
   transition: .5s ease-in-out;
}

.j-tabloid .list .items .img {
   overflow: hidden;
}

.j-tabloid .list .items .j-span {
   background: url(../image/j43.png) no-repeat center;
   background-size: 100%;
   transition: .5s ease-in-out;
}

.j-tabloid .list .items:hover img {
   transition: .5s ease-in-out;
   transform: scale3d(1.05, 1.05, 1);
}

.j-tabloid .list .items:hover .words .tit {
   color: #004a9a;
   transition: .5s ease-in-out;
}

.j-tabloid .list .items:hover .j-span {
   background: url(../image/j40.png) no-repeat center;
   background-size: 100%;
   transition: .5s ease-in-out;
}

.j-tabloid .list .items:nth-child(3n+1) {
   margin-left: 0;
}

.j-tabloid .list .items .words {
   padding-bottom: 1.25rem;
   padding-top: 0.875rem;
}

.j-tabloid .list .items .tit {
   margin-bottom: .75rem;
   transition: .5s ease-in-out;
}

.j-tabloid .list .items .words .tit {
   /*height: 56px;*/
   line-height: 26px;
   font-size: 16px;
   color: #333333;
   /*display: -webkit-box;*/
   /*-webkit-box-orient: vertical;*/
   /*-webkit-line-clamp: 2;*/
   /*overflow: hidden;*/
}

.j-video .list {
   font-size: 0;
   padding-bottom: 0.25rem;
}

.j-video .items {
   display: block;
   width: 49%;
   margin-left: 2%;
   display: inline-block;
   vertical-align: top;
   cursor: pointer;
}

.j-video .items:hover img {
   transition: .5s ease-in-out;
   transform: scale3d(1.05, 1.05, 1);
}

.j-video .items .img {
   overflow: hidden;
}

.j-video .items img {
   transition: .5s ease-in-out;
}

.j-video .items .words {
   padding-top: 0.625rem;
   padding-bottom: 2.375rem;
}

.j-video .items .img {
   position: relative;
}

.j-video .items .img:after {
   position: absolute;
   width: 1.25rem;
   content: "";
   height: 1.25rem;
   background: url(../image/j44.png) no-repeat center;
   background-size: 100%;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 3;
}

.j-video .items:nth-child(2n+1) {
   margin-left: 0;
}

.j-video .items .tit {
   font-size: 18px;
   line-height: 28px;
   height: 28px;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
   overflow: hidden;
}

.j-publications .list {
   font-size: 0;
   padding-bottom: .5rem;
}

.j-publications .items {
   display: inline-block;
   width: 16%;
   vertical-align: top;
   margin-left: 12%;
}

.j-publications .items .img {
   overflow: hidden;
}

.j-publications .items:hover img {
   transition: .5s ease-in-out;
   transform: scale3d(1.05, 1.05, 1);
}

.j-publications .items:nth-child(4n+1) {
   margin-left: 0;
}

.j-publications .items img {
   transition: .5s ease-in-out;
}

.j-publications .items .words {
   padding-top: 0.625rem;
   padding-bottom: 1.375rem;
}

.j-publications .items .tit {
   font-size: 14px;
   line-height: 20px;
   height: 40px;
   overflow: hidden;
   color: #333333;
   text-align: center;
}

.ideadevelopment {
   padding: 0 !important;
   margin: 0;
}

.attention-swiper {
   position: relative;
}

.attention-swiper .span,
.attention-swiper .swiper-pagination,
.attention-swiper .swiper-button-prev,
.attention-swiper .swiper-button-next {
   position: static;
   display: inline-block;
   vertical-align: middle;
   width: auto;
   font-size: 14px;
   color: #999999;
}

.attention-swiper .swiper-pagination {
   padding-left: .25rem;
}

.attention-swiper .swiper-pagination .swiper-pagination-current {
   color: #004a9a;
}

.attention-swiper .span {
   line-height: 25px;
   position: relative;
}

.attention-swiper .span:after {
   position: absolute;
   content: "";
   height: 100%;
   width: 1px;
   background: #c4c4c4;
   left: 0;
   top: 0;
   bottom: 0;
   right: 0;
   margin: auto;
}

.attention-swiper .swiper-button-prev,
.attention-swiper .swiper-button-next {
   width: 10px;
   height: 20px;
   margin: 0;
   opacity: .6;
   margin: 0 .5rem;
}

.attention-swiper .swiper-button-prev:hover,
.attention-swiper .swiper-button-next:hover {
   opacity: 1;
}

.attention-swiper .swiper-button-prev {
   background: url(../image/j48.png) no-repeat center;
   background-size: 100%;
}

.attention-swiper .swiper-button-next {
   background: url(../image/j47.png) no-repeat center;
   background-size: 100%;
}

.attention-swiper .buts {
   position: absolute;
   right: 1.375rem;
   bottom: 1.125rem;
   z-index: 5;
}

.attention-top {
   padding-top: 3rem;
   padding-bottom: 2.5rem;
}

.attention-top .items {
   display: block;
   position: relative;
}

.attention-top .items .img {
   position: relative;
}

.attention-top .items:hover img {
   transform: scale3d(1.05, 1.05, 1);
   transition: .5s ease-in-out;
}

.attention-top .items .img {
   overflow: hidden;
}

.attention-top .items .img img {
   transition: .5s ease-in-out;
}

.attention-top .items .t1 {
   height: 72px;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
   overflow: hidden;
}

.attention-top .items .words {
   background: #f5f5f5;
   position: absolute;
   height: 100%;
   right: 0;
   padding: 1.875rem 1.375rem 1rem 1.25rem;
}

.attention-top .items .time {
   line-height: 25px;
   color: #999999;
   font-size: 14px;
   position: absolute;
   left: 1.25rem;
   bottom: 1.125rem;
}

.attention-top .img,
.attention-top .words {
   width: 50%;
}

.attention-center {
   background: url(../image/i13.jpg) no-repeat center;
   background-size: cover;
   padding-top: 1.75rem;
   padding-bottom: 2.875rem;
}

.attention-center .swiper-pagination {
   position: static;
}

.attention-bot {
   padding-top: 2.25rem;
   padding-bottom: 4.25rem;
}

.j-attention .pdf {
   width: 45px;
   height: 25px;
   line-height: 25px;
   border-radius: 3px;
   overflow: hidden;
   background: #e60012;
   color: #ffffff;
   font-size: 14px;
   text-align: center;
   position: absolute;
   right: 0.375rem;
   top: 0.375rem;
}

.j-attention .items {
   cursor: pointer;
}

.j-attention .items.video .img {
   position: relative;
}

.j-attention .items.video .img:after {
   position: absolute;
   content: "";
   width: 60px;
   height: 60px;
   background: url(../image/j44.png) no-repeat center;
   background-size: 100%;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
}

.attention-bot {
   position: relative;
}

.attention-bot .swiper-pagination {
   position: static;
   margin-bottom: 0;
}

.attention-bot .buts .swiper-pagination {
   line-height: 1;
   margin-top: 3.25rem;
}

.attention-bot .items {
   display: block;
   position: relative;
}

.attention-bot .items .j-span {
   background: url(../image/j43.png) no-repeat center;
   background-size: 100%;
   transition: .5s ease-in-out;
}

.attention-bot .items:hover img {
   transition: .5s ease-in-out;
   transform: scale3d(1.05, 1.05, 1);
}

.attention-bot .items:hover .j-span {
   background: url(../image/j40.png) no-repeat center;
   background-size: 100%;
   transition: .5s ease-in-out;
}

.attention-bot .items img {
   transition: .5s ease-in-out;
}

.attention-bot .items .t0 {
   font-size: 18px;
   line-height: 28px;
   height: 56px;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
   color: #333333;
}

.attention-bot .items .time {
   font-size: 13px;
   color: #999999;
   width: 100%;
}

.attention-bot .items .box {
   position: relative;
   height: 100%;
}

.attention-bot .items .img {
   width: 320px;
   height: 300px;
   overflow: hidden;
}

.attention-bot .items .img img {
   transition: .5s ease-in-out;
}

.attention-bot .items .words {
   width: calc(100% - 320px);
   position: absolute;
   height: 100%;
   right: 0;
   padding: 1.125rem 0.875rem 1.25rem 0.75rem;
}

.attention-bot .items .time {
   position: absolute;
   bottom: 0;
   padding-top: .75rem;
   border-top: 1px solid #e5e5e5;
}

.attention-bot .items .time .nu {
   position: relative;
}

.attention-bot .items .time .nu .j-span {
   position: absolute;
   right: 0;
   bottom: 0;
}

.attention-bot .words {
   border: 1px solid #e5e5e5;
   border-left: none;
}

.j-about .text-con {
   text-align: left;
}

.j-speech-01 {
   /* background: url(../image/j51.png) no-repeat center; */
   background-size: cover;
}

.j-speech-01 .images {
   width: 456px;
   height: auto;
}

.j-speech-01 .words {
   width: 725px;
   padding-top: .75rem;
}

.j-speech-01 .words .i-img {
   margin-top: 1rem;
}

.j-speech-01 .words .tit {
   margin-bottom: 1.25rem;
}

.j-speech-01 .words .p {
   line-height: 26px;
   font-size: 16px;
   color: #666666;
}

.j-speech-02 {
   background: url(../image/i15.jpg) no-repeat center;
   background-size: cover;
   padding-top: 2.5rem;
   padding-bottom: 4rem;
}

.j-speech-02 .tit {
   color: #333;
   margin-bottom: 0.875rem;
}

.text-speech2 {
   position: relative;
}

.text-speech2 .t-bot {
   position: absolute;
   left: 0;
   bottom: 0;
   font-size: 12px;
   color: #666666;
   text-transform: uppercase;
   padding-top: 0.55rem;
   border-top: 1px solid #b8bec4;
   width: calc(320px - 2.25rem);
}

.text-speech2 .txt {
   width: 320px;
   padding-right: 2.25rem;
   color: #004a9a;
   line-height: 1.2;
}

.text-speech2 .txt .t0 {
   font-size: 24px;
}

.text-speech2 .txt .t1 {
   font-size: 16px;
   line-height: 30px;
   margin-top: 20px;
}

.text-speech2 .tnt {
   width: calc(100% - 330px);
   height: 320px;
   overflow-y: auto;
   font-size: 16px;
   color: #333333;
   line-height: 30px;
   padding-right: 1.25rem;
}

.text-speech2 .tnt::-webkit-scrollbar {
   width: 1px;
   height: 1px;
}

.text-speech2 .tnt::-webkit-scrollbar-track {
   background: #d0d7de;
}

.text-speech2 .tnt::-webkit-scrollbar-thumb {
   background: #91969b;
   /*border-radius: 4px;*/
}

.text-speech2 .tnt::-webkit-scrollbar-thumb:window-inactive {
   background: #91969b;
}

.text-speech2 .tnt::-webkit-scrollbar-thumb:vertical:hover {
   background: #91969b;
}

.j-culture .images {
   position: relative;
}

.j-culture .images:after {
   position: absolute;
   content: "";
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   background: rgba(0, 0, 0, 0.4);
}

.j-culture .items {
   position: relative;
   display: block;
}

.j-culture .items .images {
   overflow: hidden;
}

.j-culture .items:hover img {
   transition: .5s ease-in-out;
   transform: scale3d(1.05, 1.05, 1);
}

.j-culture .items:hover .words .b {
   background-color: #004a9a;
   border-color: #004a9a;
}

.j-culture .items img {
   transition: .5s ease-in-out;
}

.j-culture .items .words {
   text-align: center;
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   line-height: 1;
   color: #ffffff;
}

.j-culture .items .words .txt {
   position: absolute;
   height: 3.75rem;
   width: 100%;
   top: 0;
   bottom: 0;
   margin: auto;
}

.j-culture .items .words .b {
   width: 1.375rem;
   height: 1.375rem;
   border-radius: 50%;
   border: 2px solid #ffffff;
   background: url(../image/a.png) no-repeat center;
   background-size: 100%;
   margin: 0 auto;
   margin-top: 1.125rem;
   transition: .5s ease-in-out;
}

body.on,
html.on {
   overflow: hidden;
   padding-right: 4px;
}

.text-fixed-words {
   position: fixed;
   z-index: 20;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.4);
   left: 0;
   top: 0;
   display: none;
}

.text-fixed-words .close {
   position: absolute;
   right: 10px;
   top: 10px;
   width: 30px;
   height: 30px;
   background: url(../image/closes.png) no-repeat center;
   background-size: 100%;
   opacity: 1;
}

.text-fixed-words .left {
   width: 100%;
   height: 100%;
   overflow: auto;
}

.text-fixed-words .fixed-box {
   position: absolute;
   left: 50%;
   top: 50%;
   background: #ffffff;
   transform: translate(-50%, -50%);
   padding: 1rem;
   max-height: 70%;
   overflow: hidden;
   overflow-y: auto;
}

.text-fixed-words .fixed-box .left {
   width: 100%;
}

.j-roads-images {
   /* height: 18.75rem; */
   height: 0;
   padding-top: 39.06%;
   position: relative;
   overflow: hidden;
   font-family: "方正正中黑简体";
}

.j-roads-images .psp {
   position: absolute;
   width: 1.25rem;
   height: 1.25rem;
   bottom: 1.5rem;
   left: 0;
   right: 0;
   margin: auto;
   background: url(../image/psp.png) no-repeat center;
   background-size: 100%;
   border: 1px solid rgba(255, 255, 255, .4);
   border-radius: 50%;
   cursor: pointer;
   transition: .5s ease-in-out;
}

.j-roads-images .psp:hover {
   background-color: #004a9a;
   border-color: #004a9a;
   transition: .5s ease-in-out;
}

.j-roads-images .words {
   position: absolute;
   top: 5.375rem;
   left: 50%;
   transform: translateX(-50%);
   font-size: 14px;
   color: rgba(255, 255, 255, 0.6);
}

.j-roads-images .img {
   position: relative;
}

.j-roads-images .img .text {
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   font-size: 0;
}

.j-roads-images .img .text .li {
   font-size: 14px;
   display: inline-block;
   width: 10%;
   position: relative;
   height: 100%;
}

.j-roads-images .img .text .li .p {
   /*word-break: keep-all;*/
   line-height: 24px;
   margin-top: 5px;
}

.j-roads-images .img .text .li .box {
   position: absolute;
   width: 150%;
   left: 50%;
   transform: translateX(-30%);
}

.j-roads-images .img .text .li:nth-child(2n+1) .box {
   padding-top: .5rem;
}

.j-roads-images .img .text .li .tit,
.j-roads-images .img .text .li .txt {
   font-size: 16px;
   line-height: 1;
   color: #ffffff;
}

.j-roads-images .img .text .li .txt {
   margin-top: 10px;
}

.j-roads-images .img .text .li0 .box {
   top: 100%;
   left: 0;
   transform: translateX(0);
}

.j-roads-images .img .text .li1 .box {
   top: 140px;
}

.j-roads-images .img .text .li2 .box {
   top: 220px;
}

.j-roads-images .img .text .li3 .box {
   top: 70px;
}

.j-roads-images .img .text .li4 .box {
   top: 175px;
}

.j-roads-images .img .text .li5 .box {
   top: 0;
}

.j-roads-images .img .text .li6 .box {
   top: 125px;
}

.j-roads-images .img .text .li7 .box {
   top: -25px;
}

.j-roads-images .img .text .li8 .box {
   top: 80px;
}

.j-roads-images .img .text .li9 .box {
   top: -85px;
}

.j-roads-lists .list .li.active:before {
   background: url(../image/i1.png) no-repeat center;
   transition: .5s ease-in-out;
}

.j-roads-lists .list .li.active .box .tit {
   color: #e60012;
   transition: .5s ease-in-out;
}

@keyframes moves {
   from {
      transform: rotate(-90deg);
   }

   to {
      transform: rotate(90deg);
   }
}

.j-roads-lists {
   padding-top: 2.5rem;
   padding-bottom: 4.25rem;
}

.j-roads-lists .j-sear {
   margin-top: 1.25rem;
}

.j-roads-lists .list {
   padding-top: 2.5rem;
   position: relative;
}

.j-roads-lists .list .li {
   position: relative;
   width: 50%;
}

.j-roads-lists .list .li:after {
   position: absolute;
   width: 100%;
   height: 1px;
   content: "";
   background: #d9d9d9;
}

.j-roads-lists .list .li:before {
   position: absolute;
   content: "";
   width: 25px;
   height: 25px;
   background: url(../image/i0.png) no-repeat center;
   z-index: 4;
   transition: .5s ease-in-out;
}

.j-roads-lists .list .li.fl:after {
   right: 0;
   top: 0;
}

.j-roads-lists .list .li.fl:before {
   right: -12px;
   top: -12px;
}

.j-roads-lists .list .li.fr:after {
   left: 0;
   top: 0;
}

.j-roads-lists .list .li.fr:before {
   left: -12px;
   top: -12px;
}

.j-roads-lists .list .li.fr {
   text-align: right;
}

.j-roads-lists .list .li.fr .box {
   text-align: left;
}

.j-roads-lists .list .li .box {
   width: 420px;
   display: inline-block;
   position: relative;
   text-align: left;
   font-size: 14px;
   line-height: 24px;
   color: #666666;
}

.j-roads-lists .list .li .box .words {
   padding-top: 0.625rem;
}

.j-roads-lists .list .li .box .tit {
   font-size: 26px;
   font-family: '方正正中黑简体';
   line-height: 1.5;
   color: #333333;
   transition: .5s ease-in-out;
}

.j-roads-lists .list .li .box .txt {
   font-size: 18px;
   line-height: 1.5;
   color: #004a9a;
   margin-top: 0.375rem;
   margin-bottom: 0.5rem;
}

.j-roads-lists .list .li .words {
   /*position: absolute;*/
   height: 100%;
   top: 100%;
   left: 0;
   width: 100%;
   overflow-y: auto;
}

.j-roads-lists .list .itembox {
   padding-top: 3rem;
}

.j-roads-lists .list .items {
   cursor: pointer;
   margin-top: -3rem;
}

.j-roads-lists .list .items:last-child .li .words {
   position: static;
}

.j-roads-lists .list .before {
   width: 25px;
   height: 25px;
   border: 2px solid #004a9a;
   border-radius: 50%;
   left: 0;
   right: 0;
   top: 0;
   margin: auto;
   position: absolute;
   z-index: 2;
   background: #ffffff;
}

.j-roads-lists .list .after {
   height: 100%;
   top: 0;
   left: 0;
   right: 0;
   position: absolute;
   background: #d9d9d9;
   width: 1px;
   margin: auto;
   z-index: 0;
}

.j-roads-lists .list .itembox {
   position: relative;
   z-index: 5;
}

.j-sear {
   width: 27px;
   height: 28px;
   margin: 0 auto;
   background: url(../image/j53.png) no-repeat center;
   background-size: 100%;
   cursor: pointer;
   display: none;
}

.text-fixed-words .fixed-box {
   width: 800px;
   height: 500px;
   overflow: hidden;
   padding: 0.875rem 1.25rem;
   font-size: 15px;
   color: #666666;
   line-height: 26px;
   background: url(../image/j56.png) #fff no-repeat right bottom;
   background-size: 100%;
}

.text-fixed-words .fixed-box .h {
   font-weight: bold;
}

.text-fixed-words .fixed-box .con {
   margin-top: .5rem;
   height: 300px;
   overflow-y: auto;
}

.text-fixed-words .fixed-box .con::-webkit-scrollbar {
   width: 1px;
   height: 1px;
}

.text-fixed-words .fixed-box .con::-webkit-scrollbar-track {
   background: #d0d7de;
}

.text-fixed-words .fixed-box .con::-webkit-scrollbar-thumb {
   background: #91969b;
   /*border-radius: 4px;*/
}

.text-fixed-words .fixed-box .con::-webkit-scrollbar-thumb:window-inactive {
   background: #91969b;
}

.text-fixed-words .fixed-box .con::-webkit-scrollbar-thumb:vertical:hover {
   background: #91969b;
}

.text-fixed-words .fixed-box .con-li:nth-child(n+2) {
   margin-top: .75rem;
}

.text-fixed-words .fixed-box .close {
   width: 25px;
   height: 25px;
   background: url(../image/j54.png) no-repeat center;
   background-size: 100%;
   top: 40px;
   right: 40px;
}

.text-fixed-words .fixed-box .tit {
   font-size: 24px;
   color: #e60012;
   line-height: 1.6;
   padding-bottom: .75rem;
   border-bottom: 1px solid #e5e5e5;
}

.text-fixed-words.on {
   display: block;
}

.j-structure {
   position: relative;
   overflow: hidden;
}

.j-structure:after {
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   content: "";
   z-index: 1;
}

.j-structure .z-span {
   z-index: 0;
   bottom: 0;
   left: 0;
}

.j-structure-bot {
   min-height: 30.375rem;
   padding-top: 3rem;
   padding-bottom: 4.25rem;
}

.j-structure-bot .tit {
   line-height: 1;
   margin-bottom: 1rem;
}

.structure-swiper {
   position: relative;
   margin-top: 2rem;
}

.structure-swiper .swiper-pagination {
   position: static;
   line-height: 1;
}

.structure-swiper .itembox {
   font-size: 0;
}

.structure-swiper .itembox .items {
   font-size: 14px;
   display: inline-block;
   width: 32%;
   margin-left: 2%;
   background: url(../image/i22.jpg) no-repeat right bottom;
   background-size: cover;
   margin-bottom: 1.25rem;
   padding: 1.125rem 1.375rem 1.375rem 1rem;
   transition: .5s ease-in-out;
   cursor: pointer;
}

.structure-swiper .itembox .items:nth-child(3n+1) {
   margin-left: 0;
}

.structure-swiper .itembox .items .txt {
   font-size: 22px;
   line-height: 32px;
   height: 64px;
   /* display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1; */
   overflow: hidden;
}

.structure-swiper .itembox .items .line {
   width: 40px;
   height: 2px;
   margin-top: .5rem;
   margin-bottom: .5rem;
   background: #979898;
   transition: .5s ease-in-out;
}

.structure-swiper .itembox .items.active {
   transition: .5s ease-in-out;
   background: url(../image/i21.jpg) no-repeat right bottom;
   background-size: cover;
   color: #ffffff;
}

.structure-swiper .itembox .items.active .line {
   transition: .5s ease-in-out;
   background: rgba(255, 255, 255, 0.4);
   width: 100%;
}

.structure-swiper .itembox .items.active .li,
.structure-swiper .itembox .items.active .p {
   transition: .5s ease-in-out;
}

.structure-swiper .itembox .items.active .p {
   opacity: 0;
}

.structure-swiper .itembox .items.active .box-word .li {
   opacity: 1;
}

.structure-swiper .itembox .items .box-word {
   position: relative;
   font-size: 14px;
}

.structure-swiper .itembox .items .box-word .p {
   line-height: 30px;
   /*display: -webkit-box;*/
   /*-webkit-box-orient: vertical;*/
   /*-webkit-line-clamp: 4;*/
   overflow: hidden;
   height: 120px;
   transition: .5s ease-in-out;
}

.structure-swiper .itembox .items:hover .box-word .p {
   overflow-y: auto;
   transition: .5s ease-in-out;
}

.structure-swiper .itembox .items .box-word .li {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   /*opacity: 0;*/
   display: none;
   transition: .5s ease-in-out;
   color: #ffffff;

}

.structure-swiper .itembox .items .box-word .li .i {
   line-height: 32px;
   padding-left: 28px;
   position: relative;
}

.structure-swiper .itembox .items .box-word .li .i img {
   left: 0;
   top: 8px;
   position: absolute;
   margin: auto;
}

.honorbox-02 {
   background: url(../image/i25.jpg) no-repeat top;
   background-size: cover;
   padding-top: 2.5rem;
   padding-bottom: 3rem;
}

.honorbox-02 .buts .swiper-pagination {
   position: static;
}

.honorbox-02 .itemsbox {
   font-size: 0;
}

.honorbox-02 .itemsbox .items {
   display: inline-block;
   vertical-align: top;
   font-size: 18px;
   color: #333333;
   width: 32%;
   margin-left: 2%;
   background: #ffffff;
   margin-bottom: 1.25rem;
   padding: 0.875rem 0.75rem 1.375rem 0.75rem;
}

.honorbox-02 .itemsbox .items:nth-child(3n+1) {
   margin-left: 0;
}

.honorbox-02 .itemsbox .items .titen {
   line-height: 30px;
}

.honorbox-02 .itemsbox .items .words {
   padding-bottom: .75rem;
}

.honorbox-03 {
   padding-top: 2.5rem;
   padding-bottom: 4.25rem;
}

.honorbox-03 .buts .swiper-pagination {
   position: static;
   line-height: 1;
   margin-top: 1.25rem;
}

.honorbox-03 .words {
   color: #333333;
   font-size: 14px;
   line-height: 20px;
   height: 20px;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
   overflow: hidden;
   margin-bottom: 0.625rem;
}

.honorbox-03 .items {
   display: block;
   border: 1px solid #cccccc;
   padding: 0.875rem 0.75rem 0.625rem 0.75rem;
}

.j-core-tit {
   line-height: 1.2;
   color: #004a9a;
}

.j-core-tit1 {
   line-height: 1.2;
   color: #004a9a;
   font-family: "方正正中黑简体"
}

.j-core {
   padding-top: 3rem;
   padding-bottom: 4.25rem;
}

.j-core .tit {
   line-height: 1.2;
   margin-bottom: 1.5rem;
}

.j-core .j-core-tit {
   margin-bottom: 1.25rem;
   font-family: "方正正中黑简体"
}

.j-core01 {
   padding-bottom: 2.5rem;
}

.j-core01 .list {
   position: relative;
   /* height: 12.5rem; */
   line-height: 12.5rem;
   font-family: "方正正中黑简体"
}

.j-core01 .list .images {
   /* height: 100%; */
   height: 0;
   padding-top: 39.06%;
}

.j-core01 .list .words {
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   font-size: 0;
}

.j-core01 .list .words .li {
   display: inline-block;
   vertical-align: top;
   height: 100%;
   width: 20%;
   font-size: 16px;
   color: #ffffff;
   text-align: center;
   position: relative;
}

.j-core01 .list .words .li:after {
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   content: "";
   position: absolute;
   background: url(../image/j57.png) no-repeat center;
   background-size: cover;
   opacity: 0;
   transition: .5s ease-in-out;
}

.j-core01 .list .words .li:hover:after {
   transition: .5s ease-in-out;
   opacity: 1;
}

.j-core01 .list .words .li .box {
   display: inline-block;
   line-height: 1.2;
   vertical-align: middle;
   position: relative;
   z-index: 2;
}

.j-core01 .list .words .li .box .i {
   font-size: .75rem;
   line-height: 1;
   margin-bottom: .5rem;
}

.j-core01 .list .words .li .box .p {
   line-height: 30px;
   height: 60px;
}

.j-core02 .box {
   display: flex;
   /* align-items: center; */
}

.j-core02 .p {
   text-indent: 2em;
   font-size: 16px;

   p {
      line-height: 20px;
      /* height: 40px; */
   }
}

.j-core02 .box .i {
   padding-right: 10px;
}

.j-core02 .box .i .i0 {
   width: 20px;
   height: 20px;
}

.j-core02 .core02-list {
   width: 24rem;
   height: 19rem;
   padding-top: 1rem;
   margin: 0 auto;
}

.j-core02 .core02-list .list {
   width: 15rem;
   height: 15rem;
   margin: 0 auto;
   position: relative;
}

.j-core02 .core02-list .list .li {
   position: absolute;
   line-height: 1.2;
   width: 0.25rem;
   height: 0.25rem;
   /* border-radius: 50%; */
   /* background: #9b0101; */
}

.j-core02 .core02-list .list .li .t0 {
   font-size: 18px;
   color: #333333;
}

.j-core02 .core02-list .list .li .t1 {
   font-size: 14px;
   color: #666666;
   margin-top: 0.25rem;
}

.j-core02 .core02-list .list .li .i0 {
   max-width: 1.125rem;
   position: absolute;
}

.j-core02 .core02-list .list .li .box {
   position: absolute;
   width: 220px;
   height: 50px;
}

.j-core02 .core02-list .list .li4,
.j-core02 .core02-list .list .li3,
.j-core02 .core02-list .list .li2,
.j-core02 .core02-list .list .li1 {
   text-align: right;
}

.j-core02 .core02-list .list .li4 .box,
.j-core02 .core02-list .list .li3 .box,
.j-core02 .core02-list .list .li2 .box,
.j-core02 .core02-list .list .li1 .box {
   padding-right: 1.625rem;
   right: .75rem;
   top: 0;
   bottom: 0;
   margin: auto;
}

.j-core02 .core02-list .list .li4 .box .i0,
.j-core02 .core02-list .list .li3 .box .i0,
.j-core02 .core02-list .list .li2 .box .i0,
.j-core02 .core02-list .list .li1 .box .i0 {
   right: 0;
   top: 0;
   bottom: 0;
   margin: auto;
}

.j-core02 .core02-list .list .li9 .box,
.j-core02 .core02-list .list .li8 .box,
.j-core02 .core02-list .list .li7 .box,
.j-core02 .core02-list .list .li6 .box {
   padding-left: 1.625rem;
   left: .75rem;
   top: 0;
   bottom: 0;
   margin: auto;
}

.j-core02 .core02-list .list .li9 .box .i0,
.j-core02 .core02-list .list .li8 .box .i0,
.j-core02 .core02-list .list .li7 .box .i0,
.j-core02 .core02-list .list .li6 .box .i0 {
   left: 0;
   top: 0;
   bottom: 0;
   margin: auto;
}

.j-core02 .core02-list .list .li9 {
   right: 4.5rem;
   top: 0.5rem;
}

.j-core02 .core02-list .list .li8 {
   right: .75rem;
   top: 3.75rem;
}

.j-core02 .core02-list .list .li7 {
   right: 0;
   top: 8.75rem;
}

.j-core02 .core02-list .list .li6 {
   right: 2.5rem;
   top: 13rem;
}

.j-core02 .core02-list .list .li5 .box {
   padding-top: 1.35rem;
   text-align: center;
   left: 50%;
   transform: translateX(-50%);
   top: .75rem;
}

.j-core02 .core02-list .list .li1 {
   left: 4.5rem;
   top: 0.5rem;
}

.j-core02 .core02-list .list .li2 {
   left: .75rem;
   top: 3.75rem;
}

.j-core02 .core02-list .list .li3 {
   left: 0;
   top: 8.75rem;
}

.j-core02 .core02-list .list .li4 {
   left: 2.5rem;
   top: 13rem;
}

.j-core02 .core02-list .list .li5 {
   left: 50%;
   transform: translateX(-50%);
   bottom: 0;
}

.j-core02 .core02-list .list .li5 .box .i0 {
   top: 0;
   left: 50%;
   transform: translateX(-50%);
}

.j-core02 .core02-list .list .imgs {
   position: relative;
}

.j-core02 .core02-list .list .imgs img {
   width: 100%;
}

.j-core02 .core02-list .list .imgs .i1 {
   position: absolute;
   left: 0;
   top: 0;
}

.core02-itemsbox {
   font-size: 0;
   padding-top: 3rem;
}

.core02-itemsbox .items {
   display: inline-block;
   font-size: 16px;
   color: #ffffff;
   width: calc((100% - 20px)/2);
   margin-left: 20px;
   position: relative;
   height: 7.5rem;
   line-height: 7.5rem;
   cursor: pointer;
}

.core02-itemsbox .items .images,
.core02-itemsbox .items .img {
   height: 100%;
}

.core02-itemsbox .items:hover .p,
.core02-itemsbox .items:hover .line {
   opacity: 1;
   transition: .3s ease-in-out;
   position: static;
   transition-delay: .2s;
}

.core02-itemsbox .items:hover .words {
   background: url(../image/i29.png) no-repeat center;
   background-size: cover;
   transition: .5s ease-in-out;
}

.core02-itemsbox .items .images {
   overflow: hidden;
}

.core02-itemsbox .items .line {
   width: 40px;
   height: 1px;
   background: rgba(255, 255, 255, 0.4);
   margin: 0 auto;
   margin-top: .5rem;
   margin-bottom: .75rem;
}

.core02-itemsbox .items .t0 {
   font-size: 24px;
}

.core02-itemsbox .items .p,
.core02-itemsbox .items .line {
   opacity: 0;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   transition: .3s ease-in-out;
   transition-delay: 0s !important;
}

.core02-itemsbox .items .box {
   display: inline-block;
   vertical-align: middle;
   line-height: 1.2;
   padding: 0 5%;
}

.core02-itemsbox .items .words {
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   text-align: center;
   transition: .5s ease-in-out;
}

.core02-itemsbox .items:nth-child(2n+1) {
   margin-left: 0;
}

.j-specification {
   padding-top: 3rem;
   padding-bottom: 3rem;
   background: url(../image/j58.png) no-repeat left top;
   background-size: cover;
}

.j-specification .items {
   margin-bottom: 1.25rem;
   font-size: 16px;
   color: #666666;
}

.j-specification .items .tit {
   color: #333333;
   line-height: 1.1;
}

.j-specification .items .txt {
   color: #004a9a;
   font-size: 20px;
   line-height: 2;
   margin-top: 1rem;
}

.j-specification .items .p {
   line-height: 30px;
   margin-top: 1.125rem;
}

.j-specification .images {
   width: 18.75rem;
}

.j-specification .words {
   width: calc(100% - (750rem/40));
}

.j-specification .words.fl {
   padding-top: 2rem;
}

.j-specification .words.fr {
   padding-top: 1.5rem;
   padding-left: 2rem;
}

.performance-01 {
   padding-top: 3rem;
   padding-bottom: 1.75rem;
}

.performance-01 .titbox {
   line-height: 1;
}

.performance-01 .titbox .text {
   color: #666666;
   line-height: 1.2;
   margin-top: .75rem;
}

.performance-01 .j-serves-swiper {
   font-size: 0;
   margin-top: 1.875rem;
}

.performance-01 .itlist {
   display: inline-block;
   vertical-align: top;
   font-size: 16px;
   width: 18%;
   margin-left: 2.5%;
   margin-bottom: .75rem;
}

.performance-01 .itlist:nth-child(5n+1) {
   margin-left: 0;
}

.performance-01 .itlist .more {
   width: 90%;
   color: #ffffff;
}

.performance-02 {
   padding-top: 2.5rem;
   padding-bottom: 4.25rem;
   text-align: center;
}

.performance-02 .titbox {
   line-height: 1.2;
   margin-bottom: 1.5rem;
}

.performance-02 .igbox2 {
   margin-top: 0.625rem;
   margin-bottom: 0.75rem;
}

.performance-02 .textword {
   text-align: center;
   font-size: 24px;
   line-height: 1.2;
   color: #333333;
}

.performance-02 .textword .igbox {
   width: 80%;
   margin: 0 auto;
   margin-top: .5rem;
   margin-bottom: 0.25rem;
}

.performance-02 .textword .list {
   font-size: 0;
}

.performance-02 .textword .li {
   font-size: 24px;
   /*width: 330px;*/
   height: 200px;
   line-height: 200px;
   border-radius: 50%;
   background: #ffffff;
   display: inline-block;
   vertical-align: middle;
   /*margin: 0 0.7rem;*/
   cursor: pointer;
}

.performance-02 .textword .li .box {
   display: inline-block;
   vertical-align: middle;
   line-height: 1.2;
}

.performance-02 .textword .li .g {
   max-height: 1.25rem;
   max-width: 1.25rem;
   margin: 0 auto;
}

.performance-02 .textword .cn {
   margin-top: .5rem;
}

.performance-02 .textword .en {
   font-size: 14px;
   color: #999999;
   text-transform: uppercase;
   margin-top: 0.3rem;
}

.performance-02 .s-more {
   margin: 0 auto;
   margin-top: 2.5rem;
}

.performance-02 .textword,
.performance-02 .textword .li {
   font-size: 0.6rem;
}

.performance-02 .textword .li {
   /*width: 8.25rem;*/
   width: 23%;
   margin: 0 1%;
   height: 5rem;
   line-height: 5rem;
}

.performance-03 {
   padding-top: 2.5rem;
   padding-bottom: 4.25rem;
   display: none;
}

.performance-03 .j3-close {
   margin-top: 2rem;
}

.performance-03 .ul {
   border-top: 1px dashed #cccccc;
   padding-top: 1rem;
   padding-bottom: 1.125rem;
   font-size: 0;
}

.performance-03 .ul:last-child {
   border-bottom: 1px dashed #cccccc;
}

.performance-03 .li33 {
   display: inline-block;
   vertical-align: top;
   width: 33.33%;
}

.performance-03 .ul-top {
   line-height: 1.1;
   font-size: 24px;
   color: #e60012;
}

.performance-03 .ul-bot {
   font-size: 14px;
   color: #666666;
   line-height: 30px;
   margin-top: .75rem;
}

.performance-03 .ul-bot .li33 {
   font-size: 0;
}

.performance-03 .ul-bot .li33 .tit {
   font-size: 16px;
   color: #666666;
   font-weight: bold;
}

.performance-03 .ul-bot .p {
   font-size: 14px;
}

.performance-03 .f-0 {
   font-size: 0;
}

.j3-close {
   padding-right: 30px;
   position: relative;
   display: inline-block;
   font-size: 16px;
   color: #e60012;
   line-height: 20px;
   cursor: pointer;
}

.j3-close:after {
   content: "";
   position: absolute;
   width: 20px;
   height: 20px;
   right: 0;
   top: 0;
   bottom: 0;
   background: url(../image/k2.png) no-repeat center;
   background-size: 100%;
   margin: auto;
   transition: .5s ease-in-out;
}

.j3-close:hover:after {
   transform: translateX(-10px);
   transition: .5s ease-in-out;
}

.j-structure {
   padding-top: 2.875rem;
   padding-bottom: 2.125rem;
}

.j-structure .structure-box {
   position: relative;
   z-index: 4;
}

.j-structure .structure-box .tit {
   position: absolute;
   left: 0;
   top: 0;
   line-height: 1;
}

.w1125 {
   width: 1125px;
   margin: 0 auto;
}

.honorbox01-swiper {
   text-align: center;
   padding-top: 3rem;
   padding-bottom: 4.25rem;
   background: url(../image/img12.png) no-repeat bottom;
   background-size: 100%;
}

.honorbox01-swiper .items {
   line-height: 1.2;
}

.honorbox01-swiper .swiper-slide-active .tit {
   display: block;
}

.honorbox01-swiper .tit {
   font-size: 24px;
   color: #004a9a;
   font-weight: bold;
   display: none;
}

.honorbox01-swiper .words {
   padding: .2rem;
   padding-top: 0.625rem;
   padding-bottom: 0.625rem;
}

.honorbox01-swiper .txt {
   font-size: 14px;
   color: #666666;
   line-height: 18px;
   margin-top: 10px;
}

.honorbox-01 {
   padding-bottom: 1.25rem;
}

.honorbox01-swiper {
   position: relative;
}

.honorbox01-swiper .swiper-button-prev,
.honorbox01-swiper .swiper-button-next {
   width: 45px;
   height: 45px;
   background-color: #ffffff;
   border-radius: 50%;
   border: 1px solid #efefef;
   transition: .5s ease-in-out;
   top: 50%;
   transform: translateY(-50%);
}

.honorbox01-swiper .swiper-button-prev:hover,
.honorbox01-swiper .swiper-button-next:hover {
   background-color: #004a9a;
   border-color: #004a9a;
   transition: .5s ease-in-out;
}

.honorbox01-swiper .swiper-button-prev {
   background-image: url(../image/l0.png);
   background-repeat: no-repeat;
   left: -23px;
   background-size: 100%;
}

.honorbox01-swiper .swiper-button-prev:hover {
   background-image: url(../image/l1.png);
   background-repeat: no-repeat;
   background-size: 100%;
}

.honorbox01-swiper .swiper-button-next {
   background-image: url(../image/l2.png);
   background-repeat: no-repeat;
   background-size: 100%;
   right: -23px;
}

.honorbox01-swiper .swiper-button-next:hover {
   background-image: url(../image/l3.png);
   background-repeat: no-repeat;
   background-size: 100%;
}

.j-honor .img {
   overflow: hidden;
}

.j-honor .img img {
   transition: .5s ease-in-out;
}

.j-honor .honorbox-02 .items:hover img,
.j-honor .honorbox-03 .items:hover img {
   transition: .5s ease-in-out;
   transform: scale3d(1.05, 1.05, 1);
}

.honorbox01-swiper .swiper-slide {
   opacity: 0;
}

.honorbox01-swiper .swiper-slide-prev,
.honorbox01-swiper .swiper-slide-next,
.honorbox01-swiper .swiper-slide-active {
   opacity: 1;
}

.j-education .tit.tc {
   line-height: 1;
   margin-bottom: 1rem;
}

.j-education .j-tit {
   color: #004a9a;
}

.education-01 {
   padding-top: 1.75rem;
}

.education-01 .list {
   position: relative;
}

.education-01 .list .words {
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   color: #ffffff;
}

.education-01 .list .words .li {
   width: 33.33%;
   height: 100%;
   float: left;
   position: relative;
   overflow: hidden;
   transition: .5s ease-in-out;
}

.education-01 .list .words .li:nth-child(n+2) {
   border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.education-01 .list .words .li:hover {
   background: rgba(0, 0, 0, 0.2);
   transition: .5s ease-in-out;
}

.education-01 .list .words .li:hover .li-top,
.education-01 .list .words .li:hover .li-bot {
   transition: .5s ease-in-out;
}

.education-01 .list .words .li:hover .li-top {
   opacity: 0;
}

.education-01 .list .words .li:hover .li-bot {
   opacity: 1;
   transform: translateY(0);
}

.education-01 .list .words .li .li-top,
.education-01 .list .words .li .li-bot {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
}

.education-01 .list .words .li .li-top {
   font-size: .75rem;
   padding: 1.375rem 1rem;
   line-height: 1.2;
   opacity: 1;
   transition: .5s ease-in-out;
}

.education-01 .list .words .li .li-bot {
   padding: 2rem 1.25rem;
   font-size: 14px;
   color: rgba(255, 255, 255, 0.6);
   line-height: 24px;
   max-height: 100%;
   overflow-y: auto;
   opacity: 0;
   transition: .5s ease-in-out;
   transform: translateY(100%);
}

.education-01 .list .words .li .li-bot .ti {
   font-size: 16px;
   color: #ffffff;
}

.education-01 .list .words .li .li-bot .line {
   margin-top: .5rem;
   margin-bottom: .75rem;
   height: 1px;
   width: 1rem;
   background: rgba(255, 255, 255, 0.6);
}

.education-02 {
   margin-top: 2.375rem;
}

.education-02 .li {
   display: inline-block;
   vertical-align: top;
   font-size: 14px;
   color: rgba(255, 255, 255, 0.6);
   position: relative;
   width: 48%;
   margin-left: 4%;
   overflow: hidden;
}

.education-02 .li:nth-child(2n+1) {
   margin-left: 0;
}

.education-02 .li .words-top,
.education-02 .li .words-bot {
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   bottom: 0;
   transition: .5s ease-in-out;
}

.education-02 .li:hover .words-top,
.education-02 .li:hover .words-bot {
   transition: .5s ease-in-out;
}

.education-02 .li:hover .words-bot {
   opacity: 1;
   transform: scale3d(1, 1, 1);
}

.education-02 .li:hover .words-top {
   opacity: 0;
}

.education-02 .li .words .b {
   position: absolute;
   width: 100%;
   font-size: .75rem;
   line-height: 1rem;
   height: 2px;
   padding: 0 .1rem;
   top: 0;
   bottom: 0;
   margin: auto;
   color: #ffffff;
   text-align: center;
}

.education-02 .li .words-bot {
   padding: 1.5rem;
   padding-top: 2rem;
   overflow-y: auto;
   opacity: 0;
   transform: scale3d(1.2, 1.2, 1);
   background: url(../image/n11.png) no-repeat center;
   background-size: cover;
}

.education-02 .li .words-bot .t0 {
   line-height: 1.5;
   font-size: 16px;
   color: #ffffff;
}

.education-02 .li .words-bot .line {
   width: 1rem;
   height: 1px;
   background: rgba(255, 255, 255, 0.6);
   margin-top: 0.625rem;
   margin-bottom: .75rem;
}

.education-02 .li .words-bot .p {
   line-height: 24px;
}

.education-02 .list {
   font-size: 0;
}

.education-03 {
   background: url(../image/n12.png) no-repeat center;
   background-size: cover;
   color: #ffffff;
   padding-top: 2rem;
   padding-bottom: 4rem;
   font-size: 14px;
   color: rgba(255, 255, 255, 0.6);
   line-height: 30px;
   min-height: 12.5rem;
}

.education-03 .tit-cn {
   font-size: .75rem;
   color: #ffffff;
   line-height: 1.2;
}

.education-03 .line {
   width: 1.25rem;
   height: 2px;
   background: rgba(255, 255, 255, 0.4);
   margin: 0 auto;
   margin-bottom: .75rem;
   margin-top: .75rem;
}

.education-03 .wordsbox {
   width: 1000px;
   margin: 0 auto;
}

.education-03 .wordsbox.w1280 {
   width: 1280px;
}

.education-03 .txt-cn {
   font-size: 20px;
   color: #ffffff;
   line-height: 1.6;
   margin-bottom: .75rem;
}

.j-education {
   padding-bottom: 2.5rem;
}

.j-development .tit {
   line-height: 1;
}

.j-development .education-01 {
   padding-top: 0;
}

.j-development .lists2 .tit,
.j-development .lists3 .tit {
   margin-bottom: 1.125rem;
}

.j-development .lists3 {
   padding-top: 2.5rem;
   padding-bottom: 2.5rem;
}

.j-development .lists3 .w {
   text-align: left;
}

.j-development .lists1 {
   padding-top: 3rem;
   padding-bottom: 2.25rem;
}

.j-development .lists1 .words {
   width: 40%;
   font-size: 16px;
   color: #666666;
   line-height: 1.2;
}

.j-development .lists1 .words .tit {
   color: #333333;
}

.j-development .lists1 .words .txt {
   font-size: .6rem;
   color: #004a9a;
   margin-top: 1.5rem;
   margin-bottom: 0.75rem;
}

.j-development .lists1 .words .text {
   font-size: 16px;
   font-weight: bold;
   line-height: 2;
}

.j-development .lists1 .words .p {
   line-height: 2;
}

.j-development .lists1 .images {
   width: 55%;
}

.i-layout {
   height: 29.175rem;
   position: relative;
}

.i-layout .z-span {
   z-index: 3;
}

.layouts {
   position: relative;
}

.layouts .layout-tit {
   position: absolute;
   left: 0;
   right: 0;
   margin: auto;
   top: 2.875rem;
   line-height: 1.25rem;
   z-index: 5;
}

.layouts .layout-tit .tit {
   font-size: .9rem;
   color: #333333;
}

.layouts .layout-tit .buttons a {
   display: inline-block;
   vertical-align: middle;
   width: 4.5rem;
   font-size: 0.4rem;
   color: #333333;
   background: #cccccc;
   border-radius: 5px;
   overflow: hidden;
   text-align: center;
   transition: .5s ease-in-out;
}

.layouts .layout-tit .buttons a span {
   margin-left: 0.625rem;
}

.layouts .layout-tit .buttons a:hover,
.layouts .layout-tit .buttons a.active {
   color: #ffffff;
   background: #004a9a;
   transition: .5s ease-in-out;
}

.wel-body {
   overflow: hidden;
   position: relative;
}

.layui-data {
   position: absolute;
   top: 7.25rem;
   right: 0;
   z-index: 30;
   width: 255px;
   right: -100%;
}

.layui-data.active {
   right: 0;
}

.layui-data .span {
   font-size: 14px;
   color: #ffffff;
   line-height: 24px;
}

@keyframes widthx {
   from {
      width: 0px;
   }

   to {
      width: 100%;
   }
}

.layouts .layout-tit .buttons {
   font-size: 0;
}

.layouts .layout-tit .buttons a:nth-child(n+2) {
   margin-left: .75rem;
}

.layouts .images {
   position: relative;
   z-index: 5;
}

.layouts .images .map {
   width: 100%;
   height: 100%;
}

body {
   overflow: hidden;
}

.lsyout-box {
   padding-top: 2.125rem;
}

.lsyout-images {
   position: relative;
   z-index: 4;
}

.lsyout-images .imgs {
   position: relative;
}

.lsyout-images .imgs .img-s {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}

.lsyout-images .imgs .img-s .re {
   width: 100%;
   height: 100%;
}

.lsyout-images .imgs .img-s .i {
   position: absolute;
   width: 100%;
   height: 100%;
   right: 0;
   top: 0;
}

.lsyout-images .imgs .img-s .in,
.lsyout-images .imgs .img-s .out {
   width: 0;
   height: 100%;
   transition: 1.5s ease;
}

.lsyout-images .imgs.animate .in,
.lsyout-images .imgs.animate .out {
   animation: widthx 3s infinite linear 0s;
}

.mapimgs {
   position: relative;
}

.mapimgs .mapimgs-img {
   opacity: 0;
}

.mapimgs .map {
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
}

.lsyout-images2 {
   position: relative;
}

.lsyout-images2 .words {
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
}

.lsyout-images2 .words .i .is {
   width: .5rem;
   height: .5rem;
   border-radius: 50%;
   background: rgba(0, 74, 154, 0.3);
   line-height: .5rem;
   text-align: center;
}

.lsyout-images2 .words .i .is span {
   display: inline-block;
}

.joinus-list {
   margin-top: 0.5rem;
}

.joinus-list .item {
   background-color: #fafafa;
   padding: 0.5rem 0.8rem;
   display: block;
   margin-bottom: 0.5rem;
}

.joinus-list .item .top .fl {
   font-size: 20px;
   color: #333333;
   font-family: '方正正中黑简体';
}

.joinus-list .item .top .fr {
   font-size: 20px;
   color: #004a9a;
   font-weight: bold;
}

.joinus-list .item .bottom {
   margin-top: 0.2rem;
}

.joinus-list .item .bottom .fl {
   font-size: 16px;
   color: #333333;
}

.joinus-list .item .bottom .fl span {
   margin: 0 10px;
}

.joinus-list .item .bottom .fl span:first-child {
   margin-left: 0;
}

.joinus-list .item .bottom .fr {
   font-size: 16px;
   color: #b6b6b6;
}

.joinus-list .detail {
   display: block;
   margin-bottom: 0.5rem;
   padding-bottom: 1rem;
   border-bottom: 2px solid #dbdbdb;
}

.joinus-list .detail .top .fl {
   font-size: 40px;
   color: #333333;
}

.joinus-list .detail .top .fr {
   font-size: 30px;
   color: #004a9a;
   margin-top: 10px;
}

.joinus-list .detail .bottom {
   margin-top: 0.2rem;
}

.joinus-list .detail .bottom .fl {
   font-size: 16px;
   color: #333333;
}

.joinus-list .detail .bottom .fl span {
   margin: 0 10px;
}

.joinus-list .detail .bottom .fl span:first-child {
   margin-left: 0;
}

.joinus-list .detail .bottom .fr {
   font-size: 16px;
   color: #b6b6b6;
}

@media (min-width: 768px) {
   .j-roads-lists .list .li:hover:before {
      background: url(../image/i1.png) no-repeat center;
      transition: .5s ease-in-out;
   }

   .j-roads-lists .list .li:hover .box .tit {
      color: #e60012;
      transition: .5s ease-in-out;
   }


   .j-serves-swiper .swiper-slide:hover,
   .j-serves-swiper .itlist:hover {
      background: #004a9a;
      padding-top: 0;
      color: #fff;
      transition: .5s ease-in-out;
   }

   .j-serves-swiper .swiper-slide:hover .items,
   .j-serves-swiper .itlist:hover .items {
      transition: .5s ease-in-out;
   }

   .j-serves-swiper .swiper-slide:hover .items .t-h0,
   .j-serves-swiper .swiper-slide:hover .items .t-h1,
   .j-serves-swiper .swiper-slide:hover .items .img,
   .j-serves-swiper .swiper-slide:hover .items .line,
   .j-serves-swiper .itlist:hover .items .t-h0,
   .j-serves-swiper .itlist:hover .items .t-h1,
   .j-serves-swiper .itlist:hover .items .img,
   .j-serves-swiper .itlist:hover .items .line {
      transition: .5s ease-in-out;
   }

   .j-serves-swiper .swiper-slide:hover .items .more,
   .j-serves-swiper .itlist:hover .items .more {
      z-index: 1;
      opacity: 1;
   }

   .j-serves-swiper .swiper-slide:hover .items .t-h0,
   .j-serves-swiper .itlist:hover .items .t-h0 {
      margin-top: 0;
      color: #fff;
   }

   .j-serves-swiper .swiper-slide:hover .items .t-h1,
   .j-serves-swiper .itlist:hover .items .t-h1 {
      color: rgba(255, 255, 255, 0.6);
   }
}

img {
   max-width: 100%;
   /* height: auto; */
}

@media (min-width: 768px) {
   html {
      font-size: 28px !important;
   }
}

@media (min-width: 768px) {
   ::-webkit-scrollbar {
      width: 6px;
      height: 6px;
   }

   ::-webkit-scrollbar-track {
      background: #fff;
   }

   ::-webkit-scrollbar-thumb {
      background: #004a9a;
      /*border-radius: 4px;*/
   }

   ::-webkit-scrollbar-thumb:window-inactive {
      background: #004a9a;
   }

   ::-webkit-scrollbar-thumb:vertical:hover {
      background: #004a9a;
   }

   html {
      font-size: 30px !important;
   }

   body {
      -ms-overflow-style: scrollbar;
   }
}

@media (min-width: 1440px) {
   html {
      font-size: 34px !important;
   }
}

@media (min-width: 1680px) {
   html {
      font-size: 40px !important;
   }
}

@media (max-width: 1680px) {
   .j-estate-bot .tit {
      padding-right: 2.75rem;
   }

   .w1280 {
      width: 75%;
   }

   .j-news-top .words .tit .tit-01 {
      font-size: 16px;
   }

   .j-news-top .words .tit {
      margin-bottom: .5rem;
   }

   .j-news-top .words .p {
      font-size: 13px;
      line-height: 20px;
      height: 40px;
   }

   .j-announcement .items .t0 {
      font-size: 20px;
   }

   .j-about-top .words {
      width: 50%;
   }

   .j-about-top .images {
      height: auto;
      /* width: 35%; */
      width: 45%;
      /* margin-top: 90px; */
   }

   .text-con {
      line-height: 2;
   }

   .text-con .tit {
      line-height: 1;
   }

   .text-con .txt {
      line-height: 1;
   }

   .j-about-top .s-more {
      margin-top: 2rem;
   }

   .j-leftfixed .items .word .tit {
      display: none;
   }

   .j-leftfixed .items .word .txt {
      margin-top: 0;
   }

   .j-leftfixed .items:hover .word,
   .j-leftfixed .items.active .word {
      padding-left: 60px;
   }

   .text-con {
      font-size: 15px;
   }

   .i-layout {
      height: auto;
      padding-bottom: 4rem;
   }

   .j-roads-lists .list .li .box .tit {
      font-size: 0.65rem;
   }
}

/**/
@media (max-width: 1450px) {

   .j-roads-images .img .text .li .tit,
   .j-roads-images .img .text .li .txt {
      font-size: .4rem;
   }

   .wel-profile .profile .words .text {
      line-height: 30px;
      height: 90px;
   }

   .j-roads-images .img .text .li {
      font-size: 0.35rem;
   }

   .j-roads-images .img .text .li .p {
      line-height: 1.25;
   }

   .bocweb-header .bocweb-logo {
      width: 200px;
      line-height: 100px;
   }

   .bocweb-header .bocweb-logo img {
      display: inline-block;
      vertical-align: middle;
   }

   .bocweb-header .nav-li {
      padding: 0 .2rem;
      max-width: 180px;
      font-size: 13px;
   }

   .bocweb-header .nav-sousuo {
      margin-left: 1rem;
   }

   .w1280 {
      width: 85%;
   }

   .attention-bot .items .img {
      width: 250px;
      height: auto;
   }

   .attention-bot .items .words {
      width: calc(100% - 250px);
   }

   .j-publications .items {
      width: 17.5%;
      margin-left: 10%;
   }

   .j-core01 .list .words .li {
      font-size: 14px;
   }

   .j-specification .items .txt {
      font-size: 18px;
   }

   .j-specification .items {
      font-size: 15px;
   }

   .j-specification .items .p {
      line-height: 2;
   }

   .j-specification .images {
      width: 16rem;
   }

   .j-specification .words {
      width: calc(100% - 16rem);
   }

   .j-serves-conbox {
      width: 70%;
   }

   .education-03 .wordsbox,
   .education-03 .wordsbox.w1280 {
      width: 90%;
   }

   .education-03 .txt-cn {
      font-size: .5rem;
   }

   .education-01 .list .words .li .li-top {
      font-size: .6rem;
   }

   .education-01 .list .words .li .li-bot {
      padding: 1.5rem 1rem;
      line-height: 20px;
   }

   .education-02 .li .words-bot {
      padding: 1rem;
      padding-top: 1.2rem;
   }
}

/**/
@media (max-width: 1366px) {
   .education-03 {
      min-height: 0;
   }

   .performance-02 .textword .en {
      font-size: 12px;
   }

   .bocweb-header .bocweb-logo {
      width: 180px;
   }

   .performance-02 .textword .cn {
      margin-top: .35rem;
   }

   .bocweb-header .nav-sousuo {
      width: 100px;
   }

   .bocweb-header .header {
      padding-right: .5rem;
   }

   .bocweb-header .nav-sousuo {
      margin-left: .7rem;
   }

   .bocweb-header .nav-li {
      font-size: 14px;
   }

   .j-news-select .submit input {
      padding-left: 1.3rem;
   }

   .j-news-select .submit:after {
      right: 1.3rem;
   }

   .j-tabloid .list .items .words .tit {
      font-size: 14px;
      line-height: 24px;
      /*height: 48px;*/
   }

   .attention-bot .items .img {
      width: 240px;
   }

   .attention-bot .items .words {
      width: calc(100% - 240px);
   }

   .j-publications .items .tit {
      font-size: 16px;
   }

   .honorbox-02 .itemsbox .items {
      font-size: 16px;
      line-height: 1.6;
   }
}

@media (max-width: 1190px) {
   .w1125 {
      width: 900px;
   }

   .j-roads-lists .list .li .box {
      width: 80%;
   }

   .nmimg .words {
      /*width: 6.8rem;*/
   }
}

@media (max-width: 820px) {

   .j-roads-images {
      /* display: none; */
      height: 0;
      padding-top: 179.2%;
   }

   .j-roads-images {
      display: none;
   }

   .j-roads-images.mbox {
      display: block !important;
   }

}

@media (min-width: 821px) and (max-width:1025px) {

   .j-roads-images {
      display: block !important;
      height: 0;
      padding-top: 39.06% !important;
   }

   .j-roads-images.mbox {
      display: none !important;
   }
}

@media (max-width: 1241px) {
   .mbox.name0528 {
      display: block;
   }

   .headerbox.pcbox {
      display: none;
   }
}

@media (max-width: 1024px) {
   .text-fixed-words .fixed-box {
      width: 80%;
      height: 75%;
   }

   .j-roads-images {
      /* display: none; */
      height: 0;
      padding-top: 179.2%;
   }

   .j-estate-03 .items .words .tbox {
      position: static;
      opacity: 1;
      background: #f0f0f0;
   }

   .j-leftfixed .items .img img {
      width: 100%;
   }

   .j-estate-02 .wordss {
      right: 10px;
   }

   .honorbox-02 .itemsbox .items {
      width: 100%;
   }

   .j-estate-03 .items .words .text {
      display: none;
   }

   .j-estate-03 .items .words {
      color: #666;
   }

   .j-estate-03 .items .words .line {
      background: #666;
   }

   .j-estate-03 .items .words {
      position: static;
   }

   .j-structure-bot {
      min-height: 0;
   }

   .pcbox {
      display: none;
   }

   .mbox {
      display: block;
   }

   .j-news-select .submit input {
      padding: 0;
      text-align: center;
   }

   .j-news-select .submit:after {
      display: none;
   }

   .w1280 {
      width: 100%;
      /*padding:0 5%;*/
      padding-left: 5%;
      padding-right: 5%;
   }

   .column-swiper .swiper-button-prev {
      left: 0;
   }

   .column-swiper .swiper-button-next {
      right: 0;
   }

   .bocweb-footer .bocweb-footer-top .footer-nav .nav-bot {
      display: none;
   }

   .bocweb-footer .bocweb-footer-top .footer-nav .nav-top {
      border-bottom: none;
      padding-bottom: 0;
      line-height: 1.5;
   }

   .bocweb-footer .bocweb-footer-c .logo {
      /* display: none; */
      width: 95px;
      height: auto;
      margin: 0.2rem 0;
   }

   .bocweb-footer .bocweb-footer-c .selectcon {
      /* width: 100%; */
   }

   .bocweb-footer .bocweb-footer-top .footer-nav {
      width: 49%;
      margin-left: 2%;
      /* text-align: center; */
   }

   .bocweb-footer .bocweb-footer-top .footer-nav:nth-child(2n-1) {
      margin-left: 0;
   }

   .con-banner .words {
      padding-top: 0;
   }

   .column-swiper .items {
      font-size: 14px;
   }

   .column-swiper {
      line-height: 70px;
      height: 70px;
   }

   .j-news-top .words .li {
      display: none;
   }

   .j-news-top .images {
      width: 100%;
   }

   .j-news-top .images img {
      width: 100%;
      height: auto;
   }

   .j-news-bot .items {
      width: 48%;
      margin-left: 4%;
   }

   .j-news-bot .items:nth-child(3n+1) {
      margin-left: 4%;
   }

   .j-news-bot .items:nth-child(2n+1) {
      margin-left: 0;
   }

   .j-news-top .images .swiper-pagination {
      position: static;
      margin-top: 25px;
   }

   .j-announcement .items .words {
      width: 100%;
      padding: 0;
      padding-top: 20px;
   }

   .j-announcement .items .img {
      width: 100%;
      padding: 0;
   }

   .j-announcement .items {
      height: auto;
      line-height: 1;
      padding: 15px;
   }

   .j-announcement .items .num {
      display: none;
   }

   .j-announcement .time {
      margin-bottom: 10px;
      font-size: 13px;
   }

   .attention-top .img,
   .attention-top .words {
      width: 100%;
   }

   .attention-top .items .words {
      position: static;
   }

   .j-publications .items {
      width: 45%;
      margin-left: 10%;
   }

   .j-publications .items:nth-child(4n+1) {
      margin-left: 10%;
   }

   .j-publications .items:nth-child(2n+1) {
      margin-left: 0;
   }

   .text-con {
      font-size: 14px;
   }

   .text-speech2 .txt {
      width: 100%;
      margin-bottom: 35px;
   }

   .text-speech2 .tnt {
      width: 100%;
   }

   .text-speech2 .t-bot {
      position: static;
      margin-top: 25px;
   }

   .j-core01 .list .words .li .box .p {
      font-size: 14px;
      line-height: 20px;
      height: 60px;
   }

   .j-core01 .list .words .li .box .p br {
      display: none;
   }

   .j-core {
      overflow: hidden;
   }

   .j-core02 .core02-list .list .li .t0 {
      font-size: 15px;
   }

   .j-core02 .core02-list .list .li .t1 {
      font-size: 12px;
   }

   .core02-itemsbox .items .t0 {
      font-size: 20px;
   }

   .j-specification .images {
      width: 100%;
   }

   .j-specification .words.fr,
   .j-specification .words.fl,
   .j-specification .words {
      width: 100%;
      padding: 20px;
   }

   .j-specification .items .txt {
      font-size: 16px;
   }

   .performance-01 .itlist {
      width: 24%;
      margin-left: 1.3333333333%;
   }

   .performance-01 .itlist:nth-child(5n+1) {
      margin-left: 1.3333333333%;
   }

   .performance-01 .itlist:nth-child(4n+1) {
      margin-left: 0;
   }

   .performance-03 .li33 {
      width: 100%;
   }

   .performance-03 .li33:nth-child(n+2) {
      margin-top: 20px;
   }

   .performance-02 .textword .li {
      /*margin: 0 2%;*/
      /*width: 28%;*/
   }

   .performance-01 .itlist {
      font-size: 14px;
   }

   .structure-swiper .itembox .items {
      width: 100%;
      margin-left: 0%;
   }

   .structure-swiper .itembox .items .txt {
      font-size: 18px;
      height: 32px;
   }

   .j-structure .structure-box .tit {
      position: static;
   }

   .w1125 {
      width: 80%;
   }

   .j-honor {
      overflow: hidden;
   }

   .honorbox-02 .itemsbox .items {
      font-size: 16px;
   }

   .j-leftfixed {
      position: static;
      text-align: center;
      font-size: 0;
      margin-bottom: 30px;
   }

   .j-leftfixed .items {
      display: inline-block;
      vertical-align: top;
      width: 20%;
      font-size: 15px;
   }

   .j-leftfixed .items .word {
      position: static;
      opacity: 1;
      width: 100%;
   }

   .j-leftfixed .items:hover .word,
   .j-leftfixed .items.active .word {
      padding-left: 0;
   }

   .j-leftfixed .items .img {
      margin: 0 auto;
   }

   .j-leftfixed .items:nth-child(n+2) {
      margin-top: 0;
   }

   .j-leftfixed .items .word {
      transform: translateY(0);
      margin-top: 12px;
   }

   .j-development .lists1 .words {
      width: 100%;
   }

   .j-development .lists1 .images {
      width: 100%;
      margin-top: .6rem;
   }

   .wel-banner .words {
      padding-top: 0;
   }

   .wel-banner .text {
      padding-top: 3rem;
   }

   .wel-banner .text .titen {
      font-size: 1.5rem;
   }

   .wel-banner .text .txtcn {
      font-size: 1rem;
      margin-top: .5rem;
      margin-bottom: 1.2rem;
   }

   .wel-profile .profile .words,
   .wel-profile .profile .images {
      width: 100%;
   }

   .wel-profile .profile .images .img {
      display: none;
   }

   .wel-profile .profile .images .video {
      width: 100%;
      height: auto;
   }

   .wel-profile .profile .images .video img {
      width: 100%;
   }

   .wel-profile .profile .words .text {
      height: auto;
      display: block;
      overflow: visible;
   }

   .wel-body .z-span {
      display: none;
   }

   .wel-service .service-bg .text-bg {
      display: none;
   }

   .wel-service .welservice-con {
      width: 90%;
      overflow: hidden;
   }

   .wel-project .pro-list .li:nth-child(2) {
      margin-top: .5rem;
      width: 100%;
   }

   .wel-project .rightprobox .li:nth-child(1) {
      width: 100%;
      margin-top: 0
   }

   .education-02 .li .words-top,
   .education-02 .li .words-bot {
      position: static;
      opacity: 1;
      transform: scale3d(1, 1, 1);
      background: transparent;
      color: #666;
   }

   .education-02 .li .words-top {
      display: none;
   }

   .education-02 .li .words-bot {
      background: #f0f0f0;
   }

   .education-02 .li .words-bot .t0 {
      color: #333;
   }

   .education-02 .li .words-bot .line {
      background: #ccc;
   }

   .education-01 .list .words .li .li-top {
      display: none;
   }

   .text-con .j-txt br {
      display: none;
   }

   .text-fixed-words .fixed-box .tit {
      font-size: 18px;
   }

   .j-time {
      color: #000000;
      font-family: "方正正中黑简体";
      font-size: 28px
   }
}

@media (max-width: 992px) {
   .j-tabloid .list .items {
      width: 100%;
      margin-left: 0%;
   }

   .j-core02 .core02-list .list .li .box {
      width: 130px;
   }

   .j-core02 .core02-list .list .li9 .box,
   .j-core02 .core02-list .list .li8 .box,
   .j-core02 .core02-list .list .li7 .box,
   .j-core02 .core02-list .list .li6 .box {
      left: .5rem;
   }
}

.pc768 {
   display: block;
}

.m768 {
   display: none;
}

.video-fixed .cha {
   width: 40px;
   height: 40px;
   background: url(../image/close-vid2.png) no-repeat center/100% auto;
   position: absolute;
   top: 40px;
   right: 40px;
   cursor: pointer;
}

@media (min-width: 768px) and (max-width: 1023px) {
   .project-list .text-box .top-box .tit {
      min-height: .9rem;
   }

   .project-list .text-box .project-tit {
      min-height: 2.25rem;
   }

   .j-news-select .online-li {
      width: 100%;
   }

   .j-news-select .online-select {
      width: 100%;
   }

   .j-news-select .li {
      margin-left: 0 !important;
   }

   .j-news-select .online-input {
      width: 100%;
   }

   .j-news-select .online-textarea {
      width: 100%;
   }

   .j-news-select .online-input.mwidth {
      width: 100% !important;
   }

}

.select0528.j-news-select .li {
   margin-left: 1.66666666% !important;
}

@media (min-width: 768px) and (max-width: 1241px) {
   .select0528.j-news-select .li {
      width: 32%;
      margin-top: 1em;
      margin-left: 2% !important;
   }

   .select0528.j-news-select .li:nth-child(1) {
      margin-left: 0% !important;
   }

   .select0528.j-news-select .li:nth-child(4) {
      width: 66%;
      margin-left: 0% !important;
   }

   .select0528.j-news-select .li:nth-child(5) {
      width: 32%;
   }

   .j-core01 .list .images.pcbox {
      display: block !important;
      height: 0;
      padding-top: 39.06%;
   }

   .j-core01 .list .images.mbox {
      display: none !important;
   }

}


@media (max-width: 767px) {
   .project-list .text-box .project-tit {
      min-height: 1rem !important;
   }

   .j-roads-lists .list .itembox {
      padding-top: 0;
   }

   .j-roads-lists .list .items {
      margin-top: 0;
   }

   .j-roads-images .psp {
      width: .5rem;
      height: .5rem;
      bottom: .6rem;
   }

   .video-fixed .cha {
      width: .5rem;
      height: .5rem;
   }

   .v-videofixed .videobox {
      width: 95%;
   }

   .text-fixed-words .fixed-box {
      padding: 0.35rem 0.5rem;
   }

   .text-fixed-words .fixed-box .tit {
      font-size: .3rem;
      line-height: 1.5;
      padding-bottom: .3rem;
   }

   .text-fixed-words .fixed-box {
      width: 90%;
   }

   .text-fixed-words .fixed-box .close {
      top: .4rem;
      right: .4rem;
      width: .35rem;
      height: .35rem;
   }

   .text-fixed-words .fixed-box {
      font-size: .24rem;
      line-height: 1.6;
   }

   .text-fixed-words .fixed-box .con-li:nth-child(n+2) {
      margin-top: .3rem;
   }

   .j-roads-lists {
      padding-top: 1rem;
      padding-bottom: 1.7rem;
   }

   .j-roads-lists .list {
      padding: 0;
      padding-top: 1rem;
      width: calc(100% - 1rem);
   }

   .j-roads-lists .list .li {
      width: 100%;
      float: left;
   }

   .j-roads-lists .list .li img {
      width: 100%;
   }

   .j-roads-lists .list .li .words {
      width: 100%;
      position: static;
   }

   .j-roads-lists .list .li .box .tit {
      font-size: .28rem;
   }

   .j-roads-lists .list .li .box .words {
      padding-top: 0.25rem;
   }

   .j-roads-lists .list .li.fl:before {
      right: auto;
      left: -12px;
   }

   .j-roads-lists .list .li .box {
      width: 100%;
   }

   .j-roads-lists .list .before {
      right: auto;
      width: .5rem;
      height: .5rem;
      left: -.5rem;
   }

   .education-01 .list .words .li .li-bot {
      font-size: .24rem;
      line-height: 1.6;
   }

   .j-roads-lists .list .after {
      right: auto;
      left: -.25rem;
   }

   .j-roads-lists .list .li:before {
      width: .4rem;
      height: .4rem;
      left: -0.45rem !important;
   }

   .j-roads-lists .list .li .box {
      font-size: .24rem;
      line-height: 1.6;
   }

   .j-roads-lists .list .li .box .txt {
      margin-top: 0.15rem;
      margin-bottom: 0.2rem;
   }

   .j-roads-lists .list .li .box .txt {
      font-size: .26rem;
   }

   .j-estate-03 .items .words .line {
      margin-top: .3rem;
      margin-bottom: .3rem;
      width: .5rem;
   }

   .j-estate-02 .map {
      margin-left: 0;
   }

   .j-estate-03 .items .words .tbox {
      padding: 0.65rem 0.35rem 0.6rem 0.35rem;
   }

   .j-estate-03 .list-bot .items {
      width: 100%;
      margin-left: 0;
   }

   .j-estate-03 {
      padding-top: 0.9rem;
      padding-bottom: 0.7rem;
   }

   .j-estate-03 .tit {
      margin-bottom: 0.5rem;
   }

   .j-estate-02 .wordss {
      position: static;
      text-align: left;
      width: 100%;
   }

   .j-estate-02 {
      min-height: 0;
      padding-top: 1rem;
      padding-bottom: 1.15rem;
   }

   .j-estate-01 {
      padding-top: 1.2rem;
      padding-bottom: 0.9rem;
   }

   .j-estate-02 .wordss .text span {
      font-size: .6rem;
   }

   .j-estate-02 .wordss .text span sup,
   .j-estate-02 .wordss .text span sub {
      font-size: .32rem;
   }

   .j-estate-02 .wordss .txt {
      font-size: .24rem;
      margin-bottom: 0.22rem;
      margin-top: 0.2rem;
   }

   .j-estate-02 .wordss .p {
      font-size: .2rem;
      line-height: .3rem;
   }

   .j-estate-03 .items .words {
      font-size: .24rem;
      line-height: 1.6;
   }

   .j-estate-bot .tit {
      padding-right: 1.1rem;
   }

   .j-estate-bot img {
      width: 1rem;
   }

   .j-estate-bot {
      line-height: 2rem;
   }

   .j-estate-bot .tit:after {
      width: .5rem;
      height: .5rem;
   }

   .j-estate-bot .images {
      height: 2rem;
   }

   .column-swiper .items .span {
      line-height: 1.2;
   }

   .j-leftfixed {
      margin-bottom: .5rem;
   }

   .performance-01 .itlist .more {
      font-size: .24rem;
   }

   .j-leftfixed .items .img {
      width: .75rem;
      height: .75rem;
   }

   .j-leftfixed .items .word {
      font-size: .24rem;
   }

   .j-serve {
      padding-top: 1.2rem;
      padding-bottom: 1.7rem;
   }

   .text-con .j-txt {
      width: 100%;
      margin-top: .5rem;
   }

   .ser-swiper .buts .swiper-button-prev,
   .ser-swiper .buts .swiper-button-next {
      width: .6rem;
      height: .6rem;
   }

   .ser-swiper .buts .swiper-button-prev {
      left: 0;
   }

   .ser-swiper .buts .swiper-button-next {
      right: 0;
   }

   .j-serves-swiper {
      margin-top: 0.7rem;
   }

   .wel-profile .profile .images {
      padding: 0;
   }

   .wel-banner .text {
      padding-top: 2rem;
   }

   .wel-banner .text .titen {
      font-size: .65rem;
   }

   .wel-banner .text .txtcn {
      font-size: .5rem;
      margin-top: .35rem;
      margin-bottom: .55rem;
   }

   .wel-more {
      width: 2rem;
      height: .6rem;
      line-height: .6rem;
      font-size: .22rem;
   }

   .wel-project .pro-list .center {
      width: 100%;
      margin: .3rem 0;
   }

   .wel-project .pro-list .center img {
      width: 100%;
   }

   .wel-service .items .words .txt {
      margin-top: .3rem;
      display: block;
   }

   .wel-project .pro-list .li:nth-child(2) {
      margin-top: .3rem;
      width: 100%;
   }

   .wel-project .rightprobox .li:nth-child(1) {
      width: 100%;
      margin-top: 0
   }

   .wel-service .items .words .li {
      font-size: .2rem;
      /* display: block; */
      margin-left: 0 !important;
   }

   .wel-service .items .words .li:nth-child(n+2) {
      margin-left: .5rem;
   }

   .wel-service .items .words .txt img {
      width: .4rem;
      height: .4rem;
   }

   .wel-service .button {
      display: none;
   }

   .scroll-btn {
      display: none;
   }

   .wel-project .pro-list .left,
   .wel-project .pro-list .right {
      width: 100%;
   }

   .wel-project .pro-list .left img,
   .wel-project .pro-list .right img {
      width: 100%;
   }

   .wel-project .more {
      margin-top: .6rem;
   }

   .wel-news .news-tit {
      padding: 0;
   }

   .wel-news .news-tit .con-text {
      position: static;
   }

   .wel-news .news-con-list .items .images {
      height: auto;
   }

   .wel-profile .profile .words.m-words {
      padding-bottom: .5rem;
      margin-bottom: .7rem;
      border-bottom: 1px solid #cccccc;
   }

   .wel-service .items .img:before {
      width: .8rem;
      height: .8rem;
   }

   .wel-service .items .img {
      height: auto;
   }

   .wel-profile .profile {
      padding-top: 1rem;
      padding-bottom: 1.2rem;
   }

   .wel-profile .profile .words {
      /*padding-top: 1.5*.4rem;*/
      /*padding-left: 1.25*.4rem;*/
      padding: 0;
   }

   .con-text .tit-en {
      font-size: 0.55rem;
   }

   .con-text .tit-cn {
      font-size: .4rem;
      margin-top: .25rem;
   }

   .wel-profile .s-span {
      display: none;
   }

   .wel-profile .profile .words .text {
      margin-top: .4rem;
      margin-bottom: .8rem;
      font-size: .24rem;
      line-height: .45rem;
      color: #666666;
      height: 1.8rem;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 4;
      overflow: hidden;
   }

   .wel-service .service-bg {
      display: none;
   }

   .wel-service .service {
      padding-bottom: 1.5rem;
      padding-top: 0.9rem;
   }

   .wel-service .service-swiper {
      margin-top: 0.55rem;
   }

   .wel-service .items .words .tit {
      font-size: .3rem;
      line-height: .4rem;
      height: .4rem;
   }

   .wel-service .items .words {
      padding-top: .3rem;
   }

   .wel-project .project .con-text {
      text-align: left;
   }

   .wel-project {
      padding-top: 1.15rem;
      padding-bottom: 1.5rem;
      position: relative;
   }

   .wel-project .pro-list .items .span {
      font-size: .24rem;
      padding: .2rem .3rem;
   }

   .wel-news .news-con-list {
      margin-top: 0;
   }

   .education-02 .li {
      width: 100%;
      margin-left: 0;
   }

   .education-02 .li:nth-child(n+2) {
      margin-top: .4rem;
   }

   .education-02 .li img {
      width: 100%;
   }

   .education-02 .li .words-bot .line {
      width: .4rem;
      margin-top: .25rem;
      margin-bottom: .3rem;
   }

   .education-01 {
      padding-top: 0.7rem;
   }

   .j-education .tit.tc {
      margin-bottom: .4rem;
   }

   .education-02 {
      margin-top: 0.95rem;
   }

   .education-02 .li .words-bot {
      padding: .4rem;
      padding-top: .48rem;
   }

   .education-02 .li .words-bot .t0 {
      font-size: .3rem;
   }

   .education-02 .li .words-bot .p {
      font-size: .24rem;
      line-height: 1.5;
   }

   .w1125 {
      width: 100%;
   }

   .honorbox01-swiper .swiper-button-prev {
      left: 0;
   }

   .honorbox01-swiper .swiper-button-next {
      right: 0;
   }

   .honorbox01-swiper .txt {
      margin-top: .1rem;
   }

   .honorbox01-swiper {
      padding-top: 1.2rem;
      padding-bottom: 1.7rem;
   }

   .structure-swiper .itembox .items {
      background: url(../image/i21.jpg) no-repeat right bottom;
      background-size: cover;
      color: #fff;
   }

   .honorbox01-swiper .words {
      display: none;
   }

   .honorbox01-swiper .swiper-slide-active .words {
      display: block;
   }

   .z-span {
      font-size: 1.5rem;
   }

   .honorbox-01 {
      padding-bottom: .5rem;
   }

   .honorbox01-swiper .tit {
      font-size: .28rem;
   }

   .honorbox01-swiper .swiper-button-prev,
   .honorbox01-swiper .swiper-button-next {
      width: .45rem;
      height: .45rem;
   }

   .honorbox01-swiper .txt {
      font-size: .2rem;
      line-height: 1.5;
   }

   .honorbox01-swiper .words {
      padding: 0.08rem;
      padding-top: 0.25rem;
      padding-bottom: 0.25rem;
   }

   .pc768 {
      display: none;
   }

   .m768 {
      display: block;
   }

   .j-structure {
      padding-top: 1.15rem;
      padding-bottom: 0.85rem;
   }

   .structure-swiper .itembox .items .txt {
      font-size: .28rem;
      line-height: 1.2;
      height: auto;
      display: block;
   }

   .structure-swiper .itembox .items .line {
      transition: .5s ease-in-out;
      background: rgba(255, 255, 255, 0.4);
      width: 100%;
      margin: .2rem 0;
   }

   .structure-swiper .itembox .items .box-word {
      font-size: .24rem;
      line-height: .4rem;
   }

   .structure-swiper .itembox .items .box-word .p {
      line-height: .4rem;
      height: 1.6rem;
      opacity: 1 !important;
   }

   .structure-swiper .itembox .items .box-word .li .i {
      line-height: .4rem;
      padding-left: .6rem;
   }

   .structure-swiper .itembox .items .box-word .li .i img {
      width: .24rem;
      height: .32rem;
      top: .04rem;
   }

   .structure-swiper .itembox .items .box-word .li {
      position: static;
      opacity: 1;
   }

   .structure-swiper .itembox .items {
      margin-bottom: 0.5rem;
      padding: 0.45rem 0.55rem 0.55rem 0.4rem;
   }

   .j-structure-bot {
      min-height: 0;
      padding-top: 1.2rem;
      padding-bottom: 1.7rem;
   }

   .j-structure-bot .tit {
      margin-bottom: .4rem;
   }

   .structure-swiper {
      margin-top: .8rem;
   }

   .structure-swiper .itembox .items {
      width: 100%;
      margin-left: 0;
   }

   .performance-03 {
      padding-top: 1rem;
      padding-bottom: 1.7rem;
   }

   .performance-03 .ul-bot {
      margin-top: .3rem;
      line-height: 1.5;
      font-size: .24rem;
   }

   .performance-03 .ul {
      padding-top: .4rem;
      padding-bottom: 0.45rem;
   }

   .performance-03 .ul-top {
      font-size: .28rem;
   }

   .performance-03 .ul-bot .li33 .tit {
      font-size: .26rem;
   }

   .performance-03 .j3-close {
      margin-top: .8rem;
   }

   .column-swiper.w1280 {
      padding: 0;
   }

   .j-attention .items.video .img:after {
      height: .8rem;
      width: .8rem;
   }

   .column-swiper {
      line-height: 1.3rem;
      height: 1.3rem;
   }

   .column-swiper .swiper-button-prev,
   .column-swiper .swiper-button-next {
      width: .3rem;
      height: .5rem;
   }

   .column-swiper .items {
      font-size: .24rem;
   }

   .tit-48 {
      font-size: .48rem;
   }

   .tit-36 {
      font-size: .36rem;
   }

   .w1280 {
      width: 100%;
      /*padding:0 .4rem;*/
      padding-left: .4rem;
      padding-right: .4rem;
   }

   .bocweb-footer .bocweb-footer-top {
      padding-top: .8rem;
   }

   .con-banner .text {
      padding-top: 2.05rem;
   }

   .con-banner .text .tit-cn {
      margin-top: 0.15rem;
      margin-bottom: 0.35rem;
   }

   .bocweb-footer .bocweb-footer-bot {
      line-height: 1.6;
      height: auto;
      padding-top: 15px;
      padding-bottom: 40px;
   }

   .bocweb-footer .bocweb-footer-bot .fl,
   .bocweb-footer .bocweb-footer-bot .fr {
      width: 100%;
   }

   .bocweb-footer .bocweb-footer-top .footer-nav .nav-top {
      font-size: .24rem;
      line-height: .5rem;
      height: 35px;
   }

   .bocweb-footer .bocweb-footer-top .footer-nav {
      font-size: .24rem;
   }

   .bocweb-footer .bocweb-footer-c {
      padding: .5rem 0;
      border-top: 1px solid rgba(255, 255, 255, 0.2);
      margin-top: .45rem;
   }

   .bocweb-footer .select .selecttop {
      height: .5rem;
      line-height: .5rem;
      width: 3.35rem;
   }

   .bocweb-footer .select {
      width: 100%;
   }

   .bocweb-footer .bocweb-footer-c .selectcon {
      line-height: .5rem;
      font-size: .2rem;
   }

   .bocweb-footer .select {
      font-size: .2rem;
   }

   .bocweb-footer .select .selecttop {
      background-position: 90%;
   }

   .bocweb-footer .bocweb-footer-bot br {
      display: block;
   }

   .bocweb-footer .bocweb-footer-bot {
      font-size: .2rem;
      line-height: 2;
      color: #fff;
   }

   .bocweb-footer .bocweb-footer-bot {
      padding-top: .3rem;
      padding-bottom: .8rem;
   }

   .bocweb-footer .bocweb-footer-bot a {
      color: #fff;
   }

   .bocweb-footer .bocweb-footer-bot .fx span {
      font-size: .2rem;
   }

   .bocweb-footer .bocweb-footer-bot .fx a {
      margin-left: .2rem;
      width: .4rem;
      height: .4rem;
   }

   .bocweb-footer .selectcon .li {
      padding: 0 .15rem;
   }

   .bocweb-footer .selectcon .li.on {
      position: relative;
      padding-left: 0;
   }

   .bocweb-footer .selectcon .li.on img {
      width: 80px;
      height: 80px;
      border: 5px solid #1a599d;
   }

   .bocweb-footer .selectcon .li.text {
      display: none;
   }

   .bocweb-footer .selectcon .li.on:after {
      display: none;
      content: "";
      position: absolute;
      width: 1px;
      height: 120px;
      background: #4572a3;
      left: 0;
      top: 0;
      bottom: 0;
      margin: auto;
   }


   .bocweb-footer .select .selectbot {
      bottom: .5rem;
   }

   .j-news {
      padding-top: 1.1rem;
      padding-bottom: 1.7rem;
   }

   .j-news-select .select {
      width: 100%;
   }

   .j-news-select .select:nth-child(2) {
      margin-left: 2%;
   }

   .j-news-select .input {
      margin-left: 0;
      width: 100%;
      margin-top: 2%;
   }

   .j-news-select .select-join:nth-child(1) {
      margin-left: 0%;
      width: 100%;
   }

   .j-news-select .select-join:nth-child(2) {
      margin-left: 0%;
      margin-top: 2%;
   }

   .j-news-select .select-join:nth-child(3) {
      margin-left: 2%;
      margin-top: 2%;
   }

   .joinus-list .item {
      padding: 0.2rem;
   }

   .joinus-list .item .top .fl {
      font-size: 14px;
   }

   .joinus-list .item .top .fr {
      font-size: 12px;
   }

   .joinus-list .item .bottom {
      margin-top: 0.2rem;
   }

   .joinus-list .item .bottom .fl {
      font-size: 12px;
      width: 100%;
      text-align: left;
   }

   .joinus-list .item .bottom .fl span {
      margin: 0 5px;
   }

   .joinus-list .item .bottom .fr {
      font-size: 12px;
      width: 100%;
      margin-top: 0.1rem;
      text-align: left;
   }

   .column-swiper .swiper-wrapper {
      justify-content: flex-start;
   }

   .joinus-list .detail {
      display: block;
      margin-bottom: 0.4rem;
      padding-bottom: 0.3rem;
      border-bottom: 1px solid #dbdbdb;
   }

   .joinus-list .detail .top .fl {
      font-size: 22px;
   }

   .joinus-list .detail .top .fr {
      font-size: 12px;
      color: #004a9a;
      font-weight: bold
   }

   .joinus-list .detail .bottom .fl {
      font-size: 11px;
   }

   .joinus-list .detail .bottom .fl span {
      margin: 0 5px;
   }

   .joinus-list .detail .bottom .fr {
      font-size: 11px;
      width: 100%;
   }

   .j-news-bot .items .img {
      width: 100%;
      height: 0;
      padding-top: 66.66%;
      position: relative;
   }

   .j-news-bot .items .img img {
      /* object-fit: cover; */
      height: 100%;
      position: absolute;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
   }

   .j-news-top .images img {
      height: 260px;
      /* object-fit: cover; */
   }

   .j-news-bot .items:nth-child(3n+1) {
      margin-left: 0;
   }

   .local-con {
      margin-top: 1rem;
   }

   .local-con .local-bd .local-info {
      width: 100%;
      position: relative;
      margin-top: 0;
      z-index: 2;
   }

   .local-con .local-top {
      position: relative;
      width: 100%;
   }

   .local-con .local-bd .local-info:after {
      display: block;
      content: '';
      width: 100%;
      padding-top: 70%;
   }

   .local-con .local-bd .local-info:after {
      display: block;
      content: '';
      width: 100%;
      padding-top: 15%;
   }

   .local-con .local-top img {
      position: absolute;
      z-index: -1;
      width: 100%;
      top: 0;
      left: 0;
      height: 100%;
      object-fit: cover
   }

   .local-con .local-bd .local-info img {
      position: absolute;
      z-index: -1;
      width: 100%;
      top: 0;
      left: 0;
      /* height: 100%; */
      /* object-fit:cover */
   }

   .local-con .local-bd .local-info h2 {
      font-size: 18px;
      padding: 15px 0 10px 15px;
      position: relative;
      top: 0;
   }

   .local-con .local-bd .local-info p {
      font-size: 11px;
      padding: 0 15px 0 15px;
   }

   .local-con .local-bd .fl {
      clear: left;
      width: 100%;
   }

   .local-con .local-flex {
      margin: 0.5rem 0;
      border-bottom: 2px solid #f5f5f5;
      padding-bottom: 0.5rem;
   }

   .local-con .local-flex img {
      width: 55px;
      height: 55px;
      margin: 0 20px;
   }

   .local-con .local-flex .local-p {
      align-self: center
   }


   .j-news-bot .items1 {
      display: inline-block;
      vertical-align: top;
      font-size: 14px;
      width: 100%;
      margin-left: 0;
      margin-bottom: 0.5rem;
      background-color: #f5f5f5;
      padding: 20px;
   }

   .j-news-bot .items1 .t0 {
      font-weight: bold;
      font-size: 15px;
   }

   .j-text .t2 {
      font-size: 14px;
      font-family: "方正正中黑简体";
      line-height: 24px;
      /* display: -webkit-box; */
      -webkit-line-clamp: 2;
      overflow: hidden;
      color: #666666;
      margin-top: 0.1rem;
   }


   .care-swiper {
      margin: 0.5rem -0.4rem 0;
   }

   .c_items {
      width: 80%;
   }

   .c_items .words .img {
      width: 100%;
      height: 0;
      padding-top: 60%;
      position: relative;
   }

   .c_items .words .img img {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      object-fit: cover;
   }

   .c_items .words .tit {
      font-size: 17px;
      margin: 0.1rem 0 0;
   }

   .c_items .words .txt {
      font-size: 12px;
      margin-bottom: 0.1rem;
      margin-bottom: 0.1rem;
      word-break: break-all;
   }

   .c_items .words .time {
      font-size: 12px;
      margin-top: 0.1rem;
   }

   .c_items .words .more {
      width: 12px;
      height: 8px;
      background: url(../image/j3.png) no-repeat center;
      background-size: 100%;
      margin-top: 0.3rem;
   }

   .care-swiper .swiper-container .swiper-button-prev {
      width: 35px;
      height: 35px;
      left: 0;
   }

   .care-swiper .swiper-container .swiper-button-next {
      width: 35px;
      height: 35px;
      right: 0;
   }


   .j-news-select .submit {
      width: 28%;
      margin-left: 2%;
      margin-top: 2%;
   }

   .j-news .j-news-select {
      margin-bottom: .8rem;
   }

   .j-news-bot .items {
      width: 100%;
      margin-left: 0;
   }

   .j-news-top .images .swiper-pagination {
      margin-top: .35rem;
      line-height: 1;
   }

   .j-news .j-news-bot {
      margin-top: .8rem;
   }

   .j-news-bot .items .words {
      padding-top: 0.35rem;
   }

   .j-news-bot .items .words .t1 {
      font-size: .24rem;
      line-height: .4rem;
      height: .8rem;
      margin-top: 0.15rem;
      margin-bottom: 0.4rem;
   }

   .j-news-bot .items .words .t0 {
      font-size: .28rem;
      height: .45rem;
      line-height: .45rem;
   }

   .j-news-bot .items .words .txt {
      padding-top: 0.15rem;
      padding-bottom: 0.15rem;
   }

   .j-news-bot .items .txt .n {
      font-size: .45rem;
   }

   .j-news-bot .items .txt .m {
      font-size: .2rem;
   }

   .j-news-bot .items .txt .span {
      width: .32rem;
      height: .24rem;
   }

   .j-news-bot .items {
      margin-bottom: 0.45rem;
   }

   .j-news-bot .list {
      padding-bottom: .4rem;
   }

   /* .pagination a {
		font-size: .2rem;
		line-height: .5rem;
		height: .5rem;
		width: .5rem;
		margin: 0 .05rem;
		font-family: Arial;
	} */

   .j-news-select .li input,
   .j-news-select .li select {
      padding-left: .2rem;
   }

   .j-news-select .li {
      height: .8rem;
      font-size: .24rem;
   }

   .j-news-top .images .items .span {
      font-size: .28rem;
      padding: 0.35rem 0.25rem;
   }

   .j-announcement .items .text {
      padding-left: 0.5rem;
      padding-right: 0.75rem;
   }


   .online-item {
      margin: 0.5rem 0 0.7rem;
   }

   .online-button {
      text-align: center;
      background: #004a9a;
      color: #fff;
      border: 0;
      height: 44px;
      padding: 0 15px;
      margin: 0 15px;
   }

   .online-button-line {
      text-align: center;
      color: #004a9a;
      border: 2px solid #004a9a;
      background: #fff;
      height: 44px;
      padding: 0 15px;
      margin: 0 15px;
   }

   .online-item .j-news-select {
      margin-bottom: 0.2rem;
   }

   .online-title {
      font-size: 14px;
      margin-bottom: 0.3rem;
      padding-bottom: 0.2rem;
   }

   .j-news-select .online-li {
      font-size: 12px;
      color: #333;
      /* height: 40px; */
      line-height: 40px;
      float: left;
      width: 35%;
   }

   .online-item span {
      height: 1rem;
      display: block;
   }

   .j-news-select .online-li.ml {
      margin-left: 0;
   }

   .j-news-select .online-select {
      width: 63%;
      float: right;
   }

   .j-news-select .online-input {
      width: 63%;
      float: left;
   }

   .j-news-select .online-input.mwidth {
      width: 63% !important;
   }

   .j-news-select .online-textarea {
      width: 98%;
      float: left;
      margin-left: 0;
      height: 150px;
   }

   .j-news-select .online-textarea textarea {
      width: 96%;
      padding: 1% 2%;
      height: 150px;
      background: transparent;
   }

   .j-text .t1 {
      font-size: .24rem;
      line-height: .4rem;
      height: .8rem;
      margin-top: 0.15rem;
      margin-bottom: .4rem;
   }

   .j-announcement .time {
      font-size: .2rem;
      margin-bottom: 0.25rem;
   }

   .j-span {
      width: .32rem;
      height: .24rem;
   }

   .j-announcement .items {
      padding: .3rem;
   }

   .j-announcement .list {
      padding-bottom: .5rem;
   }

   .j-announcement .items .t0 {
      font-size: .28rem;
      line-height: .45rem;
      height: .45rem;
   }

   .j-announcement .items .words {
      padding-top: 0;
   }

   .j-announcement .time {
      padding-top: .3rem;
   }

   .j-announcement .items {
      margin-bottom: .3rem;
   }

   .j-tabloid .list .items .words {
      padding-bottom: 0.5rem;
      padding-top: 0.35rem;
   }

   .j-tabloid .list .items .words .tit {
      margin-bottom: .3rem;
      font-size: .28rem;
      line-height: .4rem;
      /*height: .8rem;*/
   }

   .j-video .items {
      width: 100%;
      margin-left: 0;
   }

   .j-video .items .img:after {
      width: .8rem;
      height: .8rem;
   }

   .j-video .items .tit {
      font-size: .28rem;
      line-height: 1.6;
      height: auto;
      display: block;
      overflow: visible;
   }

   .j-video .items .words {
      padding-top: 0.25rem;
      padding-bottom: 0.95rem;
   }

   .attention-top .items .words {
      padding: 0.75rem 0.55rem 0.4rem 0.5rem;
   }

   .attention-swiper .buts {
      right: 0.55rem;
      bottom: 0.45rem;
      line-height: 1;
   }

   .attention-top .items .t1 {
      height: 1.2rem;
   }

   .attention-swiper .swiper-button-prev,
   .attention-swiper .swiper-button-next {
      margin: 0 .2rem;
   }

   .attention-top .items .time {
      position: static;
      font-size: .2rem;
   }

   .j-text .t0 {
      font-size: .28rem;
      font-family: '方正正中黑简体';
      line-height: .45rem;
      height: .45rem;
   }

   .attention-swiper .swiper-pagination {
      font-size: .2rem;
   }

   .attention-swiper .swiper-button-prev,
   .attention-swiper .swiper-button-next {
      width: .2rem;
      height: .4rem;
   }

   .attention-swiper .span {
      line-height: .4rem;
   }

   .attention-top {
      padding-top: 1.2rem;
      padding-bottom: 1rem;
   }

   .attention-center {
      padding-top: 0.7rem;
      padding-bottom: 1.15rem;
   }

   .con-swiper .buts .swiper-pagination {
      line-height: 1;
      bottom: 30px;
   }

   .con-swiper .buts .swiper-pagination-bullet {
      width: .15rem;
      height: .15rem;
   }

   .con-swiper .buts .swiper-pagination-bullet-active {
      width: .5rem;
   }

   .attention-bot .items .words {
      width: 100%;
      position: static;
   }

   .attention-bot .items .img {
      width: 100%;
   }

   .attention-bot {
      padding-top: 0.9rem;
      padding-bottom: 1.7rem;
   }

   .attention-bot .buts .swiper-pagination {
      margin-top: 1.2rem;
   }

   .attention-bot .items .words {
      border: 1px solid #e5e5e5;
      padding: 0.45rem 0.35rem 0.5rem 0.3rem;
   }

   .attention-bot .items .time {
      position: static;
      padding-top: .3rem;
      line-height: 1;
      font-size: .2rem;
   }

   .attention-bot .items .t0 {
      font-size: .28rem;
      line-height: .45rem;
      height: .9rem;
      margin-bottom: .4rem;
   }

   .j-publications .items .words {
      padding-top: 0.25rem;
      padding-bottom: 0.55rem;
   }

   .j-publications .items .tit {
      font-size: .26rem;
      line-height: .4rem;
      height: .4rem;
   }

   .j-about-top .words {
      width: 100%;
   }

   .j-about-top .images {
      width: 100%;
      margin-top: .5rem;
   }

   .j-about-top .images img {
      width: 100%;
   }

   .j-ab-botswiper .words-box .num {
      font-size: .4rem;
   }

   .j-ab-botswiper .words-box .num1 {
      font-size: .6rem;
   }

   .j-about-top {
      padding-top: 1.2rem;
      padding-bottom: 1rem;
   }

   .s-span {
      width: 4.7rem;
      height: 5.67rem;
   }

   .j-about-top .txt {
      margin-top: 0.5rem;
      margin-bottom: 0.5rem;
   }

   .tit-44 {
      font-size: .44rem;
   }

   .text-con {
      font-size: .24rem;
      line-height: 1.6;
      word-break: break-all;
      display: block;
   }

   .j-about-top .s-more {
      margin-top: .8rem;
   }

   .j-about-bot {
      height: auto;
      padding-top: 0.75rem;
      padding-bottom: 1.4rem;
   }

   .j-ab-botswiper .words-box {
      padding-top: 0.6rem;
   }

   .j-ab-botswiper .words-box .b {
      padding-bottom: 0.5rem;
   }

   .j-about-bot .tit {
      padding-bottom: 0.5rem;
   }

   .j-ab-botswiper .words-box .span {
      font-size: .2rem;
      margin-top: .2rem;
   }

   .j-ab-botswiper .swiper-button-next,
   .j-ab-botswiper .swiper-button-prev {
      width: .5rem;
      height: .5rem;
   }

   .j-about-bot .txt {
      line-height: .5rem;
   }

   .j-ab-botswiper .swiper-button-next {
      margin-left: .3rem;
   }

   .s-more {
      font-size: .24rem;
      padding-bottom: .15rem;
      padding-right: .25rem;
   }

   .j-speech-02 {
      padding-top: 1rem;
      padding-bottom: 1.6rem;
   }

   .text-speech2 .tnt {
      height: auto;
      line-height: 1.6;
      padding-right: 0;
   }

   .text-speech2 .t-bot {
      width: 100%;
      padding-right: 0;
   }

   .text-speech2 .txt {
      padding-right: 1rem;
   }

   .j-speech-02 .tit {
      margin-bottom: 0.35rem;
   }

   .j-speech-01 .words {
      padding-top: .3rem;
   }

   .j-speech-01 .words .tit {
      margin-bottom: .5rem;
   }

   .j-speech-01 .words .p {
      font-size: .29rem;
      line-height: 1.7;
   }

   .j-speech-01 .words .i-img {
      margin-top: .4rem;
   }

   .j-speech-01 .words .i-img img {
      width: 2rem;
   }

   .text-speech2 .txt {
      margin-bottom: .4rem;
   }

   .text-speech2 .txt .t0 {
      font-size: .3rem;
   }

   .text-speech2 .txt .t1 {
      font-size: .24rem;
      line-height: 1.6;
      margin-top: .2rem;
   }

   .text-speech2 .t-bot {
      margin-top: .25rem;
      padding-top: .35rem;
   }

   .text-speech2 .t-bot {
      font-size: .2rem;
   }

   .text-speech2 .tnt {
      font-size: .24rem;
   }

   .j-culture .items .words .b {
      width: 0.55rem;
      height: 0.55rem;
      margin-top: 0.45rem;
   }

   .j-culture .items .words .txt {
      height: 1.5rem;
   }

   .j-culture .items .words .txt .span {
      font-size: .36rem;
   }

   .honorbox-03 {
      padding-top: 1rem;
      padding-bottom: 1.7rem;
   }

   .honorbox-03 .buts .swiper-pagination {
      margin-top: .5rem;
   }

   .honorbox-03 .words {
      font-size: .24rem;
      line-height: .32rem;
      height: .32rem;
   }

   .honorbox-03 .items {
      padding: 0.35rem 0.3rem 0.25rem 0.3rem;
      margin-bottom: 0.25rem;
   }

   .honorbox-02 {
      padding-top: 1rem;
      padding-bottom: 1.2rem;
   }

   .honorbox-02 .itemsbox .items,
   .honorbox-02 .itemsbox .items .titen {
      font-size: .24rem;
      line-height: 1.6;
   }

   .layouts .layout-tit .tit {
      font-size: .36rem;
      width: 100%;
   }

   .layouts .layout-tit .buttons a {
      width: 48%;
      font-size: 0.2rem;
   }

   .layouts .layout-tit .buttons a:nth-child(n+2) {
      margin-left: 2%;
   }

   .layouts .layout-tit .buttons a span {
      margin-left: .2rem;
   }

   .layouts .layout-tit .buttons {
      width: 100%;
      margin-top: .2rem;
      font-size: 0;
   }

   .lsyout-box {
      padding-top: 0.85rem;
   }

   .i-layout {
      padding-bottom: 1rem;
   }

   .layouts .layout-tit {
      line-height: 0.5rem;
   }

   .layouts .layout-tit {
      top: 5%;
   }

}

.fa {
   background: #fafafa;
}

.newsinfo-box {
   padding: 4rem 0;
   background-position: right 5rem;
}

.pub-bg {
   background-repeat: no-repeat;
   background-size: 66.4583%;
}

.newsinfo-box .left {
   float: none;
   /* width: 69.2857%; */
}

.newsinfo-box .left .tit {
   font-size: .75rem;
   line-height: .85rem;
   color: #000;
}

.newsinfo-box .left .share-box {
   margin-top: .4rem;
   padding-bottom: .4rem;
   border-bottom: 1px solid #d1d1d1;
}

.newsinfo-box .left .bshare-custom {
   float: left;
   font-size: 0 !important;
}

.newsinfo-box .left .bshare-custom a,
.newsinfo-box .left .bshare-custom span {
   display: inline-block;
   *display: inline;
   zoom: 1;
   font-size: .4rem;
   color: #666;
   margin: 0;
   padding: 0;
   vertical-align: middle;
   line-height: 20px;
}

.newsinfo-box .left .bshare-custom span {
   margin-right: .5rem;
}

.newsinfo-box .left .bshare-custom a {
   width: 25px;
   height: 20px;
   background-repeat: no-repeat;
   background-position: center;
   background-size: 100%;
   margin-right: .4rem;
}

.newsinfo-box .left .bshare-custom .bshare-weixin {
   background-image: url("https://zjzhongtian.com/bocweb/web/img/wechat.svg");
}

.newsinfo-box .left .bshare-custom .bshare-sinaminiblog {
   background-image: url("https://zjzhongtian.com/bocweb/web/img/weibo.svg");
}

.newsinfo-box .time {
   font-size: .4rem;
   line-height: 20px;
   color: #666;
}

.newsinfo-box .left .con {
   margin-top: .9rem;
   font-size: .4rem;
   line-height: .9rem;
   color: #666;
}

.newsinfo-box .left .con img {
   max-width: 100%;
}

.newsinfo-box .left .buttons {
   font-size: 0;
   width: 100%;
   height: 1.6rem;
   background-color: #fff;
   margin-top: 1.5rem;
   box-sizing: border-box;
   padding: 0 .9rem;
   position: relative;
}

.newsinfo-box .left .buttons a {
   font-size: .4rem;
   line-height: .5rem;
   color: #666;
}

.newsinfo-box .left .buttons .prev,
.newsinfo-box .left .buttons .next {
   margin-top: .5rem;
   width: 33.3%;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}

.newsinfo-box .left .buttons .prev {
   float: left;
}

.newsinfo-box .left .buttons .next {
   float: right;
}

.newsinfo-box .left .buttons .back {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   width: 33.3%;
   text-align: center;
}

.newsinfo-box .right {
   float: right;
   width: 25.42857%;
   margin-top: .75rem;
}

.newsinfo-box .right .tit {
   font-size: .6rem;
   line-height: .7rem;
   color: #000;
}

.newsinfo-box .right .list {
   margin-top: .7rem;
}

.newsinfo-box .right .list a {
   margin-bottom: .2rem;
   display: block;
   background-color: #fff;
   color: #2f2f2f;
   font-size: .4rem;
   padding: .5rem 1rem .5rem .5rem;
   border-radius: 4px;
   line-height: .5rem;
   position: relative;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   transition: all .3s;
}

.newsinfo-box .right .list a:hover:before {
   background-image: url(../image/guideinfo-more2.png);
}

.newsinfo-box .right .list a:hover {
   color: #fff;
   background-color: #004a9a;
}

.newsinfo-box .right .list a:last-child {
   margin-bottom: 0;
}

.newsinfo-box .right .list a:before {
   content: "";
   position: absolute;
   right: .75rem;
   top: 50%;
   width: .175rem;
   height: .325rem;
   background-repeat: no-repeat;
   background-size: 100%;
   background-position: center;
   background-image: url(../image/guideinfo-more.png);
   transform: translateY(-50%);
   transition: all .3s;
}

.newsinfo-box .right .once {
   display: block;
   height: 1.6rem;
   line-height: 1.6rem;
   background-color: #226fd8;
   border-radius: 4px;
   text-align: center;
   font-size: 0;
   margin-top: .5rem;
}

.newsinfo-box .right .once span {
   display: inline-block;
   *display: inline;
   zoom: 1;
   font-size: .4rem;
   color: #fff;
   padding-right: .3rem;
   background-repeat: no-repeat;
   background-position: right center;
   background-image: url("https://zjzhongtian.com/bocweb/web/img/guideinfo-more2.png");
   background-size: .175rem;
}

.newsinfo-box .left .buttons a:hover {
   color: #004a9a;
   transition: .5s ease-in-out;
}

@media (max-width: 1024px) {
   .wel-news .news-con-list .items .images {
      height: auto;
   }

   .wel-news .news-con-list .items .words {
      position: static;
   }

   .view,
   .news-view {
      padding: 0 5%;
      width: auto;
      /* word-break: break-all; */
   }

   .newsinfo-box .left .bshare-custom {
      display: none;
   }

   .newsinfo-box .time {
      float: none;
   }

   .education-01 .list .words .li .li-top,
   .education-01 .list .words .li .li-bot {
      opacity: 1 !important;
      position: static;
      color: #666;
      transform: translateY(0);
      padding: 0;
   }

   .education-01 .list .words .li {
      width: 100%;
   }

   .education-01 .list .words {
      position: static;
   }

   .education-01 .list .words .li .li-bot .ti {
      color: #333;
   }

   .education-01 .list .words .li .li-bot .line {
      background: #666;
   }

   .education-01 .list .words .li:hover {
      background: transparent;
   }

   .education-01 .list .words .li .box {
      padding: 25px 20px;
   }

   .education-01 .list .words .li .li-top {
      color: #333;
      margin-bottom: 15px;
   }

   .wel-news .news-tit .welnews-swiper {
      /* display: none; */
   }

   .wel-news .news-tit {
      /* border-bottom: none; */
   }
}

@media (max-width: 767px) {
   .wel-body .con-text .tit-en {
      text-transform: uppercase;
      color: #004a9a;
   }

   .wel-service .welservice-con {
      width: 100%;
   }

   .wel-body .con-text {
      padding-bottom: .5rem;
      margin-bottom: .7rem;
      border-bottom: 1px solid #cccccc;
   }

   .wel-profile .profile .words {
      border-bottom: none;
   }

   .wel-profile .profile .images .video:after {
      width: .6rem;
      height: .6rem;
   }

   .wel-news {
      padding-top: 1.15rem;
      padding-bottom: 1.75rem;
   }

   .wel-news .news-tit .swiper-slide:nth-child(n+2) {
      padding-left: .4rem;
   }

   .wel-news .news-con-list .items .tit {
      font-size: .3rem;
      line-height: .5rem;
      height: 1rem;
      margin-bottom: .15rem;
   }

   .wel-news .news-con-list .items .time {
      display: none;
   }

   .wel-news .news-con-list .items .more {
      width: .24rem;
      height: .16rem;
      margin-top: .6rem;
   }

   .wel-news {
      background: #fff;
   }

   .wel-body {
      background: #f0f0f0;
   }

   .wel-project,
   .wel-service,
   .wel-profile {
      background: #fff;
      margin-bottom: .5rem;
   }

   .wel-profile .profile .words {
      margin-bottom: 0;
   }

   .wel-service .swiper-pagination {
      font-size: .3rem;
   }

   .wel-news .news-con-list .items .words {
      padding: .4rem .3rem;
      padding-bottom: 0.35rem;
      background: transparent;
      border: 1px solid #e5e5e5;
      border-top: none;
   }

   .wel-news .news-con-list .items .words .img {
      width: 100%;
      height: 180px;
      overflow: hidden;
      margin-bottom: 0.2rem;
   }

   .con-swiper .buts .swiper-pagination-bullet-active {
      width: .15rem;
   }

   .wel-news .news-con-list .items .tit {
      margin-top: 0;
   }

   .wel-news .news-con-list .items .txt {
      font-size: .24rem;
      line-height: .35rem;
      height: .7rem;
      color: #666666;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
   }

   .wel-news .news-tit .swiper-slide .li {
      padding-bottom: 0.45rem;
   }

   .wel-news .news-con-list .swiper-pagination {
      margin-top: .5rem;
   }

   .newsinfo-box .left,
   .newsinfo-box .right {
      float: none;
      width: 100%;
   }

   .newsinfo-box .left .tit {
      font-size: .3rem;
      line-height: .4rem;
   }

   .newsinfo-box .left .share-box {
      margin-top: .1rem;
      padding-bottom: .2rem;
   }

   .newsinfo-box {
      padding: .7rem 0;
   }

   .newsinfo-box .left,
   .newsinfo-box .right {
      float: none;
      width: 100%;
   }

   .newsinfo-box .right .once {
      height: 1rem;
      line-height: 1rem;
   }

   .newsinfo-box .right .once span {
      font-size: .3rem;
      line-height: 1rem;
      background-size: .1rem;
   }

   .news-box .list .page {
      margin-top: .8rem;
   }

   .page a {
      width: .6rem;
      height: .6rem;
      background-size: .1rem;
   }

   .newsinfo-box .left .tit {
      font-size: .3rem;
      line-height: .4rem;
   }

   .newsinfo-box .time {
      font-size: .24rem;
      line-height: .4rem;
   }

   .newsinfo-box .left .share-box {
      margin-top: .1rem;
      padding-bottom: .2rem;
   }

   .newsinfo-box .left .con {
      font-size: .24rem;
      line-height: .5rem;
      margin-top: .3rem;
   }

   .newsinfo-box .left .buttons {
      margin-top: .5rem;
      height: 1rem;
      padding: 0 .3rem;
   }

   .newsinfo-box .left .buttons a {
      font-size: .24rem;
      line-height: .4rem;
   }

   .newsinfo-box .left .buttons .prev,
   .newsinfo-box .left .buttons .next {
      margin-top: .3rem;
   }

   .newsinfo-bo {
      margin-top: .3rem;
   }

   .newsinfo-box .right .tit {
      font-size: .3rem;
      line-height: .4rem;
   }

   .newsinfo-box .right .list {
      margin-top: .3rem;
   }

   .newsinfo-box .right .list a {
      font-size: .24rem;
      padding: .3rem .7rem .3rem .3rem;
   }

   .newsinfo-box .right .list a:before {
      right: .3rem;
      width: .0875rem;
      height: .1625rem;
   }

   .j-core01 .list .words {
      position: static;
      color: #666;
   }

   .j-core01 .list {
      line-height: 1.5;
      height: auto;
   }

   .j-core01 .list .images {
      /* height: 5rem; */
      height: 0;
      padding-top: 74.59%;
   }

   .j-core01 .list .words .li .box {
      color: #222;
   }

   .j-core01 .list .words .li .box .i {
      font-size: .3rem;
      margin-bottom: .2rem;
   }

   .j-core01 .list .words .li:after {
      display: none;
   }

   .j-core01 .list .words .li {
      padding: .3rem 0;
      width: 100%;
      border-bottom: 1px dashed #555;
   }

   .j-core01 .list .words .li .box .p {
      font-size: .24rem;
      line-height: 1.6;
      height: auto;
   }

   .j-core {
      padding-top: 1.2rem;
      padding-bottom: 1.7rem;
   }

   .j-core .j-core-tit {
      margin-bottom: .5rem;
   }

   .j-core .tit {
      margin-bottom: .6rem;
   }

   .tit-30 {
      font-size: .3rem;
   }

   .j-core01 {
      padding-bottom: 1rem;
   }

   .j-core02 .core02-list {
      width: 6.4rem;
      height: 5.0666666667rem;
      padding-top: 0.2666666667rem;
   }

   .j-core02 .core02-list .list {
      width: 4rem;
      height: 4rem;
   }

   .j-core02 .core02-list .list .li {
      width: 0.0666666667rem;
      height: 0.0666666667rem;
   }

   .j-core02 .core02-list .list .li .t0 {
      font-size: .2rem;
   }

   .j-core02 .core02-list .list .li .t1 {
      font-size: .2rem;
      margin-top: 0.0666666667rem;
   }

   .j-core02 .core02-list .list .li .i0 {
      max-width: 0.3rem;
   }

   .j-core02 .core02-list .list .li .box {
      width: 1.8rem;
   }

   .j-core02 .core02-list .list .li4 .box,
   .j-core02 .core02-list .list .li3 .box,
   .j-core02 .core02-list .list .li2 .box,
   .j-core02 .core02-list .list .li1 .box {
      padding-right: 0.325rem;
      right: .1rem;
   }

   .j-core02 .core02-list .list .li9 .box,
   .j-core02 .core02-list .list .li8 .box,
   .j-core02 .core02-list .list .li7 .box,
   .j-core02 .core02-list .list .li6 .box {
      padding-left: 0.325rem;
      left: .1rem;
   }

   .j-core02 .core02-list .list .li9 {
      right: 1.2rem;
      top: 0.1333333333rem;
   }

   .j-core02 .core02-list .list .li8 {
      right: .3rem;
      top: 1rem;
   }

   .j-core02 .core02-list .list .li7 {
      top: 2.3333333333rem;
   }

   .j-core02 .core02-list .list .li6 {
      right: 0.6666666667rem;
      top: 3.4666666667rem;
   }

   .j-core02 .core02-list .list .li5 .box {
      padding-top: 0.36rem;
      top: .3rem;
   }

   .j-core02 .core02-list .list .li1 {
      left: 1.2rem;
      top: 0.1333333333rem;
   }

   .j-core02 .core02-list .list .li2 {
      left: .3rem;
      top: 1rem;
   }

   .j-core02 .core02-list .list .li3 {
      left: 0;
      top: 2.3333333333rem;
   }

   .j-core02 .core02-list .list .li4 {
      left: 0.6666666667rem;
      top: 3.4666666667rem;
   }

   .j-core02 .core02-list .list .li5 {
      left: 50%;
      transform: translateX(-50%);
   }

   .j-core02 .core02-list .list .li5 .box .i0 {
      top: 0;
      left: 50%;
      transform: translateX(-50%);
   }

   .core02-itemsbox .items {
      width: 100%;
      margin-left: 0;
      margin-bottom: .35rem;
   }

   .core02-itemsbox .items .p,
   .core02-itemsbox .items .line {
      opacity: 1;
      position: static;
   }

   .core02-itemsbox .items {
      height: 3rem;
      line-height: 3rem;
   }

   .core02-itemsbox .items .t0 {
      font-size: .28rem;
   }

   .core02-itemsbox .items .line {
      margin-top: .2rem;
      margin-bottom: .3rem;
   }

   .core02-itemsbox .items {
      font-size: .24rem;
   }

   .core02-itemsbox {
      padding-top: 1.2rem;
   }

   .j-specification .items {
      font-size: .24rem;
   }

   .j-serves-swiper .swiper-slide,
   .j-serves-swiper .itlist {
      height: auto;
   }

   .j-specification {
      padding-top: 1.2rem;
      padding-bottom: 1.2rem;
   }

   .j-specification .words.fr,
   .j-specification .words.fl,
   .j-specification .words {
      padding: .5rem .4rem;
   }

   .j-specification .items .txt {
      font-size: .26rem;
      line-height: 1.6;
      margin-top: .4rem;
   }

   .j-specification .items {
      margin-bottom: .5rem;
   }

   .j-specification .items .p {
      margin-top: .45rem;
   }

   .j-serves-swiper .items .img {
      position: static;
   }

   .j-serves-swiper .items .more {
      transform: translateX(0);
   }

   .j-serves-swiper .swiper-slide,
   .j-serves-swiper .itlist {
      padding: 0.08rem;
      padding-top: 0.5rem !important;
      padding-bottom: 0.3rem;
   }

   .j-serves-swiper .items .t-h1 {
      margin-top: 0.15rem;
      margin-bottom: 0.24rem;
   }

   .j-serves-swiper .items {
      padding-top: 0;
   }

   .j-serves-swiper .items .t-h0 {
      font-size: 0.2rem;
      margin-top: 0.35rem;
   }

   .performance-01 .itlist {
      width: 49%;
      margin-left: 2%;
      margin-bottom: 2%;
   }

   .performance-01 .itlist:nth-child(4n+1),
   .performance-01 .itlist:nth-child(5n+1) {
      margin-left: 2%;
   }

   .performance-01 .itlist:nth-child(2n+1) {
      margin-left: 0;
   }

   .performance-01 .itlist .more {
      position: static;
      opacity: 1;
      color: #666;
      margin-top: .3rem;
   }

   .j-serves-swiper .swiper-slide:hover .items .t-h0,
   .j-serves-swiper .itlist:hover .items .t-h0 {
      margin-top: .35rem;
   }

   .performance-01 {
      padding-top: 1.2rem;
      padding-bottom: 0.7rem;
   }

   .performance-01 .titbox .text {
      margin-top: .3rem;
   }

   .performance-01 .j-serves-swiper {
      margin-top: 0.75rem;
   }

   .performance-02 {
      padding-top: 1rem;
      padding-bottom: 1.7rem;
   }

   .performance-02 .textword,
   .performance-02 .textword .li {
      font-size: .26rem;
   }

   .performance-02 .titbox {
      margin-bottom: .6rem;
   }

   .performance-02 .textword .cn {
      margin-top: .2rem;
      font-size: .22rem;
   }

   .performance-02 .igbox2 {
      margin-top: 0.25rem;
      margin-bottom: 0.3rem;
   }

   .performance-02 .textword .li {
      /*width: 32%;*/
      /*margin: 0 .5%;*/
   }

   .performance-02 .textword .li .g {
      width: .4rem;
      height: .4rem;
   }

   .performance-02 .textword .li {
      height: 2rem;
      line-height: 2rem;
   }

   .performance-02 .textword .en {
      font-size: .2rem;
      margin-top: .12rem;
   }

   .performance-02 .s-more {
      margin-top: 1rem;
   }

   .jhj {
      padding-left: 0;
      padding-right: 0;
   }

   .performance-02 .textword img {
      max-height: .5rem;
   }

   .j-serves-swiper .items .img {
      width: .5rem;
      height: .5rem;
   }

   .tit-20 {
      font-size: .26rem;
   }

   .j-development .lists1 {
      padding-top: 1.2rem;
      padding-bottom: 0.9rem;
   }

   .j-development .lists1 .words .txt {
      font-size: .26rem;
      margin-top: 0.6rem;
      margin-bottom: 0.3rem;
   }

   .j-development .lists1 .words .text {
      font-size: .24rem;
   }

   .j-development .lists1 .words {
      font-size: .22rem;
   }

   .education-01 .list .words .li .li-top {
      font-size: .3rem;
   }

   .education-01 .list .words .li .li-bot .ti {
      font-size: .26rem;
      line-height: 1.6;
   }

   .education-01 .list .words .li .box {
      padding: .3rem .2rem;
   }

   .education-01 .list .words .li .li-bot .line {
      margin-top: .2rem;
      margin-bottom: .3rem;
   }

   .j-development .lists3 {
      padding-top: 1rem;
      padding-bottom: 1rem;
   }

   .j-development .lists2 .tit,
   .j-development .lists3 .tit {
      margin-bottom: .45rem;
   }

   .education-03 .txt-cn {
      font-size: .28rem;
      margin-bottom: .3rem;
   }

   .education-03 .tit-cn {
      font-size: .34rem;
   }

   .education-03 {
      padding-top: 0.8rem;
      padding-bottom: 1.6rem;
   }

   .education-03 .line {
      margin-bottom: 0.3rem;
      margin-top: 0.3rem;
   }

   .education-03 {
      font-size: .24rem;
      line-height: 1.6;
   }

   .j-time {
      color: #000000;
      font-family: "方正正中黑简体";
      font-size: 14px
   }
}

/*12545*/

/*# sourceMappingURL=style.css.map */


.ppp-list.active .item {
   width: 33%;
}

.ppp-list.active .item:nth-child(3) {
   left: calc(33% + .25rem);

}

.ppp-list.active .item:nth-child(1) {
   top: auto;
   bottom: 31.5%;

}

.ppp-list.active .item:nth-child(4),
.ppp-list.active .item:nth-child(5) {
   left: calc(66% + .5rem);
}

.ppp-list.active .item:nth-child(5) {
   bottom: 7.5%;
}

.ppp-list.active .item:nth-child(3) {
   top: auto;
   bottom: 7.5%;

}

.ppp-list.active .item:nth-child(2) {
   bottom: 0;
}

.ppp-box .ppp-tit.active {
   top: 16%;
}

.ppp-box .ppp-tit.j {
   font-size: 15px;
   line-height: 1.2;
   top: 11%;
   transition: .5s ease-in-out;
}

.ppp-box .ppp-tit.j:hover {
   color: #004a9a;
   transition: .5s ease-in-out;
}

.tit {
   font-family: "方正正中黑简体";
}

/* 常用字号 */
.tit-12 {
   font-size: 12px;
   line-height: 2;
}

.tit-13 {
   font-size: 13px;
   line-height: 2;
}

.tit-14 {
   font-size: 14px;
   line-height: 2;
}

.tit-15 {
   font-size: 15px;
   line-height: 2;
}

.tit-16 {
   line-height: 1.8;
   font-size: 16px;
}

.tit-17 {
   line-height: 1.8;
   font-size: 17px;
}

.tit-18 {
   line-height: 1.8;
   font-size: 18px;
}

.tit-19 {
   line-height: 1.8;
   font-size: 19px;
}

.tit-20 {
   line-height: 1.8;
   font-size: 20px;
}

.tit-21 {
   line-height: 1.8;
   font-size: 21px;
}

.tit-22 {
   line-height: 1.8;
   font-size: 22px;
}

.tit-23 {
   line-height: 1.8;
   font-size: 23px;
}

.tit-24 {
   line-height: 1.8;
   font-size: 24px;
}

.tit-25 {
   line-height: 1.8;
   font-size: 25px;
}

.tit-26 {
   line-height: 1.8;
   font-size: 26px;
}

.tit-27 {
   line-height: 1.8;
   font-size: 27px;
}

.tit-28 {
   line-height: 1.8;
   font-size: 28px;
}

.tit-29 {
   line-height: 1.8;
   font-size: 29px;
}

.tit-30 {
   line-height: 1.8;
   font-size: 30px;
}

.tit-31 {
   line-height: 1.8;
   font-size: 31px;
}

.tit-32 {
   line-height: 1.8;
   font-size: 32px;
}

.tit-33 {
   line-height: 1.8;
   font-size: 33px;
}

.tit-34 {
   line-height: 1.8;
   font-size: 34px;
}

.tit-35 {
   line-height: 1.8;
   font-size: 35px;
}

.tit-36 {
   line-height: 1.2;
   font-size: 36px;
   font-family: "方正正中黑简体";
   /* text-align: justify; */
}

.tit-37 {
   line-height: 1.8;
   font-size: 37px;
}

.tit-38 {
   line-height: 1.8;
   font-size: 38px;
}

.tit-39 {
   line-height: 1.8;
   font-size: 39px;
}

.tit-40 {
   line-height: 1.8;
   font-size: 40px;
}

.tit-41 {
   line-height: 1.8;
   font-size: 41px;
}

.tit-42 {
   line-height: 1.8;
   font-size: 42px;
}

.tit-43 {
   line-height: 1.8;
   font-size: 43px;
}

.tit-44 {
   line-height: 1.8;
   font-size: 44px;
}

.tit-45 {
   line-height: 1.8;
   font-size: 45px;
}

.tit-46 {
   line-height: 1.8;
   font-size: 46px;
}

.tit-47 {
   line-height: 1.8;
   font-size: 47px;
}

.tit-48 {
   line-height: 1.8;
   font-size: 48px;
}

.tit-49 {
   line-height: 1.8;
   font-size: 49px;
}

.tit-50 {
   line-height: 1.8;
   font-size: 50px;
}

.tit-51 {
   line-height: 1.8;
   font-size: 51px;
}

.tit-52 {
   line-height: 1.8;
   font-size: 52px;
}

.tit-53 {
   line-height: 1.8;
   font-size: 53px;
}

.tit-54 {
   line-height: 1.8;
   font-size: 54px;
}

.tit-55 {
   line-height: 1.8;
   font-size: 55px;
}

.tit-56 {
   line-height: 1.8;
   font-size: 56px;
}

.tit-57 {
   line-height: 1.8;
   font-size: 57px;
}

.tit-58 {
   line-height: 1.8;
   font-size: 58px;
}

.tit-59 {
   line-height: 1.8;
   font-size: 59px;
}

.tit-60 {
   line-height: 1.8;
   font-size: 60px;
}

.tit-61 {
   line-height: 1.8;
   font-size: 61px;
}

.tit-62 {
   line-height: 1.8;
   font-size: 62px;
}

.tit-63 {
   line-height: 1.8;
   font-size: 63px;
}

.tit-64 {
   line-height: 1.8;
   font-size: 64px;
}

.tit-65 {
   line-height: 1.8;
   font-size: 65px;
}

.tit-66 {
   line-height: 1.8;
   font-size: 66px;
}

.tit-67 {
   line-height: 1.8;
   font-size: 67px;
}

.tit-68 {
   line-height: 1.8;
   font-size: 68px;
}

.tit-69 {
   line-height: 1.8;
   font-size: 69px;
}

.tit-70 {
   line-height: 1.8;
   font-size: 70px;
}

.tit-71 {
   line-height: 1.8;
   font-size: 71px;
}

.tit-72 {
   line-height: 1.8;
   font-size: 72px;
}

.tit-73 {
   line-height: 1.8;
   font-size: 73px;
}

.tit-74 {
   line-height: 1.8;
   font-size: 74px;
}

.tit-75 {
   line-height: 1.8;
   font-size: 75px;
}

.tit-76 {
   line-height: 1.8;
   font-size: 76px;
}

.tit-77 {
   line-height: 1.8;
   font-size: 77px;
}

.tit-78 {
   line-height: 1.8;
   font-size: 78px;
}

.tit-79 {
   line-height: 1.8;
   font-size: 79px;
}

.tit-80 {
   line-height: 1.8;
   font-size: 80px;
}

@media (max-width: 1681px) {

   /*==常用字号==*/
   .tit-12 {
      font-size: 12px;
   }

   .tit-13 {
      font-size: 13px;
   }

   .tit-14 {
      font-size: 13px;
   }

   .tit-15 {
      font-size: 14px;
   }

   .tit-16 {
      font-size: 15px;
   }

   .tit-17 {
      font-size: 16px;
   }

   .tit-18 {
      font-size: 17px;
   }

   .tit-19 {
      font-size: 18px;
   }

   .tit-20 {
      font-size: 18px;
   }

   .tit-21 {
      font-size: 19px;
   }

   .tit-22 {
      font-size: 20px;
   }

   .tit-23 {
      font-size: 21px;
   }

   .tit-24 {
      font-size: 22px;
   }

   .tit-25 {
      font-size: 23px;
   }

   .tit-26 {
      font-size: 24px;
   }

   .tit-27 {
      font-size: 25px;
   }

   .tit-28 {
      font-size: 26px;
   }

   .tit-29 {
      font-size: 27px;
   }

   .tit-30 {
      font-size: 27px;
   }

   .tit-31 {
      font-size: 28px;
   }

   .tit-32 {
      font-size: 29px;
   }

   .tit-33 {
      font-size: 30px;
   }

   .tit-34 {
      font-size: 31px;
   }

   .tit-35 {
      font-size: 32px;
   }

   .tit-36 {
      font-size: 33px;
   }

   .tit-37 {
      font-size: 34px;
   }

   .tit-38 {
      font-size: 35px;
   }

   .tit-39 {
      font-size: 36px;
   }

   .tit-40 {
      font-size: 37px;
   }

   .tit-42 {
      font-size: 38px;
   }

   .tit-43 {
      font-size: 39px;
   }

   .tit-44 {
      font-size: 40px;
   }

   .tit-45 {
      font-size: 41px;
   }

   .tit-46 {
      font-size: 42px;
   }

   .tit-47 {
      font-size: 43px;
   }

   .tit-48 {
      font-size: 44px;
   }

   .tit-50 {
      font-size: 45px;
   }

   .tit-51 {
      font-size: 46px;
   }

   .tit-52 {
      font-size: 47px;
   }

   .tit-53 {
      font-size: 48px;
   }

   .tit-54 {
      font-size: 49px;
   }

   .tit-55 {
      font-size: 50px;
   }

   .tit-56 {
      font-size: 51px;
   }

   .tit-57 {
      font-size: 52px;
   }

   .tit-58 {
      font-size: 53px;
   }

   .tit-59 {
      font-size: 54px;
   }

   .tit-60 {
      font-size: 54px;
   }

   .tit-61 {
      font-size: 55px;
   }

   .tit-62 {
      font-size: 56px;
   }

   .tit-63 {
      font-size: 57px;
   }

   .tit-64 {
      font-size: 58px;
   }

   .tit-65 {
      font-size: 59px;
   }

   .tit-66 {
      font-size: 60px;
   }

   .tit-67 {
      font-size: 61px;
   }

   .tit-68 {
      font-size: 62px;
   }

   .tit-69 {
      font-size: 63px;
   }

   .tit-70 {
      font-size: 62px;
   }

   .tit-71 {
      font-size: 63px;
   }

   .tit-72 {
      font-size: 64px;
   }

   .tit-73 {
      font-size: 65px;
   }

   .tit-74 {
      font-size: 66px;
   }

   .tit-75 {
      font-size: 67px;
   }

   .tit-76 {
      font-size: 68px;
   }

   .tit-77 {
      font-size: 69px;
   }

   .tit-78 {
      font-size: 70px;
   }

   .tit-79 {
      font-size: 71px;
   }

   .tit-80 {
      font-size: 72px;
   }
}

@media (max-width: 1481px) {

   /*==常用字号==*/
   .tit-13 {
      font-size: 12px;
   }

   .tit-14 {
      font-size: 12px;
   }

   .tit-15 {
      font-size: 13px;
   }

   .tit-16 {
      font-size: 14px;
   }

   .tit-17 {
      font-size: 15px;
   }

   .tit-18 {
      font-size: 16px;
   }

   .tit-19 {
      font-size: 17px;
   }

   .tit-20 {
      font-size: 18px;
   }

   .tit-20 {
      font-size: 16px;
   }

   .tit-21 {
      font-size: 17px;
   }

   .tit-22 {
      font-size: 18px;
   }

   .tit-23 {
      font-size: 19px;
   }

   .tit-24 {
      font-size: 20px;
   }

   .tit-25 {
      font-size: 21px;
   }

   .tit-26 {
      font-size: 22px;
   }

   .tit-27 {
      font-size: 23px;
   }

   .tit-28 {
      font-size: 24px;
   }

   .tit-29 {
      font-size: 25px;
   }

   .tit-30 {
      font-size: 26px;
   }

   .tit-31 {
      font-size: 25px;
   }

   .tit-32 {
      font-size: 26px;
   }

   .tit-33 {
      font-size: 27px;
   }

   .tit-34 {
      font-size: 28px;
   }

   .tit-35 {
      font-size: 29px;
   }

   .tit-36 {
      font-size: 30px;
   }

   .tit-37 {
      font-size: 31px;
   }

   .tit-38 {
      font-size: 32px;
   }

   .tit-39 {
      font-size: 33px;
   }

   .tit-40 {
      font-size: 34px;
   }

   .tit-41 {
      font-size: 35px;
   }

   .tit-42 {
      font-size: 36px;
   }

   .tit-43 {
      font-size: 37px;
   }

   .tit-44 {
      font-size: 38px;
   }

   .tit-45 {
      font-size: 37px;
   }

   .tit-46 {
      font-size: 38px;
   }

   .tit-47 {
      font-size: 39px;
   }

   .tit-48 {
      font-size: 40px;
   }

   .tit-49 {
      font-size: 41px;
   }

   .tit-50 {
      font-size: 42px;
   }

   .tit-51 {
      font-size: 43px;
   }

   .tit-52 {
      font-size: 44px;
   }

   .tit-53 {
      font-size: 45px;
   }

   .tit-54 {
      font-size: 46px;
   }

   .tit-55 {
      font-size: 47px;
   }

   .tit-56 {
      font-size: 48px;
   }

   .tit-57 {
      font-size: 49px;
   }

   .tit-58 {
      font-size: 50px;
   }

   .tit-59 {
      font-size: 51px;
   }

   .tit-60 {
      font-size: 52px;
   }

   .tit-61 {
      font-size: 51px;
   }

   .tit-62 {
      font-size: 52px;
   }

   .tit-63 {
      font-size: 53px;
   }

   .tit-64 {
      font-size: 54px;
   }

   .tit-65 {
      font-size: 55px;
   }

   .tit-66 {
      font-size: 56px;
   }

   .tit-67 {
      font-size: 57px;
   }

   .tit-68 {
      font-size: 58px;
   }

   .tit-69 {
      font-size: 59px;
   }

   .tit-70 {
      font-size: 60px;
   }

   .tit-71 {
      font-size: 55px;
   }

   .tit-72 {
      font-size: 56px;
   }

   .tit-73 {
      font-size: 57px;
   }

   .tit-74 {
      font-size: 58px;
   }

   .tit-75 {
      font-size: 59px;
   }

   .tit-76 {
      font-size: 60px;
   }

   .tit-77 {
      font-size: 61px;
   }

   .tit-78 {
      font-size: 62px;
   }

   .tit-79 {
      font-size: 63px;
   }

   .tit-80 {
      font-size: 64px;
   }
}

@media (max-width: 1281px) {

   /*==常用字号==*/
   .tit-13 {
      font-size: 12px;
   }

   .tit-14 {
      font-size: 12px;
   }

   .tit-15 {
      font-size: 12px;
   }

   .tit-16 {
      font-size: 13px;
   }

   .tit-17 {
      font-size: 16px;
   }

   .tit-18 {
      font-size: 15px;
   }

   .tit-19 {
      font-size: 16px;
   }

   .tit-20 {
      font-size: 17px;
   }

   .tit-22 {
      font-size: 18px;
   }

   .tit-24 {
      font-size: 19px;
   }

   .tit-25 {
      font-size: 20px;
   }

   .tit-26 {
      font-size: 21px;
   }

   .tit-27 {
      font-size: 22px;
   }

   .tit-28 {
      font-size: 23px;
   }

   .tit-29 {
      font-size: 24px;
   }

   .tit-30 {
      font-size: 25px;
   }

   .tit-31 {
      font-size: 26px;
   }

   .tit-32 {
      font-size: 27px;
   }

   .tit-33 {
      font-size: 24px;
   }

   .tit-34 {
      font-size: 25px;
   }

   .tit-35 {
      font-size: 26px;
   }

   .tit-36 {
      font-size: 27px;
   }

   .tit-37 {
      font-size: 28px;
   }

   .tit-38 {
      font-size: 29px;
   }

   .tit-39 {
      font-size: 30px;
   }

   .tit-40 {
      font-size: 31px;
   }

   .tit-41 {
      font-size: 32px;
   }

   .tit-42 {
      font-size: 33px;
   }

   .tit-43 {
      font-size: 34px;
   }

   .tit-44 {
      font-size: 35px;
   }

   .tit-45 {
      font-size: 36px;
   }

   .tit-46 {
      font-size: 37px;
   }

   .tit-47 {
      font-size: 38px;
   }

   .tit-48 {
      font-size: 39px;
   }

   .tit-49 {
      font-size: 40px;
   }

   .tit-50 {
      font-size: 38px;
   }

   .tit-51 {
      font-size: 39px;
   }

   .tit-52 {
      font-size: 40px;
   }

   .tit-53 {
      font-size: 41px;
   }

   .tit-54 {
      font-size: 42px;
   }

   .tit-55 {
      font-size: 43px;
   }

   .tit-56 {
      font-size: 44px;
   }

   .tit-57 {
      font-size: 45px;
   }

   .tit-58 {
      font-size: 46px;
   }

   .tit-59 {
      font-size: 47px;
   }

   .tit-60 {
      font-size: 48px;
   }

   .tit-61 {
      font-size: 49px;
   }

   .tit-62 {
      font-size: 50px;
   }

   .tit-63 {
      font-size: 51px;
   }

   .tit-64 {
      font-size: 52px;
   }

   .tit-65 {
      font-size: 53px;
   }

   .tit-66 {
      font-size: 54px;
   }

   .tit-67 {
      font-size: 55px;
   }

   .tit-68 {
      font-size: 56px;
   }

   .tit-69 {
      font-size: 57px;
   }

   .tit-70 {
      font-size: 58px;
   }

   .tit-71 {
      font-size: 51px;
   }

   .tit-72 {
      font-size: 52px;
   }

   .tit-73 {
      font-size: 53px;
   }

   .tit-74 {
      font-size: 54px;
   }

   .tit-75 {
      font-size: 55px;
   }

   .tit-76 {
      font-size: 56px;
   }

   .tit-77 {
      font-size: 57px;
   }

   .tit-78 {
      font-size: 58px;
   }

   .tit-79 {
      font-size: 59px;
   }

   .tit-80 {
      font-size: 60px;
   }
}

@media (max-width: 1024px) {
   .tit-24 {
      font-size: 16px;
   }

   .tit-25 {
      font-size: 17px;
   }

   .tit-26 {
      font-size: 18px;
   }

   .tit-27 {
      font-size: 19px;
   }

   .tit-28 {
      font-size: 20px;
   }

   .tit-29 {
      font-size: 21px;
   }

   .tit-30 {
      font-size: 22px;
   }

   .tit-31 {
      font-size: 23px;
   }

   .tit-32 {
      font-size: 24px;
   }

   .tit-33 {
      font-size: 21px;
   }

   .tit-34 {
      font-size: 22px;
   }

   .tit-35 {
      font-size: 23px;
   }

   .tit-36 {
      font-size: 24px;
   }

   .tit-37 {
      font-size: 25px;
   }

   .tit-38 {
      font-size: 26px;
   }

   .tit-39 {
      font-size: 27px;
   }

   .tit-40 {
      font-size: 28px;
   }

   .tit-41 {
      font-size: 29px;
   }

   .tit-42 {
      font-size: 30px;
   }

   .tit-43 {
      font-size: 31px;
   }

   .tit-44 {
      font-size: 32px;
   }

   .tit-45 {
      font-size: 33px;
   }

   .tit-46 {
      font-size: 34px;
   }

   .tit-47 {
      font-size: 35px;
   }

   .tit-48 {
      font-size: 36px;
   }

   .tit-49 {
      font-size: 37px;
   }

   .tit-50 {
      font-size: 34px;
   }

   .tit-51 {
      font-size: 35px;
   }

   .tit-52 {
      font-size: 36px;
   }

   .tit-53 {
      font-size: 37px;
   }

   .tit-54 {
      font-size: 38px;
   }

   .tit-55 {
      font-size: 39px;
   }

   .tit-56 {
      font-size: 40px;
   }

   .tit-57 {
      font-size: 41px;
   }

   .tit-58 {
      font-size: 42px;
   }

   .tit-59 {
      font-size: 43px;
   }

   .tit-60 {
      font-size: 44px;
   }

   .tit-61 {
      font-size: 45px;
   }

   .tit-62 {
      font-size: 46px;
   }

   .tit-63 {
      font-size: 47px;
   }

   .tit-64 {
      font-size: 48px;
   }

   .tit-65 {
      font-size: 49px;
   }

   .tit-66 {
      font-size: 50px;
   }

   .tit-67 {
      font-size: 51px;
   }

   .tit-68 {
      font-size: 52px;
   }

   .tit-69 {
      font-size: 53px;
   }

   .tit-70 {
      font-size: 54px;
   }

   .tit-71 {
      font-size: 47px;
   }

   .tit-72 {
      font-size: 48px;
   }

   .tit-73 {
      font-size: 49px;
   }

   .tit-74 {
      font-size: 50px;
   }

   .tit-75 {
      font-size: 51px;
   }

   .tit-76 {
      font-size: 52px;
   }

   .tit-77 {
      font-size: 53px;
   }

   .tit-78 {
      font-size: 54px;
   }

   .tit-79 {
      font-size: 55px;
   }

   .tit-80 {
      font-size: 56px;
   }
}

@media (max-width: 768px) {
   .tit-16 {
      font-size: 12px;
   }

   .tit-18 {
      font-size: 14px;
   }

   .tit-20 {
      font-size: 16px;
   }

   .tit-33 {
      font-size: 20px;
   }

   .tit-34 {
      font-size: 21px;
   }

   .tit-35 {
      font-size: 22px;
   }

   .tit-36 {
      font-size: 23px;
   }

   .tit-37 {
      font-size: 24px;
   }

   .tit-38 {
      font-size: 25px;
   }

   .tit-39 {
      font-size: 26px;
   }

   .tit-40 {
      font-size: 24px;
   }

   .tit-41 {
      font-size: 25px;
   }

   .tit-42 {
      font-size: 26px;
   }

   .tit-43 {
      font-size: 27px;
   }

   .tit-44 {
      font-size: 28px;
   }

   .tit-45 {
      font-size: 29px;
   }

   .tit-46 {
      font-size: 30px;
   }

   .tit-47 {
      font-size: 31px;
   }

   .tit-48 {
      font-size: 32px;
   }

   .tit-49 {
      font-size: 33px;
   }

   .tit-50 {
      font-size: 28px;
   }

   .tit-51 {
      font-size: 29px;
   }

   .tit-52 {
      font-size: 30px;
   }

   .tit-53 {
      font-size: 31px;
   }

   .tit-54 {
      font-size: 32px;
   }

   .tit-55 {
      font-size: 33px;
   }

   .tit-56 {
      font-size: 34px;
   }

   .tit-57 {
      font-size: 35px;
   }

   .tit-58 {
      font-size: 36px;
   }

   .tit-59 {
      font-size: 37px;
   }

   .tit-60 {
      font-size: 36px;
   }

   .tit-61 {
      font-size: 37px;
   }

   .tit-62 {
      font-size: 38px;
   }

   .tit-63 {
      font-size: 39px;
   }

   .tit-64 {
      font-size: 40px;
   }

   .tit-65 {
      font-size: 41px;
   }

   .tit-66 {
      font-size: 42px;
   }

   .tit-67 {
      font-size: 43px;
   }

   .tit-68 {
      font-size: 44px;
   }

   .tit-69 {
      font-size: 45px;
   }

   .tit-70 {
      font-size: 46px;
   }

   .tit-70 {
      font-size: 42px;
   }

   .tit-71 {
      font-size: 43px;
   }

   .tit-72 {
      font-size: 44px;
   }

   .tit-73 {
      font-size: 45px;
   }

   .tit-74 {
      font-size: 46px;
   }

   .tit-75 {
      font-size: 47px;
   }

   .tit-76 {
      font-size: 48px;
   }

   .tit-77 {
      font-size: 49px;
   }

   .tit-78 {
      font-size: 50px;
   }

   .tit-79 {
      font-size: 51px;
   }

   .tit-80 {
      font-size: 52px;
   }
}

/* 常用字号 */


/* 新增 */

/* 匠筑廿五 */
.celebration-box {
   background-color: #F5F5F5;
   padding-bottom: 5%;
}

.white-box {
   background-color: #FFFFFF;
   padding-bottom: 5%;
}

.celebration {
   margin: 5% auto 0;
   display: flex;
   flex-wrap: wrap;
}

.message {
   width: 60%;
   margin: 0 auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
   background-color: #01499B;
   padding: 2% 2% 2% 4%;
   cursor: pointer;
}

.message-box {
   display: flex;
   align-items: center;
   width: 50%;
}

.message-pic img {
   object-fit: contain;
}

.message-tit {
   color: #FFFFFF;
   margin-left: 5%;
   white-space: nowrap;
}

.bgc {
   background-color: #FFFFFF;
   justify-content: center;
   transition: all 0.3s;
}

.font-cl {
   color: #000000;
}

.tit-center {
   justify-content: center;
}

.select img {
   object-fit: contain;
}

.message-board {
   width: 75%;
   margin: 3% auto 0;
   display: flex;
   flex-direction: column;
   /* align-items: center; */
}

.input-box {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
}

.input-type {
   width: 32%;
   margin-right: 2%;
   padding: 0.5%;
   height: 50px;
   border: 1px solid #DBDBDB;
   color: #666666;
   display: flex;
   align-items: center;
   justify-content: flex-start;
}

.input-type:last-child {
   margin-right: 0;
}

.input-type input::placeholder {
   color: #999999;
}

.input-type p {
   width: 20%;
   height: 100%;
   text-align: center;
   border-right: 1px solid #DBDBDB;
   display: flex;
   align-items: center;
   justify-content: center;
}

.input-type input {
   width: 80%;
   overflow: hidden;
   padding-left: 5%;
   height: 100%;
}

.vs-code {
   width: 25%;
   margin-top: 2%;
}

.vs-code p {
   width: 30%;
}

.vs-code input {
   width: 30%;
}

.vs-code img {
   width: 40%;
}

.wish {
   margin-top: 2%;
   border: 1px solid #DBDBDB;
   height: 270px;
   padding: 1% 2%;
   width: 100%;
   position: relative;
   overflow: hidden;
}

.wish p {
   position: absolute;
   top: 3%;
   left: 2%;
}

.wish textarea {
   width: 100%;
   height: 100%;
   text-indent: 54px;
}

.wish textarea::placeholder {
   color: #999999;
}

.upload {
   margin-top: 2%;
   width: 100%;
}

.upload-box {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   margin-bottom: 2%;
}

.upload-click {
   color: #004a9a;
   text-decoration: underline;
   margin-right: 1%;
   cursor: pointer;
   position: relative;
   width: 27%;
   overflow: hidden;
}

.upload-btn {
   color: #004a9a;
   text-decoration: underline;
   margin-right: 1%;
   cursor: pointer;
   opacity: 1;
   /* position: absolute; */
   left: 0;
   top: 0;
}

.upload-intro {
   color: #666666;
}

.upload-pic {
   display: flex;
   align-items: center;
   justify-content: flex-start;
}

.submit {
   /* margin: 4% auto 0; */
   width: 160px;
   height: 45px;
   /* line-height: 45px; */
   background-color: #01499B;
   color: #FFFFFF;
   text-align: center;
   border: none;
}

.waterfall {
   background-color: #F5F5F5;
   overflow: hidden;
   position: relative;
   margin: 5% auto 3%;
}

.grid-item {
   padding: 4% 0;
   background-color: #FFFFFF;
   width: 32%;
}

.waterfall-list {
   background-color: #FFFFFF;
   width: 92%;
   height: 92%;
   margin: 0 auto;
}

.waterfall-list:nth-child(3n) {
   margin-right: 0;
}

.waterfall-tit {
   margin-bottom: 4%;
   font-weight: 550;
}

.waterfall-cont {
   padding-bottom: 8%;
   /* border-bottom: 1px solid #DBDBDB; */
   margin-bottom: 4%;
   color: #666666;
}

.waterfall-pic {
   display: flex;
   margin-bottom: 4%;
}

.waterfall-pic img {
   object-fit: contain;
   width: 100%;
}

.waterfall-type {
   color: #666666;
}

.cele-list {
   width: 48%;
   margin: 0 4% 4% 0;
   border: 1px solid rgb(241, 241, 241);
}

.cele-list:nth-child(2n) {
   margin-right: 0;
}

.cele-pic {
   width: 100%;
   overflow: hidden;
}

.cele-pic img {
   width: 100%;
   object-fit: contain;
   transition: all 0.5s;
}

.cele-pic img:hover {
   transform: scale(1.2);
}

.cele-box {
   padding: 4% 4% 2%;
}

.cele-tit,
.cele-intro {
   color: rgb(51, 51, 51);
}

.cele-cont {
   color: rgb(140, 140, 140);
   margin-top: 1%;
   line-height: 0.6rem;
   height: 1.2rem;
   overflow: hidden;
   text-overflow: ellipsis;
}

.cele-more {
   color: rgb(102, 102, 102);
}

.cele-more {
   display: block;
   padding: 1% 4%;
   border-top: 1px solid rgb(241, 241, 241);
}

.cele-detail {
   position: fixed;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, .2);
   top: 0;
   left: 0;
}

.isShow {
   display: none;
}

.cele-popup {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -42%);
   display: flex;
   align-items: flex-start;
   padding: 3%;
   background-color: #FFFFFF;
}

.cele-dt-lf {
   width: 50%;
   margin-right: 4%;
}

.cele-dt-pic {
   width: 100%;
   overflow: hidden;
}

.cele-dt-pic img {
   width: auto;
   object-fit: contain;
   transition: all 0.5s;
}

.cele-dt-pic img:hover {
   transform: scale(1.2);
}

.cele-dt-box {
   margin-top: 2%;
}

.cele-dt-tit,
.cele-dt-intro {
   color: rgb(51, 51, 51);
}

.cele-dt-rg {
   width: 46%;
}

.cele-dt-type {
   color: #000000;
   font-weight: 550;
   margin-bottom: 2%;
}

.cele-dt-type:last-child {
   margin-bottom: 0;
}

.cele-dt-type div {
   display: block;
   color: rgb(102, 102, 102);
   font-weight: 500;
   margin-top: 2%;
   max-height: 160px;
   overflow-y: auto;
}

.cele-close {
   position: absolute;
   right: -25px;
   top: -10px;
   cursor: pointer;
   transition: all 0.5s;
   width: 18px;
   height: 18px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.cele-close img {
   object-fit: contain;
   width: 100%;
}

.cele-close:hover {
   transform: rotate(180deg);
}

.img-cover {
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
}

.cele-prev,
.cele-next {
   width: 1.75rem;
   height: 1.75rem;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
}

.cele-prev {
   left: -8%;
}

.cele-next {
   right: -8%;
}

.cele-prev:hover {
   background-image: url(../image/cele-prev-active.png) !important;
   transition: all 0.3s;
}

.cele-next:hover {
   background-image: url(../image/cele-next-active.png) !important;
   transition: all 0.3s;
}

/* 匠筑廿五 */

/* 流金岁月 */
.year {
   padding-bottom: 5%;
}

.years {
   display: flex;
   flex-wrap: wrap;
   padding: 5% 0;
}

.years-top {
   width: 32%;
   margin: 0 2% 2% 0;
   background-color: #FFFFFF;
}

/* .years-top:nth-child(n+4) {
	margin-bottom: 0;
} */

.years-top:nth-child(3n) {
   margin-right: 0;
}

.years-top-list {
   width: 100%;
   overflow: hidden;
}

.years-top-list img {
   width: 100%;
   object-fit: contain;
   transition: all 0.5s;
}

.years-top-list img:hover {
   transform: scale(1.2);
}

.years-top-cont {
   padding: 0 5%;
   margin: 4% 0 6%;
   color: #666666;
}

.years-more {
   width: 10%;
   height: auto;
   margin: 0 auto;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   cursor: pointer;
}

.pic-box {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, .5);
   display: none;
   opacity: 0;
   z-index: 1;
}

.pic-detail {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   text-align: center;
}

.opation {
   opacity: 1;
   display: block;
   transition: all 0.3s;
}

.pic-detail img {
   object-fit: contain;
   width: 50%;
}

.years-more-pic img {
   object-fit: contain;
}

.years-more-tit {
   color: #004a9a;
   margin-top: 2%;
}

.year-btn {
   background-color: #F5F5F5;
   padding-bottom: 5%;
}

.year-box {
   display: flex;
   flex-wrap: wrap;
   padding: 5% 0;
   /* position: relative; */
}

.year-list {
   width: 32%;
   margin: 0 2% 2% 0;
   background-color: #FFFFFF;
   border: 1px solid #EAEAEA;
}

.year-list:nth-child(n+4) {
   margin-bottom: 0;
}

.year-list:nth-child(3n) {
   margin-right: 0;
}

.year-list-top {
   position: relative;
}

.year-list-pic {
   width: 100%;
   padding: 2% 2% 0 2%;
   overflow: hidden;
   transition: all 0.5s;
   height: 8rem;
}

.year-list-pic img {
   width: 100%;
   object-fit: contain;
}

/* .year-list-pic img:hover {
	transform: scale(1.2);
} */

.year-list-pic2 {
   opacity: 1;
   width: 100%;
   padding: 2% 2% 0 2%;
   overflow: hidden;
   transition: all 0.5s;
   /* position: absolute;
	top: 0;
	left: 0; */
}

.year-list-pic2 img {
   width: 100%;
   object-fit: contain;
}

.year-list:hover .year-list-pic {
   opacity: 0;
}

.year-list:hover .year-list-pic2 {
   opacity: 1;
}

.year-list-intro {
   padding: 4% 6%;
   border-bottom: 1px solid #EAEAEA;
}

.year-list-tit {
   color: #000000;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.year-list-cont {
   height: 1.6rem;
   overflow: hidden;
   text-overflow: ellipsis;
   line-height: 0.8rem;
}

.year-list-cont,
.year-list-more a {
   color: #666666;
}

.year-list-more {
   padding: 4% 6%;
}

.year-list-more:hover {
   background-color: #01499B;
   transition: all 0.3s;
}

.year-list-more:hover a {
   color: #FFFFFF;
   transition: all 0.3s;
}

.years-pagination {
   display: flex;
   align-items: center;
   justify-content: center;
}

.years-pagination a {
   border: 1px solid #C4C4C4;
   width: 1.5rem;
   height: 1.5rem;
   line-height: 1.5rem;
   text-align: center;
   margin-right: 0.5%;
   color: #666666;
}

.years-pagination a:last-child {
   margin-right: 0;
}

.years-pagination a:hover {
   background-color: #01499B;
   color: #FFFFFF;
   transition: all 0.3s;
}

/* .prev {
	transform: rotate(180deg);
}

.prev,
.next {
	display: flex;
	align-items: center;
	justify-content: center;
}

.prev svg,
.next svg {
	width: 0.4rem;
	height: 0.4rem;
	fill: #666666;
} */

/* .cover-box {
	display: none;
	
} */

.year-detail-box {
   display: none;
   position: fixed;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   background-color: rgba(0, 0, 0, .5);
   z-index: 2;
}

.year-detail {
   position: absolute;
   /* width: 100%; */
   top: 50%;
   transform: translate(-50%, -50%);
   left: 50%;
   background-color: #FFFFFF;
   display: flex;
   align-items: flex-start;
   padding: 2%;
   z-index: 2;
}

.year-detail-pic {
   width: 48%;
   margin-right: 2%;
}

.year-detail-pic img {
   width: 100%;
   object-fit: contain;
}

.year-detail-intro {
   width: 48%;
}

.year-detail-intro p,
.year-detail-intro li span {
   color: #666666;
}

.year-detail-intro li {
   color: #004A9B;
}

.year-detail-intro .year-detail-tit,
.year-detail-intro .year-detail-type {
   color: #000000;
   font-weight: 550;
}

.year-detail-type {
   margin-top: 2%;
}

/* 流金岁月 */

/* 忆昔抚今 */
.memories {
   background-color: #F5F5F5;
   padding: 5% 0;
}

.mem-box {
   display: flex;
   flex-wrap: wrap;
   margin-bottom: 5%;
   position: relative;
}

.mem-list {
   width: 48.5%;
   margin: 0 3% 3% 0;
   background-color: #fff;
   border: 1px solid rgb(237, 237, 237);
   padding: 2%;
}

.mem-list:nth-child(2n) {
   margin-right: 0;
}

/* .mem-list:last-child,
.mem-list:nth-last-child(2) {
	margin-bottom: 0;
} */

.mem-tit {
   color: #484848;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.mem-pic {
   width: 100%;
   overflow: hidden;
   margin: 4% 0;
   height: 10rem;
}

.mem-pic img {
   width: 100%;
   object-fit: contain;
   transition: all 0.5s;
}

.mem-pic img:hover {
   transform: scale(1.1);
}

.mem-cont {
   color: #838383;
   margin-bottom: 4%;
   height: 1.6rem;
   line-height: 0.8rem;
   overflow: hidden;
   text-overflow: ellipsis;
}

.mem-more {
   display: block;
   color: #01499B;
   width: 25%;
   padding: 2%;
   text-align: center;
}

.mem-more:hover {
   background-color: #01499B;
   color: #FFF;
   transition: all 0.5s;
}

/* 忆昔抚今 */

/* 司庆盛况 */
.pomp {
   background-color: #F5F5F5;
   padding: 5% 0;
}

.pomp-box {}

.pomp-list {
   border: 1px solid #DCDCDC;
   overflow: hidden;
   background-color: #FFFFFF;
   margin-bottom: 4%;
   padding: 2%;
}

.pomp-pic {
   float: left;
   width: 48%;
   margin-right: 4%;
   overflow: hidden;
}

.pomp-pic img {
   width: 100%;
   object-fit: contain;
   transition: all 0.5s;
}

.pomp-pic img:hover {
   transform: scale(1.2);
}

.pomp-intro {
   width: 48%;
   float: right;
   padding-top: 1%;
}

.pomp-tit {
   color: #333333;
}

.pomp-cont {
   line-height: inherit;
   color: #666666;
   margin: 4% 0;
   width: 96%;
   line-height: 0.8rem;
   max-height: 4rem;
   overflow: hidden;
}

.pomp-more {
   display: block;
   color: #01499B;
   width: 20%;
   padding: 2% 0;
   text-align: center;
}

.pomp-more:hover {
   background-color: #01499B;
   color: #FFF;
   transition: all 0.5s;
}

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

.pomp-list:nth-child(2n) .pomp-pic {
   float: right;
   margin-right: 0;
}

.pomp-list:nth-child(2n) .pomp-intro {
   float: left;
   margin-right: 4%;
}

/* 司庆盛况 */

/* 庆典寄语 */
.remarks {
   background-color: #F5F5F5;
   padding: 5% 0;
}

.rem-box {
   display: flex;
   flex-wrap: wrap;
}

.rem-list {
   width: 33.3%;
   padding: 2%;
   border: 1px solid #DCDCDC;
   background-color: #fff;
   margin-right: -1px;
   margin-bottom: -1px;
}

/* .rem-list:nth-child(3n) {
	border-right: 1px solid #DCDCDC;
} */

/* .rem-list:last-child {
	border-right: 1px solid #DCDCDC;
} */

.rem-tit {
   color: #000;
   margin-bottom: 5%;
}

.rem-pic {
   width: 100%;
   overflow: hidden;
   margin-bottom: 5%;
}

.rem-pic img {
   width: 100%;
   object-fit: contain;
   transition: all 0.5s;
}

.rem-pic img:hover {
   transform: scale(1.2);
}

.rem-cont {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.rem-time {
   color: #666666;
}

.rem-more {
   padding: 2%;
   color: #01499B;
}

.rem-more:hover {
   background-color: #01499B;
   color: #ffffff;
   transition: all 0.3s;
}

/* 庆典寄语 */

/* 建党动态 */
.anniversary {
   padding: 5% 0;
}

.ann-top {
   display: flex;
}

.ann-top-list {
   width: 49%;
   margin: 0 2% 2% 0;
   position: relative;
   overflow: hidden;
}

.ann-top-list:nth-child(2n) {
   margin-right: 0;
}

.ann-top-pic {
   width: 100%;
   object-fit: contain;
   transition: all 0.5s;
}

.ann-top-pic:hover {
   transform: scale(1.2);
}

.ann-top-intro {
   position: absolute;
   bottom: 0;
   width: 100%;
   padding: 4%;
}

.ann-top-time,
.ann-top-tit {
   color: #FFFFFF;
}

.ann-btn {
   display: flex;
   flex-wrap: wrap;
}

.ann-btn-list {
   width: 32%;
   margin: 0 2% 4% 0;
   display: block;
}

.ann-btn-list:nth-child(3n) {
   margin-right: 0;
}

.ann-btn-pic {
   width: 100%;
   margin-bottom: 6%;
   overflow: hidden;
}

.ann-btn-pic img {
   width: 100%;
   object-fit: contain;
   transition: all 0.5s;
}

.ann-btn-pic img:hover {
   transform: scale(1.2);
}

/* .ann-btn-box {
	height: 49%;
} */

.ann-btn-intro {
   padding-bottom: 6%;
   border-bottom: 1px solid #E5E5E5;
}

.ann-btn-tit {
   color: #333333;
   margin-bottom: 2%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.ann-btn-list:hover .ann-btn-tit {
   color: #004a9a;
}

.ann-btn-cont {
   color: #666666;
   height: 1.6rem;
   overflow: hidden;
   text-overflow: ellipsis;
   line-height: 0.8rem;
}

.ann-btn-other {
   padding: 2% 0;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.ann-btn-other div {
   width: 0.4rem;
   height: 0.4rem;
   line-height: 0;
}

.ann-btn-other div svg {
   width: 0.4rem;
   height: 0.4rem;
   fill: #0F55A0;
   line-height: 0;
}

.ann-btn-time .time-big {
   color: #E60012;
   width: 100%;
   text-align: right;
   display: block;
   line-height: normal;
}

.ann-btn-time .time-little {
   color: #A9A9A9;
   display: block;
   line-height: normal;
}

/* 建党动态 */

/* 红色记忆 */
.memory-top-pic {
   position: relative;
   z-index: 1;
}

.memory-play {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: ;
}

.memory-play img {
   object-fit: contain;
}

/* 红色记忆 */

.videos {
   width: 29.5rem;
   height: auto;
   position: fixed;
   z-index: 999;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   display: none;
}

.videos video {
   display: block;
   width: 100%;
}

.videos .vclose {
   position: absolute;
   cursor: pointer;
   width: 0.75rem;
   height: 0.75rem;
   border-radius: 50%;
   top: 0.375rem;
   right: 0.375rem;
}

.videos_mask {
   width: 100%;
   height: 100%;
   position: fixed;
   z-index: 998;
   top: 0;
   left: 0;
   background: #000;
   display: none;
   opacity: 0.6;
}

#ad {
   position: fixed;
   left: 0px;
   top: 0px;
   z-index: 10;
   width: 100px;
   height: 100px;
   text-align: center;
   /* background-color: rgb(243,213,125); */
   /* border-radius: 50%; */
   overflow: hidden;
}

#ad a {
   display: block;
   width: 100%;
   height: 100%;
   color: #004a9a;
   line-height: 100px;
   font-size: 0;
}

#ad a img {
   width: 100%;
   object-fit: cover;
   /* height: 65px; */
}

.years-pagination {
   width: 100%;
}

/* .pagination {
	width: 90%;
} */

.add-other {
   margin-top: 25%;
   margin-left: 8%;
}

.add-more {
   margin-bottom: 3%;
}

.flie-wrap {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   margin-top: 2%;
}

.flie-wrap .file-btn {
   width: 160px;
}

.add-box {
   display: flex;
   align-items: center;
   justify-content: center;
   margin-top: 2%;
}

.message-close {
   width: 160px;
   height: 45px;
   line-height: 45px;
   text-align: center;
   background-color: #01499B;
   /* margin: 2% auto 0; */
   color: #FFFFFF;
   margin-left: 5%;
   cursor: pointer;
}

.flie-name {
   font-size: 16px;
}

#file-btn1 {
   font-size: 16px;
}

.flie-name .file-s0 {
   display: flex;
   align-items: center;
   justify-content: flex-start;
}

.flie-name .file-s0-close {
   font-size: 0;
   margin-left: 0.25rem;
   margin-right: 0.5rem;
   position: relative;
   width: 0.5rem;
   height: 0.5rem;
   overflow: hidden;
   display: inline-block;
}

.flie-name .file-s0-close::after {
   content: '';
   position: absolute;
   background-image: url(../image/close-1.png);
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 0.35rem;
   height: 0.35rem;
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
}

/* #ad:hover {
	background-color: #004a9a;
	transition: all 0.3s;
}

#ad:hover a {
	color: #FFFFFF;
	transition: all 0.3s;
} */

@media (max-width: 1680px) {
   .cele-prev {
      left: -6%;
   }

   .cele-next {
      right: -6%;
   }
}

@media (max-width: 1200px) {
   .upload-click {
      width: 30%;
   }
}

@media (max-width: 1024px) {
   .add-other {
      margin-top: 60%;
   }

   .cele-popup {
      width: 90%;
   }

   .celebration {
      flex-direction: column;
   }

   .cele-list {
      width: 100%;
      margin-right: 0;
   }

   /* .years,
	.year-box {
		padding: 5%;
	} */
   .years {
      padding: 5%;
   }

   .years-top,
   .year-list {
      width: 49%;
   }

   .years-top:nth-child(3n) {
      margin-right: 2%;
   }

   .year-list:nth-child(3n) {
      margin-right: 2%;
   }

   .years-top:nth-child(2n) {
      margin-right: 0;
   }

   .year-list:nth-child(2n) {
      margin-right: 0;
   }

   .anniversary {
      padding: 5%;
   }

   .year-detail {
      width: 90%;
      left: 50%;
      transform: translate(-50%, -50%);
   }

   .waterfall {
      left: 5%;
   }
}

@media (max-width: 992px) {
   .cele-popup {
      flex-direction: column;
      transform: translate(-50%, -43%);
   }

   .cele-dt-lf {
      width: 100%;
   }

   .cele-dt-pic img {
      width: 100%;
   }

   .cele-dt-rg {
      width: 100%;
      display: flex;
   }

   .cele-dt-type {
      width: 49%;
      margin-right: 2%;
   }

   .cele-dt-type:nth-child(2n) {
      margin-right: 2%;
   }

   .cele-prev,
   .cele-next {
      width: 1.2rem;
      height: 1.2rem;
   }

   .cele-next {
      right: -1.2rem;
   }

   .cele-prev {
      left: -1.2rem;
   }

   .pomp-more {
      width: 25%;
   }
}

@media (max-width:767px) {
   .cele-more {
      padding: 1% 2%;
   }

   .cele-box {
      padding: 2%;
   }

   .year-list-more {
      padding: 1% 4%;
   }

   .cele-cont,
   .mem-cont,
   .ann-btn-cont {
      line-height: 0.3rem;
      height: 0.6rem;
   }

   .year-list-pic {
      height: 2.5rem;
   }

   .videos {
      width: 90%;
   }

   .waterfall {
      left: 0;
   }

   .cele-popup {
      transform: translate(-50%, -47%);
      max-height: 450px;
      overflow-y: auto;
   }

   .cele-close {
      right: 15px;
      top: 15px;
   }

   .cele-dt-rg {
      flex-direction: column;
   }

   .cele-dt-type {
      width: 100%;
      margin-right: 0;
   }

   .cele-prev,
   .cele-next {
      width: 0.3rem;
      height: 0.3rem;
      display: none;
   }

   /* .cele-next {
		right: -0.3rem;
	}

	.cele-prev {
		left: -0.3rem;
	} */

   .years-pagination a {
      width: 0.5rem;
      height: 0.5rem;
      line-height: 0.5rem;
   }

   .mem-box {
      flex-direction: column;
   }

   .mem-list {
      width: 100%;
      margin-right: 0;
   }

   .pomp-list {
      display: flex;
      flex-direction: column;
   }

   .pomp-pic {
      width: 100%;
      margin-right: 0;
   }

   .pomp-intro {
      width: 100%;
   }

   .pomp-cont {
      margin: 2% 0;
   }

   .pomp-more {
      width: 30%;
      text-align: center;
      background-color: #01499B;
      color: #FFF;
   }

   .rem-list {
      width: 50%;
   }

   .rem-more {
      background-color: #01499B;
      color: #ffffff;
   }

   .mem-more {
      background-color: #01499B;
      color: #ffffff;
   }

   .year-list-more {
      background-color: #01499B;
   }

   .year-list-more a {
      color: #ffffff;
   }

   .year-list-cont {
      height: 0.6rem;
      line-height: 0.3rem;
   }

   .cele-more {
      background-color: #01499B;
      color: #FFFFFF;
   }

   .cele-more:hover {
      color: #FFFFFF;
   }

   /* .ann-btn-cont {
		height: 0.8rem;
	} */

   .ann-btn-other a {
      width: 0.2rem;
      height: 0.2rem;
   }

   .ann-btn-other a svg {
      width: 0.2rem;
      height: 0.2rem;
   }

   .ann-top {
      flex-direction: column;
   }

   .ann-top-list {
      width: 100%;
      margin-right: 0;
   }

   .ann-top-intro {
      position: inherit;
      padding: 2%;
   }

   .ann-top-time,
   .ann-top-tit {
      color: #666666;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
   }

   .ann-btn-list {
      width: 49%;
   }

   .ann-btn-list:nth-child(3n) {
      margin-right: 2%;
   }

   .ann-btn-list:nth-child(2n) {
      margin-right: 0;
   }

   .year-detail {
      flex-direction: column;
      max-height: 450px;
      overflow-y: auto;
   }

   .pic-detail img {
      width: 90%;
   }

   .year-detail-pic {
      width: 100%;
      margin-right: 0;
   }

   .year-detail-intro {
      width: 100%;
   }

   .input-box {
      flex-direction: column;
   }

   .input-type {
      width: 100%;
      margin-right: 0;
      margin-bottom: 2%;
   }

   .wish p {
      top: 2%;
   }

   .grid-item {
      left: 50% !important;
      transform: translateX(-50%);
   }

   .message-board {
      width: 100%;
   }

   .upload-box {
      flex-direction: column;
   }

   .upload-click {
      width: 100%;
   }

   .message {
      width: 100%;
   }

   .mem-list:last-child,
   .mem-list:nth-last-child(2) {
      margin-bottom: 3%;
   }

   .mem-pic {
      height: 4rem;
   }

   .vs-code {
      width: 100%;
      height: 80px;
   }

   .flie-wrap {
      flex-direction: column;
      align-items: flex-start;
   }

   .flie-wrap .file-btn {
      width: auto;
   }
}

/* 767 */

@media (max-width:500px) {
   .years-more {
      width: 20%;
   }

   /* .ann-btn-cont {
		line-height: 0.4rem;
	} */

   .wish p {
      top: 1.5%;
   }

   .mem-more {
      width: 35%;
   }

   .j-time {
      color: #000000;
      font-family: "方正正中黑简体";
      font-size: 14px
   }

   .text-con {
      font-size: .24rem;
      line-height: 1.6;
      word-break: break-all;
      display: block;
   }
}

/* 新增 */

/* 动画 */
/* 从上往下 */
.animate_fadeInDown {
   animation: move 1s;
}

@keyframes move {
   0% {
      margin-top: -50px;
      margin-bottom: 50px;
      opacity: 0;
   }

   100% {
      opacity: 1;
      margin-top: 0;
      margin-bottom: 0;
   }
}


/* 从左向右 */

.animate_fadeInLeft {
   animation: moveleft 1s;
}

@keyframes moveleft {
   0% {
      margin-left: -50%;
      margin-right: 50%;
      opacity: 0;
   }

   100% {
      margin-left: 0;
      margin-right: 0;
      opacity: 1;
   }
}

/*大幅度从左向右*/
.animate_fadeInLeft1 {
   animation: moveleft1 1s;
}

@keyframes moveleft1 {
   0% {
      margin-left: -90%;
      margin-right: 90%;
      opacity: 0;
   }

   100% {
      margin-left: 0;
      margin-right: 0;
      opacity: 1;
   }
}

/* 从右向左 */

.animate_fadeInRight {
   animation: moveright 1s;
}

@keyframes moveright {
   0% {
      margin-right: -50%;
      margin-left: 50%;
      opacity: 0;
   }

   100% {
      margin-right: 0;
      margin-left: 0;
      opacity: 1;
   }
}

/* 大幅度从右向左 */
.animate_fadeInRight1 {
   animation: moveright1 1s;
}

@keyframes moveright1 {
   0% {
      margin-right: -90%;
      margin-left: 90%;
      opacity: 0;
   }

   100% {
      margin-right: 0;
      margin-left: 0;
      opacity: 1;
   }
}

/*从下往上*/

.animate_down_up {
   animation: moverDownUp 1s;
}

@keyframes moverDownUp {
   0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
   }

   100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
   }
}


/* 淡入 */

.animate_info {
   animation: moveInFO 1s;
}

@keyframes moveInFO {
   0% {
      opacity: 0;
   }

   100% {
      opacity: 1;
   }
}


/* 淡入时间 */

.animate_info2 {
   animation: moveInFO2 2s;
}

@keyframes moveInFO2 {
   0% {
      opacity: 0;
   }

   100% {
      opacity: 1;
   }
}


/* 淡入时间 */

.animate_info3 {
   animation: moveInFO3 3s;
}

@keyframes moveInFO3 {
   0% {
      opacity: 0;
   }

   100% {
      opacity: 1;
   }
}

/* 动画 */


@media (max-width: 767px) {
   .j-news-select .online-li {
      width: 100%;
   }

   .j-news-select .select:nth-child(2) {
      margin-left: 0%;
   }

   .j-news-select .online-select {
      width: 100%;
   }

   .j-news-select .online-input {
      width: 100%;
   }

   .j-news-select .online-textarea {
      width: 100%;
   }

   .j-news-select .li {
      margin-left: 0;
   }

   .j-news-select .online-input.mwidth {
      width: 100% !important;
   }
}