@charset "utf-8";
/* header&foot */
.box{width: 1540px; margin: 0 auto; max-width: 92%;}
header{position: fixed; left: 0; top: 0;width: 100%; z-index: 9992;color: #fff; border-bottom: 1px solid #636c86;}
header.active{ background-color: rgba(32,31,37,0.9);}
a,img{color: #333; transition: 0.3s;}
a:hover{ color: #2f5596;}
.tu h1{ position: relative; width: 100%; overflow: hidden;}
.tu h1::before{ content: ""; display: block; padding-top: 80%;}
.tu h1 img{position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; display: block;transition: 0.3s;}
.fdjg:hover h1 img{ transform: scale(1.1);}

.head{ width: 100%;}
.headbox{ height: 108px;} 
.logo img{ height: 56px; width: auto;}
nav{ height: 100%; display: flex;align-items: center; justify-content: space-between; flex-wrap: wrap; flex: 1; margin-left: 6%;}
.nav-item{position: relative;height: 100%;}
.nav-box{display: flex;align-items: center; flex-wrap: wrap; justify-content: space-between; width: 100%; height: 100%;}
.mc{display: none}
.first-nav{ height: 100%; width: 100%;}
.first-nav a{ font-size:18px; display: flex; align-items: center; justify-content: center; height: 100%; position: relative; transition: 0.3s; padding: 0 5px; color: #fff;}
.first-nav a i{display: none; margin-left: 10px; transition: 0.3s;}
.first-nav a i::before{content: "\e600";}
.first-nav.focus i{transform: rotate(180deg);}
.first-nav>a::after{ position: absolute;content: ""; display: block;width: 0; height: 2px; background-color: #f6f6f6; left: 50%; transform: translateX(-50%); bottom: -1px; transition: 0.3s;}
.first-nav.on>a::after,.nav-item:hover .first-nav>a::after{ width: 50px;}
.second-nav{position: absolute; left: 50%; top: 80px; background: #fff;  box-sizing: border-box;z-index: 99; max-height: 0; overflow: hidden; opacity: 0; transition: 0.3s; min-width: 100%; transform: translateX(-50%); background-color: rgba(255,255,255,0.9);box-shadow: 0px 2px 4px rgba(0,0,0,0.1); }
.second-nav a{color: #333; display: block;text-align: center; font-size: 16px; line-height: 3; transition: 0.3s; white-space: nowrap; padding: 0 30px;}
.second-nav a:hover{ color: #fff; background-color: #0075b9;}
.nav-item:hover .second-nav{ max-height: 1000px; opacity: 1;}
.mBtn{ width: 40px; height: 40px; border-radius: 4px;cursor: pointer; box-sizing: border-box;display: none;}
.mBtn span{ display: block;  width: 26px;}
.mBtn span i{width: 100%; height: 2px; background: #333; display: block; margin: 0 auto;  margin-top: 5px; transition: 0.5s;}
.mBtn.active span i{background-color: #0074ba;}
.mBtn span i:first-child{margin-top: 0;}
.mBtn.active{ background-color:transparent;}
.mBtn.active span i:nth-child(1){transform: rotate(45deg) translateY(4px) translateX(4px);}
.mBtn.active span i:nth-child(2){transform: rotate(-45deg) translateY(-1px) translateX(1px);}
.mBtn.active span i:nth-child(3){ width: 4px;}

.banner{ width: 100%; height:auto;}
.swiper {width: 100%;/* height: 100%; */}
.swiper-slide img {display: block; width: 100%; height: auto; object-fit: cover;}
.banner .swiper-slide.swiper-slide-active img{animation: scroll1 6s linear infinite;}
@keyframes scroll1 {
0%{ transform: scale(1);}
50%{transform: scale(1.1);}
100%{transform: scale(1);}
}
.swiper-pagination-bullet{color: #fff; font-size: 16px; background-color: transparent; position: relative; padding-right: 20px; opacity: 1; height: 20px;line-height: 20px; font-family: Arial;}
.swiper-pagination-bullet-active{ font-weight: bold; padding-right: 24px;}
.swiper-pagination-bullet::after{ content: ""; display: block; width: 10px; height: 1px; background-color: #fff; position: absolute; right: 0; top: 50%; opacity: 0;}
.swiper-pagination-bullet-active::after{opacity: 1;}
.swiper-pagination{ left: 0; width: auto!important;display: flex; top: 50%; transform: translateY(-50%);}
.ban_bg{ width: 100%;}
.bannerfu{ position: absolute; left: 50%; transform: translateX(-50%); bottom:15px; z-index: 9990; }
.swiper-button-next::after,.swiper-button-prev::after{ font-size: 14px; color:  #fff;}
.swiper-button-prev,.swiper-button-next{ width: 46px; height: 46px; transition: 0.3s; border-radius: 100%; border: 1px solid rgba(255,255,255,0.3); top: 50%!important; margin: 0!important; transform: translateY(-50%)!important;}
.swiper-button-prev img,.swiper-button-next img{ width: 100%; display: block;}
.banner .swiper-button-prev{ left: auto; right: 78px;}
.swiper-button-prev:hover,.swiper-button-next:hover{  opacity: 1; border: 1px solid #fff;}
.shub{ margin: 0 auto; width: 4em; font-size: 14px; color: #fff; text-align: center;animation: dup 3s linear infinite;}
.shub img{ width: 22px; display: block; margin: 0 auto; margin-bottom: 5px;}
@keyframes dup {
0%{transform:translateY(0px);}
50%{transform:translateY(-20px);}
100%{transform:translateY(0px); }
}

#toTop{ background-color:rgba(46,140,195,0.6); right: 20px; bottom: 92px; width: 40px; height:40px; border-radius: 0px; display: flex; justify-content: center; align-items: center; transition: 0.3s; z-index: 9990; }
#toTop:hover{background-color:rgba(254,239,85,0.8); }
#toTop img{ width: 60%;}
footer{ width: 100%; color: #89888b; background-color: #201f25; overflow: hidden;}
footer a{color: #afafaf;}
.xian{ width: 100%; height: 1px; background-color: #454449;}
.ftcon{ width: 100%; padding: 40px 0; padding-bottom: 50px;}
.ftdi{ padding: 20px 0; line-height: 2;flex-wrap: wrap; text-align: center;}
.ftdi i{ padding:0 5px;}
.ft1,.ft2{ display: flex; margin-top: 20px;}
.erweima img{ width:125px; height: 125px; display: block; padding: 10px; border: 1px solid #888;}
.ft1box{ width: 230px; margin-left: 35px; font-size: 16px; line-height: 1.8;}
.ft1box img{width: 53px; margin-bottom: 5px;}
.ft1box h3{ font-size: 32px; font-family: Arial; font-weight: bold;line-height: 1.2;}
.ft2{ flex: 1; margin-left: 50px; padding-left: 50px; border-left: 1px solid #454449; padding-right: 50px; box-sizing: border-box;}
.ft2 h2 a{ font-size: 16px; color: #89888b;}
.ft2 span{ display: block; margin-top: 20px; line-height: 2;}
.ft2 span a:hover{ text-decoration: underline; }
.ft2 a:hover{color: #fff;}
.ft_logo img{ display: block; width: 247px;}

section{position: relative;width: 100%; padding: 60px 0;}
main{width:1540px; margin: 0 auto; max-width: 92%;}
.concc{ height: 100%; display: flex; align-items: center;}
.title h2{ color: #ccc; font-size: 52px;text-transform: uppercase;}
.title{ font-size: 26px; line-height: 1.2;}
.more{ width: 161px; height: 58px; display: block; font-size: 16px; color:  #fff; background: url(../img/more.png) no-repeat; background-size: 100% 100%; box-sizing: border-box; padding-top: 20px; padding-left: 25px;}
.more:hover{transform: translateX(5px); color: #fff; }
@keyframes daxiao {
  0%   { transform: scale(0.8);}
  50% {transform: scale(1);}
  100%   {transform: scale(0.8);}
  }

.con1bj{ background: url(../img/bj1.jpg) center top no-repeat; background-size: cover; padding-bottom: 150px;}
.con1le{ width: 780px; max-width: 100%; margin-right: 70px;}
.con1ri img{ display: block; max-width: 100%;}
.con2bj{background: url(../img/bj2.jpg) center center no-repeat; background-size: cover; padding-top: 0;}
.con2_fu{ width: 100%; background-color: #fff; box-sizing: border-box; position:relative;top: 0; transform: translateY(-50%); padding: 50px 0;}
.con2_fu>div{ width: 33.33%; box-sizing: border-box; border-right: 1px solid #ebebeb; padding:0 55px; font-size: 20px; color: #2f5596; line-height: 1.8;}
.con2_fu>div:last-child{ border-right: none;}
.con2_fu>div img{ width: 64px; display: block; margin-right: 20px;}
.con2bj .title,.con2bj .title h2,.con4bj .title,.con4bj .title h2{ color: #fff;}
.con2bj .more,.con4bj .more{ background: url(../img/more1.png) no-repeat; background-size: 100% 100%;}
.tulist{ background-color: #fff; border: 1px solid #e9e9e9; box-sizing: border-box; display: block; padding: 15px; text-align: center; font-size: 18px; line-height: 3;}
.con2 .swiper-button-prev,.con2 .swiper-button-next,.con3 .swiper-button-prev,.con3 .swiper-button-next,.con4 .swiper-button-prev,.con4 .swiper-button-next{ background-color: #2f5596; border: 1px solid #2f5596; font-weight: bold;}
.con2{ position: relative; margin-top: -30px;}
.con3bj{background: url(../img/bj3.jpg) center bottom no-repeat; background-size: cover;}
.con3tex h2{ font-size: 40px; color: #2f5596; margin-top: 90px; margin-bottom: 30px;}
.con3tex{ font-size: 24px; line-height: 1.8; margin-top: 20px;}
.con3ri{ width:calc(100% - 500px); max-width: 100%; display: flex; justify-content: end;}
.con3ri img{ max-width: 100%;}
.tulist1 .tu{background-color: #fff; border: 1px solid #e9e9e9; box-sizing: border-box; display: block; padding: 15px;}
.tulist1 .tu img{object-fit: contain;}
.tulist1 p{ text-align: center; font-size: 20px; margin-top: 20px;}
.con4bj{background-image: linear-gradient(to bottom, #10213b 50%, #fff 50%);}
.newlist.tu{ width: 100%;}
.newlist{ background-color: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 10px 0px rgba(0,0,0,0.1); display: block;}
.con4Swiper{ padding-bottom: 10px;}
.newlist span{ display: block; box-sizing: border-box; width: 100%; padding: 40px; font-size: 16px; color: #999; line-height: 1.7; padding-top: 30px;}
.newlist span h2{ font-size: 18px; color: #000;}
.newlist span p{ margin-top: 20px; margin-bottom: 20px;}

/* 二级分页 */
ul.yiiPager{ display: flex;  justify-content: center;}  
ul.yiiPager li{display:block; margin:0 3px;}  
ul.yiiPager li a{ width: 46px; height: 46px; border-radius:10px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; line-height: 1; border:#ddd solid 1px;color: #666; transition: 0.3s;}  
ul.yiiPager li a:hover{background:#2f5596;border:#2f5596 solid 1px;color:#FFF;}
ul.yiiPager li.first a::before{content: "\e741";}
ul.yiiPager li.last a::before{content: "\e741"; transform: rotate(180deg);}
ul.yiiPager li.previous a::before{content: "\e694";transform: rotate(180deg); font-size: 14px;}
ul.yiiPager li.next a::before{content: "\e694"; font-size: 14px;}
ul.yiiPager li.selected a{background:#2f5596;border:#2f5596 solid 1px;color:#FFF;}
ul.yiiPager li.shouye a{ width: 60px; border-radius: 36px;}
.bar{margin-top: 50px; display: flex; justify-content: space-between;}
.bar a{font-size: 16px; color: #666; line-height: 1; transition: 0.3s;background: #F2F2F2;}
.bar a:hover{background: #2f5596; color: #fff;}
.bar a.show_prev{display: flex; align-items: center; justify-content: space-between;  padding: 20px 30px; box-sizing: border-box; width: calc(50% - 100px);}
.bar a.show_prev::before{content: "\e694"; transform: rotate(-180deg);}
.bar a.show_prev i{width: calc(100% - 30px);word-wrap:break-word; white-space:nowrap;overflow: hidden;text-overflow:ellipsis;}
.bar a.show_next{display: flex; align-items: center; justify-content: space-between;  padding: 20px 30px; box-sizing: border-box; width: calc(50% - 100px);}
.bar a.show_next::after{content: "\e694"; }
.bar a.show_next i{width: calc(100% - 30px);word-wrap:break-word; white-space:nowrap;overflow: hidden;text-overflow:ellipsis; text-align: right;}
.bar a.back_list{display: flex;align-items: center; justify-content: center; width: 140px;}
.bar a.back_list::before{content: "\e675"; display: block; margin-right: 8px;font-size: 14px;}
.pages{ padding: 10px 0;}

.show_title{text-align: center;  border-bottom: 1px #e1e1e1 solid; padding-bottom: 30px;}
.show_title h1{font-size: 28px; font-weight: bold;}
.show_title h2{margin-top: 20px; font-size: 16px;color: #999; display: flex;align-items: center; justify-content: center;}
.danye{line-height: 2.2;font-size: 16px; width: 100%;}
.danye img{max-width: 100%!important;display: block; margin:0 auto; width: 800px!important;}

.erbanner{ width: 100%; overflow: hidden;}
.erbanner img{ display: block;width: 100%;animation: scroll1 6s linear infinite;}
.ertitle{ width: 100%; text-align: center; font-size: 30px;}
.ernav{ display: flex; justify-content: center; flex-flow: wrap;}
.ernav a{ height: 50px;border-radius: 50px; display: flex; align-items: center; padding: 0 20px; min-width: 160px; box-sizing: border-box; margin: 10px 12px; background-color: #2f5596; color: #fff; font-size: 18px; justify-content: center;}
.ernav a.on{ background-color: #d5b246; color: #fff;}
.ernav a:hover{background-color: #d5b246; color: #fff;}
.erbox .con2_fu{ transform: translateY(0); background-color: #fafafc; box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);}
.lxmap{ box-sizing: border-box;width: 100%; height: 500px; margin-bottom: 30px;}
.lxlist{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.lxlist span{background-color: #f9f9f9; display: flex; flex-direction: column; padding: 30px; box-sizing: border-box; width:31%;}
.lxlist span img{ width: 24px; height: 24px;}
.lxlist span p{  line-height: 1.8; font-size: 18px; margin-top: 20px;}
.er_weizhi{ width: 100%; background-color: #f6f6f6; line-height: 46px; font-size: 16px; color: #666;}
.er_weizhi i{ color: #0075b9;}
.erbox .newlist{ width: 100%; display: flex; background-color: #f8f8f8; box-sizing: border-box; padding: 25px 20px; margin-top: 30px;}
.erbox .newlist h1{ width: 360px;}
.erbox .newlist span{ padding: 10px 0; margin-left: 30px;}
.newlist:hover p{ color: #2f5596;}
.twlistbox{ display: flex; flex-wrap: wrap; width: 100%; margin-top: 20px;}
.twlistbox .kuai3{ margin-top: 30px;}
.tdlist{ background-color: #00559d; color: #fff; display: block; width: 100%; text-align: center; font-size: 16px; line-height: 2; border: 1px solid #fff; box-sizing: border-box;}
.tdlist:hover{ color: #fff;}
.tdlist>div{ width: 100%; box-sizing: border-box; padding: 15px; padding-bottom: 20px;}
.tdlist>div>span{ display: block; width: 100%; padding-bottom: 15px; border-bottom: 1px solid #80aace; font-size: 18px; margin-bottom: 15px;}
.tdlistbox .tu h1::before{ padding-top: 100%;}

.cu{ font-weight: bold;}
.sj{ display: none;}
select::-ms-expand { display: none;} 
select {appearance:none; -moz-appearance:none; -webkit-appearance:none;}
input::placeholder{color:#999;}
.kuai4{ width: calc(25% - 15px)!important; margin-right: 20px;}
.kuai4:nth-child(4n){ margin-right: 0;}
.kuai3{ width: calc(33.33% - 48px)!important; margin-right: 72px;}
.kuai3:nth-child(3n){ margin-right: 0;}
.conf{ display: flex; justify-content: space-between;}
.conc{ display: flex; align-items: center;}
.dianji{ cursor: pointer;}
.mtop60{ margin-top: 60px;}
.mtop50{ margin-top: 50px;}
.mtop40{ margin-top: 40px;}
.mtop30{ margin-top: 30px;}
.mtop20{ margin-top: 20px;}
.mtop10{ margin-top: 10px;}


/*----- 超出省略号///-----*/
.toe{ word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.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; /* 设置垂直布局 */}
.ziov3{ display: -webkit-box; /* 将元素作为弹性伸缩容器 */
        overflow: hidden; /* 隐藏溢出内容 */
        text-overflow: ellipsis; /* 使用省略号表示被裁切的部分 */
        line-clamp: 3; /* 限制最大行数为3行 */
        -webkit-line-clamp: 3; /* Safari/Chrome特定的限制最大行数的属性 */
        -webkit-box-orient: vertical; /* 设置垂直布局 */}
.ziov4{ display: -webkit-box; /* 将元素作为弹性伸缩容器 */
        overflow: hidden; /* 隐藏溢出内容 */
        text-overflow: ellipsis; /* 使用省略号表示被裁切的部分 */
        line-clamp: 4; /* 限制最大行数为4行 */
        -webkit-line-clamp: 4; /* Safari/Chrome特定的限制最大行数的属性 */
        -webkit-box-orient: vertical; /* 设置垂直布局 */}
.ziov5{ display: -webkit-box; /* 将元素作为弹性伸缩容器 */
        overflow: hidden; /* 隐藏溢出内容 */
        text-overflow: ellipsis; /* 使用省略号表示被裁切的部分 */
        line-clamp: 5; /* 限制最大行数为5行 */
        -webkit-line-clamp: 5; /* Safari/Chrome特定的限制最大行数的属性 */
        -webkit-box-orient: vertical; /* 设置垂直布局 */}
		
.qingchu img{
	image-rendering: -moz-crisp-edges; /* Firefox */
	image-rendering: -webkit-optimize-contrast; /* Webkit (Safari/Chrome) */
	image-rendering: pixelated; /* Standards */
	}