@import url('css2.css');
/*
Template Name:ORDINARY 
*/

/*
Table Of Content

1. Top Menu CSS
2. Menu Area CSS
3. Slider Area CSS
4. Feature Area CSS
5. Skill Area CSS
6. Call Area CSS
7. Service Area CSS
8. Team Area CSS
9. Pricing Area CSS
10. Testimonial Area CSS
11. Case Area CSS
12. Counter Area CSS
13. Portfolio Area CSS
14. Brand Area CSS
15. Faq Area CSS
16. Contact Area CSS
17. Blog Area CSS
18. Footer Area CSS
19. Breadcumb Area CSS
20. Single Service Area CSS


5. About Area CSS
6. Service Area CSS
7. Tab Area CSS
8. Team Area CSS
9. Counter Area CSS
10. Portfolio Area CSS
11. Faq Area CSS
12. Contact Area CSS
13. Blog Area CSS
14. Footer Area CSS
15. Breadcumb Area CSS
16. Single Team Area CSS
17. Feature Area CSS

*/


/*theme css*/
a {
    color:#17161a;
    transition: .5s;
}
a:hover {
    text-decoration: none;
    color: #0053a1;
}
body {
    font-family: Poppins,sans-serif;;
    font-weight: lighter;
    font-size: 16px;
    line-height: 1.6;
    color: #1d1d1f;
}
 p {
     font-style: normal;
}
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {
    font-family: Poppins,sans-serif;;
    font-style: normal;
    line-height: 1.2;
    font-weight: 700;
    transition: .5s;
    font-size: 20px;
    margin-bottom: 5px;
	color: #1d1d1f;
}
 .btn-primary:focus, select:focus, textarea:focus, input:focus{
     box-shadow: none !important;
}
 textarea, input{
     outline:none;
}
 a:focus, .btn:focus {
     text-decoration: none;
     outline: none;
}
 .uppercase {
     text-transform: uppercase;
}
 .capitalize {
     text-transform: capitalize;
}
.witr_section_title_inner h1, .witr_section_title_inner h2, .witr_section_title_inner h3 {
    font-size: 36px;
    margin: auto;
    font-weight: 700;
    line-height: 1.4;
}
.witr_section_title_inner h2 {
    font-size: 16px;
    color: #0053a1;
}
.witr_section_title_inner h1 span, .witr_section_title_inner h2 span, .witr_section_title_inner h3 span, .witr_section_title_inner p span, .witr_section_title_inner p span a {
    color: #0053a1;
}
.witr_section_title {
    position: relative;
}
.witr_image_title {
    margin-top: 0;
    margin-bottom: 10px;
}
.witr_bar_main {
    margin: 10px 0;
}
.witr_bar_inner {
    height: 5px;
    width: 100px;
    background: #0053a1;
    margin: 0px auto;
    position: relative;
    border-radius: 30px;
}
.witr_bar_innerc:before {
    left: 0;
    transform: translateY(-50%);
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-name: move_title_bg1;
}
.witr_bar_innerc:after {
    right: 0;
    transform: translateY(-50%);
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-name: move_title_bg2;
}
.witr_bar_innerc:after, .witr_bar_innerc:before {
    content: '';
    position: absolute;
    top: 50%;
    border-radius: 50%;
}
.witr_bar_innerc:after, .witr_bar_innerc:before {
    border: 6px solid #0053a1;
}
@keyframes move_title_bg1{from{left:0}to{left:100%}}
@keyframes move_title_bg2{from{right:0}to{right:100%}}
.divider-separator {
    display: flex;
}
.divider-separator{
	position:relative;
}
span.divider_text {
    color: #0053a1;
    font-family: Poppins,sans-serif;
    font-size: 17px;
    font-weight: 700;
    margin: 0 10px;
}
.divider-separator:before {
    display: block;
    content: "";
    border-bottom: 0;
    flex-grow: 1;
    border-top: 2px solid #0053a1;
    margin-top: 14px;
}
.divider-separator {
    width: 35%;
    margin: 0 auto;
    margin-left: 0;
}
.divider {
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
	display: flex;
}
.divider .divider-separator {
    display: flex;
    direction: ltr;
}
.witr_section_title {
    margin-bottom: 47px;
}
.witr_section_title_inner p {
    width: 100%;
    padding: 0 0 0 0;
    margin-top: 10px;
}
.witr_section_title_inner.text-center p {
    font-size: 16px;
    width: 64%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
}
@media (min-width: 1200px){
	.bslider_area .container, .trp_nav_area .container, .witrfm_area .container {
		max-width: 1200px;
	}	
}
@media (min-width: 1920px){
	.solution_container {
		max-width: 1920px;
	}	
}
@media (min-width: 1400px){
	.why_choose_us_container {
		max-width: 1400px;
	}	
}
@media (min-width: 1400px){
	.container {
		max-width: 1400px;
	}	
}
/* ===== 1. Top Menu CSS ===== */
 .em40_header_area_main.hdisplay_none {
     display: none;
}
.ordinary-header-top {
    padding: 10px 0;
}
.ordinary-header-top {
    background: #f5f6fa;
}
.top-address p {
    margin-bottom: 0;
}
.top-address p a, .top-address p span {
    margin-right: 0px;
    font-size: 15px;
    font-weight: 500;
    color: #1d1d1f;
}
.top-right-menu ul.social-icons li a{
	color:#fff;
}
.top-right-menu ul.social-icons li {
    display: inline-block;
    margin-left: 11px;
    position: relative;
}
.top-right-menu ul.social-icons li a {
    display: inline-block;
    text-decoration: none;
    color: #333333;
    transition: all .2s ease-in-out;
    font-size: 15px;
    font-weight: 500;
}
.top-right-menu ul.social-icons li a:hover{
	color:#0053a1;
}
.top-address p a i, .top-address p span i, .top-welcome p span i, .top-welcomet p span i {
    font-size: 13px;
    margin-right: 5px;
    color: #333333;
}
.top_crt_style .main_sticky_l {
    display: none;
}
.top_crmenu_l ul, .top_crt_style {
    background: #0053a1;
    padding: 20px 0;
}
.single_header_address {
    text-align: left;
}
.creative_header_icon {
    float: left;
    margin-right: 10px;
    overflow: hidden;
}
.creative_header_icon i {
    font-size: 30px;
    margin-top: 5px;
    margin-left: 2px;
    display: inline-block;
    color: #fff;
}
.creative_header_address_text>h3 {
    font-size: 18px;
    margin: 0;
    padding: 0;
    color: #fff;
}
.top_crt_style .site-title a, .top_crt_style p, .top_crt_style p a {
    color: #fff;
}
.creative_header_address_text>p {
    margin: 0;
    overflow: hidden;
}
.tx_menuc_btn {
    text-align: right;
}
.tx_menuc_btn .tx_mc_btn {
    border-radius: 5px;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    margin-left: 0;
    padding: 12px 26px;
    transition: .5s;
    background: #006ff9;
    color: #fff;
}
.tx_menuc_btn .tx_mc_btn:hover {
    background: #131414;
}
.top-welcome {
    display: inline-block;
}
.top-welcome p, .top-welcomet p {
    padding: 0;
    margin: 0;
	color:#fff;
}
.top-welcome p span{
	font-size:15px;
	font-weight:500;
	color:#fff;
}
.top-welcome p span i{
	color:#fff;
}
/* ===== 2. Menu Area CSS ===== */
.ordinary_nav_area.postfix {
    transition: .3s;
}
.ordinary_nav_area {
    background: #fff;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
}
.hmenu_box_style {
    background: #fff;
}
.hmenu_box_style {
    margin-top: 80px;
    border-radius: 5px;
}
.hmenu_box_style.hbg2 {
    margin-top: 0;
    padding: 0;
}
.trp_nav_area {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
    transition: .5s;
}
.tx_menu_together, .tx_bs_together {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.search_popup_button, .tx_mmenu_together {
    align-items: center;
    display: flex;
    justify-content: flex-end;
}
.logo-right,
.logo-left {
    align-items: center;
}
.mobile_menu_logo.text-center {
     padding: 20px 0;
}
/* LOGO CSS */
 .logo a {
     display: inline-block;
}

/* logo sticky */
 .ordinary-main-menu .logo a.main_sticky_main_l {
     display: block;
}
 .ordinary-main-menu .logo a.main_sticky_l {
     display: none;
}
.hmenu_box_style.hbg2 .logo a.main_sticky_l {
    display: block;
}
.hmenu_box_style.hbg2 .logo a.main_sticky_main_l {
    display: none;
}
/* logo pre */
 .ordinary-main-menu .prefix .logo a.main_sticky_main_l {
     display: none;
}
 .ordinary-main-menu .prefix .logo a.main_sticky_l {
     display: block;
} 
/* MENU text CSS */
 .ordinary_menu ul {
     text-align: right;
     list-style: none;
}
 .ordinary_menu > ul > li {
     display: inline-block;
     position: relative;
}
.ordinary_menu > ul > li > a {
    display: block;
    margin: 40px 25px;
    transition: .5s;
    position: relative;
    font-size: 16px;
    font-weight: 700;
    color: #1d1d1f;
    text-transform: uppercase;
}
.hmenu_box_style.hbg2 .ordinary_menu>ul>li>a {
    color: #fff;
}
.ordinary_menu ul .sub-menu li a:hover, .ordinary_menu ul .sub-menu li.current-menu-item a, .ordinary_menu>ul>li.current-menu-item>a, .ordinary_menu>ul>li>a:hover, .ordinary_nav_area.prefix .ordinary_menu>ul>li.current-menu-item>a, .ordinary_nav_area.prefix .ordinary_menu>ul>li>a:hover, .hbg2 .ordinary_menu>ul>li.current-menu-item>a, .hbg2 .ordinary_menu>ul>li>a:hover, .heading_style_2 .ordinary_menu>ul>li.current-menu-item>a, .heading_style_2 .ordinary_menu>ul>li>a:hover, .heading_style_3 .ordinary_menu>ul>li.current-menu-item>a, .heading_style_3 .ordinary_menu>ul>li>a:hover, .heading_style_4 .ordinary_menu>ul>li.current-menu-item>a, .heading_style_4 .ordinary_menu>ul>li>a:hover {
    color: #0053a1;
}
 .ordinary_menu > ul > li > a:before, .ordinary_menu > ul > li.current > a:before {
     background: #ffb600 none repeat scroll 0% 0;
     bottom: -7px;
     content: "";
     height: 2px;
     left: 0;
     margin: auto;
     opacity: 0;
     position: absolute;
     right: 0;
     transition: all 0.5s ease 0s;
     width: 15%;
     display:none;
}
.ordinary_menu ul li:last-child a {
    margin-right: 0;
}
.ordinary_menu > ul > li.current > a, .ordinary_menu > ul > li:hover > a, .creative_header_menu > ul > li:hover > a {
    color: #0053a1;
    background-color: transparent;
	color: #0053a1;
}
 .ordinary_menu > ul > li:hover > a:before, .ordinary_menu > ul > li.current > a:before {
     opacity: 1;
}
 .transprent-menu .ordinary_nav_area {
     left: 0;
     right: 0;
     top: 0;
     z-index: 9999;
     background-color: transparent;
     padding: 0;
     transition: .5s;
     position: absolute;
}
 .ordinary_nav_area.postfix {
     transition: .3s;
}
.ordinary_nav_area.prefix, .hbg2 {
    background: rgba(0,0,0,0.7);
}
.ordinary_nav_area.prefix .right_sideber_menu i, .witr_search_wh .prefix .em-header-quearys .em-quearys-menu i {
    color: #fff;
}
 .ordinary_nav_area.prefix .ordinary_menu > ul > li > a {
     color:#fff;
}
.ordinary_nav_area.prefix .ordinary_menu > ul > li.current > a {
    color: #0053a1;
}
.witr_h_h2 .ordinary_menu {
    justify-content: space-around;
    display: flex;
    align-items: center;
}
.landing_page .ordinary_menu {
    justify-content: flex-end;
}
.tx_mmenu_together .donate-btn-header {
     padding: 0;
}
@media (max-width: 1200px){
	.donate-btn-header{
		display: none;
	}
}
 .prefix .main_menu_header_address_text h3, .prefix .main_menu_header_address_text h4 a, .prefix .main_menu_header_icon i {
     color: #fff;
}
.ordinary_menu, .witr_h_h4 .ordinary_menu{
	justify-content:flex-end;
	display:flex;
	align-items:center;
}
/* sub menu style */
.ordinary_menu ul li {
    position: relative;
}
.ordinary_menu ul .sub-menu {
    position: absolute;
    left: 0;
    top: 100%;
    width: 200px;
    text-align: left;
    background: #fff;
    margin: 5px;
    padding: 15px 8px 8px 25px;
    z-index: 9999;
    border-radius: 15px;
    box-shadow: 0 0 30px rgb(0, 0, 0, 0.09);
    transition: all 0.2s ease 0s;
    opacity: 0;
    visibility: hidden;
    transform: translateY(5px);
}
 .ordinary_menu ul li:hover > .sub-menu {
     transition: .5s;
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
     top: 100%;
     z-index: 9;
}
 .ordinary_menu ul .sub-menu li {
     position: relative;
	 transition:.5s;
}
.ordinary_menu ul .sub-menu li a {
    display: block;
    margin: 0;
    margin-bottom: 6px;
    letter-spacing: normal;
    font-size: 16px;
    font-weight: 500;
    transition: .5s;
    color: #1d1d1f;
    visibility: inherit !important;
    padding: 4px 0;
    font-family: Poppins,sans-serif;
}
.ordinary_menu ul .sub-menu li:before {
    opacity: 0;
    transition: .1s;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
 .ordinary_menu ul .sub-menu li:hover > a, .ordinary_menu ul .sub-menu .sub-menu li:hover > a, .ordinary_menu ul .sub-menu .sub-menu .sub-menu li:hover > a, .ordinary_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover > a {
     color: #0053a1;
}
.ordinary_menu ul .sub-menu li:before {
    left: -18px;
}
.ordinary_menu ul .sub-menu li:hover:before{
	opacity:1;
}
.ordinary_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a, .ordinary_menu ul .sub-menu .sub-menu .sub-menu li:hover>a, .ordinary_menu ul .sub-menu .sub-menu li:hover>a, .ordinary_menu ul .sub-menu li:hover:before, .ordinary_menu ul .sub-menu li:hover>a {
    color: #0053a1;
}
.ordinary_menu ul .sub-menu li:hover {
    margin-left: 5px;
}
/* sub menu 2 */
.ordinary_menu ul .sub-menu .sub-menu {
    left: 100%;
    top: 130%;
    opacity: 0;
    visibility: hidden;
}
 .ordinary_menu ul .sub-menu li:hover > .sub-menu {
     opacity: 1;
     visibility: visible;
     top: 0%;
}
/* sub menu 3 */
 .ordinary_menu ul .sub-menu .sub-menu li {
     position: relative;
}
 .ordinary_menu ul .sub-menu .sub-menu .sub-menu {
     right: 100%;
     left: auto;
     top: 130%;
     opacity: 0;
     visibility: hidden;
}
 .ordinary_menu ul .sub-menu .sub-menu li:hover > .sub-menu {
     opacity: 1;
     visibility: visible;
     top: 0%;
}
/* sub menu 4 */
 .ordinary_menu ul .sub-menu .sub-menu .sub-menu li {
     position: relative;
}
 .ordinary_menu ul .sub-menu .sub-menu .sub-menu li:hover > .sub-menu {
     opacity: 1;
     visibility: visible;
     top: 0%;
}
/* has menu icon */
.ordinary-main-menu .menu-item-has-children>a:after {
    margin-left: 5px;
    content: "\eac8";
    font-family: IcoFont!important;
    opacity: 1;
    font-size: 14px;
    font-weight: 700;
    width: 13px;
    height: 13px;
}
/* quearys area css */
.ordinary_menu.main-search-menu > .em-header-quearys, .em-quearys-top.msin-menu-search {
    display: inline-block;
}
.em-top-quearys-area {
    position: relative;
}
.ordinary_menu div.em-header-quearys {
    text-align: center;
}

.em-quearys-inner {
    visibility: hidden;
    opacity: 0;
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    left: -150%;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: 10000;
    transition: all 0s 0s cubic-bezier(0.32, 0, 0, 1), transform .3s .15s cubic-bezier(0.32, 0, 0, 1), background .3s 0s cubic-bezier(0.32, 0, 0, 1);
    transform: scale(1.1);
    visibility: hidden;
    opacity: 0;
    left: -150%;
    background: rgba(0, 0, 0, 0);
}
.em-s-open {
    visibility: visible;
    opacity: 1;
    left: 0;
    background: #0053a1 !important;
    transform: scale(1);
}
.em-quearys-form {
    width: 100%;
    max-width: 895px;
    margin: auto;
    padding: 30px 0;
}
.top-form-control {
    position: relative;
}
.top-form-control input {
    background: transparent;
    color: #fff;
    font-size: 50px;
    font-weight: 500;
    height: 100px;
    padding: 0 40px 0 15px;
    width: 100%;
    border: none;
    transition: .5s;
    border-bottom: 3px solid #fff;
}
.top-form-control input::placeholder{
	color:#fff;
}
textarea, input {
    outline: none;
}
.top-form-control button.top-quearys-style {
    position: absolute;
    right: 6px;
    top: 50%;
    background: transparent;
    font-size: 45px;
    border: none;
    color: #fff;
    transform: translateY(-50%);
}
.main-search-menu .em-header-quearys .em-quearys-menu i {
    cursor: pointer;
    padding: 0;
    border-radius: 100px;
    height: 36px;
    width: 36px;
    line-height: 36px;
    display: inline-block;
    margin-left: 10px;
    font-size: 20px;
    color: #272727;
}
.em-quearys-top.msin-menu-search .em-quearys-menu i {
    margin-left: 10px;
    cursor: pointer;
    display: inline-block;
}
.mrt10{
	margin-top:10px;
}
.em-quearys-menu i {
    border-radius: 50px;
    text-align: center;
    height: 36px;
    width: 36px;
    line-height: 36px;
    font-size: 17px;
    background: #0053a1;
    color: #fff;
}
.main-search-menu .em-header-quearys .em-quearys-menu i {
    cursor: pointer;
    background: transparent;
    color: #fff;
    padding: 0;
    border-radius: 100px;
    height: inherit;
    width: inherit;
    line-height: inherit;
    display: inline-block;
    margin-left: 10px;
    font-size: 20px;
    color: #272727 !important;
}
.kender_nav_area.prefix .right_sideber_menu i, .witr_search_wh .prefix .em-header-quearys .em-quearys-menu i {
    color: #fff !important;
}
.main_menu_address_a {
    display: flex;
    align-items: center;
    position: relative;
}
.main_menu_address_a::before {
    background: #fbfbfb40;
}
.main_menu_address_a:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 107px;
    left: 0;
}
.main_menu_header_icon {
    margin-left: 25px;
    margin-right: 10px;
}
.main_menu_header_icon i {
    color: #0053a1;
	font-size: 30px;
}
.main_menu_header_address_text h3, .main_menu_header_address_text h4 a {
    margin: 0;
    font-weight: 600;
	font-size: 18px;
	
}
.main_menu_header_address_text h3{
	color: #0053a1;
}
.main_menu_header_address_text h4 {
    margin-bottom: 0;
    color: #030925;
}
/*=======================
#2 ordinary mobile menu css
========================*/
.mobile-menu{
 display:none !important;
}
@media (max-width: 991px){
	.search_popup_button, .tx_mmenu_together{
		display: none;
	}

}
 .mobile_logo_area{
 display:none !important;
}
.mean-container a.meanmenu-reveal {
    display: none !important;
}
.mean-container .mean-nav > ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none;
    display: block !important;
}
.mean-container .mean-bar {
    background: #fff;
    padding: 0;
}
.mean-container .mean-nav ul li {
    border-top: 0px solid #ddd;
}
.mean-container .mean-nav ul li li a,
.mean-container .mean-nav ul li a {
    color: #1d1d1f;
}
.mean-container .mean-nav ul li li a {
    border-top: 1px solid #f5f6fa;
}
.mean-container .mean-nav ul li a:hover {
    color: #0053a1;
}
.mobile_p {
    position: fixed;
    right: 0;
    width: 300px;
	padding: 80px 20px 0px;
	overflow-y: scroll;
    top: 0;
    height: 100%;
    z-index: 9999;
    display: block;
    transition: 0.5s all;
    box-shadow: 0 0 30px rgb(0 0 0 / 7%);
    transform: translateX(100%);
    background: #ffffff;
}
.tx-s-open {
    transform: translateX(0);
}
.mobile_p .tuetion_theme_widget > div.widget_block {
    padding: 0;
}
.mobile_p .tuetion_theme_widget > div {
    padding: 20px 0px 20px;
    box-shadow: none;
}
.mobile_p {}
.mean-container .mean-nav ul li a {
    border: 0;	
    width: 100%;
    border-top: 1px solid #ddd;	
    font-size: 14px;
    padding: 12px 5px;
    font-weight: 500;
	display: block;
}
.mean-container .mean-nav ul li a.mean-expand {
	width: auto;
}
.mean-container .mean-nav ul li li a {}
.mobile_opicon {
    text-align: right;
    padding: 4px 0;
}
.mean-container .mean-nav > ul > li:first-child > a {
    border-top: 0;
}
.mobilemenu_con {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mobile_menu_o  i {
    font-size: 26px;
}
.mobile_menu_content .mobile_menu_logo {
    margin-bottom: 20px;
}
.mobile_cicon {
    position: absolute;
    right: 30px;
    top: 50px;
}
.mobile_overlay {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0;
    z-index: 999;
    width: 100vw;
    height: 100vh;
    visibility: hidden;
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    transition: all 0.3s ease-out 0s;
}
.mobile_overlay.mactive {
    opacity: 1;
    visibility: visible;
}
/* menu button */
a.dtbtn {
    border: none;
    display: block;
    font-size: 15px;
    font-weight: 500;
    border-radius: 10px;
    padding: 13px 25px;
    color: #fff;
    background: #0053a1;
    margin-left: 200px;
}
a.dtbtn:hover {
    background: #1d1d1f;
    color: #fff;
}
/* popup menu css */
.menu_popup_option {
    margin-left: 10px;
}
.right_sideber_menu i {
    font-size: 22px;
    cursor: pointer;
    color: #272727;
}
.right_sideber_menu_inner {
	background: #fff;
    position: fixed;
    right: 0;
    width: 400px;
    top: 0;
    height: 100%;
    z-index: 999;
    overflow: auto;
    padding: 80px 40px 0;
    display: block;
    -webkit-transition: .5s all;
    transition: .5s all;
    box-shadow: 0 0 30px rgb(0 0 0 / 7%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
.tx-s-open {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.right_sideber_content .blog-left-side>div {
    padding: 0;
    box-shadow: none;
    background: #fff;
    margin-bottom: 30px;
    border-radius: 8px;
}
.blog-left-side .widget h2 {
    line-height: 17px;
    margin-bottom: 20px;
    padding-bottom: 12px;
    position: relative;
    margin-top: 0;
}
.blog-left-side .widget h2:after, .blog-left-side .widget h2:before {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 0;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    margin-top: 17px;
    left: 0;
}
.blog-left-side h2.widget-title:before {
    width: 26%;
    border: 0;
    height: 2px;
}
.blog-left-side .widget ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.blog-left-side .widget h2 {
    border-bottom: 0;
}
.blog-left-side>.widget>ul>li {
    margin: 0 0 10px;
    padding-bottom: 10px;
}
.blog-left-side .widget ul li {
    padding-left: 20px;
    position: relative;
}
.blog-left-side .widget>ul>li:not(:last-child) {
    border-bottom: 1px solid rgba(0,0,0,.12);
}
.blog-left-side .widget ul li:before {
    content: "\eaa0";
    font-family: IcoFont!important;
    font-size: 18px;
    left: 0;
    position: absolute;
}
.blog-left-side .widget a {
    color: #17161a;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 18px;
    line-height: 2;
    margin: 0 0 20px;
    width: 100%;
}
#wp-calendar {
    margin-bottom: 20px;
    overflow: auto;
    vertical-align: top;
    width: 100%;
    margin: 0;
    font-size: 13px;
}
#wp-calendar caption {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    text-align: left;
    text-transform: uppercase;
}
table#wp-calendar th {
    font-size: 13px;
    font-weight: 700;
    padding: 5px 10px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    border: 1px solid #e5e5e5;
}
table#wp-calendar td#today {
    background: #e53e29;
}
.right_sideber_menu_inner .blog-left-side .widget a {
    color: #454545;
}
.right_sideber_menu_inner .blog-left-side .widget ul li{
	position:relative;
}
.right_sideber_menu_inner .blog-left-side .widget ul li:before {
    content: "\eaa0";
    font-family: IcoFont!important;
    font-size: 18px;
    left: 0;
    position: absolute;
}
.right_side_icon.right_close_class {
    position: absolute;
    right: 30px;
    top: 50px;
}
.prefix .right_close_class .right_sideber_menu i, .right_close_class .right_sideber_menu i {
    font-size: 22px;
    font-weight: 700;
    color: #e53e29;
}
.right_sideber_menu i {
    font-size: 22px;
    cursor: pointer;
}
.right_sideber_menu i:hover{
	color:#1d1d1f;
}
.witr_slick_content .witr_btn.active {
    color: #fff;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #fff;
	background:transparent;
}
.witr_slick_content .witr_btn.active:hover {
    background: #0053a1;
    border-color: #0053a1;
}
.witr_btn:hover {
    background: #fff;
    color: #fff;
}
.witr_btn {
    background: #0053a1;
    border-radius: 7px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    padding: 12px 25px;
    text-align: center;
    position: relative;
    margin-right: 20px;
    z-index: 2;
    transition: 1s;
    font-weight: 700;
}
/* ===== 3. Slider Area CSS ===== */
.witr_swiper_area {
    overflow: hidden;
    position: relative;
}
.witr_swiper_height {
    height: 800px;
}
.product_swiper_area {
    overflow: hidden;
    position: relative;
}
.product_swiper_height {
    height: 255px;
    width: 100%; 
    aspect-ratio: 2 / 1; 
    background-size: cover; /* 确保背景图等比例缩放，复用原有样式逻辑 */
    background-position: center center; /* 确保背景图居中，核心内容不被裁剪 */
    background-repeat: no-repeat; /* 禁止背景图重复，避免移动端布局错乱（原有样式未包含，补充） */
}
@media (max-width: 768px) { /* 768px 为移动端分界点，可调整为 576px 等 */
    .product_swiper_height {
        height: auto !important; /* 覆盖大屏固定 255px 高度，由宽高比控制高度 */
    }
}
.witr_swiper_height, .wittr_gallery_swiper {
    background-size: cover;
    background-position: center center;
    position: relative;
}
.swiper-slide, swiper-slide {
    flex-shrink: 0;
    transition-property: transform;
    display: block;
}
.witr_swiper_height:before, .wittr_gallery_swiper:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.witr_sw_text_area {
    margin: auto;
    width: 60%;
    height: 100%;
}
.witr_swiper_content {
    position: relative;
    top: 46%;
    transform: translateY(-50%);
    z-index: 1;
}
.witr_swiper_content02 {
    position: relative;
    top: 25%;
    transform: translateY(-50%);
    z-index: 1;
}
.text-left .witr_swiper_content h1, .text-left .witr_swiper_content h2, .text-left .witr_swiper_content h3, .text-left .witr_swipers_title h4, .text-right .witr_swiper_content h1, .text-right .witr_swiper_content h2, .text-right .witr_swiper_content h3, .text-right .witr_swipers_title h4 {
    width:66%;
}
.text-left .witr_swiper_content h1, .text-left .witr_swiper_content h2, .text-left .witr_swiper_content h3, .text-left .witr_swipers_title h4 {
    margin: 20px auto 20px 0;
}
.text-left .witr_swiper_content02 h1, .text-left .witr_swiper_content02 h2, .text-left .witr_swiper_content02 h3, .text-left .witr_swipers_title h4 {
    margin: 20px auto 20px 0;
}
.witr_swiper_content h2, .witr_swiper_content h3 {
    font-size: 70px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
}
.witr_swiper_content02 h2, .witr_swiper_content02 h3 {
    font-size: 70px;
    font-weight: 700;
    color: #0053a1;
    line-height: 1;
}
.witr_swiper_content h1 {
    font-family: "DM Sans", Sans-serif;
    font-size: 34px;
    display: inline;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
}
.witr_swiper_content02 h1 {
    font-size: 34px;
    display: inline;
    color: #1d1d1f;
    font-weight: 500;
    text-transform: uppercase;
}
.witr_swiper_content p {
    font-weight: 400;
    font-size: 18px;
	color:#fff;
}
.witr_swiper_content02 p {
    font-weight: 400;
    font-size: 18px;
	color:#1d1d1f;
}
.text-left .witr_swiper_content p, .text-right .witr_swiper_content p {
    width: 49%;
}
.text-left .witr_swiper_content p {
    margin: 25px auto 15px 0;
}
.text-center .witr_swiper_content p {
    margin: 29px auto 0;
    width: 57%;
    font-size: 22px;
    font-weight: 500;
}
.ordinary_single_event:hover .event_page_title h2 a, .witr_swiper_content h1 span, .witr_swiper_content h2 span, .witr_swiper_content h3 span {
    color: #0053a1;
}
.slider_btn {
    margin-top: 20px;
}
.product_detail_btn {
    margin-top: 20px;
}
.witr_video_btn, .witr_video_btn:hover{
    color: #fff;
}
.text-left .witr_btn_sinner {
    text-align: left;
}
.witr_btn {
    outline: 0;
    border-radius: 30px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    background: #0053a1;
    padding: 12px 40px;
    text-align: center;
    position: relative;
    margin-right: 15px;
    z-index: 2;
    display: inline-block;
    transition: .5s;
}
.witr_btn:hover {
    background: #1d1d1f;
    color: #fff;
}
.product_detail_a_btn {
    outline: 0;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    background: #0053a1;
    padding: 15px 30px;
    text-align: center;
    position: relative;
    margin-right: 15px;
    z-index: 2;
    display: inline-block;
    transition: .5s;
}
.product_detail_a_btn:hover {
    background: #1d1d1f;
    color: #fff;
}
.product_detail_b_btn {
    outline: 0;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    background: #c7000b;
    padding: 15px 30px;
    text-align: center;
    position: relative;
    margin-right: 15px;
    z-index: 2;
    display: inline-block;
    transition: .5s;
}
.product_detail_b_btn:hover {
    background: #d0112b;
    color: #fff;
}
.witr_swiper_content .witr_btn.active {
    color: #fff;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #fff;
	background: transparent;
}
.witr_swiper_content .witr_btn.active:hover {
    border-color: #0053a1;
    background: #0053a1;
}
.witr_bbtn{
    color: #fff;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #fff;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 500;
	text-align: center;
    position: relative;
    margin-right: 20px;
    z-index: 2;
    transition: 1s;
	display: inline-block;
    padding: 18px 40px;
}
.witr_bbtn:hover{
    border-color: #174e7b;
    background: #174e7b;
	color:#fff;
}
.witr_video_btn {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}
.witr_swiper_area .swiper-slide a {
    display: inline-block;
}
.witr_video_btn i {
    position: relative;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    display: inline-block;
    transition: .5s;
    border-radius: 50%;
    margin-right: 10px;
    font-size: 20px;
    background: #174e7b;
    color: #fff;
}
.witr_video_btn i:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 0;
    animation-fill-mode: both;
    animation: witr_squares 1.5s ease-in-out infinite;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: #174e7b;
}
.nivo-caption, .witr_swiper_area .swiper-container-horizontal>.swiper-scrollbar {
    background: rgba(0,0,0,0);
}
.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}
.swiper-pagination-fraction {
    color: #fff;
    font-size: 50px;
    width: 20%;
    left: auto;
    right: 0;
	bottom: 5px;
}
.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10;
}
.swiper, swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}
.wittr_gallery_swiper {
    height: 100px!important;
    margin-top: 10px;
    margin-bottom: 10px;
}
.witr_swiper_height, .wittr_gallery_swiper {
    background-size: cover;
    background-position: center center;
    position: relative;
}
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 80px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background: no-repeat 50%;
    color: #0053a1;
    transition: .5s;
    border-radius: 5px;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 30px;
}
.swiper-button-next:hover, .swiper-button-prev:hover {
    padding: 30px;
	background: #0053a1;
}
.swiper-button-next:hover, .swiper-button-prev:hover, .witr_ds_content_inner h1 span, .witr_ds_content_inner h2 span, .witr_ds_content_inner h3 span {
    color: #fff;
}
/* ===== 4. Feature Area CSS ===== */
.od_fe_area {
    padding: 90px 0 70px 0;
}
.service-item {
    border-style: solid;
    border-width: 0;
    border-color: #f5f5f7;
    padding: 40px 40px 40px 40px;
    border-radius: 30px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transition: .5s;
    margin-bottom: 20px;
}
.solution-item {
    border-style: solid;
    border-width: 3px 3px 3px 3px;
    border-color: #f5f5f7;
    padding: 0px 0px 0px 0px;
    transition: .5s;
    margin-bottom: 30px;
}
.text_box i {
    color: #0053a1;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #f5f5f7;
    background: #02010100;
	transition: .5s;
}
.text_box_contact {
    color: #1d1d1f;
}
.text_box_contact h3 {
    font-size: 26px;
}
.text_box_contact p {
    font-size: 16px;
}
.service-item i{
    font-size: 30px;
    height: 80px;
    width: 80px;
    text-align: center;
    border-radius: 50%;
    line-height: 80px;
    display: inline-block;
    transition: .5s;
}
.solution-item i{
    font-size: 30px;
    height: 80px;
    width: 80px;
    text-align: center;
    border-radius: 50%;
    line-height: 80px;
    display: inline-block;
    transition: .5s;
}
.service-item h3 {
    padding: 15px 0 10px;
	transition: .5s;
}
.solution-item h3 {
    padding: 15px 0 10px;
	transition: .5s;
}
.service-item p {
    padding-top: 0;
	transition: .5s;
}
.solution-item p {
    padding-top: 0;
	transition: .5s;
}
.service-item:hover {
    border-color: #0053a1;
}
.solution-item:hover {
    border-color: #0053a1;
}
.service-item:hover i{
    background: #0053a1;
	color:#fff;
}
.solution-item:hover i{
    background: #0053a1;
	color:#fff;
}
/* ===== 5. Skill Area CSS ===== */
.od_skil_area {
    background: #fff;
    padding: 100px 0 100px 0;
}
.skil_witr_con .witr_section_title {
    margin-bottom: 20px;
}
.witr_single_progress {
    overflow: hidden;
    position: relative;
    margin-bottom: 25px;
}
.witr_label {
    color: #030925;
    font-size: 16px;
}
.witr_title7 .witr_label {
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 600;
}
.progress {
    margin-top: 29px;
}
.witr_progress-style7 {
    height: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    overflow: visible;
    padding: 3px;
	background: #fff;
}
.progress-bar {
    background: #0053a1;
	overflow: inherit;
}
.witr_progress-style7 .witr_percent {
    position: absolute;
    right: -13px;
    font-weight: 500;
    font-size: 10px;
    top: -30px;
    padding: 2px 5px;
    background: #272727;
}
/* ===== 6. Call Area CSS ===== */
.od_cal_area {
    background: #0053a1;
    background-position: center center;
    background-size: cover;
    padding: 50px 0 50px 0;
}
.all_cal_color h2 {
    color: #fff;
    font-size: 48px;
    padding:0 0 15px 0;
}
.witr_5 .ordinary_content p, .witr_6 .ordinary_content p {
    width: 75%;
    margin: auto;
    color: #fff;
}
.ordinary_button {
    margin-top: 20px;
}
.all_cal_color a, .all_cal_color button {
    font-size: 20px;
    font-weight: bold;
    padding: 20px 40px 20px 40px;
    background: #fff;
    transition: 1s;
    overflow: hidden;
    display: inline-block;
    color: #0053a1;
	border-radius:50px;
}
.all_cal_color a:hover{
	color:#fff;
	background:#1d1d1f;
}
/* ===== 7. Service Area CSS ===== */
.od_ser_area {
    padding: 90px 0 60px 0;
}
.em-service2.sleft {
    text-align: left;
    margin-bottom:20px;
}
.witr_s_flex {
    display: flex;
}
.em-service2.sleft .em-service-icon {
    margin-right: 20px;
    margin-top: 10px;
}
.em-service2 .em-service-icon i {
    display: inline-block;
    height: 80px;
    width: 80px;
    text-align: center;
    border-radius: 50%;
    line-height: 80px;
    font-size: 25px;
	color: #1d1d1f;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #333333;
    background: #02010100;
	margin-bottom:15px;
}
.em-service2 .em-service-inner {
    overflow: hidden;
    width: 100%;
}
.em-service-title {
    overflow: hidden;
}
.em-service-title h3 {
    padding: 0;
    margin-bottom: 8px;
}
.em-service-title h3 a {
    font-size: 20px;
    font-weight: 600;
}
.em-service2:hover i {
    border-style: solid;
    border-width: 1px;
    border-color: #0053a1;
	color:#0053a1;
}
/* ===== 8. Team Area CSS ===== */
.od_team_area {
    padding: 90px 0 70px;
}
.busi_singleTeam {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.busi_singleTeam:before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: .5s;
	background: rgba(0,0,0,.2);
}
.busi_singleTeam img {
    width: 100%;
    height: auto;
}
.busi_TMHover {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    opacity: 0;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    transition: all ease .4s;
    background: rgba(255,255,255,.9);
}
.busi_TMHover:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 3px;
    content: '';
    transition: all ease .5s;
}
.busiTS a:hover, .busi_TMHover:after, .busi_TMHover:before {
    background: #0053a1;
}
.TM_center {
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}
.busi_singleTeam h5 {
    font-size: 23px;
    transition: all .6s ease-in-out;
    margin: 0px 0px 10px 0px;
}
.all_color_team span {
    color: #017E84;
    font-family: "IBM Plex Sans", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    transition: all .6s ease-in-out;
}
.busiTS {
    opacity: 0;
    transition: all .9s ease-in-out;
    margin-top: 8px;
}
.busiTS a {
    font-size: 16px;
    height: 34px;
    width: 34px;
    line-height: 30px;
    border-radius: 50%;
    text-align: center;
    transition: .5s;
    display: inline-block;
    border: 2px solid #ddd;
    color: #222429;
}
.busi_TMHover:after {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 3px;
    content: '';
    transition: all ease .5s;
}
.busi_singleTeam:hover .busi_TMHover {
    opacity: 1;
}
.busi_singleTeam:hover .busi_TMHover:after, .busi_singleTeam:hover .busi_TMHover:before {
    width: 80px;
}
.busi_singleTeam:hover .busiTS {
    opacity: 1;
    transition: all .9s ease-in-out;
}
.busiTS a:hover {
    transform: rotate(360deg);
	color:#fff;
}
.busn_pag_team {
    padding: 10px 0 70px;
}
/* ===== Team Area CSS ===== */
.od_team_area2 {
    padding: 0 0 70px;
}
.od_team_area2 .witr_section_title {
    margin-bottom: 30px;
}
.witr_team_s14.cons_singleTeam {
    overflow: inherit;
    margin-bottom: 30px;
}
.witr_team_s12 {
    border: none;
    box-shadow: 0 5px 20px 0 #1d1d1f;
    transition: .5s;
}
.cons_singleTeam {
    position: relative;
    text-align: center;
    transition: .5s;
    background: #fff;
}
.witr_team_s14 .front_view {
    padding: 0;
}
.witr_team_s12 .front_view {
    border: none;
}
.team_s14_image {
    position: relative;
}
.team_s14_image:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50%;
    animation: team_before 5s infinite linear;
    opacity: 0;
}
.team_s14_image:before {
    border-left: 15px solid #0053a1;
    border-top: 15px solid #0053a1;
}
.witr_team_s14 .front_view img {
    width: 100%;
}
.team_s14_image:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 50%;
    animation: team_after 5s infinite linear;
    opacity: 0;
}
.team_s14_image:after {
    border-right: 15px solid #0053a1;
}
.team_s14_image:after {
    border-right: 15px solid #0053a1;
}
.team_o_icon ul li a:hover, .team_s14_image:after {
    background: #0053a1;
}
.back_view h5, .front_view h5 {
    margin: 15px 0 5px 0;
}
.all_color_team span {
    color: #0053a1;
    font-family: "IBM Plex Sans", Sans-serif;
    font-size: 16px;
    font-weight: 400;
}
.back_view span, .front_view span {
    display: inline-block;
    line-height: 28px;
}
.witr_team_s14 .con_TMS {
    padding-bottom: 18px;
}
.witr_team_s12 .con_TMS {
    margin-top: 10px;
}
.back_view .con_TMS a, .front_view .con_TMS a {
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    font-size: 17px;
    line-height: 35px;
    text-align: center;
    margin: 0 3px;
    border: 1px solid #ddd;
    color: #ababab;
}
.front_view .con_TMS a:hover {
    background: #0053a1;
	border-color: #0053a1;
	color:#fff;
}
.witr_team_s14:hover .team_s14_image:after, .witr_team_s14:hover .team_s14_image:before {
    opacity: 1;
}
@keyframes team_after {
    0% {
        height: 50%
    }

    50% {
        height: 0%
    }
}
@keyframes team_before {
    0% {
        height: 50%
    }

    50% {
        height: 0%
    }
}
/* ===== 9. Pricing Area CSS ===== */
.od_pric_area {
    background: #F9F9F9;
    padding: 90px 0 70px 0;
}
.pricing_area {
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
    border-radius: 5px;
    margin-bottom: 30px;
}
.pricing-part {
    position: relative;
    overflow: hidden;
	text-align:center;
}
.pricing-part h4 {
    font-size: 30px;
    padding: 30px 0px 30px 0px;
    display: block;
    color: #fff;
    background: #333333;
}
.all_pricing_color h2, .all_pricing_color h3, .all_pricing_color h4, .all_pricing_color h5 {
    margin: 0;
}
.pricing-part h5 {
    font-size: 35px;
}
.all_pricing_color h5 {
    padding: 30px 0 5px 0;
}
.pricing-part span {
    font-size: 24px;
    margin-right: 5px;
}
.pricing-part span {
    font-size: 24px;
    margin-right: 5px;
}
.witri_texti_list {
    margin-top: 30px;
    border-top: 1px solid #ddd;
}
.pricing-part ul {
    padding: 0 30px;
}
.witri_texti_list ul li {
    list-style: none;
    font-size: 17px;
    margin-bottom: -10px;
    margin-top: 32px;
}
.witr_btnp_color {
    padding-top: 37px;
    padding-bottom: 40px;
}
.witr_btnp_color a.btn {
    color: #333333;
    background: #02010100;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #333333;
}
.pricing-part a.btn {
    padding: 10px 30px;
    display: inline-block;
	border-radius: 30px;
    font-size: 15px;
    font-weight: 500;
}
.witr_btnp_color a.btn:hover {
    color: #fff;
    background:#0053a1;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #0053a1;
}
/* ===== 10. Testimonial Area CSS ===== */
.od_test_area {
    padding: 70px 0 70px;
}
.od_test_area .witr_section_title {
    margin-bottom: 35px;
}
.witr_testi_itemt {
    padding: 0 15px;
}
.em_single_testimonial {
    margin-bottom: 30px;
    transition: all .5s ease 0s;
    padding: 37px 30px 26px;
    margin-top: 20px;
    border-radius: 30px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    position: relative;
    text-align: left;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #DDDDDD9C;
	background:#fff;
}
.test-part {
    display: inline-block;
    margin-bottom: 10px;
}
.test-part ul li {
    display: inline-block;
    padding-top: 0;
}
.execllent_toggol {
    display: flex;
    align-items: center;
    justify-content: center;
}
.em_crating i.active {
    color: #0053a1;
    font-size: 18px;
}
.execllent_star {
    margin-left: 15px;
}
.execllent_star h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    font-style: italic;
}
.em_testi_content:after, .em_testi_content:before, .em_testi_title span, .execllent_star h3, .test_q_icon i, .title_and_sub h6 {
    color: #0053a1;
}
.em_testi_content {
    position: relative;
    text-align: center;
}
.em_testi_text {
    overflow: hidden;
    padding-top: 15px;
    text-align: left;
}
.em_test_thumb {
    float: left;
    margin-right: 20px;
}
.em_test_thumb img {
    border-radius: 50%;
    width: 59px;
}
.em_testi_title span {
    display: block;
    margin-top: 5px;
    font-size: 18px;
    font-weight: 600;
	color:#0053a1;
}
.chos_pag_test{
    padding: 0 0 70px;
}
/* ===== 11. Case Area CSS ===== */
.od_case_area {
    padding: 100px 0 55px;
}
.od_case_area .witr_section_title {
    margin-bottom: 45px;
}
.witr_case {
    position: relative;
    overflow: hidden;
    padding-bottom: 95px;
    margin-bottom: 40px;
}
.witr_case_image {
    overflow: hidden;
    position: relative;
}
.witr_case_image:before{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0%;
    content: "";
    transition: .5s;
    background: #0053a1a6;
}
.witr_case_image img{
    width: 100%;
}
.witr_case2 .witr_content_casem{
    bottom: 15px;
    box-shadow: 0 5px 20px 0 #0049ff14;
	padding: 21px 15px 26px;
    position: absolute;
    left: 15px;
    margin: auto;
    transition: .5s;
    right: 15px;
    text-align: left;
	background:#fff;
}
.witr_content_casei p {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 4px;
    color: #0053a1;
}
.witr_content_casei h3 {
    font-size: 21px;
}
.witr_case_btnb {
    margin-top: 20px;
}
.witr_case_btnb a {
    font-size: 16px;
    font-weight: 600;
    padding: 13px 25px;
    border-radius: 5px;
    display: inline-block;
    transition: .5s;
    border: 1px solid #ececec;
    color: #0053a1;
    background: #fff;
}
.witr_case_btnb a i {
    margin-left: 5px;
    transition: 1s;
}
.witr_case:hover .witr_case_image:before {
    height: 100%;
}
.witr_case:hover .witr_content_casem {
    bottom: -4px;
}
.witr_case_btnb a:hover {
    border: 1px solid #0053a1;
	background:#0053a1;
	color:#fff;
}
.witr_case_btnb a:hover i {
    margin-left: 15px;
}
/* ===== 12. Counter Area CSS ===== */
.od_coun_area {
    background: #f5f5f7;
    padding: 65px 0 78px 0;
}
.witr_counter_single {
    text-align: center;
}
.witr_counter_icon i {
    font-size: 30px;
    display: inline-block;
    color: #0053a1;
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 100px;
    transform: rotate(0deg);
}
.all_counter_color i, .witr_counter_img {
    margin: 17px 23px 0 0;
}
.witr_counter_number_inn {
    overflow: hidden;
}
.witr_counter_number_inn h3, .witr_counter_number_inn span {
    font-size: 36px;
    display: inline-block;
    font-weight: 700;
    margin-bottom: 0;
    color: #0053a1;
    padding: 10px 0 0 0;
}
.all_counter_color h4, .all_counter_color h1 {
    color: #0053a1;
    font-size: 18px;
    text-transform: uppercase;
    margin: 7px 0px 0px 0px;
}
.all_counter_color:hover i {
    background: #f5f5f7;
    border-color:#0053a1;
}
/* ===== 13. Portfolio Area CSS ===== */
.witr_single_pslide {
    margin-bottom:0;
    overflow: inherit;
}
.witr_pslide_image {
    overflow: hidden;
    position: relative;
}
.toggle_pslide {
    display: flex;
    align-items: center;
}
.witr_pslide_image::before {
    position: absolute;
    content: '';
    background: #222429;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transform: scale(0);
    transition: .5s;
    z-index: 1;
    opacity: 0.5;
}
.witr_pslide .witr_pslide_custom a span:hover {
    background: #3cdce0;
}
.witr_single_pslide:hover .witr_pslide_image img, .witr_single_pslide:hover .witr_pslide_image:before {
    transform: scale(1.2);
}
.witr_pslide .witr_pslide_custom {
    bottom: auto;
    top: 30px;
    left: 30px;
    right: auto;
    transform: scaleX(0);
    position: absolute;
    z-index: 9;
    transition: .5s;
}
.witr_pslide .witr_pslide_custom a span {
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 5px;
    font-size: 30px;
    color: #0053a1;
    background: #fff;
    display: inline-block;
    transition: .5s;
    text-align: center;
}
.ps1 .witr_content_pslide_text {
    position: absolute;
    bottom: -100px;
    left: 30px;
    right: 30px;
    transition: .5s;
    opacity: 1;
    z-index: 2;
    text-align: left;
    border-radius: 5px;
}
.witr_pslide_custom {
    position: absolute;
    bottom: -17px;
    right: 50%;
    z-index: 9;
    transition: .5s;
    transform: translateX(50%);
}
.witr_content_pslide_text a {
    display: inline-block;
}
.witr_pslide3 .witr_pslide_custom a span {
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    box-shadow: 0 0 65px 0 #1d1d1f;
    text-align: center;
    color: #0053a1;
    background: #fff;
    display: inline-block;
}
.witr_content_pslide_text h3 {
    margin-bottom: 5px;
}
.witr_content_pslide_text h3 a {
    display: inline-block;
    margin-bottom: 0;
    text-transform: uppercase;
    color: #fff;
}
.witr_content_pslide_text p {
    margin-bottom: 4px;
}
.all_pslides_color p {
    color: #fff;
    text-transform: uppercase;
}
.witr_pslide_image img {
    margin-right: auto;
    margin-left: auto;
    transition: .5s;
    width: 100%;
}
.witr_pslide_btnb a {
    color: #0053a1;
    background: #0053a129;
    font-size: 14px;
    border-radius: 100px 100px 100px 100px;
    margin: 19px 0px 0px 0px;
    padding: 10px 20px 10px 20px;
    display: inline-block;
}
.witr_pslide_btnb a:hover {
    color: #fff;
    background: #0053a1;
}
.witr_pslide .witr_single_pslide:hover .witr_pslide_custom {
    bottom: auto;
    transform: scaleX(1);
}
.ps1 .witr_content_pslide_text a:hover{
	color:#0053a1
}
.witr_single_pslide:hover .witr_pslide_custom {
    bottom: -20px; 
}
.witr_pslide3 .witr_pslide_custom a span {
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    box-shadow: 0 0 65px 0 #1d1d1f;
    background: #fff;
    text-align: center;
    color: #0053a1;
    display: inline-block;
    transition: .5s;
}
.witr_pslide3 .witr_single_pslide:hover .witr_pslide_custom a span {
    color: #fff;
    background: #0053a1;
}
.ps1 .witr_single_pslide:hover .witr_content_pslide_text {
    opacity: 1;
    bottom: 30px;
}
/* ===== Portfolio Area CSS ===== */
.port_area {
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-color: #DDDDDD73;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 90px 0px 100px 0px;
}
.port_area .witr_section_title {
    margin-bottom: 35px;
}
.port_area .witr_section_title_inner p {
    width: 40%;
}
.positi_3.pprotfolio4 {
    padding: 20px 10px 23px;
    border: none;
    position: absolute;
    bottom: -100px;
    left: 0;
    right: 0;
    z-index: 9;
    transition: .5s;
    text-align: center;
}
.single_protfolio:hover .positi_3.pprotfolio4 {
    bottom: 0;
}
.positi_3.pprotfolio4 {
    background: #0053a1;
}
.positi_3 .porttitle_inner4 h3 a, .positi_3 .porttitle_inner4 p span {
    color: #fff;
}
.portfolio_nav ul {}
 .portfolio_nav ul li {
    display: inline;
}
.portfolio_nav ul li {
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    margin: 0 5px 10px;
    padding: 10px 30px;
    position: relative;
    transition: .5s;
    border: 1px solid #1d1d1f50;
    border-radius: 30px;
}
.prot_wrap {
    overflow: hidden;
}
.single_protfolio {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}
.prot_thumb {} .prot_thumb img {
    display: block;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    width: 100%;
}
.single_protfolio:hover .prot_thumb img {
    transform: scale(1.1);
}
.prot_content {
    position: absolute;
    text-align: center;    
    transition: .5s;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: 9;
}
.multi_gallery.prot_content {
    height: 90%;
    width: 80%;
    right: 10%;
    top: 5%;
    bottom: 5%;
    left: 10%;
}
.prot_content h3 {
    font-size: 30px;
    text-transform: capitalize;
    color: #0053a1;

}
.prot_content h3 a {
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
    transition: .5s;
    color: #0053a1;
    display: inline-block;
}
.prot_content p {
    font-size: 16px;
    line-height: 1.2;
    margin: 5px 0 0;
    margin-top: 30px;
}
.prot_content p span {
    display: inline-block;
    font-weight: 700;
    color: #0053a1;
}
.prot_content p span a {
    display: inline-block;
    font-weight: 700;
    color: #0053a1;
}
.prot_content p span a:hover {
    color: #1d1d1f;
}
.single_protfolio:hover .prot_content {
    opacity: 1;
    transform: scale(1, 1);
}
.porttitle_inner span,
.porttitle_inner4 span,
.prot_content span {
    position: relative;
    margin: 0 2px;
}
.prot_content span:before,
.porttitle_inner4 span:before,
.porttitle_inner span:before {
    bottom: 0;
    content: ",";
    position: absolute;
    right: -5px;
}
.porttitle_inner span:last-child:before,
.prot_content span:last-child:before,
.porttitle_inner4 span:last-child:before {
    content: "";
}
.nospace.col-xs-12 {
    padding: 0px;
}
.nospace .single_protfolio {
    margin-bottom: 0px;
}
.portfolio_nav {
    margin-bottom: 60px;
}
/* load button css */
.gallery_load_button a {
    padding: 7px 15px;
    display: inline-block;
    font-size: 17px;
    margin-top: 0px;
}
.prot_wrap.nospace .gallery_load_button a {
    margin-top: 30px;
}
.prots-contentg p {} 
/*style 1 */
.em_port_content {
    height: 100%;
    opacity: 1;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 100%;
    z-index: 9;
    left: 0;
    top: -100%;
    width: 100%;   
    transition: .5s;
    text-align: center;
}
.pstyle_1 .porttitle_inner h3 {
    padding-bottom: 0px;
}
.pstyle_1 .prot_content p {
    margin: 2px 0 0;
}
.pstyle_1 .single_protfolio {      
    transition: .5s;
}
.portfolio_readmore_btn {
    padding-top: 23px;
}
.portfolio_readmore_btn > a {
    border-radius: 5px;
    display: inline-block;
    padding: 6px 21px;
    text-transform: uppercase;      
    transition: .3s;
    border: 1px solid transparent;
}
.pstyle_1 .picon a {
    background:0 0;
    border-radius: 5px;
    display: inline-block;
    font-size: 25px;
    height: 50px;
    line-height: 50px;
    margin: 0 8px 11px;
    width: 50px;
    transition: .5s;
    color: #fff;
}
.picon a:hover {
    border-color: #191f2d;
    background: #191f2d;
}
.prot_thumb {
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
    border-radius: 20px;
}
.pprotfolio4 {
    box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.7);
    padding: 17px 10px 20px;
}
.pprotfolio4 {
    padding: 20px 10px 23px;
}
.porttitle_inner4 h3 {
    margin: 0;
}
.porttitle_inner4 h3 a {
    color: #454545;
}
.porttitle_inner4 p {
	margin-bottom: 0;	
}
.porttitle_inner4 p span {
    display: inline-block;
    color: #454545;
}
.portfolio_nav ul li.current_menu_item, .portfolio_nav ul li:hover {
    color: #0053a1;
}
.prot_content {
    background: #f5f5f790;
}
.pprotfolio4 {
    box-shadow: 0 10px 16px 0 rgba(0,0,0,.7);
    padding: 20px 10px 23px;
    border: none;
}
.portfolio_nav {
    text-align: center;
}
.page-numbers span.current, .paginations a.current, .paginations a:hover {
    border-color: #0053a1;
	 background: #0053a1;
	 color: #fff;
}
ul.page-numbers a.page-numbers {
    box-shadow: 0 10px 40px 0 rgba(50,65,141,.12);
}
.page-numbers, .tutor-pagination-wrap a, .tutor-pagination-wrap span.page-numbers.current, a.page-numbers {
    border-radius: 5px;
    margin-right: 10px;
    padding: 15px 24px;
    font-size: 19px;
    line-height: 1;
    transition: .5s;
}
.page-numbers span.current, .paginations a {
    display: inline-block;
    font-weight: 500;
    margin: auto 5px;
}
.paginations a {
    color: #888;
}
.page-numbers li {
    display: inline-block;
}
.paginations {
    text-align: center;
    margin-top: 20px;
}
.portfolio_4column_gutter .single_protfolio {
    margin-bottom: 0px;
}
.portfolio_nav ul li.current_menu_item {
    border-color: #0053a1;
    background: #0053a1;
	color:#fff;
}
.portfolio_nav ul li:hover {
    border-color: #c7000b;
    background: #c7000b;
	color:#fff;
}
/* port style 3 */
.em_plus_port {
    position: absolute;
    bottom: 20px;
    right: 30px;
    z-index: 99;
}
.prot_content_inner {
    left: 50%;
    position: absolute;
    top: 60%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    z-index: 10;
    opacity: 0;
    transition: all .3s ease-in-out .3s;
}
.single_protfolio:hover .prot_content_inner {
    top: 50%;
    opacity: 1;
}
.picon a {
    border-radius: 5px;
    display: inline-block;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    margin: 0 3px 11px;
    width: 50px;
    text-align: center;
    color: #fff;
    background: #0053a1;
}
.picon a:hover {
    border-color: #1d1d1f;
    background: #1d1d1f;
}
/* style 1 */
.em_port_content {
    height: 100%;
    width: 100%;     
}
.pstyle_1 .porttitle_inner h3 {
    padding-bottom: 0px;
}
.pstyle_1 .prot_content p {
    margin: 2px 0 0;
}
.pstyle_1 .single_protfolio {
    transition: .5s;
    margin-bottom:30px;
}
.portfolio_readmore_btn {
    padding-top: 23px;
}
.portfolio_readmore_btn > a {
    border-radius: 5px;
    display: inline-block;
    padding: 6px 21px;
    text-transform: uppercase;   
    transition: .3s;
    border: 1px solid transparent;
}
.portfolio_grid_area .portfolio_nav {
    padding: 0px 0 30px;
}
/* ===== Portfolio Area CSS ===== */
.pstyle2.pstyle3 .prot_content_inner {
    left: 3000px;
    position: absolute;
    top: 60%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    z-index: 10;
    transition: all .3s ease-in-out .3s;
    opacity: 0;
    padding: 15px 0 20px 20px;
    transition: .5s;
}
.pstyle2.pstyle3 .prot_content_inner {
    text-align: left;
}
.pstyle2.pstyle3 .prot_content_inner {
    background: #0053a1;
}
.pstyle2.pstyle3 .single_protfolio:hover .prot_content_inner {
    left: 75%;
}
.pstyle2 .single_protfolio:hover .prot_content_inner {
    top: 50%;
    opacity: 1;
}
/* portfolio grid area css */
.port_style02 .pstyle2 .prot_content_inner {
    left: 50%;
    position: absolute;
    top: 60%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    z-index: 10;
    transition: all .3s ease-in-out .3s;
    opacity: 0;
}
.port_style02 .prot_content h3 a {
    font-size: 23px;
    font-weight: 700;
    text-transform: capitalize;
    transition: .5s;
    color: #fff;
    margin-bottom: 0px;
    display: inline-block;
}
.port_style02 .picon a:hover {
    border-color: #0a0a0a;
    background: #0a0a0a;
}
.port_style02 .single_protfolio {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}
.port_style02 .prot_content h3 a:hover {
    color: #0053a1;
}
.portfolio_style2 .port_style02 .pstyle_1 .prot_content_inner {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 10;
}
.portfolio_style2 .prot_content {
    position: absolute;
    text-align: center;
    transition: .5s;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: 9;
}
.portfolio_style2.pstyle2 .single_protfolio:hover .prot_content_inner {
    top: 50%;
    opacity: 1;
    left: 50%;
    right: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.portfolio_style2 .prot_content h3 a {
    margin-bottom: 0;
}
.portfolio_style2 .single_protfolio:hover .prot_content {
    opacity: 1;
    transform: scale(1,1);
}
.portfolio_style2 .prot_content h3 a:hover {
    color: #0053a1;
}
.p2clmn .prot_content_inner {
    top: 50%;
    opacity: 1;
}
.portfolio_grid {
    padding: 50px 0 50px 0;
}
.portfolio_grid .prot_content_inner {
    top: 50%;
    opacity: 1;
    transition: all .3s ease-in-out .3s;
}
.portfolio_grid .single_protfolio {
    margin-bottom: 30px;
}
.portfolio_grid .picon a {
    font-size: 25px;
    background: 0 0;
}
.portfolio_grid .picon a:hover {
    background: #0053a1;
}
/* recent project css */
.ordinary-blog-area.ordinary-blog-single.single-blog-details {
    padding: 80px 0 95px;
}
.portfolio-details-box h2 {
    font-size: 24px;
}
.prots-contentg ul {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 20px;
}
.portfolio-details-box ul li, .right_popupmenu_area .witr_sub_table {
    border-bottom: 1px solid #ddd;
}
.portfolio-details-box ul li {
    padding-top: 15px;
    padding-bottom: 10px;
    list-style: none;
}
.portfolio-details-box ul li b {
    font-size: 16px;
    font-weight: 700;
}
.portfolio-details-box ul li span.eright {
    font-weight: 400;
    font-size: 16px;
    margin-left: 5px;
}
.ordinary-blog-social {
    margin-bottom: 25px;
    margin-top: 25px;
}
.ordinary-single-icon a {
    border: 1px solid #e6e6e6;
    display: inline-block;
    font-size: 15px;
    height: 40px;
    line-height: 41px;
    margin: 0 9px 0 0;
    text-align: center;
    width: 40px;
    border-radius: 5px;
    color: #0053a1;
}
.ordinary-single-icon a:hover {
    background: #0053a1;
    color: #fff;
}
.pr-title h2 {
    margin-top: 15px;
    margin-bottom: 15px;
}
.product-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.product-title {
  font-size: 20px; 
  font-weight: bold; 
  color: #0053a1; 
  border-left: 4px solid #0053a1; 
  padding-left: 10px;
  margin-bottom: 0;
}
/* ===== 14. Brand Area CSS ===== */
.od_solution_area {
    padding: 60px 0 60px 0;
}
.od_brand_area {
    padding: 54px 0 65px 0;
}
.od_brand_area .slide_items {
    text-align: center;
}
/* ===== 15. Faq Area CSS ===== */
.od_faq_area {
    padding: 100px 0 70px;
}
.faq_img {
    margin-bottom: 30px;
}
.accordion_area .card-2 {
    margin-bottom: 15px;
    border-radius: 15px;
    background: #fff;
    border: none;
    border: 1px solid #ddd;
}
.accordion_area h2 {
    font-size: 28px;
    color: #1d1d1f;
    font-weight: 700;
    margin-bottom: 30px;
}
.witr_ac_style {
    color: #222429;
}
.witr_ac_style {
    display: flex;
    align-items: center;
    padding: 11px 15px;
    transition: .5s;
    font-family: "Roboto", Sans-serif;
}
.accordion_area .card-2 p {
    font-size: 16px;
    padding: 15px 20px 18px 30px;
}
.witr_ac_style, .witr_ac_style::before {
    font-size: 18px;
    font-weight: 600;
}
.witr_ac_style:before {
    position: absolute;
    content: '\ea99';
    right: 30px;
    font-family: IcoFont!important;
    font-weight: 400;
    font-size: 17px;
}
.active .witr_ac_style:before {
    content: '\eaa1';
}
.witr_ac_card i {
    font-size: 20px;
    display: inline-block;
}
.accordion_area .card-header.witr_ac_card {
    background: #fff;
    padding: 0;
    border-bottom: 0;
    text-align: left;
    border-radius: 15px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* 柔和阴影 */
}
.witr_ac_card i {
    margin-right: 10px;
    font-size: 20px;
}
.active .witr_ac_style {
    color: #c7000b;
    background: #FFFFFF00;
}
.witr_ac_style:hover {
    color: #0053a1;
    background: #FFFFFF00;
}
/* ===== Faq Area CSS ===== */
.faq_area2 {
    padding: 0px 0 100px;
}
.accordion_area_02 .witr_ac_style {
    padding: 10px 10px;
    border-bottom: none;
}
.accordion_area_02 .accordion_02_shadow {
	border:none;
    box-shadow: 0px 0px 20px 0px #dddddd80;
	background:none;
}
.accordion_area_02 .card-header.witr_ac_card a:hover {
    color: #232323;
}
.border_bottom_0{
	border-bottom:none;
}
.writ_ac_style_02 {
    margin-left: 25px;
    font-size: 20px;
    font-weight: 600;
    display: block;
    background: none !important;
    color: #232323;
}
.writ_ac_style_02:before {
    position: absolute;
    content: '\f067';
    left: 20px;
	margin-right:10px;
    font-family: fontawesome !important;
    font-weight: 200;
}
.active .writ_ac_style_02:before {
    content: '\f068';
}
.card-header.witr_ac_card.border_bottom_0 {
    background: #fff;
    padding: 0px 10px;
}
.content_style p,
.conent_style p {
    padding-left: 18px;
}
.card.card-2.accordion_02_shadow {
	border: 0 !important;
    margin-bottom: 20px;
	box-shadow: 1px 1px 7px -5px rgb(0 0 0 / 75%);
}
.faq_area2 .witr_ac_style2 {
    padding-left: 30px;
    font-size: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding: 11px 15px;
    transition: .5s;
    padding: 12px 20px 12px 20px;
    color: #232323;
}
.writ_ac_style_02:before {
    font-weight: 200;
    font-size: 17px;
    color: #0053a1;
    margin-top: 3px;
}
.faq_area2 .active .witr_ac_style {
    color: #0053a1;
    background: #f5f6fa;
}
.faq_area2 .card-header.witr_ac_card a:hover {
    color: #1d1d1f;
}
/* ===== 16. Contact Area CSS ===== */
.od_con_area {
    padding: 100px 0 0;
}
.apartment_text h1 {
    font-size: 17px;
    margin-bottom: 5px;
    color: #0053a1;
}
.apartment_text h2 {
    margin-bottom: 40px;
    font-size: 38px;
}
.apartment_area {
    position: relative;
    background-size: cover;
    aspect-ratio: 1 / 1; 
    padding: 50px 40px 50px;
    border-radius: 30px;
    margin-bottom: 30px;
    text-align: left;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* 柔和阴影 */
	background:#fff;
}
.witr_apartment_form .btn:hover{
    background-color: #14b1bb;;
}
.witr_apartment_form form select, .witr_apartment_form form select, .witr_apartment_form input, .witr_apartment_form textarea {
    width: 100%;
    height: 45px;
    border-radius: 2px;
    outline: none;
    background: transparent;
    font-size: 16px;
    outline: none;
    padding: .375rem .75rem;
    padding-left: 30px;
    color: #888;
    border: 1px solid #f1f1f1;
    margin-bottom: 23px;
}
.twr_form_box textarea {
    margin-bottom: 12px;
    min-height: 180px;
    width: 100%;
    padding-top: 10px;
}
.witr_apartment_form input, .witr_apartment_form form select, .wpcf7-not-valid-tip, .witr_apartment_form input::-webkit-input-placeholder, .wpcf7-form-control-wrap input, .wpcf7-form-control-wrap input::-webkit-input-placeholder, .wpcf7-form-control-wrap a, .wpcf7-form-control-wrap a::-webkit-input-placeholder, .wpcf7-form-control-wrap textarea, .wpcf7-form-control-wrap textarea::-webkit-input-placeholder, .wpcf7-submit::-webkit-input-placeholder, .witr_apartment_form form select option {
    color: #888;
}
.witr_apartment_form textarea {
    color: #888;
}
.witr_apartment_form textarea::placeholder{
	color: #888;
}
.witr_apartment_form .btn {
    border: 0 none;
    display: inline-block;
    padding: 15px 40px;
    background: #0053a1;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    border-radius: 5px;
    margin-top: 5px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.witr_apartment_form .btn:hover {
    color: #fff;
    background: #1d1d1f;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active{
  transition: background-color 50000s ease-in-out 0s, color 5000s ease-in-out 0s;	
}
.form-messege{
    margin-top: 8px;
    color:#01d95b !important;
}
/* map area css */
.map_inner_area {
    border: none;
    width: 100%;
    aspect-ratio: 1 / 1; 
    border-radius: 30px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* 柔和阴影 */
    overflow: hidden; 
    position: relative;
}
.map_inner_area img {
    width: 100%; /* 图片宽度完全铺满容器 */
    height: 100%; /* 图片高度完全铺满容器（核心：与容器宽高100%对应，实现填充） */
    display: block; /* 清除图片默认底部空白间隙，保证布局整洁 */
    object-fit: cover; 
}
.con_btmm_ser {
    padding: 100px 0 70px;
}
.con_btmm_ser .service-item {
    padding: 50px 30px 50px 30px;
    border-radius: 30px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* 柔和阴影 */
    transition: .5s;
    border: none;
}
.con_btmm_ser .service-item i {
    font-size: 30px;
    height: 80px;
    width: 80px;
    text-align: center;
    border-radius: 50%;
    line-height: 80px;
    display: inline-block;
    transition: .5s;
    background: #0053a1;
    color: #fff;
    transition: .5s;
    border: none;
}
.con_btmm_ser .service-item:hover i{
	background:#111111;
	color:#fff;
}
.con_btmm_ser .service-item h3 {
    padding: 15px 0 10px;
}
.con_btmm_ser .service-item p {
    padding-top: 0;
    transition: .5s;
    margin: 0;
}
/* ===== Video Area CSS ===== */
.witr_videobg_image {
    position: relative;
    text-align: center;
}
.play-overlay {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.play-overlay a {
    position: relative;
    display: inline-block;
    width: 75px;
    height: 75px;
    font-size: 23px;
    border-radius: 100%;
	background:#0053a1;
}
.tx_svd_icon {
    line-height: 75px;
    text-align: center;
    animation: witr-shadow 1s linear infinite;
	color:#fff;
}
.play-overlay i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.video-overlay {
    padding: 70px 0 50px;
}
.video-item a {
    position: relative;
    display: inline-block;
    background: #0053a1;
}
.video-item a:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    animation-fill-mode: both;
        animation: witr-shadow 1s linear infinite;
    left: 0;
    right: 0;
    bottom: 0;
}
.video-item a::before {
    background: #0053a1;
    border-radius: 100%;
}
.video-item h3 {
    font-size: 25px;
    margin-top: 35px;
    color: #fff;
}
@keyframes witr-shadow {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
    }
    100% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
    }
}
.witr_all_color_v i {
    color: #fff;
}
.witr_youtube_video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -99;
}
.witr_youtube_video iframe {
    width: 100%;
    height: 100%;
    border: none;
}
.video_page_area .witr_swiper_height {
    z-index: -1;
}
.bvideo_page_area{
	position:relative;
}
.video_page_area .witr_swiper_content h1, .video_page_area .witr_swiper_content h2, .video_page_area .witr_swiper_content h3, .video_page_area .witr_swiper_content p, .video_page_area .witr_flow_text h5{
    color:#fff;
	z-index:999;
}
.video_page_area .witr_swiper_content_icon a i {
    color: #fff;
    background: #C0131300;
    font-size: 16px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #F5F5F563;
}
.video_page_area .witr_swiper_content_icon a i:hover {
    color: #fff;
    background: #0053a1;
}
.video_page_area .witr_swiper_content {
    top: 55%;
    background: 0 0;
}
.video_page_area .witr_swiper_content p {
    width: 36%;
}
.video_page_area .witr_ds_content_inner h2, .video_page_area .witr_ds_content_inner h3 {
    color:#fff;
}
.video_page_area .witr_ds_content_inner p {
    color:#fff;
}
/* ===== 17. Blog Area CSS ===== */
.blog_list_area {
    background: #fff;
    padding: 80px 0 30px 0;
    box-sizing: border-box;
    font-family: Poppins,sans-serif;
}
.od_blog_area .witr_section_title {
    margin-bottom: 37px;
}
.blog_list_area_container {
    max-width: 1430px;
    margin: 0 auto;
    padding: 20px 0px;
}
.blog_list_area_row {
    display: flex;
    flex-wrap: wrap;
}
.blog-part {
  border-radius: 30px;
  width: 100%; /* 新增：确保卡片占满父容器宽度，不缩窄 */
  height: 450px; 
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* 柔和阴影 */
  margin-bottom: 30px;
  box-sizing: border-box;
}
.blog_part_inner {
    height: 100%;
    display: flex;
    flex-direction: column; /* 垂直排列图片和文字内容 */
}
.blog-img {
    position: relative;
    transform: scale(1);
    transition: .5s;
}
.blog-img:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transition: .5s;
}
.blog-img img {
    width: 100%;
    height: 200px; /* 固定图片高度，避免卡片高度波动 */
    object-fit: cover; /* 保持图片比例，避免拉伸 */
}
.witr_blog_imags {
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
}
.wblog-content.blog-content-5 {
    padding: 15px 20px;
}
.wblog-content {
    width: 100%;
    /* 移除 max-height: 50%; 改为 flex 控制高度，避免溢出截断 */
    padding: 20px;
    background: #FCF6F2;
    overflow: hidden;
    flex-grow: 1; /* 自动填充剩余空间 */
    box-sizing: border-box; /* 确保 padding 不撑大容器 */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    display: flex; /* 新增：用 flex 布局控制内部元素排列，避免文字居中 */
    flex-direction: column; /* 垂直排列 */
    align-self: flex-start; /* 新增：强制文字左对齐 */

}
.wblog-content span {
    font-size: 16px;
    line-height: 1.6;
    font-weight: 400;
    color: #1d1d1f;
    padding-bottom: 10px;
    margin-right: 10px;
    align-self: flex-start; /* 新增：强制文字左对齐 */
}
.wblog-content span a {
    font-size: 13px;
    color: #0053a1;
    display: flex; /* 新增：用 flex 布局控制内部元素排列，避免文字居中 */
}
.wblog-content span i {
    padding-right: 5px;
    padding-left: 5px;
    color: #0053a1;
    transition: .5s;
}
.wblog-content h5 {
    margin: 10px 0 15px;
    padding-bottom: 0px;
    align-self: flex-start; /* 新增：标题左对齐 */
}
.wblog-content h5 > a {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.btn2 {
    width: auto; /* 仅包裹文字内容，不自动撑宽 */
    max-width: 160px; /* 限制最大宽度，防止文字过多时拉长 */
    white-space: nowrap; /* 禁止文字换行，保持按钮紧凑 */
    flex-shrink: 0; /* 禁止弹性布局拉伸按钮 */
    align-self: flex-start; /* 左对齐，不占满父容器宽度 */
    box-sizing: border-box; /* 内边距不撑宽按钮 */
}
.wblog-content>a {
    font-size: 15px;
    font-weight: 500;
    margin-top: auto;
    transition: .5s;
    display: inline-block;
    color: #fff;
    background: #0053a1;
    border-radius: 30px;
    padding: 8px 20px;

}
.blog_part_inner:hover .blog-img, .blog_part_inner:hover .blog-img:before {
    transform: scale(1.2);
}
.blog_part_inner :hover{
    background: #fff;
}
.wblog-content h5 > a:hover, .wblog-content span i:hover {
    color: #0053a1;
}
.wblog-content > a:hover {
    background: #c7000b;
    color: #fff;
    border-color: #c7000b;
}
@media (max-width: 768px) {
  /* 1. 优化整体区域内边距，适配小屏 */
  .blog_list_area {
    padding: 40px 0 20px 0; /* 减少上下内边距，更贴合小屏 */
    padding-left: 15px; /* 左侧留白，避免贴边 */
    padding-right: 15px; /* 右侧留白，避免贴边 */
  }
  /* 2. 博客卡片完全自适应，清除多余间距 */
  .blog-part {
    width: 100%; /* 强制铺满父容器 */
    min-height: 300px; /* 适当降低最小高度，适配小屏 */
    margin-bottom: 20px; /* 减少卡片间距，节省空间 */
    
  }
.blog_part_inner {
    width: 100%;
}
  /* 3. 优化标题字体，避免溢出 */
  .wblog-content h5 > a {
    font-size: 18px; /* 小屏缩小标题字体 */
    line-height: 1.3; /* 优化行高，避免文字换行过多 */
    
  }
  /* 4. 优化图片高度，适配小屏卡片 */
  .blog-img img {

    object-fit: cover; /* 保留图片裁剪，不拉伸 */
  }

  /* 5. 优化文字区域内边距，避免贴边 */
  .wblog-content {
    padding: 15px; /* 减少内边距，适配小屏 */
  }

  /* 6. 优化按钮，更贴合小屏 */
  .btn2 {
    max-width: 140px; /* 小屏缩小按钮最大宽度 */
    padding: 6px 16px; /* 减少按钮内边距，更紧凑 */
  }

  /* 7. 清除栅格布局隐含间距（适配 HTML 中的 col-* 类） */
  .witr_nth_child {
    padding-left: 0; /* 清除左侧栅格间距 */
    padding-right: 0; /* 清除右侧栅格间距 */
    margin: 0 auto; /* 水平居中，适配页面 */
    width: 100%; /* 铺满父容器，自动适配 */
  }
}
/* ===== Blog Area CSS ===== */
.witr-blog-side-area.blog_sidebar {
    padding: 100px 0px 100px;
}
.blog-left-side > div {
    background-color: #fff;
    margin-bottom: 30px;
    padding: 15px;
    box-shadow: 0 0 5px 0 rgba(148, 146, 245, 0.2);
}
.blog-left-side > div:last-child {
    margin-bottom: 0;
}
.blog-left-side h2 {
    margin-bottom: 10px;
    text-transform: uppercase;
}
.blog-left-side .content {
    padding: 0;
}
.blog-left-side .push-bottom-large {
    margin-bottom: 0;
}
.blog-left-side > div:last-child {
    margin-bottom: 0;
}
.blog-left-side > aside:last-child {
    margin-bottom: 0 !important;
}
.blog-left-side .nav .children li a:hover,
.blog-left-side .sub-menu li a:hover {
    background: 0 0;
    color: #0053a1;
}
.defaultsearch {
    background: #f7f7f7;
    position: relative;
}
.defaultsearch input {
    background: #f7f7f7 none repeat scroll 0 0;
    border: 0 none;
    height: 54px;
    position: relative;
    width: 100%;
}
.defaultsearch button {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #858585;
    font-size: 18px;
    padding: 1px 15px;
    position: absolute;
    right: 0;
    top: 50%;
    cursor: pointer;
    transform: translateY(-50%);
}
.defaultsearch input[type="text"] {
    padding-left: 10px;
}
.blog-left-side .widget h2 {
    bottom: -1px;
    display: block;
    line-height: 17px;
    margin-bottom: 20px;
    padding-bottom: 14px;
    position: relative;
    text-transform: capitalize;
}
.blog-left-side .widget h2::before {
    background: #0053a1;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0px;
    position: absolute;
    width: 26%;
    top: 20px;
}
.em-blog-content-area {
    padding: 20px 15px 0;
    overflow: hidden;
}
.footer-middle .widget h5 {
    text-transform: capitalize;
}
.blog-left-side .widget ul {
    list-style: none;
}
.blog-left-side .widget ul li {
    margin: 0 0 5px;
    padding-left: 20px;
    position: relative;
}
.blog-left-side .widget>ul>li:not(:last-child) {
    border-bottom: 1px solid rgba(0,0,0,.12);
}
.blog-left-side .widget ul li span {
    font-weight: 300;
}
.blog-left-side .widget ul li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}
.blog-left-side > .widget > ul > li {
    margin: 0 0 10px;
    padding-bottom: 10px;
}
.blog-left-side .widget ul li a:hover, .blog-left-side .widget ul li:hover::before {
    color: #0053a1;
}
.blog-left-side .widget select {
    width: 100%;
    height: 40px;
    background: #fff;
    border: 1px solid #ddd;
    padding-left: 5px;
}
.ordinary-blog-meta-left i {
    color: #0053a1;
}
.ordinary-blog-meta-left i {
    font-size: 13px;
    margin-right: 5px;
}
.ordinary-blog-meta-left {
    margin-bottom: 10px;
    margin-top: 5px;
}
.recent-post-text h4 a:hover {
    color: #0053a1;
}
.recent-post-item {
    padding-bottom:0;
}
.recent-post-text h4 {
    margin-bottom: 0;
    line-height: 1;
}
.ordinary-blog-meta-left a, .ordinary-blog-meta-left span {
    color: #888;
}
.widget .screen-reader-text {
    display: none;
}
.textwidget select {
    width: 100%;
}
#wp-calendar {
    width: 100%;
}
.tagcloud a {
    display: inline-block;
    font-size: 14px !important;
    margin: 0 8px 10px 0;
    padding: 7px 15px;
    text-align: center;
    font-weight: 400;
    border: 1px solid #ddd;
    text-transform: capitalize;
}
.r-post-content h3 a:hover,
.r-post-content h3:hover,
.tagcloud a:hover,
.widget_archive ul li a:hover,
.widget_archive ul li:hover:before,
.widget_categories ul li a:hover,
.widget_categories ul li:hover:before {
    color: #DB2D2E;
}
.tagcloud a:hover {
    background: #DB2D2E;
    color: #fff;
}
#wp-calendar caption {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    text-align: left;
    text-transform: uppercase;
}
#wp-calendar {
    font-size: 13px;
}
#wp-calendar {
    border: 0 solid #e5e5e5;
    margin-bottom: 20px;
    overflow: auto;
    vertical-align: top;
    width: 100%;
    margin: 0;
}
table#wp-calendar td {
    border: 1px solid #e5e5e5;
    padding: 5px 10px;
    text-align: center;
    vertical-align: top;
    font-size: 14px;
}
#wp-calendar td,
#wp-calendar th {
    padding: 8px;
}
table#wp-calendar th {
    border: 1px solid #e5e5e5;
    font-size: 13px;
    font-weight: 700;
    padding: 5px 10px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
}
table#wp-calendar td#today {
    color: #fff;
    background-color: #0053a1;
}
table#wp-calendar td#today a {
    color: #fff;
}
.textwidget img {
    margin-bottom: 15px;
}
.textwidget p {
    margin-bottom: 0.5rem;
}
.ordinary-blog-thumb img {
    width: 100%;
	transition:.5s;
}
.witr-blog-side-area .imagess_area .slick-slide img {
    display: inline-block;
    margin: auto;
    width: 100%;
}
.witr-blog-side-area.blog_sidebar .ordinary-single-blog {
    margin-bottom: 30px;
    box-shadow: none;
    border-bottom: 1px solid #e7e7e7;
    background: transparent;
}
.ordinary-single-blog {
    overflow: hidden;
    text-align: left;
    transition: all .3s ease-in-out 0s;
}
.ordinary-blog-thumb {
    overflow: hidden;
}
.single_blog_thumb img {
    width: 100%;
}
.ordinary-blog-thumb a {
    display: block;
    position: relative;
}
.ordinary-blog-thumb a:before {
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    z-index: 999;
    transition: .5s;
}
.ordinary-blog-thumb a:before {
    background: rgba(0,0,0,.7);
}
.ordinary-blog-thumb img {
    width: 100%;
}
.ordinary_blog_area .em-blog-content-area {
    padding: 20px 15px 0;
    overflow: hidden;
    box-shadow: 0 0 10px 0 rgb(148 146 245 / 20%);
}
.ordinary-blog-meta.post_blog h2 a {
    font-weight: 700;
    transition: .5s;
}
.ordinary-blog-meta-left {
    margin-bottom: 10px;
    margin-top: 5px;
}
.ordinary-blog-meta-left a, .ordinary-blog-meta-left span {
    color: #888888;
    font-size: 16px;
    margin-right: 5px;
    margin-bottom: 0;
    display: inline-block;
}
.ordinary-blog-meta-left i {
    color: #0053a1;
    margin-right: 5px;
    font-size: 13px;
}
.ordinary-blog-meta-left a, .ordinary-blog-meta-left span {
    color: #888;
}
.em-blog-content-area .witr_btn {
    background: #0053a1;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    padding: 10px 30px;
    text-align: center;
    position: relative;
    margin-right: 20px;
    z-index: 2;
    transition: 1s;
    font-weight: 400;
    margin-bottom: 20px;
}
.ordinary-single-blog:hover .ordinary-blog-thumb a:before {
    opacity: 1;
}
.ordinary-single-blog:hover .ordinary-blog-thumb img {
    transform: scale(1.1);
}
.em-blog-content-area .witr_btn:hover {
    background: #323232;
    color: #fff;
}
.ordinary-blog-meta.post_blog h2 a {
    font-weight: 700;
    transition: .5s;
}
.video-open-inline iframe {
    width: 100%;
    height: 400px;
    border: none;
}
.witr-blog-side-area.blog_sidebar .markit-single-blog {
    margin-bottom: 30px;
    box-shadow: none;
    border-bottom: 1px solid #e7e7e7;
    background: transparent;
}
.witr-blog-side-area blockquote {
    background-color: #f7f7f7;
    border-left: 3px solid  #0053a1;
    padding: 1em 1em;
    margin-top: 15px;
}
blockquote {
    margin: 0 0 30px;
    font-size: 17px;
    font-weight: 400;
    box-shadow: 0 0 5px 0px rgb(0 0 0 / 7%);
}
.blog-left-side .widget a {
    color: #454545;
}
.blog-left-side>div {
    margin-bottom: 30px;
    padding: 35px 30px 35px;
    border-radius: 8px;
    box-shadow: 0 0 30px rgb(0 0 0 / 7%);
}
.recent-post-text h4 a {
    font-size: 17px;
    font-weight: 600;
}
.recent-post-text .rcomment {
    font-size: 14px;
}
.widget_recent_data .recent-post-image img {
    margin-bottom: 8px;
    margin-top: 6px;
}
.widget_recent_data .recent-post-item {
    margin-bottom: 0;
}
.blog-left-side .single-widget-item h2 {
    color: #030925;
}
.footer_s_inner {
    margin-top: 10px;
}
/* ===== single blog css ===== */
.witr-blog-side-area.blog_area.single_blog.single_blog_page {
    padding: 100px 0 70px;
}
.ordinary-single-blog-details-inner {
    padding: 38px 45px 45px;
    box-shadow: 0 3px 19px rgb(0 0 0 / 8%);
    border-radius: 0 0 10px 10px;
}
.block .wp-block-quote.is-large p, .block .wp-block-quote.is-style-large p {
    font-size: 1.5em;
    font-style: italic;
    line-height: 1.6;
    color: #5c727d;
}
.wp-block-group__inner-container {
    text-align: center;
}
.ordinary-single-icon-inner {
    text-align: center;
}
.ordinary-single-icon-inner a {
    border: 1px solid #e6e6e6;
    color: #17161a;
    display: inline-block;
    font-size: 15px;
    height: 40px;
    line-height: 41px;
    margin: 0 9px 0 0;
    text-align: center;
    width: 40px;
    border-radius: 5px;
}
.ordinary-single-icon-inner a:hover {
    background: #0053a1;
    border-color: #0053a1;
    color: #fff;
}
.comment-respond {
    border: 1px solid #ddd;
    margin-bottom: 30px;
    padding: 25px 10px 30px;
    background-color: #f1f1f1;
}
.comment_field .input-field {
    width: 33.33%;
    float: left;
    margin-bottom: 25px;
}
.comment_field .input-field label, .comment_field .textarea-field label {
    color: #606060;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 0;
    font-weight: 500;
}
.comment_field .input-field label, .comment_field .textarea-field label {
    color: #606060;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 0;
    font-weight: 500;
}
.comment_field .input-field input, .comment_field .textarea-field textarea {
    color: #555555;
}
.comment_field .input-field input {
    width: 100%;
    border: 1px solid #e5e5e5;
    padding: 6px 20px;
    height: 54px;
    font-size: 17px;
}
.comment_field .textarea-field textarea {
    width: 100%;
    border: 1px solid #e5e5e5;
    height: 150px;
    padding: 10px;
}
.comment_field .input-field input, .comment_field .textarea-field textarea {
    color: #555555;
}
.ordinary_btn {
    background: transparent;
    border: 1px solid #ddd;
    display: inline-block;
    text-align: center;
    padding: 12px 20px;
    margin-top: 15px;
    border-radius: 5px;
    transition: .5s;
    color: #444;
}
.ordinary_btn:hover {
    background: #0053a1;
    border-color:#0053a1;
    color:#fff;
}
/* end sidebar css */
/* ===== 18. Footer Area CSS ===== */
.footer-top {
    background: #1b1919;
    padding: 100px 0;
}
.footer-top-inner h2 {
    font-size: 35px;
    height: 60px;
    padding: 0 15px;
    text-transform: uppercase;
    color: #0053a1;
    margin-bottom: 11px;
}
.footer-top-inner p {
    margin-bottom: 11px;
    margin-left: auto;
    margin-right: auto;
    width: 84%;
    font-size: 16px;
	text-align:center;
	color:#fff;
}
.footer-social-icon {
    padding: 10px 0 20px;
    text-align: center;
}
.footer-social-icon a i {
    border-radius: 50px;
    display: inline-block;
    font-size: 18px;
    height: 45px;
    line-height: 45px;
    margin: 0 7px;
    text-align: center;
    width: 45px;
    transition: .3s;
    color: #fff;
    background: #0053a1;
}
.footer-social-icon a i:hover {
    background: #1d1d1f;
	color:#fff;
}
.footer-middle .mc4wp-form-fields input {
    height: 50px;
    position: relative;
    background: transparent;
    width: 100%;
    line-height: 43px;
    color: #b0afaf;
    border: 1px solid #ffffff66;
    border-radius: 5px;
    padding-left: 10px;
}
.footer-middle .mc4wp-form-fields {
    margin-top: 20px;
}
.mc4wp-form-fields input {
    font-size: 16px;
    outline: none;
    padding: 10px 30px;
}
.footer-middle .mc4wp-form-fields button {
    position: absolute;
    right: 0;
    top: 0;
    width: 25%;
    height: 50px;
    border-radius: 0;
    color: #fff;
    background: #0053a1;
    cursor: pointer;
    padding: 10px 10px;
    transition: .5s;
    border: none;
    outline: none;
    bottom: 0;
    font-size: 30px;
    text-align: center;
    z-index: 2;
}
.mc4wp-form-fields {
    position: relative;
}
.footer-middle .mc4wp-form-fields button:hover {
    background: #fff;
    color: #0053a1;
}
.witrfm_area {
    position: relative;
    background: #0053a1;
}
.witrfm_area:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
}
.footer-middle {
    padding: 65px 0 73px;
}
.footer-middle .widget h2 {
    margin-bottom: 28px;
    margin-top: 28px;
    position: relative;
    color: #fff;
}
.single-widget-item h2 {
    margin-bottom: 33px;
    margin-top: 28px;
}
.ordinary-description-area a img {
    margin: 26px 0;
}
.gallery-item {
    display: inline-block;
    padding: 1.79104477%;
    text-align: center;
    vertical-align: top;
    margin: 0;
    float: left;
}
.gallery-icon img {
    margin: 0 auto;
}
.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}
.footer-middle .recent-post-text h4 a {
    font-weight: 500;
    font-size: 15px;
}
.footer-middle .recent-post-text>h4 {
    margin-bottom: 0;
    font-weight: 400;
    line-height: .7;
    margin-top: 10px;
}
.recent-post-image {
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
}
.recent-post-image img {
    border-radius: 0;
    width: 70px;
}
.recent-post-item {
    clear: both;
    margin-bottom: 15px;
}
.footer-sociala-icon {
    clear: both;
    float: left;
    font-size: 18px;
    margin-right: 12px;
}
.footer-sociala-info {
    overflow: hidden;
}
.recent-portfolio-area {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
}
.recent-portfolio {
    margin-bottom: 10px;
    margin-right: 10px;
}
.footer-middle .recent-post-text>h4 a:hover {
    color: #0053a1;
}
.footer-middle .recent-post-text .rcomment {
    font-size: 13px;
    font-weight: 400;
}
.footer-middle .widget ul li {
    margin-bottom: 10px;
}
.footer-widget.address p {
    margin-top: 6px;
    margin-bottom: 6px;
}
.footer-middle .widget ul li a:hover, .footer-middle .widget ul li:hover:before {
    color: #f5f6fa;
    font-size:medium;
}
.ordinary-desordinaryiption-area a img {
    margin: 26px 0;
}
.ordinary-description-area .social-icons a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-top: 0;
    background: #0491a3;
    color: #fff;
}
.ordinary-description-area .social-icons a:hover {
    background: #0053a1;
    color: #fff;
}
.twr_footer_contact input {
    background: 0 0;
    color: #fff;
    border: 1px solid #fff;
    height: 60px;
    width: 100%;
    padding-left: 30px;
    color: #fff;
    border-radius: 4px;
}
.twr_footer_contact input::placeholder{
	color:#fff;
}
.twr_footer_contact button {
    padding: 15px 30px;
    margin-top: 10px;
    outline: 0;
    border: none;
    background: #0053a1;
    color: #fff;
}
.witr_sub_table {
    border-bottom: 1px solid #ffffff8c;
}
.witr_sub_table {
    display: flex;
    justify-content: space-between;
    padding-bottom: 8px;
    margin-bottom: 8px;
}
.witr_sub_table span {
	color:#fff;
}
.footer-middle .widget ul li, .footer-middle .widget ul li a, .footer-middle .widget ul li::before, .footer-middle .tagcloud a, .footer-middle caption, .footer-middle table, .footer-middle table td a, .footer-middle cite, .footer-middle .rssSummary, .footer-middle span.rss-date, .footer-middle span.comment-author-link, .footer-middle .textwidget p, .footer-middle .widget .screen-reader-text, mc4wp-form-fields p, .mc4wp-form-fields, .footer-m-address p, .footer-m-address, .footer-widget.address, .footer-widget.address p, .mc4wp-form-fields p, .ordinary-description-area p, .ordinary-description-area .phone a, .ordinary-description-area .social-icons a, .recent-review-content h3, .recent-review-content h3 a, .recent-review-content p, .footer-middle .ordinary-description-area p, .footer-middle .recent-post-text h4 a, .footer-middle .recent-post-text .rcomment, .witr_sub_table span {
    color: #ffffff;
}
/* footer bottom area css */
.footer-container {
    max-width: 1400px;
    margin: 0 auto;
    box-sizing: border-box; /* 统一盒模型，避免间距错乱 */
}
.footer-bottom {
    padding: 23px 0 22px;
    position: relative;
}
.footer-bottom:before {
    content: "";
    position: absolute;
    top: 0;
    height: 1px;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
	background:#ffffff61;
}
.copy-right-text p {
    margin: 0;
    padding: 0;
    color: #fff;
}
.footer-menu ul li {
    display: inline-block;
}
.footer-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-menu ul li a {
    padding: 0 10px;
    display: block;
    color: #fff;
}
.copy-right-text a, .footer-menu ul li a:hover {
    color: #f5f6fa;
}
/* sordinaryoll up css */
#scrollUp {
    bottom: 30px;
    font-size: 30px;
    height: 40px;
    line-height: 40px;
    right: 100px;
    text-align: center;
    border-radius: 5px;
    width: 40px;
    background: #0053a1;
}
#scrollUp i {
    color: #fff;
}
/* slick slide css */
.slick-dots li button {
    font-size: 0;
    width: 30px;
    height: 10px;
    border: 0 solid #F0F0F0;
    margin: 0 5px;
    cursor: pointer;
    border-radius: 50px;
    padding: 0;
    transition: .5s;
    outline: 0;
    background: #0053a15c;
}
 .slick-dots li.slick-active button {
    background-color:#0053a1;
}
.slick-dots li {
    display: inline-block;
}
.slick-dots {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -25px;
    display: inline-block;
    z-index: 11;
    text-align: center;
}
/* slick prev slick next css */
/*======== slick ========*/
.slick-prev, .slick-next {
    font-size: 0;
    position: absolute;
    display: block;
    padding: 0;
    cursor: pointer;
    color: #fff;
    outline: none;
    z-index: 9;
    opacity: 0;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0,0,0,.1);
    width: 55px;
    height: 55px;
    line-height: 55px;
    top: 50%;
    transform: translate(0px, -50%);
    transition: .5s;
    border: 0px solid #19191b;
    background: #0053a1;
}
.slick-prev {
    left: -65px;
}
 .slick-next {
     right: -65px;
}
.slick-next:before, .slick-prev:before {
    color: #fff;
    font-size: 40px;
    transition: all .3s ease 0s;
    content: "\ea93";
    font-family: IcoFont!important;
    line-height: inherit;
    opacity: 1;
}
.slick-next:before {
    content: "\ea94";
    font-family: IcoFont!important;
}
.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
    background: #1f1d1d;
    border-color: #1f1d1d;
}
.slick-prev:hover:before, .slick-next:hover:before {
    color: #fff;
}
button:focus {
    outline: 0;
}
.gd_test_area:hover .slick-prev, .gd_test_area:hover .slick-next {
	opacity:1;
}
.gd_test_area2:hover .slick-prev, .gd_test_area2:hover .slick-next {
	opacity:1;
}
/*===== 19. Breadcumb Area CSS =====*/
 .breadcumb-inner h2 {
    font-size: 36px;
}
.breadcumb-area {
    padding-top: 150px;
    padding-bottom: 150px;
    background-color: #0053a1;
    position: relative;
    background-position: center center;
    background-size: cover;
}
.breadcumb-area:before, .breadcumb-blog-area:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
}
.breadcumb-inner ul, .breadcumb-inner ul span a, .breadcumb-inner li, .breadcumb-inner li a {
    color:#fff;
    padding-top: 5px;
}
.breadcumb-inner li {
    display: inline-block;
    margin: 0;
    color:#fff;
}
.breadcumb-inner li:nth-last-child(-n+1) {
    color:#fff;
}
.breadcumb-inner li a {
    color:#fff;
}
.breadcumb-inner li a:hover {
    color: #0053a1;
}
.brpt h2 {
    font-size: 30px;
    color: #fff;
    margin-bottom: 5px;
}
 .lcase {
     text-transform: lowercase;
}
 .ucase {
     text-transform: uppercase;
}
.ccase {
     text-transform: capitalize;
}
/* ===== 20. Single Service Area CSS ===== */
.single_service_area {
    padding: 100px 0 80px;
}
.single_service_area .witr_text_widget_inner img {
    width: 100%;
}
.single_service_area .witr_text_widget p {
    line-height: 1.7em;
}
.single_service_area .witr_text_widget_inner h2 {
    font-size: 40px;
    padding: 40px 0 10px 0;
}


