.padding{ padding-top:100px; padding-bottom:100px; }
.padding-bottom-80{ padding-bottom:80px;}
.padding-top-0{ padding-top:0; }
.swiper{--swiper-theme-color:  var(--green);/* 设置Swiper风格 */--swiper-navigation-color: #172259;/* 单独设置按钮颜色 */--swiper-navigation-size: 24px;/* 设置按钮大小 */}
.block80{  height: 80px;}
html{height: 100%;}

.btn a{ font-size: 16px; color:var(--green); display:inline-flex; justify-content: space-between; grid-gap: 24px; align-items: center; border:var(--green) solid 1px; border-radius:8px; padding: 10px 24px; transition-duration: 0.3s;  }
.btn a:hover{ color:var(--bg); background:var(--green); }


.index_banner {position: relative;overflow: hidden; }
.index_banner .swiper{height: 100vh}
.index_banner .swiper-slide{ position: relative;width: 100%;height: 100%;overflow:hidden; }
.index_banner .swiper-slide img.bg{width: 100%; height: 100%; object-fit: cover;}
.index_banner .swiper-slide .info{ width: var(--width) ; position:absolute;left: 50%; top:50%;  transition-duration: 0.3s; z-index: 33; transform: translate(-50%, -50%); transition-delay:0.5s; }
.index_banner .swiper-slide .info h3{ font-size: 80px; line-height: 1.2; color:#fff;  margin-bottom: 12px; text-align: left}
.index_banner .swiper-slide .info p{ color: #fff; font-size: 60px;line-height: 1.2; font-weight: 500; font-style: italic;  margin-bottom: 50px; text-align: left}
.index_banner .swiper-slide .info .more a{ color: #fff; display: inline-flex; grid-gap: 12px; justify-content: space-between; align-items: center; border: #fff solid 2px; border-radius: 30px; padding: 10px 30px; transition-duration: 0.3s; background: rgba(255,255,255,0)}
.index_banner .swiper-slide .info .more a:hover{ transform: scale(1.05); background: rgba(255,255,255,1); color: var(--blue); text-decoration: none; }
.index_banner .swiper-slide .info > *{opacity: 0; transform: translateY(50px); transition: all 1s; }
.index_banner .swiper-slide .info.white h2{color: #fff; }
.index_banner .swiper-slide .info.white h3{color: #fff;}
.index_banner .swiper-slide .info.white p{color: #fff;}
.index_banner .swiper-slide-active .info > * {  opacity: 1; transform: none;}
.index_banner .swiper-slide-active .info > *:nth-child(1) { transition-delay: 0.4s;}
.index_banner .swiper-slide-active .info > *:nth-child(2) { transition-delay: 0.6s;}
.index_banner .swiper-slide-active .info > *:nth-child(3) { transition-delay: 0.8s;}
.index_banner .swiper-slide-active .info > *:nth-child(4) { transition-delay: 2s;}

.index_banner .swiper-button-box{  display: flex; justify-content: right; align-items: center; grid-gap: 20px; width: var(--width); left: 50%; transform: translateX(-50%);  position: absolute; bottom:44px; z-index: 14;}
.index_banner .swiper-button-box .swiper-button-next{ transition-duration: 0.2s; position:initial;background: #fff; color: var(--green); border-radius: 50%; height:48px; width: 48px; font-size: 24px;}
.index_banner .swiper-button-box .swiper-button-prev{ transition-duration: 0.2s; position:initial;background: #fff; color: var(--green); border-radius: 50%; height:48px; width: 48px; font-size: 24px;}
.index_banner .swiper-button-box .swiper-button-next:after{display: none!important;}
.index_banner .swiper-button-box .swiper-button-prev:after{display: none!important;}
.index_banner .swiper-pagination {color: #fff; text-align: left; width: var(--width) !important; left: 50% !important; transform: translateX(-50%); }

.index_banner .swiper-pagination{ bottom:40px!important;font-size: 16px;}
.index_banner:after{content:""; position: absolute; left: 50%; transform: translateX(-50%);  bottom: 10%; width: 1px; z-index: 5; background:rgba(255,255,255,0.4); height: 100px; }
.index_banner:before{content:""; position: absolute; left: 50%; transform: translateX(-50%);  bottom: 10%; width: 1px; z-index: 6; background:var(--green); height: 40px; animation: position 3s linear infinite;}
.index_banner .swiper-pagination-bullet { background-color: rgba(255, 255, 255, 0.5); opacity: 1; border-radius: 4px; position: relative;  transition-duration: 0.3s; height: 6px; width: 12px; }
.index_banner .swiper-pagination-bullet-active { width: 40px; background: rgba(255, 255, 255, 0.5); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 50%, #FFFFFF 50%); background-size: 200%; background-position-x: 0%; animation: position 5s linear forwards; }
.index_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {  }
@keyframes position {
    0% { bottom: 10%; }
    50% { bottom: calc(10% + 60px); }
    100% { bottom: 10%; }
}

.index_business{ background: url("../images/indexmap.jpg") no-repeat center center var(--blue); background-size: contain;}
.index_business .pagewidth{ position: relative; height: 100vh}
.index_business .pagewidth .title{ position: relative; padding-bottom: 24px;  margin-bottom: 50px;}
.index_business .pagewidth .title h2{ font-size: 48px; line-height: 1.2; color: #fff;}
.index_business .pagewidth .title p{ position: absolute; bottom: 0px; font-size: 48px; line-height: 1.2; font-weight: 500; font-style: italic; color:rgba(255,255,255,0.1);}
.index_business .pagewidth .info{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 50%;}
.index_business .pagewidth .info h3{ position: relative; font-size: 48px;  color: #fff; margin-bottom: 30px; display:inline-block; line-height: 1.2}
.index_business .pagewidth .info h3::after{ position: absolute; left: 0;content: '';width: 100%; bottom: 0px; height:16px;background: var(--green); z-index: -1;transition-duration: 0.3s;}
.index_business .pagewidth .info .content p{ color: #fff; margin-bottom: 30px;}
.index_business .pagewidth .info .img{ display: grid; grid-gap: 20px; grid-template-columns: repeat(2,1fr); margin-bottom: 100px;}
.index_business .pagewidth .info .img img{ width: 100%; border-radius: 12px 0px 12px 0px;}
.index_business .pagewidth .info .more a{ color: #fff; display: inline-flex; grid-gap: 12px; justify-content: space-between; align-items: center; border: #fff solid 2px; border-radius: 30px; padding: 10px 30px; transition-duration: 0.3s; background: rgba(255,255,255,0)}
.index_business .pagewidth .info .more a:hover{ transform: scale(1.05); background: rgba(255,255,255,1); color: var(--blue); text-decoration: none; }

.index_about {background: url("../images/aboutbg.jpg") no-repeat center center;background-size: cover;}
.index_about .pagewidth{ position: relative; height: 100vh}
.index_about .pagewidth .box{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width:100%; display: grid; grid-gap:var(--gg); grid-template-columns: repeat(2, 1fr); }
.index_about .pagewidth .title{ position: relative; padding-bottom: 24px; margin-bottom: 50px;}
.index_about .pagewidth .title h2{ font-size: 48px; line-height: 1.2; color: var(--blue);}
.index_about .pagewidth .title p{ position: absolute; bottom: 0px; font-size: 48px; line-height: 1.2; font-weight: 500; font-style: italic; color:rgba(0,0,0,0.1);}
.index_about .pagewidth .content{ padding-right: 60px; margin-bottom: 50px;}
.index_about .pagewidth .content h3{ font-size: 48px; line-height: 1.2; color: var(--blue); margin-bottom: 10px;}
.index_about .pagewidth .content h4{ font-size: 24px; line-height: 1.2; color: #111; margin-bottom: 20px;}
.index_about .pagewidth .content p{ margin-bottom: 40px;}
.index_about .pagewidth .content .number .item{ position: relative; }
.index_about .pagewidth .content .number .item:after{ content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height:40px; background: rgba(0,0,0,0.1);}
.index_about .pagewidth .content .number .item:first-child:after{ display: none}
.index_about .pagewidth .content .number .item strong{ font-weight: 500; font-size: 66px; line-height: 1.2; color: var(--blue);}
.index_about .pagewidth .content .number .item span{ color:var(--blue);  font-size: 32px;}
.index_about .pagewidth .more a{ color: #111; display: inline-flex; grid-gap: 12px; justify-content: space-between; align-items: center; border: #fff solid 2px; border-radius: 30px; padding: 10px 30px; transition-duration: 0.3s; background: rgba(255,255,255,1)}
.index_about .pagewidth .more a:hover{ transform: scale(1.05); background: var(--blue); color:#fff; text-decoration: none; }
.index_about .pagewidth .content .number{background: #fff; border-radius: 24px 0px 24px 0px; text-align: center; align-items: center; padding: 40px; display: grid; grid-template-columns: repeat(3, 1fr);}
.index_about .pagewidth .content .number p{ margin-bottom: 0;}
.index_about .pagewidth .box .img img{ width: 100%; height: 100% ; object-fit: cover; border-radius: 24px 0px 24px 0px;}



.index_news .pagewidth{ position: relative; height: 100vh}
.index_news .pagewidth .row{ display: flex; justify-content: space-between; align-items: center; }
.index_news .pagewidth .row .title{ position: relative; padding-bottom: 24px; margin-bottom: 50px; width: 400px;}
.index_news .pagewidth .row .title h2{ font-size: 48px; line-height: 1.2; color: var(--blue);}
.index_news .pagewidth .row .title p{ position: absolute; bottom: 0px; font-size: 48px; line-height: 1.2; font-weight: 500; font-style: italic; color:rgba(0,0,0,0.1);}
.index_news .pagewidth .row .more a{ color: #111; display: inline-flex; grid-gap: 12px; justify-content: space-between; align-items: center; border: #dddddd solid 2px; border-radius: 30px; padding: 10px 30px; transition-duration: 0.3s; background: rgba(255,255,255,0)}
.index_news .pagewidth .row .more a:hover{ transform: scale(1.05); background: var(--blue); color:#fff; border:var(--blue) solid 2px;  text-decoration: none; }
.index_news .pagewidth .box{ position: absolute; left: 0; right: 0px; top: 50%; transform: translateY(-50%); width:100% }
.index_news .pagewidth .content .swiper-slide .item{ display:grid; grid-template-columns: 4fr 6fr; align-items: center; position: relative; }
.index_news .pagewidth .content{ position: relative; }

.index_news .pagewidth .content .layui-tabs{ position: relative;}
.index_news .pagewidth .content .layui-tabs .layui-tabs-header{ position: absolute; left: 0px; top: 0px; width: 40%; height: auto; border-bottom: none!important; z-index: 5; display: flex; justify-content: left; align-items: center;  grid-gap:25px; }
.index_news .pagewidth .content .layui-tabs .layui-tabs-header li{ font-size: 18px; color:#999; cursor: pointer}
.index_news .pagewidth .content .layui-tabs .layui-tabs-header li.layui-this{ font-size: 18px; color:var(--green); cursor: pointer; position: relative}
.index_news .pagewidth .content .layui-tabs .layui-tabs-header li.layui-this:after{ top: auto; position: absolute; width: 30px; height: 2px; background: var(--green); content: ""; left: 50%;transform: translateX(-50%); bottom: -10px;}
.layui-tabs-header:after, .layui-tabs-scroll:after{ display: none!important;}


.index_news .pagewidth .content .layui-tabs .layui-tabs-body{ padding-top: 0px; padding-bottom: 0;}
.index_news .pagewidth .content::after{background: var(--green);content: ""; border-radius: 24px 0px 24px 0px; height: auto; width: auto;left: 0px; right: 200px; top:70px;bottom: -70px; position: absolute;}


.index_news .pagewidth .content .swiper-slide .item .info{ padding: 50px; padding-top: 100px;}
.index_news .pagewidth .content .swiper-slide .item .info .date{ color: #fff; padding-bottom: 30px;}
.index_news .pagewidth .content .swiper-slide .item .info h3{ line-height: 1.2; margin-bottom: 30px;}
.index_news .pagewidth .content .swiper-slide .item .info h3 a{ line-height: 1.2; font-size: 32px; color: #fff; padding-bottom: 30px;}
.index_news .pagewidth .content .swiper-slide .item .info .description{ color: #fff;display: -webkit-box;  -webkit-line-clamp:3;  -webkit-box-orient: vertical; overflow: hidden;}

.index_news .pagewidth .content .swiper-slide .item .img{ width: 100%; height:550px; position: relative;border-radius: 0px 24px 0px 24px; overflow: hidden;}
.index_news .pagewidth .content .swiper-slide .item .img img{ width: 100%; height: 100%; object-fit: cover;}
.index_news .pagewidth .content .layui-tabs-item{ position: relative}
.index_news .pagewidth .content .layui-tabs-item .btn{ position:absolute; right: 0px; left: 0px;bottom: 0px; height:80px; width: 40%;}
.index_news .pagewidth .content .layui-tabs-item .btn .swiper-button-prev{ right:120px; left: auto; height: 48px; width:48px;border-radius: 50px; color: var(--green);  font-size: 24px; background: #fff; opacity: 0.8;}
.index_news .pagewidth .content .layui-tabs-item .btn .swiper-button-next{ right:60px; left: auto; height: 48px; width:48px;border-radius: 50px; color: var(--green);  font-size: 24px; background: #fff; opacity: 0.8;}
.index_news .pagewidth .content .layui-tabs-item .btn .swiper-button-next:after,.index_news .pagewidth .content .layui-tabs-item .btn .swiper-button-prev:after{ display: none}
.index_news .pagewidth .content .layui-tabs-item .btn .swiper-pagination{ font-size: 18px; left: 50px!important; left: auto; text-align: left; width: auto; color: #fff;font-weight: 500;}
.index_news .pagewidth .content .layui-tabs-item .btn .swiper-pagination .swiper-pagination-current{ font-size: 36px;}
.index_news .pagewidth .content .layui-tabs-item .btn .swiper-pagination .swiper-pagination-current:before{ content: "0";}
.index_news .pagewidth .content .layui-tabs-item .btn .swiper-pagination .swiper-pagination-total:before{ content: "0";}



.detail_banner{overflow: hidden; position: relative; background:#000;}
.detail_banner .pagewidth{position: relative; height: 560px;}
.detail_banner .text{  text-align: center; position: absolute; left: 0px; right: 0px; bottom: 14%; z-index: 2; }
.detail_banner .text h1{ font-size: 48px; margin-bottom: 10px; color: #fff; text-align: left;  line-height: 1em; z-index: 2; }
.detail_banner .text h2{ font-size:24px; margin-bottom: 50px; color: rgba(255,255,255,1); font-weight:bold;  text-align: left; position: relative; line-height: 1em; }
.detail_banner .text .down{color: #fff; font-size: 18px; width: 40px; height: 40px; border-radius: 40px; border:#fff solid 2px; display: flex; justify-content: center; align-items: center;}
.detail_banner img.detailbg{  width: 100%; height: 100%; object-fit: cover; position: absolute; opacity:1; left: 0;right: 0px; top: 0px; bottom: 0px;}



.detail_banner_search{overflow: hidden; position: relative; background: var(--blue);}
.detail_banner_search .pagewidth{position: relative; height: 400px;}
.detail_banner_search .text{  text-align: center; position: absolute; left: 0px; right: 0px; bottom: 14%; z-index: 2; }
.detail_banner_search .text h1{ font-size: 48px; margin-bottom: 32px; color: #fff; text-align: left;  line-height: 1em; z-index: 2; }
.detail_banner_search .text .layui-form{ display: grid; grid-template-columns: auto 100px;}
.detail_banner_search .text .layui-form .layui-input{background: #fff; border-radius: 3px 0px 0px 3px;}
.detail_banner_search .text .layui-form .layui-btn{ height: 54px; font-size: 17px; border-radius: 0px 3px 3px 0px;}


.detail_menu{box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05); position: relative; z-index: 1}
.detail_menu .pagewidth{display: flex; justify-content: space-between; align-items: center;}
.detail_menu ul{display: flex; justify-content: left; grid-gap: 50px;}
.detail_menu ul li{ }
.detail_menu ul li a{ display:block;height:70px; line-height:70px;color:#333; }
.detail_menu ul li a.active{font-weight: 700; border-bottom: var(--green) solid 2px; color: var(--green);}
.detail_menu ul li a:hover{  color:#000; }
.detail_menu ul li a.active:hover{  color:var(--green); }

.detail_menu .crumbs{ font-size:16px; }
.detail_menu .crumbs i{color:#666; }
.detail_menu .crumbs span{ margin-left:5px;margin-right:5px; }
.detail_menu .crumbs span a{ color:#666; }
.detail_menu .crumbs span.line{ color:#999; }
.detail_menu .crumbs span:last-child{display: none;}



.list_company .pagewidth{ display:grid; grid-template-columns: repeat(2,1fr); align-items: center;}
.list_company .pagewidth .left .title{ margin-bottom: 50px;}
.list_company .pagewidth .left .title h2{ color: #111; font-size: 40px; padding-bottom:20px; position: relative;}
.list_company .pagewidth .left .title h2:after{content: ""; position: absolute; left: 0px; width: 50px; height: 4px; background:var(--blue);bottom: 0px;}
.list_company .pagewidth .left .img{ display: block; border-radius: 24px 0px; 24px 0px; overflow: hidden; margin-bottom: 40px;}
.list_company .pagewidth .left .img img{ width: 100%;}
.list_company .pagewidth .left{ border-right:#ececec solid 1px; padding-right: 100px;}
.list_company .pagewidth .right{ padding-left: 100px;}
.list_company .pagewidth .right .number .item{ border-bottom: #ececec solid 1px; display: grid; grid-template-columns: 30% 40% 30%; align-items: center}
.list_company .pagewidth .right .number .item p{ text-align: right; color: #333; font-size: 24px;}
.list_company .pagewidth .right .number .item .icon{ text-align: center;color: #999; font-size: 24px;}
.list_company .pagewidth .right .number{ margin-bottom: 50px;}
.list_company .pagewidth .right .number .item{ position: relative; padding-top: 30px; padding-bottom: 30px; }
.list_company .pagewidth .right .number .item strong{ font-weight: 700; font-size: 66px; line-height: 1.2; color:var(--green); }
.list_company .pagewidth .right .number .item span{ color:var(--green);  font-size: 32px;}
.list_company .pagewidth .html{color: #333;}
.list_company .pagewidth .html p{ margin-bottom: 24px;}


.list_organization .pagewidth .title{ margin-bottom: 50px;}
.list_organization .pagewidth .title h2{ color: #111; font-size: 40px; padding-bottom:20px; position: relative; text-align: center}
.list_organization .pagewidth .title h2:after{content: ""; position: absolute; left: 50%;transform: translateX(-50%); width: 50px; height: 4px; background:var(--blue);bottom: 0px;}
.list_organization .pagewidth .item{ text-align: center}


.list_management{ background: #f3f5f7;}
.list_management .pagewidth .title{ margin-bottom: 50px;}
.list_management .pagewidth .title h2{ color: #111; font-size: 40px; padding-bottom:20px; position: relative;}
.list_management .pagewidth .title h2:after{content: ""; position: absolute; left: 0px; width: 50px; height: 4px; background:var(--blue);bottom: 0px;}
.list_management .content{background: #fff; padding: 60px;}
.list_management .content h3{ font-size: 32px; color: #111; margin-bottom: 24px; font-weight: normal}
.list_management .content .list{ display:grid; grid-template-columns: repeat(5,1fr); align-items: center; grid-gap: 32px; margin-bottom: 32px;}
.list_management .content .list .item{ border-radius: 3px; border: 1px solid #ececec; background: #f5f6f8; padding-top:20px; padding-bottom: 20px;}
.list_management .content .list .item h4{ text-align: center; font-weight: normal; line-height: 1; margin-bottom: 10px; font-size: 20px;}
.list_management .content .list .item .post{ text-align: center; font-weight: normal;line-height: 1; font-size: 14px; color: #999; text-align: center}
.list_management .content .list .item{ position: relative}
.list_management .content .list .item .tanchu{ opacity: 0; visibility: hidden; transition-duration: 0.3s; transform: translateY(0); color: #333; position: absolute; z-index: 1; left: 0px; right: 0px; width: 600px; top: 76px; background: #fff; border-radius: 3px;border: #d9dae2 solid 1px; box-shadow: 0px 5px 20px rgba(0,0,0,0.05); padding: 30px;}
.list_management .content .list .item .tanchu p{ color: #333; font-size: 16px;}
.list_management .content .list .item .tanchu {display: grid; grid-template-columns:180px auto; grid-gap: 24px;}
.list_management .content .list .item .tanchu .left .leftname{ font-size: 32px; line-height: 1; margin-bottom: 10px;}
.list_management .content .list .item .tanchu .left .leftpost{ font-size: 16px;}
.list_management .content .list .item .tanchu .right p{ font-size: 16px;}
.list_management .content .list .item .tanchu::after{content: ""; position: absolute;border: 8px solid transparent; border-top-width: 0; left: 50px; transform: translateX(-50%); border-bottom-color: #fff; top: -8px;}
.list_management .content .list .item .tanchu::before{content: ""; position: absolute;border: 8px solid transparent; border-top-width: 0; left: 50px; transform: translateX(-50%); border-bottom-color: #d9dae2; top: -9px;}
.list_management .content .list.top .item{ border-radius: 3px; border: 1px solid var(--blue); background: var(--blue); padding-top:20px; padding-bottom: 20px;}
.list_management .content .list.top .item h4{ color: #fff;}
.list_management .content .list.top .item .post{ color: #fff;}
.list_management .content .list .item:hover .tanchu{ opacity: 1; visibility: visible;transform: translateY(10px);}

.list_culture{ background: #f3f5f7;}
.list_culture .pagewidth .title{ margin-bottom: 50px;}
.list_culture .pagewidth .title h2{ color: #111; font-size: 40px; padding-bottom:20px; position: relative;}
.list_culture .pagewidth .title h2:after{content: ""; position: absolute; left: 0px; z-index: 1; width: 50px; height: 4px; background:var(--blue);bottom: 0px;}
.list_culture .pagewidth .content{ border-radius: 3px; overflow: hidden}
.list_culture .pagewidth .content img{ width: 100%;}

.list_culture .pagewidth .list { padding-left:50px; position: relative; z-index: 2; margin-top: -100px;padding-right: 50px; display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; grid-gap: 32px;}
.list_culture .pagewidth .list .item{  box-shadow: 0px 5px 20px rgba(0,0,0,0.05); background: #fff; border-radius: 3px; padding: 60px; position: relative}
.list_culture .pagewidth .list .item .subtitle{  font-size: 18px;}
.list_culture .pagewidth .list .item .subcontent{  font-size: 32px;}
.list_culture .pagewidth .list .item:hover .subcontent{ color: var(--green)}


.list_honor .pagewidth .title{ margin-bottom: 50px;}
.list_honor .pagewidth .title h2{ color: #111; font-size: 40px; padding-bottom:20px; position: relative;}
.list_honor .pagewidth .title h2:after{content: ""; position: absolute; left: 0px; z-index: 1; width: 50px; height: 4px; background:var(--blue);bottom: 0px;}
.list_honor .pagewidth .content {display:grid; grid-template-columns: 200px auto; grid-gap: 12px; padding-bottom: 24px; position: relative;}
.list_honor .pagewidth .content::after{ position:absolute; top: 0px; bottom: 0px; width: 2px; left:141px;content:""; width: 2px; background:#dedede; }
.list_honor .pagewidth .content .year{ position: relative; color: #111; font-weight: 500; font-size: 36px;font-style: italic; line-height: 40px;}
.list_honor .pagewidth .content .year::after{content: "";transition-duration: 0.3s;background: #fff; z-index: 3; position: absolute; top: 12px; right:50px; border-radius: 20px; height: 12px; width: 12px; border: #dedede solid 2px;}
.list_honor .pagewidth .content .list{ padding-top:5px; }
.list_honor .pagewidth .content .list .item h4{ font-weight: normal; color: #333;transition-duration: 0.3s; }
.list_honor .pagewidth .content .list .item{ margin-bottom: 10px;}
.list_honor .pagewidth .content:hover .year::after{content: ""; position: absolute; top: 12px; right:50px; border-radius: 20px; height: 12px; width: 12px; border: var(--green) solid 2px;}
.list_honor .pagewidth .content:hover .year{color: var(--green);}
.list_honor .pagewidth .content:hover .list .item h4{color: var(--green);}




.list_history{ background: #f3f5f7;}
.list_history .title{ margin-bottom: 50px;}
.list_history .title h2{ color: #111; font-size: 40px; padding-bottom:20px; position: relative; text-align: center}
.list_history .title h2:after{content: ""; position: absolute; left: 50%;transform: translateX(-50%); width: 50px; height: 4px; background:var(--blue);bottom: 0px;}

.list_history .swiper-slide .item{ position: relative; aspect-ratio: 1; border-radius: 50%;  background:rgba(255,255,255,0.6); border:#d0d1d3 solid 1px;transition-duration:0.3s; display: flex; justify-content: center; align-items: center; overflow: hidden;}
.list_history .swiper-slide .item .bg{ position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0}
.list_history .swiper-slide-active .item .bg{ opacity: 0.2; }
.list_history .swiper-slide .item .box{ width: 70%; position: relative;z-index: 3;}
.list_history .swiper-slide .item .box .year{ padding-bottom: 30px; margin-bottom: 30px; position: relative}
.list_history .swiper-slide .item .box .year::after{ transition-duration: 0.3s; content: ""; position: absolute; left: 10%; right: 10%; bottom: 0; z-index: 1; width: auto; height: 1px; background:#ececec;}
.list_history .swiper-slide .item .box .year::before{ transition-duration: 0.3s; content: ""; position: absolute; left: 50%; transform: translateX(-50%); z-index: 2; bottom: -1px; width: 60px; height: 3px; background:var(--blue);}
.list_history .swiper-slide .item .box .year h3{ transition-duration: 0.3s; margin-bottom: 0px; font-weight: 700; text-align: center; font-size: 60px; line-height: 1; color: #333;}
.list_history .swiper-slide .item .box .year p{ transition-duration: 0.3s; text-align: center; color: #333; font-size: 20px; text-transform:uppercase}
.list_history .swiper-slide .item .box .html{ transition-duration: 0.3s; color: #666; text-align: center}

.list_history .swiper-slide-active{  position:relative; z-index:5;}
.list_history .swiper-slide-active .item{background:var(--blue); border:var(--blue) solid 1px;}
.list_history .swiper-slide-active .item .box .year{ padding-bottom: 30px; margin-bottom: 30px; position: relative}
.list_history .swiper-slide-active .item .box .year::after{ content: ""; position: absolute; left: 10%; right: 10%; bottom: 0; z-index: 1; width: auto; height: 1px; background:rgba(255,255,255,0.5);}
.list_history .swiper-slide-active .item .box .year::before{ content: ""; position: absolute; left: 50%; transform: translateX(-50%); z-index: 2; bottom: -1px; width: 60px; height: 3px; background:#fff;}
.list_history .swiper-slide-active .item .box .year h3{  margin-bottom: 0px; font-weight: 700; text-align: center; font-size: 60px; line-height: 1; color: #fff;}
.list_history .swiper-slide-active .item .box .year p{ text-align: center; color: #fff; font-size: 20px; text-transform:uppercase}
.list_history .swiper-slide-active .item .box .html{ color: #fff; text-align: center}
.list_history .content{ position: relative; padding-bottom: 100px;}
.list_history .content .swiper-button-prev{ transition-duration: 0.3s; left: 50%; margin-left: -70px; bottom: 0px; top: auto; height: 56px; width:56px;border-radius: 50px; color:#fff;  font-size: 24px; background:  var(--blue); opacity: 0.8;}
.list_history .content .swiper-button-next{ transition-duration: 0.3s; right: 50%;  margin-right: -70px;bottom: 0px;  top: auto; height: 56px; width:56px;border-radius: 50px; color: #fff;  font-size: 24px; background:  var(--blue); opacity: 0.8;}
.list_history .content .swiper-button-next:after,.list_history .content .swiper-button-prev:after{ display: none}
.list_history .content .swiper-button-disabled{ color: #ccc; background:#fff;}


.list_service_1{ background: #f5f6f8;}
.list_service_1 .row{ display:grid; grid-template-columns: 3fr 6fr; grid-gap: 36px; margin-bottom: 40px;}
.list_service_1 .row .title{ margin-bottom: 50px;}
.list_service_1 .row .title h2{ color: #111; font-size: 40px; padding-bottom:20px; position: relative; text-align: left}
.list_service_1 .row .title h2:after{content: ""; position: absolute; left: 0%;width: 50px; height: 4px; background:var(--blue);bottom: 0px;}
.list_service_1 .row .description p{ margin-bottom: 24px;color: #333; }
.list_service_1 .content{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 36px;}
.list_service_1 .content .item .img{overflow: hidden;aspect-ratio: 16/10; transition-duration: 0.3;}
.list_service_1 .content .item .img img{ height: 100%; width: 100%; transition-duration: 0.3s;}
.list_service_1 .content .item{ border-radius: 24px 0px 24px 0px; overflow: hidden; background: #fff}
.list_service_1 .content .item .title{ padding:36px; display: flex; justify-content: space-between; align-items: center;}
.list_service_1 .content .item .title h3{ font-size: 24px; transition-duration: 0.3s;}
.list_service_1 .content .item .title .icon img{ width: 48px;transition-duration: 0.3s;}
.list_service_1 .content .item:hover img{transform: scale(1.1); }
.list_service_1 .content .item:hover .title h3{ color: var(--green)}



.list_service_2{background: #fff}
.list_service_2 .title{ margin-bottom: 50px;}
.list_service_2 .title h2{ color: #111; font-size: 40px; padding-bottom:20px; position: relative; text-align: left}
.list_service_2 .title h2:after{content: ""; position: absolute; left: 0%;width: 50px; height: 4px; background:var(--blue);bottom: 0px;}
.list_service_2 .content{ display: flex; justify-content: space-between; align-items: center; grid-gap: 36px;}
.list_service_2 .content .item{width: 50%; height: 480px; border-radius: 6px;transition-duration: 0.3s; position: relative; overflow: hidden;}
.list_service_2 .content .item:hover{flex-shrink: 0;width:  50%;}
.list_service_2 .content .item img.bg{ position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; width:100%; height: 100%; object-fit: cover}
.list_service_2 .content .item{ position: relative;}
.list_service_2 .content .item .one{ z-index: 1; visibility: visible; position: absolute; width:200px;text-align: center; visibility: inherit; left: 50%; top: 50%; transform: translate(-50%,-50%);transition-duration: 0.3s; opacity: 1;}
.list_service_2 .content .item .one .icon{ width: 60px; height: 60px; margin: 0 auto; margin-bottom:12px;}
.list_service_2 .content .item .one .icon img{ width: 60px; height: 60px;}
.list_service_2 .content .item .one h3{ color: #fff; font-weight: normal; font-size: 24px; text-align: center;}
.list_service_2 .content .item:hover .one{ visibility: hidden; opacity: 0; top:50%; left: 55%;}
.list_service_2 .content .item .two{ width: 500px; z-index: 1; position: absolute; visibility: hidden; opacity: 0;transition-duration: 0.3s; left: 35%; top: 50%; transform: translate(-50%,-50%);}
.list_service_2 .content .item .two .icon{ width: 72px; height: 72px;  margin-bottom:12px;}
.list_service_2 .content .item .two .icon img{ width: 72px; height: 72px;}
.list_service_2 .content .item .two h3{ color: #fff; font-weight: normal; font-size: 32px; padding-top: 10px; margin-bottom: 10px; text-align: left;}
.list_service_2 .content .item .two p{ color: #fff;  text-align: left;}
.list_service_2 .content .item:hover .two{ visibility: visible; opacity: 1;}



.list_service_3{background: #f5f6f8}
.list_service_3 .title{ margin-bottom: 50px;}
.list_service_3 .title h2{ color: #111; font-size: 40px; padding-bottom:20px; position: relative; text-align: left}
.list_service_3 .title h2:after{content: ""; position: absolute; left: 0%;width: 50px; height: 4px; background:var(--blue);bottom: 0px;}
.list_service_3 .content p{ color: #333;}


.list_stock{background: #f5f6f8}
.list_stock .title{ margin-bottom: 50px;}
.list_stock .title h2{ color: #111; font-size: 40px; padding-bottom:20px; position: relative; text-align: left}
.list_stock .title h2:after{content: ""; position: absolute; left: 0%;width: 50px; height: 4px; background:var(--blue);bottom: 0px;}
.list_stock .item{ display: grid;grid-template-columns: 8fr 4fr; overflow: hidden; background:#fff; border-radius: 24px 0px 24px 0px; align-items: center}
.list_stock .item .img{ height: 100%;}
.list_stock .item .img img{ width: 100%; height: 100%; transition-duration: 0.3s; object-fit: cover}
.list_stock .item .info{ padding: 80px;}
.list_stock .item .info h3{ color: var(--green); font-size: 32px; margin-bottom: 20px; position: relative;}
.list_stock .item .info ul li{ border-bottom: #ececec solid 1px; line-height: 60px; color: #333; display: grid;grid-template-columns: 120px auto;}
.list_stock .item .info ul li strong{ font-weight: normal}
.list_stock .item .info ul li:nth-child(2) strong{ font-size: 24px; color: var(--green); font-weight: 500}
.list_stock .item .info ul li:nth-child(3) strong{ color: var(--green); font-weight: 500}


.list_report{background: #f5f6f8}
.list_report .title{ margin-bottom: 50px;}
.list_report .title h2{ color: #111; font-size: 40px; padding-bottom:20px; position: relative; text-align: left}
.list_report .title h2:after{content: ""; position: absolute; left: 0%;width: 50px; height: 4px; background:var(--blue);bottom: 0px;}

.list_report .filtrate{background: #fff;border-radius: 6px; padding: 50px; margin-bottom: 20px;}
.list_report .filtrate .tabs-group{ display: flex; justify-content:left; align-items: center;}
.list_report .filtrate .tabs-group .subtitle{}
.list_report .filtrate .tabs-group .subcontent{display: flex; justify-content: left; align-items: center; grid-gap: 20px;}
.list_report .filtrate .tabs-group .subcontent li a{border-radius: 30px; padding: 10px 20px;background: #f5f6f8;border: #ececec solid 1px; display: inline-block}
.list_report .filtrate .tabs-group .subcontent li.active a{background: var(--blue); color: #fff;border:  var(--blue) solid 1px;}

.list_report .content{background: #fff;border-radius: 6px; padding: 50px; margin-bottom: 20px;}
.list_report .content .item{ display: grid; grid-template-columns: 50px auto 200px 200px; align-items: center; padding-top: 24px; padding-bottom:24px; border-bottom: #ececec solid 1px;}
.list_report .content .item i{ color: var(--green);}
.list_report .content .item .name a:hover{ color: var(--green);}
.list_report .content .item .date { color: #999999;}
.list_report .content .item .down a { color: #333;border-radius: 30px; padding: 10px 20px;background: #fff;border: #ececec solid 1px; display: inline-block;transition-duration: 0.2s;}
.list_report .content .item .down a:hover{background: var(--green); color: #fff;border:  var(--green) solid 1px;}
.list_report .content .item .down a:hover i{color: #fff;}


.list_rule{background: #f5f6f8}
.list_rule .title{ margin-bottom: 50px;}
.list_rule .title h2{ color: #111; font-size: 40px; padding-bottom:20px; position: relative; text-align: left}
.list_rule .title h2:after{content: ""; position: absolute; left: 0%;width: 50px; height: 4px; background:var(--blue);bottom: 0px;}

.list_rule .content .item{ align-items: center; border-radius: 6px; padding: 50px; background: #fff; display: grid; grid-template-columns: 40% 60%;}
.list_rule .content .item .img img{ width: 100%;}
.list_rule .content .item .info{ padding-left: 80px;}
.list_rule .content .item .info .date{ color: var(--green); margin-bottom: 20px;}
.list_rule .content .item .info .name{ font-size: 32px; font-weight: 500; color: #111; margin-bottom: 20px;}
.list_rule .content .item .info .description{margin-bottom: 30px; color: #666;}
.list_rule .content .item .down a { color: #333;border-radius: 30px; padding: 10px 20px;background: #fff;border: #ececec solid 1px; display: inline-block;transition-duration: 0.2s;}
.list_rule .content .item .down a:hover{background: var(--green); color: #fff;border:  var(--green) solid 1px;}
.list_rule .content .item .down a:hover i{color: #fff;}


.list_responsibility_top{background: #f5f6f8}
.list_responsibility_top .title{ margin-bottom: 50px;}
.list_responsibility_top .title h2{ color: #111; font-size: 40px; padding-bottom:20px; position: relative; text-align: left}
.list_responsibility_top .title h2:after{content: ""; position: absolute; left: 0%;width: 50px; height: 4px; background:var(--blue);bottom: 0px;}
.list_responsibility_top .content{display: grid; grid-template-columns: repeat(2,1fr);  background: #fff; border-radius: 6px;  overflow: hidden;}
.list_responsibility_top .content .img img{  width: 100%; height: 100%; object-fit: cover;}
.list_responsibility_top .content .info{ padding: 60px;}
.list_responsibility_top .content .info .desc{ margin-bottom:32px; border-bottom: #ececec solid 1px; padding-bottom: 32px;}
.list_responsibility_top .content .info h4{font-size: 24px;}
.list_responsibility_top .content .item{ display: grid; grid-template-columns: auto 120px; align-items: center; padding-top: 12px; padding-bottom:12px; border-bottom: #ececec solid 1px;}
.list_responsibility_top .content .item .name a:hover{ color: var(--green);}
.list_responsibility_top .content .item .down a { color: #333;border-radius: 30px; padding: 5px 16px;background: #fff;border: #ececec solid 1px; display: inline-block;transition-duration: 0.2s;}
.list_responsibility_top .content .item .down a:hover{background: var(--green); color: #fff;border:  var(--green) solid 1px;}
.list_responsibility_top .content .item .down a:hover i{color: #fff;}


.list_responsibility_down .content{display: grid; grid-template-columns: repeat(4,1fr);  grid-gap: 32px;}
.list_responsibility_down .content .item .img{ margin-bottom: 24px; border-radius: 12px 0px 12px 0px; overflow: hidden;}
.list_responsibility_down .content .item .img img{ width: 100%;}
.list_responsibility_down .content  h3{ font-size: 20px; font-weight: normal; line-height: 1.4}


.list_news_top{background: #f5f6f8}
.list_news_top .title{ margin-bottom: 50px;}
.list_news_top .title h2{ color: #111; font-size: 40px; padding-bottom:20px; position: relative; text-align: left}
.list_news_top .title h2:after{content: ""; position: absolute; left: 0%;width: 50px; height: 4px; background:var(--blue);bottom: 0px;}
.list_news_top .swiper{ padding-bottom: 50px;}
.list_news_top .swiper-slide .item{ background: #fff; border-radius: 6px; align-items:center; overflow: hidden; display: grid;grid-template-columns: repeat(2, 1fr);}
.list_news_top .swiper-slide .item .img{ width: 100%; height: 480px;}
.list_news_top .swiper-slide .item .img img{ width: 100%; height: 100%; object-fit: cover;}
.list_news_top .swiper-slide .item .info{ padding: 80px;}
.list_news_top .swiper-slide .item .info .date{ color: var(--green); margin-bottom: 20px;}
.list_news_top .swiper-slide .item .info h2{ margin-bottom: 10px; line-height: 1.4;}
.list_news_top .swiper-slide .item .info h2 a{ font-size: 32px;  line-height: 1.4;font-weight: 500; color: #111; margin-bottom: 20px;}
.list_news_top .swiper-slide .item .info .description{margin-bottom: 30px; color: #666;overflow:hidden; text-overflow:ellipsis;display: -webkit-box;  -webkit-line-clamp:3;  -webkit-box-orient: vertical; overflow: hidden;}
.list_news_top .swiper-slide .item .more a { color: #333;border-radius: 30px; padding: 10px 20px;background: #fff;border: #ececec solid 1px; display: inline-block;transition-duration: 0.2s;}
.list_news_top .swiper-slide .item .more a:hover{background: var(--green); color: #fff;border:  var(--green) solid 1px;}
.list_news_top .swiper-slide .item .more a:hover i{color: #fff;}
.list_news_top .swiper-pagination-bullet { background-color: #ccc; opacity: 1; border-radius: 4px; position: relative;  transition-duration: 0.3s; height: 6px; width: 12px; }
.list_news_top .swiper-pagination-bullet-active { width: 30px; background: var(--green); }
.list_news_top .swiper-button-prev,.list_news_top .swiper-button-next{ top: calc(50% - 50px);height: 60px; width:60px;border-radius: 50px; color: #fff;  font-size: 24px; background:var(--blue); opacity:1;}
.list_news_top .swiper-button-disabled{height: 60px; width:60px;border-radius: 50px; color:#111;  font-size: 24px; background:#ddd; opacity: 1;}
.list_news_top .swiper-button-next:after,.list_news_top .swiper-button-prev:after{ display: none}

.list_news .article-list{ display: grid; grid-template-columns: repeat(4, 1fr); grid-gap:64px 32px ;}
.list_news .article-list .item{ position: relative; }
.list_news .article-list .item .img{aspect-ratio: 8/5; border-radius: 12px 0px 12px 0px; overflow: hidden}
.list_news .article-list .item .img img{ width: 100%; height: 100%; object-fit: cover; transition-duration: 0.5s;}
.list_news .article-list .item:hover .img img{ width: 100%; height: 100%; object-fit: cover; transform: scale(1.2)}
.list_news .article-list .item .info{ padding-top:20px;}
.list_news .article-list .item .info .date{ font-size: 14px; margin-bottom: 10px; color: var(--green)}
.list_news .article-list .item .info  h2{ font-size: 20px; margin-bottom: 10px; line-height: 1.4;}
.list_news .article-list .item .info  h2 a{ font-size: 20px; line-height: 1.4; font-weight: 500; color: #111; }
.list_news .article-list .item .info .description{ color: #666;display: -webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient: vertical; overflow: hidden;}



.list_talent_a .pagewidth{display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 100px; }
.list_talent_a .info .title{ margin-bottom: 50px;}
.list_talent_a .info .title h2{ color: #111; font-size: 40px; padding-bottom:20px; position: relative; text-align: left}
.list_talent_a .info .title h2:after{content: ""; position: absolute; left: 0%;width: 50px; height: 4px; background:var(--blue);bottom: 0px;}
.list_talent_a .info .content{color: #666;}
.list_talent_a .info .content h3{ font-size:24px; color: #111;  margin-bottom: 20px;}
.list_talent_a .info .content p{ margin-bottom: 24px;}
.list_talent_a .img{border-radius: 12px 0px 12px 0px; overflow: hidden; position: relative;}
.list_talent_a .img img{ width: 100%; }
.list_talent_a .img .text{ position: absolute; right:50px; top: 50%; transform: translateY(-50%); z-index: 1; text-align: right; color: #fff;}
.list_talent_a .img .text p{  font-size: 20px;}
.list_talent_a .img .text h2{  font-size: 36px;}


.list_talent_b{background: #f5f6f8}
.list_talent_b .title{ margin-bottom: 50px;}
.list_talent_b .title h2{ color: #111; font-size: 40px; padding-bottom:20px; position: relative; text-align: left}
.list_talent_b .title h2:after{content: ""; position: absolute; left: 0%;width: 50px; height: 4px; background:var(--blue);bottom: 0px;}
.list_talent_b .article-list {display: grid;grid-template-columns: repeat(6, 1fr);grid-gap: 32px;grid-auto-rows: minmax(200px, auto);}
.list_talent_b .article-list .item:nth-child(1) {grid-column-start: 1;grid-column-end: 3;grid-row-start: 1;grid-row-end: 2;background: #000;}
.list_talent_b .article-list .item:nth-child(2) {grid-column-start: 3;grid-column-end: 5;grid-row-start: 1;grid-row-end: 2;/*   如果有重叠，就使用 z-index */z-index: 1;background: #000;}
.list_talent_b .article-list .item:nth-child(3) {grid-column-start: 5;grid-column-end: 7;grid-row-start: 1;grid-row-end: 2;background: #000;}
.list_talent_b .article-list .item:nth-child(4) {grid-column-start: 1;grid-column-end: 4;grid-row-start: 2;grid-row-end: 4;background: #000;}
.list_talent_b .article-list .item:nth-child(5) {grid-column-start: 4;grid-column-end: 7;grid-row-start: 2;grid-row-end: 4;background: #000;}
.list_talent_b .article-list .item:nth-child(6) {grid-column-start: 2;grid-column-end: 3;grid-row-start: 3;grid-row-end: 4;background: #000;}
.list_talent_b .article-list .item:nth-child(7) {grid-column-start: 1;grid-column-end: 3;grid-row-start: 4;grid-row-end: 6;background: #000;}
.list_talent_b .article-list .item:nth-child(8) {grid-column-start: 3;grid-column-end: 4;grid-row-start: 4;grid-row-end: 5;background: #000;}
.list_talent_b .article-list .item:nth-child(9) {grid-column-start: 4;grid-column-end: 5;grid-row-start: 4;grid-row-end: 5;background: #000;}
.list_talent_b .article-list .item:nth-child(10) {grid-column-start: 3;grid-column-end: 5;grid-row-start: 5;grid-row-end: 7;background: #000;}
.list_talent_b .article-list .item:nth-child(11) {grid-column-start: 1;grid-column-end: 2;grid-row-start: 6;grid-row-end: 7;background: #ECAD9E;}
.list_talent_b .article-list .item:nth-child(12) {grid-column-start: 2;grid-column-end: 3;grid-row-start: 6;grid-row-end: 7;background: #ECAD9E;}
.list_talent_b .article-list .item {margin: 0px;overflow: hidden; border-radius: 12px 0px 12px 0px;}
.list_talent_b .article-list .item img {width: 100%;height: 100%;object-fit: cover;transition-duration: 0.3s;}
.list_talent_b .article-list .item:hover img {transform: scale(1.1);}




.list_job{background: #f5f6f8}
.list_job .title{ margin-bottom: 50px;}
.list_job .title h2{ color: #111; font-size: 40px; padding-bottom:20px; position: relative; text-align: left}
.list_job .title h2:after{content: ""; position: absolute; left: 0%;width: 50px; height: 4px; background:var(--blue);bottom: 0px;}
.list_job .layui-collapse{border: none}
.list_job .content .item{ display:flex; justify-content:space-between; margin-bottom:40px; }
.list_job .layui-colla-item{background: #fff; margin-bottom: 32px; border-radius:12px 0px 12px 0px; border: none}
.list_job .layui-colla-title{padding:30px;}
.list_job .layui-colla-item .layui-colla-title{background: none;}
.list_job .layui-colla-item .layui-colla-title h2{ color:#222; font-size:24px; margin-bottom:10px; }
.list_job .layui-colla-item .layui-colla-title p span{ margin-right:50px; color:#999; font-size:16px; }
.list_job .layui-colla-title.open h2{color:#fff;}
.list_job .layui-colla-item .layui-icon{display: none!important;}
.list_job .layui-colla-item .ri-add-fill{ position: absolute; right: 30px; top: 20px; transition-duration: 0.3s; background:#cccccc; color: #fff;font-size: 20px; width: 32px; height: 32px; border-radius: 32px; line-height: 32px; display: inline-block; text-align: center;}
.list_job .layui-colla-title.open .ri-add-fill{background:#fff;transform: rotate(45deg);color:var(--blue);}
.list_job .layui-colla-content{border-top:none;padding:30px;  color:#222; padding-top: 0;}
.list_job .layui-colla-title.open .layui-colla-title p span{ margin-right:50px; color:#333; font-size:16px; }
.list_job .layui-colla-item.layui-show{background: var(--blue);}
.list_job .layui-colla-item  .layui-colla-title.open{background var(--blue);}
.list_job .layui-colla-item.layui-show .layui-colla-content{ color: #fff;}



.list_contact{background: #f5f6f8}
.list_contact .box{ position: relative; overflow: hidden; background: #fff; border-radius: 12px 0px 12px 0px;}
.list_contact .box #container{ width: 100%; height: 620px;}
.list_contact .box:after{content: "";pointer-events: none; position: absolute; left: 0px; top: 0px; bottom: 0px; width: 50%; z-index: 2; background: linear-gradient(90deg, rgba(255,255,255,1), rgba(255,255,255,1) 40%, rgba(255,255,255,0));}
.list_contact .box .info{ position: absolute; padding:0 80px;left: 0px; top: 50%; transform: translateY(-50%); bottom: 0px; width: 30%; z-index: 3;}
.list_contact .box .info h2{ color:#111; font-size: 32px; margin-bottom: 20px; position: relative;}
.list_contact .box .info ul li{ border-bottom: #ececec solid 1px; line-height: 60px; color: #333; display: flex; justify-content: left; align-items: center;}
.list_contact .box .info ul li i{ width: 32px; text-align: center}
.list_contact .box .info ul li strong{ font-weight: normal}
.amap-logo{ display: none!important;}
.amap-copyright{ display: none!important;}


.show_news .pagewidth{ position: relative }
.show_news .pagewidth .back { position: absolute; left: 0; top: 20px;}
.show_news .pagewidth .back  a{ display: block; width: 48px; height: 48px;border:var(--green) solid 1px; border-radius: 50px; display: flex; justify-content: center; align-items: center; transition-duration: 0.3s;}
.show_news .pagewidth .back  a:hover{background:var(--green); color:#fff; text-decoration: none; transform: scale(1.3);}
.show_news .pagewidth .next { position: relative;}
.show_news .pagewidth .next .bgtext{ text-align: center; font-size: 160px;position: absolute; bottom: 0px; width: 100%; line-height: 1; z-index: 3; font-weight: 700;text-transform: uppercase; -webkit-text-stroke: 1px rgba(213,179,112,0.2);-webkit-text-fill-color: transparent;}
.show_news .pagewidth .next  h2{ z-index: 4; text-align: center; line-height: 1.2;  width: 60%;  padding-left: 20%; padding-right: 20%; position: absolute; top:50%; transform: translateY(-50%);}
.show_news .pagewidth .next  h2 a{ color:rgba(213,179,112,0.6); transition-duration: 0.3s; cursor:pointer; line-height: 1.2; font-size: 56px;}
.show_news .pagewidth .next  h2 a:hover{ color:rgba(213,179,112,1); }
.show_news .content{ width: 1140px; margin: 0 auto; }
.show_news .title{line-height: 1.2; font-size: 36px; margin-bottom:24px; }
.show_news .info{border-bottom:#ddd solid 1px; padding-bottom: 24px;font-size: 14px; color: #999; }
.show_news .html { padding-top: 60px; padding-bottom: 60px;}
.show_news .html img{ max-width: 100%; border-radius: 12px; margin-top: 16px; margin-bottom: 16px; }
.show_news .html h3{ font-size: 24px; margin-bottom: 12px;}
.show_news .other{ border-top:#ddd solid 1px; padding-top:30px;}
.show_news .other p{ margin-bottom:10px; color:#333;}
.show_news .other p a{ color:#333; }
.show_news .other p a:hover{color:var(--blue);}
.show_news .other p.left{text-align: left;}
.show_news .other p.right{text-align: left;}

.list_gallery .pagewidth{width: calc(var(--width) - 40px)}
.list_gallery .article-list{position: relative; width: 100%; margin:0 auto; overflow:hidden;}
.list_gallery .article-list .item{border-radius: 24px; overflow: hidden;transition: all 0.3s ease;}
.list_gallery .article-list .item img{ width: 100%;}
.list_gallery .article-list .item h3{ position: absolute; left: 0px; text-align: center; right: 0px; bottom: 20px;  z-index: 3;}
.list_gallery .grid{}
.list_gallery .grid .item{ margin: 0px;}



.page_contact .pagewidth{ display: grid;grid-template-columns: repeat(2,1fr); grid-gap:60px;}
.page_contact .pagewidth .info .title{ margin-bottom: 50px;}
.page_contact .pagewidth .info .title h3{ font-size: 36px;}
.page_contact .pagewidth .info .item{ margin-bottom: 32px; }
.page_contact .pagewidth .info .item p{ }
.page_contact .pagewidth .info .item h3{ font-size: 24px; font-weight: bold }
.page_contact .pagewidth .info .item.follow h3 a{font-weight: normal; font-size: 28px;}

.page_contact .pagewidth .message .title{ margin-bottom: 50px;}
.page_contact .pagewidth .message .title h3{ font-size: 36px;}

.page_contact .pagewidth .message .layui-form-item{display: grid; grid-template-columns: 300px auto; grid-gap:0px 30px;}
.page_contact .pagewidth .message .layui-form-label{ width: auto; padding: 0; text-align: left;display: flex; justify-content: space-between; align-items: center}
.page_contact .pagewidth .message .layui-form-label span.required{ color: #e7142e; font-size: 13px;}
.page_contact .pagewidth .message .layui-input-block{ margin-left: 0px;}








.list_messages{ margin-bottom: 60px;}
.list_messages .title{border-radius:24px 24px 0px 0px; background: #7fb9dd; overflow: hidden; text-align: center; height: 100px; line-height: 100px;  color: #fff;}
.list_messages .title h2{ font-size: 32px; font-weight: 500;}
.list_messages .content{border-radius: 0px 0px 24px 24px; border:#ececec solid 1px; box-shadow: 0px 10px 20px rgba(0,0,0,0.1); padding: 50px;}

.list_messages .layui-form-item .layui-form-label{ float: none; padding-left: 0; color: #666; width: auto; text-align: left}
.list_messages .layui-form-item .layui-input-block{ margin-left: 0;}
.list_messages .layui-form-item .layui-input-block .layui-input{ line-height: 44px; height: 44px;}
.list_messages .layui-form-item .layui-input-prefix{ display: flex; justify-content: center; align-items: center;}
.list_messages .layui-form-item .layui-btn{background: #f4a8c0; padding-left: 80px; padding-right: 80px;}
.list_messages .layui-form-item .layui-form-label span{ color: #ff0000}

.layui-laydate .layui-this, .layui-laydate .layui-this > div{background: #f4a8c0!important;border-radius: 6px;}







@media screen and (max-width: 1920px) {
    .index_business .pagewidth{ height: auto; padding-top: 120px; padding-bottom: 120px;}
    .index_business .pagewidth .info{ position: initial;transform: translateY(0)}
    .index_about .pagewidth{ height: auto; padding-top: 120px; padding-bottom: 120px;}
    .index_about .pagewidth .box{ position: initial;transform: translateY(0)}
    .index_news .pagewidth{ height: auto; padding-top: 120px; padding-bottom: 180px;}
    .index_news .pagewidth .box{ position: initial;transform: translateY(0)}
    .list_company .pagewidth .right .number .item{ padding-top: 14px; padding-bottom: 14px;}
    .list_company .pagewidth .right .number .item strong{ font-size: 56px;}
    .list_service_2 .content .item .two{ width: 400px;}
    .list_stock .item .info{ padding: 60px;}

}

@media screen and (max-width: 1600px) {
    .index_about .pagewidth .content p{ margin-bottom: 30px;}
    .index_about .pagewidth .content .number{ padding: 24px;}
    .index_about .pagewidth .content .number .item strong{ font-size: 48px;}
    .list_company .pagewidth .left{ padding-right: 72px;}
    .list_company .pagewidth .right{ padding-left: 72px;}
    .list_stock .item{ grid-template-columns: 7fr 5fr;}
    .list_stock .item .info{ padding: 20px 60px}
    .list_stock .item .info ul li{ line-height: 55px;}
    .index_news .pagewidth .content .swiper-slide .item .img{ height: 500px;}
    .list_responsibility_top .content .info{ padding: 40px;}
    .index_banner .swiper-slide .info h3{ font-size: 72px;}
    .index_banner .swiper-slide .info p{ font-size: 48px;}
}
@media screen and (max-width: 1440px) {
    .index_business .pagewidth{ height: auto; padding-top: 80px; padding-bottom: 80px;}
    .index_about .pagewidth{ height: auto; padding-top: 80px; padding-bottom: 80px;}
    .index_news .pagewidth{ height: auto; padding-top: 80px; padding-bottom: 150px;}
    .index_news .pagewidth .content .swiper-slide .item .img{ height: 450px;}
    .list_service_2 .content .item .two{ left: 45%}
    .list_talent_a .img img{ height: 100%; object-fit: cover;}
    .list_talent_a .img .text p{  font-size: 16px;}
    .list_talent_a .img .text h2{  font-size: 32px; line-height: 1.2}
    .list_contact .box .info{ padding: 0 60px; width: 40%}
}
@media screen and (max-width: 1280px) {
    .list_report .filtrate .tabs-group .subcontent{ flex-wrap: wrap}
    .list_report .filtrate{ padding: 40px;}
    .list_report .content{ padding: 40px;}
    .list_rule .content .item{ padding: 40px;}
    .list_management .content{ padding: 40px;}
    .list_culture .pagewidth .list .item{ padding: 40px;}
    .list_culture .pagewidth .list .item .subcontent{ font-size: 24px;}
    .list_stock .item .info h3{ font-size: 24px;}
    .list_stock .item .info ul li{ line-height: 48px;}
    .list_news .article-list{ grid-template-columns: repeat(3, 1fr)}
    .list_responsibility_down .content{ grid-template-columns: repeat(2, 1fr)}
    .list_contact .box #container{height: 540px;}
    .index_news .pagewidth .content .swiper-slide .item .info{ padding-top: 72px;}
    .list_rule .content .item .info{ padding-left: 50px;}
    .list_news_top .swiper-slide .item .info{ padding: 60px;}
    .index_banner .swiper-slide .info h3{ font-size: 60px;}
    .index_banner .swiper-slide .info p{ font-size: 36px;}
}
@media screen and (max-width: 1024px) {
    .index_about .pagewidth .content{ padding-right: 20px;}
    .index_news .pagewidth .content .swiper-slide .item .img{ height: 400px;}
    .index_news .pagewidth .content .swiper-slide .item .info h3{ margin-bottom: 15px;}
    .index_news .pagewidth .content .swiper-slide .item .info h3 a{ font-size: 24px; margin-bottom: 15px; padding-bottom: 15px;}
    .index_news .pagewidth .content .swiper-slide .item .info{ padding-top: 60px;}
    .list_report .filtrate .tabs-group .subtitle{ display: none; }
    .list_company .pagewidth{ display: block}
    .list_company .pagewidth .left{ padding-right: 0; border: none}
    .list_company .pagewidth .right{ padding-left: 0;}
    .list_organization .pagewidth .item img{ width: 100%}
    .list_culture .pagewidth .list .item{ padding: 24px;}
    .list_culture .pagewidth .list .item .subcontent{ font-size: 20px;}
    .list_service_2 .content .item .two{ left: 50%}
    .list_stock .item .info{ padding: 40px;}
    .list_rule .content .item .info{ padding-left: 40px;}
    .show_news .content{ width:960px;}
    .show_news .pagewidth .back{ display: none}
    .list_responsibility_top .content .item{ grid-gap: 24px;}
    .list_responsibility_top .content .item .name{ line-height: 1.4;}
    .index_banner .swiper-slide .info{ width:90%;}

}
@media screen and (max-width: 720px) {
    .padding{ padding-top: 60px; padding-bottom: 60px;}
    .list_contact{background: #fff;}
    .list_contact .box .info{ position: initial;}
    .list_contact .box:after{ display: none}
    .list_contact .box .info{ width: auto; padding: 0px;}
    .list_contact .box{}
    .list_contact .box .info{ transform: translateY(0)}
    .list_contact .box .info h2{ font-size: 24px; margin-bottom: 0;}
    .list_contact .box .info ul li{ display: grid; grid-template-columns:32px 48px auto; line-height: 1.4; align-items: center; padding-top: 20px; padding-bottom: 20px;}

    .detail_banner .pagewidth{ height: 360px;}
    .detail_banner .text h1{ font-size: 32px;}
    .detail_banner .text h2{ font-size: 18px;}
    .index_banner{ height: 100vh;}
    .index_banner .swiper-slide .info h3{ font-size: 48px;}
    .index_banner .swiper-slide .info p{ font-size: 32px;}
    .index_business .pagewidth .info{ width: 100%;}
    .index_business .pagewidth .title p{ font-size: 24px; bottom: 10px;}
    .index_business .pagewidth .title h2{ font-size: 32px;}
    .index_business .pagewidth .info h3{ font-size: 32px;}
    .index_business .pagewidth .info h3::after{ height: 10px;}
    .index_business .pagewidth .info .img{ margin-bottom: 40px;}

    .index_about .pagewidth .title p{ font-size: 24px; bottom: 10px;}
    .index_about .pagewidth .title h2{ font-size: 32px;}
    .index_about .pagewidth .box{ display: block}
    .index_about .pagewidth .content{ padding-right: 0; margin-bottom: 30px;}
    .index_about .pagewidth .box .info{ margin-bottom:50px;}
    .index_about .pagewidth .content .number .item strong{ font-size: 32px;}
    .index_about .pagewidth .content .number .item span{ font-size: 14px;}
    .index_about .pagewidth .content .number{ padding: 12px;}

    .index_news .pagewidth .row .title p{ font-size: 24px; bottom: 10px;}
    .index_news .pagewidth .row .title h2{ font-size: 32px;}
    .index_news .pagewidth{ padding-bottom: 80px;}
    .index_news .pagewidth .row{ display: block}
    .index_news .pagewidth .row .more{ display: none }
    .index_news .pagewidth .content{}
    .index_news .pagewidth .content .swiper-slide .item{ padding-top: 60px;}
    .index_news .layui-tabs-scroll{ overflow: inherit}
    .index_news .pagewidth .content .layui-tabs .layui-tabs-header{ width: auto;right: 20px; grid-gap: 0px;}
    .index_news .layui-tabs-bar{ display: none}
    .index_news .pagewidth .content .layui-tabs .layui-tabs-header{ }
    .index_news .pagewidth .content .swiper-slide .item{ order: 1;}
    .index_news .pagewidth .content .swiper-slide .info{ order: 2; width: auto; padding: 30px; background:var(--green)}
    .index_news .pagewidth .content .swiper-slide .item{ grid-template-columns: repeat(1,1fr)}
    .index_news .pagewidth .content::after{ display: none}
    .index_news .pagewidth .content .swiper-slide .item .img{ height: 200px; border-radius: 6px 6px 0px 0px;}
    .index_news .pagewidth .content .swiper-slide .item .info{ padding: 30px; border-radius:  0px 0px 6px 6px;}
    .index_news .pagewidth .content .swiper-slide .item .info .date{ padding-bottom: 10px;}
    .index_news .pagewidth .row .title{ margin-bottom: 20px;}
    .index_news .swiper-pagination{ display: none}
    .index_news .pagewidth .content .layui-tabs-item .btn{ width: 100%;}
    .index_news .pagewidth .content .layui-tabs-item .btn .swiper-button-prev{ right: 55%; border: #ddd solid 1px;}
    .index_news .pagewidth .content .layui-tabs-item .btn .swiper-button-next{ left: 55%; border: #ddd solid 1px; right: auto;}

    .detail_menu ul{grid-gap: 12px;}


    .list_company .pagewidth .left .title h2{font-size: 32px;}
    .list_company .pagewidth .right .number .item strong{font-size: 32px;}
    .list_company .pagewidth .right .number .item span{font-size: 18px;}
    .list_company .pagewidth .right .number .item p{font-size: 15px;}
    .list_company .pagewidth .right .number .item .icon{font-size: 18px;}

    .list_history .title h2{font-size: 32px;}
    .list_history .swiper-slide .item .box{ width: 80%;}
    .list_history .swiper-slide .item .box .year{ padding-bottom: 20px;  margin-bottom: 20px;}
    .list_history .swiper-slide .item .box .year h3{ font-size: 40px;}
    .list_history .swiper-slide .item .box .year p{ font-size: 16px;}
    .list_history .swiper-slide-active .item .box{ width: 80%;}
    .list_history .swiper-slide-active .item .box .year{ padding-bottom: 20px;  margin-bottom: 20px;}
    .list_history .swiper-slide-active .item .box .year h3{ font-size: 40px;}
    .list_history .swiper-slide-active .item .box .year p{ font-size: 16px;}

    .list_organization .pagewidth .title h2{font-size: 32px;}

    .list_management .pagewidth .title h2{font-size: 32px;}
    .list_management{ background: #fff;}
    .list_management .content{ padding: 0;}
    .list_management .content .list{ grid-template-columns: repeat(1,1fr); grid-gap: 24px;}
    .list_management .content h3{ font-size: 24px;}
    .list_management .content .list .item .tanchu{ width: auto; display: block!important;}
    .list_management .content .list .item .tanchu{ padding: 20px;}
    .list_management .content .list .item .tanchu p{ color: #333; font-size: 14px;}
    .list_management .content .list .item .tanchu {display: grid; grid-template-columns:180px auto; grid-gap: 24px;}
    .list_management .content .list .item .tanchu .left{ margin-bottom: 12px;}
    .list_management .content .list .item .tanchu .left .leftname{ font-size: 24px; line-height: 1; margin-bottom: 10px;}
    .list_management .content .list .item .tanchu .left .leftpost{ font-size: 14px;}
    .list_management .content .list .item .tanchu .right p{ font-size: 14px;}
    .list_management .content .list{ margin-bottom: 24px;}


    .list_culture .pagewidth .title h2{ font-size: 32px;}
    .list_culture .pagewidth .content img{ height: 320px; object-fit: cover;}
    .list_culture .pagewidth .list{ grid-template-columns: repeat(1,1fr); grid-gap: 24px;}
    .list_culture .pagewidth .list{ padding-left: 20px; padding-right: 20px;}

    .list_honor .pagewidth .content{ grid-template-columns: 100px auto;}
    .list_honor .pagewidth .content .year{ font-size: 24px;}
    .list_honor .pagewidth .content::after{ left: 84px;}
    .list_honor .pagewidth .content .year::after{ right: 7px;}
    .list_honor .pagewidth .content:hover .year::after{right:7px;}


    .list_service_1 .row{ display: block}
    .list_service_1 .row .title h2{ font-size: 32px;}
    .list_service_1 .content{ grid-template-columns: repeat(1,1fr); grid-gap: 24px;}

    .list_service_2 .title h2{ font-size: 32px;}
    .list_service_2 .content{ display: block}

    .list_service_2 .content .item{ width: 100%; height: 320px; margin-bottom: 24px;}
    .list_service_2 .content .item:hover{ width: 100%; height: 320px;}
    .list_service_2 .content .item .one{ display: none}
    .list_service_2 .content .item .two{ display: block; opacity: 1; visibility: visible; width: 90%;}
    .list_service_2 .content .item .two .icon img{ width: 48px; height: 48px;}
    .list_service_2 .content .item .two .icon{ width: 48px; height: 48px;}
    .list_service_2 .content .item .two h3{ font-size: 24px;}


    .list_service_3 .title h2{ font-size: 32px;}

    .list_stock .title h2{ font-size: 32px;}
    .list_stock .item{ display: block;}
    .list_stock .item .info{ padding: 20px;}
    .list_stock .item .info ul li:nth-child(2) strong{ font-size: 18px;}
    .list_stock .item .info h3{ margin-bottom: 10px;}
    .list_stock .item .info ul li{ grid-template-columns: 100px auto;}

    .list_report{background:#fff;}
    .list_report .title h2{ font-size: 32px;}
    .list_report .filtrate{ padding: 0;}
    .list_report .filtrate .tabs-group .subcontent{ grid-gap: 10px;}
    .list_report .filtrate .tabs-group .subcontent li a{ padding: 6px 12px;}
    .list_report .content{ padding: 0}
    .list_report .content .item{ display: block;}
    .list_report .content .item i{ display: none}
    .list_report .content .item .name{ font-size: 18px; line-height: 1.2; margin-bottom: 10px;}


    .list_rule .title h2{ font-size: 32px;}
    .list_rule .content .item{ display: block}
    .list_rule .content .item{ padding: 20px;}
    .list_rule .content .item .img{ margin-bottom: 20px;}
    .list_rule .content .item .info{ padding-left: 0;}
    .list_rule .content .item .info .date{ margin-bottom: 10px;}
    .list_rule .content .item .info .name{ font-size: 24px; line-height: 1.2; margin-bottom: 10px;}

    .list_honor .pagewidth .title h2{ font-size: 32px;}

    .list_news_top{}
    .list_news_top .title h2{ font-size: 32px;}
    .list_news_top .swiper-slide .item{  display: block;}
    .list_news_top .swiper-slide .item .info{ padding: 24px;}
    .list_news_top .swiper-slide .item .img{ height: 240px;}
    .list_news_top .swiper-button-prev, .list_news_top .swiper-button-next{ top: 30%;}
    .list_news_top .swiper-slide .item .info h2 a{ font-size: 24px;}
    .list_news .article-list{ grid-template-columns: repeat(1,1fr); grid-gap: 48px;}
    .show_news .content{ width: auto; margin: 0 auto; }
    .show_news .title{  font-size: 24px;}
    .show_news .html{ padding-top: 32px; padding-bottom: 32px;}
    .list_responsibility_top .title h2{ font-size: 32px;}
    .list_responsibility_top .content{ display: block;}
    .list_responsibility_top .content .info{ padding: 24px;}
    .list_responsibility_top .content .info h4{ font-size: 18px;}
    .list_responsibility_down .content{ grid-template-columns: repeat(1,1fr); grid-gap: 24px;}
    .list_responsibility_down .content h3{ font-size: 18px;}
    .list_responsibility_down .content .item{ margin-bottom: 24px;}
    .list_responsibility_down .content .item .img{margin-bottom:16px;}


    .list_talent_a .pagewidth{ display: block}
    .list_talent_a .info .title h2{ font-size: 32px;}
    .list_talent_a .info .content h3{ font-size: 18px;}

    .list_talent_a .img{ height: 320px;}
    .list_talent_a .img .text h2{ font-size: 24px;}
    .list_talent_a .img .text{ right: 32px;}


    .list_talent_b .title h2{ font-size: 32px;}
    .list_talent_b .article-list{ display: block;}
    .list_talent_b .article-list .item{ margin-bottom: 24px;}
    .list_job .title h2{ font-size: 32px;}
    .list_job .layui-colla-title{ padding: 20px;}
    .list_job .layui-colla-item .layui-colla-title h2{ font-size: 18px;}
    .list_job .layui-colla-item .ri-add-fill{ top: 25px; right: 25px;}
    .list_job .layui-colla-content{ padding: 20px;}


}

/*小尺寸手机*/
@media screen and (max-width: 320px) {

}
/*横屏*/
@media all and (orientation : landscape) {}
/*竖屏*/
@media all and (orientation : portrait){}