@charset "utf-8";
/* @font-face {
font-family: '江城斜黑体_400W';
src: url('../fonts/江城斜黑体_400w.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
} */
*{
box-sizing: border-box;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
-ms-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
}


body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr,span{margin:0;padding:0;}
body{font-size:12px;font-family: "Alibaba Sans", "Noto Sans SC", "Microsoft YaHei", PingFang SC, sans-serif; color:#262626;background:#fff;margin:0 auto;padding:0px;}
a{text-decoration:none;color:#262626;outline:none;}
a:active{star:expression(this.onFocus=this.blur());}
img{border:0px;vertical-align: middle;}
li{list-style: none;}
.pt10{padding-top: 10px;}
.pl10{padding-left: 10px;}
.pr10{padding-right: 10px;}
.pb10{padding-bottom: 10px;}
.pn5{padding: 5px;}
.pt5{padding-top: 5px;}
.pl5{padding-left: 5px;}
.pr5{padding-right: 5px;}
.pb5{padding-bottom: 5px;}
.mt10{margin-top: 10px;}
.mt30{margin-top: 30px;}
.ml10{margin-left: 10px;}
.mr10{margin-right: 10px;}
.mb10{margin-bottom: 10px;}
.mn5{margin: 5px;}
.mt5{margin-top: 5px;}
.ml5{margin-left: 5px;}
.mr5{margin-right: 5px;}
.mb5{margin-bottom: 5px;}
.wrap {
width: 1500px;
margin: 0 auto;
}
.pc_header {
position: fixed;
top: 0px;
left: 0;
width: 100%;
height: 100px;
padding: 13px 0;
z-index: 9999;
}
.nhead {
position: relative;
}
.logo {
float: left;
}
.logo img {
height: 74px;
float: left;
}
/* 2026-8-5 */
.nav {
    height: 87px;
    float: right;
    margin-right: 20px;
}

.nav ul {
    float: left;
}

.nav ul li.menu-item {
    float: left;
}

.nav ul li.menu-item h3 {
    float: left;
}

.nav ul li.menu-item h3 a {
    font-size: 18px;
    color: #ffffff;
    height: 74px;
    line-height: 74px;
    font-weight: normal;
    float: left;
    margin: 0 30px;
}

.nav ul li.menu-item h3 a:hover {
    color: #F8B421;
}

.nav ul li.on h3 a {
    color: #F8B421;
}


.nav .nav-full {
    display: none;
    position: absolute;
    left: 5%;
    top: 87px;
    width: calc(100% - 10%);
    background: #F4F4F5;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
    margin: 0 auto;
    border-radius: 20px;
    overflow: hidden;
}

.nav .menu-item:hover .nav-full {
    display: block;
}

.nav .nav-container {
    margin: auto;
}

.nav-qh {
    display: flex;
}

.nav .nav-qh .nav-hd {
    width: 20rem;
    flex-shrink: 0;
}

.nav .nav-qh .nav-hd ul {
    width: 100%;
    height: 100%;
    background: #fff;
    border-right: 1px solid #E6E6E6;
}

.nav .nav-qh .nav-hd ul li {
    line-height: 70px;
    font-size: 16px;
    color: #262626;
    cursor: pointer;
    padding-left: 10px;
    transition: all 0.2s;
    padding-left: 50px;
}
.nav .nav-qh .nav-hd ul li a{display:block;}


.nav .nav-hd ul li.on a:after {
    content: '';
    width: 42px;
    height: 70px;
    overflow: hidden;
    background: url(../images/jtxgrnav.png) no-repeat center center;
    float: right;
}
.nav .nav-qh .nav-hd ul li a:hover{color:#F8B421;}

.nav .nav-qh .nav-bd {
    flex: 1;
    padding: 24px 48px;
}

.nav .nav-qh .nav-bd .tab-pal {
    min-height: 300px;}

.nav .nav-sub {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(4, 1fr);
    row-gap: 24px;
    column-gap: 60px;
}

.nav .nav-sub dl {
    width: 100%;
    height: auto;
    float: left;
}

.nav .nav-sub dt {
    width: 100%;
    height: auto;
    float: left;
    font-size: 16px;
    border-bottom: 1px solid #000000;
    line-height: 46px;
    margin-bottom: 20px;
    color: #000000;
}

.nav .nav-sub dd {
    width: 100%;
    height: auto;
    float: left;
}

.nav .nav-sub dd a {
    width: 100%;
    height: auto;
    float: left;
    font-size: 14px;
    color: #808080;
    line-height: 36px;
}

.nav .nav-sub dd a:hover {
    color: #F8B421;
}

.nav-con {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(4, 1fr);
    row-gap: 24px;
    column-gap: 60px;
    padding: 32px 0;
}

.nav-con a {
    width: 100%;
    height: auto;
    float: left;
    font-size: 16px;
    line-height: 46px;
    color: #000000;
}

.nav-con a:hover {
    color: #F8B421;
}

.nav-con .nav2-link{font-size: 16px;color: #000000;}

.nav-con .nav3-link{font-size: 14px;color: #333;}




/* ========== 简单导航：从左到右排列 ========== */
.nav .nav-simple {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px 40px;
    padding: 28px 30px;
    min-height: 80px;
}
.nav .nav-simple-item {
    position: relative;
    font-size: 18px;
    color: #333;
    text-decoration: none;
    padding: 6px 0;
    transition: all 0.3s ease;
    /* 下划线效果 */
    background: linear-gradient(transparent 0%, transparent 90%, #F8B421 90%, #F8B421 100%);
    background-size: 0% 2px;
    background-repeat: no-repeat;
    background-position: left bottom;
}
.nav .nav-simple-item:hover {
    color: #F8B421;
    background-size: 100% 2px;
}
/* 分隔符（可选） */
.nav .nav-simple-item + .nav-simple-item::before {
    content: "|";
    position: absolute;
    left: -22px;
    color: #e0e0e0;
    font-weight: 300;
}
/* 2026-8-5 */


.nav a.gohome {
display: none;
}
.nav a.gohome i {
display: none;
}
.nav a.gonav i {
display: none;
}
.nav_bot_la {
display: flex;
padding: 13px 0;
top: 0;
height: 100px;
background: #ffffff;
width: 100%;
transition: all 0.3s linear;
}
.logo_w {
display: block;
}
.logo_b {
display: none;
}
.nav_bot_la .logo_w {
display: none;
}
.nav_bot_la .logo_b {
display: block;
}
.nav_bot_la .nav ul li h3 a {
color: #333;
}
.nav_bot_la .nav ul li h3 a:hover {
color: #F8B421;
}
.nav_bot_la .nav ul li h3 a:hover:after {}
.nav_bot_la .nav ul li.on h3 a {
color: #F8B421;
}
.nav_bot_la .nav ul li.on h3 a:after {}
.nav_bot_la .htel {
color: #333;
}
.nav_bot_la .htel:before {
background: url(../images/htel_b.png) no-repeat center center;
}
.htel {
font-weight: 500;
font-size: 18px;
color: #FFFFFF;
float: right;
line-height: 26px;
margin-top: 24px;
}
.htel:before {
content: '';
width: 26px;
height: 26px;
float: left;
background: url(../images/htel.png) no-repeat center center;
margin-right: 6px;
}
.search {
float: right;
position: relative;
width: 22px;
height: 22px;
padding: 1px;
margin-top: 26px;
margin-left: 24px;
margin-right: 24px;
}
.search .keyword {
float: left;
background: rgba(248, 180, 33, 0.8);
width: 0;
position: absolute;
right: 0;
top: 22px;
height: 25px;
line-height: 25px;
border: 0 none;
border-radius: 4px 4px 4px 4px;
font-size: 16px;
color: #ffffff;
}
.search:hover .keyword {
width: 150px;
padding: 0 5px;
}
.search .keyword:focus {
outline: 0;
border: 0px solid #000;
}
.search .tjbtn {
width: 22px;
height: 22px;
float: right;
background: url(../images/so_w.png) no-repeat center center;
border: 0 none;
color: #000;
cursor: pointer;
font-size: 0;
}
.nav_bot_la .search .tjbtn {
background: url(../images/so_b.png) no-repeat center center;
}
.nav_bot_la .search .tjbtn {
background: url(../images/so_w.png) no-repeat center center;
}
.nav_bot_la .nav_bot_la .search .tjbtn {
background: url(../images/so_b.png) no-repeat center center;
}

.lang {
margin-top: 24px;
height: 27px;
line-height: 27px;
float: right;
}
.lang ul {
float: left;
}
.lang ul li {
height: 27px;
line-height: 27px;
float: left;
color: #333333;
font-size: 14px;
position: relative;
cursor: pointer;
}


.lang ul li .xjt {
background: url(../images/language_f.png) no-repeat center center / 100% 100%;
float: left;
width: 24px;
height: 24px;
margin-top: 3px;
margin-right: 5px;
}
.lang ul li .this {
float: left;
width: 100%;
padding-right: 10px;
text-align: right;
font-weight: bold;
font-weight: 400;
font-size: 18px;
color: #FFFFFF;
line-height: 27px;
}
.lang ul li dl {
width: 120px;
height: auto;
float: left;
display: none;
position: absolute;
left: 0;
top: 27px;
background: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
padding: 8px;
border-radius: 4px;
}
.lang ul li dl a {
width: 100%;
color: #262626;
display: flex;
align-items: center;
float: left;
gap:5px;
padding:0px 5px;
}
.lang ul li dl a:hover {

color: rgba(248, 180, 33, 0.8);
}
.lang ul li dl a img{width: 20px;}
.lang ul li:hover dl {
display: block;
}
.lang ul li dl dd {
width: 100%;
height: auto;
float: left;
}
.nav_bot_la .lang ul li .xjt {
background: url(../images/language.png) no-repeat center center / 100% 100%;
}
.nav_bot_la .lang ul li .this {
color: #262626;
}



.m_header{position: relative;z-index: 999;display: none;height: 68px;}
.sp_header{height:68px;overflow:hidden;background:#fff;position:fixed;z-index: 10;width:100%;}
.sp_logo{padding:10px;float:left;height:68px}
.sp_logo img{margin:auto;max-height:48px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:20px}
.sp_nav span{display:block;background:#F8B421;width:30px;height:2px;position:absolute;left:10px;}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 0px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:68px}

.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:36px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:46px;font-size:16px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:30px;height:36px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#F8B421}
.sjj_nav ul li ul li>ul{margin-left:10px}




.banner {
width: 100%;
overflow: hidden;
position: relative;
z-index: 0;
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets,
.banner .swiper-pagination-custom,
.banner .swiper-pagination-fraction {
bottom: 48px;
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
width: 50px;
height: 2px;
background: #FFFFFF;
border-radius: 0px;
opacity: 1;
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
width: 50px;
height: 2px;
background: #F8B421;
opacity: 1;
}
.banner .swiper-slide {
position: relative;
}
.banner .swiper-slide img {
width: 100%;
}
.banner .swiper-slide .text {
width: 1500px;
transform: translate(-50%, -50%);
height: auto;
float: left;
text-align: left;
position: absolute;
top: 50%;
left: 50%;
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 100px;
}
.banner .swiper-slide .text h3 {
font-weight: bold;
font-size: 50px;
color: #FFFFFF;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
line-height: 1.45;
}
.banner .swiper-slide .text p {
font-weight: 400;
font-size: 24px;
color: rgba(255, 255, 255, 0.65);
line-height: 1.5;
margin-top: 36px;
}

.banner .swiper-slide video{
position: absolute;
top: 50%;
transform: translate(0%,-50%);
left: 50%;
max-width: 100%;
max-width: 680px;
}
.ai-animation{
    mix-blend-mode: screen;
    object-fit: contain;
}
.banner .swiper-slide .videobg{
background: url(../images/banner1.png) no-repeat center center /100% 100%;
}

/* 初始图片放大 1.03 倍，当前激活 slide 时缓慢缩放到原始大小，形成温和入场缩放动画，时长 1 秒 */
.banner .swiper-slide {
    overflow: hidden; /* 裁剪超出部分，必加 */
}
.banner .swiper-slide img {
    transform: scale(1);
    transition: transform 1.6s ease-out; /* 时长拉长到1.6秒 */
}
/* 激活轮播项执行放大 */
.banner .swiper-slide-active img {
    transform: scale(1.06); /* 放大比例加大 */
}
/* 内页banner放大效果 */
.nbanner {
    overflow: hidden;
}
.nbanner img{
    animation: bannerZoom 2.2s ease-out forwards;
}
@keyframes bannerZoom {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.07);
    }
}


a.more {
width: 154px;
height: 38px;
border-radius: 4px 4px 4px 4px;
border: 1px solid #F8B421;
display: inline-block;
line-height: 36px;
text-align: center;
float: left;
margin-top: 50px;
font-size: 16px;
color: #ffffff;
text-transform: uppercase;
background: #ebb167;
}
a.more:after {
content: "";
width: 26px;
height: 11px;
background: url(../images/amore.png) no-repeat center center / 100% 100%;
display: inline-block;
vertical-align: middle;
margin-left: 16px;
margin-top: -4px;
}
a.more:hover {
background: #F8B421;
color: #fff;
}
a.more:hover:after {
background: url(../images/amore_w.png) no-repeat center center;
}
.banner .swiper-button-next {
width: 60px;
height: 60px;
overflow: hidden;
top: 50%;
margin-top: -30px;
background: url(../images/jtr.png) no-repeat center center;
border-radius: 50%;
right: 50%;
margin-right: -750px;
font-size: 30px;
color: #000;
text-align: center;
}
.banner .swiper-button-prev {
overflow: hidden;
width: 60px;
height: 60px;
top: 50%;
margin-top: -30px;
background: url(../images/jtl.png) no-repeat center center;
border-radius: 50%;
left: 50%;
margin-left: -750px;
font-size: 30px;
color: #000;
text-align: center;
}
.banner .swiper-button-next:hover {
background: url(../images/jtron.png) no-repeat center center;
}
.banner .swiper-button-prev:hover {
background: url(../images/jtlon.png) no-repeat center center;
}
.banner .swiper-button-next:after,
.banner .swiper-container-rtl .swiper-button-prev:after {
display: none;
}
.banner .swiper-button-prev:after,
.banner .swiper-container-rtl .swiper-button-next:after {
display: none;
}
.main {
width: 100%;
overflow: hidden;
}
.ptb10 {
padding: 100px 0 100px;
}
.h2tit {
width: 100%;
height: auto;
float: left;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.h2tit h2 {
font-weight: 500;
font-size: 36px;
color: #ffffff;
line-height: 52px;
float: left;
}
.h2tit span {
font-weight: 500;
font-size: 12px;
color: rgba(255, 255, 255, 0.25);
text-align: center;
line-height: 18px;
float: left;
margin-top: 5px;
text-transform: uppercase;
}


.iqygk {
width: 100%;
overflow: hidden;
background: url(../images/iqygkbg.jpg?v1.0) no-repeat center center;
}
.iqygk_con {
width: 100%;
height: auto;
float: left;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 36px;
}
.iqygk_con p {
max-width: 1110px;
height: auto;
float: left;
font-weight: 400;
font-size: 20px;
color: rgba(255, 255, 255, 0.65);
line-height: 30px;
}
.iqygk_con a.more {
float: right;
margin-top: 0;
}
.iqygk_con a.more:hover {
background: #F8B421;
}
.iqygk_list {
width: 742px;
height: auto;
float: right;
margin-top: 130px;
}
.iqygk_list ul {
width: 100%;
height: auto;
float: left;
display: flex;
flex-wrap: wrap;
}
.iqygk_list ul li {
width: 50%;
height: auto;
float: left;
border-bottom: 1px solid #D9D9D9;
margin-bottom: 36px;
}
.iqygk_list ul li .item {
width: 100%;
height: auto;
float: left;
font-family: '黑体';
font-weight: normal;
color: #ffffff;
font-size: 16px;
font-style: italic;
}
.iqygk_list ul li .item span {
font-weight: bold;
font-size: 40px;
color: #F8B421;
}
.iqygk_list ul li p {
width: 100%;
max-width: 310px;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: rgba(255, 255, 255, 0.65);
text-align: left;
margin-bottom: 36px;
}
.iyycj {
width: 100%;
overflow: hidden;
background: url(../images/iyycjbg.jpg?v1.0) no-repeat center center / auto 100%;
padding-top: 100px;
}
.iyycj_con {
width: 100%;
height: auto;
margin-top: 24px;
float: left;
margin-bottom: 100px;
}
.iyycj_con p {
width: 100%;
height: auto;
float: left;
height: auto;
float: left;
font-weight: 400;
font-size: 20px;
color: #FFFFFF;
line-height: 30px;
}
.iyycj_con .iyycjqh {
width: 100%;
height: auto;
float: left;
margin: 60px 0;
padding: 0 165px;
position: relative;
}
.iyycj_con .iyycjqh .swiper {
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 20px;
}
.iyycj_con .iyycjqh .swiper-slide {
text-align: center;
font-size: 18px;
position: relative;
border-radius: 20px;
}
.iyycj_con .iyycjqh .swiper-slide .picbox {
width: 100%;
height: 0;
padding-bottom: 45.39%;
float: left;
position: relative;
border-radius: 20px;
}
.iyycj_con .iyycjqh .swiper-slide .picbox img {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
float: left;
border-radius: 20px;
}
.iyycj_con .iyycjqh .swiper-slide .info {
width: 280px;
height: 100%;
float: left;
display: flex;
flex-direction: column;
justify-content: center;
align-items: left;
position: absolute;
text-align: left;
top: 0;
left: 180px;
}
.iyycj_con .iyycjqh .swiper-slide .info h3 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 24px;
color: #FFFFFF;
line-height: 1.4583;
}
.iyycj_con .iyycjqh .swiper-slide .info p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: rgba(255, 255, 255, 0.8);
line-height: 30px;
margin-top: 24px;
margin-bottom: 65px;
}
.iyycj_con .iyycjqh .swiper-slide .info .mr {
height: 20px;
display: inline-block;
float: left;
text-transform: uppercase;
font-weight: 400;
font-size: 14px;
text-align: left;
color: #F8B421;
}
.iyycj_con .iyycjqh .swiper-slide .info .mr:after {
content: "";
width: 20px;
height: 20px;
background: url(../images/jtq.png) no-repeat center center / 100% 100%;
display: inline-block;
vertical-align: middle;
margin-left: 10px;
}
.iyycj_con .iyycjqh .swiper-slide .info .mr:hover {
background: none;
}
.iyycj_con .iyycjqh .swiper-slide .info .mr:hover:after {
background: url(../images/jtq.png) no-repeat center center / 100% 100%;
}
.iyycj_con .iyycjqh .swiper-button-next {
width: 48px;
height: 48px;
overflow: hidden;
top: 50%;
margin-top: -24px;
background: url(../images/jtr.png) no-repeat center center / 100% 100%;
border-radius: 50%;
right: 57px;
font-size: 30px;
color: #000;
text-align: center;
}
.iyycj_con .iyycjqh .swiper-button-prev {
overflow: hidden;
width: 48px;
height: 48px;
top: 50%;
margin-top: -24px;
background: url(../images/jtl.png) no-repeat center center / 100% 100%;
border-radius: 50%;
left: 57px;
font-size: 30px;
color: #000;
text-align: center;
}
.iyycj_con .iyycjqh .swiper-button-next:hover {
background: url(../images/jtron.png) no-repeat center center / 100% 100%;
}
.iyycj_con .iyycjqh .swiper-button-prev:hover {
background: url(../images/jtlon.png) no-repeat center center / 100% 100%;
}
.iyycj_con .iyycjqh .swiper-button-next:after,
.iyycj_con .iyycjqh .swiper-container-rtl .swiper-button-prev:after {
display: none;
}
.iyycj_con .iyycjqh .swiper-button-prev:after,
.iyycj_con .iyycjqh .swiper-container-rtl .swiper-button-next:after {
display: none;
}
.iyycj_con .center {
width: 100%;
height: auto;
float: left;
text-align: center;
display: flex;
justify-content: center;
}
.iyycj_con .center a.more {
margin-top: 0px;
}
.ijjfa {
width: 100%;
height: 951px;
overflow: hidden;
position: relative;
background: url(../images/ijjfabg.jpg?v1.0) no-repeat center center;
}
.ijjfa .wrap {
height: 100%;
}
.ijjfa .h2tit {
top: 100px;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.ijjfa_list {
width: 100%;
height: 100%;
}
.ijjfa_list ul {
width: 100%;
height: 100%;
display: flex;
}
.ijjfa_list ul li {
width: 33.33%;
height: 100%;
float: left;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding-top: 254px;
padding-bottom: 80px;
padding-left: 118px;
padding-right: 118px;
}
.ijjfa_list ul li i {
width: 53px;
height: 40px;
}
.ijjfa_list ul li i.ijjfa1 {
background: url(../images/ijjfa1.png) no-repeat center center / 100% 100%;
}
.ijjfa_list ul li i.ijjfa2 {
background: url(../images/ijjfa2.png) no-repeat center center / 100% 100%;
}
.ijjfa_list ul li i.ijjfa3 {
background: url(../images/ijjfa3.png) no-repeat center center / 100% 100%;
}
.ijjfa_list ul li h3 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 24px;
color: #FFFFFF;
text-align: center;
line-height: 35px;
margin-top: 24px;
}
.ijjfa_list ul li dl {
width: 100%;
height: 264px;
float: left;
margin-top: 60px;
margin-bottom: 80px;
display: none;
}
.ijjfa_list ul li dl dd {
width: 100%;
height: auto;
float: left;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.ijjfa_list ul li dl dd p {
width: 100%;
height: auto;
float: left;
font-size: 18px;
color: rgba(255, 255, 255, 0.65);
text-align: center;
}

.ijjfa_list ul li dl dd p a{color: #fff;}

.ijjfa_list ul li dl dd i.line {
width: 36px;
height: 1px;
background: rgba(255, 255, 255, 0.65);
float: left;
margin-top: 24px;
margin-bottom: 24px;
}
.ijjfa_list ul li a.mr {
width: 154px;
height: 38px;
border-radius: 4px 4px 4px 4px;
border: 1px solid #D7D7D7;
line-height: 36px;
text-align: center;
float: left;
margin-top: 50px;
font-size: 16px;
color: #ffffff;
text-transform: uppercase;
display: none;
}
.ijjfa_list ul li a.mr:after {
content: "";
width: 26px;
height: 11px;
background: url(../images/amore.png) no-repeat center center / 100% 100%;
display: inline-block;
vertical-align: middle;
margin-left: 16px;
margin-top: -4px;
}
.ijjfa_list ul li a.mr:hover {
background: #F8B421;
color: #fff;
}
.ijjfa_list ul li a.mr:hover:after {
background: url(../images/amore_w.png) no-repeat center center;
}
.ijjfa_list ul li dd.w50p {
width: 50%;
}
.ijjfa_list ul li:hover dl {
display: block;
}
.ijjfa_list ul li:hover a.mr {
display: block;
}
.ijjfa_list ul li:hover {
background: linear-gradient(180deg, rgba(19, 166, 215, 0) 0%, rgba(19, 166, 215, 0.8) 100%);
}
.ijscx {
width: 100%;
overflow: hidden;
background: url(../images/ijscxbg.jpg?v1.2) no-repeat center center;
}
.ijscx_con {
width: 100%;
height: auto;
float: left;
margin-top: 24px;
margin-bottom: 50px;
}
.ijscx_con p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 20px;
color: rgba(255, 255, 255, 0.8);
line-height: 30px;
text-align: center;
}
.ijscx_list {
width: 100%;
height: auto;
float: left;
position: relative;
}
.ijscx_list ul {
width: 100%;
height: auto;
float: left;
display: grid;
gap: 24px;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
}
.ijscx_list ul li {
float: left;
background: linear-gradient(180deg, rgba(1, 19, 63, 0.5) 0%, rgba(65, 84, 130, 0.5) 100%);
border-radius: 24px 24px 24px 24px;
border: 1px solid #CDD4E5;
padding: 60px 120px 36px 100px;
position: relative;
}
.ijscx_list ul li .info {
width: 100%;
height: auto;
float: left;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.ijscx_list ul li .info h3 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 18px;
color: #FFFFFF;
line-height: 26px;
}
.ijscx_list ul li .info i {
width: 60px;
height: 3px;
background: #F8B421;
float: left;
margin-top: 24px;
margin-bottom: 36px;
}
.ijscx_list ul li .info p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: rgba(255, 255, 255, 0.65);
line-height: 30px;
}
.ijscx_list ul li>i {
width: 108px;
height: 108px;
display: block;
position: absolute;
right: 120px;
bottom: 36px;
}
.ijscx_list ul li i.ijscx1 {
background: url(../images/ijscx1.png) no-repeat center center / 100% 100%;
}
.ijscx_list ul li i.ijscx2 {
background: url(../images/ijscx2.png) no-repeat center center / 100% 100%;
}
.ijscx_list ul li i.ijscx3 {
background: url(../images/ijscx3.png) no-repeat center center / 100% 100%;
}
.ijscx_list ul li i.ijscx4 {
background: url(../images/ijscx4.png) no-repeat center center / 100% 100%;
}
.ijscx_list .middle {
width: 266px;
height: 266px;
float: left;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: url(../images/imidd.png) no-repeat center center / 100% 100%;
z-index: 1;
}

.ijscx_list .middle_en {
width: 266px;
height: 266px;
float: left;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: url(../images/imidd_en.png) no-repeat center center / 100% 100%;
z-index: 1;
}


.ijscx_list .middle span {
width: 100%;
height: auto;
float: left;
}
.ixwzx {
width: 100%;
overflow: hidden;
background: url(../images/inewsbg.jpg?v1.0) no-repeat center center /auto 100%;
}
.ixwzx .h2tit h2 {
color: #222222;
}
.ixwzx .h2tit span {
color: rgba(0, 0, 0, 0.25);
}
.ixwzxqh {
width: 100%;
height: auto;
float: left;
margin-top: 48px;
}
.ixwzxqh .tab_hd {
width: 100%;
height: auto;
float: left;
margin-bottom: 36px;
}
.ixwzxqh .tab_hd ul {
width: 100%;
height: 39px;
float: left;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.ixwzxqh .tab_hd ul li {
line-height: 27px;
height: 39px;
margin-right: 100px;
float: left;
font-weight: 400;
font-size: 18px;
color: rgba(0, 0, 0, 0.65);
cursor: pointer;
}
.ixwzxqh .tab_hd ul li.on {
color: #F8B421;
border-bottom: 3px solid #F8B421;
}
.ixwzxqh .tab_bd {
width: 100%;
height: auto;
float: left;
}
.inewsqh {
width: 100%;
height: auto;
float: left;
}
.inewsqh .swiper {
width: 100%;
height: 100%;
overflow: hidden;
}
.inewsqh .swiper-slide {
background: #FFFFFF;
margin-bottom: 86px;
}

.inewsqh .swiper-slide a {
width: 100%;
height: auto;
float: left;
}
.inewsqh .swiper-slide a:hover {
box-shadow: 0px 3px 20px 1px rgba(0, 0, 0, 0.1);
}
.inewsqh .swiper-slide a .picbox {
width: 100%;
height: 0;
padding-bottom: 61.98%;
float: right;
position: relative;
overflow: hidden;
background: #fff;
}
.inewsqh .swiper-slide a .picbox img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.inewsqh .swiper-slide a:hover .picbox img {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
.inewsqh .swiper-slide a .info {
width: 100%;
float: left;
padding: 38px 36px;
}
.inewsqh .swiper-slide a .info h3 {
width: 100%;
height: auto;
float: left;
font-weight: 600;
font-size: 18px;
color: #222222;
line-height: 30px;
}
.inewsqh .swiper-slide a:hover .info h3 {
color: #F8B421;
}
.inewsqh .swiper-slide a .info p {
width: 100%;
height: 60px;
float: left;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
/* 显示的行数，可以根据需要修改 */
overflow: hidden;
text-overflow: ellipsis;
font-weight: 400;
font-size: 16px;
color: rgba(0, 0, 0, 0.65);
line-height: 30px;
}
.inewsqh .swiper-slide a .info span {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 12px;
color: rgba(0, 0, 0, 0.25);
margin-top: 36px;
}
.inewsqh .center {
width: 100%;
float: left;
display: flex;
justify-content: center;
align-items: center;
}
.inewsqh .center .swiper-button-next {
width: 48px;
height: 38px;
overflow: hidden;
background: url(../images/jtxgr.png) no-repeat center center;
font-size: 30px;
color: #000;
text-align: center;
position: relative;
right: auto;
left: auto;
top: 11px;
}
.inewsqh .center .swiper-button-prev {
width: 48px;
height: 38px;
overflow: hidden;
background: url(../images/jtxgl.png) no-repeat center center;
font-size: 30px;
color: #000;
text-align: center;
position: relative;
right: auto;
left: auto;
top: 11px;
}
.inewsqh .center .swiper-button-next:hover {
background: url(../images/jtxgron.png) no-repeat center center;
}
.inewsqh .center .swiper-button-prev:hover {
background: url(../images/jtxglon.png) no-repeat center center;
}
.inewsqh .center .swiper-button-next:after,
.inewsqh .center .swiper-container-rtl .swiper-button-prev:after {
display: none;
}
.inewsqh .center .swiper-button-prev:after,
.inewsqh .center .swiper-container-rtl .swiper-button-next:after {
display: none;
}

.inewsqh .center a.mr {
width: 154px;
height: 38px;
border-radius: 4px 4px 4px 4px;
border: 1px solid rgba(0, 0, 0, 0.1);
display: inline-block;
line-height: 36px;
text-align: center;
display: inline-block;
font-size: 16px;
color: rgba(0, 0, 0, 0.45);
text-transform: uppercase;
margin: 0 8px;
}
.inewsqh .center a.mr:after {
content: "";
width: 26px;
height: 11px;
background: url(../images/amore2.png) no-repeat center center / 100% 100%;
display: inline-block;
vertical-align: middle;
margin-left: 16px;
margin-top: -4px;
}
.inewsqh .center a.mr:hover {
background: #F8B421;
color: #fff;
}
.inewsqh .center a.mr:hover:after {
background: url(../images/amore_w.png) no-repeat center center;
}
.footer {
width: 100%;
position: relative;
z-index: 1;
background: url(../images/footerbg.png) no-repeat center center / 100% 100%;
}
.ser_site {
width: 100%;
height: auto;
float: left;
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.ser_site ul {
width: 100%;
height: auto;
float: left;
display: flex;
justify-content: space-between;
margin-bottom: 60px;
}
.ser_site ul li {
position: relative;
cursor: pointer;
float: left;
}
.ser_site ul li span {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 20px;
color: #FFFFFF;
text-align: center;
line-height: 30px;
}
.ser_site ul li span i {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 10px;
color: rgba(255, 255, 255, 0.65);
line-height: 15px;
font-style: normal;
}
.ser_site ul li .info {
width: 425px;
/* height: 165px; */
float: left;
position: absolute;
padding: 24px 20px;
background: #ffffff;
border-radius: 8px;
transform: translate(-50%, 0);
display: none;
bottom: 50px;
left: 50%;
}
.ser_site ul li .info:after {
content: '';
width: 0;
height: 0;
border-left: 10px solid transparent;
/* 左边框透明 */
border-right: 10px solid transparent;
/* 右边框透明 */
border-top: 8px solid #ffffff;
/* 上边框为黑色，形成三角形 */
position: absolute;
bottom: -8px;
left: 50%;
transform: translateX(-50%);
}
.ser_site ul li .info h3 {
width: 100%;
height: 40px;
margin-bottom: 10px;
float: left;
font-weight: 500;
font-size: 16px;
color: #222222;
line-height: 30px;
border-bottom: 1px solid #D9D9D9;
;
}
.ser_site ul li .info p.siteadd {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 14px;
color: rgba(0, 0, 0, 0.65);
line-height: 30px;
padding-left: 23px;
background: url(../images/siteadd.png) no-repeat left 7px;
}
.ser_site ul li .info p.sitetel {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 14px;
color: rgba(0, 0, 0, 0.65);
line-height: 30px;
padding-left: 23px;
background: url(../images/sitetel.png) no-repeat left center;

}
.ser_site ul li:hover span {
color: #F8B421;
}
.ser_site ul li:hover span i {
color: #F8B421;
}
.ser_site ul li:hover .info {
display: block;
}
.ft_left {
width: 453px;
height: auto;
float: left;
margin-top: 60px;
}
.ft_left .ftlogo {
width: 100%;
float: left;
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.ft_left .ftlogo a {
float: left;
}
.ft_left .ftlogo a img {
height: 74px;
float: left;
margin-bottom: 36px;
}
.ft_left .fts {
width: 100%;
height: auto;
float: left;
margin: 36px 0;
}
.ft_left .fts a {
margin-right: 10px;
float: left;
}
.ft_left .fts a img {
width: 24px;
height: 24px;
float: left;
}

.ft_left .fts .fts-item {
    position: relative;
    display: inline-block;
}
/* 二维码默认隐藏 */
.ft_left .fts .fts-item .qrcode-img {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 10px);
    transform: translateX(-50%);
    background: #fff;
    padding: 6px;
    border-radius: 6px;
    display: none;
    z-index: 99;
}
/* hover显示二维码 */
.ft_left .fts .fts-item:hover .qrcode-img {
    width: 120px;
    height: 120px;
    display: block;
}




.ft_left .ftcontact {
width: 100%;
height: auto;
float: left;
}
.ft_left .ftcontact ul {
width: 100%;
height: auto;
float: left;
}
.ft_left .ftcontact ul li {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 14px;
color: #FFFFFF;
line-height: 30px;
margin-bottom: 24px;
}
.ft_left .ftcontact ul li i {
width: 20px;
height: 20px;
float: left;
margin-right: 20px;
margin-top: 6px;
}
.ft_left .ftcontact ul li i.ftcontact1 {
background: url(../images/ftcontact1.png) no-repeat center center / 100% 100%;
}
.ft_left .ftcontact ul li i.ftcontact2 {
background: url(../images/ftcontact2.png) no-repeat center center / 100% 100%;
}
.ft_left .ftcontact ul li i.ftcontact3 {
background: url(../images/ftcontact3.png) no-repeat center center / 100% 100%;
}
.dflex {
width: 100%;
float: left;
display: flex;
justify-content: space-between;
}
.ft_right {
float: right;
width: 860px;
display: flex;
flex-direction: column;
margin-top: 85px;
}
.ft_right .ftnav {
width: 100%;
height: auto;
float: left;
display: flex;
justify-content: space-between;
}
.ft_right .ftnav dl {
width: 110px;
height: auto;
float: left;
}
.ft_right .ftnav dl dt {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 16px;
color: #FFFFFF;
line-height: 23px;
margin-bottom: 36px;
}
.ft_right .ftnav dl dd {
width: 100%;
height: auto;
float: left;
}
.ft_right .ftnav dl dd a {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 14px;
color: rgba(255, 255, 255, 0.45);
margin-bottom: 16px;
}
.ft_right .ftnav dl dd a:hover {
color: #ffffff;
}
.ft_right .copyright {
width: 100%;
height: auto;
float: right;
font-weight: 400;
font-size: 12px;
color: #999999;
line-height: 30px;
text-align: right;
margin-top: 23px;
}
.ft_right .copyright a {
font-weight: 400;
font-size: 12px;
color: #999999;
line-height: 30px;
}
.ft_right .copyright a:hover {
color: #ffffff;
}
.h94 {
width: 100%;
height: 94px;
overflow: hidden;
}
.h78 {
width: 100%;
height: 78px;
overflow: hidden;
}
.nbanner {
width: 100%;
overflow: hidden;
position: relative;
}
.nbanner img {
width: 100%;
}
.nbanner .text {
width: 1500px;
height: auto;
float: left;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.nbanner .text h3 {
width: 100%;
height: auto;
float: left;
font-family: '黑体';
font-weight: bold;
font-size: 60px;
line-height:1.5;
color: #FFFFFF;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
font-style: italic;
}
.nbanner .text h3.black {
color: #000;
}
.nbanner .text h3.blue {
color: #166CED;
text-shadow: none;
}
.nbanner .text h3.white {
font-size: 48px;
color: #FFFFFF;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.nbanner .text p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 30px;
color: #FFFFFF;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
margin-top: 16px;
}
.nbanner .text p.fsz24 {
font-weight: 400;
font-size: 24px;
color: #FFFFFF;
line-height: 48px;
text-align: left;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0);
margin-top: 16px;
}
.nbanner .text p.fsz28 {
font-weight: 400;
font-size: 28px;
color: rgba(255, 255, 255, 0.65);
}
.nbanner .tac {
text-align: center;
font-style: normal;
}
.pt10p {
padding-top: 50px;
}
.pb10p {
padding-bottom: 50px;
}
.main {
width: 100%;
overflow: hidden;
}
.bgf5 {
background: #f5f5f5;
}
.pleft {
width: 300px;
height: auto;
float: left;
}
.pro_side {
width: 100%;
height: auto;
float: left;
}
.pro_side * {
-webkit-transition: all 0s ease 0s;
-moz-transition: all 0s ease 0s;
-o-transition: all 0s ease 0s;
-ms-transition: all 0s ease 0s;
transition: all 0s ease 0s;
}
.pro_side ul {
width: 100%;
height: auto;
float: left;
}
.pro_side ul li {
width: 100%;
height: auto;
float: left;
margin-bottom: 36px;
}
.pro_side ul li h3 {
width: 100%;
height: 30px;
float: left;
font-weight: 600;
font-size: 20px;
line-height: 30px;
color: rgba(0, 0, 0, 0.8);
cursor: pointer;
}
.pro_side ul li h3 i {
width: 20px;
height: 20px;
margin-right: 24px;
margin-top: 5px;
float: left;
background: url(../images/iside.png) no-repeat center center;
}
.pro_side ul li.on h3 i {
background: url(../images/isideon.png) no-repeat center center;
}
.pro_side ul li.on h3 {
color: #F8B421;
}
.pro_side ul li.on h3 a {
color: #F8B421;
}
.pro_side ul li .subside {
width: 100%;
height: auto;
float: left;
display: none;
margin-top: 12px;
}
.pro_side ul li .subside a {
width: 100%;
height: auto;
font-weight: 400;
font-size: 16px;
color: rgba(0, 0, 0, 0.45);
line-height: 24px;
text-align: left;
float: left;
margin: 8px 0;
text-indent: 44px;
}
.pro_side ul li .subside a:hover {
color: #F8B421;
}

.pright {
width: 1200px;
float: right;
background: #FFFFFF;
padding: 36px;
}
.proso {
width: 100%;
height: auto;
float: left;
margin-bottom: 50px;
}
.proso .filter_lx {
float: left;
margin-right: 16px;
}
.proso .filter_lx .el-select {
width: 315px;
}
.proso .filter_lx .el-input__inner {
height: 38px;
color: rgba(0, 0, 0, 0.8);
}
.el-select .el-input .el-select__caret {
color: #F8B421;
}
.el-select .el-input.is-focus .el-input__inner {
border-color: #F8B421;
}
.sobox {
width: 315px;
height: auto;
float: left;
position: relative;

}
.sobox .keywords {
width: 100%;
height: 40px;
float: left;
border-radius: 4px;
border: 1px solid #d8dce5;
color: rgba(0, 0, 0, 0.8);
padding: 0 15px;
}
.sobox .tjbtn {
width: 38px;
height: 38px;
float: right;
background: url(../images/sobtn2.png) no-repeat center center;
border: 0 none;
color: #000;
cursor: pointer;
font-size: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
}
.proh2 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 24px;
color: #222222;
text-align: left;
line-height: 35px;
margin-bottom: 34px;
}
.pro_con {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: rgba(0, 0, 0, 0.45);
line-height: 30px;
}
.pro_con p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: rgba(0, 0, 0, 0.45);
line-height: 30px;
}
.line {
width: 100%;
height: 1px;
background: rgba(0, 0, 0, 0.1);
float: left;
margin: 48px 0;
}
.pro_yycjqh {
width: 100%;
height: auto;
position: relative;
padding: 0 52px;
float: left;
}
.pro_yycjqh .swiper {
width: 100%;
height: 100%;
}
.pro_yycjqh .mySwiper {
overflow: hidden;
}
.pro_yycjqh .swiper-slide {
width: 100%;
}
.pro_yycjqh .swiper-slide .picbox {
width: 100%;
height: 0;
padding-bottom: 63.49%;
float: left;
position: relative;
overflow: hidden;
}
.pro_yycjqh .swiper-slide .picbox img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.pro_yycjqh .swiper-slide h3 {
width: 100%;
float: left;
font-weight: 400;
font-size: 18px;
color: #000000;
text-align: center;
margin-top: 15px;
}
.pro_yycjqh .swiper-button-next {
width: 36px;
height: 36px;
overflow: hidden;
top: 50%;
margin-top: -18px;
background: url(../images/jtr3.png) no-repeat center center / 100% 100%;
border-radius: 50%;
right: 0px;
font-size: 30px;
color: #000;
text-align: center;
}
.pro_yycjqh .swiper-button-prev {
overflow: hidden;
width: 36px;
height: 36px;
top: 50%;
margin-top: -18px;
background: url(../images/jtl3.png) no-repeat center center / 100% 100%;
border-radius: 50%;
left: 0px;
font-size: 30px;
color: #000;
text-align: center;
}
.pro_yycjqh .swiper-button-next:hover {
background: url(../images/jtr3on.png) no-repeat center center / 100% 100%;
}
.pro_yycjqh .swiper-button-prev:hover {
background: url(../images/jtl3on.png) no-repeat center center / 100% 100%;
}
.pro_yycjqh .swiper-button-next:after,
.pro_yycjqh .swiper-container-rtl .swiper-button-prev:after {
display: none;
}
.pro_yycjqh .swiper-button-prev:after,
.pro_yycjqh .swiper-container-rtl .swiper-button-next:after {
display: none;
}


.pro_yycj{
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(4, 1fr);
    row-gap: 20px;
    column-gap: 60px;
    float: left;
}


.pro_yycj .swiper-slide .picbox img{width: 100%;height: 200px;object-fit: cover;display: block; border-radius: 10px;}
.pro_yycj .swiper-slide h3{ text-align: center; margin-top: 15px; font-weight: 400; font-size: 18px; color: #000000;}

.pro_list {
width: 100%;
height: auto;
float: left;
}
.pro_list ul {
width: 100%;
height: auto;
float: left;
}
.pro_list ul li {
width: 32%;
height: auto;
float: left;
margin-right: 2%;
background: #FFFFFF;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
border-radius: 16px 16px 16px 16px;
padding: 36px;
margin-bottom: 24px;
}
.pro_list ul li:nth-child(3n) {
margin-right: 0;
}
.pro_list ul li h3 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 20px;
color: rgba(0, 0, 0, 0.65);
text-align: left;
}
.pro_list ul li p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: rgba(0, 0, 0, 0.45);
line-height: 30px;
text-align: left;
margin-top: 16px;
margin-bottom: 24px;
}
.pro_list ul li a.mr {
width: 115px;
height: 28px;
border-radius: 4px 4px 4px 4px;
border: 1px solid rgba(0, 0, 0, 0.25);
display: inline-block;
line-height: 26px;
text-align: center;
float: left;
font-size: 14px;
color: rgba(0, 0, 0, 0.45);
text-transform: uppercase;
}
.pro_list ul li a.mr:after {
content: "";
width: 17px;
height: 7px;
background: url(../images/amore3.png) no-repeat center center / 100% 100%;
display: inline-block;
vertical-align: middle;
margin-left: 16px;
margin-top: -4px;
}
.pro_list ul li a.mr:hover {
background: #F8B421;
color: #fff;
border: 1px solid #F8B421;
}
.pro_list ul li a.mr:hover:after {
background: url(../images/amore_w3.png) no-repeat center center;
}
.pro_page {
float: left;
overflow: hidden;
text-align: center;
width: 100%;
padding-top: 48px;
}
.pro_page ul {
display: flex;
justify-content: center;
}
.pro_page li {}
.pro_page li a {
border: 1px solid #bebebe;
color: #bebebe;
display: inline-block;
font-size: 13px;
height: 30px;
line-height: 28px;
margin-left: 5px;
padding-left: 10px;
padding-right: 10px;
border-radius: 4px;
}
.pro_page li.active a {
background: #F8B421 none repeat scroll 0 0;
border: 1px solid #F8B421;
color: #ffffff;
}
.pro_page li:hover a {
background: #F8B421 none repeat scroll 0 0;
border: 1px solid #F8B421;
color: #ffffff;
}
.pro_page .pageinfo {
display: block;
text-align: center;
}

.tg_page {
float: left;
overflow: hidden;
text-align: center;
width: 100%;
margin-top: 48px;
margin-bottom: 100px;
}
.tg_page ul {
display: flex;
justify-content: center;
}
.tg_page li {}
.tg_page li a {
border: 1px solid #bebebe;
color: #bebebe;
display: inline-block;
font-size: 13px;
height: 30px;
line-height: 28px;
margin-left: 5px;
padding-left: 10px;
padding-right: 10px;
border-radius: 4px;
}
.tg_page li.active a {
background: #F8B421 none repeat scroll 0 0;
border: 1px solid #F8B421;
color: #ffffff;
}
.tg_page li:hover a {
background: #F8B421 none repeat scroll 0 0;
border: 1px solid #F8B421;
color: #ffffff;
}
.tg_page .pageinfo {
display: block;
text-align: center;
}
.proyslist {
width: 100%;
height: auto;
float: left;
margin-bottom: 24px;
}
.proyslist ul {
width: 100%;
height: auto;
float: left;
}
.proyslist ul li {
width: 23.5%;
margin-right: 2%;
height: auto;
float: left;
background: #F5F5F5;
border-radius: 16px 16px 16px 16px;
padding: 36px;
}
.proyslist ul li:nth-child(4n) {
margin-right: 0;
}
.proyslist ul li span {
width: 100%;
height: 60px;
float: left;
font-weight: 400;
font-size: 16px;
color: rgba(0, 0, 0, 0.65);
line-height: 30px;
text-align: center;
}
.proyslist ul li .line2 {
width: 100%;
height: 1px;
background: rgba(0, 0, 0, 0.1);
margin: 36px 0;
float: left;
position: relative;
}
.proyslist ul li .line2:after {
content: '';
width: 24px;
height: 2px;
background: #F8B421;
border-radius: 0px 0px 0px 0px;
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
}
.proyslist ul li p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 18px;
color: #222222;
text-align: center;
}




.position {
width: 100%;
overflow: hidden;
margin-top: 55px;
margin-bottom: 48px;
font-size: 14px;
color: rgba(0, 0, 0, 0.5);
}
.position i {
width: 14px;
height: 13px;
display: inline-block;
background: url(../images/posi.png) no-repeat center center / 100% 100%;
margin-right: 8px;
vertical-align: middle;
margin-top: -2px;
}
.position a {
font-weight: 400;
font-size: 14px;
color: #F8B421;
text-align: left;
}
.position a:hover {
font-weight: 400;
font-size: 14px;
color: rgba(0, 0, 0, 0.8);
text-align: left;
}
.position a:last-child {
font-weight: 400;
font-size: 14px;
color: rgba(0, 0, 0, 0.8);
text-align: left;
}
.cpbox {
width: 100%;
overflow: hidden;
}
.cp_bar {
width: 100%;
height: auto;
float: left;
background: #F5F5F5;
}
.cp_bar ul {
width: 100%;
height: auto;
float: left;
}
.cp_bar ul li {
float: left;
}
.cp_bar ul li:before {
height: 30px;
margin-top: 15px;
content: '';
width: 1px;
background: rgba(0, 0, 0, 0.1);
float: left;
}
.cp_bar ul li:first-child:before {
display: none;
}
.cp_bar ul li a {
padding: 0 48px;
height: 60px;
float: left;
font-weight: 400;
font-size: 20px;
color: rgba(0, 0, 0, 0.8);
line-height: 60px;
}
.cp_bar ul li a.current {
color: #ffffff;
background: #F8B421;
}
.cp_bar ul li a:hover {
color: #ffffff;
background: #F8B421;
}
.cpinfo {
width: 100%;
overflow: hidden;
margin-top: 48px;
display: flex;
margin-bottom: 80px;
float: left;
}
.cpimgqh {
width: 649px;
height: auto;
float: left;
position: relative;
padding: 0 18px;
}
.cpimgqh .swiper {
width: 100%;
height: 100%;
overflow: hidden;
}
.cpimgqh .swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
}
.cpimgqh .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.cpimgqh .swiper-button-next {
width: 36px;
height: 36px;
overflow: hidden;
top: 50%;
margin-top: -18px;
background: url(../images/jtr3.png) no-repeat center center / 100% 100%;
border-radius: 50%;
right: 0px;
font-size: 30px;
color: #000;
text-align: center;
}
.cpimgqh .swiper-button-prev {
overflow: hidden;
width: 36px;
height: 36px;
top: 50%;
margin-top: -18px;
background: url(../images/jtl3.png) no-repeat center center / 100% 100%;
border-radius: 50%;
left: 0px;
font-size: 30px;
color: #000;
text-align: center;
}
.cpimgqh .swiper-button-next:hover {
background: url(../images/jtr3on.png) no-repeat center center / 100% 100%;
}
.cpimgqh .swiper-button-prev:hover {
background: url(../images/jtl3on.png) no-repeat center center / 100% 100%;
}
.cpimgqh .swiper-button-next:after,
.cpimgqh .swiper-container-rtl .swiper-button-prev:after {
display: none;
}
.cpimgqh .swiper-button-prev:after,
.cpimgqh .swiper-container-rtl .swiper-button-next:after {
display: none;
}

.cpinfocon {
float: right;
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 80px;
}
.cpinfocon h3 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 20px;
color: rgba(0, 0, 0, 0.8);
line-height: 30px;
}
.cpinfocon .cpinfotext {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: rgba(0, 0, 0, 0.65);
margin-top: 24px;
margin-bottom: 100px;
line-height: 30px;
}
.cpinfocon .sqitem {
width: 100%;
height: auto;
float: left;
}
.cpinfocon .sqitem a.down {
width: 146px;
height: 38px;
border-radius: 100px 100px 100px 100px;
border: 1px solid rgba(0, 0, 0, 0.1);
display: inline-block;
line-height: 36px;
text-align: center;
float: left;
font-size: 16px;
color: rgba(0, 0, 0, 0.8);
text-transform: uppercase;
margin-right: 36px;
}
.cpinfocon .sqitem a.down:after {
content: "";
width: 18px;
height: 18px;
background: url(../images/idown.png) no-repeat center center / 100% 100%;
display: inline-block;
vertical-align: middle;
margin-left: 16px;
margin-top: -4px;
}
.cpinfocon .sqitem a.down:hover {
background: #F8B421;
color: #fff;
}
.cpinfocon .sqitem a.down:hover:after {
background: url(../images/idownon.png) no-repeat center center;
}
.cpinfocon .sqitem a.ypsqa {
width: 146px;
height: 38px;
border-radius: 100px 100px 100px 100px;
border: 1px solid rgba(0, 0, 0, 0.1);
display: inline-block;
line-height: 36px;
text-align: center;
float: left;
font-size: 16px;
color: rgba(0, 0, 0, 0.8);
text-transform: uppercase;
}
.cpinfocon .sqitem a.ypsqa:after {
content: "";
width: 18px;
height: 18px;
background: url(../images/iypsq.png) no-repeat center center / 100% 100%;
display: inline-block;
vertical-align: middle;
margin-left: 16px;
margin-top: -4px;
}
.cpinfocon .sqitem a.ypsqa:hover {
background: #F8B421;
color: #fff;
}
.cpinfocon .sqitem a.ypsqa:hover:after {
background: url(../images/iypsqon.png) no-repeat center center;
}
.cptx {
width: 100%;
overflow: hidden;
background: #F5F5F5;
padding: 100px 0 76px;
}
.cptx h2 {
width: 100%;
height: 47px;
float: left;
font-weight: 500;
font-size: 24px;
color: rgba(0, 0, 0, 0.8);
line-height: 30px;
border-bottom: 1px solid #E8E8E8;
}
.cptx .cptx_list {
width: 100%;
height: auto;
float: left;
margin-top: 36px;
}
.cptx .cptx_list ul {
width: 50%;
height: auto;
float: left;
}
.cptx .cptx_list ul li {
width: 100%;
height: auto;
float: left;
margin-bottom: 24px;
}
.cptx .cptx_list ul li h3 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 16px;
color: rgba(0, 0, 0, 0.8);
line-height: 30px;
}
.cptx .cptx_list ul li h3:before {
content: '';
width: 10px;
height: 10px;
background: #F8B421;
border-radius: 10px;
display: inline-block;
vertical-align: middle;
margin-right: 16px;
}
.cptx .cptx_list ul li p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 14px;
color: rgba(0, 0, 0, 0.65);
line-height: 24px;
margin-top: 10px;
padding-left: 26px;
}
.cptx .cptx_list ul li p:before {
content: '';
width: 6px;
height: 6px;
background: #F8B421;
border-radius: 10px;
display: inline-block;
vertical-align: middle;
margin-right: 16px;
}
.yycj {
width: 100%;
overflow: hidden;
padding-top: 100px;
padding-bottom: 76px;
}
.yycj h2 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 36px;
color: #222222;
text-align: center;
margin-bottom: 48px;
}
.yycj .yycj_list {
width: 100%;
height: auto;
float: left;
}
.yycj .yycj_list ul {
width: 100%;
height: auto;
float: left;
}
.yycj .yycj_list ul li {
width: 23.5%;
margin-right: 2%;
height: auto;
float: left;
position: relative;
margin-bottom: 2%;
border-radius: 12px;
overflow: hidden;
}
.yycj .yycj_list ul li:nth-child(4n) {
margin-right: 0;
}
.yycj .yycj_list ul li .picbox {
width: 100%;
height: auto;
float: left;
}
.yycj .yycj_list ul li .picbox img {
width: 100%;
height: auto;
float: left;
}
.yycj .yycj_list ul li .info {
width: 100%;
height: 100%;
float: left;
padding: 25px;
position: absolute;
top: 0;
left: 0;
}
.yycj .yycj_list ul li .info h3 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 24px;
color: #FFFFFF;
text-align: left;
}
.yycj .yycj_list ul li .info p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: rgba(255, 255, 255, 0.45);
text-align: left;
font-style: normal;
margin-top: 5px;
}