.tx_golobal_color{
     background: #0053a1;
}
 .tx_btn_global_color:hover{
     background:#1d1d1f;
}

/* 20251220新加*/
/* 产品轮播核心样式 */
.product-carousel {
  width: 100%;
  position: relative;
  margin: 0 auto;
}

/* 主图轮播区域 */
.carousel-main {
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.1);
  margin-bottom: 15px;
}

.carousel-item {
  width: 100%;
  display: none; /* 初始隐藏所有轮播项 */
}

.carousel-item.active {
  display: block; /* 激活项显示 */
}

.carousel-item img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* 轮播控制按钮（上一张/下一张） */
.product-carousel .carousel-prev,
.product-carousel .carousel-next {
  position: absolute;
  top: 44%;
  transform: translateY(-50%);
  width: 30px;
  height: 80px;
  background: #f5f6fa;
  color: #1d1d1f90;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  transition: background 0.3s ease;
  font-size: 30px;
}

.product-carousel .carousel-prev {
  left: 10px;
}

.product-carousel .carousel-next {
  right: 10px;
}

.product-carousel .carousel-prev:hover,
.product-carousel .carousel-next:hover {
  background: #0053a1;
  color: #fff;
}

/* 缩略图导航样式 */
.carousel-thumbnails {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}

.thumbnail-item {
  width: 80px;
  height: 60px;
  opacity: 0.6;
  cursor: pointer;
  border: 2px solid transparent;
  transition: all 0.3s ease;
  border-radius: 4px;
  overflow: hidden;
}

