@charset "utf-8";

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	opacity: 1;
	background-color: #fff;
}


.topD{
        float:right;
        margin-right:-2rem;
}
.topD div ul{
        /*width:1.6rem;*/
}
.topD div ul li{
        padding-right: 0.2rem;
}
/*  中英文链接*/

body {
            height: 2000px; /* 为了演示滚动效果 */
            margin: 0;
            font-family: Arial, sans-serif;
        }
        
        .navbar {
            top: 0;
            width: 100%;
            background-color: transparent;
            padding-right:1rem;
            transition: all 0.3s ease;
            z-index: 1000;
        }

.navbar a{
    color:#fff;
}

.navbar .scrolled a {
    color: #333;
}

.search-conter {
    position: absolute;
    top: 1%;
    width: 100%;
}

button.text-bn {
    position: absolute;
    top: 1%;
    right: 0%;
    background: #409eff;
    color: white;
    border: none;
    padding: 8px 16px;
    cursor: pointer;
    font-size: 14px;
    transition: background 0.3s;
}

input.search-inp {
    height: 34px;
    width: 100%;
}

button.search-bn.iconfont.icon-search2 {
    position: absolute;
    top: 9%;
    right: 0;
}
     /* 新增样式 */
    .search {
      position: relative;
       right: 13%;
       top: -14%;
    }
    /* 新增搜索按钮鼠标手型效果 */
    .search-btn {
      position: absolute;
      cursor: pointer;
color: #fff;
    }
.sc span.search-btn.icon-search2 {
    color: #414141;
}
    .search-container {
      position: absolute;
    right: -226%;
    top: -94%;
      display: none;
      z-index: 2;
      padding: 8px; /* 新增容器内边距 */
    }

    .search-input {
      border: 1px solid #e0e0e0; /* 调整边框颜色 */
      padding: 8px 16px; /* 增加内边距 */
      border-radius: 3px; /* 圆角 */
      width: 300px; /* 固定宽度 */
      margin-right: 8px; /* 与按钮间距 */
      font-size: 14px; /* 字体大小 */
      transition: border-color 0.3s; /* 添加过渡效果 */
    }

    .search-input:focus {
      outline: none;
      border-color: #409eff; /* 聚焦状态颜色 */
      box-shadow: 0 0 4px rgba(64,158,255,0.2); /* 聚焦阴影 */
    }

    .text-btn {
      position: absolute;
    right: 4%;
    top: 13.8%;
      background: #409eff; /* 主题蓝色 */
      color: white;
      border: none;
      padding: 9px 16px;
      cursor: pointer;
      font-size: 14px;
      transition: background 0.3s; /* 按钮悬停动画 */
    }
    .text-btn:hover {
      background: #337ecc; /* 深色悬停状态 */
    }
    .search-container.active {
      display: inline-block;
    }

.link01{
        color: #FFF;
        font-size: 14px;
}
.toplink{
        padding-top:0.1rem;
}
.celink{
        width:4%;
}
.banner {}

.banner .swiper-slide {
	background-color: #fff;
}

.banner .swiper-slide img {
	display: block;
}

.banner .swiper-pagination {
	position: absolute;
	bottom: .2rem;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 1;
}

.banner .swiper-pagination-bullet {
	display: inline-block;
	width: .4rem;
	height: .02rem;
	background-color: #fff;
	margin: 0 .05rem;
	cursor: pointer;
}

.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #fff000;
}

.banner .swiper-button-next,
.banner .swiper-button-prev {
	position: absolute;
	top: 50%;
	z-index: 1;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	font-size: .6rem;
	color: #fff;
	cursor: pointer;
	opacity: .1;
}

.banner .swiper-button-next {
	right: 4%;
}

.banner .swiper-button-prev {
	left: 4%;
}

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

/* banner end */

/* mod-1  start */
.modular-title .title {
	font-size: .32rem;
	line-height: 1;
	padding-bottom: .17rem;
}

.modular-title .title:after {
	content: '';
	display: block;
	width: .4rem;
	height: .02rem;
	background-color: #166dd6;
	position: absolute;
	left: 50%;
	margin-left: -.2rem;
	bottom: 0;
}

.modular-title .sub-title {
	font-size: .24rem;
	color: #c2c2c2;
	line-height: 1.2;
	padding-top: .2rem;
}

.mod-1 {
	padding-top: .65rem;
	background-color: #fff;
}

.mod-1 .text .mod-title {
	font-size: .45rem;
	color: #333;
	line-height: 1;
	text-align: center;
	font-weight: bold;
}

