@charset "UTF-8";
.header {
  width: 100%;
  z-index: 22;
  color: #fff;
  background: #fff;
}

.header .top {
  padding: .3rem 0 .21rem;
}

.header .top .wp {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header .top .logo img {
  width: 3.49rem;
}

.header .top .tpr .login {
  height: .45rem;
  border: 1px solid #C9C9C9;
  padding: 0 .23rem;
  margin-left: .14rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header .lang {
  height: .45rem;
  border: 1px solid #C9C9C9;
  padding: 0 .15rem;
}

.header .lang a {
  font-family: 'Arial';
}

.header .lang a.on {
  color: #004F99;
}

.header .lang span {
  width: 0.01rem;
  height: 0.18rem;
  background: #C9C9C9;
  margin: 0 .12rem;
}

.header .nav {
  background: #0058CF;
}

.header .nav li {
  width: 11.1%;
}

.header .nav li a {
  padding: .18rem .18rem;
  text-align: center;
  display: block;
  color: #fff;
}

.header .nav li:hover a, .header .nav li.on a {
  background: #009944;
}

.header .nav li:nth-child(1) {
  width: 1.1rem;
}

/* footer */
.footer {
  background: url("../img/bg_ft1.jpg") no-repeat bottom center;
  background-size: cover;
  position: relative;
  z-index: 1;
}

.footer::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  bottom: 0;
  background: url("../img/bg_ft2.jpg") no-repeat top center;
  background-size: 100%;
}

.footer .ft1 {
  padding-top: .65rem;
  margin-bottom: .44rem;
}

.footer .ft1 img {
  width: 2.8rem;
}

.footer .ft2 {
  padding-bottom: .62rem;
}

.footer .ft2 .col1 {
  width: 3.63rem;
  flex-shrink: 0;
}

.footer .ft2 .col1 .qrcode {
  color: #D0D0D0;
  line-height: 1.6;
}

.footer .ft2 .col1 .qrcode .ewm {
  width: 1.18rem;
  margin-right: .19rem;
  flex-shrink: 0;
}

.footer .ft2 .col1 .btn-lx {
  margin-top: .16rem;
  background: #FFFFFF;
  border: 0px solid #D0D0D0;
  padding: .14rem .2rem;
}

.footer .ft2 .col1 .btn-lx .tit {
  color: #272727;
}

.footer .ft2 .col1 .btn-lx img {
  width: .26rem;
}

.footer .ft2 .col2 {
  max-width: 5.73rem;
}

.footer .ft2 .col2 li {
  width: 47%;
  float: left;
  border-bottom: 1px solid rgba(249, 249, 249, 0.15);
  transition: all ease .3s;
}

.footer .ft2 .col2 li:nth-child(2n) {
  float: right;
}

.footer .ft2 .col2 li a {
  padding: .21rem 0;
  color: #D0D0D0;
  display: block;
  position: relative;
}

.footer .ft2 .col2 li a::after {
  content: "\e782";
  font-family: 'iconfont';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(255, 255, 255, 0.15);
}

.footer .ft2 .col2 li:hover {
  border-color: rgba(249, 249, 249, 0.6);
}

.footer .ft2 .col2 li:hover a {
  color: #fff;
}

.footer .ft2 .col2 li:hover a::after {
  color: #99B3DB;
}

.footer .bottom {
  padding: .38rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  color: rgba(255, 255, 255, 0.6);
}

.footer .bottom a {
  color: rgba(255, 255, 255, 0.6);
  transition: all ease .3s;
  margin-left: .25rem;
}

.footer .bottom a:hover {
  color: rgba(255, 255, 255, 0.8);
}

.footer .bottom .links {
  position: relative;
  z-index: 1;
}

.footer .bottom .links a i {
  margin-right: .12rem;
}

.footer .bottom .links .list {
  width: 2.8rem;
  position: absolute;
  bottom: 0;
  left: 0;
  display: none;
  padding-bottom: .3rem;
  transition: all ease .3s;
}

.footer .bottom .links .list ul {
  background: #FFFFFF;
  padding: .25rem .3rem;
  max-height: 3.7rem;
  border: 1px solid #D0D0D0;
  margin-bottom: .2rem;
  overflow-y: auto;
}

.footer .bottom .links .list li a {
  color: #404040;
  padding: .12rem 0;
  margin: 0;
  display: block;
}

.footer .bottom .links .list li:hover a {
  color: var(--color);
}

.footer .bottom .links:hover .list {
  display: block;
}

/* 首页 */
.banner .item {
  position: relative;
}

.banner .item img {
  width: 100%;
}

.banner .item .slide-txt {
  width: 100%;
  position: absolute;
  left: 0;
  text-align: center;
  bottom: 1.38rem;
  color: #fff;
}

.banner .swiper-pagination {
  bottom: .73rem;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}

.banner .swiper-pagination .swiper-pagination-bullet {
  width: 1rem;
  height: 0.08rem;
  margin: 0 .11rem;
  border-radius: 0;
  background: #fff;
  transition: all ease .3s;
  opacity: 1;
}

.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #0058CF;
}