.thumbnail-item.active {
  opacity: 1;
  border-color: #0053a1; /* 激活态边框颜色 */
}

.thumbnail-item:hover {
  opacity: 0.9;
}

.thumbnail-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 响应式适配（手机端） */
@media (max-width: 768px) {
  .carousel-prev, .carousel-next {
    width: 36px;
    height: 36px;
  }
  .thumbnail-item {
    width: 60px;
    height: 45px;
  }
}
/* 产品参数表格 - 独立CSS样式 */
.product-spec-container {
  margin: 20px 0;
  width: 100%;
}

/* 每个参数模块的卡片样式 */
.spec-card {
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  overflow: hidden;
}

/* 卡片头部样式 */
.spec-card-header {
  background: #0053a1;
  color: #fff;
  padding: 5px 15px;
  font-size: 18px;
  font-weight: bold;
}

/* 表格容器（实现表头固定+滚动） */
.spec-table-wrapper {
  max-height: none;
  overflow-y: auto;
  display: block;
}

/* 核心表格样式 */
.spec-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 16px;
  margin-bottom: 0;
}

/* 表格表头（滚动时固定） */
.spec-table-header {
  position: sticky;
  top: 0;
  background: #f8f9fa;
  border-bottom: 2px solid #ddd;
}

.spec-table th,
.spec-table td {
  padding: 3px 15px;
  border: 1px solid #ddd;
  vertical-align: middle;
}

