@charset "utf-8";

@media screen and (max-width: 1680px){	
    .container{ width: 96%; max-width: 96%;}
    .about .warp{ width: 100%;}
}

@media screen and (max-width: 1560px){	
    .container{ width: 96%; max-width: 96%;}
    .about .warp{ width: 100%;}
}
@media screen and (max-width: 1440px){	
    .container{ width: 96%; max-width: 96%;}
    .about .warp{ width: 100%;}
    .product .tab .tabitem{ padding: 35px 3%;}

    .footer .footTop .foot_nav dl dd img{ width: 100%;}
}
@media screen and (max-width: 1360px){	
    .container{ width: 96%; max-width: 96%;}
    .so_search{ width: 30%;}
    .solution .soluico{ width: 30%;}
    .product .tab .tabitem{ padding: 35px 2%;}
    .product .tab .tabitem .ico img{ height: 45px;}
    .product .proTabc .swiper-slide .slideboxL{ width: 45%;}
    .about .warp{ width: 100%;}
    .about_center01 .content{ margin-top: -90px;}
    .about_center01 .left .cover .box .tit{ font-size: 34px;}
    .about_center01 .left .cover .box{padding: 40px 20% 0 30px;}
    .about_center01 .right .number .item{padding: 0 2%;}
    .about_center01 .right .number .item .T .math{ font-size: 48px;}
    .pageNews .newsbox{grid-gap:30px;}
    .pageMark .markbox{grid-gap:30px;}
    .joinPromotion .promotion .items .item .font .text .line{ padding: 15px 0px 15px;}
    .footer .footTop .foot_logo{ width: 20%;}
    
}

@media screen and (max-width: 1280px){	
    .container{ width: 96%; max-width: 96%;}
    .header .nav .drop{ padding: 0 10px;}
    .so_search{ width: 30%;}
    .solution .soluico{ width: 30%;}
    .product .tab .tabitem{ padding: 35px 2%;}
    .product .tab .tabitem .ico img{ height: 40px;}
    .product .tab .tabitem .tit h3{ margin-bottom: 10px;}
    .about .warp{ width: 100%;}
    .about .Toptoc { width: 70%;}
    .about .abohonor{ width: 90%;}
    .about .number{ width: 100%;}
    .news .innews li{ width: 33.333333%;}
    .news .innews li:last-child{ display:none;}
    .slogan .title{ font-size: 30px;}
    .subNav .left p{ margin-left: 40px; margin-right: 40px;}
    .subNav .right ul li a{ padding: 0 35px;}
    .about_center01 .content{ margin-top: -60px;}
    .about_center01 .left .cover .box .tit{ font-size: 26px;}
    .about_center01 .left .cover .box{padding: 20px 20% 0 20px;}
    .about_center01 .left .cover .box .con{ line-height: 26px; margin: 10px 0 20px;}
    .about_center01 .right .number .item{padding: 0 1%;}
    .about_center01 .right .number .item .T .math{ font-size: 42px;}
    .about_center01 .right .number .item .c{ font-size: 14px;}
    .about_center03 .history-inner .swiper-slide .box .date{ font-size:34px;}
    .pageMain .stitle .chinalist{ font-size: 30px;}
    .pageNews .newsbox{grid-gap:30px;}
    .pageMark .markbox{grid-gap:30px;}
    .joinPromotion .promotion .items .item .font .text .line{ padding: 15px 0px 15px;}

    .footer .footTop .foot_logo{ width: 22%;}
    .footer .footTop .foot_logo .tit{ font-size: 24px;}
    .footer .footTop .foot_nav{ width: 74%;}
    .footer .footTop .foot_nav dl dd img{ width: 100%;}
}