.sec-type .cat .cn {
  color: #202020;
}

.sec-type .cat .en {
  font-family: 'SourceHanSansSC';
  font-weight: 400;
  color: #8C96A0;
  font-style: italic;
  margin-top: .11rem;
  margin-left: .1rem;
}

.sec-type .more .s1 {
  position: relative;
  z-index: 1;
  margin-right: .06rem;
}

.sec-type .more .s1 img {
  width: .22rem;
}

.sec-type .more .s1::before {
  content: "";
  width: 0.32rem;
  height: 0.28rem;
  background: url("../img/jx1.png");
  background-size: 100% 100%;
  position: absolute;
  left: -.13rem;
  top: 50%;
  z-index: -1;
  transform: translateY(-50%);
}

.news-list .item .item-time {
  color: #8C96A0;
}

.news-list .item .item-tit {
  margin: .18rem 0 .1rem;
  position: relative;
 line-height:1.6;
  height:3.2em;
}
.news-list .item .line{
    position:relative;
    margin:.1rem 0 .32rem;
}

.news-list .item .line::after {
  content: "";
  width: 0.15rem;
  height: 0.01rem;
  background: #8E969F;
  position: absolute;
  left: 0;
  bottom: 0;
}

.news-list .item .item-pic .fitImg {
  padding-top: 63.15%;
}

.section1 {
  padding: .6rem 0;
}

.section1 .sec-type {
  padding-bottom: .18rem;
  border-bottom: .03rem solid #303030;
  margin-bottom: .29rem;
}

.section1 .zhisu {
  background: #0058CF;
  padding: .26rem .42rem .26rem .47rem;
  color: #fff;
  margin-top: .45rem;
}

.section1 .zhisu .col1 {
  width: 1.77rem;
  flex-shrink: 0;
  position: relative;
}

