@charset "utf-8";

@font-face{
   font-family:'ap'; 
   src: url('../fonts/Accidental Presidency.ttf');
}
@font-face{
   font-family:'din'; 
   src: url('../fonts/din.ttf');
}
body{ position: relative; _overflow:hidden; overflow-x:hidden; width: 100%; *cursor: default; color: #333; line-height: 1.5;}
a,img{ transition: 0.3s;}
.cptu{background-color: #fff;object-fit: contain!important;}
.tu{ position: relative; width: 100%; overflow: hidden;}
.tu::before{ content: ""; display: block; padding-top: 56%;}
.tu img{position: absolute; width: 100%; height: 100%; left: 0; top: 0;; display: block;transition: 0.3s;object-fit: cover;}
img{ max-width: 100%;}
header{ position: fixed; z-index: 9992; left: 0; top: 0; width: 100%; transition: 0.3s;}
header.on{ background-color: #fff; box-shadow: 0 3px 10px rgba(0,0,0,.1);}
.logoc{ display: none;}
header.on .logoc{ display: block;}
header.on .logow{ display: none;}
header.on .first-nav a{ color: #000;}
header.on .head.box{height: 80px;}
header.on .first-nav a em{ background-color: #000;}
.logo{ height: 60px; margin-right: 5%; max-height: 70%;}
.logo img{ height: 100%;}
.head.box{height: 100px; transition: 0.3s;}
nav{ height: 100%;box-sizing: border-box; padding-bottom: 10px;}
.topri{ margin-left: 1%;}
.nav-item{position: relative;height: 100%; width: 100%;}
.nav-box{height: 100%; gap: 35px;}
.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; color: #fff; font-weight: 500;}
.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 em{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 20%; width: 0; background-color: #fff; height: 1px; width: 0; overflow: hidden; transition: 0.3s;}
.second-nav{position: absolute; left: 50%; top: 100px; 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{ background-color: #fff; color: #0071b7;}
.first-nav.on a em{ width: 102%;}
.nav-item:hover .first-nav a{color: #35b3ea;}
.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; position: sticky; right: 0; z-index: 9993;}
.mBtn span{ display: block;  width: 26px;}
.mBtn span i{width: 100%; height: 2px; background: #fff; display: block; margin: 0 auto;  margin-top: 5px; transition: 0.5s;}
.mBtn span i:first-child{margin-top: 0;}
.mBtn.active{ background-color:transparent;}
.mBtn.active span i{background: #000; width: 80%;}
.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: 0px;}
.banner,.swiper,.bannerbox,.swiper-slide{ width: 100%; overflow: hidden; height: auto;}
.swiper-slide img{display: block;width: 100%; object-fit: cover;}
.swiper-pagination-bullet{ opacity: 0.4; width: 52px; height: 4px; background-color: #fff; border-radius: 0; margin-right: 10px;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity: 1;}


section{ padding: 80px 0;}
.title{ text-align: center;}
.title h2{ font-size: 40px; margin-bottom: 5px;}
.title p{ font-size: 16px;max-width: 80%;margin: 0 auto; text-align:center;}
.con1list{border: 1px solid #ddd;text-align: center;padding: 10% 17%; transition: 0.3s;}
.con1list:nth-child(1),.con2list:nth-child(1),.fw03list:nth-child(1){ animation-delay: 0s;}
.con1list:nth-child(2),.con2list:nth-child(2),.fw03list:nth-child(2){ animation-delay: 0.1s;}
.con1list:nth-child(3),.con2list:nth-child(3),.fw03list:nth-child(3){ animation-delay: 0.2s;}
.con1list:nth-child(4),.con2list:nth-child(4){ animation-delay: 0.3s;}
.con1list i{ width: 180px;height: 100px;display: block;margin: 0 auto;max-width: 100%;background-size: 200% 100%;-webkit-transition: all 1.5s ease;transition: all 1.5s ease;}
.con1list h2{font-size: 18px; margin: 15px 0px;}
.con1list:hover{box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.con1list:hover i{background-position:100% 0px;}
.con1{ gap: 26px;}
.con2bj{background-repeat: no-repeat;background-position: center;background-size: cover;background-attachment: fixed;transition: 0.3s;background-image: url(../img/ad4.jpg);}
.wtitle .title,.wtitle .title p{ color: #fff!important;}
.wtitle .title p{ opacity: 0.7;}
.con2{color: #fff;gap: 26px;}
.con2list{ position: relative;box-sizing: border-box; border: 1px rgba(255,255,255,.4) solid; padding: 0 40px; height: 500px; transition: 0.3s; display: flex; align-content: center; flex-wrap: wrap;  cursor: pointer;}
.con2list em{font-size: 90px;font-family: 'ap'; line-height: 0.8; color: rgba(255,255,255,.3); position: relative; z-index: 1; width: 100%;}
.con2list span{display: block; position: relative; z-index: 2; transition: 0.3s; width: 100%;}
.con2list span h2{font-size: 28px; font-weight: bold; margin-top: 10px;}
.con2list span h3{font-size: 16px; margin-top: 40px; text-align: justify;}
.con2list:hover{background: #0091da; border: 1px #0091da solid; }
.con2list:hover em{color: rgba(0,0,0,.1);}
.con2list:hover span{margin-top: -40px;}
.con2list:hover span h1{color: #fff;}
.con2list:hover span h2{color: #fff;}
.con3{ border-left: 1px solid #f1f1f1; border-top: 1px solid #f1f1f1;}
.con3list{border-right: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; box-sizing: border-box;transition: all 0.4s;position: relative;}
.con3list img{-webkit-filter: grayscale(100%); */filter: grayscale(100%); transition: all 0.3s;}
.con3list:hover img{ -webkit-filter: grayscale(0);filter: grayscale(0);}
.con3list:hover{ z-index: 9;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
.con3list::before{ content: ""; display: block; padding-top: 42%;}
.con3list img{position: absolute; width: 100%; height: 100%; left: 0; top: 0;; display: block;transition: 0.3s;object-fit: contain;}
.con4bj{background-repeat: no-repeat;background-position: center;background-size: cover;background-attachment: fixed;transition: 0.3s;background-image: url(../img/ad1.jpg);}
.newlist{ background-color: #fff; display: block; box-sizing: border-box; width: 100%; padding:30px; transition: 0.3s; box-shadow: 0 5px 15px rgba(0,0,0,0.1);}
.time img{ width: 20px;}
.time{ gap: 6px;}
.newlist h2{ font-size: 18px; margin:10px 0; transition: 0.3s;}
.newlist .texh{ height: 70px;}
.newlist h3{ display: inline; border-bottom: 1px solid #cbcbcb; padding-bottom: 5px; color: #666; transition: 0.3s;}
.newlist:hover h3{ color: #0071b7; border-bottom: 1px solid #2ab6f3; }
.newlist:hover h2{color: #0071b7;}
.con4di{ position: relative; display: flex; justify-content: center; gap: 10px;}
.con4di .swiper-pagination{ position: relative;}
.con4di .swiper-button-next,.swiper-button-prev{ position: relative;left: auto; right: 0;top: auto; bottom: auto; margin: 0; width: 50px;}
.con4di .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{ font-size: 0; color: #000;}
.con4di a{ background-color: #fff; border-radius: 5px; height: 50px; display: flex; align-items: center; justify-content: center; background-size: 100% 200%;}
.con4di a.more{ width: 90px; background-size: 100% 200%;}
.con4di a:hover{ background-position:100% -200%;}
.dianji{ cursor: pointer;}
.anniu{ background-color: #282828; color:#fff; height:60px; display: flex; align-items: center;transition: 0.3s; justify-content: center; box-sizing: border-box; padding: 0 15px;}
.anniu:hover{ background-color: #0091da; cursor: pointer;}
.inpk{ width: 100%; display: block; background-color: #efefef; box-sizing: border-box; padding: 0 15px; height: 60px; border: none;}
.con5{ gap: 20px;}
.con5 .anniu{width: 200px;}
.con5 .bdbox:nth-child(1),.con5 .bdbox:nth-child(2){ width: 300px;}
.con5 .bdbox:nth-child(3){ flex:1}
input[type=text]:focus{ background-color: #e5f4fa;}
footer{ background-color: #282828; color: #797979;}
footer a{ color: #797979;}
footer a:hover{ color: #fff;}
.foot{ padding: 40px 0; gap: 20px;}
.xian{ width: 100%; background-color: #5c5c5c; height: 1px;}
.footnav{ gap: 10px; margin-bottom:40px;}
.footdi{ padding: 15px 0; gap:5px 15px;}
.ft2 span{ width: 98px; display:black;}
.ft2 span img{display:black; width: 100%;}
.ft1{ gap:60px; flex-wrap: wrap;}
.ft1 .fttex{ max-width: 410px; font-size: 16px;}
.ft1 .fttex p{ margin-top: 5px;}
.ft1>img{ width: 128px;}
#toTop{ background-color:rgba(0,0,0,0.9); right: 10px; bottom: 80px; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; transition: 0.3s; z-index: 966; }
#toTop:hover{background-color:#0091da;}
#toTop img{ width: 60%;}


/* 二级分页 */
.erbanner{ width: 100%; min-height: 600px; background-size: cover; color: #fff; align-items: center; display: flex;}
.news-pages{ display: flex; justify-content: center;}
.news-pages a{display: block; font-size: 18px;color: #aaa; font-family: 'PingFang SC';  margin: 0 15px; transition: 0.3s; position: relative; height: 80px; line-height: 80px;}
.news-pages a i{position: absolute; left: 0; top:50%; transform: translateY(-50%); transition: 0.3s; display: block; height: 2px; width: 0; background: #000;}
.news-pages a:hover{color: #000;}
.news-pages a.focus{color: #000;}
.news-pages a.first::before{content: "\e9f0";}
.news-pages a.last::before{content: "\e76f";}
.news-pages a.prev::before{content: "\e684";}
.news-pages a.next::before{content: "\fd72";}
.news-pages a.omit:hover i{display: none;}
.newbox{ gap: 26px;}
.newbox .newlist:hover{box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.lxmap{ box-sizing: border-box;width: 100%; height: 50vh; margin-top: 40px;}
.lxlist{ gap: 26px;}
.lxlist span{  background-color: #f9f9f9; display: flex; flex-direction: column; padding: 30px; box-sizing: border-box;font-weight: bold;}
.lxlist span img{ width: 20px; height: 24px;}
.lxlist span p{  line-height: 1.8; font-size: 18px; margin-top: 20px;}
.lxlist span:hover{ background-color: #efefef;}
.lxbj{background-repeat: no-repeat;background-position: center;background-size: cover;background-attachment: fixed;transition: 0.3s;background-image: url(../img/app_flow.jpg);}
.lxma img{ display:block; width: 180px; margin: 0 auto; max-width: 36%;}
.lxlist span{ padding: 25px;}
.danye{ font-size: 18px; line-height: 2;}
.about{ color: #fff; text-align: center; gap: 30px;}
.about h2 span{ font-size: 60px; position: relative;}
.about h2{ vertical-align: top;}
.about h2 span::after{ content: "+"; position:absolute; right: -1em; top: 0; font-size: 18px;}
.abbj{background-repeat: no-repeat;background-position: center;background-size: cover;background-attachment: fixed;transition: 0.3s;background-image: url(../img/ad3.jpg);}
.fw01{ gap: 40px;}
.fw1box{ background-color: #fff; box-sizing: border-box; width: 100%; padding: 30px;}
.fw1box .top{ gap: 20px; border-bottom: 1px solid #dddddd;padding-bottom: 20px; margin-bottom: 20px;}
.fw1box .top img{ width: 58px;}
.fw1box .top h2{ font-size: 18px; margin-bottom: 5px;}
.fw1box .top p{ font-size: 12px; color: rgba(51, 51, 51, 0.24);}
.fw1box .top span{ flex: 1;}
.fw01list{ box-shadow: 0 5px 15px rgba(0,0,0,0.1); transition: 0.3s;}
.fw01list:hover{box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.fw1box .tex h2{ font-size: 16px; margin-bottom: 15px;}
.fw1box .tex p{ color: #999;}
.fw01list:hover .tu img{ transform: scale(1.1);}
.fw02list img{ width: 72px; display: block; margin: 0 auto;}
.fw02list{ text-align: center;}
.fw02list h2{ font-size: 22px; font-weight: bold; margin-top: 20px; margin-bottom: 15px;}
.fw02list{ background-color: #fff; border-radius: 15px; padding:40px 30px;}
.fw02list P{ font-size: 16px;color: #999;}
.fw02list:hover{box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.fw02{ gap: 26px;}
.gy1box{ display: flex; flex-direction: column; margin-top:10px;}
.gy1boxcon{ margin-top: 70px; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.gy1boxle{ width: 50%; overflow: hidden;}
.gy1boxle img{ display: block; width: 100%;}
.gy1boxle img:hover{transform: scale(1.1);}
.gy1boxri{ width: 50%; box-sizing: border-box; padding-left: 90px;}
.gy1boxri h1{ font-size: 60px; color: #0C6EB9; font-weight: bold;}
.gy1boxri h2{ font-size: 24px; line-height: 5;font-weight: bold;}
.gy1boxri p{font-size: 16px; color: #666; line-height: 2.2; text-indent: 2em; }
.gy1box .gy1boxcon:nth-child(2n){ flex-direction: row-reverse;}
.gy1box .gy1boxcon:nth-child(2n) .gy1boxri{ padding-left: 0; padding-right: 90px;}
.fw02bj{ background-color: #f7f7f7;}
.fw03list{ background-color: #fff; transition: 0.3s;}
.fw03list .tex{ box-sizing: border-box; padding: 20px; padding-bottom: 35px; text-align: center;line-height: 1.6; color: #666;}
.fw03list .tex h2{ font-size: 18px; font-weight: bold; margin-bottom: 10px; color: #000;}
.fw03list .biao{  width: 70px;height: 70px; margin: -35px auto 0; line-height: 0;position: relative; display: block;}
.fw03list:hover .biao{ transform:rotate(45deg); }
.fw03list:hover{box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.xqbox{ width: 100%; margin: 0 auto; max-width: 100%;}
.weizhi{ background-color: #f2f3f5; height: 54px; font-size: 16px;}
.weizhi i{ padding: 0 10px;}
.biaoti{ border-bottom: 1px solid #d8d9dc; padding-bottom: 12px;}
.biaoti h2{ font-size: 40px;padding-bottom: 7px;font-weight: 500; line-height: 1.5;}
.neirong{ line-height: 2; font-size: 16px;}
.neirong div,.neirong table{ max-width: 100%;}

.con,.box,main{ width:calc(100% - 160px);margin: 0 auto;}
.cor6{ color: #666;}
.cor9{ color: #999;}
.cor0{ color: #000;}
.cor1{ color: #0071b7;}
.din{font-family:'din'; }
.gap26{ gap: 26px;}
.bj1{ background-color: #f7f7f7;}
.mtop60{ margin-top: 60px;}
.mtop40{ margin-top: 40px;}
.zhan2{grid-column: span 2;}
.confl{ display: flex; flex-wrap: wrap; width: 100%;}
.conf{ display: flex; justify-content: space-between;}
.conc{ display: flex; align-items: center;}
.conjc{ display: flex;justify-content: center;}
.texle{ text-align: left!important;}
.texc{ text-align: center;}
.cu{ font-weight: bold;}
.din{font-family: "din"; }
.w100{ width: 100%!important;}
.kuai1{display: grid;grid-template-columns: repeat(1,minmax(0,1fr));}
.kuai2{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));}
.kuai3{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));}
.kuai4{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));}
.kuai6{display: grid;grid-template-columns: repeat(6,minmax(0,1fr));}
::-webkit-input-placeholder {color:#9e9e9e;}
:-moz-placeholder {/* Firefox 18- */color:#9e9e9e;}
::-moz-placeholder{/* Firefox 19+ */color:#9e9e9e;}
:-ms-input-placeholder {color:#9e9e9e;}
input::placeholder{color:#999;}
input[type='date'],input[type="time"]{position: relative;}
input[type='date']::-webkit-calendar-picker-indicator,input[type='time']::-webkit-calendar-picker-indicator {position: absolute; right: 0; width: 100%;opacity: 0;}
input::-webkit-date-and-time-value { text-align: left;}
select::-ms-expand { display: none;} 
select{appearance:none; -moz-appearance:none; -webkit-appearance:none;transition: all 0.2s;}
select.sel_k:valid {background-color: #bfd9ef;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
input::-webkit-inner-spin-button {-webkit-appearance: none;}
.erbox ::-webkit-scrollbar{height:4px;}
.erbox ::-webkit-scrollbar-track{background-color:transparent;}
.erbox ::-webkit-scrollbar-thumb{background-color:#ccc;}
.erbox ::-webkit-scrollbar-thumb:hover {background-color:#bbb;}
.erbox ::-webkit-scrollbar-thumb:active {background-color:#999;}
html{scroll-padding-top: 50px}

.ziov1{ display: -webkit-box; /* 将元素作为弹性伸缩容器 */
        overflow: hidden; /* 隐藏溢出内容 */
        text-overflow: ellipsis; /* 使用省略号表示被裁切的部分 */
        line-clamp: 1; /* 限制最大行数为1行 */
        -webkit-line-clamp: 1; /* Safari/Chrome特定的限制最大行数的属性 */
        -webkit-box-orient: vertical; /* 设置垂直布局 */}
.ziov2{ display: -webkit-box; /* 将元素作为弹性伸缩容器 */
        overflow: hidden; /* 隐藏溢出内容 */
        text-overflow: ellipsis; /* 使用省略号表示被裁切的部分 */
        line-clamp: 2; /* 限制最大行数为2行 */
        -webkit-line-clamp: 2; /* 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; /* 设置垂直布局 */}