@charset "utf-8";
/* header&foot */
@font-face { font-family:"bahnschrift";src: url(../font/bahnschrift.ttf);}
.box{width: 1200px; margin: 0 auto; max-width: 92%;}
header{ width: 100%; position: absolute; left: 0; top:0; z-index: 888;}
a,img{ transition: 0.3s;}
a:hover{ color: #1e50ae;}
.head{ height: 110px;}
.head h1{ font-size: 30px; font-weight: bold; color: #fff;text-transform:uppercase;}
.head h1 b{ color: #fff;}
nav a{ display: flex;  justify-content: center; align-items: center; height: 86px; font-size: 16px; margin-left: 20px; padding: 0 20px;border-bottom: 2px solid rgba(0,0,0,0); color: #fff;}
nav a:hover,nav a.active{ border-bottom: 2px solid #1e50ae; color: #1e50ae;}
.title p{     font-size: 16px;
    padding-top: 0px;
	line-height: 39px;   
    color: #bdbdbd;
	text-transform: uppercase;}
.title h1{ font-size: 30px;
    line-height: 40px;
    font-weight: normal;
    color: #000;}
.tubox img{ display: block; margin: 0 auto; max-width: 100%;}
.danye{ font-size: 14px; color: #999; line-height: 2.6;}
.left{ width: 500px;}
.two_ab{ flex-wrap: wrap; align-items: center;}
.right{ width: calc(100% - 570px);}
.two_ab .right .danye{ font-size: 16px;}

.lxlist{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.lxlist span{ margin-top:20px; background-color: #fff; display: flex; flex-direction: column; padding: 30px; box-sizing: border-box; width:31%; font-weight: bold; max-width: 100%;}
.lxlist span img{ width: 20px; height: 24px;}
.lxlist span p{  line-height: 1.8; font-size: 18px; margin-top: 20px;}

.banner{ width:100%;/* margin-top: 124px; */ position: relative;}
.banner_swiper{width: 100%;height: 100%;}
.banner_swiper .swiper-slide{width: 100%; height: 100%; overflow: hidden;}
.ban_bg{width: 100%; height: 100%;}
.ban_bg img{ display: block; width: 100%;}
.banner_swiper .swiper-slide-active .bn_tx h1{transform: translateY(0); opacity: 1;}
.banner_swiper .swiper-slide-active .bn_tx h2{transform: translateY(0);opacity: 1;}
.banner_swiper .swiper-slide-active .bn_tx a{transform: translateY(0);opacity: 1;}
.banner_swiper .swiper-pagination{ width: 1200px; left: 50%;  top: auto; height: 5px!important;  bottom: 40px; text-align: left;  display: flex; justify-content: center;transform: translateX(-50%);}
.banner_swiper .swiper-pagination-bullet{ width:45px;height:1px; box-sizing: border-box; border-radius:0;  background:#fff; opacity: 1; margin: 0 5px!important;}
.banner_swiper .swiper-pagination-bullet-active{opacity: 1; display: flex; align-items: center;width:45px;height:5px; box-sizing: border-box; border-radius:0;  background:#fff; }
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{ width: 100%; box-sizing:border-box; height: 44px; line-height: 44px; text-align: center; color: #fff; font-weight: bold; font-size: 26px; border-radius: 50%; transition: 0.3s; opacity: 0.8;}
.banner .swiper-button-next,.banner .swiper-button-prev{width: 44px!important;}
.banner .swiper-button-next:hover:after,.banner .swiper-button-prev:hover:after{color: #fff; opacity: 1;}
.banner .swiper-button-next{ right: 36px;}
.banner .swiper-button-prev{ left: 36px;}

footer{ width: 100%; color: #ccc; background-color: #0e0e0e; padding: 40px 0;line-height: 2;}
.foot{ justify-content: center; display: flex; flex-wrap: wrap; font-size: 16px;}
.foot b{ margin: 0 5px; font-weight: normal;}
.foot a{ color: #fff;}


#toTop{ background-color:rgba(62,136,248,0.9); right: 30px; bottom: 60px; width: 50px; height: 50px; border-radius: 5px; display: flex; justify-content: center; align-items: center; transition: 0.3s; z-index: 966; }
#toTop:hover{background-color:rgba(62,136,248,0.5);}
#toTop img{ width: 60%;}

section{position: relative; padding: 100px 0;}
main{width: 1200px; margin: 0 auto; max-width: 92%;}




.conf{ display: flex; box-sizing: border-box; justify-content: space-between;}
.conc{ display: flex; align-items: center;}
.ziov{white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }
.ziov2{ display: -webkit-box; /* 将元素作为弹性伸缩容器 */
        overflow: hidden; /* 隐藏溢出内容 */
        text-overflow: ellipsis; /* 使用省略号表示被裁切的部分 */
        line-clamp: 2; /* 限制最大行数为2行 */
        -webkit-line-clamp: 2; /* Safari/Chrome特定的限制最大行数的属性 */
        -webkit-box-orient: vertical; /* 设置垂直布局 */}
.mtop30{ margin-top: 0.3rem;}
.mtop50{ margin-top: 0.5rem;}
/* @media (prefers-reduced-motion: no-preference) {
    html {
        scroll-behavior: smooth;
    }
} */
@media only screen and (max-width:1200px) {
	.left{ width: 400px;}
	.right{ width: calc(100% - 450px);}
}
@media only screen and (max-width:1000px) {
	.head h1{ font-size: 22px;}
	.left{ width: 100%; margin-bottom: 20px;}
	.right{ width:100%;}
	.two_ab{ text-align: center;}
}
@media only screen and (max-width:750px) {
	.banner_swiper .swiper-pagination{ bottom:5px;}
	.banner_swiper .swiper-pagination-bullet{ width: 20px; height: 1px;}
	.banner_swiper .swiper-pagination-bullet-active{ width: 20px; height: 3px;}
	.banner_swiper .swiper-pagination{ height: 10px!important;}
	.banner .swiper-button-next:after, .banner .swiper-button-prev:after{ width: 30px; height: 30px; line-height: 30px; font-size: 18px;}
	.banner .swiper-button-prev{ left: 10px;}
	.banner .swiper-button-next{ right: 10px;}
	.head h1{ font-size: 16px;}
	.head{ height: 80px;}
	nav a{ width: auto; font-size: 14px; height: 52px;}
	.lxlist span{ width: 100%;}
	.lxlist span p{ font-size: 15px;}
	section{ padding: 50px 0;}
	#toTop{ width: 40px; height: 40px; right: 10px; bottom:50px}
	footer{ padding: 30px 0;}
}
@media only screen and (max-width:500px) {
	.head h1{ font-size: 12px;}
	nav a{font-size: 12px; padding: 0 5px; margin-left: 5px;}
	.title h1{ font-size: 24px;line-height: 30px;}
	.title p{ font-size: 14px; line-height: 30px;}
	.foot{ font-size: 14px;}
}