@media screen and (max-width: 1024px){
    .container{ width: 96%; max-width: 96%;}
    .header{height: 80px; background: #fff;}
    .header .logo{height: 80px;}
    .header .logo img{ height: 45px;}
    .header .nav{ height: 80px; display: flex;align-items: center;}
    .header .nav>ul{ display: none;}
    .zw{width:100%; height:80px;}
    .sp_nav{display:block; width:50px;float:right;position:relative;cursor:pointer;height:24px;}
    .sp_nav span{display:block;background:#007cca;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
    .sp_nav span:nth-of-type(1){top:0px}
    .sp_nav span:nth-of-type(2){top:10px}
    .sp_nav span:nth-of-type(3){top:20px}
    .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
    .sp_nav_se span:nth-of-type(2){width:0}
    .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
    .sjj_nav{display: block; position:fixed;z-index:999;background:#fff;width:100%;height:100vh;font-size:14px;line-height:40px;top:-100vh;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
    .sjj_nav .bg{ width: 100%; height: 4px;background: #007cca;}
    .sjj_nav .hotline{ background-color: #007cca; padding-left: 20px; height: 60px;line-height: 60px; font-size: 14px; color: #fff; }
    .sjj_nav .hotline span{ font-size: 20px;font-weight: bold; }
    .nav_show{top:80px}
    .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
    .sjj_nav>ul>li:first-child>a{float:left;width:75%;}
    .sjj_nav>ul>li:first-child .language{float:right;width:22%;overflow:hidden;line-height:50px;}
    .sjj_nav>ul>li:first-child .language a{width:48%;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
    .sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
    .sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
    .sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
    .sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:50px;font-size:15px}
    .sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
    .sjj_nav ul li ul{display:none}
    .sjj_nav ul li a{color:#666;width:80%; display: block;}
    .sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
    .sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
    .sjj_nav ul li .sjj_nav_i_se svg{fill:#007cca}
    .sjj_nav ul li ul li>ul{margin-left:10px}
    .so_search{ width: 35%;}
    .solution .soluico{ width: 45%;}
    .product .tab .container{ width: 100%; max-width: 100%;}
    .product .proTabc .swiper-slide .slideboxL{ width: 60%;}
    .product .tab .tabitem{ padding: 25px 2%;}
    .product .tab .tabitem .ico img{ height: 40px;}
    .product .tab .tabitem .tit h3{ margin-bottom: 10px;}
    .about{ padding: 70px 0 0;}
    .about .warp{ width: 100%; padding: 0 0 70px;}
    .about .Toptoc { width: 70%;}
    .about .abohonor{ width: 90%;}
    .about .number{ width: 100%;}
    .about .number .item{ padding: 0 1%;}
    .about .number .item .T .math{ font-size: 34px;}
    .about .Toptit{ font-size: 30px;}
    .about .Advantage .item{ padding: 20px 2%;}
    .about .Advantage .item h3{ font-size: 22px;}
    .news{ padding: 70px 0;}
    .news .top{font-size: 30px;}
    .news .innews li{ width: 33.333333%;}
    .news .innews li:last-child{ display:none;}
    .slogan .title{ font-size: 22px;}
    .subNav .left{width: auto;padding-left: 5%;-webkit-box-sizing: border-box;box-sizing: border-box;}
    .subNav .left a{ font-size: 22px;}
    .subNav .left p{ font-size: 18px; margin: 0 25px;}
    .subNav .left i{ margin-right: 30px;}
    .subNav .right{width: 65%;-webkit-box-flex: 1; -ms-flex: 1; flex: 1; white-space: nowrap; overflow-x: auto; -ms-overflow-style: none; overflow: -moz-scrollbars-none; overflow: -webkit-scrollbars-none; }
    .subNav .right ul li a{ font-size: 16px; padding: 0 20px;}
    .pbanner .bannerText .container h5{ font-size: 30px;}
    .about_center01 .left{ width: 100%;}
    .about_center01 .left .rect-553{ padding-bottom:40%;}
    .about_center01 .content{ margin-top: -60px;}
    .about_center01 .left .cover .box .tit{ font-size: 26px;}
    .about_center01 .left .cover .box{padding: 40px 20% 0 40px;}
    .about_center01 .left .cover .box .con{ line-height: 2; margin: 10px 0 20px;}
    .about_center01 .right{ position: relative; width: 100%;padding:45px 0;}
    .about_center01 .right .number .item{padding: 0 1%;}
    .about_center01 .right .number .item .T .math{ font-size: 34px;}
    .about_center01 .right .number .item .c{ font-size: 14px;}
    .about_center02{ padding: 70px 0;}
    .about_center02 .infor .tit{ font-size: 30px;}
    .about_center02 .infor .con{ font-size: 18px;}
    .about_center02 .content .item .intro .box{ padding: 30px 4%;}
    .about_center02 .content .item .intro{margin-top:-50px}
    .about_center03{ padding: 70px 0;}
    .about_center03 .infor .tit{ font-size: 30px;}
    .about_center03 .infor .con{ font-size: 18px;}
    .about_center03 .history-inner .swiper-slide .box .date{ font-size:28px;}
    .about_us01 .big_tit span{ font-size: 32px;}
    .pageMain .pagenumber .item .T .math{font-size: 42px;}
    .pageMain .pagenumber .item{padding: 0 1%;}
    .pageMain .pagenumber .item .c{ font-size: 16px;}
    .about_us01 .common_btn .videos{ padding: 8% 5%;}
    .abolist .abobox li .txt .tit{ font-size: 17px;}
    .pageProduct .probox{grid-template-columns: repeat(2,1fr);}
    .pageNews .newsbox{grid-gap:30px;}
    .pageMark .markbox{grid-gap:30px;}
    .joinProfile{ padding: 70px 0;}
    .joinPromotion{ padding: 70px 0;}
    .joinPromotion .promotion .items .item{ width: 49.14%; margin-bottom: 1.8%;}
    .joinPromotion .promotion .items .item .font:before{ opacity: 0.7;}
    .joinPromotion .promotion .items .item .font .text{ height: auto;}
    .joinPromotion .promotion .items .item .font .text .line{ padding: 15px 0px 15px;}
    .contactMap .Map{ height: 380px;}
    .footer .footTop .foot_logo{ width: 24%;}
    .footer .footTop .foot_logo .tit{ font-size: 20px;}
    .footer .footTop .foot_logo img{ height: 40px;}
    .footer .footTop .foot_nav{ width: 74%;}
    .footer .footTop .foot_nav dl dd img{ width: 100%;}
    .footer .footTop .foot_nav dl:nth-child(5){ display: none;}
    .footer .footTop .foot_nav dl:nth-child(4){ width: 55%;}
}

@media screen and (max-width: 768px){
    .container{ width: 96%; max-width: 96%;}
    .header{height: 70px; background: #fff;}
    .header.scroll{height:70px;}
    .header.scroll .logo, .header.scroll .nav, .header.scroll .tel{ height:70px;}
    .header .logo{height: 70px;}
    .header .logo img{ height: 40px;}
    .header .nav{ height: 70px; display: flex;align-items: center;}
    .header .nav>ul{ display: none;}
    .zw{width:100%; height:70px;}
    .sp_nav{display:block; width:50px;float:right;position:relative;cursor:pointer;height:24px;}
    .sp_nav span{display:block;background:#007cca;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
    .sp_nav span:nth-of-type(1){top:0px}
    .sp_nav span:nth-of-type(2){top:10px}
    .sp_nav span:nth-of-type(3){top:20px}
    .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
    .sp_nav_se span:nth-of-type(2){width:0}
    .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
    .sjj_nav{display: block; position:fixed;z-index:999;background:#fff;width:100%;height:100vh;font-size:14px;line-height:40px;top:-100vh;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
    .sjj_nav .bg{ width: 100%; height: 4px;background: #007cca;}
    .sjj_nav .hotline{ background-color: #007cca; padding-left: 20px; height: 60px;line-height: 60px; font-size: 14px; color: #fff; }
    .sjj_nav .hotline span{ font-size: 20px;font-weight: bold; }
    .nav_show{top:70px}
    .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
    .sjj_nav>ul>li:first-child>a{float:left;width:75%;}
    .sjj_nav>ul>li:first-child .language{float:right;width:22%;overflow:hidden;line-height:50px;}
    .sjj_nav>ul>li:first-child .language a{width:48%;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
    .sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
    .sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
    .sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
    .sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:50px;font-size:15px}
    .sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
    .sjj_nav ul li ul{display:none}
    .sjj_nav ul li a{color:#666;width:80%; display: block;}
    .sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
    .sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
    .sjj_nav ul li .sjj_nav_i_se svg{fill:#007cca}
    .sjj_nav ul li ul li>ul{margin-left:10px}
    .banner .swiper-pagination{ bottom: 8px !important;}
    .so_search{ width: 48%;}
    .so_search .soluT{ font-size: 20px; margin-bottom: 10px;}
    .so_search .soluB{ display: none;}
    .so_search .search{ height: 40px;}
    .so_search .search input{ line-height: 40px;}
    .so_search .search .search-btn,.so_search .search button{ height: 40px;}
    .so_search .soluB a{ padding: 0;}
    .solution{ padding: 30px 0;}
    .solution .soluico{ width: 48%;}
    .solution .soluico .item img{ height: 30px;}
    .solution .soluico .item p{ font-size: 14px; font-weight: normal;}
    .product .tab .container{ width: 100%; max-width: 100%;}
    .product .proTabc .swiper-slide{ padding: 50px 0 140px;}
    .product .proTabc .swiper-slide .container{ display:block;}
    .product .proTabc .swiper-slide .slideboxL{ width: 100%;}
    .product .proTabc .swiper-slide .slideboxL .slideboxLt{ font-size: 24px; margin-bottom: 20px;}
    .product .proTabc .swiper-slide .slideboxL .slideboxLb{font-size: 15px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
    .product .proTabc .swiper-slide .slideboxL .slideboxLz{ margin-top: 15px;}
    .product .proTabc .swiper-slide .slideboxL .slideboxLz li{ width: 18.4%; margin-bottom: 10px;}
    .product .proTabc .swiper-slide .slideboxL .slideboxLz li:nth-child(5n){ margin-right: 0;}
    .product .proTabc .swiper-slide .slideboxL .slideboxLz li img{ width: 100%;}
    .product .proTabc .swiper-slide .slideboxL .morebtn{ margin-top: 20px;}
    .product .proTabc .swiper-slide .slideboxL .morebtn a{padding: 0px 20px; height: 45px; line-height: 45px;}
    .product .proTabc .swiper-slide .slideboxR{ width: 86%; margin: 20px auto 0;}
    .product .tab .tabitem{display: inline-block; width: 50% !important; padding: 15px 2%; text-align: center;}
    .product .tab .tabitem .ico{ margin: 0 auto;}
    .product .tab .tabitem .ico img{ height: 30px;}
    .product .tab .tabitem .tit h3{ margin-top: 5px; margin-bottom:5px; font-size: 17px;}
    .product .tab .tabitem.swiper-slide-thumb-active .ico .ico2{ margin:0 auto;}
    .about{ padding: 50px 0 0;}
    .about .warp{ width: 100%; padding: 0 0 50px;}
    .about .Toptoc { width: 100%;}
    .about .abohonor{ width: 100%;padding: 30px 0; font-size: 16px;}
    .about .number{ width: 100%;display: block;}
    .about .number .item{ width: 50%; padding: 0 4%; margin-bottom: 20px;}
    .about .number .item:nth-last-of-type(-n+2){ margin-bottom: 0;}
    .about .number .item .T .math{ font-size: 28px;}
    .about .Toptit{ font-size: 28px;}
    .about .Toptib{ font-size: 18px;}
    .about .Advantage{ display: block; margin-top: 30px;}
    .about .Advantage .item{ width: 100%; margin-bottom: 15px; padding: 20px 2%;}
    .about .Advantage .item:last-child{ margin-bottom: 0;}
    .about .Advantage .item h3{ font-size: 18px;}
    .about .Advantage .item p{ height: auto; margin: 15px 0;}
    .about .Advantage .item .ico{ width: 35px; height: 32px;}
    .news{ padding: 50px 0;}
    .news .top{font-size: 28px;}
    .news .innews li{ width: 50%;}
    .news .innews li:nth-child(3){ display:none;}
    .slogan{ padding: 40px 0;}
    .slogan .title{ font-size: 18px; line-height: 1.6;}
    .subNav{ display: block; height: auto;}
    .subNav .left{width: auto; height: 45px; line-height: 45px; padding-left: 2%;-webkit-box-sizing: border-box;box-sizing: border-box; justify-content: flex-start;}
    .subNav .left a{ font-size: 16px;}
    .subNav .left p{ font-size: 17px; margin: 0 15px;}
    .subNav .left i{ margin-right: 0;}
    .subNav .right{width: 100%;  overflow-x: visible;}
    .subNav .right ul{ display: block; width: 96%; padding: 20px 0; margin: 0 auto; overflow-x: visible; display: grid; grid-gap: 10px; grid-template-columns: repeat(2,1fr);}
    .subNav .right ul li{display: block;float: left;font-size: 16px;color: #333;width: 100%;background: #f5f5f5;line-height: 45px;text-align: center;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
    .subNav .right ul li.select{ background: #007cca;}
    .subNav .right ul li.select a{ color: #fff;}
    .subNav .right ul li a::after{ display: none;}
    .subNav .right ul li a{display: block; font-size: 16px; padding: 0 20px;}
    .pbanner .bannerimg img{ width: 140%;}
    .pbanner .bannerText .container h5{ font-size: 24px;}
    .pbanner .bannerText .container h6{ font-size: 20px;}
    .pageMain{ padding: 50px 0;}
    .about_center01 .left{ width: 100%;}
    .about_center01 .left .rect-553{ padding-bottom:75%;}
    .about_center01 .content{ margin-top:50px;}
    .about_center01 .left .cover .box .tit{ font-size: 26px;}
    .about_center01 .left .cover .box{padding: 40px 4%;}
    .about_center01 .left .cover .box .con{ line-height: 2; margin: 10px 0 20px;}
    .about_center01 .right{ position: relative; width: 100%;padding:30px 0;}
    .about_center01 .right .number{ display: block;}
    .about_center01 .right .number .item{padding: 0 5%; width: 50%; margin-bottom: 20px;}
    .about_center01 .right .number .item:nth-last-of-type(-n+2){ margin-bottom: 0;}
    .about_center01 .right .number .item .T .math{ font-size: 28px;}
    .about_center01 .right .number .item .c{ font-size: 14px;}
    .about_center02{ padding: 50px 0;}
    .about_center02 .infor{ margin-bottom: 35px;}
    .about_center02 .infor .tit{ font-size: 28px;}
    .about_center02 .infor .con{ font-size: 16px;}
    .about_center02 .content .item{ width: 100%; margin-left: 0; margin-bottom: 20px;}
    .about_center02 .content .item:last-child{ margin-bottom: 0;}
    .about_center02 .content .item .intro .box{ padding: 30px 4%;}
    .about_center02 .content .item .intro{ width: 96%; margin-top:-50px}
    .about_center03{ padding: 50px 0;}
    .about_center03 .infor{ margin-bottom: 35px;}
    .about_center03 .infor .tit{ font-size: 28px;}
    .about_center03 .infor .con{ font-size: 16px;}
    .about_center03 .history-inner .swiper-slide{ width: 100%;}
    .about_center03 .history-inner .swiper-slide .box{ padding: 20px 6%;}
    .about_center03 .history-inner .swiper-slide .box .date{ font-size:24px;}
    .about_center03 .history-inner .swiper-button .swiper-button-prev{ width: 50px; height: 50px; line-height: 50px;}
    .about_center03 .history-inner .swiper-button .swiper-button-next{ width: 50px; height: 50px; line-height: 50px;}
    .pageMain .stitle{ margin-bottom: 20px;}
    .pageMain .stitle .chinalist{ font-size: 24px;}
    .pageMain .stitle .uklist{ font-size: 17px;}
    .pageMain .cont{ font-weight: normal;}
    .pageMain .pagenumber{display:block; margin: 30px 0 30px;}
    .pageMain .pagenumber .item .T .math{font-size: 28px;}
    .pageMain .pagenumber .item{width: 50%; padding: 0 5%;}
    .pageMain .pagenumber .item .c{ font-size: 15px;}
    .about_us01{ padding: 50px 0;}
    .about_us01 .big_tit{ font-size: 17px; line-height: 2;}
    .about_us01 .big_tit span{ font-size: 22px;}
    .about_us01 .common_btn{ margin-top: 35px;}
    .about_us01 .common_btn .videos{ padding: 20% 5%;}
    .abolist .abobox{grid-gap: 10px;grid-template-columns: repeat(2,1fr);}
    .abolist .abobox li .txt{ margin-top: 5px;}
    .abolist .abobox li .txt .tit{ font-size: 16px;}
    .pageculture{ grid-gap: 20px; grid-template-columns: repeat(1,1fr); margin-top: 30px;}
    .pageProduct .probox{grid-gap:10px; grid-template-columns: repeat(2,1fr);}
    .probox .item .infor .t{ font-size: 17px;}
    .probox .item .infor p{ font-size: 14px;}
    .probox .item .infor p:first-child span{ font-size: 14px;}
    .boxProduct .imgLift{ width: 100%;}
    .boxProduct .conRight{ width: 100%; margin-top: 20px;}
    .boxProduct .conRight .tit{ font-size: 20px; margin-bottom: 5px; padding-bottom: 5px;}
    .pageNews .newsbox{grid-gap:10px; grid-template-columns: repeat(2,1fr);}
    .pageNews .item .infor{ padding: 10px 4%;}
    .pageNews .item .infor .t{ font-size: 17px; line-height: 28px; height: 56px; margin: 10px 0;}
    .pageNews .boxNews{ padding: 25px 15px;}
    .pageNews .boxNews .boxNewsl{ width: 100%;padding-right:0;border-right:none;}
    .pageNews .pageNewsT{ font-size: 18px; }
    .pageNews .boxNews .boxNewsr{padding-left:0; width: 100%;}
    .pageNews .boxNews .boxNewsr .caption{ font-size: 24px;}
    .pageNews .boxNews .boxNewsr .related-body .list .infor .tit{ font-size: 17px;}
    .pageNews .pageNewsD{ margin: 30px 0;}
    .markbox .left{ width: 100%; padding: 25px 20px;}
    .markbox .left .title{ font-size: 28px;}
    .markbox .left .decs{ font-size: 20px;}
    .markbox .left .tel{ margin-top: 30px; font-size: 34px;}
    .markbox .left .txt{ font-size: 17px;}
    .markbox .right{ width: 100%;padding: 25px 20px; grid-gap: 20px 0; grid-template-columns: repeat(1,1fr);}
    
    .markbox .right .item h3{margin: 15px 0; font-size: 20px;}
    .casebox{grid-gap: 10px;grid-template-columns: repeat(2,1fr);}
    .casebox li .txt .tit{ font-size: 17px; line-height: 2;}
    .casebox li .desc{ font-size: 14px; line-height: 1.6;}
    .caseBoxbg .title { padding: 15px;}
    .caseBoxbg .title .pageT{ font-size: 18px;}
    .caseBoxbg .title .backList{ width: 120px; height: 40px; font-size: 14px;}
    .caseBoxbg .pagecont{ padding: 25px 15px;}
    .caseBoxbg .backpad{ padding: 20px 15px;}
    .pageMark .markbox{grid-gap:10px;  grid-template-columns: repeat(1,1fr); }
    .pageMark .markbox .item p{line-height: 1.8; padding: 25px 15px;}
    .joinProfile{ padding: 50px 0;}
    .joinPromotion{ padding: 50px 0;}
    .joinProfile .container h5{ font-size: 28px; margin-bottom: 30px;}
    .joinPromotion .promotion .items .item{ width: 100%; margin-bottom: 1.8%;}
    .joinPromotion .promotion .items .item .font:before{ opacity: 0.7;}
    .joinPromotion .promotion .items .item .font .text{ height: auto;}
    .joinPromotion .promotion .items .item .font .text .line{ padding: 15px 0px 15px;}
    .jnlist div:nth-child(4),.joinlist .list_dt div:nth-child(4){display: none;}
    .joinlist .list_dd{ padding: 20px 15px;}
    .contactbox{display: block;}
    .contactbox .gbook{ width: 100%; padding: 25px 15px;}
    .contactbox .gbook .title{ font-size: 28px;}
    .contactbox .gbook .input{ line-height: 50px; height: 50px;}
    .contactbox .gbook .flex-center{ margin-top: 20px;}
    .contactbox .gbook .dis-flex-center .indexmore{ height: 50px; font-size: 16px;}
    .contactbox .contact{ width: 100%; padding: 25px 15px;}
    .contactbox .contact .title{ font-size: 28px;}
    .contactbox .contact .dis-flex{ margin-top: 20px;}
    .contactbox .contact .dis-flex .ml-15 .f22{font-size: 20px;}
    .contactMap .Map{ height: 280px;}
    .footer .footTop{ padding: 40px 0;}
    .footer .footTop .foot_logo{ width: 24%; display: none;}
    .footer .footTop .foot_logo .tit{ font-size: 20px;}
    .footer .footTop .foot_logo img{ height: 40px;}
    .footer .footTop .foot_nav{ width: 100%;}
    .footer .footTop .foot_nav dl{ display: none;}
    .footer .footTop .foot_nav dl:nth-child(4){ display: block; width: 100%;}
    .footer .copy{ padding: 20px 0;}
    .footer .copy .copyL .fr{ float: left;}

    .bc-prevn, .bc-nextn{ width: 120px; height: 40px; line-height: 40px;}
    .bc-prev, .bc-next{width: 120px; height: 40px; line-height: 40px;}
    .backbox{padding: 25px 0;}
    .backlist{ display: none;}
}