body, ul { margin: 0; padding: 0;width: 100%; }
ul { list-style: none; }
a { text-decoration: none; color: inherit; }
.clear{
    clear: both;
}
/* 顶部导航栏 */
.header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(255,255,255,0.97);
    /* padding: 15px 50px; */
    /* color: white; */
    z-index: 9999;
}
.logo { 
    /* font-size: 24px; font-weight: bold;  */
    max-height: 50px;
    margin: 15px 0 15px 50px;

}
.logo img{
    max-height: 50px;
}
.nav {
    height: 100%;
    margin-right: 50px;
}
.nav ul { display: flex; }
.nav li {
    position: relative;
    padding: 30px 0;
    cursor: pointer;
    color: #3b4251;
}
.nav li:hover { 
    /* background: #dc0916; */
    color: #dc0916;
}
.nav li a{
    /* color: #3b4251; */
    padding: 10px 20px;
}

.nav .submenu {
    display: none;
    position: absolute;
    top: 70px;
    left: -50%;
    background: rgba(255,255,255,0.97);
    width: auto;
    box-shadow: 1px 1px 30px rgba(0, 0, 0, .06);
}
.nav .submenu li {
    padding: 10px 20px;
    white-space: nowrap;
    color: #3b4251;
    font-size: 14px;
}
.nav .submenu li:hover { 
    /* background: #dc0916;  */
    /* color: #dc0916; */
    background-color: #14c9af;
}
.nav .has-submenu:hover .submenu { 
    display: block; 
}
.nav .submenu {
    z-index: 1000;
}
.header_con a{
    background-color: #dc0916;
}
.header_con a{
    color: #FFF;
}
.header_con a:hover{
    background-color: #14c9af;
}


.arrow { margin-left: 5px; transition: transform 0.3s; }
.arrow::before {
    content: "\f107";  /* caret-down（▾） */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;  /* 确保 FA6 显示正确 */
    font-size: 16px;  /* 调整大小 */
    display: inline-block;
}

.has-submenu:hover .arrow { transform: rotate(180deg); }

/* 轮播 */
.swiper-container .swiper-slide img{
    width: 100%;
}
.swiper-container {position: relative; width: 100%; overflow: hidden;z-index: 99;}
.swiper-slide { display: flex; align-items: center; justify-content: center; font-size: 24px; color: white; background: gray; }
.swiper-bigbox{
    position: relative;
}
.swiper-yuandian{
    position: absolute;
    bottom: 10%;
}

/* 模块样式 */
/* .section { padding: 50px; text-align: center; } */
#products { background: #FFF; margin: 0 0; }
#overall, #why-choose, #exhibition { background: #FFF; margin: 0 0; }

/* 页脚 */
.footer {
    background: #111111;
    color: #e5e5ea;
    text-align: center;
    padding: 30px;
}
.footer a { color: #e5e5ea; transition: color 0.3s; }
/* .footer a:hover { color: #14c9af; } */

.fusion-copyright-notice {
    display: block;
    width: 100%;
    text-align: center;
    max-width: 1170px;
    margin: 0 auto;
}
.foot_menu_box{
    display: flex;
    width: 100%;
    justify-content: center;
}
.foot_menu_box a{
    display: inline-block;
    margin: 6px 10px;
}
.foot_menu_box a:hover{
    color: #dc0916;
}
.footeraddress{
    margin-top: 22px;
    font-size: 14px;
}
.footertell{
    margin-bottom: 20px;
    font-size: 14px;
}
.footer_wrapper_ico{
    margin-top: 20px;
}
.footer_wrapper_ico a {
    display: inline-block;
    width: 30px; /* 图标宽度 */
    height: 30px; /* 图标高度 */
    line-height: 30px; /* 垂直居中 */
    text-align: center; /* 水平居中 */
    background-color: #C81F44; /* 背景颜色 */
    border-radius: 4px; /* 圆角 */
    color: #fff; /* 图标颜色 */
    transition: background-color 0.3s ease; /* 背景色变化动画 */
}

.footer_wrapper_ico a i {
    font-size: 18px; /* 图标大小 */
}

.footer_wrapper_ico a:hover {
    background-color: #9e0f2a; /* 鼠标悬停时的背景色 */
}

.footer_wrapper_ico a:focus {
    outline: none; /* 去除聚焦时的边框 */
}


/* toTop */
#toTop {
    background-color: #333;
    border-radius: 4px 4px 0 0;
    bottom: 20px;
    height: 48px;
    position: fixed;
    left: 20px;
    width: 48px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, background-color 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
}
#toTop:hover {
    background-color: #dc0916;
}
#toTop.fusion-to-top-active {
    visibility: visible;
    opacity: 0.9;
}
.screen-reader-text::before {
    content: "\f077";  
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 18px;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}