.jjfxbox {
width: 100%;
height: auto;
float: left;
margin-bottom: 40px;
}
.jjfxbox ul {
width: 100%;
height: auto;
float: left;
}
.jjfxbox ul li {
width: 100%;
height: auto;
position: relative;
float: left;
margin-bottom: 60px;
}
.jjfxbox ul li .picbox {
width: 100%;
height: 0;
padding-bottom: 34.33%;
float: right;
position: relative;
overflow: hidden;
}
.jjfxbox ul li .picbox img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.jjfxbox ul li .info {
width: 582px;
height: 395px;
background: #FFFFFF;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
border-radius: 16px 16px 16px 16px;
display: flex;
flex-direction: column;
padding: 48px;
position: absolute;
top: 60px;
left: 60px;
}
.jjfxbox ul li:nth-child(2n) .info {
right: 60px;
left: auto;
}
.jjfxbox ul li .info h3 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 20px;
color: rgba(0, 0, 0, 0.8);
line-height: 30px;
}
.jjfxbox ul li .info i {
width: 60px;
height: 3px;
background: #F8B421;
border-radius: 0px 0px 0px 0px;
margin-top: 16px;
margin-bottom: 24px;
}
.jjfxbox ul li .info p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: rgba(0, 0, 0, 0.65);
line-height: 30px;
text-align: left;
font-style: normal;
}
.jjfxbox ul li .info a.mr {
width: 154px;
height: 38px;
border-radius: 4px 4px 4px 4px;
border: 1px solid #F8B421;
display: inline-block;
line-height: 36px;
text-align: center;
float: left;
margin-top: 50px;
font-size: 16px;
color: #ffffff;
text-transform: uppercase;
margin-top: auto;
background: #F8B421;
}
.jjfxbox ul li .info a.mr:after {
content: "";
width: 26px;
height: 11px;
background: url(../images/amore.png) no-repeat center center / 100% 100%;
display: inline-block;
vertical-align: middle;
margin-left: 16px;
margin-top: -4px;
}
.jjfxbox ul li .info a.mr:hover {
background: #F8B421;
color: #fff;
}
.jjfxbox ul li .info a.mr:hover:after {
background: url(../images/amore_w.png) no-repeat center center;
}
.mainjjfa {
width: 100%;
overflow: hidden;
position: relative;
margin-top: -157px;
}
.jjfacon {
width: 100%;
height: auto;
float: left;
background: #FFFFFF;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
border-radius: 16px 16px 16px 16px;
padding: 48px;
margin-bottom: 100px;
}
.jjfacon .jjfaqh {
width: 100%;
height: auto;
float: left;
margin-top: 36px;
}
.jjfacon .jjfaqh .tab-hd {
width: 100%;
height: auto;
float: left;
}
.jjfacon .jjfaqh .tab-hd ul {
width: 100%;
height: auto;
float: left;
}
.jjfacon .jjfaqh .tab-hd ul li {
width: 152px;
height: 38px;
line-height: 36px;
border-radius: 100px 100px 100px 100px;
border: 1px solid rgba(0, 0, 0, 0.1);
margin-right: 36px;
float: left;
font-weight: 400;
font-size: 20px;
color: rgba(0, 0, 0, 0.8);
text-align: center;
cursor: pointer;
}
.jjfacon .jjfaqh .tab-hd ul li.on {
background: #F8B421;
border: 1px solid #F8B421;
color: #fff;
}