/* 表格第一列宽度固定 */
.spec-table th:first-child,
.spec-table td:first-child {
  width: 30%;
}

/* 斑马纹行（提升可读性） */
.spec-table tbody tr:nth-child(even) {
  background-color: #f5f6fa;
}

/* 鼠标悬停高亮 */
.spec-table tbody tr:hover {
  background-color: #e9ecef;
  transition: background-color 0.2s ease;
}

/* 移动端适配 */
@media (max-width: 768px) {
  .spec-table-wrapper {
    max-height: auto;
  }
  .spec-table th,
  .spec-table td {
    padding: 10px 8px;
    font-size: 13px;
  }
}
/* 相关产品推荐精简样式 */
.related-products-section 
{
  margin: 40px 0; 
  width: 100%; 
  overflow: hidden;
}
/* 标题+箭头容器（核心新增） */
.related-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.related-title {
  font-size: 20px; 
  font-weight: bold; 
  color: #0053a1; 
  border-left: 4px solid #0053a1; 
  padding-left: 10px;
  margin-bottom: 0;
}
/* 手动切换箭头样式（标题右侧） */
.related-arrows {
  display: flex;
  align-items: center;
}
.related-arrows .related-prev,
.related-arrows .related-next 
{
  width: 36px;
  height: 36px;
  line-height: 36px; /* 文字垂直居中 */
  text-align: center;
  background-color: #0053a1;
  color: #ffffff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  justify-content:center;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 36px;
  transition: background-color 0.2s ease; /*  hover过渡 */
  padding: 0; /* 清除默认内边距 */
}
.related-arrows .related-prev:hover,
.related-arrows .related-next:hover 
{
  background-color: #1d1d1f; /* hover加深颜色 */
}
/* 禁用状态（可选，轮播到首尾时自动生效） */
.related-arrows .related-prev:disabled,
.related-arrows .related-next:disabled 
{
  background-color: #fff;
  cursor: not-allowed;
}
.related-products-carousel 
{
  width: 100%;
}
.related-product-item 
{
  padding: 0 10px; 
  text-align: center;
}
.related-product-item h4
{
  font-size: 20px; 
  font-weight: bold;
  color: #0053a1;
  font-weight: normal; 
  margin: 20px 0 5px;
}
.product-link {
  display: block; 
  text-decoration: none; 
  color: #0053a1;
  border: 3px solid #f5f6fa; 
  padding: 10px;    
  border-radius: 10px;
  transition: box-shadow 0.3s ease;
}
.product-link:hover 
{
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* 柔和阴影 */
}
.product-img 
{
  width: 100%; 
  height: 100%; 
  object-fit: cover;
  border-radius: 5px; 
  margin-bottom: 10px;
}
.product-name 
{
  font-size: 18px; 
  font-weight: normal; 
  margin: 20px 0 5px;
}
.product-desc 
{
  font-size: 14px; 
  color: #666;
}
/* 移动端适配 */
@media (max-width: 768px) {
  .product-img {
    height: auto;
  }
  /* 移动端箭头缩小 */
  .related-arrows .related-prev,
  .related-arrows .related-next {
    width: 32px;
    height: 32px;
    line-height: 32px;
  }
}
.about_us_title {
    margin-top: -30px;
    margin-bottom: 20px;
}
.about_us_title_inner h1, .about_us_title_inner h2, .about_us_title_inner h3 {
    font-size: 36px;
    margin: auto;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 20px;
}
.about_us_title_inner h2 {
    font-size: 22px;
    color: #0053a1;
    margin-bottom: 5px;
}
.about_us_title_inner h4 {
    font-size: 16px;
    color: #1d1d1f;
    line-height: 25px;
    font-weight: lighter;
    margin-bottom: 20px;
}
.about_us_title_inner h1 span, .about_us_title_inner h2 span, .about_us_title_inner h3 span, .about_us_title_inner p span, .about_us_title_inner p span a {
    color: #0053a1;
}
.about_us_title_inner p {
    width: 100%;
    padding: 0 0 0 0;
    margin-top: 10px;
}
.about_us_title_inner.text-center p {
    width: 74%;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
}
.port_area .about_us_title_inner p {
    width: 40%;
}
/* 目标区块整体样式 */
.text-image-section {
  padding: 100px 0; /* 上下外间距 */
}

