.padding{ padding-top:120px; padding-bottom:120px; }
.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_banner {position: relative;width: 100%; }
.index_banner:after{content: "";position: absolute;top: 0;width: 100%;height: 200px; left: 0px; right: 0px; background: linear-gradient(0deg, rgba(0,0,0,0), rgba(0,0,0,0.7)); z-index: 2; }
.index_banner .swiper{height: 100vh;}
.index_banner .swiper-slide{ position: relative;width: 100%;overflow:hidden; }
.index_banner .swiper-slide .bg-video{ position: absolute; top: 0; left: 0; bottom:0;right: 0; width: 100%; height: 100%; object-fit: cover;}
.index_banner .swiper-slide img.bg{width: 100%; height: 100%; object-fit: cover; animation: breathe 10s ease-in-out;}
.index_banner .swiper-slide .info{  position:absolute;left: 50%; top:42%;  transition-duration: 0.3s; z-index: 33; transform: translate(-50%, -50%); transition-delay:0.5s; }
.index_banner .swiper-slide .info img{ height:120px; margin: 0 auto; display: block;}
.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;}
@keyframes breathe{
    0%   { transform: scale(1.05);   }   /* 原始大小 */
    100% { transform: scale(1); }   /* 缩小到 60% */
}
.index_banner .swiper-button-box{  display: flex; justify-content: right; align-items: center; grid-gap: 20px; width: var(--width); left: 50%; transform: translateX(-50%);  position: absolute; bottom:44px; z-index: 14;}
.index_banner .swiper-button-box .swiper-button-next{ transition-duration: 0.2s; position:initial;background: #fff; color: var(--main); border-radius: 50%; height:48px; width: 48px; font-size: 24px;}
.index_banner .swiper-button-box .swiper-button-prev{ transition-duration: 0.2s; position:initial;background: #fff; color: var(--main); border-radius: 50%; height:48px; width: 48px; font-size: 24px;}
.index_banner .swiper-button-box .swiper-button-next:after{display: none!important;}
.index_banner .swiper-button-box .swiper-button-prev:after{display: none!important;}
.index_banner .swiper-pagination {color: #fff; text-align: left; width: var(--width); left: 50%; transform: translateX(-50%);}
/*.index_banner .swiper-slide .info h1{color: #fff; font-size:45px; font-weight: bold; line-height:1.2em; margin-bottom:20px; }*/
/*.index_banner .swiper-slide .info h3{color: #fff; line-height:1.4em;  font-weight: normal;margin-bottom:60px;  font-size:22px;}*/
/*.index_banner .swiper-slide .info .button{display: flex; justify-content: left; align-items: center;}*/
/*.index_banner .swiper-slide .info .button a{ color:#fff;transition-duration: 0.3s;  padding-left: 30px; padding-right: 15px; display: inline-block; padding-top: 3px; padding-bottom: 3px;  border-radius:2px; border:#fff solid 2px; line-height:1em; }*/
/*.index_banner .swiper-slide .info .button span{ color:#fff; }*/
/*.index_banner .swiper-slide .info .button i{color: #fff; font-size: 18px;display:inline-block;width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50px; transition-duration: 0.2s}*/
/*.index_banner .swiper-slide .info .button a:hover i{  margin-left:10px;   }*/
/*.index_banner .swiper-slide .info .button a:hover{background: var(--main); border:var(--main) solid 2px; }*/

.index_banner .swiper-pagination{ bottom:40px!important;font-size: 16px;}
.index_banner .swiper-pagination .swiper-pagination-bullet {border-radius: 0; height:2px; width:60px; transition-duration: 0.2s; background:rgba(255, 255, 255, 0.7); opacity:1; }
.index_banner .swiper-pagination .swiper-pagination-bullet-active{background: var(--main);}
.index_banner .swiper-pagination .swiper-pagination-current{font-size: 24px;}

.index_news{overflow: hidden; height: 570px;}
.index_news .pagewidth{ position: relative; }
/*tab*/
.index_news .layui-tabs-side-box{margin: 0 auto; width: 220px; position: absolute; left: 0px; }
.index_news .layui-tabs-side-box .title{ margin-bottom:100px;}
.index_news .layui-tabs-side-box .title p{ font-size: 30px; text-transform: uppercase; color:var(--main); line-height: 1; margin-bottom: 20px;}
.index_news .layui-tabs-side-box .title h3{ font-size: 45px; text-transform: uppercase; color:#000; line-height: 1; }
.index_news .layui-tabs-side-box .more a{ display: block; background: var(--main); color: #fff; display: flex; justify-content: space-between; align-items: center;  padding:15px 20px;  padding-left: 30px; border-radius: 50px;}
.index_news .layui-tabs{ width: var(--width);  }
.index_news .layui-tabs-header{ display: block;margin-bottom: 120px;}
.index_news .layui-tabs-header li{ display: block; cursor: pointer; color: #333; margin-bottom: 15px;  display: flex; justify-content: left; align-items: center}
.index_news .layui-tabs-header li.layui-this{color: var(--main); display: block; font-weight: 700;}
.index_news .layui-tabs-header li i{ display: none; font-weight: normal}
.index_news .layui-tabs-header li.layui-this i{ display:inline-table}
.index_news .layui-tabs-header{ width: 340px;}
.index_news .layui-tabs-body{display: block; width: 130%; position:absolute; left: 340px; z-index: 9; padding: 0;}
.index_news .layui-tabs-body .swiper-slide{ width: 520px;}
.index_news .layui-tabs-body .swiper-slide .item{ background: #f6f6f6;border-radius: 6px; overflow: hidden;}
.index_news .layui-tabs-body .swiper-slide .img{ width: 100%; height: 320px; overflow: hidden;}
.index_news .layui-tabs-body .swiper-slide .info{  padding: 30px; height: 190px; }
.index_news .layui-tabs-body .swiper-slide .info .time{font-size: 16px; margin-bottom: 15px; color: #666;}
.index_news .layui-tabs-body .swiper-slide .info h3{ font-size: 24px; line-height: 1.4em; margin-bottom: 20px;display: -webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient: vertical; overflow: hidden;}
.index_news .layui-tabs-body .swiper-slide .info h3 a{ color:#111; line-height: 1.4em;}
.index_news .layui-tabs-body .swiper-slide .info p{ color: #666;display: -webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient: vertical; overflow: hidden;}
.index_news .layui-tabs-body .swiper-slide .img img{ width: 100%; height: 100%; object-fit: cover; transition-duration: 0.3s;}
.index_news .layui-tabs-body .swiper-slide:hover img{ width: 100%; height: 100%; transform: scale(1.1); object-fit: cover}
.index_news .layui-tabs-body .swiper-slide:hover .info h3 a{ color:var(--main);}

.index_product{background: url("../images/bg13.png") no-repeat center center #f6f6f6; background-size: cover}
.index_product .product_header{display: flex; justify-content: space-between; align-items: center; grid-gap: 32px; margin-bottom:50px;}
.index_product .product_header .title{}
.index_product .product_header .title p{ font-size: 30px; text-transform: uppercase; color:var(--main); line-height: 1; margin-bottom: 20px;}
.index_product .product_header .title h3{ font-size: 45px; text-transform: uppercase; color:#111; line-height: 1; }
.index_product .product_header .layui-tabs-header{display: flex; justify-content: space-between; align-items:center; grid-gap: 10px; padding-top: 50px; }
.index_product .product_header .layui-tabs-header li{ font-size: 16px; color: #333;background:rgba(155,19,26,0); cursor:pointer; padding: 6px 15px;  border-radius: 50px;}
.index_product .product_header .layui-tabs-header li.layui-this{background: var(--main); color: #fff;}
.index_product .product_header .search{padding-top: 50px;  width: 240px;}
.index_product .product_header .search .layui-form-item{ margin-bottom: 0;}
.index_product .product_header .search .layui-input{ border-radius: 40px; height: 48px; padding-left: 45px;font-size: 16px;}
.index_product .product_header .search .layui-input-prefix{ top: 9px; left: 10px; color: #999;}
.index_product .product_content .swiper{ padding-bottom: 60px;}
.index_product .product_content .swiper-slide .item{ background:#fff; padding-top: 30px; padding-bottom: 30px; border-radius: 6px;}
.index_product .product_content .swiper-slide .img{ width: 220px; height: 220px; margin: 0 auto; display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}
.index_product .product_content .swiper-slide .img img{ height:220px; width: 220px; object-fit:contain; }
.index_product .product_content .swiper-slide .info{ text-align: center}
.index_product .product_content .swiper-slide .info h3{ font-size: 16px; color: #111; font-weight: normal}
.index_product .product_content .swiper-slide .info p{ font-size: 14px; color: #999;}
.index_product .product_content .swiper-scrollbar{ height: 32px;background: none!important; }
.index_product .product_content .swiper-scrollbar:after{ content: ""; position: absolute;left: 0px; right: 0px; top: 12px; height: 4px;background: #dddddd; border-radius: 3px;}
.index_product .product_content .swiper-scrollbar .swiper-scrollbar-drag{ position:relative;background: var(--main); height: 4px; top: 12px; z-index: 3; border-radius:3px;}
.index_product .product_content .swiper-scrollbar .swiper-scrollbar-drag:after{font-family: 'remixicon' !important; color: #fff; text-align: center; line-height: 32px; content: "\f322"; position:absolute; top:-14px; left:50%; transform: translateX(-50%); width:32px; height:32px; background:var(--main); border-radius: 32px; }
.index_product .more{ padding-top: 40px;}
.index_product .more a{width: 220px;background: var(--main); color: #fff; display: flex; justify-content: space-between; align-items: center;  padding:15px 20px; padding-left: 30px; border-radius: 50px; margin: 0 auto;}


.index_about{background: url("../images/indexbg1.jpg") no-repeat center center var(--main); background-size: cover; overflow: hidden;}
.index_about .pagewidth{ position: relative}
.index_about .info {position: absolute; left: 0px; width: calc(50% - 50px); z-index: 3; padding-right: 50px;}
.index_about .info .title{}
.index_about .info .title p{ font-size: 30px; text-transform: uppercase; color:#fff; line-height: 1; margin-bottom: 20px;}
.index_about .info .title h3{ font-size: 45px; text-transform: uppercase; color:#fff; line-height: 1; }
.index_about .info .content{ padding-top: 50px;}
.index_about .info .content h2{ display:flex; justify-content: space-between; align-items: center;   color: #fff; margin-bottom: 20px;}
.index_about .info .content h2 img{ height: 40px;}
.index_about .info .content p{ color: #fff; line-height: 1.8em;}
.index_about .info .data{ margin-bottom: 40px;}
.index_about .info .data ul{ padding-top: 40px; display: flex; justify-content: space-between; align-items: center;}
.index_about .info .data ul li h3{ font-size: 48px; line-height: 1em;  color: #fff; margin-bottom: 10px;}
.index_about .info .data ul li p{  color: #fff; }
.index_about .more{ padding-top: 30px;}
.index_about .more a{width: 180px;background:#fff; color: #111; display: flex; justify-content: space-between; align-items: center;  padding:15px 20px; padding-left: 30px; border-radius: 50px;}
.index_about .photo{ margin-left: calc(var(--width)/2 + 50px); width: 100%}
.index_about .photo .swiper-slide{ width: 700px;}
.index_about .photo .swiper-slide img{ width: 100%;}
.index_about .swiper-button-next{ transition-duration: 0.2s; position: absolute; right: auto; left: 50%; background: #fff; color: var(--main); border-radius: 50%; height:48px; width: 48px; font-size: 24px;}
.index_about .swiper-button-prev{ transition-duration: 0.2s; position:absolute;background: #fff; color: var(--main); border-radius: 50%; height:48px; width: 48px; font-size: 24px;}
.index_about .swiper-button-next:after{display: none!important;}
.index_about .swiper-button-prev:after{display: none!important;}

.index_advantages .title{ text-align: center}
.index_advantages .title p{ font-size: 30px; text-transform: uppercase; color:var(--main); line-height: 1; margin-bottom: 20px;}
.index_advantages .title h3{ font-size: 45px; text-transform: uppercase; color:#111; line-height: 1; }
.index_advantages .content{ padding-top: 50px; display: flex; justify-content: space-between; align-items: center;  grid-gap: 32px;}
.index_advantages .content .item{}
.index_advantages .content .item .img{ border-radius: 6px 6px 0 0; height: 240px; overflow: hidden;}
.index_advantages .content .item .img img{ width: 100%; height: 100%; object-fit: cover; transition-duration: 0.3s;}
.index_advantages .content .item:hover .img img{ width: 100%; height: 100%; transform: scale(1.1); object-fit: cover}
.index_advantages .content .item .info h3{ font-size: 24px; line-height: 1.4em; margin-bottom: 10px;display: -webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient: vertical; overflow: hidden;}
.index_advantages .content .item .info p{ color: #666;display: -webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient: vertical; overflow: hidden;}
.index_advantages .content .item .info .more{ padding-top: 10px;}
.index_advantages .content .item .info .more a{ color: #d4a887; font-size: 24px;}
.index_advantages .content .item .info{ background: #f6f6f6; padding: 30px;border-radius: 0px 0px 6px 6px; }
.index_advantages .content .item:hover .info h3{ color: var(--main); }

.detailbanner{overflow: hidden; position: relative; background:#000; }
.detailbanner .pagewidth{position: relative; height: 600px;}
.detailbanner .text{  text-align: center; position: absolute; left: 0px; right: 0px; top: 65%; transform: translateY(-50%); z-index: 2; }
.detailbanner .text h1{ font-size: 60px; margin-bottom: 20px; color: #fff; font-weight: 700;  text-align: left;  line-height: 1em; z-index: 2; text-shadow:0px 0px 10px rgba(0,0,0,0.1); }
.detailbanner .text h2{ font-size:28px; margin-bottom: 20px; color: #fff; font-weight:normal;  text-align: left;  line-height: 1em; text-transform: uppercase; z-index: 2; text-shadow:0px 0px 10px rgba(0,0,0,0.1); }
.detailbanner img.detailbg{  width: 100%; height: 100%; object-fit: cover; position: absolute; opacity: 0.8; left: 0;right: 0px; top: 0px; bottom: 0px;}

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



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

.list_company{}
.list_company .content{ text-align: center; padding-left: 200px; padding-right: 200px;}
.list_company .content h3{ font-size: 36px; color: #111; margin-bottom: 20px;}
.list_company .content p{ line-height:1.8em; margin-bottom: 24px;color: #333; }
.list_company .data{padding-left: 200px; padding-right: 200px;}
.list_company .data ul{ padding-top: 40px; display: flex; justify-content: space-between; align-items: center;}
.list_company .data ul li h3{ font-size: 60px; line-height: 1em;  color: var(--main); margin-bottom: 10px;}
.list_company .data ul li p{  color: #333; }


.list_filiale{background: #f6f6f6;}
.list_filiale .title{ font-size: 36px; color: var(--main); font-weight: 700; text-align: center; padding-bottom: 20px; margin-bottom: 40px;  position: relative}
.list_filiale .title:after{ position: absolute; left: 50%;content: ""; width: 60px; bottom: 0; transform: translateX(-50%); height: 2px; background: var(--main); }
.list_filiale .article-list{ display: grid;grid-template-columns: repeat(5,1fr); grid-gap: 32px;}
.list_filiale .article-list .item{background: #fff; border-radius: 6px; overflow: hidden;  }
.list_filiale .article-list .item .img{height: 220px; overflow: hidden;}
.list_filiale .article-list .item .img img{ width: 100%; height: 100%; object-fit: cover; transition-duration: 0.3s;}
.list_filiale .article-list .item:hover .img img{ width: 100%; height: 100%; transform: scale(1.1); object-fit: cover}
.list_filiale .article-list .item .info{ text-align: center}
.list_filiale .article-list .item .info h3{ font-size: 18px; line-height: 1.4em; margin-bottom: 10px;display: -webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient: vertical; overflow: hidden;}
.list_filiale .article-list .item .info p{ color: #666;display: -webkit-box; font-size: 14px;  -webkit-line-clamp:2;  -webkit-box-orient: vertical; overflow: hidden;}

.list_filiale .article-list .item .info .more{ padding-top: 10px;}
.list_filiale .article-list .item .info .more a{ color: #d4a887; font-size: 24px;}
.list_filiale .article-list .item .info{ padding: 30px; }
.list_filiale .article-list .item:hover .info h3{ color: var(--main); }





.list_history .article-list{ position: relative;}
.list_history .article-list:after{ position:absolute; content:""; left: 50%; width: 1px; z-index: 1; transform: translateX(-50%); height: 100%; top: 0px; bottom: 0px; background: #ddd}
.list_history .article-list .item{ padding-right: calc(50% + 30px); text-align: right; position: relative; margin-bottom: 30px;}
.list_history .article-list .item h3{ font-size: 36px; color: #666666; position: relative}
.list_history .article-list .item h3:after{content: ""; right:-37px; top: 20px; background: #fff; z-index: 4; width:11px; height: 11px; border-radius: 11px; border:#cccccc solid 2px; position:absolute;}
.list_history .article-list .item p{ font-size: 18px; color: #666666; padding-left: 45%;}
.list_history .article-list .item:nth-child(2n){ padding-left:calc(50% + 30px); text-align: left; padding-right: 0;}
.list_history .article-list .item .img{ position: absolute; left: 0px; top:0px; width: 300px; border-radius: 2px; overflow: hidden; opacity: 0; transition-duration: 0.3s; }
.list_history .article-list .item:hover .img{ opacity: 1;}
.list_history .article-list .item .img img{ width: 100%;}
.list_history .article-list .item:nth-child(2n) .img{ position: absolute; left: auto; right: 0px; top:0px; width: 300px;}
.list_history .article-list .item:nth-child(2n) p{ padding-left: 0; padding-right: 45%;}
.list_history .article-list .item:hover h3{ color: var(--main); }
.list_history .article-list .item:nth-child(2n) h3:after{right: auto; left:-38px;}



.list_honor .article-list{ display: grid;grid-template-columns: repeat(4,1fr); grid-gap: 32px;}
.list_honor .article-list .item{  padding: 30px;border: #eee solid 1px;box-shadow: 0px 4px 10px rgba(0,0,0,0.05); position: relative; background: #fff;}
.list_honor .article-list .item .img{ width: 260px; height: 260px; margin: 0 auto; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}
.list_honor .article-list .item .img img{ height:260px; width: 260px; object-fit:contain; transition-duration: 0.3s; }
.list_honor .article-list .item:hover .img img{ transform: scale(1.1); }
.list_honor .article-list .item h3{ font-weight: normal; font-size: 16px; color: #666666; position: relative; text-align: center}


.list_culture{ overflow: hidden;}
.list_culture .item{ display:grid; grid-template-columns:4fr 8fr; grid-gap: 32px; align-items: center ; margin-bottom: 80px;}
.list_culture .item .info h3{ font-size: 24px; position: relative; padding-bottom: 30px; font-weight: normal; margin-bottom: 30px; z-index: 2; padding-top: 60px;}
.list_culture .item .info h3:after{ position: absolute; left: 0;content: ""; width: 40px; bottom: 0;height: 2px; background: var(--main); }
.list_culture .item .info p{ font-size: 45px; font-weight: 700; color: var(--main); line-height: 1.2em; position: relative; z-index: 2; }
.list_culture .item .img img{ width: 100%;}
.list_culture .item .info .en{ position: relative; text-transform: uppercase; text-align: center; transform: rotate(90deg); font-weight: 700; left: 220px; top: -110px; font-size: 90px; color: #f7f7f7;}
.list_culture .item:nth-child(2n){ display:grid; grid-template-columns:8fr 4fr; grid-gap: 32px; align-items: center}
.list_culture .item:nth-child(2n) .img{ order: 1;}
.list_culture .item:nth-child(2n) .info{ order: 2;}


.list_originator .item{ padding-left: 200px; padding-right: 200px;}
.list_originator .item .top{ display:grid; grid-template-columns: 3fr 6fr; grid-gap: 100px; margin-bottom: 50px;}
.list_originator .item .top .img { border-radius: 6px; overflow: hidden; }
.list_originator .item .top .img img{ width: 100%;}
.list_originator .item .top .info{ padding-top: 50px;}
.list_originator .item .top .info h3{ font-weight: 700; font-size: 36px; color: var(--main); margin-bottom: 20px; }
.list_originator .item .top .info .dec{ line-height: 2em; margin-bottom: 30px;}
.list_originator .item .top .info .video a{cursor: pointer; color: #fff; padding: 10px 20px; background: var(--main); display: inline-block; border-radius: 30px;}
.list_originator .item .top .info .qianming{ text-align: right}
.list_originator .item .top .info .qianming img{ display: inline-table; height: 40px;}
.list_originator .item .bottom{line-height: 2em;}
.list_originator .item .bottom h3{ font-size: 24px; margin-bottom: 10px; color: var(--main); }


.list_publicbenefit .article-list{ display: grid;grid-template-columns: repeat(4,1fr); grid-gap: 32px;}
.list_publicbenefit .article-list .item{ overflow: hidden; margin-bottom: 20px;}
.list_publicbenefit .article-list .item .img{ width: 100%; height: 260px;aspect-ratio: 16/9; overflow: hidden; margin-bottom: 20px;border: #eee solid 1px;box-shadow: 0px 4px 10px rgba(0,0,0,0.05);}
.list_publicbenefit .article-list .item .img img{ height:100%; width: 100%; object-fit:cover; transition-duration: 0.3s; }
.list_publicbenefit .article-list .item:hover .img img{ transform: scale(1.1); }
.list_publicbenefit .article-list .item h3{ font-weight: normal; font-size: 18px; color: #666666; position: relative; text-align: center}





.channel_product .pagewidth .content{ display: grid;grid-template-columns: repeat(3,1fr); grid-gap: 32px; }
.channel_product .pagewidth .content .item{border: #eee solid 1px;box-shadow: 0px 4px 10px rgba(0,0,0,0.05); height: 520px; overflow: hidden; position: relative}
.channel_product .pagewidth .content .item .img{ width: 100%; height: 300px;}
.channel_product .pagewidth .content .item .img img{ height:100%; width: 100%; object-fit:cover; transition-duration: 0.3s; }
.channel_product .pagewidth .content .item .info{ padding: 40px; background:rgba(255,255,255,1);-webkit-backdrop-filter:blur(15px); backdrop-filter: blur(15px); position: absolute; left: 0px; right: 0px; top: 300px; transition-duration: 0.3s;}
.channel_product .pagewidth .content .item .info h3{ font-size: 36px; line-height: 1em; font-weight: 700; position: relative; padding-bottom: 35px; margin-bottom: 25px; }
.channel_product .pagewidth .content .item .info h3:after{ position: absolute; left: 0;content: ""; width: 40px; bottom: 0;height: 2px; background: var(--main); }
.channel_product .pagewidth .content .item .info h3 a{  color:#111; line-height: 1em;  }
.channel_product .pagewidth .content .item:hover .info h3 a{  color:var(--main); }
.channel_product .pagewidth .content .item .info p{ margin-bottom: 20px; font-size: 16px; color: #666; line-height: 1.8em;display: -webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient: vertical; overflow: hidden;}
.channel_product .pagewidth .content .item .info .more{ opacity: 0; transition-duration: 0.2s; width: 60% }
.channel_product .pagewidth .content .item:hover .info{ top: 200px;background:rgba(255,255,255,0.8); }
.channel_product .pagewidth .content .item:hover .info .more{ opacity: 1;}
.channel_product .pagewidth .content .item .info .more a{ display: block; background: var(--main); color: #fff; display: flex; justify-content: space-between; align-items: center;  padding:15px 20px;  padding-left: 30px; border-radius: 50px;}








.list_product .pagewidth{ display: grid;grid-template-columns:2fr 10fr; grid-gap: 32px;align-items: flex-start;}
.list_product .pagewidth .side { border: #eee solid 1px;box-shadow: 0px 4px 10px rgba(0,0,0,0.05); }
.list_product .pagewidth .side ul{ padding-top: 20px; padding-bottom: 20px;}
.list_product .pagewidth .side ul li a{ color:#111; display: block; text-align: center; height: 60px; line-height: 60px;}
.list_product .pagewidth .side ul li a.active{ background:var(--main); color: #fff; }
.list_product .pagewidth .side ul li a:hover{ background:#f9f9f9; color: var(--main); }
.list_product .pagewidth .content .article-list{ display: grid;grid-template-columns:repeat(5,1fr); grid-gap: 32px; }
.list_product .pagewidth .content .article-list .item{border: #eee solid 1px;box-shadow: 0px 4px 10px rgba(0,0,0,0.05); padding: 20px; background: #fff;}
.list_product .pagewidth .content .article-list .img{ width: 100%; height: 280px; margin-bottom: 20px;}
.list_product .pagewidth .content .article-list .img img{ width: 100%; height: 100%; object-fit:contain; transition-duration: 0.3s; }
.list_product .pagewidth .content .article-list .info h3 a{  color:#111; line-height: 1em;  }
.list_product .pagewidth .content .article-list .info{ text-align: center}
.list_product .pagewidth .content .article-list .info{ text-align: center}
.list_product .pagewidth .content .article-list .info h3{ font-size: 18px; color: #111; font-weight: normal}
.list_product .pagewidth .content .article-list .info p{ font-size: 16px; color: #999;}




.show_product .title{font-size: 36px; font-weight: 500; margin-bottom: 30px;height: 72px; line-height: 72px; border-bottom: #ddd solid 1px;}
.show_product .show_product_info{display: grid; grid-template-columns: 760px auto; grid-gap: 30px; margin-bottom: 30px;}
.show_product .show_product_info .photo{width: 100%;}
.show_product .show_product_info .photo .mySwiper2{ margin-bottom:10px; border: #ddd solid 1px;}
.show_product .show_product_info .photo .mySwiper2 .swiper-slide{width: 100%;height: 500px; display: flex; align-items: center;}
.show_product .show_product_info .photo .mySwiper2 .swiper-slide img{width: 100%; height: 100%; object-fit: contain;}
.show_product .show_product_info .photo .mySwiper .swiper-slide {} 
.show_product .show_product_info .photo .mySwiper .swiper-slide .img{ border:#ddd solid 2px; height: 90px; opacity: 0.5;transition-duration: 0.3s}
.show_product .show_product_info .photo .mySwiper .swiper-slide .img img{width: 100%; height: 100%; object-fit: cover;}
.show_product .show_product_info .photo .mySwiper .swiper-slide-thumb-active .img{ border:var(--main) solid 2px; padding:0px; opacity:1; }
.show_product .show_product_info .photo .mySwiper2 .swiper-button-prev{background:var(--main); color: #fff; width:48px; height: 48px; border-radius: 30px;}
.show_product .show_product_info .photo .mySwiper2 .swiper-button-prev:after{}
.show_product .show_product_info .photo .mySwiper2 .swiper-button-next{background:var(--main); color: #fff; width:48px; height: 48px; border-radius: 30px;}
.show_product .show_product_info .photo .mySwiper2 .swiper-button-next:after{}
.show_product .show_product_info .photo .swiper-pagination{background:rgba(0, 0, 0, 0.7);bottom: 15px!important; color: #fff;font-size: 14px; left: auto; right: auto; border-radius: 40px; width: auto; margin: 0 auto; padding-left: 10px; padding-right: 10px; left: 50%; transform: translateX(-50%);}
.show_product .show_product_info .info .subtitle{ font-size:36px;font-weight:500; margin-bottom:10px; }
.show_product .show_product_info .info .cat{ margin-bottom:30px; }
.show_product .show_product_info .info .contact a{ height:48px; line-height:48px; padding-left:40px; padding-right:40px; }
.show_product .show_product_content .show_product_content_title{ padding:5px 40px ;background:var(--main); color:#fff; font-weight:500; font-size:18px; display:inline-block; }
.show_product .show_product_content .html{ line-height:1.8em; border: #ddd solid 1px; padding: 30px;}

.show_product_relevant .title{font-size: 36px; font-weight: 500; margin-bottom: 30px;height: 72px; line-height: 72px; border-bottom: #ddd solid 1px;}
.show_product_relevant .content{display:grid;grid-template-columns: repeat(4, 1fr); grid-gap: 30px;}
.show_product_relevant .content .item{overflow: hidden;background: #fff; padding:15px;border:#ddd solid 1px;}
.show_product_relevant .content .item .img{ height:260px; width:100%; overflow:hidden; }
.show_product_relevant .content .item .img img{transition-duration: 0.3s; object-fit: cover; height: 100%; width: 100%; object-fit: cover;}
.show_product_relevant .content .item:hover .img img{transform: scale(1.1);}
.show_product_relevant .content .item:hover .info{color: #fff;}
.show_product_relevant .content .item .info{text-align: center;   color: #333; padding-top: 15px;}
.show_product_relevant .content .item .info a{ color:#333; }
.show_product_relevant .content .item .info a:hover{color:var(--main);}



.channel_service_a{ padding-bottom: 0px;}
.channel_service_a .pagewidth{display:grid;grid-template-columns:5fr 6fr;grid-gap: 72px; }
.channel_service_a .pagewidth .info .title{ position: relative; margin-bottom: 30px;}
.channel_service_a .pagewidth .info .title p{ font-weight: 700; font-size: 60px; color:#eeeeee; text-transform: uppercase ; position: absolute;}
.channel_service_a .pagewidth .info .title h3{ font-weight: 700; font-size:45px; color:#111; text-transform: uppercase; z-index: 3; position: relative}
.channel_service_a .pagewidth .info .content p{ margin-bottom: 20px; line-height: 1.8em;}
.channel_service_a .pagewidth .info .content h3{ margin-bottom: 20px; line-height: 1.8em; font-size: 24px;color: var(--main)  }
.channel_service_a .pagewidth .photo img{width: 100%;}




.channel_service_b{background: #f5f5f5; overflow: hidden;}
.channel_service_b .pagewidth{ position: relative }
.channel_service_b .pagewidth .left{ width: 68%; padding-right: 2%; position: absolute}
.channel_service_b .pagewidth .left .swiper{ padding-bottom: 40px;}
.channel_service_b .pagewidth .left .swiper-slide{ width: 200px;}
.channel_service_b .pagewidth .left .swiper-slide img{ width: 100%;}

.channel_service_b .pagewidth .left .title{ position: relative; margin-bottom: 30px;}
.channel_service_b .pagewidth .left .title p{ font-weight: 700; font-size: 60px; color:#eeeeee; text-transform: uppercase ; position: absolute;}
.channel_service_b .pagewidth .left .title h3{ font-weight: 700; font-size:45px; color:#111; text-transform: uppercase; z-index: 3; position: relative}
.channel_service_b .pagewidth .left .swiper-pagination-bullet-active{background: var(--main)}
.channel_service_b .pagewidth .right{margin-left: 70%; width: 1000px;  background:url("../images/yanjiu.jpg") no-repeat ; background-size: cover; padding: 100px;}
.channel_service_b .pagewidth .right .item {display: flex; justify-content: left;align-items: center; margin-bottom: 30px; grid-gap: 20px;}
.channel_service_b .pagewidth .right .item .icon{border-radius: 100px; border:#fff solid 2px; height: 90px; width: 90px; display: flex; justify-content: center; align-items: center;}
.channel_service_b .pagewidth .right .item .icon img{ height: 48px;}
.channel_service_b .pagewidth .right .item .info h3{ font-size: 30px; color: #fff; font-weight: normal; line-height: 1em; margin-bottom: 10px;}
.channel_service_b .pagewidth .right .item .info p{ font-size: 16px; color: #fff;}


.channel_service_c .title{ position: relative; margin-bottom: 30px;}
.channel_service_c .title p{ font-weight: 700; font-size: 60px; color:#eeeeee; text-transform: uppercase ; position: absolute;}
.channel_service_c .title h3{ font-weight: 700; font-size:45px; color:#111; text-transform: uppercase;  z-index: 3; position: relative}
.channel_service_c .content{ padding-bottom: 30px;}
.channel_service_c .content p{ margin-bottom: 20px; line-height: 1.8em;}
.channel_service_c .process{ position: relative}
.channel_service_c .process .subtitle{ font-size: 24px; font-weight: 700; color: var(--main); margin-bottom: 30px; }
.channel_service_c .process .subcontent{ display: grid; grid-template-columns: repeat(9, 1fr); grid-gap: 32px; position: relative; margin-bottom: 50px;}
.channel_service_c .process:after{content:""; position: absolute; background:#dddddd; left: 0; right: 0; width: 100%; height: 1px; top: 196px; }
.channel_service_c .process .item .img{ position: relative; height: 100px; width: 100px; display: block; margin: 0 auto; border-radius: 50%; overflow: hidden; }
.channel_service_c .process .item .img:after{content:""; position: absolute; background:#dddddd; left: 50%; transform: translateX(-50%); width: 1px;height: 30px; bottom: -30px; }
.channel_service_c .process .item .img img{width: 100%;height:  100%; object-fit: cover}
.channel_service_c .process .item .info h3{ padding-top: 40px; text-align: center;font-size: 18px; font-weight: normal}
.channel_service_c .process .item .info p{ padding-top: 10px; text-align: center;font-size: 14px; color: #666; font-weight: normal}

.channel_service_c .process1 .subtitle{ font-size: 24px; font-weight: 700; color: var(--main); margin-bottom: 30px; }
.channel_service_c .process1 .subcontent{ margin-bottom: 50px;}
.channel_service_c .process1 .item img{width: 100%;}


.list_news{}
.list_news .item{}
.list_news .item{ position: relative; display: grid; grid-template-columns: 110px auto 320px; grid-gap: 32px; border:rgba(249,249,249,0) solid 1px;box-shadow: 0px 4px 10px rgba(0,0,0,0.0);  align-items: center;background:rgba(255,255,255,0); transition-duration: 0.3s; border-bottom: #dddddd solid 1px;  }
.list_news .item .time{ width: 110px; text-align: center; height:220px; color: #333333; }
.list_news .item .time .day{ font-size: 60px; font-weight: 700; text-align: center; line-height: 1em; margin-bottom: 10px; padding-top: 55px;}
.list_news .item .time .month{ font-size:16px; font-weight: 700;text-align: center}
.list_news .info h3{ font-size: 24px; font-weight: 700; }
.list_news .info h3 a{ color: #111;}
.list_news .item .img{ margin: 20px;}
.list_news .item .img img{ width: 100%;}
.list_news .item .info h3{ margin-bottom: 10px;}
.list_news .item .description{ font-size: 16px; color: #666; line-height: 1.8em; margin-bottom: 20px;}
.list_news .item .other{ font-size: 16px; color: #666; line-height: 1.8em;}
.list_news .item:hover{background:rgba(255,255,255,1);border:rgba(249,249,249,0.05) solid 1px;box-shadow: 0px 4px 10px rgba(0,0,0,0.05); }
.list_news .item:hover .time{ background:var(--main); color: #fff;}
.list_news .item:hover .info h3 a{ color:var(--main)} 


.show_news{position: relative;overflow: hidden}
.show_news:after{ background: #f9f9f9; content: ""; position: absolute; right: 0; top: 0; left: 50%;transform: translateX(-50%); margin-left:calc( var(--width) - 430px); bottom: 0; width: var(--width);  }
.show_news .pagewidth { display: grid;grid-template-columns: auto 400px; grid-gap: 60px; position: relative; z-index: 3;}
.show_news .title{font-size: 36px; line-height: 1.4em; color: #111;font-weight: 700; text-align: left; margin-bottom: 20px;}
.show_news .info{display: flex; justify-content: left;border-bottom: #ddd solid 1px; margin-bottom: 30px; padding-bottom: 30px;}
.show_news .info span{ color: #999; margin-right:30px; }
.show_news .video { margin-bottom: 24px;}

.show_news .html{ font-size:17px; line-height:1.8em; color:#222; margin-bottom:30px; position:relative;margin-bottom: 30px;}
.show_news .html p{ margin-bottom:17px; }
.show_news .html img{width:100%; height:auto; }
.show_news .other{ border-top:#ddd solid 1px; padding-top:30px;}
.show_news .other p{ margin-bottom:10px; color:#333; width: 48%;}
.show_news .other p a{ color:#333; }
.show_news .other p a:hover{color:var(--main);}
.show_news .other p.left{text-align: left; float: left;}
.show_news .other p.right{text-align: right; float: right;}

.show_news .side h2{ font-size: 24px; font-weight: 700; color: #111; padding-bottom: 30px; margin-bottom: 30px; border-bottom: #dddddd solid 1px;}
.show_news .side .item{ display: grid; grid-template-columns: 120px auto; grid-gap: 24px;}
.show_news .side .item .img{ width: 100%; border-radius: 6px; overflow: hidden; height:90px;}
.show_news .side .item .img img{ width: 100%; height: 100%; object-fit: cover}
.show_news .side .item .con .date{ font-size: 14px; color: #666; line-height: 1.4em; margin-bottom: 10px;}
.show_news .side .item .con .title{ font-size: 18px; color: #111; line-height: 1.6em; font-weight: normal; margin-bottom: 0;}


.channel_talent_a{}
.channel_talent_a .title{ position: relative; margin-bottom: 50px; text-align: center}
.channel_talent_a .title p{ width: 100%;font-weight: 700; font-size: 60px; color:#eeeeee; text-transform: uppercase ; position: absolute; text-align: center}
.channel_talent_a .title h3{ width: 100%; font-weight: 700; font-size:45px; color:#111; text-transform: uppercase; z-index: 3; position: relative; text-align: center}
.channel_talent_a .content{ position: relative}
.channel_talent_a .content .info{ position: absolute; top:50%; width: 400px; padding: 50px; transform:translateY(-50%); right: -30px; z-index:5 ;border: #eee solid 1px;box-shadow: 0px 4px 10px rgba(0,0,0,0.05);  background: #fff;}
.channel_talent_a .content .info .subtitle{ font-size: 32px; font-weight: 700; color: var(--main); margin-bottom: 15px;}
.channel_talent_a .content .info .desc{font-size:16px; line-height:1.8em; color:#555;}
.channel_talent_a .content img{ width: 100%;}



.channel_talent_b{}
.channel_talent_b .title{ position: relative; margin-bottom: 50px; text-align: center}
.channel_talent_b .title p{ width: 100%;font-weight: 700; font-size: 60px; color:#eeeeee; text-transform: uppercase ; position: absolute; text-align: center}
.channel_talent_b .title h3{ width: 100%; font-weight: 700; font-size:45px; color:#111; text-transform: uppercase; z-index: 3; position: relative; text-align: center}
.channel_talent_b .content{ display: grid; grid-template-columns:repeat(4,1fr); grid-gap: 32px;}
.channel_talent_b .content .item{background:#fff;border: #f7f7f7 solid 2px; padding:60px 40px; transition-duration: 0.3s;}
.channel_talent_b .content .item .icon { width: 72px; height: 72px; display: block; margin: 0 auto; margin-bottom: 25px; }
.channel_talent_b .content .item .icon img{width: 72px; transition-duration: 0.3s;}
.channel_talent_b .content .item .icon img.icona{ display: none}
.channel_talent_b .content .item .icon img.iconb{ display: block}
.channel_talent_b .content .item h3{ font-size: 32px; color: #111; margin-bottom: 20px; text-align: center; transition-duration: 0.3s;}
.channel_talent_b .content .item p{  color: #666; text-align: center }
.channel_talent_b .content .item:hover .icon img.icona{ display: block}
.channel_talent_b .content .item:hover .icon img.iconb{ display: none}
.channel_talent_b .content .item:hover h3{ color: var(--main);}
.channel_talent_b .content .item:hover{background:#fff;border: var(--main) solid 2px; padding:60px 40px;}

.channel_talent_c{ padding-bottom: 3px;}
.channel_talent_c .title{ position: relative; margin-bottom: 50px; text-align: center}
.channel_talent_c .title p{ width: 100%;font-weight: 700; font-size: 60px; color:#eeeeee; text-transform: uppercase ; position: absolute; text-align: center}
.channel_talent_c .title h3{ width: 100%; font-weight: 700; font-size:45px; color:#111; text-transform: uppercase; z-index: 3; position: relative; text-align: center}
.channel_talent_c .content{ display: grid; grid-template-columns:repeat(3,1fr);grid-auto-rows: minmax(200px, auto); grid-gap: 3px;}
.channel_talent_c .content .item {margin: 0px; overflow: hidden; position: relative }
.channel_talent_c .content .item:after{content: "";position: absolute;bottom: 0;width: 100%;height: 150px; left: 0px; right: 0px; background: linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0.0)); z-index: 12; }
.channel_talent_c .content .item h3{ position: absolute; left:0px; right: 0px; width: 100%; z-index: 14; color: #fff; bottom: 20px; text-align: center;  font-weight: normal}
.channel_talent_c .content .item img{ width: 100%; height: 100%; object-fit: cover; transition-duration: 0.3s;}
.channel_talent_c .content .item:hover img{ transform: scale(1.1);}
.channel_talent_c .content .item:nth-child(3) {grid-column-start: 2;grid-column-end: 3;grid-row-start: 1;grid-row-end: 3;}

.list_job{}
.list_job .item{ display: grid; grid-template-columns: 250px auto 60px; align-items: center; background: #fff;position: relative; margin-bottom: 20px; border: #fff solid 1px;box-shadow: 0px 4px 10px rgba(0,0,0,0.0); transition-duration: 0.3s;}
.list_job .item .title{ font-size: 24px; font-weight: 700; padding: 30px;}
.list_job .item .info{ display: grid;  grid-template-columns: repeat(5, 1fr); font-size: 16px; color: #666; }
.list_job .item:hover{border: #eee solid 1px;box-shadow: 0px 4px 10px rgba(0,0,0,0.05);}
.list_job .item .icon a{ border-left: #eee solid 1px; display: block; width: 100%; height: 160px; transition-duration: 0.3s; line-height: 160px; text-align: center; align-items: center ;}
.list_job .item .icon a:hover{ border-left: var(--main) solid 1px;background: var(--main); color: #fff;}

.show_job .title{font-size: 36px; font-weight: 700; color: #111; margin-bottom: 25px;}
.show_job .info ul{ display: grid;  grid-template-columns: repeat(5, 1fr); font-size: 16px; color: #666; padding-bottom:25px; border-bottom: #eee solid 1px; }
.show_job .subtitle{ font-size: 20px; font-weight: 700; color: var(--main); padding-top: 25px;}
.show_job .html{ padding-top: 25px; line-height: 1.8em; }




.page_contact{}
.page_contact .pagewidth{display: grid;grid-template-columns: 4fr 8fr; grid-gap: 32px; align-items: center}
.page_contact .title{ position: relative; margin-bottom: 50px; text-align: center}
.page_contact .title p{ width: 100%;font-weight: 700; font-size: 60px; color:#eeeeee; text-transform: uppercase ; position: absolute; text-align: left}
.page_contact .title h3{ width: 100%; font-weight: 700; font-size:45px; color:#111; text-transform: uppercase; z-index: 3; position: relative; text-align: left}
.page_contact .content h1{ font-size:24px; margin-bottom:20px; }
.page_contact .content .item{ margin-bottom:20px; border-bottom: #ececec solid 1px; padding-bottom: 20px; }
.page_contact .content .item { display: flex; grid-gap: 10px; justify-content: left; align-items: center; }
.page_contact #container{ height: 500px;}








.list_message{}
.list_message .title{ position: relative; margin-bottom: 50px; text-align: center}
.list_message .title p{ width: 100%;font-weight: 700; font-size: 60px; color:#eeeeee; text-transform: uppercase ; position: absolute; text-align: left}
.list_message .title h3{ width: 100%; font-weight: 700; font-size:45px; color:#111; text-transform: uppercase; z-index: 3; position: relative; text-align: left}
.list_message .three{display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px;}
.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{ height: 54px;}
.list_message .layui-textarea{ height:200px;}

.list_message .layui-input-block{ margin-left:0!important; }
.list_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; width: 300px; border-radius: 40px;}





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

}

@media screen and (max-width: 1600px) {
    .channel_service_b .pagewidth .left{ width: 63%; padding-right: 2%; position: absolute}
    .channel_service_b .pagewidth .right{margin-left: 65%; width: 1000px;  background:url("../images/yanjiu.jpg") no-repeat ; background-size: cover; padding: 70px;}
    .channel_service_c .process .subcontent{grid-gap: 50px;}
    .channel_service_c .process .item .info h3{font-size: 16px;}
    .list_product .pagewidth .content .article-list{ display: grid;grid-template-columns:repeat(4,1fr); grid-gap: 32px; }

}
@media screen and (max-width: 1440px) {
    .padding{ padding-top: 100px; padding-bottom: 100px;}
    .index_product .product_header .layui-tabs-header li{ padding: 6px 12px;}
    .index_advantages .content .item .img{ height: 220px;}
    .index_product .product_content .swiper-slide .item{ padding-top: 15px; padding-bottom: 15px;}
    .index_product .product_content .swiper-slide .img{ width: 100%; height: auto;}
    .index_product .product_content .swiper-slide .img img{ width: 80%; height: auto;}
    .index_product .product_header{ grid-gap: 24px;}
    .index_news .layui-tabs-side-box .title p{ font-size: 18px;}
    .index_news .layui-tabs-side-box .title h3{ font-size: 36px;}

    .index_product .product_header .title p{ font-size: 18px;}
    .index_product .product_header .title h3{ font-size: 36px;}
    .index_product .product_header .search{ width: 160px;}
    .index_product .product_header .search .layui-input{padding-right: 20px; font-size: 14px; }
    .index_product .product_header .layui-tabs-header li{ font-size: 14px;}
    .index_product .product_header .search .layui-input-prefix{ top: 13px;}
    .index_about .info .data ul li h3{ font-size: 40px;}
    .list_filiale .article-list{ grid-gap: 24px;}
    .list_filiale .article-list .item .img{ height: 180px;}
    .list_filiale .article-list .item .info{ padding: 24px;}
    .list_honor .article-list .item .img{ width: 220px; height: 220px; }
    .list_honor .article-list .item .img img{ height:220px; width: 220px;}
    .list_culture .item .info .en{ left: 190px;top: -140px;}
    .list_publicbenefit .article-list .item .img{ height: 220px;}
}


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

    .index_banner .swiper-slide-video{ display: none}
    .index_banner .swiper{ height:400px;}
    .index_banner .swiper-button-box{ width: auto;}
    .index_news{ height: auto;}
    .index_news .layui-tabs-side-box{ position: initial; width: auto;}
    .index_news .layui-tabs-body{ position: initial;}
    .index_news .layui-tabs-side-box .title{ margin-bottom: 32px;}
    .index_news .layui-tabs-side-box .title p{ font-size: 16px; margin-bottom: 10px;}
    .index_news .layui-tabs-side-box .title h3{ font-size: 24px;}
    .index_news .layui-tabs-header{ width: auto; display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 24px; margin-bottom: 12px; }
    .index_news .layui-tabs-header li.layui-this i{ display: none}
    .index_news .layui-tabs-side-box .more {display: none}
    .index_news .layui-tabs-body .swiper-slide{ width:240px;}
    .index_news .layui-tabs-body .swiper-slide .img{ height: 180px;}
    .index_news .layui-tabs-body .swiper-slide .info{ padding: 12px; height: auto;}
    .index_news .layui-tabs-body .swiper-slide .info .time{ font-size: 12px; margin-bottom: 10px;}
    .index_news .layui-tabs-body .swiper-slide .info h3{ font-size: 16px; margin-bottom: 10px;}



    .index_product .product_header .title p{ font-size: 16px; margin-bottom: 10px;}
    .index_product .product_header .title h3{ font-size: 24px;}
    .index_product .product_header{ display: block}
    .index_product .product_header .layui-tabs-bar{ display: none!important;}
    .index_product .product_header .layui-tabs-scroll{ padding-left: 0px; padding-right: 0px;}
    .index_product .product_header .layui-tabs-header{ flex-wrap: wrap}
    .index_product .product_header .layui-tabs-header{ justify-content: left}
    .index_product .product_header .layui-tabs-header{ padding-top: 24px;}
    .index_product .product_header .layui-tabs-header li{ font-size: 14px;}
    .index_product .product_header .search{ display: none}
    .index_product .product_content .swiper-slide .img{ width: auto; height: auto; margin-bottom: 0;}
    .index_product .product_content .swiper-slide .img img{ width: 100%;height: auto;}
    .index_product .product_content .swiper-slide .item { padding-top: 4px; padding-bottom: 4px;}
    .index_product .product_content .swiper-slide .item .info{ padding-bottom: 10px;}
    .index_product .product_header{ margin-bottom: 0;}
    .index_product .more{ padding-top:0;}
    .index_about .info{ position: initial; width: auto; padding-right: 0; margin-bottom: 32px;}
    .index_about .info .title p{ font-size: 16px; margin-bottom: 10px;}
    .index_about .info .title h3{ font-size: 24px;}
    .index_about .info .content{ padding-top: 24px;}
    .index_about .info .content h2 img{ display: none}
    .index_about .info .data ul{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 24px;}
    .index_about .info .data ul li h3{ font-size:32px;}
    .index_about .more{ padding-top:0;}
    .index_about .more a{width: auto;}
    .index_product .more a{width: auto;}
    .index_about .photo{ margin-left: 0; border-radius: 12px; overflow: hidden;}
    .index_about .photo .swiper-slide{ width: 100%;}

    .index_advantages .title p{ font-size: 16px; margin-bottom: 10px;}
    .index_advantages .title h3{ font-size: 24px;}
    .index_advantages .content{ display: block}
    .index_advantages .content .item{ margin-bottom: 24px;}
    .index_advantages .content .item .info{ padding: 20px;}
    .index_advantages .content .item .info h3{ font-size: 18px;}



    .detailbanner .pagewidth{ height: 240px;}
    .detailbanner .text{ left: 20px;}
    .detailbanner .text h1{ font-size: 32px;}
    .detailbanner .text h2{ font-size: 14px;}
    .detailmenu .crumbs{ display: none}
    .detailmenu ul{ grid-gap:8px;}
    .detailbanner .text{ top: auto; bottom: 20px; transform:translateY(0%)}
    .detailbanner .text h1{ margin-bottom: 10px;}
    .list_company .content{ padding-left: 0; padding-right: 0;}
    .list_company .content h3{ font-size: 24px;}
    .list_company .data{ padding-left: 0; padding-right: 0;}
    .list_company .data ul li h3{ font-size:32px;}
    .list_company .data ul{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 24px;}
    .list_company .data ul{ padding-top: 0;}
    .list_filiale .title{ font-size: 24px;}
    .list_filiale .article-list{ display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 24px;}
    .list_history .article-list .item .img{ display: none}
    .list_history .article-list .item h3{ font-size: 24px;}
    .list_history .article-list .item p{ padding-left: 0;}
    .list_history .article-list .item p{ font-size: 14px;}
    .list_history .article-list .item:nth-child(2n) p{ padding-right:0; font-size: 14px;}
    .list_history .article-list .item{ margin-bottom: 12px;}
    .list_honor .article-list{ display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 24px;}

    .list_culture .item .info h3{ padding-top: 0; padding-bottom: 0;}
    .list_culture .item{ display: block}
    .list_culture .item:nth-child(2n){ display: block}
    .list_culture .item .info h3{ font-size: 16px; padding-bottom: 14px; margin-bottom: 14px;}
    .list_culture .item .info p{ font-size: 24px;}
    .list_culture .item .info .en{ display: none}
    .list_culture .item .info{ margin-bottom: 24px;}

    .list_originator .item{ padding-left: 0; padding-right: 0;}
    .list_originator .item .top{ display: block}
    .list_originator .item .top{grid-gap: 24px;}
    .list_originator .item .top .img{ width: 50%; margin: 0 auto; margin-bottom: 24px;}
    .list_originator .item .top .info{ padding-top: 0;}
    .list_originator .item .top .info h3{ font-size: 24px; margin-bottom: 10px;}
    .list_originator .item .top .info .dec{ margin-bottom: 12px;}
    .list_originator .item .bottom h3{ font-size: 18px;}

    .list_publicbenefit .article-list{ grid-template-columns: repeat(1, 1fr); grid-gap: 24px;}
    .list_publicbenefit .article-list .item h3{ font-size: 16px; }

    .channel_product .pagewidth .content{ grid-template-columns: repeat(1, 1fr); grid-gap: 24px;}


    .channel_product .pagewidth .content .item{border: #eee solid 1px;box-shadow: 0px 4px 10px rgba(0,0,0,0.05); height: 480px; overflow: hidden; position: relative}
    .channel_product .pagewidth .content .item .img{ width: 100%; height: 300px;}
    .channel_product .pagewidth .content .item .img img{ height:100%; width: 100%; object-fit:cover; transition-duration: 0.3s; }
    .channel_product .pagewidth .content .item .info{ padding: 20px; background:rgba(255,255,255,0.8);-webkit-backdrop-filter:blur(15px); backdrop-filter: blur(15px); position: absolute; left: 0px; right: 0px; top: auto; bottom: 0; transition-duration: 0.3s;}
    .channel_product .pagewidth .content .item .info h3{ font-size: 24px; line-height: 1em; font-weight: 700; position: relative; padding-bottom: 15px; margin-bottom: 15px; }
    .channel_product .pagewidth .content .item .info h3:after{ position: absolute; left: 0;content: ""; width: 40px; bottom: 0;height: 2px; background: var(--main); }
    .channel_product .pagewidth .content .item .info h3 a{  color:#111; line-height: 1em;  }
    .channel_product .pagewidth .content .item:hover .info h3 a{  color:var(--main); }
    .channel_product .pagewidth .content .item .info p{ margin-bottom: 20px; font-size: 14px; color: #666; line-height: 1.6;display: -webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient: vertical; overflow: hidden;}
    .channel_product .pagewidth .content .item .info .more{ opacity: 1; transition-duration: 0.2s; width: 60% }
    .channel_product .pagewidth .content .item:hover .info{ top: auto;background:rgba(255,255,255,0.8); }
    .channel_product .pagewidth .content .item:hover .info .more{ opacity: 1;}
    .channel_product .pagewidth .content .item .info .more a{ display: block; background: var(--main); color: #fff; display: flex; justify-content: space-between; align-items: center;  padding:15px 20px;  padding-left: 30px; border-radius: 50px;}



    .list_product .pagewidth{ display: block;}
    .list_product .pagewidth .side{ margin-bottom: 32px;}
    .list_product .pagewidth .side ul{ padding-top: 0px; padding-bottom: 0px; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0px;}
    .list_product .pagewidth .side ul li a{ color:#111; display: block; text-align: center; height:50px; line-height: 50px; border-right: #ececec solid 1px;}
    .list_product .pagewidth .side ul li a{ border-bottom: #ececec solid 1px;}
    .list_product .pagewidth .side ul li:nth-child(2n) a{border-right: none;}
    .list_product .pagewidth .side ul li:nth-last-child(1) a{border-bottom: none;}

    .list_product .pagewidth .content .article-list{ display: grid;grid-template-columns:repeat(2,1fr); grid-gap: 24px; }
    .list_product .pagewidth .content .article-list .item{border: #eee solid 1px;box-shadow: 0px 4px 10px rgba(0,0,0,0.05); padding: 20px;}
    .list_product .pagewidth .content .article-list .img{ width: 100%; height:140px; margin-bottom: 10px;}
    .list_product .pagewidth .content .article-list .img img{ width: 100%; height: 100%; object-fit:contain; transition-duration: 0.3s; }
    .list_product .pagewidth .content .article-list .info h3 a{  color:#111; line-height: 1em;  }
    .list_product .pagewidth .content .article-list .info{ text-align: center}
    .list_product .pagewidth .content .article-list .info{ text-align: center}
    .list_product .pagewidth .content .article-list .info h3{ font-size: 14px; color: #111; font-weight: normal}
    .list_product .pagewidth .content .article-list .info p{ font-size: 12px; color: #999;}





    .channel_service_a{ padding-bottom: 0px;}
    .channel_service_a .pagewidth{display:block;grid-template-columns:5fr 6fr;grid-gap: 72px; }
    .channel_service_a .pagewidth .info .title{ position: relative; margin-bottom: 30px;}
    .channel_service_a .pagewidth .info .title p{ font-weight: 700; font-size: 32px; color:#eeeeee; text-transform: uppercase ; position: absolute;top: 14px;}
    .channel_service_a .pagewidth .info .title h3{ font-weight: 700; font-size:32px; color:#111; text-transform: uppercase; z-index: 3; }
    .channel_service_a .pagewidth .info .content p{ margin-bottom: 20px; line-height: 1.8em;}
    .channel_service_a .pagewidth .info .content h3{ margin-bottom: 20px; line-height: 1.8em; font-size: 24px;color: var(--main)  }
    .channel_service_a .pagewidth .photo img{width: 100%;}

    .channel_service_b{background: #f5f5f5; overflow: hidden;}
    .channel_service_b .pagewidth{ position: relative }
    .channel_service_b .pagewidth .left{ width: 100%; padding-right:0; position: initial}
    .channel_service_b .pagewidth .left .swiper{ padding-bottom: 40px;}
    .channel_service_b .pagewidth .left .swiper-slide{ width: 150px;}

    .channel_service_b .pagewidth .left .title{ position: relative; margin-bottom: 30px;}
    .channel_service_b .pagewidth .left .title p{ font-weight: 700; font-size: 32px; color:#eeeeee; text-transform: uppercase ;position: absolute;top: 14px;}
    .channel_service_b .pagewidth .left .title h3{ font-weight: 700; font-size:32px; color:#111; text-transform: uppercase; z-index: 3; position: relative}
    .channel_service_b .pagewidth .left .swiper-pagination-bullet-active{background: var(--main)}
    .channel_service_b .pagewidth .right{margin-left: -20px; width: auto; margin-right: -20px;  background:url("../images/yanjiu.jpg") no-repeat ; background-size: cover; padding: 32px;}
    .channel_service_b .pagewidth .right .item {display: grid; grid-template-columns: 72px auto; align-items: center; margin-bottom: 30px; grid-gap: 24px;}
    .channel_service_b .pagewidth .right .item .icon{border-radius: 100px; border:#fff solid 2px; height:72px; width: 72px; display: flex; justify-content: center; align-items: center;}
    .channel_service_b .pagewidth .right .item .icon img{ height: 48px;}
    .channel_service_b .pagewidth .right .item .info h3{ font-size: 24px; color: #fff; font-weight: normal; line-height: 1em; margin-bottom: 10px;}
    .channel_service_b .pagewidth .right .item .info p{ font-size: 14px; color: #fff;}
    .channel_service_b .pagewidth .right .item:last-child{ margin-bottom: 0}

    .channel_service_c .title{ position: relative; margin-bottom: 30px;}
    .channel_service_c .title p{ font-weight: 700; font-size: 32px; color:#eeeeee; text-transform: uppercase ; position: absolute;top: 14px;}
    .channel_service_c .title h3{ font-weight: 700; font-size:32px; color:#111; text-transform: uppercase;  z-index: 3; position: relative}
    .channel_service_c .content{ padding-bottom: 30px;}
    .channel_service_c .content p{ margin-bottom: 20px; line-height: 1.8em;}
    .channel_service_c .process{ position: relative}
    .channel_service_c .process .subtitle{ font-size: 24px; font-weight: 700; color: var(--main); margin-bottom: 30px; }
    .channel_service_c .process .subcontent{ display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 24px; position: relative; margin-bottom: 50px;}
    .channel_service_c .process:after{ display: none}
    .channel_service_c .process .item{ position: relative ; }
    .channel_service_c .process .item .img{ position: relative; height: 72px; width: 72px; display: block; margin: 0 auto; border-radius: 50%; overflow: hidden; }
    .channel_service_c .process .item .img:after{content:""; position: absolute; background:#dddddd; left: 50%; transform: translateX(-50%); width: 1px;height: 30px; bottom: -30px; }
    .channel_service_c .process .item .img img{width: 100%;height:  100%; object-fit: cover}
    .channel_service_c .process .item .info h3{ padding-top: 10px; text-align: center;font-size: 14px; font-weight: normal}
    .channel_service_c .process .item .info p{ display: none}
    .channel_service_c .process .item::after{ position: absolute; background: var(--main); color: #fff; border-radius: 40px; height:24px; width:24px; line-height: 24px; text-align: center; left: 0px; top: 0px;}
    .channel_service_c .process .item:nth-child(1)::after{ content: "1"}
    .channel_service_c .process .item:nth-child(2)::after{ content: "2"}
    .channel_service_c .process .item:nth-child(3)::after{ content: "3"}
    .channel_service_c .process .item:nth-child(4)::after{ content: "4"}
    .channel_service_c .process .item:nth-child(5)::after{ content: "5"}
    .channel_service_c .process .item:nth-child(6)::after{ content: "6"}
    .channel_service_c .process .item:nth-child(7)::after{ content: "7"}
    .channel_service_c .process .item:nth-child(8)::after{ content: "8"}
    .channel_service_c .process .item:nth-child(9)::after{ content: "9"}
    .channel_service_c .process1 .subtitle{ font-size: 24px; font-weight: 700; color: var(--main); margin-bottom: 30px; }
    .channel_service_c .process1 .subcontent{ margin-bottom: 50px;}
    .channel_service_c .process1 .item img{width: 100%;}



    .list_news .item{ margin-bottom: 32px;}
    .list_news .item{ position: relative; display: block; grid-template-columns: 110px auto 320px; grid-gap: 32px; border:rgba(249,249,249,0) solid 1px;box-shadow: 0px 4px 10px rgba(0,0,0,0.0);  align-items: center;background:rgba(255,255,255,0); transition-duration: 0.3s; border-bottom: #dddddd solid 1px;  }
    .list_news .item .time{ padding: 5px; flex-direction: row-reverse;  width: auto; display:inline-flex; justify-content: left; align-items: center; height:auto; color: #fff; background: var(--main)}
    .list_news .item .time .day{ font-size: 12px; font-weight: 700; text-align: center; line-height: 1em; margin-bottom: 0px; padding-top:0px;}
    .list_news .item .time .month{ font-size:12px; font-weight: 700;text-align: center;line-height: 1em;content:"-"}
    .list_news .item .time .month:after{content:"-"}
    .list_news .info h3{ font-size: 20px; font-weight: 700; padding-top: 10px; line-height: 1.4; margin-bottom: 10px;}
    .list_news .info h3 a{ color: #111;}
    .list_news .item .img{ margin: 0px; margin-bottom: 40px;}
    .list_news .item .img img{ width: 100%;}
    .list_news .item .info h3 a{  line-height: 1}
    .list_news .item .description{ font-size: 14px; color: #666; line-height: 1.6; margin-bottom: 10px;}
    .list_news .item .other{ font-size: 14px; color: #666; line-height: auto; margin-bottom: 10px;}
    .list_news .item:hover{background:rgba(255,255,255,1);border-bottom:#dddddd solid 1px;box-shadow: 0px 4px 10px rgba(0,0,0,0.0); }
    .list_news .item:hover .time{ background:var(--main); color: #fff;}
    .list_news .item:hover .info h3 a{ color:var(--main)}


    .show_news{position: relative;overflow: hidden}
    .show_news:after{ display: none; }
    .show_news .pagewidth { display: block;grid-template-columns: auto 400px; grid-gap: 60px; position: relative; z-index: 3;}
    .show_news .title{font-size: 24px; line-height: 1.4; color: #111;font-weight: 700; text-align: left; margin-bottom: 20px;}
    .show_news .info{display: flex; justify-content: left;border-bottom: #ddd solid 1px; margin-bottom: 30px; padding-bottom: 30px; font-size: 12px;}
    .show_news .info span{ color: #999; margin-right:10px; }
    .show_news .html{ font-size:15px; line-height:1.6; color:#222; margin-bottom:30px; position:relative;margin-bottom: 30px;}
    .show_news .html p{ margin-bottom:17px; }
    .show_news .html img{width:100%; height:auto; }
    .show_news .other{ border-top:#ddd solid 1px; padding-top:30px;}
    .show_news .other p{ margin-bottom:10px; color:#333; width: 100%; font-size: 14px;}
    .show_news .other p a{ color:#333; }
    .show_news .other p a:hover{color:var(--main);}
    .show_news .other p.left{text-align: left; float: none;}
    .show_news .other p.right{text-align: left; float: none;}

    .show_news .side { display: none}





    .channel_talent_a{}
    .channel_talent_a .title{ position: relative; margin-bottom: 50px; text-align: center}
    .channel_talent_a .title p{ width: 100%;font-weight: 700; font-size: 32px; color:#eeeeee; text-transform: uppercase ; position: absolute; text-align: center;position: absolute;top: 14px;}
    .channel_talent_a .title h3{ width: 100%; font-weight: 700; font-size:32px; color:#111; text-transform: uppercase; z-index: 3; position: relative; text-align: center}
    .channel_talent_a .content{ position: relative}
    .channel_talent_a .content .info{ margin-bottom: 24px;}
    .channel_talent_a .content .info{ position: initial; top:50%; width: auto; padding: 0px; transform: initial; right: -30px; z-index:5 ;border:none;box-shadow: initial;  background: none;}
    .channel_talent_a .content .info .subtitle{ font-size:24px; font-weight: 700; color: var(--main); margin-bottom: 10px;}
    .channel_talent_a .content .info .desc{font-size:14px; line-height:1.6; color:#555;}
    .channel_talent_a .content img{ width: 100%;}



    .channel_talent_b{}
    .channel_talent_b .title{ position: relative; margin-bottom: 50px; text-align: center}
    .channel_talent_b .title p{ width: 100%;font-weight: 700; font-size: 32px; color:#eeeeee; text-transform: uppercase ; position: absolute; text-align: center;position: absolute;top: 14px;}
    .channel_talent_b .title h3{ width: 100%; font-weight: 700; font-size:32px; color:#111; text-transform: uppercase; z-index: 3; position: relative; text-align: center}
    .channel_talent_b .content{ display: grid; grid-template-columns:repeat(1,1fr); grid-gap: 24px;}
    .channel_talent_b .content .item{background:#fff;border: #f7f7f7 solid 2px; padding:20px; transition-duration: 0.3s;}
    .channel_talent_b .content .item .icon { width: 60px; height: 60px; display: block; margin: 0 auto; margin-bottom: 15px; }
    .channel_talent_b .content .item .icon img{width: 60px; transition-duration: 0.3s;}
    .channel_talent_b .content .item .icon img.icona{ display: none}
    .channel_talent_b .content .item .icon img.iconb{ display: block}
    .channel_talent_b .content .item h3{ font-size: 24px; color: #111; margin-bottom: 10px; text-align: center; transition-duration: 0.3s;}
    .channel_talent_b .content .item p{  color: #666; text-align: center }
    .channel_talent_b .content .item:hover .icon img.icona{ display: block}
    .channel_talent_b .content .item:hover .icon img.iconb{ display: none}
    .channel_talent_b .content .item:hover h3{ color: var(--main);}
    .channel_talent_b .content .item:hover{background:#fff;border: var(--main) solid 2px; padding:20px;}

    .channel_talent_c{ padding-bottom: 3px;}
    .channel_talent_c .title{ position: relative; margin-bottom: 50px; text-align: center}
    .channel_talent_c .title p{ width: 100%;font-weight: 700; font-size: 32px; color:#eeeeee; text-transform: uppercase ; position: absolute; text-align: center;position: absolute;top: 14px;}
    .channel_talent_c .title h3{ width: 100%; font-weight: 700; font-size:32px; color:#111; text-transform: uppercase; z-index: 3; position: relative; text-align: center}
    .channel_talent_c .content{ display: grid; grid-template-columns:repeat(1,1fr);grid-auto-rows: minmax(120px, auto); grid-gap: 3px;}
    .channel_talent_c .content .item {margin: 0px; overflow: hidden; position: relative }
    .channel_talent_c .content .item:after{content: "";position: absolute;bottom: 0;width: 100%;height: 150px; left: 0px; right: 0px; background: linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0.0)); z-index: 12; }
    .channel_talent_c .content .item h3{ position: absolute; left:0px; right: 0px; width: 100%; z-index: 14; color: #fff; bottom: 20px; text-align: center;  font-weight: normal}
    .channel_talent_c .content .item img{ width: 100%; height: 100%; object-fit: cover; transition-duration: 0.3s;}
    .channel_talent_c .content .item:hover img{ transform: scale(1.1);}
    .channel_talent_c .content .item:nth-child(3) {grid-column-start: 1;grid-column-end:1;grid-row-start: 1;grid-row-end: 1;}

    .list_job{}
    .list_job .item{ display: block; grid-template-columns: 250px auto 60px; align-items: center; background: #fff;position: relative; margin-bottom: 20px; border:none;box-shadow: 0px 4px 10px rgba(0,0,0,0.0); transition-duration: 0.3s;}
    .list_job .item .title{ font-size: 24px; font-weight: 700; padding: 30px; padding: 0; margin-bottom: 16px;}
    .list_job .item .info{ display: grid;  grid-template-columns: repeat(2, 1fr); font-size: 14px; color: #666; }
    .list_job .item:hover{border:none;box-shadow: 0px 4px 10px rgba(0,0,0,0.05);}
    .list_job .item .icon a{ border-left: #eee solid 1px; display: block; width: 100%; height: 160px; transition-duration: 0.3s; line-height: 160px; text-align: center; align-items: center ;}
    .list_job .item .icon a:hover{ border-left: var(--main) solid 1px;background: var(--main); color: #fff;}

    .show_job .title{font-size: 24px; font-weight: 700; color: #111; margin-bottom: 25px;}
    .show_job .info ul{ display: grid;  grid-template-columns: repeat(2, 1fr); font-size: 14px; color: #666; padding-bottom:25px; border-bottom: #eee solid 1px; }
    .show_job .subtitle{ font-size: 20px; font-weight: 700; color: var(--main); padding-top: 25px;}
    .show_job .html{ padding-top: 25px; line-height: 1.6; }




    .page_contact{}
    .page_contact .pagewidth{display: block;grid-template-columns: 4fr 8fr; grid-gap: 32px; align-items: center}
    .page_contact .title{ position: relative; margin-bottom: 32px; text-align: center}
    .page_contact .title p{ width: 100%;font-weight: 700; font-size: 32px; color:#eeeeee; text-transform: uppercase ; position: absolute; text-align: left;top: 14px;}
    .page_contact .title h3{ width: 100%; font-weight: 700; font-size:32px; color:#111; text-transform: uppercase; z-index: 3; position: relative; text-align: left}
    .page_contact .content h1{ font-size:24px; margin-bottom:20px; }
    .page_contact .content .item{ margin-bottom:20px; border-bottom: #ececec solid 1px; padding-bottom: 20px; }
    .page_contact .content .item { display: flex; grid-gap: 10px; justify-content: left; align-items: center; }
    .page_contact #container{ height: 500px;}


    .list_message .title{ position: relative; margin-bottom: 32px; text-align: center}
    .list_message .title p{ width: 100%;font-weight: 700; font-size: 32px; color:#eeeeee; text-transform: uppercase ; position: absolute; text-align: left;top: 14px;}
    .list_message .title h3{ width: 100%; font-weight: 700; font-size:32px; color:#111; text-transform: uppercase; z-index: 3; position: relative; text-align: left}
    .list_message .three{display: grid; grid-template-columns: repeat(1, 1fr); grid-gap:0px 24px;}
    .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{ height: 54px;}
    .list_message .layui-textarea{ height:200px;}

    .list_message .layui-input-block{ margin-left:0!important; }
    .list_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; width: 300px; border-radius: 40px;}


}

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

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