.jjfacon .jjfaqh .tab-hd ul li.on a{
    color: #fff;
}

.jjfacon .jjfaqh .tab-bd {
width: 100%;
height: auto;
float: left;
}
.jjfacon_info {
width: 100%;
height: auto;
float: left;
}
.jjfacon_info h3 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 20px;
color: rgba(0, 0, 0, 0.8);
line-height: 30px;
text-align: left;
}
.jjfacon_info p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: rgba(0, 0, 0, 0.65);
line-height: 30px;
text-align: left;
margin-top: 24px;
}
.jjfacon.jjfaxq {
width: 100%;
height: auto;
float: left;
}
.jjfacon .jjfaxqtop {
width: 100%;
height: auto;
float: left;
}
.jjfacon .jjfaxqtop h2 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 36px;
color: rgba(0, 0, 0, 0.8);
text-align: center;
margin-top: 100px;
margin-bottom: 24px;
}
.jjfacon .jjfaxqtop .info {
font-weight: 400;
font-size: 16px;
color: rgba(0, 0, 0, 0.65);
line-height: 30px;
text-align: center;
width: 100%;
float: left;
}
.jjfacon .jjfaxqtab {
width: 100%;
height: auto;
float: left;
margin-bottom: 100px;
margin-top: 48px;
}
.jjfacon .jjfaxqtab dl {
width: 100%;
height: auto;
float: left;
}
.jjfacon .jjfaxqtab dl dd.first {
height: 60px;
background: #F7F8FA;
line-height: 60px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
font-weight: 500;
font-size: 16px;
color: rgba(0, 0, 0, 0.8);
padding: 0px 60px;
}
.jjfacon .jjfaxqtab dl .w1 {
float: left;
width: 16%;
}
.jjfacon .jjfaxqtab dl .w2 {
float: left;
width: 18%;
}
.jjfacon .jjfaxqtab dl .w3 {
float: left;
width: 34%;
}
.jjfacon .jjfaxqtab dl .w4 {
float: left;
width: 32%;
}
.jjfacon .jjfaxqtab dl dd {
width: 100%;
float: left;
font-weight: 400;
font-size: 14px;
color: rgba(0, 0, 0, 0.8);
line-height: 30px;
padding: 36px 60px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
display: flex;
justify-content: space-between;
}
.jjfacon .jjfaxqtab dl dd .w2 {
display: flex;
justify-content: center;
align-items: center;
}
.jjfacon .jjfaxqtab dl dd .w3 {
display: flex;
justify-content: center;
align-items: center;
padding: 0 20px;
}
.jjfacon .jjfaxqtab dl dd .w4 {
display: flex;
justify-content: center;
align-items: center;
padding: 0 20px
}
.jjfacon .jjfaxqtab dl dd .picbox {
width: 200px;
float: left;
}
.jjfacon .jjfaxqtab dl dd .picbox img {
width: 100%;
}
.jjfacon .jjfa_xgcp {
width: 100%;
height: auto;
float: left;
position: relative;
}
.jjfacon .jjfa_xgcp img {
width: 100%;
height: auto;
float: left;
}
.jjfacon .jjfa_xgcp .info {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
max-width: 616px;
padding: 80px 100px;
float: left;
position: absolute;
top: 0;
}
.jjfacon .jjfa_xgcp .info h3 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 20px;
color: #FFFFFF;
line-height: 30px;
}
.jjfacon .jjfa_xgcp .info p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: rgba(255, 255, 255, 0.8);
line-height: 30px;
text-align: left;
margin-top: 24px;
margin-bottom: 48px;
}
.jjfacon .jjfa_xgcp .info a.mr {
width: 115px;
height: 28px;
border-radius: 4px 4px 4px 4px;
border: 1px solid #F8B421;
display: inline-block;
line-height: 26px;
text-align: center;
float: left;
font-size: 14px;
color: #ffffff;
text-transform: uppercase;
margin-top: auto;
background: #F8B421;
}
.jjfacon .jjfa_xgcp .info a.mr:after {
content: "";
width: 17px;
height: 7px;
background: url(../images/amore.png) no-repeat center center / 100% 100%;
display: inline-block;
vertical-align: middle;
margin-left: 16px;
margin-top: -4px;
}
.jjfacon .jjfa_xgcp .info a.mr:hover {
background: #F8B421;
color: #fff;
}
.jjfacon .jjfa_xgcp .info a.mr:hover:after {
background: url(../images/amore_w.png) no-repeat center center / 100% 100%;
}





