@font-face {
	font-family:'MSB';
	src: url('Montserrat-SemiBold.otf');
}
@font-face {
	font-family:'MM';
	src: url('Montserrat-Medium.otf');
}
@font-face {
	font-family:'MR';
	src: url('Montserrat-Regular.otf');
}
/*中文-字体*/
@font-face{
    font-family: "AliPuHui";
    src: url("https://lianyayun.oss-cn-shenzhen.aliyuncs.com/font/AlibabaPuHuiTi-3-55-Regular.eot") format('embedded-opentype'),
         url("https://lianyayun.oss-cn-shenzhen.aliyuncs.com/font/AlibabaPuHuiTi-3-55-Regular.otf") format('opentype'),
         url("https://lianyayun.oss-cn-shenzhen.aliyuncs.com/font/AlibabaPuHuiTi-3-55-Regular.ttf") format('TrueType'),
         url("https://lianyayun.oss-cn-shenzhen.aliyuncs.com/font/AlibabaPuHuiTi-3-55-Regular.woff") format('woff'),
         url("https://lianyayun.oss-cn-shenzhen.aliyuncs.com/font/AlibabaPuHuiTi-3-55-Regular.woff2") format('woff2');
}

:root{
	--main:#0059b8;
    --color: #005ab7;
}
.cw1780{max-width:1780px;width:92%;margin:auto;}
.backColor{background-color: #f7f8fa;}
*{font-family: "AliPuHui"}
*::-webkit-scrollbar {width: 3px;background: #fff;height: 5px;}
*::-webkit-scrollbar-thumb {border-radius: 2px;background: #999;cursor:pointer;}

/* page */
#page {display: flex;justify-content: center;}
#page .box ,
#page .lyui_paging_btn,
#page .lyui_paging_point{width: 50px !important;height: 50px !important;text-align: center;font-size: 16px;color: #666;margin: 0 5px;position: relative;z-index: 3;border: 1px solid #ccc;box-sizing: border-box;background: transparent;border-radius: 0; transition: all 0.3s ease;}
#page .lyui_paging_number{margin: 0;}
#page .lyui_paging{margin: 0 10px;}
#page .lyui_paging_prev, 
#page .lyui_paging_next {margin: 0; width: 50px !important;height: 50px !important;text-align: center;line-height: 50px !important; background: transparent;}
#page .lyui_paging_prev{margin-right: 5px;}
#page .lyui_paging_next{margin-left: 5px;}
#page .pn{margin: 0;}
#page .pn.l {transform: rotate(-180deg);}
#page .pn .svg {fill: #666;}

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

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

@media (max-width:750px) {
    #page{margin-top: 40px;}
    #page .box ,
    #page .lyui_paging_btn,
    #page .lyui_paging_point{width: 60px !important;height: 60px !important;  font-size: 24px;}
    #page .lyui_paging_prev, 
    #page .lyui_paging_next {width: 60px !important;height: 60px !important; line-height: 60px !important;}

    #page .box .svg,
    #page .lyui_paging_btn .svg,
    #page .lyui_paging_point .svg,
    #page .lyui_paging_prev .svg, 
    #page .lyui_paging_next .svg{transform: scale(1.5);}

    .not_tip{font-size:30px;line-height:1.6;}
}



/* 头部菜单栏 */
#header{top: 0; left: 0; height:72px; width:100%; z-index:10; background-color:transparent; }
#header.none{transform: translate3d(0px,-100%,0); }
#header:hover,
#header.cur,
#header.detail{background-color:#fff; box-shadow: 2.5px 4.33px 20px 0px rgba(0, 19, 255, 0.05); }
#header .logo{width: 164px;}
#header .logo .i1{display: inline-block;}
#header .logo .i2{display: none;}

#header .hattr{width: 49.375%; }
#header .hnav .one-nav{line-height:72px; }
#header .hnav .one-nav .nav-a{font-size: 16px; color:#fff; text-align:center; font-weight: 500; position: relative; }
#header .hnav .one-nav:hover .nav-a{color: #f00;}
#header .hnav .one-nav:hover .nav-a::before,
#header .hnav .one-nav.cur .nav-a::before{content: " "; display: block; width: 100%; height: 3px; background-color: var(--main); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 2;}

/* 下拉-其它 */
#header .hnav .one-nav .other{width: 900px; height: 0; overflow: hidden; top: 72px; left: -65px; z-index:3;}
#header .hnav .one-nav .other .hnavbg{width:100%; background:#f0f4f7;}
#header .hnav .one-nav .other .hnavbg .hcontent{width:100%;height:max-content;margin:0 auto;}
#header .hnav .one-nav .other .hnavbg .hlist{padding: 41px 3.56% 41px 6.67%; width: 31.11%; min-height: 365px; background: #f0f4f7; display: flex; flex-direction: column; justify-content: center;}
#header .hnav .one-nav .other .hnavbg .hlist .li{margin-bottom:29px; position: relative; background: url() no-repeat center right; transition: all 0.1s ease-in-out;}
#header .hnav .one-nav .other .hnavbg .hlist .li:last-child{margin-bottom:0;}
#header .hnav .one-nav .other .hnavbg .hlist .li:hover{background-image: url(/images/head-jt.png);}
#header .hnav .one-nav .other .hnavbg .hlist .li .tnav-a{font-size: 16px; line-height: 23px; color:#333; font-weight: 500;}
#header .hnav .one-nav .other .hnavbg .hlist .li:hover .tnav-a{color:var(--color);}
#header .hnav .one-nav .other .hnavbg .hpic{width: 68.89%;min-height: 365px;  background: #f7fafc;}
#header .hnav .one-nav .other .hnavbg .hpic .img{width: 520px; height: 275px; }
#header .hnav .one-nav .other .hnavbg .hpic .img img{object-fit: cover; transform: translate(-50%, -50%) scale(1);}
#header .hnav .one-nav:nth-child(5) .other,
#header .hnav .one-nav:nth-child(6) .other,
#header .hnav .one-nav:nth-child(7) .other{left: inherit; right: -65px;}

/* 下拉-产品 */
#header .hnav .pro_menu{width:100%; /*height:  max-content;*/ height:0; overflow:hidden; top:72px; left:0; z-index:10; background:#fff; }
#header .hnav .pro_menu .pro_cont{background-color: #f0f4f7;}
#header .hnav .pro_menu .pro_tab{width: 23.44%; height: 660px; overflow: auto; padding: 30px 0; background-color: #f0f4f7;}
#header .hnav .pro_menu .pro_tab .pro_name{font-size:16px; color:#333; line-height: 60px; font-weight: 500; display: flex; justify-content: flex-end;}
#header .hnav .pro_menu .pro_tab .pro_name .name{width: 64.44%; padding-right: 40px; background: url() no-repeat center right 30px;}
#header .hnav .pro_menu .pro_tab .pro_name .name .icon{margin-right: 25px; width: 40px; height: 60px;}
#header .hnav .pro_menu .pro_tab .pro_name .name .txt{width: calc(100% - 75px);}
#header .hnav .pro_menu .pro_tab .pro_name:hover,
#header .hnav .pro_menu .pro_tab .pro_name.cur{color: var(--color); background: url(/images/head3.png) no-repeat center right;}
#header .hnav .pro_menu .pro_tab .pro_name.cur .name{background-image: url(/images/head-jt.png);}
#header .hnav .pro_menu .bind{width:calc(100% - 23.44%); height: max-content; background: #f7fafc;}
/* #header .hnav .pro_menu .bind .pro_list{display: none !important;} */
#header .hnav .pro_menu .bind .pro_list{display: flex; width: 90.14%; padding: 87px 20px 87px 60px;  height: 660px; overflow: auto;  background: #f7fafc;}
#header .hnav .pro_menu .bind .pro_list .pro_item{margin-right: 3.6%; margin-top: 90px; width: 22.3%;}
#header .hnav .pro_menu .bind .pro_list .pro_item:nth-child(4n){margin-right: 0;}
#header .hnav .pro_menu .bind .pro_list .pro_item:nth-child(-n+4){margin-top: 0;}
#header .hnav .pro_menu .bind .pro_list .pro_item .pic {margin-right: 20px; width: 50px; height: 60px;}
#header .hnav .pro_menu .bind .pro_list .pro_item .info{width: calc(100% - 70px);}
#header .hnav .pro_menu .bind .pro_list .pro_item .info .name1{font-size: 18px; color: #333; line-height: 29px; font-weight: 500;}
#header .hnav .pro_menu .bind .pro_list .pro_item .info .name2{font-size: 14px; color: #999; line-height: 24px;}
#header .hnav .pro_menu .bind .pro_list .pro_item:hover .info .name1,
#header .hnav .pro_menu .bind .pro_list .pro_item:hover .info .name2{color: var(--color);}

/* 右侧 */
#header .hright{height:72px;}
#header .hright .hotLine{margin-right: 24px; font-size: 24px; color: #fff; font-family:din; font-weight: bold;}
#header .hright .search{height: 18px;}
#header .hright .search .i1{display: inline-block;}
#header .hright .search .i2{display: none;}
#header .hright .menu{display:none;width:40px;height:40px;}
#header .hright .menu .svg{width:100%;height:100%;fill:#fff;}
#header .hright .menu.cur .i1{display:none;}
#header .hright .menu.cur .i2{display: inline-block;}

/* 鼠标上移，导航样式 */
#header:hover .logo .i1,
#header.cur .logo .i1,
#header.detail .logo .i1,
#header:hover .hright .search .i1,
#header.cur .hright .search .i1,
#header.detail .hright .search .i1{display: none;}
#header:hover .logo .i2,
#header.cur .logo .i2,
#header.detail .logo .i2,
#header:hover .hright .search .i2,
#header.cur .hright .search .i2,
#header.detail .hright .search .i2{display: inline-block;}
#header:hover .hnav .one-nav .nav-a,
#header.cur .hnav .one-nav .nav-a,
#header.detail .hnav .one-nav .nav-a{color: #333;}
#header:hover .hright .hotLine,
#header.cur .hright .hotLine,
#header.detail .hright .hotLine{color: var(--main);}

#m-nav,#search-box,#header-blank{display:none;}

@media (max-width: 1536px) {
    #header .hnav .one-nav .other{width: 875px;}
    #header .hnav .one-nav .other .hnavbg .hlist{padding: 41px 3.56% 41px 4.67%;width: 28.11%;}
    #header .hnav .one-nav .other .hnavbg .hpic{width: calc(100% - 28.11%);}
    #header .hnav .one-nav .other .hnavbg .hpic .img{width: 535px;}
}
@media (max-width: 1440px) {
    #header .hnav .one-nav .other{width: 795px;}
}
@media (max-width: 1366px) {
    #header .hnav .pro_menu .pro_tab{width: 27.44%;}
    #header .hnav .pro_menu .pro_tab .pro_name .name{width: 85.44%;}

    #header .hnav .pro_menu .bind{width:calc(100% - 27.44%);}
    #header .hnav .pro_menu .bind .pro_list{width: 95.14%; padding: 75px 0 75px 50px;}
}
@media (max-width: 1280px) {
    #header .hnav .one-nav .other{width: 750px;}
    #header .hnav .one-nav .other .hnavbg .hpic .img{width: 88%; height: 60%;}

    #header .hnav .pro_menu .pro_tab{height: 550px; padding: 15px 0;}
    #header .hnav .pro_menu .pro_tab .pro_name{line-height: 55px;}
    #header .hnav .pro_menu .pro_tab .pro_name .name .icon{margin-right: 20px; width: 35px; height: 55px;}
    #header .hnav .pro_menu .pro_tab .pro_name .name .txt{width: calc(100% - 35px - 20px);}

    #header .hnav .pro_menu .bind .pro_list{padding: 40px; padding-right: 0; height: 550px;}
    #header .hnav .pro_menu .bind .pro_list .pro_item{margin-top: 70px; margin-right: 3.5%; width: 30.9%;}
    #header .hnav .pro_menu .bind .pro_list .pro_item:nth-child(4n){margin-right: 3.5%;}
    #header .hnav .pro_menu .bind .pro_list .pro_item:nth-child(-n+4){margin-top: 70px;}
    #header .hnav .pro_menu .bind .pro_list .pro_item:nth-child(3n){margin-right: 0;}
    #header .hnav .pro_menu .bind .pro_list .pro_item:nth-child(-n+3){margin-top: 0;}
}
@media (max-width: 1024px) {
    #header .hattr,
    #header .hright .lang{display:none;}
    #header .hright .search{margin-right: 25px;}
    #header .hright .search img{transform: scale(1.2)}
    #header .hright .menu{display:block;}

    #header:hover .hright .menu .svg,
    #header.cur .hright .menu .svg,
    #header.detail .hright .menu .svg{fill: #666;}

    #m-nav{display: block;width: 100%;height: 0;z-index:50;left: 0;right: 0;top:72px; background: #fff;overflow-y: auto;}
    #m-nav.cur{height: calc(100vh - 72px);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/nav-icon.svg) no-repeat right;}
    #m-nav .nav .one-nav.nobg .one{background: none;}
    #m-nav .nav .one-nav.cur .one{background-image:url(/images/nav-icon2.svg);}
    #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;}
    #m-nav .nav .one-nav .two-nav{width: 100%;background: #f7f7f7;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 .nav .one-nav .two-nav .two-li{padding-right: 60px; background: url(/images/nav-icon.svg) no-repeat right}
    #m-nav .nav .one-nav .two-nav .two-box.cur .two-li{background-image:url(/images/nav-icon2.svg);}
    #m-nav .nav .one-nav .two-nav .two-box .pro-box {border-top: 1px solid #ebebeb; padding: 0 35px;}
    #m-nav .nav .one-nav .two-nav .two-box .pro-box .pro-name{display: block; font-size: 16px;color:#333;}
    
    #m-nav .nav .one-nav .two-nav .two-li.nobg,
    #m-nav .nav .one-nav .two-nav .two-li.nobg .one{background: none;}
    #m-nav .nav .one-nav .two-nav.cur .two-li.nobg .one{background: none;}
}
@media (max-width: 750px) {
	#header-blank{display:block;width:100%;height:100px;background-color:#fff;}
	#header{background-color:#fff;height:100px;}
    #header .logo .i1,
    #header .hright .search .i1{display: none;}
    #header .logo .i2,
    #header .hright .search .i2{display: inline-block;}
    #header .hnav .one-nav .nav-a{color: #333;}
    #header .hright .hotLine{color: var(--main); font-size: 30px;}
    #header .hright .menu .svg{fill: #666;}

    #header .logo{width: 200px;}
    #header .hright{height:100px;}
    #header .hright .search{width:40px;height:40px;}
    #header .hright .search img{transform: scale(1.7);}
    #header .hright .menu{width:50px;height:50px;}
    #header .hright .search.cur .i1{display:none;}
    #header .hright .search.cur .i2{display:inline-block;}

    #m-nav{top:100px;}
    #m-nav.cur{height:calc(100vh - 100px);}
    #m-nav .nav .one-nav{line-height: 90px;}
    #m-nav .nav .one-nav .one-a{font-size: 36px;}
    #m-nav .nav .one-nav .two-nav .two-a{font-size:30px;}
    #m-nav .nav .one-nav .two-nav .two-li{padding-right: 100px;}
    #m-nav .nav .one-nav .two-nav .two-box .pro-box .pro-name{font-size: 26px;}
	
    #search-box{width:100%;height:180px;z-index: 50;left: 0;right: 0;top:100px;background: #fff;display: none;flex-direction: column;justify-content: center;border-bottom:1px solid #ebebeb;border-top:1px solid #ebebeb;}
    #search-box .form-box{width: 92%;margin: 45px auto 0;height:90px;border-radius:50px;border: 1px solid #d1d1d1;overflow: hidden;}
    #search-box .form-box .input{width: calc(100% - 90px);padding-left: 30px;}
    #search-box .form-box .input input{width: 100%;height: 100%;font-size:30px;color:#333;}
    #search-box .form-box .submit{width: 90px;height: 88px; background:var(--main); border-left:1px solid rgba(0, 0, 0, 0.3);} 
    #search-box .form-box .submit img{transform: scale(1.5);}
}



/* banner */
#index-swiper{position: relative;}
#index-swiper .img{width: 100%; padding-top: 42.71%;}
#index-swiper .img video{width: 100%; height: 100%;}

/* #index-swiper .img{width: 100%; height: 100vh; position: relative;} */
/* #index-swiper .img{width: 100%; height: 820px; position: relative;} */
/* #index-swiper .img video{width: 100%; height: 820px;} */

#index-swiper .img::before{content: " "; width: 100%; height: 160px; background: url(/images/back.png) no-repeat center center/100% 100%; position: absolute; top:0; left: 0; z-index: 2;}
#index-swiper .cont_text{top: inherit; bottom: 65px; height: max-content;}
#index-swiper .cont_text .text{width: 43.75%; color: #fff; text-align: left;}
#index-swiper .cont_text .text .title{font-size: 48px; line-height: 68px; font-weight: 500;}
#index-swiper .cont_text .text .brief{font-size: 26px; line-height: 37px; opacity: 0.2; font-family:'MM'; }
#index-swiper .cont_text .text .pageNum{margin-top: 40px;font-family:'MR'; align-items: end;}
#index-swiper .cont_text .text .pageNum .now{font-size: 36px; line-height: 0.8; color: var(--main); }
#index-swiper .cont_text .text .pageNum span{padding: 0 40px; font-size: 16px; line-height: 1;  color: #fff;opacity: 0.3;}
#index-swiper .cont_text .text .pageNum .count{font-size: 16px; line-height: 1; color: #fff;}
#index-swiper .cont_text .text .page{margin-top: 25px; width: 130px;}
#index-swiper .container .swiper-pagination-bullet{width: 0; margin: 0;}
#index-swiper .container .swiper-pagination-bullet-active{ background: var(--main); width: 130px; height: 2px; border-radius:0;background:rgba(255,255,255,0.2);}
#index-swiper .container .swiper-pagination-bullet-active .el-bar{background:var(--main);}

#index-swiper .btn{width: 36px; height: 72px; top: 50%; transform: translateY(-50%); z-index: 3;}
#index-swiper .btn.prev{left: 3.64%; }
#index-swiper .btn.next{right: 3.64%; }
/* #index-swiper .btn:hover{opacity:1} */
#index-swiper .btn.prev .svg{transform: rotate(180deg);}
#index-swiper .btn .svg{fill: var(--main);}

/* 内页-banner */
#inner-banner{}
#inner-banner .img{position: relative; height: max-content;}
#inner-banner .img::before{content: " "; width: 100%; height: 100%; background: url(/images/banner-back.png) no-repeat center center/cover; position: absolute; top:0; left: 0; z-index: 2;}
#inner-banner .cont{height: max-content; top: 50%; transform: translateY(-50%); z-index: 2;}
#inner-banner .cont .txt1{font-size: 48px; line-height: 65px; color: #fff; font-weight: 500;}
#inner-banner .cont .txt2{font-size: 26px; line-height: 41px; color: #fff; font-family:'MM'; opacity: 0.2;}

/* @media (max-width: 2560px){
    #index-swiper .img{height: 1080px;}
    #index-swiper .img .pic img{image-rendering: pixelated;}
}
@media (max-width: 1920px){
    #index-swiper .img{height: 820px;}
} */
@media (max-width: 1680px) {
    /* #index-swiper .img{height: 740px;} */
    #index-swiper .btn.prev{left: 1.64%; }
    #index-swiper .btn.next{right: 1.64%; }
}
@media (max-width: 1440px) {
    /* #index-swiper .img{height: 675px;} */
    #index-swiper .cont_text{bottom: 40px;}
    #index-swiper .cont_text .text{width: 48.75%;}
    #index-swiper .cont_text .text .title{font-size: 46px; line-height: 65px;}
    #index-swiper .cont_text .text .brief{font-size: 24px; line-height: 33px;}
    #index-swiper .cont_text .text .pageNum{margin-top: 25px;}
    #index-swiper .cont_text .text .page{margin-top: 15px;}
}
@media (max-width: 1366px) {
    /* #index-swiper .img{height: 635px;} */
    #index-swiper .cont_text .text{width: 50%;}
    #index-swiper .cont_text .text .title,
    #inner-banner .cont .txt1{font-size: 42px; line-height: 1.5;}
    #index-swiper .cont_text .text .brief,
    #inner-banner .cont .txt2{font-size: 20px; line-height: 1.3;}
    #index-swiper .cont_text .text .pageNum span{padding: 0 34px;}
}
@media (max-width: 1280px) {
    #index-swiper .cont_text .text .pageNum span{padding: 0 32px;}
}
@media (max-width: 1024px) {
    /* #index-swiper .img{height: 570px;} */
    #index-swiper .cont_text .text{width: 58%;}
    #index-swiper .cont_text .text .title,
    #inner-banner .cont .txt1{font-size: 40px;}
    #index-swiper .cont_text .text .brief,
    #inner-banner .cont .txt2{font-size: 18px;}
    #index-swiper .cont_text .text .pageNum{margin-top: 15px;}
    #index-swiper .cont_text .text .page{margin-top: 5px;}
}
@media (max-width: 750px) {
    #index-swiper .img{height: 820px;}
    #index-swiper .img video{height: 100%; object-fit: cover;}
    #index-swiper .cont_text .text{width: 100%;}
    #index-swiper .cont_text .text .title,
    #inner-banner .cont .txt1{font-size: 45px;}
    #index-swiper .cont_text .text .brief,
    #inner-banner .cont .txt2{font-size: 26px; opacity: 0.5;}
    #index-swiper .cont_text .text .pageNum{margin-top: 15px;}
    #index-swiper .cont_text .text .pageNum .count{font-size: 26px;}
    #index-swiper .cont_text .text .page{margin-top: 5px;}
}



/* 面包屑 */
#menu{top: inherit; bottom: 0; z-index: 2; height: 70px; border-top: 1px solid rgba(255,255,255,0.2);}
#menu .box{height: 100%;}
#menu .box .icon{width: 17px; height: 18px; margin-right: 19px; /*margin-bottom: 3px;*/}
#menu .box .icon.cur .i1{display: none;}
#menu .box .icon.cur .i2{display: inline-block;}
#menu .li a,
#menu .li span{font-size: 16px; color: #fff; line-height: 25px; transition: all 0.3s; opacity: 0.5;}
#menu .li span{display: inline-block; padding: 0 20px;}
#menu .li a:hover{opacity: 1; }

#menu.products{margin-top: 72px; position: relative; top: inherit; bottom: inherit; left: inherit; right: inherit; border-top: 0; border-bottom: 1px solid #ededed;}
#menu.products .li a,
#menu.products .li span{color: #999; opacity: 1;}
#menu.products .li a:hover{color: #333; }

/* @media (max-width: 2560px) {
    #menu .box .icon{margin-bottom: 11px;}
} */
@media (max-width: 1024px) {
    #menu .box .icon{margin-bottom: 8px;}
}
@media (max-width: 750px) {
    #menu {display: none;}
}


/* 底部 */
#footer{background: #1c2126; }
#footer .ftop{border-bottom: 1px solid rgba(255, 255, 255, 0.06);}
#footer .ftop .fleft{width: 79.38%; }
#footer .ftop .fleft .flogo{margin: 44px 0 45px 0; width: 164px; height: 42px;}
#footer .ftop .fleft .flist{padding: 59px 9% 96px 0; border-top: 1px solid rgba(255, 255, 255, 0.06);  position: relative;}
#footer .ftop .fleft .fnav .fnav-one .one-a{font-size: 18px; line-height: 27px; color:#fff;}
#footer .ftop .fleft .fnav .fnav-two {margin-top: 18px;}
#footer .ftop .fleft .fnav .fnav-two .list .two-a{font-size:16px;color:#999;line-height:32px;}
#footer .ftop .fleft .fnav .fnav-two .list .two-a:hover{color:#fff;}
#footer .ftop .fright {width: 21%; padding: 58px 0 58px 3.1%; border-left: 1px solid rgba(255, 255, 255, 0.06);}
#footer .ftop .fright .tit{font-size: 18px; line-height: 27px; color:#fff;}
#footer .ftop .fright .code{margin-top: 24px;}
#footer .ftop .fright .code .pic{width: 107px; height: 107px; background-color: #fff;}
#footer .ftop .fright .code .txt{margin-top: 14px; font-size: 16px; line-height: 24px; color: #fff;} 
#footer .ftop .fright .phone{margin-top: 34px; color:#0066cf;}
#footer .ftop .fright .phone .p1{font-size: 16px; line-height: 22px;}
#footer .ftop .fright .phone .p2{font-size: 30px; line-height: 37px; font-family:din; font-weight: bold;}
#footer .ftop .fright .list{margin-top: 26px;}
#footer .ftop .fright .list>div{font-size:16px; line-height: 26px; color:#fff;}

#footer .fbot{ padding: 29px 0 34px;}
#footer .fbot>*{font-size: 16px; line-height: 25px; color: #fafafa; opacity: 0.3;}

@media (max-width: 1536px) {
    #footer .ftop .fleft{width: 77.38%;}
    #footer .ftop .fleft .flist{padding: 59px 3% 96px 0;}
    #footer .ftop .fright{width: 23%; padding: 58px 0 58px 2.1%;}
}
@media (max-width: 1440px) {
    #footer .ftop .fleft{width: 77.38%;}
    /* #footer .ftop .fleft .flist{padding: 59px 6% 86px 0;} */

    #footer .ftop .fright{width: calc(100% - 77.38%);}
}
@media (max-width: 1366px) {
    #footer .ftop .fright .list>div{font-size: 14px;}
}
@media screen and (max-width:1024px) {
    #footer .ftop .ftop-cont{flex-direction:column;}
    #footer .ftop .fleft{width:100%;padding-bottom:30px;}
    #footer .ftop .fleft .flist{padding-right:0; padding-bottom: 30px;}
    #footer .ftop .fright{width:100%;border-left: none;padding:0 0 30px 0;}
}
@media screen and (max-width:970px) {
    #footer .ftop .fleft{display:flex;flex-direction:column;}
    #footer .ftop .fleft .flist{flex-direction:column;padding:0;margin:30px 0 0;}
    #footer .ftop .fleft .flist::after,
    #footer .ftop .fleft .flist::before{display:none;}
    #footer .ftop .fleft .fnav .fnav-one{line-height:60px; border-bottom: 1px solid rgba(255,255,255, 0.06);background: url(/images/nav-icon-w.svg) no-repeat center right;}
    #footer .ftop .fleft .fnav .fnav-one:nth-child(1){border-top:1px solid rgba(255,255,255, 0.06);}
    #footer .ftop .fleft .fnav.in .fnav-one{background-image: url(/images/nav-icon2-w.svg);}
    #footer .ftop .fleft .fnav .fnav-two{height:0;overflow: hidden;margin-top:0;}
    #footer .ftop .fleft .fnav .fnav-two .list .two-a{line-height: 60px;padding: 0 30px;border-bottom: 1px dashed rgba(255,255,255, 0.06);}
    #footer .fbot .fbot-cont{flex-direction:column;}
}
@media screen and (max-width:750px) {
    #footer .ftop .fleft{padding-bottom: 50px;}
    #footer .ftop .fleft .flogo{width: 100%; height: 75px;}
    #footer .ftop .fleft .flogo img{transform: scale(1.5);}
    #footer .ftop .fleft .flist{margin-top: 0;}
    #footer .ftop .fleft .fnav .fnav-one{line-height:90px;}
    #footer .ftop .fleft .fnav .fnav-one .one-a{display: inline-block; font-size:36px; line-height: 99px;}
    #footer .ftop .fleft .fnav .fnav-two .list .two-a{font-size: 30px; line-height:70px;}

    #footer .ftop .fright{padding-bottom: 50px;}
    #footer .ftop .fright .tit{display: none; font-size:36px;line-height:1.5;}
    #footer .ftop .fright .code .pic{ width: 150px; height: 150px;}
    #footer .ftop .fright .code .pic img{transform: translate(-50%,-50%) scale(1.3);}
    #footer .ftop .fright .code .txt{ font-size: 26px; line-height: 1.5;}
    #footer .ftop .fright .phone{}
    #footer .ftop .fright .phone .p1{font-size: 26px; line-height: 1.5;}
    #footer .ftop .fright .phone .p2{font-size: 36px; line-height: 1.5;}
    #footer .ftop .fright .list>div{ font-size: 26px; line-height: 1.5;}

    #footer .fbot{padding:50px 0 100px; flex-wrap: wrap;}
    #footer .fbot .fbot-left{width: 100%; font-size:26px;line-height:1.5;text-align: center;}
    #footer .fbot .fbot-left span{display: none;}
    #footer .fbot .fbot-right{width:100%; font-size:26px;line-height:1.5; text-align: center;}
}



/* 右侧悬浮按钮 */
#right{position: fixed; bottom: 65px; right: 70px; z-index: 10;}
#right .btn{display: block; width: 49px; height: 49px; border-radius: 50%; background-color: var(--main);}
#right .btn.top{margin-top: 16px; background-color: #fff;}

@media (max-width: 1200px) {
    #right{bottom: 30px; right: 30px;}
}
@media (max-width:750px) {
    #right{bottom: 0; right: 0; width: 100%; background-color: #fff; display: flex;}
    #right .btn{width: 50%; height: 70px; border-radius: 0; margin: 0;}
    #right .btn.top{margin-top: 0;}
    #right .btn .svg{transform: scale(1.3);}
}


/* 首页 */
#index_name_en{font-size: 24px; line-height: 27px; color: #333; opacity: 0.3; font-family:'MM';}
#index_name_cn{margin: 10px 0 18px; font-size: 48px; line-height: 64px; color: #333; font-weight: 500;}
#index_brief{font-size: 18px; line-height: 35px; color: #333;}
#index_more{width: 175px; height: 55px; font-size: 16px; border: 2px solid; border-radius: 30px;}
#index_more:hover{border-color: var(--main) !important; background: var(--main); color: #fff;}

@media (max-width: 1024px) {
    #index_name_en{font-size: 20px; line-height: 1.2;}
    #index_name_cn{margin: 0 0 10px; font-size: 42px; line-height: 1.5;}
    #index_brief{font-size: 16px; line-height: 1.5;}
}
@media (max-width: 750px) {
    #index_name_en{font-size: 26px; line-height: 1.5;}
    #index_name_cn{font-size: 42px; line-height: 1.5;}
    #index_brief{font-size: 26px; line-height: 1.5;}
    #index_more{width: 200px; height: 70px; font-size: 26px; border-radius: 50px;}
}


#index_pro{}
#index_pro .cateBox{padding-top: 10px;}
#index_pro .cateBox .btn{width: 60px; height: 60px; border-radius: 50%; background-color: #fff; box-shadow: 5px 8.66px 20px 0px rgba(39, 61, 84, 0.06);}
#index_pro .cateBox .btn .svg{fill: #999;}
#index_pro .cateBox .btn.prev .svg{transform: rotate(180deg);}
#index_pro .cateBox .btn:hover .svg{fill: #333;}
#index_pro .cateBox .box{width: 89.89%;}
#index_pro .cateBox .box .slide .icon{margin: 0 auto; width: 70px; height: 70px; }
#index_pro .cateBox .box .slide .name{font-size: 16px; line-height: 28px; color: #1a1a1a;}
#index_pro .cateBox .box .slide.cur .name{color: var(--color);}

/* #index_pro .proBox{margin-top: 15px; padding-bottom: 5px; min-height: 940px;} */
#index_pro .proBox{margin-top: 15px; padding-bottom: 5px;}
/* #index_pro .proList{display: none !important;}
#index_pro .proList.cur{display: flex !important;} */
#index_pro .proList .proItem{margin: 5px; width: 49.4%; padding: 0 60px; background: url() no-repeat center center/cover;}
#index_pro .proList .proItem:nth-child(1){background-image: url(/images/back1.png);}
#index_pro .proList .proItem:nth-child(2){background-image: url(/images/back2.png);}
#index_pro .proList .proItem:nth-child(3){background-image: url(/images/back3.png);}
#index_pro .proList .proItem:nth-child(4){background-image: url(/images/back4.png);}
#index_pro .proList .proItem:nth-child(5){background-image: url(/images/back5.png);}

#index_pro .proList .proItem .info{width: 38.62%; display: flex; flex-direction: column; justify-content: center; position: relative; z-index: 2;}
#index_pro .proList .proItem .info .top{transform: translateY(59px);}
#index_pro .proList .proItem .info .mobel{font-size: 20px; line-height: 26px; color: #1a1a1a; font-weight: 500;}
#index_pro .proList .proItem .info .name{font-size: 36px; line-height: 56px; color: #1a1a1a; font-weight: 500;}
#index_pro .proList .proItem .info .brief{margin-top: 14px; font-size: 18px; line-height: 24px; color: #333; opacity: 0.6;}
#index_pro .proList .proItem .info .more{opacity: 0; position: relative; /*margin-top: 0; height: 0; overflow: hidden;*/}
#index_pro .proList .proItem .info .more .p{margin-top: 59px; width: 155px; height: 55px; font-size: 16px; color: #fff; border-radius: 30px; background-color: var(--main); }
/* #index_pro .proList .proItem:hover .info .more{margin-top: 59px; height: max-content;} */
#index_pro .proList .proItem:hover .info .more{opacity: 1;}
#index_pro .proList .proItem:hover .info .top{transform: translateY(0);}

#index_pro .proList .proItem .right{width: 56.63%;}
#index_pro .proList .proItem .pic{width: 100%; height: 460px; position: relative; z-index: 1;}
#index_pro .proList .proItem:hover .pic img{transform: translate(-50%,-50%) scale(1.05) ;}
#index_pro .proList .proItem:nth-child(4),
#index_pro .proList .proItem:nth-child(5){padding-bottom: 30px; width: 24.4%;  align-items: flex-end;}
#index_pro .proList .proItem:nth-child(4) .info,
#index_pro .proList .proItem:nth-child(5) .info {width: 100%;}
#index_pro .proList .proItem:nth-child(4) .info .top,
#index_pro .proList .proItem:nth-child(5) .info .top{transform: translateY(110px);}
#index_pro .proList .proItem:nth-child(4) .info .mobel,
#index_pro .proList .proItem:nth-child(5) .info .mobel {line-height: 30px; color: #333; }
#index_pro .proList .proItem:nth-child(4) .info .name,
#index_pro .proList .proItem:nth-child(5) .info .name {font-size: 24px; line-height: 40px; color: #333; }
#index_pro .proList .proItem:nth-child(4) .info .brief,
#index_pro .proList .proItem:nth-child(5) .info .brief {display: none;}
#index_pro .proList .proItem:nth-child(4):hover .info .more p,
#index_pro .proList .proItem:nth-child(5):hover .info .more p{margin-top: 30px;}
#index_pro .proList .proItem:nth-child(4):hover .info .top,
#index_pro .proList .proItem:nth-child(5):hover .info .top{transform: translateY(30px);}
#index_pro .proList .proItem:nth-child(4) .right,
#index_pro .proList .proItem:nth-child(5) .right {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

@media (max-width: 1680px) {
    #index_pro .proList .proItem{padding: 0 40px;}
    #index_pro .proList .proItem .info{width: 40%;}
    #index_pro .proList .proItem .pic img{transform: translate(-50%,-50%) scale(0.95);}
    #index_pro .proList .proItem:hover .pic img{transform: translate(-50%,-50%) scale(1) ;}
}
@media (max-width: 1630px) {
    #index_pro .proList .proItem{width: 49.35%;}
    #index_pro .proList .proItem:nth-child(4), 
    #index_pro .proList .proItem:nth-child(5){width: 24.2%;}
    #index_pro .proList .proItem .pic{height: 390px;}
}
@media (max-width: 1536px) {
    #index_pro .proList .proItem{width: 49.3%;}
    #index_pro .proList .proItem:nth-child(4), 
    #index_pro .proList .proItem:nth-child(5){width: 24.3%;}
}
@media (max-width: 1440px) {
    #index_pro .proList .proItem{padding: 0 30px;}
    #index_pro .proList .proItem .info .mobel{font-size: 16px; line-height: 26px;}
    #index_pro .proList .proItem .info .name{font-size: 30px; line-height: 45px;}
    #index_pro .proList .proItem .info .brief{margin-top: 10px; font-size: 16px;}

    #index_pro .proList .proItem .pic{height: 435px;}
}
@media (max-width: 1430px) {
    #index_pro .proList .proItem{width: 49.25%;}
    #index_pro .proList .proItem:nth-child(4), 
    #index_pro .proList .proItem:nth-child(5){width: 24.1%;}
    #index_pro .proList .proItem .pic{height: 360px;}
}
@media (max-width: 1366px) {
    #index_pro .proList .proItem{width: 49.2%;}
}
@media (max-width: 1280px) {
    #index_pro .proList .proItem .pic{height: 350px;}
    #index_pro .proList .proItem .pic img{transform: translate(-50%,-50%) scale(0.8);}
    #index_pro .proList .proItem:hover .pic img{transform: translate(-50%,-50%) scale(0.9) ;}

    #index_pro .proList .proItem:nth-child(4), #index_pro .proList .proItem:nth-child(5){width: 24.1%; padding-bottom: 15px;}
}
@media (max-width: 1260px) {
    #index_pro .proList .proItem{width: 49.1%;}
    #index_pro .proList .proItem:nth-child(4), 
    #index_pro .proList .proItem:nth-child(5){width: 24%;}
    #index_pro .proList .proItem .pic{height: 360px;}
}
@media (max-width: 1200px) {
    #index_pro .proList .proItem{width: 49.1%;}
    #index_pro .proList .proItem .info{width: 47%;}
    #index_pro .proList .proItem .right{width: 50.63%;}

    #index_pro .proList .proItem:nth-child(4) .info .mobel, #index_pro .proList .proItem:nth-child(5) .info .mobel{line-height: 22px;}
    #index_pro .proList .proItem:nth-child(4) .info .name, #index_pro .proList .proItem:nth-child(5) .info .name{font-size: 22px; line-height: 34px;}
}
@media (max-width: 1150px) {
    #index_pro .proList .proItem{width: 49%;}
}
@media (max-width: 1024px) {
    #index_pro .proList .proItem{width: 100%;}
    #index_pro .proList .proItem .pic,
    #index_pro .proList .proItem:nth-child(4), 
    #index_pro .proList .proItem:nth-child(5){height: 450px;}
    #index_pro .proList .proItem:nth-child(4), 
    #index_pro .proList .proItem:nth-child(5){width: 49%;}
}
@media (max-width: 750px) {
    #index_pro .cateBox .box{width: 78.89%;}
    #index_pro .cateBox .box .slide .icon{width: 100px; height: 100px;}
    #index_pro .cateBox .box .slide .icon img{transform: scale(1.2)}
    #index_pro .cateBox .box .slide .name{font-size: 32px; line-height: 1.5;}
    #index_pro .cateBox .btn{width: 70px; height: 70px; }
    #index_pro .cateBox .btn .svg{transform: scale(1.2);}
    #index_pro .cateBox .btn.prev .svg{transform: rotate(180deg) scale(1.2);}
    
    #index_pro .proList .proItem .info .mobel,
    #index_pro .proList .proItem .info .brief,
    #index_pro .proList .proItem:nth-child(4) .info .mobel,
    #index_pro .proList .proItem:nth-child(5) .info .mobel {font-size: 26px; line-height:1.3;}
    #index_pro .proList .proItem .info .name,
    #index_pro .proList .proItem:nth-child(4) .info .name, 
    #index_pro .proList .proItem:nth-child(5) .info .name{font-size: 32px; line-height: 1.5; font-weight: bold;}
    #index_pro .proList .proItem .info .more{opacity: 1;}
    #index_pro .proList .proItem .info .more .p{margin-top: 30px; width: 180px; height: 70px; font-size: 26px; border-radius: 50px;}
    #index_pro .proList .proItem .info .top{transform: translateY(0);}
    
    #index_pro .proList .proItem:nth-child(4), 
    #index_pro .proList .proItem:nth-child(5){width: 48.5%;}
    #index_pro .proList .proItem:nth-child(4) .info .more p,
    #index_pro .proList .proItem:nth-child(5) .info .more p{margin-top: 30px;}
    #index_pro .proList .proItem:nth-child(4) .info .top,
    #index_pro .proList .proItem:nth-child(5) .info .top{transform: translateY(0);}
}




#index_app{}
#index_app .back_ul{}
#index_app .back_ul .slide{width: 100%; }
#index_app .back_ul .slide .pic{width: 100%; padding-top: 49.48%;}
#index_app .back_ul .slide .pic img{object-fit: cover; transform: translate(-50%, -50%) scale(1);}
#index_app .back_ul .slide .info{top: 18.42%; height: max-content; }
#index_app .back_ul .slide .info .in{width: 39.69%; color: #fff;}
#index_app .back_ul .slide .info .in .name_en{margin-bottom: 5px; font-size: 24px; line-height: 27px;  font-family:'MM'; opacity: 0.3;}
#index_app .back_ul .slide .info .in .name_cn{margin-bottom: 19px; font-size: 48px; line-height: 62px; font-weight: 500;}
#index_app .back_ul .slide .info .in .brief{margin-bottom: 62px; font-size: 18px; line-height: 36px;}
#index_app .back_ul .slide .info .in .more{border-color: rgba(255,255,255,0.2); }
#index_app .name_ul{top: inherit; bottom: 10.21%; height: max-content;}
#index_app .name_ul .box{}
#index_app .name_ul .box .container{background-color: rgba(0, 0, 0, 0.3); border-radius: 100px; height: 140px;}
#index_app .name_ul .box .container .slide{padding: 0 45px; width: 25%; height: 100%; border-radius: 100px; color: #fff; opacity: 0.5;}
#index_app .name_ul .box .container .slide .icon{margin-right: 25px; width: 55px; height: 55px;}
#index_app .name_ul .box .container .slide .icon .svg{fill: #fff; }
#index_app .name_ul .box .container .slide .info{width: calc(100% - 55px - 25px);}
#index_app .name_ul .box .container .slide .name{font-size: 20px; line-height: 33px; font-weight: 500; }
#index_app .name_ul .box .container .slide .brief{font-size: 16px; line-height: 30px;}
#index_app .name_ul .box .container .slide.swiper-slide-thumb-active{background-color: var(--main); opacity: 1;}
#index_app .name_ul .box .btn{top: 50%; transform: translateY(-50%); z-index: 2; width: 60px; height: 60px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.3); box-shadow: 5px 8.66px 20px 0px rgba(39, 61, 84, 0.06); opacity: 0.5;}
#index_app .name_ul .box .btn .svg{fill: #fff; }
#index_app .name_ul .box .btn.prev .svg{transform: rotate(180deg);}
#index_app .name_ul .box .btn.prev{left: -90px;}
#index_app .name_ul .box .btn.next{right: -90px;}
#index_app .name_ul .box .btn:hover {opacity: 1;}

@media (max-width: 1680px) {
    #index_app .name_ul .box .btn.prev{left: -60px;}
    #index_app .name_ul .box .btn.next{right: -60px;}
}
@media (max-width: 1440px) {
    #index_app .back_ul .slide .info .in{width: 45.69%;}

    #index_app .name_ul .box .container{height: 115px;}
    #index_app .name_ul .box .container .slide{padding: 0 35px;}
    #index_app .name_ul .box .container .slide .name{font-size: 18px; line-height: 30px;}
    #index_app .name_ul .box .container .slide .brief{font-size: 14px; line-height: 30px;}
}
@media (max-width: 1366px) {
    #index_app .back_ul .slide .info{top: 16%;}
    #index_app .back_ul .slide .info .in .name_en{font-size: 20px;}
    #index_app .back_ul .slide .info .in .name_cn{margin-bottom: 15px; font-size: 42px; line-height: 1.3;}
    #index_app .back_ul .slide .info .in .brief{margin-bottom: 45px; font-size: 16px; line-height: 30px;}

    #index_app .name_ul .box .container .slide{padding: 0px 30px;}
    #index_app .name_ul .box .container .slide .icon{margin-right: 15px;}
    #index_app .name_ul .box .container .slide .info{width: calc(100% - 55px - 15px);}
    #index_app .name_ul .box .btn.prev{left: -45px;}
    #index_app .name_ul .box .btn.next{right: -45px;}
}
@media (max-width: 1280px) {
    #index_app .name_ul .box .container .slide .icon{display: none;}
    #index_app .name_ul .box .container .slide .info{width: 100%;}
    
}
@media (max-width: 1200px) {
    #index_app .back_ul .slide .info{top: 7%;}
    #index_app .back_ul .slide .info .in {width: 52.69%; }

    #index_app .name_ul{bottom: 7%;}
    #index_app .name_ul .box .container{height: 95px;}
}
@media (max-width: 1024px) {
    #index_app .back_ul .slide .info .in{width: 61.69%; padding-left: 5%;}

    #index_app .name_ul{bottom: 50%;}
    #index_app .name_ul .box .container{display: none;} 
    #index_app .name_ul .box .btn.prev{left: -35px;}
    #index_app .name_ul .box .btn.next{right: -35px;}
}
@media (max-width:  750px) {
    #index_app .back_ul .slide .info{position: inherit; top: inherit; left: inherit; }
    #index_app .back_ul .slide .info .in{padding: 40px 0 120px; width: 100%; color: #333;}
    #index_app .back_ul .slide .info .in .name_en{margin-bottom: 5px; font-size: 26px; line-height: 1.5; opacity: 0.3;}
    #index_app .back_ul .slide .info .in .name_cn{margin-bottom: 19px; font-size: 36px; line-height: 1.5;}
    #index_app .back_ul .slide .info .in .brief{margin-bottom: 62px; font-size: 26px; line-height: 1.5;}
    #index_app .back_ul .slide .info .in .more{border-color: rgba(0,0,0,0.2); }

    #index_app .name_ul{bottom: 55px;}
    #index_app .name_ul .box .btn{width: 70px; height: 70px; opacity: 1;}
    #index_app .name_ul .box .btn .svg{transform: scale(1.3);}
    #index_app .name_ul .box .btn.prev .svg{transform: rotate(180deg) scale(1.3);}
    #index_app .name_ul .box .btn.prev{left: 38%;}
    #index_app .name_ul .box .btn.next{right: 38%;}
}



#index_adv{padding: 125px 0; background: url(/images/20.jpg) no-repeat center center/100% 100%;}
#index_adv .top{align-items: flex-end;}
#index_adv .top .left{width: 56.25%;}
#index_adv .top .more{margin-bottom: 18px; border-color: rgba(102,102,102,0.2);}
#index_adv .box{margin-top: 60px; width: 100%;}
#index_adv .box .li{margin-right: 1.125%; width: 18.75%; height: 450px; overflow: hidden;}
#index_adv .box .li:last-child{margin-right: 0;}
#index_adv .box .li .pic{z-index: 1;}
#index_adv .box .li .pic::before{content: ''; width: 100%; height: 100%; background: url(/images/back6.png) no-repeat bottom center/100% 100%; position: absolute; top:0; left: 0; z-index: 1;}
#index_adv .box .li .pic img{object-fit: cover;}
#index_adv .box .li .info{position: relative; padding: 50px 40px; z-index: 2; color: #fff; height: 100%; display: flex;flex-direction: column; justify-content: end; text-align: center;}
#index_adv .box .li .number{margin-bottom: 8px; font-size: 20px; line-height: 24px; font-family:din; font-weight: bold; opacity: 0.5;}
#index_adv .box .li .name{font-size: 20px; line-height: 29px; font-weight: 500;}
#index_adv .box .li .name .txt{max-width: calc(100% - 39px);}
#index_adv .box .li .name .svg{display: none; margin-left: 23px; fill: #fff;}
#index_adv .box .li .brief{margin-top: 13px; font-size: 16px; line-height: 29px; display: none !important;}

#index_adv .box .li.cur{width: 40%;}
#index_adv .box .li.cur .pic::before{background-image: none; background-color: rgba(0, 90, 183, 0.9);}
#index_adv .box .li.cur .pic .i1{display: none;}
#index_adv .box .li.cur .pic .i2{display: inline-block;}
#index_adv .box .li.cur .info{text-align: left;}
#index_adv .box .li.cur .number{font-size: 30px; line-height: 33px; opacity: 1;}
#index_adv .box .li.cur .name{font-size: 30px; line-height: 46px; justify-content: flex-start;}
#index_adv .box .li.cur .name .svg{display: inline;}
#index_adv .box .li.cur .brief{display: block !important;}

@media (max-width: 1366px) {
    #index_adv .box{margin-top: 40px;}
}
@media (max-width: 1280px) {
    #index_adv .top .left{width: 64.25%;}
}
@media (max-width: 1200px) {
    #index_adv .box .li .info{padding: 40px 30px;}
    #index_adv .box .li.cur .name{font-size: 28px; line-height: 42px;}
}
@media (max-width: 1024px) {
    #index_adv{padding: 100px 0;}
    #index_adv .box .li .info{padding: 30px 20px;}
    #index_adv .box .li.cur .name{font-size: 24px; line-height: 1.5;}
    #index_adv .box .li .brief{line-height: 1.5;}
}
@media (max-width: 750px) {
    #index_adv .top{flex-wrap: wrap;}
    #index_adv .top .left{width: 100%;}
    #index_adv .top .more{margin-top: 30px; margin-bottom: 0;;}
    #index_adv .box{flex-wrap: wrap;}
    #index_adv .box .li,
    #index_adv .box .li.cur{width: 100%; height: 470px; }
    #index_adv .box .li.cur .pic::before{background: url(/images/back6.png) no-repeat bottom center/100% 100%;}

    #index_adv .box .li .pic .i1{display: none;}
    #index_adv .box .li .pic .i2{display: inline-block;}
    #index_adv .box .li .info{text-align: left;}
    #index_adv .box .li .number{font-size: 32px; line-height: 1.5; opacity: 1;}
    #index_adv .box .li.cur .name,
    #index_adv .box .li .name{font-size: 34px; line-height: 1.5; justify-content: flex-start;}
    #index_adv .box .li .name .svg{display: inline; transform: scale(1.4);}
    #index_adv .box .li .brief{display: block !important; font-size: 26px; line-height: 1.5;}
}


#index_partner{padding: 125px 0 104px; background: url(/images/23.jpg) no-repeat center center/100% 100%;}
#index_partner .top{text-align: center;}
#index_partner .list{margin-top: 70px;}
#index_partner .list .item{margin-top: 25px; margin-right: 1.25%; width: 15.62%; height: 178px; background-color: #fff;}
#index_partner .list .item:nth-child(6n){margin-right: 0;}
#index_partner .list .item:nth-child(-n+6){margin-top: 0;}
#index_partner .list .item img{padding: 10px; }
#index_partner .more{margin: 74px auto 0; border-color: rgba(102,102,102,0.1);}

@media (max-width: 1440px) {
    #index_partner .list .item{height: 145px;}
}
@media (max-width: 1366px) {
    #index_partner{padding: 100px 0 90px;}
    #index_partner .list{margin-top: 40px;}
}
@media (max-width: 1024px) {
    #index_partner .list .item{width: 24%;}   
    #index_partner .list .item:nth-child(6n){margin-right: 1.25%;}
    #index_partner .list .item:nth-child(-n+6){margin-top: 25px;}
    #index_partner .list .item:nth-child(4n){margin-right: 0;}
    #index_partner .list .item:nth-child(-n+4){margin-top: 0;}
}
@media (max-width: 750px) {
    #index_partner{padding: 80px 0; background-position: top center; background-size: 100% auto;}
    #index_partner .list .item{width: 49%; box-shadow: 5px 8.66px 20px 0px rgba(39, 61, 84, 0.06);}   
    #index_partner .list .item:nth-child(4n){margin-right: 1.25%;}
    #index_partner .list .item:nth-child(-n+4){margin-top: 25px;}
    #index_partner .list .item:nth-child(2n){margin-right: 0;}
    #index_partner .list .item:nth-child(-n+2){margin-top: 0;}
}



#index_news{padding: 125px 0 104px; background: url(/images/24.jpg) no-repeat center center/100% 100%;}
#index_news .top{align-items: flex-end;}
#index_news .top .left #index_name_cn{margin-bottom: 0;}
#index_news .top .more{margin-left: 30px; border-color: rgba(102,102,102,0.2);}
#index_news .top .more.cur,
#index_news .top .more:hover{border-color: rgba(102,102,102,1) !important; color: #333; background: transparent;}

#index_news .bind{margin-top: 50px; }
#index_news .bind .list{background-color: #fff;}
#index_news .bind .list .pic_swi{width: 50%; max-height: 550px;}
#index_news .bind .list .pic_swi .pic{display: none !important;}
#index_news .bind .list .pic_swi .pic.cur{display: block !important; width: 100%; padding-top: 68.8%;}
#index_news .bind .list .name_list{width: 50%; padding: 0 6.3%; display: flex; flex-direction: column; justify-content: center;}
#index_news .bind .list .name_list .item{padding: 25px 0; border-bottom: 1px solid #e5e6eb;}
#index_news .bind .list .name_list .item:first-child{padding-top: 0;}
#index_news .bind .list .name_list .item .time{width: 80px;}
#index_news .bind .list .name_list .item .time .time1{display: inline-block; font-size: 20px; line-height: 36px; color: #b2b2b2;}
#index_news .bind .list .name_list .item .time .time2{display: none; color: var(--color); text-align: center;}
#index_news .bind .list .name_list .item .time .time2 .day{font-size: 55px; line-height: 67px; font-family:'MSB';}
#index_news .bind .list .name_list .item .time .time2 .year{padding-top: 9px; font-size: 16px; line-height: 30px; border-top: 2px solid var(--color);}
#index_news .bind .list .name_list .item .info{width: 80%;}
#index_news .bind .list .name_list .item .info .name{font-size: 18px; color: #333; line-height: 36px;}
#index_news .bind .list .name_list .item .info .brief{height: 0; overflow: hidden; transition: all 0.3s ease;}
#index_news .bind .list .name_list .item .info .brief .p{ margin-top: 8px; font-size: 16px; color: #666; line-height: 30px;}
#index_news .bind .list .name_list .item.cur .time .time1{display: none;}
#index_news .bind .list .name_list .item.cur .time .time2{display: inline-block;}
#index_news .bind .list .name_list .item.cur .info .name{font-size: 22px; line-height: 40px; color: var(--color); font-weight: 500;}
#index_news .bind .list .name_list .item.cur .info .brief{height: max-content;}

@media (max-width: 1440px) {
    #index_news .bind .list .name_list{padding: 0 4.3%;}
    #index_news .bind .list .name_list .item{padding: 20px 0;}
    #index_news .bind .list .name_list .item .time .time2 .day{font-size: 50px;}
    #index_news .bind .list .name_list .item.cur .info .name{font-size: 20px;line-height: 35px;}
    #index_news .bind .list .name_list .item .info .brief .p{line-height: 26px;}
}
@media (max-width: 1366px) {
    #index_news .bind .list .name_list .item{padding: 15px 0;}
    #index_news .bind .list .name_list .item .time .time2 .day{font-size: 45px;}
}
@media (max-width: 1280px) {
    #index_news .bind .list .name_list .item{padding: 15px 0;}
    #index_news .bind .list .name_list .item .time .time1{font-size: 18px;}
    #index_news .bind .list .name_list .item .time .time2 .day{font-size: 42px;}
    #index_news .bind .list .name_list .item .info .brief .p{margin-top: 0;}
}
@media (max-width: 1200px) {
    #index_news{padding: 100px 0 90px;}
    #index_news .bind .list .name_list .item .time .time2 .day{line-height: 60px;}
    #index_news .bind .list .name_list .item .time .time2 .year{padding-top: 4px; line-height: 25px;}
}
@media (max-width: 1024px) {
    #index_news{padding: 80px 0;}
    #index_news .bind .list .name_list .item{padding: 10px 0;}
    #index_news .bind .list .name_list .item .time .time2 .day{font-size: 36px;; line-height: 1.3;}

    #index_news .bind .list .name_list .item .info .brief .p{font-size: 14px; line-height: 20px;}
}
@media (max-width: 750px) {
    #index_news .top{flex-direction: column;}
    #index_news .top .left{width: 100%;}
    #index_news .top .right{width: 100%; justify-content: center; margin-top: 40px;}
    #index_news .bind{height: auto;}
    #index_news .bind .list .pic_swi{display: none;}
    #index_news .bind .list .name_list{width: 100%; padding: 40px 4.3%;}
    #index_news .bind .list .name_list .item{padding: 30px 0;}
    #index_news .bind .list .name_list .item .time .time2 .year{font-size: 26px; line-height:1.5}
    #index_news .bind .list .name_list .item .time .time1{display: none;}
    #index_news .bind .list .name_list .item .time .time2{display: inline-block;}
    #index_news .bind .list .name_list .item .info .name,
    #index_news .bind .list .name_list .item.cur .info .name{font-size: 32px; line-height: 1.5; color: var(--color);}
    #index_news .bind .list .name_list .item .info .brief{height: max-content;}
    #index_news .bind .list .name_list .item .info .brief .p{ font-size: 26px; line-height: 1.5;}
}



/* 产品 */
#products{ padding: 90px 0 105px; background: #f7f8fa;}
#products .cate{ width: 300px; position: sticky; top: 0; left: 0;}
#products .cate .item{ width: 100%; border-bottom: 1px solid #dedfe1;}
#products .cate .item:first-child{ border-top: 1px solid #dedfe1;}
#products .cate .item .item_a{ padding: 0 30px; height: 78px; font-size: 18px; color: #333; box-sizing: border-box;}
#products .cate .item .item_a a{max-width: 85%;}
#products .cate .item .item_a svg{ transition: all .3s;}
#products .cate .item .two_list{ height: 0; background: #f2f3f5; overflow-y: auto;}
#products .cate .item .two_list .two_item_a{ padding: 0 30px;}
#products .cate .item .two_list .two_item_a .two_item_a_in{ line-height: 59px; border-top: 1px solid #e6e7e9; font-size: 16px; color: #666; box-sizing: border-box;}
#products .cate .item .two_list .two_item_a:first-child .two_item_a_in{ border-top: 0; height: 60px;}
#products .cate .item:hover .item_a,
#products .cate .item.cur .item_a{ color: var(--main);}
#products .cate .item.cur .item_a svg{ transform: rotate(180deg);}
#products .cate .item.cur .two_list{ height: auto; max-height: 600px;}
#products .cate .item .two_list .two_item_a.cur,
#products .cate .item .two_list .two_item_a:hover{ background: var(--main);}
#products .cate .item .two_list .two_item_a.cur .two_item_a_in,
#products .cate .item .two_list .two_item_a:hover .two_item_a_in{ border-top-color: var(--main); color: #fff;}


#products .rig{ margin-left: 2.5%; width: calc(100% - 2.5% - 300px);}
#products .rig .page_title{ line-height: 55px; font-size: 36px; color: #333; font-weight: 500;}

#products .rig .list{ margin-top: 34px;}
#products .rig .list .item{ margin: 30px 2.3772% 0 0; /*padding: 40px 0 43px;*/ width: 48.7322%; background: #fff;}
#products .rig .list .item:nth-child(-n+2){ margin-top: 0;}
#products .rig .list .item:nth-child(2n){ margin-right: 0;}
#products .rig .list .item .img{width: 48.78%; padding-top: 52.03%;}
#products .rig .list .item .img img{transform: translate(-50%, -50%) scale(0.8);}
#products .rig .list .item .info{width: 48.130%; padding-right: 43px;}
#products .rig .list .item .info .tit{ line-height: 38px; font-size: 24px; color: #333;}
#products .rig .list .item .info .brief{ margin-top: 10px; /*height: calc(30px * 4); overflow: scroll;*/ line-height: 30px; font-size: 16px; color: #666;}
#products .rig .list .item .info .btn{ margin-top: 22px; width: 130px; height: 50px; line-height: 48px; border: 2px solid #efefef; font-size: 16px; color: #333; text-align: center; border-radius: 25px;}

#products .rig .list .item:hover{ box-shadow: 20px 20px 40px rgba(39, 61, 84, .1);}
#products .rig .list .item:hover .img img{transform: translate(-50%, -50%) scale(0.85);}
#products .rig .list .item:hover .info .tit{ color: var(--main);}
#products .rig .list .item:hover .info .btn{ background: var(--main); border-color: var(--main); color: #fff;}
#products .rig #page{ margin-top: 98px;}
/* #products .rig #page img{ margin: 0 auto;} */

#products .cate_mb{ display: none;}

@media (max-width: 1440px) {
    #products .rig .list .item .info{padding: 25px 25px 25px 0;}
}
@media (max-width: 1366px) {
    #products .cate .item .item_a{padding: 0 20px; height: 60px;}
    #products .cate .item.cur .two_list{height: 500px;}
    #products .cate .item .two_list .two_item_a{padding: 0 20px;}
    #products .cate .item .two_list .two_item_a:first-child .two_item_a_in{height: 50px;}
    #products .cate .item .two_list .two_item_a .two_item_a_in{line-height: 49px;}
}
@media (max-width: 1280px){
    #products .cate{ width: 200px;}
    #products .cate .item .item_a{ font-size: 16px;}
    #products .cate .item .two_list .two_item_a .two_item_a_in{ font-size: 14px;}

    #products .rig{ width: calc(100% - 2.5% - 200px);}
    #products .rig .list .item .info .tit{ font-size: 20px; line-height: 28px;}
    #products .rig .list .item .info .brief{ font-size: 14px; line-height: 22px;}
}
@media (max-width: 1024px){
    #products .ProBox{flex-wrap: wrap;}

    #products .cate{ display: none;}
    #products .cate_mb{ display: block; width: 100%;}
    #products .cate_mb .p1{padding-right: 60px; width: 100%; font-size: 20px; color: #333; line-height: 59px; border-bottom: 1px solid #333; position: relative;}
    #products .cate_mb .p1::before {content: ""; display: block; width: 60px; height: 60px; background: url(/images/pro-jt2.png) no-repeat center center; position: absolute; top: 0; right: 0; z-index: 1; transition: all 0.3s ease;}
    #products .cate_mb .p1.cur::before{background-image: url(/images/pro-jt3.png);}

    #products .cate_mb .twoBox{padding: 20px; width: 100%; top: 60px; left: 0; z-index: 2; background:#fff; box-shadow: 20px 20px 40px rgba(39, 61, 84, .1);}
    #products .cate_mb .twoBox .in{height: 500px; overflow: auto;}
    #products .cate_mb .one-nav{}
    #products .cate_mb .one-nav .nav-a{width: max-content; max-width: calc(100% - 100px); font-size: 20px; line-height: 60px; color:#333; position: relative;}
    #products .cate_mb .one-nav .oneCate .icon {width: 60px; height: 60px;}
    #products .cate_mb .one-nav .two-nav{width:100%; background:#f7f8fa;}
    #products .cate_mb .one-nav .two-nav .pro_item{padding: 0 40px; font-size: 16px; line-height: 40px; color:#333;}
    #products .cate_mb .one-nav .icon{transform: rotate(-90deg);}
    #products .cate_mb .one-nav.cur .icon{transform: rotate(0deg);}

    #products .cate_mb .one-nav .nav-a:hover,
    #products .cate_mb .one-nav .two-nav .pro_item:hover{color:var(--main); background-color: #fff;}
    
    #products .cate_mb .one-nav.cur .nav-a,
    #products .cate_mb .one-nav .two-nav .pro_item.cur{color: var(--main);}
    
    #products .rig{ margin: 0; margin-top: 60px; width: 100%;}
    #products .rig .page_title{display: none;}
}
@media (max-width: 750px){
    #products .cate_mb .p1{padding-right: 90px; font-size: 36px; line-height: 89px;}
    #products .cate_mb .p1::before{width: 90px; height: 90px; background-size: 15px;}
    #products .cate_mb .p1.cur::before{background-size: 25px;}
    #products .cate_mb .twoBox{top: 90px;}
    #products .cate_mb .one-nav .nav-a{font-size: 32px; line-height: 80px;}
    #products .cate_mb .one-nav .oneCate .icon{width: 80px; height: 80px;}
    #products .cate_mb .one-nav .oneCate .icon .svg{transform: scale(1.5);}
    #products .cate_mb .one-nav .two-nav{padding: 10px 0;}
    #products .cate_mb .one-nav .two-nav .pro_item{font-size: 26px; line-height: 80px;}

    #products .rig{ margin: 0; width: 100%;}
    #products .rig .list .item{ flex-direction: column; margin-right: 0; width: 100%;}
    #products .rig .list .item:nth-child(2){ margin-top: 30px;}
    #products .rig .list .item .img{width: 100%; padding-top: 61.03%;}
    #products .rig .list .item .img img{transform: translate(-50%, -50%) scale(1);}

    #products .rig .list .item .info{width: 100%; margin-top: 0; padding: 0 40px 40px 40px;}
    #products .rig .list .item .info .tit{font-size: 36px; line-height: 1.6; font-weight: bold;}
    #products .rig .list .item .info .brief{height:max-content; max-height: 170px; line-height: 1.6; font-size: 26px;}
    #products .rig .list .item .info .btn{ width: 250px; height: 80px; line-height: 78px; font-size: 26px; border-radius: 40px; background: var(--main); border-color: var(--main); color: #fff;}

    #products .rig .not_tip {margin-top: 60px;}
}



/* 产品详情 */
.module_title{ line-height: 55px; font-size: 36px; color: #333;}

#pro_info{ padding: 80px 0 105px; background: #f7f8fa;}
#pro_info .img{ /*padding: 70px 0; */ width: 685px; background: #fff;}
#pro_info .img .pro_big{ width: 100%; height: 100%;}
#pro_info .img .small{bottom: 70px; left: 50%; transform: translateX(-50%); z-index: 2; margin: 0 auto; width: 533px;}
#pro_info .img .small .pro_small{ margin: 0 auto; width: 334px;}
#pro_info .img .small .pro_small .slide{ width: 96px; height: 96px; border: 1px solid #dedede; background-color: #fff; opacity: .7;}
#pro_info .img .small .pro_small .slide.swiper-slide-active{ border-color: var(--main); opacity: 1;}
#pro_info .img .small .pro_small .slide img{ max-width: 100%; max-height: 100%; transform: scale(0.8);}
#pro_info .img .small .btn_list{ top: 50%; width: 100%; pointer-events: none; transform: translateY(-50%);}
#pro_info .img .small .btn_list .btn{ pointer-events: auto; width: 60px; height: 60px; background: #fff; box-shadow: 10px 10px 20px rgba(39, 61, 84, .06); border-radius: 50%;}
#pro_info .img .small .btn_list .btn.prev svg{ transform: rotate(180deg);}
#pro_info .img .small .btn_list .btn.swiper-button-disabled{ opacity: .3; box-shadow: 10px 10px 20px rgba(39, 61, 84, .2);}

#pro_info .info{ width: calc(100% - 685px - 11.5625%);}
#pro_info .info .tit{ line-height: 50px; font-size: 42px; color: var(--main); font-weight: 600;}
#pro_info .info .subtit{ margin-top: 6px; line-height: 42px; font-size: 22px; color: #999;}
#pro_info .info .brief{ margin-top: 20px; padding-top: 30px; line-height: 36px; max-height: calc(36px * 11); overflow: auto; border-top: 1px solid #ededed; font-size: 18px; color: #333;}
#pro_info .info .btn_list{ margin-top: 32px; padding-top: 50px; border-top: 1px solid #ededed;}
#pro_info .info .btn_list .btn{ margin-left: 40px; padding: 0 35px; height: 56px; line-height: 56px; font-size: 18px; color: #333; box-shadow: 5px 5px 20px rgba(39, 61, 84, .1); border-radius: 28px;}
#pro_info .info .btn_list .btn:first-child{ margin-left: 0;}
#pro_info .info .btn_list .btn svg{ margin-right: 12px;}
#pro_info .info .btn_list .btn:hover { background: var(--main); color: #fff; box-shadow: 0 0 0 rgba(39, 61, 84, .1);}
#pro_info .info .btn_list .btn:hover svg path{ fill: #fff; transition: all .3s;}

#pro_detail{ padding: 80px 0; background-color: #fff;}
#pro_detail.data{background-color: #fcfcfc;}
#pro_detail .desc{ margin-top: 32px; line-height: 35px; font-size: 18px; color: #333;}
#pro_detail .desc *{max-width: 100%;}

#pro_rec{padding: 80px 0 100px; background-color: #fff;}
#pro_rec .ul{margin-top: 45px;}
#pro_rec .ul .li{margin-right: 2.5%; padding-bottom: 40px; width: 23.125%; border: 1px solid #ededed; transition: all .3s;}
#pro_rec .ul .li:nth-child(4){margin-right: 0;}
#pro_rec .ul .li .img{width: 100%; height: 305px;}
#pro_rec .ul .li .img img{transform: translate(-50%, -50%) scale(0.8);}
#pro_rec .ul .li .tit{padding: 0 20px; line-height: 24px; font-size: 18px; color: #333; text-align: center;}
#pro_rec .ul .li:hover{ border: 1px solid transparent; box-shadow: 5px 5px 20px rgba(39, 61, 84, .1);}
#pro_rec .ul .li:hover .img img{transform: translate(-50%, -50%) scale(0.9);}
#pro_rec .ul .li:hover .tit{ color: var(--main);}

@media (max-width: 1440px) {
    /* #pro_info .img{padding: 60px 0;} */
    #pro_info .img .small{bottom: 40px;}
    #pro_info .info{width: calc(100% - 685px - 6.5625%);}
    #pro_info .info .brief{padding-top: 25px; line-height: 30px; max-height: calc(30px * 11);}
    #pro_info .info .btn_list{margin-top: 25px; padding-top: 30px;}
}
@media screen and (max-width: 1366px){
    #pro_info .img{ width: 585px;}
    #pro_info .info{ width: calc(100% - 585px - 5%);}

    #pro_rec .ul .li{margin-right: 1.5%; width: 24.125%; padding-bottom: 30px;}
    #pro_rec .ul .li .img{height: 288px;}
}
@media screen and (max-width: 1280px){
    /* #pro_info .img{padding: 40px 0 50px;} */
    #pro_info .info .tit{font-size: 40px; line-height: 42px;}
    #pro_info .info .subtit{font-size: 20px; line-height: 32px;}
    #pro_info .info .brief{font-size: 16px; line-height: 30px; max-height: calc(30px * 11);}

    #pro_rec .ul .li .img{height: 275px;}
}
@media screen and (max-width: 1200px){
    #pro_info .info .btn_list{padding-top: 30px;}
}
@media screen and (max-width: 1024px) {
    #pro_info .cw1600{ flex-direction: column;}
    #pro_info .img{ width: 100%;}
    #pro_info .info{ margin-top: 30px; width: 100%;}

    #pro_rec .ul{flex-wrap: wrap; margin-top: 10px;}
    #pro_rec .ul .li{ width: 47.5%; margin-right: 4.5%; margin-top: 40px;}
    #pro_rec .ul .li:nth-child(2n){margin-right:0}
    #pro_rec .ul .li .img{height: 420px;}
}
@media screen and (max-width: 750px){
    .module_title{font-size: 42px; line-height: 1.5; font-weight: bold;}

    #pro_info{padding: 80px 0;}
    #pro_info .img .small{width: 92%;}
    #pro_info .img .small .pro_small{width: 430px;}
    #pro_info .img .small .pro_small .slide{height: 128px;}
    #pro_info .img .small .btn_list .btn{width: 80px; height: 80px;}
    #pro_info .img .small .btn_list .btn svg{transform: scale(1.2);}

    #pro_info .info .tit{ line-height: 1.6; font-size: 42px;}
    #pro_info .info .subtit{ margin-top: 0; line-height: 1.6; font-size: 30px;}
    #pro_info .info .brief{max-height: max-content; line-height: 1.6; font-size: 26px;}
    #pro_info .info .btn_list .btn{ padding:  0 50px; height: 80px; line-height: 80px; font-size: 26px; border-radius: 40px;}
    #pro_info .info .btn_list .btn svg{ margin-right: 20px; transform: scale(1.5);}

    #pro_detail .desc * {font-size: 30px !important;line-height: 1.8 !important;}

    #pro_rec .ul .li{ width: 100%; margin-right: 0; margin-top: 40px;}
    #pro_rec .ul .li:nth-child(2n){margin-right:0}
    #pro_rec .ul .li .img{height: 500px;}
    #pro_rec .ul .li .tit{line-height: 1.6; font-size: 32px;}
}



/* 关于我们 */
.page_title .tit_en{ line-height: 86px; font-size: 90px; color: var(--main); font-family:'MSB';}
.page_title .tit_cn{ margin-top: 10px; line-height: 58px; font-size: 40px; color: #222; font-weight: 500;}

#profile{ padding-top: 76px;}
#profile .tit_en{ display: flex; justify-content: space-between; }
#profile .tit_en span{line-height: 90px; font-size: 90px; color: var(--main); font-family:'MSB';}
#profile .tit_en:before{ display: block; content: ''; margin-top: 14px; width: 50px; height: 10px; background: var(--main); border-radius: 5px;}
#profile .tit_cn{ margin-top: 22px; width: 84.125%;}
#profile .tit_cn .txt{ line-height: 72px; font-size: 55px; color: var(--main); font-weight: 600;}
#profile .tit_cn .sub_tit{ line-height: 58px; font-size: 40px; color: #222; font-weight: 500;}
#profile .tit_cn .brief{ margin-top: 32px; line-height: 36px; font-size: 18px; color: #222;}
#profile .video{ margin-top: 80px; position: relative; padding-top: 41.667%;}
#profile .video::before{content: ""; display: block; width: 100%; height: 100%;background-color: rgb(0, 0, 0);opacity: 0.302;position: absolute;left: 0;top: 0;z-index: 1;}
#profile .video .pic{width: 100%; }
#profile .video .play_icon{ top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2;}
#profile .video .play_icon svg path{ fill: #fff;}

#honor{ padding-top: 90px; height: 960px; background-image: url(/images/about_honor_bg.jpg); background-position: center; background-size: cover;}
#honor .container{ padding: 30px 0 150px;}
#honor .container .slide{ padding: 38px 40px 22px; width: 300px; min-height: 375px; max-height: 500px; background: transparent; transform:scale(.8); -webkit-transform:scale(.8);}
#honor .container .swiper-slide-active,
#honor .container .swiper-slide-duplicate-active{transform:scale(1); -webkit-transform:scale(1); /*box-shadow: 0 20px 40px rgba(39, 61, 84, .1);*/}
#honor .container .slide .img{height: 296px}
#honor .container .slide .tit{ margin-top: 32px; line-height: 24px; font-size: 18px; color: #999; text-align: center;}
#honor .container .swiper-slide-active .tit,
#honor .container .swiper-slide-duplicate-active .tit{ color: #1a1a1a;}
#honor .container .swiper-slide-active .img,
#honor .container .swiper-slide-duplicate-active .img{height: 296px}
#honor .list .btn_list{ bottom: 20px; left: 50%; width: 182px; transform: translateX(-50%);}
#honor .list .btn_list .btn{ width: 67px; height: 67px; background: #fff; box-shadow: 10px 10px 15px rgba(0, 0, 0, .06); border-radius: 50%;}
#honor .list .btn_list .btn.next svg{ transform: rotate(180deg);}
#honor .list .btn_list .btn:hover{ background: var(--main); box-shadow: 0 0 0 rgba(0, 0, 0, .06);}
#honor .list .btn_list .btn:hover svg path{ fill: #fff;}

#history{ padding: 180px 0 125px;}
#history .list{ margin-top: -85px;}
#history .list:before{ display: block; content: ''; position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background: #e6e6e6; transform: translateX(-50%);}
#history .list .item{ position: relative; padding-top: 128px;}
#history .list .item:nth-child(2n){ flex-direction: row-reverse;}
#history .list .item .icon{ top: 52px; left: 50%; width: 24px; height: 24px; border-radius: 50%; transform: translateX(-50%);}
#history .list .item .icon:before{ display: block; content: ''; width: 8px; height: 8px; background: #0073e6; border-radius: 50%;}
#history .list .item:first-child .icon{ top: 0; border: 1px solid #e6e6e6; background: #fff;}

#history .list .item .text{ padding: 0 90px; width: 50%;}
#history .list .item .text .year{ line-height: 40px; font-size: 36px; color: #333; font-weight: 500;}
#history .list .item .text .brief{ margin-top: 24px; line-height: 32px; font-size: 18px; color: #666;}
#history .list .item .img{width: 50%; padding-top: 28.125%;}
#history .list .item .img .year{ top: 0; left: 90px; font-size: 92px; color: #e5e5e5; font-family: din; font-weight: bold; transform: translateY(-70px);}
#history .list .item:nth-child(2n) .img .year{ left: inherit; right: 90px;}
#history .list .item .img img{ z-index: 1;}

@media (max-width: 1280px) {
    .page_title .tit_en{font-size: 52px; line-height: 1.1;}
    .page_title .tit_cn{font-size: 36px; line-height: 1.5;}

    #profile .tit_en span{font-size: 52px; line-height: 1.1;}
    #profile .tit_cn .txt{font-size: 42px; line-height: 1.5;}
    #profile .tit_cn .sub_tit{font-size: 36px; line-height: 1.5;}
    #profile .tit_cn .brief{font-size: 18px; line-height: 30px; }

    #honor{height: 865px;}

    #history{padding: 100px 0;}
    #history .list .item .text{padding: 0 60px;}
    #history .list .item .text .year{ line-height: 1.5; font-size: 28px;}
    #history .list .item .text .brief{margin-top: 15px; line-height: 1.5; font-size: 16px;}
}
@media screen and (max-width: 1200px){
    #profile .tit_cn{ width: 100%;}
    #honor .container .slide{ padding: 20px 30px;}
}
@media screen and (max-width: 750px){
    #profile .tit_cn .brief{ line-height: 1.6; font-size: 26px;}

    #honor{height: auto; padding: 80px 0;}
    #honor .container{ margin: 0 auto; width: 92%;}
    #honor .container .slide {min-height: 550px; max-height: max-content;}
    #honor .container .slide .tit{ line-height: 1.6; font-size: 26px;}
    #honor .container .swiper-slide-active .img, 
    #honor .container .swiper-slide-duplicate-active .img{height: 390px;}

    #history .list{ margin-top: 0;}
    #history .list .item,
    #history .list .item:nth-child(2n){flex-direction: column-reverse;}
    #history .list .item .img{width: 100%; padding-top: 56.125%;}
    #history .list .item .img .year{left: 0;}
    #history .list .item:nth-child(2n) .img .year{right: 0;}

    #history .list .item .text{width: 100%; padding: 20px;}
    #history .list .item .text .year{ line-height: 1.6; font-size: 36px; font-weight: bold; }
    #history .list .item .text .brief{ line-height: 1.6; font-size: 26px;}
}



/* 关于我们-合作伙伴 */
#partner{ padding: 90px 0; background: #f7f8fa;}
#partner .cate .item{padding: 0 15px; width: max-content; min-width: 10.94%; line-height: 51px; border: 2px solid #e8e9eb; font-size: 18px; color: #333; text-align: center; border-radius: 30px; transition: all 0.3s ease;}
#partner .cate .item:first-child{ margin-left: 0;}
#partner .cate .item:hover,
#partner .cate .item.cur{ border-color: #666; }

#partner .list{ margin-top: 60px; margin-bottom: 60px}
#partner .list .item{ margin: 22px 1.25% 0 0; padding: 30px; width: 24.0625%; background: #fff;}
#partner .list .item:nth-child(-n+4){ margin-top: 0;}
#partner .list .item:nth-child(4n){ margin-right: 0;}
#partner .list .item .img{ width: 100%; height: 280px;}
#partner .list .item .tit{ margin-top: 5px; line-height: 40px; font-size: 20px; color: #333; text-align: center;}
#partner .list .item:hover{ box-shadow: 0px 10px 35px 0px rgba(28, 28, 28, 0.1);}
#partner .list .item:hover .tit{ color: var(--main);}

@media screen and (max-width: 750px){
    #partner .cate .item{ min-width: 190px; height: 80px; line-height: 80px; font-size: 26px; border-radius: 40px;}

    #partner .list .item{ margin: 30px 30px 0 0; width: 47.8%;}
    #partner .list .item:nth-child(-n+4){ margin-top: 30px;}
    #partner .list .item:nth-child(4n){ margin-right: 30px;}
    #partner .list .item:nth-child(2n){ margin-right: 0;}
    #partner .list .item:nth-child(-n+2){ margin-top: 0;}
    #partner .list .item .tit{ line-height: 1.6; font-size: 30px;}
}



/* 关于我们-核心优势 */
#core .page_title{ width: 100%;}
#core .page_title .num{ line-height: 86px; font-size: 90px; color: var(--main); font-family:'MSB'; text-align: center;}
#core .page_title .txt{ margin-top: 15px; line-height: 58px; font-size: 40px; color: #333; text-align: center; font-weight: 500;}

#core{ padding: 90px 0 152px;}
#core .one .page_title{ top: 0; left: 0;}
#core .one .page_title .num,
#core .one .page_title .txt{ text-align: left;}
#core .one .bind .con .info{ margin-bottom: 58px; width: 31.25%;}
#core .one .bind .con .info .tit{font-weight: 500; line-height: 54px; font-size: 36px; color: #333;}
#core .one .bind .con .info .brief{ margin-top: 21px; line-height: 30px; font-size: 16px; color: #333;}
#core .one .bind .con .img{width: 50%; padding-top: 36.25%;}
#core .one .bind .con .img img{object-fit: cover;}
#core .one .tab{ margin-top: 70px; width:  100%;}
#core .one .tab .li{ padding-top: 30px; line-height: 30px; width: 100%; border-top: 4px solid #f7f8fa; font-size: 20px; color: #999; text-align: center; font-weight: 500; cursor: pointer;}
#core .one .tab .li.cur,
#core .one .tab .li:hover{ border-color: var(--main); color: var(--main);}

#core .two{ padding: 110px 0;}
#core .two .list{ margin-top: 60px;}
#core .two .list .item{ margin-right: 1.625%; width: 32.25%;}
#core .two .list .item:nth-child(3n){ margin-right: 0;}
#core .two .list .item .img{width: 100%;}
#core .two .list .item .img img{max-width: 100%;}
#core .two .list .item .img:before{ display: block; content: ''; position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; height: 50%; background: linear-gradient(to top, rgba(0, 0, 0, .3) 10%, rgba(0, 0, 0, 0)) 30%;}
#core .two .list .item .con{ top: 0; left: 0; z-index: 2; padding: 45px; height: 100%;  overflow: auto; }
#core .two .list .item .con .tit{transform: translateY(0); line-height: 38px; font-size: 30px; color: #fff; font-weight: 500; transition: all 0.2s ease;}
#core .two .list .item .con .brief{position: relative; bottom: -20%; height: 0; overflow: hidden; transition: all 0.1s ease;}
#core .two .list .item .con .brief .brief_in{ margin-top: 0; line-height: 30px; font-size: 16px; color: #fff; max-height: calc(30px * 8); overflow: auto;}
#core .two .list .item:hover .con{ background: rgba(0, 89, 184, .9);}
#core .two .list .item:hover .con .tit{transform: translateY(-27px);}
#core .two .list .item:hover .con .brief{bottom: 0; height: max-content;}

#core .three{ height: 880px; background-repeat: no-repeat; background-position: center; background-size: cover;}
#core .three::before {content:''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-color: rgb(3, 17, 31); opacity: 0.6;}
#core .three .box{position: relative; z-index: 2;}
#core .three .page_title .num,
#core .three .page_title .txt{ color: #fff;}
#core .three .desc{ margin-top: 60px; line-height: 36px; font-size: 18px; color: #fff; text-align: center;}

#core .four{ margin-top: 110px;}
#core .four .list{ margin-top: 50px;}
#core .four .list .item{ margin-right: 0.5473%; padding: 50px; width: 19.5625%;}
#core .four .list .item:nth-child(5n){ margin-right: 0;}
#core .four .list .item .icon{ width: 100%; height: 200px;}
#core .four .list .item .tit{font-weight: 500; line-height: 38px; font-size: 30px; color: #333; text-align: center;}
#core .four .list .item .brief{ margin-top: 20px; line-height: 30px; font-size: 16px; color: #666;  text-align: center;}

@media screen and (max-width: 1200px){
    #core .one .bind .con .info{width: 45.25%; margin-bottom: 20px;}
    #core .one .tab{ margin-top: 30px;}

    #core .two .list .item .con .tit{ font-size: 28px;}
    #core .two .list .item:hover .con .tit{transform: translateY(-15px);}
    #core .two .list .item .con .brief .brief_in{line-height: 20px; font-size: 14px; max-height: calc(20px * 8);}

    #core .three{height: 700px;}

    #core .four .list .item{ padding: 30px;}
}
@media screen and (max-width: 1024px){
    #core .page_title .num{ line-height: 50px; font-size: 46px;}
    #core .page_title .txt{ line-height: 40px; font-size: 28px;}
    #core .one .bind .con .info .tit{ line-height: 40px; font-size: 28px;}
    #core .one .bind .con .info .brief{ line-height: 26px; font-size: 14px;}
    #core .one .tab .li{ font-size: 16px;}

    #core .two .list .item .con{ padding:  25px;}
    #core .two .list .item .con .tit{ font-size: 22px;}

    #core .four .list .item{ padding: 20px;}
    #core .four .list .item .icon{ height: 100px;}
    #core .four .list .item .icon img{ max-width: 25%;}

    #core .four .list .item .tit{ font-size: 24px;}
    #core .four .list .item .brief{ line-height: 26px; font-size: 14px;}
}
@media screen and (max-width: 750px){
    #core .page_title{ position: static;}
    #core .page_title .num{ line-height: 1.2; font-size: 56px;}
    #core .page_title .txt{ line-height: 1.2; font-size: 42px;}

    #core .one .page_title .num,
    #core .one .page_title .txt{ text-align: center;}

    #core .one .bind{ margin-top: 30px;}
    #core .one .bind .con .con-in{ flex-direction: column;}
    #core .one .bind .con .con-in .info,
    #core .one .bind .con .con-in .img{ width: 100%;}
    #core .one .bind .con .img{padding-top: 72.25%;}
    #core .one .bind .con .info .tit{ line-height: 1.6; font-size: 36px; font-weight: 500;}
    #core .one .bind .con .info .brief{ line-height: 1.6; font-size: 26px;}
    #core .one .tab .li{ font-size: 26px;}

    #core .two .list{ flex-direction: column;}
    #core .two .list .item{ margin-top: 20px; width: 100%;}
    #core .two .list .item .img img{ width: 100%;}
    #core .two .list .item .con{ background: rgba(0, 89, 184, .7);}
    #core .two .list .item .con .tit{line-height: 1.6; font-size: 36px; transform: translateY(-20px);}
    #core .two .list .item .con .brief{bottom: 0; height: max-content;}
    #core .two .list .item .con .brief .brief_in{line-height: 1.6; font-size: 26px; max-height: calc(46px * 5);}

    #core .two .list .item:hover .con .brief{ height: 230px;}

    #core .three .desc{ line-height: 1.6; font-size: 26px;}

    #core .four .list{ justify-content: center;}
    #core .four .list .item{ margin: 30px 2% 0 0; padding: 40px 30px; width: 49%;}
    #core .four .list .item:nth-child(-n+2){ margin-top: 0;}
    #core .four .list .item:nth-child(even){ margin-right: 0;}
    #core .four .list .item .tit{ line-height: 1.6; font-size: 36px;}
    #core .four .list .item .brief{ line-height: 1.6; font-size: 26px;}

}



/* 应用 */
.application{padding: 0 0 100px;}
#app_top{padding-top: 82px;}
#app_top .top{width: 63.44%; color: #333;} 
#app_top .top .p1{font-size: 42px; line-height: 58px; font-weight: 600;} 
#app_top .top .p2{margin-top: 18px; font-size: 20px; line-height: 40px;} 
#app_top .list{margin-top: 70px;}
#app_top .list .slide{padding: 60px 3.375% 68px; width: 18.75%; background-color: #fff; transition: background-color 0.2s ease;}
#app_top .list .slide .icon{width: 55px; height: 55px;}
#app_top .list .slide .icon .svg{fill: var(--main);}
#app_top .list .slide .name{margin-top: 85px; font-size: 24px; line-height: 32px; color: #333; font-weight: 500;}
#app_top .list .slide:hover{background-color: var(--main);}
#app_top .list .slide:hover .icon .svg{fill: #fff;}
#app_top .list .slide:hover .name{color: #fff;}
#app_top .list .btn{top: 50%; transform: translateY(-50%); z-index: 1; width: 63px; height: 63px; box-shadow: 10px 17.321px 40px 0px rgba(39, 61, 84, 0.1); background-color: #fff; border-radius: 50%;}
#app_top .list .btn .svg{fill:#ccc;}
#app_top .list .btn.prev{left: -92px;}
#app_top .list .btn.next{right: -92px;}
#app_top .list .btn.prev .svg{transform: rotate(180deg);}
#app_top .list .btn:hover .svg{fill:#333;}

#app_list{}
#app_list .item{padding-top: 100px;}
#app_list .item .box{background-color: #fff;}
#app_list .item:nth-child(2n) .box{flex-direction: row-reverse;}
#app_list .item .box .pic{width: 59.44%; padding-top: 40.625%;}
#app_list .item .box .right{width: calc(100% - 59.44%); max-height: 650px; overflow: auto; }
#app_list .item .box .info{width: 100%; padding: 60px 11.588%; }
#app_list .item .box .info .name{font-size: 42px; line-height: 58px; color: #333; font-weight: 500;}
#app_list .item .box .info .brief{margin-top: 32px; font-size: 18px; line-height: 36px; color: #666;}
#app_list .item .box .right::-webkit-scrollbar-thumb {background: var(--main);}

@media (max-width: 1536px) {
    #app_top .list .slide{width: 23.75%;}
    #app_top .list .btn.prev{left: -50px;}
    #app_top .list .btn.next{right: -50px;}
}
@media (max-width: 1366px) {
    #app_list .item .box .info .name{font-size: 36px; line-height: 1.5;}
    #app_list .item .box .info .brief{margin-top: 25px; font-size: 18px; line-height: 1.6;}
}
@media (max-width: 1280px) {
    #app_top .top .p1{font-size: 40px;}
    #app_top .top .p2{font-size: 18px; line-height: 1.6;}
    #app_top .list .slide{padding: 55px 3.375%;}

    #app_list .item .box .pic{padding-top: 38.625%;}
    #app_list .item .box .info{padding: 50px 9.588%;}
}
@media (max-width: 1200px) {
    #app_top .list .btn.prev{left: -40px;}
    #app_top .list .btn.next{right: -40px;}
}
@media (max-width: 1024px) {
    #app_top .top{width: 73.44%;}
    #app_top .list .slide{width: 31.75%;}
    #app_top .list .btn.prev{left: -35px;}
    #app_top .list .btn.next{right: -35px;}
}
@media (max-width: 750px) {
    #app_top .top{width: 100%;}
    #app_top .top .p1{font-size: 42px; line-height: 1.5;}
    #app_top .top .p2{font-size: 26px; line-height: 1.5;}

    #app_top .list .slide{width: 49.75%; padding: 55px 6.375%;}
    #app_top .list .slide .name{font-size: 32px; line-height: 1.5;}
    #app_top .list .btn{width: 70px; height: 70px; opacity: 1;}
    #app_top .list .btn .svg{transform: scale(1.3);}
    #app_top .list .btn.prev .svg{transform: rotate(180deg) scale(1.3);}
    #app_top .list .btn.prev{left: -25px;}
    #app_top .list .btn.next{right: -25px;}


    #app_list .item .box,
    #app_list .item:nth-child(2n) .box{flex-direction: column;}
    #app_list .item .box .pic{width: 100%; padding-top: 49.625%;}
    #app_list .item .box .pic img{object-fit: cover; transform: translate(-50%,-50%) scale(1);}
    #app_list .item .box .right{width: 100%; max-height: auto; overflow: auto; }
    #app_list .item .box .info{padding: 50px 40px;}
    #app_list .item .box .info .brief{font-size: 26px; line-height: 1.5;}
}



/* 新闻中心 */
#news_cate{padding: 90px 0 60px;}
#news_cate .slide{margin: 0 15px; width: 175px; height: 55px; font-size: 18px; color: #333; border: 2px solid rgba(102, 102, 102, 0.1); border-radius: 30px; transition: all 0.3s ease;}
#news_cate .slide.cur,
#news_cate .slide:hover{border-color: rgba(102, 102, 102, 1);}

#news {padding: 0 0 76px;}
#news .top {margin-bottom: 70px;}
#news .top .pic {width: 65.625%; padding-top: 35.75%;}
#news .top .pic:hover img{transform: scale(1.1);}
#news .top .box {width: 30.75%; color: #999; background: #fff;padding: 50px 2.813%;}
#news .top .box .top_name {font-size: 32px; line-height: 47px; font-weight: 500; margin-bottom: 36px; color: #353535; }
#news .top .box .top_time {font-size: 20px; line-height: 24px; margin-bottom: 40px; }
#news .top .box .top_brief {font-size: 18px; line-height: 37px; margin-bottom: 90px;}
#news .top .box .top_btn {width: 137px; height: 45px; border-radius: 25px; font-size: 16px; border: 1px solid #e6e6e6;}
#news .top .box .top_btn .icon {margin-left: 12px;}
#news .top .box .top_btn .icon .svg{fill: #999;}
#news .bottom {margin-bottom: 72px; display: grid;grid-template-columns: repeat(3, 30.75%);gap: 57px 63px;}
#news .bottom .case {padding: 35px 45px 59px; color: #999999; background: #fff; }
#news .bottom .case .bot_name {font-size: 26px; line-height: 42px; height: calc(42px * 2); font-weight: 500; margin-bottom: 20px; color: #333; }
#news .bottom .case .img {margin-bottom: 28px; padding-top: 68.472%;}
#news .bottom .case .img img {width: 100%; }
#news .bottom .case .img .bot_time {padding: 11px 9px 9px; bottom: 0; left: 0; background: rgba(0,0,0,0.5); text-align: center; color: #fff; border-top-right-radius: 20px;}
#news .bottom .case .img .bot_time .day {font-size: 36px; line-height: 38px; font-family:'MSB';}
#news .bottom .case .img .bot_time .year {font-size: 16px; line-height: 22px; font-family:'MR'; opacity: 0.5;}
#news .bottom .case .bot_brief {font-size: 16px; line-height: 32px; height: calc(32px * 3); margin-bottom: 42px; }
#news .bottom .case .bot_btn {width: 140px; height: 45px; border-radius: 23px; font-size: 16px; border: 1px solid #e6e6e6; }
#news .bottom .case .bot_btn .svg {margin-left: 12px; fill: #999999; }

#news .top .box:hover,
#news .bottom .case:hover {background: var(--main); color: #fff;}
#news .top .box:hover .top_name,
#news .bottom .case:hover .bot_name {color: #fff;} 
#news .top .box:hover .top_btn .svg {fill: #fff;}
#news .bottom .case:hover .bot_btn {border-color: #fff; background-color: #fff; color: #333;}
#news .bottom .case:hover .bot_btn .svg {fill: #333;}

@media (max-width: 1536px) {
    #news .bottom{grid-template-columns: repeat(3, 30.3%);}
    #news .bottom .case{padding: 35px 35px 45px;}
}
@media (max-width: 1440px) {
    #news .top .box .top_brief{margin-bottom: 60px;}

    #news .bottom{grid-template-columns: repeat(3, 31%); gap: 46px 46px;}
}
@media (max-width: 1366px) {
    #news .top .box .top_name{margin-bottom: 30px; font-size: 28px; line-height: 37px;}
    #news .top .box .top_time{margin-bottom: 30px;}
    #news .top .box .top_brief{line-height: 30px;}

    #news .bottom .case .bot_name{font-size: 22px; line-height: 35px; height: calc(35px * 2);}
    #news .bottom .case .img .bot_time .day{font-size: 34px;}
    #news .bottom .case .bot_brief{line-height: 27px; height: calc(27px * 3);  margin-bottom: 32px;}
}
@media (max-width: 1280px) {
    #news .bottom{gap: 40px 40px;}
}
@media (max-width: 1200px) {
    #news .top .box{padding: 35px 2.813%;}
    #news .top .box .top_time{margin-bottom: 20px; font-size: 18px; line-height: 1.3;}
    #news .top .box .top_brief{margin-bottom: 30px; font-size: 16px; line-height: 28px;}

    #news .bottom .case{padding: 35px 28px;}
}
@media (max-width: 1024px) {
    #news .bottom{gap: 32px 32px;}
    #news .bottom .case { padding: 35px 26px; }
}
@media (max-width: 750px) {
    #news_cate{padding: 80px 0 40px;}
    #news_cate .slide{font-size: 32px; width: 210px; height: 70px; border-radius: 50px;}
    
    #news .top{flex-wrap: wrap;}
    #news .top .pic {width: 100%; padding-top: 54.75%;}
    #news .top .box {width: 100%; padding: 40px 4.813%;}
    #news .top .box .top_name{font-size: 36px; line-height: 1.5; font-weight: 500;}
    #news .top .box .top_time,
    #news .top .box .top_brief{font-size: 26px; line-height: 1.5;}
    #news .top .box .top_btn {width: 200px; height: 70px; border-radius: 35px; font-size: 26px;}
    #news .top .box .top_btn .icon .svg{transform: scale(1.3);}

    #news .bottom{grid-template-columns: repeat(1, 100%); gap: 40px 0;}
    #news .bottom .case{padding: 40px 4.813%;}
    #news .bottom .case .bot_name{font-size: 36px; line-height: 1.5; height: auto; font-weight: 500;}
    #news .bottom .case .img .bot_time{padding: 15px;}
    #news .bottom .case .img .bot_time .year{font-size: 26px; line-height: 1.5;}
    #news .bottom .case .bot_brief{font-size: 26px; line-height: 1.5; height: auto;}
    #news .bottom .case .bot_btn{width: 200px; height: 70px; border-radius: 35px; font-size: 26px;}
    #news .bottom .case .bot_btn .svg{transform: scale(1.3);}
}



/* 新闻详情 */
#news_banner{width: 100%; }
#news_banner .back{width: 100%; padding-top: 26.042%;}
#news_banner .back img{object-fit: cover; transform: translate(-50%, -50%) scale(1);}
#news_banner .back::before{content: " "; width: 100%; height: 100%; background: url(/images/banner-back.png) no-repeat center center/cover; position: absolute; top:0; left: 0; z-index: 2;}
#news_banner .infoBox{z-index: 3; margin-top: 70px; /*border-top: 1px solid rgba(255,255,255,0.2)*/}
#news_banner .infoBox .inBox{height: 100%; color: #fff; display: flex; flex-direction: column; justify-content: space-evenly; padding-top: 70px;}
#news_banner .infoBox .inBox .infoName{font-size: 55px; line-height: 1.236; font-weight: 700;}
#news_banner .infoBox .inBox .infoTime{font-size: 18px; line-height: 24px; opacity: 0.5;}

/* 正文 */
#news_detail .content {display: flex; justify-content: space-between;}
#news_detail .content .right {width: 72.286%;}
#news_detail .content .right .detail {padding: 104px 4.285% 66px 0; font-size: 18px; line-height: 36px; color: #333; border-bottom: 1px solid #dedede;}
#news_detail .content .right .detail * {max-width: 100%;}
#news_detail .content .right .page {padding: 80px 0 90px;}
#news_detail .content .right .page .pn {margin-top: 25px; font-size: 18px; line-height: 27px; color: #999;}
#news_detail .content .right .page .pn:first-child {margin-top: 0;}
#news_detail .content .right .page .pn i {display: inline-block; width: 1px; height: 15px; background-color: #999; margin: 0 32px;}
#news_detail .content .right .page .pn .text { font-weight: 600;}
#news_detail .content .right .page .pn .name {width: calc(100% - 123px); padding-right: 4.5%;}
#news_detail .content .right .page .pn:hover .text {color: var(--main);border-color: var(--main);}
#news_detail .content .right .page .pn:hover i{background-color: var(--main);}
#news_detail .content .right .page .pn:hover .name {color: var(--main);}

#news_detail .content .relevant {width: calc(100% - 72.286%);border-left: 1px solid #dedede;padding-top: 110px;}
#news_detail .content .relevant .share {padding: 47px 0 47px 21%; display: flex; align-items: center; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede;}
#news_detail .content .relevant .share .box {cursor:pointer; width: 38px; height: 38px; border-radius: 50%; background: #e6e6e6;margin-right: 20px;}
#news_detail .content .relevant .share .box:last-child {margin-right: 0;}
#news_detail .content .relevant .share .box .svg {fill: #333333;}
#news_detail .content .relevant .list {padding: 50px 0 0 21%;}
#news_detail .content .relevant .list .tit {font-size: 24px; line-height: 31px; color: #333333; font-weight: 500;}
#news_detail .content .relevant .list .ul .li { margin-top: 30px; border-bottom: 1px solid #dedede;}
#news_detail .content .relevant .list .ul .li .img {padding-top: 68.639%;}
#news_detail .content .relevant .list .ul .li .word {padding: 18px 0 20px;}
#news_detail .content .relevant .list .ul .li .word .time {font-size: 14px; color: #333; text-align: center; }
#news_detail .content .relevant .list .ul .li .word .time .day {font-size: 26px; font-family:'MSB';}
#news_detail .content .relevant .list .ul .li .word .name {width: 78.049%; padding-left: 5.901%; line-height: 25px; font-size: 16px; color: #333; border-left: 1px solid #dedede;}
#news_detail .content .relevant .list .ul .li:hover .word .time,
#news_detail .content .relevant .list .ul .li:hover .word {color: var(--main);}
#news_detail .content .relevant .list .ul .li:hover .word .name {color: var(--main); border-color: var(--main);}

@media (max-width: 1680px) {
    #news_banner .infoBox .inBox .infoName{font-size: 48px; }
    #news_detail .content .relevant .share{padding: 47px 0 47px 14%;}
    #news_detail .content .relevant .list{padding: 50px 0 0 14%;}
}
@media (max-width: 1440px) {
    #news_banner .infoBox .inBox .infoName{font-size: 44px;}
}
@media (max-width: 1366px) {
    #news_banner .infoBox .inBox .infoName{font-size: 42px;}
}
@media (max-width: 1280px) {
    #news_banner .back{padding-top: 33.042%;}
    #news_banner .infoBox .inBox .infoName{font-size: 38px;}
    #news_detail .content .right .page{padding: 70px 0;}
}
@media (max-width: 1200px) {
    #news_banner .back{padding-top: 36.042%;}
}
@media screen and (max-width:1024px) {
    #news_detail .content{flex-wrap: wrap;}
	#news_detail .content .right {width: 100%;}
	#news_detail .content .right .page{padding: 40px 0;}
    #news_detail .content .right .detail{padding: 80px 0;}

	#news_detail .content .relevant {width: 100%; border: none; padding: 0; padding-bottom: 80px;}
    #news_detail .content .relevant .share{padding: 40px 0; justify-content: center;}
    #news_detail .content .relevant .list{padding: 40px 0 0 0;}
    #news_detail .content .relevant .list .ul{display: flex; flex-wrap: wrap; justify-content: space-between}
    #news_detail .content .relevant .list .ul .li{width: 48%;}
}
@media screen and (max-width:750px) {
    #news_banner .back{padding-top: 73.042%;}
    #news_banner .infoBox{margin-top: 0;}
    #news_banner .infoBox .inBox{padding: 0;}
    #news_banner .infoBox .inBox .infoName{font-size: 45px; line-height: 1.5;}
    #news_banner .infoBox .inBox .infoTime{font-size: 26px; line-height: 1.5;}

	#news_detail .content .right .detail * {font-size: 30px !important;line-height: 1.8 !important;}
	#news_detail .content .right .page .pn {font-size: 26px;line-height: 1.5;}
    #news_detail .content .right .page .pn i{margin: 0 20px;}

	#news_detail .content .relevant .share .box {width: 65px;height: 65px;}
	#news_detail .content .relevant .share .box .svg {transform: scale(1.3);}
    
	#news_detail .content .relevant .list .tit{font-size: 42px;line-height: 1.5;}
    #news_detail .content .relevant .list .ul .li{width: 100%;}
    #news_detail .content .relevant .list .ul .li .word .time{font-size: 26px;}
    #news_detail .content .relevant .list .ul .li .word .time .day{font-size: 36px;;}
    #news_detail .content .relevant .list .ul .li .word .name{width: 81%; padding-left: 3.901%; font-size: 32px; line-height: 1.5; height: auto; font-weight: 500;}
}



/* OEM/ODM */
#oemTit{font-size: 48px; line-height: 65px; color: #333; font-weight: 600; text-align: center;}
@media (max-width:1200px) {
    #oemTit{font-size: 42px; line-height: 1.5;}
}


#oem_service{margin-top: 90px; padding: 83px 0 177px; background: url(/images/oem/1.jpg) no-repeat center center/cover;}
#oem_service .tit{color: #fff;}
#oem_service .container{margin-top: 112px;}
#oem_service .container .slide{width: 12.5%;}
#oem_service .container .slide .pic{margin: 0 auto 55px; width: 100%; padding-top: 100%; background-color: #fff; border-radius: 50%;}
#oem_service .container .slide .txt{width: 100%; font-size: 20px; line-height: 28px; color: #fff; font-weight: 500;}

@media (max-width: 1536px) {
    #oem_service .container .slide .pic img{transform: translate(-50%,-50%) scale(0.8);}
}
@media (max-width: 1440px) {
    #oem_service{padding: 100px 0 120px;}
    #oem_service .container{margin-top: 90px;}
}
@media (max-width: 1366px) {
    #oem_service .container .slide .txt{font-size: 18px;}
}
@media (max-width: 1200px) {
    #oem_service .container .slide{width: 13.5%;}
}
@media (max-width: 1024px) {
    #oem_service .container .slide{width: 19%;}
}
@media (max-width: 750px) {
    #oem_service .container .slide{width: 32.5%;}
    #oem_service .container .slide .pic img{transform: translate(-50%,-50%) scale(1);}
    #oem_service .container .slide .txt{font-size: 30px; line-height: 1.5;}
}



#odm_process{padding: 72px 0 125px; background: #fff;}
#odm_process .list{margin-top: 40px; padding: 107px 0 102px; background-color: #f7f8fa;}
#odm_process .list .item{width: 12%;}
#odm_process .list .item .top .icon{margin:0 auto; width: 90px; height: 90px; box-shadow: 5px 8.66px 20px 0px rgba(227, 227, 240, 0.6); border-radius: 50%; background-color: #fff;}
#odm_process .list .item .top .icon .svg{fill: #333;}
#odm_process .list .item .top .jt{top: 50%; right: -6px; transform: translateY(-50%); z-index: 1;}
#odm_process .list .item .top .jt .svg{fill: #d9d9d9;}
#odm_process .list .item:last-child .top .jt{display: none;}
#odm_process .list .item .info{margin-top: 48px;}
#odm_process .list .item .info .p1{font-size: 24px; line-height: 28px; color: #d9d9d9; font-weight: 700;}
#odm_process .list .item .info .p2{margin-top: 17px; padding: 0 10px; font-size: 20px; line-height: 28px; color: #333; font-weight: 500;}
/* #odm_process .list .item:hover .top .icon img{transform: scale(1.1);} */
#odm_process .list .item:hover .top .icon .svg{fill: var(--main);}
#odm_process .list .item:hover .info .p1,
#odm_process .list .item:hover .info .p2{color: var(--main);}

@media (max-width: 1440px) {
    #odm_process .list .item .info .p2{font-size: 16px;}
}
@media (max-width: 1366px) {
    #odm_process .list .item{width: 12.5%;}
}
@media (max-width: 1280px) {
    #odm_process .list{padding: 80px 0;}
    #odm_process .list .item .info{margin-top: 30px;}
}
@media (max-width: 1200px) {
    #odm_process .list .item .info .p2{font-size: 14px;}
}
@media (max-width:1024px) {
    #odm_process .list{flex-wrap: wrap; padding: 0 0 40px;}
    #odm_process .list .item {width: 25%; margin-top: 40px;}
    #odm_process .list .item:nth-child(4) .top .jt{display: none;}
    #odm_process .list .item .info .p2{font-size: 16px;}
}
@media (max-width: 750px) {
    #odm_process{padding: 100px 0;}
    #odm_process .list .item {width: 50%;}
    #odm_process .list .item:nth-child(2n) .top .jt{display: none;}
    #odm_process .list .item .info .p1{font-size: 32px; line-height: 1.5;}
    #odm_process .list .item .info .p2{font-size: 30px; line-height: 1.5;}
}



#oem_process{padding: 80px 0 163px; }
#oem_process .list{margin-top: 62px;}
#oem_process .list .item{padding: 58px 20px 25px; width: 12.5%; border-top-right-radius: 50px; background-color: #fff;}
#oem_process .list .item .icon{margin: 0 auto 52px; width: 42px; height: 42px;}
#oem_process .list .item .icon .svg{fill: #333;}
#oem_process .list .item .info{}
#oem_process .list .item .info .p1{margin-bottom: 15px; font-size: 20px; line-height: 26px; min-height: calc(26px * 2); font-weight: 500; color: #333;}
#oem_process .list .item .info .p2{font-size: 24px; line-height: 27px; font-weight: 700; color: #d9d9d9;}
#oem_process .list .item:hover{box-shadow: 5px 8.66px 20px 0px rgba(39, 61, 84, 0.06);}
#oem_process .list .item:hover .icon .svg{fill: var(--main);}
#oem_process .list .item:hover .info .p1,
#oem_process .list .item:hover .info .p2{color: var(--main);}

@media (max-width: 1536px) {
    #oem_process .list .item{width: 13.5%;}
}
@media (max-width: 1366px) {
    #oem_process .list .item .icon{margin: 0 auto 40px;}
    #oem_process .list .item .info .p1{font-size: 16px;}
}
@media (max-width: 1280px) {
    #oem_process{padding: 80px 0 120px;}
    #oem_process .list .item .icon{margin: 0 auto 30px;}
}
@media (max-width: 1200px) {
    #oem_process .list .item{padding: 40px 15px 25px;}
}
@media (max-width: 1024px) {
    #oem_process .list{flex-wrap: wrap; margin-top: 10px;}
    #oem_process .list .item{margin-top: 40px; width: 23%;}
}
@media (max-width: 750px) {
    #oem_process{padding: 100px 0;}
    #oem_process .list .item {width: 49%; padding: 40px 30px 25px;}
    #oem_process .list .item:nth-child(2n) .top .jt{display: none;}
    #oem_process .list .item .info .p1{font-size: 32px; line-height: 1.5; min-height: 90px;;}
    #oem_process .list .item .info .p2{font-size: 30px; line-height: 1.5;}
}


#oem_certificate{padding: 76px 0 108px; background: #fff;}
#oem_certificate .container{margin-top: 52px;}
#oem_certificate .container .slide{padding: 0 0 14px;  background-color: #f7f8fa; }
#oem_certificate .container .slide .pic{width: 100%; height: 296px;}
#oem_certificate .container .slide .name{padding: 0 55px; margin-top: 16px; font-size: 16px; line-height: 25px; min-height: calc(25px * 2); color: #333;}
#oem_certificate .btn_ul{margin-top: 46px;}
#oem_certificate .btn{width: 67px; height: 67px; box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.06); background-color: #fff; border-radius: 50%;}
#oem_certificate .btn .svg{fill:#333;}
#oem_certificate .btn.next{margin-left: 50px;}
#oem_certificate .btn.next .svg{transform: rotate(180deg);}
#oem_certificate .btn:hover {background-color: var(--main)}
#oem_certificate .btn:hover .svg{fill:#fff;}

@media (max-width: 1536px) {
    #oem_certificate .container .slide .name{padding: 0 40px;}
}
@media (max-width: 750px) {
    #oem_certificate{padding: 100px 0;}
    #oem_certificate .container{margin-top: 40px;}
    #oem_certificate .container .slide{padding: 0 0 30px;}
    #oem_certificate .container .slide .pic{height: 330px;}
    #oem_certificate .container .slide .name{padding: 0 25px;font-size: 26px; line-height:1.5; min-height: 78px;}
    
    #oem_certificate .btn{width: 70px; height: 70px; }
    #oem_certificate .btn .svg{transform: scale(1.3);}
    #oem_certificate .btn.next .svg{transform: rotate(180deg) scale(1.3);}
    #oem_certificate .btn {background-color: var(--main)}
    #oem_certificate .btn .svg{fill:#fff;}
}


#oem_contact{}
#oem_contact .back{width: 100%; padding-top: 31.25%;}
#oem_contact .back::before{content:""; display: block; width: 100%; height: 100%; background-color: rgba(6, 60, 125, 0.8); position: absolute; top:0; left: 0; z-index: 1;}
#oem_contact .box{height: 100%; flex-direction: column; justify-content: center; align-items: center;}
#oem_contact .info{z-index: 2; color: #fff;}
#oem_contact .info .icon{width: 45px; height: 38px;}
#oem_contact .info .phone{margin-top: 19px; font-size: 45px; line-height: 52px; color: #ff7f00; font-family:'MSB';}
#oem_contact .info .p1{margin-top: 12px; font-size: 36px; line-height: 52px; font-weight: 500;}
#oem_contact .info .p2{margin-top: 21px; font-size: 18px; line-height: 37px;}

@media (max-width: 1280px) {
    #oem_contact .info .p1{margin-top: 10px; font-size: 30px; line-height: 1.5;}
    #oem_contact .info .p2{margin-top: 10px; font-size: 16px; line-height: 1.5;}
}
@media (max-width: 1024px) {
    #oem_contact .back{padding-top: 36.25%;}
    #oem_contact .info .phone{margin-top: 15px; font-size: 42px; line-height: 1.5;}
    #oem_contact .info .p1{margin-top: 0;}
}
@media (max-width: 750px) {
    #oem_contact .back{padding-top: 81.25%;}
    #oem_contact .info .icon{height: 40px;}
    #oem_contact .info .phone{margin-top: 15px; font-size: 46px;}
    #oem_contact .info .p1{margin-top: 15px; font-size: 32px;}
    #oem_contact .info .p2{margin-top: 15px; font-size: 26px;}
}



/* 联系我们 */
#contact{background-color: #f7f8fa;}
#contact .top{padding: 90px 0 0; align-items: center;}
#contact .top .contact_text{width: 50%;}
#contact .top .contact_text .tit{margin-bottom: 37px; font-size: 36px; font-weight: 600; color: var(--main); }
#contact .top .contact_text .txt{margin-bottom: 48px;}
#contact .top .contact_text .txt .textbox{margin-top: 12px; display: flex; align-items: baseline;}
#contact .top .contact_text .txt .textbox:first-child{margin-top:0;}
#contact .top .contact_text .txt .textbox .img{margin-right: 17px;}
#contact .top .contact_text .txt .textbox .text{font-size: 18px; line-height: 29px; color: #333;}
#contact .top .contact_text .weixin{display: flex;}
#contact .top .contact_text .weixin .img{margin-right: 20px; width: 120px; height: 120px; background-color: #fff;}
#contact .top .contact_text .weixin .text .wz{font-size: 18px; line-height: 31px; color: #999;}
#contact .top .map{width: 48.75%; padding-top: 28.125%;}

@media (max-width: 1280px) {
    #contact .top .contact_text .tit{margin-bottom: 20px; font-size: 32px; line-height: 1.5;}
    #contact .top .contact_text .txt{margin-bottom: 25px;}
    #contact .top .contact_text .txt .textbox{margin-top: 8px;}
    #contact .top .contact_text .txt .textbox .text{font-size: 16px; line-height: 1.5;}
    #contact .top .contact_text .weixin .text .wz{font-size: 16px; line-height: 1.5;}
}
@media (max-width: 1024px) {
    #contact .top{padding: 80px 0 0; }
    #contact .top{flex-wrap: wrap;}
    #contact .top .contact_text{width: 100%;}
    #contact .top .map{margin-top: 40px; width: 100%; padding-top: 58%;}
}
@media (max-width: 750px) {
    #contact .top{padding: 100px 0 0; }
    #contact .top .contact_text .tit{margin-bottom: 20px; font-size: 42px; }
    #contact .top .contact_text .txt{margin-bottom: 25px;}
    #contact .top .contact_text .txt .textbox{margin-top: 10px;}
    #contact .top .contact_text .txt .textbox .img{transform: scale(1.2);}
    #contact .top .contact_text .txt .textbox .text{font-size: 25px; }
    #contact .top .contact_text .weixin .text .wz{font-size: 25px; }
    #contact .top .contact_text .weixin .img{width: 130px; height: 130px; }
    #contact .top .contact_text .weixin .img img{transform: scale(1.2);}
}



#contact .Contact_form{padding: 90px 0 100px;}
#contact .Contact_form .in{ background: #fff;}
#contact .Contact_form .form{padding: 90px 0 68px; }
#contact .Contact_form .form .grid {display: grid;column-gap: 30px;grid-auto-flow: row;place-content: space-evenly;grid-template-columns: repeat(2, 48.4%);}
#contact .Contact_form .form .grid .box{margin-bottom: 30px; height: 60px; display: flex; border: 1px solid #ededed; border-radius: 3px;}
#contact .Contact_form .form .grid .box:hover {border-color: var(--main);}
#contact .Contact_form .form .tit{width: 13.79%; font-size: 18px; line-height: 58px; color: #999; text-align: center;}
#contact .Contact_form .form .tit span{color: #ff0000;}
#contact .Contact_form .form .grid .input {width: calc(100% - 13.79%); line-height: 58px; font-size: 18px; color: #333333;padding-right: 20px;}
#contact .Contact_form .form .text{ height: 186px; display: flex; border: 1px solid #ededed; border-radius: 3px;}
#contact .Contact_form .form .text .tit{width: 6.726%;}
#contact .Contact_form .form .textarea {width: calc(100% - 6.726%); padding: 15px 25px 15px 0; line-height: 1.5; font-size: 18px; color: #333;}
#contact .Contact_form .form .text:hover {border-color: var(--main);}
#contact .Contact_form .form .submit {width: 240px; height: 60px; line-height: 60px;background-color: var(--main);border-radius: 30px; margin: 57px auto 0; font-size: 20px; color: #fff; font-weight: 500;}
#contact .Contact_form .form .submit:hover{opacity: 0.8;}

@media (max-width: 750px) {
    #contact .Contact_form{padding: 100px 0;}
    #contact .Contact_form .form{padding: 40px 0; }
    #contact .Contact_form .form .grid {grid-template-columns: repeat(1, 100%);}
    #contact .Contact_form .form .grid .box{height: 80px; }
    #contact .Contact_form .form .tit{width: 19.79%; font-size: 30px; line-height: 78px;}
    #contact .Contact_form .form .grid .input {width: calc(100% - 19.79%); line-height: 78px; font-size: 30px;}

    
    #contact .Contact_form .form .text{height: 260px;}
    #contact .Contact_form .form .text .tit{width: 22%;}
    #contact .Contact_form .form .textarea {width: calc(100% - 22%); font-size: 30px;}
    #contact .Contact_form .form .submit {width: 300px; height: 80px; line-height:80px; font-size: 30px;border-radius: 50px; }
}



#search{margin-top: 70px; padding: 100px 0;}
#search .form{margin-bottom: 50px;}
#search .form .text{width: 340px;padding-left: 15px;height: 49px;line-height: 49px;border:1px solid #ddd;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 #ddd;}
#search .list .info li:first-child{border-top:1px solid #ddd;}
#search .list .info li .title{margin-right:16px; font-size: 18px; line-height:22px; color: #222; font-weight: 500;}
#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; margin: 0;}
	#search .form{margin-bottom: 40px;}
	#search .form .text{width: 75%; height: 70px; line-height: 70px; font-size: 30px; border:1px solid #ebebeb;}
	#search .form .submit{width: 70px; height: 70px;}
    #search .form .submit img{transform: scale(1.3);}
	#search .list{margin-bottom: 0;}
	#search .list .info li .title{font-size: 32px; line-height: 1.5; font-weight: 500;}
	#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;}
}