/* Contact Us */
.contact_main{
    width: 100%;
    margin: 40px auto;
}
.contact_box{
    max-width: 1170px;
    width: 80%;
    margin: 0 auto;
}
.contcent{
    padding: 10%;
}
.contcent p a{
    color: #dc0916;
    font-weight: bold;
}
.contcent p a:hover{
    color: #14c9af;
    font-weight: bold;
}
/* Contact Us end*/

/* About us */
.about_main{
    width: 100%;
    margin: 40px auto;
}
.aboutt_box{
    max-width: 1170px;
    width: 80%;
    margin: 40px auto;
}
.calculated_ul1,.calculated_ul3{
    margin: 60px auto;
}
.calculated_ul1{
    /* margin: 60px auto; */
}
.calculated_ul1,.calculated_ul2,.calculated_ul3,.calculated_ul4{
    /* margin: 30px auto; */
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.calculated_ul1 li,.calculated_ul2 li,.calculated_ul3 li{
    display: inline-block;
    width: 32%;
}
.calculated_ul1 li img,.calculated_ul2 li img,.calculated_ul3 li img{
    width: 100%;
}
.calculated_ul4 li{
    width: 25%;
    display: inline-block;
}
.calculated_ul4 li img{
    width: 100%;
}
/* About us end*/

/* Blog */
.blog_main{
    width: 100%;
    margin: 40px auto;
}
.blog_box{
    max-width: 1170px;
    width: 80%;
    margin: 40px auto;
}
.blog_list{
    margin: 60px auto;
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
}
.blog_list .blog_list_l{
    width: 28%;
}
.blog_list .blog_list_l img{
    max-width: 100%;
}
.blog_list .blog_list_r{
    width: 70%;
}
.blog_list .blog_list_r h2{
    color: #dc0916;
}
.arc_connte_ainer{
    margin-top: 30px;
}
.arc_connte_ainer a{
    color: #dc0916;
}
.pre_nex h4{
    margin: 0 auto;
}
.Pages_box{
    width: 80%;
    max-width: 1170px;
    margin: 0 auto;
}
.Pages_box .pagination{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.Pages_box .pagination li{
    display: inline-block;
}
.Pages_box .pagination li a{
    padding: 6px 12px;
}
.Pages_box .pagination li a:hover{
    color: #dc0916;
}
/* Blog end */



/* Solution */
.solution_main{
    width: 100%;
    margin: 40px auto;
}
.solution_box{
    max-width: 1170px;
    width: 80%;
    margin: 40px auto;
}
.solution_list{
    margin: 60px auto;
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
}

.solution_list .solution_list_l,.solution_list .solution_list_r{
    width: 48%;
}
.solution_list .solution_list_l{
    /* width: 28%; */
}
.solution_list .solution_list_l a{
    display: inline-block;
    max-width: 425px;
    width: 80%;
    margin: 0 auto;
}
.solution_list .solution_list_l img{
    width: 100%;
    max-width: 100%;
}
.solution_list .solution_list_r{
    /* width: 70%; */
}
.solution_list .solution_list_r h2{
    color: #333333;
}

.solution_moarea{
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    color: #fff;
    background-color: #C81F44;
    margin: 0 auto;
    display: inline-block;
    padding: 10px 16px;
    margin-top: 20px;

}
.solution_moarea:hover{
    background-color: #14c9af;    
}
.arc_connte_ainer{
    margin-top: 30px;
    text-align: center;
    position: relative;
}
.arc_connte_ainer p{
    text-align: left;
    text-indent: 2rem;
}
.arc_connte_ainer .solution_moarea{
    color: #FFF;
}
.pre_nex h4{
    margin: 0 auto;
}
.Pages_box{
    width: 80%;
    max-width: 1170px;
    margin: 0 auto;
}
.Pages_box .pagination{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.Pages_box .pagination li{
    display: inline-block;
}
.Pages_box .pagination li a{
    padding: 6px 12px;
}
.Pages_box .pagination li a:hover{
    color: #dc0916;
}
.solution_arc{
    max-width: 1170px;
    width: 80%;
    margin: 40px auto;
}
.arc_left,.arc_right{
    width: 47%;
    float: left;
    padding: 0 15px;
}
.acr_acr{
    max-width: 1170px;
    width: 80%;
    margin: 40px auto;
}
.acr_acr img{
    width: auto;
    max-width: 100%;
}
.arc_rightshare {
    display: flex;
    gap: 15px;
    align-items: center;
    font-size: 16px;
}

.arc_rightshare span {
    /* background: #f4f4f4; */
    padding: 8px 12px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.arc_rightshare i {
    color: #C81F44;
}

.share-btn {
    cursor: pointer;
    /* background: #C81F44; */
    color: #C81F44;
    transition: background 0.3s;
}

.share-btn:hover {
    background: #14c9af;
    color: white;
}

.arc_rightshare,.arc_rightinfo,.arc_rightinfotag{
    color: #999;
}
.arc_righttitle{
    margin-top: 0;
}
.arc_rightinfo{
    margin: 20px auto;
}
.arc_rightinfo p{
    margin: 1rem auto;
}
.arc_rightinfotag{
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
    border-top: 1px solid #eee;
}
.arc_rightinfotag p{
    text-align: center;
}
.arc_rightinfotag a{
    color: #9e0f2a;
    margin-right: 16px;
}
.arc_rightinfotag a:hover{
    color: #14c9af;
}
.solutionmySwiper2 .swiper-wrapper .swiper-slide img{
    width: 100%;
    max-width: 100%;
    background-color: #FFF;
}
.solutionmySwiper{
    margin-top: 12px;
}
.solutionmySwiper .swiper-wrapper .swiper-slide img{
    width: 100%;
    max-width: 100%;
    background-color: #FFF;
    
}
.solutionmySwiper .swiper-button-next, .solutionmySwiper .swiper-button-prev{
    color: #FFF;
}
/* Solution end*/
.main_top_box{
    
    width: 80%;
    /* max-width: 1170px; */
    margin: 0 auto;
    margin-top: 30px;
}
.top_logo{
    max-width: 220px;
    margin: 0 auto;
}
.top_h1{
    color: #3b4251;
    text-align: center;
}
.top_pp1{
    font-size: 16px;
    font-weight:bold;
    line-height: 2;
}
.top_logo img{
    max-width: 100%;
}
.top_divem{
    max-width: 600px;
    margin: 0 auto;
    display:flex;
    justify-content: space-around;
    align-items: center;
}
.top_divem a{
    display: inline-block;
    
}
.top_divem a img{
    max-width: 80px;
    margin:  0 auto;
}
.line{
    width: 30%;
    margin: 0 auto;
    height: 2px;
    border-bottom: 1px solid rgb(59, 66, 81);
}
.comm_cpjk{
    width: 80%;
    max-width: 1170px;
    
    margin: 40px auto;
    /* margin-top: 40px; */
}
.cpjk{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 80%;
    margin:  0 auto;
}
.cpjk .cpjk_div {
    width: 40%;
    margin: 20px;
    position: relative;
    float: left;
    line-height: 26px;
    padding: 10px;
    height: 300px;
    background-color: #e3e3e3;
    overflow: hidden;
}
.cpjk_div p{
    text-align: center;
    line-height: 40px;
}
.cpjk_div p a img{
    width: 80px;
    max-width: 80px;
    height: auto;
}
.cpjk .cpjk_div p span {
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    font-weight: 700;
}
.cpjk_div .p1,.cpjk .p2 {
    margin-block-start: 5px;
    line-height: 26px;
    white-space: normal;
    word-break: break-all;
    width: 100%;
    margin-block-end: 5px;
    text-indent: 2em;
    text-align: left;
}

/* pro */
.pro_main{
    width: 100%;
    margin: 40px auto;
}
.pro_box{
    max-width: 1170px;
    width: 80%;
    margin: 40px auto;
}
.pro_list{
    margin: 60px auto;
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pro_list .pro_list_l,.pro_list .pro_list_r{
    width: 48%;
}
.pro_list .pro_list_l{
    /* width: 28%; */
}
.pro_list .pro_list_l a{
    display: inline-block;
    max-width: 425px;
    width: 80%;
    margin: 0 auto;
}
.pro_list .pro_list_l img{
    width: 100%;
    max-width: 100%;
}
.pro_list .pro_list_r{
    /* width: 70%; */
}
.pro_list .pro_list_r h2{
    color: #333333;
}

.pro_moarea{
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    color: #fff;
    background-color: #C81F44;
    margin: 0 auto;
    display: inline-block;
    padding: 10px 16px;
    margin-top: 20px;

}
.pro_moarea:hover{
    background-color: #14c9af;    
}
.arc_connte_ainer{
    margin-top: 30px;
    text-align: center;
    position: relative;
}
.arc_connte_ainer p{
    text-align: left;
    text-indent: 2rem;
}
.arc_connte_ainer .pro_moarea{
    color: #FFF;
}
.pre_nex h4{
    margin: 0 auto;
}
.Pages_box{
    width: 80%;
    max-width: 1170px;
    margin: 0 auto;
}
.Pages_box .pagination{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.Pages_box .pagination li{
    display: inline-block;
}
.Pages_box .pagination li a{
    padding: 6px 12px;
}
.Pages_box .pagination li a:hover{
    color: #dc0916;
}
.pro_arc{
    max-width: 1170px;
    width: 80%;
    margin: 40px auto;
}
.arc_left,.arc_right{
    width: 47%;
    float: left;
    padding: 0 15px;
}
.acr_acr{
    max-width: 1170px;
    width: 80%;
    margin: 40px auto;
}
.acr_acr img{
    width: auto;
    max-width: 100%;
}
.arc_rightshare {
    display: flex;
    gap: 15px;
    align-items: center;
    font-size: 16px;
}

.arc_rightshare span {
    /* background: #f4f4f4; */
    padding: 8px 12px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.arc_rightshare i {
    color: #C81F44;
}

.share-btn {
    cursor: pointer;
    /* background: #C81F44; */
    color: #C81F44;
    transition: background 0.3s;
}

.share-btn:hover {
    background: #14c9af;
    color: white;
}

.arc_rightshare,.arc_rightinfo,.arc_rightinfotag{
    color: #999;
}
.arc_righttitle{
    margin-top: 0;
}
.arc_rightinfo{
    margin: 20px auto;
}
.arc_rightinfo p{
    margin: 1rem auto;
}
.arc_rightinfotag{
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
    border-top: 1px solid #eee;
}
.arc_rightinfotag p{
    text-align: center;
}
.arc_rightinfotag a{
    color: #9e0f2a;
    margin-right: 16px;
}
.arc_rightinfotag a:hover{
    color: #14c9af;
}
.promySwiper2 .swiper-wrapper .swiper-slide img{
    width: 100%;
    max-width: 100%;
    background-color: #FFF;
}
.promySwiper{
    margin-top: 12px;
}
.promySwiper .swiper-wrapper .swiper-slide img{
    width: 100%;
    max-width: 100%;
    background-color: #FFF;
    
}
.promySwiper .swiper-button-next, .promySwiper .swiper-button-prev{
    color: #FFF;
}
/* pro end*/

.form-container {
    width: auto;
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.form-group {
    margin-bottom: 15px;
}
label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}
.required {
    color: red;
}
input, textarea {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
textarea {
    resize: vertical;
    height: 80px;
}
.form-actions {
    text-align: center;
}
.btn {
    background-color: #28a745;
    color: white;
    padding: 10px 15px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
.btn:hover {
    background-color: #218838;
}
.form-recaptcha {
    display: flex;
    align-items: center;
}
.fc-code {
    margin-left: 10px;
}

/**/
.tagg_main{
    width: 80%;
    margin: 0 auto;
    max-width:1170px;
}
.colmd1ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 26px 0;
}
.colmd1ul li{
    width: 22%;
    text-align: center;
    margin-top: 16px;
}
.colmd1ul li a{
    display: inline-block;
    padding: 6px 0;
    background: #dc0916;
    color: #FFF;
    width: 100%;
}
.colmd1ul li a:hover{
    background: #14c9af;
}
.tagportletbody .Pages_box{
    margin-bottom: 40px;
}

.tagg_main_ta{
    background: #edeff1;
    max-width: 1170px;
    width: 80%;
    margin: 0 auto;
}

.tagg_main_ta .captionname {
    color: #181C32;
    padding: 10px 0;
}
.tagg_main_ta .captionname:hover {
    color: #dc0916;
    padding: 10px 0;
}
.portlet1h2{
    padding: 26px 16px 0 16px;
    margin: 0 auto;
}
.portlet1light{
    padding: 26px 16px 0 16px;
}
.tagportletbody2 {
    padding: 26px 16px 0 16px;
}
.portlet2light{
    /*margin: 0 auto 36px auto;*/
}
.portlet2light .Pages_box{
    width: 100%;
    margin:  0 auto;
    padding: 26px 16px 26px 14px;
}
.colmd1ul_ar a:hover{
    color: #dc0916;
}