/* 行容器：保证左右卡片垂直对齐 */
.text-image-row {
  align-items: center;
}

/* 列容器：小屏幕下增加底部间距 */
.text-image-col {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .text-image-col {
    margin-bottom: 0; /* 大屏取消底部间距 */
  }
}

/* 通用卡片样式：圆角+阴影+白色背景 */
.text-image-card {
  background: #fff;
  border-radius: 30px; /* 圆角大小匹配示例 */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* 柔和阴影 */
  height: 100%; /* 保证左右卡片高度一致 */
  overflow: hidden; /* 防止图片溢出圆角 */
}

/* 文字卡片样式 */
.text-image-text-card {
  padding:70px; /* 内边距 */
  min-height: 400px; 
}

/* 标题样式 */
.text-image-title {
  font-size: 36px;
  font-weight: 700;
  color: #1d1d1f;
  margin-bottom: 20px;
}

/* 正文样式 */
.text-image-desc {
  line-height: 1.6;
  color: #1d1d1f;
  font-size: 16px;
  margin-bottom: 16px;
}
.text-image-desc:last-child {
  margin-bottom: 0; /* 最后一段取消底部间距 */
}

/* 图片卡片样式 */
.text-image-img-card {
  max-height: 400px; /* 图片卡片最小高度 */
}

