@charset "utf-8";
/* CSS BY www.softmoon.com.cn */
* { margin: 0; padding: 0; box-sizing: border-box;}
html, body { font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif; position: relative; background: #fff; color: #000; margin: 0 auto; width: 100%;}
ul { padding: 0; margin: 0;}
li { list-style: none;}
a { text-decoration: none; color: #000;}
a:hover {text-decoration: none;}

.container-fluid { --bs-gutter-x: 10rem; }

/* --------------------头部开始-------------------- */
.header { background:#000; position:fixed; width:100%; z-index:999; -webkit-transition:all .6s cubic-bezier(.645,.045,.355,1); transition:all .6s cubic-bezier(.645,.045,.355,1);}
.head_box { display: flex; justify-content: space-between; align-items: center;}
.head_logo { display: flex; align-items: center;}
.head_logo img { width:182px;}
.head_logo_text { border-left: 1px #ccc solid; padding-left: 15px; font-size:16px; margin-left:22px; color:#fff;}

.head_right { display: flex; align-items: center;}
.head_nav { display: flex;}
.head_nav li { line-height:90px; margin:0 25px; position:relative; text-align:center;}
.head_nav li a { color:#fff; font-size:16px; display:block;}
.head_nav li a:hover { color:#ff0000;}

.m_head_menu {display:none;}
.m_headnav_btn {display:none;}

.head_nav_menu { position:absolute; background:#ff0000; display:none; z-index:19; padding: 10px;}
.head_nav_menu p { text-align:left; margin-bottom: 0;}
.head_nav_menu p a { line-height:35px; padding:0 16px; color:#fff;}
.head_nav_menu p a:hover { background:#3e3a39; color: #fff;}

.nav_menu_1 { width:260px; left:-60px;}
.nav_menu_2 { width:340px; left:-60px;}
.nav_menu_3 { width:160px; left:-40px;}
.nav_menu_4 { width:160px; left:-20px;}
.nav_menu_5 { width:200px; left:-60px;}

.m_head_navlist { display: none;}

.head_tel { font-size: 16px; margin-top: -10px; color: #fff;}
.head_tel span { font-size: 26px; font-weight: bold;}

.m_head,.mobile-nav { display: none;}

/*----------------- 首页大图 ------------------*/

.focusPicture-mod .swiper-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.focusPicture-mod .swiper-slide { background: #fff; width: 100%; height: 100%;}

.index_banner { color: #fff; text-align: left; position: absolute; z-index: 1; display: flex; align-items: center; height: 100%;}
.index_banner a { width: 100%; height: 100%; display: flex; align-items: center; height: 100%; color: #fff;}
.index_banner h2 { font-size: 3.8rem; font-weight: bold; margin-top: 50px;}
.index_banner_img { width:100%; height: 100%;}
.index_banner_img img { width:100%; height: 100%; object-fit: cover;}

.focusPicture-mod .swiper-pagination-bullets { bottom:20px;}
.focusPicture-mod .swiper-pagination-bullet { width: 8px; height: 8px; border-radius: 4px; opacity:1; margin:0 10px; background: #fff;}
.focusPicture-mod .swiper-pagination-bullet-active { width: 30px; background: #fff !important;}

/*----------------- 首页案例 ------------------*/
.index_case { padding-top: 4rem; padding-bottom: 6rem;}
.index_case_nav { margin-bottom: 3rem; display: flex; flex-wrap: nowrap;}
.index_case_nav h2 { font-size: 1.125rem; font-weight: bold; margin: 0; margin-right: .625rem; border-right: 1px #e5e5e5 solid; padding-right: .625rem; width: 5.62rem;}
.index_case_nav ul {font-size: 1rem;}
.index_case_nav ul a { color: #333; margin-right: 15px; display: inline-flex;}
.index_case_nav ul a:hover { color: #ff0000;}

.index_case_list { }
.index_case_card { position: relative; overflow: hidden; margin-bottom: var(--bs-gutter-x);}
.index_case_card a { color: #fff;}

.index_case_img a { display: block; z-index: 1; width: 100%; height: 100%;}
.index_case_img img { width: 100%; -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1); transition: all .6s cubic-bezier(.645, .045, .355, 1);}
/* .index_case_card:hover .index_case_img a::before { position: absolute; content:''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 1;} */
.index_case_info { display: none; position: absolute; bottom:20px; padding-left: 30px; color: #fff; z-index: 2;}

.index_case_card:hover .index_case_info { display: block;}
.index_case_card:hover img { -webkit-transform: scale(1.1); transform: scale(1.1);}

.index_case_info h3 { font-size: 20px; font-weight: bold; margin-bottom: .5rem; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.index_case_info p { font-size: 16px; margin-bottom: .5rem; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.index_case_info p a:hover { color: #ff0000;}


.case_t_black h3 a,.case_t_black p,.case_t_black p a { color: #000;}
.case_t_black p a:hover { color: #ff0000;}

.banner { width: 100%; background: #333; min-height: 300px;}
.banner img { width: 100%; height: 100%; object-fit: cover;}

.page_main { padding: 3rem 0;}

.page_here { margin-bottom: 15px; font-size: 14px; color: #666;}
.page_here a { color: #666;}
.page_here a:hover { color: #ff0000;}

.page_left { margin-bottom: 1.875rem;}
.page_left h3 { font-size: 1.125rem; font-weight: bold; margin-bottom: .625rem;}
.page_left p { margin-bottom: .625rem; font-size: .875rem;}
.page_left p a { color: #666;}
.page_left p a:hover { color: #ff0000;}
.page_left a.left_more { color: #ff0000; font-size: .875rem;}

.page_content { color: #666;}
.page_content p { color: #666;}
.page_content img { max-width: 100%;}
.page_content h1,
.page_content h2,
.page_content h3,
.page_content h4,
.page_content h5,
.page_content h6 { font-weight: bold; color: #000;}
.page_content h1 { margin-bottom: 1rem; font-size: 2.25rem;}
.page_content h1 small { display: block; font-weight: normal; font-size: 1rem; margin-top: 5px;}
.page_content h3 { margin-bottom: 1.625rem;}
.page_content h4 { font-size: 1.25rem; border-bottom: 1px #e5e5e5 solid; padding-bottom: 10px; margin-bottom: 1.625rem;}
.page_content a { color: #666;}
.page_content a:hover { color: #ff0000;}
.page_content strong { color: #000;}

/*----------------- 关于我们---地区介绍 ------------------*/
.about_show_title { margin: 3rem 0 3rem !important;}
.about_show_content { color: #666; margin-bottom: 3rem;}
.about_show_content p { color: #666;}
.about_show_content img { max-width: 100%;}
.about_show_content h1,
.about_show_content h2,
.about_show_content h3,
.about_show_content h4,
.about_show_content h5,
.about_show_content h6 { font-weight: bold; color: #000;}
.about_show_content h1 { margin-bottom: 1rem; font-size: 2.25rem;}
.about_show_content h1 small { display: block; font-weight: normal; font-size: 1rem; margin-top: 5px;}
.about_show_content h3 { margin-bottom: 1.625rem;}
.about_show_content h4 { font-size: 1.25rem; border-bottom: 1px #e5e5e5 solid; padding-bottom: 10px; margin-bottom: 1.625rem;}
.about_show_content a { color: #666;}
.about_show_content a:hover { color: #ff0000;}
.about_show_content strong { color: #000;}

/*----------------- 关于我们/案例列表/案例 ------------------*/
.page_case_list { margin-top: 4rem;}
.page_case_list h2 { font-size: 1rem; margin-bottom: 1.625rem; font-weight: bold;}
.page_case_list h2 a:hover { color: #ff0000;}
.case_list { margin-top: 20px;}
.page_case_item { position: relative; overflow: hidden; margin-bottom: var(--bs-gutter-x);}

.page_case_item_img { overflow: hidden; margin-bottom: 15px;}
.page_case_item_img a { display: block; width: 100%; height: 100%;}
.page_case_item_img img { width: 100%; -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1); transition: all .6s cubic-bezier(.645, .045, .355, 1); object-fit: cover;}
.page_case_item_img:hover img { -webkit-transform: scale(1.1); transform: scale(1.1);}

.page_case_item_info h3 { font-size: 20px; font-weight: bold; margin-bottom: .5rem; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.page_case_item_info p { font-size: 16px; margin-bottom: .5rem; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.page_case_item_info p a { color: #666;}
.page_case_item_info p a:hover { color: #ff0000;}

/*-------------分页样式----------------*/
.pages { clear: both; text-align: center; font-size:14px; margin-bottom:20px; margin-top:60px;}
.pages .pagination { padding:0;}
.pages .pagination li { display:inline-block; margin: 0 3px; line-height: 20px; color:#999}
.pages .pagination li { color:#fff; font-size:14px;}
.pages .pagination li a { padding:10px 20px; border: 1px #e5e5e5 solid; color:#666; display:block; border-radius: 3px;}
.pages .pagination li a:hover { color: #fff; border: 1px solid #000; background:#000; text-decoration:none;}
.pages .pagination li.active { display: inline-block; margin: 0 3px;}
.pages .pagination li.active a { color: #fff !important; border: 1px solid #ff0000; background:#ff0000 !important;}

/*-------------案例----------------*/
.case_show_head { border-bottom: 1px #cccccc solid; margin-bottom: 2rem; padding-bottom: 2rem;}
.case_show_head h1 { font-size: 2rem; margin-bottom: 1rem; margin-top: 2rem; font-weight: bold;}
.case_show_head p { color: #666; margin-bottom: 10px;}
.case_show_head p strong { color: #000;}
.case_show_content { color: #666; margin-bottom: 7.5rem;}
.case_show_content p { color: #666; margin-bottom: 10px;}
.case_show_content img { max-width: 100%;}

/*-------------服务体系----------------*/
.page_service_list { margin-top: 6rem;}
.page_service_list ul { margin-bottom: 3rem;}
.page_service_list ul h4 { background: #ff0000; font-size: 1rem; padding: 5px; margin-bottom: 1rem;}
.page_service_list ul h4 a {color: #fff;}
.page_service_list ul p { color: #666; font-size: .875rem; margin-bottom: .3125rem;}
.page_service_list ul p a { color: #666;}
.page_service_list ul p a:hover { color: #ff0000;}

/* --------------------动态与观点----------------------- */
.news_home_hot { border-bottom: 2px #000 solid; margin-bottom: 3rem; padding-bottom: 3rem;}
.news_home_hot h3 { margin-top: 2.5rem; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.news_home_hot h3 a { color: #000;}
.news_home_hot h3 a:hover { color: #ff0000;}
.news_home_hot time { font-size: .875rem; color: #666; margin-bottom: 1rem; display: block;}
.news_home_hot p { color: #666; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 2rem;}
.news_home_hot a { color: #666; display:flex; align-items: center;}
.news_home_hot a i { display: flex; width: 24px; height: 24px; background: #000; border-radius: 50%; margin-right: 10px; align-items: center; justify-content: center;}
.news_home_hot a:hover { color: #ff0000;}
.news_home_hot a:hover:hover i {background: #ff0000;}

.news_list ul { display: flex; align-items: flex-start; border-bottom: 1px #ccc solid; margin-bottom: 4rem; padding-bottom: 4rem;}
.news_list ul span { display: block; font-size: 4rem; color: #000; width: 150px; font-weight: bold; margin-right: 160px; line-height: 70px; margin-top: -5px; position: relative;}
.news_list ul span::after { content:''; display: block; width: 10px; height: 10px; background: #ff0000; position: absolute; right: 0; bottom: 0;}
.news_list ul .news_list_item li { list-style: inside; margin-bottom: .875rem;}
.news_list ul .news_list_item li a { color: #666;}
.news_list ul .news_list_item li a:hover { color: #ff0000;}
.news_list ul .news_list_item a.news_list_more { display: flex; margin-top: 80px; color: #ff0000; align-items: center;}
/* .news_list ul .news_list_item a.news_list_more i { display: flex; width: 24px; height: 24px; background: #000; border-radius: 50%; margin-right: 10px; align-items: center; justify-content: center;} */
.news_list ul .news_list_item a.news_list_more:hover { color: #ff0000; text-decoration: underline;}
/* .news_list ul .news_list_item a.news_list_more:hover i {background: #ff0000;} */

.news_list_2 { border-bottom: 1px #ccc solid; margin-bottom: 4rem; padding-bottom: 4rem;}
.news_list_2 ul { display: flex; align-items: flex-start; }
.news_list_2 ul span { display: block; font-size: 4rem; color: #000; width: 150px; font-weight: bold; margin-right: 160px; line-height: 70px; margin-top: -5px; position: relative;}
.news_list_2 ul span::after { content:''; display: block; width: 10px; height: 10px; background: #ff0000; position: absolute; right: 0; bottom: 0;}
.news_list_2 .news_list_item li { list-style: none; margin-bottom: .875rem;}
.news_list_2 .news_list_item li a { color: #666;}
.news_list_2 .news_list_item li a:hover { color: #ff0000;}

.news_show { border-bottom: 1px #ccc solid; margin-bottom: 4rem; padding-bottom: 4rem;}
.news_show_head { margin-bottom: 2rem;}
.news_show_head h5 { font-weight: bold; font-size: 2rem; margin-top: 2rem; margin-bottom: .625rem;}
.news_show_head p { color: #999; font-size: .875rem;}
.news_show_head p span { margin-right: 5px;}
.news_show_content { color: #666;}
.news_show_content p { color: #666;}
.news_show_content img { max-width: 100%;}
.news_show_content strong { color: #333;}
.news_show_content h1,.news_show_content h2,.news_show_content h3,.news_show_content h4,.news_show_content h5,.news_show_content h6 { font-weight: bold; color: #000;}
.news_show_content a { color: #666;}
.news_show_content a:hover { color: #ff0000;}

/*-------------合作模式与流程----------------*/
.hezuo_content { padding-top: 3rem; color: #666; margin-bottom: 3rem;}
.hezuo_content h3 { margin-bottom: 1.5rem;}
.hezuo_content p { margin-bottom: 5px;}
.hezuo_content h2 { display: flex; justify-content: space-between; align-items: center; position: relative; margin: 3rem 0;}
.hezuo_content h2 span.hezuo_title_line { font-weight: bold; color: #000; background: #fff; position: absolute; z-index: 1; padding-right: 10px;}
.hezuo_content h2::after { content: ''; width: 100%; height: 3px; background: #000; position: absolute;}
.hezuo_content strong { color: #333;}

.hezuo_moshi { margin-bottom: 6rem;}
.hezuo_moshi h2 { display: flex; justify-content: space-between; align-items: center; position: relative; margin: 4rem 0 4rem;}
.hezuo_moshi h2 span.hezuo_title_line { font-weight: bold; color: #000; background: #fff; position: absolute; z-index: 1; padding-right: 10px;}
.hezuo_moshi h2::after { content: ''; width: 100%; height: 3px; background: #000; position: absolute;}
.hezuo_moshi ul { margin-bottom: 4rem; display: flex;}
.hezuo_moshi ul span { display: block; width: 12%; color: #999; font-size: 6.25rem; font-family: Arial;}
.hezuo_moshi ul li { width: 85%; border-left: 1px #ccc solid; padding-left: 3%;}
.hezuo_moshi ul li h4 { color: #ff0000; margin-bottom: 1.5rem;}
.hezuo_moshi ul li h4 small { display: block; font-size: 1rem; color: #666; margin-top: 8px;}
.hezuo_moshi ul li p { color: #666}

.contact_page h2 { display: flex; justify-content: space-between; align-items: center; position: relative; margin: 4rem 0 5rem;}
.contact_page h2 span.contact_page_title { font-weight: bold; color: #ff0000; background: #fff; position: absolute; z-index: 1; padding-right: 10px;}
.contact_page h2::after { content: ''; width: 100%; height: 5px; background: #ff0000; position: absolute;}
.contact_page_box { align-items: center; margin-bottom: 8rem;}
.contact_page_info h4 { font-size: 2.5rem; font-weight: bold; margin-bottom: 1rem;}
.contact_page_info h4 small { display: block; font-size: .875rem; font-weight: normal;}
.contact_page_info p { color: #666; margin-bottom: .625rem;}
.contact_page_ewm { margin-top: 1rem;}
.contact_page_ewm p { font-size: .875rem; margin-bottom: 0;}
.contact_page_map img { max-width: 100%;}

/* 页脚 */
footer { background: #000; padding: 4rem 0 0; color: #999;}

.foot_box_left { display: flex; justify-content: space-between;}
.foot_box_left ul { margin: 0; padding: 0;}
.foot_box_left ul h4 { font-size: 16px; margin-bottom: 1rem;}
.foot_box_left ul h4 a { color:#999}
.foot_box_left ul h4 a:hover { color:#ff0000}
.foot_box_left ul p { margin: 0; font-size: 14px; line-height: 26px;}
.foot_box_left ul p a { color:#999}
.foot_box_left ul p a:hover { color:#ff0000}

.foot_box_right { display: flex; justify-content: space-between;}
.foot_box_right .foot_ewm { display: flex; justify-content: space-between;}
.foot_box_right .foot_ewm ul { font-size: .875rem;}
.foot_box_right .foot_ewm ul img { width: 100%; margin-bottom: 10px;}
.foot_box_right .foot_contact h2 small { color: #999; font-size: 14px; display: block;}
.foot_box_right .foot_contact h2 { color: #fff; font-weight: bold; font-size: 2.625rem; margin-bottom: .9375rem;}
.foot_box_right .foot_contact p { margin-bottom: 0.625rem;}

.foot_copy { background: #333; margin:4rem 0 0;}
.foot_copy .container-fluid { display: flex; justify-content: space-between;}
.foot_copy p { color: #999; margin: 0; line-height: 40px; font-size: .875rem;}
.foot_copy p a { color: #999;}
.foot_copy p a:hover { color:#ff0000}

.foot_flink { background: #000; padding-top: 15px; padding-bottom: 40px;}
.foot_link { color: #999; font-size: .875rem;}
.foot_link p { margin-bottom: 5px;}
.foot_link a { color: #999; margin-right: 5px; margin-bottom: 5px; display: inline-block;}
.foot_link a:hover { color:#ff0000}

/*在线客服-右侧*/
.suspension { position:fixed; z-index:55; right:0; bottom:185px; width:50px; height:150px;}
.suspension-box { position:relative;float:right;}
.suspension .a { display:block; width:44px; height:44px; background:#333; margin-bottom:4px; cursor:pointer; outline:none; border-radius: 3px;}
.suspension .a.active,.suspension .a:hover { background:#ff0000;}
.suspension .a .i { float:left; width:44px; height:44px;}
.suspension .a-kphone .i { width:25px; height:25px; margin-top:10px; margin-left:12px;}
.suspension .a-qrcode .i { width:25px; height:25px; margin-top:10px; margin-left:12px;}
.suspension .a-top .i { width:25px; height:25px; margin-top:10px; margin-left:12px;}
.suspension .a-top { background:#ff0000; display:none;}
.suspension .a-top:hover { background:#ff0000;}
.suspension .d { display:none; width:223px; background:#fff; position:absolute; right:58px; border:1px solid #E0E1E5; border-radius:3px; box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}

.suspension .kphone { top:0px;}
.suspension .d-qrcode { top:-18px;}
.suspension .d .inner-box { padding:10px 20px;}
.suspension .d-service-item { padding:15px 0;}

.suspension .d-service-item .text { float:left; width:112px; font-size:15px;}
.suspension .d-service-item .text p { margin-bottom: 0;}
.suspension .d-service-item .text .number { font-size: 24px; color: #333; font-weight: bold;}

.suspension .d-qrcode { text-align:center;}
.suspension .d-qrcode .inner-box { padding:15px;}
.suspension .d-qrcode .inner-box p { margin-bottom: 0;}
.suspension .d-qrcode .inner-box img { width: 100%;}

@media screen and (max-width:1920px) {
    .container-fluid { --bs-gutter-x: 7.5rem;}

    .index_case_nav h2 { font-size: .94rem; width: auto; display: inline-flex;}
    .index_case_nav ul { font-size: .94rem;}
    .index_case_nav ul a { margin-right: .63rem;}

    .foot_box_right .foot_contact h2 { font-size: 2.25rem;}
    .foot_box_right .foot_contact p { font-size: .94rem; margin-bottom: 0.32rem;}
}
@media screen and (max-width:1850px) {
    
    .foot_box_left ul p { word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
}
@media screen and (max-width:1680px) {
    .container-fluid { --bs-gutter-x: 5rem;}
    
    .head_logo img { width: 130px;}
    .head_logo_text { font-size: .8rem;}
    .head_nav li { margin: 0 15px;}
    .head_nav li a { font-size: .875rem;}

    .index_case_info h3,.page_case_item_info h3 { font-size: 1rem}
    .index_case_info p,.page_case_item_info p { font-size: .875rem}

    .case_show_head p { font-size: .875rem;}

    .about_show_content h1 { font-size: 1.75rem; margin: 2rem 0 2rem !important;}
    .about_show_content p { font-size: .94rem;}
}
@media screen and (max-width:1440px) {
    .container-fluid { --bs-gutter-x: 5rem;}
    
    .head_tel { font-size: .875rem; margin-top: -4px;}
    .head_tel span { font-size: 1rem;}

    .index_banner h2 { font-size: 3.25rem;}

    .index_case_nav h2 { display: none;}
    .index_case_nav ul a { margin-right: .5rem; font-size: .94rem;}
  
    .about_show_content h1 { font-size: 2rem;}

    .foot_box_left ul h4 { font-size: .875rem;}
    .foot_box_left ul p { font-size: .8rem;}
    .foot_box_right .foot_ewm ul { font-size: 0.75rem;}
    .foot_box_right .foot_contact h2 {font-size: 2.25rem;}
    .foot_box_right .foot_contact p { font-size: 0.875rem; margin-bottom: 0.3125rem;}
    
    .foot_copy { font-size: 0.875rem;}
    .foot_link { font-size: 0.75rem;}

}

@media screen and (max-width: 1360px){
    .header { display: none;}
    html.mnav-yscroll { overflow-y: scroll;}
    body.m-nav-open { position: fixed; width: 100%; min-height: 100% }
    
    .mobile-nav { display: block; position: fixed; top: 0; height: 100%; z-index: 99999; overscroll-behavior: none }
    .mobile-nav .nav-container { position: fixed; z-index: 9998; top: 0; width: 240px; max-width: 100%; height: 100%; transition: transform .4s ease }
    .mobile-nav .nav-wrapper { width: 100% }
    .mobile-nav .nav-wrapper.nav-wrapper-1 { position: static; height: 100%; overflow: scroll; overflow-x: visible; overflow-y: auto }
    .mobile-nav ul { list-style: none; margin: 0; padding: 0 }
    .mobile-nav li { position: relative; display: block }
    .mobile-nav li.level-open>.nav-wrapper { visibility: visible }
    .mobile-nav input[type="checkbox"] { display: none }
    .mobile-nav label { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; cursor: pointer }
    .mobile-nav a { position: relative; display: block; box-sizing: border-box; cursor: pointer; padding: 0.63rem 1rem; color: #ccc; z-index: 1; border-bottom: 1px solid #222; font-size: .94rem;}
    .mobile-nav.disable-body:not(.nav-open)::after { pointer-events: none }
    .mobile-nav.disable-body::after,
    .mobile-nav.disable-body .nav-wrapper::after { content: ''; position: fixed; z-index: 9990; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; overscroll-behavior: none; visibility: hidden; opacity: 0; transition: visibility 0s ease .4s, opacity .4s ease }
    .mobile-nav.disable-body.nav-open::after,
    .mobile-nav.disable-body .sub-level-open::after { visibility: visible; opacity: 1; transition-delay: .05s }
    .mobile-nav.nav-levels-expand .nav-wrapper::after { display: none }
    .mobile-nav.nav-levels-expand ul .nav-wrapper { min-width: 0; max-height: 0; overflow: hidden; transition: height 0s ease .4s }
    .mobile-nav.nav-levels-expand .level-open>.nav-wrapper { max-height: none }
    .mobile-nav.nav-levels-overlap ul .nav-wrapper { position: absolute; z-index: 9999; top: 0; height: 100%; visibility: hidden; transition: visibility 0s ease .4s, transform .4s ease }
    .mobile-nav.nav-levels-overlap ul ul { height: 100%; overflow: scroll; overflow-x: visible; overflow-y: auto }
    .mobile-nav.nav-levels-overlap ul li.nav-parent { position: static }
    .mobile-nav.nav-levels-overlap ul li.level-open>.nav-wrapper { visibility: visible; transition: transform .4s ease }
    .mobile-nav.side-left { left: 0 }
    .mobile-nav.side-left .nav-container { left: 0; transform: translate3d(-100%, 0, 0) }
    .mobile-nav.side-left.nav-levels-overlap li.level-open>.nav-wrapper { transform: translate3d(-40px, 0, 0) }
    .mobile-nav.side-left.nav-levels-overlap li .nav-wrapper { left: 0; transform: translate3d(-100%, 0, 0) }
    .mobile-nav.side-right { right: 0 }
    .mobile-nav.side-right .nav-container { right: 0; transform: translate3d(100%, 0, 0) }
    .mobile-nav.side-right.nav-levels-overlap li.level-open>.nav-wrapper { transform: translate3d(40px, 0, 0) }
    .mobile-nav.side-right.nav-levels-overlap li .nav-wrapper { right: 0; transform: translate3d(100%, 0, 0) }
    .mobile-nav.nav-open .nav-container { transform: translate3d(0, 0, 0) }
    .mobile-nav.nav-open .nav-wrapper {  box-shadow: 0px 0 5px rgba(0, 0, 0, 0.5);}
    .m-nav-trigger { position: absolute; cursor: pointer; display: none; top: 20px; z-index: 9980; min-height: 24px }
    .m-nav-trigger span { width: 30px; top: 50%; transform: translateY(-50%); transform-origin: 50% 50% }
    .m-nav-trigger span,
    .m-nav-trigger span::before,
    .m-nav-trigger span::after { position: absolute; left: 0; height: 4px; background: #34495E; transition: all .2s ease }
    .m-nav-trigger span::before,
    .m-nav-trigger span::after { content: ''; width: 100% }
    .m-nav-trigger span::before { top: -10px }
    .m-nav-trigger span::after { bottom: -10px }
    .m-nav-trigger.toggle-open span { background: rgba(0, 0, 0, 0); transform: rotate(45deg) }
    .m-nav-trigger.toggle-open span::before { transform: translate3d(0, 10px, 0) }
    .m-nav-trigger.toggle-open span::after { transform: rotate(-90deg) translate3d(10px, 0, 0) }
    .mobile-nav::after,
    .mobile-nav .nav-wrapper::after { background: rgba(0, 0, 0, 0.3) }
    .mobile-nav .nav-wrapper { background: rgba(0,0,0,.9);}
    .mobile-nav h2 { font-size: 1rem; text-align: left; padding: 20px 17px; color: #e1e1e1; font-weight: bold;}

    .mobile-nav:not(.touch-device) a:hover { background: #333 }
    .mobile-nav li { text-align: left }
    .mobile-nav li.nav-close a,
    .mobile-nav li.nav-back a { background:rgba(0, 0, 0, .8);}
    .mobile-nav li.nav-close a:hover,
    .mobile-nav li.nav-back a:hover { background:rgba(0, 0, 0, .8); color: #ccc;}
    .mobile-nav li.nav-close span,
    .mobile-nav li.nav-parent span.nav-next,
    .mobile-nav li.nav-back span { width: 45px; position: absolute; top: 0; right: 0; bottom: 0; text-align: center; cursor: pointer; transition: background .2s ease }
    .mobile-nav li.nav-close span::before,
    .mobile-nav li.nav-close span::after { display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; margin-top: -3px; border-top: 2px solid #fff; border-left: 2px solid #fff }
    .mobile-nav li.nav-close span::before { margin-left: -9px; transform: rotate(135deg) }
    .mobile-nav li.nav-close span::after { transform: rotate(-45deg) }
    .mobile-nav span.nav-next::before,
    .mobile-nav li.nav-back span::before { content: ''; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; margin-left: -2px; box-sizing: border-box; border-top: 2px solid #fff; border-left: 2px solid #fff; transform-origin: center }
    .mobile-nav span.nav-next::before { transform: translate(-50%, -50%) rotate(135deg) }
    .mobile-nav li.nav-back span::before { transform: translate(-50%, -50%) rotate(-45deg) }
    .mobile-nav.side-right span.nav-next::before { margin-left: 0; margin-right: -2px; transform: translate(-50%, -50%) rotate(-45deg) }
    .mobile-nav.side-right li.nav-back span::before { margin-left: 0; margin-right: -2px; transform: translate(-50%, -50%) rotate(135deg) }
    .mobile-nav.nav-levels-expand .nav-container ul .nav-wrapper,
    .mobile-nav.nav-levels-none .nav-container ul .nav-wrapper { box-shadow: none; background: transparent }
    .mobile-nav.nav-levels-expand .nav-container ul h2,
    .mobile-nav.nav-levels-none .nav-container ul h2 { display: none }
    .mobile-nav.nav-levels-expand .nav-container ul ul a,
    .mobile-nav.nav-levels-none .nav-container ul ul a { font-size: 14px }
    .mobile-nav.nav-levels-expand .nav-container li,
    .mobile-nav.nav-levels-none .nav-container li { transition: background .3s ease }
    .mobile-nav.nav-levels-expand .nav-container li.level-open,
    .mobile-nav.nav-levels-none .nav-container li.level-open { background: #2e6296 }
    .mobile-nav.nav-levels-expand .nav-container li.level-open a,
    .mobile-nav.nav-levels-none .nav-container li.level-open a { border-bottom: 1px solid #295887 }
    .mobile-nav.nav-levels-expand .nav-container li.level-open a:hover,
    .mobile-nav.nav-levels-none .nav-container li.level-open a:hover { background: #2f649a }
    .mobile-nav.nav-levels-expand .nav-container li.level-open>a .nav-next::before,
    .mobile-nav.nav-levels-none .nav-container li.level-open>a .nav-next::before { margin-top: 2px; transform: translate(-50%, -50%) rotate(45deg) }
    .mobile-nav.nav-levels-expand .nav-container span.nav-next::before,
    .mobile-nav.nav-levels-none .nav-container span.nav-next::before { margin-top: -2px; transform: translate(-50%, -50%) rotate(225deg) }
  
    .wrapper { margin: 0 auto; padding: 0 15px;display: flex; justify-content: space-between; align-items: center;}
    #main-nav { display: none }
    .m_head { display: block; position: fixed; width: 100%; z-index: 99999; background:#000; top: 0; padding: 8px 0;}
    .m_head h1 { font-size: 50px; font-weight: 700; text-align: center; letter-spacing: 5px; padding-bottom: 8px }
    .m_head h2 { max-width: 680px; margin: auto; font-size: 20px; font-weight: 200; line-height: 1.4; text-align: center; letter-spacing: 1px; padding-bottom: 30px }
    .navbar-brand { display: block; width: 35%; padding: 0; height: auto}
    .navbar-brand img { height: 40px;}
    .m_head .git { display: inline-block; text-decoration: none; border-radius: 4px; padding: 4px 10px 4px 0; font-size: 15px; font-weight: 400; color: #fffce1; background: #54b9cb; transition: background .15s ease-in-out }
    .m_head .git:hover { background: #4CA8B9 }
    .m_head .git:hover svg { border-color: #54b9cb }
    .m_head .git svg { width: 15px; height: 15px; fill: #fffce1; position: relative; top: 2px; padding: 0 10px; margin-right: 10px; border-right: 1px solid #4daabb; transition: border-color .15s ease-in-out }
    .m_head .toggle { z-index: 9980; min-height: 24px; position: relative; top: auto; right: auto; display: block; cursor: pointer; box-sizing: content-box; width: 30px;}
    .m_head .toggle span { width: 30px; top: 50%; transform: translateY(-50%); transform-origin: 50% 50% }
    .m_head .toggle span,
    .m_head .toggle span::before,
    .m_head .toggle span::after { position: absolute; left: 0; height: 2px; background: #fff; transition: all .1s ease }
    .m_head .toggle span::before,
    .m_head .toggle span::after { content: ''; width: 100% }
    .m_head .toggle span::before { top: -8px }
    .m_head .toggle span::after { bottom: -8px }
    .m_head .toggle.toggle-open span { background: rgba(0, 0, 0, 0); transform: rotate(45deg) }
    .m_head .toggle.toggle-open span::before { transform: translate3d(0, 8px, 0) }
    .m_head .toggle.toggle-open span::after { transform: rotate(-90deg) translate3d(8px, 0, 0) }
    .m_head .toggle:hover span,
    .m_head .toggle:hover span::before,
    .m_head .toggle:hover span::after { background: #fff }
    .m_head .toggle div { display: inline-block; margin-right: 15px}
    .mobile-nav .nav-container { width: 280px }


    .container-fluid { --bs-gutter-x: 1.5rem;}

    .head_nav {display:none;}
    .head_tel {display:none;}

    .head_box { height:60px;}
    .head_logo { top:19px; height:22px;}
    .head_logo img { width:80px; display: block;}
    .head_logo_text { font-size:12px; margin-left:10px; padding-left: 5px;}

    .m_headnav_btn { display:inline-block; padding:10px 0 0; width:25px; margin-left:20px; cursor:pointer;}
    .m_headnav_btn span {background:#000;height:2px;display:block;margin-bottom:6px;-webkit-transition:all .6s cubic-bezier(.645,.045,.355,1);transition:all .6s cubic-bezier(.645,.045,.355,1);}

    .m_head_menu { display: block; background:#fff; position:fixed;width:100%;height:100%;left:0;top:-100%;z-index:999;-webkit-transition:all .6s cubic-bezier(.645,.045,.355,1);transition:all .6s cubic-bezier(.645,.045,.355,1);}
    .m_head_menu_logo { padding: 20px;}
    .m_head_menu_logo img { width: 100px;}

    .m_head_menu_cover {top:0;opacity:1;}

    .m_headnav_btn_x { width:50px; height:50px; position:absolute; right:5px; top:5px;}
    .m_headnav_btn_x:after {content:"";position:absolute;top:24px;height:2px;background:#333;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:26px;left:12px;}
    .m_headnav_btn_x:before {content:"";position:absolute;top:24px;height:2px;background:#333;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:26px;right:12px;}
    
    .m_head_navlist { display: block; position: absolute; top: 20%; width: 100%; padding: 0 20px; text-align: center;}
    .m_head_navlist p { font-size:18px; line-height:45px;}
    .m_head_navlist p a {display:block; position:relative; text-align:center; color:#333;}

    .index_banner h2 { font-size: 2rem;}

    

    .page_left_box { display: none;}

    .foot_box_right { margin-top: 2rem;}
    .foot_box_right .foot_contact h2 { font-size: 1.5rem;}


}
@media screen and (max-width:1200px) {
    .focusPicture-mod { padding-top: 58px;}
    .index_banner h2 { font-size: 1.38rem;}
    .focusPicture-mod .swiper-pagination-bullets { bottom: 0px;}
    .focusPicture-mod .swiper-pagination-bullet { width: 5px; height: 5px; border-radius: 4px; opacity:1; margin:0 10px; background: #fff;}
    .focusPicture-mod .swiper-pagination-bullet-active { width: 20px; background: #fff !important;}

    .index_case { padding-top: 3rem; padding-bottom: 3rem;}
    .index_case_nav  { display: none;}

    .banner { height: auto; margin-top: 58px; min-height: auto;}
    .page_main { padding: 2rem 0;}

    .page_left_box { display: none;}

    .page_here { font-size: .75rem; color: #999;}
    .page_here a { color: #999;}

    .case_show_head h1 { font-size: 1.5rem; margin-top: 1rem;}

    .about_show_content h1 { font-size: 1.5rem; margin: 1rem 0 1rem !important;}

    .news_home_hot { margin-bottom: 1.5rem; padding-bottom: 1.5rem;}
    .news_home_hot h3 { margin-top: 1.5rem;}
    .news_home_hot h3 a { font-size: 1.2rem; }
    .news_home_hot time { font-size: .75rem; margin-bottom: 1rem;}
    .news_home_hot p { font-size: .875rem;}
    .news_home_hot a { font-size: .875rem;}

    .news_list ul { display: block; margin-bottom: 2rem; padding-bottom: 2rem;}
    .news_list ul span { display: inline-block; width: auto; font-size: 1.625rem; margin-right: auto; line-height: normal; padding-right: 10px; margin-bottom: 1.5rem;}
    .news_list ul .news_list_item li { font-size: .875rem; margin-bottom: 0.6rem; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
    .news_list ul .news_list_item a.news_list_more { font-size: .875rem; margin-top: 40px;}

    .news_list_2 { margin-bottom: 2rem; padding-bottom: 2rem;}
    .news_list_2 ul { display: block;}
    .news_list_2 ul span {display: inline-block; width: auto; font-size: 1.625rem; margin-right: auto; line-height: normal; padding-right: 10px; margin-bottom: 1.5rem;}
    .news_list_2 .news_list_item li { font-size: .875rem; margin-bottom: 0.6rem; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

    /*-------------分页样式----------------*/
    .pages { clear: both; text-align: center; font-size:14px; margin-bottom:20px; margin-top:60px;}
    .pages .pagination { padding:0;}
    .pages .pagination li { display:inline-block; margin: 0 3px; line-height: 20px; color:#999}
    .pages .pagination li { color:#fff; font-size:14px;}
    .pages .pagination li a { padding:10px 20px; border: 1px #e5e5e5 solid; color:#666; display:block; border-radius: 3px;}
    .pages .pagination li a:hover { color: #fff; border: 1px solid #000; background:#000; text-decoration:none;}
    .pages .pagination li.active { display: inline-block; margin: 0 3px;}
    .pages .pagination li.active a { color: #fff !important; border: 1px solid #ff0000; background:#ff0000 !important;}

    .news_show_head h5 { font-size: 1.2rem; margin-top: 1rem;}
    .news_show_head p span { display:inline-block;  width: 45%; margin-right: 0;}

    .hezuo_moshi ul { display: block; margin-bottom: 2rem; border-bottom: 1px #e5e5e5 solid; padding-bottom: 1.5rem;}
    .hezuo_moshi ul span { font-size: 4rem;}
    .hezuo_moshi ul li h4 { margin-bottom: 1rem;}
    .hezuo_moshi ul li h4 small {font-size: 0.875rem;}
    .hezuo_moshi ul li { border-left: none; width: 100%; padding-left: 0;}
    .hezuo_moshi ul li p { font-size: 0.875rem; margin-bottom: .75rem;}

    .hezuo_moshi h2 { margin: 2rem 0 2rem;}

    .hezuo_content { padding-top: 1.5rem;}
    .hezuo_content p { font-size: .875rem;}

    .contact_page h2 { margin: 2rem 0 2rem; font-size: 1rem;}
    .page_content { font-size: .875rem;}
    .page_content p { line-height: 1.5rem;}
    .page_content h3 { font-size: 1rem;}
    .page_content h1 { margin-bottom: 1rem; font-size: 1.5rem;}
    .page_content h1 small { font-size: .875rem; margin-top: 5px;}
    .contact_page_box { margin-bottom: 0;}
    .contact_page_info h4 { font-size: 2rem;}
    .contact_page_info p { font-size: .93rem; margin-bottom: .5rem;}

    .contact_page_ewm ul p { font-size: .75rem;} 

    .contact_page_map { margin-top: 2rem;}

    footer { padding: 3rem 0 0;}
    .foot_box_left { display: none;}
    .foot_box_right { flex-wrap: wrap; margin-top: 0;}
    .foot_box_right .foot_ewm { justify-content: center;}
    .foot_box_right .foot_ewm ul { width: 45%;}
    .foot_box_right .foot_contact h2 { margin-bottom: 0;}

    .foot_copy { padding: 0.4rem 0; margin-top: 1rem; text-align: center;}
    .foot_copy .container-fluid {display: block;}
    .foot_copy p { width: 100%; line-height: normal; font-size: .75rem;}
    .foot_flink { display: none;}

    .suspension { display: none;}
}