.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;/* 设置按钮大小 */}

.nogrid{display: block!important;}


html{height: 100%;}
.index_banner {position: relative;width: 100%; height:100vh}
.index_banner .swiper{ height:100%; }
.index_banner .swiper-slide{ position: relative;width: 100%;overflow:hidden; height: 100%;background: #021917;}
.index_banner .swiper-slide .info{ position: absolute; top: 50%; left: 50%; width:var(--width); transform: translate(-50%, -45%); z-index: 2  }
.index_banner .swiper-slide .info h1{ font-size: 90px; font-weight: bold; color: #fff; line-height: 1.2em; margin-bottom: 20px; }
.index_banner .swiper-slide .info .desc{ font-size: 24px; color: #fff; margin-bottom: 60px;}
.index_banner .swiper-slide .info .more{ display: inline-block}
.index_banner .swiper-slide .info .more a{padding-left: 30px; transition-duration: 0.3s; border-radius: 30px; padding-right: 30px; color: #111; font-size: 16px;background: #fff; height: 50px; line-height: 50px; display:flex; justify-content: space-between; grid-gap: 40px;}
.index_banner .swiper-slide .info .more a i{ transition-duration: 0.3s}
.index_banner .swiper-slide .info .more a:hover{ background: var(--dark); color: #fff;}
.index_banner .swiper-slide .info .more a:hover i{transform: rotate(45deg)}
.index_banner .swiper-slide .bg{ position: absolutel;top: 0; left: 0; right: 0; bottom: 0; width: 100%; object-fit: cover; opacity: 0.95; height: 100%; overflow: hidden; z-index: 1 }





.index_banner .swiper-slide .info > *{opacity: 0; transform: translateY(50px); transition: all 1s; }
.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_service{  padding-top: 100px; padding-bottom: 100px; }
.index_service .pagewidth{display: grid; grid-template-columns: 4fr 8fr; grid-gap: 72px; }
.index_service .pagewidth .img{  width: 100%; overflow:hidden}
.index_service .pagewidth .img img{ height: 100%; width: 100%; object-fit: cover}
.index_service .info{ padding-top: 30px;}
.index_service .info .title p{ display: flex; justify-content: left; align-items: center; grid-gap: 5px; margin-bottom: 20px;}
.index_service .info .title p{ font-size: 14px; color: var(--dark);text-transform: uppercase;}
.index_service .info .title p i{ font-size: 12px; color: var(--dark);}
.index_service .info .title h2{ font-size: 60px; font-weight: 500; color: #111;line-height: 1em;}
.index_service .info .content{ display: grid; grid-template-columns:repeat(2,1fr); grid-gap:50px 36px; padding-top: 60px; }
.index_service .info .content .item h3{ font-size: 45px; font-weight: 500; color: #111;line-height: 1em;}
.index_service .info .content .item h3 a{ color: #111;}
.index_service .info .content .item h3 a:hover{ color: var(--dark); }
.index_service .info .content .item p{ font-size: 18px;color: #333;line-height: 1.6em;}


.index_business{  padding-bottom: 100px; }
.index_business .pagewidth{ position: relative }
.index_business .pagewidth .info{ width:70%;position: relative; z-index: 3;}
.index_business .pagewidth .map{ position: absolute; left: 40%; top: -100px; z-index: 2;}
.index_business .pagewidth .map svg{filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.04))!important;  }
.index_business .pagewidth .map #ChinaMap{ }
.index_business .pagewidth .map #ChinaMap .svggroup path{fill: #e8f1f0; transition-duration: 0.4s;}
.index_business .pagewidth .map #ChinaMap .svggroup path:hover{fill: var(--dark);}


.stateTip, #StateTip { display: none; position: absolute; padding:5px 8px; background: #fff; border: 2px solid #ffffff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 12px; font-family: Tahoma; color: #333;z-index: 6 }
.mapInfo i { display: inline-block; width: 15px; height: 15px; margin-top: 5px; line-height: 15px; font-style: normal; background: #aeaeae; color: #fff; font-size: 11px; font-family: Tahoma; -webkit-border-radius: 15px; border-radius: 15px; text-align: center }
.mapInfo i.active { background: #E27F21; }
.mapInfo span { padding: 0 5px 0 3px; }
.mapInfo b { font-weight: normal; color: #2770B5 }





.index_business .title p{ display: flex; justify-content: left; align-items: center; grid-gap: 5px; margin-bottom: 30px;}
.index_business .title p{ font-size: 14px; color: var(--dark);text-transform: uppercase;}
.index_business .title p i{ font-size: 12px; color: var(--dark);}
.index_business .title h2{ font-size: 60px; font-weight: 500; color: #111;line-height: 1em;}
.index_business .title .desc{ font-size: 18px; color: #666; line-height: 1.8em; padding-top: 40px; }
.index_business .data{ width: 100%; padding-top: 80px; padding-bottom: 80px; border-bottom: #ddd solid 1px; margin-bottom: 40px;}
.index_business .data{display: grid; grid-template-columns: 3fr 4fr 6fr 3fr; grid-gap: 50px;}
.index_business .data .number h4{ font-size: 70px; font-weight:bold; color: #111;font-family: 'Barlow'; line-height: 1em; margin-bottom: 10px;}
.index_business .data p{ font-size: 18px; color: #666;}
.index_business .advantage{ width: 100%;}
.index_business .advantage ul{display: grid; grid-template-columns:  1fr 1fr 1fr 1fr 1fr 1fr 1.1fr; grid-gap: 6px;}
.index_business .advantage ul li{text-align: center; padding-top: 20px; padding-bottom: 20px; border-radius: 6px;}
.index_business .advantage ul li i{ font-size: 48px; color:var(--dark); display: block; height: 50px; line-height: 50px; text-align: center; margin-bottom:15px;}
.index_business .advantage ul li p{ font-size: 16px; color: #666;}
.index_business .advantage ul li:hover{background:var(--dark)}
.index_business .advantage ul li:hover p{ color: #fff;}
.index_business .advantage ul li:hover i{ color: #fff;}


.index_case{  padding-bottom: 100px; }
.index_case .title{ margin-bottom: 60px;}
.index_case .title p{ display: flex; justify-content: left; align-items: center; grid-gap: 5px; margin-bottom: 30px;}
.index_case .title p{ font-size: 14px; color: var(--dark);text-transform: uppercase;}
.index_case .title p i{ font-size: 12px; color: var(--dark);}
.index_case .title h2{ font-size: 60px; font-weight: 500; color: #111;line-height: 1em;}

.index_case .swiper-scrollbar{ left: 0px!important; right: 200px!important; width: auto!important;}
.index_case .pagewidth{ position: relative;}
.index_case .pagewidth .swiper-button-next:after{display: none}
.index_case .pagewidth .swiper-button-prev:after{display: none}
.index_case .pagewidth .swiper-button-next{ position: absolute;bottom: 97px!important; top: auto!important; right: 0px!important; left: auto!important; background:  var(--dark); color: #fff; border:  var(--dark) solid 2px; font-size:20px; width: 48px; height: 48px; line-height: 48px; text-align: center; border-radius: 50%; cursor: pointer;}
.index_case .pagewidth .swiper-button-prev{ position: absolute;bottom: 97px!important; top: auto!important; right: 70px!important; left: auto!important; background: var(--dark); color: #fff;border: var(--dark) solid 2px; font-size:20px; width: 48px; height: 48px; line-height: 48px; text-align: center; border-radius: 50%; cursor: pointer;}
.index_case .pagewidth .swiper-button-disabled{background: #fff; color: #aaaaaa; border-color: #aaaaaa; cursor: not-allowed;}
.index_case .pagewidth .swiper-scrollbar-drag{background: var(--dark)}

.index_case .content .item{}
.index_case .content .item .img{aspect-ratio: 16/10;overflow: hidden; width: 100%;}
.index_case .content .item .img img{width: 100%;height: 100%; object-fit: cover;  display:block;transform: scale(1.0); transition-duration: 0.3s; opacity: 1;}
.index_case .content .item:hover img {transform: scale(1.1); opacity: 1;}
.index_case .content .item .info{ padding-top: 30px;}
.index_case .content .item h2{font-size:36px; color: #111; line-height: 1em; margin-bottom: 20px;}
.index_case .content .item p{font-size:18px; color: #333; line-height: 1em;}
.index_case .more{ width: 30%; margin: 0 auto; padding-top: 60px;}
.index_case .more a{transition-duration: 0.3s; display: block; text-align: center; height: 55px; line-height: 55px; border-radius: 50px; font-size: 16px; color: #fff; background: var(--dark)}
.index_case .more a:hover{background: var(--main)}
.index_case .swiper{ padding-bottom: 70px;}



.index_news{  padding-bottom: 100px; }
.index_news .title{ margin-bottom: 40px; display:flex; justify-content: space-between; align-items: flex-end}
.index_news .title .layui-tab-title{display: flex; justify-content: space-between; align-items: center;  grid-gap:60px;}
.index_news .title .layui-tab-title li{ font-size: 24px; font-weight: 500; color: #999999; cursor: pointer; transition-duration: 0.3s;}
.index_news .title .layui-tab-title li:after{content: ""; position: absolute; left: 0px; right: 0px; bottom: -10px; width: 0%; height: 3px; background:var(--dark); transition-duration: 0.3s;}
.index_news .title .layui-tab-title li.layui-this{color: var(--dark); position: relative}
.index_news .title .layui-tab-title li.layui-this:after{width: 100%;}
.index_news .title p{ display: flex; justify-content: left; align-items: center; grid-gap: 5px; margin-bottom: 30px;}
.index_news .title p{ font-size: 14px; color: var(--dark);text-transform: uppercase;}
.index_news .title p i{ font-size: 12px; color: var(--dark);}
.index_news .title h2{ font-size: 60px; font-weight: 500; color: #111;line-height: 1em;}
.index_news .content{ display: grid; grid-template-columns: 2fr 4fr; grid-gap: 36px;}

.index_news .content .topnews{overflow: hidden; width: 100%;border-top:#ddd solid 1px; padding-top:40px; }
.index_news .content .topnews .item{}
.index_news .content .topnews .item .img{ height: 280px; overflow: hidden; margin-bottom: 20px;}
.index_news .content .topnews .item .img img{ height: 100%; width: 100%; object-fit: cover; transform: scale(1.0); transition-duration: 0.3s; opacity: 1;}
.index_news .content .topnews .item:hover img {transform: scale(1.1); opacity: 1;}
.index_news .content .topnews .item .info{}
.index_news .content .topnews .item .info h2:hover{ color: #111;}
.index_news .content .topnews .item .info h2 a{ color: #111; line-height: 1.4em; }
.index_news .content .topnews .item .info h2{font-size:30px; margin-bottom: 20px; line-height: 1.4em;}
.index_news .content .topnews .item .info p{font-size:18px; color: #666; line-height: 1.6em;display: -webkit-box;  -webkit-line-clamp:3;  -webkit-box-orient: vertical; overflow: hidden;}
.index_news .content .topnews .item .time{font-size:16px; color: #999; margin-bottom: 15px; line-height: 1em;}


.index_news .content .list{display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 36px;}
.index_news .content .list .item{padding-bottom: 40px;border-top:#ddd solid 1px; padding-top:40px;  }
.index_news .content .list .item  h2 a:hover{ color: var(--dark);}
.index_news .content .list .item  h2 a{ color: #111; line-height: 1.4em; }
.index_news .content .list .item  h2{font-size:30px; margin-bottom: 14px; line-height: 1.4em;}
.index_news .content .list .item  p{font-size:18px; color: #666; line-height: 1.6em;display: -webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient: vertical; overflow: hidden;}
.index_news .content .list .item .time{font-size:16px; color: #999; margin-bottom: 15px; line-height: 1em;}
.index_news .content .list .item:nth-last-child(2){ margin-bottom:0px; padding-bottom: 0px;}
.index_news .content .list .item:nth-last-child(1){margin-bottom:0px; padding-bottom: 0px}

.index_news .more{ width: 30%; margin: 0 auto; padding-top: 60px;}
.index_news .more a{transition-duration: 0.3s; display: block; text-align: center; height: 55px; line-height: 55px; border-radius: 50px; font-size: 16px; color: #fff; background: var(--dark)}
.index_news .more a:hover{background: var(--main)}


.index_form{ background: #021917; padding-top:80px; padding-bottom: 80px;}
.index_form .title h2{ font-size: 32px; font-weight: 500; color: #fff;line-height: 1em;}
.index_form .layui-form{ padding-top: 40px;}
.index_form .layui-form .top{display: grid; grid-template-columns: repeat(4,1fr); grid-gap:20px 36px;}
.index_form .layui-form .top .item:nth-child(5){grid-column: span 3;}
.index_form .layui-form .layui-input{background: none; border:#4e5e5d solid 1px; border-radius: 40px; padding-left: 20px; color: #fff;}
.index_form .layui-form .layui-input:focus{ border:#fff solid 1px!important;}
.index_form .layui-form .layui-btn{ height: 56px; line-height: 56px; border-radius: 50px; font-size: 16px; color: #fff; background: var(--dark)}


.detailbanner{position: relative;overflow: hidden; }
.detailbanner .detailbg{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; opacity:1;}
.detailbanner .pagewidth{ height:70vh; position: relative; overflow: hidden;}
.detailbanner .pagewidth .text{ position: absolute;left: 0px; top: 60%; transform: translateY(-50%); z-index: 9; right: 0;}
.detailbanner .pagewidth .text h1{ font-size: 75px; color: #fff;font-weight:bold; margin-bottom: 25px; line-height: 1em;}
.detailbanner .pagewidth .text .desc{ font-size:28px; color: #fff; line-height: 1.6em; width:50%;}
.detailbanner .pagewidth .back{ position: absolute;  top: 100px; z-index: 9; font-size: 16px; }
.detailbanner .pagewidth .back a{color: #fff; text-decoration: underline;text-underline-offset:5px; }
.detailpadding{ padding-bottom:150px; padding-top: 100px; }

.detailbanner.drak .text h1{ color:var(--dark);}
.detailbanner.drak .text .desc{ color:var(--dark);}

.detailbanner_commonweal{position: relative;background:#fff;overflow: hidden; }
.detailbanner_commonweal:after{ position: absolute;content: ""; z-index: 2; top: 0; bottom: 0; right: 0; width: 80%; height: 100%;background: linear-gradient(90deg, rgba(255,255,255,0) , rgba(255,255,255,1));}
.detailbanner_commonweal .detailbg{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.8;}
.detailbanner_commonweal .pagewidth{ height:calc(100vh - 110px); position: relative; overflow: hidden;}
.detailbanner_commonweal .pagewidth .text{ position: absolute;right: 0px; padding-left: 60%; top: 50%; transform: translateY(-50%); z-index: 9; right: 0;}
.detailbanner_commonweal .pagewidth .text img{ height: 200px;}
.detailbanner_commonweal .pagewidth .text .content{ font-size:20px; color: #333; line-height: 1.6em;padding-left: 100px; padding-top: 60px;}
.detailbanner_commonweal .pagewidth .text .content p{ margin-bottom: 30px;}
.detailbanner_commonweal .pagewidth .text .content ul{ display:flex; justify-content:left; grid-gap: 60px; padding-top: 30px;}
.detailbanner_commonweal .pagewidth .text .content ul li{ width: 100px;}
.detailbanner_commonweal .pagewidth .text .content ul li .icon{display: flex; justify-content: center; align-items: center; background: #fff; border-radius:100px; width: 100px; line-height: 100px; height: 100px; box-shadow:0px 4px 10px rgba(0,0,0,0.1) }
.detailbanner_commonweal .pagewidth .text .content ul li .icon i{ font-size: 36px; color:var(--main)}
.detailbanner_commonweal .pagewidth .text .content ul li h3{font-size:18px; color: #333; font-weight: normal; line-height: 1.6em;padding-top: 20px; text-align: center}


.list_life_info .info{ display: grid;  grid-template-columns:3fr 9fr;  grid-gap: 36px;}
.list_life_info .info .title{ font-size: 24px; color: var(--dark); font-weight: bold}
.list_life_info .info .content{font-size: 20px;color: #333;font-weight: normal; line-height: 1.6em; padding-top: 10px;}
.list_life_info .info .content p{ margin-bottom: 44px;}
.list_life_info .info .content p:last-child{ margin-bottom: 0;}
.list_life_info .imglist{ display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 36px; }
.list_life_info .imglist img{ width: 100%;}
.list_life_info .imglist p{font-size: 20px;color: #333; text-align: center; padding-top: 20px; padding-bottom: 20px;  margin-bottom: 20px;  }



/*全球游学*/
.list_study .title{margin-bottom: 30px; }
.list_study .title p{ display: flex; justify-content: left; align-items: center; grid-gap: 5px; margin-bottom: 20px;}
.list_study .title p{ font-size: 14px; color: var(--dark);text-transform: uppercase;}
.list_study .title p i{ font-size: 12px; color: var(--dark);}
.list_study .title h2{ font-size: 36px; font-weight: 500; color: #111;line-height: 1em; margin-bottom: 18px;}
.list_study .title h4{ font-size: 18px; font-weight: 500; color: #111;line-height: 1em;}
.list_study .content{ padding-top: 0px; display: grid; grid-template-columns: 5fr 4fr; grid-gap: 32px; }
.list_study .content .map img{ width: 100%;}
.list_study .list{ position: relative;  z-index: 2;}
.list_study .article-list .item{ display: grid; grid-template-columns:2.4fr 4fr; grid-gap:32px; margin-bottom: 32px;}
.list_study .article-list .item .img{aspect-ratio: 16/12;overflow: hidden; width: 100%;}
.list_study .article-list .item .img img{width: 100%;height: 100%; object-fit: cover;  display:block;transform: scale(1.0); transition-duration: 0.3s; opacity: 1;}
.list_study .article-list .item:hover img {transform: scale(1.1); opacity: 1;}
.list_study .article-list .item .info{ }
.list_study .article-list .item  h2 a:hover{ color: var(--dark);}
.list_study .article-list .item  h2 a{ color: #111; line-height: 1.4em; }
.list_study .article-list .item  h2{font-size:32px; margin-bottom: 10px; line-height: 1.4em;}
.list_study .article-list .item  p{font-size:16px; color: #666; line-height: 1.6em;display: -webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient: vertical; overflow: hidden;}
.list_study .article-list .item .time{font-size:16px; color: #999; margin-bottom: 10px; line-height: 1em;}


/*分类*/
.category{ padding-top:100px; padding-bottom: 40px; background:#fff; border-bottom: #c5ccc9 solid 1px;  }
.category .pagewidth{ display:grid; grid-template-columns:9fr 3fr; grid-gap: 36px; align-items: center; }
.category .pagewidth .screen .tabs ul{ display: flex; justify-content:left; align-items: center; grid-gap: 10px; }
.category .pagewidth .screen .tabs ul li a{color: #333; transition-duration: 0.3s; font-size: 16px; display: block; padding: 8px 20px; border-radius: 50px; background: #c5c7c5;}
.category .pagewidth .screen .tabs ul li a:hover{background: #b1b1b1;}
.category .pagewidth .screen .tabs ul li.active a{ color: #fff; background: #021917; }
.category .pagewidth .layui-form .layui-input-box{ position: relative}
.category .pagewidth .layui-form .layui-input-box i{pointer-events:none; color: #333; position: absolute; left: 0; z-index: 2; width: 40px; height: 40px;line-height: 40px; text-align: center; display: block; text-align: center}
.category .pagewidth .layui-form .layui-input-box .layui-input{  padding-left: 40px;height: 40px; line-height: 40px; border-radius: 40px!important; border: 1px solid #c5ccc9; font-size: 16px; position: relative}


/*服务内容列表页*/
.channel_service .title{ font-size:56px; line-height: 1em; color: #111; display: flex;justify-content: left; align-items: baseline; margin-bottom: 80px;}
.channel_service .title strong{ color:#111; margin-right: 5px;  font-weight: 500;}
.channel_service .title i{ font-size: 32px; color: #111;line-height: 1em; }
.channel_service .content{display: grid;grid-template-columns: repeat(3,1fr);grid-gap:60px 36px;}
.channel_service .content .item{ position: relative}
.channel_service .content .item .img{aspect-ratio: 16/10; width: 100%; overflow: hidden}
.channel_service .content .item .img img{width:100%; height: 100%; object-fit: cover}
.channel_service .content .item .info{padding-top: 30px;}
.channel_service .content .item .info h2{ line-height: 1em; font-size: 45px; color: #111; margin-bottom: 25px;}
.channel_service .content .item .info p{ line-height: 1.6em; font-size: 18px; color: #666666;}
.channel_service .content .item .popup{transform: scale(0.9); position: absolute;top: 0; right: 0; bottom: -40px; left: 0; width: 100%; height: 100%; z-index: 9; background: #fff; box-shadow: 0 0px 40px rgba(0, 0, 0, 0.1); opacity: 0; transition-duration: 0.3s;}
.channel_service .content .item .popup {}
.channel_service .content .item .popup  h2{ line-height: 1em; font-size: 45px; color: #111; margin-bottom: 25px; padding-left: 50px; padding-top: 50px; padding-right: 50px;}
.channel_service .content .item .popup  p{ line-height: 1.6em; font-size: 24px; color: #111;margin-bottom: 20px; padding-left: 50px; padding-right: 50px;}
.channel_service .content .item .popup  .desc{ line-height: 1.6em; font-size: 18px; color: #666666; text-align: justify; padding-left: 50px; padding-right: 50px;}
.channel_service .content .item .popup  .more{ position: absolute; right: 50px; bottom: 50px; left:50px; }
.channel_service .content .item .popup  .more a{transition-duration: 0.3s; display: block; text-align: center; height: 55px; line-height: 55px; border-radius: 50px; font-size: 16px; color: #fff; background: var(--main)}
.channel_service .content .item .popup  .more a:hover{background: var(--dark)}
.channel_service .content .item:hover .popup{ opacity: 1; transform: scale(1);}


/*服务内容详情页*/
.list_service{background: #f6f9f6;}
.list_service .title{display: grid;grid-template-columns:3fr 6fr 3fr; grid-gap: 36px; align-items: self-start; margin-bottom: 100px;}
.list_service .title h2{ position: relative; align-items: center;display: flex; justify-content: left;grid-gap: 10px;}
.list_service .title h2 i{font-size:12px;}
.list_service .title h2 strong{font-size: 32px; font-weight: 500;color: #111;}
.list_service .title .desc h3 { font-size: 24px; color: #111; font-weight: normal; margin-bottom: 20px;}
.list_service .title .desc p { font-size: 18px; color: #666; font-weight: normal; line-height: 1.8em;}
.list_service .content .article-list{display: grid;grid-template-columns: repeat(4,1fr);grid-gap:36px;}
.list_service .content .article-list .item{ box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1); transition-duration: 0.3s; background: #fff; padding: 30px; }
.list_service .content .article-list .item .top{ display: flex; justify-content: space-between;align-items: flex-start; }
.list_service .content .article-list .item .top h2{font-size: 30px; font-weight: 500; color: #111; line-height: 1em; margin-bottom: 10px;}
.list_service .content .article-list .item .top p{font-size: 16px; color: #666}
.list_service .content .article-list .item .top img{width: 36px;}
.list_service .content .article-list .item:hover{ box-shadow: 0 0px 40px rgba(0, 0, 0, 0.1);}


.list_service_2 .content .article-list{display: grid;grid-template-columns: repeat(3,1fr);grid-gap:36px;}
.list_service_2 .content .article-list .item{ box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1); transition-duration: 0.3s; background: #fff; padding: 30px; }
.list_service_2 .content .article-list .item .top{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; }
.list_service_2 .content .article-list .item .top h2{font-size: 30px; font-weight: 500; color: #111; line-height: 1em; margin-bottom: 10px;}
.list_service_2 .content .article-list .item .top p{font-size: 16px; color: #666}
.list_service_2 .content .article-list .item .top img{width: 36px;}
.list_service_2 .content .article-list .item:hover{ box-shadow: 0 0px 40px rgba(0, 0, 0, 0.1);}
.list_service_2 .content .article-list .item .bottom{ border-top: #ececec solid 1px; padding-top: 25px;}
.list_service_2 .content .article-list .item .bottom ul{display: grid;grid-template-columns: repeat(2,1fr);grid-gap:15px 36px;}
.list_service_2 .content .article-list .item .bottom ul li{ position: relative; padding-left: 18px; font-size: 18px; color: #666;}
.list_service_2 .content .article-list .item .bottom ul li:after{ position: absolute;left: 0px; top: 10px; width: 5px; height: 5px; content: ''; background:var(--dark);}

/*成交案例列表页*/
.list_case{background: #fff;}
.list_case .article-list{display: grid;grid-template-columns: repeat(4, 1fr); grid-gap:60px 36px;}
.list_case .article-list .item{}
.list_case .article-list .item .img{aspect-ratio: 16/13;overflow: hidden; width: 100%;}
.list_case .article-list .item .img img{width: 100%;height: 100%; object-fit: cover;  display:block;transform: scale(1.0); transition-duration: 0.3s; opacity: 1;}
.list_case .article-list .item:hover img {transform: scale(1.1); opacity: 1;}
.list_case .article-list .item .info{ padding-top: 30px;}
.list_case .article-list .item h2{font-size:36px; color: #111; line-height: 1em; margin-bottom: 20px;}
.list_case .article-list .item p{font-size:18px; color: #333; line-height: 1em;}




/*成功案例详细页*/
.backpage{background: #f6f9f6;padding-top: 60px; padding-bottom:0px;}
.backpage a{color: #666666; text-decoration: underline;text-underline-offset:5px; transition-duration: 0.3s;text-decoration-thickness: 1px; }
.backpage a:hover{color:var(--main);  text-decoration: underline;text-underline-offset:5px;  }
.show_case{background: #f6f9f6;}
.show_case .title{ font-size: 60px; font-weight: 500; color: #111; padding-bottom: 60px; line-height: 1em;}
.show_case .photo{ display: grid;grid-template-columns: 8fr 4fr;grid-gap:36px; overflow: hidden}
.show_case .photo .big{ height: 800px;}
.show_case .photo .big img{ width: 100%; height: 100%;object-fit: cover; }
.show_case .photo .list{display: grid;grid-template-columns: repeat(1,1fr);grid-gap:36px;}
.show_case .photo .list .img{ height:382px;  overflow: hidden;}
.show_case .photo .list .img img{  width: 100%; height: 100%;object-fit: cover; display: block}
.show_case .content{ display: grid;grid-template-columns: 8fr 4fr;grid-gap:36px; overflow: hidden; padding-top: 60px;}
.show_case .content .html{font-size:24px; color:#333; line-height: 1.6em;}
.show_case .content .html p{ margin-bottom:44px;}
.show_case .content .info ul li{ border-top: #c5ccc9 solid 1px; padding-top: 16px; padding-bottom: 16px; display: flex; justify-content: space-between; align-items: center;}
.show_case .content .info ul li span{ color: #999999; font-size: 18px;}
.show_case .content .info ul li strong{ color: var(--dark); font-size: 18px; font-weight: normal}
.other_case{ border-top: #c5ccc9 solid 1px;background: #f6f9f6; padding-bottom: 60px; padding-top: 60px;}
.other_case .title{ font-size: 36px; font-weight: 500; color: #111; padding-bottom: 40px; line-height: 1em;}
.other_case .content{display: grid;grid-template-columns: repeat(4, 1fr); grid-gap:60px 36px;}
.other_case .content .item .img{aspect-ratio: 16/13;overflow: hidden; width: 100%;}
.other_case .content .item .img img{width: 100%;height: 100%; display:block;transform: scale(1.0); transition-duration: 0.3s; opacity: 1;}
.other_case .content .item:hover img {transform: scale(1.1); opacity: 1;}
.other_case .content .item .info{ padding-top: 30px;}
.other_case .content .item h2{font-size:36px; color: #111; line-height: 1em; margin-bottom: 20px;}
.other_case .content .item p{font-size:18px; color: #333; line-height: 1em;}


/*新闻*/
.list_news{padding-top: 40px; padding-bottom: 80px;}
.list_news .result{ padding-bottom: 20px; color: #666;}
.list_news .article-list{display: grid;grid-template-columns: repeat(4, 1fr); grid-gap:60px 36px;}
.list_news .article-list .item{position: relative}
.list_news .article-list .item .img{aspect-ratio: 16/13;overflow: hidden; width: 100%;}
.list_news .article-list .item .img img{width: 100%;height: 100%; object-fit: cover;  display:block;transform: scale(1.0); transition-duration: 0.3s; opacity: 1;}
.list_news .article-list .item:hover img {transform: scale(1.1); opacity: 1;}
.list_news .article-list .item .info{ padding-top: 30px;}
.list_news .article-list .item .time{font-size:16px; color: #666; margin-bottom: 15px; line-height: 1em;}
.list_news .article-list .item h2{ margin-bottom: 20px;line-height: 1.2em;}
.list_news .article-list .item h2 a{font-size:30px; color: #111; line-height: 1.2em;}
.list_news .article-list .item h2 a:hover{ color:var(--dark);}

.list_news .article-list .item p{font-size:18px; color: #666666; line-height: 1.6em;display: -webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient: vertical; overflow: hidden;}

.big .article-list .item:first-child{grid-column: span 2; position: relative}
.big .article-list .item:first-child:after{content: ""; z-index: 3; position: absolute;left: 0;right: 0;bottom: 0;display: block;height: 300px;background: linear-gradient(00deg, rgba(0,0,0,0.5), rgba(0,0,0,0));}
.big .article-list .item:first-child .info{ position: absolute; left: 50px; right: 50px; bottom: 50px; z-index: 4;}
.big .article-list .item:first-child .img{ position:absolute; left: 0px; right:0px; bottom: 0px; top: 0px; height: 100%; overflow: hidden; width: 100%;}
.big .article-list .item:first-child .time{ color: #fff;}
.big .article-list .item:first-child h2:hover{color: #fff;}
.big .article-list .item:first-child h2 a{color: #fff;}
.big .article-list .item:first-child p{color: #fff;}

.show_news{background: #f6f9f6; padding-top: 100px;}
.show_news .pagewidth{display:flex; grid-gap: 40px; }
.show_news .content { padding-right:40px; padding-bottom: 80px; width:calc(100% - 380px); }
.show_news .content .title{ font-size: 60px; font-weight: 500; color: #111; padding-bottom: 30px; line-height: 1.2em;}
.show_news .content .time{ font-size: 16px; padding-top: 10px; margin-bottom: 30px; padding-bottom: 30px; display: flex; justify-content: left; align-items: center; grid-gap: 5px;}
.show_news .content .time span{ color: #999; }
.show_news .content .time i{ font-size: 12px; }
.show_news .content .html{ font-size:17px; line-height:1.8em; color:#222; margin-bottom:30px; position:relative;}
.show_news .content .html p{ margin-bottom:17px; }
.show_news .content .html img{max-width:100%!important; height:auto!important; }
.show_news .content .other{ border-top:#ececec solid 1px; padding-top:30px;}
.show_news .content .other p{ margin-bottom:10px;font-size:16px; color:#333; width: 48%;}
.show_news .content .other p a{ color:#333; }
.show_news .content .other p a:hover{color:var(--main);}
.show_news .content .other p.left{text-align: left; float: left;}
.show_news .content .other p.right{text-align: right; float: right;}
.show_news .side{ width: 340px;}
.show_news .side h2{ font-size:30px; color:#111; margin-bottom:30px; border-bottom: #dddddd solid 1px; padding-bottom: 20px; }
.show_news .side .item{display: grid;grid-template-columns: 120px auto;grid-gap: 20px;  margin-bottom: 20px;}
.show_news .side .item h3{ font-size:20px; line-height: 1.4em; font-weight:normal; text-align:justify; margin-bottom:5px;display: -webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient: vertical; overflow: hidden;}
.show_news .side .item p{ font-size:16px; font-weight:normal; color:#666; margin-bottom: 5px; }
.show_news .side .item h3 a{ color:#333;  line-height: 1.4em;}
.show_news .side .item h3 a:hover{ color:var(--main); }
.show_news .side .item .img {width: 100%; height: 100px; border-radius: 4px; overflow: hidden;}
.show_news .side .item .img img{ width:100%; height:100%; object-fit:cover; }
.show_news .side .item:last-child{border-bottom: none; margin-bottom: 0; padding-bottom: 0;}

/*合作客户列表页*/
.list_client{background: #fff; padding-top: 40px; padding-bottom: 80px;}
.list_client .article-list{display: grid;grid-template-columns: repeat(7, 1fr); grid-gap:36px;}
.list_client .article-list .item{background: #fff; padding-top: 5px; padding-bottom: 5px; border: #f1f1f1 solid 1px;box-shadow: 0 0px 20px rgba(0, 0, 0, 0.03);}
.list_client .article-list .item .img{aspect-ratio: 16/8;overflow: hidden; width: 100%;}
.list_client .article-list .item .img img{width: 100%;height: 100%; object-fit: contain; display:block;transform: scale(1.0); transition-duration: 0.3s; opacity: 1;}


/*关于我们*/
.list_about_a .pagewidth{display: grid;grid-template-columns: 4fr 8fr;}
.list_about_a .pagewidth .title p{ display: flex; justify-content: left; align-items: center; grid-gap: 5px; margin-bottom: 20px;}
.list_about_a .pagewidth .title p{ font-size: 14px; color: var(--dark);text-transform: uppercase;}
.list_about_a .pagewidth .title p i{ font-size: 12px; color: var(--dark);}
.list_about_a .pagewidth .title h2{ font-size: 36px; font-weight: 500; color: #111;line-height: 1em;}
.list_about_a .pagewidth .content{font-size:23.4px; color:#333; line-height: 1.6em; padding-top: 50px;}
.list_about_a .pagewidth .content p{ margin-bottom:44px; text-align: justify}
.list_about_b{background: #f6f9f6;}
.list_about_b .pagewidth{display: grid;grid-template-columns: repeat(3, 1fr);}
.list_about_b .pagewidth .title p{ display: flex; justify-content: left; align-items: center; grid-gap: 5px; margin-bottom: 20px;}
.list_about_b .pagewidth .title p{ font-size: 14px; color: var(--dark);text-transform: uppercase;}
.list_about_b .pagewidth .title p i{ font-size: 12px; color: var(--dark);}
.list_about_b .pagewidth .title h2{ font-size: 36px; font-weight: 500; color: #111;line-height: 1em; margin-bottom: 40px;}
.list_about_b .pagewidth .subtitle{font-size: 36px; font-weight: 500; color: #111;line-height: 1.4em; height: 140px; }
.list_about_b .pagewidth .left .subtitle{ padding-right: 35%;}
.list_about_b .pagewidth .center{background: #edf3ed; padding-left: 60px;padding-right: 60px;}
.list_about_b .pagewidth .right{ padding-left: 60px;}
.list_about_b  .pagewidth .left .content ul li{ padding-left: 20px; font-size: 22px; position: relative; line-height: 1em; color: #444444; margin-bottom: 15px;}
.list_about_b  .pagewidth .left .content ul li:after{ position: absolute; content: "";width: 6px; height: 6px; border-radius: 6px; background:#444444; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
.list_about_b  .pagewidth .center .content ul{ display: grid;grid-template-columns: repeat(2, 1fr);grid-gap:20px;}
.list_about_b  .pagewidth .center .content ul li{ background: rgba(255,255,255,0.4); height: 60px; line-height:60px; text-align: center; font-size: 22px; position: relative;  color: #444444;}
.list_about_b  .pagewidth .center .content ul li:after{ position: absolute; content: "";width: 6px; height: 6px; border-radius: 6px; background:#444444; position: absolute; top: 50%; transform: translateY(-50%); left: 25%;}
.list_about_b  .pagewidth .right .content ul li{ padding-left: 20px; font-size: 22px; position: relative; line-height: 1em; color: #444444; margin-bottom: 15px;}
.list_about_b  .pagewidth .right .content ul li:after{ position: absolute; content: "";width: 6px; height: 6px; border-radius: 6px; background:#444444; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}

/*我们的优势*/
.show_advantages{background: #f6f9f6;}
.show_advantages .pagewidth{}
.show_advantages .pagewidth .title{ margin-top: 36px;}
.show_advantages .pagewidth .title p{ display: flex; justify-content: left; align-items: center; grid-gap: 5px; margin-bottom: 20px;}
.show_advantages .pagewidth .title p{ font-size: 14px; color: var(--dark);text-transform: uppercase;}
.show_advantages .pagewidth .title p i{ font-size: 12px; color: var(--dark);}
.show_advantages .pagewidth .title h2{ font-size: 32px; font-weight: 500; color: #111;line-height: 1em; margin-bottom: 30px;}
.show_advantages .pagewidth .content .subtitle{ font-size: 45px; font-weight: 500; color: #111;line-height: 1em; margin-bottom: 30px; }
.show_advantages .pagewidth .content .html p{font-size:18px; color:#333; line-height: 1.6em;  margin-bottom: 6px;}
.show_advantages .pagewidth .content .html .list{ display: grid; padding-top: 40px;grid-template-columns: repeat(1, 1fr);grid-gap:36px; padding-bottom: 40px;}
.show_advantages .pagewidth .content .html .list .item{background: #fff; padding: 40px;}
.show_advantages .pagewidth .content .html .list .item i{ font-size:48px; color: var(--dark); line-height: 1em; display: inline-block; margin-bottom: 20px;}
.show_advantages .pagewidth .content .html .list .item h3{ font-size: 32px; font-weight: 500; color:var(--dark);line-height: 1em; margin-bottom: 20px;}
.show_advantages .pagewidth .content .html .list .item p{ }
.show_advantages .pagewidth .content .html .list.three{ display: grid;grid-template-columns: repeat(3, 1fr);grid-gap:36px;}
.show_advantages .pagewidth .content .html .list.two{ display: grid;grid-template-columns: repeat(2, 1fr);grid-gap:36px;}
.show_advantages .pagewidth .content .html .list.lastfull .item:last-child{ grid-column: 1 / -1; /* 让最后一个盒子占据整行 */}

.show_advantages .back{ width: 30%; margin: 0 auto; padding-top: 30px;}
.show_advantages .back a{transition-duration: 0.3s; display: block; text-align: center; height: 55px; line-height: 55px; border-radius: 50px; font-size: 16px; color: #fff; background: var(--dark)}
.show_advantages .back a:hover{background: var(--main)}


/*公益列表*/
.list_commonweal .title{margin-bottom: 30px; }
.list_commonweal .title p{ display: flex; justify-content: left; align-items: center; grid-gap: 5px; margin-bottom: 20px;}
.list_commonweal .title p{ font-size: 14px; color: var(--dark);text-transform: uppercase;}
.list_commonweal .title p i{ font-size: 12px; color: var(--dark);}
.list_commonweal .title h2{ font-size: 36px; font-weight: 500; color: #111;line-height: 1em; margin-bottom: 18px;}
.list_commonweal .title h4{ font-size: 18px; font-weight: 500; color: #111;line-height: 1em;}
.list_commonweal .content .map img{ width: 100%;}
.list_commonweal .list{ position: relative;  z-index: 2;}
.list_commonweal .article-list{display: grid;grid-template-columns: repeat(4, 1fr); grid-gap:60px 36px;}
.list_commonweal .article-list .item{position: relative}
.list_commonweal .article-list .item .img{aspect-ratio: 16/13;overflow: hidden; width: 100%;}
.list_commonweal .article-list .item .img img{width: 100%;height: 100%; object-fit: cover;  display:block;transform: scale(1.0); transition-duration: 0.3s; opacity: 1;}
.list_commonweal .article-list .item:hover img {transform: scale(1.1); opacity: 1;}
.list_commonweal .article-list .item .info{ padding-top: 30px;}
.list_commonweal .article-list .item .time{font-size:16px; color: #666; margin-bottom: 15px; line-height: 1em;}
.list_commonweal .article-list .item h2{ margin-bottom: 20px;line-height: 1.2em;}
.list_commonweal .article-list .item h2 a{font-size:30px; color: #111; line-height: 1.2em;}
.list_commonweal .article-list .item h2 a:hover{ color:var(--dark);}


/*加入我们*/
.list_job_a{background: #f6f9f6;}
.list_job_a .pagewidth{}
.list_job_a .pagewidth .title p{ display: flex; justify-content: left; align-items: center; grid-gap: 5px; margin-bottom: 20px;}
.list_job_a .pagewidth .title p{ font-size: 14px; color: var(--dark);text-transform: uppercase;}
.list_job_a .pagewidth .title p i{ font-size: 12px; color: var(--dark);}
.list_job_a .pagewidth .title h2{ font-size: 36px; font-weight: 500; color: #111;line-height: 1em;}
.list_job_a .content{ padding-top: 60px;}
.list_job_a .article-list{display: grid;grid-template-columns: repeat(5, 1fr);grid-gap:36px; }
.list_job_a .article-list .item{background: #fff; position: relative;aspect-ratio: 9/14; transition-duration: 0.3s;box-shadow: 0px 10px 50px rgba(25, 73, 69, 0.1);}
.list_job_a .article-list .item .bg{ width: 100%; height: 100%;object-fit: cover; position: absolute;top: 0;left: 0;right: 0; bottom: 0px; transform: scale(0.9); z-index: 1; opacity: 0;transition-duration: 0.3s;}
.list_job_a .article-list .item .box{ padding: 30px;}
.list_job_a .article-list .item .box i{ font-size:36px; color: #aaaaaa; }
.list_job_a .article-list .item .box h3{ font-size:45px; color:var(--dark); padding-top: 80px; padding-bottom:20px;}
.list_job_a .article-list .item .box p{ line-height: 1.8em; color: #656565; font-size: 18px;}
.list_job_a .article-list .item:hover{background:var(--dark);}
.list_job_a .article-list .item:hover .bg{ opacity: 0.2; transform: scale(1);}
.list_job_a .article-list .item:hover .box i{  color: #fff; }
.list_job_a .article-list .item:hover .box h3{ color:#fff;}
.list_job_a .article-list .item:hover .box p{color: #fff}
.list_job_a .article-list .item:nth-child(2n){ margin-top: 40px;}

.list_job_b{background: #fff;}
.list_job_b .pagewidth{display: grid;grid-template-columns: 4fr 8fr;grid-gap:36px;}
.list_job_b .pagewidth .title p{ display: flex; justify-content: left; align-items: center; grid-gap: 5px; margin-bottom: 20px;}
.list_job_b .pagewidth .title p{ font-size: 14px; color: var(--dark);text-transform: uppercase;}
.list_job_b .pagewidth .title p i{ font-size: 12px; color: var(--dark);}
.list_job_b .pagewidth .title h2{ font-size: 36px; font-weight: 500; color: #111;line-height: 1em;}
.list_job_b .pagewidth .content{font-size:24px; color:#333; line-height: 1.6em;}
.list_job_b .pagewidth .content h3{ font-size: 45px; font-weight: 500; color: var(--dark);line-height: 1em; margin-bottom: 20px;}
.list_job_b .pagewidth .content p{ margin-bottom:44px; color: #656565; font-size: 24px; line-height: 1.6em;}
.list_job_b .pagewidth .content .button a{background: var(--dark); color: #fff; font-size: 16px; transition-duration: 0.2s; display: inline-block; padding: 15px 0px; width: 40%; text-align: center; border-radius: 40px; }


/*联系我们*/

.list_message{}
.list_message .pagewidth{display: grid;grid-template-columns: 3fr 9fr;grid-gap:36px;}
.list_message .pagewidth .title h2{ display: flex; justify-content: left; align-items: center; grid-gap: 5px; margin-bottom: 20px;}
.list_message .pagewidth .title h2{ font-size: 30px; color: #111;text-transform: uppercase;}
.list_message .pagewidth .title h2 i{ font-size: 12px; color:#111;}
.list_message .pagewidth .title p{ font-size: 20px;; color: #111;line-height: 1.8em; padding-left:17px;}


.list_message .three{display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 36px; margin-bottom: 16px;}
.list_message .layui-form-label{color: #333;font-size: 15px; display: block!important; float: none!important; text-align: left!important; padding-left: 0!important}
.list_message .layui-input-block{ margin-left:0!important; }
.list_message .contact{ padding-top: 120px;}
.list_message .contact ul li{border-bottom: #ececec solid 1px; padding-bottom: 20px; margin-bottom: 20px;}
.list_message .contact ul li p{ font-size:16px; color:#999; margin-bottom:10px; }
.list_message .contact ul li h4{ font-size:20px; color:#111;}
.list_message .one{display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 36px; margin-bottom: 16px;}
.list_message .layui-textarea{border-radius: 35px; height: 200px; padding: 20px; border-color: #dddddd; line-height: 1.6em;}
.list_message .layui-bt-box{ padding-top: 0px;}
.list_message .layui-btn-lg{background: var(--dark)!important; border-radius: 40px; color: #fff; padding-top: 22px!important; padding-bottom: 22px!important; height: auto!important; line-height: 1em!important; width: 480px;}
.list_message .layui-input{border-radius: 50px; padding-left: 20px; border-color: #dddddd; height: 70px; line-height: 70px;}
.list_message .layui-input-affix{ line-height: 70px;right: 10px;}






@media screen and (max-width: 1920px) {
    .index_banner .swiper-slide .info{ position: absolute; top: 50%; left: 30px; width:var(--width); transform: translateY(-45%); z-index: 2; padding-right: 30px; }
    .index_business .pagewidth .map{ left: auto;  right: 0;}

}
@media screen and (max-width: 1600px) {
    .index_service .info{ padding-top: 0px;}
    .index_service .info .title h2{ font-size: 56px;}
    .index_service .pagewidth{display: grid; grid-template-columns: 4fr 8fr; grid-gap: 72px; }
    .index_service .pagewidth .img{ width: 100%; overflow:hidden}
    .index_service .pagewidth .img img{ height: 100%; width: 100%; object-fit: cover}
    .index_service .info .title p{ display: flex; justify-content: left; align-items: center; grid-gap: 5px; margin-bottom: 20px;}
    .index_service .info .title p{ font-size: 14px; color: var(--dark);text-transform: uppercase;}
    .index_service .info .title p i{ font-size: 12px; color: var(--dark);}

    .index_business .title p{margin-bottom: 20px;}

    .index_service .info .content{ grid-gap:24px 36px; padding-top:40px; }
    .index_service .info .content .item h3{ font-size: 36px; font-weight: 500; color: #111;line-height: 1em;}
    .index_service .info .content .item h3 a{ color: #111;}
    .index_service .info .content .item h3 a:hover{ color: var(--dark); }
    .index_service .info .content .item p{ font-size: 18px;color: #333;line-height: 1.6em;}
    .index_business .title h2{ font-size: 56px;}
    .index_case .title h2{ font-size: 56px;}
    .index_news .title h2{ font-size: 56px;}

    .index_business .pagewidth .map{ top: -50px;}
    .index_business .pagewidth .map svg{filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.04))!important; width: 900px; height: 800px; }
    .index_business .pagewidth .map #ChinaMap{ width: 900px!important; height: 800px!important;}
    .index_business .data .number h4{ font-size: 60px;}
    .channel_service .content .item .popup p{ font-size: 20px; padding-left: 40px; padding-right: 40px;}
    .channel_service .content .item .popup h2{ font-size: 36px; margin-bottom: 20px; padding-left: 40px; padding-right: 40px; margin-bottom: 15px;}
    .channel_service .content .item .img{ aspect-ratio: 16/12}
    .channel_service .content .item .popup .desc{ font-size: 16px; padding-left: 40px; padding-right: 40px;}
    .channel_service .content .item .popup .more{ left: 40px; right: 40px; bottom: 40px;}
    .list_service .content .article-list .item h2{ font-size: 24px;}

    .list_service .content .article-list .item{ box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1); transition-duration: 0.3s; background: #fff; padding: 30px;}
    .list_service .content .article-list .item .top{ display: flex; justify-content: space-between; }
    .list_service .content .article-list .item:hover{ box-shadow: 0 0px 40px rgba(0, 0, 0, 0.1);}

    .list_case .article-list .item h2{font-size: 32px;}
    .list_about_b .pagewidth .left .subtitle{ padding-right: 20%}
    .list_about_b .pagewidth .left .content ul li{ font-size: 18px;}
    .list_about_b .pagewidth .center .content ul li{ font-size: 18px;}
    .list_about_b .pagewidth .right .content ul li{ font-size: 18px;}
    .detailbanner .pagewidth{ }
    .detailbanner .pagewidth .text h1{ font-size: 66px; color: #fff;font-weight:bold; margin-bottom: 25px; line-height: 1em;}
    .detailbanner .pagewidth .text .desc{ font-size:24px; color: #fff; line-height: 1.6em; width:50%;}
    .detailbanner.drak .text h1{ color: #111;}
    .detailbanner.drak .text .desc{ color: #111;}
    .show_case .title{ font-size: 56px;}
    .show_case .photo .big{ height: 666px;}
    .show_case .photo .list .img{ height: 316px;}
    .show_case .content .html{font-size: 20px;}
    .list_job_a .article-list .item .box h3{ font-size: 40px; padding-top: 40px;}
    .index_form .title h2{ font-size: 32px;}
    .list_news .article-list .item h2 a{font-size: 24px;}
    .list_news .article-list .item p{font-size: 16px;}

    /*我们的优势*/
    .show_advantages .pagewidth .content .subtitle{ font-size: 36px;  }
    .show_advantages .pagewidth .content .html p{font-size:16px;}
    .show_advantages .pagewidth .content .html .list{ display: grid; padding-top: 40px;grid-template-columns: repeat(1, 1fr);grid-gap:36px; padding-bottom: 40px;}

    .show_advantages .pagewidth .content .html .list .item{padding: 30px;grid-template-columns: repeat(1, 1fr);grid-gap:36px;}
    .show_advantages .pagewidth .content .html .list .item i{ font-size:32px; }
    .show_advantages .pagewidth .content .html .list .item h3{ font-size: 24px;}
    .show_advantages .pagewidth .content .html .list.three{grid-template-columns: repeat(3, 1fr);grid-gap:36px;}
    .show_advantages .pagewidth .content .html .list.threefull{ display: grid;grid-template-columns: repeat(3, 1fr);grid-gap:36px;}
    .show_advantages .pagewidth .content .html .list.threefull .item:last-child{ grid-column: 1 / -1; /* 让最后一个盒子占据整行 */}
    .list_study .article-list .item h2{font-size:32px; }



}
@media screen and (max-width: 1440px) {
    .detailbanner .pagewidth .text h1{ font-size: 60px;}
    .index_banner .swiper-slide .info h1{font-size: 72px;}
    .index_banner .swiper-slide .info .desc{ font-size: 20px;}
    .index_service .info .title h2{font-size: 48px;}
    .index_service .info .content{ padding-top: 30px;}
    .index_service .pagewidth{ grid-gap: 60px;}
    .index_business .title h2{font-size: 48px;}
    .index_business .title .desc{ font-size: 16px;}
    .index_business .data .number h4{font-size: 56px;}
    .index_business .advantage ul{grid-gap: 10px;}
    .index_case .title h2{font-size: 48px;}

    .index_form .title h2{ font-size: 32px;}
    .channel_service .content .item .info h2{ font-size: 40px;}
    .channel_service .content .item .img{aspect-ratio:16/14}
    .list_about_a .pagewidth .content{font-size: 20px;}
    .list_about_a .pagewidth .content p{ margin-bottom: 32px;}
    .list_about_b .pagewidth .subtitle{ font-size: 32px; height: 120px;}
    .list_about_b .pagewidth .center .content ul li{ height: 48px; line-height: 48px;}
    .other_case .content .item h2{font-size: 32px;}
    .index_service .pagewidth .img{}
    .show_news .side .item h3{font-size: 18px;}
    .list_news .article-list .item:first-child .info{ left: 40px; right: 40px; bottom: 40px;}
    .list_news .article-list .item .img{aspect-ratio:16/12}
    .list_message .layui-input{border-radius: 50px; padding-left: 20px; border-color: #dddddd; height: 60px; line-height: 60px;}
    .list_message .layui-input-affix{ line-height: 60px;right: 10px;}
    .detailbanner .pagewidth{}
    .show_news .content .title{font-size:48px;}
    .list_message .pagewidth .title p{font-size: 18px;}
    .list_service .content .article-list .item .top h2{font-size: 24px;}
    .list_service .content .article-list .item{ padding: 24px;}
    .list_about_a .pagewidth .title h2{ font-size: 32px;}
    .list_about_b .pagewidth .title h2{ font-size: 32px;}
    .index_news .title h2{ font-size: 48px;}
    .index_news .content .list .item h2{ font-size: 24px;display: -webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient: vertical; overflow: hidden;}
    .index_news .content .topnews .item .info h2{ font-size: 24px;display: -webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient: vertical; overflow: hidden;}
    .index_news .content .topnews .item .img{ height: 240px;}
    .index_news .content .list .item p{ font-size: 16px;}
    .index_news .content .topnews .item .info p{ font-size: 16px;}
    .index_news .more{ padding-top: 40px;}
    .list_commonweal .article-list .item  h2{font-size:24px;}
    .list_study .article-list .item h2{font-size:24px;}
    .list_study .article-list .item p{ font-size: 16px;}



}

@media screen and (max-width: 1280px) {
    .index_service .pagewidth .img{}
    .index_business .data{ padding-top: 50px; padding-bottom: 50px;}
    .index_business .data p{font-size: 16px;}
    .index_business .advantage ul{grid-gap: 8px;}
    .index_business .advantage ul li p{font-size: 14px;}
    .index_business .data .number h4{font-size: 48px;}
    .index_banner .swiper-slide .info h1{font-size: 60px;}
    .list_news .article-list .item .info{ padding-top: 20px;}
    .index_business .pagewidth .map svg{filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.04))!important; width: 800px; height: 700px; }
    .index_business .pagewidth .map #ChinaMap{ width: 800px!important; height: 700px!important;}
    .index_service .pagewidth{ grid-gap: 40px;}

    .index_service .info .content .item h3{font-size: 32px;}
    .index_form .title h2{font-size: 28px;}
    .channel_service .title{ font-size: 48px;}
    .index_service .info .content{ grid-gap: 18px 24px}
    .channel_service .content .item .info h2{ font-size: 36px;}
    .channel_service .content .item .popup h2{display: none}
    .channel_service .content .item .popup p{ padding-top: 40px;}
    .list_service_2 .content .article-list .item .bottom ul li{font-size: 16px;}
    .list_case .article-list .item h2{font-size: 24px;}
    .list_case .article-list .item p{font-size: 16px;}
    .show_case .title{ font-size: 48px;}
    .list_message .pagewidth{ grid-gap: 24px;}
    .index_service .info .content .item p{font-size: 16px;}
    .show_case .content .html{font-size: 18px;}
    .other_case .title{ font-size: 32px;}
    .other_case .content .item h2{font-size: 24px;}
    .channel_service .content{ grid-gap:48px 24px;}
    .list_client .article-list{ grid-gap: 24px;}
    .list_about_a .pagewidth .content{font-size: 18px;}
    .list_about_a .pagewidth .content p{ margin-bottom:24px;}
    .list_service .title{ grid-gap: 24px;}
    .show_advantages .pagewidth{ grid-gap: 24px;}
    .list_service .content .article-list{ grid-gap: 24px;}
    .list_service .content .article-list .item .top h2{font-size: 24px;}
    .list_service .content .article-list .item .top p{font-size:14px;}
    .list_service .title .desc p{font-size: 16px;}
    .show_case .content .info ul li span{font-size: 16px;}
    .show_case .content .info ul li strong{font-size: 16px;}
    .list_case .article-list{ grid-gap:48px 24px;}
    .show_case .photo{grid-gap: 24px;}
    .show_case .content{grid-gap: 24px;}
    .other_case .content{ grid-gap:48px 24px;}
    .index_form .layui-form .top{ grid-gap:18px 24px;}
    .list_about_a .pagewidth{}
    .list_about_b .pagewidth .left .content ul li{font-size: 16px;}
    .list_about_b .pagewidth .center .content ul li{font-size: 16px;}
    .list_about_b .pagewidth .right .content ul li{font-size: 16px;}
    .list_about_b .pagewidth .subtitle{ font-size: 20px;}
    .list_about_b .pagewidth .left .subtitle{ padding-right: 16%;}
    .list_about_b .pagewidth .center{ padding-left: 48px; padding-right: 48px;}
    .list_about_b .pagewidth .right{padding-left: 48px; }
    .detailbanner_commonweal .pagewidth .text{ padding-left: 75%}
    .detailbanner_commonweal .pagewidth .text img{ height: 160px;}
    .detailbanner_commonweal .pagewidth .text .content{font-size: 18px; padding-left: 80px;}
    .detailbanner_commonweal .pagewidth .text .content ul{grid-gap: 36px;}
    .list_job_a .article-list{grid-gap: 24px;}
    .list_job_a .article-list .item .box h3{font-size:32px;}
    .list_job_a .article-list .item .box p { font-size: 16px;}
    .list_job_b .pagewidth .content h3{font-size:36px;}
    .list_job_b .pagewidth .content p{font-size:18px;}
    .detailpadding{ padding-top: 72px; padding-bottom: 100px;}
    .list_news .article-list{ grid-gap:48px 24px;}
    .show_news .content{ padding-right: 48px;}
    .show_news .content .title{font-size:48px;}
    .show_news .pagewidth{grid-gap: 24px;}
    .list_message .three{grid-gap: 24px;}
    .list_commonweal .article-list{grid-gap: 24px;}
    .list_job_b .pagewidth{grid-gap: 24px;}
    /*我们的优势*/
    .show_advantages .pagewidth .content .subtitle{ font-size: 36px;  }
    .show_advantages .pagewidth .content .html p{font-size:16px;}
    .show_advantages .pagewidth .content .html .list{ display: grid; padding-top: 24px;grid-template-columns: repeat(1, 1fr);grid-gap:24px; padding-bottom: 24px;}

    .show_advantages .pagewidth .content .html .list .item{padding: 24px;grid-template-columns: repeat(1, 1fr);grid-gap:24px;}
    .show_advantages .pagewidth .content .html .list .item i{ font-size:32px; }
    .show_advantages .pagewidth .content .html .list .item h3{ font-size: 24px;}
    .show_advantages .pagewidth .content .html .list.three{grid-template-columns: repeat(3, 1fr);grid-gap:24px;}
    .show_advantages .pagewidth .content .html .list.two{grid-template-columns: repeat(2, 1fr);grid-gap:24px;}
    .show_advantages .pagewidth .content .html .list.threefull{ display: grid;grid-template-columns: repeat(3, 1fr);grid-gap:24px;}
    .show_advantages .pagewidth .content .html .list.threefull .item:last-child{ grid-column: 1 / -1; /* 让最后一个盒子占据整行 */}
    .detailbanner .pagewidth{}
    .detailbanner_commonweal .pagewidth .text .content ul{grid-gap: 24px;}
    .show_news .content{ width: calc(100% - 300px)}
    .show_news .side{ width: 260px;}
    .category .pagewidth{grid-gap: 24px;}
    .show_case .photo .list{grid-gap: 24px;}

    .list_life_info .info{  grid-gap: 24px;}
    .list_life_info .info .content{font-size:18px;}
    .list_life_info .info .content p{font-size:18px; margin-bottom: 24px;}
    .list_life_info .imglist{ grid-gap: 24px; }
    .list_commonweal .article-list .item{ grid-gap: 24px;}
    .index_news .content{ grid-gap: 24px;}
    .list_commonweal .article-list .item p{ font-size: 16px;}
    .list_commonweal .article-list .item h2 a{font-size:24px;}
    .list_study .article-list .item{grid-gap:24px;}
    .index_news .content .topnews .item .info p{ font-size: 14px;}

}

@media screen and (max-width:1024px) {
    .detailbanner .pagewidth{ }
    .detailbanner .pagewidth .text h1{ font-size: 48px;}
    .detailbanner .pagewidth .text .desc{ font-size: 18px;}
    .index_banner .swiper-slide .info h1{font-size: 60px;}
    .index_banner .swiper-slide .info .more a{ font-size: 14px;}
    .index_service{ padding-top: 72px; padding-bottom: 72px;}
    .index_service .info .title h2{font-size: 40px;}
    .index_service .info .content .item h3{ font-size: 24px;}
    .index_business .data p{ font-size: 14px;}
    .index_business .data .number h4{font-size: 40px;}
    .index_business .title h2{font-size: 40px;}
    .index_business .title .desc{ font-size: 14px;}
    .index_service .info .content .item p{ font-size: 14px;}
    .index_business .data{ padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px;}
    .index_business .advantage ul li i{font-size: 40px;}
    .index_business .pagewidth .map svg{ width: 600px;height: 500px;}
    .index_business .pagewidth .map #ChinaMap{ width: 600px!important;height: 500px!important;}
    .index_business .pagewidth .map{ top: 0;}
    .index_case .title h2{font-size: 40px;}
    .index_case .content .item p{ font-size: 14px;}
    .index_case .content .item h2{ font-size: 24px;}
    .index_case .more a{ font-size: 14px;}
    .show_advantages .pagewidth{ grid-template-columns: 3fr 9fr}
    .show_advantages .pagewidth .content .html .list.three{ grid-template-columns: repeat(2, 1fr)}
    .show_advantages .pagewidth .content .html .list.threefull{ display: grid;grid-template-columns: repeat(2, 1fr); }
    .show_advantages .pagewidth .content .html .list.threefull .item:last-child{ grid-column: 1 / -1; /* 让最后一个盒子占据整行 */}

    .list_about_b .pagewidth .left .content ul li{ font-size: 14px; padding-left: 14px;}
    .list_about_b .pagewidth .right .content ul li{ font-size: 14px; padding-left: 14px;}
    .list_about_b .pagewidth .center{ padding-left: 32px; padding-right: 32px;}
    .list_about_b .pagewidth .right{ padding-left: 32px;}
    .list_about_b .pagewidth .center .content ul li{ font-size: 14px;}
    .list_about_b .pagewidth .left .content ul li:after{ width: 4px; height: 4px;}
    .list_about_b .pagewidth .center .content ul li:after{ width: 4px; height: 4px;}
    .list_about_b .pagewidth .right .content ul li:after{ width: 4px; height: 4px;}
    .padding{padding-top: 50px; padding-bottom:50px;}
    .index_form .title h2{ font-size: 24px;}
    .index_form{padding-top: 50px; padding-bottom:50px;}
    .index_form .layui-form .layui-btn{ font-size: 14px;}
    .index_form .layui-form{ padding-top: 40px;}
    .detailbanner_commonweal .pagewidth .text img{height: 120px;}
    .detailbanner_commonweal .pagewidth .text .content{ font-size: 16px; padding-left: 60px; padding-top: 40px;}
    .detailbanner_commonweal .pagewidth .text .content ul li h3{ font-size: 14px;}
    .detailbanner_commonweal .pagewidth .text .content ul li .icon i{ font-size: 24px;}
    .detailbanner_commonweal .pagewidth .text .content ul li .icon{ height: 80px;width: 80px;}
    .detailbanner_commonweal .pagewidth .text .content ul li{width: 80px}
    .detailbanner_commonweal .pagewidth .text .content p{ margin-bottom: 20px;}
    .list_commonweal .title h2{ font-size: 32px;}
    .list_commonweal .article-list .item .time{ font-size: 14px;}
    .list_commonweal .article-list .item h2{font-size:20px;}
    .list_commonweal .article-list .item p{font-size:16px;}
    .show_news .content .title{ font-size: 36px;}
    .show_news{ padding-top: 60px;}
    .show_news .side h2{font-size: 24px;}
    .show_news .side .item{grid-template-columns: 100px auto;}
    .show_news .side .item .img{ height: 80px;}
    .show_news .side .item p{ font-size: 14px;}
    .show_news .side .item h3{ font-size: 16px;}
    .list_job_a .article-list .item .box{ padding: 24px;}
    .list_job_a .article-list .item .box h3{ font-size: 24px; padding-top: 24px;}
    .list_job_a .article-list .item .box p{ font-size: 14px;}
    .list_job_a .article-list .item .box h3{padding-bottom: 12px;}
    .list_job_a .pagewidth .title h2{ font-size: 32px;}
    .list_job_b .pagewidth .title h2{ font-size: 32px;}
    .list_job_b .pagewidth .content h3{ font-size: 32px;}
    .list_job_b .pagewidth .content p{font-size: 16px;}
    .list_job_b .pagewidth .content .button a{ font-size: 14px;}
    .channel_service .title{ font-size: 36px; margin-bottom: 60px;}
    .channel_service .content .item .info h2{ font-size: 32px; margin-bottom: 20px;}
    .channel_service .content .item .info p{font-size: 16px;}
    .channel_service .content .item .popup p{padding-top: 30px; padding-left: 30px; padding-right: 30px; font-size: 18px; margin-bottom: 10px;}
    .channel_service .content .item .popup .desc{ padding-left: 30px; padding-right: 30px; font-size: 14px;}
    .channel_service .content .item .popup .more{ left: 30px; right: 30px; bottom: 30px;}
    .channel_service .content .item .popup .more a{ height: 44px; line-height: 44px;font-size: 14px;}
    .list_service .title{grid-template-columns: 3fr 9fr;}
    .list_service .title .desc p{ font-size: 14px;}
    .list_service .title{ margin-bottom: 60px;}
    .list_service .content .article-list .item .top h2{ font-size: 18px;}
    .list_service .content .article-list .item .top p{ font-size: 12px; line-height: 1.2em;}
    .list_service .content .article-list .item .top img{ width: 28px;}
    .category .pagewidth .screen .tabs ul li i{display: none}
    .category{ padding-top: 70px;}
    .list_case .article-list{ grid-template-columns: repeat(3, 1fr)}
    .list_case .article-list .item .info{ padding-top: 20px;}
    .list_case .article-list .item h2{ margin-bottom: 12px;}
    .show_case .photo .big{ height: 466px;}
    .show_case .photo .list .img{ height: 220px;}
    .other_case .content .item h2{ font-size: 20px;}
    .other_case .content .item p{font-size: 16px;}
    .other_case .content .item .info{ padding-top: 20px;}
    .other_case .content .item h2{ margin-bottom: 12px;}
    .show_case .title{ font-size: 36px;}
    .list_news .article-list .item:first-child .info{ left: 30px; right: 30px; bottom: 30px;}
    .list_news .article-list .item h2 a{ font-size: 18px;}
    .list_news .article-list .item h2{ margin-bottom: 12px;}
    .list_news .article-list .item .time{ font-size: 14px; margin-bottom: 10px;}
    .list_news .article-list .item p{ font-size: 14px;}
    .category .pagewidth .screen .tabs ul li a{ font-size: 14px;}
    .list_message .layui-input{ height: 50px; line-height:50px;}
    .list_message .layui-textarea{border-radius: 20px;}
    .list_message .layui-btn-lg{ padding-top: 15px!important; padding-bottom: 15px!important; font-size: 14px!important;}
    .list_message .pagewidth .title p{ font-size: 16px;}
    .index_case .title p{ margin-bottom: 20px;}
    .index_business{ padding-bottom: 72px;}
    .index_news .more a{height: 48px; line-height: 48px; font-size: 14px; }
    .list_about_a .pagewidth .title{margin-bottom: 20px;}
    .list_study .article-list .item p{ font-size: 14px;}
    .list_study .article-list .item h2{ font-size: 18px;}
}

@media screen and (max-width: 768px) {
    .index_banner .swiper-slide .info h1{ font-size: 48px;}
    .index_banner .swiper-slide .info .desc{ font-size: 18px;}
    .index_service .info .title h2{ font-size: 32px;}
    .index_business .title h2{ font-size: 32px;}
    .index_case .title h2{ font-size: 32px;}
    .index_business .pagewidth .info{ width: 100%;}
    .index_case .title{ margin-bottom: 50px;}
    .index_case .content .item h2{font-size: 20px;}
    .index_case .content .item .info{ padding-top: 20px;}
    .index_case .content .item h2{ margin-bottom: 12px;}

    .index_case{ padding-bottom: 72px;}
    .index_news{ padding-bottom: 72px;}

    .list_about_b .pagewidth{ grid-template-columns: repeat(1, 1fr); margin: 0 auto;}
    .list_about_b .pagewidth .title h2{ margin-bottom: 30px;}
    .list_about_b .pagewidth .left .subtitle{ padding-right:0px; height:auto; margin-bottom: 30px;}
    .list_about_b .pagewidth .center .subtitle{ padding-right:0px; height:auto; margin-bottom: 30px;}
    .list_about_b .pagewidth .left{ padding-left: 24px; padding-right: 24px;}
    .list_about_b .pagewidth .center .content ul{grid-template-columns: repeat(4, 1fr);}
    .list_about_b .pagewidth .subtitle{ height:auto; margin-bottom: 30px;}
    .list_about_b .pagewidth .left .content ul{display: grid; grid-template-columns: repeat(2, 1fr);}
    .list_about_b .pagewidth .right .content ul{display: grid; grid-template-columns: repeat(2, 1fr);}
    .list_about_b .pagewidth .left .content ul li{ font-size: 16px;}
    .list_about_b .pagewidth .center .content ul li{ font-size: 16px;}
    .list_about_b .pagewidth .right .content ul li{ font-size: 16px;}
    .detailbanner .pagewidth .text .desc{ width: 100%;}
    .list_about_b .pagewidth .center{ padding-left: 24px; padding-right: 24px;}
    .list_about_b .pagewidth .right{ padding-left: 24px; padding-right: 24px;}
    .list_commonweal .article-list{grid-template-columns: repeat(3, 1fr); grid-gap:40px 24px}
    .list_service .title{ grid-template-columns:4fr 8fr; }
    .list_service .title .desc h3{ font-size: 20px; margin-bottom: 12px;}
    .list_service .content .article-list{grid-template-columns: repeat(3, 1fr); }
    .list_job_a .article-list{grid-template-columns: repeat(3, 1fr); }
    .list_job_a .article-list .item:nth-child(2n){ margin-top: 0;}
    .category .pagewidth{ grid-template-columns: repeat(1, 1fr); grid-gap:24px}
    .category .pagewidth .layui-form .layui-input-box i{ width: 48px; height: 48px; line-height: 48px;}
    .list_case .article-list{grid-template-columns: repeat(2, 1fr);}

    .show_case .photo{ grid-template-columns: repeat(1, 1fr); }
    .show_case .photo .list{ grid-template-columns: repeat(2, 1fr); }
    .show_case .content{padding-top: 40px;}
    .show_case .content{ grid-template-columns: repeat(1, 1fr); }
    .show_case .content .html{ font-size: 16px;}
    .show_case .content .html p{ margin-bottom: 24px;}
    .other_case .title{ font-size: 24px;}
    .other_case .content{ grid-template-columns: repeat(2, 1fr); }
    .list_client .article-list{ grid-template-columns: repeat(5, 1fr); }
    .list_news .article-list{ grid-template-columns: repeat(3, 1fr); }
    .show_news .pagewidth{ display: block}
    .show_news .content{ width: 100%;}
    .show_news .side{ width: 100%; padding-bottom: 50px;}
    .show_news .content .time{ border-bottom: #ddd solid 1px;}
    .list_message .layui-btn-lg{ width: 100%;}
    .index_news .title .layui-tab-title{ grid-gap: 32px;}
    .index_news .title{ display: block}
    .index_news .title p{ margin-bottom: 20px;}
    .index_news .title h2{ font-size: 32px; margin-bottom: 24px;}
    .index_news .title .layui-tab-title li{ font-size: 18px;}
    .index_news .title .layui-tab-title{ grid-gap: 32px; justify-content: left}
    .index_news .content{ display: block}
    .index_news .content .topnews{ padding-top:0px;border-top: none}
    .layui-tab-content{ padding: 0!important;}
    .index_news .content .list{ display: block;}
    .index_news .content .list .item{ border-top: none; padding-top: 20px; padding-bottom:20px;}
    .index_news .more{ width: 100%;}
    .index_form .layui-form .top{ display: flex; width: 100%; grid-gap: 12px; flex-wrap: wrap}
    .index_form .layui-form .top .item{ width: 100%;}
    .index_form .layui-form { padding-top: 24px;}
    .index_news .content .list .item h2{font-size: 20px;}
    .list_study .content{ grid-template-columns: repeat(1, 1fr);  grid-gap: 24px;}
    .list_study .article-list .item{ grid-template-columns: repeat(1, 1fr);}
    .show_news .content .html{ font-size: 15px;}
    .index_news .content .topnews{ margin-bottom: 12px;}
    .index_news .content .topnews .item .info h2{ font-size:20px; }
    .index_news .content .topnews .item .time{ font-size: 14px;}
    .index_news .content .topnews .item .time{ margin-bottom: 10px;}
    .index_news .content .topnews .item .info h2{ margin-bottom: 10px;}
    .index_news .content .list .item .time{ font-size: 14px; margin-bottom: 10px;}
    .index_news .content .list .item p{ font-size: 14px;}
    .index_news .content .list .item h2{ margin-bottom: 10px;}
}
@media screen and (max-width: 480px) {
    .index_banner .swiper-slide .info h1 br{ display: none;}
    .index_banner .swiper-slide .info h1{ font-size: 40px;}
    .index_service .pagewidth{ grid-template-columns: repeat(1, 1fr); }
    .index_service .pagewidth .img{ height:360px;}
    .index_business .data{ grid-template-columns: repeat(2, 1fr);grid-gap:18px}
    .index_business .data .number h4{ font-size: 32px;}
    .index_business .advantage ul{ grid-template-columns:repeat(3, 1fr); grid-gap:12px 24px }
    .index_case .more{ width: 100%;}


    .list_about_a .pagewidth{ grid-template-columns: repeat(1, 1fr); }
    .list_about_a .pagewidth .content{ padding-top: 10px;}
    .list_about_b .pagewidth .left .content ul{ grid-template-columns: repeat(1, 1fr); }
    .list_about_b .pagewidth .center .content ul{ grid-template-columns: repeat(2, 1fr); }
    .list_about_b .pagewidth .right .content ul{ grid-template-columns: repeat(1, 1fr); }
    .detailbanner_commonweal .pagewidth .text{ padding-left:0px; left: 0px; right:0px;}
    .detailbanner_commonweal .pagewidth .text .content{ padding-left: 0;}
    .detailbanner_commonweal .pagewidth .text img{ height: 90px;}
    .detailbanner_commonweal .pagewidth .text .content ul li .icon{ height: 66px; width: 100%;}
    .detailbanner_commonweal:after{ background: linear-gradient(180deg, rgba(255,255,255,0) , rgba(255,255,255,1)); top: auto; width: 100%}
    .list_commonweal .article-list{ grid-template-columns: repeat(1, 1fr); }
    .show_news .content .title{ font-size: 32px;}
    .list_job_a .article-list{ grid-template-columns: repeat(1, 1fr); }
    .list_job_a .article-list .item{aspect-ratio:9/7}
    .list_job_b .pagewidth{ grid-template-columns: repeat(1, 1fr); }
    .list_job_b .pagewidth .content h3{ line-height: 1.2em;}
    .list_job_b .pagewidth .content .button a{ width:100%}
    .detailpadding{ padding-bottom: 72px;}
    .list_service .title{ grid-template-columns: repeat(1, 1fr); }
    .list_service .content .article-list{ grid-template-columns: repeat(1, 1fr); }
    .list_service .content .article-list .item .top h2{ font-size: 24px;}
    .list_service .content .article-list .item .top p{ font-size: 14px;}
    .show_advantages .pagewidth{ grid-template-columns: repeat(1, 1fr); }
    .show_advantages .pagewidth .content .html .list.three{ grid-template-columns: repeat(1, 1fr); }
    .show_advantages .pagewidth .content .html .list.two{ grid-template-columns: repeat(1, 1fr); }
    .show_advantages .pagewidth .content .html .list.threefull{ display: grid;grid-template-columns: repeat(1, 1fr); }
    .show_advantages .pagewidth .content .html .list.threefull .item:last-child{ grid-column: 1 / -1; /* 让最后一个盒子占据整行 */}
    .category .pagewidth .screen .tabs ul{flex-wrap: wrap; display: grid; grid-template-columns: repeat(2, 1fr); }
    .category .pagewidth .screen .tabs ul li{ text-align: center}
    .list_case .article-list{grid-template-columns: repeat(1, 1fr); }
    .category{ padding-top: 40px;}
    .show_case .photo .big{ height: auto}
    .show_case .photo .list .img{ height: auto}
    .show_case .photo .list{grid-template-columns: repeat(1, 1fr); }
    .show_case .content .info ul li span{ font-size: 14px;}
    .show_case .content .info ul li strong{ font-size: 14px;}
    .other_case .content{grid-template-columns: repeat(1, 1fr); }
    .list_client .article-list{ grid-template-columns: repeat(2, 1fr); }
    .list_news .article-list{ display:flex; flex-wrap: wrap}
    .list_news .article-list .item:first-child .img{ position:initial}
    .list_news .article-list .item:first-child .info{ left: 24px; right: 24px; bottom: 24px;}
    .list_message .pagewidth{grid-template-columns: repeat(1, 1fr); }
    .list_message .pagewidth .title p br{display: none; }
    .list_message .pagewidth .title p{padding-left: 0;}
    .list_message .pagewidth .title h2{ margin-bottom: 12px;}
    .list_message .three{grid-template-columns: repeat(1, 1fr); grid-gap:0px; margin-bottom: 0; }
    .list_message .one{ margin-bottom: 0;}

    .list_life_info .info{ display: grid;grid-template-columns: repeat(1,1fr);  grid-gap: 24px;}
    .list_life_info .info .content{font-size:18px;}
    .list_life_info .info .content p{font-size:18px; margin-bottom: 24px;}
    .list_life_info .imglist{ display: grid;grid-template-columns: repeat(1,1fr);  grid-gap: 24px; }
    .list_life_info .imglist p{ margin-bottom: 0;}
    .list_commonweal .content{ padding-top: 0px; display: grid; grid-template-columns:repeat(1,1fr); grid-gap: 32px; }
    .list_commonweal .content .list .item{ padding-top: 0px; display: grid; grid-template-columns:repeat(1,1fr);  }
}

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

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