@charset "UTF-8";
:root {
  --main-color: #245CD3;
  --secondary-color: #1E2943;
  --header-height:.7rem;
}
*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  outline: none;
}
html,body {
  font-size: 16px;
  white-space: normal;
  font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif;
}
input,button,select,textarea {
  font-family:inherit;
  font-size:100%;
  outline:none;
}
html {
  font-size: 5.208333333vw;
}
.dt-page p,.dt-page span{
  text-align: justify;
}
.dt-page img{
  border:none!important;
}
.animate__animated.animate__fadeInUp {
  --animate-duration: 1.5s;
}
.title{
  letter-spacing: 2px;
  text-align: center;
  font-size: .5rem;
  color: var(--secondary-color);
  margin-top: .89rem;
  position: relative;
  z-index: 999;
}
.ts{
  text-shadow: 0px 0px 11px rgba(4,37,111,0.6);
}
.sts{
  text-shadow: 0px 0px 11px rgba(1,45,127,0.45);
}
li {
  list-style: none;
  margin: 0;
}
a {
  text-decoration: none;
  outline: 0;
  color: inherit
}
::-webkit-input-placeholder{
  color:#aaa;
}
::-moz-placeholder{
  color:#aaa;
}
.active input::-webkit-input-placeholder{
  color: #aaa;
}
.active input::-moz-placeholder{
  color: #aaa;
}
.active input::-moz-placeholder{
  color: #aaa;
}

/*标题栏*/
header{
  box-shadow: 0 0 15px rgba(0,0,0,.2);
  transition: all 0.5s ease;
  z-index: 10000;
  width: 100%;
  position: fixed;
  top: 0;
  height: var(--header-height);
  background-color: #0004;
  user-select:none;
  -moz-user-select:none;
  -webkit-user-select:none;
}
header:hover, header.active{
  background-color: #fff;
  box-shadow: 0 0 15px rgba(0,0,0,.2);
}
header:hover nav > ul > li > a{
  color: var(--secondary-color);
}
header.h_w{
  background-color: #fff!important;
}
header.h_w nav > ul > li > a{
  color: var(--secondary-color);
}
.clear{
  clear: both;
}
.logo{
  float: left;
  width: 17%;
  line-height: 0;
  margin: 0;
  padding: 0;
  height: 100%;
}
.logo img{
  height: 67%;
  margin: .15rem 21.5%;
  cursor: pointer;
}
header .logo img{
    content: url(../img/logos/sdhi-white.png);
}
header:hover .logo img, header.active .logo img, header.h_w .logo img{
  content: url(../img/logos/sdhi.png);
}
header nav{
  float: left;
  width: 60%;
  margin-left: 3%;
  text-align: center;
  height:100%;
}
header .header-right{
  float: right;
  width: 20%;
  height:100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
header .header-right .lang img{
  width: 24px;
  height: 24px;
  margin:.05rem 0 0 .4rem;
  content: url(../img/en-light.png);
}
/*手机导航开始*/
header .header-right .mobile-key{
  width: 20px;
  height: 20px;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  position: relative;
  display: none;
}
header .header-right .mobile-key::before,
header .header-right .mobile-key::after,
header .header-right .mobile-key span{
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 17px;
  height: 2px;
  transition: all 0.3s ease-in-out;
  background: var(--main-color);
}
header .header-right .mobile-key::before{
  margin-top: -2px;
}
header .header-right .mobile-key span{
  margin-top: -9px
}
header .header-right .mobile-key::after{
  margin-top: 5px;
}
header.mobile-menu-open .mobile-key::before{
  opacity: 0;
  transition: 0.2s ease 0.1s;
}
header.mobile-menu-open .mobile-key span{
  margin-top: -2px !important;
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
  transition: margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, -webkit-transform 0.25s ease 0.36s;
  transition: margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, transform 0.25s ease 0.36s;
  transition: margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, transform 0.25s ease 0.36s, -webkit-transform 0.25s ease 0.36s;
}
header.mobile-menu-open .mobile-key::after{
  margin-top: -2px !important;
  -webkit-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
  transition: margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, -webkit-transform 0.25s ease 0.36s;
  transition: margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, transform 0.25s ease 0.36s;
  transition: margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, transform 0.25s ease 0.36s, -webkit-transform 0.25s ease 0.36s;
}
header .header-overlay {
  transition: all 0.2s ease-out;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  z-index: -1;
  top: var(--header-height);
  opacity: 0;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
  visibility: hidden;
}
header.mobile-menu-open .header-overlay {
  opacity: 1;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
  visibility: visible;
}
.mobile-menu{
  position: fixed;
  left: 0;
  top: var(--header-height);
  right: 0;
  width: 100%;
  background: var(--secondary-color);
  z-index: 20;
  display: none;
  overflow-y: auto;
}
.mobile-menu .m_navli, .mobile-menu .nav_link{
  position: relative;
  transition: all 0.3s ease-out;
  /*border-bottom: solid 1px #C1BEBE;*/
  /*pointer-events: none;*/
}
.mobile-menu .m_navli .t a, .mobile-menu .nav_link>a{
  display: inline-block;
  padding: 15px 0 15px 15px;
  font-size: 14px;
  position: relative;
  overflow: hidden;
  color: #fff;
  pointer-events: none;
}
.mobile-menu .m_navli .t{
  position: relative;
}
.mobile-menu .m_navli .t::before, .mobile-menu .m_navli .t::after{
  content: '';
  background: #fff;
  width: 9px;
  height: 2px;
  position: absolute;
  top:0;
  bottom: 0;
  right: 15px;
  margin: auto;
  pointer-events: auto;
}
.mobile-menu .m_navli .t::before{
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: all 0.6s ease-out;
}
.mobile-menu .m_navli .t::after{
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transition: all 0.6s ease-out;
}
/*.mobile-menu .nav_link::after {*/
/*  content: '';*/
/*  width: 16px;*/
/*  height: 16px;*/
/*  background: url(../img/ico_link.png) no-repeat center;*/
/*  position: absolute;*/
/*  top: 0;*/
/*  bottom: 0;*/
/*  right: 15px;*/
/*  margin: auto;*/
/*}*/
.mobile-menu .m_navli .m_secNav{
  display: none;
  background: #556481;
}
.mobile-menu .m_navli.active .t::before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  background: #fff;
}
.mobile-menu .m_navli.active .t::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  opacity: 0;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
  background: #fff;
}
.mobile-menu .m_navli .m_secNav ul{
  padding: 18px 0;
}
.mobile-menu .m_navli .m_secNav li>a {
  padding: 8px 25px;
  line-height: 28px;
  display: block;
  position: relative;
  color: #fff;
  font-size: 14px;
  pointer-events: auto;
}
/*手机导航结束*/
header nav > ul{
  display: inline-block;
  height: 100%;
  line-height: var(--header-height);
}
header nav > ul > li{
  text-align: center;
  display: inline-block;
  padding: 0 .3rem;
  position: relative;
}
header nav > ul > li > a{
  color:#fff;
  font-size: .184rem;
  text-decoration: none;
  box-sizing: border-box;
  letter-spacing: 2px;
  text-indent: .03rem;
}
nav > ul > li > a.active::after{
  width: 100%;
}
.active nav > ul > li:hover > a{
  color: var(--main-color);
}
.active nav > ul > li > a{
  color: var(--secondary-color);
}
.active .logo, .active nav, .active .header-right{
  background-color: #010A1B00;
}
nav ul .panel{
  position:absolute;
  top: var(--header-height);
  height: var(--header-height);
  width: 1920px;
  font-size: .17rem;
  line-height:1;
  letter-spacing: 1px;
  display: none;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  animation: k_lm .5s 1 ease;
}
nav > ul > li:hover .panel{
  display: block;
  text-align: center;
}
@keyframes k_lm {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
nav .panel ul{
  display: inline-flex;
  justify-content: space-between;
}
nav .fixedsp{
  position: fixed;
  width: 92%;
  top: var(--header-height);
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  border-top: 1.2px solid #D3E0F5;
  z-index: 1000;
  display: none;
  animation: k_lm .5s 1 ease;
}
nav .fixedbk{
  position: fixed;
  width: 100%;
  height: var(--header-height);
  top: var(--header-height);
  left: 0;
  background-color: white;
  box-shadow: 0 6px 6px rgba(0,0,0,.1);
  z-index: -1;
  display: none;
  animation: k_lm .5s 1 ease;
}
nav > ul > li:hover .upicon,
nav > ul > li:hover .fixedsp,
nav > ul > li:hover .fixedbk{
  display: block;
}
nav ul ul li{
  line-height: var(--header-height);
  letter-spacing: 2px;
  z-index: 1000;
  margin: 0 .2rem;
}
nav .upicon{
  background-image: url(../img/icon-up.png);
  background-size: 100% 100%;
  width: .6rem;
  height: .1rem;
  position: absolute;
  top: .6rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2000;
  display: none;
  animation: k_lm .5s 1 ease;
}
.active nav > ul ul li:hover{
  color:var(--main-color);
}
header .keysearch > img{
  width: 24px;
  height:24px;
  margin: .05rem 0 0 .4rem;
  content: url("../img/icon-search-l.png");
  cursor: pointer;
}
header .keysearch .alert {
  position: fixed;
  left: 0;
  top: calc(var(--header-height)*(-1) - .1rem);
  width: 100%;
  height: calc(var(--header-height) + .1rem);
  background: #fff;
  z-index: 1000;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  text-align: center;
  font-size: 16px;
  visibility: hidden;
}
header .keysearch .alert.active{
  top: 0;
  visibility: visible;
  box-shadow: 0 0 15px rgba(0,0,0,.2);
}
header .keysearch .alert > div{
  margin: 0 auto;
  display: inline-block;
  width: 60%;
  height: 100%;
  line-height: calc(var(--header-height) + .1rem);
}
header .keysearch .alert .icon{
  width: 26px;
  height:26px;
  content: url(../img/icon-search-l.png);
  vertical-align: middle;
}
header .keysearch .alert input{
  vertical-align: middle;
  width: 50%;
  height: 60%;
  border: none;
}
header .keysearch .alert button{
  width: 15%;
  height: 50%;
  line-height: 1;
  letter-spacing: 3px;
  border-radius: .5rem;
  border:none;
  color:#fff;
  background: #245CD3CC;
  cursor: pointer;
  transition: all 0.5s ease;
}
header .keysearch .alert button:hover{
  background: #245CD3EE;
}
header .keysearch .alert .seperator{
  float: right;
  height: 100%;
  border-left: 1px solid #E1E0E1
}
header .keysearch .alert .close {
  float:right;
  width: 20px;
  height: 20px;
  margin-top: calc(var(--header-height)/2 + .05rem - 10px);
  margin-left: .4rem;
  margin-right: 10px;
  content: url(../img/close.png);
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
}
header .keysearch .alert .close:hover {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

/*页脚*/
footer{
  height: 3.6rem;
  background-image: url(../img/footer-bk.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  color:#44577C;
  overflow: hidden;
  clear: both;
}
footer .d, footer .fa{
  width: 70%;
  margin-left: 15%;
}
footer .contact{
  display: flex;
  justify-content: space-between;
  align-items:normal;
}
footer h3{
  font-size: .2rem;
  letter-spacing: 1px;
  margin-bottom: .1rem;
  margin-top: .2rem;
}
footer .contact img, footer .fa img{
  width: 1.2rem;
  height: 1.2rem;
  margin-top: .1rem;
}
footer .contact ul li, footer .fa{
  line-height: .4rem;
  font-size: .2rem;
  letter-spacing: 1px;
}
footer .fa span{
  display: inline-block;
}
footer .fa span:last-child{
  margin-left: 20px;
}
footer .contact ul li:last-child span{
  vertical-align: top;
}
footer .qrcode{
  margin-left: 20%;
  text-align: left;
}
footer .qrcode h3{
  line-height: .8rem;
  font-size: .32rem;
}
footer .qrcode > div{
  display: inline-block;
  text-align: left;
}
footer .qrcode ul li{
  display: inline-block;
  margin: .1rem .3rem;
  text-align: center;
  font-size: .24rem;
}
footer .qrcode ul li:first-child{
  margin-left: 0;
}
footer .qrcode ul li img{
  width: 1.25rem;
  height: 1.25rem;
}
footer hr{
  width: 70%;
  background-color: var(--secondary-color);
  border: none;
  height: 1px;
  margin-left: 15%;
  position: absolute;
  bottom: .44rem;
}
footer .cpyright{
  width: 80%;
  margin-left: 10%;
  text-align: center;
  font-size: .2rem;
  position: absolute;
  bottom: .1rem;
}
footer .beian{
  width: .24rem;
  content: url("../img/备案图标.png");
  margin-left: 10px;
  vertical-align: middle;
  margin-top: -3px;
}

/*首页*/
.banner{
  position: relative;
  height: 100vh;
}
.banner .swiper {
  overflow: hidden;
  height: 100vh;
}
.banner div p{
  font-size: .6rem;
  color: white;
  letter-spacing: 2px;
  position:absolute;
  left: 20%;
  top: 30%;
}
.banner .swiper img{
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: bottom;
  vertical-align: middle;
}
.banner .customDots{
  position: absolute;
  bottom: .6rem;
  right: .6rem;
  z-index: 10;
  text-align: right;
}
.banner .swiper-pagination .swiper-pagination-bullet{
  display: block;
  width: .2rem;
  height: 3px;
  background-color: #fff;
  border-radius: 3px;
  margin: .28rem .4rem 0 .2rem!important;
  outline: none;
  opacity: .7;
}
.banner .swiper-pagination .swiper-pagination-bullet-active{
  width: .4rem;
  margin: .28rem .4rem 0 0!important;
  opacity: 1;
}
.major{
  height: 100vh;
  position:relative;
  overflow: auto;
}
.major .category{
  margin-top: .39rem;
  text-align: center;
}
.major .category ul{
  border-radius: .36rem;
  height: .6rem;
  line-height: .6rem;
  display: inline-block;
  background-color: #fff5;
}
.major .category ul li{
  height: .5rem;
  line-height: .5rem;
  display: inline-block;
  margin-right: .24rem;
  margin-top: .05rem;
  color: #000c;
  font-size: .24rem;
  padding-left: .36rem;
  padding-right: .4rem;
  text-align: left;
  font-weight:600;
  border-radius: .28rem;
  cursor:pointer;
  overflow: hidden;
}
.major .category ul li img{
  width: .2rem;
  height: .2rem;
  margin-right: .1rem;
  vertical-align: middle;
  margin-bottom: .04rem;
}
.major .category ul li:first-child{
  margin-left: .24rem;
}
.major .category ul li.active{
  color: var(--main-color);
  background-color: #CEDDF7;
}
.major .item{
  position:absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  text-align: center;
}
.major .item .bk{
  position:absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  animation: kf_fin 1.2s ease;
}
@keyframes kf_fin {
  0% { opacity: .3; }
  100% { opacity:1; }
}
.major .item.hide{
  display: none;
}
.major .item .intro{
  margin-top: 3.04rem;
  font-size: .24rem;
  letter-spacing: 2px;
  color:#041743;
  width: 60%;
  margin-left: 20%;
  text-align: center;
  background: #fffc;
  padding: .1rem;
  border-radius: .1rem;
}
.major .item .f{
  max-height: 50%;
  max-width: 60%;
  position: absolute;
  bottom: .42rem;
  left: 50%;
  transform: translateX(-50%);
  animation: f_move 1.2s ease;
}
.major .part div:nth-child(2) .f {
  bottom: 1.5rem;
}
.major .part div:nth-child(7) .f{
  bottom: 1rem;
}
@keyframes f_move {
  0% { margin-left: 3.5rem; }
  100% { margin-left:0; }
}
.news{
  height: 100vh;
  position: relative;
  text-align: center;
  background-image: url("../img/news_bk.png");
  background-size: 100% 100%;
  background-position: center;
  padding-top: .2rem;
}
.news::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.7);
}
.news .bkImg{
  position:absolute;
  top:0;
  left: 0;
  z-index: -1;
  height: 100%;
  overflow: hidden;
}
.news .bkImg img{
  height: 100%;
  object-fit: cover;
}
.news .items{
  display: inline-block;
  width: 15.1rem;
  margin-top: 1.2rem;
}
.news .item .poster{
  overflow: hidden;
  width: 4.7rem;
  height: 3.13rem;
}
.news .item .poster img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 1s;
}
.news .item .txt{
  display: table;
}
.news .item .txt p{
  display: table-cell;
  vertical-align: middle;
  line-height: 2;
  text-align: left;
}
.news .item .poster video{
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.news .item .poster:hover img{
  transform: scale(1.1);
}
.news .item .t:hover{
  color: var(--main-color);
}
.news .swiper-button-prev,.news .swiper-button-next{
  top:3.37rem;
}
.detail{
  width: .4rem;
  margin-top: .6rem;
  cursor: pointer;
  content: url("../img/icon-right-more.png");
  margin-bottom: .1rem;
  margin-left: .1rem;
}
.ix .detail{
  text-align: left;
}
.news .date{
  text-align: left;
  margin-bottom: .3rem;
  color: #767676;
  font-size: .24rem;
}
.news p{
  margin-top: .2rem;
  color: #000;
  text-align: center;
  font-size: .24rem;
  width:4.7rem;
}
.news .items{
  padding: 0 10px;
}
.swiper-button-prev::after{
  content: none!important;
}
.swiper-button-next::after{
  content: none!important;
}
.swiper-button-prev:hover{
  content: url(../img/left-light.png);
}
.swiper-button-next:hover{
  content: url(../img/right-light.png);
}
.logos{
  text-align: center;
  color: var(--secondary-color);
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background-image: url("../img/logos_bk.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.logos .left{
  width: 50%;
  padding: 1rem .5rem 0 2rem;
  float:left;
}
.logos .right{
  width: 50%;
  padding: 1rem 2rem 0 .5rem;
  float:left;
}
.logos .st{
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: .32rem;
}
.logos .items{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-row-gap: .2rem;
  justify-items: center;
  align-items: center;
}
.logos .item{
  border: 1px solid var(--main-color);
  border-radius: 10px;
  cursor: pointer;
  width: 2rem;
  height: .8rem;
  background-color: #feffff;
  position: relative;
  transition: box-shadow .5s;
}
.logos .item:hover{
  box-shadow: 0px 1.2px 3.6px rgba(0,0,0,.1), 0px 6.4px 14.4px rgba(0,0,0,.13);
}
.logos img{
  width: 1.6rem;
  max-height: .56rem;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.swiper-button-prev{
  left: 1rem!important;
  content: url(../img/left-m.png);
}
.swiper-button-next{
  right: 1rem!important;
  content: url(../img/right-m.png);
}
.swiper-button-prev:hover{
  opacity: 1!important;
  content: url(../img/left-light.png);
}
.swiper-button-next:hover{
  opacity: 1!important;
  content: url(../img/right-light.png);
}
#temp{
  position: fixed;
  right: 70px;
  bottom: 20px;
  z-index: 10000;
  background: #fff;
  line-height: 1.5;
  display: flex;
  align-items: center;
}
#temp p{
  margin: 0 20px;
}
#temp p:first-child{
  margin-top:20px;
}
#temp p:last-child{
  margin-bottom:20px;
}

