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

html{height: 100%;}

.index_main{ margin-bottom: 10px;}
.index_main .pagewidth{ display: flex; grid-gap:10px; justify-content: space-between}
.index_main .pagewidth .index_focus{ width: 740px; height:490px; }
.index_main .pagewidth .index_focus .swiper-slide{ }
.index_main .pagewidth .index_focus .swiper-slide a{display: block; position: relative; overflow: hidden}
.index_main .pagewidth .index_focus .swiper-slide .bg{ width: 100%;height:490px; object-fit: cover; transform: scale(1); transition-duration: 0.3s; z-index: 1;}
.index_main .pagewidth .index_focus .swiper-slide:hover .bg{ transform: scale(1.1);}
.index_main .pagewidth .index_focus .swiper-slide .pd{ padding:32px 24px; position: absolute; background: rgba(0,0,0,0.6);left: 0px;right: 0px;bottom: 0px;z-index: 22}
.index_main .pagewidth .index_focus .swiper-slide .pd h2{font-size:24px; margin-bottom: 16px; color: #fff; line-height: 1em;}
.index_main .pagewidth .index_focus .swiper-slide .pd p{color: #fff;display: flex; justify-content: left; grid-gap: 10px;}
.index_main .pagewidth .index_focus .swiper-pagination{ bottom:24px!important; width: auto; right: 24px!important; text-align: right }
.index_main .pagewidth .index_focus .swiper-pagination .swiper-pagination-bullet {border-radius: 0; height:8px; width:8px; border-radius: 8px;background: none; transition-duration: 0.2s;border: #fff solid 2px; opacity:1; }
.index_main .pagewidth .index_focus .swiper-pagination .swiper-pagination-bullet-active{background:#fff}

.index_main .pagewidth .index_about{ width: 490px;}
.index_main .pagewidth .index_about .top{ margin-bottom: 10px; }
.index_main .pagewidth .index_about .pd{ padding: 24px; display: block}
.index_main .pagewidth .index_about .top{ width: 490px; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap:10px;}
.index_main .pagewidth .index_about .top .about{aspect-ratio: 1; background: #b2b3b6;}
.index_main .pagewidth .index_about .top .about a{color: #fff;}
.index_main .pagewidth .index_about .top .join a{color: #fff;}
.index_main .pagewidth .index_about .top .join{aspect-ratio: 1;background: #76787c;}
.index_main .pagewidth .index_about .top h2{ font-size: 24px; margin-bottom: 16px;}
.index_main .pagewidth .index_about .top p{ line-height: 1.6em; text-align: justify}
.index_main .pagewidth .index_about .bottom{background: var(--main); height: 240px; color: #fff;}
.index_main .pagewidth .index_about .bottom .swiper-info-slide{display: none;}
.index_main .pagewidth .index_about .bottom .swiper-info-slide.active{display: block;}
.index_main .pagewidth .index_about .bottom .swiper-info-slide h2{font-size:24px; margin-bottom: 12px; color: #fff; padding-top: 24px;}
.index_main .pagewidth .index_about .bottom .swiper-info-slide p{ line-height: 1.6em; text-align: justify; color: #fff;}

.index_case .pagewidth{ display: grid; grid-template-columns: repeat(5, 1fr); grid-gap:10px;}
.index_case .pagewidth .case_side{ background: #76787c}
.index_case .pagewidth .case_side .pd{ padding:32px 24px ; color: #fff;}
.index_case .pagewidth .case_side .title{ border-bottom: 1px solid #999; padding-bottom: 20px; margin-bottom: 30px;}
.index_case .pagewidth .case_side .title h2{ font-size: 16px; margin-bottom: 16px;}
.index_case .pagewidth .case_side .title p{ line-height: 1.6em; text-align: justify}
.index_case .pagewidth .case_side .more h3{ font-size: 15px; font-weight: normal; margin-bottom:18px;}
.index_case .pagewidth .case_side .more ul li{ margin-bottom: 12px;}
.index_case .pagewidth .case_side .more ul li a{ color: #fff; text-decoration: underline;text-underline-offset: 3px; }
.index_case .pagewidth .case_list .item:first-child{ margin-bottom: 10px;}
.index_case .pagewidth .case_list .item{ position: relative;aspect-ratio: 1; overflow: hidden; background: #000;}
.index_case .pagewidth .case_list .item .pd{ padding:24px; position: absolute; left: 0px;right: 0px;bottom: 0px; z-index: 4;}
.index_case .pagewidth .case_list .item .pd h2{ color: #fff;font-size: 18px; line-height: 1.4em; margin-bottom:8px;}
.index_case .pagewidth .case_list .item .pd p{ color: #fff;font-size: 14px; display: flex; justify-content: left; grid-gap: 10px;}
.index_case .pagewidth .case_list .item .bg{ width: 100%; height: 100%; object-fit: cover;object-fit: cover; transform: scale(1); transition-duration: 0.3s; opacity: 0.8;}
.index_case .pagewidth .case_list .item:after{content: ""; background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); left: 0px; right: 0px; bottom: 0px; height: 100px; position: absolute; z-index: 2; transition-duration: 0.3s;}
.index_case .pagewidth .case_list .item:hover .bg{ transform: scale(1.1);}
.index_case .pagewidth .case_list .down{aspect-ratio: 1;  background: #e8e8e8}
.index_case .pagewidth .case_list .down .pd{ padding:48px 24px;}
.index_case .pagewidth .case_list .down .pd h2{ font-size: 24px; margin-bottom: 16px; color: var(--main)}
.index_case .pagewidth .case_list .down .pd p a{ color:var(--gray); text-decoration: underline;text-underline-offset: 3px; }
.index_case .pagewidth .case_list .down .pd p a:hover{ color:var(--main); }

.channel_case_main .pagewidth{ display: grid; grid-template-columns: repeat(5, 1fr); grid-gap:10px;}
.channel_case_main .pagewidth .item{ position: relative;aspect-ratio: 1; overflow: hidden; background: #000;}
.channel_case_main .pagewidth .item .pd{ padding:24px; position: absolute; left: 0px;right: 0px;bottom: 0px; z-index: 4;}
.channel_case_main .pagewidth .item .pd h2{ color: #fff;font-size: 18px; line-height: 1.4em; margin-bottom:8px;}
.channel_case_main .pagewidth .item .pd p{ color: #fff;font-size: 14px; display: flex; justify-content: left; grid-gap: 10px;}
.channel_case_main .pagewidth .item .bg{ width: 100%; height: 100%; object-fit: cover;object-fit: cover; transform: scale(1); transition-duration: 0.3s; opacity: 0.8;}
.channel_case_main .pagewidth .item:after{content: ""; background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); left: 0px; right: 0px; bottom: 0px; height: 100px; position: absolute; z-index: 2; transition-duration: 0.3s;}
.channel_case_main .pagewidth .item:hover .bg{ transform: scale(1.1);}
.channel_case_main .pagewidth .item:nth-child(1) {grid-column-start: 1;grid-column-end: 3;grid-row-start: 1;grid-row-end: 3;}
.channel_case_main .pagewidth .item:nth-child(10) {grid-column-start: 2;grid-column-end: 4;grid-row-start: 3;grid-row-end: 6;}
.channel_case_main .pagewidth .item:nth-child(1) .pd h2{font-size: 24px;}
.channel_case_main .pagewidth .item:nth-child(10) .pd h2{font-size: 24px;}
.channel_case_main .pagewidth .back{aspect-ratio: 1;  background: #b3b4b8; color: #fff; display: flex; align-items: center; justify-content: center}
.channel_case_main .pagewidth .back span{ display: block; text-align: center}
.channel_case_main .pagewidth .back span i{  font-size: 32px; margin: 0 auto; line-height: 36px; height: 36px; width: 36px; border-radius: 48px; display: block; border:#fff solid 3px;margin-bottom: 10px;}
.channel_case_main .pagewidth .back span p{ font-size: 24px; font-weight: 500;}

.channel_case_one{ margin-bottom: 10px;}
.channel_case_one .pagewidth{ display: grid; grid-template-columns: repeat(5, 1fr); grid-gap:10px;}
.channel_case_one .pagewidth .item{ position: relative;aspect-ratio: 1; overflow: hidden; background: #000;}
.channel_case_one .pagewidth .item .pd{ padding:24px; position: absolute; left: 0px;right: 0px;bottom: 0px; z-index: 4;}
.channel_case_one .pagewidth .item .pd h2{ color: #fff;font-size: 18px; line-height: 1.4em; margin-bottom:8px;}
.channel_case_one .pagewidth .item .pd p{ color: #fff;font-size: 14px; display: flex; justify-content: left; grid-gap: 10px;}
.channel_case_one .pagewidth .item .bg{ width: 100%; height: 100%; object-fit: cover;object-fit: cover; transform: scale(1); transition-duration: 0.3s; opacity: 0.8;}
.channel_case_one .pagewidth .item:after{content: ""; background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); left: 0px; right: 0px; bottom: 0px; height: 100px; position: absolute; z-index: 2; transition-duration: 0.3s;}
.channel_case_one .pagewidth .item:hover .bg{ transform: scale(1.1);}
.channel_case_one .pagewidth .item_side {grid-column-start: 1;grid-column-end: 2;grid-row-start: 1;grid-row-end: 3; background: var(--main); position: relative}
.channel_case_one .pagewidth .item_side .icon{ position: absolute;right: 24px; top: 24px;}
.channel_case_one .pagewidth .item_side .icon i{ font-size: 32px; color: #fff; text-align: center; line-height: 36px; height: 36px; width: 36px; border-radius: 48px; display: block; border:#fff solid 3px;}
.channel_case_one .pagewidth .item_side .info{ position:absolute; left: 24px; bottom: 24px;font-size: 24px; color: #fff; font-weight: 500; line-height: 1.5em; }
.channel_case_one .pagewidth .item:nth-child(6) {grid-column-start: 4;grid-column-end: 6;grid-row-start: 1;grid-row-end: 3;}
.channel_case_one .pagewidth .item:nth-child(9) {grid-column-start: 2;grid-column-end: 4;grid-row-start: 3;grid-row-end: 5;}
.channel_case_one .pagewidth .back{aspect-ratio: 1;  background: #b3b4b8; color: #fff; display: flex; align-items: center; justify-content: center}
.channel_case_one .pagewidth .back span{ display: block; text-align: center}
.channel_case_one .pagewidth .back span i{  font-size: 32px; margin: 0 auto; line-height: 36px; height: 36px; width: 36px; border-radius: 48px; display: block; border:#fff solid 3px;margin-bottom: 10px;}
.channel_case_one .pagewidth .back span p{ font-size: 24px; font-weight: 500;}

.list_case .data{ padding-bottom:20px; padding-top: 10px; display: flex; justify-content:space-between;align-items: center;}
.list_case .data strong{ font-size: 24px; color: var(--gray); font-weight: 500; }
.list_case .data strong span{ color: var(--main);  }
.list_case .data span a{ color: var(--main);  }
.list_case .article-list{ display: grid; grid-template-columns: repeat(5, 1fr); grid-gap:10px;}
.list_case .article-list .item{ position: relative;aspect-ratio: 1; overflow: hidden; background: #000;}
.list_case .article-list .item .pd{ padding:24px; position: absolute; left: 0px;right: 0px;bottom: 0px; z-index: 4;}
.list_case .article-list .item .pd h2{ color: #fff;font-size: 18px; line-height: 1.4em; margin-bottom:8px;}
.list_case .article-list .item .pd p{ color: #fff;font-size: 14px; display: flex; justify-content: left; grid-gap: 10px;}
.list_case .article-list .item .bg{ width: 100%; height: 100%; object-fit: cover;object-fit: cover; transform: scale(1); transition-duration: 0.3s; opacity: 0.8;}
.list_case .article-list .item:after{content: ""; background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); left: 0px; right: 0px; bottom: 0px; height: 100px; position: absolute; z-index: 2; transition-duration: 0.3s;}
.list_case .article-list .item:hover .bg{ transform: scale(1.1);}

.list_case_screen{ margin-bottom: 10px;}
.list_case_screen .screen_box{ display: grid; grid-template-columns: 240px 240px auto ; grid-gap:10px;}
.list_case_screen .tabs-group {position: relative;}
.list_case_screen .tabs-group .title {background: #fff;padding: 15px;cursor: pointer;border: 1px solid #e8e8e8;color: #76787c; display: flex; align-items: center; justify-content: space-between;}
.list_case_screen .tabs-group .content { display: none; /* 默认隐藏 */ border:#e8e8e8 solid 1px;display: none;position: absolute;background: #fff; top: 49px;z-index: 1000;width: calc(100% - 2px);max-height:400px; /* 限制高度为 200px */overflow-y: auto;  /* 添加垂直滚动条 */}
.list_case_screen .tabs-group .content li {border-bottom: 1px solid #e8e8e8;}
.list_case_screen .tabs-group .content li a {text-decoration: none;color: #76787c;padding: 15px; display: block}
.list_case_screen .tabs-group .content li a:hover { color: var(--main)}
.list_case_screen .tabs-group.open .title{color: var(--main)}
.list_case_screen .screen_box .layui-form{ display: grid; grid-template-columns:490px 240px; grid-gap:10px;}
.list_case_screen .screen_box .layui-form .layui-input{border:#e8e8e8 solid 1px; height: 50px;}
.list_case_screen .screen_box .layui-form .layui-btn{height: 50px;}

.case_detail_main .pagewidth{ display: grid; grid-template-columns: 900px auto;}
.case_detail_main .case_photo .swiper-slide{ height: 650px; background: #000;}
.case_detail_main .case_photo .swiper-slide img{width: 100%; height: 100%; object-fit: cover }
.case_detail_main .case_photo_swiper{--swiper-theme-color: #fff;/* 设置Swiper风格 */
    --swiper-navigation-color: #fff;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 30px;/* 设置按钮大小 */}
.case_detail_main .case_photo_swiper .swiper-pagination-fraction{ width: auto; right: 20px; bottom: auto!important; top: 20px!important; color: #fff; text-align: right}
.case_detail_main .case_info { background: var(--main); color: #fff; position: relative}
.case_detail_main .case_info .top h1{ font-size: 24px; margin-bottom:16px; line-height: 1.4em;}
.case_detail_main .case_info .pd{ padding: 24px;}
.case_info_swiper{ height: 368px;}
.case_info_swiper .swiper-slide { height: auto; line-height: 1.6em; padding-right: 10px;}
.case_info_swiper .swiper-slide .html{  line-height: 1.6em; padding-right: 10px; text-align: justify}
.plyr--video{ height: 100%;}


.case_info_swiper .swiper-scrollbar{background: rgba(255, 255, 255, 0.2); right: 0px!important; width: 2px!important;}
.case_info_swiper .swiper-scrollbar-drag{ background: #fff;}

.case_detail_main .case_info .bottom{ background:#b3b4b8;position: absolute; bottom: 0; right: 0px; left: 0; }
.case_detail_main .case_info .bottom ul {display: grid; grid-template-columns:repeat(2, 1fr); grid-gap: 24px 0px}
.case_detail_main .case_info .bottom ul li:nth-child(3){ grid-column: span 2;}
.case_detail_main .case_info .bottom ul li:nth-child(4){ grid-column: span 2;}
.case_detail_main .case_info .bottom ul li h3{ font-size: 18px; margin-bottom:10px; }
.case_detail_main .case_info .bottom ul li p{display: -webkit-box;  -webkit-line-clamp:1;  -webkit-box-orient: vertical; overflow: hidden;}
.case_detail_main .case_info .bottom ul li p{ display: flex; justify-content: left; grid-gap: 10px;}

.case_detail_other .title{ display: flex; justify-content:space-between; align-items: center; padding-bottom: 20px; padding-top: 50px;}
.case_detail_other .title h3{ font-size: 24px; color: #76787c;}
.case_detail_other .title span a{ color:var(--main)}
.case_detail_other .content{ display: grid; grid-template-columns: repeat(5, 1fr); grid-gap:10px;}
.case_detail_other .content .item{ position: relative;aspect-ratio: 1; overflow: hidden; background: #000;}
.case_detail_other .content .item .pd{ padding:16px; position: absolute; left: 0px;right: 0px;bottom: 0px; z-index: 4;}
.case_detail_other .content .item .pd h2{ color: #fff;font-size: 18px; line-height: 1.4em; margin-bottom:8px;}
.case_detail_other .content .item .pd p{ color: #fff;font-size: 14px; display: flex; justify-content: left; grid-gap: 10px;}
.case_detail_other .content .item .bg{ width: 100%; height: 100%; object-fit: cover;object-fit: cover; transform: scale(1); transition-duration: 0.3s; opacity: 0.8;}
.case_detail_other .content .item:after{content: ""; background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); left: 0px; right: 0px; bottom: 0px; height: 100px; position: absolute; z-index: 2; transition-duration: 0.3s;}
.case_detail_other .content .item:hover .bg{ transform: scale(1.1);}


.detail_banner{ margin-bottom: 40px;}
.detail_banner .pagewidth{ display: grid; grid-template-columns:3fr 2fr; grid-gap:10px;}
.detail_banner .pagewidth .text{background: var(--main); display: flex; justify-content: center; align-items: center;}
.detail_banner .pagewidth .text h1{ color: #fff; font-size: 36px;}
.detail_banner .pagewidth .img{ height: 240px;}
.detail_banner .pagewidth .img img{ width:100%; height: 100%; object-fit: cover; }

.about_box_a{ margin-bottom: 60px;}
.about_box_a .pagewidth{ display: grid; grid-template-columns:2fr 3fr; grid-gap:50px; }
.about_box_a .pagewidth .info h1{ font-size: 28px; margin-bottom:20px;  color: var(--main); line-height: 1.4em; }
.about_box_a .pagewidth .info h2{ font-size: 22px; margin-bottom:20px;  color: var(--main); }
.about_box_a .pagewidth .info .html p{ color:#76787c; line-height: 1.6em; }
.about_box_a .pagewidth .info .html{ margin-bottom: 20px;}
.about_box_a .pagewidth p.more{ color:#b2b3b6;}
.about_box_a .pagewidth p.more a{ color: var(--main);text-decoration: underline;text-underline-offset: 3px;  }
.about_box_a .pagewidth .advantage{ display: flex; justify-content: space-between; align-items: center;}
.about_box_a .pagewidth .advantage .item{ position: relative; width: 150px; height: 150px; cursor: pointer; border-radius: 150px; display: flex; justify-content: center; align-items: center;}
.about_box_a .pagewidth .advantage .item .box{ text-align: center; color: #fff; padding-top: 20px;}
.about_box_a .pagewidth .advantage .item .box i{ font-size: 32px;}
.about_box_a .pagewidth .advantage .item .box p{ font-size: 24px; font-weight: 500; margin-bottom: 10px;padding-top: 5px;}
.about_box_a .pagewidth .advantage .item .box span{opacity: 0;transition-duration: 0.2s; background: rgba(0,0,0,0.1); border-radius: 40px; height: 18px; padding-left: 10px; padding-right: 10px; line-height: 1em; display: inline-block}
.about_box_a .pagewidth .advantage .item:nth-child(1){ background: #31cdff; z-index: 4;}
.about_box_a .pagewidth .advantage .item:nth-child(2){ background: #9c6eb4; margin-left: -20px;z-index: 4;}
.about_box_a .pagewidth .advantage .item:nth-child(3){ background: #c5da1b; margin-left: -20px;z-index: 4;}
.about_box_a .pagewidth .advantage .item:nth-child(4){ background: #f49e02; margin-left: -20px;z-index: 4;}
.about_box_a .pagewidth .advantage .item:nth-child(5){ background: #fee700; margin-left: -20px;z-index: 4;}
.about_box_a .pagewidth .advantage .item:hover{z-index: 6;}
.about_box_a .pagewidth .advantage .item:hover span{ opacity: 1;}
.about_box_b{ margin-bottom: 60px;}
.about_box_b .pagewidth .title{ display: flex; justify-content: left; align-items: center; grid-gap: 20px; margin-bottom: 20px;}
.about_box_b .pagewidth .title h2{ width: 160px; line-height: 60px; height: 60px; text-align: center;background: var(--main); color: #fff; font-size: 24px;}
.about_box_b .pagewidth .title p{ color: #76787c;}
.about_box_c{ margin-bottom: 60px;}
.about_box_c .pagewidth .title{ display: flex; justify-content: left; align-items: center; grid-gap: 20px; margin-bottom: 20px;}
.about_box_c .pagewidth .title h2{ width: 160px; line-height: 60px; height: 60px; text-align: center;background: var(--main); color: #fff; font-size: 24px;}
.about_box_c .pagewidth .title p{ color: #76787c;}
.about_box_d{ margin-bottom: 60px;}
.about_box_d .pagewidth .title{ display: flex; justify-content: left; align-items: center; grid-gap: 20px; margin-bottom: 20px;}
.about_box_d .pagewidth .title h2{ width: 160px; line-height: 60px; height: 60px; text-align: center;background: var(--main); color: #fff; font-size: 24px;}
.about_box_d .pagewidth .title p{ color: #76787c;}
.about_box_d .pagewidth .title .layui-tab-title .layui-this:after{border:none!important;}
.about_box_d .pagewidth .title .layui-tab .layui-tab-title:after{ display: none!important;}
.about_box_d .pagewidth .title .layui-tab-title .layui-this:after{ display: none!important;}
.about_box_d .layui-tab .layui-tab-title:after{ display: none!important;}
.about_box_d .layui-tab .layui-tab-title li{ font-size: 15px!important; color:#76787c!important; overflow: hidden;}
.about_box_d .layui-tab .layui-tab-title li.layui-this{ color:var(--main)!important; position: relative!important;}
.about_box_d .layui-tab .layui-tab-title li.layui-this:before{content: "";position: absolute;bottom: -10px;left: 50%;margin-left: -5px;background: var(--main);width: 12px;height: 12px;transform: rotate(45deg);}
.about_box_d .layui-tab-item .item{ box-shadow: 0px 0px 0px #ddd; transition-duration: 0.2s;}
.about_box_d .layui-tab-item .content{ display: grid;grid-template-columns: repeat(6, 1fr);grid-gap: 10px;}
.about_box_d .layui-tab-item .content img{ width: 120px; margin: 0 auto; padding-top: 10px; padding-bottom: 10px;}
.about_box_d .layui-tab-item .item:hover{ box-shadow: 0px 0px 10px #ddd}
/*弹出层*/
.layui-layer-page{ background: rgba(125,127,131,0.95)!important; }
.about_five{ color: #76787c; padding: 35px; position: relative}
.about_five .close{ color: #fff;}
.about_five h2{ color: var(--main);   font-size: 18px;}
.about_five p{ color: #fff; padding-top: 10px; line-height: 1.8em; font-size: 14px;}
.about_five p strong{ font-size: 14px; font-weight: 500; color:var(--main);}
.about_five p img{ width: 360px;}
.about_five span{ color: #fff;}
.about_five .fontbig{ font-size: 14px; padding-top: 10px;}
.about_five .fontbig strong{ font-size: 14px; color: var(--main);}
.layui-layer-page .close{ color: #fff; font-size: 32px; position: absolute;  right: 20px; top: 20px;}
.layui-layer-page{ }
.about_five_d_fontbig{ padding-top: 15px; display: flex; justify-content: left; grid-gap: 20px; }
.about_five_d_fontbig p{ width: 120px; line-height: 20px; font-weight: bold;  height: 50px;background: #ccc; text-align: center; border-radius: 3px; color: var(--main); font-size: 16px;}
.about_five_d_fontbig p span{ font-size: 14px; font-weight: normal; color: #76787c;}
.about_five_e_fontbig img{ width: 360px;}

.job_content{ color: #fff; padding: 35px; position: relative; display: grid;grid-template-columns: 3fr 2fr;grid-gap: 100px; align-items: center}
.job_content .content{}
.job_content .button{  text-align: center}
.job_content .button .layui-btn{ width:60%; height: 50px; line-height: 50px; font-size: 18px;}
.job_content .button p{  text-align: center; padding-top: 20px; color: #fff;}
.job_content .title{ font-weight: 500; font-size: 24px;}
.job_content .html { line-height: 1.6em;}
.job_content .html h3{ padding-top:24px; padding-bottom: 8px;}



/*手风琴特效*/
.accordion {border: #e7e7e7 1px solid;width: 1238px;height: 240px;overflow: hidden;border-left: none;}
.accordion dl {float: left;height: 240px;}
.accordion dt {width: 240px;float: left;height: 240px;background: #f5f5f5;border-left: #e7e7e7 solid 1px;text-align: center;transition-duration: 0.3s;cursor: pointer;}
.accordion dt .icon{ width: 72px; height: 72px; text-align: center; margin: 0 auto; position: relative; padding-top: 60px;}
.accordion dt .icon img{ width: 72px; height: 72px; position: absolute}
.accordion dt .icon img:first-child{opacity: 1;}
.accordion dt .icon img:last-child{ opacity: 0}
.accordion dt.open .icon img:first-child{opacity: 0;}
.accordion dt.open .icon img:last-child{ opacity: 1}
.accordion dt h3 {font-size: 20px;color: var(--gray);padding-top: 20px;}
.accordion dt p { font-size: 14px; color: #666666; padding-top: 8px; }
.accordion dd {position: relative;width: 349px;display: block;float: left;height: 240px;overflow: hidden;}
.accordion dd p {width: 300px;padding-left:10px; padding-right:10px;line-height: 24px;color: #666666;text-align: justify; padding-top:80px;}
.accordion .open {width: 130px;padding-left:10px; padding-right:10px;background: #fff;}
.accordion .open .iconfont {color: var(--main)}
.accordion .open h3 {color: var(--main);}



/*新闻首页*/
.channel_news_main{ margin-bottom: 10px;}
.channel_news_main .pagewidth{ display: flex; grid-gap:10px; justify-content: space-between}
.channel_news_main .pagewidth .channel_news_focus{ width: 740px; height:490px; }
.channel_news_main .pagewidth .channel_news_focus .swiper-slide{ }
.channel_news_main .pagewidth .channel_news_focus .swiper-slide a{display: block; position: relative; overflow: hidden}
.channel_news_main .pagewidth .channel_news_focus .swiper-slide .bg{ width: 100%;height:490px; object-fit: cover; transform: scale(1); transition-duration: 0.3s; z-index: 1;}
.channel_news_main .pagewidth .channel_news_focus .swiper-slide:hover .bg{ transform: scale(1.1);}
.channel_news_main .pagewidth .channel_news_focus .swiper-slide .pd{ padding:24px; padding-bottom: 60px; position: absolute; background: rgba(0,0,0,0.6);left: 0px;right: 0px;bottom: 0px;z-index: 22}
.channel_news_main .pagewidth .channel_news_focus .swiper-slide .pd h2{font-size:24px; margin-bottom: 16px; color: #fff; line-height: 1em;}
.channel_news_main .pagewidth .channel_news_focus .swiper-slide .pd p{color: #fff; line-height: 1.6em;}
.channel_news_main .pagewidth .channel_news_focus .swiper-pagination{ bottom:24px!important; width: auto; left: 24px!important; text-align: left }
.channel_news_main .pagewidth .channel_news_focus .swiper-pagination .swiper-pagination-bullet {border-radius: 0; height:8px; width:8px; border-radius: 8px; background: none; transition-duration: 0.2s;border: #fff solid 2px; opacity:1; }
.channel_news_main .pagewidth .channel_news_focus .swiper-pagination .swiper-pagination-bullet-active{background:#fff}
.channel_news_main .pagewidth .channel_news_side{ width: 490px;}
.channel_news_main .pagewidth .channel_news_side .top{ height: 240px; background: var(--main); position: relative;margin-bottom: 10px;}
.channel_news_main .pagewidth .channel_news_side .top .pd{ padding:32px 24px; color: #fff;}
.channel_news_main .pagewidth .channel_news_side .top .pd h2{ font-size: 24px; margin-bottom: 10px; display: grid; grid-template-columns: 80px auto;}
.channel_news_main .pagewidth .channel_news_side .top .pd .more{ text-align: right; position: absolute; right: 32px; bottom: 48px;}
.channel_news_main .pagewidth .channel_news_side .top .pd .more a{ font-size:18px; color: #fff;}
.channel_news_main .pagewidth .channel_news_side .bottom{ height: 238px;position: relative; border:#e8e8e8 solid 1px;}
.channel_news_main .pagewidth .channel_news_side .bottom .pd{ padding:32px 24px;}
.channel_news_main .pagewidth .channel_news_side .bottom .pd h2{ font-size: 20px; margin-bottom: 10px; color: var(--gray); transition-duration: 0.3s;}
.channel_news_main .pagewidth .channel_news_side .bottom .pd p{ color:#b1b2b4; line-height: 1.6em; }
.channel_news_main .pagewidth .channel_news_side .bottom .pd p.description{ margin-bottom: 10px;display: -webkit-box;  -webkit-line-clamp:3;  -webkit-box-orient: vertical; overflow: hidden;}
.channel_news_main .pagewidth .channel_news_side .bottom:hover .pd h2{color: var(--main)}
.channel_news_list .pagewidth{ display: grid; grid-template-columns: repeat(5, 1fr); grid-gap:10px;}
.channel_news_list .pagewidth .item{ position: relative;aspect-ratio: 1; overflow: hidden; background: #000; border:#e8e8e8 solid 1px;}
.channel_news_list .pagewidth .item .pd{ padding:24px; position: absolute; left: 0px;right: 0px;bottom: 0px; z-index: 4;}
.channel_news_list .pagewidth .item .pd h2{ color: #fff;font-size: 18px; line-height: 1.4em; margin-bottom:8px;display: -webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient: vertical; overflow: hidden;}
.channel_news_list .pagewidth .item .pd p{ color: #fff; display: flex; justify-content: left; grid-gap: 10px;}
.channel_news_list .pagewidth .item .bg{ width: 100%; height: 100%; object-fit: cover;object-fit: cover; transform: scale(1); transition-duration: 0.3s; opacity: 0.8;}
.channel_news_list .pagewidth .item:after{content: ""; background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); left: 0px; right: 0px; bottom: 0px; height: 100px; position: absolute; z-index: 2; transition-duration: 0.3s;}
.channel_news_list .pagewidth .item:hover .bg{ transform: scale(1.1);}
.channel_news_list .pagewidth .item .pdcolor{padding:32px 24px; }
.channel_news_list .pagewidth .item .pdcolor h2{color: #fff;font-size: 24px; margin-bottom: 10px;}
.channel_news_list .pagewidth .item .pdcolor h2 span{ color: var(--main)}

.item.blue:after,.item.orange:after,.item.yellow:after,.item.purple:after,.item.noimg:after{ display: none}
.channel_news_list .pagewidth .item.blue{background:#33ccff; color: #fff; border:#33ccff solid 1px;}
.channel_news_list .pagewidth .item.orange{background: #f59d02; color: #fff; border:#f59d02 solid 1px;}
.channel_news_list .pagewidth .item.yellow{background:#ffe700; color: #fff; border:#ffe700 solid 1px;}
.channel_news_list .pagewidth .item.purple{background:#9e6eb4; color: #fff; border:#9e6eb4 solid 1px;}
.channel_news_list .pagewidth .item.noimg{ background: #fff;}
.channel_news_list .pagewidth .item.noimg .pd{ position: initial; padding-top: 32px;}
.channel_news_list .pagewidth .item.noimg .pd h2{ font-size: 20px; margin-bottom: 10px; color: var(--gray); transition-duration: 0.3s;}
.channel_news_list .pagewidth .item.noimg .pd p{ color:#b1b2b4; line-height: 1.6em; }
.channel_news_list .pagewidth .item.noimg .pd p.description{ margin-bottom: 10px;display: -webkit-box;  -webkit-line-clamp:3;  -webkit-box-orient: vertical; overflow: hidden;}


.list_news .pagewidth{ display: grid; grid-template-columns: auto 240px; grid-gap:40px;}
.list_news .pagewidth .content .content_title{ font-size: 24px; color:var(--main); font-weight: 500; padding-top: 15px; padding-bottom: 32px;}
.list_news .pagewidth .content .article-list .item{ border-bottom:#e8e8e8 solid 1px; padding-bottom: 20px; margin-bottom: 20px;}
.list_news .pagewidth .content .article-list .item .title{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;}
.list_news .pagewidth .content .article-list .item .title h2{font-size: 20px; color: #333; font-weight: 500;transition-duration: 0.3s;}
.list_news .pagewidth .content .article-list .item .title .time{font-size: 15px; color: #999;}
.list_news .pagewidth .content .article-list .item p{ color: #b1b2b4; line-height: 1.6em;}
.list_news .pagewidth .content .article-list .item:hover .title h2{ color: var(--main)}
.list_news .pagewidth .side .side_title{ font-size: 24px; color:var(--main); font-weight: 500; padding-top: 15px; padding-bottom: 32px;}
.list_news .pagewidth .side .list .item{ position: relative;aspect-ratio: 1; overflow: hidden; border:#e8e8e8 solid 1px; margin-bottom: 10px;}
.list_news .pagewidth .side .list .item .pd{ padding: 24px;}
.list_news .pagewidth .side .list .item .pd h2{ font-size: 18px; line-height: 1.2em;  margin-bottom: 10px; color: var(--gray); transition-duration: 0.3s;}
.list_news .pagewidth .side .list .item .pd p{ color:#b1b2b4; line-height: 1.6em;margin-bottom: 10px; }
.list_news .pagewidth .side .list .item .pd p.description{display: -webkit-box;  -webkit-line-clamp:3;  -webkit-box-orient: vertical; overflow: hidden;}
.list_news .pagewidth .side .list .item:hover .pd h2{ color: var(--main);}





.show_news .pagewidth{ display: grid; grid-template-columns: auto 240px; grid-gap:40px;}
.show_news .pagewidth .content .time{ color: var(--gray); margin-bottom: 12px; padding-top: 15px;}
.show_news .pagewidth .content .title{font-weight: 500; font-size: 32px; color: var(--main); padding-bottom: 32px; margin-bottom: 32px; border-bottom: #e8e8e8 solid 1px;}
.show_news .pagewidth .content .html{ font-size:17px; line-height:1.8em; color:#222; margin-bottom:30px; position:relative;margin-bottom: 30px;padding-bottom: 50px; border-bottom: #e8e8e8 solid 1px;}
.show_news .pagewidth .content .html p{ margin-bottom:17px; }
.show_news .pagewidth .content .html img{ width: 100%!important; height: auto!important; max-width: 100%;}
.show_news .pagewidth .side .side_title{ font-size: 24px; color:var(--main); font-weight: 500; padding-top: 15px; padding-bottom: 32px;}
.show_news .pagewidth .side .list .item{ position: relative;aspect-ratio: 1; overflow: hidden; border:#e8e8e8 solid 1px; margin-bottom: 10px;}
.show_news .pagewidth .side .list .item .pd{ padding: 24px;}
.show_news .pagewidth .side .list .item .pd h2{ font-size: 18px; line-height: 1.2em;  margin-bottom: 10px; color: var(--gray); transition-duration: 0.3s;}
.show_news .pagewidth .side .list .item .pd p{ color:#b1b2b4; line-height: 1.6em;margin-bottom: 10px; }
.show_news .pagewidth .side .list .item .pd p.description{display: -webkit-box;  -webkit-line-clamp:3;  -webkit-box-orient: vertical; overflow: hidden;}
.show_news .pagewidth .side .list .item:hover .pd h2{ color: var(--main);}


.show_newsjob .pagewidth{ display: grid; grid-template-columns: auto 240px; grid-gap:40px;}
.show_newsjob .pagewidth .content .time{ color: var(--gray); margin-bottom: 12px; padding-top: 15px;}
.show_newsjob .pagewidth .content .title{font-weight: 500; font-size: 32px; color: var(--main); padding-bottom: 32px; margin-bottom: 32px; border-bottom: #e8e8e8 solid 1px;}
.show_newsjob .pagewidth .content .html{ font-size:17px; line-height:1.8em; color:#222; margin-bottom:30px; position:relative;margin-bottom: 30px; padding-bottom: 50px; border-bottom: #e8e8e8 solid 1px;}
.show_newsjob .pagewidth .content .html p{ margin-bottom:17px; }
.show_newsjob .pagewidth .content .html img{ width: 100%!important; height: auto!important; max-width: 100%;}
.show_newsjob .pagewidth .side .side_title{ font-size: 24px; color:var(--main); font-weight: 500; padding-top: 15px; padding-bottom: 32px;}
.show_newsjob .pagewidth .side .list .item{ position: relative;aspect-ratio: 1; overflow: hidden; border:#e8e8e8 solid 1px; margin-bottom: 10px;}
.show_newsjob .pagewidth .side .list .item .pd{ padding:32px 24px;}
.show_newsjob .pagewidth .side .list .item .pd h2{ font-size: 18px; line-height: 1.2em;  margin-bottom: 10px; color: var(--gray); transition-duration: 0.3s;}
.show_newsjob .pagewidth .side .list .item .pd p{ color:#b1b2b4; line-height: 1.6em;margin-bottom: 10px; }
.show_newsjob .pagewidth .side .list .item .pd p.description{display: -webkit-box;  -webkit-line-clamp:4;  -webkit-box-orient: vertical; overflow: hidden;}
.show_newsjob .pagewidth .side .list .item:hover .pd h2{ color: var(--main);}

.show_newsjob .pagewidth .content .html h1{ margin-bottom: 17px;}
.show_newsjob .pagewidth .content .html h2{ margin-bottom: 17px;}
.show_newsjob .pagewidth .content .html h3{ margin-bottom: 17px;}
.show_newsjob .pagewidth .content .html h4{ margin-bottom: 17px;}



/*人才首页*/
.channel_job_main{ margin-bottom: 10px;}
.channel_job_main .pagewidth{ display: flex; grid-gap:10px; justify-content: space-between}
.channel_job_main .pagewidth .channel_job_focus{ width: 740px; height:490px; }
.channel_job_main .pagewidth .channel_job_focus .swiper-slide{ }
.channel_job_main .pagewidth .channel_job_focus .swiper-slide a{display: block; position: relative; overflow: hidden}
.channel_job_main .pagewidth .channel_job_focus .swiper-slide .bg{ width: 100%;height:490px; object-fit: cover; transform: scale(1); transition-duration: 0.3s; z-index: 1;}
.channel_job_main .pagewidth .channel_job_focus .swiper-slide:hover .bg{ transform: scale(1.1);}
.channel_job_main .pagewidth .channel_job_focus .swiper-slide .pd{ padding:24px;position: absolute; background: rgba(0,0,0,0.6);left: 0px;right: 0px;bottom: 0px;z-index: 22}
.channel_job_main .pagewidth .channel_job_focus .swiper-slide .pd h2{font-size:24px; margin-bottom: 16px; color: #fff; line-height: 1em;}
.channel_job_main .pagewidth .channel_job_focus .swiper-slide .pd p{color: #fff; line-height: 1.6em;}
.channel_job_main .pagewidth .channel_job_focus .swiper-pagination{ bottom:24px!important; width: auto; left: 24px!important; text-align: left }
.channel_job_main .pagewidth .channel_job_focus .swiper-pagination .swiper-pagination-bullet {border-radius: 0; height:8px; width:8px; border-radius: 8px; background: none; transition-duration: 0.2s;border: #fff solid 2px; opacity:1; }
.channel_job_main .pagewidth .channel_job_focus .swiper-pagination .swiper-pagination-bullet-active{background:#fff}
.channel_job_main .pagewidth .channel_job_side{ width: 490px;}
.channel_job_main .pagewidth .channel_job_side .top{ height: 240px; background: var(--main); position: relative;margin-bottom: 10px;}
.channel_job_main .pagewidth .channel_job_side .top .pd{ padding:32px 24px;  color: #fff;}
.channel_job_main .pagewidth .channel_job_side .top .pd h2{ font-size: 24px; margin-bottom: 10px; display: grid; grid-template-columns: 80px auto;}
.channel_job_main .pagewidth .channel_job_side .top .pd .more{ text-align: right; position: absolute; right: 32px; bottom: 48px;}
.channel_job_main .pagewidth .channel_job_side .top .pd .more a{ font-size:18px; color: #fff;}
.channel_job_main .pagewidth .channel_job_side .bottom{ height: 240px;position: relative; background: #e8e8e8;display: flex; align-items: center; justify-content: center;}
.channel_job_main .pagewidth .channel_job_side .bottom .pd{ padding:32px 24px;}
.channel_job_main .pagewidth .channel_job_side .bottom .pd h2{ font-size: 20px; margin-bottom: 10px; line-height: 1.2em; color: var(--gray); transition-duration: 0.3s;}
.channel_job_main .pagewidth .channel_job_side .bottom .pd p{ color: var(--gray); line-height: 1.6em; }
.channel_job_main .pagewidth .channel_job_side .bottom .pd p.description{ margin-bottom: 10px;display: -webkit-box;  -webkit-line-clamp:3;  -webkit-box-orient: vertical; overflow: hidden;}
.channel_job_list .pagewidth{ display: grid; grid-template-columns: repeat(5, 1fr); grid-gap:10px;}
.channel_job_list .pagewidth .item{ position: relative;aspect-ratio: 1; overflow: hidden; background: #fff; border:#e8e8e8 solid 1px;}
.channel_job_list .pagewidth .item .pd{ padding:24px; padding-top: 36px;}
.channel_job_list .pagewidth .item .pd h2{font-size: 20px; margin-bottom: 10px; color: var(--gray); transition-duration: 0.3s;}
.channel_job_list .pagewidth .item:hover .pd h2{color: var(--main); }
.channel_job_list .pagewidth .item .pd p{ color:#b1b2b4; line-height: 1.6em;display: -webkit-box; text-align: justify; -webkit-line-clamp:4;  -webkit-box-orient: vertical; overflow: hidden;}
.channel_job_list .pagewidth .item .bg{ width: 100%; height: 100%; object-fit: cover;object-fit: cover; transform: scale(1); transition-duration: 0.3s; opacity:1;}
.channel_job_list .pagewidth .item:hover .bg{ transform: scale(1.1);}
.channel_job_list .pagewidth .item .pdcolor{padding:32px 24px; }
.channel_job_list .pagewidth .item .pdcolor h2{color: #fff;font-size: 24px; margin-bottom: 10px;}
.channel_job_list .pagewidth .item .pdcolor h2 span{ color: var(--main)}
.channel_job_list .pagewidth .item:nth-child(2){ grid-column: span 2; height: 240px; width: 490px;}
.channel_job_list .pagewidth .item.blue{background:#33ccff; color: #fff; border:#33ccff solid 1px;}
.channel_job_list .pagewidth .item.orange{background: #f59d02; color: #fff; border:#f59d02 solid 1px;}
.channel_job_list .pagewidth .item.yellow{background:#ffe700; color: #fff; border:#ffe700 solid 1px;}
.channel_job_list .pagewidth .item.purple{background:#9e6eb4; color: #fff; border:#9e6eb4 solid 1px;}

.jobinfo{ padding-bottom: 48px;}
.jobinfo .pagewidth{ text-align: center; line-height: 1.8em; color: var(--gray); }
.jobinfo h1{ font-size: 24px; color: var(--gray);line-height: 1.6em;}
.jobinfo h2{ font-size: 24px; color: var(--main);line-height: 1.6em; margin-bottom: 12px;}
.jobinfo .pagewidth a{ color: var(--main);  text-decoration: underline;text-underline-offset: 3px;  }



.list_job_cat_color .pagewidth{ display: grid; grid-template-columns: repeat(3, 1fr); grid-gap:10px;}
.list_job_cat_color .pagewidth .item{ position: relative; overflow: hidden; height: 240px; display: flex; align-items: center; justify-content: center;transition-duration: 0.3s;}
.list_job_cat_color .pagewidth .item .pd{ text-align: center}
.list_job_cat_color .pagewidth .item .pd i{font-size: 48px; transition-duration: 0.3s;}
.list_job_cat_color .pagewidth .item .pd h2{font-size: 24px; margin-bottom: 12px; padding-top: 12px;}
.list_job_cat_color .pagewidth .item .pd p{}

.list_job_cat_color .pagewidth .item.blue{background:#33ccff; color: #fff; }
.list_job_cat_color .pagewidth .item.orange{background: #f59d02; color: #fff;}
.list_job_cat_color .pagewidth .item.green{background: #c7db1d; color: #fff;}
.list_job_cat_color .pagewidth .item.yellow{background:#ffe700; color: #fff;}
.list_job_cat_color .pagewidth .item.purple{background:#9e6eb4; color: #fff;}
.list_job_cat_color .pagewidth .item:hover { opacity: 0.8;}

.list_job_cat_color .pagewidth .item.more{ background: #b3b4b8;}
.list_job_cat_color .pagewidth .item.more:hover{ background: var(--gray)}
.list_job_cat_color .pagewidth .item.more .box{ width: 70%; display: grid; grid-template-columns:auto 50px; grid-gap:10px; align-items: center}
.list_job_cat_color .pagewidth .item.more .box .info h2{color: #fff; font-size: 24px; margin-bottom: 12px;}
.list_job_cat_color .pagewidth .item.more .box .info p{color: #fff; line-height: 1.6em;}
.list_job_cat_color .pagewidth .item.more .box .icon{text-indent: 2px; color: #fff; font-size: 32px; margin: 0 auto; height: 36px; width: 36px; border-radius: 48px; display: block; border:#fff solid 3px;margin-bottom: 10px; display: flex; align-items: center; justify-content: center;}

.list_job{ padding-top: 50px; padding-bottom: 50px;}
.list_job .cat_title{ color: var(--main); font-size: 24px; font-weight: 500; margin-bottom: 20px;}
.list_job .title{ background:#e7e7e7;  height: 40px; display: grid; grid-template-columns: 60% 20% 20%; grid-gap:10px; align-items: center; padding-left: 20px; padding-right: 20px; color: var(--gray);}
.list_job .content .title{ color:var(--gray); cursor: pointer; background: #fff}
.list_job .content .title:hover{background: #f9f9f9;}


.page_contact .pagewidth{ display: grid;  grid-template-columns: auto 490px;grid-gap: 60px;}
.page_contact h2{ font-size: 24px; color: var(--main); margin-bottom: 24px; }
.page_contact .info{ line-height: 2em; color: #333;}
.page_contact .info .html{ margin-bottom: 40px;}
.page_contact .message .layui-form-label{color: #333;font-size: 15px; display: block!important; float: none!important; text-align: left!important; padding-left: 0!important}
.page_contact .message .layui-input-block{ margin-left:0!important; }
.page_contact .message .layui-btn-lg{background: var(--main)!important; color: #fff; padding-top: 18px!important; padding-bottom: 18px!important; height: auto!important; line-height: 1em!important;}

.page_contact .message .layui-textarea{ height:240px!important;}

#container{ height: 335px;}

@media screen and (max-width: 1920px) {

}

@media screen and (max-width: 1600px) {

}
@media screen and (max-width: 1440px) {}

















































@media screen and (max-width: 1280px) {
    .padding{ padding-top:80px; padding-bottom:80px; }
    .padding-bottom-80{ padding-bottom:80px;}
    .padding-top-0{ padding-top:0; }
    .swiper{--swiper-theme-color:  var(--blue);/* 设置Swiper风格 */--swiper-navigation-color: #172259;/* 单独设置按钮颜色 */--swiper-navigation-size: 24px;/* 设置按钮大小 */}
    html{height: 100%;}
    .index_main .pagewidth .index_focus{ width: 490px; height:490px; }

    .index_case .pagewidth{ display: grid; grid-template-columns: repeat(4, 1fr); grid-gap:10px;}
    .index_case .pagewidth .case_list:last-child{ display: none}
    .channel_case_main{ margin-bottom: 10px;}
    .channel_case_main .pagewidth{ display: grid; grid-template-columns: repeat(4, 1fr); grid-gap:10px;}
    .channel_case_main .pagewidth .item:nth-child(1) {grid-column-start: 1;grid-column-end: 3;grid-row-start: 1;grid-row-end: 3;}
    .channel_case_main .pagewidth .item:nth-child(10) {grid-column-start: initial;grid-column-end: initial;grid-row-start: initial;grid-row-end: initial;}
    .channel_case_main .pagewidth .item:nth-last-child(2){ display: none}

    .channel_case_one{ margin-bottom: 10px;}
    .channel_case_one .pagewidth{ display: grid; grid-template-columns: repeat(4, 1fr); grid-gap:10px;}
    .channel_case_one .pagewidth .item_side {grid-column-start: 1;grid-column-end: 2;grid-row-start: 1;grid-row-end: 3; background: var(--main); position: relative}
    .channel_case_one .pagewidth .item:nth-child(6) {grid-column-start: 2;grid-column-end: 4;grid-row-start: 1;grid-row-end: 3;}
    .channel_case_one .pagewidth .item:nth-child(9) {grid-column-start: initial;grid-column-end: initial;grid-row-start: initial;grid-row-end:initial;}
    .channel_case_one .pagewidth .item:nth-last-child(2){ display: none}
    .list_case .data{ padding-bottom:20px; padding-top: 10px; display: flex; justify-content:space-between;align-items: center;}
    .list_case .data strong{ font-size: 24px; color: var(--gray); font-weight: 500; }
    .list_case .data strong span{ color: var(--main);  }
    .list_case .data span a{ color: var(--main);  }
    .list_case .article-list{ display: grid; grid-template-columns: repeat(4, 1fr); grid-gap:10px;}

    .list_case_screen{ margin-bottom: 10px;}
    .list_case_screen .screen_box{ display: grid; grid-template-columns: 240px 240px auto ; grid-gap:10px;}
    .list_case_screen .tabs-group {position: relative;}
    .list_case_screen .tabs-group .title {background: #fff;padding: 15px;cursor: pointer;border: 1px solid #e8e8e8;color: #76787c; display: flex; align-items: center; justify-content: space-between;}
    .list_case_screen .tabs-group .content { display: none; /* 默认隐藏 */ border:#e8e8e8 solid 1px;display: none;position: absolute;background: #fff; top: 49px;z-index: 1000;width: calc(100% - 2px);max-height:400px; /* 限制高度为 200px */overflow-y: auto;  /* 添加垂直滚动条 */}
    .list_case_screen .tabs-group .content li {border-bottom: 1px solid #e8e8e8;}
    .list_case_screen .tabs-group .content li a {text-decoration: none;color: #76787c;padding: 15px; display: block}
    .list_case_screen .tabs-group .content li a:hover { color: var(--main)}
    .list_case_screen .tabs-group.open .title{color: var(--main)}
    .list_case_screen .screen_box .layui-form{ display: grid; grid-template-columns:240px 240px; grid-gap:10px;}
    .list_case_screen .screen_box .layui-form .layui-input{border:#e8e8e8 solid 1px; height: 50px;}
    .list_case_screen .screen_box .layui-form .layui-btn{height: 50px;}

    .case_detail_main .pagewidth{ display: block; grid-template-columns: 900px auto;}
    .case_detail_main .case_photo .swiper-slide{ height: 650px;}
    .case_detail_main .case_photo .swiper-slide img{width: 100%; height: 100%; object-fit: cover }
    .case_detail_main .case_photo_swiper{--swiper-theme-color: #fff;/* 设置Swiper风格 */
        --swiper-navigation-color: #fff;/* 单独设置按钮颜色 */
        --swiper-navigation-size: 30px;/* 设置按钮大小 */}
    .case_detail_main .case_photo_swiper .swiper-pagination-fraction{ width: auto; right: 20px; bottom: 20px!important; color: #fff; text-align: right}
    .case_detail_main .case_info { background: var(--main); color: #fff; position: relative;display: grid; grid-template-columns: 3fr 240px; grid-gap:0px;}
    .case_detail_main .case_info .top h1{ font-size: 24px; margin-bottom:16px; }
    .case_detail_main .case_info .pd{ padding: 24px;}
    .case_info_swiper{ height:240px;}
    .case_info_swiper .swiper-slide { height: auto; line-height: 1.6em; padding-right: 10px;}
    .case_info_swiper .swiper-slide .html{  line-height: 1.6em; padding-right: 10px; text-align: justify}
    .case_info_swiper .swiper-scrollbar{background: rgba(255, 255, 255, 0.2); right: 0px!important; width: 2px!important;}
    .case_info_swiper .swiper-scrollbar-drag{ background: #fff;}


    .case_detail_main .case_info .bottom{ background:#b3b4b8;position:initial; bottom: 0; right: 0px; left: 0; }
    .case_detail_main .case_info .bottom ul {display: grid; grid-template-columns:repeat(2, 1fr); grid-gap: 24px 0px}
    .case_detail_main .case_info .bottom ul li:nth-child(3){ grid-column: span 2;}
    .case_detail_main .case_info .bottom ul li:nth-child(4){ grid-column: span 2;}

    .case_detail_other .title{ display: flex; justify-content:space-between; align-items: center; padding-bottom: 20px; padding-top: 50px;}
    .case_detail_other .title h3{ font-size: 24px; color: #76787c;}
    .case_detail_other .title span a{ color:var(--main)}
    .case_detail_other .content{ display: grid; grid-template-columns: repeat(4, 1fr); grid-gap:10px;}
    .case_detail_other .content .item:last-child{ display: none }

    .detail_banner .pagewidth{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap:10px;}

    .about_box_a{ margin-bottom: 60px;}
    .about_box_a .pagewidth{ display: grid; grid-template-columns:2fr 3fr; grid-gap:50px; }
    .about_box_a .pagewidth .info h1{ font-size: 24px; margin-bottom:20px; color: var(--main); }
    .about_box_a .pagewidth .info h2{ font-size: 18px; margin-bottom:20px; color: var(--main); }
    .about_box_a .pagewidth .advantage .item{ position: relative; width: 120px; height: 120px; cursor: pointer; border-radius: 120px; display: flex; justify-content: center; align-items: center;}
    .about_box_a .pagewidth .advantage .item .box i{ padding-top: 12px; font-size:32px;}
    .about_box_a .pagewidth .advantage .item .box p{ font-size: 18px; font-weight: 500; margin-bottom: 6px;}
    .about_box_a .pagewidth .advantage .item .box span{opacity: 0;transition-duration: 0.2s; background: rgba(0,0,0,0.1); border-radius: 40px; height: 18px; padding-left: 10px; padding-right: 10px; line-height: 1em; display: inline-block}
    .about_box_a .pagewidth .advantage .item:nth-child(1){ background: #31cdff; z-index: 4;}
    .about_box_a .pagewidth .advantage .item:nth-child(2){ background: #9c6eb4; margin-left: -20px;z-index: 4;}
    .about_box_a .pagewidth .advantage .item:nth-child(3){ background: #c5da1b; margin-left: -20px;z-index: 4;}
    .about_box_a .pagewidth .advantage .item:nth-child(4){ background: #f49e02; margin-left: -20px;z-index: 4;}
    .about_box_a .pagewidth .advantage .item:nth-child(5){ background: #fee700; margin-left: -20px;z-index: 4;}
    .about_box_a .pagewidth .advantage .item:hover{z-index: 6;}
    .about_box_a .pagewidth .advantage .item:hover span{ opacity: 1;}
    .about_box_b .pagewidth .title h2{ width: 120px;}
    .about_box_c .pagewidth .title h2{ width: 120px; }
    .about_box_d .pagewidth .title h2{ width: 120px; }
    .about_box_d .pagewidth .title .layui-tab-title .layui-this:after{border:none!important;}
    .about_box_d .pagewidth .title .layui-tab .layui-tab-title:after{ display: none!important;}
    .about_box_d .pagewidth .title .layui-tab-title .layui-this:after{ display: none!important;}
    .about_box_d .layui-tab .layui-tab-title:after{ display: none!important;}
    .about_box_d .layui-tab .layui-tab-title li{ font-size: 15px!important; color:#76787c!important; overflow: hidden;}
    .about_box_d .layui-tab .layui-tab-title li.layui-this{ color:var(--main)!important; position: relative!important;}
    .about_box_d .layui-tab .layui-tab-title li.layui-this:before{content: "";position: absolute;bottom: -10px;left: 50%;margin-left: -5px;background: var(--main);width: 12px;height: 12px;transform: rotate(45deg);}
    .about_box_d .layui-tab-item .item{ box-shadow: 0px 0px 0px #ddd; transition-duration: 0.2s;}
    .about_box_d .layui-tab-item .content{ display: grid;grid-template-columns: repeat(6, 1fr);grid-gap: 10px;}
    .about_box_d .layui-tab-item .content img{ width: 120px; margin: 0 auto; padding-top: 10px; padding-bottom: 10px;}
    .about_box_d .layui-tab-item .item:hover{ box-shadow: 0px 0px 10px #ddd}
    /*弹出层*/
    .layui-layer-page{ background: rgba(125,127,131,0.95)!important; width: 990px!important; }

    /*手风琴特效*/
    .accordion {border: #e7e7e7 1px solid;width: 988px;height: 240px;overflow: hidden;border-left: none;}
    .accordion dl {float: left;height: 240px;}
    .accordion dt {width: 180px;float: left;height: 240px;background: #f5f5f5;border-left: #e7e7e7 solid 1px;text-align: center;transition-duration: 0.3s;cursor: pointer;}
    .accordion dt .icon{ width: 60px; height: 60px; text-align: center; margin: 0 auto; position: relative; padding-top: 66px;}
    .accordion dt .icon img{ width: 60px; height: 60px; position: absolute}
    .accordion dt .icon img:first-child{opacity: 1;}
    .accordion dt .icon img:last-child{ opacity: 0}
    .accordion dt.open .icon img:first-child{opacity: 0;}
    .accordion dt.open .icon img:last-child{ opacity: 1}
    .accordion dt h3 {font-size: 20px;color: var(--gray);padding-top: 20px;}
    .accordion dt p { font-size: 14px; color: #666666; padding-top: 8px; }
    .accordion dd {position: relative;width: 294px;display: block;float: left;height: 240px;overflow: hidden;}
    .accordion dd p {width: 250px;padding-left:10px; padding-right:10px;line-height: 24px;color: #666666;text-align: justify; padding-top:70px;}
    .accordion .open {width: 130px;padding-left:10px; padding-right:10px;background: #fff;}
    .accordion .open .iconfont {color: var(--main)}
    .accordion .open h3 {color: var(--main);}

    /*新闻首页*/
    .channel_news_main .pagewidth .channel_news_focus{ width: 490px; height:490px; }
    .channel_news_list .pagewidth{ display: grid; grid-template-columns: repeat(4, 1fr); grid-gap:10px;}
    .channel_news_list .pagewidth .item:first-child{ display: none}
    .channel_news_list .pagewidth .item:nth-child(5){ display: none}

    .show_newsjob .pagewidth{ display: grid; grid-template-columns: auto 240px; grid-gap:40px;}
    .show_newsjob .pagewidth .content .time{ color: var(--gray); margin-bottom: 12px; padding-top: 15px;}
    .show_newsjob .pagewidth .content .title{font-weight: 500; font-size: 32px; color: var(--main); padding-bottom: 32px; margin-bottom: 32px; border-bottom: #e8e8e8 solid 1px;}
    .show_newsjob .pagewidth .content .html{ font-size:17px; line-height:1.8em; color:#222; margin-bottom:30px; position:relative;margin-bottom: 30px; padding-bottom: 50px; border-bottom: #e8e8e8 solid 1px;}
    .show_newsjob .pagewidth .content .html p{ margin-bottom:17px; }
    .show_newsjob .pagewidth .content .html img{ width: 100%!important; height: auto!important; max-width: 100%;}
    .show_newsjob .pagewidth .side .side_title{ font-size: 24px; color:var(--main); font-weight: 500; padding-top: 15px; padding-bottom: 32px;}
    .show_newsjob .pagewidth .side .list .item{ position: relative;aspect-ratio: 1; overflow: hidden; border:#e8e8e8 solid 1px; margin-bottom: 10px;}
    .show_newsjob .pagewidth .side .list .item .pd{ padding:32px 24px;}
    .show_newsjob .pagewidth .side .list .item .pd h2{ font-size: 18px; line-height: 1.2em;  margin-bottom: 10px; color: var(--gray); transition-duration: 0.3s;}
    .show_newsjob .pagewidth .side .list .item .pd p{ color:#b1b2b4; line-height: 1.6em;margin-bottom: 10px; }
    .show_newsjob .pagewidth .side .list .item .pd p.description{display: -webkit-box;  -webkit-line-clamp:4;  -webkit-box-orient: vertical; overflow: hidden;}
    .show_newsjob .pagewidth .side .list .item:hover .pd h2{ color: var(--main);}





    /*人才首页*/
    .channel_job_main .pagewidth .channel_job_focus{ width: 490px; height:490px; }
    .channel_job_main .pagewidth .channel_job_side{ width: 490px;}
    .channel_job_list .pagewidth{ display: grid; grid-template-columns: repeat(4, 1fr); grid-gap:10px;}
    .channel_job_list .pagewidth .item:nth-child(2){ grid-column: span 2; height: 240px; width: 490px;}
    .channel_job_list .pagewidth .item:last-child{ display: none}
    .channel_job_list .pagewidth .item:nth-child(5){ display: none}

    .page_contact .pagewidth{ display: grid;  grid-template-columns: auto 490px;grid-gap: 60px;}
    .page_contact h2{ font-size: 24px; color: var(--main); margin-bottom: 24px; }
    .page_contact .info{ line-height: 2em; color: #333;}
    .page_contact .info .html{ margin-bottom: 40px;}
    .page_contact .message .layui-form-label{color: #333;font-size: 15px; display: block!important; float: none!important; text-align: left!important; padding-left: 0!important}
    .page_contact .message .layui-input-block{ margin-left:0!important; }
    .page_contact .message .layui-btn-lg{background: var(--main)!important; color: #fff; padding-top: 18px!important; padding-bottom: 18px!important; height: auto!important; line-height: 1em!important;}

    .page_contact .message .layui-textarea{ height:240px!important;}

    #container{ height: 335px;}
}





















































@media screen and (max-width: 480px) {
.padding{ padding-top:50px; padding-bottom:50px; }
.padding-bottom-80{ padding-bottom:50px;}
.padding-top-0{ padding-top:0; }

.index_main .pagewidth{ display: block}
    .index_main .pagewidth .index_focus{ width: 100%; height: auto; aspect-ratio: 1;}
    .index_main .pagewidth .index_focus .swiper-slide .bg{ height: 100%;aspect-ratio: 1;}
    .index_main .pagewidth .index_about .top{ display: none}
    .index_main .pagewidth .index_about{width:100%;height: auto; aspect-ratio: 1;}
    .index_main .pagewidth .index_about .bottom{height: auto;aspect-ratio: 1;}
    .index_case .pagewidth{ display: block;}
    .index_case .pagewidth .case_side .more ul{ display:flex; justify-content: left; grid-gap: 24px;}
    .index_case .pagewidth .case_side{ margin-bottom: 10px;}
    .index_case .pagewidth .case_list{ margin-bottom: 10px;}
    .index_case .pagewidth .case_list .down{ display: none}


    .detail_banner .pagewidth{ display: block}
    .detail_banner .pagewidth .text{ height: 100px;}
    .detail_banner .pagewidth .text h1{  font-size: 24px;}
    .detail_banner .pagewidth .img{ height: 180px;}
    .about_box_a .pagewidth{ display: block;}
    .about_box_a .pagewidth .info{ margin-bottom: 30px;}
    .about_box_a .pagewidth .info h1{font-size: 18px;}
    .about_box_a .pagewidth .advantage{}
    .about_box_a .pagewidth .advantage .item{height: auto;aspect-ratio: 1;}
    .about_box_a .pagewidth .advantage .item:nth-child(2){ background: #9c6eb4; margin-left: -10px;z-index: 4;}
    .about_box_a .pagewidth .advantage .item:nth-child(3){ background: #c5da1b; margin-left: -10px;z-index: 4;}
    .about_box_a .pagewidth .advantage .item:nth-child(4){ background: #f49e02; margin-left: -10px;z-index: 4;}
    .about_box_a .pagewidth .advantage .item:nth-child(5){ background: #fee700; margin-left: -10px;z-index: 4;}
    .about_box_a .pagewidth .advantage .item .box{ padding-top: 6px;}
    .about_box_a .pagewidth .advantage .item .box i{ font-size: 20px; }
    .about_box_a .pagewidth .advantage .item .box p{ font-size: 14px;}
    .about_box_a .pagewidth .advantage .item .box span{ display: none}
    .layui-layer-page{ width: 95%!important;}
    .about_five p img{width: 100%;}
    .about_five{ padding: 20px;}
    .layui-layer-page .close{ right: 15px; top: 15px;}
    .about_box_b .pagewidth .title p{ line-height: 1.6em;}
    .about_box_b .pagewidth .title{ display: block}
    .about_box_b .pagewidth .title h2{ height: 48px; line-height: 48px; font-size: 18px; margin-bottom: 10px; width: 100px;}

    .about_box_c .pagewidth .title p{ line-height: 1.6em;}
    .about_box_c .pagewidth .title{ display: block}
    .about_box_c .pagewidth .title h2{ height: 48px; line-height: 48px; font-size: 18px; margin-bottom: 10px; width: 100px;}

    .accordion{  width: 100%; border-left: #e7e7e7 1px solid}
    .accordion dl{ position: relative; width: 100%;}
    .accordion dt{width: 25%; position: absolute; left:0px; top: 0px; height: auto; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; z-index: 5}
    .accordion dd p{width: calc(100% - 40px); padding-top: 100px; padding-left: 20px; padding-right: 20px;}
    .accordion dt .icon{ font-size: 12px; height: 32px; width: 32px; padding-top: 12px; padding-bottom: 12px;}
    .accordion dt .icon img{height: 32px; width: 32px;}
    .accordion dt h3{ font-size: 12px; padding-top:0px;}
    .accordion dt p{ font-size: 12px;}
    .accordion dl dt:nth-child(1){ left: -1px;}
    .accordion dl dt:nth-child(3){ left: 25%;}
    .accordion dl dt:nth-child(5){ left: 50%;}
    .accordion dl dt:nth-child(7){ left: 75%;}
    .accordion dd{width: 100%; height: auto;}
    .accordion .open{width: 25%; padding-left: 0px; padding-right: 0px;}
    #slider2  dd p{ padding-top: 120px;}

    .about_box_d .pagewidth .title p{ line-height: 1.6em;}
    .about_box_d .pagewidth .title h2{ height: 48px; line-height: 48px; font-size: 18px; width: 100px;}
    .layui-tab .layui-tab-title li{ min-width: 44px!important; padding: 0 5px!important;}
    .about_box_d .layui-tab-item .content{ grid-template-columns: repeat(4, 1fr)}
    .about_box_d .layui-tab-item .content img{ width: 100%;}
    .list_case_screen .screen_box{grid-template-columns: repeat(1, 1fr);}
    .list_case_screen .screen_box .layui-form{grid-template-columns: repeat(1, 1fr); grid-gap: 10px;}
    .list_case .data strong{ font-size: 18px;}
    .list_case .article-list{grid-template-columns: repeat(1, 1fr);}
    .case_detail_main .case_photo .swiper-slide{ height: 100%;aspect-ratio: 1;}
    .case_photo{aspect-ratio: 1;}
    .case_detail_main .case_info{ grid-template-columns: repeat(1, 1fr); grid-gap: 10px;}
    .case_detail_other .title h3{ font-size: 18px;}
    .case_detail_other .content{grid-template-columns: repeat(1, 1fr);}
    .case_detail_main .case_info .top h1{ font-size: 18px;}
    .channel_news_main .pagewidth{ display: block;  grid-template-columns: repeat(1, 1fr); grid-gap: 10px;}
    .channel_news_main .pagewidth .channel_news_focus .swiper-slide .bg{ height: 100%;aspect-ratio: 1;}
    .channel_news_main .pagewidth .channel_news_focus { width: 100%; height: 100%;aspect-ratio: 1;}
    .channel_news_main .pagewidth .channel_news_side{ width: 100%;}
    .channel_news_list .pagewidth{grid-template-columns: repeat(1, 1fr);}
    .show_news .pagewidth{ grid-template-columns: repeat(1, 1fr);  }
    .show_news .pagewidth .side .side_title{ padding-bottom: 24px; font-size: 18px;}
    .list_news .pagewidth{grid-template-columns: repeat(1, 1fr);}
    .list_news .pagewidth .content .article-list .item .title{ display: block}
    .list_news .pagewidth .content .article-list .item .title h2{ margin-bottom: 12px; line-height: 1.2em;}
    .list_news .pagewidth .side .side_title{ padding-bottom: 24px; font-size: 18px;}

    .channel_job_list .pagewidth .item.yellow{ width: 100%;aspect-ratio: 1;}
    .channel_job_main .pagewidth{ display: block;  grid-template-columns: repeat(1, 1fr); grid-gap: 10px;}
    .channel_job_main .pagewidth .channel_job_focus .swiper-slide .bg{ height: 100%;aspect-ratio: 1;}
    .channel_job_main .pagewidth .channel_job_focus { width: 100%; height: 100%;aspect-ratio: 1;}
    .channel_job_main .pagewidth .channel_job_focus{ width: 100%;}
    .channel_job_list .pagewidth{grid-template-columns: repeat(1, 1fr);}
    .channel_job_list .pagewidth .item:nth-child(2){width: 100%; height: 100%;aspect-ratio: 1;}
    .channel_job_list .pagewidth .item:nth-child(2){ grid-column: initial}
    .channel_job_main .pagewidth .channel_job_side{ width: 100%;}
    .channel_job_main .pagewidth .channel_job_side .top .pd h2{ font-size: 20px;}
    .channel_news_main .pagewidth .channel_news_side .top .pd h2{ font-size: 20px;}
    .jobinfo h1{ font-size: 18px;}
    .jobinfo h2{ font-size: 18px;}
    .list_job_cat_color .pagewidth .item{width: 100%; height: 100%;aspect-ratio: 1;}
    .list_job_cat_color .pagewidth{grid-template-columns: repeat(1, 1fr);}
    .list_job_cat_color .pagewidth .item.more .box{ width: 80%;}
    .list_job .title .add{ display: none}
    .list_job .title .time{ display: none}
    .job_content{grid-template-columns: repeat(1, 1fr); padding: 20px; grid-gap: 20px;}
    .list_job .title{ grid-template-columns: 100%}
    .job_content .html{ font-size: 14px; line-height: 1.5em}
    .job_content .title{ font-size: 20px;}
    .page_contact .pagewidth{grid-template-columns: repeat(1, 1fr);}
    .page_contact h2{ font-size: 20px; margin-bottom: 12px; }
    .page_contact p{ position: relative; padding-left: 24px;}
    .page_contact p i{  position: absolute;left:0;}

    .index_main .pagewidth .index_focus .swiper-slide .pd h2{ font-size: 20px;}
    .index_main .pagewidth .index_about .bottom .swiper-info-slide h2{ font-size: 20px;}
    .channel_news_main .pagewidth .channel_news_focus .swiper-slide .pd h2{ font-size: 20px; line-height: 1.4em}
    .show_news .pagewidth .content .title{ font-size: 24px;}

    .show_newsjob .pagewidth{ grid-template-columns: repeat(1, 1fr);  }
    .show_newsjob .pagewidth .side .side_title{ padding-bottom: 24px; font-size: 18px;}
    .channel_case_main .pagewidth{ display: grid; grid-template-columns: repeat(1, 1fr); grid-gap:10px;}
    .channel_case_main .pagewidth .item{ position: relative;aspect-ratio: 1; overflow: hidden; background: #000;}
    .channel_case_main .pagewidth .item .pd{ padding:24px; position: absolute; left: 0px;right: 0px;bottom: 0px; z-index: 4;}
    .channel_case_main .pagewidth .item .pd h2{ color: #fff;font-size: 18px; line-height: 1.4em; margin-bottom:8px;}
    .channel_case_main .pagewidth .item .pd p{ color: #fff;font-size: 14px; display: flex; justify-content: left; grid-gap: 10px;}
    .channel_case_main .pagewidth .item .bg{ width: 100%; height: 100%; object-fit: cover;object-fit: cover; transform: scale(1); transition-duration: 0.3s; opacity: 0.8;}
    .channel_case_main .pagewidth .item:after{content: ""; background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); left: 0px; right: 0px; bottom: 0px; height: 100px; position: absolute; z-index: 2; transition-duration: 0.3s;}
    .channel_case_main .pagewidth .item:hover .bg{ transform: scale(1.1);}
    .channel_case_main .pagewidth .item:nth-child(1) {grid-column-start:initial;grid-column-end: initial;grid-row-start: initial;grid-row-end: initial;}
    .channel_case_main .pagewidth .item:nth-child(10) {grid-column-start: initial;grid-column-end: initial;grid-row-start: initial;grid-row-end: initial;}
    .channel_case_main .pagewidth .item:nth-child(1) .pd h2{font-size: 24px;}
    .channel_case_main .pagewidth .item:nth-child(10) .pd h2{font-size: 24px;}
    .channel_case_main .pagewidth .back{ display: none;}

    .channel_case_one{ margin-bottom: 10px;}
    .channel_case_one .pagewidth{ display: grid; grid-template-columns: repeat(1, 1fr); grid-gap:10px;}
    .channel_case_one .pagewidth .item{ position: relative;aspect-ratio: 1; overflow: hidden; background: #000;}
    .channel_case_one .pagewidth .item .pd{ padding:24px; position: absolute; left: 0px;right: 0px;bottom: 0px; z-index: 4;}
    .channel_case_one .pagewidth .item .pd h2{ color: #fff;font-size: 18px; line-height: 1.4em; margin-bottom:8px;}
    .channel_case_one .pagewidth .item .pd p{ color: #fff;font-size: 14px; display: flex; justify-content: left; grid-gap: 10px;}
    .channel_case_one .pagewidth .item .bg{ width: 100%; height: 100%; object-fit: cover;object-fit: cover; transform: scale(1); transition-duration: 0.3s; opacity: 0.8;}
    .channel_case_one .pagewidth .item:after{content: ""; background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); left: 0px; right: 0px; bottom: 0px; height: 100px; position: absolute; z-index: 2; transition-duration: 0.3s;}
    .channel_case_one .pagewidth .item:hover .bg{ transform: scale(1.1);}
    .channel_case_one .pagewidth .item_side {display: none; }
    .channel_case_one .pagewidth .item:nth-child(6) {grid-column-start: initial;grid-column-end: initial;grid-row-start: initial;grid-row-end: initial;}
    .channel_case_one .pagewidth .item:nth-child(9) {grid-column-start: initial;grid-column-end: initial;grid-row-start: initial;grid-row-end: initial;}
    .channel_case_one .pagewidth .back{ display: none;}

}


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

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