/*
              (0 0)
  +=====oOO====(_)=========+
  |   Powered By AnXin     |
  |   Tel: 0572-5220701    |
  |   Creation:2023.07.25  |
  +=================oOO====+
            |__|__|
            || ||
            ooO Ooo
*/
body,button,dd,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,s,td,textarea,th,ul{margin:0;padding:0;list-style:none;font-family:Microsoft YaHei,sans-serif;}body,html{position:relative;}h1,h2,h3,h4,h5,h6{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;text-transform:capitalize}button,input,select,textarea{font-size:100%;outline:0}a{color:#369;text-decoration:none}.clearfix:after{content:"\0020";display:block;height:0;clear:both;font-size:0;visibility:hidden}.clearfix{zoom:1}.clear{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;line-height:0}.fl{float:left}.fl,.fr{display:inline}.fr{float:right}em,i{font-style:normal}.none{display:none}.block{display:block}.inline{display:inline-block!important;margin-right:10px}img{border:0;object-fit:cover}table{border-collapse:collapse;border:0;border-collapse: collapse;}::selection{background:#ddd;color:#111}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background-color:rgba(50,50,50,.25);border:2px solid transparent;border-radius:0px;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:rgba(50, 50, 50, 0.5)}::-webkit-scrollbar-track{background-color:rgba(50,50,50,.05)}*{box-sizing:border-box}input,textarea{border:0}input::placeholder,textarea::placeholder{opacity:.5}input:focus{border:0;outline:0;box-shadow:0}.tipMain{position:fixed;bottom:0;left:0;z-index:9999;width:100%;border-top:1px solid #ccc;background:#fff;font-size:13px;line-height:40px}.tipMain,.tipMain .close{height:40px;text-align:center}.tipMain .close{position:absolute;top:0;right:10px;width:40px;color:red;font-size:18px;font-family:Arial,Helvetica,sans-serif;cursor:pointer}
/*超出的文字省略，要定义宽度*/
span.spanleft{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block }
a,a:hover, :after, :before, .iconfont, .images, .images img, .list-li, .list-txt, .list-txt .name, .mobilemenu b, header, header *, #footer *, .wrapper, #banner, #banner img,.arrow,.product-card { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
/*页面*/
* {box-sizing: border-box; }
body { background-color: #fff; overflow-x: hidden;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.wrapper { margin: 0 auto; position: relative; }
.text { padding: 0; }
.text, .text p { color: #666; font-size: 16px; line-height: 2; word-wrap: break-word; }
.text p:not(:last-child) { margin-bottom: 16px;}
.text img {display: block; opacity: 1 !important; }
.text:after{content:""; display:table; clear: both;}
.txt-info { overflow: hidden; display: -webkit-box !important; -webkit-box-orient: vertical; white-space: normal !important; word-wrap: normal !important; }/*-webkit-line-clamp: 8;*/
.txt-info * { -webkit-box-orient: horizontal; width: auto; display: inline; padding: 0; margin: 0; white-space: normal !important; word-wrap: normal !important; background: none !important; font-family: sans-serif !important;word-break:break-all !important; }
.txt-info img { display: none !important; opacity: 0; }
.arrow{position:relative; z-index: 2; width: 10px; height: 10px;}
.arrow:before,.arrow:after{content: ""; position: absolute; display: block;}
.arrow:before { width: 6px; height: 6px; border-right: 1px solid #999; border-top: 1px solid #999; pointer-events: auto; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg);}
.arrow:after{width: 12px; height: 0; border-top: 1px solid #999; top: 50%; left: 50%; margin-top: -1px; margin-left: -9px; display: none;}
.arrow.arrow-white:before{border-right-color: #fff; border-top-color: #fff;}
.arrow.arrow-white:after{border-top-color: #fff;}
/*更多*/
.more { position: relative;display: flex; overflow: hidden;}
.more a { position: relative; display: flex; justify-content: space-between; align-items: center; height: 36px;}
.more a:after {content:""; display: block; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background-color: #2EB48D;}
.more span { position: relative; z-index: 2; font-size: 14px; color: #000; opacity: 0.3; text-transform: uppercase; display: block; text-align: center; }
.more a:hover span{opacity: 1; color: #2EB48D;}
.more a:hover:after{width: 100%;}
/*******************************
  -------[=返回顶部-------
********************************/
.toTop { position: fixed; z-index: 9; bottom: 0px; right: 0px; border-radius: 0; width: 50px; height: 50px; text-align: center; line-height: 50px; padding: 0; background-color: #222; cursor: pointer; display: none; opacity: 0.7 !important; }
.toTop:before { content: ""; margin-top: 22px; margin-left: 18px; display: block; width: 10px; height: 10px; border-right: 2px solid #fff; border-top: 2px solid #fff; pointer-events: auto; transform: rotate(-45deg); }
.toTop:hover { background: #2EB48D; opacity: 1 !important }
.toTop:active { background: #000; -webkit-transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9); transform: scale(.9); }
/*******************************
  -------[=表单-------
********************************/
.form form{display:flex; flex-flow: row wrap; justify-content: space-between;margin-right: -60px;}
.form form .form-group {width:calc(33.33% - 60px); margin-right: 60px; margin-bottom: 42px; background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.5);}
.form form .form-group.all {width: 100%;}
.form form .form-group.button-group {background: none; border: 0; text-align: center;}
.form form .form-group .input-group{width: 100%;}
.form form .form-group .form-input{width:100%; padding: 16px 20px; background: none; border: 0; font-size: 16px; line-height: 22px; color: #fff;}
.form form .form-group .form-input::placeholder{font-size: 16px; color: #fff; opacity: 0.7;}
.form form .form-group.textarea-group{flex-direction: column; width: 100%;}
.form form .form-group .form-textarea{height:auto !important}
.form form .form-group.button-group{outline-width: 0; padding: 0; margin-top: 7px; justify-content: flex-start;}
.form form .form-button{width: 200px; height: 54px; background: #2EB48D; cursor: pointer; font-size: 16px; font-weight: 500; color: #fff; text-transform: capitalize; position: relative;}
.form form .form-button:hover {opacity: 0.9;}
.select { position: relative;height: 36px; }
.select:after { content: "";  display: block; width: 6px; height: 6px; border-right: 1px solid #333; border-bottom: 1px solid #333; -webkit-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%); pointer-events: auto; position: absolute; z-index: 2; right: 10px; top: 50%; }
.select .placeholder { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;display:flex; align-items: center; padding: 0 15px; box-sizing: border-box; cursor: pointer; text-align: left }
.select.is-open:after {-webkit-transform: rotate(45deg) translate(-5px,-50%); transform: rotate(45deg) translate(-5px,-50%);}
.select ul { position: absolute; z-index: 100; overflow: hidden; width: calc(100% + 2px); top: 100%; left: 0; margin: 0 -1px; padding: 0 ; max-height: 240px; overflow-x: hidden; overflow-y: auto;transition: all 0.3s ease; opacity: 0; visibility: hidden; background-color: #fff; border: 1px solid #D9D9D9;}
.select.is-open ul {opacity: 1; visibility:visible; }
.select ul li { display: block; float: none !important; width: 100% !important; margin: 0; cursor: pointer; padding: 0 0 0 15px; box-sizing: border-box !important; text-align: left; font-size: 12px; line-height: 32px; }
.select ul li:hover {background-color: #f8f8f8;}
.select ul li a { color: #333; display: block;}
/*******************************
  -------[=图片切换-------
********************************/
.swiper-container{width: 100%; height: 100%;}
.swiper-container img { display: block; width: 100%; height: 100%; }
.swiper-btn {position: absolute; z-index: 10; top: 50%; transform: translateY(-50%); display: block; width: 45px; height: 45px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.swiper-btn .arrow:before{width: 10px; height: 10px; border-color: #666; border-width: 2px;}
.swiper-btn:hover .arrow:before{border-color: #214A9A;}
.swiper-btn.swiper-button-disabled {opacity: 0.4; cursor: not-allowed }
.swiper-btn.next {right: 0;padding-right: 7px;}
.swiper-btn.prev {left: 0; padding-left: 7px;}
.swiper-btn.prev .arrow {transform: rotate(180deg);}
.swiper-btn .arrow:after{display:none}
.swiper-tool{ display: flex; justify-content: center;transition: all 0.3s ease; }
.swiper-tool .swiper-btn{position: relative; margin: 0 8px; top: 0; transform: translateY(0);}
/*******************************
  -------[=列表-------
********************************/
.images { overflow: hidden; position: relative; z-index: 1; width: 100%; height: 0; padding: 0px; margin: 0; }
.images img { width: 100%; height: 100%; object-fit: cover; position: absolute; z-index: 1; left: 0; top: 0; }
.list {position: relative; z-index: 1; display: flex; flex-flow: row wrap; margin: 0 -25px -50px -25px;}
.list .list-li {padding: 0 25px 50px 25px; position: relative; }
.list .list-li .stretching:after {content:""; display: block; position: absolute; z-index: 2;pointer-events: auto;background-color: rgba(0,0,0,0); width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0;}
.list-txt { box-sizing: border-box; position: relative; z-index: 1; text-transform: capitalize;padding-top: 24px;}
.list-txt .name {font-size: 16px; color: #333; line-height: 22px; position: relative;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block}
.list-txt .txt-info {-webkit-line-clamp: 2; margin-top: 11px;}
.list-txt .txt-info, .list .list-txt .txt-info * {font-size: 14px; line-height: 2; color: #666;}
.list .list-li:hover .list-txt .name {color: #2EB48D;}
.list .list-li:hover .images img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
/* 列表有视频 */
.list .list-li.video .images:before,.list .list-li.video .images:after{content:""; display: block; position: absolute;}
.list .list-li.video .images:before{z-index: 2; width: 82px; height: 82px; background: url(../images/play-btn.png) no-repeat; background-size: cover; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.list .list-li.video .images:after{z-index: 1; background: rgba(0, 0, 0, 0); left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%;}
/*******************************
  -------[=页码-------
********************************/
.main-page {position:relative; z-index: 1; width: 100%; padding: 0; text-transform: capitalize; display: flex; justify-content:flex-start; align-items: center; margin-top: 90px; margin-bottom: 0px;}
.main-page a{ padding: 11px 17px; font-size: 16px; line-height: 22px; background: #FFFFFF; border: 1px solid #ECECEC; color: #333; margin-right: 16px;}
.main-page a.disabled{ border: 0; cursor: not-allowed;}
.main-page a.disabled:hover{background-color: #fff; color: #333;}
.main-page a.active,.main-page a:hover{background: rgba(46,180,141,0.1); border-color: #2EB48D; color: #2EB48D;}
/*******************************
  -------[=页面底部------
********************************/
#footer{background-color: #fff; position: relative; z-index: 2;padding-top: 80px; border-top: 1px solid #ECECEC;}
#footer .footer{display:flex; flex-flow: row wrap;}
.footer .left .t{font-size: 28px; font-weight: 600; color: #000000; line-height: 40px;margin-bottom: 50px;}
.footer .left li{display: flex; align-items: center; margin-bottom: 25px; color: #000;}
.footer .left li img{width: 18px; height: 18px; margin-right: 20px;}
.footer .left .tel{font-size: 24px; font-weight: 600;}
.footer .left .address{font-size: 16px;}
.footer .icon{display:flex; margin-top: 5px;}
.footer .icon .item{position: relative;margin-right: 24px;}
.footer .icon .item .li { width: 32px; height: 32px;}
.footer .icon .item .pop {position: absolute; z-index: 9999;  border-radius: 8px;;bottom:0; margin-bottom: 40px;left:50%; margin-left: -75px; -webkit-transition: .5s cubic-bezier(.3, 0, 0, 1.3); -moz-transition: .5s cubic-bezier(.3, 0, 0, 1.3); -ms-transition: .5s cubic-bezier(.3, 0, 0, 1.3); -o-transition: .5s cubic-bezier(.3, 0, 0, 1.3); transition: .5s cubic-bezier(.3, 0, 0, 1.3); -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); width: 150px; height: 150px; padding: 5px; border: solid 1px #eee; background-color: #fff;}
.footer .icon .item:hover .pop {opacity: 1; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1)}
.footer .web-site{flex:1; display: flex;padding-left: 243px; justify-content: space-between;}
.footer .web-site .item{display:flex; flex-direction: column;}
.footer .web-site .item .t,.footer .web-site .item .p{white-space: nowrap;}
.footer .web-site .item .t{font-size: 16px; font-weight: 500; color: #333333; line-height: 22px;margin-bottom: 28px;}
.footer .web-site .item .p{font-size: 14px; color: #666; line-height: 20px;margin-bottom: 10px;}
#footer .copyright {display:flex; align-items: center; justify-content: space-between;  padding-top:100px; padding-bottom: 50px;position:relative;}
#footer .copyright p,#footer .copyright a {color:#999;display:flex; align-items: center; margin-bottom: 12px; }
#footer .copyright a:hover{color:#000}
#footer .record,#footer .record a{display:flex; align-items: center; justify-content: flex-start;}
#footer .record a{margin-right: 16px;}
#footer .record img{margin:0 8px !important;}

@media screen and (max-width: 1024px){
  #footer .copyright{padding-top: 16px; padding-bottom: 16px;}
  #footer .copyright{width: 100%; align-items: center; order:2;border-top: 1px solid rgba(255,255,255,0.14);}
}

@media screen and (max-width: 900px){
  #footer .record{flex-direction: column;}
  #footer .record a{margin-right: 0;}
}

/*******************************
  -------[=页面------
********************************/
header, #header { width: 100%;}
#header .wrapper,#nav,.nav, .nav .nav-ul, .nav .mainlevel, .nav .mainlevel a{ height: 100%; }
#header .wrapper, .nav .nav-ul { display: flex; justify-content: space-between; align-items: center; }
header{position: fixed; top: 0; z-index: 20;}
#header {height: 88px;}
#logo {overflow: hidden;}
.logo,.logo a{width: 100%; height: 100%; display: block;font-size: 28px; font-weight: 600; color: #FFFFFF; line-height: 40px;}
#nav {position: absolute; right: 0; top: 0; height: 88px; display: flex; justify-content: space-between; align-items: center;}
#nav .nav{flex:1; display: flex; justify-content: space-between;}
.nav .nav-ul { flex:1;}
.nav .mainlevel {position: relative; z-index: 10; display: flex; justify-content: space-between; align-items: center;margin-left: 46px;}
.nav .mainlevel .mainlevel-a {text-decoration: none; width: 100%; display: flex; justify-content: center; align-items: center; position: relative; z-index: 2; text-transform: capitalize;}
.nav .mainlevel:after,.nav .mainlevel:before{content: ""; z-index: 1; position: absolute; display: none;}
.nav .mainlevel:after { width: 1px; height: 12px;right: 0; top: 50%; transform: translate(0px, -50%);background:#000; opacity: 0;}
.nav .mainlevel:last-child:after{display: none;}
.nav .mainlevel:before{width: 0px; height: 1px; background-color: #2EB48D; left: 50%; bottom: 0; transform: translateX(-50%);}
.nav .mainlevel .mainlevel-a span { position: relative; z-index: 2; font-size: 14px; white-space: nowrap; color:#fff; opacity: 0.5; text-transform:capitalize;}
.nav .mainlevel.active .mainlevel-a span, .nav .mainlevel .mainlevel-a:hover span,.nav .mainlevel:hover span, .mainlevel-a:hover span,.nav .mainlevel.active:hover .mainlevel-a span {opacity: 1; }
.nav .mainlevel.active.cuf .mainlevel-a span{opacity: 0.5;}
.nav .mainlevel.active:before, .nav .mainlevel:hover:before,.nav .mainlevel.active.cuf:hover:before{width: 100%;}
.nav .mainlevel.active.cuf:before {width: 0;}
.nav .mainlevel ul {position:absolute;z-index: 999; top:80px;width:100%; height: 60px; left:0; display: flex; align-items: center; transition:all 0.3s; z-index: 3;opacity:0;  visibility:hidden}
.nav .mainlevel ul:before,.nav .mainlevel ul:after{content:""; display: block;position: fixed; top: 80px; }
.nav .mainlevel ul:before{width: 100%; max-width: 1300px; height: 1px; left: 50%; transform: translateX(-50%); background-color: #eee; z-index: 5;}
.nav .mainlevel ul:after{left: 0; width: 100%; height: 60px; background-color: #fff;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05); z-index: 3;}
.nav .mainlevel .sub-mainlevel {position: relative; z-index: 4; display: flex;align-items: center; margin-left: -120px;}
.nav .mainlevel .sub-mainlevel a { white-space: nowrap; color: #333; margin-right: 24px; }
.nav .mainlevel .sub-mainlevel a:hover {  color: #2EB48D; text-decoration: underline;}
.nav .mainlevel:hover ul {opacity:1;  visibility:visible }
header{transform: translateY(0);}
header.baion{background: linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);}
header.transformY{transform: translateY(-100%);}
#search-result .search-list .txt-info,#search-result .search-list .txt-info *{font-size:14px;line-height: 1.5; color:#666;}
.web-title {width: 100%; position: relative; padding-top: 80px; padding-bottom: 50px; display: flex;flex-direction: column;}
.web-title .main{font-size:28px;color:#000; font-weight: 600; line-height:1.45;}
.web-title .secondary{font-size:14px;color:#000; opacity: 0.3;line-height:1.45;margin-top: 12px;}
.web-title .sub-nav{position: absolute; right: 0; bottom: 0; z-index: 2; width:calc(100% - 150px);}
.web-title .more{position: absolute; right: 0; top: 50%; margin-top: -10px;}
.web-title.border{border-top: 1px solid #ECECEC; margin-top: 80px;}
.web-title.white .main,.web-title.white .secondary{color: #fff;}
.web-title.center{align-items: center;}
.place,.place a{display: flex; flex-flow: row wrap; align-items: center; white-space:normal !important; word-break:break-all !important;word-wrap:normal !important; }
.place{ color: #333; text-transform: capitalize; padding-block: 50px;}
.place a{color: #666;}
/* .place a:after{content:"";width:4px;height:4px;border-right:1px solid #666;border-top:1px solid #666;pointer-events:auto;transform:rotate(45deg);margin-left:10px;margin-right:10px;} */
.place a:after{content:"/"; font-size: 12px; margin-left:8px;margin-right:8px; color:rgba(0,0,0,0.45);;}
.place i,.place a:hover{color: #000}
.spl-header{transform:translateY(0)}
.spl-theme{display:none !important; opacity: 0;}
.spl-header div{opacity: 1;}
#spotlight.white .spl-footer, #spotlight.white .spl-header{background-color: rgba(0, 0, 0, 0.05);}
.spl-pane video{width: 100%; height: auto; max-width: 1280px;}
#banner{width: 100%;height: 360px; overflow: hidden; position: relative; z-index: 1; background-color: #fff;}
#banner img{width:100%; height: 100%; display:block; position: absolute; z-index: 1; left: 0; top:0;animation: bannerImg 2s ease 0s both;}
#banner .banner-txt{position: absolute; z-index: 2; left: 50%; top:50%; transform: translate(-50%,-50%); display: flex; flex-direction: column; align-items: center; justify-content: center;animation: bannerTxt 1s ease 1s both;}
#banner .banner-txt .main{font-size: 20px; font-weight: 500; color: #fff; line-height: 28px;}
#banner .banner-txt .secondary{font-size: 14px; color: rgba(255, 255, 255, 0.5); margin-top: 11px; text-transform: capitalize; display: flex; align-items: center;}
@keyframes bannerImg{ 0%{opacity:0; scale: 1.1;} 100%{opacity:1;scale: 1} }
@keyframes bannerTxt{ 0%{margin-top:100px; opacity: 0;} 100%{margin-top:0px; opacity: 100%;} }
#sub-nav{width: 100%; height: 72px; background-color: #fff; margin-bottom: 100px; display: flex; justify-content: center; align-items: center;}
#sub-nav a{margin-inline: 30px; font-size: 16px; line-height: 22px; color: #333; position: relative;}
#sub-nav a:after{content:""; display: block; position: absolute; left: 0; bottom: 0; margin-bottom: -25px; width: 0; height: 2px; background: #2EB48D;}
#sub-nav a.active,#sub-nav a:hover{color: #2EB48D;}
#sub-nav a.active:after,#sub-nav a:hover:after{width: 100%;}
.detailed {font-size: 14px !important; font-weight: 400 !important; color: #2EB48D !important; position: relative; display: flex; align-items: center;transition: all 0.3s ease;}
.detailed:after{content:""; display: block; width: 0; height: 1px; background-color: #2EB48D; position: absolute; left: 0; bottom: 0;margin-bottom: -10px;}
.detailed .arrow {margin-left: 5px;}
.detailed .arrow:before {border-right-color:#2EB48D; border-top-color: #2EB48D;}
.detailed:hover:after{width: 75px;}
.table{width: 100%;}
.table tr{display:flex;}
.table th,.table td{flex:1;display:flex; justify-content:center; align-items:center; border: solid 1px #ECECEC;font-size: 16px; color: #333; text-align: center; padding-block: 20px;}
.table th{font-weight: 500;}
/*弹窗*/
.pop-detailed{padding-top: 56px; position: relative;}
.pop-detailed .header{position: absolute; left: 0; top: 0; width: 100%; height: 56px; line-height: 56px; padding-left: 24px; border-bottom: 1px solid rgba(0,0,0,0.06);}
.pop-detailed .header .name{font-size: 16px; font-weight: 500; color: rgba(0,0,0,0.85); }
.pop-detailed .header .name span{margin-left: 16px;color: #2EB48D;}
.pop-detailed .body{display:flex; align-items: flex-start;padding: 17px 24px 24px 24px;}
.pop-detailed .body img{width: 200px;height:auto; display:block;}
.pop-detailed .body .text{padding-left: 24px;}
/*搜索结果*/
#search-result{background-color:#fff; padding-bottom: 32px; display:flex; flex-flow:row wrap}
#search-result .highlight{font-weight:600; background-color:#2EB48D; color:#fff;padding:2px 3px; margin-left:5px; margin-right:5px;}
#search-result .t{font-size: 24px; color: #333;border-bottom:solid 1px #ccc; width: 100%;padding-bottom:16px;}
#search-result .t .highlight{font-size:24px;}
#search-result .search-list{display:flex;align-items: center;padding-block:24px;border-bottom:solid 1px #eee; width: 50%;}
#search-result .search-list:hover{background:rgba(0,111,224,0.05)}
#search-result .search-list img{width:100px; height:80px; margin-right:20px;}
#search-result .search-list .txt-wrap{flex:1; display:flex; flex-direction: column}
#search-result .search-list .txt{font-size:16px; color:#333;}
#search-result .search-list .txt-info{-webkit-line-clamp: 1; margin-top:15px;}
#search-result .search-list .txt-info,#search-result .search-list .txt-info *{font-size:14px;line-height: 1.5; color:#666;}
@media screen and (max-width:768px){
  #search-result .search-list{width: 100%;padding-block:16px;}
}
/*关于我们*/
.about-section1>div{transition: all 0.3s ease;}
.about-section1{display:flex}
.about-section1 .about-img{width: 538px; height: 336px; display: block; object-fit: cover;}
.about-section1 .txt{padding-left: 80px; display: flex; flex-direction: column; justify-content: space-between;}
/* .about-section1 .txt .t{font-size: 20px; font-weight: 600; color: #333; line-height: 28px;} */
.about-section1 .txt .t span{display:block; font-size: 14px; font-weight: 400; color: #999999; line-height: 20px; margin-top: 10px; margin-bottom: 25px;}
.about-num{display:flex; margin-top: 48px;}
.about-num .item{flex:1;display: flex; flex-flow:row wrap; align-items: flex-end;justify-content: center;}
.about-num .item span{color: #000; font-size: 16px;}
.about-num .item .font{color: #2EB48D; font-size: 40px; width: 40px; margin-right: 12px; margin-bottom: -5px;}
.about-num .item .p{width: 100%; color: rgba(0,0,0,0.2); font-size: 14px; margin-top: 6px; text-align: center;}
.list.about2 .list-li{width: 20%;}
.list.about2 .images{padding-top: 100%; border: solid 1px #F1F1F1;}
.list.about2 .images img{object-fit: contain; margin: 3%; width: 94%; height: 94%;}
.list.about2 .list-li:hover .images img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.list.about3 .list-li{width: 25%;}
.list.about3 .images{padding-top: 77.15%;}
/*产品*/
#products-head{border-bottom: solid 1px #ECECEC;}
#products-head .wrapper,.products-wrap{display:flex;}
#products-head .wrapper .left,.products-wrap .category{width:228px}
#products-head .wrapper .right,.products-wrap .products-list{flex:1;border-left: 1px solid #ECECEC;}
#products-head .wrapper{align-items: center;}
#products-head .wrapper .left{ color: #333; padding-left: 24px;}
#products-head .wrapper .right{padding: 24px 0 24px 25px; font-size: 14px; color: #333;}
#products-head .wrapper .right .form-input{width: 100%;}
.products-wrap{margin-bottom: -80px;}
.products-wrap .category{padding-top: 34px;}
.products-wrap .category .swiper-slide{padding-left: 24px; height: 40px; line-height: 40px; margin-bottom: 10px;}
.products-wrap .category .swiper-slide:after{content:""; display: block; width: 3px; height: 0; background-color: #2EB48D; position: absolute; right: 0; top: 0;}
.products-wrap .category .swiper-slide a{color: #333;}
.products-wrap .category .swiper-slide.active{background: rgba(46,180,141,0.1);}
.products-wrap .category .swiper-slide.active:after{height: 100%;}
.products-wrap .category .swiper-slide.active a{font-weight: 500; color: #2EB48D;}
.products-wrap .products-list{padding: 34px 25px 100px 50px;}
.products-list .list .list-li{width: 25%;}
.products-list .list .images{padding-top: 100%;}
.products-list .list-txt .name{text-align: center; font-weight: 500;}
.highlight{font-weight:600; background-color:#2EB48D; color:#fff;padding:2px 3px; margin-left:5px; margin-right:5px;}
/*应用领域*/
.application{padding-top: 80px;}
.application .item{display:flex;background-color: #fff; margin-bottom: 50px; align-items: center;}
.application .item .images{width: 66.67%; padding-top: 33.33%;}
.application .item .txt{flex:1; padding-inline: 50px; height: 100%; display: flex; flex-direction: column; justify-content: center;}
.application .item .txt .t{font-size: 20px;font-weight: 500; color: #000;}
.application .item .txt .t:after{content:""; margin-block: 50px; display: block; width: 60px; height: 1px; background-color: #000;}
.application .item .txt .txt-info{-webkit-line-clamp: 6;}
.application .item .txt .txt-info,.application .item .txt .txt-info *{font-size: 14px; line-height: 2; color: #666;}
.application .item .txt .txt-info p{display: block;}
.application .item .txt .detailed{margin-top: 60px;}
.application .item:nth-child(even) .txt{order:2}
.application-item{display: flex; align-items: center;}
.application-item:not(:last-child){margin-bottom: 50px;}
.application-item img{display:block; width: 35.87%;}
.application-item .txt{flex:1; padding-left: 80px;}
.detailed-wrap .body .application-item .txt .t{margin-top: 0;}
/*详细*/
.detailed-wrap .head{display: flex; border-bottom: solid 1px #ECECEC; padding-bottom: 50px;}
.detailed-wrap .head .txt{flex:1; padding-left: 80px;}
.detailed-wrap .head .txt .name{font-size: 24px; font-weight: 600; color: #333333; line-height: 33px;}
.detailed-wrap .head .txt .text{margin-top: 30px;}
.detailed-wrap .body .t{font-size: 20px; font-weight: 600; color: #333333; line-height: 1.4; margin-top: 50px; margin-bottom: 30px;}
.detailed-wrap .body .web-title{padding-block: 50px;}
.detailed-wrap .head.products .images{width: 22.4%; padding-top: 22.4%;}
.detailed-wrap .head.appli .img{width: 36%;}
.detailed-wrap .head.appli .img .PhotoBig{height: 336px; margin-bottom: 10px;}
.detailed-wrap .head.appli .img .PhotoList{height: 80px;}
.detailed-wrap .head.appli .img .PhotoList .swiper-slide img{border: solid 2px #ECECEC;}
.detailed-wrap .head.appli .img .PhotoList .swiper-slide.swiper-slide-thumb-active img{border-color: #2EB48D;}
.logo-card{display:grid;padding-inline: 20px; grid-template-columns: repeat(6,1fr); column-gap: 112px; row-gap: 61px;}
.logo-card img{display: block; width: 150px; height: 73px;}
/*资讯*/
.main .list.news-list{padding-top: 80px;}
.list.news-list{margin:0 -21px -80px -21px;}
.list.news-list .list-li{padding:0 21px 80px 21px; width: 33.33%;}
.list.news-list .images{padding-top: 48.31%;}
.list.news-list .list-txt .date {border-top: 1px solid #ECECEC; margin-top: 24px; padding-top: 20px;display: flex; align-items: center; justify-content: space-between;}
.list.news-list .list-txt .date span {font-size: 20px; font-weight: 500; color: #999999; line-height: 28px;}
.list.news-list .list-txt .date span.detailed {margin-right: 20px; opacity: 0;}
.list.news-list  .list-li:hover .list-txt .date span {color: #2EB48D; border-top-color: #2EB48D;}
.list.news-list  .list-li:hover .list-txt .date span.detailed {margin-right: 0px; opacity: 1;}
.article{display:flex; flex-direction: column; position: relative; width: 100%;  padding: 0 24px 24px 24px;}
.article .article-info{width: 100%; border-bottom: 1px solid #ECECEC; padding-top: 24px;}
.article .article-info .h1{ font-size: 24px; font-weight: 500; color: #333; line-height: 1.5;}
.article .article-info .date{ margin-top: 13px; margin-bottom: 32px; font-size: 14px;color: #666; line-height: 22px;}
.article-body{width: 100%; padding-top: 32px;}
.article-txt,.article-txt *{font-family:Microsoft YaHei,sans-serif ; font-size:14px;line-height: 30px; color:#444; background: none !important;}
.article-txt .imglist{display:grid;gap: 42px; margin-block: 30px; grid-template-columns: repeat(3,1fr);}
.article-txt p{margin-bottom: 16px; text-indent: 2em;}
.article-txt img{max-width: 100%; display: block;}
.article-txt table { width: 100% !important; margin: 1rem auto; }
.article-txt table td { border: solid 1px #ddd !important; padding: 6px 8px !important; }
.article-txt table td * {margin: 0 !important; padding: 0 !important; font-size: 14px !important; white-space:normal !important; word-break:break-all !important;word-wrap:normal !important; text-indent:0 !important }
/*联系*/
.contact{width: 100%; padding-top: 100px; display: flex;}
.contact .txt{flex:1;animation: fadeUp 2s ease 0s both;}
.contact .txt .web-title{padding-top: 0;}
.contact .txt .p{display:flex; margin-bottom: 30px;font-size: 16px; font-weight: 400; color: #333333; line-height: 22px;}
.contact .txt .p img{width: 22px; height: 22px; margin-right: 15px;}
.contact .map{width: 65%; height: 370px;animation: fadeUp 1s ease 1s both;}
.contact .map #gaodi-map{width: 100%; height: 100%;}
.map .icon { background: url(../images/amap-icon.png) no-repeat; }
.map .icon-cir { width: 63px;height: 67px; }
.map .icon-cir-red { background-position: 0 0; }
.amap-info{width:400px;}
.amap-info-content{padding:15px;}
.amap-info-content h5{ font-size:18px; line-height:20px; margin-bottom:10px; color:#333; font-weight:600; margin-bottom: 10px;}
.amap-info-content div{ font-size:14px; line-height:30px; color:#444; display: flex;}
.amap-info-content div a{background: url(../images/icon-navigation.png) center center no-repeat; background-size: 20px 20px; display: block; width: 30px; height: 30px; margin-left: 16px;}
@keyframes fadeUp{ 0%{margin-top:100px; opacity: 0;} 100%{margin-top:0px; opacity: 100%;} }
@media screen and (max-width: 800px){

}

@media screen and (max-width: 600px) {
  .amap-info{width:80vw;}
  .amap-info-content div{flex-flow: row wrap;position: relative; padding-right: 40px;}
  .amap-info-content div a{position: absolute;margin-left: 0; right: 0; top: 50%; transform: translateY(-50%);}
}
/* 导入第三方字体 */
.font{font-family: 'DIN Alternate'; font-weight: 700;color: #2EB48D; font-size: 40px;}
/*******************************
  -------[=自适应------
********************************/
.hide{opacity: 0; display: none;}
.wrapper {width: 1500px;}
#body{position: relative; z-index: 2; background-color: #fff;}
#body.main{background: #fff; padding-bottom: 80px;}
#body.main.bgColor{background-color: #F9F9F9;}
#nav{right: 50%; margin-right: -750px;}

@media screen and (max-width: 1620px) {
  .footer .icon .item:first-child .pop{margin-left: -30px;}
}

@media screen and (max-width: 1540px) {
  .wrapper {width: 100%; padding-left: 16px; padding-right: 16px; box-sizing: border-box;}
  #nav{right: 16px; margin-right: 0; width: auto;}
  #body.main{padding-bottom: 50px;}
  .list{margin: 0 -12px -24px -12px;}
  .list .list-li{padding: 0 12px 24px 12px;}
  .list-txt{padding-top: 16px;}
  .web-title{padding-top: 50px; padding-bottom: 36px; }
  .logo, .logo a,.web-title .main,.footer .left .t{font-size:24px;}
  .web-title .secondary{margin-top: 6px;}
  .web-title.border{margin-top: 50px;}
  .list.news-list{margin: 0 -15px -40px -15px;}
  .list.news-list .list-li{padding: 0 15px 40px 15px;}
  .place{padding-block:40px;}
  .form form{margin-right: -40px;}
  .form form .form-group{width: calc(33.33% - 40px); margin-right: 40px; margin-bottom: 32px;}
  .about-section1 .txt{padding-left: 50px;}
  .products-wrap{margin-bottom: -50px;}
  .products-wrap .products-list{padding-bottom: 60px;}
  .main-page{margin-top: 50px;}
  .application-item .txt,.detailed-wrap .head .txt{padding-left:50px;}
  .application{padding-top: 50px;}
  .application .item .txt{padding-inline:32px}
  .application .item .txt .t:after{margin-block: 30px;}
  .application .item .txt .detailed{margin-top: 48px;}
  .detailed-wrap .body .t { font-size: 18px; margin-top: 46px; margin-bottom: 24px;}
  .logo-card{padding-inline:0; column-gap: calc((100% - 900px) / 5);row-gap:48px}
  .article-txt p{margin-bottom: 8px;}
  .article-txt .imglist{gap: 24px;margin-block:16px}
  .contact{padding-top: 80px;}
  .contact .txt{padding-right: 24px;}
  #footer{padding-top: 50px;}
  .footer .left .t{margin-bottom: 32px;}
  .footer .web-site{padding-left: 12vw;}
  #footer .copyright{padding-top: 60px; padding-bottom: 30px;}
}

@media screen and (max-width:1370px) {
  .list{margin: 0 -8px -16px -8px;}
  .list .list-li{padding: 0 8px 16px 8px;}
  .list-txt{padding-top: 8px;}
  .list-txt .txt-info{margin-top: 6px;}
  #body.main{padding-bottom: 36px;}
  .web-title{padding-top:32px; padding-bottom: 24px;}
  .web-title .more{margin-top: -16px;}
  .web-title.border{margin-top: 32px;}
  .place{padding-block:24px;}
  .form form{margin-right: -16px;}
  .form form .form-group{width: calc(33.33% - 16px); margin-right: 16px; margin-bottom: 16px;}
  .logo, .logo a, .web-title .main, .footer .left .t,.detailed-wrap .head .txt .name{font-size: 20px;}
  .main-page{margin-top: 30px;}
  .about-section1 .txt{padding-left: 32px;}
  .about-num{margin-top: 32px;}
  .list.about2 .list-li{width: 25%;}
  .list.about3 .list-li{width: 33.33%;}
  #products-head .wrapper .left, .products-wrap .category{width: 180px;}
  .products-wrap{margin-bottom: -36px;}
  .products-wrap .category{padding-top: 16px;}
  .products-wrap .products-list{padding: 16px 0 30px 16px;}
  .detailed-wrap .head{padding-bottom: 32px;}
  .detailed-wrap .head .txt .text{margin-top: 16px;}
  .detailed-wrap .head.products .images{width: 32%; padding-top: 32%;}
  .application .item .txt{padding-inline:24px}
  .application .item .txt .t:after{margin-top:16px; margin-bottom: 16px;}
  .application .item .txt .txt-info{-webkit-line-clamp: 4;}
  .application .item .txt .detailed{margin-top: 24px;}
  .application .item .images{width: 58%;}
  .application-item .txt, .detailed-wrap .head .txt{padding-left: 32px;}
  .application-item{align-items: flex-start;}
  .application-item:not(:last-child){margin-bottom: 20px;}
  .logo-card{row-gap:24px;column-gap:10px; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); justify-items: center;}
  .main .list.news-list,.contact{padding-top: 32px;}
  .list.news-list{margin: 0 -10px -20px -10px;}
  .list.news-list .list-li{padding: 0 10px 20px 10px;}
  .list.news-list .list-txt .date{margin-top: 16px; padding-top: 10px;}
  .list.news-list .list-txt .date span{font-size: 18px;}
  .article{padding: 0;}
  .footer .web-site{padding-left: 8vw;}
}

@media screen and (max-width: 1024px) {
  .body-overlay{position:fixed;left:0;top:60px;right:0;bottom:0;z-index:1;width:100%;height:calc(100vh - 60px);display:none;background:rgba(0,0,0,0.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}
  .mobilemenu{width:30px;height:30px;padding:0;position:absolute;z-index:1001;left:20px;top:15px;display:none;cursor:pointer; flex-direction:column; align-items: center; justify-content: space-between;}
  .mobilemenu i,.mobilemenu i:before,.mobilemenu i:after{width:28px;height:2px;background:#fff;display:block;position:absolute;}
  .mobilemenu i{top: 14px}
  .mobilemenu i:before,.mobilemenu i:after{content:"";left:0;-webkit-transform-origin:center center;transform-origin:center center;transition:all .25s ease;}
  .mobilemenu i:before{top: -10px}
  .mobilemenu i:after{top:10px}
  .mobilemenu.close i{width:0;}
  .mobilemenu.close i:before,.mobilemenu.close i:after{background: #fff;}
  .mobilemenu.close i:before{-webkit-transform:rotate(45deg) translate(7px,7px);transform:rotate(45deg) translate(7px,7px);}
  .mobilemenu.close i:after{-webkit-transform:rotate(-45deg) translate(7px,-7px);transform:rotate(-45deg) translate(7px,-7px);}
  header{transform:none;}
  .mobilemenu{display:inline-block;}
  .mobilemenu.hide{display:none;}
  header{background-color: #2EB48D;}
  header #header{position: relative; z-index: 102; box-shadow:1px 2px 5px 1px rgba(0,0,0,0.05);}
  #header,header.index-header #header{height:60px;}
  #header .wrapper{justify-content:center;}
  #nav{position:fixed;display:block;width:300px; max-width: 80%; height:calc(100vh - 60px);left:-100%;top:60px;padding:0;margin:0;background:rgba(255,255,255,1);z-index:101;overflow:hidden;}
  #nav.side-slide{left: 0;}
  .nav .nav-ul{flex-direction:column;justify-content: flex-start;}
  .nav .mainlevel{position:relative;z-index:10;display:flex;justify-content:center;margin-left:0;margin-right:0;width:100%;height:46px;border-bottom:1px solid rgba(0,0,0,0.1);}
  .nav .mainlevel:before{bottom: 0;}
  .nav .mainlevel .mainlevel-a{text-decoration:none;width:100%;display:flex;justify-content:flex-start;padding-left:18px; padding-top: 16px; padding-bottom: 16px; align-items:center;position:relative;z-index:2;text-transform:capitalize;}
  .nav .mainlevel .mainlevel-a span{color:#000; opacity: 0.6;}
  .nav .mainlevel.active .mainlevel-a span, .nav .mainlevel .mainlevel-a:hover span, .nav .mainlevel:hover span, .nav .mainlevel.active.cuf, .mainlevel-a:hover span{color: #000; opacity: 1;}
  .nav .mainlevel:hover ul,.nav .mainlevel.active ul {opacity:1;  visibility:visible }
  .nav .mainlevel{height: auto; flex-direction: column;}
  .nav .mainlevel ul{position: relative;opacity:1; visibility:visible; height: auto; top: 0;}
  .nav .mainlevel ul:before,.nav .mainlevel ul:after{display:none; opacity: 0;}
  .nav .mainlevel.active:before, .nav .mainlevel:hover:before,.nav .mainlevel.active.cuf:hover:before{width: 100%;}
  .nav .mainlevel .sub-mainlevel{width: calc(100% - 16px); margin-left: 16px;flex-direction: column; height: auto; align-items: flex-start;border-top:1px solid rgba(0,0,0,0.1)}
  .nav .mainlevel .sub-mainlevel a{display: block;width: 100%; padding:12px 0 12px 16px; flex-direction: column; justify-content: center; align-items:flex-start; height: auto;border-bottom: solid 1px rgba(255,255,255,0.3); margin-right: 0;}
  .nav .mainlevel .sub-mainlevel a:last-child{border-bottom:0;}
  #nav .nav{flex-direction: column; height: auto;}
  .nav .nav-ul{flex:none}
  #banner{margin-top: 60px; height: 36vh;}
  #banner .banner-txt .main{font-size: 24px;}
  .place{padding-block:16px;}
  .table th, .table td{padding-block:14px;font-size: 14px;}
  #footer{padding-top: 32px;}
  .footer .left{display:none;}
  .footer .web-site{padding-left: 0;}
  #footer .copyright{padding-block:16px; flex-direction: column;}
  .about-section1{flex-direction: column;}
  .about-section1 .about-img{width: 600px; height: auto; margin: 0 auto;}
  .about-section1 .txt{padding-left: 0; padding-top: 24px;}
  .about-section1 .txt .text{margin-bottom: 24px;}
  .products-wrap .category{width: 100%; border-bottom: solid 1px #ECECEC; margin-bottom: 16px;}
  .products-wrap .category .swiper-slide{width: auto; padding-inline: 32px; height: 50px; line-height: 50px; margin-bottom: 0;}
  .products-wrap .category .swiper-slide:after{width: 0; height: 3px;right: auto; top:auto; left: 0; bottom: 0;}
  .products-wrap .category .swiper-slide.active:after{width: 100%; height: 3px;}
  .products-wrap{flex-direction: column;margin-bottom: 0;}
  .products-wrap .products-list{padding: 0; border-left: 0;}
}

@media screen and (max-width: 860px) {
  .text, .text *{font-size: 14px;}
  #footer{padding-top: 16px;}
  .web-title{padding-top:24px; padding-bottom: 16px;}
  .web-title.border{margin-top: 24px;}
  .about-section1 .about-img{width: 100%;}
  .about-num{margin-top: 16px;}
  .detailed-wrap .body .t{margin-top: 24px; margin-bottom: 16px; font-size: 18px;}
  .list.about2 .list-li,.products-list .list .list-li{width: 33.33%;}
  .list.about3 .list-li,.list.news-list .list-li{width: 50%;}
  .article-txt .imglist{gap: 16px;}
  .detailed-wrap .body .web-title{padding-block:24px;}
  .contact{flex-direction: column;}
  .contact .txt{padding-right: 0; padding-bottom: 16px;}
  .contact .map{width: 100%;}
  .list.news-list{margin: 0 -8px -16px -8px;}
  .list.news-list .list-li{padding: 0 8px 16px 8px; width: 50%;}
  .form form .form-group{width: 100%;}
  .application-item .txt, .detailed-wrap .head .txt{padding-left: 24px;}
  .about-num{flex-flow:row wrap; margin-bottom: -16px;}
  .about-num .item{width: 33.33%; flex:none;margin-bottom: 16px;}
  .detailed-wrap .head{padding-bottom: 24px;}
  .application{padding-top: 32px;}
  .application .item{margin-bottom: 24px;}
  .detailed-wrap .head.appli .img{width: 50%;}
}

@media screen and (max-width: 768px) {
  #body.main{padding-bottom: 24px;}
  #banner .banner-txt .main{font-size: 20px;}
  #footer{padding-top: 0;}
  #footer .footer,#products-head .wrapper .left{display:none}
  .about-section1 .txt{padding-top: 16px;}
  .about-section1 .txt .t span{margin-top: 6px; margin-bottom: 12px;}
  #products-head .wrapper .right{border-left: 0;padding: 0;}
  #products-head .wrapper .right .form-input{padding-block: 16px;}
  .products-list .list .list-li{width: 50%;}
  .detailed-wrap .head{flex-direction: column;}
  .detailed-wrap .head.products .images{padding-top: 80%; width: 80%; margin-inline:auto}
  .application-item .txt, .detailed-wrap .head .txt{padding-left: 0; padding-top: 24px;}
  .application{padding-top: 24px;}
  .application .item{margin-bottom: 16px; flex-direction: column-reverse;}
  .application .item:nth-child(even) .txt{order:0}
  .application .item .images{width: 100%; padding-top: 50%;}
  .application .item .txt{padding: 16px;width: 100%;}
  .application .item .txt .txt-info{-webkit-line-clamp: 3; height: 84px;}
  .detailed-wrap .head.appli .img{width: 100%;}
  .application-item{flex-direction: column;}
  .application-item img{width: 100%;}
  .article .article-info .date{margin-bottom:16px}
  .article .article-info{padding-top: 0;}
  .article .article-info .h1{font-size: 20px;}
  .article-body{padding-top: 16px;}
}

@media screen and (max-width: 640px) {
  .list.about2 .list-li, .products-list .list .list-li{width: 50%;}
  .list.news-list .list-li{width: 100%;}
  .detailed-wrap .head.products .images{padding-top: 100%; width: 100%;}
  .article-body{padding-top: 0;}
  .article-txt img{width: 100% !important; margin: 15px 0 !important;}
  .article-txt .imglist{grid-template-columns: repeat(1,1fr); gap: 0;}
}

@media screen and (max-width: 480px) {
  .about-num .item{width: 50%;}
}

/* IE10或或IE11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .list.product-list .images img{width: auto; left: 50%; transform: translateX(-50%);}
  .list.product-list .list-li:hover .images img { -webkit-transform: scale(1.1) translateX(-50%); -moz-transform: scale(1.1) translateX(-50%); -ms-transform: scale(1.1) translateX(-50%); -o-transform: scale(1.1) translateX(-50%); transform: scale(1.1) translateX(-50%); }
}
/*******************************
  -------[=首页------
********************************/
#index-section1{position: relative; z-index: 1; width: 100%; height: 80vh;}
#index-section1 img.bg{width: 100%; height: 100%; object-fit: cover;}
#index-section1 .video{width: 100%; height: 100%;}
#index-section1 .video video{width: 100%; height: 100%; object-fit: cover;}
#index-section1 .wrapper.swiper-tool{position: absolute; z-index: 10; left: 50%; transform: translateX(-50%); height: 40px; bottom: 10%; justify-content: flex-start; align-items: flex-end;}
#index-section1 .wrapper.swiper-tool .swiper-pagination{ position:relative;display: flex; width: auto; align-items: flex-end; margin-right: 80px;}
#index-section1 .wrapper.swiper-tool .swiper-pagination .swiper-pagination-current{font-size: 24px; font-weight: 600; color: #fff;line-height: 33px; margin-bottom: -2px;}
#index-section1 .wrapper.swiper-tool .swiper-pagination .swiper-pagination-total{font-size: 14px; font-weight: 600; color: #fff; line-height: 20px;}
#index-section1 .wrapper.swiper-tool .swiper-pagination .swiper-pagination-interval{display:block; width: 2px; height: 9px; background-color: #fff; margin-left: 12px; margin-right: 12px; margin-bottom: 5px;}
#index-section1 .wrapper.swiper-tool .right{position: relative; width: 90px; display: flex; align-items: flex-end; justify-content: center; height: 100%;}
#index-section1 .wrapper.swiper-tool .right .arrow:before{border-right-color:#fff;border-top-color:#fff}
.index-section2 .about-section1 .txt .t{margin-bottom: 23px;}
.index-section2 .text{height: 192px;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6;word-break: break-all;line-height: normal;}
.index-section2 .text *{font-size:16px !important; line-height: 32px !important;}
.index-section2 .text p:not(:last-child){margin-bottom: 0;}

.index-section2 .about-num{width: 80%; margin-top: 0;}
.index-section2 .about-num .item{justify-content: flex-start;}
.index-section2 .about-num .item .p{text-align: left;}
.index-section3{width: 100%; height: 500px; position: relative;}
.index-section3-photo img{display: block; width: 100%; height: 100%;}
.index-section3-photo .txt-card,.index-section3-txt{position: absolute; left: 100px;}
.index-section3-photo .txt-card{top: 60px; width: 50%;}
.index-section3-photo .txt-card .p1{font-size: 24px; font-weight: 600; color: #FFFFFF; line-height: 33px;}
.index-section3-photo .txt-card .txt-info{margin-top: 39px; margin-bottom: 28px; -webkit-line-clamp: 4;}
.index-section3-photo .txt-card .txt-info,.index-section3-photo .txt-card .txt-info *{font-size: 14px; font-weight: 400; color: #FFFFFF; line-height: 2.3;}
.index-section3-photo .txt-card .txt-info p{display: block;}
.index-section3-photo .txt-card .btn{display: flex; align-items: center; color: rgba(255,255,255,0.6);}
.index-section3-photo .txt-card .btn .arrow{margin-left: 10px;}
.index-section3-txt{bottom: 0; background-color: #fff; padding-block: 22px; height: 88px;width: 1300px; }
.index-section3-txt .swiper-slide{display: flex; align-items: center; justify-content: center;font-size: 16px; font-weight: 600; color: #000000; line-height: 22px; cursor: pointer;}
.index-section3-txt .swiper-slide:not(:last-child){border-right: solid 1px #ECECEC;}
.index-section3-txt .swiper-slide.swiper-slide-thumb-active{color: #2EB48D;}

#index-section5{background: url(../images/index-section5.jpg) center center no-repeat; background-size: cover; width: 100%;padding-bottom: 80px; margin-top: 80px;}


@media screen and (max-width: 1540px) {
  .index-section2 .about-num{width: 100%;}
  .index-section3-photo .txt-card,.index-section3-txt{left: 5%;}
  .index-section3-txt{width: 90%;}
  #index-section5{padding-bottom: 50px;margin-top:50px}
}

@media screen and (max-width:1370px) {
  .index-section3-photo .txt-card .p1{font-size: 20px;}
  .index-section3-photo .txt-card .txt-info{margin-top: 20px; margin-bottom: 14px;}
  #index-section5{padding-bottom: 32px;margin-top:32px}

}

@media screen and (max-width: 1024px) {
  #index-section1{margin-top: 60px; height: auto;}
  .index-section3{height: 360px;}
  .index-section3-photo .txt-card, .index-section3-txt{left: 16px;}  
  .index-section3-photo .txt-card .txt-info{height: 128px; overflow: hidden;}
  .index-section3-txt{width: calc(100% - 32px);}
  .index-section3-photo .txt-card{top: 24px;width: 80%;}
  #index-section5{padding-bottom: 16px;margin-top:16px}
}

@media screen and (max-width:860px) {
  .index-section2 .text{margin-bottom: 24px;}
  .index-section3-photo .txt-card .btn:before{content:""; display: block; position: absolute; z-index: 2;pointer-events: auto;background-color: rgba(0,0,0,0); width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0;}
  .index-section3-txt{height: 60px; padding-block: 16px;}
}

@media screen and (max-width:768px) {
  /* #index-section1{height: 50vh;} */
  #index-section1 .wrapper.swiper-tool{bottom: 8px;left: 0; transform: translateX(0); width: 100%; justify-content: space-between;}
  #index-section1 .wrapper.swiper-tool .swiper-pagination .swiper-pagination-current{font-size: 14px;}
  .index-section2 .text{margin-bottom: 16px;}
  .index-section2 .about-num .item{width: 50%; justify-content: center;}
  .index-section2 .about-num .item .p{text-align: center;}
}

@media screen and (max-width: 640px) {
}