/* 图片样式：自适应+不变形 */
.text-image-img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 覆盖式适配，不拉伸 */
}

/* 响应式适配：小屏幕调整图片高度 */
@media (max-width: 991px) {
  .text-image-img-card {
    min-height: 300px; /* 小屏幕降低图片高度 */
  }
  .text-image-text-card {
    padding: 30px 20px; /* 小屏幕减少内边距 */
  }
}

/* 目标区块整体样式 */
.quality-control-section {
  background: #f5f6fa;
  padding: 70px 0; /* 上下外间距 */
}

/* 行容器：保证左右卡片垂直对齐 */
.quality-control-row {
  align-items: center;
}

/* 列容器：小屏幕下增加底部间距 */
.quality-control-col {
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .quality-control-col {
    margin-bottom: 0; /* 大屏取消底部间距 */
  }
}
/* 通用卡片样式：圆角+阴影+白色背景 */
.quality-control-card {
  background: #f5f5f7;
  height: 100%; /* 保证左右卡片高度一致 */
  overflow: hidden; /* 防止图片溢出圆角 */
}

/* 文字卡片样式 */
.quality-control-text-card {
  padding:70px; /* 内边距 */
  max-width: 600px;
  min-height: 400px; 
}

/* 标题样式 */
.quality-control-title {
  font-size: 36px;
  font-weight: 700;
  color: #1d1d1f;
  margin-bottom: 20px;
}

/* 正文样式 */
.quality-control-desc {
  line-height: 1.6;
  color: #1d1d1f;
  font-size: 16px;
  margin-bottom: 16px;
}
.quality-control-desc:last-child {
  margin-bottom: 0; /* 最后一段取消底部间距 */
}
/* 图片卡片样式 */
.quality-control-right-card {
  padding: 30px 70px 30px 70px; /* 内边距 */
  min-height: 100px; 
  background: #fff;
  border-radius: 30px; /* 圆角大小匹配示例 */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* 柔和阴影 */
  height: 100%; /* 保证左右卡片高度一致 */
  overflow: hidden; /* 防止图片溢出圆角 */
  margin-bottom: 30px;
  box-sizing: border-box; /* 内边距和边框计入宽高，防止溢出 */
  overflow: hidden;     /* 即使图片过大，也不会超出卡片 */
}
/* 图片样式：自适应+不变形 */
.quality-control-right-title {
  font-size: 26px;
  font-weight: 700;
  color: #1d1d1f;
  margin-bottom: 10px;
  display: flex;        /* 弹性布局，让图片和文字横向排列 */
  align-items: center;  /* 垂直居中 */
  margin: 0 0 10px 0;   /* 标题和描述的间距 */
}
/* 正文样式 */
.quality-control-right-desc {
  line-height: 1.6;
  color: #1d1d1f;
  font-size: 16px;
  margin-bottom: 0px;
}
.qc-icon {
   width: 50px;          /* 图标宽度，可根据需求调整 */
   height: 40px;         /* 图标高度，和宽度保持一致 */
   margin-right: 8px;    /* 图标和文字的间距 */
   vertical-align: middle; /* 图标和文字垂直居中对齐 */
   object-fit: contain;  /* 保证图片比例不变，不拉伸 */
}
/* 响应式适配：小屏幕调整图片高度 */
@media (max-width: 991px) {
  .quality-control-img-card {
    min-height: 300px; /* 小屏幕降低图片高度 */
  }
  .quality-control-text-card {
    padding: 30px 20px; /* 小屏幕减少内边距 */
  }
}
/* Quality Test Section Styles */
.quality-test-section {
    margin: 0;
    padding: 70px;
    box-sizing: border-box;
    font-family: Poppins,sans-serif;
    background-color: #fff;
    margin-bottom: 40px;
}
.quality-test-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 40px 0px;
}
.quality-test-section-header {
    margin-bottom: 40px;
}

.quality-test-section-header h2 {
    font-size: 36px;
    font-weight: 700;
    color: #1d1d1f;
    margin-bottom: 20px;
}

.quality-test-section-subtitle {
    font-size: 16px;
    color: #1d1d1f;
    line-height: 25px;
    font-weight: lighter;
    margin-bottom: 40px;
}

.quality-test-cards-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 20px;
}

.quality-test-card-col {
    display: flex;
    justify-content: center;
}

.quality-test-card {
    flex: 1;
    background-color: #fff;
    border-radius: 30px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    padding: 50px;
    margin-top: 30px;
    text-align: center;
    transition: all 0.3s ease-in-out;
}

.quality-test-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.quality-test-img-container {
    width: auto;
    height: auto;
    margin: 0 auto 30px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #007bff; /* Blue icon color */
    font-size: 36px;
}
.quality-test-img-img {
    width: auto;
    height: auto;
    border-radius: 30px;
}
.quality-test-title {
    font-size: 22px;
    font-weight: 600;
    color: #1d1d1f;
    margin-bottom: 15px;
}

.quality-test-desc {
    font-size: 16px;
    color: #1d1d1f;
    line-height: 1.6;
    margin-bottom: -10px;
}
@media (max-width: 768px) {
.quality-test-section {
    padding: 0;
}
}
/* 全局基础样式 */
.certificates{
    margin: 0;
    padding: 70px;
    box-sizing: border-box;
    font-family: Poppins,sans-serif;
    background-color: #f5f6fa;
}
.certificates-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 40px 0px;
}
/* 标题区域样式 */
.certificates-section-header {
    text-align: center;
    margin-bottom: 0px;
}
.certificates-section-header h3 {
    font-size: 32px;
    font-weight: 600;
    color: #1d1d1f;
    margin-top: 100px;
    margin-bottom: 0px;
}
.certificates-section-header h2 {
    font-size: 36px;
    font-weight: 700;
    color: #1d1d1f;
    margin-bottom: 10px;
}
.certificates-section-header h1 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}
.certificates-section-header p {
    font-size: 16px;
    color: #1d1d1f;
    line-height: 1.6;
    font-weight: lighter;
    margin: 0 auto;
}
/* 会员卡片区域样式 */
.certificates-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 30px;
}
.certificates-cards-container {
    display: flex;
    gap: 30px;
    flex-wrap: wrap; /* 适配小屏幕自动换行 */
}
.certificates-card {
    flex: 1;
    background-color: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* 柔和阴影 */
    padding: 50px;
    border-radius: 30px;
    margin-top: 30px;
}
.certificates-card img {
    max-width: 80px;
    height: auto;
}
.certificates-card h3 {
    font-size: 24px;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 20px;
}
.certificates-card p {
    font-size: 16px;
    color: #1d1d1f;
    line-height: 1.6;
    margin-top: 20px;
    margin-bottom: 0;
}
.certificates-card a {
    display: inline-block;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    font-weight: 600;
}
.certificates-card a:hover {
    text-decoration: underline;
}
@media (max-width: 768px) {
.certificates{
    padding: 0;
}
}

.solutions{
    margin: 0;
    padding: 70px;
    box-sizing: border-box;
    font-family: Poppins,sans-serif;
    background-color: #fff;
}
.solutions-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 40px 0px;
}
/* 标题区域样式 */
.solutions-header {
    text-align: center;
    margin-bottom: 40px;
}
.solutions-header h2 {
    font-size: 36px;
    font-weight: 700;
    color: #1d1d1f;
    margin-bottom: 20px;
}
.solutions-header h1 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 20px;
}
.solutions-header p {
    font-size: 16px;
    font-weight: lighter;
    color: #1d1d1f;
    line-height: 25px;
    margin-bottom: 40px;
}
.solutions-subtitle {
    font-size: 16px;
    color: #1d1d1f;
    line-height: 25px;
    font-weight: 400;
    margin-bottom: 40px;
}

.solutions-cards-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 20px;
}

/* 卡片容器：Flex布局实现左右排列 */
.solutions-content-card {
  display: flex;
  align-items: center;
  gap: 30px; /* 图片和文字的间距 */
  background-color: #f5f5f7; /* 卡片背景色（和图中一致） */
  border-radius: 30px; /* 圆角 */
  padding: 40px 40px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* 柔和阴影 */
  margin-bottom: 40px;
  box-sizing: border-box; /* 新增：统一盒模型，避免padding撑大卡片 */
  width: 100%; /* 新增：确保卡片占满父容器宽度，不缩窄 */
}

/* 图片区域：包含定位的NEW标签 */
.solutions-card-img {
  position: relative;
  flex: 1; /* 占比1份 */
  width: 100%; /* 新增：确保父容器占满可用宽度，供图片自适应 */
}
.solutions-card-img img {
  max-width: 39.0625rem;
  max-width: 100%; /* 新增：优先级更高，确保移动端图片不超过父容器 */
  height: auto;
  border-radius: 30px;
  padding: 10px;
  display: block; /* 新增：清除图片默认行内间隙，避免布局错乱 */
}
/* NEW标签：绝对定位在图片左上角 */
.solutions-new-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: #ff0000;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
  border-radius: 4px;
  z-index: 1; /* 新增：确保标签在图片上方，不被遮挡 */
}

/* 文字信息区域 */
.solutions-card-info {
  flex: 1.2; /* 占比略大，适配文字长度 */
  margin-left: 30px;
  margin-right: 30px;
  width: 100%; /* 新增：移动端垂直排列后占满宽度 */

}
.solutions-card-info h2 {
  font-size: 32px;
  color: #1d1d1f;
  margin-bottom: 16px;
}
.solutions-card-info p {
  font-size: 16px;
  font-weight: lighter;
  line-height: 1.6;
  color: #1d1d1f;
  margin-bottom: 20px;
}
/* 按钮样式 */
.solutions-view-btn {
  display: inline-block;
  background-color: #0053a1;
  color: #fff;
  text-decoration: none;
  padding: 10px 30px;
  border-radius: 30px;
  font-weight: 700;
  transition: background-color 0.3s; /*  hover动画 */
}
.solutions-view-btn:hover {
  background-color: #c7000b; /*  hover深色效果 */
  color: #fff;
}

/* 移动端适配（max-width: 768px）：核心修改区域 */
@media (max-width: 768px) {
  /* 1. 优化父容器全局间距，减小左右间隔 */
  .solutions {
    padding: 20px 0px; /* 替换原有70px，移动端窄边距 */
  }
  .solutions-content-card:has(.solutions-card-info:first-child) {
    flex-direction: column-reverse; /* 反转垂直排列，实现图片在上、文字在下 */
  }
  /* 2. 优化卡片布局和间距，解决左右间隔大 */
  .solutions-content-card {
    flex-direction: column; /* 保留垂直排列 */
    padding: 30px 15px; /* 减小左右内边距，解决间隔大（关键修改） */
    gap: 20px; /* 减小垂直方向间距，更适配移动端 */
    border-radius: 20px; /* 优化圆角，更贴合移动端视觉 */
  }

  /* 3. 移除图片和文字区域的多余左右margin，解决叠加间隔+溢出 */
  .solutions-card-img img {
    margin-left: 0; /* 移除左侧多余margin */
    margin-right: 0; /* 移除右侧多余margin */
    margin: 0 auto; /* 可选：让图片居中，更美观 */
    border-radius: 15px; /* 适配卡片圆角 */
  }

  .solutions-card-info {
    margin-left: 0; /* 移除左侧多余margin */
    margin-right: 0; /* 移除右侧多余margin */
    text-align: center; /* 可选：文字居中，更适配移动端垂直布局 */
  }

  /* 4. 可选：优化文字大小，避免移动端文字过大挤压布局 */
  .solutions-card-info h2 {
    font-size: 24px;
  }

  .solutions-card-info p {
    font-size: 14px;
  }
}
.single-solutions{
    box-sizing: border-box;
    font-family: Poppins,sans-serif;
    background-color: #fff;
}
.single-solutions-container {
    max-width: 1920px;
    margin: 0 auto;
}
/* 标题区域样式 */
.single-solutions-header {
    text-align: center;
    margin-bottom: 40px;
}
.single-solutions-header h2 {
    font-size: 36px;
    font-weight: 700;
    color: #1d1d1f;
    margin-bottom: 20px;
}
.single-solutions-header h1 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 20px;
}
.single-solutions-header p {
    font-size: 18px;
    color: #1d1d1f;
    line-height: 25px;
    font-weight: lighter;
    margin-bottom: 40px;
}
.single-solutions-subtitle {
    font-size: 18px;
    color: #1d1d1f;
    line-height: 25px;
    font-weight: lighter;
    margin-bottom: 40px;
}

.single-solutions-cards-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 20px;
}

/* 卡片容器：Flex布局实现左右排列 */
.single-solutions-content-card {
  display: flex;
  align-items: stretch; /* 左右两侧高度拉伸一致 */
  flex-wrap: wrap; /* 保持移动端响应式换行 */
  background-color: #f5f6fa; /* 卡片背景色（和图中一致） */
}

/* 图片区域：包含定位的NEW标签 */
.single-solutions-card-img {
  position: relative;
  flex: 1; /* 占比1份 */

}
.single-solutions-card-img img {
  max-width: 960px;
  height: auto;
}
/* 文字信息区域 */
.single-solutions-card-info {
  flex: 1; /* 占比略大，适配文字长度 */
  margin-left: 12%;
  margin-top: 10px;
  margin-bottom: 30px;
}
.single-solutions-inner {
  font-size: 20px;
  font-weight: bold;
  color: #1d1d1f;
}
.single-solutions-card-info h2 {
  font-size: 32px;
  font-weight: 700;
  color: #1d1d1f;
  margin-top: 25%;
  margin-bottom: 20px;
}
.single-solutions-card-info p {
  font-size: 16px;
  font-weight: lighter;
  line-height: 1.6;
  color: #1d1d1f;
  max-width: 90%;
  margin-bottom: 20px;
}
/* 按钮样式 */
.single-solutions-view-btn {
  display: inline-block;
  background-color: #0053a1;
  color: #fff;
  text-decoration: none;
  padding: 10px 30px;
  border-radius: 30px;
  font-weight: 700;
  transition: background-color 0.3s; /*  hover动画 */
}
.single-solutions-view-btn:hover {
  background-color: #c7000b; /*  hover深色效果 */
  color: #fff;
}

/* 响应式适配（手机端变成上下排列） */
@media (max-width: 768px) {
  .single-solutions-content-card {
    flex-direction: column-reverse;
  }
  .single-solutions-inner {
    display: none; /* 核心属性：隐藏元素，不占据任何页面空间 */
  }
  .single-solutions-card-info {
  margin-left: 0;
  }
  .single-solutions-card-info p {
  max-width: 100%;
}
  .single-solutions-card-info h2 {
    align-items: center; 
    margin-top: 20px;
  }
}
.single-solutions-detail{
    box-sizing: border-box;
    font-family: Poppins,sans-serif;
    background-color: #fff;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #f5f5f7;
}
.single-solutions-detail-container {
    max-width: 1400px;
    margin: 0 auto;
    margin-top: 70px;
    margin-bottom: 70px;
}
/* 标题区域样式 */
.single-solutions-detail-header {
    margin-top: 70px;
    margin-bottom: 40px;
}
.single-solutions-detail-header h2 {
    font-size: 16px;
    font-weight: 700;
    color: #1d1d1f;
    line-height: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.single-solutions-detail-header h1 {
    font-size: 36px;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 15px;
}
.single-solutions-detail-header p {
    font-size: 16px;
    color: #1d1d1f;
    line-height: 30px;
    font-weight: lighter;
    margin-top: 15px;
    margin-bottom: 15px;
}
.single-solutions-detail-subtitle {
    font-size: 18px;
    color: #1d1d1f;
    line-height: 25px;
    font-weight: lighter;
    margin-bottom: 40px;
}

.single-solutions-detail-cards-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 20px;
}

