:root{
	--main: #c70019;
    --theme: 199, 0, 25;
    --color: #0f0d5b;
}
@font-face{
	font-family:"MR";
	src: url("font/Montserrat-Regular.otf") format("opentype");
}
@font-face{
	font-family:"ML";
	src: url("font/Montserrat-Light.otf") format("opentype");
}
@font-face{
	font-family:"MM";
	src: url("font/Montserrat-Medium.otf") format("opentype");
}
@font-face{
	font-family:"MB";
	src: url("font/Montserrat-Bold.otf") format("opentype");
} 
@font-face{
	font-family:"MSB";
	src: url("font/Montserrat-SemiBold.otf") format("opentype");
}

.rotate180{transform: rotate(180deg);}
.cw1800{max-width:1800px;width:92%;margin:auto;}
.obj{object-fit: cover; }

*{font-family: "ML";}
*::-webkit-scrollbar {width: 3px;background: #fff;height: 5px;}
*::-webkit-scrollbar-thumb {border-radius: 2px;background: #999;cursor:pointer;}

/* 编辑器样式 */
.detail,
.editor,
.detail *,
.editor *{font-size: 16px; line-height:24px;}
.detail img,
.editor img{font-size: 0 !important; max-width: 100%;}
@media (max-width: 750px) {
	.detail, .editor, .detail *, .editor *{font-size: 30px !important; line-height: 1.6 !important;}
	[alert] .at-contents{padding: 31px 20px 20px; line-height: 1.5; font-size: 24px;}
}



/* page */
#page {display: flex;justify-content: center;}
#page .box ,
#page .lyui_paging_btn,
#page .lyui_paging_point{width: 60px !important;height: 60px !important;text-align: center;font-size: 18px;color: #292c33; margin: 0 5px;position: relative;z-index: 3;border: 2px solid #f2f4f6; border-radius: 50%; background: #fff; transition: all 0.3s ease;}
#page .lyui_paging_number{margin: 0;}
#page .lyui_paging{margin: 0 10px;}
#page .pn,
#page .lyui_paging_prev, 
#page .lyui_paging_next {margin: 0; width: 160px !important;height: 60px !important; line-height: 58px !important; text-align: center; border-radius: 60px; transition: all 0.3s ease; overflow: hidden; background: #fff;}
#page .lyui_paging_prev{margin-right: 5px;}
#page .lyui_paging_next{margin-left: 5px;}

#page .lyui_paging_btn:hover,
#page .box:hover {border-color: var(--main); color: var(--main);}
#page .lyui_paging_btn.cur{border-color: var(--main); background: var(--main); color: #fff;}
#page .end.hide {display: none;}

.not_tip{margin-top: 40px; font-size: 18px;color:#333;line-height:30px;text-align:center;}

@media (max-width: 750px) {
    #page .lyui_paging_btn, #page .lyui_paging_point{width: 60px !important; height: 60px !important; line-height: 58px !important;}
    
    #page .pn, #page .lyui_paging_prev, #page .lyui_paging_next{width: 150px !important;height: 60px !important; line-height: 58px !important;}
	#page .pn ,
	#page .lyui_paging_btn,
	#page .lyui_paging_point{font-size: 24px;}
    #page .pn .svg{transform: scale(1.3);}

    .not_tip{font-size: 28px; line-height: 1.5;}
}


#header{top: 0; left: 0; height: 80px; width: 100%; z-index:15; background: #fff;}
#header.cur{top: 0; transform: translateY(0); }
#header.none{top: 0; transform: translateY(-100%); }
#header .left{width: 57.5%;}
#header .left .logo{width: 155px; height: 50px}
#header .nav{width: 80.19%;}
#header .nav .one-nav .one-a{font-size: 18px; color: #333; line-height: 80px; position: relative; font-family:"MSB";}
#header .nav .one-nav.cur .one-a,
#header .nav .one-nav:hover .one-a{color: var(--main);}
/* #header .nav .one-nav .one-a::before{content: ''; width: 100%; height: 3px; background-color: transparent; position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); z-index: 1;} */
/* #header .nav .one-nav.cur .one-a::before{background-color: #fff;} */
#header .nav .one-nav .two-nav{min-width: 200px; height: 0; overflow: hidden; top: 80px; left: 50%; transform:  translateX(-50%); z-index: 10; background: #fff; border-radius: 10px; box-shadow: 0px 0px 20px 0px rgba(57, 143, 254, 0.05);}
#header .nav .one-nav .two-nav .hnavbg{padding: 10px;}
#header .nav .one-nav .two-nav .hnavbg .tnav-a{padding: 10px; font-size: 16px; color: #333; white-space: nowrap; line-height: 25px; border-radius: 10px;}
#header .nav .one-nav .two-nav .hnavbg .tnav-a:hover{background-color: #f4f5fa; color: var(--main);}

#header .right {width: 23.89%;}
#header .right .search_form{margin-right: 9.3%; padding: 0 15px; width: 64.77%; height: 40px; border: 1px solid #ccc; border-radius: 10px; background-color: #fff;}
#header .right .search_form:hover{border-color: var(--main);}
#header .right .search_form .text{ width: calc(100% - 50px); font-size: 16px; color: #333; font-family:"MR";}
#header .right .search_form .submit{width: 30px; height: 100%;}
#header .right .search_form .submit .svg{ fill: #333;}

#header .right .lang .li{font-size: 18px; line-height: 80px; color: #333; font-family:"MM";}
#header .right .lang .li.cur{color: var(--main);}
#header .right .lang span{display: inline-block; margin: 0 18px; font-size: 18px; color: #ccc;}

#m-nav,
#m_header_blank,
#header .right .menu,
#search-box{display:none;}

@media (max-width: 1680px) {
    #header .left{width: 60.5%;}
    #header .right{width: 28%;}
}
@media (max-width: 1536px) {
    #header .left{width: 62.5%;}
    #header .right{width: 32%;}
}
@media (max-width: 1440px) {
    #header .left{width: 64.5%;}
    #header .nav .one-nav .one-a{font-size: 16px;}
    #header .right{width: 33%;}
    #header .right .search_form {margin-right: 6.3%;}
}
@media (max-width: 1366px) {
    #header .left{width: 65.5%;}
}
@media (max-width: 1280px) {
    #header .left{width: 67.5%;}
    #header .nav .one-nav .one-a{font-size: 16px;}

    #header .right{width: 31%;}
    #header .right .search_form{width: 67%;}
    #header .right .lang span{margin: 0 10px;}
}
@media (max-width: 1200px) {
    #header .nav{width: 82%;}
}
@media (max-width: 1024px) {
    #header{display: flex; align-items: center;}
    #header .left{width: max-content; align-items: center;}
    #header .nav{display: none;}

    #header .right{width: 56%;}
    #header .right .lang{display: none;}
    #header .right .menu{display:block; width: 40px; height: 40px;}
    #header .right .menu .svg{fill: #333;}
    #header .right .menu .i1{display: inline-block; transform: scale(1.1);}
    #header .right .menu .i2{display: none;}
    #header .right .menu.cur .i1{display: none;}
    #header .right .menu.cur .i2{display: inline-block;}

    #m-nav{display: block;width: 100%;height: 0;z-index:50;left: 0;right: 0;top:80px; background: #fff;overflow-y: auto;}
    #m-nav.cur{height: calc(100vh - 80px);border-top:1px solid #ebebeb;}
    #m-nav .nav .one-nav{line-height:60px;}
    #m-nav .nav .one-nav .one{cursor:pointer; margin: 0 30px;border-bottom: 1px solid #ebebeb;background: url(/images/down.png) no-repeat right;}
    #m-nav .nav .one-nav.nobg .one{background: none;}
    #m-nav .nav .one-nav.cur .one{background-image:url(/images/down-2.png);}
    #m-nav .nav .one-nav.cur.nobg .one{background: none;}
    #m-nav .nav .one-nav .one-a{font-size:18px; font-weight:500; color:#333; font-family:"MSB";}
    #m-nav .nav .one-nav .two-nav{width: 100%; background: #f5f5f5; padding: 0 30px;}
    #m-nav .nav .one-nav .two-nav>div{border-bottom: 1px solid #ebebeb;}
    #m-nav .nav .one-nav .two-nav .two-a{font-size: 16px; color:#333;}

    #m-nav .lang{margin-top: 30px;}
    #m-nav .lang>*{ font-size: 20px; line-height: 1.5; color: #333; font-family:"MM";}
    #m-nav .lang .li.cur{color: var(--main); font-weight: 600;  font-family:"MSB";}
    #m-nav .lang span{display: inline-block; margin: 0 25px;}
}
@media (max-width: 750px) {
    #header .right .search{margin-right: 30px; width: 45px; height: 45px;}
    #header .right .search .svg{transform: scale(1.8);}
    #header .right .menu {width: 45px; height: 45px;}
    #header .right .menu .i1{transform: scale(1.5);}
    #header .right .menu .i2{transform: scale(1.1);}

    #m-nav .nav .one-nav{line-height: 90px;}
	#m-nav .nav .one-nav .one{background-size: 45px;}
    #m-nav .nav .one-nav .one-a{font-size: 36px;}
    #m-nav .nav .one-nav .two-nav .two-a{font-size: 30px;}
    #m-nav .lang>*{font-size: 30px; line-height: 1.5;}

    #search-box{display: none;width:100%;height:180px;z-index: 50;left: 0;right: 0;top:80px;background: #fff;border-top:1px solid #ccc;}
    #search-box .form-box{width: 92%;margin: 45px auto 0;height:80px;border-radius:50px;border: 1px solid #d1d1d1;overflow: hidden;}
    #search-box .form-box .input{width: calc(100% - 80px);padding: 0 40px;}
    #search-box .form-box .input input{width: 100%;height: 100%;font-size:28px;color:#333;}
    #search-box .form-box .submit{width: 80px;height: 78px; background:var(--main); border-left:1px solid rgba(0, 0, 0, 0.3);} 
    #search-box .form-box .submit .svg{fill: #fff; transform: scale(1.6);}
}



#banner{margin-top: 80px; max-width: 100%;}
#index-swiper{overflow: hidden;}
#index-swiper .slide .img .pic{width: 100%; padding-top: 49.47%; position: relative;}
#index-swiper .slide .img .pic video,
#index-swiper .slide .img .pic img{object-fit: cover;}
#index-swiper .slide .img .pic::before{content: ""; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; z-index: 2;}
#index-swiper .slide .cont_text{z-index: 3;}
#index-swiper .slide .cont_text .text .in{width: 50%; text-align: left; color: #fff;}
#index-swiper .slide .cont_text .text .title{line-height: 75px; font-size: 60px; font-family:"MB";}
#index-swiper .slide .cont_text .text .brief{margin-top: 37px; line-height: 39px; font-size: 30px; font-weight: 500;}
#index-swiper .swiper-pagination-bullets{bottom: 6.89%; lefT: 50%; transform: translateX(-50%); display: flex; justify-content: left; max-width: 1600px;width:92%;margin:auto;}
#index-swiper .swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 1.43%; width: 10px; height: 10px; background-color: transparent; border: 2px solid #fff; border-radius: 50%; opacity: 0.3;}
#index-swiper .swiper-pagination-bullets .swiper-pagination-bullet:first-child{margin-left: 0;}
#index-swiper .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: rgba(255, 255, 255, 1); opacity: 1;}

#inner-banner{width: 100%;}
#inner-banner .img{width: 100%; padding-top: 31.25%;}
#inner-banner .cont .txt{font-size: 60px; line-height: 1.2; color: #fff; font-family: "MB";}

@media (max-width: 1680px) {
    #index-swiper .slide .cont_text .text .title{line-height: 1.2; font-size: 52px;}
    #index-swiper .slide .cont_text .text .brief{margin-top: 25px; line-height: 1.3; font-size: 28px;}

    
    #inner-banner .cont .txt{font-size: 52px;}
}
@media (max-width: 1366px) {
    #index-swiper .slide .cont_text .text .in{width: 65%;}
    #index-swiper .slide .cont_text .text .brief{margin-top: 20px; font-size: 26px;}

    #inner-banner .cont .txt{font-size: 48px;}
}
@media (max-width: 1200px) {
    #index-swiper .slide .cont_text .text .title{font-size: 46px;}
    #index-swiper .slide .cont_text .text .brief{font-size: 22px;}

    #inner-banner .cont .txt{font-size: 46px;}
}
@media (max-width: 750px) {
    #index-swiper .slide .img .pic{padding-top: 116%;}
    #index-swiper .slide .cont_text .text .in{width: 100%;}
    #index-swiper .slide .cont_text .text .title{font-size: 50px;}
    #index-swiper .slide .cont_text .text .brief{font-size: 26px;}

    #inner-banner .img{padding-top: 80%;}
}



/* 右侧悬浮 */
#float-rig{bottom: 70px; right: 20px; z-index: 20;}
#float-rig .list{ width: 50px;}
#float-rig .list .f-icon{ margin-top: 10px; width: 100%; height: 50px; background: #fff; border-radius: 50%; box-shadow: 0px 0px 10px 0px rgba(41, 44, 51, 0.2);}
#float-rig .list .f-icon:first-child{ margin-top: 0;}
#float-rig .list .f-icon .svg{fill: var(--main);}
#float-rig .list .f-icon .txt{margin-top: 6px; font-size: 16px; line-height: 1; color: var(--main); font-family:"MB"; font-family: Arial;}

#float-rig .list .f-icon:hover{ background: var(--main);}
#float-rig .list .f-icon:hover svg path{ fill: #fff;}
#float-rig .list .f-icon:hover .txt{color: #fff;}

@media (max-width: 750px) {
    #float-rig{ bottom: 0; right: 0; width: 100%; border-top: 1px solid #ccc;}
    #float-rig .list{width: 100%; flex-direction: inherit;}
    #float-rig .list .f-icon{width: 50%; height: 80px; margin: 0; border-radius: 0; box-shadow: none; border-right: 1px solid #ccc;}
    #float-rig .list .f-icon:nth-child(3),
    #float-rig .list .f-icon:last-child{border: 0;}
    #float-rig .list .f-icon svg {transform: scale(1.5);}
    
    #float-rig .list .page-top .jt .svg{transform: scale(2);}
    #float-rig .list .f-icon .txt{font-size: 24px;}
}




/* 底部 */
.footer{margin-top: 120px; background: #fff url(/images/footer-back.png) no-repeat bottom center;}
#footer_email{width: 100%; height: 480px; border-radius: 30px; background: url() no-repeat center center/100% 100%;}
#footer_email .in{padding: 0 5.625%; width: 100%; height: max-content;}
#footer_email .in .p1{font-size: 40px; line-height: 47px; color: #333; font-family: "MSB"; font-weight: bolder;}
#footer_email .in .btn{margin-top: 64px; padding: 0 35px; width: max-content; min-width: 180px; height: 60px; background-color: var(--main); border-radius: 10px;}
#footer_email .in .btn .txt{font-size: 18px; color: #fff; font-family: "MM";}
#footer_email .in .btn .icon{width: 21px; height: 20px;}
#footer_email .in .btn .icon .svg{fill: #fff;}
#footer_email .in .btn:hover{background-color: #fff;}
#footer_email .in .btn:hover .txt{color: var(--main);}
#footer_email .in .btn:hover .icon .svg{fill: var(--main);}

@media (max-width: 1536px) {
    #footer_email .in{width: 56%;}
}
@media (max-width: 1440px) {
    #footer_email{height: 450px;}
}
@media (max-width: 1366px) {
    #footer_email{background-size: cover;}
}
@media (max-width: 1280px) {
    .footer{background-position: bottom right 30%;}
    #footer_email .in .p1{font-size: 34px; line-height: 1.5;}
}
@media (max-width: 1200px) {
    #footer_email{height: 400px;}
    #footer_email .in .p1{font-size: 30px;}
}
@media (max-width: 950px) {
    .footer{margin-top: 100px; background-position: bottom right; background-size: 100% auto; background-color: #f5f5f5; border-top-left-radius: 30px; border-top-right-radius: 30px; padding-top: 40px;}
}
@media (max-width: 750px) {
    .footer{padding-bottom: 80px;}
    #footer_email .in{width: 100%;}
    #footer_email .in .btn{min-width: 220px; height: 65px;}
    #footer_email .in .btn .txt{font-size: 26px;}
    #footer_email .in .btn .icon{width: 30px; height: 30px;}
    #footer_email .in .btn .icon .svg{transform: scale(1.3);}
}


#footer .one{padding: 65px 0 40px; border-bottom: 1px solid #e1e1e1;}
#footer .one .contact{width: 43.75%;}
#footer .one .contact .item{width: 50%;}
#footer .one .contact .item:first-child{padding-right: 20px;}
#footer .one .contact .item .tit{margin-bottom: 14px; font-size: 20px; line-height: 26px; color: #333; font-family: "MM";}
#footer .one .contact .item .txt{font-size: 20px; line-height: 28px; color: var(--main); font-family: "MM";}
#footer .one .media{width: 19.375%;}
#footer .one .media .tit{margin-bottom: 14px; font-size: 20px; line-height: 26px; color: #333; font-family: "MM";}
#footer .one .media .ul .li{margin-right: 20px; width: 40px; height: 40px; border-radius: 50%;}
#footer .one .media .ul .li:last-child{margin-right: 0;}
#footer .one .media .ul .li:nth-child(1) .svg{fill: #0093f0;}
#footer .one .media .ul .li:nth-child(2) .svg{fill: #014c81;}
#footer .one .media .ul .li:nth-child(3) .svg{fill: #222222;}
#footer .one .search_form{margin-top: 12px; padding: 0 20px; width: 31.25%; height: 50px; border: 1px solid #fff; border-radius: 10px; background-color: #fff;}
#footer .one .search_form:hover{border-color: var(--main);}
#footer .one .search_form .text{ width: calc(100% - 40px); font-size: 18px; color: #333; font-family:"MR";}
#footer .one .search_form .submit{width: 20px; height: 100%;}
#footer .one .search_form .submit .svg{ fill: #333;}
#footer .two{padding: 50px 0 110px;}
#footer .two .fnav{max-width: 25%;}
#footer .two .fnav .fnav-one .one-a{font-size: 18px; line-height: 39px; color:#333; font-family: "MM";}
#footer .two .fnav .fnav-two {margin-top: 15px;}
#footer .two .fnav .fnav-two .list .two-a{margin-top: 10px; font-size: 16px; line-height: 25px; color:#666;}
#footer .two .fnav .fnav-two .list .two-a:first-child{margin-top: 0;}
#footer .two .fnav .fnav-two .list .two-a:hover{color: var(--main);}

#footer_bot{background-color: #1f2a57; padding: 15px 0; min-height: 60px;}
#footer_bot .copy{max-width: 75%;}
#footer_bot .copy .p,
#footer_bot .copy>*{font-size: 16px; color:#fff; line-height: 1.1;}
#footer_bot .share{width: max-content;}
#footer_bot .share .li{margin-left: 20px; width: 30px; height: 30px; border-radius: 50%;}
#footer_bot .share .li:first-child{margin-left: 0;}
#footer_bot .share .li .svg{fill: #fff;}

@media (max-width: 1680px) {
    #footer .two{padding: 50px 0 65px;}
}
@media (max-width: 1280px) {
    #footer .one .contact{width: 45.75%;}
    #footer .one .media{width: 17%;}
}
@media (max-width: 1200px) {
    #footer .one .contact .item .txt{font-size: 18px;}    
}
@media (max-width: 950px) {
    #footer .one{flex-wrap: wrap; padding: 40px 0;.footer} 
    #footer .one .contact{width: 100%; margin-bottom: 30px;}
    #footer .one .media{width: 30%;}
    #footer .one .search_form{width: 50%;}

    #footer .two{padding: 0 0 40px; flex-direction: column;}
    #footer .two .fnav{max-width: 100%; width:100%; }
    #footer .two .fnav .fnav-one{line-height:60px;background: url(/images/down.png) no-repeat center right; border-bottom:1px solid #e4e8eb;}
    #footer .two .fnav.in .fnav-one{background-image: url(/images/down-2.png);}
    #footer .two .fnav .fnav-one.nobg{background:none !important;}
    #footer .two .fnav .fnav-one .one-a{font-size:20px;width:fit-content;line-height:inherit;}
    #footer .two .fnav .fnav-two{height:0;overflow:hidden;margin-top:0;}
    #footer .two .fnav .fnav-two .list .two-a{padding: 0 30px; margin-top: 0; font-size: 18px; line-height: 50px; border-bottom: 1px solid #e4e8eb;}
}
@media (max-width: 750px) {
    #footer .one .contact .item .tit,
    #footer .one .contact .item .txt,
    #footer .one .media .tit{font-size: 26px; line-height: 1.5;}

    #footer .one .media .ul .li{width: 50px; height: 50px;}
    #footer .one .media .ul .li .svg{transform: scale(1.3);}

    #footer .one .search_form{margin-top: 40px; width: 100%;height: 65px;}
    #footer .one .search_form .text{width: calc(100% - 100px); font-size: 26px;}
    #footer .one .search_form .submit{width: 55px;}
    #footer .one .search_form .submit .svg{transform: scale(1.5);}

    #footer .two .fnav .fnav-one{background-size: 45px;}
	#footer .two .fnav .fnav-one .one-a{font-size: 32px; line-height: 80px;}
	#footer .two .fnav .fnav-two .list .two-a{font-size: 26px; line-height: 70px;}

    #footer_bot{padding: 25px 0;}
    #footer_bot .box{flex-wrap: wrap;}
    #footer_bot .copy{width: 100%; max-width: 100%; flex-wrap: wrap; justify-content: center;}
    #footer_bot .copy .p, #footer_bot .copy>*{font-size: 24px; line-height: 1.4;}
    #footer_bot .copy .li{width: 100%; justify-content: center;}
    #footer_bot .copy .li span{display: none;}
    #footer_bot .share{margin-top: 10px; width: 100%; justify-content: center;}
    #footer_bot .share .li{width: 50px; height: 50px;}
    #footer_bot .share .li .svg{transform: scale(1.3);}
}


/* 首页公共样式 */
.index_btn{padding: 0 30px 0 20px; width: max-content; min-width: 140px; height: 50px; border: 1px solid; border-radius: 10px; overflow: hidden; display: flex; justify-content: space-between; align-items: center; position: relative;}
.index_btn::before{content: ""; display: block; width: 30px; height: 1px; position: absolute; top: 50%; right: 0; z-index: 1;}
.index_btn .txt{font-size: 18px; font-weight: 500;}
.index_btn i{display: block; width: 8px; height: 8px; border: 1px solid; border-radius: 50%;}

/* 红底白框 */
.index_btn.red{background-color: transparent; border-color: #fff;}
.index_btn.red::before{background-color: #fff;}
.index_btn.red .txt{color: #fff;}
.index_btn.red i{border-color: #fff;}
.index_btn.red:hover{background-color: #fff;}
.index_btn.red:hover::before{background-color: var(--main);}
.index_btn.red:hover .txt{color: var(--main);}
.index_btn.red:hover i{border-color: var(--main);}

/* 白底黑框 */
.index_btn.white{background-color: transparent; border-color: #999;}
.index_btn.white::before{background-color: #999;}
.index_btn.white .txt{color: #333;}
.index_btn.white i{border-color: #999;}
.index_btn.white:hover{background-color: var(--main); border-color: var(--main);}
.index_btn.white:hover::before{background-color: #fff;}
.index_btn.white:hover .txt{color: #fff;}
.index_btn.white:hover i{border-color: #fff;}

@media (max-width: 750px) {
    .index_btn{min-width: 220px; height: 65px;}
    .index_btn::before{height: 2px;}
    .index_btn .txt{font-size: 26px;}
    .index_btn i{width: 15px; height: 15px; border: 2px solid;}
}


/* 公用轮播左右箭头 */
.public_btn{width: 50px; height: 80px; top: 50%; transform: translateY(-50%); background-color: rgba(0, 0, 0, 0.4); border-radius: 50px; z-index: 2;}
.public_btn:hover{background-color: var(--main);}
.public_btn .svg{fill: #fff;}
.public_btn.prev{left: 10px;}
.public_btn.next{right: 10px;}
.public_btn.next .svg{transform: rotate(180deg);}

@media (max-width: 750px) {
    .public_btn .svg{transform: scale(1.4);}
    .public_btn.next .svg{transform: rotate(180deg) scale(1.4);}
}

/* 公共标题样式 */
.index_tit{font-size: 60px; line-height: 73px; color: #333; font-family: "MSB"; font-weight: bolder;}
.inside_tit{font-size: 46px; line-height: 55px; color: #333; font-family: "MSB"; font-weight: bolder;}
.inside_desc{width: 75%; margin: 0 auto; font-size: 18px; line-height: 27px; color: #333;}

@media (max-width: 1680px) {
    .index_tit{font-size: 56px; line-height: 1.3;}
}
@media (max-width: 1440px) {
    .index_tit{font-size: 52px;}

    .inside_desc{width: 82%;}
}
@media (max-width: 1280px) {
    .index_tit,
    .inside_tit{font-size: 42px; line-height: 1.4;}
    .inside_desc{width: 90%;}
}
@media (max-width: 1024px) {
    .inside_desc{font-size: 16px; line-height: 1.5;}
}
@media (max-width: 750px) {
    .inside_desc{width: 100%; font-size: 26px; line-height: 1.4;}
}



/* 首页 */
#index_app{margin: 0 auto;}
#index_app .back_swi{width: 100%;}
#index_app .back_swi .slide{width: 100%;}
#index_app .back_swi .slide .pic{width: 100%; padding-top: 49.48%;}
#index_app .back_swi .slide .txt_cont{width: 100%; z-index: 5;}
#index_app .back_swi .slide .txt_cont .in_box{width: 50%; height: max-content; background-color: rgba(var(--theme), 0.9); border-top-right-radius: 50px;}
#index_app .back_swi .slide .txt_cont .in_box .item{width: 83.3%; padding: 73px 10.41% 102px 0; color: #fff;}
#index_app .back_swi .slide .txt_cont .in_box .item .name{font-size: 30px; line-height: 43px; font-family: "MSB"; font-weight: bolder;}
#index_app .back_swi .slide .txt_cont .in_box .item .brief{margin-top: 22px; font-size: 18px; line-height: 31px; height: calc(31px * 3);}
#index_app .back_swi .slide .txt_cont .in_box .item .btn{margin-top: 39px;}

#index_app .top_cont{width: 50%; left: inherit; right: 8.33%; z-index: 1;}
#index_app .top_cont .in_box{height: 100%;}
#index_app .top_cont .in{width: 70%; height: 100%; padding: 155px 0 67px;}
#index_app .top_cont .in .index_tit{color: #fff;}
#index_app .top_cont .in .name_swi{width: 100%; height: 410px;}
#index_app .top_cont .in .name_swi .slide{margin-bottom: 27px; width: 100%; height: max-content; min-height: 47px; font-size: 22px; line-height: 47px; color: #fff;}
#index_app .top_cont .in .name_swi .slide:last-child{margin-bottom: 0 !important;}
#index_app .top_cont .in .name_swi .slide .name{width: max-content; max-width: 100%;}
#index_app .top_cont .in .name_swi .slide.swiper-slide-thumb-active .name{font-size: 36px; font-family: "MSB"; font-weight: bolder;}

@media (max-width: 1680px) {
    #index_app .back_swi .slide .txt_cont .in_box .item{width: 92%;}

    #index_app .top_cont{width: 46%; right: 4.33%;}
}
@media (max-width: 1536px) {
    #index_app .back_swi .slide .txt_cont .in_box .item{padding: 60px 10.41% 70px 0;}

    #index_app .top_cont .in{padding: 85px 0 60px;}
}
@media (max-width: 1440px) {
    #index_app .top_cont .in{width: 70%;}
    #index_app .top_cont .in .name_swi{height: 354px;}
    #index_app .top_cont .in .name_swi .slide{min-height: 36px; line-height: 36px}
}
@media (max-width: 1366px) {
    #index_app .top_cont .in .name_swi{height: calc(36px * 6 + 20px * 5);}
    #index_app .top_cont .in .name_swi .slide{margin-bottom: 20px;}
}
@media (max-width: 1200px) {
    #index_app .top_cont .in .name_swi .slide{font-size: 20px;}
    #index_app .top_cont .in .name_swi .slide.swiper-slide-thumb-active .name{font-size: 32px;}
}
@media (max-width: 1024px) {
    #index_app .top_cont .in{width: 80%;}
    #index_app .back_swi .slide .txt_cont .in_box .item{padding: 30px 6.41% 30px 0;}
    #index_app .back_swi .slide .txt_cont .in_box .item .brief{margin-top: 15px; font-size: 16px; line-height: 26px; height: calc(26px * 3);}
    #index_app .back_swi .slide .txt_cont .in_box .item .btn{margin-top: 20px;}

    #index_app .top_cont .in{padding: 50px 0 25px;}
    #index_app .top_cont .in .name_swi{height: calc(30px * 6 + 20px * 5);}
    #index_app .top_cont .in .name_swi .slide{min-height: 30px; line-height: 30px; font-size: 18px;}
    #index_app .top_cont .in .name_swi .slide.swiper-slide-thumb-active .name{font-size: 22px;}
}
@media (max-width: 750px) {
    #index_app .back_swi .slide .txt_cont{width: 100%; position: relative; top: inherit; bottom: inherit; left: inherit; right: inherit;}
    #index_app .back_swi .slide .txt_cont .in_box{width: 100%; border-top-right-radius: 0; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; justify-content: center;}
    #index_app .back_swi .slide .txt_cont .in_box .item{padding: 40px 0;}
    #index_app .back_swi .slide .txt_cont .in_box .item .name{font-size: 34px; line-height: 1.5;}
    #index_app .back_swi .slide .txt_cont .in_box .item .brief{font-size: 26px; line-height: 1.5; height: calc(40px * 3);}


    #index_app .top_cont{width: 92%; height: max-content;}
    #index_app .top_cont .in{width: 92%;}
    #index_app .top_cont .in .name_swi{display: none;}
}



#index_about{padding: 108px 0 120px;}
#index_about .left{width: 47.917%; padding-left: 8.33%;}
#index_about .left .brief{margin-top: 46px; font-size: 20px; line-height: 30px; color: #292c33;}
#index_about .left .btn{margin-top: 48px;}
#index_about .left .ul{margin-top: 52px;}
#index_about .left .ul .li{margin-top: 62px; width: 29%; margin-right: 20%;}
#index_about .left .ul .li .icon{width: 50px; height: 50px;}
#index_about .left .ul .li .num{margin-top: 8px; font-size: 40px; line-height: 53px; color: var(--main); font-family: "MSB"; font-weight: bolder;}
#index_about .left .ul .li .num span{ font-family: "MSB"; font-weight: bolder;}
#index_about .left .ul .li .txt{font-size: 16px; line-height: 22px; color: #333;}
#index_about .right{width: calc(100% - 47.917%); padding-top: 40.469%;}

@media (max-width: 1680px) {
    #index_about .left{ padding-left: 4.33%;}
}
@media (max-width: 1536px) {
    #index_about .left{width: 51.917%;}
    #index_about .left .brief{margin-top: 35px;}
    #index_about .left .ul{margin-top: 20px;}
    #index_about .left .ul .li{margin-top: 40px;}

    #index_about .right{width: calc(100% - 51.917%);}
}
@media (max-width: 1440px) {
    #index_about .left .ul{margin-top: 0;}
    #index_about .left .ul .li{width: 33%; margin-right: 15%;}
}
@media (max-width: 1200px) {
    #index_about{flex-direction: column;}
    #index_about .left{width: 92%; padding-left: 0; margin: 0 auto 40px;}
    #index_about .left .brief{font-size: 18px; line-height: 1.5;}
    #index_about .left .ul .li{width: 21%; margin-right: 5%;}
    #index_about .left .ul .li:last-child{margin-right: 0;}
    #index_about .left .ul .li .num{font-size: 36px}

    #index_about .right{width: 92%; padding-top: 65.469%;}
    #index_about .right img{width: 100%; height: 100%;}
}
@media (max-width: 1024px) {
    #index_about{padding: 100px 0;}
    #index_about .left .btn{margin-top: 30px;}
}
@media (max-width: 750px) {
    #index_about .left .brief{font-size: 26px;}

    #index_about .left .ul .li{width: 47%; margin-right: 5%;}
    #index_about .left .ul .li:nth-child(2n){margin-right: 0;}
    #index_about .left .ul .li .icon{width: 80px; height: 80px;}
    #index_about .left .ul .li .icon img{transform: scale(1.3);}
    #index_about .left .ul .li .num{font-size: 40px}
    #index_about .left .ul .li .txt{font-size: 26px; line-height: 1.5;}
}


#index_partner{padding: 110px 0 103px; height: 580px; background: url(/images/3.jpg) no-repeat center center/100% 100%;}
#index_partner .cont{margin-top: 58px;}
#index_partner .cont .one{margin-top: 10px; width: 100%; height: max-content; white-space: nowrap;}
#index_partner .cont .one .wrapper{ width: max-content; height: 100%;}
#index_partner .cont .one .wrapper .img{position: relative; margin: 0 55px; width: max-content; height: 107px; overflow: hidden;}
#index_partner .cont .one .wrapper .img img{max-width: 100%; max-height: 100%;}

@media (max-width: 1366px) {
    #index_partner{padding: 110px 0 70px;  height: 530px;}
    #index_partner .cont{margin-top: 35px;}
}
@media (max-width: 1280px) {
    #index_partner{padding: 90px 0 70px; height: 477px;}
}
@media (max-width: 1200px) {
    #index_partner{padding: 90px 0 70px; height: 477px;}
}



#index_blog{padding-top: 110px;}
#index_blog .cont{margin-top: 10px;}
#blog_ul .item{margin-top: 40px; margin-right: 2.19%; width: 31.75%; border-radius: 30px; background-color: #f8f8f8;}
#blog_ul .item:nth-child(3n){margin-right: 0;}
#blog_ul .item .pic{width: 100%; padding-top: 60.78%;}
#blog_ul .item .info{width: 100%; padding: 30px 5.88% 50px;}
#blog_ul .item .info .time{font-size: 18px; line-height: 30px; color: #888;}
#blog_ul .item .info .name{margin-top: 12px; font-size: 22px; line-height: 32px; color: #333; font-family: "MSB"; font-weight: bolder;}
#blog_ul .item .info .brief{margin-top: 18px; font-size: 18px; line-height: 30px; color: #666;}
#blog_ul .item:hover{background-color: #fff; box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.1);}
#blog_ul .item:hover .info .name{color: var(--main);}

@media (max-width: 1366px) {
    #blog_ul .item .info{padding: 30px 7.88% 40px;}
}
@media (max-width: 1200px) {
    #blog_ul .item .info .name{font-size: 20px; line-height: 27px;}
    #blog_ul .item .info .time,
    #blog_ul .item .info .brief{font-size: 16px; line-height: 1.3;}
    #blog_ul .item .info .brief{margin-top: 12px;}
}
@media (max-width: 1024px) {
    #index_blog{padding-top: 100px;}
}
@media (max-width: 750px) {
    #index_blog .cont{flex-wrap: wrap;}

    #blog_ul .item {width: 100%; margin-right:0%;}
    #blog_ul .item .info {padding: 40px 5.88%;}
    #blog_ul .item .info .time,
    #blog_ul .item .info .brief{font-size: 26px; line-height: 1.5;}
    #blog_ul .item .info .name{font-size: 34px; line-height: 1.5;}
}


/* 菜单 */
#menu_nav{padding: 22px 0; border-bottom: 1px solid #e5e5e5;}
#menu_nav .container{width: max-content; max-width: 100%; margin: 0 auto;}
#menu_nav .li{width: max-content; font-size: 18px; line-height: 35px; color: #666; font-family: "MM";}
#menu_nav .li.cur{color: var(--main); font-family: "MSB"; font-weight: bolder;}
#menu_nav .li:hover{color: var(--main);}

@media (max-width: 750px) {
    #menu_nav .li{font-size: 26px;}
}



/* 应用 */
#app_info{padding: 110px 0 170px;}
#app_info .left{width: 46.75%;}
#app_info .left .brief{margin-top: 32px; font-size: 18px; line-height: 30px; color: #333;}
#app_info .right{width: 50%; padding-top: 24.69%; border-radius: 30px;}

@media (max-width: 1680px) {
    #app_info{padding: 110px 0 120px;}
}
@media (max-width: 1366px) {
    #app_info .left .brief{margin-top: 20px; font-size: 16px; line-height: 1.5;}
}
@media (max-width: 1200px) {
    #app_info{padding: 80px 0;}
    
    #app_info .box{flex-wrap: wrap;}
    #app_info .left{width: 100%;}
    #app_info .right{margin-top: 40px; width: 100%; padding-top: 49%;}
}
@media (max-width: 750px) {
    #app_info .left .brief{margin-top: 30px; font-size: 26px; line-height: 1.5;}
}



#app_list{padding: 110px 0 120px; background-color: #f8f8f8;}
#app_list .cont{margin-top: 70px;}
#app_list .cont .container{width: 100%;}
#app_list .cont .container .slide{width: 31.875%; margin-right: 2.188%; background-color: #f8f8f8; border-radius: 30px;}
#app_list .cont .container .slide .pic{width: 100%; padding-top: 70.51%;}
#app_list .cont .container .slide .pic img{max-width: 100%; max-height: 100%;}
#app_list .cont .container .slide .top{z-index: 2; background: url(/images/application/5.png) no-repeat center bottom/100% 100%;}
#app_list .cont .container .slide .top .name{padding: 0 30px 20px; width: 100%; font-size: 24px; line-height: 33px; color: #fff;}

@media (max-width: 1366px) {
    #app_list .cont .container .slide .top .name{font-size: 22px; line-height: 1.5;}
}
@media (max-width: 1280px) {
    #app_list .cont .container .slide .top .name{font-size: 20px;}
}
@media (max-width: 1200px) {
    #app_list{padding: 100px 0;}
    #app_list .cont{margin-top: 50px;}
    #app_list .cont .container .slide{width: 49%;}
}
@media (max-width: 750px) {
    #app_list{padding: 80px 0;}
    #app_list .cont .container .slide{width: 100%;}
    #app_list .cont .container .slide .top .name{font-size: 32px;}
}



#pro_info{opacity: 0; transition: opacity 1s ease; top: 0; left: 0; z-index: 50;  width: 100%; height: 100%;}
#pro_info .back{z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);}
#pro_info.cur{opacity: 1; transition: opacity 1s ease;}
#pro_info .box{margin: 0; height: max-content; max-height: 80%; overflow: auto; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#pro_info .in_box{width: 100%; z-index: 1; padding: 30px 0 60px; background-color: #fff; border-radius: 30px;  box-shadow: 0px 10px 30px 0px rgba(28, 28, 28, 0.15);}
#pro_info .in_box .close{margin-bottom: 7px; margin-right: 5%; width: 16px; height: 16px;}
#pro_info .in_box .close .svg{fill: #999;}
#pro_info .in_box .close:hover .svg{fill: var(--main);}
#pro_info .in_box .cont{}
#pro_info .in_box .cont .pro_name{padding: 0 5%; font-size: 36px; line-height: 51px; color: #333; font-family: "MSB"; font-weight: bolder;}
#pro_info .in_box .cont .pro_info{margin-top: 35px; }
#pro_info .in_box .cont .pro_info .pro_pic{width: 37.5%; padding-top: 27.08%;}
#pro_info .in_box .cont .pro_info .pro_pic img{max-width: 100%; max-height: 100%;}
#pro_info .in_box .cont .pro_info .pro_data{width: 61.67%;}
#pro_info .in_box .cont .pro_info .pro_data .pro_data_in{padding: 0 5.88%; width: 91.89%; background-color: #f5f5f5; border-radius: 10px; max-height: calc(26px * 12 + 4px); overflow: auto;}
#pro_info .in_box .cont .pro_info .pro_data .in{height: max-content;}
#pro_info .in_box .cont .pro_info .pro_data .in .li{padding: 26px 0; border-bottom: 1px solid #e2e2e2; font-size: 18px; line-height: 26px; color: #333;}
#pro_info .in_box .cont .pro_info .pro_data .in .li:last-child{border: 0;}
#pro_info .in_box .cont .pro_info .pro_data .in .li .p1{width: 26.47%; padding-right: 15px;}
#pro_info .in_box .cont .pro_info .pro_data .in .li .p2{width: calc(100% - 26.47%);}

@media (max-width: 1200px) {
    #pro_info .in_box .cont .pro_info .pro_pic{padding-top: 34.08%;}
}
@media (max-width: 1024px) {
    #pro_info .in_box .cont .pro_info{flex-direction: column;}
    #pro_info .in_box .cont .pro_info .pro_pic{width: 100%; padding-top: 34.08%;}
    #pro_info .in_box .cont .pro_info .pro_data{width: 100%;}
    #pro_info .in_box .cont .pro_info .pro_data .pro_data_in{width: 92%; margin: 0 auto;}
}
@media (max-width: 750px) {
    #pro_info .in_box .close{width: 35px; height: 35px;}
    #pro_info .in_box .close .svg{transform: scale(1.5);}

    #pro_info .in_box .cont .pro_info{margin-top: 0;}
    #pro_info .in_box .cont .pro_info .pro_pic{padding-top: 45.08%;}
    #pro_info .in_box .cont .pro_info .pro_data .pro_data_in{padding: 0 3.88%; max-height: calc(40px * 12 + 3px) !important;}
    #pro_info .in_box .cont .pro_info .pro_data .in .li{padding: 24px 0; font-size: 26px; line-height: 1.5;}
    #pro_info .in_box .cont .pro_info .pro_data .in .li .p1{width: 34.47%;}
    #pro_info .in_box .cont .pro_info .pro_data .in .li .p2{width: calc(100% - 34.47%);}
}


#app_client{padding: 110px 0 0;}
#app_client .list{margin: 70px auto 0; width: 55%}
#app_client .list .item{width: 25%; height: 135px;}
#app_client .list .item img{max-width: 100%; max-height: 100%;}

@media (max-width: 1366px) {
    #app_client .list .item{height: 120px;}
}
@media (max-width: 1200px) {
    #app_client{padding: 80px 0 0;}
    #app_client .list{margin: 40px auto 0; width: 75%}
}
@media (max-width: 1200px) {
    #app_client .list{width: 90%;}
}
@media (max-width: 950px) {
    #app_client .list{width: 100%;}
}



#app_quality{padding: 125px 0 0;}
#app_quality .list{margin-top: 70px;}
#app_quality .list .item{margin-top: 20px; padding: 60px 3.75%; width: 100%; background-color: #f8f8f8; border-radius: 30px;}
#app_quality .list .item .left{width: 34.38%; font-size: 24px; line-height: 1.3; color: #333; font-family: "MSB"; font-weight: bolder;}
#app_quality .list .item .right{width: 60%;}
#app_quality .list .item .right img{max-width: 100%;}

@media (max-width: 1440px) {
    #app_quality{padding: 90px 0 0;}
}
@media (max-width: 1280px) {
    #app_quality .list{margin-top: 50px;}
}
@media (max-width: 1200px) {
    #app_quality{padding: 60px 0 0;}
    #app_quality .list .item .left{font-size: 22px;}
    #app_quality .list .item .right{width: 63%;}
}
@media (max-width: 750px) {
    #app_quality .list .item{flex-wrap: wrap; padding: 40px 5.75%;}
    #app_quality .list .item .left{width: 100%; font-size: 32px; line-height: 1.5;}
    #app_quality .list .item .right{width: 100%; margin-top: 40px;}
}



/* 关于我们 */
#about_info{padding-top: 110px;}
#about_info .info{}
#about_info .info .title{width: 33.75%;}
#about_info .info .brief{width: 63.75%; font-size: 18px; line-height: 31px; color: #333;}
#about_info .data_ul{margin-top: 100px; width: 100%;}
#about_info .data_ul .li{width: 25%;}
#about_info .data_ul .li .icon{width: 50px; height: 50px;}
#about_info .data_ul .li .num{margin-top: 8px; font-size: 40px; line-height: 53px; color: var(--main); font-family: "MSB"; font-weight: bolder;}
#about_info .data_ul .li .num span{ font-family: "MSB"; font-weight: bolder;}
#about_info .data_ul .li .txt{width: 47.5%; font-size: 16px; line-height: 22px; color: #333;}
#about_info .video_box{margin-top: 80px; width: 100%; padding-top: 43.75%; border-radius: 30px;}
#about_info .video_box .play{width: 80px; height: 90px; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2;}

@media (max-width: 1536px) {
    #about_info .data_ul .li .txt{width: 60%;}
}
@media (max-width: 1366px) {
    #about_info .data_ul .li .txt{width: 80%;}
}
@media (max-width: 1280px) {
    #about_info .data_ul{margin-top: 50px;}
    #about_info .video_box{margin-top: 80px;}
}
@media (max-width: 1024px) {
    #about_info{padding-top: 100px;}
    #about_info .info{flex-wrap: wrap;}
    #about_info .info .title{width: 100%;}
    #about_info .info .brief{width: 100%; margin-top: 20px; font-size: 16px; line-height: 1.5;}
    #about_info .data_ul{margin-top: 40px;}
    #about_info .video_box{margin-top: 50px;}
}
@media (max-width: 750px) {
    #about_info{padding-top: 80px;}
    #about_info .info .brief{ font-size: 26px;}

    #about_info .data_ul{flex-wrap: wrap; margin-top: 0}
    #about_info .data_ul .li{margin-top: 40px; width: 48%;}
    #about_info .data_ul .li .icon{width: 80px; height: 80px;}
    #about_info .data_ul .li .icon img{transform: scale(1.3);}
    #about_info .data_ul .li .num{font-size: 40px}
    #about_info .data_ul .li .txt{width: 100%; font-size: 24px; line-height: 1.5;}
}



#about_factory{padding-top: 110px;}
#about_factory .list{margin-top: 20px;}
#about_factory .list .item{margin-top: 40px; width: 48.75%; border-radius: 30px;}
#about_factory .list .item .back{width: 100%; padding-top: 60.256%;}
#about_factory .list .item .top{height: 100%; background: transparent url(/images/about/back.png) no-repeat center center/100% 100%; z-index: 2; padding: 38px 6.41% 38px 0;}
#about_factory .list .item .top .in{padding-left: 6.41%; width: 100%; max-height: 100%; height: max-content; overflow-y: auto;}
#about_factory .list .item .top .in .tit{font-size: 24px; line-height: 37px; color: #fff; font-family: "MSB"; font-weight: bolder;}
#about_factory .list .item .top .in .brief{height: 0; width: 100%; overflow: hidden;}
#about_factory .list .item .top .in .brief .txt{padding-top: 15px; width: 100%; font-size: 18px; line-height: 30px; color: #fff; }
#about_factory .list .item:hover .top {background-color: rgba(14, 98, 170, 0.85); background-image: none;}

@media (max-width: 1366px) {
    #about_factory .list .item .top .in .brief .txt{font-size: 16px; line-height: 26px;}
}
@media (max-width: 1200px) {
    #about_factory .list .item .top .in .tit{font-size: 22px; line-height: 30px;}
}
@media (max-width: 1024px) {
    #about_factory{padding-top: 100px;}
    #about_factory .list .item .top{padding: 20px 6.41% 20px 0;}
}
@media (max-width: 750px) {
    #about_factory .list{margin-top: 0;}
    #about_factory .list .item{width: 100%;}

    #about_factory .list .item .top {padding: 30px 6.41% 30px 0; background-color: rgba(14, 98, 170, 0.85); background-image: none;}
    #about_factory .list .item .top .in .tit{font-size: 32px; line-height: 1.5;}
    #about_factory .list .item .top .in .brief{height: max-content !important;}
    #about_factory .list .item .top .in .brief .txt{font-size: 26px; line-height: 1.4;}
}



#about_culture{padding: 110px 0 50px;}
#about_culture .cont{margin-top: 75px;}
#about_culture .cont .info.three{margin-top: 115px;}
#about_culture .cont .info .title{width: 33.75%; font-size: 30px; line-height: 1.3;}
#about_culture .cont .info .brief{width: 63.75%; font-size: 18px; line-height: 31px; color: #333;}
#about_culture .cont .two{margin-top: 55px;}
#about_culture .cont .two .slide{width: 23.125%; margin-right: 2.5%; padding-top: 15%; border-radius: 30px;}

@media (max-width: 1366px) {
    #about_culture .cont{margin-top: 35px;}
    #about_culture .cont .info.three{margin-top: 55px;}   
}
@media (max-width: 1024px) {
    #about_culture{padding: 100px 0 50px;}

    #about_culture .cont .info{flex-wrap: wrap;}
    #about_culture .cont .info .title{width: 100%;}
    #about_culture .cont .info .brief{width: 100%; margin-top: 20px; font-size: 16px; line-height: 1.5;}
    
    #about_culture .cont .two .slide{width: 31.7%; padding-top: 21%;}
}
@media (max-width: 750px) {
    #about_culture .cont .info .title{font-size: 32px; line-height: 1.5;}
    #about_culture .cont .info .brief{font-size: 26px; line-height: 1.5;}
    #about_culture .cont .two .slide{width: 100%; padding-top: 65%;}

    #about_culture .cont .two,
    #about_culture .cont .info.three{margin-top: 40px;}   
}



#about_map{padding: 30px 0; background-color: #f8f8f8;}
#about_map .map{width: 100%; height: 740px;}
#about_map .address{width: 100%; height: 100%; z-index: 2;}
#about_map .address .item{}
#about_map .address .item .name{font-size: 18px; line-height: 1.1; color: #333; }
#about_map .address .item .name i{display: block; margin-right: 6px; width: 10px; height: 10px; background-color: var(--main); border-radius: 50%;}
#about_map .address .item .name .txt{font-family: "MM"; cursor: pointer;}
#about_map .address .item .info_box{display: none; left: 110px; top: -75px; z-index: 2; width: 480px; background-color: #fff; border-radius: 30px; border: 1px solid #014c81; box-shadow: 0px 10px 30px 0px rgba(28, 28, 28, 0.2); padding: 34px 40px 27px;}
#about_map .address .item .info_box::before{content: ""; display: block; width: 21px; height: 33px; background: url(/images/about/border.png) no-repeat center; position: absolute; top: 53px; left: -21px; z-index: 1;}
#about_map .address .item .info_box .in{height: max-content; max-height: calc(270px - 60px); overflow-y: auto;}
#about_map .address .item .info_box .in .tit{font-size: 20px; line-height: 28px; color: #333; font-family: "MSB"; font-weight: bolder;}
#about_map .address .item .info_box .in .brief{margin-top: 10px; font-size: 16px; line-height: 28px; color: #333; }
#about_map .address .item .name:hover + .info_box,
#about_map .address .item .info_box:hover { display: block;}

#about_map .address .head{top: 44.65%; left: 37.6%;}
#about_map .address .head .item{width: max-content;}
#about_map .address .head .item .txt{width: max-content; top: 72%; left: 107%;}
#about_map .address .head .add1{top: 16px; left: 45%;}
#about_map .address .head .add1 .txt{color: var(--main); font-family: "MSB"; font-weight: bolder;}
#about_map .address .head .add2{top: 52px; left: 45%;}
#about_map .address .head .item .info_box{left: 150px; top: -50px;}

#about_map .address .add3{top: 42.5%; left: 32.6%;}
#about_map .address .add4{top: 45.7%; left: 30.9%;}
#about_map .address .add5{top: 44.4%; left: 39.4%;}
#about_map .address .add6{top: 40%; left: 39.56%;}
#about_map .address .add7{top: 50%; left: 23%;}
#about_map .address .add8{top: 35.9%; left: 44.1%;}
#about_map .address .add9{top: 25.9%; left: 11.98%;}
#about_map .address .add10{top: 33.9%; left: 73.98%;}
#about_map .address .add10 .info_box{left: initial; right: 55%; top: -45px;}
#about_map .address .add10 .info_box::before{left: initial; right: -21px; transform: rotate(180deg);}

#about_map .address .add3 .name,
#about_map .address .add4 .name,
#about_map .address .add7 .name{flex-direction: row-reverse;}
#about_map .address .add3 .name i,
#about_map .address .add4 .name i,
#about_map .address .add7 .name i{margin-left: 6px; margin-right: 0;}

@media (max-width: 1680px) {
    #about_map .address .item .info_box::before{left: -20px;}
    #about_map .address .add10 .info_box::before{left: initial; right: -20px; transform: rotate(180deg);}
}
@media (max-width: 1440px) {
    #about_map .map{height: 620px;}
    #about_map .address .head{left: 38%;} 
}
@media (max-width: 1366px) {
    #about_map .map img{transform: translate(-50%,-50%) scale(1.02);}

    #about_map .address .head{top: 44%; left: 37%;}
    #about_map .address .add3{top: 42%;}
    #about_map .address .add4{left: 28.9%;}
    #about_map .address .add5{left: 39.1%;}
    #about_map .address .add7{left: 19%;}
}
@media (max-width: 1280px) {
    #about_map .address .head{left: 36.8%;}
    #about_map .address .add3{top: 42.5%; left: 30.5%;}
    #about_map .address .add4{left: 27.9%;}
    #about_map .address .add7{left: 18%;}
    #about_map .address .add9{top: 27.9%;}
}
@media (max-width: 1200px) {
    #about_map .address .add7{left: 17%;}
    #about_map .address .add9{top: 28.9%;}
}
@media (max-width: 1024px) {
    #about_map{padding: 40px 0 60px;}
    #about_map .pc_map{display: none;}   
    #about_map .mb_map{display: flex;}   
    #about_map .mb_map .li{margin-top: 20px; padding: 30px 40px; width: 48.75%; border-radius: 30px; background-color: #fff; border-radius: 30px;}
    #about_map .mb_map .li .tit{font-size: 20px; line-height: 28px; color: var(--main); font-family: "MSB"; font-weight: bolder;}
    #about_map .mb_map .li .brief{margin-top: 10px; font-size: 16px; line-height: 28px; color: #333; }
}
@media (max-width: 750px) {
    #about_map .mb_map .li {width: 100%;}
    #about_map .mb_map .li .tit{font-size: 32px; line-height: 1.5;}
    #about_map .mb_map .li .brief{font-size: 26px; line-height: 1.5;}
}



/* R&D */
#dev_info{padding-top: 110px;}
#dev_info .desc{margin-top: 27px;}
#dev_info .box{margin-top: 47px; overflow-X: auto;}
#dev_info .table_process{width: 1600px; margin: 0 auto; border-collapse: collapse; border-radius: 10px; overflow: hidden;}
#dev_info .table_process tbody{ border: 1px solid #e4e4e4; border-radius: 10px; overflow: hidden;}
#dev_info .table_process tbody td{width: 20%; height: 60px; border-right: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4; font-size: 18px ; color: #333 !important;}
#dev_info .table_process tbody td strong{font-family: "MSB" !important;}
#dev_info .table_process tbody .firstRow{background-color: #0e62aa;}
#dev_info .table_process tbody .firstRow td{font-size: 20px; color: #fff !important;}
#dev_info .table_process tbody .firstRow td:first-child,
#dev_info .table_process tbody .firstRow td:last-child{border: 0;}

@media (max-width: 750px) {
    #dev_info{padding-top: 100px;}
}



#dev_pro{padding-top: 110px;}
#dev_pro .cont{margin-top: 78px;}
#dev_pro .cont .container{width: 100%;}
#dev_pro .cont .container .slide{margin-right: 35px; width: 31.875%; background-color: #f8f8f8; border-radius: 30px;}
#dev_pro .cont .container .slide .pic{width: 100%; padding-top: 74.51%; background: url(/images/development/4.png) no-repeat center center/cover; }
#dev_pro .cont .container .slide .pic img{max-width: 100%; max-height: 100%;}
#dev_pro .cont .container .slide .name{padding: 35px 30px 32px; width: 100%; font-size: 24px; line-height: 33px; color: #333;}

@media (max-width: 1440px) {
    #dev_pro .cont .container .slide .name{font-size: 22px;}
}
@media (max-width: 1366px) {
    #dev_pro .cont .container .slide{ margin-right: 33px; width: 31.7%;}
    #dev_pro .cont .container .slide .name{font-size: 20px; line-height: 1.2;}
}
@media (max-width: 1200px) {
    #dev_pro .cont .container .slide{width: 48.5%;}
}
@media (max-width: 750px) {
    #dev_pro{padding-top: 100px;}
    #dev_pro .cont{margin-top: 50px;}
    #dev_pro .cont .container {width: 100%;}
    #dev_pro .cont .container .slide{width: 100%;}
    #dev_pro .cont .container .slide .name{font-size: 34px; line-height: 1.5;}
}



#dev_honor{padding-top: 110px;}
#dev_honor .cont{margin-top: 60px; background-color: #f8f8f8; border-radius: 30px;}
#dev_honor .cont .left{width: 57.81%; padding: 60px;}
#dev_honor .cont .left .in{padding-right: 10px; max-height: calc((24px * 11) + (26px * 10)); overflow-y: auto;}
#dev_honor .cont .left .in .item{margin-top: 26px; padding-left: 12px; position: relative;}
#dev_honor .cont .left .in .item:first-child{margin-top: 0;}
#dev_honor .cont .left .in .item::before{content: ""; display: block; width: 3px; height: 3px; background-color: #333; border-radius: 50%; position: absolute; top: 10px; left: 0; z-index: 1; transition: all 0.3s ease;}
#dev_honor .cont .left .in .item .name{font-size: 18px; line-height: 24px; color: #333; font-family: "MM";}
#dev_honor .cont .left .in .item:hover::before{background-color: var(--main);}
#dev_honor .cont .left .in .item:hover .name{color: var(--main);}
#dev_honor .cont .right{width: calc(100% - 57.81%); padding-top: 40.625%;}

@media (max-width: 1440px) {
    #dev_honor .cont .left{padding: 50px;}
    #dev_honor .cont .left .in{max-height: calc((24px * 7) + (26px * 10));}
}
@media (max-width: 1366px) {
    #dev_honor .cont .left .in{max-height: calc((24px * 9) + (20px * 10));}

    #dev_honor .cont .left .in .item{margin-top: 20px;}
}
@media (max-width: 1200px) {
    #dev_honor .cont{flex-direction: column;}
    #dev_honor .cont .left{width: 100%; padding: 60px;}
    #dev_honor .cont .left .in{max-height: calc((24px * 11) + (20px * 10));}
    #dev_honor .cont .right{width: 100%; padding-top: 95.625%;}
    #dev_honor .cont .right img{border-top-right-radius: 50px;}
}
@media (max-width: 1024px) {
    #dev_honor{padding-top: 100px;}
    #dev_honor .cont{margin-top: 50px;}
}
@media (max-width: 750px) {
    #dev_honor .cont .left{padding: 40px 5% 40px 6%;}
    #dev_honor .cont .left .in{max-height: calc((40px * 11) + (20px * 10));}
    #dev_honor .cont .left .in .item{padding-left: 17px;}
    #dev_honor .cont .left .in .item::before{width: 7px; height: 7px; top: 17px;}
    #dev_honor .cont .left .in .item .name{font-size: 28px; line-height: 1.5;}
}



#pic_box{opacity: 0; transition: opacity 1s ease; top: 0; left: 0; z-index: 50; width: 100%; height: 100%;}
#pic_box.cur{opacity: 1; transition: opacity 1s ease;}
#pic_box .back{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);}
#pic_box .box{margin: 0; width: 30.25%; height: max-content; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; border-radius: 30px; box-shadow: 0px 10px 30px 0px rgba(28, 28, 28, 0.15);}
#pic_box .in_box{width: 100%; z-index: 1;; margin: 0 auto;  padding: 30px 6% 40px;}
#pic_box .in_box .close{width: 16px; height: 16px;}
#pic_box .in_box .close .svg{fill: #999;}
#pic_box .in_box .close:hover .svg{fill: var(--main);}
#pic_box .in_box .pic{width: 100%; padding-top: 116%; margin:  30px 0;}
#pic_box .in_box .name{font-size: 18px; line-height: 24px; color: #333;}

@media (max-width: 1366px) {
    #pic_box .box{width: 40%;}
}
@media (max-width: 1024px) {
    #pic_box .box{width: 45%;}
}
@media (max-width: 750px) {
    #pic_box .box{width: 70%;}
    #pic_box .in_box .close{width: 35px; height: 35px;}
    #pic_box .in_box .close .svg{transform: scale(1.5);}

    #pic_box .in_box .name{font-size: 28px; line-height: 1.5;}
}




/* 可持续发展 */
#sus_info{padding-top: 110px;}
#sus_info .title{width: 57.188%; margin: 0 auto;}
#sus_info .desc{margin-top: 55px;}
#sus_info .cont{margin-top: 73px; width: 100%; background-color: #f8f8f8; border-radius: 30px;}
#sus_info .cont .left{width: 68.75%; padding-top: 37.5%}
#sus_info .cont .right{width: calc(100% - 68.75%); max-height: 600px; overflow: auto; }
#sus_info .cont .right .in{padding: 115px 15% 60px;}
#sus_info .cont .right .tit{font-size: 36px; line-height: 50px; color: #333; font-family: "MSB"; font-weight: bolder;}
#sus_info .cont .right .brief{margin-top: 47px; font-size: 20px; line-height: 41px; color: #333; font-family: "MM";}
#sus_info .cont .right .brief span{color: var(--main);}

@media (max-width: 1680px) {
    #sus_info .cont .right .in{padding: 60px 10%;}
    #sus_info .cont .right .brief{margin-top: 30px;}
}
@media (max-width: 1536px) {
    #sus_info .title{width: 74.188%;}
}
@media (max-width: 1440px) {
    #sus_info .title{width: 82%;}
    
    #sus_info .cont .right .tit{font-size: 32px;}
    #sus_info .cont .right .brief{margin-top: 25px; line-height: 38px;}
}
@media (max-width: 1366px) {
    #sus_info .cont .right .tit{font-size: 30px;}
}
@media (max-width: 1024px) {
    #sus_info{padding-top: 100px;}
    #sus_info .cont{flex-direction: column;}
    #sus_info .cont .left{width: 100%; padding-top: 54.5%; border-radius: 30px;}

    #sus_info .cont .right{width: 100%; }
    #sus_info .cont .right .in{padding: 50px 6%}
    #sus_info .cont .right .tit{font-size: 28px;}
    #sus_info .cont .right .brief{margin-top: 10px; font-size: 18px;}
}
@media (max-width: 750px) {
    #sus_info .title{width: 100%;}

    #sus_info .cont{margin-top: 40px;}
    #sus_info .cont .right .tit{font-size: 34px;}
    #sus_info .cont .right .brief{margin-top: 25px;  font-size: 26px; line-height: 1.8;}
}



#sus_honor{padding-top: 110px;}
#sus_honor .cont{margin-top: 60px;}
#sus_honor .cont .container .slide{margin-right: 2.188%; width: 31.875%; padding: 27px 0 44px; background-color: #f8f8f8; border-radius: 30px;}
#sus_honor .cont .container .slide .pic{width: 100%; padding-top: 60.78%;}
#sus_honor .cont .container .slide .name{padding: 0 12.5%; font-size: 16px; line-height: 1.1; color: #333;}

@media (max-width: 1536px) {
    #sus_honor .cont .container .slide .name{padding: 0 8.5%;}
}
@media (max-width: 1366px) {
    #sus_honor .cont .container .slide .name{margin-top: 20px;}
}
@media (max-width: 1280px) {
    #sus_honor .cont .container .slide{width: 49.5%;}
}
@media (max-width: 750px) {
    #sus_honor{padding-top: 100px;}
    #sus_honor .cont .container{background-color: #f8f8f8; border-radius: 30px;}
    #sus_honor .cont .container .slide{width: 100%;}
    #sus_honor .cont .container .slide .pic img{transform: translate(-50%,-50%) scale(1.3);}
    #sus_honor .cont .container .slide .name{font-size: 30px; line-height: 1.5;}
}



#sus_down{padding-top: 110px;}
#sus_down .cont{margin-top: 20px;}
#sus_down .cont .item{margin-top: 40px; padding: 33px 2.58% 40px; width: 48.75%; background-color: #fafafa; border-radius: 30px;}
#sus_down .cont .item .name{font-size: 20px; line-height: 36px; color: #333; font-family: "MM"; transition: all 0.5s ease;}
#sus_down .cont .item .time{margin-top: 10px; font-size: 18px; line-height: 23px; color: #666;}
#sus_down .cont .item .down{margin-top: 40px; padding: 0 20px; min-width: 160px; width: max-content; height: 50px; background-color: #fff; border-radius: 10px; font-size: 18px; color: #333;}
#sus_down .cont .item .down .icon{margin-right: 10px; width: 20px; height: 20px;}

#sus_down .cont .item:hover{background-color: #fff; box-shadow: 0px 20px 40px 0px rgba(0, 41, 102, 0.1);}
#sus_down .cont .item:hover .name{color: var(--main); font-family: "MSB"; font-weight: bolder;}
#sus_down .cont .item:hover .down{background-color: var(--main); color: #fff;}
#sus_down .cont .item:hover .down .icon .i1{display: none;}
#sus_down .cont .item:hover .down .icon .i2{display: inline-block;}


@media (max-width: 750px) {
    #sus_down{padding-top: 100px;}
    #sus_down .cont .item{width: 100%; padding: 35px 4.58%; box-shadow: 0px 20px 40px 0px rgba(0, 41, 102, 0.1);}
    #sus_down .cont .item .name{font-size: 32px; line-height: 1.5;}
    #sus_down .cont .item .time{font-size: 26px; line-height: 1.5;}
    #sus_down .cont .item .down{font-size: 26px; min-width: 260px; height: 65px;}

    #sus_down .cont .item .down{background-color: var(--main); color: #fff;}
    #sus_down .cont .item .down .icon{width: 40px; height: 40px;;}
    #sus_down .cont .item .down .icon img{transform: scale(1.4);}
    #sus_down .cont .item .down .icon .i1{display: none;}
    #sus_down .cont .item .down .icon .i2{display: inline-block;}
}



/* 新闻 */
/* 面包屑 */
#menu{width: 100%; min-height: 97px; padding: 35px 0;}
#menu .li{height: 100%;}
#menu .li a,
#menu .li .jt{font-size: 18px; color: #666; line-height: 27px; transition: all 0.3s;}
#menu .li .jt{display: inline-block; padding: 0 17px;}
#menu .li a:hover{color: var(--main);}

@media (max-width: 750px) {
    #menu .li a, #menu .li .jt{font-size: 26px;}
}


/* 新闻列表 */
#blog{padding: 110px 0 0;}
#blog .list{margin-top: 30px;}
#blog #page{margin-top: 75px;}

@media (max-width:1280px) {
    #blog{padding: 100px 0 0;}
    #blog .list{margin-top: 20px;}
    #blog #page{margin-top: 55px;}
}



#blog_detail{margin-top: 80px; border-top: 1px solid #e5e5e5;}
#blog_detail .top{width:100%; padding: 60px 4.286%; overflow:hidden; border-radius:30px;background-color:#f8f8f8;}
#blog_detail .top .info{width:calc(100% - 53.125% - 3.516%);}
#blog_detail .top .info .title{font-size: 36px; line-height: 50px; color: #333; font-family: "MSB"; font-weight: bolder;}
#blog_detail .top .info .time {margin:68px 0 30px;display: flex; align-items: center; color: #888888;}
#blog_detail .top .info .time .icon{font-size:20px;color: #ccc;margin-right:10px;}
#blog_detail .top .info .time .txt{font-size: 18px;line-height: 1;}
#blog_detail .top .info .third .text {font-size: 18px;line-height: 1.667;color: #4d4d4d;margin-bottom:12px;}
#blog_detail .top .info .third .link {width: 37px;height: 37px;border-radius: 50%;}
#blog_detail .top .info .third .link .svg{fill: #999;}
#blog_detail .top .info .third .link:hover .svg{fill: var(--main);}
#blog_detail .top .info .third .gap10{gap: 14px;}
#blog_detail .top .pic{width:53.125%; border-radius:30px; padding-top: 29.642%;}

#blog_detail .bot{width:100%;margin:80px 0 0;}
#blog_detail .bot .left {width: 27.143%;top:80px !important;}
#blog_detail .bot .left .button {padding: 0 40px;box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);background-color:#fff;border-radius:30px;}
#blog_detail .bot .left .button .link {padding: 40px 0;}
#blog_detail .bot .left .button .link:first-child {border-bottom: 1px solid #e9e9e9;}
#blog_detail .bot .left .button .link .msg {font-size: 18px;line-height: 1;color: #888;}
#blog_detail .bot .left .button .link .name{font-size: 20px;line-height: 1.5;color: #333;font-family: "MM";margin:15px 0 0;transition: .3s;}
#blog_detail .bot .left .button .link:hover .name {color: var(--main);}

#blog_detail .bot .right{width: 65.71%;font-size: 18px;line-height: 30px;color: #333;}
#blog_detail .bot .right *{max-width:100%;}
#blog_detail .bot .right img{object-fit:contain;}

@media (max-width: 1440px) {
    #blog_detail .top .info .title{font-size: 34px; line-height: 46px;}
}
@media (max-width: 1366px) {
    #blog_detail .bot .left .button .link .name{font-size: 18px;}
    #blog_detail .bot .right{width: 68%;}
}
@media (max-width: 1280px) {
    #blog_detail .top .info .title{font-size: 32px; line-height: 1.3;}
    #blog_detail .top .info .time{margin: 35px 0 30px;}
    #blog_detail .top .info .third .text{font-size: 16px; line-height: 1.2;}

    #blog_detail .bot .left .button{padding: 0 35px;}
}
@media screen and (max-width:1024px) {
    #blog_detail .top .info .title{font-size: 28px;}
    #blog_detail .top .info .time .txt{font-size: 16px;}

    #blog_detail .bot .left{width: 30%;}
}
@media (max-width: 950px) {
    #blog_detail .top .info .title{font-size: 26px;}

    #blog_detail .bot{flex-direction:column-reverse;}
    #blog_detail .bot .right{width:100%;margin:0 0 40px;}

    #blog_detail .bot .left{width:100%;}
    #blog_detail .bot .left .button {padding: 0;flex-wrap: wrap;}
    #blog_detail .bot .left .button .link {padding: 30px;width: 100%;}
}
@media screen and (max-width:750px) {
    #blog_detail {}
    #blog_detail .top{flex-direction: column-reverse; padding:40px 30px;}
    #blog_detail .top .info{width:100%;margin-top:30px;}
    #blog_detail .top .info .title {font-size: 42px;line-height:1.5;}
    #blog_detail .top .info .time .txt,
    #blog_detail .top .info .time .icon,
    #blog_detail .top .info .third .text {font-size: 26px;}
    #blog_detail .top .info .third .link {width: 60px;height: 60px;}
    #blog_detail .top .info .third .link .svg{transform: scale(1.4);}
    #blog_detail .top .pic{width:100%; padding-top: 60.642%;}

    #blog_detail .bot{margin-top: 60px;}
    #blog_detail .bot .right ,
    #blog_detail .bot .right *{font-size: 30px !important;line-height: 1.5 !important;}
    #blog_detail .bot .left .button .link .msg {font-size: 26px;}
    #blog_detail .bot .left .button .link .name {font-size: 30px;line-height: 1.5;}
}



/* 联系我们 */
#contact_us{padding: 90px 0 0;}
#contact_us .headquarter{margin-top: 60px; background-color: #fafafa; border-radius: 30px;}
#contact_us .headquarter .left{padding: 0 3.8%; width: calc(100% - 38.63%);}
#contact_us .headquarter .left .tit{font-size: 36px; line-height: 54px; color: #333; font-family: "MSB"; font-weight: bolder;}
#contact_us .headquarter .left .ul{margin-top: 18px;}
#contact_us .headquarter .left .ul .li{font-size: 18px; line-height: 39px; color: #333;}
#contact_us .headquarter .left .ul .li .p1{color: #666; width: 12.21%;}
#contact_us .headquarter .left .ul .li .p2{font-family: "MM"; width: calc(100% - 12.21%);} 
#contact_us .headquarter .left .ul .li.hotline .p2{color: var(--main);}
#contact_us .headquarter .right{width: 38.63%; padding-top: 26.18%; border-radius: 30px;}

#contact_us .list{margin-top: 30px;}
#contact_us .list .item{margin-top: 30px; margin-right: 2.188%; width: 31.875%; background-color: #fafafa; border-radius: 30px;}
#contact_us .list .item:nth-child(3n){margin-right: 0;}
#contact_us .list .item .pic{width: 100%; padding-top: 68.63%;}
#contact_us .list .item .info{width: 100%; padding: 36px 7.45% 48px;}
#contact_us .list .item .info .name{font-size: 24px; line-height: 39px; color: #333; font-family: "MSB"; font-weight: bolder;}
#contact_us .list .item .info .address{font-size: 18px;}
#contact_us .list .item .info .address .p1{margin-top: 22px; line-height: 24px; color: #666;}
#contact_us .list .item .info .address .p2{margin-top: 7px; min-height: calc(33px * 3); line-height: 33px; color: #333; font-family: "MM";}

@media (max-width: 1366px) {
    #contact_us .headquarter .left .tit{font-size: 32px; line-height: 1.4;}
    #contact_us .headquarter .left .ul .li{line-height: 32px;}

    #contact_us .list .item .info .name{font-size: 22px; line-height: 1.5;}
    #contact_us .list .item .info .address .p2{min-height: calc(26px * 3); line-height: 26px;}
}
@media (max-width: 1280px) {
    #contact_us .headquarter .left{width: calc(100% - 47.63%);}
    #contact_us .headquarter .right{width: 47.63%; padding-top: 32.18%;}
}
@media (max-width: 1024px) {
    #contact_us .headquarter{flex-direction: column-reverse;}
    #contact_us .headquarter .left{width: 100%; padding: 40px 3.8%;}
    #contact_us .headquarter .right{width: 100%; padding-top: 68%;}

    #contact_us .list .item .info .name{font-size: 18px;}
    #contact_us .list .item .info .address{font-size: 16px;}
    #contact_us .list .item .info .address .p2{min-height: calc(22px * 3); line-height: 22px;}

}
@media (max-width: 750px) {
    #contact_us .headquarter .left .tit{font-size: 34px; line-height: 1.4;}
    #contact_us .headquarter .left .ul .li{margin-top: 15px; font-size: 26px; line-height: 1.5; flex-wrap: wrap;}
    #contact_us .headquarter .left .ul .li .p1{width: 100%;}
    #contact_us .headquarter .left .ul .li .p2{width: 100%;}
    
    #contact_us .list .item{width: 100%; margin-right: 0;}
    #contact_us .list .item .info .name{font-size: 32px; line-height: 1.5;}
    #contact_us .list .item .info .address{font-size: 26px;}
    #contact_us .list .item .info .address .p1,
    #contact_us .list .item .info .address .p2{min-height: auto; line-height: 1.5;}
}



#contact_feedback{padding: 113px 0 0;}
#contact_feedback .brief{margin-top: 26px;}
#contact_feedback .content {margin-top: 76px; padding: 45px 3.25% 45px; width: 100%; background-color: #fafafa; border-radius: 20px;}
#contact_feedback .content .ul  {display: flex;}
#contact_feedback .content .ul .li {width: 23.44%; margin-bottom: 40px; transition: all .3s ease-in;}
#contact_feedback .content .name{margin-bottom: 8px; font-size: 16px;color:#333;}
#contact_feedback .content .name .circle {width:5px;height:5px;margin-left:5px;border-radius: 50%;background-color:var(--main);}
#contact_feedback .content .ul .li .input {padding: 0 20px; width: 100%; height: 56px; display: flex; align-items: center; background-color: #fff; border-radius: 10px; border: 1px solid #fff; transition: all .3s;}
#contact_feedback .content .ul .li .input .write {width: 100%; height:100%; font-size: 18px; color: #333;}
#contact_feedback .content .ul .li .input .write::placeholder{opacity: 0;}
#contact_feedback .content .ul .li .input:hover {border-color: #0e62aa;}
#contact_feedback .content .ul .li .input:hover .write::placeholder{opacity: 1;}
#contact_feedback .content .textBox{}
#contact_feedback .content .text {margin-bottom: 60px; padding:10px 20px; width: 100%; height:260px; border: 1px solid #fff; font-size: 18px; background-color: #fff; border-radius: 10px;}
#contact_feedback .content .text:hover {border-color: #0e62aa;}
#contact_feedback .content .more{display: inline-flex;  padding: 0 30px; min-width: 170px; height: 50px; background-color: var(--main);  border-radius: 50px; font-size: 18px; color: #fff; font-family: "MSB"; font-weight: bolder;}
#contact_feedback .content .more:hover{background-color: #fff; color: var(--main);}

@media (max-width: 1280px) {
    #contact_feedback{padding-top: 100px;} 
    #contact_feedback .brief{margin-top: 10px;}
    #contact_feedback .content {margin-top: 50px;}
    #contact_feedback .content .text{height: 240px;}
}
@media (max-width: 750px) {
    #contact_feedback{padding-top: 80px;}

    #contact_feedback .content .name{margin-bottom: 10px; font-size: 26px; line-height: 1.5;}
    #contact_feedback .content .ul{flex-wrap: wrap;}
    #contact_feedback .content .ul .li {width: 100%; }
    #contact_feedback .content .ul .li .input{height: 65px;}
    #contact_feedback .content .ul .li .input .write{font-size: 28px;}
    #contact_feedback .content .text{margin-bottom: 40px; font-size: 28px;}

    #contact_feedback .content .more{min-width: 240px; height: 65px; font-size: 26px;}
}



/* 全局搜索 */
#search{margin-top: 80px; padding: 100px 0 0; border-top: 1px solid #e5e5e5;}
#search .form{margin-bottom: 50px;}
#search .form .text{width: 340px;padding-left: 15px;height: 49px;line-height: 49px;border:1px solid #e5e5e5;border-top-left-radius:5px;border-bottom-left-radius:5px;border-right:none;font-size: 16px;}
#search .form .submit{height: 49px;width: 59px;border:1px solid var(--main);border-top-right-radius: 5px;border-bottom-right-radius:5px;background: var(--main);color: #fff;font-size: 18px;}
#search .form .submit .svg{ fill: #fff;}
#search .form .submit:hover{opacity: 0.8;}
#search .list{width:100%;}
#search .list .info .cate{padding-left:15px;}
#search .list .info li{padding:20px 0; border-bottom:1px solid #e5e5e5;}
#search .list .info li:first-child{border-top:1px solid #e5e5e5;}
#search .list .info li .title{margin-right:16px; font-size: 18px; line-height:22px; color: #222; font-family: "MM";}
#search .list .info li:hover .title{color: var(--main);}
#search .list .info .day,
#search .list .info .cate{font-size: 16px; line-height:22px; color:#888; margin-right:20px;}
#search .list .info .day{margin:0;}

@media (max-width: 750px) {
	#search{padding: 80px 0 0;}
	#search .form{margin-bottom: 40px;}
	#search .form .text{width: 75%; height: 80px; line-height: 80px; font-size: 30px; border:1px solid var(--main);}
	#search .form .submit{width: 80px; height: 80px;}
    #search .form .submit .svg,
    #search .form .submit img{transform: scale(1.6);}
	#search .list{margin-bottom: 0;}
    #search .list .info li{padding: 30px 0;}
	#search .list .info li .title{font-size: 32px; line-height: 1.3; font-family: "MM";}
	#search .list .info .day{font-size: 26px; line-height: 1.5;}
    #search .list .info .cate{padding: 0; font-size: 26px; line-height: 1.5; }
	#search .blank{display: none;}
}