.section1 .zhisu .col1::after {
  content: "";
  width: 0.01rem;
  height: 0.46rem;
  background: rgba(255, 255, 255, 0.15);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.section1 .zhisu .col2 {
  padding: 0 .42rem;
}

.section1 .zhisu .col2 li {
  max-width: 49%;
}

.section1 .zhisu .col2 li a {
  color: #fff;
  display: block;
  transition: all ease .3s;
}

.section1 .zhisu .col2 li .time {
  margin-left: .35rem;
}

.section1 .zhisu .col2 li:hover a {
  color: rgba(255, 255, 255, 0.8);
}

.section1 .zhisu .col3 {
  width: .35rem;
  flex-shrink: 0;
  margin-left: .6rem;
}

.section1 .zhisu .col3 img {
  width: .34rem;
}

.vmore a {
  width: 2rem;
  height: 0.6rem;
  background: #0058CF;
  color: #fff;
}

.vmore a img {
  width: .22rem;
  margin-left: .14rem;
}

.bgt {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.section2 {
  background: url("../img/bg_sec2.jpg") no-repeat top center;
  background-size: cover;
  padding: .84rem 0 .81rem;
}

.section2 .col1 {
  width: 4.13rem;
}

.section2 .col1 .vmore {
  margin-top: .44rem;
}

.section2 .col2 .list li .item {
  padding: .28rem 0;
  border-bottom: 0.02rem solid rgba(142, 150, 159, 0.2);
}

.section2 .col2 .list li .item .item-time {
  color: #8C96A0;
  margin-bottom: .08rem;
}

.section2 .col2 .list li:first-child .item {
  padding-top: 0;
}

.section2 .col2 .list li:last-child .item {
  border-bottom: none;
  padding-bottom: 0;
}

.section3 {
  padding: .84rem 0 .81rem;
}

.section3 .row1 {
  margin-bottom: .46rem;
}

.section3 .row1 .col1 {
  margin-right: .74rem;
  flex-shrink: 0;
}

.section3 .row1 .col2 {
  line-height: 1.8;
}

.section3 .row2 .item {
  height: 2.8rem;
  padding: .68rem .58rem;
  color: #fff;
}

.section3 .row2 .item .desc {
  padding-top: .3rem;
  position: relative;
}

.section3 .row2 .item .desc::before {
  content: "";
  width: 0.46rem;
  height: 0.03rem;
  background: #F9F9F9;
  position: absolute;
  top: 0;
  left: 0;
}

/* 关于我们 */
.inner-slide {
  height: 5.5rem;
}

.inner-slide .wp {
  position: relative;
  height: 100%;
}

.inner-slide .slide-txt {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 1.73rem;
  color: #fff;
}

.inner-slide .slide-txt .sec-type {
  color: #fff;
  border-bottom: .03rem solid #fff;
  margin-bottom: .16rem;
  padding-bottom: .18rem;
}

.inner-slide .slide-txt .sec-type .cat .en,
.inner-slide .slide-txt .sec-type .cat .cn {
  color: #fff;
}

.inner-slide .slide-txt .type-desc {
  color: #fff;
}

.main {
  background-color: #fff;
  position: relative;
  z-index: 1;
  overflow: hidden;
  min-height: 7.5rem;
}

.main::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: -15%;
  left: 0;
  background: url("../img/bg_main.jpg") no-repeat bottom center;
  z-index: -1;
  background-size: 100%;
}

.main .subcat {
  padding: .34rem .5rem .38rem .5rem;
}

.main .subcat ul {
  padding-bottom: .2rem;
  border-bottom: 1px solid #ddd;
}

.main .subcat ul li {
  margin-right: .52rem;
  font-family: PingFangSC;
  font-weight: 500;
}

.main .subcat ul li a {
  position: relative;
  padding-left: .21rem;
}

.main .subcat ul li a::before {
  content: "";
  width: .11rem;
  height: .11rem;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 50%;
  transition: all ease .3s;
  transform: translateY(-50%);
  background: url("../img/dot1.png") no-repeat left center;
  background-size: 100% 100%;
}

.main .subcat ul li:hover a, .main .subcat ul li.on a {
  color: var(--color);
}

.main .subcat ul li.on a::before {
  opacity: 1;
}

.main .subcat ul li:nth-child(1) a {
  padding-left: 0;
}

.main .subcat ul li:nth-child(1).on a {
  padding-left: .21rem;
}

.main .main-cont {
  padding: 0 0 .5rem 0;
}

.main .main-cont .wrap {
  position: relative;
  z-index: 1;
  margin-top: -1.16rem;
  background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 80%);
}

.main .main-cont .wrap::before {
  content: "";
  width: 100%;
  height: 1.16rem;
  background: rgba(255, 255, 255, 0.98);
  position: absolute;
  left: 0;
  z-index: -1;
  top: 0;
}

.main2::after {
  bottom: -45%;
}

.page {
  padding: 0 .5rem .6rem .5rem;
  min-height: 3rem;
}

.page .page-tit {
  color: var(--color);
  margin-bottom: .36rem;
}

.page .page-cont {
  line-height: 1.8;
  color: #404040;
}

.page .page-cont img {
  max-width: 100% !important;
  height: auto !important;
}

.history ul {
  position: relative;
  z-index: 1;
  padding-bottom: 1rem;
}

.history li {
  width: 100%;
  overflow: hidden;
  margin-bottom: -.58rem;
}

.history li .item {
  width: 50%;
  position: relative;
  flex-direction: row-reverse;
}

.history li .item .item-cont {
  max-width: 4.2rem;
}

.history li .item .item-cont .item-desc {
  margin-bottom: .21rem;
}

.history li .item .item-year {
  position: absolute;
  right: -.45rem;
  top:-.1rem;
  font-family: "DIN";
  font-weight: bold;
  color: #0058CF;
}

.history li .item::after {
  content: "";
  width: 0.01rem;
  height: 43%;
  background: #C7D3E7;
  position: absolute;
  right: 0;
  top: .65rem;
  z-index: -1;
}

.history li .item::before {
  content: "";
  width: 0.11rem;
  height: 0.1rem;
  background: #C7D3E7;
  border-radius: 50%;
  position: absolute;
  right: -0.05rem;
  top: 0.55rem;
  z-index: 1;
}