/* 卡片容器：Flex布局实现左右排列 */
.single-solutions-detail-content-card {
  display: flex;
  align-items: stretch; /* 左右两侧高度拉伸一致 */
  flex-wrap: wrap; /* 保持移动端响应式换行 */
  background-color: #fff; /* 卡片背景色（和图中一致） */
  border-radius: 30px; /* 圆角 */
  margin-bottom: 40px;
}
/* 文字信息区域 */
.single-solutions-detail-card-info {
  flex: 1; /* 占比略大，适配文字长度 */
  margin-left: 200px;
  margin-right: 100px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.single-solutions-detail-inner {
  font-size: 20px;
  font-weight: bold;
  color: #1d1d1f;
}
.single-solutions-detail-card-info h2 {
  font-size: 32px;
  color: #1d1d1f;
  margin-top: 50%;
  margin-bottom: 16px;
}
.single-solutions-detail-card-info p {
  font-size: 16px;
  line-height: 1.6;
  color: #1d1d1f;
  margin-bottom: 20px;
}
/* 按钮样式 */
.single-solutions-detail-contact-btn {
  display: inline-block;
  background-color: #0053a1;
  color: #fff;
  text-decoration: none;
  padding: 10px 30px;
  border-radius: 30px;
  font-weight: 700;
  transition: background-color 0.3s; /*  hover动画 */
}
.single-solutions-detail-contact-btn:hover {
  background-color: #c7000b; /*  hover深色效果 */
  color: #fff;
}

/* 响应式适配（手机端变成上下排列） */
@media (max-width: 768px) {
  .single-solutions-detail-content-card {
    flex-direction: column-reverse;
  }
}

.other-solutions{
    margin: 0;
    padding: 20px;
    box-sizing: border-box;
    font-family: Poppins,sans-serif;
    background-color: #fff;
}
.other-solutions-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 40px 0px;
    box-sizing: border-box; /* 统一盒模型，避免间距错乱 */
}
/* 标题区域样式 */
.other-solutions-header {
    text-align: center;
    margin-bottom: 40px;
}
.other-solutions-header h2 {
    font-size: 32px;
    font-weight: 700;
    color: #1d1d1f;
    margin-bottom: 20px;
}
.other-solutions-cards-row {
    display: flex;
    flex-wrap: wrap;
    gap: 30px; 
    justify-content: center;
    margin-bottom: 30px;
}
.other-solutions-card {
  max-width: 670px;
  display: flex;
  align-items: center;
  gap: 30px; /* 图片和文字的间距 */
  background-color: #1d1d1f; /* 卡片背景色（和图中一致） */
  border-radius: 30px; /* 圆角 */
  padding: 20px 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* 柔和阴影 */
  box-sizing: border-box; /* 统一盒模型，确保padding不撑破卡片 */
}
.other-solutions-card-2 {
  max-width: 440px;
  max-height: 500px;
  display: flex;
  align-items: center;
  gap: 30px; /* 图片和文字的间距 */
  background-color: #1d1d1f; /* 卡片背景色（和图中一致） */
  border-radius: 30px; /* 圆角 */
  padding: 20px 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* 柔和阴影 */
  box-sizing: border-box; /* 统一盒模型，确保padding不撑破卡片 */
}
/* 图片区域：包含定位的NEW标签 */
.other-solutions-card-img {
  position: relative;
  flex: 1; /* 占比1份 */
}
.other-solutions-card-img img {
  height: auto;
  border-radius: 30px;
  max-width: 100%; /* 大屏幕防止溢出，手机端自适应 */
}
/* 文字信息区域 */
.other-solutions-card-info {
  flex: 1.2; /* 占比略大，适配文字长度 */
  margin-left: 30px;
  margin-right: 30px;
}
.other-solutions-card-info h2 {
  font-size: 28px;
  color: #fff;
  margin-bottom: 16px;
}
/* 图片区域：包含定位的NEW标签 */
.other-solutions-card-2-img {
  position: relative;
  flex: 1; /* 占比1份 */
}
.other-solutions-card-2-img img {
  height: auto;
  border-radius: 30px;
  max-width: 100%; /* 大屏幕防止溢出，手机端自适应 */
}
/* 文字信息区域 */
.other-solutions-card-2-info {
  flex: 1.2; /* 占比略大，适配文字长度 */
  margin-left: 30px;
  margin-right: 30px;
}
.other-solutions-card-2-info h2 {
  font-size: 28px;
  color: #fff;
  margin-bottom: 16px;
}
.other-solutions-view-btn {
  display: inline-block;
  background-color: #c7000b;
  color: #fff;
  text-decoration: none;
  padding: 10px 30px;
  border-radius: 30px;
  font-size: 18px;
  font-weight: 700;
  transition: background-color 0.3s; /*  hover动画 */
}
.other-solutions-view-btn:hover {
  background-color: #fff; /*  hover深色效果 */
  color: #c7000b;
}

/* 响应式适配（手机端保留横向排列+等比例缩小）：核心修改区域 */
@media (max-width: 768px) {
  /* 1. 优化父容器间距，给横向卡片留出足够空间 */
  .other-solutions {
    padding: 10px 5px; /* 最小化全局左右间距，避免卡片贴边又不溢出 */
  }
  .other-solutions-container {
    padding: 20px 0;
  }
  .other-solutions-cards-row {
    gap: 15px; /* 缩小卡片之间的间隔，适配手机端 */
    margin-bottom: 5px;
  }

  /* 2. 优化 .other-solutions-card 移动端样式（保留横向+等比例缩小） */
  .other-solutions-card {
    max-width: 100%; /* 占满手机屏幕宽度，提供足够横向空间 */
    display: flex;
    /* 关键：保留横向排列，默认flex-direction: row，无需额外设置 */
    align-items: center; /* 保持文字和图片垂直居中 */
    gap: 10px; /* 大幅缩小图文横向间距，避免挤压 */
    background-color: #1d1d1f;
    border-radius: 30px; /* 缩小圆角，匹配手机端卡片比例 */
    padding: 15px 15px; /* 缩小横向内边距，释放更多横向空间 */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
  }

  /* 3. 优化 .other-solutions-card-2 移动端样式（保留横向+等比例缩小） */
  .other-solutions-card-2 {
    max-width: 100%; /* 占满手机屏幕宽度 */
    display: flex;
    /* 关键：保留横向排列，默认flex-direction: row */
    align-items: center; /* 垂直居中，保持布局协调 */
    gap: 10px; /* 大幅缩小图文横向间距，避免挤压 */
    background-color: #1d1d1f;
    border-radius: 30px; /* 缩小圆角，匹配比例 */
    padding: 15px 15px; /* 缩小横向内边距，释放横向空间 */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
  }

  /* 4. 优化文字区域：移除多余横向margin，缩小字体，适配横向布局 */
  .other-solutions-card-info,
  .other-solutions-card-2-info {
    margin-left: 5px; /* 移除原有30px margin，仅保留极小间距 */
    margin-right: 5px;
    flex: 1; /* 调整flex占比，和图片均分横向空间，避免一方过宽 */
    width: 100%;
  }
  .other-solutions-card-info h2,
  .other-solutions-card-2-info h2 {
    font-size: 26px; /* 大幅缩小字体，适配横向窄空间 */
    margin-bottom: 8px;
    white-space: normal; /* 可选：文字不换行，保持横向整洁（如需换行可删除） */
    overflow: hidden; /* 可选：隐藏超出文字，避免挤压 */
    text-overflow: ellipsis; /* 可选：超出文字显示省略号 */
  }

  /* 5. 优化按钮：大幅缩小尺寸，适配横向布局 */
  .other-solutions-view-btn {
    padding: 10px 30px; /* 缩小按钮内边距，减少横向占用 */
    font-size: 14px; /* 缩小按钮字体 */
    border-radius: 30px; /* 缩小按钮圆角，匹配比例 */
    white-space: nowrap; /* 按钮文字不换行，保持横向整洁 */
  }

  /* 6. 优化图片：强制自适应横向空间，不溢出 */
  .other-solutions-card-img,
  .other-solutions-card-2-img {
    flex: 1; /* 和文字均分横向空间，保持比例协调 */
    max-width: 45%; /* 限制图片最大宽度，避免抢占文字空间 */
  }
  .other-solutions-card-img img,
  .other-solutions-card-2-img img {
    border-radius: 30px; /* 缩小图片圆角，匹配卡片比例 */
    max-width: 100%; /* 图片不超过容器宽度，实现等比例缩小 */
    height: auto; /* 保持图片比例，不拉伸变形 */
  }
}



.blogs{
    margin: 0;
    padding: 40px;
    box-sizing: border-box;
    font-family: Poppins,sans-serif;
    background-color: #FCF6F2;
}
.blogs-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 40px 0px;
}
/* 标题区域样式 */
.blogs-header {
    text-align: center;
    margin-bottom: 40px;
}
.blogs-header h2 {
    font-size: 40px;
    font-weight: 700;
    color: #1d1d1f;
    margin-bottom: 20px;
}
.blogs-header h3 {
    font-size: 18px;
    font-weight: 700;
    color: #1d1d1f;
    margin-bottom: 20px;
}
/* 卡片容器：Flex布局实现左右排列 */
.blogs-content-card {
  display: flex;
  align-items: center;
  gap: 30px; /* 图片和文字的间距 */
  background-color: #fff; /* 卡片背景色（和图中一致） */
  border-radius: 30px; /* 圆角 */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* 柔和阴影 */
  margin-bottom: 0px;
  box-sizing: border-box; /* 新增：统一盒模型，避免padding撑大卡片 */
  width: 100%; /* 新增：确保卡片占满父容器宽度，不缩窄 */
  max-height: 450px;
  overflow: hidden;
  position: relative;
}

/* 图片区域：包含定位的NEW标签 */
.blogs-card-img {
  position: relative;
  flex: 0 1 50.625rem; /* 占比1份 */
  width: 100%; /* 新增：确保父容器占满可用宽度，供图片自适应 */
  overflow: hidden;
}
.blogs-card-img img {
  max-width: 100%; /* 新增：优先级更高，确保移动端图片不超过父容器 */
  height: auto;
  border-radius: 0 30px 30px 0;
  margin-left: 30px;
  margin-right: 30px;
  display: block; /* 新增：清除图片默认行内间隙，避免布局错乱 */
  transition: 0.25s ease-in-out;
}


/* 文字信息区域 */
.blogs-card-info {
  flex: 0 1 37.5rem; /* 占比略大，适配文字长度 */
  max-width: 37.5rem; /* 新增：移动端垂直排列后占满宽度 */
  margin: 0 70px;
  position: relative;
}
.blogs-card-info h3 {
  font-size: 32px;
  color: #1d1d1f;
  margin-top: 15px;
  margin-bottom: 15px;
}
.blogs-card-info h2 {
  font-size: 16px;
  font-weight: lighter;
  color: #1d1d1f;
  margin-top: 30px;
  margin-bottom: 15px;
}
.blogs-card-info p {
  font-size: 16px;
  line-height: 1.6;
  color: #1d1d1f;
  margin-top: 15px;
  margin-bottom: 15px;
}
/* 按钮样式 */
.blogs-view-btn {
  display: inline-block;
  background-color: #c7000b;
  color: #fff;
  text-decoration: none;
  padding: 10px 30px;
  border-radius: 10px;
  margin-top: 15px;
  margin-bottom: 20px;
  font-weight: 700;
  transition: background-color 0.3s; /*  hover动画 */
}
.blogs-view-btn:hover {
  background-color: #0053a1; /*  hover深色效果 */
  color: #fff;
}

/* 移动端适配（max-width: 768px）：核心修改区域 */
@media (max-width: 768px) {
  /* 1. 优化父容器全局间距，减小左右间隔 */
  .blogs {
    padding: 20px 0px; /* 替换原有70px，移动端窄边距 */
  }
  .blogs-content-card:has(.blogs-card-info:first-child) {
    flex-direction: column-reverse; /* 反转垂直排列，实现图片在上、文字在下 */
  }
  /* 2. 优化卡片布局和间距，解决左右间隔大 */
  .blogs-content-card {
    flex-direction: column; /* 保留垂直排列 */
    gap: 20px; /* 减小垂直方向间距，更适配移动端 */
    border-radius: 30px; /* 优化圆角，更贴合移动端视觉 */
  }

  /* 3. 移除图片和文字区域的多余左右margin，解决叠加间隔+溢出 */
  .blogs-card-img img {
    margin-left: 0; /* 移除左侧多余margin */
    margin-right: 0; /* 移除右侧多余margin */
    margin: 0 auto; /* 可选：让图片居中，更美观 */
    border-radius: 15px; /* 适配卡片圆角 */
  }

  .blogs-card-info {
    margin: 0 20px;
  }

  /* 4. 可选：优化文字大小，避免移动端文字过大挤压布局 */
  .blogs-card-info h2 {
    font-size: 20px;
  }

  .blogs-card-info p {
    font-size: 16px;
  }
}
/* 分页容器：居中+上下间距 */
.pp-posts-pagination-wrap {
  margin-bottom: 80px;
  text-align: center;
  padding: 0;
}

/* 分页按钮容器：弹性布局+间距 */
.pp-posts-pagination {
  display: inline-flex;
  align-items: center;
}

/* 分页按钮通用样式 */
.page-numbers {
  display: inline-block;
  padding: 15px 24px;
  color: #0053a1;
  text-decoration: none;
  font-size: 19px;
  transition: all 0.3s ease;
}

/* 当前页按钮样式 */
.page-numbers.current {
  background-color: #0053a1; /* 主色调，可替换 */
  color: #fff;
  border-color: #0053a1;
  font-weight: 600;
}

/* 悬停效果 */
.page-numbers:hover:not(.current):not(.dots) {
  border-color: #f5f5f7;
  color: #0053a1;
  background-color: #f5f5f7;
}

/* 省略号样式（无交互） */
.page-numbers.dots {
  border: none;
  padding: 8px 4px;
  cursor: default;
}

/* 下一页按钮样式（可选） */
.next.page-numbers {
  background-color: #f5f5f7;
  color: #0053a1;
  font-weight: 600;
}
.next.page-numbers:hover:not(.current):not(.dots) {
  background-color: #0053a1;
  color: #fff;
}

.blog-post{
    margin: 0;
    padding: 20px;
    box-sizing: border-box;
    font-family: Poppins,sans-serif;
    background-color: #FCF6F2;
}
.blog-post-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 40px 0px 20px 0px;
}
/* 标题区域样式 */
.blog-post-header {
    margin-bottom: 10px;
}
.blog-post-header h2 {
    font-size: 18px;
    font-weight: 600;
    color: #1d1d1f;
}
.blog-post-header h2>a {
    font-size: 18px;
    font-weight: 700;
    color: #1d1d1f;
}
.blog-post-header h2>a:hover {
    color: #0053a1;
}
/* 卡片容器：Flex布局实现左右排列 */
.blog-post-content-card {
  display: flex;
  max-width: 930px;
  width: 100%; /* 新增：确保卡片占满父容器宽度，不缩窄 */
  background-color: #fff; /* 卡片背景色（和图中一致） */
  border-radius: 30px; /* 圆角 */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* 柔和阴影 */
  margin: auto;
  box-sizing: border-box; /* 新增：统一盒模型，避免padding撑大卡片 */
  overflow: hidden;
  position: relative;
  height: 523.125px;
  justify-content: center;
}

/* 图片区域：包含定位的NEW标签 */
.blog-post-card-img {
  position: relative;
  flex-shrink: 0;
  /* ★ 图片容器占满整个卡片，和你HTML匹配，无文字区的最优设置 */
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.blog-post-card-img img {
  width: 100%; /* 新增：优先级更高，确保移动端图片不超过父容器 */
  height: 100%;
  margin: 0;
  object-position: center center;
  object-fit: cover;
  display: block; /* 新增：清除图片默认行内间隙，避免布局错乱 */
  transition: 0.25s ease-in-out;
  border-radius: 0;
}
/* 文字信息区域 */
.blog-post-card-info {
  max-width: 930px; /* 新增：移动端垂直排列后占满宽度 */
  margin: auto;
  position: relative;
  box-sizing: border-box; 
  justify-content: center;
}
.blog-post-card-info h3 {
  font-size: 32px;
  color: #1d1d1f;
  font-weight: 700;
  margin-top: 15px;
  margin-bottom: 0px;
}
.blog-post-card-info h2 {
  font-size: 16px;
  font-weight: 600;
  color: #1d1d1f;
  margin-top: 20px;
  margin-bottom: 15px;
}
.blog-post-card-info p {
  font-size: 16px;
  line-height: 1.6;
  color: #1d1d1f;
  margin-top: 15px;
  margin-bottom: 5px;
}
/* 按钮样式 */
.blog-post-view-btn {
  display: inline-block;
  background-color: #c7000b;
  color: #fff;
  text-decoration: none;
  padding: 10px 30px;
  border-radius: 10px;
  margin-top: 15px;
  margin-bottom: 20px;
  font-weight: 700;
  transition: background-color 0.3s; /*  hover动画 */
}
.blog-post-view-btn:hover {
  background-color: #0053a1; /*  hover深色效果 */
  color: #fff;
}

/* 移动端适配（max-width: 768px）：核心修改区域 */
@media (max-width: 768px) {
  /* 1. 优化父容器全局间距，减小左右间隔 */
  .blog-post {
    padding: 20px 0px; /* 替换原有70px，移动端窄边距 */
  }
  .blog-post-content-card:has(.blog-post-card-info:first-child) {
    flex-direction: column-reverse; /* 反转垂直排列，实现图片在上、文字在下 */
  }
  /* 2. 优化卡片布局和间距，解决左右间隔大 */
  .blog-post-content-card {
    flex-direction: column; /* 保留垂直排列 */
    gap: 20px; /* 减小垂直方向间距，更适配移动端 */
    border-radius: 30px; /* 优化圆角，更贴合移动端视觉 */
  }

  /* 3. 移除图片和文字区域的多余左右margin，解决叠加间隔+溢出 */
  .blog-post-card-img img {
    margin-left: 0; /* 移除左侧多余margin */
    margin-right: 0; /* 移除右侧多余margin */
    margin: 0 auto; /* 可选：让图片居中，更美观 */
    border-radius: 15px; /* 适配卡片圆角 */
  }

  .blog-post-card-info {
    margin: 0 20px;
  }

  /* 4. 可选：优化文字大小，避免移动端文字过大挤压布局 */
  .blog-post-card-info h2 {
    font-size: 20px;
  }

  .blog-post-card-info p {
    font-size: 16px;
  }
}
.blog-post-detail {
    margin: 0;
    padding: 40px 40px 80px 40px;
    box-sizing: border-box;
    font-family: Poppins,sans-serif;
    background-color: #fff;
}
.blog-post-detail-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0;
}
/* 卡片容器：Flex布局实现左右排列 */
.blog-post-detail-content-card {
  display: flex;
  max-width: 930px;
  width: 100%; /* 新增：确保卡片占满父容器宽度，不缩窄 */
  margin: auto;
  overflow: hidden;
  position: relative;
  height: auto;
  justify-content: center;
}
/* 图片区域：包含定位的NEW标签 */
.blog-post-detail-card-img {
  position: relative;
  flex-shrink: 0;
  /* ★ 图片容器占满整个卡片，和你HTML匹配，无文字区的最优设置 */
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.blog-post-detail-card-img img {
  max-width: 100%; /* 新增：优先级更高，确保移动端图片不超过父容器 */
  height: 100%;
  margin: 0;
  object-position: center center;
  object-fit: cover;
  display: block; /* 新增：清除图片默认行内间隙，避免布局错乱 */
  transition: 0.25s ease-in-out;
  border-radius: 0;
}
/* 文字信息区域 */
.blog-post-detail-card-info {
  max-width: 930px; /* 新增：移动端垂直排列后占满宽度 */
  margin: auto;
  position: relative;
  box-sizing: border-box; 
  justify-content: center;
}
.blog-post-detail-card-info h3 {
  font-size: 20px;
  color: #1d1d1f;
  font-weight: 700;
  margin-top: 15px;
  margin-bottom: 15px;
}
.blog-post-detail-card-info h4 {
  font-size: 18px;
  font-weight: 700;
  color: #1d1d1f;
  margin-top: 15px;
  margin-bottom: 15px;
}
.blog-post-detail-card-info p {
  font-size: 16px;
  color: #1d1d1f;
  line-height: 25px;
  margin-top: 15px;
  margin-bottom: 15px;
}
/* 按钮样式 */
.blog-post-detail-view-btn {
  display: inline-block;
  background-color: #c7000b;
  color: #fff;
  text-decoration: none;
  padding: 10px 30px;
  border-radius: 10px;
  margin-top: 15px;
  margin-bottom: 20px;
  font-weight: 700;
  transition: background-color 0.3s; /*  hover动画 */
}
.blog-post-detail-view-btn:hover {
  background-color: #0053a1; /*  hover深色效果 */
  color: #fff;
}
/* 分享区域整体容器 */
.blog-post-share-section {
  margin-top: 40px; /* 和文章保持间距 */
  padding-top: 20px;
}

/* 红色横线样式 */
.share-divider {
  height: 1px;
  background-color: #0053a1; /* 红色横线，和截图一致 */
  width: 100%;
  margin-bottom: 20px;
}

/* 分享文字+按钮的容器（水平排列） */
.share-content {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px; /* 文字和按钮的间距 */
}

/* 分享文字样式 */
.share-text {
  font-size: 16px;
  color: #1d1d1f;
  font-weight: 700;
}

/* 分享按钮容器 */
.share-buttons {
  display: flex;
  gap: 8px; /* 按钮之间的间距 */
}

/* 分享按钮通用样式（红色圆形） */
.share-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%; /* 圆形 */
  background-color: #0053a1; /* 红色背景，和截图一致 */
  color: #fff; /* 白色图标文字 */
  font-size: 16px;
  font-weight: 700;
  text-decoration: none; /* 去掉链接下划线 */
  transition: background-color 0.2s ease;
}

