/* 通用 */
body {padding: 0;font-family: "Microsoft YaHei", "微软雅黑", 'PingFang SC', 'Helvetica Neue', sans-serif;}
body.over {overflow: hidden;}

.dth_wh {width: 96%;max-width: 1600px;display: block;margin: 0 auto;}
:root {--dth-color: #014da1;}
.flex {display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: nowrap;}
.flex::before,
.flex::after {display: none;}

.fixed_ratio {position: relative;overflow: hidden;padding-top: calc(3 / 4 * 100%);}
.fixed_ratio img {position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;object-fit: cover;}
.clearboth {width: 100%;clear: both;display: block;}
.enlarge .imgs {overflow: hidden;position: relative;}
.enlarge .imgs img {transform: scale(1);transition: 0.5s ease;}
.enlarge:hover .imgs img {transform: scale(1.08);}

@media (max-width: 1200px) {.dth_wh {  width: 100%;  padding: 0 15px;}/* .fp-enabled body,body {  padding-top: 60px;} */}
@media (max-width: 991px) {.fp-enabled body,body {  padding-top: 60px;}}
@media (max-width: 767px) {.fp-enabled body,body {  padding-bottom: 50px;}}
@media (max-width: 640px) {.dth_wh {  padding: 0 12px;}}

/* 插件整体样式修改 */
.slick-arrows {outline: none;}

.swiper-button-prev,
.swiper-button-next {outline: none;display: flex;width: 24px;height: 44px;justify-content: center;align-items: center;overflow: hidden;}

.swiper-button-prev::after,
.swiper-button-next::after {content: "";background: none;display: block;width: 16px;height: 16px;border: 2px solid #ffffff;border-color: transparent transparent #4d4d4d #4d4d4d;position: absolute;transform: rotate(45deg);-webkit-transform: rotate(45deg);/* left: 12px;top: 50%; *//* margin-top: -20px; */position: relative;left: 0;top: 0;margin: 0;}

.swiper-button-prev:hover::after,
.swiper-button-next:hover::after {border-color: transparent transparent #ffffff #ffffff;}
.swiper-button-next {transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.swiper-pagination {position: absolute;width: 100%;display: flex;justify-content: center;align-items: center;bottom: 5%;left: 0;}
.swiper-pagination .swiper-pagination-bullet {outline: none;margin: 0 1em;}

@media (max-width: 992px) {.swiper-button-prev,.swiper-button-next {  display: none;}}


/* 整体翻屏设置 */
#main_swiper {background-color: #fff;position: relative;}

.main_wrapper {z-index: 20;position: relative;}
.section {background-repeat: no-repeat;background-position: center;background-size: cover;width: 100vw;height: 100vh;overflow: hidden;}
.section_box {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
.section_box>* {width: 100%;}

/* 右侧锚点 */
.sideNav {position: fixed;right: 30px;top: 50%;transform: translateY(-50%);z-index: 72;}
.sideNav ul {display: flex;flex-flow: column;align-items: center;justify-content: space-between;}
.sideNav li {position: relative;margin: 3px 0;}
.sideNav li:after {content: "";width: 2px;background: #ffffff;height: 16px;transition: all 1s;display: block;margin: 6px auto 0;pointer-events: none;}
.sideNav li:last-child::after {display: none;}
.sideNav.grey li::after {background-color: #cccccc;}
.sideNav li a {display: block;width: 8px;height: 8px;border-radius: 50%;position: relative;z-index: 10;}
.sideNav_after {width: 100%;height: 100%;position: relative;z-index: 1;border-radius: 50%;}
.sideNav_label {position: absolute;left: 0%;top: 0%;transform: scale(1);background: #fff;width: 100%;height: 100%;border-radius: 50%;transition: all 1s;z-index: 10;opacity: 0;}
.sideNav.grey .sideNav_label {background-color: #cccccc;}
.sideNav_label:nth-child(1) {opacity: 1;}
.sideNav li.active .sideNav_label {background: var(--dth-color);animation: blue_scale 3s 0s linear infinite;}
.sideNav li.active .sideNav_label:nth-child(1) {background: #fff;animation: none;z-index: 20;}
.sideNav li.active .sideNav_label:nth-child(2) {}
.sideNav li.active .sideNav_label:nth-child(3) {animation-delay: 1s;}
.sideNav li.active .sideNav_label:nth-child(4) {animation-delay: 2s;}

@media (min-width: 1201px) {body {  overflow: hidden;}#main_swiper {  width: 100vw;  height: 100vh;  overflow: hidden;}}

@media (max-width: 1600px) {}
@media (max-width: 1200px) {.section,.fp-tableCell {  height: auto!important;}.section {}.sideNav {  display: none;}}
@media (max-width: 1024px) {}
@media (max-width: 990px) {}
@media (max-width: 768px) {}
@media (max-width: 640px) {}


/* 头部 */
header {position: absolute;top: 0;left: 0;right: 0;z-index: 95;transition: 0.5s ease;}
header.tops {top: 25px;}
header.black {}
header.white {}
header.nav_white {}
header .dth_wh {align-items: center;}

.logo {position: relative;width: 28%;}
.logo a {display: block;position: relative;z-index: 1;transition: 0.3s ease;}
.logo a:nth-child(2) {position: absolute;left: 0;top: 0;visibility: hidden;opacity: 0;}
header.black .logo a:nth-child(1) {visibility: hidden;opacity: 0;}
header.black .logo a:nth-child(2) {visibility: visible;opacity: 1;}
header.white .logo a:nth-child(1),
header.nav_white .logo a:nth-child(1) {visibility: visible;opacity: 1;}
header.white .logo a:nth-child(2),
header.nav_white .logo a:nth-child(2) {visibility: hidden;opacity: 0;}
.logo img {display: block;max-width: 100%;height: 60px;}


/* 导航 */
nav {flex-grow: 1;margin-left: 4%;}
.x-menu {width: 100%;justify-content: flex-end; margin:2% 0;}
header.black .x-menu {width: 100%;justify-content: flex-end; margin:0% 0;}
.x-menu > li {position: relative;margin-left: 6.7%;}
.x-menu > li:first-child {margin-left: 0;}
.x-menu > li > a {display: block;font-size: 18px;font-weight: normal;font-stretch: normal;line-height: 60px;letter-spacing: 0px;color: #ffffff;position: relative;transition: 0.3s ease;/* overflow: hidden;text-overflow: ellipsis;white-space: nowrap; */}
header.black .x-menu > li > a  {color: #333333;}
header.white .x-menu > li > a,
header.nav_white .x-menu > li > a {color: #ffffff;}


.x-menu > li > a::after {content: "";display: block;width: 100%;height: 3px;background-color: var(--dth-color);position: absolute;right: 0;bottom:0;z-index: -1;visibility: hidden;opacity: 0;transition: 0.3s ease;transform-origin: left center;}

.x-menu > li:hover > a,
.x-menu > li.active > a {}
.x-menu > li:hover > a::after,
.x-menu > li.active > a::after {opacity: 1;visibility: visible;}

.x-menu > li:hover > a {}
.x-menu > li.active > a {}

.x-sub-menu {position: absolute;left: 50%;top: 100%;min-width: 100%;width: 150px;transform: translateX(-50%);background-color: #ffffff;box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);display: none;}

.x-sub-menu > li > a {display: block;text-align: center;font-size: 14px;color: #333;line-height: 1.5;padding: 0.5em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.x-sub-menu > li:hover > a {background: #e9eaeb;}

.x-menu > li .x-sub-menux {display: none;}
.x-menu > li .x-sub-menux li {position: relative;}
.x-menu > li .x-sub-menux li a {display: block;}
.x-menu > li .x-sub-menu li:hover .x-sub-menux {}
.x-menu > li .x-sub-menux li:hover a {}

/* 导航展开 */
.nav_btn {display: flex;width: 46px;height: 46px;background-color: var(--dth-color);margin-left: 2%;flex-shrink: 0;flex-flow: column;align-items: center;justify-content: center;cursor: pointer;transition: 0.5s ease;}
.nav_btn::before,
.nav_btn::after {content: "";display: block;width: 20px;max-width: 60%;height: 2px;background-color: #ffffff;transition: 0.5s ease;transform-origin: center;}
.nav_btn span {margin: 4px 0;transition: 0.5s ease;}
.nav_btn::before {
 }
.nav_btn::after {}

.nav_white .nav_btn {background-color: transparent;}
.nav_white .nav_btn span {margin: 0;margin: -1px 0;}
.nav_white .nav_btn::before {transform: rotate(45deg);}
.nav_white .nav_btn::after {transform: rotate(-45deg);}


.header_fixed {display: none;position: fixed;left: 0;top: 0;right: 0;bottom: 0;width: 100%;/* height: 100%; */height: 100vh;z-index: 50;background-color: #222222;}
.header_fixed_box {display: flex;flex-flow: column;align-items: center;justify-content: center;width: 100%;height: 100%;padding: 0 5% 5vh;}
.header_fixed_box .tit {width: 100%;display: flex;justify-content: space-between;align-items: center;font-size: 14px;color: #ffffff;line-height: 2;margin-bottom: 5vh;}
.header_fixed_box .tit .line {flex-grow: 1;margin: 0 1em;background-color: #ffffff;height: 1px;opacity: 0.1;}
.header_fixed_box .tit .r {display: flex;align-items: center;justify-content: flex-end;}
.header_fixed_box .tit .r .icon {margin-left: 0.5em;}
.head_slide_nav {display: flex;justify-content: space-between;align-items: flex-start;width: 100%;} 
.head_slide_nav>li {margin-right: 5%;} 
.head_slide_nav>li:last-child {margin-right: 0;}
.head_slide_nav>li>a {font-size: 18px;font-weight: bold;line-height: 2;color: #ffffff;margin-bottom: 2vh;display: block;} 
.head_slide_nav_ul {width: 100%;} 
.head_slide_nav_ul>li {margin-bottom: 0.5vh;} 
.head_slide_nav_ul>li>a {font-size: 14px;font-weight: normal;line-height: 2;color: #cacaca;display: block;transition: 0.5s ease;} 
.head_slide_nav_ul>li:hover>a {color: var(--dth-color);transform: translateX(0.5em);}


/* 搜索 */
.search_btn {flex-shrink: 0;margin-left: 3.5%;display: block;width: 20px;height: 20px;background-repeat: no-repeat;background-position: center;background-size: contain;background-image: url("../images/search_btn.png");cursor: pointer;transition: 0.3s ease;}
header.black .search_btn {background-image: url("../images/search_btn_black.png");}
header.white .search_btn,
header.nav_white .search_btn {background-image: url("../images/search_btn.png");}
.pc_seachbox {display: none;position: fixed;left: 0;top: 0;right: 0;bottom: 0;width: 100%;/* height: 100%; */height: 100vh;background-color: #222222;z-index: 50;}
.pc_seachbox #formsearch {position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 1000px;max-width: 90%;border: 1px solid #ffffff1a;}
.pc_seachbox #formsearch input {outline: none;border: none;background: none;height: 70px;}
.pc_seachbox #formsearch input#keyword {display: block;width: calc(70% + 1px);min-width: calc(100% - 159px);padding: 0 1em;font-size: 17px;font-weight: normal;color: #ffffff;}
.pc_seachbox #formsearch input#keyword::placeholder {color: #fff;}
.pc_seachbox #formsearch input#s_btn {width: 30%;max-width: 160px;background-color: var(--dth-color);background-repeat: no-repeat;background-position: center;background-size: auto 30%;background-image: url("../images/search_btn.png");margin: -1px -1px 0;height: 72px;}


@media (max-width: 1660px) {header.tops {  top: 20px;}.x-menu > li > a {  font-size: 17px;}}
@media (max-width: 1400px) {header.tops {  top: 15px;}.x-menu > li > a {  font-size: 16px;  line-height: 100px;}.nav_btn {  width: 42px;  height: 42px;}.nav_btn::before, .nav_btn::after {  width: 18px;}}
@media (max-width: 1200px) {header.tops {  top: 0;}.x-menu > li > a {  font-size: 12px;}}
@media (max-width: 990px) {header {  display: none;}}
@media (max-width: 768px) {}
@media (max-width: 640px) {}

/* banner */
#banner {position: relative;width: 100%;}
#banner .hi {display: none;}
#banner li {}
#banner li>a {display: block;}
#banner li .imgs {display: block;overflow: hidden;}
#banner li .imgs img {width: 100%;min-height: 240px;object-fit: cover;}
#banner li .imgs img {}
#banner li.swiper-slide-active .imgs img {animation: visualScale 5s ease-out both;}

.banner_video {display: block;width: 100%;height: auto;position: relative;padding-top: calc(960 / 1920 * 100%);}
.banner_video video {display: block;object-position: center;object-fit: cover;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.banner_text {position: absolute;left: 0;top: 32.2%;z-index: 30;width: 100%;}
.banner_text >* {transition: 0.2s;}
.banner_text h3 {font-size: 18px;font-weight: bold;font-stretch: normal;line-height: 1.056;letter-spacing: 0px;color: #ffffff;/* animation: textUp 0.6s both cubic-bezier(0.25, 0.79, 0.58, 1); */opacity: 0;}
.banner_text h4 {font-size: 60px;font-weight: normal;font-stretch: normal;line-height: 1.3;letter-spacing: -0.05em;color: #ffffff;margin-top: 0.13em;/* animation: textUp .6s both cubic-bezier(0.25, 0.79, 0.58, 1); */opacity: 0;}
a.mores {display: inline-flex;align-items: center;justify-content: center;background-color: var(--dth-color);font-size: 16px;font-weight: normal;font-stretch: normal;line-height: 1;letter-spacing: 0px;color: #ffffff;padding: 1em 2.1em;transition: 0.3s ease;}
a.mores:hover {background-color: #ffffff;color: var(--dth-color);outline: 1px solid var(--dth-color);}
.banner_text a.mores {margin-top: 4.16vh;opacity: 0;}

a.mores::after {content: "";display: block;background-image: url("../images/mores_a.png");background-repeat: no-repeat;background-size: contain;width: 6px;height: 7px;margin-left: 0.25em;margin-top: 0.2em;transition: inherit;}
a.mores:hover::after {background-image: url("../images/mores_h.png");}

#banner li.swiper-slide-active .banner_text h3 {animation: textUp .6s both cubic-bezier(0.25, 0.79, 0.58, 1);animation-delay: .4s; }
#banner li.swiper-slide-active .banner_text h4 {animation: textUp .6s both cubic-bezier(0.25, 0.79, 0.58, 1);animation-delay: .7s;}
#banner li.swiper-slide-active .banner_text a {animation: textUp .6s both cubic-bezier(0.25, 0.79, 0.58, 1);animation-delay: 1s;}

#banner .swiper_prev,
#banner .swiper_next {bottom: 4.5%;display: block;position: absolute;z-index: 20;width: 10px;height: 19px;background-repeat: no-repeat;background-position: center;background-size: contain;cursor: pointer;opacity: 1;} 
#banner .swiper_prev {right: calc((100vw - 1600px) / 2 + 3% + 10px);background-image: url("../images/prev.png");} 
#banner .swiper_prev:hover {background-image: url("../images/prev_h.png");}
#banner .swiper_next {right: calc((100vw - 1600px) / 2);background-image: url("../images/next.png");} 
#banner .swiper_next:hover {background-image: url("../images/next_h.png");}

#banner .swiper-pagination {width: auto;max-width: 60%;left: calc((100vw - 1600px) / 2);height: 24px;align-items: flex-end;bottom: 4.5%;}

#banner .swiper-pagination-bullet {width: 3px;height: 58.2%;background-color: #ffffff;opacity: 0.3;margin: 0 16px 0 0;border-radius: 0;}

#banner .swiper-pagination-bullet:hover {opacity: 1;}
#banner .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: var(--dth-color);height: 100%;opacity: 1;}

.swiper_progress {position: absolute;left: 0;bottom: 0;width: 100%;height: 6px;z-index: 30;transition: 0.1s all;}
.swiper_progress span {background-color: var(--dth-color);display: block;height: 100%;width: 0;}

@media (min-width: 1201px) {#banner li .imgs img,.banner_video {  height: 100vh;  padding-top: 0;  min-height: auto;}}
@media (max-width: 1660px) {#banner .swiper-pagination {  left: 2vw;}#banner .swiper_prev {  right: calc(2vw + 3% + 10px);}#banner .swiper_next {  right: 2vw;}.banner_text h4 {  font-size: 3.6vw;}a.mores {  font-size: 15px;}.swiper_progress {  height: 5px;}}
@media (max-width: 1400px) {.banner_text h3 {  font-size: 17px;}a.mores {  font-size: 14px;}#banner .swiper_prev, #banner .swiper_next {  width: 8px;  height: 16px;}}
@media (max-width: 1200px) {#banner li .imgs img {}.swiper_progress {  height: 4px;}.banner_text h3 {  font-size: 16px;}.banner_text h4 {  font-size: 36px;  margin-top: 10px;}a.mores {  font-size: 13px;}}
@media (max-width: 990px) {#banner li .imgs img {}#banner .swiper-pagination-bullet {}.banner_text {  top: 45%;  transform: translateY(-50%);}.banner_text h3 {  font-size: 14px;}.banner_text h4 {  font-size: 30px;}a.mores {  font-size: 12px;}.banner_text a.mores {  margin-top: 20px;}.swiper_progress {  height: 3px;}}
@media (max-width: 768px) {}
@media (max-width: 640px) {#banner li .imgs img {  /* min-height: 240px; */  min-height: 160px;}#banner .swiper-pagination {  bottom: 10px;  height: 16px;}#banner .swiper-pagination-bullet {  width: 2px;  margin: 0 10px 0 0;}.banner_text h3 {  font-size: 12px;}.banner_text h4 {  font-size: 24px;}.banner_text a.mores {  margin-top: 10px;}.swiper_progress {  height: 2px;}}
@media (max-width: 400px) {#banner li .imgs img {  /* min-height: 220px; */}#banner .swiper-pagination-bullet {}.banner_text h3 {  font-size: 12px;}.banner_text h4 {  font-size: 20px;}a.mores {  padding: 0.8em 1.6em;}.banner_text a.mores {}.swiper_progress {  height: 2px;}}

/* 相同标题 */
.slash_ico {display: flex;align-items: center;justify-content: flex-start;}
.slash_ico span {display: flex;align-items: flex-start;justify-content: flex-start;margin-right: 0.9em;}
.slash_ico span::before,
.slash_ico span::after {content: "";display: block;width: 0.33em;height: 1.056em;transform: skew(30deg);transform-origin: left top;}
.slash_ico span::before {background-color: #ffffff;}
.slash_ico span::after {background-color: var(--dth-color);margin-left: 0.22em;}
.slash_ico.blue span::before {background-color: var(--dth-color);opacity: 0.3;}

.center {text-align: center;justify-content: center;}
.titles {width: 100%;}
.titles h3 {font-size: 18px;font-weight: normal;font-stretch: normal;line-height: 1;letter-spacing: 0px;color: #666666;}
.titles h2 {font-size: 48px;font-weight: bold;font-stretch: normal;line-height: 1.3;letter-spacing: -0.02em;color: #000000;margin-top: 0.16em;}


@media (max-width: 1660px) {.titles h2 {  font-size: 2.8vw;}.titles h3 {}}
@media (max-width: 1400px) {.titles h3 {  font-size: 17px;}}
@media (max-width: 1200px) {.titles h3 {  font-size: 16px;}.titles h2 {  font-size: 30px;}}
@media (max-width: 990px) {.titles h3 {  font-size: 15px;}.titles h2 {  font-size: 27px;}}
@media (max-width: 768px) {}
@media (max-width: 640px) {.titles h3 {  font-size: 14px;}.titles h2 {  font-size: 24px;}}

/* 第二屏-关于我们 */
.section2 {}
.about {/* padding-top: 90px; */}
.about .dth_wh {align-items: unset;}
.about_text {width: 31.5%;display: flex;flex-flow: column;justify-content: space-between;align-items: flex-start;}
.about_text .titles .mores {margin-top: 4.16vh;}

.about_info {width: 100%;/* margin-top: 5vh; */margin-top: 28.5vh;}
.about_wz {font-size: 18px;font-weight: normal;font-stretch: normal;line-height: 1.67;letter-spacing: 0px;color: #666666;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.mores.mores2 {width: auto;background: none;color: var(--dth-color);opacity: 1;padding: 0;margin-top: 4.375vh;}
.mores.mores2:hover {opacity: 0.7;border: none;outline: none;background: none;}
.mores.mores2::after {background-image: url("../images/mores_h.png");}

.about_nums {width: 26.25%;max-width: 340px;margin-left: auto;}
.about_nums ul {display: flex;/* height: 100%; */flex-flow: column;align-items: flex-start;justify-content: space-between;}
.about_nums li {}
.about_nums li+li {margin-top: 8.3vh;}
.about_nums li:nth-child(1) {margin-left: 10.3%;}
.about_nums li:nth-child(2) {margin-left: 21.7%;}
.about_nums li:nth-child(3) {margin-left: 18.5%;}
.about_nums li a {display: block;text-align: left;}
.about_nums li h4 {display: flex;align-items: center;justify-content: flex-start;font-family: Arial, Helvetica, sans-serif;font-size: 48px;font-weight: bold;font-stretch: normal;line-height: 1;letter-spacing: 0px;color: var(--dth-color);}
.about_nums li h4 p {font-size: inherit;}
.about_nums li h4 span {font-size: inherit;display: flex;align-items: center;justify-content: center;}
.about_nums li h4 span strong {font-size: 18px;font-weight: normal;font-stretch: normal;line-height: 1.5;letter-spacing: 0px;color: var(--dth-color);margin-left: 0.3em;}
.about_nums li h3 {font-size: 16px;font-weight: normal;font-stretch: normal;line-height: 1.5;letter-spacing: 0px;color: #666666;}



@media (max-width: 1660px) {.about_nums li h4 {}}
@media (max-width: 1400px) {.about_info {  margin-top: 24vh;}.about_wz {  font-size: 17px;}.about_nums li+li {  margin-top: 8vh;}.about_nums li h4 {  font-size: 3.4vw;}.about_nums li h3 {  font-size: 15px;}}
@media (max-width: 1200px) {.about {  padding: 80px 0;}.about_info {  margin-top: 40px;}.about_wz {  -webkit-line-clamp: 8;  font-size: 16px;}.about_nums li+li {  margin-top: 32px;}.about_nums li h4 {  font-size: 32px;}.about_nums li h3 {  font-size: 14px;}}
@media (max-width: 990px) {.about {  padding: 60px 0;  background-color: rgba(232, 234, 240, 0.8);}.about .dth_wh {  flex-flow: column;}.about_text {  width: 100%;}.about_text .titles .mores {  margin-top: 30px;}.about_wz {  -webkit-line-clamp: 12;  font-size: 15px;}.about_nums {  width: 100%;  max-width: 100%;  margin-left: 0;  margin-top: 30px;}.about_nums ul {  flex-flow: row;}.about_nums li:nth-child(n+1) {  margin: 0;}}
@media (max-width: 768px) {}
@media (max-width: 640px) {.about {  padding: 36px 0 32px;}.about_text .titles .mores {  margin-top: 20px;}.about_info {  margin-top: 30px;}.about_wz {  -webkit-line-clamp: 15;  font-size: 14px;}.mores.mores2 {  margin-top: 20px;}.about_nums ul {  flex-wrap: wrap;  justify-content: space-around;}.about_nums li:nth-child(n+1) {  width: 48%;}.about_nums li:nth-child(n+3) {  margin-top: 20px;}}

/* 第三屏-产品中心 */
.section3 {}
.product {/* padding-top: 90px; */}
.product_lis {margin-top: 3.95vh;}
.product_lis ul {justify-content: center;}
.product_lis li {border-color: #e5e5e5;border-width: 0;border-style: solid;border-right-width: 1px;}
.product_lis li:last-child {border-right-width: 0;}
.product_lis li a {display: flex;flex-flow: column;align-items: center;justify-content: flex-start;padding: 0 67px;text-align: center;}
.product_lis li .imgs {width: auto;max-width: 100%;height: 64px;position: relative;}
.product_lis li .imgs img {display: block;max-width: 100%;height: 100%;object-fit: contain;}
.product_lis li .imgs img:nth-child(2) {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: contain;opacity: 0;visibility: hidden;}
.product_lis li.cur .imgs img:nth-child(1) {visibility: hidden;opacity: 0;}
.product_lis li.cur .imgs img:nth-child(2) {visibility: visible;opacity: 1;}
.product_lis li h3 {display: block;text-align: center;font-size: 16px;font-weight: bold;font-stretch: normal;line-height: 1.5;letter-spacing: 0px;color: #000000;margin-top: 0.625em;max-width: 8em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.product_lis li.cur h3 {color: var(--dth-color);}

.product_cont {margin-top: 7.1vh;position: relative;}
.product_tabs {position: absolute;left: 0;top: 0;width: 100%;visibility: hidden;opacity: 0;transition: 0.3s ease;}
.product_tabs.cur {visibility: visible;opacity: 1;position: relative;transition: 0.5s ease;}
.product_tabs li {width: 23.75%;margin-right: calc(5% / 3);}
.product_tabs li:nth-child(4n) {margin-right: 0;}
.product_tabs li a {display: block;background-color: #f2f3f7;}
.product_tabs li .imgs {padding-top: calc(312 / 380 * 100%);}
.product_tabs li .text {/* padding: 0 10.5% 13.15%; */padding: 6% 10.5%;}
.product_tabs li .text h4 {font-size: 18px;font-weight: bold;font-stretch: normal;line-height: 1.5;letter-spacing: 0px;color: #222222;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.product_tabs li:hover .text h4 {color: var(--dth-color);}
.product_tabs li .text .sums {font-size: 14px;font-weight: normal;font-stretch: normal;line-height: 1.7;letter-spacing: 0px;color: #999999;height: 3.4em;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-top: 1em;}


@media (max-width: 1660px) {.product_lis li a {  padding: 0 4vw;}.product_lis li .imgs {  height: 3.85vw;}}
@media (max-width: 1400px) {.product_lis li h3 {  font-size: 15px;}.product_cont {  margin-top: 6.5vh;}.product_tabs li .text {  /* padding: 0 10% 12%; */  padding: 6% 10%;}.product_tabs li .text h4 {  font-size: 17px;}.product_tabs li .text .sums {  margin-top: 0.8em;}}
@media (max-width: 1200px) {.product {  padding: 60px 0 50px;}.product_lis {  margin-top: 30px;}.product_lis li a {  padding: 0 45px;}.product_lis li .imgs {  height: 45px;}.product_cont {  margin-top: 42px;}.product_tabs li .text {  /* padding: 0 12px 15px; */  padding: 10px 12px 8px;}.product_tabs li .text .sums {  margin-top: 0.5em;}}
@media (max-width: 990px) {.product {  padding: 50px 0 42px;}.product_lis ul {  flex-wrap: wrap;}.product_cont {  margin-top: 32px;}.product_tabs ul {  flex-wrap: wrap;  justify-content: space-between;}.product_tabs li {  width: 48.5%;  margin-right: 0;}.product_tabs li:nth-child(n+3) {  margin-top: 3%;}}
@media (max-width: 768px) {}
@media (max-width: 640px) {.product {  padding: 42px 0 32px;}.product_lis {  margin-top: 20px;}.product_lis ul {  justify-content: space-between;}.product_lis li:nth-child(n+1) {  width: 48.5%;  border-width: 1px;}.product_lis li:nth-child(n+3) {  margin-top: 3%;}.product_lis li a {  padding: 12px 15px;}.product_cont {  margin-top: 24px;}.product_tabs li {  width: 100%;}.product_tabs li:nth-child(n+2) {  margin-top: 20px;}}

/* 第四屏-优势 */
.section4 {position: relative;}
.advant_back {position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;z-index: 1;background-color: #000000;}

.advant_back:before{content: '';width: 100%;height: 100%;  position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, 0.5) ;z-index: 9;}


.advant_back .img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;visibility: hidden;opacity: 0;transition: 0.3s ease;}
.advant_back .img.curs {visibility: visible;opacity: 1;transition: 0.5s ease;}
.advant_back .img img {display: block;width: 100%;height: 100%;object-fit: cover;}

.advantage {position: relative;z-index: 20;/* padding-top: 90px; */padding-top: 5vh;}
.advant_ti {text-align: center;max-width: 1210px;margin: 0 auto;}
.advant_ti h2 {font-size: 48px;font-weight: bold;font-stretch: normal;line-height: 1;letter-spacing: 0px;color: #ffffff;}
.advant_wz {font-size: 18px;font-weight: normal;font-stretch: normal;line-height: 1.67;letter-spacing: 0px;color: #ffffff;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;margin-top: 4.375vh;}
a.mores.white {background-color: #ffffff;color: var(--dth-color);}
a.mores.white:hover {background-color: var(--dth-color);color: #ffffff;}
a.mores.white::after {background-image: url("../images/mores_h.png");}
.advant_ti .mores {margin-top: 5vh;}

.advant_ul {margin-top: 28vh;}
.advant_ul ul {justify-content: space-between;align-items: unset;border-bottom: 2px solid var(--dth-color);background-color: rgba(255, 255, 255, 0.2);}
.advant_ul li {flex: 1;transition: 0.5s ease;position: relative;}
.advant_ul li::after {content: "";display: block;width: 1px;height: 60px;background-color: #ffffff;opacity: 0.2;position: absolute;right: 0;top: 50%;transform: translateY(-50%);z-index: 1;}
.advant_ul li:last-child:after {display: none;}
.advant_ul li.curs {background-color: var(--dth-color);}
.advant_ul li a {justify-content: flex-start;position: relative;z-index: 10;padding: 7.5% 8% 8% 13.5%;}
.advant_ul li .imgs {height: 57px;width: auto;flex-shrink: 0;margin-right: 13%;}
.advant_ul li .imgs img {display: block;height: 100%;width: auto;}
.advant_ul li .text {flex-grow: 1;}
.advant_ul li .text h4 {font-size: 20px;font-weight: normal;font-stretch: normal;line-height: 1.5;letter-spacing: 0px;color: #ffffff;}
.advant_ul li .text h5 {display: block;font-size: 13px;font-weight: normal;font-stretch: normal;line-height: 1.5;letter-spacing: 0px;color: rgba(255, 255, 255, 0.5);margin: 0;margin-top: 0.5em;}


@media (max-width: 1660px) {.advant_ti h2 {  font-size: 2.89vw;}.advant_ul li .text h4 {  font-size: 19px;}}
@media (max-width: 1400px) {.advant_wz {  font-size: 17px;}.advant_ul li .imgs {  height: 55px;}.advant_ul li .text h4 {  font-size: 18px;}.advant_ul li .text h5 {  font-size: 12px;}}
@media (max-width: 1200px) {.advantage {  padding: 60px 0 50px;}.advant_ti h2 {  font-size: 32px;}.advant_wz {  font-size: 16px;  margin-top: 30px;}.advant_ti .mores {  margin-top: 32px;}.advant_ul {  margin-top: 80px;}.advant_ul li a {  flex-flow: column;  padding: 15px;}.advant_ul li .imgs {  margin-right: 0;  height: 45px;  margin-bottom: 10px;}.advant_ul li .text {  width: 100%;}}
@media (max-width: 990px) {.advantage {  padding: 50px 0 40px;}.advant_ti h2 {  font-size: 28px;}.advant_wz {  font-size: 15px;}.advant_ul {  margin-top: 50px;}.advant_ul ul {  justify-content: space-between;  flex-wrap: wrap;}.advant_ul li {  width: 50%;  flex: none;}.advant_ul li:nth-child(3n) {}.advant_ul li:nth-child(2n) {  border-left: 1px solid rgba(255, 255, 255, 0.2);}.advant_ul li:nth-child(n+3) {  border-top: 1px solid rgba(255, 255, 255, 0.2);}.advant_ul li:nth-child(n+1)::after {  display: none;}.advant_ul li a {  flex-flow: row;  padding: 30px 20px;}.advant_ul li .imgs {  margin-right: 15px;  height: 45px;  margin-bottom: 0;}}
@media (max-width: 768px) {}
@media (max-width: 640px) {.advantage {  padding: 42px 0 32px;}.advant_wz {  margin-top: 20px;}.advant_ti .mores {  margin-top: 24px;}.advant_ul {  margin-top: 40px;}.advant_ul li:nth-child(2n) {  border-left: none;}.advant_ul li:nth-child(n+1) {  width: 100%;}.advant_ul li a {  padding: 20px 15px;}.advant_ti h2 {  font-size: 24px;}.advant_wz {  font-size: 14px;}.advant_ul li .text h4 {  font-size: 17px;}.advant_ul li .text h5 {  margin-top: 0.2em;}}

/* 第五屏-新闻 */
.section5 {}
.news {/* padding-top: 90px; */}
.news_top {border-top: 2px solid #eeeeee;border-bottom: 2px solid #eeeeee;margin-top: 5.4vh;padding: 1.625% 0;align-items: unset;justify-content: space-between;}
.news_top .text {max-width: 936px;width: 59%;margin: auto 0;}
.news_top .text .tims {font-family: Arial, Helvetica, sans-serif;font-size: 16px;font-weight: normal;font-stretch: normal;line-height: 1.5;letter-spacing: 0px;color: #000000;}
.news_top .text h4 {font-size: 24px;font-weight: bold;font-stretch: normal;line-height: 1.5;letter-spacing: 0px;color: #333333;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 1.6%;transition: 0.3s ease;cursor: pointer;} 
.news_top .text h4:hover {color: var(--dth-color);}
.news_top .text .sums {font-size: 15px;font-weight: normal;font-stretch: normal;line-height: 1.6;letter-spacing: 0px;color: #999999;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin-top: 1.28%;} 
.news_top .text .mores {margin-top: 3.7%;} 
.news_top .imgs {width: 36%;max-width: 482px;height: 100%;cursor: pointer;}
.news_top .imgs .fixed_ratio {padding-top: calc(290 / 482 * 100%);height: 100%;}
.news_top .imgs .fixed_ratio img {transition: 0.5s ease;}
.news_top .imgs:hover .fixed_ratio img {transform: scale(1.1);}

.news_uls {}
.news_uls ul {flex-wrap: wrap;}
.news_uls li {width: 50%;border-bottom: 2px solid #eeeeee;padding: 3.4vh 0;}
.news_uls li a {align-items: center;padding: 0 6.25% 0 0;}
.news_uls li a::before {content: "";width: 5px;height: 5px;display: block;background-color: var(--dth-color);border-radius: 50%;margin-right: 6.1%;flex-shrink: 0;}
.news_uls li h4 {flex-grow: 1;font-size: 18px;font-weight: bold;font-stretch: normal;line-height: 2;letter-spacing: 0px;color: #333333;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: 0.3s ease;margin-right: 5%;}
.news_uls li:hover h4 {color: var(--dth-color);}
.news_uls li p {font-family: Arial, Helvetica, sans-serif;font-size: 16px;font-weight: normal;font-stretch: normal;line-height: 1.5;letter-spacing: 0px;color: #999999;flex-shrink: 0;}


@media (max-width: 1660px) {}
@media (max-width: 1400px) {.news_top .text .tims {  font-size: 15px;}.news_top .text h4 {  font-size: 22px;}.news_uls li a::before {  margin-right: 5%;}.news_uls li h4 {  font-size: 17px;}.news_uls li p {  font-size: 15px;}}
@media (max-width: 1200px) {.news {  padding: 50px 0;}.news_top {  margin-top: 30px;  padding: 15px 0;}.news_top .text .tims {  font-size: 14px;}.news_top .text h4 {  font-size: 20px;  margin-top: 5px;}.news_top .text .sums {  font-size: 14px;  margin-top: 7px;}.news_uls li {  padding: 24px 0;}.news_uls li a::before {  margin-right: 12px;  width: 4px;  height: 4px;}.news_uls li h4 {  font-size: 16px;}.news_uls li p {  font-size: 14px;}}
@media (max-width: 990px) {.news {  padding: 40px 0;}.news_top {  margin-top: 24px;}.news_top .text h4 {  font-size: 18px;}.news_uls li {  width: 100%;  padding: 20px 0;}.news_uls li a {  padding: 0;}}
@media (max-width: 768px) {}
@media (max-width: 640px) {.news {  padding: 36px 0 32px;}.news_top {  margin-top: 16px;}.news_top {  flex-flow: column-reverse;}.news_top .imgs {  width: 100%;  max-width: 100%;}.news_top .text {  width: 100%;  max-width: 100%;  margin-top: 20px;}.news_top .text h4 {  font-size: 17px;}.news_uls li {  padding: 15px 0;}.news_uls li p {  font-size: 12px;}}


/* 底部 */
.section6 {}
.auto_height {height: auto!important;}
footer {background-color: #151d25;background-repeat: no-repeat;background-position: center;background-size: cover;padding: 3vh 0 0;}
footer a {font-size: inherit;color: inherit;}
footer a:hover {color: #ffffff;}
.layout_nav {padding: 4.8vh 0;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.layout_nav ul {justify-content: space-between;}
.layout_nav li {}
.layout_nav li a {display: block;font-size: 18px;font-weight: normal;font-stretch: normal;line-height: 2;letter-spacing: 0px;color: #fff;position: relative;z-index: 10;}
.layout_nav li a:hover {color: #ffffff;}
.layout_nav li a::after {content: "";display: block;width: 0.44em;height: 1.44em;background-color: var(--dth-color);position: absolute;right: -0.22em;top: 50%;margin-top: -0.6em;transform: skew(35deg);z-index: -1;visibility: hidden;opacity: 0;transition: 0.3s ease;transform-origin: left center;}
.layout_nav li:hover a::after {opacity: 1;visibility: visible;}

.foots {padding: 6.25vh 0 11.25vh;justify-content: space-between;}
.foots_left {width: 64%;}
.foots_logo {}
.foots_logo a {display: block;}
.foots_logo img {display: block;max-width: 60%;height: 60px;object-fit: contain;}
.foots_contact {font-size: 18px;font-weight: normal;font-stretch: normal;line-height: 1.67;letter-spacing: 0px;color: #fff;margin-top: 3.75vh;}
.foots_right {flex-shrink: 0;width: 30%;}
.foots_right ul {justify-content: flex-end;}
.foots_right li {position: relative;margin-left: 35px;}

.foots_right li .img{overflow: hidden;}
.foots_right li .img img{max-width: 120px;}
.foots_right li .b1{text-align: center;font-size: 16px;line-height: 25px;color: #fff;}


.foots_right li .ewm {position: absolute;left: 50%;transform: translateX(-50%);bottom: calc(100% + 15px);width: 120px; height: 120px;background-color: #ffffff;visibility: hidden;opacity: 0;transition: 0.3s ease;z-index: 999;}
.foots_right li .ewm::after {content: "";display: block;width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid #ffffff;margin: 0 auto;}
.foots_right li:hover .ewm {visibility: visible;opacity: 1;}

.foots_right li .ewm img {display: block;width: 100%;height: 100%;object-fit: contain;}


.feet {flex-wrap: wrap;justify-content: space-between;font-size: 14px;font-weight: normal;font-stretch: normal;line-height: 2;letter-spacing: 0px;color: #fff;padding: 4.2vh 0;align-items: center;}
.feet > div {margin: 0 0.2em;}
div.ft_power {margin-left: auto;}
.feet .backtop {display: block;width: calc(16 / 14 * 1em);height: calc(18 / 14 * 1em);background-repeat: no-repeat;background-position: center;background-size: contain;background-image: url("../images/backtop.png");margin-left: 1em;cursor: pointer;}
.ft_link dd {display: inline-block;}


@media (max-width: 1800px) {.foots_right li:last-child .ewm {  left: auto;  right: 0;  transform: none;}.foots_right li:last-child .ewm::after {  margin-right: 0;}}
@media (max-width: 1660px) {.foots_contact {  font-size: 17px;}}
@media (max-width: 1400px) {.layout_nav li a {  font-size: 17px;}.foots {  padding: 5vh 0 9vh;}.foots_contact {  font-size: 16px;}.feet {  font-size: 13px;}}
@media (max-width: 1200px) {#toolbar {  display: none;}footer {  padding: 0 0 0;}.layout_nav {  padding: 50px 0 30px;}.layout_nav li a {  font-size: 16px;}.foots {  padding: 50px 0;}.foots_contact {  font-size: 15px;  margin-top: 24px;}.foots_right li a>img {  max-height: 18px;}.feet {  padding: 30px 0;  font-size: 12px;}}
@media (max-width: 990px) {.layout_nav {  display: none;}.foots {  padding: 30px 0 20px;}.foots_left {  width: 100%;}.foots_logo img {  max-width: 80%;  max-height: 40px;}.foots_contact {  margin-top: 20px;}.foots_right,/* .feet .clearboth, */.ft_prs,.ft_region,.ft_link {  display: none;}.feet {  padding: 20px 0;  justify-content: center;  text-align: center;}div.ft_power {  margin: 0;}}
@media (max-width: 768px) {}
@media (max-width: 640px) {.foots {  padding: 20px 0 10px;}.foots_contact {  font-size: 14px;  margin-top: 12px;}.feet {  padding: 10px 0 20px;}}


/* 客服位置调整 */
/* #toolbar {bottom: 40%;transform: translateY(50%);}
#toolbar.toolbar_index {left: 12px;right: auto;bottom: 50%;transform: translateY(50%);}
#toolbar.toolbar_index .online-one li.phone .tel-phone {left: calc(100% + 5px);right: auto;transform: translateX(-100%);}
#toolbar.toolbar_index  .online-one li.phone:hover .tel-phone {transform: translateX(0);}

#toolbar.toolbar_index .online-one li.ewm .ewm-box {left: calc(100% + 5px);right: auto;transform: translateX(-100%);}
#toolbar.toolbar_index .online-one li.ewm:hover .ewm-box {transform: translateX(0);}
#toolbar.toolbar_index .online-one li.ewm .ewm-box:after {right: auto;left: -5px;border-width: 5px;border-style: dashed solid dashed dashed;border-color: transparent #fff transparent transparent;border-left: none;} */


/* 整屏入场动画 */
/* .logding {background-color: #fff;-webkit-clip-path: polygon(6% 0, 93% 0, 84% 100%, 0 100%);clip-path: polygon(6% 0, 93% 0, 84% 100%, 0 100%);height: 100%;left: -50%;position: fixed;top: 0;transition: all 1.5s;width: 200%;z-index: 999;display: none;}
.logding .box1 {background-color: var(--dth-color);opacity: 0.5;left: -50%;width: 80%;z-index: 2;}
.logding .box1,.logding .box2 {-webkit-clip-path: polygon(6% 0, 93% 0, 84% 100%, 0 100%);clip-path: polygon(6% 0, 93% 0, 84% 100%, 0 100%);height: 100%;position: absolute;top: 0;transition: all 2s;}
.logding .box2 {background-color: var(--dth-color);left: -30%;width: 50%;z-index: 3;}

.logding.on,.logding.on .box1,.logding.on .box2 {left: 100%;}

@media(min-width: 1201px) {.logding {  display: block;}/* 翻屏动画设置 
.section.live {  animation-duration: 2s;  animation-fill-mode: forwards;  animation-iteration-count: 1;  animation-name: mainswiper;}.section.ini {  animation-duration: 2s;  animation-fill-mode: forwards;  animation-iteration-count: 1;  animation-name: mainswipershow;}}*/


.idxCasesImg{ width: 100%; height: 104vh; object-fit: cover;}
.idxCasesSwiper::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(0,0,0,.2) ; z-index: 3;}
.idxCasesSwiper .swiper-slide-active .idxCasesImg{ animation: scaleIn 2s forwards cubic-bezier(0.4, 0, 0.49, 0.93); -webkit-animation: scaleIn 2s forwards cubic-bezier(0.4, 0, 0.49, 0.93); }
.idxCasesUl{ position: absolute; left: 0; bottom: 0; z-index: 5; background: rgba(0,0,0,.25);   backdrop-filter: blur(10px);}
.idxCasesUl li { flex: 1;}
.line-height9{ line-height: .9;}
.idxCasesIcon{ filter: grayscale(100%) brightness(500%); -webkit-filter: grayscale(100%) brightness(500%); }
.idxCasesUl li  .bottom{ position: absolute; bottom: 0; left: 0; z-index: 3;}
.idxCasesUl li.on::after{display: block; content: ''; width: 100%; height: 120%; border-top-right-radius: 1vw; border-top-left-radius: 1vw; position: absolute; left: 0; bottom: 0;  background: url(../images/idxCasesUlBg.jpg) no-repeat center center / cover;}
.idxCasesUl li .title{font-size: 1.2em; transform: translateY(-2vw); display: flex; justify-content: space-between; align-items: center; padding-bottom: 40px; -webkit-transform: translateY(-2vw); -moz-transform: translateY(-2vw); -ms-transform: translateY(-2vw); -o-transform: translateY(-2vw); }
.idxCasesUl li .title .mt-50{ margin-top: 0;}
.idxCasesUl li.on .bottom{ opacity: 1;}

.idxCasesUl li:hover{display: block;background: url(../images/idxCasesUlBg.jpg) no-repeat center center / cover;}

.idxCasesTitle{ position: absolute; left: 0; top: 0 ; z-index: 10;}
.idxCasesTextUl{ position: absolute; left: 0; top: 28vh ; z-index: 10;}
.idxCasesTextUl li{ display: none; animation: rightFloat .5s; -webkit-animation: rightFloat .5s; }
.idxCasesTextUl li.on{ display: block;}

@media screen and (max-width:1200px) {
.idxCasesImg { height: 95vh;}	
	.idxCasesUl li{ flex: auto; width:40vw; height: 20vh;}
}

@media screen and (max-width:900px) {
	.idxCasesImg { height: 80vh;}
	.idxCasesTextUl{ top: 100px;}

	.idxCasesUl{  width: 100%;  overflow-x: scroll; }
	.idxCasesUl::-webkit-scrollbar { height: 2px;}
	.idxCasesUl::-webkit-scrollbar-thumb {  background: #d4d4d4; height: 2px; }
	.idxCasesUl::-webkit-scrollbar-track {   background: #f6f6f6;height: 2px; }
	.idxCasesUl li{ flex: auto; width:40vw; flex-shrink: 0;height: 12vh;}
	.idxCasesUl li img{ width:23px;}
}
@media screen and (max-width:450px) { 
.idxCasesUl li .title{ display:none}	
	.idxCasesUl li{ flex: auto; width:30vw; flex-shrink: 0;height: 10vh;}
}

.home_news_content {display: flex;gap: 50px; padding-bottom:60px;}
.home_news_left,
.home_news_right{width: calc((100% - 50px) / 2);}
.home_news_left img {transition: all .3s ease;}
.home_news_left img:hover {transform: scale(1.1);}
.home_news_img {position: relative;border-radius: 30px;overflow: hidden;height: 100%;}
.home_news_img img {width: 100%;height: 520px;object-fit: cover;}
.hoem_news_img_content {padding: 30px;padding-top: 0px;position: absolute;bottom: 0px;width: 100%;background: linear-gradient(0deg, #004495 0%, #00449500 100%);}
.hoem_news_img_content {color: #FFF;}
.hoem_news_img_content p {font-size: 22px;font-weight: 500;}
.home_news_item_remark {display: flex;width: 100%;font-size: 14px;justify-content: space-between;margin-top: 18px;color: rgba(255, 255 , 255, 0.7);}
.home_news_item_remark span:first-child {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 60%;}
.home_news_item_remark span {white-space: nowrap;}
.home_new_text {display: flex;gap: 30px;border-bottom: 1px dashed #999;padding-bottom: 23px;padding-top: 20px;position: relative;cursor: pointer;}
.home_new_text:hover:after {width: 58px;}
.home_new_text:hover .home_new_text_date {color: #004495;}
.home_new_text:after {position: absolute;content: "";width: 0;height: 4px;border-radius: 2px;background-color: #004495;left: 0;bottom: -2px;transition: all .3s ease;}
.home_new_text:first-child {padding-top: 0px;}
.home_new_text_date {white-space: nowrap;color: #999;transition: all .3s ease; margin-top:15px;}
.home_new_text_date p {font-size: 44px;padding-bottom: 6px;} 
.home_new_text_date span {font-size: 14px;}
.home_new_text_content h4 {font-size: 18px;color: #333;}
.home_new_text_content p {font-weight: 400;font-size: 14px;margin-top: 10px;color: #999999;line-height: 26px;display: -webkit-box;        -webkit-line-clamp: 2;         -webkit-box-orient: vertical;  overflow: hidden;     text-overflow: ellipsis;}

.home_hzhb {width: 100%;}
.home_hzhb img {width: 100%;}

@media (max-width: 997px) {
.home_news_content {flex-direction: column;padding-bottom:10px;}
.home_news_left,.home_news_right {width: 100%;}
.home_app_item {width: 100%;}
.home_new_text {padding-bottom: 10px;padding-top: 20px;}
.home_news_img img {width: 100%;height: 220px;object-fit: cover;} 	
.home_new_text_content p {font-weight: 400;font-size: 14px;margin-top: 5px;color: #999999;line-height: 26px;display: -webkit-box;        -webkit-line-clamp: 2;         -webkit-box-orient: vertical;  overflow: hidden;     text-overflow: ellipsis;}
}

.inner{ width:96%; margin: 0 auto;max-width:1920px;}

@media(max-width:767px) {
.inner{ width:96%; margin: 0 auto;max-width:1920px;}	
}
.footer_01{ color: #fff; text-align:left;}
.footer_01 .top{ border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.footer_01 .top  .right{ width: 41%;}
.footform .input{ background-color: rgba(255, 255, 255, 0.1); width: 77%;}
.footform .submit{ width: 23%;}
.footer_01 .center .left{ width: 51%; text-align:left;}
.footer_01 .center .left dt{ margin-bottom: 15px; font-size:20px }
 .footer_01 .logo-w img{ height: 130px;}
.footer_01 .center .left dd a{ font-size: 16px; opacity: 0.6; line-height:2.6;}
.footer_01 .center .left dd a:hover{ opacity: 1;}
.footer_01 .center .right{ width: 41%; border-left: 1px solid rgba(255, 255, 255, 0.1);text-align:left;font-size:20px}
.footer_01 .center .right .f14{ margin-top: 15px; font-size:16px}
.footer_01 .bottom{ border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 25px 0; color: rgba(255, 255, 255, 0.6); }
.footer_01 .bottom a:hover{ color: #fff;}


@media screen and (max-width:750px) {
	
	 .footer_01 .top .dis-flex-between-center{ flex-direction: column;}
    .footer_01 .top .right { width: 100%; margin-top: 20px;}
    .footer_01 .logo-w img{ height: 80px;}
    .footer_01 .center .left{ display: none;}
    .footer_01 .center .right{ border-left: none;  width: 100%; line-height: 2; padding-left: 0;}
    .footer_01 .center .right>div:first-child{ font-size: 16px;}
    .footer_01 .center .right .f14{ margin-top: 8px;}
    .footer_01 .ewm{ width: 80px;}

    .footer_01 .bottom{ padding: 10px 0;}
    .footer_01 .bottom .dis-flex-between-center{ flex-direction: column; text-align: center; line-height: 2;}
    .footer_01 .bottom .dis-flex-between-center form{ display: none;}

}

.idxAbout{ padding-bottom: 15vh;}
.idxAbout .wh{ padding-top:0px;}
.line-height1-2{ line-height: 1.2;}  

.idxPadding{ padding-top: 100px;}
.idxAbout .text{ position: sticky; top: 100px; left: 0;}

@media (max-width: 1200px) {
	.idxAbout{ padding:5% 0;}
	
}

@media (max-width: 767px) {
	.idxAbout{ }
.idxAbout .wh{ padding-top:10px;}	
.idxAbout .text{ position:  relative; top: 0px; left: 0;}
}

.idxMore2{ height: 60px; background-color:#FFF}
.idxMore2:hover{ transform: translateX(25px); -webkit-transform: translateX(25px); -moz-transform: translateX(25px); -ms-transform: translateX(25px); -o-transform: translateX(25px); }


.main-tit {display: inline-block; font-size: clamp(18px, 11.2px + 2.13vw, 52px);font-weight: bold;color: #000000;line-height: 1;background: linear-gradient(to right, #034484 0%, #007df9 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin-bottom:20px; margin-top:25px;}

.main-titb {display: inline-block;font-size: 52px;font-weight: bold;color: #000000;line-height: 1;background: linear-gradient(to right, #fff 0%, #fff 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin-bottom:20px; margin-top:0px;}



@media(max-width:767px) {
	.main-tit {font-size: 28px;margin-bottom:20px;}
	
}

.main-t {font-size: 22px;font-weight: bold;color: #222222;line-height: 1;}

.container{ width:96%; margin: 0 auto;max-width:1920px;}

@media(max-width:767px) {
.container{ width:96%; margin: 0 auto;max-width:1920px;}	
}
.idxPro{ }
.idxPro::after{ width: 100%; bottom: 0; left: 0;  background: url(../images/bg-circle.png) no-repeat top center;  z-index: 3;display: block; content: ''; height: 35%; position: absolute;}
.idxProSwiper .swiper-slide .text::after{ display: block; content: ''; width: 100%;  height:1px; position: absolute; left: 0; top: 50%; background: #e5e5e5; } 

.idxProSwiper{margin-top:-15vh;}


.idxProSwiperBg{ width: 50vw; position: absolute; left: 25vw; top: 2%; z-index: 1;}
.idxProSwiper .button{ position: absolute; right: 0; bottom: 0; z-index: 20;}
.mySwiperBtn{ width: 64px; height: 64px; border-style: dashed;}
.mySwiperBtn:hover{ background: #014da1; color: #fff; border-style: solid; border-color: #014da1;}
.idxProSwiper .swiper-slide{ opacity: 0 !important;}
.idxProSwiper .swiper-slide.swiper-slide-active{ opacity: 1 !important;}
.idxproImg { height:54vh;}
.idxproImg img{ transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5);transition: transform 0.5s ease; max-height:520px;}
.idxProSwiper .swiper-slide.swiper-slide-active .idxproImg img{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.mySwiperBtn.swiper-button-disabled{ cursor: no-drop; opacity: .2;}
.idxProUl{ z-index: 10; position: absolute; right: 0; top: 0; background-image: linear-gradient(to bottom,#fff,transparent);}

.idxProUl li i{ width: 8px; height: 8px; background: #ccc; display: inline-block;} 
.idxProUl li::before{ display: block; content: ''; width: 1px; height: 100%; background: #edf2f7; position: absolute; left: 4px; top: 20px;}
.idxProUl li:last-child::before{ display: none;}
.idxProUl li.on{ color: #014da1;}
.idxProUl li.on i{ background: #014da1;}
.idxProUl li:hover {color: #014da1;}
.idxProUl li i:hover {background: #014da1;}

@media screen and (max-width:1200px) {
	.idxPro{ padding:5% 0;}
.idxproImg { height:45vh; padding:5% 0}	
.idxproImg img{  max-height:45vh;}
	
}

@media screen and (max-width:900px) {
	
		.idxProUl{ padding: 0; margin-top: 15px; z-index: 10; position: relative;  right: auto; top: auto; background: #fff; width: 100%; display: flex;}
	.idxProUl{  width: 100%;  overflow-x: scroll; }
.idxProUl::-webkit-scrollbar { height: 2px;}
.idxProUl::-webkit-scrollbar-thumb {  background: #c1c1c1; height: 2px; }
.idxProUl::-webkit-scrollbar-track {   background: #f1f1f1;height: 2px; }
	.idxProUl li{ padding-bottom: 0; padding: 10px 15px;}
	.idxProUl li::before{ display: none;} 
	.idxProUl li.on{ background: #014da1; color: #fff;}
	
	.idxproImg { height: auto; padding:5% 0}	
.idxproImg img{  max-height:auto;}
	
	.idxProSwiper{margin-top:5vh;}
	.idxProSwiperBg{ width: 100%; position: absolute; left: 0vw; top: 35%; z-index: 1;}
	.idxProSwiper .swiper-slide .text{ width: 100%; text-align: center;}
	.idxProSwiper .swiper-slide .text::after{ display: none;}
	.idxProSwiper .swiper-slide .text span{ padding-right: 0;}
	.idxProSwiper .button{ width: 100%; justify-content: center; margin-top: 15px; position: relative; right: auto; bottom: auto; z-index: 20;}
	.mySwiperBtn{ width: 40px; height: 40px;}
}


a.mores3 {display: inline-flex;align-items: center;justify-content: center;background-color: var(--dth-color);font-size: 16px;font-weight: normal;font-stretch: normal;line-height: 1;letter-spacing: 0px;color: #ffffff;padding: 1em 2.1em;transition: 0.3s ease;}
a.mores3:hover {background-color: #ffffff;color: var(--dth-color);outline: 1px solid var(--dth-color);}




.idxMore{ height: 60px; padding:5px; font-size:18px;} 

.idxMore::after{ display: block; content: ''; position: absolute; width: 50px; height: 50px; border-radius: 40px; top: 5px; right: 5px; background: #fff; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; }
.idxMore .round{ width: 50px; height: 50px;}
.idxMore:hover{ color: #014da1; }
.idxMore:hover::after{ width: 100%; right: 0; top: 0; height: 100%; }
.idxMorew::after{ background:  #014da1;}
.idxMorew:hover{ color: #fff;}


@media(max-width:900px) {
.idxMore{ height:  auto; padding:5px; font-size:14px;} 
	.idxMore::after{   width:30px; height: 30px;rder-radius: 50%;}
	.idxMore .round{ width: 30px; height: 30px;}   
	.idxMore i{font-size:14px;}

}


.idxMorea{ height: 60px; padding:5px; font-size:18px; background-color:#014da1;} 

.idxMorea::after{ display: block; content: ''; position: absolute; width: 50px; height: 50px; border-radius: 40px; top: 5px; right: 5px; background: #fff; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; }
.idxMorea .round{ width: 50px; height: 50px;     display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;     /* 垂直居中 */}
.idxMorea:hover{ color: #014da1; }
.idxMorea:hover::after{ width: 100%; right: 0; top: 0; height: 100%; }
.idxMoreaw::after{ background:  #014da1;}
.idxMoreaw:hover{ color: #fff;}
.idxMorea i{font-size:14px; color:#014da1; }

@media(max-width:900px) {
.idxMorea{height: 40px;  font-size:14px;} 
	.idxMorea::after{   width:30px; height: 30px;rder-radius: 50%;}
	.idxMorea .round{ width: 30px; height: 30px;}   
	.idxMorea i{font-size:14px; color:#014da1;}

}



.inews{}
@media(max-width:1200px) {
	.inews{ padding:5% 2%;}
}