.mod-1 .text .msg {
	font-size: .18rem;
	color: #a9a9a9;
	line-height: 1.2;
	padding-top: .3rem;
	text-align: center;
}

.mod-1 .list {
	display: flex;
	align-items: flex-end;
	padding-top: 1.1rem;
}

.mod-1 .list .item {
	flex: 1;
	box-shadow: 0 0 .1rem rgba(0, 0, 0, .1);
	text-align: center;
	min-height: 2rem;
	overflow: hidden;
}


.mod-1 .list .item a {
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	line-height: 1;
}


.mod-1 .list .item .y {
	font-size: .2rem;
	color: #333;
	font-weight: bold;
}

.mod-1 .list .item .title {
	font-size: .24rem;
	padding-top: .4rem;
}

.mod-1 .list .item .icon {
	font-size: .3rem;
	font-weight: bold;
}

.mod-1 .list .item .number {
	font-size: .7rem;
	color: #333;
	font-weight: bold;
	font-family: 'DIN-BOLD';
}

.mod-1 .list .item.hover .number,
.mod-1 .list .item.hover .icon,
.mod-1 .list .item.hover .title {
	color: #fff;
}
/* 
.mod-1 .list .item:hover {
	height: 120%;
} 

.mod-1 .list .item:hover .number {
	color: #fff;
}

.mod-1 .list .item:hover .title,
.mod-1 .list .item:hover .y {
	color: #fff;
} */

/* row3 end */
@media screen and (max-width: 768px) {
	.mod-1 .list {
		padding-top: 1.5rem;
		position: relative;
	}
	
	.mod-1 .text .mod-title{
		font-size: .3rem;
		line-height: 1.2;
	}

	.mod-1 .list .item {
		width: 50%;
		flex: none;
		height: 1rem !important;
		min-height: 1rem !important;
	}
	
	.mod-1 .list .item:nth-child(3){
		position: absolute;
		top: 0.5rem;
		left: 50%;
		transform: translateX(-50%);
	}

	.mod-1 .list .item .number {
		font-size: .3rem;
	}
	.mod-1 .list .item .icon{
		font-size: .2rem
	}
	.mod-1 .list .item .title{
		font-size: .2rem;
		padding-top: .15rem;
	}
}

/* mod-1 end */

/* mod-2 start */
.mod-2 {
	background: #fff;
	background-size: cover;
	padding-top: .7rem;
	padding-bottom: .8rem;
}

.mod-2 .mod-title .title-ch {
	font-size: .36rem;
	font-weight: bold;
	line-height: 1.2;
	color: #333;
	z-index: 2;
}

.mod-2 .mod-title .title-en {
	font-size: .5rem;
	color: rgba(191, 190, 190, .35);
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.mod-2 .swiper .swiper-slide .con-box {
	flex-direction: column;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
  justify-content: center;
	text-align: center;
	align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-webkit-align-items: center;
	color:#fff;
}
.mod-2 .swiper .swiper-slide .con-box .icon {
	font-size: .6rem;
}

.mod-2 .swiper .swiper-slide .con-box .title {
	margin-top: .2rem;
	font-size: .18rem;
	color: #333;
}
.mod-2 .swiper .more {
	width: 2.55rem;
	height: .52rem;
	margin-top: .4rem;
	text-align:center;
	font-size: .18rem;
	color: #0558ca;
	line-height: .52rem;
	border: 1px solid #e7e7e7;
	border-radius: .05rem;
	background: #fdfdfd;
}
.mod-2 .swiper .more .icon {
	margin-left: .1rem;
	font-size: .2rem;
	padding: .04rem;
	border-radius: 50%;
	line-height: 1;
	background: #fff;
	text-align:center;
	box-shadow: 0 0 .05rem rgba(0,0,0,.1);
	-o-box-shadow: 0 0 .05rem rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 .05rem rgba(0,0,0,.1);
	-ms-box-shadow: 0 0 .05rem rgba(0,0,0,.1);
	-webkit-box-shadow: 0 0 .05rem rgba(0,0,0,.1);
}
.mod-2 .swiper .more:hover {
	background: #fff;
	box-shadow: 0 0 .05rem rgba(0,0,0,.1);
	-o-box-shadow: 0 0 .05rem rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 .05rem rgba(0,0,0,.1);
	-ms-box-shadow: 0 0 .05rem rgba(0,0,0,.1);
	-webkit-box-shadow: 0 0 .05rem rgba(0,0,0,.1);
}
.mod-2 .swiper .swiper-pagination {
	padding-top: .3rem;
	text-align: center;
}
.mod-2 .swiper .swiper-pagination .swiper-pagination-bullet{
	width: .16rem;
	height: .16rem;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-ms-border-radius: 50%;
	-moz-border-radius: 50%;
	background: #dcdcdc;
	display: inline-block;
	margin: 0 .06rem;
}

.mod-2 .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background:#0558ca;
}
.mod-2 .swiper {
	padding-top: .8rem;
}
.mod-2 .swiper .swiper-slide {
	padding-left: .1rem;
	padding-right: .1rem;
}
.mod-2 .swiper .swiper-slide .con-box {
	background-color: #fff;
	padding-top: .36rem;
	padding-bottom: .5rem;
	box-shadow: 0 0 .2rem rgba(0,0,0,.1);
	-o-box-shadow: 0 0 .2rem rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 .2rem rgba(0,0,0,.1);
	-ms-box-shadow: 0 0 .2rem rgba(0,0,0,.1);
	-webkit-box-shadow: 0 0 .2rem rgba(0,0,0,.1);
}

