*{padding: 0px; margin: 0px; font-family: "microsoft yahei"; margin: 0; padding: 0;list-style: none;  text-decoration: none ; }
a{ text-decoration: none; color:#999999;}
a:hover{ color:#d01d33;}
.black{ color: #343434;}
.clear{ clear: both;}
.title_en{color: #3bbf47; margin-left: 10px; font-weight: normal;}
.hide{ display: none;}

.index_pro ul.content_wrap li a:hover,.gradient,.main_pro_cate a:hover{
    background-color: #da251c;
    color: #fff;
}
#header{ width: 100%;}
#topbar{width: 100%;   font-size: 14px;  padding: 6px 0; border-bottom: 1px solid #efefef; background: #f6f6f6;box-sizing: border-box; }
#topbar_wrap{ width: 1200px; margin: 0 auto; overflow: hidden; position: relative;  color:#fff; color: #565656;}
#topbar_tools{ float: right; margin-left: 15px; }
#topbar_tools a{ color: #565656; margin-left: 10px; }
.conatct-email{width: 30px; height: 30px; background: url("../images/n-contact-email.png") no-repeat; display: inline-block;  vertical-align: middle; margin-top: 15px;}
.conatct-logo{width: 50px; height: 50px; background: url("../images/logo.png") no-repeat; display: inline-block;  vertical-align: middle; margin-right: 10px;}

#top{ width: 1200px; height: 100px; margin:  0 auto; position:relative;  }
#logo{ height: 80px; padding: 10px 0px; float: left; margin-right: 5px;}
#logo img{ width: auto; max-height: 65px; margin-right: 10px; }
#logo a{ display: block; margin-top: 6px; border-right:  1px dotted #c5c5c5;}
#logo h1{ text-indent: -999999px;  }
.logo_middle-box{display: table; height: 100px; margin-left: 20px;}
.logo_middle-inner{display: table-cell; vertical-align:middle; text-align:left; padding-left: 10px;}
.logo_title{ font-size: 20px; font-weight: bold; color: #282828; letter-spacing: 2px; }
.logo_des{
    text-align:center;
    color: #282828;
    font-size: 14px;
    color: #666;
    letter-spacing: 2px;
}
.tel{ min-width: 200px;  color: #4c4c4c; font-size:22px;  font-weight: bold; position: absolute; right:0px; top:50%; margin-top: -18px; color: #DA251C;  }
.tel span{ display: block; font-size: 12px; color: #666;}
#flash{ width: 100%;  height: 720px; margin-top: -1px;  z-index: -1!important;}
#flash_subpage{ width: 100%; height: 580px; background: url("../images/flash_subpage.jpg") no-repeat center; background-size: cover;}
.swiper-container{ width: 100%; }
.menu_all{ width: 100%; background: #da251c;   height: 50px;line-height: 50px; display: block; }
#menu{ width: 1200px; margin: 0 auto;  z-index: 9999; }
#menu ul li{ list-style: none; float: left;  }
#menu ul li > a{width: 150px;  padding: 0px; display: inline-block; text-align: center; color: #ffffff;}
#menu ul li > a:hover,.menuhover{ background: #444; color: #ffffff;}
#menu ul li .menu_active{background: #444; color: #ffffff;}
/* 基本样式 */
#menu-ul {
    width: 1200px; margin: 0 auto; float: left;
    list-style: none;
    padding: 0;
    margin: 0;
}
#menu-ul li {
    position: relative;
    display: inline-block;
}

#menu-ul li a {
    display: block;
    text-decoration: none;
    color: white;
}
#menu-ul li a:hover,
#menu-ul li a.menu_active {
}
/* 子菜单样式 */
.sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    /*background-color: rgba(0, 0, 0, 0.8); !* 透明黑色背景 *!*/
    background-color: rgba(255, 255, 255, 1); /* 透明黑色背景 */
    border-radius: 4px; /* 圆角效果 */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); /* 阴影效果 */
    border-top:2px solid #333;
    width: auto;
    z-index: 9999;
    overflow: hidden;
}
/* 显示子菜单 */
#menu-ul li:hover .sub-menu {
    display: block;
}
/* 子菜单项样式 */
.sub-menu li {
    display: block;
    line-height: 30px;
    width: 100%;
    padding: 2px 0px!important;
    font-size: 14px;
}

.sub-menu li a {
    width: 100%!important;
    text-decoration: none;
    color: #3c3e46!important;
    line-height:30px;
    text-align: left!important;
    text-indent: 15px;
    border-bottom: 1px solid #f0f0f0; /* 子菜单项分隔线 */
}

.sub-menu li a:hover {
    width: 100% !important;
    color: #ffffff!important;
}
/** index_title **/
.main_wrap{ width:1200px;  margin: 0 auto; }
.main_wrap_100{ width:100%;  margin: 0 auto; background: #ffffff; }
.title_content {  text-align: center; height: 60px;  line-height: 60px;    margin: 0 auto; color: #959595; font-size: 16px; font-weight: normal; }
.title{ display: block; font-size: 34px;  color: #232323; font-weight: bold; }
/* 整体背景 */
.main_product_content {
    width: 100%;
    padding: 40px 0 50px;
    background: #f9f9f9;
    font-family: "Microsoft YaHei", sans-serif;
}
/* 左侧栏目 */
.main_product_content_left {
    width: 280px;
    float: left;
    text-align: center;
}
.main_product_content_left_title {
    display: block;
    width: 100%;
    padding: 20px 0;
    background: linear-gradient(135deg, #da251c, #da251c);
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
}
.main_product_content_left_title span {
    display: block;
    font-size: 14px;
    font-style: normal;
    letter-spacing: 1px;
    font-weight: normal;
    margin-top: 5px;
}
.main_product_content_left_title i{
    margin-right: 10px;
}
/* 左侧菜单 */
.main_product_content_left_menu {
    /*background: #f0f0f0;*/
    width: 100%;
    padding: 1px 0;
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);

}
.main_product_content_left_menu ul {
    padding: 0;
    margin: 0;
    border: 1px solid #f0f0f0;
}
.main_product_content_left_menu ul li {
    list-style: none;
    text-indent: 20px;
    text-align: left;
}
.main_product_content_left_menu ul li a {
    display: block;
    padding: 15px 0;
    border-radius: 6px;
    background: #fff;
    font-size: 14px;
    color: #333;
    transition: all 0.3s;
}
.main_product_content_left_menu ul li a:hover,
.pro_slider_active {
    background: #da251c;
    color: #fff;
}
/* 左侧联系方式 */
.main_product_content_left_bottom2 {
    padding: 10px 20px;
    background: #da251c;
    color: #fff;
    margin-top: 20px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    text-align: left;
}
.main_product_content_left_bottom2 p {
    margin-bottom: 15px;
    font-size: 16px;
}
/* 右侧产品 */
.main_product_content_right {
    width: calc(100% - 330px);
    display: inline-block;
    background: #fff;
    padding: 10px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}
.main_product_content_right_pro_content {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    text-align: center;
}
.main_product_content_right_pro_content a {
    width: 280px;
    display: block;
    overflow: hidden;
    transition: all 0.3s;
    font-size: 14px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.main_product_content_right_pro_content a:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}
.main_product_content_right_pro_content a img {
    width: 100%;
    height: 210px;
    object-fit: cover;
    display: block;
}
.main_product_content_right_pro_content a b {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #333;
    font-weight: 500;
    display: block;
    transition: all 0.3s;
}
.main_product_content_right_pro_content a:hover b {
    color: #fff;
    background:#da251c;
}
.main_product_top {
    display: flex;
    gap: 15px; /* 左右间距 */
}

.main_product_content_left {
    flex: 0 0 280px; /* 固定宽度 */
}

.main_product_content_right {
    flex: 1; /* 自动占剩余宽度 */
}
#main_ad{width: 100%; min-height: 220px;  background: url("../images/ad1.jpg?2") no-repeat;background-size: 100%; overflow: hidden;}
.main_ad_wrap{
    width: 1200px;  min-height: 220px; margin: 0 auto; text-align: center;position: relative;
}
/** 优势 **/
#main_youshi{ width: 100%; padding-bottom: 50px; }
.main_solu_content_bg{ width: 100%; height: 480px; background: url("../images/l-youshi-bg.png") center bottom no-repeat; background-size: contain; margin-top: 20px; position: relative;  }
.main_solu_content{width: 1200px; margin: 0 auto;  overflow: hidden;}
.main_youshi_section{ width: 100%; height: 389px!important; overflow: hidden;}
.main_youshi_bottom{  padding: 5px 40px; color: #343434;}
.main_youshi_bottom h5{ font-size: 24px;  margin-top: 100px; display: block;  font-weight: normal;}
.main_youshi_bottom h5 i{ font-style: normal; text-align: center;line-height: 63px; color: #FFFFFF; margin: 0 5px; width: 53px; height: 63px; background: url("../images/l-youshi.png") no-repeat; display: inline-block;  vertical-align: middle; margin-right: 10px;}
.main_youshi_bottom p{ margin-top: 15px; line-height: 30px; font-size: 14px;}
#main_advantage{
    position: relative;
    width: 100%;
    /*background: url("../images/corp.jpg?1") center center no-repeat;*/
    /*background-size: cover;*/
    overflow: hidden;
}
/* 光斑效果 */
#main_advantage::before{
    content: '';
    position: absolute;
    top: -20%;
    left: -10%;
    width: 120%;
    height: 120%;
    /*background: radial-gradient(circle at 30% 30%,*/
    /*rgba(255,255,255,0.08),*/
    /*transparent 60%);*/
    pointer-events: none;
}

.adv_bg_mask{
    position: absolute;
    left: 0; top: 0;
    width: 100%; height: 100%;
    /*background: rgba(0,0,0,0.55);*/
    z-index: 1;
}

.adv_container{
    position: relative;
    width: 1200px;
    margin: 0 auto;
    z-index: 2;
    overflow: hidden;
}
/* slide */
.adv_slide{
    display: flex;
    justify-content: center;
}
/* 卡片 */
.adv_card{
    display: flex;
    width: 1180px;
    height: 420px;
    background: rgba(255,255,255,0.96);
    overflow: hidden;
    border:10px solid rgba(0,0,0,0.5);
    box-shadow: 0 20px 40px rgba(0,0,0,0.25);
}
/* 图片 */
.adv_img{
    width: 55%;
    background: rgba(0,0,0,0.15);
    text-align: center;
    vertical-align: middle;
}
.adv_img img{
    width: 86%;
    height: 86%;
    margin: auto;
    margin-top: 5%;
    object-fit: cover;
}

/* 文案 */
.adv_text{
    width: 45%;
    padding: 60px 50px;
    position: relative;
    color: #333;
}

.adv_no{
    position: absolute;
    top: 30px;
    left: 40px;
    font-size: 28px;
    color:#555;
}
.adv_no i{
    font-style: normal;
    color:#DA251C;
    font-size: 50px;
    margin-right: 10px;
}

.adv_text h3{
    font-size: 26px;
    font-weight: bold;
    margin-top: 60px;
    padding-bottom: 20px;
    border-bottom: 1px solid #efefef;
}

.adv_text p{
    padding-top: 20px;
    font-size: 16px;
    line-height: 30px;
    color: #555;
}
/* 分页 */
#main_advantage .swiper-pagination-bullet{
    background: #fff;
    opacity: .5;
}
#main_advantage .swiper-pagination-bullet-active{
    opacity: 1;
    background: #DA251C;
}
/** 简介 **/
#main_corp{ width: 100%; background: url("../images/corp-bg.jpg") no-repeat;  padding-top: 30px;  }
.corp_bottom{ margin: 20px 0px; }
.corp_bottom a{display: inline-block; text-align: center; width: 19%; margin: 20px 0px; padding: 0px;}
.corp_bottom a img{display: block; text-align: center; margin: 0 auto;}
.main_corp_content{width: 1200px; color: #333333; margin: 0 auto; margin-top: 20px; padding-bottom: 50px; }
.main_corp_section{ width: 100%; height: 390px; background: #FFFFFF; overflow: hidden; }
.main_corp_left{ width: 600px; float: left;}
.main_corp_left img{ width: 600px; height: 390px;}
.main_corp_right{ width: 600px; float: right;  }
.main_corp_right h3{ font-weight: bold; font-size: 35px; margin-bottom: 15px; overflow: hidden;}
.main_corp_bottom{ color: #555555;  border-radius: 10px; padding: 10px 15px;}
.main_corp_bottom p{font-size: 16px; line-height: 30px; }
.main_corp_bottom a{ display: inline-block; padding: 8px 20px; border-radius: 2px; font-size: 14px; color: #FFFFFF; background: #da251c;  float: right; margin-right: 10px;}
.main_corp_bottom a:hover{ background:#DA251C;}
.main_corp_bottom h5{ font-weight: bold; font-size: 26px; overflow: hidden; padding: 20px 0px; text-align: center;}

#main_corp_new{
    position: relative;
    width: 100%;
    background: url("../images/corp-bg.jpg") center center no-repeat;
    background-size: cover;
    padding: 50px 0;
    padding-bottom: 80px;
    overflow: hidden;
}

/* 半透明遮罩 */
.corp_bg_mask{
    position: absolute;
    left: 0; top: 0;
    /*width: 100%; height: 100%;*/
    /*background: rgba(0,0,0,0.55);*/
    background: #fafafa;
    z-index: 1;
}

.corp_container{
    position: relative;
    width: 1200px;
    margin: 0 auto;
    z-index: 2;
    color: #fff;
}

/* 标题区域 */
.corp_header{
    text-align: center;
    margin-bottom: 50px;

}
.corp_header h2{
    font-size: 36px;
    font-weight: bold;
    letter-spacing: 2px;
}
.corp_header h2 span{
    color: #DA251C;
}
.corp_header p{
    font-size: 16px;
    margin-top: 10px;
    opacity: 0.9;
}
.corp_header i{
    display: block;
    width: 60px;
    height: 3px;
    background: #DA251C;
    margin: 20px auto 0;
}

/* 内容卡片 */
.corp_content{
    display: flex;
    background: rgba(255,255,255,0.96);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0,0,0,0.25);
}

/* 文本 */
.corp_text{
    width: 50%;
    padding: 50px 45px;
    color: #333;
}
.corp_text h3{
    font-size: 30px;
    font-weight: bold;
    font-style: italic;
    color: #da251c;
    margin-bottom: 20px;
}
.corp_text p{
    font-size: 16px;
    line-height: 30px;
    color: #555;
}
.corp_text a{
    display: inline-block;
    margin-top: 30px;
    padding: 10px 36px;
    border-radius: 30px;
    font-size: 14px;
    color: #fff;
    background: #da251c;
    transition: all .3s;
}
.corp_text a:hover{
    background: #DA251C;
}
/* 图片 */
.corp_image{
    width: 50%;
}
.corp_image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/** youshi **/

/* ===== 顶部 Tab ===== */
.adv_tabs{
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-bottom: 40px;
}

.adv_tab{
    padding: 10px 26px;
    background: rgba(255,255,255,0.15);
    color: #333;
    border-radius: 20px;
    cursor: pointer;
    transition: all .3s ease;
    font-size: 16px;
}

.adv_tab:hover,
.adv_tab.active{
    background: #DA251C;
    color: #fff;
}

/* ===== 内容切换 ===== */
.adv_panels{
    position: relative;
}

.adv_panel{
    display: none;
    animation: fadeUp .4s ease;
}

.adv_panel.active{
    display: block;
}

/* 轻动画（比你现在“生硬”的好很多） */
@keyframes fadeUp{
    from{
        opacity: 0;
        transform: translateY(20px);
    }
    to{
        opacity: 1;
        transform: translateY(0);
    }
}



/** end **/


#main_news{ width: 100%;  padding: 0px 0px 80px 0px; margin-top: 50px;}
.main_news_left{ width:580px; float: left; padding-bottom: 20px;  background: #fafafa; }
.case_title{ width: 100%; height: 50px; line-height: 50px; }
.case_title a{  width: 530px; padding: 0 20px; font-size: 18px; font-weight: bold; display: inline-block;   color: #464646; }
.case_title a.active{ color:#464646;}
.case_title2{ width: 100%; height: 60px; line-height: 60px; background: #fff;  }
.case_title2 a{  padding: 0 60px;   display: inline-block;  font-weight: bold; color: #FFFFFF; background: #444; margin-right: -4px; }
.case_title2 a.active{ background: #DA251C; color:#fff;}
.main_wrap h4{ text-align: center; padding: 0px  0px 70px 0px;  font-size: 18px;   color: #1967c9;  }
.main_wrap .title_c_wrap{ margin-left: 60px; text-align: center;  }
.title_c_wrap font{ display: block;  font-size: 40px; font-weight: bold;line-height:30px; letter-spacing: 4px; margin-bottom: 10px;  }
.title_c_wrap span{ width: 100%; display: inline-block; line-height:30px; margin-bottom: 20px; }
.case_list_section_right{ width: 540px; height: 370px; padding: 0 20px;  float:right; }
.case_list_section_right ul{}
.case_list_section_right ul li{ list-style: none; height: 90px; padding: 20px 0px;  border-bottom: 1px dotted #c3c3c3;}
.case_list_section_right ul li:nth-child(3){ border-bottom: none;}
.case_list_section_right ul li a{ height: 90px; line-height: 28px; color: #262626; font-size: 14px;  padding: 6px 0px; display: block; }
.case_list_section_right ul li a:hover,.case_list_section_right ul li a:hover p .title{ color: #da251c;}
.case_list_section_right ul li a i{ font-style:normal; width: 70px; height: 65px; background: #f0f0f0; padding-top: 5px; display: inline-block; text-align: center; font-size: 28px;  color: #666666;  float: left; padding-top: 10px;}
.case_list_section_right ul li a i span{font-size: 14px; color: #b3b3b3;}
.case_list_section_right ul li a p{ width: 430px; margin-left: 20px; height: 90px;float: left; display: inline-block;}
.case_list_section_right ul li a p .title{ width: 100%; height: 30px; line-height: 30px; overflow: hidden; display: block; color: #222222; font-size: 18px;}
.case_list_section_right ul li a p .des{width: 100%; height: 50px; overflow: hidden; display: block; color: #8a8a8a; font-size: 12px; }
.case_list_section_right div{ width: 100%; padding-bottom: 10px;}
.case_list_section_right div b{ color: #262626; }
.case_list_section_right div p{ color: #969696; font-size: 12px; padding: 10px 0px; line-height: 20px;}
.case_list_section_right2{ width: 540px; height: 320px; padding: 20px; font-size: 12px; color: #666;  float:right; }
.case_list_section_right2 ul{}
.case_list_section_right2 ul li{ list-style: none; border-bottom:1px dotted #c3c3c3;}
.case_list_section_right2 ul li a{ height: 28px; line-height: 28px; color: #262626; font-size: 14px;  padding: 6px 0px; display: block; }
.case_list_section_right2 ul li a:hover{color: #da251c;}
.case_list_section_right2 ul li a i{ font-style:normal; float: right; color:#969696; }
.case_list_section_right2 div{ width: 100%; padding-bottom: 10px; overflow: hidden; height: 50px; padding: 20px 0px;}
.case_list_section_right2 div b{ color: #262626; display: block;  margin-bottom: 5px; font-size: 16px;}
.case_list_section_right2 div p{ color: #969696; font-size: 12px; padding: 10px 0px; line-height: 20px;}
.mian_news_right{ width: 580px; display: inline-block; padding-bottom: 20px; float: right;  background: #fafafa; }
#main_foot_bg{ width: 100%; height: 842px; background: url("../images/about.png") no-repeat center; background-size: cover;}
.button_more{ width: 100%; height: 100px; float: left; display: block; margin-top: 20px; }
.button_more a{ width: 200px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #ffffff; display: block; color: #bdbdbd; transition: all 0.4s ease-out 0s; margin: 0 auto; border: 1px solid #d2d2d2; border-radius: 50px; font-weight: normal;}
.button_more a:hover{ background: #da251c; text-indent: -10px; color: #ffffff; border: 1px solid #da251c; }
/* 底部整体背景 */
#footer {
    background: #222d35;
    color: rgba(255,255,255,0.5);
    width: 100%;
    overflow: hidden;
    font-family: "Microsoft YaHei", sans-serif;
    padding: 40px 0;
}
/* 主体布局 */
#footer .main {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    gap: 30px;
    flex-wrap: wrap;
}
/* 左侧 */
#footer .left {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    flex: 0 0 70%;
}
.footer-logo{
    margin-top: 50px;
    width: 300px;
}
.footer-logo img{
    width: auto;
    max-height: 85px;
    display: block;
    margin-bottom: 20px;
}
.footer-logo span{
    font-size: 20px;
    color: #fff;
    width: 300px;
}
/* 列表样式 */
#footer .left ul {
    padding: 0;
    margin: 0;
    list-style: none;
    min-width: 180px;
}

/* 标题样式和小红条 */
#footer .left ul .tit {
    font-size: 18px;
    color: #fff;
    position: relative;
    height: 40px;
    line-height: 40px;
    margin-bottom: 15px;
}
#footer .left ul .tit:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 30px;
    background: #DA251C;
    transition: width 0.3s;
}
#footer .left ul:hover .tit:before {
    width: 60px;
}

/* 列表项 */
#footer .left ul li {
    line-height: 35px;
}
#footer .left ul li a {
    color: rgba(255,255,255,0.5);
    text-decoration: none;
    position: relative;
    display: inline-block;
    transition: color 0.3s;
}
#footer .left ul li a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 2px;
    background: #DA251C;
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform 0.3s;
}
#footer .left ul li a:hover::after {
    transform: scaleX(1);
    transform-origin: left center;
    color: #fff;
}

/* 右侧 */
#footer .right {
    flex: 0 0 25%;
    text-align: left;
}
#footer .right ul {
    padding: 0;
    margin: 0 0 15px 0;
    list-style: none;
    margin-bottom: 10px;
}
#footer .right ul li{
    padding: 8px 0;
}
#footer .right ul .tit {
    font-size: 18px;
    color: #fff;
    position: relative;
    height: 40px;
    line-height: 40px;
    margin-bottom: 10px;
}
#footer .right ul .tit:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 30px;
    background: #DA251C;
    transition: width 0.3s;
}
#footer .right ul:hover .tit:before {
    width: 60px;
}

/* 二维码 */
#footer .right img.qrcode {
    width: 120px;
    height: 120px;
    margin-top: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}
#footer .right span {
    display: block;
    color: rgba(255,255,255,0.5);
    margin-top: 5px;
}

/* 底部版权 */
#end_line {
    background: #1e2830;
    color: rgba(255,255,255,0.5);
    padding: 10px 0;
    line-height: 30px;
    text-align: center;
}
#end_line a {
    color: rgba(255,255,255,0.5);
    transition: 0.3s;
}
#end_line a:hover {
    color: #fff;
}
/*  subpage */
#main_main{ width: 1200px; background: #fff; margin: 0 auto; }
.main_before_title{ width: 100%; font-size: 14px; font-weight: bold; margin: 0 auto;   color: #737373; }
.main_before_title .crumb{ margin: 10px auto 20px;  width: 1200px;  height:30px;  line-height: 30px; display: block; border-bottom: 1px solid #ececec;  padding-bottom: 10px; }
.home{ background: #da251c; display: inline-block; width: 10px; height: 30px; line-height: 40px;  float: left; margin-right: 10px;}
.main_before_title .crumb a{ color: #666;}
.main_before_title .crumb a:hover{ text-decoration: underline; color: #666;}
/************** 新闻中心**************/
.main_right_news{
    margin: 30px 0;
    background: #ffffff;
    border-radius: 10px;
    padding: 20px 30px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.05);
}
/* 单条新闻 */
.main_right_news section{
    display: flex;
    gap: 24px;
    padding: 22px 0;
    border-bottom: 1px solid #eeeeee;
    transition: background 0.3s ease;
}

.main_right_news section:last-child{
    border-bottom: none;
}

.main_right_news section:hover{
    background: #f8f9fc;
}

/* 左侧缩略图 */
.news_thumb{
    width: 180px;
    height: 120px;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 6px;
    background: #f2f3f7;
}

.news_thumb img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.main_right_news section:hover .news_thumb img{
    transform: scale(1.05);
}

/* 右侧内容 */
.news_info{
    flex: 1;
}

/* 标题 */
.news_info h3{
    margin: 0 0 6px 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
}

.news_info h3 a{
    color: #222222;
    transition: color 0.3s ease;
}

.news_info h3 a:hover{
    color: #da251c;
}

/* 日期 */
.news_meta{
    font-size: 13px;
    color: #9aa0a6;
    margin-bottom: 10px;
}

/* 描述 */
.news_desc{
    font-size: 14px;
    color: #666666;
    line-height: 1.7;
    margin: 0;
}
/** news info **/
#main_right{ width: 930px; background: #fff;  float: right; }
.main_right_title{ width: 890px; line-height: 30px;  font-size: 14px; font-weight: bold; padding: 20px 0px; padding-bottom: 10px; border-bottom: 1px solid #e1e1e1; color: #666; margin: 0 auto; margin-bottom: 15px;  }
.main_right_title a{  color: #666;  }
.main_right_content{  padding:20px 10px;  }
.sub_ntitle{ text-align: center; font-size: 16px; line-height: 35px;}
.sub_des{ text-align: center; margin: 15px 0px;}
.news_image{ text-align: center; margin: 15px 0px; }
.news_image img{  width: 800px; }
/**case**/
#main_case_new{
    position: relative;
    width: 100%;
    background: #f9f9f9;
    padding: 50px 0;
    overflow: hidden;
}
.caseSwiper { padding: 20px 0; overflow: hidden; }
.caseSwiper .swiper-slide {
    text-align: center;
    font-size: 14px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.caseSwiper .swiper-slide a{ display:block; width:100%; color:#333; text-decoration:none; }
.caseSwiper .prow{
    width: 100%;
    height: 0;
    padding-bottom: 85%;          /* 4:3 固定比例，可改成自己想要的 */
    position: relative;
    overflow: hidden;
}
.caseSwiper .prow img{
    position: absolute;
    left:0; top:0; width:100%; height:100%;
    object-fit: cover;
}
.caseSwiper b{
    display: block;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    padding: 10px 0;
    text-overflow: ellipsis;
}
.caseSwiper .swiper-slide a:hover b{
    color: #fff;
    background:#da251c;
}
.swiper-button{ margin-top: 2rem; }
.swiper-button ul{display: flex; justify-content: center; padding: 0px;}
.swiper-button ul li {list-style: none; margin-right: 5px;}
.swiper-button ul li a{ display: block;  width: 36px; height: 36px; text-align: center; line-height: 36px; color: #ffffff; background: #8a8a8a; }
.swiper-button ul li a i{display: inline-block; transition: all 0.3s;}
.swiper-button ul li a:hover{ background: #da251c;}
.swiper-button ul li a:hover i{ transform: scale(1.5);}
.swiper-button ul li a.swiper-button-more:hover i{ transform: rotate(180deg);}
/** ys **/
/** about  **/
.main_about{ width: 1200px; margin: 0 auto; padding: 10px 0;}
.main_about_top{ width:  100%; padding: 20px 0px;}
.main_about_text { width: 880px; padding: 20px;  margin: 0px auto;font-size: 14px;  line-height: 26px; background: #fff; }
.main_about_zz{ width: 100%; height: 260px;   display: block; background: url("../images/y_zz.jpg") no-repeat center;}
.zz_left{ width: 740px; height: 344px; font-size: 14px; color: #fff;  padding: 40px; line-height: 26px;}
.main_about_bottom{  padding-bottom: 60px;}
.main_about_bottom .main_case_title{ margin-top: 30px;  border-bottom: 0px; text-align: center;}
.main_about_bottom .main_case_title a{ margin-right: -5px; height: 40px; line-height:40px; border: 1px solid #0054b7;  padding: 0 20px; color: #0054b7; display: inline-block;font-weight: bold; font-size: 18px; }
.main_about_bottom .main_case_title a:hover{ color:#fff; background: #0054b7;}
.main_about_bottom .main_case_title .about_active{ background: #0054b7; color: #fff; }
#main_bottom{ width: 100%; background: #fff;  float: right; margin-top: 20px; }

.main_about_right_pro{ width: 1200px; display: inline-block;  display: block; margin: 0 auto; margin-top: 30px; }
.main_about_right_pro ul.content_wrap{ width: 1200px; margin:0 20px; display: inline-block;}
.main_about_right_pro ul.content_wrap li{margin-bottom: 30px; margin-bottom: 20px; float: left;  }
.main_about_right_pro ul.content_wrap li .proinfo{ width: 290px;display: inline-block; margin: 0 5px; text-align: center; font-size: 16px; color: #3a3a3a; }
.main_about_right_pro ul.content_wrap li .proinfo a{  transition: all 0.3s; }
.main_about_right_pro ul.content_wrap li .proinfo a:hover{    transform: translateY(-2px); }
.main_about_right_pro ul.content_wrap li .proinfo b{ height: 40px; display: inline-block; overflow: hidden; line-height: 40px; font-size: 14px; font-weight: normal;}
.main_about_right_pro ul.content_wrap li .proinfo img{ max-width: 290px; height: 218px;}
.main_about_right_pro ul.content_wrap li .proinfo a:hover b{ text-decoration: underline; color: #da251c; }

.main_about_gc_pro{ width: 1200px; display: inline-block;  display: block; margin: 0 auto; margin-top: 30px; }
.main_about_gc_pro ul.content_wrap{ width: 1200px; margin:0 20px; display: inline-block;}
.main_about_gc_pro ul.content_wrap li{margin-bottom: 30px; margin-bottom: 20px; float: left;  }
.main_about_gc_pro ul.content_wrap li .proinfo{ width: 560px;display: inline-block; margin: 0 5px; text-align: center; font-size: 16px; color: #3a3a3a;  }
.main_about_gc_pro ul.content_wrap li .proinfo b{ height: 40px; display: inline-block; overflow: hidden; line-height: 40px; font-size: 14px; font-weight: normal;}
.main_about_gc_pro ul.content_wrap li .proinfo img{ max-width: 560px; height: 420px;}
.main_about_gc_pro ul.content_wrap li .proinfo a:hover b{ text-decoration: underline; color: #da251c; }
/* subpage pro **/
#main_left_top2{
    width: 240px;
    margin-right: 15px;
    background: #dfe4ea;
    text-align: center;
    margin-bottom: 40px;  margin-bottom: 20px;  padding: 20px 0px; position: relative; z-index: 999;
}
.main_left_top_content2 .pro_level1{ width: 100%; height: 60px; line-height: 60px; background: #312a2f; text-align: center; font-size: 18px; color: #fff; margin-bottom: 15px;}
.main_left_top_content2 .pro_level2{  display: inline-block;   text-align: center; font-size: 16px; color: #424242;border-bottom: 1px dotted #a3a1a1; padding-bottom: 5px;  }
.main_left_top_content2 .pro_level3{ padding: 10px 0px;  }
.main_left_top_content2 .pro_level3 a{ width: 140px; color: #a3a1a1; font-size: 14px; padding: 5px 0px; text-align: left;  display: inline-block; float: left; text-indent:5px; }
.main_left_top_content2 .pro_level3 a:hover,.pro_slider_active{ color:#FFFFFF !important; background:#da251c!important; }

.sub_main{ width: 930px; height: 500px; }
.sub_proinfo_top{ width: 930px; height: 370px; }
.sub_proinfo_top_pic{ width: 430px; text-align: center; height: 370px; float: left; }
.sub_proinfo_top_pic img{ max-width: 430px; height: 370px; overflow:hidden;}
.sub_proinfo_top_content{ width: 450px; float: right;  padding:0 20px;}

.sub_proinfo_top_content h3{ color: #333; font-size: 26px;}
.sub_proinfo_top_content ul{ margin-bottom: 20px;}
.sub_proinfo_top_content ul li{ width: 100%; list-style: none; line-height: 35px; color: #666; border-bottom:1px solid #ccc; overflow: hidden; }
.sub_proinfo_top_content b{ display: block; font-size: 16px; padding: 20px 0px 10px 0px; color: #DA251C;}
.sub_proinfo_top_content span{}
.sub_proinfo_top_content span a{ width: 200px; text-align: center;  height: 40px; line-height: 40px; display: inline-block;  border: 1px solid #da251c; margin-right: 10px;  margin-bottom: 20px; color: #ffffff; background: #da251c; border-radius: 0px; border-radius: 20px;}
.sub_proinfo_top_content span a:hover{background: rgba(218, 37, 28, 0.8);  border: 1px solid #DA251C; color: #fff;}
.sub_proinfo_content{ width:900px;  }
.sub_title{ width: 900px; height: 50px; line-height: 50px; border-bottom: 2px solid #da251c; margin-top: 20px; }
.sub_title span{ height: 50px; color: #4c4c4c;  font-size: 20px; line-height: 50px; display: inline-block; text-align: center; border-bottom: 2px solid #DA251C;}
.sub_title span i{ background: #DA251C; display: inline-block; width: 10px; height: 30px; margin-top: 10px; line-height: 40px;  vertical-align: middle; float: left; margin-right: 10px;}
.sub_content{  padding: 20px; font-size: 14px; line-height: 24px; overflow: hidden;}

.main_right_pro{ width: 930px; display: inline-block; background: #fff; }
.main_right_pro ul.content_wrap{ width: 900px; margin:0 20px; display: inline-block;}
.main_right_pro ul.content_wrap li{margin-bottom: 30px; margin-bottom: 20px; float: left;  }
.main_right_pro ul.content_wrap li .proinfo{ width: 290px;display: inline-block; margin: 0 5px; text-align: center; font-size: 16px; color: #3a3a3a;  }
.main_right_pro ul.content_wrap li .proinfo span{ display:inline-block;width: 290px; height: 218px;border: 1px solid #dcdcdc; }
.main_right_pro ul.content_wrap li .proinfo b{ width: 290px; height: 40px; display: block; overflow: hidden; line-height: 40px; font-size: 14px; font-weight: normal;  background: #e0e0e0; color: #333;  margin-top: -5px; border: 1px solid #dcdcdc;}
.main_right_pro ul.content_wrap li .proinfo img{ max-width: 290px; height: 218px;}
.main_right_pro ul.content_wrap li .proinfo a:hover span{ border: 1px solid #da251c;}
.main_right_pro ul.content_wrap li .proinfo a:hover b{ background: #da251c;  color: #ffffff; border: 1px solid #da251c; }
/**************** 联系我们  ****************/
#main{
    background: #fff;
}

.main_wrap{
    max-width: 1200px;
    margin: 0 auto;
}
.sub_contact #main_right{
    padding: 20px;
    width: 890px;
    padding-top: 0px;
    background: #fff!important;
}

.map_add{
    padding: 20px 0 20px;
    border-bottom: 1px solid #eee;
}

/* 公司名称 */
.map_add h5{
    font-size: 24px;
    font-weight: 600;
    color: #da251c;
    margin-bottom: 30px;
    letter-spacing: 1px;
}

/* 每一条信息：纵向排列 */
.map_add p{
    width: auto !important;
    float: none;
    display: block;
    font-size: 15px;
    color: #333;
    margin-bottom: 16px;
    position: relative;
}

/* 图标定位 */
.map_add p .conatct1,
.map_add p .conatct2,
.map_add p .conatct3,
.map_add p .conatct4{
    position: absolute;
    left: 0;
    top: 3px;
}

/* 标签文字 */
.map_add p i{
    font-style: normal;
    color: #888;
    margin-right: 6px;
}

/* 邮箱链接 */
.map_add a{
    color: #333;
    text-decoration: none;
}

.map_add a:hover{
    text-decoration: underline;
}

#main_footer_right{
    border-bottom: 1px solid #eee;
}
.sub_contact h3{
    padding: 20px 0;
}
/* 表单整体 */
.sub_message_content{
    width: 520px;
}

/* 输入控件统一风格 */
.sub_message_content input,
.sub_message_content textarea{
    width: 100% !important;
    height: 46px;
    border: 1px solid #dcdcdc;
    padding: 0 14px;
    font-size: 14px;
    color: #333;
    background: #fafafa;
    margin-bottom: 18px;
    box-sizing: border-box;
    float: none;
}

/* textarea */
.sub_message_content textarea{
    height: 130px;
    padding: 14px;
    resize: none;
}

/* 第一排双列 */
#name,
#tel{
    width: 48% !important;
}

#name{ float: left; }
#tel{ float: right; }

/* 验证码 */
#captcha{
    width: 200px !important;
    float: left;
}

.sub_message_content img{
    height: 46px;
    margin-left: 12px;
}

/* 提交按钮 */
.sub_message_content .sub{
    width: 100% !important;
    height: 48px;
    background: #da251c;
    color: #fff;
    font-size: 16px;
    letter-spacing: 2px;
    border-radius: 2px;
}
.sub_message_content .sub:hover{
    cursor: pointer;
    background: rgba(218, 37, 28, 0.8);
}
.map{
    width: 100%;
    height: 420px;
    border-radius: 2px;
    overflow: hidden;
}
/**************** 联系我们结束  ****************/
.f_middle{ font-size: 14px;}
.f_middle input{  width: 150px; height: 32px; border: 1px solid #dddddd;  text-indent: 15px;  margin-bottom: 10px; }
.f_middle .sub{ width: 100px;  text-indent: 0px; border: 1px solid #f37f1c;  background: #f37f1c; color: #fff; margin: 10px 0px;}
.f_middle .sub:hover{ cursor: pointer; background: #FF8C00; }
.f_middle img{ vertical-align: middle; width: 70px; height: 33px; }
.f_middle img:hover{ cursor: pointer;}

.page{ padding: 10px 0px 40px 0px; text-align: center;}
.sub_pic{ width: 467px;  margin: 0 auto; text-align: center; margin: 40px auto; }
.sub_pic b{ width: 100%; padding: 10px 0px; overflow: hidden; display: block;}
.sub_pic img{ max-width: 467px; height: auto; }

.map{ width: 820px; height: 360px;  margin-bottom: 20px;  }
.pagination {}
.pagination li {display: inline-block;margin-right: -1px;padding: 5px;border: 1px solid #e2e2e2;min-width: 20px;text-align: center;}
.pagination li.active {background: #DA251C;color: #fff;border: 1px solid #DA251C;}
.pagination li a {display: block;text-align: center; color: #999999; cursor: pointer; }

/**ad1**/
.ad-1{ width: 100%; padding: 3% 0px; background: url("../images/ad1.jpg?1") no-repeat fixed!important; background-size: cover!important; color: #fff;  position: relative;}
.main_wrap_ad{ width:1200px;  margin: 0 auto; display: flex; justify-content: space-between; align-items: center; }
.ad-1 .left p{ font-size:  1.2rem}
.ad-1 .left h3{ font-size: 2rem;}
.ad-1 .right{ }
.ad-1 .right p{font-size: 1rem; line-height: 30px;margin-bottom: 10px; }
.ad-1 .right p b{ font-size: 2rem; color: #DA251C; }
.ad-1 .right a{display: inline-block; padding: 5px 50px; font-size:1.2rem;  color: #fff; text-decoration: none; background:#da251c; color: #fff; border: 1px solid #da251c; border-radius: 5px; transition: all 0.3s;}
.ad-1 .right a:hover{ transform: scale(1.1) }
.ad-1::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 0;
}
.ad-1 .left,
.ad-1 .right {
    position: relative;
    z-index: 1;
}

/* 初始状态 */
#header-fixed-wrap {
    z-index: 9999;
    position: relative;
    transition:
            transform 1s ease,
            box-shadow 1s ease;
}

/* 吸顶后的状态 */
#header-fixed-wrap.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
    box-shadow: 0 6px 16px rgba(0,0,0,0.12);

    /* 轻微下滑出现 */
    transform: translateY(0);
}


#header-placeholder {
    display: none;
}

/* 单独写进页面 <style> 或专用 css 文件，前缀 td- 不污染全局 */
#main_tedian{ padding-bottom: 80px;}
#tedian_content .td-box{display:flex;gap:30px;align-items:center;max-width:1200px;margin:0 auto;}
#tedian_content .td-col,
#tedian_content .td-center{flex:1;}
#tedian_content .td-col{display:flex;flex-direction:column;gap:25px;}
#tedian_content .td-item{display:flex;gap:15px;align-items:flex-start; padding: 10px 0; border-bottom: 1px solid #efefef;}
#tedian_content .td-item img{width:50px;height:50px;object-fit:cover;flex-shrink:0;}
#tedian_content .td-item h3{font-size:17px;margin:0 0 6px; color:#c80000; }
#tedian_content .td-item p{font-size:14px;color:#555;margin:0;line-height:1.6;}
#tedian_content .td-center{text-align:center;}
#tedian_content .td-center img{max-width:100%;height:auto;margin-bottom:15px;}
#tedian_content .td-center a{display:inline-block;font-size:15px;color:#c80000;}