.black_overlay {
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index: 1001;
-moz-opacity: 0.4;
opacity: .40;
filter: alpha(opacity=40);
}
.white_content {
display: none;
position: fixed;
top: calc(50% + 50px);
left: 50%;
transform: translate(-50%, -50%);
width: 1400px;
height: 1016px;
padding: 0px;
border: 0px solid orange;
background-color: white;
z-index: 1002;
}
.ypsq {
width: 1400px;
height: 700px;
background: #FFFFFF;
border-radius: 16px 16px 16px 16px;
padding: 30px 100px;
}
.ypsq h2 {
width: 100%;
font-weight: 400;
font-size: 20px;
color: #222222;
line-height: 30px;
text-align: center;
float: left;
position: relative;
}
.ypsq .gbbtn {
position: absolute;
right: 0px;
top: 7px;
width: 16px;
height: 16px;
background: url(../images/gbbtn.png) no-repeat center center / 100% 100%;
}
.ypsq .line {
width: 100%;
float: left;
margin-top: 24px;
margin-bottom: 48px;
border-bottom: 1px solid #E8E8E8;
}
.ypsqlist {
width: 100%;
height: auto;
float: left;
}
.ypsqlist form {
width: 100%;
height: auto;
float: left;
}
.ypsqlist ul {
width: 100%;
height: auto;
float: left;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.ypsqlist ul li {
width: 100%;
height: auto;
float: left;
margin-bottom: 36px;
}
.ypsqlist ul li.w50p {
width: 49%;
height: auto;
float: left;
}
.ypsqlist ul li.w25p {
width: 23.5%;
height: auto;
float: left;
}
.ypsqlist ul li h4 {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 18px;
color: rgba(0, 0, 0, 0.8);
line-height: 30px;
margin-bottom: 16px;
}
.ypsqlist ul li h4>i {
color: #F8B421;
font-style: normal;
margin-right: 2px;
}
.ypsqlist ul li input[type="text"] {
width: 100%;
height: 38px;
border-radius: 4px 4px 4px 4px;
border: 1px solid #E8E8E8;
float: left;
padding: 0 16px;
}
.ypsqlist ul li textarea {
width: 100%;
height: 120px;
border-radius: 4px 4px 4px 4px;
border: 1px solid #E8E8E8;
float: left;
padding: 16px;
font-family: "Microsoft YaHei";
}
input:focus {
outline: none;
}
select:focus {
outline: none;
}
textarea:focus {
outline: none;
}
.ypsqlist input::-webkit-input-placeholder {
color: #333;
}
.ypsqlist input::-moz-placeholder {
color: #333;
}
.ypsqlist input:-moz-placeholder {
color: #333;
}
.ypsqlist input:-ms-input-placeholder {
color: #333;
}
.ypsqlist textarea::-webkit-input-placeholder {
color: #333;
font-family: "Microsoft YaHei" ! important;
}
.ypsqlist textarea::-moz-placeholder {
color: #333;
font-family: "Microsoft YaHei" ! important;
}
.ypsqlist textarea:-moz-placeholder {
color: #333;
font-family: "Microsoft YaHei" ! important;
}
.ypsqlist textarea:-ms-input-placeholder {
color: #333;
font-family: "Microsoft YaHei" ! important;
}
.ypsqlist input[type="text"]:focus {
border-color: #F8B421;
}
.ypsqlist textarea:focus {
border-color: #F8B421;
}
.ypsqlist ul li input[type="checkbox"] {
margin-right: 10px;
}
.ypsqlist ul li label {
font-weight: 400;
font-size: 14px;
color: rgba(0, 0, 0, 0.25);
line-height: 30px;
}
.ypsqlist ul li label a {
font-weight: 400;
font-size: 14px;
color: #F8B421;
line-height: 30px;
}
.ypsqlist ul li .btn-submit {
width: 100%;
float: left;
height: 38px;
border-radius: 4px 4px 4px 4px;
float: left;
border: 0 none;
font-weight: 500;
font-size: 16px;
line-height: 30px;
text-align: center;
cursor: pointer;
}
.ypsqlist ul li .btn-reset {
width: 100%;
float: left;
height: 38px;
border-radius: 4px 4px 4px 4px;
border: 0 none;
font-weight: 400;
font-size: 16px;
line-height: 30px;
text-align: center;
cursor: pointer;
}
.ypsqlist ul li button {
background: #E8E8E8;
color: rgba(0, 0, 0, 0.45);
}
.ypsqlist ul li button:hover {
background: #F8B421;
color: #FFFFFF;
}
.ypsqlist .filter_sc {
float: left;
width: 100%;
}
.ypsqlist .el-select {
width: 100%;
}
.ypsqlist .el-input__inner {
height: 38px;
color: rgba(0, 0, 0, 0.8);
}
.ypsqlist .el-select>.el-input {
height: 38px;
}
.ypsqlist input[type="text"]:hover,
.ypsqlist textarea:hover {
border-color: #B4BCCC;
}


.nyycj_list {
width: 100%;
height: auto;
float: left;
}
.nyycj_list ul {
width: 100%;
height: auto;
float: left;
}
.nyycj_list ul li {
width: 100%;
height: auto;
float: left;
position: relative;
margin-bottom: 2%;
display: flex;
background: #FFFFFF;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
padding: 24px;
justify-content: space-between;
}

.nyycj_list ul li .picbox {
width: 688px;
height: auto;
}
.nyycj_list ul li .picbox img {
width: 100%;
height: auto;
float: left;
}
.nyycj_list ul li .info {
width: 688px;
height: auto;
display: flex;
flex-direction: column;
justify-content: center;
}
.nyycj_list ul li .info h3 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 20px;
color: rgba(0, 0, 0, 0.8);
line-height: 30px;
text-align: left;
}
.nyycj_list ul li .info i {
width: 60px;
height: 3px;
background: #F8B421;
border-radius: 0px 0px 0px 0px;
margin-top: 16px;
margin-bottom: 36px;
}
.nyycj_list ul li .info p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: rgba(0, 0, 0, 0.65);
line-height: 30px;
text-align: left;
margin-bottom: 48px;
}
.nyycj_list ul li:nth-child(2n-1) .info {
padding-right: 35px;
}
.nyycj_list ul li:nth-child(2n) .info {
padding-left: 35px;
}
.nyycj_list ul li .info a.mr {
width: 154px;
height: 38px;
border-radius: 4px 4px 4px 4px;
border: 1px solid #F8B421;
display: inline-block;
line-height: 36px;
text-align: center;
float: left;
font-size: 16px;
color: #ffffff;
text-transform: uppercase;
background: #F8B421;
}
.nyycj_list ul li .info a.mr:after {
content: "";
width: 26px;
height: 11px;
background: url(../images/amore.png) no-repeat center center / 100% 100%;
display: inline-block;
vertical-align: middle;
margin-left: 16px;
margin-top: -4px;
}
.nyycj_list ul li .info a.mr:hover {
background: #F8B421;
color: #fff;
}
.nyycj_list ul li .info a.mr:hover:after {
background: url(../images/amore_w.png) no-repeat center center;
}
.nyycj_info {
width: 100%;
height: auto;
float: left;
background: #FFFFFF;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
border-radius: 16px 16px 16px 16px;
padding: 48px;
margin-bottom: 100px;
}
.nyycj_info h3 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 20px;
color: rgba(0, 0, 0, 0.8);
line-height: 30px;
text-align: left;
}
.nyycj_info p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: rgba(0, 0, 0, 0.65);
line-height: 30px;
text-align: left;
margin-top: 24px;
}