/*关于我们-概览页*/
.au-ov01 video{
  width: 100%;
}
.au-ov02{
  margin: 1.2rem 0;
  text-align: center;
}
.au-ov02 .item{
  display: inline-block;
  width: 7.5rem;
  margin: 0 .3rem;
  position: relative;
  color: white;
}
.au-ov02 .item img{
  width: 100%;
}
.au-ov02 .item h3{
  position: absolute;
  top: .77rem;
  left: .73rem;
  font-size: .48rem;
  font-weight: normal;
}
.au-ov02 .item .more{
  position: absolute;
  top: 1.62rem;
  left: .72rem;
}
.au-ov03{
  position: relative;
}
.au-ov03 .title{
  margin:1.39rem 0 .81rem 0;
}
.au-ov03 .swiper{
  width: 15.54rem;
}
.au-ov03 .item{
  margin-bottom: 1.6rem;
  cursor: pointer;
  display: block;
}
.au-ov03 .item .poster{
  width: 4.78rem;
  height: 3.2rem;
  overflow: hidden;
}
.au-ov03 .item .poster img{
  width: 100%;
  height: 100%;
  transition: all 1s;
}
.au-ov03 .item .poster img:hover{
  transform: scale(1.1);
}
.au-ov03 .item .t{
  font-size: .24rem;
  text-align: center;
  margin: 15px 0;
}
.au-ov03 .item .c{
  font-size: .24rem;
  line-height: .36rem;
  height: 1.08rem;
  overflow: hidden;
  text-align: center;
}
.au-ov03 .item .t:hover{
  color: var(--main-color);
}
.au-ov03 .swiper-button-prev,.au-ov03 .swiper-button-next{
  top: 3.26rem;
}
.au-ov04{
  position: relative;
  top: -10.8rem;
  height: 0;
  z-index: -1;
}
.au-ov04 img{
  object-fit: cover;
  height: 10.8rem;
}
/*关于我们-集团领导*/
.au-ld01{
  padding-top: calc(var(--header-height));
}
.au-ld {
  margin-bottom: .5rem;
}
.au-ld .intro{
  margin: 0 auto;
  text-align: center;
}
.au-ld .intro.c{
  width: 4.5rem;
}
.au-ld .intro.c .pic{
  width: 4.5rem;
}
.au-ld .intro .pic{
  width: 4rem;
}
.au-ld .intro .p{
  margin-top: .2rem;
  margin-bottom: .1rem;
  line-height: 1.5;
  font-size: .22rem;
  font-weight: bold;
  color: #333;
}
.au-ld .intro .p.i{
  margin: 0;
  display: inline-block;
  text-align: center;
  font-size: .2rem;
  font-weight: normal;
  color: #666;
}
.au-ld02{
  display: grid;
  grid-template-columns: 4rem 4rem 4rem;
  grid-column-gap: 1rem;
  grid-row-gap: .5rem;
  justify-content: center;
}
/*关于我们-董事长*/
.au-cm03{
  display: grid;
  place-items: center;
  position: relative;
  margin-top: var(--header-height);
}
.au-cm03 img{
  width: 100%;
  object-fit: cover;
}
.au-cm03 .intro{
  position: absolute;
}
.au-cm03 .intro .t{
  letter-spacing: 2px;
  font-size: .8rem;
  color: #fff;
  font-weight: bold;
}
.au-cm{
  padding: 1rem 20%;
  padding-top: 1.6rem;
}
.au-cm01{
  float:right;
  padding-left: .5rem;
  padding-top: .1rem;
}
.au-cm01 img{
  width: 5rem;
}
.au-cm04 .img{
  width: 100%;
  cursor: pointer;
  content: url("/resources/web/img/cm.jpg");
  box-shadow: 0px .3px .9px rgba(0,0,0,.1), 0px 1.6px 3.6px rgba(0,0,0,.13);
}
.au-cm04 .img:hover{
  box-shadow: 0px 1.2px 3.6px rgba(0,0,0,.1), 0px 6.4px 14.4px rgba(0,0,0,.13);
}
.au-cm p, .au-cm p span{
  font-size: 16px!important;
  line-height: 2!important;
}
.au-cm02{
  height: 100%;
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: -1;
}
.au-cm02 img{
  height: 100%;
  vertical-align: bottom;
}
/*关于我们-集团简介*/
.au-pr01{
  padding-top: var(--header-height);
  height: calc(6.76rem + var(--header-height));
  color: white;
}
.bx img{
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.bx .title{
  margin-top: 0;
  color: white;
  position: relative;
  margin-bottom: .8rem;
  font-size: .96rem;
  font-weight: bold;
  letter-spacing: 6px;
}
.bx .title::after{
  content: '';
  position:absolute;
  top: 1.6rem;
  left: calc(50% - .2rem);
  width: .4rem;
  border-top: 3px solid white;
}
.bx .intro{
  position: relative;;
  top: -5.6rem;
  color: #fff;
}
.bx p{
  text-align: center;
  font-size: .24rem;
  letter-spacing: 2px;
}
.au-pr02{
  padding: 1rem 20%;
}
.au-pr03, .ju-ra .bk, .ju-sr .bk, .ju-cr .bk{
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: -1;
}
.au-pr03 img{
  vertical-align: bottom;
}
.au-pr04{
  display: none;
  padding: 0 .6rem;
}
.au-pr04 img{
  width: 100%;
  margin-top: .4rem;
}
.jr .au-pr04{
  display: block;
}
.au-pr05{
  padding: 1rem 20%;
  padding-top: 1.6rem;
}
.au-pr05 .img{
  width: 100%;
  cursor: pointer;
  box-shadow: 0 .1875rem .4375rem 0 rgba(0, 0, 0, .13), 0 .0625rem .125rem 0 rgba(0, 0, 0, .11);
}
/*关于我们-集团文化*/
.au-cu01{
  padding-top: var(--header-height);
  position: relative;
}
.au-cu01 img, .au-cu img{
  object-fit: cover;
  width: 100%;
  height: 100%;
  vertical-align: bottom;
}
.au-cu01 .tt{
  position: absolute;
  top: 20%;
  left: 15%;
  color: white;
  text-align: left;
  font-size: .8rem;
}
.au-cu{
  position: relative;
  width: 100%;
  height: 12rem;
}
.au-cu .bk{
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.au-cu02, .au-cu03, .au-cu04 {
  position: absolute;
  padding:1rem 3rem;
  padding-top:calc(var(--header-height) + 10px);
  width: 100%;
  /*display: flex;*/
  vertical-align: middle;
  align-items: center;
  -webkit-perspective: 800px;
  perspective: 800px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.au-cu02b{
    padding:1rem 0; 
    text-align:justify;
    text-indent:2em;
  }
.au-cu .left, .au-cu .right{
  width: 9.5rem;
  height: 6.33rem;
  display: inline-block;
  backface-visibility: hidden;
  transition-duration: 0.8s;
  transition-property: transform;
  will-change: transform;
  background-color: #fff;
}
.au-cu .right{
  padding-left: 1.2rem;
}
.au-cu ul{
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-evenly;
  flex-direction: column;
}
.au-cu03 .left{
  padding-left: 1.2rem;
}
.au-cu03 .right{
  padding-left: 0;
}
.au-cu li{
  padding-left: .76rem;
  width: 5.2rem;
  border-left: 1px solid #7CA1EF;
  position: relative;
}
.au-cu li::before{
  position: absolute;
  left: 0;
  content: '';
  border-left: 4px solid var(--main-color);
  height: .35rem;
}
.au-cu li .t p{
  margin-bottom: .3rem;
}
.au-cu li .c p{
  margin-bottom: .15rem;
}
.au-cu li .c p,.au-cu li .c p span{
  font-size: .18rem!important;
}
.jr .au-cu{
  height: initial;
}
.jr .au-cu02,.jr .au-cu03,.jr .au-cu04 {
  position: static;
  padding: 0;
  display: flex;
  vertical-align: middle;
  align-items: center;
}
.jr .au-cu03 .right,.jr .au-cu03 .left,.jr .au-cu04 .right, .jr .au-cu04 .left {
  transform: none;
}
.toTop{
  animation-name: kfToTop;
  animation-duration: .8s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
}
@keyframes kfToTop {
  from { transform:none;  }
  to { transform: rotate3d(1, 0, 0, 90deg) translate3d(0px, -4rem, 4rem); }
}
.bottomToFront{
  animation-name: kfBottomToFront;
  animation-duration: .8s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
}
@keyframes kfBottomToFront {
  from { transform: rotate3d(1, 0, 0, -90deg) translate3d(0px, 4rem, 4rem);  }
  to { transform:none; }
}
.au-cu03 .left, .au-cu04 .left{
  transform: rotate3d(1, 0, 0, -90deg) translate3d(0px, 4rem, 4rem);
}
.au-cu03 .right, .au-cu04 .right{
  transform: rotate3d(1, 0, 0, 90deg) translate3d(0px, -4rem, 4rem);
}
.topToFront{
  animation-name: kfTopToFront;
  animation-duration: .8s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
}
@keyframes kfTopToFront {
  from { transform: rotate3d(1, 0, 0, 90deg) translate3d(0px, -4rem, 4rem);  }
  to { transform:none; }
}
.toBottom{
  animation-name: kfToBottom;
  animation-duration: .8s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
}
@keyframes kfToBottom {
  from { transform:none;  }
  to { transform: rotate3d(1, 0, 0, -90deg) translate3d(0px, 4rem, 4rem); }
}
/*关于我们-权属公司*/
.au-su01{
  padding-top: var(--header-height);
  height: calc(6.76rem + var(--header-height));
  color: white;
}
.au-su02{
  margin-top: .8rem;
}
.au-su02 .sub ul{
  float: left;
  padding-left: 1.2rem;
  width: 27%;
  font-size: .28rem;
  font-weight: bold;
}
.au-su02 .sub ul li{
  margin-bottom: .4rem;
}
.au-su02 .sub ul li span{
  cursor: pointer;
}
.au-su02 .sub ul li img{
  content: url("../img/icon-jt.png");
  margin-right: .13rem;
}
.au-su02 .sub ul li.active img{
  content: url("../img/icon-jt-l.png");
}
.au-su02 .sub ul li.active span{
  color:var(--main-color);
}
.au-su02 .sub .rc{
  margin-left: 27%;
  width: 64%;
}
.au-su02 .sub .pt{
  width: 100%;
  height: 4.28rem;
  object-fit: cover;
}
.au-su02 .sub .rc.active{
  display: block!important;
}
.au-su02 .more{
  float:right;
  margin-top: .2rem;
}
.au-su02 p, .au-su02 span{
  background: transparent!important;
}
.more{
  color: var(--main-color);
  width: 1.2rem;
  height: .41rem;
  line-height: .41rem;
  background-color: #EFF3FD;
  border: 2px solid #B2C8F6;
  border-radius: .2rem;
  font-size: .2rem;
  box-sizing: content-box;
  cursor: pointer;
  text-align: center;
  text-indent: -.2rem;
  position: relative;
  display: inline-block;
  z-index:9999;
}
.more::after{
  content:'';
  background-image: url("../img/right-light.png");
  background-size: cover;
  width: .1rem;
  height: .15rem;
  position: absolute;
  top: .13rem;
  left: .92rem;
}
.au-su02 .intro{
  margin-left: 27%;
  width: 64%;
  margin-top: .78rem;
  margin-bottom: 1.32rem;
  text-align:justify;
}
.au-su02 .intro.active{
  display: block!important;
}
.au-su02 .c{
  height: .85rem;
  line-height: .85rem;
}
.au-su02 .logo{
  float:left;
  height: 100%;
  line-height: .85rem;
}
.au-su02 .logo img{
  margin: 0;
  max-width: 2rem;
  vertical-align: middle;
}
.au-su02 .title{
  margin-top: .65rem;
}
.au-su03{
  position: relative;
  top: -7.8rem;
  height: 0;
  z-index: -1;
}
.au-su03 img{
  object-fit: cover;
  height: 7.8rem;
  width: 100%;
  vertical-align: bottom;
  content: url("../img/fbk.jpg");
}
/*关于我们-发展历程*/
.au-mi01{
  padding-top: .89rem;
}
.au-mi01 .title{
  margin-top: 0;
}
.au-mi02{
  height: 720px;
  padding: 0 2rem;
  margin: .5rem 0;
}
.au-mi02 .ys{
  display: inline-block;
  width: 1.5rem;
  height: 100%;
  text-align: center;
}
.au-mi02 .ys .c{
  height: calc(100% - .9rem);
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: column;
  overflow: hidden;
  margin: .1rem 0;
  position: relative;
}
.au-mi02 .ys .c .cc {
  position: absolute;
  top: 0;
}
.au-mi02 .ys .y{
  font-size: .32rem;
  color: #556481;
  cursor: pointer;
  padding: .4rem 0;
}
.au-mi02 .ys .y.active{
  font-size: .6rem;
  color: var(--main-color);
  padding: .215rem;
}
.au-mi02 .ys .up, .au-mi02 .ys .down{
  height: .4rem;
  width: .25rem;
  cursor: pointer;
}
.au-mi02 .ys .up{
  transform: rotateZ(90deg);
}
.au-mi02 .ys .down{
  transform: rotateZ(-90deg);
}
.au-mi02 .ci{
  display: inline-block;
  width: 12.2rem;
  height: 100%;
  overflow:hidden;
  margin-left: 1rem;
  position: relative;
}
.au-mi02 .items{
  position: absolute;
  padding-top: 25px;
}
.au-mi02 .items .item{
  margin: 0 0 .4rem 0;
}
.au-mi02 .items .item .m{
  margin: 0 .5rem;
  display: inline-block;
  font-size: .6rem;
  color: var(--secondary-color);
}
.au-mi02 .items .item .l{
  margin: 0 .5rem;
  display: inline-block;
  font-size: .6rem;
  color: transparent;
}
.au-mi02 .items .item .c{
  display: inline-block;
  width: 10.2rem;
  vertical-align: top;
  position: relative;
  color: var(--secondary-color);
  font-size: 20px;
  line-height: 2;
  margin-right: .2rem;
  transition: 1s;
  padding: 20px;
  text-align: justify;
}
.au-mi02 .items .item .c:hover{
  border-radius: 6px;
  color: var(--main-color);
  background-color: #fff;
  box-shadow: 0 0 30px rgba(0,0,0,.2);
}
.au-mi02 .items .item .c .d{
  color:#70747B;
  margin-bottom: .1rem;
}
.au-mi02 .items .item .cm::before{
  content: '';
  border-left: 1px solid #7CA1EF;
  position: absolute;
  left: -.9rem;
  top: 1rem;
  height: calc(100% - 1rem);
}
.au-mi02 .items .item .cl::before{
  content: '';
  border-left: 1px solid #7CA1EF;
  position: absolute;
  left: -.9rem;
  top: -.4rem;
  height: calc(100% + .4rem);
}
.au-mi03,.au-ho03{
  position: relative;
  top: -9rem;
  height: 0;
  z-index: -1;
}
.au-mi03 img,.au-ho03 img{
  object-fit: cover;
  height: 9rem;
  width: 100%;
  vertical-align: bottom;
  content: url("../img/fbk.jpg");
}
/*关于我们-集团荣誉*/
.au-ho01{
  padding-top: .89rem;
}
.au-ho01 .title{
  margin-top: 0;
}
.au-ho02 {
  padding:.5rem 0;
  position: relative;
  height: 80vh;
  width: 90vw;
  margin-left: 5vw;
  overflow: hidden;
}
.au-ho02 .carousel{
  position: relative;
}
.au-ho02 .carousel ul{
  position: relative;
}
.au-ho02 .carousel ul:after{
  content: '';
  display: block;
  clear: both;
}
.au-ho02 ul li{
  display: inline-block;
  height: 1rem;
  line-height: 1rem;
  padding: 0 .3rem;
  margin: .2rem;
  background: linear-gradient(90deg, #FFFFFF 0%, #E7F0FD 100%);
  box-shadow: 28px 28px 70px 0px rgba(21,46,117,0.2);
  border-radius: 20px;
  float:left;
  font-size: .24rem;
  cursor: pointer;
}
.au-ho02 ul li:hover{
  color: var(--main-color);
}
.au-ho02 ul li .dd{
  float:right;
  margin-left: .5rem;
}
.au-ho04{
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: start;
  background: #0007;
  z-index: 999999;
}
.au-ho04 .card img{
  margin-top: 1rem;
  max-height: 7rem;
}

/*主营业务-概览页*/
.mj-ov01{
  height: 8rem;
  color: white;
}
.mj-ov02 .item{
  height: 5.4rem;
  display: grid;
  padding: 0 2rem;
  grid-template-columns: 5.7rem auto;
  grid-template-rows: 25% 45% 30%;
  grid-column-gap: 1rem;
  justify-items: start;
  align-items: center;
}
.mj-ov02 .pic{
  grid-column-start: 1;
  grid-row-start: 1;
  grid-row-end: 4;
  height: 4rem;
}
.mj-ov02 .pic img{
  height: 100%;
}
.mj-ov02 .title{
  grid-column-start: 2;
  grid-row-start: 1;
  font-weight: bold;
  font-size: .48rem;
  transition: color 0.3s;
}
.mj-ov02 p{
  grid-column-start: 2;
  grid-row-start: 2;
  align-self: start;
  font-size: .24rem;
  line-height: 2;
  margin-top: .2rem;
  max-height: 2.5rem;
  overflow: hidden;
  text-align: justify;
}
.mj-ov02 .detail{
  display: inline-block;
  grid-column-start: 2;
  grid-row-start: 3;
  align-self: start;
}
.mj-ov02 .title:hover{
  color:var(--main-color);
}

/*主营业务详情页*/
.mj-dt04, .mj-mc04{
  font-size: .24rem;
  line-height: 1;
  text-align: center;
}
.mj-dt04 ul,.mj-mc04 ul{
  margin: 0 auto;
}
.mj-dt04 ul li,.mj-mc04 ul li{
  display: inline-block;
  border-right: 1px solid gray;
  padding: 0 .5rem;
  margin: .5rem 0;
}
.mj-dt04 ul li:last-child,.mj-mc04 ul li:last-child{
  border-right: none;
}
.mj-dt04 ul li.active,.mj-mc04 ul li.active{
  color: var(--main-color);
}
.mj-dt04 ul li:hover,.mj-mc04 ul li:hover{
  color: var(--main-color);
  cursor: pointer;
}
.mj-dt02,.mj-pw02,.mj-ac02, .mj-lg02, .mj-mi02, .mj-mc02{
  margin-bottom: var(--header-height);
  overflow: hidden;
  position: relative;
}
.mj-dt02 .swiper-slide,.mj-pw02 .swiper-slide,.mj-ac02 .swiper-slide, .mj-lg02 .swiper-slide, .mj-mi02 .swiper-slide, .mj-mc02 .swiper-slide{
  text-align: center;
}
.mj .swiper{
  max-width:12.3rem;
}
.mj-dt02.active, .mj-dt03.active,
.mj-mc02.active, .mj-mc03.active{
  display: block!important;
}
.mj .swiper-slide img{
  width: 3.8rem;
  height:2.535rem;
  margin: 0 auto;
}
.mj .swiper-slide{
  max-width: 4.1rem;
}
.mj .swiper-slide a{
  display: inline-block;
  overflow: hidden;
}
.mj .swiper-slide a:hover{
  color: var(--main-color);
}
.mj .swiper-slide a img{
  transition: all .5s;
}
.mj .swiper-slide a:hover img{
  transform: scale(1.1);
}
.mj .swiper-slide a p{
  margin-top: .1rem;
}
.mj-dt02 p,
.mj-pw02 p,
.mj-ac02 p,
.mj-lg02 p,
.mj-mi02 p,
.mj-mc02 p{
  text-align: center;
  font-size: .28rem;
}
.mj-dt03,
.mj-pw03,
.mj-ac03,
.mj-lg03,
.mj-mi03,
.mj-mc03{
  width: 50%;
  margin:0 auto;
  margin-bottom: .7rem;
}
/*主营业务-工程机械*/
.mj .link img{
  width: 100%;
  cursor: pointer;
  vertical-align: middle;
}
/*主营业务-二级栏目*/
.mj{
  position: relative;
  padding-top: var(--header-height);
}
.mj .swiper-button-prev, .mj .swiper-button-next{
  opacity: 0;
}
.mj .cc{
  position: absolute;
  left: 8%;
  top: calc(50% - 1.3rem);
  width: 5rem;
  height: 3.5rem;
  background: linear-gradient(-45deg, rgba(255, 255, 255, .3) 0%, rgba(10, 34, 59, .3) 100%);
  border: 1px solid #fff9;
  /*backdrop-filter: blur(3px);*/
  padding-right: .5rem;
  border-radius: 3px;
}
.mj .cc .t{
  color:#fff;
  font-size: .48rem;
  margin-top: .4rem;
  padding-left: .5rem;
  margin-left: -2px;
  border-left: 5px solid #fff;
}
.mj .cc .c{
  color: #fff;
  font-size: .24rem;
  line-height: 1.5;
  margin: .3rem 0 0 .5rem;
}
.mj.mj-lg01 .cc .t{
  color:#000;
}
.mj.mj-lg01 .cc .c{
  color: #000;
}
/*新闻中心-概览页*/
.nr-ov01{
  height: 8rem;
  color: white;
}
.nr-ov02 .c, .nr-ov02 .cover{
  display: inline-block;
}
.nr-ov02 .c{
  width: 8.1rem;
  height: 8.1rem;
  overflow: hidden;
  padding:0 .8rem 1.6rem 1.8rem;
  position: relative;
}
.nr-ov02 .c .detail-box{
  bottom: 1.6rem;
}
.nr-ov02 .mc .c{
  width: 7.6rem;
  height: 8.1rem;
  padding-left: .8rem;
  padding-bottom: 1.6rem;
}
.nr-ov02 .mc .cover{
  margin-left: 1.5rem;
}
.nr-ov02 .cover{
  width: 9.75rem;
  height: 6.5rem;
  vertical-align: top;
  overflow: hidden;
}
:is(.nr-hl02,.nr-mc02, .nl) :is(.cover, .pic){
  overflow: hidden;
}
.nr-ov02 .hl:has(h1:hover) .cover img,
.nr-ov02 .mc:has(h1:hover) .cover img,
.nr-hl02 .top:has(h1:hover) .cover img,
.nr-mc02:has(h1:hover) .cover img,
.nl .item:has(h1:hover) .pic img{
  transform: scale(1.1);
}
:is(.nr-ov02,.nr-hl02,.nr-mc02) .cover :is(img , video),
.nl .pic :is(img , video){
  transition: 1s;
  height: 100%;
}
:is(.nr-ov02,.nr-hl02,.nr-mc02) .nl .pic :is(img , video){
  width:100%;
}
:is(.nr-ov02,.nr-hl02,.nr-mc02,.nl) img:hover{
  transform: scale(1.1);
}
.imgTop{
  width: .25rem;
  height: .25rem;
  vertical-align: middle;
  margin-left: .1rem;
}
.imgTop:hover{
  transform: initial!important;
}
.nr-ov02 .cover video, .nr-hl02 .cover video{
  object-fit: fill;
}
.nr-ov02 .special{
  width: 80%;
  margin-left: 10%;
  font-size: .2rem;
  color: var(--main-color);
  overflow: hidden;
}
.nr-ov02 .special ul{
  background-color: #EFF3FD;
  border: 2px solid #B2C8F6;
  border-radius: .2rem;
  padding: .1rem 0;
}
.nr-ov02 .special li{
  display: inline-block;
  margin-left: .3rem;
}
.nr-ov02 .special li:last-child{
  margin-right: .3rem;
}
.nr-sl03{
  margin-top: 1.2rem;
  width: 80%;
  margin-left: 10%;
  font-size: .2rem;
  text-align: right;
  color: var(--main-color);
}
.nr-ov02 .hl{
  margin-top:1rem;
}
:is(.nr-ov02,.nr-hl02) p{
  color:#556481;
  font-size: .24rem;
  line-height: .36rem;
  text-align: justify;
}
:is(.nr-ov02,.nr-hl02) .cover:has(p){
  display: inline-table;
  padding: 0 .5rem;
}
:is(.nr-ov02,.nr-hl02) .cover p{
  display: table-cell;
  vertical-align: middle;
  line-height: 2;
}
:is(.nr-ov02,.nr-hl02) .cover:has(p):hover{
  background: linear-gradient(0deg, #FEF3F4 0%, #FFFFFF 100%);
}
.nr-ov02 .t{
  line-height: .64rem;
  overflow: hidden;
}
.nr-ov02 h1{
  font-size: .35rem;
  color:var(--secondary-color);
}
.nr-ov02 .hl .title, .nr-ov02 .mc .title{
  float: left;
  margin-top: 0;
}
.nr-ov02 .hl h1:hover,
.nr-ov02 .mc h1:hover,
.nr-hl02 .c h1:hover{
  color: var(--main-color);
}
.nr-ov02 .more{
  position: absolute;
  right: 0;
  top: .11rem;
}
.nr-ov02 .mc .more{
  right: .8rem;
}
.nr-ov02 .date{
  color: #767676;
  font-size: .28rem;
  margin: 1.5rem 0 .6rem 0;
}
.nr-ov02 .hl .date{
  margin-top: .86rem;
}
.nr-ov02 .summary{
  margin-top:.6rem;
}
.arrow{
  width: .4rem;
  height: .24rem;
  content: url(../img/icon-right-more.png);
  position: absolute;
  bottom: .1rem;
  margin-left: .1rem;
}
.detail-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: .6rem;
  font-size: .18rem;
  color: #54657f;
  border: 1px gray solid;
  border-radius: 3px;
  letter-spacing: 2px;
  position: absolute;
  bottom: .1rem;
  margin-left: .1rem;
  transition: all .5s;
}
.detail-box:hover {
  background-color: rgba(36, 92, 211, 0.85);
  color: #fff;
  border-color: transparent;
  /*background-image: linear-gradient(90deg, #00C0FF 0%, #FFCF00 49%, #FC4F4F 80%, #00C0FF 100%);*/
  /*animation: slidebg 2s linear infinite;*/
}
.nr-ov02 .cr{
  margin: 0 1.6rem 1.38rem 1.6rem;
  position: relative;
}
.nr-ov02 .cr .title{
  margin-top: 0;
}
.nr-ov02 .cr .date{
  margin: .8rem 0 .4rem 0;
}
.nr-ov02 .cr .img-cover{
  width: 5rem;
  height: 3.4rem;
  object-fit: cover;
}
.nr-ov02 .cr h1{
  font-size: .32rem;
}
/*新闻中心-集团要闻*/
.nr-hl01{
  /* padding-top: var(--header-height);*/
  height: calc(6.76rem + var(--header-height));
  color: white;
}
.nr-hl02{
  margin: 0 1.3rem .8rem 1.3rem;
  position: relative;
}
.nr-hl02 .top{
  padding-bottom: .8rem;
  position: relative;
}
.nr-hl02 .item {
  padding: .36rem 0;
  position: relative;
}
.nr-hl02 .top::after, .nr-hl02 .item::after{
  content: '';
  height: 0;
  border-bottom: 1px solid #D3E0F5;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.nr-hl02 .c{
  display: inline-block;
  width: 6.2rem;
  height: 6.5rem;
  overflow: hidden;
  margin: 0 .8rem 0 0;
}
.nr-hl02 .cover{
  display: inline-block;
  width: 9.75rem;
  height: 6.5rem;
  position: absolute;
  right: 0;
  overflow: hidden;
}
.nr-hl02 .date{
  color: #767676;
  font-size: .24rem;
}
.nr-hl02 .c .year{
  display: inline-block;
  border-bottom: 2px solid #97B6F6;
  font-size: .72rem;
}
.nr-hl02 .c .day{
  font-size: .6rem;
}
.nr-hl02 .c h1{
  margin: .8rem 0 .6rem 0;
  font-size: .35rem;
}
.nr-hl02 .summary{
  color:#556481;
  font-size: .24rem;
  line-height: .36rem;
  text-indent: 2em;
}
.nr-hl02 .c .detail-box{
  bottom: .8rem;
}
.nr-hl02 .item .pic{
  width: 2.52rem;
  height: 1.68rem;
  margin-right: .4rem;
  display: inline-block;
}
.nr-hl02 .item .cx{
  display: inline-block;
  height: 1.68rem;
  width: calc(100% - 3.1rem);
  vertical-align: top;
}
.nr-hl02 .item .cx.h{
  width: 100%!important;
}
.nr-hl02 .item .t{
  margin: .12rem 0;
  position: relative;
}
.nr-hl02 .item .t h1{
  font-size: .35rem;
}
.nr-hl02 .item .t:hover{
  color: var(--main-color);
}
/*新闻中心-社会责任*/
.nr-cr01{
  padding-top: var(--header-height);
  height: calc(6.76rem + var(--header-height));
  color:#fff;
}
.nr-cr01 .ts{
  text-shadow: 0px 0px 9px #41220E;
}
.nr-cr02 {
  padding:.5rem 2.5rem;
  position: relative;
}
.nr-cr.title{
  margin-bottom: .45rem;
}
.nr-cr.title span{
  font-size: .45rem;
}
.nr-cr02 .item{
  display: grid;
  align-content: center;
  grid-template-columns: repeat(3, 33.33%);
  grid-template-rows: repeat(2, 4.6rem);
  align-items: center;
}
.nr-cr02 .item > div{
  text-align: center;
}
.nr-cr02 p{
  color: var(--secondary-color);
  font-size: .24rem;
  margin-top: .1rem;
  margin-bottom: .2rem;
}
.nr-cr02 .date{
  text-align: left;
  font-size: .24rem;
  color: #767676;
  margin-bottom: .4rem;
  margin-left: .34rem;
}
.nr-cr02 .img-cover{
  width: 4rem;
  height: 2.7rem;
  display: inline-block;
}
.nr-cr{
  position: relative;
}
.news .more{
  position: absolute;
  top:.11rem;
  right: 2.1rem;
}
a[data-pdf]{
  cursor: pointer;
}
a[data-pdf]:hover{
  text-decoration: underline;
  color: #4478c8;
}
.nr-cr .more{
  position: absolute;
  top:.15rem;
  right: 2.8rem;
}
.nr-ai{
  margin:0 2.6rem 1.2rem 2.6rem;
}
.nr-ai .t, .ju-ov02 h3, .ju-ra02 h3, .ju-sr02 .cc .items h3{
  font-size: .28rem;
  color: var(--secondary-color);
  display: inline-block;
  margin-left: .2rem;
  font-weight: normal;
}
.nr-ai .d, .ju-ra02 .d, .ju-sr02 .d, .ju-sr02 .wa{
  font-size: .24rem;
  color: #70747B;
  float:right;
  margin-right: .24rem;
}
.nr-ai .item, .ju-ov02 .item, .ju-ra02 .item, .ju-sr02 .item{
  height: .92rem;
  line-height: .92rem;
  border-bottom: 1px solid #D3E0F5;
  cursor: pointer;
  transition: all .5s;
}
.nr-ai .item:hover, .ju-ov02 .item:hover, .ju-ra02 .item:hover, .ju-sr02 .item:hover{
  background-color: #245CD314;
}
/*新闻中心-信息公开*/
.nrai{
  position: relative;
  height: 10.59rem;
  overflow: hidden;
}
.nr-ai01.title{
  margin: 1rem 0 .3rem 0;
  font-size: .45rem;
}
.nrai .bk{
  width: 100%;
  height: 100%;
  position:absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.nr-ai02 .nv, .ju-sr02 .nv{
  display: inline-block;
  width: 5rem;
  text-align: center;
  vertical-align: top;
  font-size: .32rem;
  font-weight: bold;
}
.nr-ai02 .nv li{
  margin-bottom: .5rem;
  color: #fff;
}
.nr-ai02 .nv li span{
  cursor: pointer;
}
.nr-ai02 .nv li.active, .ju-sr02 .nv li.active{
  color: var(--main-color);
}
.nr-ai02 .nv li img{
  margin-right: .15rem;
}
.nr-ai02 .nv li:first-child img{
  content: url("../img/icon-finace.png");
}
.nr-ai02 .nv li.active:first-child img{
  content: url("../img/icon-finace-light.png");
}
.nr-ai02 .nv li:last-child img{
  content: url("../img/icon-other.png");
}
.nr-ai02 .nv li.active:last-child img{
  content: url("../img/icon-other-light.png");
}
.nr-ai02 .cc, .ju-sr02 .cc{
  display: inline-block;
  margin-left: 0;
  width: 12rem;
}
.nr-ai02 .nr-ai{
  margin: 0;
}
/*新闻中心-新闻详情*/
.nr-dt01, .ju-ra-dt, .ju-sr-dt, .pt-dt02{
  padding: 1rem 20%;
  min-height: 60vh;
}
.nr-dt01 .t, .ju-ra-dt .t, .ju-sr-dt .t, .pt-dt02 .t{
  font-size: .32rem;
  margin: .3rem 0;
  text-align: center;
}
.nr-dt01 .d, .ju-ra-dt .d, .ju-sr-dt .d, .pt-dt02 .d{
  font-size: 16px;
  color: #767676;
  margin-bottom: .3rem;
  text-align: right;
  border-bottom: 1px solid #767676;
  padding-bottom: 5px;
}
.nr-dt01 .c img,
.nr-dt01 .c video,
.pt-dt02 .c img,
.pt-dt02 .c video{
  display: block!important;
  margin:0 auto!important;
  width: 70%;
  height:initial!important;
  padding:0!important;
  border:none!important;
}

/*img-cover*/
.img-cover{
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.img-cover .desc{
  transition: all 0.5s;
  background-color: #110F31;
  position:absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: .24rem;
  line-height: .4rem;
  color: #fff;
  opacity: 0;
  padding: .2rem;
  display: table;
}
.img-cover .desc span{
  display: table-cell;
  vertical-align: middle;
}
.img-cover:hover .desc{
  opacity: .7;
}
.img-cover img{
  width: 100%;
  height: 100%;
  transition: all 1s;
}
.img-cover:hover img{
  transform: scale(1.1);
}

/*党建园地-概览页*/
.pt-ov01{
  height: 8rem;
}
.pt-ov01 .ts, .pt-ov01 .sts{
  text-shadow: 0px 0px 11px #9F2A1B;
}
.pt-ov02, .pt-ov03, .pt-ov04, .pt-ov06, .pt-ov10{
  padding: 0 2.5rem;
  position: relative;
}
.pt-ov10 p{
  text-align: center;
}
.pt-ov02 .item .t, .pt-ov06 .item .t{
  font-size: .24rem;
  color: var(--secondary-color);
  margin-top:.15rem;
  text-align: center;
  width: 4.1rem;
}
.pt-ov02 .item .txt,.pt-ov06 .item .txt{
  display: flex;
  place-items: center;
  font-size: 16px;
  line-height: 32px;
}
.pt-ov02 .poster,
.pt-ov03 .poster,
.pt-ov04 .poster,
.pt-cs02 .poster,
.pt-ov06 .poster,
.pt-ov10 .poster{
  overflow: hidden;
  height: 2.9rem;
  width: 4.1rem;
}
.pt-ov02 .poster img,.pt-ov03 .poster img,.pt-ov04 .poster img,.pt-cs02 .poster img,.pt-ov06 .poster img,.pt-ov10 .poster img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 1s;
  vertical-align: middle;
}
.pt-ov02 .poster img:hover, .pt-ov03 .poster img:hover, .pt-ov04 .poster img:hover, .pt-cs02 .poster img:hover, .pt-ov06 .poster img:hover, .pt-ov10 .poster img:hover{
  transform: scale(1.1);
}
.pt-ov02 .swiper-button-prev, .pt-ov02 .swiper-button-next,
.pt-ov06 .swiper-button-prev, .pt-ov06 .swiper-button-next{
  top: 1.825rem;
}
.pt-ov03, .pt-ov10{
  padding: 0 1.5rem;
}
.pt-ov03 .cc,.pt-ov10 .cc{
  margin-bottom: .5rem;
  position: relative;
}
.pt-ov03 .cc .more,.pt-ov10 .cc .more{
  position: absolute;
  top: .11rem;
  right: .6rem;
}
.pt-ov03 .items,.pt-ov10 .items{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: repeat(2, auto);
  place-items: center;
}
.pt-ov03 .items .item,.pt-cs10 .items .item{
  width: 4.5rem;
  height: 3.6rem;
  padding: .2rem;
  text-align: center;
}
.pt-ov03 .items .item, .pt-cs02 .items .item {
  height: 4.2rem;
}
.pt-ov03 .items .item.txt:hover,.pt-cs02 .items .item.txt:hover,.pt-ov10 .items .item.txt:hover{
  background: linear-gradient(0deg, #FEF3F4 0%, #FFFFFF 100%);
}
.pt-ov03 .items .item.txt:hover .t,.pt-cs02 .items .item.txt:hover .t,.pt-ov10 .items .item.txt:hover .t{
  color: #D22229;
}
.pt-ov03 .items .item.txt a,.pt-cs02 .items .item.txt a,.pt-ov10 .items .item.txt a{
  display: inline-block;
  overflow: hidden;
}
.pt-ov03 .items .item .s,.pt-cs02 .items .item .s, .pt-ov10 .items .item .s{
  font-size: .2rem;
  line-height: 2;
  overflow: hidden;
  height: 2.9rem;
  display: grid;
  align-items: center;
}
.pt-cs02 .items .item .s{
  width: 4.1rem;
  padding: 0 .1rem;
}
.pt-ov10 .items .item .t{
  font-size: .24rem;
  line-height: 2;
  color: var(--secondary-color);
}
.pt-ov03 .items .item .t, .pt-cs02 .items .item .t {
  font-size: .22rem;
  line-height: 1.5;
  color: var(--secondary-color);
}
.pt-cs02 .items .item .t {
  width: 4.1rem;
  text-align: center;
}
.pt-ov03 .title, .pt-ov.title,.pt-ov10 .title{
  margin-bottom: .8rem;
}
.pt-ov04 .poster{
  width: 3.5rem;
  height: 4.95rem;
  margin: auto;
}
.pt-ov04 .item img,.pt-ov02 .item img,.pt-ov06 .item img{
  width: 100%;
  height: 100%;
}
.pt-ov04 .item .t{
  font-size: .24rem;
  color: var(--secondary-color);
  line-height: .6rem;
  text-align: center;
}
.pt-ov04 .swiper-button-prev, .pt-ov04 .swiper-button-next{
  top: 2.475rem;
}
.pt-ov02 .poster.pt-ov06 .poster{
  width: 4.47rem;
  height: 3.65rem;
}
.pt-ov05{
  padding: 0 2rem;
  margin-bottom: 1.4rem;
}
.pt-ov05 .items{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.pt-ov05 .items .item img{
  height: 2rem;
  margin: .1rem .6rem;
}
/*党建园地-党建动态*/
.pt-cs01{
  padding-top: var(--header-height);
  height: calc(6.76rem + var(--header-height));
}
.pt-cs02{
  padding: 1.2rem 2rem;
}
.pt-cs02 .items{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: repeat(3, auto);
  place-items: center;
}
.pt-cs02 .items .item img{
  width: 100%;
}
/*加入我们-概览页*/
.ju-ov01{
  height: 8rem;
}
.ju-ov01 .intro p{
  font-size: 1.2rem;
  font-weight: bold;
  text-shadow: 0px 0px 11px rgba(4,37,111,0.2);
}
.ju-ov{
  vertical-align: middle;
}
.ju-ov .cc{
  height: 9rem;
  position: relative;
}
.ju-ov .cc .bk{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.ju-ov .cc .fg{
  width: 9rem;
  height: 6rem;
}
.ju-ov .cc .t{
  display: inline-block;
  margin-top: 1.8rem;
  width: 6.6rem;
}
.ju-ov .cc .title{
  display: inline-block;
  margin-top: 0;
}
.ju-ov02 .cc .t .more{
  float:right;
  margin-top: .2rem;
}
.ju-ov02 .cc .fg, .ju-ov04 .cc .fg{
  float:left;
  margin:1.36rem 1.18rem 0 1.2rem;
}
.ju-ov03 .cc .fg{
  float:right;
  margin:1.36rem 1.2rem 1.68rem 1rem;
}
.ju-ov03 .cc .t, .ju-ov04 .cc .t{
  text-align: center;
  margin-top: 1rem;
  line-height: 2.4rem;
}
.ju-ov03 .cc .t .c, .ju-ov04 .cc .t .c{
  font-size: .48rem;
  line-height: .72rem;
  color: #5C667D;
}
.ju-ov04 .cc .t{
  margin-left: 0;
}
.ju-ov02 .items, .ju-ra02 .items{
  margin-top:.5rem;
}
.ju-ra02{
  margin: 0 3rem;
}
.ju-ra02 .pager{
  padding: 0 .26rem;
}
.ju-ra03,.ju-sr03,.ju-cr03,.pt-dt01{
  display: none;
  place-items: center;
  position: relative;
}
.ju-ra03 img,.ju-sr03 img,.ju-cr03 img,.pt-dt01 img{
  width: 100%;
}
.ju-ra03 .intro,.ju-sr03 .intro,.ju-cr03 .intro,.pt-dt01 .intro{
  position: absolute;
  font-size: .8rem;
  font-weight: bold;
  color: #fff;
}
.jr .ju-ra03,.jr .ju-sr03,.jr .ju-cr03,.jr .pt-dt01{
  display: grid;
}
.ju-ra, .ju-sr, .ju-cr{
  position: relative;
  min-height: 70vh;
  padding-bottom: .5rem;
  padding-top: var(--header-height);
}
.ju-ra .title,.ju-sr .title,.ju-cr .title{
  margin-top: 0;
}
.ju-ra .bk, .ju-sr .bk, .ju-cr .bk{
  width: 100%;
  height: 100%;
}
.ju-sr02{
  margin-top: .5rem;
}
.ju-sr02 .nv li img{
  margin-right: .15rem;
  content: url("../img/icon-job.png");
}
.ju-sr02 .nv li.active img{
  content: url("../img/icon-job-active.png");
}
.ju-sr02 .nv li{
  line-height: .65rem;
}
.ju-sr02 .nv li span{
  cursor: pointer;
}
.ju-sr02 .cc .item li{
  display: inline-block;
  font-size: .24rem;
  padding: 0 .15rem;
  border-right: 1px solid #D3E0F5;
  line-height: 1;
  color: #556481;
}
.ju-sr02 .cc .item li:last-child{
  border-right:none;
}
.ju-sr02 .cc .item .wa{
  float:right;
}
.ju-sr02 .cc .item .wa img{
  content: url("../img/icon-map.png");
  width: .14rem;
  height: .18rem;
  margin-right: .1rem;
}
.ju-sr02 .cc .item{
  line-height: .55rem;
  height: 1.3rem;
  padding-right: .1rem;
  padding-top: .06rem;
}
.ju-sr02 .cc .t .d{
  float: right;
}
.ju-cr02{
  width: 14rem;
  margin: 0 auto;
  margin-top:.5rem;
}
.ju-cr02 .item .c1 img{
  float: left;
  width: 1.5rem;
  height: .5rem;
  margin-right: .2rem;
}
.ju-cr02 .item .c1 .detail{
  float: right;
  margin-top: 0;
}
.ju-cr02 .item .c1 h3{
  color: var(--secondary-color);
  font-size: .32rem;
}
.ju-cr02 .item{
  display: grid;
  height: 1.3rem;
  align-content: center;
  grid-template-columns: 37% 30% 33%;
  grid-template-rows: 1fr 1fr;
  font-size: .24rem;
  color: #767676;
  border-bottom: 1px solid #D3E0F5;
  padding: .2rem;
  transition: all .5s;
}
.ju-cr02 .pager{
  padding: 0 .2rem;
}
.ju-cr02 .item:hover{
  background-color: #245CD314;
}
.ju-cr02 .item .c1{
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 1;
  margin-top: .1rem;
}
.ju-cr02 .item .c2,.ju-cr02 .item .c3, .ju-cr02 .item .c4{
  margin-left: .1rem;
  line-height: 2.5;
}
.ju-cr02 .nv{
  display: none;
}
.btns{
  height: 120px;
  margin: 0 20%;
  line-height: 120px;
  border-top: 1px solid #767676;
}
.btns .btn{
  display: inline-block;
  width: 150px;
  height: 50px;
  line-height: 50px;
  background-color: var(--main-color);
  color: #fff;
  text-align: center;
  border-radius: 30px;
  cursor: pointer;
}
.btns .btn:hover{
  background-color: #245CD3E7;
}

/*站内搜索*/
.kws02{
  padding-top: 2rem;
  margin: 0 3rem 2rem 3rem;
  min-height: 60vh;
}
.kws02 .searchArea{
  height: 80px;
  line-height: 80px;
  position: relative;
}
.kws02 .searchArea img{
  width: 40px;
  height: 40px;
  content: url(../img/icon-search-l.png);
  vertical-align: middle;
  position: absolute;
  top: 20px;
  left: 30px;
  z-index: 1;
}
.kws02 .searchArea input{
  width:80%;
  height: 80px;
  line-height: 80px;
  border: 2px solid #4478c8;
  border-right: 0px;
  border-radius: 10px 0px 0px 10px;
  padding: 0 0 0 20px;
  text-indent: 60px;
  box-sizing: border-box;
  font-size: 20px;
  position: absolute;
  left: 0px;
}
.kws02 .searchArea button{
  border: none;
  border-radius: 0px 10px 10px 0px;
  width: 20%;
  height: 80px;
  font-size: 20px;
  font-weight: bold;
  line-height: 80px;
  background-color: #4478c8;
  color: #fff;
  cursor: pointer;
  position: absolute;
  left: 80%;
}
.kws02 .resultArea .content_form .area {
  padding: 40px 0;
}
.kws02 .resultArea .info .tt{
  font-size: 30px;
  color: #181818;
  margin-top: 72px;
  margin-bottom: 25px;
}
.kws02 .resultArea .info .tt span{
  color: red;
}
.kws02 .resultArea .info .ph{
  display: none;
}
.kws02 .resultArea .info .ph li{
  font-size: 20px;
  margin: 20px 0;
  text-align: left;
  padding-left: 20px;
  position: relative;
  color: #555;
}
.kws02 .resultArea .info .ph li::before{
  content: '';
  width: 7px;
  height: 7px;
  background-color: #555;
  position: absolute;
  top: 11px;
  left: 0;
  border-radius: 7px;
}
.kws02 .resultArea .content_form .content_area li {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #D3E0F5;
}
.kws02 .resultArea .content_form .content_area li a:hover{
  text-decoration: underline;
  color: #4478c8;
}
.kws02 .resultArea .content_form h3{
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 30px;
}
.kws02 .resultArea .content_form .content_area li .t{
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  margin-bottom: 10px;
}
.kws02 .el {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.kws02 .resultArea .botBtn {
  text-align: center;
  margin-top: 50px;
}
.kws02 .resultArea .botBtn a {
  display: inline-block;
  padding: 0 85px;
  font-size: 16px;
  height: 56px;
  line-height: 56px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background:transparent;
  -webkit-transition:color 0.4s;
  transition:color 0.4s;
  color:#333f47;
  border:1px solid #333f47;
}
.kws02 .resultArea .botBtn a::before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#4478c8;
  z-index:-1;
  opacity:0;
  -webkit-transform:scale3d(0.7, 1, 1);
  transform:scale3d(0.7, 1, 1);
  -webkit-transition:-webkit-transform 0.4s, opacity 0.4s;
  transition:transform 0.4s, opacity 0.4s;
  -webkit-transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);
}
.kws02 .resultArea .botBtn a:hover{
  background:none;
  color:#fff;
  border-color:#333f47;
}
.kws02 .resultArea .botBtn a:hover::before {
  opacity:1;
  -webkit-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0);
}

/*直播链接*/
.live-mask{
  position: fixed;
  width: 5rem;
  top:calc(var(--header-height) + .5rem);
  right:.5rem;
  border-radius: .15rem;
  background-color: #EFF3FD;
  z-index: 999;
  transition: all 0s;
}
.live{
  position: fixed;
  width: 5rem;
  top:calc(var(--header-height) + .5rem);
  right:.5rem;
  font-size: .18rem;
  color: var(--main-color);
  border-radius: .15rem;
  background-color: #EFF3FD;
  z-index: 999;
  box-shadow: 0 0 15px rgba(0,0,0,.2);
  padding-bottom: .1rem;
}
.narrow {
  top:.3rem!important;
  right: 2.6rem!important;
  width:0;
  height: 0!important;
  opacity: 0;
}
.live .tt{
  font-size: .18rem;
  color: #000;
  background-color: #ddd;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.live .close{
  cursor: pointer;
  float: right;
  content: url(../img/close.png);
  width: 20px;
  height: 20px;
  margin-right: 10px;
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
}
.live .close:hover {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.live .tp .poster img{
  width: 100%;
  max-height: 7rem;
  border-radius: .15rem .15rem 0 0;
}
.live .tp .tc{
  position: absolute;
  top: 8px;
  width: 100%;
  text-align: center;
  color: #fff;
}
.live .tts, .live .desc{
  margin:.1rem .2rem;
}
.live .tts{
  font-size: .2rem;
}
.live .desc{
  overflow-wrap: break-word;
  color: #222;
}
.live .link{
  text-align: center;
  margin: .1rem auto;
}
.live .link a{
  background-color: var(--main-color);
  color: #fff;
  font-size: .14rem;
  padding: .08rem .24rem;
  display: inline-block;
  min-width: 1rem;
}
.live .link a:hover{
  background-color: #245CD3E0;
}
.live .link a.l{
  border-radius: .1rem 0 0 .1rem;
  border-right: 1px solid #CCC;
}
.live .link a.r{
  border-radius: 0 .1rem .1rem 0;
}
.live .link a.x{
  border-radius: .15rem;
  width: 1.6rem;
}
.live .link a.m{
  border-right: 1px solid #CCC;
}
.live-icon{
  visibility: hidden;
}
.live-icon img{
  content: url("/resources/web/img/live.png");
  width: 28px;
  height: 28px;
  margin-top: 3px;
  cursor: pointer;
}
.hide{
  display: none;
}


@media screen and (max-device-width: 1000px) and (max-width: 1368px){
  html {
    font-size: 6vw;
  }
  header nav > ul > li {
    padding: 0 15px;
  }
  header .header-right .lang img {
    margin: 0.05rem 10px 0 20px;
  }
  .banner,.banner .swiper,.major,.logos {
    height: 8rem;
  }
  .news{
    height: 9rem;
  }
  .news p{
    width:initial;
  }
  img.swiper-button-prev,img.swiper-button-next{
    display: none;
  }
  .major .swiper-slide, .au-su02 .swiper-slide{
    color: #556481;
    line-height: 20px;
    font-weight: bold;
  }
  .major .swiper-slide-active, .au-su02 .swiper-slide-active{
    font-size: 20px;
    color: var(--main-color);
    font-weight: bold;
  }
  .news .more {
    right: .8rem;
  }
  .major .item .intro {
    margin-top: 2.6rem;
  }
  .nr-ov02 .cover {
    width: 8rem;
    height: 7rem;
  }
  .nr-ov02 .mc .c {
    width: 7rem;
    padding-left: 0.4rem;
  }
  .ju-ov .cc .fg {
    width: 7.5rem;
  }
  .ju-ov .cc .t {
    width: 6rem;
  }
  .pt-ov02, .pt-ov03, .pt-ov04,.pt-ov05,.pt-ov06,.pt-ov10 {
    padding: 0 1.2rem;
  }
  .pt-ov03 .cc .more,  .pt-ov10 .cc .more {
    top: 0.12rem;
    right: 0.3rem;
  }
  .au-mi02 .ci {
    width: 10rem;
  }
  .au-mi02 .items .item .m {
    margin: 0 0.2rem;
  }
  .mj-dt03, .mj-pw03, .mj-ac03, .mj-lg03, .mj-mi03, .mj-mc03 {
    width: 70%;
  }
  .nr-hl02 .c {
    width: 5.5rem;
  }
  .nr-hl02 .cover {
    width: 8rem;
    height: 7rem;
  }
  .nr-cr02 {
    padding: 0.3rem 1rem;
  }
  .nr-ai {
    margin: 0 2rem 1.2rem 2rem;
  }
  .nr-cr .more {
    right: 2.2rem;
  }
  .nr-ai02 .cc, .ju-sr02 .cc {
    width: 10rem;
  }
  .pt-cs02 {
    padding: 1rem;
  }
  .ju-ra02 {
    margin: 0 2rem;
  }
  .au-pr02,.au-cm {
    padding: 1rem 15%;
  }
  .au-cu {
    height: initial;
    padding-bottom: 1rem;
  }
  .au-cu02, .au-cu03, .au-cu04 {
    position: static;
    padding: 1rem 1rem 0 1rem;
    width: 100%;
    -webkit-perspective: none;
    perspective: none;
    -webkit-transform-style: initial;
    transform-style: initial;
  }
  .au-cu .left, .au-cu .right {
    backface-visibility: initial;
    transition:none;
    will-change: initial;
  }
  .au-cu03 .left, .au-cu04 .left,.au-cu03 .right, .au-cu04 .right {
    transform: none;
  }
  .ju-ra, .ju-sr, .ju-cr {
    min-height: 80vh;
  }
  .bx p,.mj .cc .c {
    font-size: .28rem;
  }
  .bx p {
    margin:0 .5rem;
  }
  .logos .left{
    padding: .7rem .5rem 0 1rem;
  }
  .logos .right{
    padding: .7rem 1rem 0 .5rem;
  }
}

@media screen and (max-device-width: 1000px) and (max-width: 1024px){
  header .header-right div.mobile-key {
    display: block;
    margin-right: 20px;
  }
  header nav,.more{
    display: none;
  }
  .au-cu li .c p, .au-cu li .c p span {
    font-size: .24rem!important;
  }
  .au-cu .left, .au-cu .right,.au-cu ul {
    height: 11rem;
  }
}

@media screen and (max-device-width: 1000px) and (max-width: 810px){
  html {
    font-size: 8vw;
  }
  .news .items {
    width: 12.1rem;
  }
  .news .item .poster {
    width: 4rem;
    height: 3rem;
  }
  .au-su02 .sub ul {
    padding-left: .5rem;
  }
  .nr-ai02 .nv, .ju-sr02 .nv {
    width: 4rem;
  }
  .nr-ai02 .cc, .ju-sr02 .cc {
    width: 7.5rem;
  }
  .ju-cr02 {
    width: 12rem;
  }
  .ju-cr02 .item{
    height: 2rem;
  }
  .pt-ov02, .pt-ov03, .pt-ov04, .pt-ov05,  .pt-ov10 {
    padding: 0 .6rem;
  }
  .pt-ov02 .poster {
    width: 3.4rem;
    height: 3rem;
  }
  .pt-ov03 .items,  .pt-ov10 {
    grid-template-columns: 1fr 1fr;
  }
  .pt-ov05 .items .item img {
    margin: 0.1rem 0.1rem;
  }
  .nr-hl02 .cover {
    width: 6rem;
    height: 5rem;
  }
  .nr-hl02 .c {
    width: 4rem;
    height: 5rem;
  }
  .nr-hl02 .c .year,.nr-hl02 .c .day {
    font-size: .36rem;
  }
  .nr-hl02 .c h1 {
    font-size: .28rem;
    margin: 0.4rem 0 0.3rem 0;
  }
  .nr-hl02 .item .t h1 {
    font-size: .24rem;
  }
  .nr-hl02 .item .pic,.nr-hl02 .item .cx {
    height: 2rem;
  }
  .nr-hl02 {
    margin: 1.4rem 1rem 0.8rem 1rem;
  }
  footer .d, footer .fa, footer .cpyright, footer hr {
    width: 94%;
    margin-left: 3%;
  }
  footer {
    height: 4.2rem;
  }
  footer hr {
    bottom: 0.8rem;
  }
  .au-cu li {
    padding-left: .6rem;
  }
  .au-cu03 .left,.au-cu .right{
    padding-left: .6rem;
  }
  .logos .left{
    padding: .7rem .2rem 0 .3rem;
  }
  .logos .right{
    padding: .7rem .3rem 0 .2rem;
  }
}

@media screen and (max-device-width: 1000px) and (max-width: 760px){
  :root {
    --header-height:.9rem;
  }
  html {
    font-size: 50px;
  }
  header{
    background-color: #fff5;
    backdrop-filter: blur(30px);
  }
  header nav{
    display: none;
  }
  header .header-right div.mobile-key{
    display: block;
  }
  .title{
    margin-top: 20px;
  }
  /*首页*/
  div.logo img{
    margin-left: 10px;
  }
  header:hover{
    background-color: #0004;
  }
  header.active{
    background-color: #fff;
  }
  header div.header-right{
    width: 30%;
    padding-right: 20px;
  }
  header .header-right div.lang img{
    margin-left: 10px;
  }
  header .keysearch div.alert > div{
    width: 100%;
  }
  header div.header-right img{
    height: 20px!important;
    width: 20px!important;
  }
  header div.header-right .live-icon img {
    width: 24px!important;
    height: 24px!important;
    margin-top: 1px;
  }
  .narrow {
    left: 65vw;
  }
  header .header-right .mobile-key{
    display: block;
  }
  header .keysearch .alert{
    font-size: 12px;
  }
  header .keysearch .alert img.close{
    height: 16px!important;
    width: 16px!important;
    margin-top: calc(var(--header-height)/2 + 0.05rem - 8px);
    margin-right: 20px;
  }
  .banner{
    height: initial;
  }
  .banner div.swiper{
    height:295px;
  }
  .banner .customDots{
    display: none;
  }
  .major{
    height: calc(100vw*.96);
  }
  .major .part div:nth-child(2) img.f{
    bottom: 2rem;
  }
  .major .part div:nth-child(7) img.f{
    bottom: 1.2rem;
  }
  .major .item .intro{
    margin-top: 2.1rem;
    width: 96%;
    margin-left: 2%;
  }
  .swiper, .swiper-wrapper{
    width: 100%!important;
  }
  section.news{
    min-height:initial;
    height:initial;
  }
  .nr-cr .more, .news .more {
    display: none;
  }
  .news .swiper-wrapper{
    flex-direction: column;
  }
  .news .item{
    margin-bottom: 30px;
    font-weight: bold;
  }
  .news .item div.poster{
    width: 50%;
    height: initial;
    float:left;
    padding-right: 10px;
  }
  .news .item .poster:hover img{
    transform: none;
  }
  .news .date{
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-bottom: 5px;
  }
  .news p{
    margin-top: 0;
    text-align: left;
  }
  .nr-dt01 .c img,
  .nr-dt01 .c video,
  .pt-dt02 .c img,
  .pt-dt02 .c video{
    width: 85%;
  }
  section.logos{
    height: initial;
    background-image: url(../img/m_logos_bk.jpg);
  }
  .logos .left,.logos .right{
    float:initial;
    padding:initial;
    width: 90%;
    margin-left: 5%;
    margin-top: .5rem;
  }
  .logos .st {
    margin-bottom: .5rem;
  }
  .logos .right{
    margin-bottom: .8rem;
  }
  footer{
    height: 5.7rem;
  }
  footer hr{
    bottom:.8rem;
  }
  footer .beian{
    width: 14px;
  }
  /*关于我们-集团领导*/
  .au-ld01{
    /*padding-top: calc(var(--header-height) + .7rem);*/
  }
  .au-ld .intro .pic{
    width: 2.2rem;
  }
  .au-ld .intro.c{
    width: 100%;
  }
  .au-ld .intro.c .pic{
    width: 2.4rem;
  }
  .au-ld .intro .p{
    font-size: 12px;
  }
  .au-ld .intro .p.i{
    font-size: 10px;
  }
  .au-ld02{
    grid-template-columns: 2.2rem 2.2rem 2.2rem;
    grid-column-gap: .2rem;
  }
  /*董事长*/
  .au-cm, .au-pr02{
    padding: 30px;
  }
  .au-cm01{
    float: none;
    padding: 0;
  }
  .au-cm01 img{
    width: 100%;
    max-width: none;
  }
  /*集团简介*/
  .au-pr01 .intro p,.au-pr01 .intro .title, .au-su01 .intro p, .au-su01 .intro .title{
    display: none;
  }
  .au-pr01, .au-su01,.pt-ov01,.nr-hl01, .nr-cr01,
  .mj-dt01,.mj-pw01,.mj-ac01,.mj-mc01,.mj-lg01,.mj-mi01{
    height: initial;
    position: relative;
  }
  .au-pr01 .intro, .au-su01 .intro,.pt-ov01 .intro,.nr-hl01 .intro,.nr-cr01 .intro,
  .mj .intro{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-top: var(--header-height);
  }
  .pt-ov01 .intro{
    padding-top: 0;
  }
  .au-pr01 .intro::after,
  .au-su01 .intro::after,
  .au-cu01::after,
  .pt-ov01 .intro::after,
  .nr-hl01 .intro::after,
  .nr-cr01 .intro::after,
  .mj .intro{
    content: '关于我们';
    font-size: .8rem;
    font-weight: bold;
    color: #fff;
    letter-spacing:2px;
    padding-top: var(--header-height);
  }
  .nr-hl01 .intro
  {
    padding-top:0;
  }
  .au-pr01 img, .au-su01 img{
    height: initial;
  }
  .au-pr04{
    display: block;
  }
  .au-pr02 p, .au-cm p, .au-su02 .intro p{
    line-height: 1.5!important;
    color: #555!important;
  }
  .au-pr02 p span, .au-cm p span, .au-su02 .intro p span{
    font-size: 16px!important;
    color: #555!important;
  }
  /*权属公司*/
  .au-su02 .sub .rc {
    width: initial;
    margin: .6rem 0;
    background: linear-gradient(0deg, #6BA2F599 0%, #FFFFFF99 100%);
    position: relative;
  }
  .au-su02 .swiper{
    margin: 0 .6rem;
    width: initial!important;
    text-align: center;
  }
  .au-su02 .sub .rc img.pt{
    vertical-align: middle;
  }
  .au-su02 .sub .rc img.logo,.au-su02 .sub .rc .more{
    float:none;
    height: initial;
    width: 30%;
  }
  .au-su02 .logo{
    display: none;
  }
  .au-su02 .c{
    height: 4.28rem;
    line-height: 4.28rem;
  }
  .au-su02 .sub .rc .c{
    position: absolute;
    top: 0;
    width: 100%;
  }
  .au-su02 .sub .rc .more{
    display: inline-block;
    background: #1E29434c;
    color: #fff;
    border: 2px solid #FFFFFF;
  }
  .au-su02 .sub .rc .more::after{
    display: none;
  }
  .au-su02 .intro {
    margin:0 .6rem;
    width: initial;
  }
  .au-su04, .au-cu05{
    display: block!important;
  }
  /*集团文化*/
  .au-cu {
    height: initial;
    text-align: justify;
  }
  .au-cu01{
    position: relative;
  }
  .au-cu01::after{
    top: 50%;
    left: 50%;
    color: #fff;
    position: absolute;
    transform: translate(-50%, -50%);
  }
  .au-cu02, .au-cu03, .au-cu04 {
    position: static;
    padding: 5px;
    margin: 30px 0;
  }
  .au-cu02 .left,.au-cu03 .left, .au-cu04 .left,
  .au-cu02 .right,.au-cu03 .right, .au-cu04 .right{
    transform: none;
  }
  .au-cu02b{
    padding:1rem 0 0 0;
  }
  .au-cu .right {
    padding-left: 10px;
  }
  .au-cu li {
    padding-left: 0;
    border: none;
    width: 4.2rem;
  }
  .au-cu li::before{
    display: none;
  }
  .au-cu li .t{
    position: relative;
  }
  .au-cu03 li .t,.au-cu04 li .t{
    margin-bottom:30px;
  }
  .au-cu li .c p{
    margin-bottom: 25px!important;
  }
  .au-cu li .t::before {
    position: absolute;
    left: 1px;
    bottom:-5px;
    content: '';
    border-bottom: 2px solid var(--main-color);
    width: 38px;
  }
  .au-cu .c{
    margin-top: 10px;
  }
  .au-cu li .t p span {
    font-size: 18px!important;
    color: #67799C;
  }
  .au-cu02 ul li:first-child{
    display: block!important;
  }
  .au-cu03 .c p, .au-cu04 .c p{
    position: relative;
    padding-left: 10px;
  }
  .au-cu03 .c p::before, .au-cu04 .c p::before{
    content: '';
    background-color: #555;
    position: absolute;
    height: 5px;
    width: 5px;
    border-radius: 5px;
    left: 0;
    top:8px;
  }
  .au-cu03 .left{
    padding-left: 0;
  }
  .au-cu03 .left ul,.au-cu04.m .left{
    padding-left: 5px;
  }
  .au-cu li .c p span{
    font-size: 14px!important;
  }
  /*招聘公告、社会招聘、校园招聘*/
  .ju-ra03, .ju-sr03, .ju-cr03, .pt-dt01{
    display: grid;
  }
  .ju-ra02, .ju-sr02, .ju-cr02 {
    margin: 0 10px;
  }
  .ju-ra, .ju-sr, .ju-cr {
    height: initial;
  }
  .nr-ai .t, .ju-ov02 h3,
  .ju-ra02 h3,
  .ju-sr02 .cc .items h3{
    width: 70%;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
  }
  .ju-sr02 .nv{
    width: 100%;
  }
  .ju-sr02 select,.ju-cr02 select{
    height: 40px;
    width: 100%;
    background-color: #E8EBF0;
    border-radius: 20px;
    text-indent: 20px;
    margin: 20px 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
  }
  .nr-ai02 .cc, .ju-sr02 .cc {
    width: 100%;
  }
  .ju-sr02 .cc .item li {
    font-size: 14px;
  }
  .ju-sr02 .cc .item li:nth-child(2) {
    border-right: none;
  }
  .ju-sr02 .cc .item {
    height: 100px;
  }
  .ju-cr02 .nv{
    display: block;
  }
  .ju-cr02 .item {
    display: block;
    height: initial;
    line-height: 25px;
    font-size: 14px;
  }
  .ju-cr02 .item .c2, .ju-cr02 .item .c4 {
    margin-left: 0;
  }
  .ju-cr02{
    width: initial;
  }
  .nr-dt01, .ju-ra-dt, .ju-sr-dt, .pt-dt02 {
    padding: 50px 20px;
  }
  .pt-dt02{
    padding: 0 20px 30px 20px;
  }
  .btns {
    margin: 0 20px;
  }
  .ju-ra-dt .c p, .ju-ra-dt .c span,.ju-sr-dt .c p, .ju-sr-dt .c span{
    font-size: 14px!important;
  }
  .btns .btn {
    width: 100px;
    height: 40px;
    line-height: 40px;
  }
  .ju-cr02 .item .c3{
    margin-left: 0;
  }
  /*站内搜索*/
  .kws02 {
    margin:100px 30px;
  }
  .kws02 .searchArea {
    height: 40px;
    line-height: 40px;
  }
  .kws02 .searchArea img {
    width: 20px;
    height: 20px;
    top: 10px;
    left: 20px;
  }
  .kws02 .searchArea input {
    width: 70%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    text-indent: 30px;
  }
  .kws02 .searchArea button {
    width: 30%;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    left: 70%;
  }
  .kws02 .resultArea .info .tt,
  .kws02 .resultArea .info .ph li,
  .kws02 .resultArea .content_form h3,
  .kws02 .resultArea .content_form .content_area li .t {
    font-size: 16px;
  }
  /*党建*/
  .pt-ov01,.nr-hl01{
    max-height: 220px;
  }
  .pt-ov03, .nr-hl02,.nr-cr02,.pt-ov10{
    padding:.5rem 0;
  }
  .pt-ov03 .items,
  .pt-ov10 .items,
  .nr-hl02 .items{
    display: block;
  }
  .pt-ov03 .items>div,
  .pt-ov10 .items>div,
  .nr-hl02 .items>div,
  .nr-cr02 .items>div{
    overflow: hidden;
    margin:0 10px;
    padding:10px;
    border-bottom: 1px solid #D3E0F5;
  }
  .pt-ov03 .poster,
  .pt-ov10 .poster,
  .nr-hl02 .poster{
    float: left;
    margin-right: 15px;
    height: 100px;
    width: 140px;
    overflow: hidden;
  }
  .pt-ov03 .cc,
  .pt-ov10 .cc,
  .nr-hl02 .cc{
    margin-bottom: 0;
    height: 100px;
  }
  .pt-ov03 .cc .t,
  .pt-ov10 .cc .t,
  .nr-hl02 .cc .t{
    height: 82.5px;
    overflow: hidden;
  }
  .pt-ov03 .cc .s,
  .pt-ov10 .cc .s,
  .nr-hl02 .cc .s{
    color: #556481;
    font-size: 14px;
    text-indent: 2em;
  }
  .pt-ov03 .cc .d,
  .pt-ov10 .cc .d,
  .nr-hl02 .cc .d{
    float:left;
    color: #A4A4A4;
    font-size: 14px;
  }
  .pt-ov03 .cc .detail,.pt-ov10 .cc .detail{
    margin-top:1px;
    float:right;
  }
  .pt-ov01,.pt-dt01,.nr-hl01{
    margin-top: var(--header-height);
  }
  .pt-ov01 .intro::after{
    content: '党建园地';
  }
  .pager{
    margin:0 10px;
  }
  /*新闻中心*/
  .nr-hl02{
    margin: 0;
  }
  .nr-hl01{
    margin-top: var(--header-height);
  }
  .nr-hl01 .intro::after{
    content: '集团要闻';
    text-shadow: 0px 0px 11px rgba(4, 37, 111, 0.6);
  }
  .nr-mc01 .intro::after{
    content: '媒体报道';
    text-shadow: 0px 0px 11px rgba(4, 37, 111, 0.6);
  }
  .nr-cr01 .intro::after{
    content: '社会责任';
    text-shadow: 0px 0px 11px rgba(4, 37, 111, 0.6);
  }
  .nr-hl02 .poster img{
    width: 100%;
    height: 100%;
    vertical-align: middle;
    transition: all 1s;
  }
  .imgTop{
    width: .3rem;
    height: .3rem;
    vertical-align: middle;
    margin-left: 0;
  }
  .nr-hl02 .c {
    display: block;
    width: initial;
    height:initial;
    margin: 0;
  }
  .nr-cr02 .items>div{
    position: relative;
    height: 121px;
  }
  .nr-cr02 .items>div .img-cover{
    position: absolute;
    height: 100px;
    width: 140px;
    left: 10px;
  }
  .nr-cr02 .items>div .date{
    position: absolute;
    left: 165px;
    bottom: 10px;
    margin: 0;
    font-size: 14px;
  }
  .nr-cr02 .items>div p{
    position: absolute;
    left: 165px;
    margin: 0;
    font-size: 16px;
  }
  /*主营业务*/
  .mj-dt04 ul li, .mj-mc04 ul li {
    padding: 0 10px;
    margin: 35px 0;
  }
  .mj-dt04, .mj-mc04 {
    font-size: 14px;
  }
  .mj-dt03, .mj-pw03, .mj-ac03, .mj-lg03, .mj-mi03, .mj-mc03 {
    width: 90%;
    line-height: 2;
    text-align: justify;
  }
  .mj-dt03 p, .mj-pw03 p, .mj-ac03 p, .mj-lg03 p, .mj-mi03 p, .mj-mc03 p{
    line-height: 2!important;
    text-align: justify;
  }
  .mj-dt03 span, .mj-pw03 span, .mj-ac03 span, .mj-lg03 span, .mj-mi03 span, .mj-mc03 span{
    font-size: 16px!important;
  }
  .au-su02,.mj-pw03,.mj-dt02,.mj-dt03,.mj-ac03,.mj-mc03,.mj-lg03,.mj-mi03{
    margin-bottom: 30px;
  }
  .au-cu .left, .au-cu .right, .au-cu ul {
    height: 8rem;
  }

  .live, .live-mask{
    top:50%;
    left:50%;
    right: initial;
    transform: translate(-50%,-50%);
  }
  .narrow{
    left: 70vw;
    right: initial;
  }

}