html,body{

    padding: 0;margin: 0;
    font-size: 14px;font-family: "Microsoft Yahei";
}
/* 整个滚动条 */
::-webkit-scrollbar {
    width: 5px; /* 滚动条的宽度 */
    height: 3px; /* 滚动条的高度 */
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
    background-color: darkgrey; /* 滑块的颜色 */
    border-radius: 10px; /* 滑块的圆角 */
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
    background: #f1f1f1; /* 轨道的颜色 */
}
::selection {

}


/* 为可交互元素启用选择功能 */
input, textarea, [contenteditable], button {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}

/* 设置合适的光标样式 */
a, button {
    cursor: pointer;
}

input, textarea, [contenteditable] {
    cursor: text;
}

a{text-decoration: none; color: #000;}
input{outline: none;}
.main_width{max-width: 1200px; margin: 0 auto; position: relative;}
.main_width:after{ content: ' '; display: block;clear: both;}
.main_width .left1{float: left;}
.main_width .rigth2{ float: right ;}

.main_width .left,.main_width .rigth{ transition: all 0.3s ease;}


.home_main_title{ margin: 0; padding: 20px 0px 20px 0 ; font-size: 26px; line-height: 30px; color: #333;}
.home_main_title::after{content: ' '; display: inline-block;width: 20px; height: 4px; overflow: hidden;background: #ee1d23;margin-left: 20px; position: relative;top:-6px;}

.about_main_title{ margin: 0; padding: 20px 0px 20px 0 ; font-size: 26px; line-height: 30px; color: #ee1d23;}
.about_main_title::after{content: ' '; display:block;width: 35px; height: 4px; overflow: hidden;background: #ee1d23;position: relative;margin: 20px 0 0 0; }


.header_menu ul,.footer_menu ul{ padding: 0;margin: 0;}
.header_menu ul li,.footer_menu ul li{ padding: 0;margin: 0; list-style: none;}


.header{ position: absolute;left:0;top:0;width: 100%; z-index: 9;}
.header,.header .logo{ padding-top: 5px;}
.header,.header a{ color: #fff;}
/*
.header .main_width{ display: grid; grid-template-columns: 160px auto 110px;}
 */
.header .main_width{position: relative;}
.header .main_width > div:first-child { float: left; width: 160px; }
.header .main_width .header_menu{ margin: 0 110px 0 190px; }
.header .search{position: absolute;right:0; top:0px; width: 110px; }
.header_menu{}
.header_menu .header_menu_icon{ display: none; -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: transparent;
    color: inherit;
}

.header_menu ul{ display: flex; justify-content: space-between; max-width: 750px; margin:10px auto 0 auto; font-size: 14px;position: relative;}
.header_menu ul li{line-height: 26px; padding:10px 0 20px 0;}
.header_menu ul li .menu_child{ display: none; position: absolute; background:rgb(29,29,29); width: 100%;left:0;top:50px; text-align: left;}
.header_menu ul li .menu_child h4{margin: 0; padding: 40px 0 20px 40px; font-size: 20px; font-weight: normal;}
.header_menu ul li .menu_child ul { margin: 0 0 0 40px; padding-bottom: 40px; display: block;}
.header_menu ul li .menu_child ul li{line-height:30px; border-bottom: 1px solid #333; padding: 10px 0 10px 0px; opacity: 0.8; display: inline-block; width: 30%; margin-right: 2%;}
.header_menu ul li .menu_child ul li a{ background: url("../images/nav_a.png") center right no-repeat; display: block;}
.header_menu ul li.hover::after,.header_menu ul li:hover::after{content: ' '; display: block;border-radius: 3px; height: 3px; width: 15px; margin: 0 auto; background: #ee1d23; margin-top: 3px;}
.header_menu ul li.hover .menu_child,.header_menu ul li:hover .menu_child{display: block;}
.header_menu ul li:hover ul li:hover{border-bottom:1px solid #aaa; opacity: 1;}
.header_menu ul li:hover ul li:after{display: none;}

.header .search{ background: #fff0; border-radius: 20px; border: 1px solid #fff; line-height: 26px; height: 26px; display: grid; grid-template-columns: auto 26px; overflow: hidden; margin: 10px 0 0 0; gap: 10px; }
.header .search input{background: none;border: none;line-height: 26px; height: 90%; width: 100%; color: #fff;padding-left: 5px;padding-top: 2px;}
.header .search input::placeholder{color: #fff9; font-size: 12px; padding-left: 5px; zoom: 0.8;line-height: 24px;}
.header .search .search_btn{ background:url("../images/search.png") center center no-repeat; cursor: pointer;}

.header_black{}
.header_black ul li > a{color: #000;}
.header_black ul li .menu_child{ background: #000a;}
.header_black ul li .menu_child a{color: #fff;}

@keyframes shake {
    0%, 100% {
        transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translateY(-5px);
    }
    20%, 40%, 60%, 80% {
        transform: translateY(5px);
    }
}
.banner {overflow: hidden;}
.home_banner{height: 1000px;background: url("../images/banner_index.png") center top no-repeat; position: relative;background-size: auto 100% ;}
.home_banner .img{height: 100%; width: auto; margin: 0 auto; display: block;}
.home_banner .mouse_btn{position: absolute;left:50%;bottom:20px; color: #fff; font-size: 12px;margin-left: -56px;animation: shake 8s infinite;}
.home_banner .mouse_btn img{ display: block;margin: 0px auto 10px auto; height: 36px;}

.home_banner .main_width{position: relative; height: 300px;}

.ibanner{ text-align: center;}
.ibanner img{ height: 100%;transition: all 0.3s ease;}
.banner  .banner_crumb {font-family: Arial; color: #ffffff; position: absolute;border: 1px solid #eee; bottom:20px;left:5px;padding:8px 20px; border-radius: 20px;font-size: 12px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); background: #000c; display: inline-flex; align-items: center;}
.banner_crumb a { color: #fffa; display: inline-block;margin: 0 5px;}

.banner_crumb a.home {}
.banner_crumb a:first-child{color: #fff;display: inline-flex;align-items: center;}
.banner_crumb a:first-child img{margin-right:5px;}

.banner_crumb a:hover { color: #fff;}
.page{ text-align: center; padding: 10px 0; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background: transparent;color: inherit;}
.page a{display: inline-block;line-height: 18px; font-size: 14px;border: 1px solid #eee;}
.page span.text{ color: #000;font-size: 14px;}
.page a{color: #666; background: #eee; width: 28px; height: 28px; line-height: 28px; margin: 0 2px;}
.page a:hover{border:1px solid #b4c0d0;color: #007aff;background: #dde5ee;}
.page a.not{opacity: 0.6;}
.page a.not:hover{color: #666; background: #eee; border: 1px solid #eee;}
.page a.hover{background: #007aff;border:1px solid  #007aff;color: #fff;}


/** 关于我们 */
.home_about{ }
.home_about_bg{ background: url("../images/home_about_bg.png") center bottom no-repeat; background-size: 100% auto;}
.home_about_bg .main_width{ padding: 150px 0;}
.home_about .main_width{ align-items: center;}
.home_about .main_width .left{ width: 55.5%;display: inline-block;}
.home_about .main_width .right{ width: 43.5%; display: inline-block;}
.home_about h4{ font-size: 18px;font-weight: normal;  color: #333;}
.main .info{color: #666; line-height: 26px;}
.home_about .info{margin: 20px 20px 30px 0;}
.home_about .home_about_key{ display: flex; justify-content: space-between; margin:0px 40px 0 0;}
.home_about .home_about_key span{ font-size: 12px; color: #666; line-height: 30px;}
.home_about .home_about_key span b{display: block;color: #ee1d23; font-size: 22px;}

/** 行业应用 */
.home_industry{}
.home_industry .main_width{ max-width: 100%; padding: 20px 0;}
.home_industry .main_width .left{ background: #333; float: right; min-height: 300px; width: 70%;transition:none; max-width: 1800px}
.home_industry .left{position: relative;}
.home_industry_li{display: none;}
.home_industry_li:first-child{display: block;}
.home_industry-swiper{}
.home_industry-swiper .swiper-slide{height: 600px;width: 100%; position: relative; overflow: hidden;}
.home_industry-swiper .swiper-slide .top{position:relative;z-index: 2;top:0;right:0; margin: 0 0 0 auto; max-width: 900px; padding: 50px 0 0 20px;}
.home_industry-swiper .swiper-slide .top .title{ padding: 10px 0; color: #fff;font-size: 30px;}
.home_industry-swiper .swiper-slide .top .pro_title{ padding: 10px 0  30px 0;}
.home_industry-swiper .swiper-slide .top .pro_title a{ color: #fffe;font-size: 14px; display: inline-block; margin: 0 10px 0 0;}
.home_industry-swiper .swiper-slide .top .more{ display: block}
.home_industry-swiper .swiper-slide .bg_img{position: absolute;z-index: 1;height: 100%; width: auto; display: block;right:0;top:0;}
.home_industry-gallery-thumbs{position: absolute;right:50px;bottom:50px;}
.home_industry-gallery-thumbs-body{transform: none !important;}
.home_industry-gallery-thumbs-body .swiper-slide{border-radius: 8px; width: 180px;height: 90px; overflow:hidden ; box-shadow: 2px 1px 7px rgba(0,0,0,0.5);}
.home_industry-gallery-thumbs-body .swiper-slide-active{border: 2px solid #fff;}
.home_industry-gallery-thumbs-body .swiper-slide img{ width: 100%; height: 100%;}

.home_industry .main_width .right  { float: right;width:30%;transition:none; position: relative;
    z-index: 9;}
.home_industry .main_width .right .home_main_title {padding-left: 40px;}
.home_industry .main_width .right .info { padding:0 0 40px 40px;}
.home_industry .main_width .right ul { padding: 0; margin: 0; width: 220px;}
.home_industry .main_width .right ul  li{ padding: 18px 0 18px 30px; background: #eee; margin: 1px 0 0 0;list-style: none; height: 40px; line-height: 40px; cursor: pointer;text-align: center;}
.home_industry .main_width .right ul  li.hover{position: relative;width: calc(100% + 10px); background: #ee1d23; color: #fff; left: -40px;}





@media screen and (max-width: 1300px) {
    .home_industry .main_width .left{ background: #333; float: left; min-height: 300px; width:75%;}
    .home_industry .main_width .right  { float: right;width:25%;}
    .ibanner > img{ height: 500px;}
}

@media screen and (max-width: 1100px) {
    .home_industry .main_width .left{ background: #333; float: left; min-height: 300px; width:calc(100% - 240px); width: -ms-calc(100% - 240px);}
    .home_industry .main_width .right  {float: right;width:240px;}
    .ibanner > img{ height: 400px;}
}

/* 新闻中心容器 */
.home_news {padding: 0px 0;background-color: #f9f9f9; overflow: hidden;}
.home_news .main_width {display: flex;justify-content: space-between;align-items: flex-start;}
/* 左侧内容区 */
.home_news .left {width: 35%;padding-right: 0px;}
.home_news .left .info {margin-bottom: 24px;}
.home_news .left .more {display: inline-block;width: 40px;height: 40px;text-align: center;line-height: 40px;color: #666;font-size: 14px;transition: all 0.3s ease;}
.home_news_swiper_button_group{ background: url("../images/home_new_btn_center.png") center bottom no-repeat;height: 50px; display: flex; position: relative;padding-top: 200px;}
.home_news_swiper_button_group .swiper-button-next{ background: url("../images/home_new_btn_right_hover.png") right center no-repeat;height: 100%; width: 70px; }
.home_news_swiper_button_group .swiper-button-prev{ background: url("../images/home_new_btn_left_hover.png") left center no-repeat;height: 100%; width: 70px; }
.home_news_swiper_button_group .swiper-button-next.swiper-button-disabled{ background: url("../images/home_new_btn_right.png") right center no-repeat;}
.home_news_swiper_button_group .swiper-button-prev.swiper-button-disabled{ background: url("../images/home_new_btn_left.png") left center no-repeat;}

/* 右侧新闻列表 */
.home_news .right {width: 75%;}
.home_news .news_list {}
/* 单个新闻项 */
.news_item {overflow: hidden;transition: transform 0.3s ease; border-left: 1px solid #eee; padding: 80px 0;}
.news_item:hover {transform: translateY(-4px);}
.news_item img {width: 100%;height: 180px;object-fit: cover;display: block;}
/* 新闻标签 */
.tag {display: inline-block;padding: 3px 6px;font-size: 12px;border-radius: 4px;margin: 10px 0 10px 10px; border: 1px solid #ccc; color: #666;}
.tag_red {background-color: #ee1d23;color: #fff; border: 1px solid #ee1d23; }
/* 新闻标题 */
.news_item .title {padding: 12px 0px 12px 10px;font-size: 16px;color: #333;line-height: 30px;margin: 0; font-weight: bold;}
.news_item .title a {color: #333;text-decoration: none;transition: color 0.3s ease;}
.news_item .title a:hover {color: #ee1d23;}
/* 新闻摘要 */
.news_item .info {padding: 0 0 0 10px;color: #999;font-size: 12px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
/* 发布时间 */
.news_item .time {padding: 12px 10px;color: #999;font-size: 12px;margin: 0;background-color: #f8f8f8;}








/* 底部容器 */
.footer {background-color: #f8f8f8;padding: 0px 0 20px;font-size: 14px;color: #666;border-top: 1px solid #eee;overflow: hidden;}
.footer .main_width {display: flex;justify-content: space-between;align-items: flex-start;gap: 40px;margin-bottom:0px;}
.footer .bottom2{padding-bottom: 0;margin-bottom: 0;}
/* 左侧菜单区 */
.footer .left {flex: 1;min-width: 300px;}
.footer .footer_menu ul {list-style: none;padding: 0;margin: 0;display: grid;grid-template-columns: repeat(5, 1fr);gap: 20px;}
.footer .footer_menu ul li {position: relative; font-weight: bold;}
.footer .footer_menu ul li a {display: block;color: #666;text-decoration: none;line-height: 1.8;transition: color 0.3s ease;}
.footer .footer_menu ul li a:hover {color: #ee1d23;}
.footer .footer_menu ul li ul {margin: 16px 0 0 0;padding:0px 0 0 0px; display: block;}
.footer .footer_menu ul li ul li {margin-bottom: 8px; font-size: 12px; font-weight: normal;}

/* 右侧联系信息 */
.footer .right p {margin: 8px 0;line-height: 1.6;}
.footer .share {display: flex;gap: 3px;margin-top: 20px;justify-content: flex-start;}
.shares_icon {position: relative;cursor: pointer;width: 24px;height: 24px;}
.shares_icon .icon { width:100%; height:100%;display: inline-block;transition: transform 0.3s ease; }
.shares_icon:hover .icon {}
.shares_icon:hover .image_info {opacity: 1;visibility: visible;}

.footer .share .image_info {position: absolute;bottom: 40px;left:-60px;width: 120px;padding: 8px;background-color: white;border: 1px solid #ddd;border-radius: 3px;box-shadow: 0 2px 8px rgba(0,0,0,0.1);opacity: 0;transition: all 0.3s ease;z-index: 10;display: none;}
.footer .share .image_info img {width: 100%;height: auto;}
.footer .share .shares_icon:hover .image_info {opacity: 1;display: block;}

/* 底部版权区 */
.footer .main_width {padding-top: 20px;margin-top: 0px;}
.footer .main_width .left { float: left;display: flex;align-items: center;gap: 16px; padding-top: 18px;}
.footer .main_width .left img {width: 120px;height: auto;display: block;}
.footer .main_width .left span {color: #333;}
.footer .bottom1 .right { padding-right: 23px;}
.footer .bottom2 .right { float: right; width: 260px;font-size: 12px; position: relative;top:-10px;}


.message {background-color: #f0f0f0;border-radius: 30px;padding:6px 10px;display: flex;align-items: center;gap: 8px; cursor: pointer;}
.message input {border: none;outline: none;background: transparent;flex: 1;padding: 0;font-size: 14px;color: #666; padding-left: 10px;}
.message button {width: 40px;height: 40px;border: none;color: white;border-radius: 50%;cursor: pointer;display: flex;align-items: center;justify-content: center;font-size: 12px; background: url("../images/more.png") center center no-repeat; background-size: 100% 100%;}







.about .home_about .main_width{    display: flex;}
.about .home_about {padding:30px 0;}

.about  .home_about h4{ margin: 0;padding: 0;}

.about_qual{ background: url("../images/about_qual_bg.png") center center no-repeat; background-size: 100% 100%;}
.about_qual .main_width{padding: 50px 0;}
.about .about-swiper {padding:0 0 50px 0;}

.about .about-swiper .swiper-slide{height: 300px; text-align: center;}
.about .about-swiper .swiper-pagination-bullet{transition: all 0.3s ease; height: 10px; width: 10px;border-radius: 10px; }
.about .about-swiper .swiper-pagination-bullet-active{background: #ee1d23;padding: 0 20px;}

.about_process .process{}
.about_process .process {position: relative;}
.about_process .process:after{content: ' ';display: block; background: #eee; position: absolute;left:50%;top:5%; width: 1px;height: 90%; z-index: 1;}
.about_process .process ul{padding: 0; margin:0;position: relative;z-index: 2;}
.about_process .process ul li{padding:20px 0; margin:0;list-style: none; width: 50%; position: relative;}
.about_process .process ul li::after{content: ' ';display: block;border-radius: 10px; background: #ee1d23;height: 12px; width: 12px; position: absolute;top:50%; }

.about_process .process ul li.n1{text-align: right;margin-right: 50%;}
.about_process .process ul li.n1:after{ right: -6px;}
.about_process .process ul li.n2{ text-align: left;margin-left: 50%;}
.about_process .process ul li.n2:after{ left: -6px;}
.about_process .process ul li .time{ padding: 0 20px;font-size: 26px; font-weight: bold;font-family:"Sans - Serif"}
.about_process .process ul li .info{padding: 0 20px; line-height: 24px;}

/* 企业文化容器 */
.about_culture {
    background-color: #fff;
    padding: 40px 0;
    margin: 40px 0;
}

.about_culture .culture{}

.about_culture .culture dl{display: block;}
.about_culture .culture dl::after{content: ' ';clear: both;display: block;}
.about_culture .culture dl dt{ float: left;padding: 0;margin: 0;height:521px;width: 26%; background: url('../images/about_contact.png') center bottom no-repeat;color: #fff; font-size: 24px; background-size: 100% 100%;}
.about_culture .culture dl dt b{display: block;padding: 80px 0 0 30px;}
.about_culture .culture dl dd{float: left; padding: 0;margin: 0; display:block;width:calc(35% - 2px);  background: rgb(247,247,247);border-left: 1px solid #fff;border-bottom: 1px solid #fff; text-align: center; height: 260px;}
.about_culture .culture dl dd .title{  font-size: 18px;
    font-weight: bold;
    color: #333;
    text-align: center; padding:80px 0 20px 0;}
.about_culture .culture dl dd .title::after{content: ' ';display: block;background: #ee1d23;height: 5px;width: 36px;margin:30px auto 0 auto; }
.about_culture .culture dl dd .info{
    line-height: 1.8; width: 80%;
    color: #666;
    text-align: center;
    margin: 10px auto; font-size: 12px;}



/* 产品中心主容器 */
.product {padding: 40px 0;background-color: #f9f9f9;}
/* 左侧分类菜单 */
.product .left {width: 240px; float: left;}
.product .left dl{padding: 0;margin: 0;}
.product .left dl dt {margin: 0;background:#ee1d23;font-size: 18px;font-weight: bold;text-align: center;}
.product .left dl dt a{color: #fff; display: block;padding: 15px 20px;}
.product .left dl dd {margin: 0 0 1px 0;padding:0;transition: background-color 0.3s ease; display: block;background-color: #f0f0f0;}
.product .left dl dd a {color: #333;text-decoration: none;display: block;font-size: 14px;padding: 18px 0 18px 40px;}
.product .left dl dd a:hover,.product .left dl dd a.hover {color: #ee1d23;}

/* 右侧产品展示区 */
.product .right { display: inline-block; width: calc(100% - 240px);}
.product .right ul {padding: 0;margin: 0;}
.product .right li {padding: 0 0 20px 0;margin: 0; list-style:none;text-align: center;transition: transform 0.3s ease, box-shadow 0.3s ease; display: inline-block;width: 30%;}
.product .right li:hover {transform: translateY(-5px);}
.product .right li img {width: 90%;display: block;margin: 0 auto;}
.product .right li span {font-size: 14px;color: #333; display: block; font-weight: bold;}

.product_detail{}
.product_detail .main_width{ display: flex; padding: 10px 0;}
.product_detail .left{display: inline-block; width: 50%;}
.product_detail .left .title{font-size: 22px; font-weight: bold; width: 95%; margin: 0 auto; padding: 10px 0;}
.product_detail .left img{width:95%; display: block;margin: 0 auto;}
.product_detail .right{ width: 50%;  padding: 50px 0 0 0;}
.product_detail .right .title{border-radius: 3px;  background:#F2F2F2; display: block; width: 94%;padding: 8px 3%;}
.product_detail .right .info{ padding: 40px 20px;}

.job .main_width{ padding: 30px 0;}
.job_table{ text-align: center;width: 100%;border-bottom: 1px solid #f2f2f2; }
.job_table tr{}
.job_table tr th{ background: #ee1d23;border-right: 1px solid #fff; color: #fff; padding: 15px 0 ;}
.job_table tr td{ background: #f2f2f2; padding: 8px 0; color: #444;}
.job_table tr td img{height: 36px;}
.job_table tr:nth-child(even) td{ background: #fff;}
.job_table tr th:last-child{ border-right: none;}



.news{ text-align: center; padding-bottom: 50px;}
.news h4.title{font-size: 20px;padding: 40px 0 20px 0; margin: 0; text-align: left;}
.news ul{ padding: 0px 0 10px 0; margin: 0; display: inline-block; text-align: left;}
.news ul li{ padding: 0 0 40px 0; margin: 0 1%; list-style: none; width: 30%; display: inline-block;}
.news ul li a{}
.news ul li a img.img{ width: 100%; display: block;}
.news ul li a b{ display: block ;font-size: 16px; color: #555; padding: 20px 0 0 0; height: 24px; overflow: hidden;}
.news ul li a span{ display:block; align-items: center; color: #666; font-size: 12px; line-height: 20px; padding:10px 0 0 0;}
.news ul li a span.info{height: 55px; overflow: hidden;}
.news ul li a img.more{ display: inline-block; margin-left: 15px; height: 5px; width: auto; position: relative;top:-2px;}
.news .new_more_btn{ border-radius: 30px; line-height: 20px; padding: 6px 0px; margin: 0 auto; width: 130px; text-align: center; color: #555;border:1px solid #666; display: inline-block; cursor: pointer; font-size: 12px;}


.news_detail{padding-top: 90px; text-align: left;}
.news_detail .nav{display: flex; justify-content: space-between; font-size: 12px; color: #666;}
.news_detail .nav a.gonews{ color: #333; display: inline-flex; align-items: center;}
.news_detail .nav a.gonews img{margin-right: 5px; width: auto; height: 10px;}
.news_detail .nav span{}
.news_detail .nav span a{ color: #666; margin: 0 0 0 30px; display: inline-block;}
.news_detail .nav span a img{margin: 0 6px; display: inline-block;}
.news_detail .news_info{}
.news_detail .news_info .n_title{ font-size: 22px; font-weight: bold;padding: 20px 0 10px 0;}
.news_detail .news_info .n_time{ font-size: 12px; color: #999; zoom: 0.8;}
.news_detail .news_info .n_body{ font-size: 14px; color: #666; line-height: 22px; padding: 30px 0;}
.news_detail .news_info .n_body img{ max-width: 100%;}

.news_detail .news{padding: 20px 0;}




@media screen and (max-width: 768px) {
    .header_menu{}

    .header .main_width{grid-template-columns: auto 110px;}
    .header .main_width .header_menu{margin: 0;}
    .header .header_menu .header_menu_icon{ display: block;background: #777777e0;border-radius: 3px; width: 30px; height: 30px;float: right; cursor: pointer; position: relative; top:10px; transition: transform 0.3s ease;}
    .header .header_menu ul.first_menu{display: none;background: rgba(94, 98, 103, 0.33); text-align: center;right: 0;top:30px; position: absolute;transition: all 0.3s ease;height: 0px;overflow: hidden; }
    .header .header_menu ul li{padding: 10px 0px; width: 120px; text-align: center; border-bottom: 1px solid #ffffff9e; transition: all 0.3s ease 0.1s;}
    .header .header_menu ul li a{color: #fff;}
    .header .header_menu ul li:hover:after{display: none;}
    .header .header_menu ul .menu_child{right: 120px;height: 100%;top:0;left:auto; padding: 0;}
    .header .header_menu ul li .menu_child ul{margin: 0;padding: 0;}
    .header .header_menu ul ul li{right: 0px;}
    .header_menu ul li .menu_child h4{display: none;}
    .header_menu ul li .menu_child ul{display: block; width: 120px;}
    .header_menu ul li .menu_child ul li{width: 100%;}
    .header .header_menu ul li:hover .menu_child{display: none;}


    .ibanner > img{ height: 300px;}
    /* 汉堡菜单样式 */
    .header .header_menu .header_menu_icon.active {background: #4f5257; }
    .header_menu_icon b {position: absolute;top: 50%;left: 50%;width:60%;height: 3px;background-color: #a7b1c2;transform: translate(-50%, -50%);transition: transform 0.3s ease;border-radius: 1px}
    .header_menu_icon b:nth-child(1) {top: 29%;}
    .header_menu_icon b:nth-child(2) {top: 50%;    }
    .header_menu_icon b:nth-child(3) {top: 70%;    }
    .header_menu_icon.active b:nth-child(1) {transform: translate(-50%, -50%) rotate(45deg); top: 51%;left: 53%;    }
    .header_menu_icon.active b:nth-child(2) {opacity: 0;    }
    .header_menu_icon.active b:nth-child(3) {transform: translate(-50%, -50%) rotate(-45deg); top: 51%;left: 53%;    }
    .header .header_menu ul.first_menu_active {display: block;height:auto;transition: height 0.3s ease;}









    .header .search{ display: none;}
    .home_about_bg .main_width{padding: 30px 0;}
    .home_about .main_width .left{width: 100%;}
    .home_about .main_width .right{width: 100%;}
    .main .main_width{max-width: 600px;width: 96%; margin: 0 auto; min-width: 320px;}


    .home_industry .main_width .right .home_main_title{padding-left: 0;}
    .home_industry .main_width .right .info{padding: 0 0 20px 0;}
    .home_industry .main_width .left{float: none;width: 100%;}
    .home_industry .main_width .left .top{padding-left:50px; width: auto;}
    .home_industry .main_width .right{float: none; width: 100%;}
    .home_industry .main_width .right ul{height: 50px; width: 100%; overflow-y: hidden; overflow-x: auto; margin-bottom: 2px;  white-space: nowrap;}
    .home_industry .main_width .right ul li{ width:auto; margin-right:1px; height: 30px; line-height: 30px; display: inline-block; padding: 10px 22px;}
    .home_industry .main_width .right ul  li.hover{width: auto;left:0;}

    .home_industry .home_industry-swiper .swiper-slide{height:400px;}
    .home_industry-swiper .swiper-slide .bg_img{right:auto;left:0;}
    .home_industry .home_industry-gallery-thumbs-body{position: relative;right:0px;bottom:0px;width: 100%;}
    .home_industry .home_industry-gallery-thumbs-body .swiper-slide{ width:60px; height:30px;}


    .home_news {padding: 20px 0;}
    .home_news .main_width {flex-direction: column;}
    .home_news .left {width: 100%;padding: 0 0px;}
    .home_news .left .info{display: block; margin: 0;}
    .home_news .left .more{position: absolute;        top: 10px;        right: 10px;}
    .home_news .left .home_image_left_bg {display: none;    }

    .home_news .right {float: none; display: block;width:auto;}
    .home_news .news_list {display: block;}
    .news_item {padding: 10px 0px;border-left: none;border-bottom: 1px solid #eee;align-items: center;position: relative; display: block;}
    .home_news_swiper_button_group{padding-top: 0px; background: none;}
/*
    .news_item {padding: 10px 5px;border-left: none;border-bottom: 1px solid #eee;align-items: center;position: relative; display: block;}
    .news_item:hover {transform: none;  background-color: #f9f9f9;}
    .news_item::after{content: ' '; display: block;clear: both;}
    .news_item img {width: 100px;height: 70px;border-radius: 4px; float: left; margin-right: 10px;}
    .news_item .tag {position: absolute;top: 12px;right: 15px;grid-column: auto;grid-row: auto;margin: 0;}
    .news_item > div:not(img):not(.tag) {grid-column: 2;overflow: hidden;}
    .news_item .title {padding: 0;line-height: 1.4;font-size: 14px;margin: 5px 0 0;-webkit-line-clamp: 1;}
    .news_item .info {padding: 0;font-size: 12px;line-height: 1.4;-webkit-line-clamp: 1;margin: 5px 0;}
    .news_item .time {padding: 0;font-size: 12px;background: none;color: #999;}
*/
    .main .main_width{display: block;}
    .footer .main_width .left{float: none; width: 100%;}
    .footer .footer_menu ul{}
    .footer .footer_menu ul li ul{display: none;}
    .footer .main_width .right{float: none;width: 100%;}
    .main .bottom22{display: flex;}
    .main .bottom2 .left img{display: none;}
    .footer .main_width .right{ margin-top: 10px;top:0;}



    .about .home_about .main_width{display: block;}
    .about .home_about .left,.about .home_about .right{ width: 100%;float: none;}

    .about_process{}
    .about_process .process::after{left:15px;}
    .about_process .process ul li.n1,.about_process .process ul li.n2{ width: 90%;margin: 0; padding:10px 2% 20px 8%;text-align: left;}
    .about_process .process ul li.n1::after,.about_process .process ul li.n2::after{left:10px;}
    .about_culture .culture dl dt b{padding: 60px 0 0 30px;}
    .about_culture .culture dl dt{width: 100%;float: none;height: 150px;}
    .about_culture .culture dl dd{width: calc(50% - 1px);height: auto; padding-bottom: 50px;}
    .about_culture .culture dl dd .title{ padding-top: 60px;}


    .product .left {width: 100%; float: none;}
    .product .left dl { padding-bottom: 20px;}
    .product .left dl dt{ display: inline-block;padding: 0;}
    .product .left dl dt a{ padding:5px 10px;font-size: 14px; line-height: 16px; display: block;}
    .product .left dl dd{display: inline-block;}
    .product .left dl dd a{padding: 5px 10px;}

    .product .right {width: 100%; float: none;}

    .product_detail .main_width{ display: block;}
    .product_detail .left{display: block; width: 100%;}
    .product_detail .right{display: block;  width: 100%;  padding: 50px 0 0 0;}


    .news ul li{ width: 47%;}
    .news_detail .news_detail_bottom li{ width: 100%;}
    .news_detail .news_detail_bottom {padding: 10px 5px;border-left: none;border-bottom: 1px solid #eee;align-items: center;position: relative; display: block;}
    .news_detail .news_detail_bottom:hover {transform: none;  background-color: #f9f9f9;}
    .news_detail .news_detail_bottom::after{content: ' '; display: block;clear: both;}
    .news_detail .news_detail_bottom li b{padding: 0;}
    .news_detail .news_detail_bottom img.img {width: 100px !important;height: 70px;border-radius: 4px; float: left; margin-right: 10px;}
    .news_detail .news_detail_bottom .tag {position: absolute;top: 12px;right: 15px;grid-column: auto;grid-row: auto;margin: 0;}
    .news_detail .news_detail_bottom > div:not(img):not(.tag) {grid-column: 2;overflow: hidden;}
    .news_detail .news_detail_bottom .title {padding: 0;line-height: 1.4;font-size: 14px;margin: 5px 0 0;-webkit-line-clamp: 1;}
    .news_detail .news_detail_bottom li a span{margin: 0;padding: 0;}
    .news_detail .news_detail_bottom .info {font-size: 12px;line-height: 1.4;-webkit-line-clamp: 1;height: 30px; padding-bottom: 5px; }

    .news_detail .news_detail_bottom .time {padding: 0;font-size: 12px;background: none;color: #999;}
    .news_detail .news_detail_bottom .more {height: 5px;}
}