@keyframes myfirst {
  from {
    width: 1rem;
    height: 1rem;
  }
  to {
    width: 100%;
    height: 100%;
  }
}

@keyframes myfirst2 {
  from {
    width: 1rem;
    height: 1rem;
  }
  to {
    width: 80%;
    height: 80%;
  }
}

@keyframes myfirst3 {
  from {
    width: 1rem;
    height: 1rem;
  }
  to {
    width: 1rem;
    height: 1rem;
  }
}

@keyframes circle1 {
  from {
    width: 1.3rem;
    height: 1.3rem;
  }
  to {
    width: 100%;
    height: 100%;
  }
}

@keyframes circle2 {
  from {
    width: 1.3rem;
    height: 1.3rem;
  }
  to {
    width: 80%;
    height: 80%;
  }
}

body {
  font-family: SourceHanSansCN-Regular;
}

.moreBtn {
  width: 1.76rem;
  height: 0.58rem;
  line-height: 0.58rem;
  background-color: #004ea2;
  background-image: url(../images/icon_jiantou.png);
  background-size: 0.29rem 0.29rem;
  background-position: 85% center;
  padding-left: 0.3rem;
  background-repeat: no-repeat;
  display: block;
  border-radius: 0.29rem;
  color: #FFFFFF;
  font-size: 14px;
  cursor: pointer;
}

@media only screen and (max-width: 768px) {
  .moreBtn {
    font-size: 0.12rem;
    padding-left: 0.2rem;
    background-position: 88% center;
  }
}

.moreBtn:hover {
  color: #FFFFFF;
}

.moreBtn.white {
  background-color: #FFFFFF;
  background-image: url(../images/icon_jiantou2.png);
  color: #004ea2;
}

.moreBtn.white:hover {
  color: #004ea2;
}

.moreBtn.mini {
  width: 1.2rem;
  height: 0.47rem;
  line-height: 0.47rem;
  background-image: url(../images/icon_right.png);
  background-size: 0.18rem 0.18rem;
  background-position: 75% center;
}

.seeMore {
  background-image: url(../images/icon_lookmore.png);
  background-size: 15px 13px;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 20px;
  color: #004ea2;
  font-size: 14px;
  display: block;
}

.seeMore:hover {
  color: #004ea2;
}

.seeMore.white {
  background-image: url(../images/icon_lookmore2.png);
  color: #FFFFFF;
}

.seeMore.white:hover {
  color: #FFFFFF;
}

.seeMore.border {
  border: 1px dashed #aaaaaa;
  width: 1.77rem;
  height: 0.48rem;
  line-height: 0.48rem;
  background-position: 25% center;
  padding-left: 0.75rem;
  border-radius: 0.06rem;
}

@media only screen and (max-width: 768px) {
  .seeMore.border {
    background-position: 8% center;
    padding-left: 0.55rem;
    height: 0.58rem;
    line-height: 0.58rem;
  }
}

.layui-form-select .layui-input {
  border-radius: 6px;
}

.layui-form-select {
  border-radius: 6px;
}

.layui-form-select dl dd.layui-this {
  background-color: #004ea2;
  text-align: center;
  color: #FFFFFF;
}

.layui-form-select dl dd {
  text-align: center;
}

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}

.pagination .page-item, .pagination .page-num {
  width: 0.35rem;
  height: 0.35rem;
  line-height: 0.33rem;
  border-radius: 0.18rem;
  text-align: center;
  border: 0.02rem solid #eeeeee;
  background-color: #eeeeee;
  color: #444444;
  margin: 0 0.03rem;
}

@media only screen and (max-width: 768px) {
  .pagination .page-item, .pagination .page-num {
    width: 0.7rem;
    height: 0.7rem;
    line-height: 0.7rem;
    border-radius: 0.35rem;
    margin: 0 0.06rem;
  }
}

.pagination .page-item:hover, .pagination .page-num:hover, .pagination .page-num-current {
  border: 0.02rem solid #1b75bb;
  color: #1b75bb;
  background-color: #FFFFFF;
}

.index_post.swiper-container .vrBtn {
  position: absolute;
  right: 0;
  top: 15%;
  width: 2.7rem;
  height: 1.79rem;
  background-color: rgba(255, 255, 255, 0.73);
  box-shadow: 0rem 0.07rem 0.09rem 0rem rgba(0, 0, 0, 0.1);
  border-radius: 0.06rem;
  z-index: 10;
  padding: 0.22rem 0.25rem;
}

@media only screen and (max-width: 768px) {
  .index_post.swiper-container .vrBtn {
    top: 60%;
  }
}