.mod-2 .swiper .swiper-slide .icon-wrap {
	background-color: #3991E8;
	border-radius: 50%;
	width: 1rem;
	height: 1rem;
	
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
  justify-content: center;
	text-align: center;
	align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-webkit-align-items: center;
}

.mod-2 .swiper .swiper-slide:nth-child(1) .icon-wrap {
	background-color: #3991E8;
}

.mod-2 .swiper .swiper-slide:nth-child(2) .icon-wrap {
	background-color: #0FC2AC;
}

.mod-2 .swiper .swiper-slide:nth-child(3) .icon-wrap {
	background-color: #DA0C93;
}

.mod-2 .swiper .swiper-slide:nth-child(4) .icon-wrap {
	background-color: #1060CF;
}

.mod-2 .swiper .swiper-slide:nth-child(5) .icon-wrap {
	background-color: #54cac4;
}

.mod-2 .swiper .swiper-slide:nth-child(6) .icon-wrap {
	background-color: #c1b634;
}

.mod-2 .swiper .swiper-slide:nth-child(7) .icon-wrap {
	background-color: #3dc56d;
}

.mod-2 .swiper .swiper-slide:nth-child(8) .icon-wrap {
	background-color: #ef6a6a;
}


@media screen and (max-width: 768px) {
	.mod-2 .mod-title .title-en {
		width: 100%;
		font-size: .4rem;
		z-index: -1;
	}
}

/* mod-2 end */

/* mod-3 start */
.mod-3 .top {
	padding-top: .6rem;
	padding-bottom: .4rem;
}
.mod-3 .mod-title .title-ch {
	font-size: .36rem;
	font-weight: bold;
	line-height: 1.2;
	color: #333;
	z-index: 2;
}