.dxyy {
width: 100%;
overflow: hidden;
}
.dxyy h2 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 36px;
color: rgba(0, 0, 0, 0.8);
text-align: center;
font-style: normal;
}
.dxyy .dxyyqh {
width: 100%;
height: auto;
float: left;
margin-top: 48px;
margin-bottom: 100px;
}
.dxyy .dxyyqh ul {
width: 100%;
height: auto;
float: left;
display: flex;
}
.dxyy .dxyyqh ul li {
width: 20.26%;
height: 500px;
float: left;
overflow: hidden;
margin-right: 1.6em;
position: relative;
cursor: pointer;
border-radius: 16px;
}
.dxyy .dxyyqh ul li.on {
width: 40.8%;
}
.dxyy .dxyyqh ul li.ddyybg1 {
background: url(../images/ddyybg1.png) no-repeat center center / auto 100%;
}
.dxyy .dxyyqh ul li.ddyybg2 {
background: url(../images/ddyybg2.png) no-repeat center center / auto 100%;
}
.dxyy .dxyyqh ul li.ddyybg3 {
background: url(../images/ddyybg3.png) no-repeat center center / auto 100%;
}
.dxyy .dxyyqh ul li.ddyybg4 {
background: url(../images/ddyybg4.png) no-repeat center center / auto 100%;
}
.dxyy .dxyyqh ul li a{display:block;width:100%;height:100%;}
.dxyy .dxyyqh ul li p {
width: 128px;
height: 38px;
background: rgba(0, 0, 0, 0.25);
border-radius: 100px 100px 100px 100px;
border: 1px solid rgba(255, 255, 255, 0.45);
line-height: 36px;
text-align: center;
font-weight: 400;
font-size: 20px;
color: #FFFFFF;
line-height: 30px;
position: absolute;
left: 50%;
bottom: 36px;
transform: translateX(-50%);
}
.dxyy .dxyyqh ul li.on p {
background: #F8B421;
border: 1px solid rgba(255, 255, 255, 0.65);
}
.xgcp {
width: 100%;
background: #F5F5F5;
overflow: hidden;
padding-top: 100px;
}
.xgcp h2 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 36px;
color: rgba(0, 0, 0, 0.8);
text-align: center;
}
.xgcpqh {
width: 100%;
height: auto;
float: left;
padding: 0 72px;
margin-top: 48px;
margin-bottom: 100px;
position: relative;
}

.xgcpqh .swiper {
width: 100%;
height: 100%;
}
.xgcpqh .mySwiper {
overflow: hidden;
}
.xgcpqh .swiper-slide {
width: 100%;
padding: 46px 24px;
display: flex;
background: #FFFFFF;
border-radius: 16px 16px 16px 16px;
justify-content: space-between;
}
.xgcpqh .swiper-slide .picbox {
width: 40%;
height: 175px;
float: left;
position: relative;
overflow: hidden;
background: url(../images/xgcpbg.png) no-repeat center bottom;
padding: 0;
border-radius: 10px;
}
.xgcpqh .swiper-slide .picbox img {
width: 100%;
height: 100%;
border-radius: 10px;
}
.xgcpqh .swiper-slide .info {
width: 60%;
padding-left: 36px;
}
.xgcpqh .swiper-slide .info h3 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 18px;
color: rgba(0, 0, 0, 0.8);
text-align: left;
margin-top: 0px;
}
.xgcpqh .swiper-slide .info p {
width: 100%;
height: 60px;
float: left;
overflow: hidden;
font-weight: 400;
font-size: 14px;
color: rgba(0, 0, 0, 0.45);
line-height: 1.5;
text-align: left;
margin-top: 10px;
margin-bottom: 24px;
}
.xgcpqh .swiper-slide .info a.mr {
width: 115px;
height: 28px;
border-radius: 4px 4px 4px 4px;
border: 1px solid #F8B421;
display: inline-block;
line-height: 26px;
text-align: center;
float: left;
font-size: 14px;
color: #ffffff;
text-transform: uppercase;
background: #F8B421;
}
.xgcpqh .swiper-slide .info a.mr:after {
content: "";
width: 17px;
height: 7px;
background: url(../images/amore.png) no-repeat center center / 100% 100%;
display: inline-block;
vertical-align: middle;
margin-left: 16px;
margin-top: -4px;
}
.xgcpqh .swiper-slide .info a.mr:hover {
background: #F8B421;
color: #fff;
}
.xgcpqh .swiper-slide .info a.mr:hover:after {
background: url(../images/amore_w.png) no-repeat center center / 100% 100%;
}
.xgcpqh .swiper-button-next {
width: 36px;
height: 36px;
overflow: hidden;
top: 50%;
margin-top: -18px;
background: url(../images/jtr3.png) no-repeat center center / 100% 100%;
border-radius: 50%;
right: 0px;
font-size: 30px;
color: #000;
text-align: center;
}
.xgcpqh .swiper-button-prev {
overflow: hidden;
width: 36px;
height: 36px;
top: 50%;
margin-top: -18px;
background: url(../images/jtl3.png) no-repeat center center / 100% 100%;
border-radius: 50%;
left: 0px;
font-size: 30px;
color: #000;
text-align: center;
}
.xgcpqh .swiper-button-next:hover {
background: url(../images/jtr3on.png) no-repeat center center / 100% 100%;
}
.xgcpqh .swiper-button-prev:hover {
background: url(../images/jtl3on.png) no-repeat center center / 100% 100%;
}
.xgcpqh .swiper-button-next:after,
.xgcpqh .swiper-container-rtl .swiper-button-prev:after {
display: none;
}
.xgcpqh .swiper-button-prev:after,
.xgcpqh .swiper-container-rtl .swiper-button-next:after {
display: none;
}
.nyycjcon {
width: 100%;
height: auto;
float: left;
display: flex;
justify-content: space-between;
background: #FFFFFF;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
border-radius: 16px 16px 16px 16px;
padding: 48px;
margin-bottom: 100px;
}

.nyycjxq_info {
width: 100%;
max-width: 930px;
height: auto;
float: left;
}
.nyycjxq_info h3 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 20px;
color: rgba(0, 0, 0, 0.8);
line-height: 30px;
text-align: left;
}
.nyycjxq_info .nyycjxq_info_p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: rgba(0, 0, 0, 0.65);
line-height: 30px;
text-align: left;
margin-top: 24px;
}
.nyycjcon img {
width:200px;
}




.nyycj_ys {
width: 100%;
overflow: hidden;
background: linear-gradient(0deg, rgba(16, 166, 215, 0.25) 0%, rgba(16, 166, 215, 0) 100%);
}
.nyycj_ys h2 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 36px;
color: rgba(0, 0, 0, 0.8);
text-align: center;
}
.nyycj_ys .nyycj_ys_list {
width: 100%;
height: auto;
float: left;
margin-top: 48px;
margin-bottom: 72px;
}
.nyycj_ys .nyycj_ys_list ul {
width: 100%;
height: auto;
float: left;
}
.nyycj_ys .nyycj_ys_list ul li {
width: 49%;
height: auto;
float: left;
padding: 24px 48px;
margin-bottom: 24px;
background: rgba(255, 255, 255, 0.1);
border-radius: 16px 16px 16px 16px;
border: 2px solid #FFFFFF;
margin-right: 2%;
}
.nyycj_ys .nyycj_ys_list ul li:nth-child(2n) {
margin-right: 0;
}
.nyycj_ys .nyycj_ys_list ul li h3 {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 18px;
color: rgba(0, 0, 0, 0.8);
text-align: left;
}
.nyycj_ys .nyycj_ys_list ul li p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: rgba(0, 0, 0, 0.45);
line-height: 30px;
text-align: left;
margin-top: 10px;
text-transform: uppercase;
}
.yysyt {
width: 100%;
max-width: 1200px;
overflow: hidden;
padding-top: 100px;
padding-bottom: 100px;
margin: 0 auto;
}
.yysyt h2 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 36px;
color: rgba(0, 0, 0, 0.8);
text-align: center;
margin-bottom: 48px;
}
.yysyt img {
width: 100%;
height: auto;
float: left;
box-shadow: .15rem .25rem .15rem .25rem rgba(0,0,0,.075)!important;
border-radius: 1rem!important;
border: solid 1px rgba(0,0,0,.125)!important;
margin-bottom: 20px;
}
.yycj_list .info .mr {
width: 115px;
height: 28px;
border-radius: 4px 4px 4px 4px;
border: 1px solid #FFFFFF;
display: inline-block;
line-height: 26px;
text-align: center;
float: left;
font-size: 14px;
color: #ffffff;
margin-top: auto;

}
.yycj_list .info .mr:after {
content: "";
width: 17px;
height: 7px;
background: url(../images/amore.png) no-repeat center center / 100% 100%;
display: inline-block;
vertical-align: middle;
margin-left: 16px;
margin-top: -4px;
}
.yycj_list li a{display:block}
.yycj_list a:hover .mr{
border: 1px solid #F8B421;
background: #F8B421;
color: #fff;
}
.yycj_list a:hover .mr::after {
background: url(../images/amore_w.png) no-repeat center center / 100% 100%;
}
.dffcb {
display: flex;
flex-direction: column;
}

.aboutus {
width: 100%;
background: url(../images/aboutusbg.png) no-repeat top center / 100% auto;
overflow: hidden;
}
.aboutus h2 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 36px;
color: rgba(0, 0, 0, 0.8);
text-align: center;
font-style: normal;
margin-bottom: 36px;
}
.aboutus .aboutuscon {
width: 100%;
height: auto;
float: left;
}
.aboutus .aboutuscon h3 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 24px;
color: rgba(0, 0, 0, 0.8);
text-align: left;
margin-bottom: 24px;
}
.aboutus .aboutuscon p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: rgba(0, 0, 0, 0.65);
line-height: 30px;
text-align: left;
}
.aboutus .aboutuscon video {
width: 100%;
height: auto;
float: left;
margin-top: 36px;
margin-bottom: 100px;
}