/* 鼠标悬浮按钮变色（可选优化） */
.share-btn:hover {
  background-color: #0053a1; /* 深色红，提升交互感 */
  color: #fff;
}
/* 各平台按钮微调（可选，保持截图样式可忽略） */
.fb-btn {
  font-family: Arial, sans-serif;
}
.in-btn {
  font-family: "LinkedIn", sans-serif;
}
.ig-btn {
  font-family: "Instagram", sans-serif;
}
/* 移动端适配（max-width: 768px）：核心修改区域 */
@media (max-width: 768px) {
  /* 1. 优化父容器全局间距，减小左右间隔 */
  .blog-post-detail {
    padding: 20px 0px; /* 替换原有70px，移动端窄边距 */
  }
  .blog-post-detail-content-card:has(.blog-post-detail-card-info:first-child) {
    flex-direction: column-reverse; /* 反转垂直排列，实现图片在上、文字在下 */
  }
  /* 2. 优化卡片布局和间距，解决左右间隔大 */
  .blog-post-detail-content-card {
    flex-direction: column; /* 保留垂直排列 */
    gap: 20px; /* 减小垂直方向间距，更适配移动端 */
    border-radius: 30px; /* 优化圆角，更贴合移动端视觉 */
  }

  /* 3. 移除图片和文字区域的多余左右margin，解决叠加间隔+溢出 */
  .blog-post-detail-card-img img {
    margin-left: 0; /* 移除左侧多余margin */
    margin-right: 0; /* 移除右侧多余margin */
    margin: 0 auto; /* 可选：让图片居中，更美观 */
    border-radius: 15px; /* 适配卡片圆角 */
  }

  .blog-post-detail-card-info {
    margin: 0 20px;
  }

  /* 4. 可选：优化文字大小，避免移动端文字过大挤压布局 */
  .blog-post-detail-card-info h2 {
    font-size: 20px;
  }

  .blog-post-detail-card-info p {
    font-size: 16px;
  }
}




.product-list{
    margin: 0;
    padding: 70px;
    box-sizing: border-box;
    font-family: Poppins,sans-serif;
    background-color: #fff;
}
.product-list-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 40px 0px;
}
/* 标题区域样式 */
.product-list-header {
    text-align: center;
    margin-bottom: 40px;
}
.product-list-header h2 {
    font-size: 36px;
    font-weight: 700;
    color: #1d1d1f;
    margin-bottom: 20px;
}
.product-list-header h1 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 20px;
}
.product-list-header p {
    font-size: 16px;
    color: #1d1d1f;
    line-height: 25px;
    font-weight: lighter;
    margin-bottom: 40px;
}
.product-list-subtitle {
    font-size: 16px;
    color: #1d1d1f;
    line-height: 25px;
    font-weight: 400;
    margin-bottom: 40px;
}

.product-list-cards-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 20px;
}

/* 卡片容器：Flex布局实现左右排列 */
.product-list-content-card {
  display: flex;
  align-items: center;
  gap: 30px; /* 图片和文字的间距 */
  background-color: #f5f6fa; /* 卡片背景色（和图中一致） */
  border-radius: 30px; /* 圆角 */
  padding: 40px 40px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* 柔和阴影 */
  margin-bottom: 40px;
  box-sizing: border-box; /* 新增：统一盒模型，避免padding撑大卡片 */
  width: 100%; /* 新增：确保卡片占满父容器宽度，不缩窄 */
}

/* 图片区域：包含定位的NEW标签 */
.product-list-card-img {
  position: relative;
  flex: 1; /* 占比1份 */
  width: 100%; /* 新增：确保父容器占满可用宽度，供图片自适应 */
}
.product-list-card-img img {
  max-width: 39.0625rem;
  max-width: 100%; /* 新增：优先级更高，确保移动端图片不超过父容器 */
  height: auto;
  border-radius: 30px;
  padding: 10px;
  display: block; /* 新增：清除图片默认行内间隙，避免布局错乱 */
}
/* NEW标签：绝对定位在图片左上角 */
.product-list-new-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: #ff0000;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
  border-radius: 4px;
  z-index: 1; /* 新增：确保标签在图片上方，不被遮挡 */
}

/* 文字信息区域 */
.product-list-card-info {
  flex: 1.2; /* 占比略大，适配文字长度 */
  margin-left: 30px;
  margin-right: 30px;
  width: 100%; /* 新增：移动端垂直排列后占满宽度 */

}
.product-list-card-info h2 {
  font-size: 32px;
  font-weight: 700;
  color: #1d1d1f;
  margin-bottom: 16px;
}
.product-list-card-info p {
  font-size: 16px;
  line-height: 1.6;
  color: #1d1d1f;
  margin-bottom: 20px;
}
/* 按钮样式 */
.product-list-view-btn {
  display: inline-block;
  background-color: #0053a1;
  color: #fff;
  text-decoration: none;
  padding: 10px 30px;
  border-radius: 30px;
  font-weight: 700;
  transition: background-color 0.3s; /*  hover动画 */
}
.product-list-view-btn:hover {
  background-color: #c7000b; /*  hover深色效果 */
  color: #fff;
}
.product-list-view-btn-2 {
  display: inline-block;
  background-color: transparent;
  color: #1d1d1f;
  text-decoration: none;
  padding: 10px 20px;
  margin-left: 5px;
  margin-bottom: 10px;
  border-radius: 30px;
  border: 0.0625rem solid #1d1d1f50;
  font-weight: 700;
  transition: 0.25s ease-in-out;
}
.product-list-view-btn-2:hover {
  background-color: #c7000b; /*  hover深色效果 */
  color: #fff;
  border: 0.0625rem solid #c7000b;
}
/* 移动端适配（max-width: 768px）：核心修改区域 */
@media (max-width: 768px) {
  /* 1. 优化父容器全局间距，减小左右间隔 */
  .product-list {
    padding: 20px 0px; /* 替换原有70px，移动端窄边距 */
  }
  .product-list-content-card:has(.product-list-card-info:first-child) {
    flex-direction: column-reverse; /* 反转垂直排列，实现图片在上、文字在下 */
  }
  /* 2. 优化卡片布局和间距，解决左右间隔大 */
  .product-list-content-card {
    flex-direction: column; /* 保留垂直排列 */
    padding: 30px 15px; /* 减小左右内边距，解决间隔大（关键修改） */
    gap: 20px; /* 减小垂直方向间距，更适配移动端 */
    border-radius: 20px; /* 优化圆角，更贴合移动端视觉 */
  }

  /* 3. 移除图片和文字区域的多余左右margin，解决叠加间隔+溢出 */
  .product-list-card-img img {
    margin-left: 0; /* 移除左侧多余margin */
    margin-right: 0; /* 移除右侧多余margin */
    margin: 0 auto; /* 可选：让图片居中，更美观 */
    border-radius: 15px; /* 适配卡片圆角 */
  }

  .product-list-card-info {
    margin-left: 0; /* 移除左侧多余margin */
    margin-right: 0; /* 移除右侧多余margin */
    text-align: center; /* 可选：文字居中，更适配移动端垂直布局 */
  }

  /* 4. 可选：优化文字大小，避免移动端文字过大挤压布局 */
  .product-list-card-info h2 {
    font-size: 24px;
  }

  .product-list-card-info p {
    font-size: 14px;
  }
}


/* 1. 筛选栏样式（顶部All/VIP按钮） */
.portfolio_nav {padding: 10px 0 20px;}
.portfolio_nav .filter_menu {
  display: inline-block;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
}
.portfolio_nav .filter_menu li {
  padding: 10px 30px;
  border-radius: 30px;
  cursor: pointer;
  font-size: 18x;
  font-weight: 500;
  transition: all 0.3s ease-in-out;
  margin: 5px;
}
/* 选中状态（对应目标的红色按钮） */
.portfolio_nav .filter_menu li.current_menu_item {
  background-color: #0053a1;
  color: #fff;
  border: 1px solid #0053a1;
}
/* 未选中状态（白色边框按钮） */
.portfolio_nav .filter_menu li:not(.current_menu_item) {
  background: #fff;
  color: #1d1d1f;
  border: 1px solid #1d1d1f50;
}
.portfolio_nav .filter_menu li:not(.current_menu_item):hover {
  background: #c7000b;
  border-color: #c7000b;
  color: #fff;
}
/* 2. 产品卡片容器样式 */
.single_protfolio {
  background: #f5f6fa;
  border-radius: 15px;
  padding: 18px 15px;
  text-align: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
}
/* 3. 产品图片样式 */
.prot_thumb {
  width: 100%;
  margin: 0 0 15px 0;
}
.prot_thumb img {
  max-width: 100%;
  height: auto;
  display: inline-block; /* 图片居中 */
}
.single_protfolio_new_badge {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: #fff;
  color: #c7000b;
  font-size: 14px;
  font-weight: bold;
  padding: 4px 12px;
  border-radius: 30px;
  z-index: 1; /* 新增：确保标签在图片上方，不被遮挡 */
}

/* 4. 取消原hover遮罩样式（改为默认显示文字） */
.product_content.em_port_content {
  position: relative !important;
  background: transparent !important;
  width: 100% !important;
  height: auto !important;
  opacity: 1 !important;
  transform: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.product_content_inner {padding: 0 !important;}


/* 5. 文字区域样式 */
.producttitle_inner {
  display: block;
  flex-direction: column;
  align-items: center;
  text-align: left;
}
.producttitle_inner h3 {
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  color: #1d1d1f;
  line-height: normal;
  padding: 10px;
}
.learn-more-inner {
  cursor: pointer;
  font-size: 18px;
  color: #1d1d1f90;
  text-decoration: none;
  padding: 0 10px;
  font-style: normal;
  display: inline-flex;
  font-weight: 600;
  line-height: 1.25rem;
  position: relative;
  transition: 0.25s ease-in-out;
}
.learn-more-inner:hover {
    color: #c7000b;
    text-decoration: none;
    height: auto;
}
/* 6. 调整行间距与响应式 */
#em_load {
  row-gap: 20px;
  column-gap: 15px;
}
@media (max-width: 1200px) {
  /* 1. 卡片改为100%宽度（纵向占满一行） */
  .producttitle_inner h3{
  font-size: 18px;
}
  .learn-more-inner {
  font-size: 14px;
}
}
@media (max-width: 991px) {
  /* 1. 卡片改为100%宽度（纵向占满一行） */
  .eportfolio_item {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-bottom: 12px !important;
  }

  /* 2. 卡片内部改为“文字左+图片右”的弹性布局 */
  .single_protfolio {
    flex-direction:row-reverse!important;
    align-items: center;
    padding: 12px 15px !important;
    gap: 15px; /* 文字和图片的间距 */
  }

  /* 3. 文字区域占左侧（自动宽度），图片区域占右侧（固定宽度） */
  .product_content {
    flex: 1; /* 文字区域自动占满剩余宽度 */
    text-align: left !important; /* 文字左对齐 */
  }
  .prot_thumb {
    width: 120px !important; /* 图片固定宽度，可根据需求调整 */
    margin: 0 !important;
  }

  /* 4. 文字区域内部左对齐 */
  .producttitle_inner {
    align-items: flex-start !important;
  }
    .producttitle_inner h3{
  font-size: 24px;
}
  .learn-more-inner {
  font-size: 18px;
}
.portfolio_grid .single_protfolio {
    margin-bottom: 5px;
}
}

.events{
    margin: 0;
    padding: 40px;
    box-sizing: border-box;
    font-family: Poppins,sans-serif;
    background-color: #f5f6fa;
}
.events-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 40px 0px;
}
/* 标题区域样式 */
.events-header {
    text-align: center;
    margin-bottom: 40px;
}
.events-header h2 {
    font-size: 40px;
    font-weight: 700;
    color: #1d1d1f;
    margin-bottom: 20px;
}

/* 卡片容器：Flex布局实现左右排列 */
.events-content-card {
  display: flex;
  align-items: center;
  gap: 30px; /* 图片和文字的间距 */
  background-color: #fff; /* 卡片背景色（和图中一致） */
  border-radius: 30px; /* 圆角 */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* 柔和阴影 */
  margin-bottom: 0px;
  box-sizing: border-box; /* 新增：统一盒模型，避免padding撑大卡片 */
  width: 100%; /* 新增：确保卡片占满父容器宽度，不缩窄 */
  height: 450px;
  overflow: hidden;
  position: relative;
}

/* 图片区域：包含定位的NEW标签 */
.events-card-img {
  position: relative;
  flex: 0 1 50.625rem; /* 占比1份 */
  width: 100%; /* 新增：确保父容器占满可用宽度，供图片自适应 */
  height: 100%;
  overflow: hidden;
}
.events-card-img img {
  width: 100%; /* 新增：优先级更高，确保移动端图片不超过父容器 */
  height: 100%;
  aspect-ratio: 1/1;
  object-position: center center;
  object-fit: cover;
  display: block; /* 新增：清除图片默认行内间隙，避免布局错乱 */
  transition: 0.25s ease-in-out;
}
/* 文字信息区域 */
.events-card-info {
  flex: 0 1 37.5rem; /* 占比略大，适配文字长度 */
  max-width: 37.5rem; /* 新增：移动端垂直排列后占满宽度 */
  margin: 0 70px;
  position: relative;
}
.events-card-info h3 {
  font-size: 32px;
  color: #1d1d1f;
  margin-top: 15px;
  margin-bottom: 15px;
}
.events-card-info h2 {
  font-size: 32px;
  font-weight: 600;
  color: #1d1d1f;
  margin-top: 15px;
  margin-bottom: 15px;
}
.events-card-info p {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.6;
  color: #1d1d1f;
  margin-top: 15px;
  margin-bottom: 15px;
}
.events-card-info p>a {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.6;
  color: #c7000b;
}
/* 按钮样式 */
.events-view-btn {
  display: inline-block;
  background-color: #c7000b;
  color: #fff;
  text-decoration: none;
  padding: 10px 30px;
  border-radius: 10px;
  margin-top: 15px;
  margin-bottom: 20px;
  font-weight: 700;
  transition: background-color 0.3s; /*  hover动画 */
}
.events-view-btn:hover {
  background-color: #0053a1; /*  hover深色效果 */
  color: #fff;
}

/* 移动端适配（max-width: 768px）：核心修改区域 */
@media (max-width: 768px) {
  /* 1. 优化父容器全局间距，减小左右间隔 */
  .events {
    padding: 20px 0px; /* 替换原有70px，移动端窄边距 */
  }
  .events-content-card:has(.events-card-info:first-child) {
    flex-direction: column-reverse; /* 反转垂直排列，实现图片在上、文字在下 */
  }
  /* 2. 优化卡片布局和间距，解决左右间隔大 */
  .events-content-card {
    flex-direction: column; /* 保留垂直排列 */
    gap: 0px; /* 减小垂直方向间距，更适配移动端 */
    border-radius: 30px; /* 优化圆角，更贴合移动端视觉 */
    width: 100% !important;
  }
.events-card-img {
  position: relative;
  width: 100%; /* 新增：确保父容器占满可用宽度，供图片自适应 */
  overflow: hidden;
}
  /* 3. 移除图片和文字区域的多余左右margin，解决叠加间隔+溢出 */
  .events-card-img img {
    margin-left: 0; /* 移除左侧多余margin */
    margin-right: 0; /* 移除右侧多余margin */
    margin: 0 auto; /* 可选：让图片居中，更美观 */
  }

  .events-card-info {
    margin: 10px 0 ;
  }

  /* 4. 可选：优化文字大小，避免移动端文字过大挤压布局 */
  .events-card-info h2 {
    font-size: 24px;
  }

  .events-card-info p {
    font-size: 16px;
  }
}

.past-events{
    margin: 0;
    padding: 40px;
    box-sizing: border-box;
    font-family: Poppins,sans-serif;
    background-color: #fff;
}
.past-events-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 40px 0px;
}
.past-events-row{
    display: flex;
    flex-wrap: wrap;
    gap: 30px; /* 卡片之间的间距（保留你要的30px） */
    justify-content: flex-start;
    margin: 0; /* 清除多余margin，避免错位 */
}
/* 标题区域样式 */
.past-events-header {
    text-align: left;
    margin-bottom: 40px;
}
.past-events-header h2 {
    font-size: 24px;
    font-weight: 700;
    color: #1d1d1f;
    margin-bottom: 20px;
}

/* 卡片容器：Flex布局实现左右排列 */
.past-events-content-card {
  display: flex;
  align-items: center;
  background-color: #f5f6fa; /* 卡片背景色（和图中一致） */
  border-radius: 30px; /* 圆角 */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* 柔和阴影 */
  box-sizing: border-box; /* 新增：统一盒模型，避免padding撑大卡片 */
  height: 314px;
  padding: 0;
  overflow: hidden;
  position: relative;
  width: calc(50% - 15px);
}

/* 图片区域：包含定位的NEW标签 */
.past-events-card-img {
  position: relative;
  flex: 0 0 50%;
  width: 100%;
  height: 314px;
  overflow: hidden;
}
.past-events-card-img img {
  width: 100%;
  height: 100%;
  object-position: center center;
  object-fit: cover;
  margin: 0;
  display: block; /* 新增：清除图片默认行内间隙，避免布局错乱 */
  transition: 0.25s ease-in-out;
}
/* 文字信息区域 */
.past-events-card-info {
  flex: 1; /* 占比略大，适配文字长度 */
  margin: 0 30px;
  position: relative;
}
.past-events-card-info h3 {
  font-size: 32px;
  color: #1d1d1f;
  margin-top: 15px;
  margin-bottom: 15px;
}
.past-events-card-info h2 {
  font-size: 32px;
  font-weight: 600;
  color: #1d1d1f;
  margin-top: 15px;
  margin-bottom: 15px;
}
.past-events-card-info p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #1d1d1f;
  margin-top: 10px;
  margin-bottom: 10px;
}
.past-events-card-info p>a {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.6;
  color: #c7000b;
}
/* 按钮样式 */
.past-events-view-btn {
  display: inline-block;
  background-color: #c7000b;
  color: #fff;
  text-decoration: none;
  padding: 10px 30px;
  border-radius: 10px;
  margin-top: 15px;
  margin-bottom: 20px;
  font-weight: 700;
  transition: background-color 0.3s; /*  hover动画 */
}
.past-events-view-btn:hover {
  background-color: #0053a1; /*  hover深色效果 */
  color: #fff;
}
@media (max-width: 1024px) {
  .past-events-content-card {
    width: 100%;
  }
}
/* 移动端适配（max-width: 768px）：核心修改区域 */
@media (max-width: 768px) {
  /* 1. 优化父容器全局间距，减小左右间隔 */
  .past-events {
    padding: 20px 0px; /* 替换原有70px，移动端窄边距 */
  }
  .past-events-content-card:has(.past-events-card-info:first-child) {
    flex-direction: column-reverse; /* 反转垂直排列，实现图片在上、文字在下 */
  }
  /* 2. 优化卡片布局和间距，解决左右间隔大 */
  .past-events-content-card {
    flex-direction: column; /* 保留垂直排列 */
    gap: 0px; /* 减小垂直方向间距，更适配移动端 */
    border-radius: 30px; /* 优化圆角，更贴合移动端视觉 */
    width: 100% !important;
    height: 100%; /* 高度自适应 */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* 手机端阴影更柔和 */
  }
  .past-events-card-img {
  position: relative;
  flex: 0 0 50%;

  overflow: hidden;
}
  /* 3. 移除图片和文字区域的多余左右margin，解决叠加间隔+溢出 */
  .past-events-card-img img {
    margin-left: 0; /* 移除左侧多余margin */
    margin-right: 0; /* 移除右侧多余margin */
    margin: 0 auto; /* 可选：让图片居中，更美观 */
  }

  .past-events-card-info {
    margin: 10px 0 ;
  }

  /* 4. 可选：优化文字大小，避免移动端文字过大挤压布局 */
  .past-events-card-info h2 {
    font-size: 30px;
  }

  .past-events-card-info p {
    font-size: 16px;
  }
}

/* 404页面样式 */
.em404_area {
  padding: 100px 0;
  text-align: center;
}
.em404_inner {
  max-width: 1400px;
  margin: 0 auto;
}
.em404_title {
  position: relative;
  font-size: 0; /* 隐藏背景文字的默认高度 */
  margin-bottom: 20px;
}
.em404_bg {
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 500px; /* 背景文字大小 */
  font-weight: 400;
  color: #f5f6fa; /* 浅灰色背景文字 */
  z-index: 1;
}
.em404_num {
  text-align: center;
  position: relative;
  font-size: 320px; /* 404数字大小 */
  font-weight: 600;
  color: #E42314; /* 红色（与示例一致） */
  z-index: 2;
}
.em404_subtitle {
  font-size: 38px;
  font-weight: 600;
  color: #E42314;
  margin-bottom: 40px;
}
.em404_desc {
  font-size: 24px;
  font-weight: 600;
  color: #1d1d1f;
  margin-bottom: 40px;
  line-height: 1.6;
}
.em404_btn {
  display: inline-block;
  padding: 12px 30px;
  background-color: #E42314;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  border-radius: 30px;
  text-decoration: none;
  transition: background-color 0.3s;
}
.em404_btn:hover {
  background-color: #0053a1;
  color: #fff;
}