.index_post.swiper-container .vrBtn .vrImg {
  display: inline-block;
  width: 1.62rem;
  height: 1.35rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.index_post.swiper-container .vrBtn .vrImg img {
  width: 0.57rem;
}

.index_post.swiper-container .swiper-slide {
  height: calc(100vh);
}

.index_post.swiper-container .swiper-next {
  background-image: url(../images/swp_arrright.png);
  right: 55px;
}

.index_post.swiper-container .swiper-next[aria-disabled=false]:hover {
  background-image: url(../images/swp_arrright_active.png);
}

.index_post.swiper-container .swiper-prev {
  background-image: url(../images/swp_arrleft.png);
  left: 55px;
}

.index_post.swiper-container .swiper-prev[aria-disabled=false]:hover {
  background-image: url(../images/swp_arrleft_active.png);
}

.index_post.swiper-container .swiper-next, .index_post.swiper-container .swiper-prev {
  position: absolute;
  top: 50%;
  width: 0.5rem;
  height: 0.5rem;
  margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  box-shadow: 0rem 0.08rem 0.26rem 0rem rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  outline: none;
}

.vrMask {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0 0.84rem 0.84rem;
  background-color: rgba(0, 78, 162, 0.78);
  z-index: 112;
}

.vrMask .vrHead {
  height: 88px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.vrMask .vrHead .logo {
  width: 163px;
}

.vrMask .vrHead .close {
  width: 20px;
}

.indexBrief {
  background-color: #f3f7f9;
  padding: 1rem 0.83rem 0.8rem;
/* background-image: url(../images/wave.png); */
  background-image: url(../images/indexbg1.png);
  background-repeat: no-repeat;
  background-size: 30%;
  background-position: left bottom;
}

.indexBrief .brief_head {
  padding-bottom: 0.67rem;
  border-bottom: 1px solid #e5e5e5;
}

.indexBrief .brief_head .title {
  font-size: 0.36rem;
  text-align: center;
  margin-bottom: 0.3rem;
}

.indexBrief .brief_head .text {
  font-size: 0.18rem;
  color: #000000;
  line-height: 2;
  margin-bottom: 0.3rem;
  text-align: center;
}

.indexBrief .brief_content {
  padding: 0.66rem 0 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

@media only screen and (max-width: 768px) {
  .indexBrief .brief_content {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
  }
}

.indexBrief .brief_content .bf_history {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

.indexBrief .brief_content .bf_history .bf_lc {
 
  height: 245px;
  text-align: center;
  flex: 1;
  padding-top: 45px;
}

.indexBrief .brief_content .bf_history .bf_lc .img {
  width:80px;
  margin-bottom: 3px;
}

.indexBrief .brief_content .bf_history .bf_lc .num {
  font-size: 30px;
  color: #000000;
  line-height: 1.2;
  font-weight: bold;
}

.indexBrief .brief_content .bf_history .bf_lc .num .font {
  font-size: 14px;
  font-weight: normal;
}

.indexBrief .brief_content .bf_history .bf_lc .des {
  font-size: 14px;
  color: #444444;
}

.indexBrief .brief_content .bf_swp {
  padding: 0.2rem 0.15rem;
}

@media only screen and (max-width: 768px) {
  .indexBrief .brief_content .bf_swp {
    width: 100%;
  }
  .indexBrief .brief_content .bf_history .bf_lc .img {
    width: 26px;
    margin-bottom: 3px;
  }
  
  .indexBrief .brief_content .bf_history .bf_lc .num {
    font-size: 48px;
    color: #000000;
    line-height: 1.2;
    font-weight: bold;
  }
  
}

.indexBrief .brief_content .bf_swp .swp-pagebox {
  padding-top: 0.24rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media only screen and (max-width: 768px) {
  .indexBrief .brief_content .bf_swp .swp-pagebox {
    flex-direction: column;
  }
  .indexBrief .brief_content .bf_swp .swp-pagebox .seeMore {
    border: 1px dashed #ccc;
    padding: 0.2rem 0.8rem;
    margin-top: 0.2rem;
    background-position: 10% 50%;
    border-radius: 0.06rem;
  }
}

.indexBrief .brief_content .bf_swp .swp-pagebox .swiper-pagination-bullets {
  position: relative;
}

.indexBrief .brief_content .bf_swp .swp-pagebox .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
  width: 15px;
  height: 15px;
  opacity: 1;
  background: #d2d2d2;
}

.indexBrief .brief_content .bf_swp .swp-pagebox .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: #004ea2 !important;
}

.indexBrief .brief_content .bf_swp .swiper-slide {
  display: block;
  cursor: pointer;
  position: relative;
  padding: 0.2rem;
  background-color: #FFFFFF;
  box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  height: 3.74rem;
}

.indexBrief .brief_content .bf_swp .swiper-slide:hover {
  padding: 0.1rem;
}

.indexBrief .brief_content .bf_swp .swiper-slide .img {
  background-position: center top;
  height: 100%;
}

.indexBrief .brief_content .bf_swp .swiper-slide .text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.64rem;
  background-color: rgba(45, 74, 108, 0.8);
  border-radius: 0rem 0rem 0.06rem 0.06rem;
  color: #ffffff;
  line-height: 0.64rem;
  padding: 0 0.2rem;
  text-align: center;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.indexBrief .brief_content .bf_swp .swiper-slide:hover .text {
  background-color: rgba(0, 78, 162, 0.8);
}

@media only screen and (max-width: 768px) {
  .indexBrief {
    background-image: none;
    padding: 0.4rem;
  }
  .indexBrief .brief_content .bf_history {
    background-image: url(../images/wave.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: left bottom;
  }
  .indexBrief .brief_content .bf_history .bf_lc {
    height: 2.5rem;
    padding-top: 0;
    padding-left: 0.6rem;
  }
}

.index_app {
  padding: 0.9rem 0 0.9rem 0.83rem;
  background-color: #FFFFFF;
}

@media only screen and (max-width: 768px) {
  .index_app {
    padding: 0.8rem 0;
  }
}

.index_app .swpApp {
  width: 100%;
}

.index_app .swpApp .swiper-slide {
  height: 8.51rem;
  height: calc(100vh - 140px);
  position: relative;
}

.index_app .swpApp .swiper-slide .theme {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  color: #FFFFFF;
  font-size: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
}

.index_app .swpApp .swiper-slide .descrip {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0.75rem 0 0.75rem 0.75rem;
  z-index: 10;
  opacity: 0;
  overflow: hidden;
}

.index_app .swpApp .swiper-slide .descrip .title {
  color: #FFFFFF;
  font-size: 36px;
  border-bottom: 1px solid #FFFFFF;
  margin-bottom: 40%;
}

@media only screen and (max-width: 768px) {
  .index_app .swpApp .swiper-slide .descrip .title {
    margin-bottom: 20%;
  }
}

.index_app .swpApp .swiper-slide .descrip .name {
  color: #ffffff;
  font-size: 30px;
}

.index_app .swpApp .swiper-slide .descrip .text {
  color: #ffffff;
  font-size: 14px;
  width: 80%;
  margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
  .index_app .swpApp .swiper-slide .descrip .text {
    width: 90%;
  }
}

@media only screen and (min-width: 1025px) {
  .index_app .swpApp .swiper-slide .descrip .text {
    min-width: 600px;
  }
}

@media only screen and (min-width: 1025px) {
  .index_app .swpApp .swiper-slide.active {
    width: 40% !important;
  }
}

.index_app .swpApp .swiper-slide.active .theme {
  opacity: 0;
}

.index_app .swpApp .swiper-slide.active .descrip {
  opacity: 1;
}

@media only screen and (min-width: 1025px) {
  .index_app .swpApp .swiper-slide:hover {
    width: 40% !important;
  }
}

.index_app .swpApp .swiper-slide:hover .theme {
  opacity: 0;
}

.index_app .swpApp .swiper-slide:hover .descrip {
  opacity: 1;
}

@media only screen and (max-width: 768px) {
  .index_app .swpApp .swiper-slide {
    border-radius: 6px;
  }
  .index_app .swpApp .swiper-slide-active {
    width: 80% !important;
    margin-left: 10%;
  }
  .index_app .swpApp .swiper-slide-active .theme {
    opacity: 0;
  }
  .index_app .swpApp .swiper-slide-active .descrip {
    opacity: 1;
    padding: 0.25rem 0 0.25rem 0.45rem;
  }
  .index_app .swpApp .swiper-slide-next {
    margin-left: 10%;
  }
}

.index_zixun {
  background-color: #f6f6f6;
}

.index_zixun .zx_head {
  padding: 0.6rem 0.8rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 768px) {
  .index_zixun .zx_head {
    padding: 0.3rem 0.4rem;
  }
}

.index_zixun .zx_head .zx_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.26rem;
}

.index_zixun .zx_head .zx_title .name {
  font-size: 36px;
  color: #000000;
}

.index_zixun .zx_head .date {
  color: #818181;
  font-size: 14px;
}

.index_zixun .zx_head .title {
  font-size: 30px;
  color: #004ea2;
  width: 100%;
  display: block;
}

.index_zixun .zx_swp_cont {
  padding: 0.6rem 0 1rem 0.83rem;
}

@media only screen and (max-width: 768px) {
  .index_zixun .zx_swp_cont {
    padding: 0.4rem;
  }
}

.index_zixun .zx_swp_cont .zxSwp .swiper-slide {
  display: block;
  cursor: pointer;
  background-color: #FFFFFF;
  padding: 0.75rem 0 0.75rem 0.75rem;
  box-shadow: 0rem 0.08rem 0.26rem 0rem rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 768px) {
  .index_zixun .zx_swp_cont .zxSwp .swiper-slide {
    padding: 0 0.4rem 0.2rem;
  }
}

.index_zixun .zx_swp_cont .zxSwp .swiper-slide .day {
  color: #444444;
  font-size: 50px;
  font-weight: bold;
}

.index_zixun .zx_swp_cont .zxSwp .swiper-slide .date {
  color: #818181;
  font-size: 14px;
}

.index_zixun .zx_swp_cont .zxSwp .swiper-slide .title {
  color: #444444;
  font-size: 24px;
  height: 50px;
  line-height: 25px;
  margin: 16px 0;
}

@media only screen and (max-width: 768px) {
  .index_zixun .zx_swp_cont .zxSwp .swiper-slide .title {
    margin: 0.16rem 0;
    height: 0.5rem;
    line-height: 0.26rem;
    font-size: 0.25rem;
  }
}

.index_zixun .zx_swp_cont .zxSwp .swiper-slide .img {
  border-radius: 0.06rem 0rem 0rem 0.06rem;
  height: 2.78rem;
  background-position: top center;
  margin-bottom: 24px;
}

@media only screen and (max-width: 768px) {
  .index_zixun .zx_swp_cont .zxSwp .swiper-slide .img {
    margin-bottom: 0.24rem;
  }
}

.index_zixun .zx_swp_cont .zxSwp .swiper-slide .text {
  color: #818181;
  font-size: 14px;
  height: 42px;
}

.index_zixun .zx_swp_cont .zxSwp .swiper-slide .seeMore_swp {
  background-image: url(../images/icon_lookmore3.png);
  background-size: 15px 13px;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 20px;
  width: 20px;
  height: 20px;
  display: block;
}

.index_zixun .zx_swp_cont .zxSwp .swiper-slide .seeMore_swp:hover {
  background-image: url(../images/icon_lookmore.png);
}

.index_zixun .zx_swp_cont .zxSwp .swiper-slide:hover .seeMore_swp {
  background-image: url(../images/icon_lookmore.png);
}

.index_zixun .zx_swp_cont .zxSwp .swiper-slide:hover .day, .index_zixun .zx_swp_cont .zxSwp .swiper-slide:hover .title {
  color: #004ea2;
}

.index_zixun .zx_swp_cont .swp_thumb {
  margin-top: 56px;
}

@media only screen and (max-width: 768px) {
  .index_zixun .zx_swp_cont .swp_thumb {
    margin-top: 0.28rem;
  }
}

.index_zixun .zx_swp_cont .swp_thumb .swiper-slide {
  border-bottom: 1px solid #e5e5e5;
  height: 1px;
}

.index_zixun .zx_swp_cont .swp_thumb .swiper-slide.active {
  border-bottom: 1px solid #004ea2;
  background-color: #004ea2;
}

#allmap {
  height: 9.15rem;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  #allmap {
    height: 7rem;
  }
}

.maptext {
  background-color: #f6f6f6;
  padding: 0.2rem;
  font-size: 0.25rem;
}

.maptext .mapinfo {
  width: 100% !important;
}

.serverConMb {
  text-align: center;
  background-color: #FFFFFF;
  height: 2.57rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.serverConMb .title {
  font-size: 0.36rem;
  color: #000000;
  margin-bottom: 0.2rem;
}

.serverConMb .mapSelectBtn {
  width: 5.08rem;
  height: 0.8rem;
  line-height: 0.8rem;
  font-size: 0.24rem;
  text-align: center;
  color: #FFFFFF;
  border-radius: 0.06rem;
  background-color: #004ea2;
}

.serverCont {
  width: 100%;
  position: relative;
  top: 0;
  box-shadow: 0rem 0.08rem 0.26rem 0rem rgba(0, 0, 0, 0.1);
  border-radius: 0.06rem;
  background-color: #ffffff;
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  .serverCont {
    width: 100%;
    top: 0;
  }
}

.serverCont .svbody {
  height: 6.23rem;
  background-color: #f9f9f9;
}

@media only screen and (max-width: 768px) {
  .serverCont .svbody {
    height: auto;
    background-color: #FFFFFF;
  }
}

.serverCont .svbody .svhead2 {
  padding: 0.9rem 0;
}

.serverCont .svbody .svhead2 .ntitle {
  color: #000000;
  font-size: 30px;
  text-align: center;
}

.serverCont .svbody .svhead2 .ntext {
  color: #818181;
  font-size: 14px;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .serverCont .svbody .svhead2 {
    padding: 0.5rem 0 0.3rem;
  }
  .serverCont .svbody .svhead2 .ntitle {
    font-size: 0.36rem;
  }
  .serverCont .svbody .svhead2 .ntext {
    font-size: 0.24rem;
  }
}

.serverCont .svbody .sbody {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.serverCont .svbody .sbody .svItem {
  display: block;
  width: 33%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.serverCont .svbody .sbody .svItem .icon_imgbox {
  width: 1.65rem;
  height: 1.62rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.serverCont .svbody .sbody .svItem .icon_img {
  width: 1.65rem;
  height: 1.62rem;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.09);
  display: flex;
  justify-content: center;
  align-items: center;
  animation: myfirst 2s forwards;
}

.serverCont .svbody .sbody .svItem .icon_img.icon_img1 {
  border: 1px solid rgba(0, 0, 0, 0.09);
}

.serverCont .svbody .sbody .svItem .icon_img .icon_img2 {
  width: 1rem;
  height: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.32);
  animation: myfirst2 1.5s forwards;
}

.serverCont .svbody .sbody .svItem .icon_img .icon_img2 .icon_img3 {
  width: 1rem;
  height: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.67);
  animation: myfirst3 1s forwards;
}

.serverCont .svbody .sbody .svItem .icon_img .icon_img2 .icon_img3 .img {
  width: 50%;
}

.serverCont .svbody .sbody .svItem .icon_img:hover {
  border: 1px solid rgba(0, 0, 0, 0.67);
}

.serverCont .svbody .sbody .svItem .icon_img:hover .icon_img2 {
  border: 1px solid rgba(0, 0, 0, 0.32);
}

.serverCont .svbody .sbody .svItem .icon_img:hover .icon_img3 {
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.serverCont .svbody .sbody .svItem .stitle {
  color: #000000;
  font-size: 24px;
  line-height: 2;
}

.serverCont .svbody .sbody .svItem .sText {
  color: #818181;
  font-size: 14px;
}

@media only screen and (max-width: 768px) {
  .serverCont .svbody .sbody {
    flex-direction: column;
  }
  .serverCont .svbody .sbody .svItem {
    width: 6.94rem;
    border-bottom: 1px solid #d7dce2;
    padding: 0.36rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
  }
  .serverCont .svbody .sbody .svItem .content {
    margin-left: 0.4rem;
  }
  .serverCont .svbody .sbody .svItem .stitle {
    text-align: left;
    font-size: 0.3rem;
  }
  .serverCont .svbody .sbody .svItem .sText {
    font-size: 0.24rem;
  }
  .serverCont .svbody .sbody .svItem:last-child {
    border-bottom: none;
    margin-bottom: 0.4rem;
  }
}

.svHead {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  padding: 0.9rem 0.4rem 0.6rem;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 768px) {
  .svHead {
    padding: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 111;
    display: none;
    height: calc(100vh);
  }
  .svHead .scFixed {
    display: none;
  }
}

.svHead .svCon {
  margin-right: 0.66rem;
  width: 6.37rem;
  text-align: center;
  margin-bottom: 0.6rem;
}

.svHead .svCon .title {
  color: #000000;
  font-size: 36px;
  margin-bottom: 0.26rem;
}

.svHead .svCon .text {
  color: #818181;
  font-size: 14px;
}

.svHead .svCon2 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.svHead .svCon2 .scttl {
  font-size: 0.36rem;
  color: #000000;
  margin: 0.4rem;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .svHead .svCon2 {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 112;
    background-color: #FFFFFF;
    flex-direction: column;
    padding-top: 1rem;
  }
  .svHead .svCon2 .close {
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
    width: 0.3rem;
    height: 0.3rem;
    z-index: 1;
  }
  .svHead .svCon2 .fSlt {
    margin-bottom: 0.3rem;
    width: 5.08rem;
  }
  .svHead .svCon2 .fSlt .layui-form-select .layui-input {
    height: 0.8rem;
  }
  .svHead .svCon2 .submit {
    width: 5.08rem;
    margin-top: 0.12rem;
  }
}

.svHead .fSlt {
  margin-right: 0.15rem;
}

.svHead .submit {
  width: 1.2rem;
  border-radius: 6px;
  background-color: #004ea2;
}

.index_case {
  background-color: #FFFFFF;
  padding: 0rem 0.83rem;
  position: relative;
  top: -1rem;
}

@media only screen and (max-width: 768px) {
  .index_case {
    top: 0;
  }
}

.index_case .inhead {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.index_case .inhead .cname {
  color: #000000;
  font-size: 36px;
}

@media only screen and (max-width: 768px) {
  .index_case .inhead .cname {
    font-size: 0.36rem;
  }
}

.index_case .swp_case {
  margin-top: 0.3rem;
}

.index_case .swp_case .swiper-slide .img {
  height: 2.83rem;
  border-radius: 0.06rem;
}

.index_case .swp_case .swiper-slide .swp_title {
  font-size: 14px;
  line-height: 2;
  color: #000000;
}

@media only screen and (max-width: 768px) {
  .index_case {
    padding: 0 0.4rem;
  }
}

.index_breif {
  background-image: url(../images/index_breif.png);
  background-repeat: no-repeat;
  height: 5.1rem;
  padding-bottom: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.index_breif .ttl {
  font-size: 24px;
  color: #FFFFFF;
  margin-bottom: 0.15rem;
  line-height: 1;
}

.index_breif .txt {
  font-size: 36px;
  color: #FFFFFF;
  line-height: 1;
  margin-bottom: 0.46rem;
}

@media only screen and (max-width: 768px) {
  .index_breif {
    height: 3rem;
    padding-bottom: 0rem;
  }
  .index_breif .ttl {
    font-size: 12px;
    width: 80%;
    text-align: center;
  }
  .index_breif .txt {
    font-size: 10px;
    margin-bottom: 0.23rem;
  }
}

.netHead {
  position: relative;
  width: 100%;
  height: 6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.netHead .bTitle {
  font-size: 36px;
  color: #FFFFFF;
}

.netHead .bTitle.blue {
  color: #004ea2;
}

.netHead .bTitle.black {
  color: #000;
}

.netHead .sub {
  font-size: 14px;
  color: #FFFFFF;
  width: 50%;
  text-align: center;
}

.netHead .sub.blue {
  color: #004ea2;
}

.netHead .sub.black {
  color: #818181;
}

@media only screen and (max-width: 768px) {
  .netHead {
    height: 4rem;
  }
  .netHead .bTitle {
    font-size: 24px;
  }
  .netHead .sub {
    width: 80%;
  }
}

.netHead.mini {
  height: 3.4rem;
}

.netHead.xs {
  height: 1.63rem;
}

.netHead.md {
  height: 6.03rem;
}

.netHead.xl {
  height: 9.02rem;
}

.netHead.martop {
  margin-top: 0.88rem;
}

.news_cont {
  background-color: #F6F6F6;
}

.news_cont .news_body {
  width: 17.54rem;
  margin: 0 auto;
  padding-bottom: 1rem;
}

@media only screen and (max-width: 768px) {
  .news_cont .news_body {
    width: 100%;
  }
}

.news_cont .news_body .news_top {
  height: 4.5rem;
}

@media only screen and (max-width: 768px) {
  .news_cont .news_body .news_top {
    height: auto;
  }
}

.news_cont .news_body .news_top .news_top_rep {
  position: relative;
  top: -1.5rem;
  padding: 0.43rem;
  background-color: #FFFFFF;
  box-shadow: 0px 8px 26px 0px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.news_cont .news_body .news_top .news_top_rep .img {
  width: 7rem;
  height: 4.37rem;
  background-color: #000000;
  border-radius: 6px;
}

.news_cont .news_body .news_top .news_top_rep .news_top_con {
  width: 9.33rem;
  height: 4.37rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
}

.news_cont .news_body .news_top .news_top_rep .news_top_con .news_top_cc {
  width: 100%;
}

.news_cont .news_body .news_top .news_top_rep .news_top_con .news_top_cc .title {
  color: #004ea2;
  font-size: 0.36rem;
  line-height: 2;
  font-weight: bold;
}

.news_cont .news_body .news_top .news_top_rep .news_top_con .news_top_cc .date {
  line-height: 1;
  font-size: 0.14rem;
  color: #898989;
  margin-bottom: 0.1rem;
}

.news_cont .news_body .news_top .news_top_rep .news_top_con .news_top_cc .text {
  color: #818181;
  font-size: 0.14rem;
  line-height: 0.36rem;
}

@media only screen and (max-width: 768px) {
  .news_cont .news_body .news_top .news_top_rep {
    flex-direction: column;
    height: auto;
    top: 0;
  }
  .news_cont .news_body .news_top .news_top_rep .img {
    width: 100%;
  }
  .news_cont .news_body .news_top .news_top_rep .news_top_con {
    width: 100%;
  }
  .news_cont .news_body .news_top .news_top_rep .news_top_con .news_top_cc {
    width: 100%;
  }
  .news_cont .news_body .news_top .news_top_rep .news_top_con .news_top_cc .date {
    font-size: 10px;
  }
  .news_cont .news_body .news_top .news_top_rep .news_top_con .news_top_cc .text {
    font-size: 12px;
  }
}

.news_cont .news_body .news_list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 0.6rem;
}

.news_cont .news_body .news_list .news_item {
  position: relative;
  top: 0;
  width: 4.23rem;
  height: 5.14rem;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
  border: 1px solid #FFFFFF;
  background-color: #ffffff;
  box-shadow: 0px 8px 26px 0px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  padding: 0.4rem 0.21rem;
}

.news_cont .news_body .news_list .news_item:nth-child(4n) {
  margin-right: 0;
}

.news_cont .news_body .news_list .news_item .day {
  font-size: 0.5rem;
  color: #444444;
  line-height: 1;
  font-weight: bold;
}

.news_cont .news_body .news_list .news_item .date {
  font-size: 14px;
  color: #818181;
  font-weight: bold;
}

.news_cont .news_body .news_list .news_item .title {
  font-size: 0.16rem;
  color: #000;
  margin: 0.1rem 0;
}

.news_cont .news_body .news_list .news_item .img {
  width: 100%;
  height: 2.39rem;
  border-radius: 6px;
  background-color: #eeeeee;
  margin-bottom: 0.1rem;
}

.news_cont .news_body .news_list .news_item .text {
  color: #818181;
  font-size: 0.14rem;
  line-height: 0.24rem;
}

.news_cont .news_body .news_list .news_item:hover {
  top: -0.03rem;
  background-color: #f6f6f6;
  border: 1px dashed #bfbfbf;
}

.news_cont .news_body .news_list .news_item:hover .day {
  color: #004ea2;
}

.news_cont .news_body .news_list .news_item:hover .date {
  color: #444444;
}

.news_cont .news_body .news_list .news_item:hover .text {
  color: #444444;
}

@media only screen and (max-width: 768px) {
  .news_cont .news_body .news_list {
    padding-top: 0.21rem;
  }
  .news_cont .news_body .news_list .news_item {
    width: 100%;
    height: auto;
    margin-left: 0.21rem;
  }
  .news_cont .news_body .news_list .news_item .title {
    font-size: 0.32rem;
  }
  .news_cont .news_body .news_list .news_item .text {
    font-size: 0.28rem;
    line-height: 0.36rem;
  }
  .news_cont .news_body .news_list .news_item .img {
    height: 4.3rem;
  }
  .news_cont .news_body .news_list .news_item:nth-child(4n) {
    margin-right: 0.21rem;
  }
}

.news_detail_cont {
  background-color: #F4F4F4;
}

.news_detail_cont .content {
  position: relative;
  top: -1.55rem;
  box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.06);
  border-radius: 12px;
  width: 9.59rem;
  background-color: #FFFFFF;
  margin: 0 auto;
  padding: 0.51rem;
}

.news_detail_cont .content .c_head {
  border-bottom: 1px solid #F1F1F1;
}

.news_detail_cont .content .c_head .title {
  font-size: 24px;
  line-height: 3;
  color: #000000;
  text-align: center;
}

.news_detail_cont .content .c_head .des {
  text-align: center;
  color: #818181;
  font-size: 14px;
  margin-bottom: 0.2rem;
}

.news_detail_cont .content .text {
  padding: 0.2rem 0;
  color: #444;
  font-size: 14px;
  line-height: 36px;
}

.news_detail_cont .content .text img {
  max-width: 100%;
  height: auto;
  margin: 18px auto;
}

@media only screen and (max-width: 768px) {
  .news_detail_cont .content {
    top: -15px;
    width: 100%;
    padding: 0.31rem;
  }
  .news_detail_cont .content .c_head .title {
    font-size: 20px;
    line-height: 1.3;
  }
  .news_detail_cont .content .text {
    line-height: 30px;
  }
}

.fix_menu {
  width: 0.57rem;
  position: fixed;
  bottom: 0.2rem;
  right: 0.1rem;
  z-index: 100;
}

.fix_menu .img {
  display: block;
  margin-bottom: 0.1rem;
  cursor: pointer;
  width: 0.57rem;
  height: 0.57rem;
  background-color: #FFFFFF;
  background-position: center;
  background-size: 66%;
  background-repeat: no-repeat;
  border-radius: 6px;
}

.fix_menu .slideimg {
  display: block;
  margin-bottom: 0.1rem;
  cursor: pointer;
  width: 0.57rem;
  height: 0.57rem;
  background-color: #004ea2;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80%;
  border-radius: 6px;
}

.fix_menu .img.menu {
  background-image: url(../images/fix_menu.png);
}

.fix_menu .img.menu:hover {
  background-image: url(../images/fix_menu2.png);
}

.fix_menu .img.back {
  background-image: url(../images/fix_back.png);
}

.fix_menu .img.back:hover {
  background-image: url(../images/fix_back2.png);
}

.fix_menu .img.top {
  background-image: url(../images/fix_top.png);
}

.fix_menu .img.top:hover {
  background-image: url(../images/fix_top2.png);
}

.pdt_menu_cont .index_app {
  padding-bottom: 0.9rem;
}

@media only screen and (max-width: 768px) {
  .pdt_menu_cont .index_app {
    padding-top: 2rem;
  }
}

.pdt_menu_cont .swp_thumb {
  margin-top: 56px;
}

@media only screen and (max-width: 768px) {
  .pdt_menu_cont .swp_thumb {
    margin-top: 1rem;
  }
}

.pdt_menu_cont .swp_thumb .swiper-slide {
  border-bottom: 1px solid #e5e5e5;
  height: 1px;
}

.pdt_menu_cont .swp_thumb .swiper-slide.active {
  border-bottom: 1px solid #004ea2;
  background-color: #004ea2;
}

.pdt_cont {
  background-color: #F6F6F6;
}

.pdt_cont .netHead {
  height: 4rem;
}

@media only screen and (max-width: 768px) {
  .pdt_cont .netHead {
    height: 6rem;
  }
}

.pdt_cont .pdt_body {
  width: 17.55rem;
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  .pdt_cont .pdt_body {
    width: 90%;
  }
}

.pdt_cont .pdt_body .layui-tab {
  position: relative;
  margin: 0;
}

.pdt_cont .pdt_body .layui-tab .layui-tab-title {
  position: relative;
  top: -0.74rem;
  height: 0.74rem;
  line-height: 0.74rem;
  border-bottom: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

@media only screen and (max-width: 768px) {
  .pdt_cont .pdt_body .layui-tab .layui-tab-title {
    top: -0.73rem;
  }
}

.pdt_cont .pdt_body .layui-tab .layui-tab-title li {
  width: 8.23rem;
  background-color: #004ea2;
  border-radius: 6px 6px 0px 0px;
  margin-right: 0.14rem;
  line-height: 0.74rem;
  font-size: 0.24rem;
  color: #FFFFFF;
  text-align: left;
  padding-left: 0.33rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.pdt_cont .pdt_body .layui-tab .layui-tab-title li .ico {
  width: 0.33rem;
  height: 0.33rem;
  background-color: #FFFFFF;
  border-radius: 50%;
  background-image: url(../images/icon_left2.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50%;
  margin-right: 0.22rem;
}

.pdt_cont .pdt_body .layui-tab .layui-tab-title li.layui-this {
  background-color: #F6F6F6;
  color: #000000;
}

.pdt_cont .pdt_body .layui-tab .layui-tab-title li.layui-this .ico {
  background-image: url(../images/icon_down2.png);
}

.pdt_cont .pdt_body .layui-tab .layui-tab-title li.layui-this::after {
  border: none;
}

.pdt_cont .pdt_body .layui-tab .layui-tab-title .way {
  border-radius: 6px 6px 0px 0px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  font-size: 14px;
  transition: all .2s;
  -webkit-transition: all .2s;
  position: relative;
  line-height: 0.74rem;
  min-width: 65px;
  padding: 0 15px;
  text-align: center;
  cursor: pointer;
  background-color: #FFFFFF;
  width: 0.74rem;
  height: 0.74rem;
  background-image: url(../images/fix_menu.png);
  background-size: 0.425rem;
}

.pdt_cont .pdt_body .layui-tab .layui-tab-title .way:hover {
  background-image: url(../images/fix_menu2.png);
}

.pdt_cont .pdt_body .layui-tab .layui-tab-content {
  padding: 0;
}

@media only screen and (max-width: 768px) {
  .pdt_cont .pdt_body .layui-tab .layui-tab-content {
    position: relative;
  }
}

.pdt_cont .pdt_body .layui-tab .layui-tab-content .layui-tab-item {
  padding-bottom: 0.7rem;
}

.pdt_cont .pdt_body .layui-tab .layui-tab-content .layui-tab-item .clsfy {
  position: relative;
  top: -0.3rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  height: 0.46rem;
  line-height: 0.46rem;
}

@media only screen and (max-width: 768px) {
  .pdt_cont .pdt_body .layui-tab .layui-tab-content .layui-tab-item .clsfy {
    overflow-x: scroll;
    flex-wrap: nowrap;
    height: 0.6rem;
    line-height: 0.6rem;
  }
}

.pdt_cont .pdt_body .layui-tab .layui-tab-content .layui-tab-item .clsfy .item {
  font-size: 16px;
  color: #444444;
  height: 0.46rem;
  line-height: 0.16rem;
  margin-right: 0.4rem;
  width: auto;
  background-color: transparent;
}

.pdt_cont .pdt_body .layui-tab .layui-tab-content .layui-tab-item .clsfy .item:hover, .pdt_cont .pdt_body .layui-tab .layui-tab-content .layui-tab-item .clsfy .item.active, .pdt_cont .pdt_body .layui-tab .layui-tab-content .layui-tab-item .clsfy .item.layui-this {
  position: relative;
  border-bottom: 1px solid #004ea2;
  color: #004ea2;
}

.pdt_cont .pdt_body .layui-tab .layui-tab-content .layui-tab-item .clsfy .item:hover::after, .pdt_cont .pdt_body .layui-tab .layui-tab-content .layui-tab-item .clsfy .item.active::after, .pdt_cont .pdt_body .layui-tab .layui-tab-content .layui-tab-item .clsfy .item.layui-this::after {
  content: '';
  position: absolute;
  left: 47%;
  top: 0.46rem;
  border-top: 7px solid #004ea2;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  width: auto;
}

@media only screen and (max-width: 768px) {
  .pdt_cont .pdt_body .layui-tab .layui-tab-content .layui-tab-item .clsfy .item:hover::after, .pdt_cont .pdt_body .layui-tab .layui-tab-content .layui-tab-item .clsfy .item.active::after, .pdt_cont .pdt_body .layui-tab .layui-tab-content .layui-tab-item .clsfy .item.layui-this::after {
    left: 50%;
    top: 0.6rem;
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .pdt_cont .pdt_body .layui-tab .layui-tab-content .layui-tab-item .clsfy .item {
    height: 0.6rem;
    line-height: 0.6rem;
    margin-right: 0;
    min-width: 2.7rem;
  }
  .pdt_cont .pdt_body .layui-tab .layui-tab-content .layui-tab-item .clsfy .item.active::after {
    display: none;
  }
}

.pdt_cont .pdt_body .layui-tab .layui-tab-content .layui-tab-item .clsfy2 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  padding: 0.3rem 0 0.4rem;
}

@media only screen and (max-width: 768px) {
  .pdt_cont .pdt_body .layui-tab .layui-tab-content .layui-tab-item .clsfy2 {
    padding-top: 0;
  }
}

.pdt_cont .pdt_body .layui-tab .layui-tab-content .layui-tab-item .clsfy2 .item {
  display: inline-block;
  height: 0.48rem;
  margin-right: 0.08rem;
  margin-bottom: 0.08rem;
  line-height: 0.48rem;
  font-size: 14px;
  color: #818181;
  border-radius: 0.06rem;
  text-align: center;
  padding: 0 0.48rem;
  border: 1px dashed #818181;
}

.pdt_cont .pdt_body .layui-tab .layui-tab-content .layui-tab-item .clsfy2 .item:hover, .pdt_cont .pdt_body .layui-tab .layui-tab-content .layui-tab-item .clsfy2 .item.active {
  border: 1px dashed #004ea2;
  color: #004ea2;
}

@media only screen and (max-width: 768px) {
  .pdt_cont .pdt_body .layui-tab .layui-tab-content .layui-tab-item .clsfy2 .item {
    font-size: 12px;
  }
}

.pdt_cont .pdt_body .layui-tab .layui-tab-content .layui-tab-item .pdt_list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.pdt_cont .pdt_body .layui-tab .layui-tab-content .layui-tab-item .pdt_list .item {
  position: relative;
  top: 0;
  width: 3.36rem;
  height: 3.36rem;
  background-color: #ffffff;
  box-shadow: 0px 8px 26px 0px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  margin-right: 0.18rem;
  margin-bottom: 0.18rem;
  padding: 0.35rem 0.38rem 0 0.38rem;
}

.pdt_cont .pdt_body .layui-tab .layui-tab-content .layui-tab-item .pdt_list .item:hover {
  top: -0.05rem;
}

.pdt_cont .pdt_body .layui-tab .layui-tab-content .layui-tab-item .pdt_list .item:nth-child(5n) {
  margin-right: 0;
}

@media only screen and (max-width: 768px) {
  .pdt_cont .pdt_body .layui-tab .layui-tab-content .layui-tab-item .pdt_list .item:nth-child(5n) {
    margin-right: 0.18rem;
  }
}

.pdt_cont .pdt_body .layui-tab .layui-tab-content .layui-tab-item .pdt_list .item .img {
  height: 2.1rem;
  line-height: 2.1rem;
  margin-bottom: 0.14rem;
}

.pdt_cont .pdt_body .layui-tab .layui-tab-content .layui-tab-item .pdt_list .item .title {
  font-size: 0.14rem;
  line-height: 1;
  margin-bottom: 0.1rem;
}

.pdt_cont .pdt_body .layui-tab .layui-tab-content .layui-tab-item .pdt_list .item .subname {
  font-size: 0.14rem;
  color: #818181;
}

@media only screen and (max-width: 768px) {
  .pdt_cont .pdt_body .layui-tab .layui-tab-content .layui-tab-item .pdt_list .item {
    width: 3.3rem;
    margin-right: 0.14rem;
    margin-bottom: 0.14rem;
  }
  .pdt_cont .pdt_body .layui-tab .layui-tab-content .layui-tab-item .pdt_list .item:nth-child(2n) {
    margin-right: 0 !important;
  }
  .pdt_cont .pdt_body .layui-tab .layui-tab-content .layui-tab-item .pdt_list .item:nth-child(5n) {
    margin-right: 0.14rem;
  }
  .pdt_cont .pdt_body .layui-tab .layui-tab-content .layui-tab-item .pdt_list .item .title {
    font-size: 14px;
  }
  .pdt_cont .pdt_body .layui-tab .layui-tab-content .layui-tab-item .pdt_list .item .subname {
    font-size: 12px;
  }
}

.pdt_cont .pdt_body .layui-tab .layui-tab-content .layui-tab-item .pagination {
  padding: 0.6rem 0 0;
}

.pdt_cont .pdt_body .layui-tab .layui-tab-content .layui-tab-item .lingyu {
  padding: 0.65rem;
  background-color: #ffffff;
  border-radius: 6px;
  font-size: 0.14rem;
  line-height: 30px;
  color: #444;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

@media only screen and (max-width: 768px) {
  .pdt_cont .pdt_body .layui-tab .layui-tab-content .layui-tab-item .lingyu {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    padding: 0.2rem;
    line-height: 0.3rem;
  }
}

.pdt_cont .pdt_body .layui-tab .layui-tab-content .layui-tab-item .lingyu > div {
  width: 7.8rem;
}

@media only screen and (max-width: 768px) {
  .pdt_cont .pdt_body .layui-tab .layui-tab-content .layui-tab-item .lingyu > div {
    width: 100%;
    font-size: 12px;
    line-height: 24px;
  }
}

.pdt_cont .pdt_detail_body {
  background-color: #FFFFFF;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1000px;
}

.pdt_cont .pdt_detail_body .pdt_left {
  background-color: #F1F1F1;
  padding: 0.95rem 0.84rem;
}

.pdt_cont .pdt_detail_body .pdt_left .cls {
  font-size: 0.18rem;
  color: #818181;
  line-height: 1;
  margin-bottom: 0.38rem;
}

.pdt_cont .pdt_detail_body .pdt_left .type {
  line-height: 1;
  font-size: 0.24rem;
  color: #004ea2;
  margin-bottom: 0.16rem;
}

.pdt_cont .pdt_detail_body .pdt_left .title {
  line-height: 1;
  font-size: 0.24rem;
  color: #004ea2;
  margin-bottom: 0.33rem;
}

.pdt_cont .pdt_detail_body .pdt_left .img {
  width: 5rem;
  margin-bottom: 0.48rem;
}

.pdt_cont .pdt_detail_body .pdt_left img {
  width: 4rem;
  margin-bottom: 0.48rem;
  max-width: 300px;
  min-width: 200px;
  max-height: 5rem;
  height: auto;
  width: auto;
  text-align: center;
  margin: 0 auto  0.48rem;
}

.pdt_cont .pdt_detail_body .pdt_left .clsfy {
  color: #444444;
  font-size: 0.18rem;
  line-height: 1;
  margin-bottom: 0.22rem;
}

@media only screen and (max-width: 768px) {
  .pdt_cont .pdt_detail_body .pdt_left .clsfy {
    font-size: 18px;
  }
}

.pdt_cont .pdt_detail_body .pdt_left .cls_list a {
  color: #818181;
  font-size: 0.14rem;
  height: 0.55rem;
  line-height: 0.55rem;
  width: 100%;
  border-radius: 6px;
  padding-left: 0.25rem;
  margin-bottom: 0.17rem;
  border: 1px dashed #b5b5b5;
  background-image: url(../images/icon_lookmore3.png);
  background-repeat: no-repeat;
  background-position: 95% 50%;
  background-size: 0.15rem;
  cursor: pointer;
  display: block;
}

.pdt_cont .pdt_detail_body .pdt_left .cls_list a.active, .pdt_cont .pdt_detail_body .pdt_left .cls_list a:hover {
  background-image: url(../images/icon_lookmore.png);
  border: 1px dashed #004ea2;
  color: #004ea2;
}

@media only screen and (max-width: 768px) {
  .pdt_cont .pdt_detail_body .pdt_left .cls {
    font-size: 12px;
  }
  .pdt_cont .pdt_detail_body .pdt_left .type {
    font-size: 14px;
  }
  .pdt_cont .pdt_detail_body .pdt_left .title {
    font-size: 14px;
  }
  .pdt_cont .pdt_detail_body .pdt_left .cls_list a {
    font-size: 14px;
    height: 0.85rem;
    line-height: 0.85rem;
  }
}

.pdt_cont .pdt_detail_body .pdt_right {
  width: 10rem;
  padding: 0.95rem 0.82rem;
}

.pdt_cont .pdt_detail_body .pdt_right .canshu, .pdt_cont .pdt_detail_body .pdt_right .zhanshi {
  color: #444444;
  font-size: 0.18rem;
  margin-bottom: 0.32rem;
  line-height: 1;
}

@media only screen and (max-width: 768px) {
  .pdt_cont .pdt_detail_body .pdt_right .canshu, .pdt_cont .pdt_detail_body .pdt_right .zhanshi {
    font-size: 18px;
  }
}

.pdt_cont .pdt_detail_body .pdt_right .cstable {
  width: 100%;
  margin-bottom: 0.48rem;
}

.pdt_cont .pdt_detail_body .pdt_right .cstable tbody tr {
  height: 0.45rem;
  line-height: 0.45rem;
  text-align: center;
  border: 1px solid #dddddd;
  color: #818181;
}

.pdt_cont .pdt_detail_body .pdt_right .cstable tbody tr.one {
  color: #444444;
  background-color: #F8F8F8;
}

.pdt_cont .pdt_detail_body .pdt_right .cstable tbody tr td {
  width: 25%;
  border: 1px solid #dddddd;
}

.pdt_cont .pdt_detail_body .pdt_right .content {
  font-size: 14px;
  color: #444;
  line-height: 30px;
}

@media only screen and (max-width: 768px) {
  .pdt_cont .pdt_detail_body {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    width: 100%;
  }
  .pdt_cont .pdt_detail_body .pdt_left {
    width: 100%;
    padding: 0.4rem;
  }
  .pdt_cont .pdt_detail_body .pdt_left img {
    width: 75%;    
    max-width: auto;
  }
  .pdt_cont .pdt_detail_body .pdt_left .cls_list li {
    line-height: 0.7rem;
    height: 0.7rem;
  }
  .pdt_cont .pdt_detail_body .pdt_right {
    width: 100%;
    padding: 0.4rem;
  }
}

.culture_cont .culture_content .cul_group {
  background-color: #F6F6F6;
  height: 3.71rem;
  position: relative;
  padding: 0 0.84rem;
  display: flex;
  justify-content: space-between;
  align-items: space-between;
}

.culture_cont .culture_content .cul_group .cul_g_item {
  position: relative;
  top: -0.5rem;
  width: 5.44rem;
  height: 3rem;
  background-color: #FFFFFF;
  box-shadow: 0px 8px 26px 0px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  padding: 0.1rem;
}

.culture_cont .culture_content .cul_group .cul_g_item:nth-child(3n+1) {
  top: -1rem;
  order: 1;
}

@media only screen and (max-width: 768px) {
  .culture_cont .culture_content .cul_group .cul_g_item:nth-child(3n+1) {
    order: 0;
    top: -0.5rem;
  }
}

.culture_cont .culture_content .cul_group .cul_g_item:nth-child(3n+2) {
  order: 0;
}

.culture_cont .culture_content .cul_group .cul_g_item:nth-child(3n+3) {
  order: 1;
}

.culture_cont .culture_content .cul_group .cul_g_item .codeDemo {
  position: absolute;
  left: 50%;
  top: 0rem;
  width: 2.33rem;
  height: 2.33rem;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
}

.culture_cont .culture_content .cul_group .cul_g_item .codeDemo .circleOut {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.3rem;
  height: 1.3rem;
  border: 1px dashed rgba(255, 255, 255, 0.52);
  border-radius: 50%;
  animation: circle1 2s forwards;
}

.culture_cont .culture_content .cul_group .cul_g_item .codeDemo .circleOut .circleIn {
  width: 1.3rem;
  height: 1.3rem;
  border: 1px dashed rgba(255, 255, 255, 0.72);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: circle2 2s forwards;
}

.culture_cont .culture_content .cul_group .cul_g_item .codeDemo .circleOut .circleIn .circleNum {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1.3rem;
  height: 1.3rem;
  border-radius: 50%;
  line-height: 1.3rem;
  text-align: center;
  background-color: #004ea2;
  box-shadow: 0px 11px 35px 0px rgba(0, 0, 0, 0.13);
  font-size: 0.6rem;
  color: #FFFFFF;
}

.culture_cont .culture_content .cul_group .cul_g_item .title {
  background-color: #f3f7f9;
  border-radius: 12px;
  height: 1.3rem;
  color: #004ea2;
  font-size: 0.24rem;
  padding-top: 0.9rem;
  text-align: center;
  line-height: 1;
  z-index: 11;
}

.culture_cont .culture_content .cul_group .cul_g_item .text {
  text-align: center;
  padding-top: 0.35rem;
}

@media only screen and (max-width: 768px) {
  .culture_cont .culture_content .cul_group {
    height: auto;
    padding: 0.8rem 0.4rem 0.3rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
  }
  .culture_cont .culture_content .cul_group .cul_g_item {
    width: 100%;
    top: 0 !important;
    margin-bottom: 0.3rem;
  }
}

.culture_cont .culture_content .cul_linian {
  background-image: url(../images/head_cul_bg.jpg);
  height: 6.5rem;
  padding-top: 1.65rem;
}

.culture_cont .culture_content .cul_linian .title {
  color: #000000;
  font-size: 0.36rem;
  text-align: center;
  position: relative;
  line-height: 1;
  padding-bottom: 0.22rem;
  margin-bottom: 0.78rem;
}

.culture_cont .culture_content .cul_linian .title::after {
  content: '';
  width: 0.56rem;
  height: 1px;
  background-color: #000000;
  opacity: 0.23;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, -50%);
}

.culture_cont .culture_content .cul_linian .circle_list {
  padding: 0 0.84rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.culture_cont .culture_content .cul_linian .circle_list .cir_it {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}

.culture_cont .culture_content .cul_linian .circle_list .cir_it .cir_ball {
  width: 1.18rem;
  height: 1.18rem;
  border: 1px dashed #004ea2;
  border-radius: 50%;
  text-align: center;
  margin-bottom: 0.25rem;
}

.culture_cont .culture_content .cul_linian .circle_list .cir_it .cir_ball .num {
  height: 0.5rem;
  line-height: 0.5rem;
  color: #000000;
  font-size: 0.24rem;
  font-weight: bold;
}

.culture_cont .culture_content .cul_linian .circle_list .cir_it .cir_ball .ttl {
  font-size: 0.20rem;
  color: #004ea2;
  width: 90%;
  text-align: center;
  margin: 0 auto;
}

.culture_cont .culture_content .cul_linian .circle_list .cir_it .text {
  width: 100%;
  text-align: center;
  color: #444444;
  font-size: 0.16rem;
}

@media only screen and (max-width: 768px) {
  .culture_cont .culture_content .cul_linian {
    width: 100%;
    padding-top: 0.4rem;
    height: auto;
  }
  .culture_cont .culture_content .cul_linian .title {
    margin-bottom: 0.4rem;
  }
  .culture_cont .culture_content .cul_linian .circle_list {
    padding: 0 0.4rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .culture_cont .culture_content .cul_linian .circle_list .cir_it {
    width: 50%;
    margin-bottom: 0.3rem;
  }
  .culture_cont .culture_content .cul_linian .circle_list .cir_it .cir_ball {
    width: 1.5rem;
    height: 1.5rem;
    margin-bottom: 0.1rem;
  }
  .culture_cont .culture_content .cul_linian .circle_list .cir_it .cir_ball .num {
    font-size: 0.3rem;
    height: 0.6rem;
    line-height: 0.6rem;
  }

}

.about_cont .about_body {
  padding-bottom: 1rem;
}

.about_cont .about_body .about_nav {
  position: relative;
  height: 0;
}

.about_cont .about_body .about_nav .about_inner {
  width: 17.54rem;
  height: 3.11rem;
  position: relative;
  top: -1.5rem;
  margin: 0 auto;
  box-shadow: 0px -60px 26px 0px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(246, 246, 246, 0.8));
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.about_cont .about_body .about_nav .about_inner .abt_item {
  width: 24%;
  border-right: 1px solid #dddddd;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}

.about_cont .about_body .about_nav .about_inner .abt_item:nth-child(4n) {
  border-right: 0;
}

.about_cont .about_body .about_nav .about_inner .abt_item .ico {
  width: 0.8rem;
  height: 0.8rem;
}

.about_cont .about_body .about_nav .about_inner .abt_item .num {
  color: #004ea2;
  font-size: 0.48rem;
  line-height: 1.2;
}

.about_cont .about_body .about_nav .about_inner .abt_item .num .counter {
  font-weight: bold;
}

.about_cont .about_body .about_nav .about_inner .abt_item .num .txt {
  color: #000000;
  font-size: 0.14rem;
}

.about_cont .about_body .about_nav .about_inner .abt_item .des {
  font-size: 0.14rem;
  color: #444444;
}

@media only screen and (max-width: 768px) {
  .about_cont .about_body .about_nav .about_inner {
    width: 95%;
    flex-wrap: wrap;
  }
  .about_cont .about_body .about_nav .about_inner .abt_item {
    width: 50%;
  }
  .about_cont .about_body .about_nav .about_inner .abt_item .des {
    font-size: 12px;
  }
  .about_cont .about_body .about_nav .about_inner .abt_item .ico {
    width: 0.4rem;
    height: 0.4rem;
  }
}

.about_cont .about_body .about_content {
  background-color: #F6F6F6;
  padding-top: 2rem;
 
}

.about_cont .about_body .about_content .title {
  color: #000000;
  font-size: 0.36rem;
  margin-bottom: 0.2rem;
  line-height: 1;
  text-align: center;
}

.about_cont .about_body .about_content .subtitle {
  color: #818181;
  font-size: 0.18rem;
  padding-bottom: 0.25rem;
  position: relative;
  text-align: center;
  line-height: 1;
  margin-bottom: 0.55rem;
}

.about_cont .about_body .about_content .subtitle::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 70px;
  height: 1px;
  transform: translate(-50%);
  background-color: #dddddd;
}

.about_cont .about_body .about_content .textbox {
  width: 15.5rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.about_cont .about_body .about_content .textbox .text {
  color: #444;
  line-height: 30px;
}

@media only screen and (max-width: 768px) {
  .about_cont .about_body .about_content {
    padding-bottom: 1rem;
  }
  .about_cont .about_body .about_content .textbox {
    width: 90%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
  }
  .about_cont .about_body .about_content .textbox .text {
    width: 95%;
    margin-bottom: 0.4rem;
  }
  .about_cont .about_body .about_content .subtitle {
    margin-bottom: 0.2rem;
  }
}

.about_cont .about_body .about_honor {
  width: 15.5rem;
  margin: 0 auto;
  height: 4.5rem;
}

.about_cont .about_body .about_honor .about_honor_inner {
  position: relative;
  top: -1rem;
}

.about_cont .about_body .about_honor .about_honor_inner .about_honor_list {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.about_cont .about_body .about_honor .about_honor_inner .about_honor_list .about_honor_item {
  width: 2.9rem;
  height: 3.74rem;
  padding: 0.17rem 0.2rem 0 0.2rem;
  position: relative;
  background-color: #ffffff;
  box-shadow: 0px 8px 26px 0px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  cursor: pointer;
}

.about_cont .about_body .about_honor .about_honor_inner .about_honor_list .about_honor_item .img {
  width: 100%;
  height: 100%;
}

.about_cont .about_body .about_honor .about_honor_inner .about_honor_list .about_honor_item .fxbox {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.64rem;
  line-height: 0.64rem;
  padding: 0 0.2rem;
  color: #FFFFFF;
  background-color: #004ea2;
  border-radius: 0px 0px 6px 6px;
  opacity: 0.8;
}

.about_cont .about_body .about_honor .about_honor_inner .about_honor_list .about_honor_item.active .fxbox, .about_cont .about_body .about_honor .about_honor_inner .about_honor_list .about_honor_item:hover .fxbox {
  background-color: #004ea2;
}

.about_cont .about_body .about_honor .about_honor_inner .seeMore {
  margin: 0 auto;
  width: 2.65rem;
  padding-left: 1rem;
  margin-top: 0.4rem;
}

@media only screen and (max-width: 768px) {
  .about_cont .about_body .about_honor {
    width: 100%;
    padding: 0 0.6rem;
  }
  .about_cont .about_body .about_honor .about_honor_inner .seeMore {
    margin: 0 auto;
    width: 3.65rem;
    padding-left: 1rem;
    margin-top: 0.4rem;
  }
}

.about_cont .about_body .about_breif {
  width: 17.53rem;
  position: relative;
  margin: 0 auto;
  padding: 0 1rem 1rem 1rem;
}

.about_cont .about_body .about_breif .title {
  text-align: center;
  color: #000000;
  font-size: 0.24rem;
  position: relative;
  margin-bottom: 0.5rem;
  line-height: 1;
  padding-bottom: 0.15rem;
}

.about_cont .about_body .about_breif .title::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0.6rem;
  height: 1px;
  background-color: #dddddd;
  transform: translate(-50%);
}

.about_cont .about_body .about_breif .content {
  margin-bottom: 0.3rem;
  color: #444;
  line-height: 30px;
}

.about_cont .about_body .about_breif .partcon {
  width: 100%;
  height: 5.73rem;
  padding-top: 2rem;
  border-radius: 6px;
}

.about_cont .about_body .about_breif .partcon .ptitle {
  color: #FFFFFF;
  line-height: 1;
  font-size: 0.36rem;
  padding-bottom: 0.25rem;
  margin-bottom: 0.25rem;
  position: relative;
  text-align: center;
  font-weight: bold;
}

.about_cont .about_body .about_breif .partcon .ptitle::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0.6rem;
  height: 1px;
  background-color: #dddddd;
  transform: translate(-50%);
  opacity: 0.46;
}

.about_cont .about_body .about_breif .partcon .ptext {
  color: #ffffff;
  font-size: 0.14rem;
  width: 7rem;
  margin: 0 auto;
  text-align: center;
  line-height: 30px;
}

.about_cont .about_body .about_breif .arLeft {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1.2rem;
  height: 1.2rem;
  border-left: 1px solid #000000;
  border-bottom: 1px solid #000000;
  opacity: 0.15;
}

.about_cont .about_body .about_breif .arRight {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1.2rem;
  height: 1.2rem;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  opacity: 0.15;
}

@media only screen and (max-width: 768px) {
  .about_cont .about_body .about_breif {
    width: 90%;
    padding: 0 0.2rem 0.2rem 0.2rem;
  }
  .about_cont .about_body .about_breif .title {
    margin-bottom: 0.2rem;
  }
  .about_cont .about_body .about_breif .partcon {
    padding-top: 0.8rem;
    height: 3.5rem;
  }
  .about_cont .about_body .about_breif .partcon .ptitle {
    font-size: 0.3rem;
  }
  .about_cont .about_body .about_breif .partcon .ptext {
    line-height: 0.4rem;
    font-size: 0.24rem;
  }
}

@media only screen and (max-width: 768px) {
  .honor_cont .netHead {
    height: 6rem;
  }
}

.honor_cont .ryDown {
  width: 0.26rem;
  height: 0.26rem;
  margin: 1rem auto;
}

.honor_cont .honor_body {
  background-color: #F6F6F6;
}

.honor_cont .honor_body .honorSwp {
  position: relative;
  top: -3.5rem;
  height: 4.7rem;
}

@media only screen and (max-width: 768px) {
  .honor_cont .honor_body .honorSwp {
    height: auto;
    top: -0rem;
    padding: 0.5rem 0;
    width: 100% !important;
  }
}

@media only screen and (max-width: 768px) {
  .honor_cont .honor_body .zhuanliSwp {
    width: 100% !important;
  }
}

@media only screen and (max-width: 768px) {
  .honor_cont .honor_body .tixiSwp {
    width: 100% !important;
  }
}

.honor_cont .honor_body .swp_wrap {
  width: 1300px;
  margin: 0 auto;
  position: relative;
}

.honor_cont .honor_body .swp_wrap .swiper-slide-duplicate-next
, .honor_cont .honor_body .swp_wrap .swiper-slide-duplicate-prev {
  visibility: hidden;
}

.honor_cont .honor_body .swp_wrap .swiper-slide .swp_bg {
  height: 8.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

@media only screen and (max-width: 768px) {
  .honor_cont .honor_body .swp_wrap .swiper-slide .swp_bg {
    height: auto;
  }
}

.honor_cont .honor_body .swp_wrap .swiper-slide .swp_bg img {
  border: 32px solid #FFFFFF;
  box-shadow: 0px 8px 26px 0px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
}

.honor_cont .honor_body .swp_wrap .swiper-slide .swp_bg .text {
  text-align: center;
  opacity: 0;
  margin-top: 0.25rem;
}

.honor_cont .honor_body .swp_wrap .swiper-slide.swiper-slide-active .text {
  opacity: 1;
}

.honor_cont .honor_body .swp_wrap .swiper-prev {
  position: absolute;
  top: 50%;
  left: -30px;
  right: auto;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  outline: none;
  margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  background-image: url(../images/icon_left2.png);
  background-color: #FFFFFF;
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 0px 8px 26px 0px rgba(0, 0, 0, 0.1);
  opacity: 0.8;
}

.honor_cont .honor_body .swp_wrap .swiper-prev:hover {
  background-image: url(../images/icon_left.png);
  background-color: #004ea2;
}

.honor_cont .honor_body .swp_wrap .swiper-next {
  position: absolute;
  top: 50%;
  right: -30px;
  left: auto;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  outline: none;
  margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  background-image: url(../images/icon_right2.png);
  background-color: #FFFFFF;
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 0px 8px 26px 0px rgba(0, 0, 0, 0.1);
  opacity: 0.8;
}

.honor_cont .honor_body .swp_wrap .swiper-next:hover {
  background-image: url(../images/icon_right.png);
  background-color: #004ea2;
}

.honor_cont .honor_body .swp_wrap.honorSwp .swiper-next {
  top: 3.36rem;
}

.honor_cont .honor_body .swp_wrap.honorSwp .swiper-prev {
  top: 3.36rem;
}

.honor_cont .honor_body .honor_zhuanli {
  background-color: #FFFFFF;
  padding: 0.8rem 0;
}

@media only screen and (max-width: 768px) {
  .honor_cont .honor_body .honor_zhuanli {
    padding: 0.4rem 0;
  }
}

.honor_cont .honor_body .honor_zhuanli .title {
  font-size: 0.36rem;
  line-height: 1;
  padding-bottom: 0.2rem;
  text-align: center;
  position: relative;
  color: #004ea2;
  margin-bottom: 0.2rem;
}

.honor_cont .honor_body .honor_zhuanli .title::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 70px;
  height: 1px;
  background-color: #000;
  opacity: 0.2;
  transform: translate(-50%);
}

.honor_cont .honor_body .honor_zhuanli .subtitle {
  font-size: 0.14rem;
  width: 40%;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 0.3rem;
}

@media only screen and (max-width: 768px) {
  .honor_cont .honor_body .honor_zhuanli .subtitle {
    width: 80%;
    font-size: 12px;
  }
}

.history_cont .swp_btns {
  width: 2.1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  position: absolute;
  left: 50%;
  bottom: 1.5rem;
  transform: translate(-50%);
  cursor: pointer;
}

.history_cont .swp_btn {
  width: 0.71rem;
  height: 0.71rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid #FFFFFF;
}

.history_cont .swp_btn .swp_btn_in {
  width: 0.38rem;
  height: 0.38rem;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: 60%;
  background-position: center;
  border: 1px solid transparent;
}

.history_cont .swp_btn .swp_btn_in_left {
  background-image: url(../images/icon_left.png);
}

.history_cont .swp_btn .swp_btn_in_right {
  background-image: url(../images/icon_right.png);
}

.history_cont .swp_btn:hover {
  border: 1px dashed #FFFFFF;
}

.history_cont .swp_btn:hover .swp_btn_in {
  border: 1px dashed #FFFFFF;
}

.history_cont .history_body {
  height: 7rem;
  background-image: url(../images/head_wave.jpg);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-color: #F6F6F6;
}

@media only screen and (max-width: 768px) {
  .history_cont .history_body {
    height: 100%;
  }
}

.history_cont .history_body .hisSwp {
  padding-left: 1rem;
  position: relative;
  top: -1rem;
}

@media only screen and (max-width: 768px) {
  .history_cont .history_body .hisSwp {
    padding-left: 0;
  }
}

.history_cont .history_body .swiper-container {
  padding-left: 0.1rem;
}

.history_cont .history_body .swiper-container .swiper-slide {
  width: auto;
  margin-right: 0.2rem;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}

.history_cont .history_body .swiper-container .swiper-slide .year {
  width: 100%;
  color: #FFFFFF;
  font-size: 0.24rem;
  border-bottom: 1px solid #ffffff;
  margin-bottom: 0.3rem;
}

.history_cont .history_body .swiper-container .swiper-slide .year img {
  display: inline;
  width: 0.22rem;
  height: 0.22rem;
  margin-right: 0.09rem;
}

.history_cont .history_body .swiper-container .swiper-slide .group {
  padding-bottom: 0.2rem;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

@media only screen and (max-width: 768px) {
  .history_cont .history_body .swiper-container .swiper-slide .group {
    padding-bottom: 1.2rem;
  }
}

.history_cont .history_body .swiper-container .swiper-slide .group .item {
  position: relative;
  width: 4.23rem;
  height: 1.8rem;
  background-color: #004ea2;
  box-shadow: 0px 8px 26px 0px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  padding: 0.38rem 0.3rem;
  margin-right: 0.2rem;
  box-shadow: 0px 8px 26px 0px rgba(0, 0, 0, 0.1);
}

.history_cont .history_body .swiper-container .swiper-slide .group .item .itemTop {
  margin-bottom: 0.38rem;
}

.history_cont .history_body .swiper-container .swiper-slide .group .item .itemTop .title {
  color: #FFFFFF;
  font-size: 0.16rem;
}

.history_cont .history_body .swiper-container .swiper-slide .group .item .itemTop .sub {
  color: #FFFFFF;
  font-size: 0.16rem;
}

.history_cont .history_body .swiper-container .swiper-slide .group .item .content {
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.22);
  padding-top: 0.2rem;
}

.history_cont .history_body .swiper-container .swiper-slide .group .item .content img {
  max-width: max-content;
  display: inherit;
  margin: 0 auto;
}

.history_cont .history_body .swiper-container .swiper-slide .group .item .icon_plus {
  position: absolute;
  left: 0.32rem;
  top: 1.3rem;
  width: 0.33rem;
  height: 0.33rem;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50%;
  background-image: url(../images/icon_plus.png);
}

.history_cont .history_body .swiper-container .swiper-slide .group .item:hover {
  background-color: #FFFFFF;
  height: auto;
  min-height: 1.8rem;
}

.history_cont .history_body .swiper-container .swiper-slide .group .item:hover .itemTop .title {
  color: #000000;
}

.history_cont .history_body .swiper-container .swiper-slide .group .item:hover .itemTop .sub {
  color: #000000;
}

.history_cont .history_body .swiper-container .swiper-slide .group .item:hover .content {
  width: 100%;
  height: auto;
  opacity: 1;
}

.history_cont .history_body .swiper-container .swiper-slide .group .item:hover .content img {
  max-width: max-content;
}

.history_cont .history_body .swiper-container .swiper-slide .group .item:hover .icon_plus {
  height: 0;
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  .history_cont .history_body .swiper-container .swiper-slide .group .item {
    background-color: #FFFFFF;
    height: auto;
    width: 6.25rem;
  }
  .history_cont .history_body .swiper-container .swiper-slide .group .item .itemTop .title {
    color: #000000;
    font-size: 14px;
  }
  .history_cont .history_body .swiper-container .swiper-slide .group .item .itemTop .sub {
    color: #000000;
    font-size: 12px;
  }
  .history_cont .history_body .swiper-container .swiper-slide .group .item .content {
    width: 100%;
    height: auto;
    opacity: 1;
  }
  .history_cont .history_body .swiper-container .swiper-slide .group .item .icon_plus {
    height: 0;
    overflow: hidden;
  }
}

.history_cont .history_body .swiper-container .swiper-slide .group .item:last-child {
  margin-right: 0;
}

.case_cont .case_body {
  padding: 0.8rem 0;
}

@media only screen and (max-width: 768px) {
  .case_cont .case_body {
    padding: 0.2rem 0;
  }
}

.case_cont .case_body .case_list {
  position: relative;
  width: 17.55rem;
  margin: 0 auto;
  margin-bottom: 0.5rem;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

.case_cont .case_body .case_list .case_item {
  position: relative;
  top: 0;
  width: 4.2rem;
  margin-right: 0.22rem;
  margin-bottom: 0.3rem;
  border-radius: 6px;
}

.case_cont .case_body .case_list .case_item .case_img {
  width: 100%;
  height: 2.83rem;
  background-color: #eeeeee;
  border-radius: 6px;
}

.case_cont .case_body .case_list .case_item .text {
  font-size: 14px;
  color: #000000;
  line-height: 0.35rem;
  height: 0.35rem;
  padding: 0 0.1rem;
}

.case_cont .case_body .case_list .case_item:hover {
  top: -0.05rem;
  box-shadow: 0px 4px 26px 0px rgba(0, 0, 0, 0.1);
}

.case_cont .case_body .case_list .case_item:nth-child(4n) {
  margin-right: 0;
}

@media only screen and (max-width: 768px) {
  .case_cont .case_body .case_list {
    width: 7.1rem;
  }
  .case_cont .case_body .case_list .case_item {
    width: 3.45rem;
    margin-right: 0.2rem;
    margin-bottom: 0.1rem;
  }
  .case_cont .case_body .case_list .case_item .text {
    height: 30px;
    line-height: 30px;
  }
  .case_cont .case_body .case_list .case_item:nth-child(2n) {
    margin-right: 0;
  }
}

.case_content .bshare {
  margin-bottom: 0.3rem;
  text-align: right;
}

.case_content .img {
  width: 4.2rem;
  height: 2.38rem;
  margin: 0 auto;
  border-radius: 6px;
}

@media only screen and (max-width: 768px) {
  .case_content .img {
    width: 100%;
    height: 4.5rem;
  }
}

.case_content .title {
  text-align: center;
  font-size: 0.18rem;
  height: 0.6rem;
  line-height: 0.6rem;
}

@media only screen and (max-width: 768px) {
  .case_content .title {
    font-size: 19px;
  }
}

.promm_cont .promm_body {
  padding: 0.8rem 0;
}

@media only screen and (max-width: 768px) {
  .promm_cont .promm_body {
    padding: 0.2rem;
  }
}

.promm_cont .promm_body .case_list {
  width: 17.55rem;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

.promm_cont .promm_body .case_list .case_item {
  position: relative;
  width: 4.23rem;
  height: 3.9rem;
  margin-right: 0.21rem;
  background-color: #004ea2;
  box-shadow: 0px 8px 26px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  margin-bottom: 0.2rem;
}

.promm_cont .promm_body .case_list .case_item:nth-child(4n) {
  margin-right: 0;
}

.promm_cont .promm_body .case_list .case_item .case_fix {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-radius: 6px;
  background-color: transparent;
  z-index: 1;
  overflow: hidden;
}

.promm_cont .promm_body .case_list .case_item .case_fix:hover {
  background-color: #004ea2;
}

.promm_cont .promm_body .case_list .case_item .case_fix:hover .arr {
  opacity: 1;
}

.promm_cont .promm_body .case_list .case_item .case_fix:hover .gou {
  opacity: 1;
}

.promm_cont .promm_body .case_list .case_item .case_fix .arr {
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 0;
  border-top: 0.61rem solid #004ea2;
  border-right: 0.61rem solid #004ea2;
  border-bottom: 0.61rem solid transparent;
  border-left: 0.61rem solid transparent;
  z-index: 1;
  opacity: 0;
}

.promm_cont .promm_body .case_list .case_item .case_fix .gou {
  position: absolute;
  right: 0.2rem;
  top: 0.2rem;
  background-image: url(../images/icon_gou2.png);
  width: 0.3rem;
  height: 0.3rem;
  z-index: 2;
  opacity: 0;
}

.promm_cont .promm_body .case_list .case_item .case_fix .text {
  font-size: 0.14rem;
  color: #FFFFFF;
}

@media only screen and (max-width: 768px) {
  .promm_cont .promm_body .case_list .case_item .case_fix .text {
    font-size: 12px;
  }
}

.promm_cont .promm_body .case_list .case_item .case_fix .codeDemo {
  position: relative;
  width: 1.65rem;
  height: 1.65rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.promm_cont .promm_body .case_list .case_item .case_fix .codeDemo .circleOut {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.3rem;
  height: 1.3rem;
  border: 1px dashed rgba(255, 255, 255, 0.09);
  border-radius: 50%;
  animation: circle1 2s forwards;
}

.promm_cont .promm_body .case_list .case_item .case_fix .codeDemo .circleOut .circleIn {
  width: 1.3rem;
  height: 1.3rem;
  border: 1px dashed rgba(255, 255, 255, 0.32);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: circle2 2s forwards;
}

.promm_cont .promm_body .case_list .case_item .case_fix .codeDemo .circleOut .circleIn .circleNum {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  text-align: center;
  border: 1px dashed rgba(255, 255, 255, 0.67);
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 0px 11px 35px 0px rgba(0, 0, 0, 0.13);
  font-size: 0.6rem;
  color: #FFFFFF;
}

.promm_cont .promm_body .case_list .case_item.active .case_fix {
  background-color: #004ea2;
}

.promm_cont .promm_body .case_list .case_item.active .case_fix .arr {
  opacity: 1;
}

.promm_cont .promm_body .case_list .case_item.active .case_fix .gou {
  opacity: 1;
}

@media only screen and (max-width: 768px) {
  .promm_cont .promm_body .case_list {
    width: 100%;
  }
  .promm_cont .promm_body .case_list .case_item {
    width: 3.44rem;
    height: 3.45rem;
  }
  .promm_cont .promm_body .case_list .case_item:nth-child(2n) {
    margin-right: 0;
  }
}

.programe_content .bshare {
  text-align: right;
  margin-bottom: 0.3rem;
}

.programe_content .title {
  font-size: 0.24rem;
  color: #004ea2;
  height: 0.6rem;
  line-height: 0.6rem;
  text-align: center;
}

.programe_content .codeDemo {
  margin: 0 auto;
  position: relative;
  width: 1.65rem;
  height: 1.65rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.programe_content .codeDemo .circleOut {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.3rem;
  height: 1.3rem;
  border: 1px dashed rgba(45, 74, 108, 0.19);
  border-radius: 50%;
  animation: circle1 2s forwards;
}

.programe_content .codeDemo .circleOut .circleIn {
  width: 1.3rem;
  height: 1.3rem;
  border: 1px dashed rgba(45, 74, 108, 0.42);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  animation: circle2 2s forwards;
}

.programe_content .codeDemo .circleOut .circleIn .circleNum {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  text-align: center;
  border: 1px dashed rgba(45, 74, 108, 0.77);
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
  font-size: 0.6rem;
  color: #FFFFFF;
}

.production_cont .puc_post_cont {
  background-color: #FFFFFF;
  height: 3.42rem;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .production_cont .puc_post_cont {
    height: auto;
  }
}

.production_cont .puc_post_cont .posi_rel {
  width: 16.54rem;
  margin: 0 auto;
  position: relative;
  top: -1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.production_cont .puc_post_cont .posi_rel .puc_item {
  position: relative;
  width: 5.85rem;
  height: 3.73rem;
  top: 0;
}

.production_cont .puc_post_cont .posi_rel .puc_item.active {
  top: -0.05rem;
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.24);
}

@media only screen and (max-width: 768px) {
  .production_cont .puc_post_cont .posi_rel .puc_item.active {
    top: 0;
    box-shadow: none;
  }
}

.production_cont .puc_post_cont .posi_rel .puc_item:hover {
  top: -0.05rem;
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.24);
}

.production_cont .puc_post_cont .posi_rel .puc_item:first-child {
  border-radius: 6px 0 0 6px;
}

.production_cont .puc_post_cont .posi_rel .puc_item:last-child {
  border-radius: 0 6px 6px 0;
}

@media only screen and (max-width: 768px) {
  .production_cont .puc_post_cont .posi_rel .puc_item:first-child {
    border-radius: 6px 6px 0 0;
  }
  .production_cont .puc_post_cont .posi_rel .puc_item:last-child {
    border-radius: 0 0 6px 6px;
  }
}

@media only screen and (max-width: 768px) {
  .production_cont .puc_post_cont .posi_rel {
    width: 100%;
    height: auto;
    flex-direction: column;
  }
}

.production_cont .puc_log_cont {
  position: relative;
  width: 100%;
  height: 7.76rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.production_cont .puc_log_cont .logo {
  width: 2.58rem;
  margin-bottom: 0.27rem;
}

.production_cont .puc_log_cont .text {
  color: #444444;
  font-size: 0.18rem;
  line-height: 1;
  width: 80%;
  text-align: center;
  margin-bottom: 1.27rem;
}

@media only screen and (max-width: 768px) {
  .production_cont .puc_log_cont .text {
    font-size: 12px;
  }
}

.production_cont .puc_log_cont .icon_arr {
  position: absolute;
  top: -0.5rem;
  left: 50%;
  transform: translate(-50%);
  background-position: bottom center;
  width: 2rem;
  height: 1rem;
  z-index: 1;
  background-image: url(../images/icon_arr3.png);
}

.production_cont .puc_zhengshu {
  background-color: #F6F6F6;
}

.production_cont .puc_zhengshu .posi_rel {
  position: relative;
  top: -1rem;
  width: 17.57rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.production_cont .puc_zhengshu .posi_rel .puc_img_zs {
  width: 7.77rem;
  height: 4.37rem;
  border-radius: 6px;
}

@media only screen and (max-width: 768px) {
  .production_cont .puc_zhengshu .posi_rel .puc_img_zs {
    width: 100%;
  }
}

.production_cont .puc_zhengshu .posi_rel .bf_swp {
  width: 9.2rem;
  padding: 0.2rem 0.15rem;
}

@media only screen and (max-width: 768px) {
  .production_cont .puc_zhengshu .posi_rel .bf_swp {
    width: 100%;
  }
}

.production_cont .puc_zhengshu .posi_rel .bf_swp .swiper-pagination-bullet {
  background: #000000;
  opacity: .2;
}

.production_cont .puc_zhengshu .posi_rel .bf_swp .swp-pagebox {
  padding-top: 0.24rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media only screen and (max-width: 768px) {
  .production_cont .puc_zhengshu .posi_rel .bf_swp .swp-pagebox {
    flex-direction: column;
  }
  .production_cont .puc_zhengshu .posi_rel .bf_swp .swp-pagebox .seeMore {
    border: 1px dashed #ccc;
    padding: 0.2rem 0.8rem;
    margin-top: 0.2rem;
    background-position: 10% 50%;
    border-radius: 0.06rem;
  }
}

.production_cont .puc_zhengshu .posi_rel .bf_swp .swp-pagebox .swiper-pagination-bullets {
  position: relative;
}

.production_cont .puc_zhengshu .posi_rel .bf_swp .swp-pagebox .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
  width: 15px;
  height: 15px;
}

.production_cont .puc_zhengshu .posi_rel .bf_swp .swp-pagebox .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: #004ea2 !important;
  opacity: 1;
}

.production_cont .puc_zhengshu .posi_rel .bf_swp .swiper-slide {
  display: block;
  cursor: pointer;
  position: relative;
  padding: 0.2rem;
  background-color: #FFFFFF;
  box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  height: 3.74rem;
}

.production_cont .puc_zhengshu .posi_rel .bf_swp .swiper-slide:hover {
  padding: 0.1rem;
}

.production_cont .puc_zhengshu .posi_rel .bf_swp .swiper-slide .img {
  background-position: center top;
  height: 100%;
}

.production_cont .puc_zhengshu .posi_rel .bf_swp .swiper-slide .text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.64rem;
  background-color: rgba(45, 74, 108, 0.8);
  border-radius: 0rem 0rem 0.06rem 0.06rem;
  color: #ffffff;
  line-height: 0.64rem;
  padding: 0 0.2rem;
  text-align: center;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.production_cont .puc_zhengshu .posi_rel .bf_swp .swiper-slide:hover .text {
  background-color: rgba(0, 78, 162, 0.8);
}

@media only screen and (max-width: 768px) {
  .production_cont .puc_zhengshu .posi_rel {
    flex-direction: column;
    width: 100%;
  }
}

.production_cont .quc_quality {
  width: 100%;
  height: 9.12rem;
  background-color: #FFFFFF;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 0.83rem;
}

.production_cont .quc_quality .qtitle {
  font-size: 0.36rem;
  color: #004ea2;
  margin-top: 0.3rem;
  margin-bottom: 0.2rem;
}

.production_cont .quc_quality .qtext {
  width: 90%;
  font-size: 14px;
  color: #666666;
  margin-bottom: 0.7rem;
  line-height: 30px;
}

@media only screen and (max-width: 768px) {
  .production_cont .quc_quality {
    height: auto;
    padding: 0;
  }
  .production_cont .quc_quality .qtext {
    line-height: 22px;
  }
}

.production_cont .quc_quality .qbox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.production_cont .quc_quality .qbox .img {
  width: 11.71rem;
  height: 5.38rem;
}

.production_cont .quc_quality .qbox .content {
  width: 5.49rem;
  height: 5.38rem;
  background-color: #004ea2;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.production_cont .quc_quality .qbox .content .title {
  font-size: 0.24rem;
  color: #FFFFFF;
  margin-bottom: 0.1rem;
}

.production_cont .quc_quality .qbox .content .text {
  font-size: 0.18rem;
  color: #FFFFFF;
}

@media only screen and (max-width: 768px) {
  .production_cont .quc_quality .qbox {
    flex-direction: column;
    width: 94%;
  }
  .production_cont .quc_quality .qbox .img {
    width: 100%;
    height: 3.75rem;
    margin-bottom: 0.2rem;
  }
  .production_cont .quc_quality .qbox .content {
    height: 3.75rem;
    width: 100%;
  }
  .production_cont .quc_quality .qbox .content .title {
    font-size: 14px;
  }
  .production_cont .quc_quality .qbox .content .text {
    font-size: 12px;
  }
}

.production_cont .puc_shebei {
  position: relative;
  width: 100%;
  background-color: #F6F6F6;
  padding: 0.83rem 0.83rem 0.6rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

@media only screen and (max-width: 768px) {
  .production_cont .puc_shebei {
    padding: 0.2rem;
    flex-direction: column;
  }
}

.production_cont .puc_shebei .sb_list {
  width: 9.62rem;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

.production_cont .puc_shebei .sb_list .sb_item {
  /* width: 4.6rem; */
  width:calc(20% - 10px);
  height: 1.65rem;
  margin-right: 0.1rem;
  margin-bottom: 0.15rem;
  border: 1px dashed #d2d2d2;
  border-radius: 6px;
  padding-left: 0.37rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.production_cont .puc_shebei .sb_list .sb_item .gou {
  width: 0.32rem;
  margin-right: 0.42rem;
}

.production_cont .puc_shebei .sb_list .sb_item .con {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}

.production_cont .puc_shebei .sb_list .sb_item .con .ttl {
  font-size: 0.18rem;
  color: #000000;
}

.production_cont .puc_shebei .sb_list .sb_item .con .txt {
  font-size: 0.18REM;
  color: #004ea2;
}

@media only screen and (max-width: 768px) {
  .production_cont .puc_shebei .sb_list .sb_item {
    width: 36%;
  }
  .production_cont .puc_shebei .sb_list .sb_item .con .ttl {
    font-size: 12px;
  }
  .production_cont .puc_shebei .sb_list .sb_item .con .txt {
    font-size: 10px;
  }
}

.production_cont .puc_shebei .sb_img {
  width: 7.77rem;
  height: 5.33rem;
  border-radius: 6px;
}

@media only screen and (max-width: 768px) {
  .production_cont .puc_shebei .sb_img {
    width: 100%;
  }
}

.production_cont .puc_shebei .icon_arr {
  position: absolute;
  top: -0.5rem;
  left: 81%;
  transform: translate(-50%);
  background-position: bottom center;
  width: 2rem;
  height: 1rem;
  z-index: 1;
  background-image: url(../images/icon_arr3.png);
}

.production_cont .renzheng {
  width: 100%;
  height: 6.56rem;
  padding-top: 1.37rem;
}

.production_cont .renzheng .title {
  color: #ffffff;
  font-size: 0.36rem;
  text-align: center;
  line-height: 1;
  margin-bottom: 0.25rem;
}

.production_cont .renzheng .text {
  width: 7.5rem;
  margin: 0 auto;
  font-size: 14px;
  color: #FFFFFF;
  text-align: center;
  line-height: 30px;
}

@media only screen and (max-width: 768px) {
  .production_cont .renzheng .text {
    width: 90%;
    font-size: 12px;
    line-height: 22px;
  }
}

.production_cont .puc_zhenshu .posi_rel {
  position: relative;
  top: -1.5rem;
  width: 17.64rem;
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  .production_cont .puc_zhenshu .posi_rel {
    width: 100%;
  }
}

.production_cont .puc_zhenshu .posi_rel .zs_list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

@media only screen and (max-width: 768px) {
  .production_cont .puc_zhenshu .posi_rel .zs_list {
    flex-wrap: wrap;
    width: 7.1rem;
    margin: 0 auto;
  }
}

.production_cont .puc_zhenshu .posi_rel .zs_list .zs_item {
  width: 3.26rem;
  margin-right: 0.31rem;
  display: block;
  cursor: pointer;
  position: relative;
  padding: 0.2rem;
  background-color: #FFFFFF;
  box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  height: 3.74rem;
}

.production_cont .puc_zhenshu .posi_rel .zs_list .zs_item:hover {
  padding: 0.1rem;
}

.production_cont .puc_zhenshu .posi_rel .zs_list .zs_item .img {
  background-position: center top;
  height: 100%;
}

.production_cont .puc_zhenshu .posi_rel .zs_list .zs_item .text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.64rem;
  background-color: rgba(45, 74, 108, 0.8);
  border-radius: 0rem 0rem 0.06rem 0.06rem;
  color: #ffffff;
  line-height: 0.64rem;
  padding: 0 0.2rem;
  text-align: center;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.production_cont .puc_zhenshu .posi_rel .zs_list .zs_item:hover .text {
  background-color: rgba(0, 78, 162, 0.8);
}

@media only screen and (max-width: 768px) {
  .production_cont .puc_zhenshu .posi_rel .zs_list .zs_item {
    width: 47%;
    height: 4rem;
    margin-bottom: 0.2rem;
  }
  .production_cont .puc_zhenshu .posi_rel .zs_list .zs_item:nth-child(2n) {
    margin-right: 0;
  }
}

.production_cont .puc_zhenshu .posi_rel .zs_list .zs_item.plus {
  display: flex;
  justify-content: center;
  align-items: center;
}

.production_cont .puc_zhenshu .posi_rel .zs_list .zs_item.plus .ico {
  width: 20%;
}

@media only screen and (max-width: 768px) {
  .production_cont .puc_zhenshu .posi_rel .zs_list .zs_item.plus .ico {
    width: 10%;
  }
}

.production_cont .puc_zhenshu .posi_rel .zs_list .zs_item:last-child {
  margin-right: 0;
}

@media only screen and (max-width: 768px) {
  .production_cont .puc_zhenshu .posi_rel .zs_list .zs_item:last-child {
    width: 100%;
    height: 1rem;
  }
}

.video_wrap {
  background-color: #ffffff;
  padding: 1rem 0.8rem;
  position: relative;
}

@media only screen and (max-width: 768px) {
  .video_wrap {
    padding: 0;
    padding-top: 1rem;
  }
}

.video_wrap .video_bao {
  width: 100%;
  position: relative;
}

.video_wrap .video_bao video {
  width: inherit;
}

.video_wrap .video_bao .video_list_box {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0px;
  width: 2.87rem;
  background-color: #004ea2;
  background-color: rgba(0, 78, 162, 0.6);
  padding: 0.15rem;
  overflow-y: auto;
}

@media only screen and (max-width: 768px) {
  .video_wrap .video_bao .video_list_box {
    top: 56.25%;
    left: 0;
  }
}

.video_wrap .video_bao .video_list_box .list .item {
  width: 100%;
  height: 1.34rem;
  cursor: pointer;
  margin-bottom: 0.15rem;
}

.video_wrap .video_bao .video_list_box .list_btn {
  position: absolute;
  left: 0;
  top: 45%;
  width: 30px;
  height: 80px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #FFFFFF;
  text-align: center;
  line-height: 80px;
  background-image: url(../images/arr_right.png);
  background-size: 30%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.video_wrap .video_bao .video_list_box.close {
  width: 0;
  background: none;
}

.video_wrap .video_bao .video_list_box.close .list_btn {
  background-image: url(../images/arr_left.png);
}

.video-js .vjs-big-play-button {
  font-size: 0.5rem !important;
  line-height: 0.9rem !important;
  height: 1rem !important;
  width: 1rem !important;
  border-radius: 50% !important;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: .06666em solid #fff;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: .3em;
  transition: all .4s;
}

.video_list_mobile {
  padding: 0 0.2rem;
}

.video_list_mobile .title {
  font-size: 0.3rem;
  line-height: 0.6rem;
}

.video_list_mobile .list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.video_list_mobile .list .item {
  width: 3.45rem;
  height: 1.94rem;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
}

.video_list_mobile .list .item:nth-child(2n) {
  margin-right: 0;
}

.search_cont {
  background-color: #F6F6F6;
}

.search_cont .search_content {
  padding-top: 1.88rem;
  background-color: #FFFFFF;
}

.search_cont .search_content .ttl {
  text-align: center;
  font-size: 0.3rem;
  color: #000000;
  margin-bottom: 0.34rem;
}

.search_cont .search_content .searchBox form {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 0.66rem;
}

.search_cont .search_content .searchBox form > div {
  margin-right: 0.1rem;
}

.search_cont .search_content .searchBox form input {
  border-radius: 6px;
  height: 0.47rem;
  width: 2.6rem;
}

.search_cont .search_content .searchBox form button {
  background-color: #004ea2;
  border-radius: 6px;
  width: 1.2rem;
  height: 0.47rem;
}

@media only screen and (max-width: 768px) {
  .search_cont .search_content .searchBox form {
    flex-direction: column;
  }
  .search_cont .search_content .searchBox form > div {
    margin-bottom: 0.2rem;
  }
  .search_cont .search_content .searchBox form input {
    width: 4.6rem;
    height: 38px;
  }
  .search_cont .search_content .searchBox form button {
    height: 38px;
    width: 4.6rem;
  }
}

.search_cont .searchData {
  background-color: #F6F6F6;
  padding: 1.7rem 0.8rem;
}

@media only screen and (max-width: 768px) {
  .search_cont .searchData {
    padding: 0.2rem;
  }
}

.search_cont .tuijian {
  padding: 0 0.83rem;
  padding-bottom: 0.9rem;
}

@media only screen and (max-width: 768px) {
  .search_cont .tuijian {
    padding: 0.2rem;
    margin-bottom: 0;
  }
}

.search_cont .tuijian .hd {
  border-top: 1px solid #cccccc;
  height: 1.36rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.search_cont .tuijian .hd .title {
  color: #000000;
  font-size: 0.24rem;
}

.search_cont .pdt_list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 0.05rem;
}

.search_cont .pdt_list .item {
  position: relative;
  top: 0;
  width: 3.36rem;
  height: 3.36rem;
  background-color: #ffffff;
  box-shadow: 0px 8px 26px 0px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  margin-right: 0.14rem;
  margin-bottom: 0.18rem;
  padding: 0.35rem 0.38rem 0 0.38rem;
}

.search_cont .pdt_list .item:hover {
  top: -0.05rem;
}

.search_cont .pdt_list .item:nth-child(5n) {
  margin-right: 0;
}

.search_cont .pdt_list .item .img {
  height: 2.1rem;
  margin-bottom: 0.14rem;
}

.search_cont .pdt_list .item .title {
  font-size: 0.14rem;
  line-height: 1;
  margin-bottom: 0.1rem;
}

.search_cont .pdt_list .item .subname {
  font-size: 0.14rem;
  color: #818181;
}

@media only screen and (max-width: 768px) {
  .search_cont .pdt_list .item {
    width: 3.3rem;
    margin-right: 0.14rem;
    margin-bottom: 0.14rem;
  }
  .search_cont .pdt_list .item:nth-child(2n) {
    margin-right: 0;
  }
  .search_cont .pdt_list .item:nth-child(5n) {
    margin-right: 0rem;
  }
}

.contact_cont {
  position: relative;
}

.contact_cont .mapdes {
  position: absolute;
  right: 10%;
  top: 50%;
  width: 6.86rem;
  height: 4.8rem;
  transform: translate(0%, -50%);
}

@media only screen and (max-width: 768px) {
  .contact_cont .mapdes {
    position: relative;
    padding-top: 0.2rem;
    width: 7.5rem;
    height: auto;
    transform: translate(0);
    right: 0;
    top: 0;
    background-color: #e1e1e1;
  }
}

.contact_cont .mapdes .layui-tab {
  margin: 0;
}

.contact_cont .mapdes .layui-tab .layui-tab-title {
  height: auto;
  border: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.contact_cont .mapdes .layui-tab .layui-tab-title li {
  height: 0.6rem;
  line-height: 0.6rem;
  width: 2rem;
  margin-right: 0.1rem;
  background-color: #EEEEEE;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  font-size: 0.18rem;
  color: #818181;
}

@media only screen and (max-width: 768px) {
  .contact_cont .mapdes .layui-tab .layui-tab-title li {
    font-size: 14px;
  }
}

.contact_cont .mapdes .layui-tab .layui-tab-title li.layui-this {
  background-color: #FFFFFF;
  color: #000000;
}

.contact_cont .mapdes .layui-tab .layui-tab-title li.layui-this::after {
  display: none;
}

.contact_cont .mapdes .layui-tab .layui-tab-title .tonet {
  border-radius: 6px 6px 0px 0px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  font-size: 0.18rem;
  color: #004ea2;
  transition: all .2s;
  -webkit-transition: all .2s;
  position: relative;
  line-height: 0.6rem;
  min-width: 65px;
  padding: 0 15px;
  text-align: center;
  cursor: pointer;
  background-color: #EEEEEE;
  width: 2.7rem;
  height: 0.6rem;
  background-image: url(../images/icon_right2.png);
  background-repeat: no-repeat;
  background-size: 0.2rem;
  background-position: 90% 50%;
}

@media only screen and (max-width: 768px) {
  .contact_cont .mapdes .layui-tab .layui-tab-title .tonet {
    font-size: 14px;
    background-position: 90% 50%;
  }
}

.contact_cont .mapdes .layui-tab .layui-tab-content {
  height: 4.2rem;
  background-color: #FFFFFF;
}

@media only screen and (max-width: 768px) {
  .contact_cont .mapdes .layui-tab .layui-tab-content {
    height: auto;
  }
}

.contact_cont .mapdes .layui-tab .layui-tab-content .layui-tab-item {
  padding: 0.4rem 0.6rem;
  line-height: 36px;
  color: #444;
}

@media only screen and (max-width: 768px) {
  .rec_menu_cont .netHead .bTitle {
    font-size: 0.3rem;
  }
}

.rec_menu_cont .rec_body {
  width: 17.55rem;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

@media only screen and (max-width: 768px) {
  .rec_menu_cont .rec_body {
    flex-direction: column;
    width: 100%;
  }
}
.rec_menu_cont .rec_body .rec_item {
  position: relative;
      background-position: top;
  width: 8.62rem;
  height: 6.39rem;
  margin-right: 0.32rem;
  box-shadow: 0px 9px 26px 0px rgba(0, 0, 0, 0.28);
  border-radius: 6px;
}

.rec_menu_cont .rec_body .rec_item:nth-child(4n) {
  margin-right: 0;
}

@media only screen and (max-width: 768px) {
  .rec_menu_cont .rec_body .rec_item {
    width: 6rem;
    height: 3rem;
    margin-right: 0;
    margin-bottom: 0.5rem;
  }
}

.rec_menu_cont .rec_body .rec_item .cover {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 6px;
  background-color: rgba(0, 78, 162, 0.58);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.rec_menu_cont .rec_body .rec_item .cover .circlebox {
  position: relative;
  width: 1.38rem;
  height: 1.38rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rec_menu_cont .rec_body .rec_item .cover .circlebox .circleOut {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.3);
  animation: myfirst 2s forwards;
}

.rec_menu_cont .rec_body .rec_item .cover .circlebox .circleOut .circleIcon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1rem;
  height: 1rem;
  background-size: 60%;
  background-color: #FFFFFF;
  border-radius: 50%;
}

.rec_menu_cont .rec_body .rec_item .cover .circlebox .circleOut .icon_gb1 {
  background-image: url(../images/icod004.png);
}

.rec_menu_cont .rec_body .rec_item .cover .circlebox .circleOut .icon_gb2 {
  background-image: url(../images/icod003.png);
}

.rec_menu_cont .rec_body .rec_item .cover .circlebox .circleOut .icon_gb3 {
  background-image: url(../images/icod002.png);
}

.rec_menu_cont .rec_body .rec_item .cover .circlebox .circleOut .icon_gb4 {
  background-image: url(../images/icod001.png);
}

.rec_menu_cont .rec_body .rec_item .cover .text {
  font-size: 0.24rem;
  text-align: center;
  color: #FFFFFF;
}

.rec_menu_cont .rec_body .rec_item .cover:hover {
  background: none;
}

.rec_menu_cont .rec_body .rec_item .cover:hover .circleOut {
  border: 1px solid rgba(0, 78, 162, 0.3);
}

.rec_menu_cont .rec_body .rec_item .cover:hover .circleOut .circleIcon {
  background-color: #004ea2;
}

.rec_menu_cont .rec_body .rec_item .cover:hover .circleOut .icon_gb1 {
  background-image: url(../images/icod004-1.png);
}

.rec_menu_cont .rec_body .rec_item .cover:hover .circleOut .icon_gb2 {
  background-image: url(../images/icod003-1.png);
}

.rec_menu_cont .rec_body .rec_item .cover:hover .circleOut .icon_gb3 {
  background-image: url(../images/icod002-1.png);
}

.rec_menu_cont .rec_body .rec_item .cover:hover .circleOut .icon_gb4 {
  background-image: url(../images/icod001-1.png);
}

.rec_menu_cont .rec_body .rec_item .cover.active {
  background: none;
}

.rec_menu_cont .rec_body .rec_item .cover.active .circleOut {
  border: 1px solid rgba(0, 78, 162, 0.5);
}

.rec_menu_cont .rec_body .rec_item .cover.active .circleOut .circleIcon {
  background-color: #004ea2;
}

.rec_menu_cont .rec_body .rec_item .cover.active .circleOut .icon_gb1 {
  background-image: url(../images/icod004-1.png);
}

.rec_menu_cont .rec_body .rec_item .cover.active .circleOut .icon_gb2 {
  background-image: url(../images/icod003-1.png);
}

.rec_menu_cont .rec_body .rec_item .cover.active .circleOut .icon_gb3 {
  background-image: url(../images/icod002-1.png);
}

.rec_menu_cont .rec_body .rec_item .cover.active .circleOut .icon_gb4 {
  background-image: url(../images/icod001-1.png);
}

.rec_cont {
  background-color: #F6F6F6;
}

@media only screen and (max-width: 768px) {
  .rec_cont {
    min-height: calc(100vh);
  }
}

.rec_cont .fix_menu {
  position: absolute;
  top: 6.5rem;
}

@media only screen and (max-width: 768px) {
  .rec_cont .mobileCol-reverse {
    display: flex;
    flex-direction: column-reverse;
    justify-content: end;
  }
}

.rec_cont .container .puc_content {
  width: 9.6rem;
  margin: 0 auto;
  position: relative;
  top: -3rem;
}

.rec_cont .container .puc_content .layui-tab .layui-tab-title {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  border: none;
}

.rec_cont .container .puc_content .layui-tab .layui-tab-title li, .rec_cont .container .puc_content .layui-tab .layui-tab-title a {
  min-width: 145px;
  height: 104px;
  background-color: #f3f7f9;
  border-radius: 6px 6px 0px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  line-height: 1;
  color: #818181;
  font-size: 0.16rem;
  margin-right: 0.02rem;
  padding: 0 30px;
}

@media only screen and (max-width: 768px) {
  .rec_cont .container .puc_content .layui-tab .layui-tab-title li, .rec_cont .container .puc_content .layui-tab .layui-tab-title a {
    width: 1.5rem;
    height: 1rem;
    font-size: 12px;
  }
}

.rec_cont .container .puc_content .layui-tab .layui-tab-title .ico {
  width: 47px;
  height: 47px;
  margin-bottom: 0.05rem;
}

@media only screen and (max-width: 768px) {
  .rec_cont .container .puc_content .layui-tab .layui-tab-title .ico {
    width: 0.47rem;
    height: 0.47rem;
  }
}

.rec_cont .container .puc_content .layui-tab .layui-tab-title .icon1 {
  background-image: url(../images/icod004-2.png);
}

.rec_cont .container .puc_content .layui-tab .layui-tab-title .icon2 {
  background-image: url(../images/icod003-2.png);
}

.rec_cont .container .puc_content .layui-tab .layui-tab-title .icon3 {
  background-image: url(../images/icod002-2.png);
}

.rec_cont .container .puc_content .layui-tab .layui-tab-title .icon4 {
  background-image: url(../images/icod001-2.png);
}

.rec_cont .container .puc_content .layui-tab .layui-tab-title li:hover {
  color: #004ea2;
  background-color: #FFFFFF;
}

.rec_cont .container .puc_content .layui-tab .layui-tab-title li:hover .icon1 {
  background-image: url(../images/icod004.png);
}

.rec_cont .container .puc_content .layui-tab .layui-tab-title li:hover .icon2 {
  background-image: url(../images/icod003.png);
}

.rec_cont .container .puc_content .layui-tab .layui-tab-title li:hover .icon3 {
  background-image: url(../images/icod002.png);
}

.rec_cont .container .puc_content .layui-tab .layui-tab-title li:hover .icon4 {
  background-image: url(../images/icod001.png);
}

.rec_cont .container .puc_content .layui-tab .layui-tab-title .layui-this {
  color: #004ea2;
  background-color: #FFFFFF;
}

.rec_cont .container .puc_content .layui-tab .layui-tab-title .layui-this .icon1 {
  background-image: url(../images/icod004.png);
}

.rec_cont .container .puc_content .layui-tab .layui-tab-title .layui-this .icon2 {
  background-image: url(../images/icod003.png);
}

.rec_cont .container .puc_content .layui-tab .layui-tab-title .layui-this .icon3 {
  background-image: url(../images/icod002.png);
}

.rec_cont .container .puc_content .layui-tab .layui-tab-title .layui-this .icon4 {
  background-image: url(../images/icod001.png);
}

.rec_cont .container .puc_content .layui-tab .layui-tab-title .layui-this::after {
  display: none;
}

.rec_cont .container .puc_content .layui-tab .layui-tab-content {
  min-height: 4.5rem;
  box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.06);
  border-radius: 6px;
  background-color: #FFFFFF;
  padding: 0.68rem 0.78rem;
}

.rec_cont .container .puc_content .layui-tab .layui-tab-content .layui-tab-item {
  color: #444444;
  line-height: 2;
  font-size: 0.14rem;
}

@media only screen and (max-width: 768px) {
  .rec_cont .container .puc_content .layui-tab .layui-tab-content .layui-tab-item {
    font-size: 12px;
    line-height: 24px;
    color: #444;
  }
}

.rec_cont .container .puc_content .layui-tab .layui-tab-content .rec_box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.rec_cont .container .puc_content .layui-tab .layui-tab-content .rec_box .rec_item {
  width: 3.9rem;
  height: 1.6rem;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
  border-radius: 6px;
  border: dashed 1px #b5b5b5;
  padding: 0.4rem;
}

.rec_cont .container .puc_content .layui-tab .layui-tab-content .rec_box .rec_item .title {
  color: #444444;
  font-size: 0.24rem;
  line-height: 1;
  margin-bottom: 0.32rem;
}

.rec_cont .container .puc_content .layui-tab .layui-tab-content .rec_box .rec_item .text {
  color: #444444;
  font-size: 0.14rem;
}

@media only screen and (max-width: 768px) {
  .rec_cont .container .puc_content .layui-tab .layui-tab-content .rec_box .rec_item {
    width: 100%;
    margin-right: 0;
  }
  .rec_cont .container .puc_content .layui-tab .layui-tab-content .rec_box .rec_item .text {
    font-size: 12px;
  }
}

.rec_cont .container .puc_content .layui-tab .layui-tab-content .rec_box .rec_item:hover {
  box-shadow: 0px 7px 20px 0px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  border: transparent;
}

.rec_cont .container .puc_content .layui-tab .layui-tab-content .rec_box .rec_item:hover .title {
  color: #004ea2;
}

.rec_cont .container .puc_content .layui-tab .layui-tab-content .rec_box .rec_item:nth-child(2n) {
  margin-right: 0;
}

.rec_cont .container .puc_content .layui-tab .layui-tab-content .rec_info .title {
  margin-bottom: 0.32rem;
  color: #004ea2;
  font-size: 0.24rem;
  line-height: 1;
}

.rec_cont .container .puc_content .layui-tab .layui-tab-content .rec_info .leimu {
  margin-bottom: 0.5rem;
  color: #444444;
}

.rec_cont .container .puc_content .layui-tab .layui-tab-content .rec_info .des {
  margin-bottom: 0.45rem;
  color: #444444;
  line-height: 2;
}

.rec_cont .container .puc_content .layui-tab .layui-tab-content .rec_info .line {
  border: 1px dashed #ddd;
}

.rec_cont .container .puc_content .layui-tab .layui-tab-content .rec_info .rec_contact {
  padding-top: 0.5rem;
}

.rec_cont .container .puc_content .layui-tab .layui-tab-content .rec_info .rec_contact .person {
  color: #818181;
  font-size: 0.14rem;
  margin-bottom: 0.2rem;
}

.rec_cont .container .puc_content .layui-tab .layui-tab-content .rec_info .rec_contact .tel {
  color: #818181;
  font-size: 0.14rem;
  margin-bottom: 0.2rem;
}

.rec_cont .container .puc_content .layui-tab .layui-tab-content .rec_info .rec_contact .mail {
  color: #818181;
  font-size: 0.14rem;
}

@media only screen and (max-width: 768px) {
  .rec_cont .container .puc_content {
    width: 7.1rem;
  }
}

.rec_cont .rec_form {
  display: none;
  width: 11.16rem;
  padding: 0.5rem;
  position: relative;
}

.rec_cont .rec_form .close {
  position: fixed;
  right: 0.3rem;
  top: 0.2rem;
  width: 0.4rem;
  height: 0.4rem;
}

.rec_cont .rec_form .layui-form-label {
  width: 120px;
  line-height: 30px;
  color: #444444;
}

.rec_cont .rec_form .layui-input {
  height: 48px;
  line-height: 48px;
  border-radius: 5px;
  background-color: #f0f0f0;
  border: solid 1px #c8c8c8;
}

.rec_cont .rec_form .fxx {
  font-size: 0.1rem;
  color: red;
}

.rec_cont .rec_form .layui-btn {
  width: 181px;
  height: 48px;
  background-color: #004ea2;
  border-radius: 5px;
  font-size: 0.18rem;
}

@media only screen and (max-width: 768px) {
  .rec_cont .rec_form {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #FFFFFF;
    width: 100%;
    padding: 0;
    z-index: 1111;
    overflow-y: scroll;
    padding-top: 0.8rem;
  }
  .rec_cont .rec_form .layui-form-item {
    margin-bottom: 0;
  }
  .rec_cont .rec_form .layui-form-item .layui-inline {
    margin-bottom: 0.2rem;
  }
  .rec_cont .rec_form .layui-form-item .layui-input-inline {
    float: left;
    margin: 0;
    width: 4.5rem !important;
  }
}

.rec_cont .sucPop {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 4rem;
  height: 4rem;
}

.rec_cont .sucPop .sucCircle {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  border: 1px dashed #009944;
  background-image: url(../images/icog006.png);
  background-size: 40%;
}

.rec_cont .sucPop .text {
  color: #009944;
  margin: 20px 0 40px;
  font-size: 0.24rem;
}

.rec_cont .sucPop .back {
  width: 1.3rem;
  height: 0.48rem;
  line-height: 0.48rem;
  color: 0.18rem;
  background-color: #004ea2;
  border-radius: 6px;
}

.rec_cont .sucPop .closeBtn {
  width: 1.3rem;
  height: 0.48rem;
  line-height: 0.48rem;
  color: 0.18rem;
  background-color: #aaaaaa;
  border-radius: 6px;
  position: relative !important;
}

@media only screen and (max-width: 768px) {
  .rec_cont .sucPop {
    width: 100%;
    height: auto;
    padding-top: 0.7rem;
  }
  .rec_cont .sucPop .sucCircle {
    width: 2rem;
    height: 2rem;
  }
  .rec_cont .sucPop .text {
    font-size: 0.36rem;
    margin: 10px 0 20px;
  }
  .rec_cont .sucPop .back {
    width: 1.8rem;
    line-height: 0.8rem;
    height: 0.8rem;
  }
  .rec_cont .sucPop .closeBtn {
    width: 1.8rem;
    line-height: 0.8rem;
    height: 0.8rem;
  }
}


.cm_qt{ width: 100%;clear: both; background:url(../images/cm_01_bj.jpg) repeat-x bottom #F6F6F6; }
.cm_qt1{ width: 100%;clear: both; background:url(../images/cm_01_bj.jpg) repeat-x bottom #F6F6F6; }
#honor_v{}
#honor_v .honor_body .honor_zhuanli{padding:0 0 0.8rem 0;}
@media only screen and (max-width: 768px){
#honor_v{}
#honor_v .honor_body .honor_zhuanli{padding:0.4rem 0;}
}

@media only screen and (max-width: 768px){
#about_content_v{padding-bottom: 0rem;}
}

#cm001{}
#cm001 .honorSwp{top: -2.5rem;height: 5.7rem;}
#cm001 .swp_wrap.honorSwp .swiper-next{top: 3.86rem;} 
#cm001 .swp_wrap.honorSwp .swiper-prev{top: 3.86rem;} 
@media only screen and (max-width: 1400px){
#cm001{}
#cm001 .honorSwp{top: -2rem;height: 7.2rem;}
#cm001 .swp_wrap .swiper-slide .swp_bg{height: 8.7rem;}
}
@media only screen and (max-width: 768px){
#cm001{}
#cm001 .honorSwp{top: -2rem;height: 6.5rem;}
}