.fzlc {
width: 100%;
overflow: hidden;
background: url(../images/fzlcbg.jpg?v1.2) no-repeat center center / 100% 100%;
}
.fzlc h2 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 36px;
color: #fff;
text-align: center;
font-style: normal;
margin-bottom: 60px;
}
.fzlcqh {
width: 100%;
height: auto;
float: left;
position: relative;
margin-bottom: 100px;
}
.fzlcqh .tab-bd {
width: 100%;
height: auto;
float: left;
}
.fzlcqh .tab-bd .fzlccon {
width: 100%;
height: auto;
float: left;
display: flex;
justify-content: center;
}
.fzlcqh .tab-bd .fzlccon .year {
font-family: '黑体';
font-weight: normal;
font-size: 200px;
color: #fff;
font-style: normal;
text-align: center;
font-style: italic;
}
.fzlcqh .tab-bd .fzlccon .info {
padding: 60px 80px;
}
.fzlcqh .tab-bd .fzlccon .info h3 {
font-weight: 500;
font-size: 24px;
color: #fff;
text-align: left;
margin-bottom: 24px;
}
.fzlcqh .tab-bd .fzlccon .info p {
font-weight: 400;
font-size: 16px;
color: rgba(255, 255, 255, 0.8);
line-height: 30px;
text-align: left;
font-style: normal;
}
.fzlcqh .tab-hd {
width: 100%;
height: auto;
float: left;
}
.fzlcqh .tab-hd ul {
width: 100%;
height: 60px;
float: left;
display: flex;
justify-content: space-between;
}
.fzlcqh .tab-hd ul:after {
content: '';
width: 100%;
height: 1px;
position: absolute;
bottom: 5px;
background: rgba(255, 255, 255, 0.25);
}
.fzlcqh .tab-hd ul li {
height: 30px;
font-weight: 400;
font-size: 16px;
color: #fff;
line-height: 30px;
text-align: center;
position: relative;
}
.fzlcqh .tab-hd ul li:before {
content: '';
width: 20px;
height: 20px;
position: absolute;
bottom: -34px;
left: 50%;
transform: translateX(-50%);
background: url(../images/fzlcqhdot.png) no-repeat center center / 100% 100%;
}
.fzlcqh .tab-hd ul li.on:before {
width: 40px;
height: 40px;
bottom: -54px;
background: url(../images/fzlcqhdoton.png) no-repeat center center / 100% 100%;
}
.fzlcqh .tab-hd ul li.on {
font-weight: bold;
font-size: 20px;
color: #F8B421;
line-height: 30px;
text-align: center;
cursor: pointer;
transform: translateY(-10px);
z-index: 999;
}
.fzlcqh .tab-hd .arrow {}
.fzlcqh .tab-hd .arrow a.next,
.fzlcqh .tab-hd .arrow a.prev {
width: 36px;
height: 36px;
overflow: hidden;
top: 50%;
margin-top: -18px;
border-radius: 50%;
font-size: 30px;
color: #fff;
text-align: center;
position: absolute;
cursor: pointer;
}
.fzlcqh .tab-hd .arrow a.next {
background: url(../images/jtr.png) no-repeat center center / 100% 100%;
right: 0px;
}
.fzlcqh .tab-hd .arrow a.prev {
background: url(../images/jtl.png) no-repeat center center / 100% 100%;
left: 0px;
}

.fzlcqh .tab-hd .arrow a.next:hover {
background: url(../images/jtron.png) no-repeat center center / 100% 100%;
}
.fzlcqh .tab-hd .arrow a.prev:hover {
background: url(../images/jtlon.png) no-repeat center center / 100% 100%;
}








.ryzz {
width: 100%;
overflow: hidden;
background: url(../images/ryzzbg.jpg?v1.0) no-repeat center center / 100% 100%;
}
.ryzz h2 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 36px;
color: rgba(0, 0, 0, 0.8);
text-align: center;
font-style: normal;
margin-bottom: 60px;
}
.ryzz .ryzzqh {
width: 100%;
height: 700px;
float: left;
padding: 0 96px;
position: relative;
margin-bottom: 100px;
}
.ryzz .ryzzqh .swiper {
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
.ryzz .ryzzqh .swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
height: calc((100% - 30px) / 2) !important;
/* Center slide text vertically */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.ryzz .ryzzqh .swiper-slide .picbox {
background: #FFFFFF;
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
border-radius: 0px 0px 0px 0px;
/* border: 1px solid #E8E8E8; */
float: left;
/* padding: 36px; */
display: flex;
justify-content: center;
align-items: center;
}
.ryzz .ryzzqh .swiper-slide .picbox img {
max-width: 100%;
max-height: 100%;
}
.ryzz .ryzzqh .swiper-slide h3 {
width: 100%;
height: 40px;
overflow: hidden;
line-height: 20px;
float: left;
font-weight: 400;
font-size: 16px;
color: rgba(0, 0, 0, 0.8);
text-align: center;
margin-top: 24px;
}
.ryzz .ryzzqh .swiper-button-next {
width: 48px;
height: 48px;
overflow: hidden;
top: 50%;
margin-top: -24px;
background: url(../images/jtr3.png) no-repeat center center / 100% 100%;
border-radius: 50%;
right: 0px;
font-size: 30px;
color: #000;
text-align: center;
}
.ryzz .ryzzqh .swiper-button-prev {
width: 48px;
height: 48px;
overflow: hidden;
top: 50%;
margin-top: -24px;
background: url(../images/jtl3.png) no-repeat center center / 100% 100%;
border-radius: 50%;
left: 0px;
font-size: 30px;
color: #000;
text-align: center;
}
.ryzz .ryzzqh .swiper-button-next:hover {
background: url(../images/jtr3on.png) no-repeat center center / 100% 100%;
}
.ryzz .ryzzqh .swiper-button-prev:hover {
background: url(../images/jtl3on.png) no-repeat center center / 100% 100%;
}
.ryzz .ryzzqh .swiper-button-next:after,
.ryzz .ryzzqh .swiper-container-rtl .swiper-button-prev:after {
display: none;
}
.ryzz .ryzzqh .swiper-button-prev:after,
.ryzz .ryzzqh .swiper-container-rtl .swiper-button-next:after {
display: none;
}
.qywh {
width: 100%;
overflow: hidden;
background: url(../images/qywhbg.jpg?v1.0) no-repeat center center / 100% 100%;
}
.qywh h2 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 36px;
color: #FFFFFF;
text-align: center;
font-style: normal;
margin-bottom: 60px;
}
.qywh .qywhqh {
width: 100%;
height: auto;
float: left;
}

.news_posi {
width: 100%;
height: 132px;
margin-top: -132px;
overflow: hidden;
position: relative;
z-index: 1;
}
.news_posi ul {
height: 60px;
background: rgba(255, 255, 255, 0.25);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
border-radius: 100px 100px 100px 100px;
border: 1px solid rgba(255, 255, 255, 0.65);
float: left;
display: flex;
justify-content: center;
padding: 0 48px;
align-items: center;
}
.news_posi ul li {}
.news_posi ul li.line {
width: 1px;
height: 20px;
background: rgba(0, 0, 0, 0.25);
margin: 0 60px;
}
.news_posi ul li a {
font-weight: 400;
font-size: 24px;
color: rgba(0, 0, 0, 0.45);
line-height: 60px;
}
.news_posi ul li a:before {
width: 26px;
height: 26px;
display: inline-block;
vertical-align: middle;
margin-top: -2px;
content: '';
margin-right: 10px;
}
.news_posi ul li a.news1:before {
background: url(../images/news1.png) no-repeat center center / 100% 100%;
}
.news_posi ul li a.news2:before {
background: url(../images/news2.png) no-repeat center center / 100% 100%;
}
.news_posi ul li a.job1:before {
background: url(../images/zp1.png) no-repeat center center / 100% 100%;
}
.news_posi ul li a.job2:before {
background: url(../images/zp2.png) no-repeat center center / 100% 100%;
}
.news_posi ul li.on a.news1:before {
background: url(../images/news1on.png) no-repeat center center / 100% 100%;
}
.news_posi ul li.on a.news2:before {
background: url(../images/news2on.png) no-repeat center center / 100% 100%;
}
.news_posi ul li.on a.job1:before {
background: url(../images/zp1on.png) no-repeat center center / 100% 100%;
}
.news_posi ul li.on a.job2:before {
background: url(../images/zp2on.png) no-repeat center center / 100% 100%;
}
.news_posi ul li:hover a.news1:before {
background: url(../images/news1on.png) no-repeat center center / 100% 100%;
}
.news_posi ul li:hover a.news2:before {
background: url(../images/news2on.png) no-repeat center center / 100% 100%;
}
.news_posi ul li:hover a.job1:before {
background: url(../images/zp1on.png) no-repeat center center / 100% 100%;
}
.news_posi ul li:hover a.job2:before {
background: url(../images/zp2on.png) no-repeat center center / 100% 100%;
}
.news_posi ul li.on a {
color: #F8B421;
}
.news_posi ul li:hover a {
color: #F8B421;
}

.qywhqh {
width: 100%;
height: auto;
float: left;
}
.qywhqh .tab-hd {
width: 100%;
height: auto;
float: left;
}
.qywhqh .tab-hd ul {
width: 100%;
height: auto;
float: left;
display: flex;
justify-content: center;
}
.qywhqh .tab-hd ul li {
height: 38px;
line-height: 36px;
padding: 0 36px;
border-radius: 100px 100px 100px 100px;
border: 1px solid rgba(255, 255, 255, 0.45);
font-weight: 400;
font-size: 20px;
color: #FFFFFF;
cursor: pointer;
text-align: center;
margin: 0 18px;
}
.qywhqh .tab-hd ul li.on {
background: #F8B421;
}
.qywhqh .tab-bd {
width: 100%;
height: auto;
float: left;
}
.qywhqh .qywhqh {
width: 100%;
height: auto;
float: left;
}
.qywhnbqh {
width: 100%;
height: auto;
float: left;
position: relative;
margin-bottom: 100px;
margin-top: 50px;
}
.qywhnbqh .swiper {
width: 100%;
height: 100%;
overflow: hidden;
margin-bottom: 77px;
padding-top: 48px;
}
.qywhnbqh .swiper-slide {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.qywhnbqh .swiper-slide .picbox img {
max-width: 100%;
}
.qywhnbqh .swiper-slide p {
font-weight: 400;
font-size: 16px;
color: rgba(255, 255, 255, 0.8);
line-height: 30px;
text-align: center;
margin-bottom: 36px;
}
.qywhnbqh .swiper-slide-active,
.swiper-slide-duplicate-active {
margin-top: -48px;
}
.qywhnbqh .swiper-button-next {
width: 36px;
height: 36px;
overflow: hidden;
top: 50%;
margin-top: -18px;
background: url(../images/jtr3.png) no-repeat center center / 100% 100%;
border-radius: 50%;
right: 0px;
font-size: 30px;
color: #000;
text-align: center;
position: unset;
}
.qywhnbqh .swiper-button-prev {
width: 36px;
height: 36px;
overflow: hidden;
top: 50%;
margin-top: -18px;
background: url(../images/jtl3.png) no-repeat center center / 100% 100%;
border-radius: 50%;
left: 0px;
font-size: 30px;
color: #000;
text-align: center;
position: unset;
}
.qywhnbqh .swiper-button-next:hover {
background: url(../images/jtr3on.png) no-repeat center center / 100% 100%;
}
.qywhnbqh .swiper-button-prev:hover {
background: url(../images/jtl3on.png) no-repeat center center / 100% 100%;
}
.qywhnbqh .swiper-button-next:after,
.qywhnbqh .swiper-container-rtl .swiper-button-prev:after {
display: none;
}
.qywhnbqh .swiper-button-prev:after,
.qywhnbqh .swiper-container-rtl .swiper-button-next:after {
display: none;
}
.qywhnbqh .center {
width: 100%;
height: auto;
float: left;
display: flex;
justify-content: center;
}
.qywhnbqh .swiper-horizontal>.swiper-scrollbar,
.qywhnbqh .swiper-scrollbar.swiper-scrollbar-horizontal {
width: 500px;
position: unset;
background: rgba(255, 255, 255, 0.45);
margin: 0 24px;
height: 3px;
}
.qywhnbqh .swiper-scrollbar-drag {
background: #F8B421;
}






.news_tt {
width: 100%;
height: auto;
float: left;
display: flex;
background: #ffffff;
}
.news_tt .picbox {
width: 45.86%;
height: auto;
float: left;
}
.news_tt .picbox img {
width: 100%;
height: auto;
float: left;
}
.news_tt .info {
width: 54.14%;
height: auto;
float: left;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 100px;
padding-right: 80px;
}
.news_tt .info .typename {
width: 128px;
height: 78px;
background: #F8B421;
border-radius: 0px 0px 16px 0px;
line-height: 78px;
text-align: center;
float: left;
position: absolute;
top: 0;
left: 0;
font-weight: 500;
font-size: 20px;
color: #FFFFFF;
}
.news_tt .info h3 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 18px;
color: rgba(0, 0, 0, 0.8);
line-height: 30px;
text-align: left;
}
.news_tt .info .date {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 14px;
color: rgba(0, 0, 0, 0.25);
line-height: 30px;
text-align: left;
font-style: normal;
}
.news_tt .info p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: rgba(0, 0, 0, 0.65);
line-height: 30px;
text-align: left;
margin-top: 24px;
}
.news_tt .info a.mr {
width: 115px;
height: 28px;
border-radius: 4px 4px 4px 4px;
border: 1px solid #FFFFFF;
display: inline-block;
line-height: 26px;
text-align: center;
float: left;
font-size: 14px;
color: #ffffff;
text-transform: uppercase;
background: #F8B421;
margin-top: 80px;
}
.news_tt .info a.mr:after {
content: "";
width: 17px;
height: 7px;
background: url(../images/amore.png) no-repeat center center / 100% 100%;
display: inline-block;
vertical-align: middle;
margin-left: 16px;
margin-top: -4px;
}
.news_tt .info a.mr:hover {
border: 1px solid #F8B421;
background: #F8B421;
color: #fff;
}
.news_tt .info a.mr:hover:after {
background: url(../images/amore_w.png) no-repeat center center / 100% 100%;
}
.news_list {
width: 100%;
height: auto;
float: left;
margin-top: 36px;
}
.news_list ul {
width: 100%;
height: auto;
float: left;
}
.news_list ul li {
width: 100%;
height: auto;
float: left;
padding: 16px;
}
.news_list ul li a {
display: flex;
}
.news_list ul li a .date {
width: 132px;
tacheight height: auto;
float: left;
display: flex;
flex-direction: column;
justify-content: center;
color: #222222;
}
.news_list ul li a .date .day {
width: 100%;
height: auto;
float: left;
font-weight: bold;
font-size: 36px;
line-height: 30px;
text-align: center;
}
.news_list ul li a .date .month {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 14px;
line-height: 30px;
text-align: center;
margin-top: 10px;
}
.news_list ul li a .info {
width: 100%;
height: auto;
float: left;
padding: 36px;
}
.news_list ul li a .info h3 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 16px;
color: rgba(0, 0, 0, 0.8);
line-height: 30px;
text-align: left;
font-style: normal;
}
.news_list ul li a .info p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 14px;
color: rgba(0, 0, 0, 0.45);
line-height: 26px;
margin-top: 10px;
text-align: left;
}
.news_list ul li a .picbox {
width: 232px;
height: auto;
float: left;
padding: 16px;
}
.news_list ul li a .picbox img {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
float: left;
}
.news_list ul li a:hover {
background: #ffffff;
}
.news_list ul li a:hover .date {
background: #F8B421;
color: #ffffff;
}
.news_list ul li a:hover .date {
background: #F8B421;
}
.news_list ul li a:hover .date {
background: #F8B421;
}
.news_list ul li a .info h3 {}


