@charset "utf-8";
@font-face {font-family: "PingFang"; src: url('../fonts/PingFang Medium.ttf');}
@font-face {font-family: "PingFangb"; src: url('../fonts/PingFang Bold.ttf');}
@font-face {font-family: "din"; src: url('../fonts/din.ttf');}
img,a{ transition: 0.3s; max-width: 100%;}
a{ color: #333;}
body{ position: relative; _overflow:hidden; overflow-x:hidden; width: 100%; *cursor: default; color: #333;}
.cptu{background-color: #fff;object-fit: contain!important;}
.ten_home .ten_home_card .ten_img--5x4{ width: calc(50% - 0.5px);}
.footer_con{ padding-top: 30px; box-sizing: border-box;    height: auto;overflow: hidden;}
.footer_area .copyright{ border-top: 1px solid #eee; margin: 0; margin-top: 30px; line-height: 32px; box-sizing: border-box; padding: 30px; padding-bottom: 0;}
.footer_area .copyright a{ color: #666;}
.footer_area{ position: relative; padding: 0;}
.wrap_footer{ height: auto;}
.tu h1{ position: relative; width: 100%; overflow: hidden;}
.tu h1::before{ content: ""; display: block; padding-top: 100%;}
.tu h1 img{position: absolute; width: 100%; height: 100%; left: 0; top: 0;; display: block;transition: 0.3s;object-fit: contain;}
.tu1 h1{ position: relative; width: 100%; overflow: hidden;}
.tu1 h1::before{ content: ""; display: block; padding-top: 148%;}
.tu1 h1 img{position: absolute; width: 100%; height: 100%; left: 0; top: 0;; display: block;transition: 0.3s;object-fit: contain;}
.tu2 h1{ position: relative; width: 100%; overflow: hidden;}
.tu2 h1::before{ content: ""; display: block; padding-top: 60%;}
.tu2 h1 img{position: absolute; width: 100%; height: 100%; left: 0; top: 0;; display: block;transition: 0.3s;object-fit: cover;}

.spbox{ position: relative; background-color: #000; width: 100%; height: 490px;}
.spbox video{ display: block; width: 100%;}
.spbox span{ display: flex; text-align: center; justify-content: center; align-items: center; left: 0; top: 0; width: 100%; height: 100%; z-index: 4; position: absolute; background: rgba(0,0,0,0.3);}
.spbox span h1{ display: flex; flex-direction: column; text-align: center; color: #fff; cursor: pointer;}
.spbox span h1 img{ width:92px; height: 92px; transition: 0.3s;}
.spbox span h1:hover img{transform: scale(1.1);}
.newlist,.ten_card_body{ background-color: #fbfbfb; display: block; box-sizing: border-box; transition: 0.3s;}
.riqi{ color: #0052D9; position: relative;font-size: 14px; line-height: 30px;}
.riqi::before{ content: ""; position: absolute; left: 0; bottom:0; width: 38px; background-color: #0052D9; height: 1px; display: block;}
.list_tex{ box-sizing: border-box; padding: 24px; height: 300px; border-top: 1px solid #fff;}
.index_new .newlist:nth-child(2){ background-color: #00a9ce; color: #fff!important;}
.index_new .newlist:nth-child(2) .riqi,.index_new .newlist:nth-child(3) .riqi{ color: #fff;}
.index_new .newlist:nth-child(2) .riqi::before,.index_new .newlist:nth-child(3) .riqi::before{ background-color: #fff;}
.index_new .newlist:nth-child(3){ background-color: #0052d9; color: #fff!important;}
.index_new .newlist:nth-child(4){ background-color: #fff;}
.index_new .newlist:nth-child(5){ background-color: #e2e1e6;}
.newlistone{ background-color: #fff; transition: 0.3s;}
.sp_tex{ padding: 24px; box-sizing: border-box;}
.newlist:hover,.newlistone:hover{ transform: translateY(-4px);box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);}
.ten_img img:hover{ transform: scale(1.05);}
.erbox{ min-height: 300px; margin-bottom: 70px;}
.nav-height{ position:relative; width: 100%;}
.nav-wrap{ width: 100%;background: #fbfbfb;border-bottom: 1px solid #f4f4f4;}
.nav-wrap ul {display:flex;overflow-x: auto;}
.nav-wrap li{display: flex; font-size: 16px; color: #5f6464;}
.nav-wrap a{ display: flex; height: 56px; align-items: center; margin: 0 30px; position: relative; font-size: 16px; color: #5f6464;white-space: nowrap;}
.nav-wrap a i{ width: 0;  position: absolute; height: 2px; background-color: #0052d9; transition: 0.3s; left: 50%; bottom: 0; transform: translateX(-50%);}
.nav-wrap a.on i{width: 100%;}
.nav-wrap a:hover,.nav-wrap a.on{color: #000;}
.nav-wrap a.active i{width: 100%;}
.nav-wrap a:hover,.nav-wrap a.active{color: #000;}
.nav-wrap.navFix ul{ border-bottom: 0;}
.nav-wrap.navFix{position: fixed;top: 0;left: 0; box-shadow: 0 0 5px rgba(0,0,0, 0.2);z-index: 995;border-bottom: 1px solid #f4f4f4;} 
.nav-mobile{display: none;font-weight: bold;width: 100%;}
.neirong{line-height: 1.8; color: #666; box-sizing: border-box; width: 100%;}
.neirong table{ max-width: 100%}
.er_title{text-align: center;font-size: 30px; color: #2a2e2e;font-family: 'TencentSansw7'; line-height: 1.2;}
.ercon{ padding-top: 70px; box-sizing: border-box;}
.jjcon1{ background-color: #fbfbfb; margin-top: 90px; width: 100%; box-sizing: border-box; padding: 60px 90px;}
.jj1ri{ width: 480px; max-width: 100%; min-height: 190px; border-left: 1px solid #d8d9dc; padding-left: 90px;}
.jj1ri>h2,.jjcon2 h2,.ygcon1 h2{ font-size: 20px; color:#111; line-height: 36px; margin-bottom: 16px;}
.jjcon2 h2,.ygcon1 h2{ font-size: 18px;}
html{scroll-padding-top:56px;}

/* 二级分页 */
ul.yiiPager{ display: flex;  justify-content: center;}  
ul.yiiPager li{display:block; margin:0 3px;}  
ul.yiiPager li a{ width: 40px; height: 40px; border-radius:5px; font-size: 14px; 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:#0052d9;border:#0052d9 solid 1px;color:#FFF;}
ul.yiiPager li.first a::before{content: "<<";}
ul.yiiPager li.last a::before{content: ">>"; }
ul.yiiPager li.previous a::before{content: "<";}
ul.yiiPager li.next a::before{content: ">"; }
ul.yiiPager li.selected a{background:#0052d9;border:#0052d9 solid 1px;color:#FFF;}
ul.yiiPager li.shouye a{ width: 60px; border-radius: 36px;}
.jjcon2{ margin-top: 60px; width: 50%; box-sizing: border-box; padding:0 60px;}
.erbox .newlist:hover{background-color: #0052d9; color: #fff!important;}
.erbox .newlist:hover .riqi{ color: #fff;}
.erbox .newlist .riqi::before{ background-color: #fff;}
.tulist>div{ border: 1px solid #eee; box-sizing: border-box; padding: 10px;}
.tulist p{font-size: 18px; line-height: 2;}
.tulist:hover>div{ border: 1px solid #0052D9;}
.jjcon2box{ min-height: 300px;}
.ygcon1 h2{ margin-top: 16px;}
.yg2ti{ padding-left: 130px;}
.xqbox{ width: 840px; 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: 44px; line-height: 66px; padding-bottom: 7px;font-weight: 500;}


.con,main{ width: 1200px; max-width: 96%; margin: 0 auto;}
.pad012{ padding: 0 12px;}
.colorf{ color: #fff!important;}
.font24{ font-size: 24px;}
.gap24{gap: 24px;}
.cor6{ color: #666;}
.gap1040{gap: 10px 40px;}
.gap1040{gap: 10px 24px;}
.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;}
.cu{ font-weight: bold;}
.fontcu{font-family: "PingFangb";}
.din{font-family: "din"; }
.w100{ width: 100%!important;}
.mtop60{ margin-top: 60px;}
.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));}
::-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;}

.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; /* 设置垂直布局 */}
		
@media only screen and (max-width:1000px) {
.spbox{ width: 100%; height: auto;}
.sp_tex img{ width: 24px;}
.jj1ri{ width: 100%; padding-left: 0; border: none; margin-top: 20px;}
.jjcon1{ margin-top: 40px;padding:40px 20px;}

.font24{ font-size: 18px;}
.kuai3,.kuai4{grid-template-columns: repeat(2,minmax(0,1fr));}
}
@media only screen and (max-width:750px) {

.spbox span h1 img{ width:50px; height: 50px;}
.list_tex{ height: 240px;}
.er_title{ font-size: 24px;}
.nav-wrap a{ height: 42px;margin: 0 13px;}
.nav-wrap li,.nav-wrap a{ font-size: 14px;}
.ercon{ padding-top: 40px; box-sizing: border-box;}
.erbox{ margin-bottom: 40px;}
.jjcon2{ margin-top: 30px; width: 100%; padding: 0 20px;}
ul.yiiPager li a{ width: 30px; height: 30px; font-size: 12px;}
.tulist p{ font-size: 16px;}
.mod-section-ad{ height: 260px;}
.yg2ti{ padding-left: 0; width: 100%; text-align: center; margin-top: 20px;}
.er_title{ width: 100%;}
.type-box .row .item:hover .label{ font-size: 12px; margin: 0; line-height: 1.5;}
.type-box .row .item .title{ margin-bottom: 15px;}
.biaoti h2{line-height: 36px;font-size: 24px;}
.weizhi{ height: 44px; font-size: 14px;}

.gap1040{ gap: 10px 12px;}
.mtop60{ margin-top: 40px;}
.gap24{ gap: 20px;}
.zhan2{grid-column: span 1;}
.kuai3,.kuai2{grid-template-columns: repeat(1,minmax(0,1fr));}
.kuai3.zizhi{grid-template-columns: repeat(2,minmax(0,1fr));}
.ziov4{ display: -webkit-box; /* 将元素作为弹性伸缩容器 */
        overflow: hidden; /* 隐藏溢出内容 */
        text-overflow: ellipsis; /* 使用省略号表示被裁切的部分 */
        line-clamp: 3; /* 限制最大行数为3行 */
        -webkit-line-clamp: 3; /* Safari/Chrome特定的限制最大行数的属性 */
        -webkit-box-orient: vertical; /* 设置垂直布局 */}
}