.mod-3 .mod-title .title-en {
	font-size: .5rem;
	color: rgba(191, 190, 190, .35);
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.mod-3 .top-bg {
	background: url("../img/bg-2.jpg") no-repeat top center;
	background-size: cover;
	height: 2.27rem;
	align-content: center;
}

.mod-3 .top-bg .mod-title {
	font-size: .45rem;
	color: #fff;
	font-weight: bold;
	line-height: 1.2;
	height: 100%;
	align-content: center;
}

.mod-3 .top-bg .more {
	position: absolute;
	padding: .1rem;
	bottom: 15%;
	right: 0;
	font-size: .16rem;
	color: #fff;
	line-height: 1;
}

.mod-3 .top-bg .more .icon {
	padding-left: .1rem;
}

.mod-3 .slide-swiper .swiper-slide .pic img {
	width: 100%;
	height: 100%;
}

.mod-3 .slide-swiper .swiper-slide .text {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	background-color: rgba(0, 0, 0, .6);
	justify-content: center;
	align-content: center;
}

.mod-3 .slide-swiper .swiper-slide .text .title {
	font-size: .24rem;
	line-height: 1.2;
	font-weight: bold;
}

.mod-3 .slide-swiper .swiper-slide .text .abstract {
	font-size: .14rem;
	line-height: 1.2;
	padding-top: .1rem;
}

.mod-3 .slide-swiper .swiper-slide .text .more-box {
	padding-top: .2rem;
	visibility: hidden;
}

.mod-3 .slide-swiper .swiper-slide .text .more {
	padding: .1rem;
	border-radius: 50%;
	font-size: .2rem;
	color: #fff;
	background-color: rgba(255, 255, 255, .3);
}

.mod-3 .slide-swiper .swiper-slide .text .number {
	font-size: .6rem;
	color: #fff;
	font-weight: bold;
	line-height: 1;
	padding-bottom: .4rem;
}

.mod-3 .slide-swiper .swiper-slide .text:hover .number {
	padding-bottom: 1rem;
}

.mod-3 .slide-swiper .swiper-slide .text .number::before {
	content: '';
	display: block;
	position: absolute;
	left: 49%;
	top: .8rem;
	width: .01rem;
	height: 0;
	background-color: #fff;
	transition: all 400ms;
}

.mod-3 .slide-swiper .swiper-slide .text:hover .number::before {
	height: .5rem;
}

.mod-3 .slide-swiper .swiper-slide .text:hover {
	background-color: rgba(0, 42, 96, .193); 
}
.mod-3 .slide-swiper .swiper-slide.swiper-slide-active .text {
	background-color: rgba(7, 68, 152, .87);
}

.mod-3 .slide-swiper .swiper-slide .text:hover .more-box {
	visibility: visible;
}

.mod-3 .slide-swiper .swiper-button-next,
.mod-3 .slide-swiper .swiper-button-prev {
	position: absolute;
	font-size: .5rem;
	color: #fff;
	top: 50%;
	z-index: 5;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.mod-3 .slide-swiper .swiper-button-next{
	right: 1%;
}
.mod-3 .slide-swiper .swiper-button-prev{
	left: 1%;
}

.mod-3 .slide-swiper .swiper-slide:hover {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	z-index: 100;
}


@media screen and (max-width: 768px) {
	.mod-3 .top-bg .mod-title {
		font-size: .26rem;
	}
}



/* mod-3 end */

/* mod-r start */
.mod-4 {
	background: url("../img/bg-3.jpg") no-repeat top center;
	background-size: cover;
	padding-top: .7rem;
	padding-bottom: .8rem;
}

.mod-4 .mod-title .title-ch {
	font-size: .36rem;
	font-weight: bold;
	line-height: 1.2;
	color: #333;
	z-index: 2;
}

.mod-4 .mod-title .title-en {
	font-size: .5rem;
	color: rgba(191, 190, 190, .35);
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.mod-4 .con {
	padding-top: .8rem;
}

.mod-4 .con .left {
	width: 44%;
}

.mod-4 .con .right {
	width: 56%;
	padding-left: .5rem;
}

.mod-4 .con .left .pic img {
	width: 100%;
	max-height: 3.9rem;
}

.mod-4 .con .left .title {
	padding-top: .2rem;
	font-size: .18rem;
}
.mod-4 .con .pic-news-swiper .swiper-button-next,
.mod-4 .con .pic-news-swiper .swiper-button-prev {
	position: absolute;
	top: 50%;
	margin-top: -.2rem;
	font-size: .4rem;
	color: #fff;
	font-weight: bold;
	z-index: 2;
}
.mod-4 .con .pic-news-swiper .swiper-button-prev{
	left: 3%;
}
.mod-4 .con .pic-news-swiper .swiper-button-next{
	right: 3%;
}
.mod-4 .con .pic-news-swiper .swiper-button-next.button-disabled,
.mod-4 .con .pic-news-swiper .swiper-button-prev.button-disabled {
	opacity: 0.2;
}

/* right */
.mod-4 .con .right .list .item {
	margin-bottom: .25rem;
}

.mod-4 .con .right .list .item:last-child {
	margin-bottom: 0;
}

.mod-4 .con .right .list .item a {
	padding: .2rem 0;
}

.mod-4 .con .right .list .date {
	display: flex;
	align-content: center;
	flex-direction: column;
	width: 18%;
	text-align: center;
	border-right: .01rem solid rgba(114, 144, 144, .35);
}

.mod-4 .con .right .list .date .d {
	font-size: .48rem;
	line-height: 1;
	color: #0558ca;
	font-weight: bold;
}

.mod-4 .con .right .list .date .y {
	font-size: .14rem;
	line-height: 1;
	padding-top: .1rem;
}

.mod-4 .con .right .list .item .info {
	flex: 1;
	padding-left: .3rem;
	padding-right: .25rem;
}

.mod-4 .con .right .list .item .info .title {
	font-size: .16rem;
	font-weight: bold;
	line-height: 1;
}

.mod-4 .con .right .list .item .info .abstract {
	font-size: .12rem;
	color: #aaaaaa;
	line-height: 1.6;
	padding-top: .2rem;
}

.mod-4 .con .right .more {
	padding-top: .2rem;
}

.mod-4 .con .right .more a {
	font-size: .16rem;
	color: #333;
	line-height: 1.2;
}

.mod-4 .con .right .more .icon {
	padding-left: .1rem;
	font-size: .16rem;
	color: #0558ca;
}


.mod-4 .con .right .list .item a:hover {
	background-color: #fff;
	box-sizing: 0 0 .1rem rgba(0, 0, 0, .1);
}


@media screen and (max-width: 768px) {

	.mod-4 .con .left,
	.mod-4 .con .right {
		width: 100%;
	}

	.mod-4 .con .right {
		padding-left: 0;
		margin-top: .4rem;
	}

	.mod-4 .con .right .more {
		text-align: center;
	}
}

/* mod-4 end */

/* mod-5 start */
.mod-5 {
	padding: .6rem 0;
	background: url("../img/bg-4.jpg") no-repeat top center;
	background-size: cover;
}
.mod-5 .wrap {
	min-height: 5.96rem;
}
.mod-5 .text-top .title {
	font-size: .6rem;
	color: #333;
	line-height: 1;
	font-weight: bold;
}

.mod-5 .text-top .abstract {
	font-size: .16rem;
	color: #929292;
	line-height: 1.4;
	padding-top: .2rem;
}

.mod-5 .text-top .en {
	padding-top: .46rem;
	font-size: .36rem;
	color: #0851b5;
	line-height: 1.6;
	font-weight: bold;
}
.mod-5 .list {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.mod-5 .list ul {
	align-items: flex-end;
}

.mod-5 .list .item {
	width: 33.33%;
	padding: 0 .1rem;
	height: 2.22rem;
}

.mod-5 .list .item a {
	height: 100%;
	width: 100%;
	position: relative;
	box-shadow: 0 0 .1rem rgba(0, 0, 0, .2);
}

.mod-5 .list .item:nth-child(1) a {
	background-color: #0851b5;
}

.mod-5 .list .item:nth-child(2) a {
	background-color: #fff;
}

.mod-5 .list .item:nth-child(3) a {
	background-color: #fff;
}

.mod-5 .list .item .info {
	padding-top: .46rem;
	padding-left: .2rem;
}

.mod-5 .list .item .info .icon {
	font-size: .3rem;
	color: #333;
	padding-right: .1rem;
}

.mod-5 .list .item .info .txt {
	font-size: .3rem;
	color: #333;
}

.mod-5 .list .item .more-box {
	position: absolute;
	left: .5rem;
	bottom: .36rem;
	padding: .11rem .2rem;
	border-radius: .45rem;
	overflow: hidden;
	justify-content: center;
	align-content: center;
	line-height: 1;
}
.mod-5 .list .item .more-box .txt {
	font-size: .16rem;
	color:#fff;
}
.mod-5 .list .item .more-box .icon {
	color: #fff;
	padding-left: .06rem;
}

.mod-5 .list .item:nth-child(1) .info .txt,
.mod-5 .list .item:nth-child(1) .more-box .icon {
	color: #fff;
}
.mod-5 .list .item:nth-child(1) .info .icon,
.mod-5 .list .item:nth-child(1) .more-box .txt {
	color: #fff;
}
.mod-5 .list .item:nth-child(2) .info .txt,
.mod-5 .list .item:nth-child(2) .more-box .icon {
	color: #333;
}
.mod-5 .list .item:nth-child(2) .info .icon,
.mod-5 .list .item:nth-child(2) .more-box .txt {
	color: #333;
}
.mod-5 .list .item:nth-child(3) .info .txt,
.mod-5 .list .item:nth-child(3) .more-box .txt {
	color: #333;
}
.mod-5 .list .item:nth-child(3) .info .icon,
.mod-5 .list .item:nth-child(3) .more-box .icon {
	color: #333;
}


.mod-5 .list .item:hover {
	height: 2.7rem;
}

.mod-5 .list .item:nth-child(1):hover .more-box{
	background-color:#0749a3;
}
.mod-5 .list .item:nth-child(2):hover .more-box{
	background-color: #dcdcdc;
}
.mod-5 .list .item:nth-child(3):hover .more-box{
	background-color: #dcdcdc;
}


@media screen and (max-width: 768px) {
	.mod-5 .list {
		position: relative;
		padding-top: .4rem;
	}
	.mod-5 .list .item{
		width: 100%;
	}
	.mod-5 .text-top .title {
		font-size: .38rem;
	}
}
/* mod-5 end */


























@media screen and (max-width: 768px) {}
@media screen and (max-width: 768px) {}