.ywzx {
width: 100%;
overflow: hidden;
position: relative;
margin-top: -60px;
}
.ywzx h2 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 24px;
color: #F8B421;
line-height: 30px;
text-align: center;
}
.ywzx p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: rgba(0, 0, 0, 0.65);
line-height: 30px;
text-align: center;
margin-top: 16px;
}
.ywzxcon {
width: 100%;
height: auto;
float: left;
background: #FFFFFF;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
border-radius: 16px 16px 16px 16px;
padding: 48px;
margin-bottom: 100px;
}
.ywzxform {
width: 100%;
height: auto;
float: left;
margin-top: 48px;
}
.ywzxform ul {
width: 100%;
height: auto;
float: left;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.ywzxform ul li {
width: 100%;
height: auto;
float: left;
margin-bottom: 36px;
}
.ywzxform ul li.w50p {
width: 49%;
height: auto;
float: left;
}
.ywzxform ul li.w25p {
width: 23.5%;
height: auto;
float: left;
}
.ywzxform ul li h4 {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 18px;
color: rgba(0, 0, 0, 0.8);
line-height: 30px;
margin-bottom: 16px;
}
.ywzxform ul li h4>i {
color: #F8B421;
font-style: normal;
margin-right: 2px;
}
.ywzxform ul li input[type="text"] {
width: 100%;
height: 38px;
border-radius: 4px 4px 4px 4px;
border: 1px solid #E8E8E8;
float: left;
padding: 0 16px;
}
.ywzxform ul li textarea {
width: 100%;
height: 120px;
border-radius: 4px 4px 4px 4px;
border: 1px solid #E8E8E8;
float: left;
padding: 16px;
font-family: "Microsoft YaHei";
}
input:focus {
outline: none;
}
select:focus {
outline: none;
}
textarea:focus {
outline: none;
}
.ywzxform input::-webkit-input-placeholder {
color: #333;
}
.ywzxform input::-moz-placeholder {
color: #333;
}
.ywzxform input:-moz-placeholder {
color: #333;
}
.ywzxform input:-ms-input-placeholder {
color: #333;
}
.ywzxform textarea::-webkit-input-placeholder {
color: #333;
font-family: "Microsoft YaHei" ! important;
}
.ywzxform textarea::-moz-placeholder {
color: #333;
font-family: "Microsoft YaHei" ! important;
}
.ywzxform textarea:-moz-placeholder {
color: #333;
font-family: "Microsoft YaHei" ! important;
}
.ywzxform textarea:-ms-input-placeholder {
color: #333;
font-family: "Microsoft YaHei" ! important;
}
.ywzxform input[type="text"]:focus {
border-color: #F8B421;
}
.ywzxform textarea:focus {
border-color: #F8B421;
}
.ywzxform ul li input[type="checkbox"] {
margin-right: 10px;
}
.ywzxform ul li label {
font-weight: 400;
font-size: 14px;
color: rgba(0, 0, 0, 0.25);
line-height: 30px;
}
.ywzxform ul li label a {
font-weight: 400;
font-size: 14px;
color: #F8B421;
line-height: 30px;
}
.ywzxform ul li .btn-submit {
width: 100%;
float: left;
height: 38px;
border-radius: 4px 4px 4px 4px;
float: left;
border: 0 none;
font-weight: 500;
font-size: 16px;
line-height: 30px;
text-align: center;
cursor: pointer;
}
.ywzxform ul li .btn-reset {
width: 100%;
float: left;
height: 38px;
border-radius: 4px 4px 4px 4px;
border: 0 none;
font-weight: 400;
font-size: 16px;
line-height: 30px;
text-align: center;
cursor: pointer;
}
.ywzxform ul li button {
background: #E8E8E8;
color: rgba(0, 0, 0, 0.45);
}
.ywzxform ul li button:hover {
background: #F8B421;
color: #FFFFFF;
}
.ywzxform .filter_sc {
float: left;
width: 100%;
}
.ywzxform .el-select {
width: 100%;
}
.ywzxform .el-input__inner {
height: 38px;
color: rgba(0, 0, 0, 0.8);
}
.ywzxform .el-select>.el-input {
height: 38px;
}
.ywzxform input[type="text"]:hover,
.ywzxform textarea:hover {
border-color: #B4BCCC;
}

.avd {
width: 100%;
overflow: hidden;
background: url(../images/avdbg.png) no-repeat center center / 100% 100%;
padding: 60px 0;
}
.avd .wrap {
display: flex;
justify-content: space-between;
align-items: center;
}
.avd .info {
width: 100%;
height: auto;
float: left;
}
.avd .info h3 {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: rgba(248, 180, 33, 0.65);
line-height: 30px;
text-align: left;
font-style: normal;
}
.avd .info p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 24px;
color: #FFFFFF;
line-height: 30px;
text-align: left;
font-style: normal;
margin-top: 10px;
margin-bottom: 36px;
}
.avd .info i.email {
width: 350px;
height: 48px;
border-radius: 6px 6px 6px 6px;
border: 1px solid #FFFFFF;
font-weight: 400;
font-size: 16px;
color: #FFFFFF;
line-height: 46px;
display: inline-block;
margin-right: 10px;
margin-bottom: 10px;
text-align: left;
font-style: normal;
text-align: center;
}
.avd .info i.email:before {
content: '';
width: 17px;
height: 14px;
display: inline-block;
vertical-align: middle;
margin-top: -2px;
margin-right: 10px;
background: url(../images/iemail.png) no-repeat center center / 100% 100%;
}
.avd a.mr {
width: 115px;
height: 28px;
border-radius: 4px 4px 4px 4px;
border: 1px solid #F8B421;
display: inline-block;
line-height: 26px;
text-align: center;
float: left;
background: #F8B421;
font-size: 14px;
color: #ffffff;
text-transform: uppercase;
}
.avd a.mr:after {
content: "";
width: 17px;
height: 7px;
background: url(../images/amore.png) no-repeat center center / 100% 100%;
display: inline-block;
vertical-align: middle;
margin-left: 16px;
margin-top: -4px;
}
.avd a.mr:hover {
border: 1px solid #F8B421;
background: #F8B421;
color: #fff;
}
.avd a.mr:hover:after {
background: url(../images/amore_w.png) no-repeat center center / 100% 100%;
}
.qqbj {
width: 100%;
overflow: hidden;
padding-top: 100px;
}
.qqbj h2 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 36px;
color: rgba(0, 0, 0, 0.8);
text-align: center;
margin-bottom: 48px;
}
.qqbj .map {
width: 100%;
height: auto;
float: left;
}
.qqbj .map img {
max-width: 100%;
height: auto;
float: left;
}
.qqbj .qqbj_list {
width: 100%;
height: auto;
float: left;
margin-top: 48px;
}
.qqbj .qqbj_list ul {
width: 100%;
height: auto;
float: left;
}
.qqbj .qqbj_list ul li {
width: 33.3333%;
height: auto;
float: left;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin-bottom: 48px;
}
.qqbj .qqbj_list ul li h3 {
width: 100%;
height: 30px;
float: left;
font-weight: 500;
font-size: 24px;
color: rgba(0, 0, 0, 0.8);
line-height: 30px;
text-align: left;
margin-bottom: 24px;
}
.qqbj .qqbj_list ul li h3 i {
font-style: normal;
font-size: 16px;
}
.qqbj .qqbj_list ul li .add {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: rgba(0, 0, 0, 0.65);
line-height: 30px;
text-align: left;
font-style: normal;
}
.qqbj .qqbj_list ul li span {
/* width: 48px; */
float: left;
}
.qqbj .qqbj_list ul li .add p {
width: calc(100% - 48px);
display: inline-block;
float: left;
height: 60px;
}
.qqbj .qqbj_list ul li .add p.f16 {
font-size: 15px;
}
.qqbj .qqbj_list ul li .tel {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: rgba(0, 0, 0, 0.65);
line-height: 30px;
text-align: left;
font-style: normal;
margin-bottom: 48px;
}
.qqbj .qqbj_list ul li:nth-child(3n+1) {
padding-right: 80px;
}
.qqbj .qqbj_list ul li:nth-child(3n+2) {
padding: 0 40px;
}
.qqbj .qqbj_list ul li:nth-child(3n) {
padding-left: 80px;
}
.gpxx {
width: 100%;
overflow: hidden;
background: #FFFFFF;
padding-top: 100px;
}
.gpxx h2 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 36px;
color: rgba(0, 0, 0, 0.8);
text-align: center;
font-style: normal;
margin-bottom: 48px;
}
.gpxx .gpxxcon {
width: 100%;
height: auto;
float: left;
display: flex;
margin-bottom: 100px;
}
.gpxx .gpxxcon .picbox {
width: 45.86%;
height: auto;
float: left;
}
.gpxx .gpxxcon .picbox img {
width: 100%;
height: auto;
float: left;
}
.gpxx .gpxxcon .info {
width: 54.14%;
height: auto;
float: left;
display: flex;
flex-direction: column;
justify-content: space-between;
background: url(../images/gpxxifbg.png) no-repeat center center / 100% 100%;
padding-left: 50px;
padding-right: 260px;
padding-top: 60px;
padding-bottom: 60px;
}
.gpxx .gpxxcon .info .item {
width: 100%;
height: auto;
float: left;
}
.gpxx .gpxxcon .info .item h3 {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 24px;
color: rgba(0, 0, 0, 0.8);
line-height: 30px;
text-align: left;
margin-bottom: 24px;
}
.gpxx .gpxxcon .info .item p {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 18px;
color: rgba(0, 0, 0, 0.65);
line-height: 30px;
text-align: left;
margin-bottom: 16px;
}
.gpxx .gpxxcon .info .line {
width: 100%;
height: 1px;
background: rgba(0, 0, 0, 0.1);
;
float: left;
}
.gpxx .gpxxcon .info .item p.igp:before {
content: '';
width: 22px;
height: 22px;
margin-right: 16px;
display: inline-block;
vertical-align: middle;
margin-top: -2px;
background: url(../images/igp.png) no-repeat center center / 100% 100%;
}
.gpxx .gpxxcon .info .item p.idmail:before {
content: '';
width: 22px;
height: 22px;
margin-right: 16px;
display: inline-block;
vertical-align: middle;
margin-top: -2px;
background: url(../images/idmail.png) no-repeat center center / 100% 100%;
}
.gpxx .gpxxcon .info .item p.idadd:before {
content: '';
width: 22px;
height: 22px;
margin-right: 16px;
display: inline-block;
vertical-align: middle;
margin-top: -2px;
background: url(../images/idadd.png) no-repeat center center / 100% 100%;
}
.xxpl {
width: 100%;
overflow: hidden;
background: #F5F5F5;
padding-top: 100px;
}
.xxpl h2 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 36px;
color: rgba(0, 0, 0, 0.8);
text-align: center;
font-style: normal;
margin-bottom: 48px;
}

.xxpllist {
width: 100%;
height: auto;
float: left;
margin-bottom: 76px;
}
.xxpllist ul {
width: 100%;
height: auto;
float: left;
}
.xxpllist ul li {
width: 100%;
height: auto;
float: left;
margin-bottom: 24px;
padding: 36px;
background: #FFFFFF;
}
.xxpllist ul li .xxtitle {
width: 100%;
float: left;
cursor: pointer;
font-weight: 400;
font-size: 20px;
color: rgba(0, 0, 0, 0.8);
line-height: 60px;
text-align: left;
font-style: normal;
}
.xxpllist ul li .xxtitle:before {
content: '';
width: 60px;
height: 60px;
margin-right: 36px;
display: inline-block;
background: url(../images/ixxpl.png) no-repeat center center / 100% 100%;
float: left;
}
.xxpllist ul li .xxtitle a {
width: 146px;
height: 38px;
line-height: 36px;
border-radius: 100px 100px 100px 100px;
border: 1px solid rgba(0, 0, 0, 0.1);
float: right;
font-weight: 500;
font-size: 16px;
color: #F8B421;
text-align: center;
margin-top: 12px;
}
.xxpllist ul li .xxtitle i.down {
width: 18px;
height: 18px;
display: inline-block;
vertical-align: middle;
margin-left: 16px;
background: url(../images/idown.png) no-repeat center center;
}
.fldyy {
width: 100%;
overflow: hidden;
}
.fldy h2 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 36px;
color: rgba(0, 0, 0, 0.8);
text-align: center;
font-style: normal;
margin-bottom: 24px;
}
.fldy h4 {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: rgba(0, 0, 0, 0.65);
line-height: 30px;
text-align: center;
font-style: normal;
margin-bottom: 60px;
}
.fldyqh {
width: 100%;
height: auto;
float: left;
padding: 0 28px;
position: relative;
}
.fldy{width: 100%;overflow: hidden;
}
.fldy .swiper-slide {
background-position: center;
background-size: cover;
width: 846px;
height: auto;
box-sizing: border-box
}
.fldy .swiper-slide img {
width: 100%;
}
.fldy .swiper-button-next {
width: 48px;
height: 48px;
overflow: hidden;
top: 50%;
margin-top: -24px;
background: url(../images/jtr2.png) no-repeat center center / 100% 100%;
border-radius: 50%;
right: 0px;
font-size: 30px;
color: #000;
text-align: center;
}
.fldy .swiper-button-prev {
overflow: hidden;
width: 48px;
height: 48px;
top: 50%;
margin-top: -24px;
background: url(../images/jtl2.png) no-repeat center center / 100% 100%;
border-radius: 50%;
left: 0px;
font-size: 30px;
color: #000;
text-align: center;
}
.fldy .swiper-button-next:hover {
background: url(../images/jtron.png) no-repeat center center / 100% 100%;
}
.fldy .swiper-button-prev:hover {
background: url(../images/jtlon.png) no-repeat center center / 100% 100%;
}
.fldy .swiper-button-next:after,
.fldy .swiper-container-rtl .swiper-button-prev:after {
display: none;
}
.fldy .swiper-button-prev:after,
.fldy .swiper-container-rtl .swiper-button-next:after {
display: none;
}

.bghj {
width: 100%;
overflow: hidden;
}
.bghj h2 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 36px;
color: rgba(0, 0, 0, 0.8);
text-align: center;
font-style: normal;
margin-bottom: 24px;
}
.bghj h4 {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: rgba(0, 0, 0, 0.65);
line-height: 30px;
text-align: center;
font-style: normal;
margin-bottom: 60px;
}
.bghj-box {
width: 100%;
height: auto;
float: left;
display: flex;
justify-content: space-between;
margin-bottom: 100px;
}
.bghj-box .bghj-left {
width: 32%;
height: auto;
float: left;
margin-right: 2%;
}
.bghj-box .picbox {
width: 100%;
float: left;
}
.bghj-box .picbox img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
border-radius: 20px;
overflow: hidden;
}
.bghj-box .bghj-right {
width: 66%;
height: auto;
float: left;
}
.bghj-box .bghj-box-item {
width: 100%;
float: left;
margin-bottom: 2%;
}
.bghj-box .bghj-box-item .bghj-two {
width: 100%;
height: auto;
float: left;
display: grid;
gap: 24px;
grid-template-columns: 1fr 1fr;
}
.bghj-box .bghj-box-item .bghj-two .picbox {}
.bghj-box .bghj-box-item .bghj-three {
width: 100%;
height: auto;
float: left;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 24px;
}
.bghj-box .bghj-box-item .bghj-three .picbox {}
/* 图片自适应铺满容器不变形 */