.history li:last-child::before {
  content: "";
  width: 0.11rem;
  height: 0.1rem;
  background: #C7D3E7;
  border-radius: 50%;
  position: absolute;
  bottom: 26%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

/* 架构 */
.jiagou ul {
  margin: 0 -.14rem;
  position: relative;
}

.jiagou ul::after {
  content: "";
  width: calc(100% - 1.9rem);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 0.01rem;
  background: #0058CF;
  bottom: 0;
}

.jiagou li {
  margin: 0 .14rem;
  padding-bottom: .55rem;
  position: relative;
}

.jiagou li .item {
  background: #fff;
  box-shadow: 0rem 0rem 0rem 0rem rgba(0, 88, 207, 0.1);
  border-radius: 0.2rem;
  padding: .32rem;
  position: relative;
}

.jiagou li .item .tit {
  color: #282828;
}

.jiagou li .item .bl {
  color: #808080;
  margin-top: .3rem;
}

.jiagou li::after {
  content: "";
  width: .12rem;
  height: .55rem;
  background: url("../img/line2.png") no-repeat bottom center;
  background-size: 100% 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.jiagou .zgs .line img {
  width: .12rem;
}

.jiagou .zgs .name span {
  height: 0.5rem;
  background: #0058CF;
  border-radius: 0.1rem;
  padding: 0 .6rem;
  color: #fff;
}

/*高管团队 */
.team .team1 li {
  margin-bottom: .21rem;
  overflow: hidden;
}

.team .team1 li .item .item-pic {
  width: 1.92rem;
}

.team .team1 li .item .item-info {
  padding: 0 .24rem;
}

.team .team1 li .item .item-info .name {
  color: var(--color);
}

.team .team1 li .item .item-info .post {
  margin: .12rem 0;
}

.team .team1 li .item .item-info .desc {
  color: #666;
  line-height: 1.8;
}

.team .team2 {
  padding-top: .1rem;
}

.team .team2 li {
  width: 1.9rem;
  margin: 0 .16rem .2rem .16rem;
}

.team .team2 li .item {
  text-align: center;
}

.team .team2 li .item .item-pic .fitImg {
  padding-top: 125.1%;
}

.team .team2 li .item .item-tit {
  color: #333;
  font-weight: 500;
  margin: .3rem 0 .12rem;
}

.team .team2 li .item .item-desc {
  color: #666;
  height: 3.2em;
  line-height: 1.6;
}

/* 证书 */
.honor li {
  text-align: center;
}

.honor li .item .fitImg {
  padding-top: 136%;
}

.honor li .item .item-tit {
  margin-top: .2rem;
  color: #303030;
}

.pages {
  margin-top: .6rem;
}

.pages li a {
  width: .3rem;
  height: .4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999;
  transition: all ease .3s;
}

.pages li.btn {
  margin: 0 .3rem;
}

.pages li.btn a {
  width: auto;
  padding: 0 .25rem;
  background: var(--color);
  color: #fff !important;
}

.pages li:hover, .pages li.on {
  color: var(--color);
}

.pages li:hover a, .pages li.on a {
  color: var(--color);
}

.pages li.on {
  font-weight: bold;
}

.main .news-list {
  padding-top: .2rem;
}

.main .news-list li {
  margin-top: .2rem;
}

.main .crumbs {
  padding: .3rem 0 .17rem;
  border-bottom: 1px solid rgba(142, 150, 159, 0.2);
  color: #8E969F;
  margin-bottom: .3rem;
}

.main .crumbs .zy {
  margin-right: .1rem;
}

.main .crumbs a {
  color: #8E969F;
}

.main .crumbs a:hover {
  color: var(--color);
}

/* 详情 */
.detail .news-tit {
  font-family: 'PingFangSC';
  font-weight: 500;
  color: #303030;
  padding: .3rem 0;
  text-align: center;
  border-bottom: 1px solid rgba(142, 150, 159, 0.26);
}

.detail .news-cont {
  color: #505050;
  line-height: 2;
  padding: .55rem 0;
}



.detail .news-cont table {
  border: 1px solid rgba(102, 102, 102, 0.1);
  border-collapse: collapse;
    margin-bottom: .2rem;
}

.detail .news-cont table td {
  border: 1px solid rgba(24, 59, 105, 0.1);
  padding: .15rem .2rem;
  text-align:left;
  color: #666;
}

.detail .news-cont table td:nth-child(1) {
  width: 1.6rem;
}

/* 联系我们 */
.contact .lx1 .col1 {
  color: #0058CF;
  flex-shrink: 0;
  width: 3.4rem;
  padding-right: .1rem;
}

.contact .lx1 .col2 {
  color: #505050;
  line-height: 2;
}

.contact .map {
  height: 4rem;
  margin: .29rem 0 .3rem;
}

.contact .list ul {
  align-items: stretch;
}

.contact .list li .item {
  background: #fff;
  border: 1px solid #E4EDF7;
  padding: .33rem .3rem;
}

.contact .list li .item .item-tit {
  color: #333;
  font-weight: bold;
  margin-bottom: .16rem;
}

.contact .list li .item .item-desc {
  color: #505050;
  line-height: 2;
}
.contact .list li .item:hover .item-tit{
    color:var(--color);
}

.screen {
  padding-bottom: .23rem;
  position: relative;
  z-index: 22;
  border-bottom: 0.03rem solid #0058CF;
}

.screen .a {
  height: 0.4rem;
  background: #0058CF;
  padding: 0 .32rem;
  color: #fff;
  font-weight: bold;
  margin-right: .11rem;
}

.screen .a2 {
  background: #CF002C;
}

.screen .select {
  width: 2rem;
  height: 0.4rem;
  background: #E8EAEC;
}

/* 项目介绍 */
.project .map {
  padding: .2rem 0 .8rem 0;
}

/* 政策 */
.zhengce {
  padding-bottom: 0;
}

.zhengce .list li .item {
  padding: .29rem 0;
  border-bottom: 1px solid rgba(142, 150, 159, 0.2);
}

.zhengce .list li .item .item-time {
  color: #8E969F;
  margin-bottom: .1rem;
}

.zhengce .list li .item .item-tit {
  color: #282828;
}

.zhengce .list li .item:hover .item-tit {
  color: var(--color);
}

.zhengce .list li:last-child .item {
  border-bottom: 0;
}

.zhengce .map {
  padding-bottom: .35rem;
}

.zhengce .map .ditu {
  width: 10.02rem;
  height: 6.3rem;
  background-size: 100% 100%;
  position: relative;
}

.zhengce .map .ditu .list li {
  position: absolute;
}

.zhengce .map .ditu .list li .item {
  padding: .1rem .15rem;
  color: #fff;
  border-radius: 0.03rem;
}

.zhengce .map .ditu .list li .item .tit {
  font-size: .17rem;
  font-weight: bold;
  padding-right: .1rem;
  margin-right: .14rem;
  position: relative;
}

.zhengce .map .ditu .list li .item .tit::after {
  content: "";
  width: 0.01rem;
  height: 0.14rem;
  background: rgba(252, 254, 253, 0.5);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.zhengce .map .ditu .list li .item .num {
  font-size: .18rem;
}

.zhengce .map .ditu .list li:nth-child(1) {
  right: 1.85rem;
  bottom: 1.58rem;
}

.zhengce .map .ditu .list li:nth-child(1) .item {
  background: #DD9A25;
}

.zhengce .map .ditu .list li:nth-child(2) {
  right: 2.5rem;
  top: 2.65rem;
}

.zhengce .map .ditu .list li:nth-child(2) .item {
  background: #CF002C;
}

.zhengce .map .ditu .list li:nth-child(3) {
  right: 1.56rem;
  top: 1.27rem;
}

.zhengce .map .ditu .list li:nth-child(3) .item {
  background: #0058CF;
}

.zhengce .map .ditu .list li:nth-child(4) {
  left: 2.5rem;
  top: 3.2rem;
}

.zhengce .map .ditu .list li:nth-child(4) .item {
  background: #188E18;
}

.zhengce .map .ditu .list li:nth-child(5) {
  left: 3.46rem;
  bottom: .95rem;
}

.zhengce .map .ditu .list li:nth-child(5) .item {
  background: #6048B5;
}

/*select*/
.select {
  width: 100%;
  position: relative;
  z-index: 22;
}

.select dt {
  width: 100%;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  height: .4rem;
  cursor: pointer;
  padding: 0 .15rem;
}

.select dt input {
  color: #333;
  cursor: pointer;
  position: relative;
  display: block;
  text-align: left;
  overflow: hidden;
  background: none;
}

.select dt input::-webkit-input-placeholder {
  color: #606060;
}

.select dt i {
  font-size: .13rem;
}

.select dd {
  margin: 0;
  position: absolute;
  left: 0px;
  top: .4rem;
  z-index: 5;
  width: 100%;
  box-sizing: border-box;
}

.select dd ul {
  list-style: none;
  overflow: auto;
  padding: 0;
  background: #fff;
  overflow-x: auto;
  border: #eee solid 1px;
  border-top: none;
  height: 2.2rem;
}

.select dd ul li {
  width: 100%;
  text-align: left;
  padding: .12rem .25rem;
  cursor: pointer;
  border-bottom: 1px solid #eee;
  color: #999;
}
.select dd ul li a{
    display: block;
}
.select dd ul li:last-child {
  border-bottom: none;
}

.select dd ul li:hover {
  color: var(--color);
}
.en .header .nav li{
    width:auto;
}