.rcln {
width: 100%;
overflow: hidden;
background: #ffffff;
}
.rcln h2 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 36px;
color: rgba(0, 0, 0, 0.8);
text-align: center;
font-style: normal;
margin-bottom: 48px;
}
.rcln_list {
width: 100%;
height: auto;
float: left;
margin-bottom: 100px;
}
.rcln_list ul {
width: 100%;
height: auto;
float: left;
}
.rcln_list ul li {
width: 33.33%;
/* height: 750px; */
float: left;
/* padding: 80px; */
display: flex;
position: relative;
flex-direction: column;
justify-content: center;
}
.rcln_list ul li:last-child {
margin-right: 0;
}
.rcln_list ul li.rclnbg1:hover {
background: url(../images/rclnbg1.png) no-repeat center center / 100% 100%;
}
.rcln_list ul li.rclnbg2:hover {
background: url(../images/rclnbg2.png) no-repeat center center / 100% 100%;
}
.rcln_list ul li.rclnbg3:hover {
background: url(../images/rclnbg3.png) no-repeat center center / 100% 100%;
}
.rcln_list ul li span {
width: 100%;
height: auto;
float: left;
position: absolute;
font-weight: 600;
font-size: 60px;
color: #F8B421;
line-height: 87px;
text-align: left;
left: 48px;
top: 48px;
display: none;
}
.rcln_list ul li:hover span {
display: block;
}
.rcln_list ul li h3 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 20px;
color: rgba(0, 0, 0, 0.8);
line-height: 30px;
text-align: left;
}
.rcln_list ul li i {
width: 60px;
height: 3px;
background: rgba(0, 0, 0, 0.1);
border-radius: 0px 0px 0px 0px;
float: left;
margin-top: 16px;
margin-bottom: 36px;
}
.rcln_list ul li p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: rgba(0, 0, 0, 0.65);
line-height: 30px;
text-align: left;
}
.rcln_list ul li:hover h3 {
color: rgba(255, 255, 255, 0.8);
}
.rcln_list ul li:hover i {
background: #F8B421;
}
.rcln_list ul li:hover p {
color: rgba(255, 255, 255, 0.65);
}
.zplc {
width: 100%;
height: 800px;
overflow: hidden;
background: url(../images/zplcbg.jpg?v1.3) no-repeat center center / 100% 100%;
}
.zplc h2 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 36px;
color: #FFFFFF;
text-align: center;
font-style: normal;
margin-bottom: 60px;
}
.zplc_list {
width: 100%;
height: auto;
float: left;
}
.zplc_list ul {
width: 100%;
height: auto;
float: left;
display: flex;
justify-content: center;
}
.zplc_list ul li {
width: 260px;
height: 260px;
background: rgba(255, 255, 255, 0.1);
border-radius: 0px 0px 0px 0px;
border: 2px solid rgba(255, 255, 255, 0.05);
float: left;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 100%;
margin: 0 -8px;
}
.zplc_list ul li i {
width: 60px;
height: 60px;
display: block;
}
.zplc_list ul li i.zplci1 {
background: url(../images/zplci1.png) no-repeat center center / 100% 100%;
}
.zplc_list ul li i.zplci2 {
background: url(../images/zplci2.png) no-repeat center center / 100% 100%;
}
.zplc_list ul li i.zplci3 {
background: url(../images/zplci3.png) no-repeat center center / 100% 100%;
}
.zplc_list ul li i.zplci4 {
background: url(../images/zplci4.png) no-repeat center center / 100% 100%;
}
.zplc_list ul li i.zplci5 {
background: url(../images/zplci5.png) no-repeat center center / 100% 100%;
}
.zplc_list ul li h3 {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 24px;
color: #FFFFFF;
text-align: center;
margin-top: 24px;
}
.zpgw {
width: 100%;
overflow: hidden;
margin-top: -208px;
}
.zpgw h2 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 36px;
color: rgba(0, 0, 0, 0.8);
text-align: center;
font-style: normal;
margin-bottom: 48px;
}
.zpgw .zpgwcon {
width: 100%;
height: auto;
float: left;
background: #FFFFFF;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
border-radius: 16px 16px 16px 16px;
padding-top: 60px;
padding-left: 60px;
padding-right: 60px;
margin-bottom: 100px;
}
.joblist {
width: 100%;
height: auto;
float: left;
margin-bottom: 60px;
}
.joblist *{
    -webkit-transition:all 0s ease 0s;
-moz-transition:all 0s ease 0s;
-o-transition:all 0s ease 0s;
-ms-transition:all 0s ease 0s;
transition:all 0s ease 0s;
}
.joblist ul {
width: 100%;
height: auto;
float: left;
}
.joblist ul li {
width: 100%;
height: auto;
float: left;
border: 1px solid #E8E8E8;
padding: 0 100px;
display: flex;
flex-direction: column;
}
.joblist ul li.first {
font-weight: 500;
font-size: 16px;
color: rgba(0, 0, 0, 0.8);
line-height: 30px;
padding: 15px 100px;
font-weight: bold;
background: #F7F8FA;
border-bottom: 0 none;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.joblist ul li.on {
background: rgba(248, 180, 33, 0.06);
}
.joblist ul li .w1 {
float: left;
width: 25%;
}
.joblist ul li .w2 {
float: left;
width: 25%;
}
.joblist ul li .w3 {
float: left;
width: 18%;
}
.joblist ul li .w4 {
float: left;
width: 18%;
}
.joblist ul li .w5 {
float: left;
width: 96px;
}
.joblist ul li .jobtitle {
width: 100%;
font-weight: 400;
font-size: 14px;
color: rgba(0, 0, 0, 0.65);
line-height: 30px;
float: left;
padding-top: 15px;
padding-bottom: 15px;
display: flex;
justify-content: space-between;
}
.joblist ul li.on .jobtitle {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.joblist ul li .jobtitle i.down {
width: 30px;
height: 30px;
float: left;
background: url(../images/jobjia.png) no-repeat center center;
cursor: pointer;
}
.joblist ul li.on .jobtitle i.down {
background: url(../images/jobjian.png) no-repeat center center;
}
.joblist ul li .jobcon {
width: 100%;
height: auto;
padding: 0 24px 24px;
font-size: 17px;
line-height: 30px;
color: #666666;
float: left;
overflow: hidden;
display: none;
}
.joblist ul li .jobcon span {
width: 100%;
height: auto;
float: left;
font-weight: bold;
color: #262626;
margin-top: 24px;
}
.joblist ul li .jobcon dl {
width: 100%;
height: auto;
float: left;
}
.joblist ul li .jobcon dl dt {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 14px;
color: rgba(0, 0, 0, 0.65);
line-height: 30px;
margin-bottom: 8px;
margin-top: 36px;
}
.joblist ul li .jobcon dl dd {
width: 100%;
height: auto;
float: left;
}
.joblist ul li .jobcon dl:last-child dd {
margin-bottom: 0;
}
.joblist ul li .jobcon dl dd p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 14px;
color: rgba(0, 0, 0, 0.65);
line-height: 30px;
text-align: left
}

.joblist ul li .jobtitle a.sq {
width: 96px;
float: left;
text-align: center;
height: 30px;
background: #F8B421;
border-radius: 4px 4px 4px 4px;
font-weight: 500;
font-size: 14px;
color: #FFFFFF;
line-height: 30px;
}
.joblist ul li .jobtitle a.sq:after {
content: "";
width: 16px;
height: 16px;
background: url(../images/jobsq.png) no-repeat center center / 100% 100%;
display: inline-block;
vertical-align: middle;
margin-left: 8px;
}
.joblist ul li .jobtitle a.sq:hover {
background: #F8B421;
color: #fff;
}
.joblist ul li .jobtitle a.sq:hover:after {
background: url(../images/jobsq.png) no-repeat center center;
}



.dowm {
width: 100%;
overflow: hidden;
}
.dowm h2 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 36px;
color: rgba(0, 0, 0, 0.8);
text-align: center;
font-style: normal;
margin-bottom: 48px;
}
.down_list {
width: 100%;
height: auto;
float: left;
margin-bottom: 0px;
}
.down_list ul {
width: 100%;
height: auto;
float: left;
}
.down_list ul li {
width: 100%;
height: auto;
float: left;
border: 1px solid #E8E8E8;
padding: 15px 43px;
display: flex;
flex-direction: row;
justify-content: space-between;
font-weight: 400;
font-size: 14px;
color: rgba(0, 0, 0, 0.8);
line-height: 30px;
}
.down_list ul li.first {
font-weight: 500;
font-size: 16px;
color: rgba(0, 0, 0, 0.8);
line-height: 30px;
padding: 15px 43px;
font-weight: bold;
background: #F7F8FA;
border-bottom: 0 none;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.down_list ul li:hover {
background: rgba(248, 180, 33, 0.06);
}
.down_list ul li.on {
background: rgba(248, 180, 33, 0.06);
}
.down_list ul li .w1 {
float: left;
width: 120px;
}
.down_list ul li .w2 {
float: left;
width: 270px;
}
.down_list ul li .w3 {
float: left;
width: 413px;
}
.down_list ul li .w4 {
float: left;
width: 272px;
}
.down_list ul li .w5 {
float: left;
width: 202px;
}
.down_list ul li .clf8 {
color: #F8B421;
}
.down_list ul li .w5 a.ck {
width: 96px;
height: 30px;
border-radius: 4px 4px 4px 4px;
border: 1px solid #F8B421;
float: left;
font-weight: 500;
font-size: 14px;
color: #F8B421;
line-height: 28px;
margin-right: 10px;
text-align: center;
}
.down_list ul li .w5 a.dw {
width: 96px;
height: 30px;
border-radius: 4px 4px 4px 4px;
border: 1px solid #10A6D7;
font-weight: 500;
font-size: 14px;
color: #10A6D7;
line-height: 28px;
text-align: center;
float: left;
}
.down_list ul li .w5 a.dw:after {
content: "";
width: 16px;
height: 16px;
background: url(../images/idw.png) no-repeat center center / 100% 100%;
display: inline-block;
vertical-align: middle;
margin-left: 8px;
}
/* 隐藏原生复选框 */
.custom-checkbox input {
display: none;
}
/* 外层容器 */
.custom-checkbox {
display: inline-flex;
align-items: center;
gap: 8px;
cursor: pointer;
}
/* 模拟方框 */
.custom-checkbox label::before {
content: '';
width: 18px;
height: 18px;
border: 1px solid #999;
border-radius: 4px;
display: inline-block;
transition: 0.2s;
}
/* 选中后样式 */
.custom-checkbox input:checked+label::before {
background: #F8B421;
border-color: #F8B421;
/* 对勾 */
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/%3E%3C/svg%3E");
background-size: 12px;
background-repeat: no-repeat;
background-position: center;
}


.black_overlay {
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index: 10010;
-moz-opacity: 0.4;
opacity: .40;
filter: alpha(opacity=40);
}
.white_content {
display: none;
position: fixed;
top: calc(50% + 50px);
left: 50%;
transform: translate(-50%, -50%);
width: 1400px;
height: 1016px;
padding: 0px;
border: 0px solid orange;
background-color: white;
z-index: 10020;
}
.xzwj {
width: 1040px;
height: 700px;
background: #FFFFFF;
border-radius: 16px 16px 16px 16px;
padding: 30px 48px;
}
.xzwj h2 {
width: 100%;
font-weight: 400;
font-size: 20px;
color: rgba(0, 0, 0, 0.8);
line-height: 30px;
text-align: center;
float: left;
position: relative;
}
.xzwj .gbbtn {
position: absolute;
right: 0px;
top: 7px;
width: 16px;
height: 16px;
background: url(../images/gbbtn.png) no-repeat center center / 100% 100%;
}
.xzwj .line {
width: 100%;
float: left;
margin-top: 24px;
margin-bottom: 48px;
border-bottom: 1px solid #E8E8E8;
}
.xzwjlist {
width: 100%;
height: auto;
float: left;
}
.xzwjlist form {
width: 100%;
height: auto;
float: left;
}
.xzwjlist ul {
width: 100%;
height: auto;
float: left;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.xzwjlist ul li {
width: 100%;
height: auto;
float: left;
margin-bottom: 20px;
}
.xzwjlist ul li.w50p {
width: 49%;
height: auto;
float: left;
}
.xzwjlist ul li.w25p {
width: 23.5%;
height: auto;
float: left;
}
.xzwjlist ul li h4 {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 18px;
color: rgba(0, 0, 0, 0.8);
line-height: 30px;
margin-bottom: 10px;
}
.xzwjlist ul li h4>i {
color: #F8B421;
font-style: normal;
margin-right: 2px;
}
.xzwjlist ul li input[type="text"] {
width: 100%;
height: 38px;
border-radius: 4px 4px 4px 4px;
border: 1px solid #E8E8E8;
float: left;
padding: 0 16px;
}
.xzwjlist ul li textarea {
width: 100%;
height: 120px;
border-radius: 4px 4px 4px 4px;
border: 1px solid #E8E8E8;
float: left;
padding: 16px;
font-family: "Microsoft YaHei";
}
.xzwjlist ul li input.mob {
width: calc(100% - 250px);
float: left;
margin-right: 10px;
}
.xzwjlist ul li input.yzm {
width: 118px;
float: left;
margin-right: 10px;
}
.xzwjlist ul li input.fsyzm {
width: 112px;
height: 38px;
background: #F8B421;
border-radius: 4px 4px 4px 4px;
float: right;
font-weight: 400;
font-size: 16px;
color: #FFFFFF;
line-height: 36px;
border: 0 none;
cursor: pointer;
}
.xzwjlist input::-webkit-input-placeholder {
color: #333;
}
.xzwjlist input::-moz-placeholder {
color: #333;
}
.xzwjlist input:-moz-placeholder {
color: #333;
}
.xzwjlist input:-ms-input-placeholder {
color: #333;
}
.xzwjlist textarea::-webkit-input-placeholder {
color: #333;
font-family: "Microsoft YaHei" ! important;
}
.xzwjlist textarea::-moz-placeholder {
color: #333;
font-family: "Microsoft YaHei" ! important;
}
.xzwjlist textarea:-moz-placeholder {
color: #333;
font-family: "Microsoft YaHei" ! important;
}
.xzwjlist textarea:-ms-input-placeholder {
color: #333;
font-family: "Microsoft YaHei" ! important;
}
.xzwjlist input[type="text"]:focus {
border-color: #F8B421;
}
.xzwjlist textarea:focus {
border-color: #F8B421;
}
.xzwjlist ul li input[type="checkbox"] {
margin-right: 10px;
}
.xzwjlist ul li label {
font-weight: 400;
font-size: 14px;
color: rgba(0, 0, 0, 0.25);
line-height: 30px;
}
.xzwjlist ul li label a {
font-weight: 400;
font-size: 14px;
color: #F8B421;
line-height: 30px;
}
.xzwjlist ul li .btn-submit {
width: 100%;
float: left;
height: 38px;
border-radius: 4px 4px 4px 4px;
float: left;
border: 0 none;
font-weight: 500;
font-size: 16px;
line-height: 30px;
text-align: center;
cursor: pointer;
}
.xzwjlist ul li .btn-reset {
width: 100%;
float: left;
height: 38px;
border-radius: 4px 4px 4px 4px;
border: 0 none;
font-weight: 400;
font-size: 16px;
line-height: 30px;
text-align: center;
cursor: pointer;
}
.xzwjlist ul li button {
background: #E8E8E8;
color: rgba(0, 0, 0, 0.45);
}
.xzwjlist ul li button:hover {
background: #F8B421;
color: #FFFFFF;
}
.xzwjlist .filter_sc {
float: left;
width: 100%;
}
.xzwjlist .el-select {
width: 100%;
}
.xzwjlist .el-input__inner {
height: 38px;
color: rgba(0, 0, 0, 0.8);
}
.xzwjlist .el-select>.el-input {
height: 38px;
}
.xzwjlist input[type="text"]:hover,
.xzwjlist textarea:hover {
border-color: #B4BCCC;
}

.article {
width: 100%;
height: auto;
float: left;
margin-bottom: 100px;
}
.article h1 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 24px;
color: rgba(0, 0, 0, 0.8);
line-height: 30px;
margin-bottom: 24px;
text-align: left;
}
.article .content {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: rgba(0, 0, 0, 0.65);
line-height: 30px;
text-align: left;
font-style: normal;
}
.article .content p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: rgba(0, 0, 0, 0.65);
line-height: 30px;
text-align: left;
font-style: normal;
}
.article .content .downbox {
width: 100%;
height: auto;
float: left;
margin-top: 48px;
}
.article .content .downbox a.dw {
width: 228px;
height: 38px;
border-radius: 4px 4px 4px 4px;
border: 1px solid #F8B421;
font-weight: 400;
font-size: 16px;
color: rgba(0, 0, 0, 0.8);
line-height: 36px;
text-align: center;
float: left;
margin-right: 10px;
}
.article .content .downbox a.dw:after {
content: "";
width: 18px;
height: 18px;
background: url(../images/idw2.png) no-repeat center center / 100% 100%;
display: inline-block;
vertical-align: middle;
margin-left: 8px;
}
.article .content .downbox a.fyx {
width: 228px;
height: 38px;
background: #F8B421;
border-radius: 4px 4px 4px 4px;
font-weight: 500;
font-size: 16px;
color: #ffffff;
line-height: 36px;
text-align: center;
float: left;
}
.article .content .downbox a.fyx:after {
content: "";
width: 18px;
height: 18px;
background: url(../images/ifyx.png) no-repeat center center / 100% 100%;
display: inline-block;
vertical-align: middle;
margin-left: 8px;
}