body{ margin: 0; padding: 0; font-family: 'SourceHanSansCN-Regular', 'Arial', 'Helvetica', 'sans-serif';}
html{ scroll-behavior:smooth;}
ul{ margin: 0; padding: 0;}
li{ list-style: none;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.cl:after{ content: ''; clear: both; display: table;}
a{ text-decoration: none !important;}
.fz_36 { font-size: 36px;}
.fz_34 { font-size: 34px;}
.fz_32 { font-size: 32px;}
.fz_30 { font-size: 30px;}
.fz_28 { font-size: 28px;}
.fz_26 { font-size: 26px;}
.fz_24 { font-size: 24px;}
.fz_22 { font-size: 22px;}
.fz_20 { font-size: 20px;}
.fz_18 { font-size: 18px;}
.fz_16 { font-size: 16px;}
.fz_14 { font-size: 14px;}
.fz_12 { font-size: 12px;}
.flex_1{
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.flex_2{
  display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.flex_3{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.flex_4{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.flex_5{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.flex_6{
  display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;
}
.flex_7{
  display: flex;
  display: -webkit-flex;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.flex_8{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}
.flex_9{
  display: flex;
  display: -webkit-flex;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: space-between;
}
.flex_10{
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
}
.flex_11{
  display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between;
}

/* 关于flex */
.flex{
  display: flex;
}
.flex-wrap{
  display: flex;
  flex-wrap: wrap;
}

.flex-start-center{
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.flex-start-end{
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
.flex-start-between{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.flex-start-around{
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
}
.flex-start-evenly{
  display: flex;
  align-items: flex-start;
  justify-content: space-evenly;
}
.flex-center-start{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.flex-center-center{
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-center-end{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.flex-center-between{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flex-end-start{
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
.flex-end-center{
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.flex-end-end{
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.flex-end-between{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.flex-stretch-start{
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
.flex-stretch-center{
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.flex-stretch-end{
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
}
.flex-stretch-between{
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.flex-stretch-around{
  display: flex;
  align-items: stretch;
  justify-content: space-around;
}


:root{
  --color_1: #048bba;
  --color_2:rgba(4, 139, 186, .85);
}

@font-face {
	font-family: 'BARLOWCONDENSED-BOLD';
	src: url('../fonts/BARLOWCONDENSED-BOLD_MIANFEIZITI.COM.TTF');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MONTSERRAT-BOLD';
	src: url('../fonts/MONTSERRAT-BOLD.oTF');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MONTSERRAT-LIGHT';
	src: url('../fonts/MONTSERRAT-LIGHT.oTF');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MONTSERRAT-REGULAR';
	src: url('../fonts/MONTSERRAT-REGULAR.oTF');
	font-weight: normal;
	font-style: normal;
}
.Mont_bold{font-family: 'MONTSERRAT-BOLD';}
.Mont_light{font-family: 'MONTSERRAT-LIGHT';}
.Mont_regular{font-family: 'MONTSERRAT-REGULAR';}


.ani-in{ opacity: 0; pointer-events: none; transition: all 0.5s;}
.ani-in.cur{ opacity: 1; pointer-events: auto; transition-delay: 0.6s;}
.ani-down{ transform: translateY(-60px); opacity: 0; pointer-events: none; transition: all 0.5s;}
.ani-down.cur{ transform: translateY(0); opacity: 1; pointer-events: auto; transition-delay: 0.6s;}
.ani-up{ transform: translateY(60px); opacity: 0; pointer-events: none; transition: all 0.5s;}
.ani-up.cur{ transform: translateY(0); opacity: 1; pointer-events: auto; transition-delay: 0.6s;}
.ani-left{ transform: translateX(60px); opacity: 0; pointer-events: none; transition: all 0.5s;}
.ani-left.cur{ transform: translateX(0); opacity: 1; pointer-events: auto; transition-delay: 0.6s;}
.ani-right{ transform: translateX(-60px); opacity: 0; pointer-events: none; transition: all 0.5s;}
.ani-right.cur{ transform: translateX(0); opacity: 1; pointer-events: auto; transition-delay: 0.6s;}
.ani-zoom{ transform: scale(0.5); opacity: 0; pointer-events: none; transition: all 0.6s;}
.ani-zoom.cur{ transform: scale(1); opacity: 1; pointer-events: auto; transition-delay: 0.6s;}

.nmaodian{ position: absolute; left:0; top:-100px;}

#fp-nav.cur ul li a span, #fp-nav.cur ul li a span{ background: var(--color_1);}
#fp-nav{ left: 20px; transform: translateY(0);}
#fp-nav ul li, .fp-slidesNav ul li{ margin: 20px 7px;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{ width: 10px; height: 10px;margin: -5px 0 0 -5px; background: #fff;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{ width: 20px; height: 20px; background: url(../images/duo.png) center no-repeat; background-size: cover; margin: -10px 0 0 -10px;}


.container{ position: relative;}


.header{ position: fixed; top: 0; left: 0; width: 100%; height: 80px; z-index: 9999; transition: all 0.5s; background: rgba(255,255,255,0.82); box-shadow: 0px 2px 4px rgba(0,0,0,0.1);}
.header .container{ position: relative;}
.logo{ height: 80px; position: absolute; left: 0; top: 50%;  transform: translateY(-50%);}
.logo a{ display: inline-block; height: 100%;}
.logo a img{ display: block; height: 100%;}

.pc_nav{ padding: 0 16%; padding-right: 100px;
/* padding-right: 140px; */
}
.pc_nav ul li{ position: relative;}
.pc_nav ul li>a{ line-height: 80px; padding: 0 30px; text-transform: uppercase; font-size: 16px; font-family: '微软雅黑'; color: #333; display: block; letter-spacing: 1px;}
.pc_nav ul li.active>a{ color: #fff; background: var(--color_1);}
.pc_nav ul li:hover>a{ color: var(--color_1);}
.pc_nav ul li.active:hover>a{ color: #fff;}
.pc_nav ul li:hover .erji{ opacity: 1; pointer-events: auto; top: 100%;}
.erji{ min-width: 100%; position: absolute; top: calc(100% + 15px); left: 50%; transform: translateX(-50%); z-index: 2; opacity: 0; pointer-events: none; transition: all 0.3s; background: var(--color_1); padding: 10px 0;}
.erji .ej_li a{ color: rgba(255,255,255,0.85); line-height: 24px; padding: 5px 15px; display: block; text-align: center; font-size: 14px; white-space:  nowrap;  transition: all 0.3s;}
.erji .ej_li a:hover{ color: #fff;}




.head_more{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 2;}
.head_more a, .head_more div{ width: 40px; height: 40px; display: inline-block; vertical-align: middle; color: #333; margin-left: 30px; transition: all 0.5s; text-align: center; line-height: 40px; font-size: 16px;}
.head_more a.head_search{ color: var(--color_1);}
.head_more a i{ display: inline-block; font-size: 20px;}
.head_more a:hover, .head_more div:hover{ opacity: 0.85;}
.head_lang{ position: relative;}
.head_more .head_lang a{ width: auto; height: auto; line-height: 24px; display: inline-block; padding: 5px 20px; border-radius: 4px; position: absolute; top: calc(100% + 10px); left: 50%; transform: translateX(-50%); margin: 0; background: rgba(255,255,255,0.5); opacity: 0; pointer-events: none; transition: all 0.5s;}
.head_lang a:after{ content: ''; width: 0; height: 0; border-bottom: 5px solid rgba(255,255,255,0.5); border-right: 5px solid transparent; border-left: 5px solid transparent; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%);}
.head_more .head_lang:hover a{ opacity: 1; pointer-events: auto; top: 100%;}



.mySwiper {
  height: 100vh;
}

.mySwiper > .swiper-wrapper > .swiper-slide > .flex {
  padding-top: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.mySwiper > .swiper-wrapper > .swiper-slide:last-child {
  height: auto;
}

.mySwiper .mySwiper-pagination {
  left: 2.375rem;
  right: auto;
}

.mySwiper .mySwiper-pagination span.swiper-pagination-bullet {
  background: #fff;
  opacity: 1;
  margin: 1.5rem 0;
  position: relative;
}

.mySwiper .mySwiper-pagination span.swiper-pagination-bullet::after {
  content: '';
  width: 260%;
  height: 260%;
  border-radius: 50%;
  position: absolute;
  border-width: 0 1px 0 0;
  border-color: var(--color_1) var(--color_1) var(--color_1) transparent;
  border-style: solid;
  right: -80%;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  animation: xz_02 3s linear infinite;
}

.mySwiper .mySwiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--color_1);
}

.mySwiper .mySwiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  opacity: 1;
}

@keyframes xz_02 {
  100% {
    transform: translateY(-50%) rotate(360deg);
  }
}

.mod_bgc{ background-size: cover; background-position: center; background-repeat: no-repeat;}
.index_news, .s_about{ background-position: center bottom;}


.s_banner{ position: relative; height: 100%; width: 100%;}
.s_banner .swiper0{ width: 100%; height: 100%;}
.s_banner .swiper-slide{ overflow: hidden; position: relative; height: 100vh;}
.s_banner .swiper-slide>div{ display: block; height: 100%; position: relative;}
.ban_text{ position: absolute; top: 38%; left: 0; right: 0; margin: 0 auto; width: 50%; z-index: 2; color: #fff; text-align: center;}
.ban_text strong{ color: #fff; font-size: 46px; text-shadow: 0px 2px 4px rgba(0,0,0,0.3);}
.ban_text span{ color: #fff; font-size: 20px; line-height: 1.8; display: block; margin: 10px 0; margin-top: 25px;}
.ban_text b{ color: #fff; text-transform: uppercase; display: block; font-size: 50px; line-height: 36px; font-family: 'BARLOWCONDENSED-BOLD';}
.ban_text b i{ color: #D9B765; font-style: normal; font-weight: bold;}
.ban_text p{ margin-top: 60px; font-size:48px;}

.s_banner .swiper0 .swiper-pagination0{ bottom: auto; top: 50%; right: 3%; left: auto; width: auto; color: #fff; font-size: 24px;}
.s_banner .swiper0 .swiper-pagination0 span.swiper-pagination-total{ font-size: 18px; font-family: 'MONTSERRAT-LIGHT'; opacity: 0.85;}
.s_banner .swiper0 .swiper-pagination0 span.swiper-pagination-current{ font-size: 36px; font-family: 'MONTSERRAT-BOLD'; transform: translateY(20px);}
.s_banner .swiper0 .swiper-pagination0 span:before{content: '0';}
.s_banner .swiper0 .swiper-pagination0 span.swiper-pagination-current:before{ margin-left: -15px;}
.s_banner .swiper0 .swiper-pagination0 span.swiper-pagination-current{ width: 32px; display: inline-block; overflow: hidden;}
.ban_fan{ position: absolute; right: 3%; top: 60%; width: 84px; z-index: 5; text-align: center;}
.ban_fan:before{ content: ''; width: 2px; height: 18px; background:#fff; opacity: 0.65; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);}
.ban_fan .swiper-button-prev, .ban_fan .swiper-button-next{ position: static; width: 40px; background: none; display: inline-block; opacity: 1; margin: 0; outline: none;}
.ban_fan .swiper-button-prev::after, .ban_fan .swiper-button-next::after{ display: none;}
.ban_fan .swiper-button-prev i, .ban_fan .swiper-button-next i{ display: inline-block; font-size: 20px; color: #fff; line-height: 44px;}
.ban_fan .swiper-button-prev:hover i, .ban_fan .swiper-button-next:hover i{ color: #D9B765;}



.banner_down{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 5%; text-align: center; color: #fff; z-index: 2;  cursor: pointer;}
.banner_down i{ font-size: 36px; display: block; margin: 0 auto; transform: translateY(-10%);
  -webkit-animation: banner_down1 1.6s infinite;
  animation: banner_down1 1.6s infinite;}

@-webkit-keyframes banner_down1 {
  0% { transform: translateY(-10%); }
  100% { transform: translateY(0);}
}
@keyframes banner_down1 {
  0% { transform: translateY(-10%); }
  100% { transform: translateY(0);}
}
.mod_backTop{ position: fixed; right: 10px; bottom: 10px; z-index: 99; width: 50px; height: 50px; text-align: center; color: #fff; border-radius: 4px; background: rgba(255,255,255,0.5); cursor: pointer; opacity: 0; pointer-events: none; transition: all 0.5s;}
.mod_backTop.active{ opacity: 1; pointer-events: auto;}
.mod_backTop i{ line-height: 50px; display: inline-block; font-size: 26px;}
.mod_backTop:hover{ background: var(--color_1); color: #fff;}

.s_about{ height: 100%; display: flex; align-items: center; justify-content: center; padding-top: 50px;}
.sab_left{ width: 40%; color: #fff;}
.sab_left h3{ font-size: 46px;}
.sab_left h3 span{ display: block; margin-top: 10px; font-size: 30px; text-transform: uppercase; color: #fff;}
.sab_left p{ font-size: 18px; line-height: 36px; margin: 30px 0;}
.sab_right{ width: 40%; margin: 0 auto;}
.sab_right ul li{ width: 150px; height: 150px; margin: 0 5%; margin-top: 5%;}
.sab_right ul li a{ display: block; text-align: center; width: 100%; height: 100%; border-radius: 50%; background: rgba(255,255,255,0.7); color: #333; font-size: 18px; padding-top: 35px; transition: all 0.3s;}
.sab_right ul li a i{ width: 44px; height: 44px; line-height: 44px; text-align: center; margin: 0 auto; display: block; margin-bottom: 10px; font-size: 36px;}
.sab_right ul li:last-child a i{ font-size: 44px;}
.sab_right ul li:hover a{color: var(--color_1);}




.s_more a{ font-weight: bold; font-size: 18px; color: #fff; display: inline-block; position: relative; padding-right: 43px;}
.s_more a i{ width: 25px; height: 3px; position: absolute; top: 50%; transform: translateY(-3px); right: 8px; background: #fff;}
.s_more a i:after{ content: ''; width: 0; height: 0; border-left: 8px solid #fff; border-top: 6px solid transparent; border-bottom: 6px solid transparent; position: absolute; top: 50%; transform: translateY(-50%); left: 100%;}

.sab_video{ width: 32%; position: absolute; right: 15px; top: -20%; border-top-left-radius: 24px; border-bottom-right-radius: 24px; overflow: hidden;}
.sab_video video{ width: 100%; display: block;}

.yd_in{ width: 80px; height: 80px; text-align: center; line-height: 80px; font-size: 18px; color: #fff; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; z-index: 2; margin: 0 auto; transition: all 1s;}
.yd_in i{ display: inline-block; font-size: 34px;
	-webkit-animation: in_span 5s linear infinite;
	animation: in_span 5s linear infinite;}
.zh_in{ position: absolute; left: 1px; top: 1px; z-index: -1;
  width: 80px; height: 80px;
  -webkit-animation: zh_in 3s linear infinite;
  animation: zh_in 3s linear infinite;}
.zh_in:after{ content: ''; width: 8px; height: 8px; border-radius: 50%; border: 2px solid #fff; position: absolute; right: -2px; top: 50%;}
.zh_in img{ display: block; width: 100%;}
@-webkit-keyframes zh_in {
  0%{ transform: rotate(0);}
  100% { transform: rotate(360deg);}
}
@keyframes zh_in {
  0%{ transform: rotate(0);}
  100% { transform: rotate(360deg);}
}
@-webkit-keyframes in_span {
  0%{ transform: scale(1);}
  50% { transform: scale(1.2);}
  100% { transform: scale(1);}
}
@keyframes in_span {
  0%{ transform: scale(1);}
  50% { transform: scale(1.2);}
  100% { transform: scale(1);}
}

.s_yewu{ height: 100%; width: 100%;}
.s_yewu ul{ width: 100%; height: 100%;}
.s_yewu ul li{ width: 50%; transition: all 0.5s; height: 100%; position: relative;}
.s_yewu ul li a{ display: block; z-index: 3; width: 100%; height: 100%; position: relative;}
.s_yewu ul li a::after{ content: '';width: 100%; height: 100%; background: rgba(0,0,0,0.3); position: absolute; left: 0; top: 0; z-index: -1; transition: all .3s ease;}
.s_yewu ul li a>span{ width: 120px; height: 70px; position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; transform: translateY(-50%); background: #fff; color: var(--color_1); text-align: center; display: block; transition: all 0.3s;}
.s_yewu ul li a>span em{ font-size: 50px; line-height: 70px; display: inline-block; transition: all 0.3s;}
.s_yewu ul li a>span:after{ content: ''; position: absolute; bottom: 100%; left: 0; border-bottom: 35px solid #fff; border-left: 60px solid transparent; border-right: 60px solid transparent; transition: all 0.3s;}
.s_yewu ul li a>span:before{ content: ''; position: absolute; top: 100%; left: 0; border-top: 35px solid #fff; border-left: 60px solid transparent; border-right: 60px solid transparent; transition: all 0.3s;}
.s_yewu ul li .s_more{ width: 0; opacity: 0; white-space: nowrap; font-size: 18px; font-weight: bold;}
.s_yewu ul li .s_more i{ width: 15px; height: 2px; background: #fff; display: inline-block; vertical-align: middle;position: relative; margin-left: 8px; transition: all 0.3s; transform: translateY(-3px);}
.s_yewu ul li .s_more i:after{ content: ''; width: 0; height: 0; border-left: 8px solid #Fff; border-top: 4px solid transparent; border-bottom: 4px solid transparent; position: absolute; left: 100%; top: 50%; transform: translateY(-50%);}
.syw_title span{ font-size: 24px; font-weight: bold; line-height: 24px; transition: all 0.3s;}
.syw_title{ position: absolute; bottom: 5%; width: 84%; margin: 0 auto; left: 0; right: 0; color: var(--color_1); transition: all 0.3s; opacity: 0.85;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;}


  .s_yewu ul li{ width: 50%;}
  .s_yewu ul li a::after{ opacity: 0;}
  .s_yewu ul li a>span em{ color: #fff;}
  .s_yewu ul li a>span{ background: var(--color_1);}
  .s_yewu ul li a>span:after{ border-bottom: 35px solid var(--color_1);}
  .s_yewu ul li a>span:before{ border-top: 35px solid var(--color_1);}
  .s_yewu ul li .syw_title .s_more{ width: auto; opacity: 1;}
  .s_yewu ul li .syw_title span{ transition: all 0.3s; padding-left: 13px; border-left: 3px solid #fff;}
  .s_yewu ul li .syw_title{ opacity: 1;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;}

.s_case .swiper-container .swiper-slide{ width: 26.13%;}
.s_case .swiper-container .swiper-slide a{ display: block; position: relative; overflow: hidden;}
.case_img{ padding-top: 128.2%; transition: all 0.5s;}
.s_case .swiper-container .swiper-slide a i{ width: 78px; height: 78px; background: rgba(255,255,255,0.9); color: var(--color_1); font-size: 36px; line-height: 78px; text-align: center; position: absolute; right: 30px; top: 30px; display: block; z-index: 2;}
.s_case .swiper-container .swiper-slide a span{ display: block; font-size: 24px; font-weight: bold; color: #fff; width: 86%; margin: 0 auto; bottom: 5%; position: absolute; left: 7%;}
.s_case .swiper-container .swiper-slide:hover .case_img{ transform: scale(1.05);}


.s_biao{ font-size: 46px; color: #1c4d99; line-height: 46px;}
.s_biao span{ display: block; margin-top: 10px; font-size: 20px; text-transform: uppercase; opacity: 0.3; line-height: 20px;}
.scase_nav{ margin-bottom: 30px; margin-top: 100px; overflow: hidden; position: relative; z-index: 2;}
.scase_nav:after{ content: ''; width: 100%; height: 1px; background: #eee; position: absolute; left: 200px; top: 35%; z-index: -1;}
.scase_nav ul{ width: calc(100% - 300px);}
.scase_nav ul li{ margin-left: 10%;}
.scase_nav ul li a{ color: #999; transition: all 0.3s; font-size: 18px; display: block;  text-align: center;}
.scase_nav ul li i{ width: 70px; height:70px; text-align: center; line-height: 68px; border: 1px dashed #ccc; font-size: 36px; transition: all 0.3s; display: block; margin: 0 auto; border-radius: 50%; margin-bottom: 10px; background: #fff;}
.scase_nav ul li.active a{ color: var(--color_1);}
.scase_nav ul li.active i{ background: var(--color_1); color: #fff; border-color: var(--color_1);}

.index_news{ height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;
padding-top: 50px;}

.snew_nav{ margin-top: 100px;}
.snew_nav .s_biao{ color: #fff;}
.snew_nav ul{ width: calc(100% - 300px);}
.snew_nav ul li{ margin-left: 2%;}
.snew_nav ul li a{ display: block; color: #fff; padding: 10px 20px; border: 1px solid rgba(255,255,255,0.6); font-size: 16px; transition: all 0.3s;}
.snew_nav ul li:hover a{ color: var(--color_1); background: #fff; border-color: #fff;}
.snew_list .s_more{ margin-top: 30px;}
.snew_list{ margin-top: 20px; width: 100%;}
.snew_list .s_more{ width: auto; opacity: 1;}
.snew_list .s_more a{ color: #fff;}
.snew_li{ padding: 30px 0; transition: all 0.3s;}
.snew_li a{ display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between; color: #fff;}
.snew_img{ width: 20%;}
.snew_img i{ display: block; padding-top: 67.9%;}
.snew_text{ width: 55%;}
.snew_time{ width: 14%; color: #fff; transition: all 0.3s; font-size: 16px; font-family: 'MONTSERRAT-BOLD';}
.snew_li:hover .snew_time{ color: var(--color_1);}
.snew_text h4{ margin-bottom: 20px; transition: all 0.3s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.snew_text p{ line-height: 30px; font-size: 16px; color: #fff; transition: all 0.3s;  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;}
.snew_li:hover{ background: rgba(255,255,255,0.64);}
.snew_li:hover .snew_text h4{ color: var(--color_1);}
.snew_li:hover .snew_text p{ color: #333;}

.footer{ background: #1b3456; padding-top: 40px; color: #fff;}
.foot_text h4, .foot_form h4{ margin-bottom: 30px;}
.foot_text h4 strong, .foot_form h4 strong{ padding-bottom: 15px; display: inline-block; position: relative;}
.foot_text h4 strong:after, .foot_form h4 strong:after{ content: ''; width: 40px; height: 3px; background: #fff; position: absolute; bottom: 0; left: 0;}
.foot_text ul li{ padding-left: 35px; position: relative; margin: 30px 0; font-size: 16px;}
.foot_text ul li i{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); opacity: 0.5; font-size: 20px;}
.foot_form .form-group{ border-bottom: 1px dashed #fff; padding-left: 60px; position: relative;}
.foot_form .form-group label{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-weight: normal; font-size: 16px;}
.foot_form .form-group input{ height: 40px; display: block; background: none; width: 100%; box-shadow: none; border: none; outline: none; font-size: 16px;}
.foot_form input.btn, .foot_form button.btn{ width: 100%; border-radius: 20px; background: transparent; border: 1px solid #fff; font-size: 16px; margin-top: 30px; display: block; padding: 8px 0; outline: none; color: #fff;}
.foot_form input.btn:hover, .foot_form button.btn:hover{ color: #fff;}
.foot_nav h5{ margin-bottom: 30px; font-size: 16px;}
.foot_nav h5 a{ color: #fff;}
.foot_nav p{ margin: 15px 0;}
.foot_nav p a, .foot_link a{ color: #fff; opacity: 0.5; transition: all 0.3s;}

.foot_nav p a:hover, .foot_link a:hover{ opacity: 1;}
.foot_left{ width: 55%;}
.foot_right{ width: 39%; margin-left: 6%; padding-top: 35px;}
.foot_text, .foot_form{ width: 45%;}
.foot_nav, .foot_ewm, .foot_link{ width: 100%;}
.foot_ewm, .foot_link{ margin-top: 10px; font-size: 16px; color: rgba(255,255,255,0.5);}
.foot_link span{ color: #fff;}
.foot_di{ margin-top: 30px; border-top: 1px solid rgba(255,255,255,0.2); padding: 20px 0; color: rgba(255,255,255,0.5);}
.foot_di a{ color: rgba(255,255,255,0.5); transition: all 0.3s;}
.foot_di a:hover{ color: #fff;}

.maodian{ position: absolute; top: -80px; left: 0;}

.foot_search{ opacity: 0; pointer-events: none; width: 30%; position: absolute; top: 100%; right: 0; z-index: 2; transition: all 0.5s; transform: translateY(15px); font-size: 0;}
.foot_search input{ width: calc(100% - 140px); height: 56px; background: rgba(0,0,0,0.2); border-radius: 0; border-top-left-radius: 6px; border-bottom-left-radius: 6px; padding: 0 30px; font-size: 16px; color: #fff; padding-left: 70px; outline: none; box-shadow: none; border: none;}
.foot_search input::placeholder{ color: rgba(255,255,255,0.5); text-transform: uppercase;}
.foot_search i{ position: absolute; left: 30px; top: 50%; transform: translateY(-50%); color: #fff; opacity: 0.7; font-size: 24px;}
.foot_search button{ width: 140px; height: 56px; font-size: 16px; background: var(--color_1); border: none; border-top-right-radius: 6px; border-bottom-right-radius: 6px; color: #fff; font-family: 'MONTSERRAT-BOLD'; outline: none; padding: 0;}
.foot_search.active{ opacity: 1; pointer-events: auto; transform: translateY(0);}

/* 内页开始 */
.n_banner{ padding-top: 18%; position: relative; font-family: '宋体'; color: #fff;}
.n_banner .container{ position: absolute; top: 45%; left: 0; right: 0;}
.n_banner span{ font-size: 78px; line-height: 78px; opacity: 0.2; display: block; font-weight: bold; text-transform: uppercase;}
.n_banner strong{ font-size: 46px;text-shadow: -1px 1px 0 #fff, 1px 1px 0 #fff;}

.ny_nav{ padding: 30px 0; background: #fff; box-shadow: 0px 2px 4px rgba(0,0,0,0.1);}
.ny_nav ul{ width: 75%;}
.weizhi{ width: 25%; color: #666;}
.weizhi a i{ display: inline-block; margin-right: 5px;}
.weizhi a{ color: #666; transition: all 0.3s;}
.weizhi a:hover{ color: var(--color_1);}
.ny_nav ul li{ display: inline-block; position: relative;}
.ny_nav ul li:first-child a{ padding-left: 0; margin-left: 0;}
.ny_nav ul li:last-child:after{ display: none;}
.ny_nav ul li:after{ content: ''; width: 1px; height: 15px; background: #999; position: absolute; left: 100%; top: 50%; transform: translateY(-50%);}
.ny_nav ul li a{ display: inline-block; margin: 0 10px; padding: 5px 15px; font-size: 16px; color: #333;}
.ny_nav ul li.active a{ color: var(--color_1);}

.n_about1{ position: relative; padding: 6% 0; background: url(../images/nab_1.jpg) center top no-repeat; background-size: cover; color: #fff;}

.nab1_text{ width: 42%;}
.nab1_text .n_biao{ margin-top: 16%;}
.n_biao.bai{ color: #fff;}
.n_biao{ margin-bottom: 30px; color: var(--color_1);}
.n_biao strong{ font-size: 28px; display: block; line-height: 40px;}
.n_biao span{ opacity: 0.16; font-size: 20px; text-transform: uppercase; font-weight: bold}
.nab1_text .ty_content p{ font-size: 16px; line-height: 30px; color: #fff; margin: 20px 0;}

.n_about22{ padding: 5% 0; position: relative;}
.n_about22 .ty_content ul{ padding-left: 20px;}
.n_about22 .ty_content ul li{ display: flex; align-items: center;}
.n_about22 .ty_content ul li span{ flex-shrink: 0; margin-right:15px; font-weight:bold;}

.n_about2{ margin-top: 20px; position: relative;}
.n_about2 ul li{ width: 32.5%; position: relative; background: var(--color_1);}
.n_about2 ul li:after{ content: ''; width: calc(100% - 30px); height: calc(100% - 30px); position: absolute; top: 15px; left: 15px; border: 1px solid rgba(255,255,255,0.3);}
.n_about2 ul li img{ display: block; width: 100%; transition: all 0.3s;}
.nab2_ico{ position: absolute; top: 55%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; text-align: center; color: #fff; font-size: 30px;}
.nab2_ico span{ display: block; opacity: 0; transition: all 0.3s; font-size: 18px; margin-top: 20px;}
.nab2_ico i{ display: block; width: 90px; height: 90px; background: rgba(255,255,255,0.68); color: var(--color_1); line-height: 90px; text-align: center; font-size: 46px; margin: 0 auto; border-radius: 50%; margin-bottom: 20px; transition: all 0.3s;}
.n_about2 ul li:hover .nab2_ico i{ color: var(--color_1);}
.n_about2 ul li:hover .nab2_ico span{ opacity: 1; margin-top: 15px;}
.n_about2 ul li:hover img{ opacity: 0;}

.n_about3, .n_about5, .n_about6{ padding: 5% 0; position: relative;}
.n_about5 .ty_content{ padding-top: 5%;}
.n_about6 .ty_content{ padding-top: 15%;}

.n_about4{ padding: 6% 0; background: url(../images/honor.jpg) center top no-repeat; background-size: cover; color: #fff;}
.honor_list .honor_li{ width: 26%; margin: 0 3%;}
.honor_list .honor_li span{ font-size: 18px; display: block; margin-top: 20px; font-weight: bold; text-align: center; color: #fff; text-shadow: 0px 1px 3px rgba(0,0,0,0.3);}
.honor_list .honor_li img{ display: block; max-width: 100%;}
/* .honor_list .honor_li:nth-child(1), .honor_list .honor_li:nth-child(2){ width: 40%; margin: 5%;} */

.nyw_list{ transition: all 0.3s; color: #333; position: relative;}
.nyw_list h3{ font-size: 30px; color: var(--color_1); padding-bottom: 20px; border-bottom: 1px solid #dedede; transition: all 0.3s; margin-bottom: 30px;}
.nyw_list:hover{ background: var(--color_1);}
.nyw_left{ width: 51.5%;}
.nyw_right{ width: 48.5%;}
.nyw_list:nth-child(2n-1) .nyw_right{ padding-left: 5%;}
.nyw_list:nth-child(2n) .nyw_left{ padding-right: 5%;}
.nyw_list .ty_content p{ font-size: 18px; line-height: 36px; margin: 20px 0; transition: all 0.3s;}
.nyw_list:hover .ty_content p{ color: #fff;}
.nyw_list:hover h3{ color: #fff; border-color: rgba(255,255,255,0.5);}
.nyw_list h5{ margin-top: 30px;}
.nyw_list h5 a{ display: inline-block; padding: 15px 30px; border-radius: 24px; color: #fff; background: #e83828;}
.nyw_list:hover h5 a{ background: #fff; color: #e83828;}

.n_case{ padding: 60px 0;}
.ncase_li{ width: calc((100% - 30px)/2); margin-bottom: 5%;}
.ncase_li:not(:nth-child(2n)){ margin-right: 30px;}
.ncase_li a{ display: block; position: relative;padding: 10px; border: 1px solid #dedede;
  height: 100%;}
.case_img{ padding-top: 46%;}
.ncase_li a i{ width: 78px; height: 78px; background: rgba(255,255,255,0.9); color: var(--color_1); font-size: 36px; line-height: 78px; text-align: center; position: absolute; right: 30px; top: 30px; display: block; z-index: 2;}
.ncase_li a span{ display: block; font-size: 16px;  text-align: center; margin: 10px 0; margin-top: 15px; color: #333; width: 100%; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ncase_li a p{font-size: 14px; line-height: 1.4; color: #777;display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;}

.n_news{  padding: 60px 0;}
.n_news .fanye{ margin-top: 60px;}
.nnew_li{ padding: 15px 0; transition: all 0.3s; border-bottom: 1px solid #eee;}
.nnew_li a{ display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between; color: #333;}
.nnew_img{ width: 15%; display:none;}
.nnew_img i{ display: block; padding-top: 67.9%;}
.nnew_text{ width: 80%;}
.nnew_time{ width: 14%; color: var(--color_1); transition: all 0.3s; font-size: 16px; font-family: 'MONTSERRAT-BOLD';}
.nnew_text h4{ margin-bottom: 10px; transition: all 0.3s; line-height:1.6;}
.nnew_text p{ line-height: 30px; font-size: 16px; color: #666; transition: all 0.3s;  display: -webkit-box;  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden; display: none;}
.nnew_li:hover{ background: rgba(255,255,255,0.64);}
.nnew_li:hover .nnew_text h4{ color: var(--color_1);}

.video_li{ width: 32%; margin-bottom: 3%;}
.video_li a{ display: block;}
.video_img{ position: relative; overflow: hidden;}
.video_img span{ display: block; padding-top: 62%; transition: all 0.5s;}
.video_text{ padding: 15px; background: #f3f4f9;}
.video_text span{ font-size: 18px; font-weight: bold; color: var(--color_1); display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.video_img i{ position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); color: #fff; font-size: 66px; z-index: 2; transition: all 0.3s;}
.video_li:hover .video_img i{ transform: translateX(-50%) translateY(-50%) scale(2); opacity: 0;}
.video_li:hover .video_img span{ transform: scale(1.05);}

#videModal.cur{ opacity: 1; pointer-events: auto;}
#videModal.cur .modal_bai{ top: 50%;}
#videModal{ background: rgba(0,0,0,0.3); width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 9999; opacity: 0; pointer-events: none; transition: all 0.5s;}
#videModal .modal_bai{ width: 800px; background: #021737; padding: 0 5px; box-shadow: 0px 2px 4px rgba(0,0,0,0.3);  position: absolute; top: 60%; left: 50%; transform: translateX(-50%) translateY(-50%); border: 1px solid #061f44; border-radius: 2px; transition: all 0.3s;}
#videModal .modal_bai .modal-header{ border: none; font-size: 16px; font-weight: bold; position: relative; color: #fff;}
#myModalLabel{ font-size: 16px; font-weight: bold; line-height: 16px;}
#videModal .modal_bai .modal-header .close{ position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; line-height: 36px; text-align: center; font-size: 18px; color: #fff; opacity: 1;}
#videModal .modal_bai .modal-body{ padding: 0;}
#videModal .modal_bai .modal-body iframe{width: 100%; min-height: 460px;}


.nnew_biao{ padding-bottom: 20px; border-bottom: 1px solid #dedede; margin-bottom: 35px;}
.nnew_biao strong{ display: block; font-size: 24px; line-height: 36px; color: #666;}
.nnew_biao span{ font-size: 16px; color: #666; margin-top: 15px; display: block;}

.ncon_mass{ padding: 60px 0;}
.ncon_mass .form-group{ margin-bottom: 25px;}
.ncon_mass .form-control{ box-shadow: none; border-radius: 0; border: none; background: #ededed; font-size: 16px;}
.ncon_mass input.form-control{ height: 60px;}
.ncon_mass input.btn{ background: var(--color_1); color: #fff; font-size: 16px; height: 60px; width: 100%;}
.ncon_mass input.btn:focus{background: var(--color_1);}

.ncon_left{ width: 52%;}
.ncon_right{ width: 45%;}
.ncon_right ul li{ padding-left: 35px; position: relative; margin: 30px 0; font-size: 16px;}
.ncon_right ul li i{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: 20px;}
.ncon_right img{ max-width: 160px;}


.mod_fanye {
  margin-top: 30px;
}

.mod_fanye ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

.mod_fanye ul li.active span {
  background-color: var(--color_1);
  color: #fff;
}

.mod_fanye ul li.disabled span {
  opacity: .5;
}

.mod_fanye ul li a, .mod_fanye ul li span {
  font-size: 14px;
  margin: 0 8px;
  padding: 8px 15px;
  border-radius: 4px;
  color: #333;
  background-color: #e2e2e2;
  border: none;
}

.mod_fanye ul li a.activ:hover {
  color: #fff;
}

.mod_fanye ul li a:hover {
  color: var(--color_1);
}

/* 通用css */
.fanye{ text-align:center;}
.fanye a{ display:inline-block; padding:6px 12px; border:1px solid #ddd; background:#fff; color:#666; text-decoration:none;}
.fanye a:hover{ color:var(--color_1); border:1px solid var(--color_1);}
.fanye a.active{ background:var(--color_1); border:1px solid var(--color_1); color:#fff;}
.fanye a.active:hover{ color:#fff; border:1px solid var(--color_1);}
.fanye a.cur{ color:#999; border:1px solid #eee; pointer-events: none}

.fanye02{ margin-top: 60px;}
.fanye02 a{ display: inline-block; padding: 8px 30px; border-radius: 18px; border: 1px solid #dedede; font-size: 16px; color: #666; transition: all 0.3s;}
.fanye02 a:hover{ color: var(--color_1); border-color: var(--color_1);}

.ty_content{ text-align: justify; font-size: 16px; line-height: 30px; color: #454545;}
.ty_content img{ max-width: 100%;}
.ty_content ul{ padding-left: 20px; margin-top: 30px;}
.ty_content ul li{ position: relative; margin: 10px 0;}
.ty_content ul li:after{ content: ''; width: 6px; height: 6px; background: var(--color_1); position: absolute; left: -20px; top: 50%; transform: translateY(-50%);}
.ty_content iframe{ width:100% !important; height:800px !important;}

#container{ width: 100%; height: 760px;}

.my-map { margin: 0 auto; width: 100%; height: 760px; }
.my-map .icon { background: url(//a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}
.myinfowindow{width: 240px;min-height: 50px;}
.myinfowindow h5{ height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; font-weight: bold; width: 220px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; }
.myinfowindow div{ margin-top: 10px; min-height: 40px; line-height: 20px; font-size: 13px; color: #6f6f6f; }





.menu-link{
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  }
  .menu-link {border-radius:5px; box-sizing: border-box; font-size: 12px; z-index: 10; width:42px;height:42px; padding:6px 8px;}
  .menu-link span {position: relative;display: block;margin-top:12px;}
  .menu-link span,
  .menu-link span:before,
  .menu-link span:after {background-color: var(--color_1); border-radius:1.5px; width: 100%;height:3px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
  
  .menu-link span{ width:90%;}
  .menu-link span:before{ width:110%;}
  .menu-link span:after{ width:80%;}
  .menu-link.active span,.menu-link.active span:before,.menu-link.active span:after{ width:100%;}
  
  .menu-link span:before,
  .menu-link span:after {position: absolute; right: 0; top: -.7em;content: " ";}
  .menu-link span:after {top: .7em;}
  .menu-link.active span {background: transparent;}
  .menu-link.active span:before { background-color:var(--color_1);
  -webkit-transform: rotate(45deg) translate(.5em, .4em);
  -moz-transform: rotate(45deg) translate(.5em, .4em);
  -ms-transform: rotate(45deg) translate(.5em, .4em);
  -o-transform: rotate(45deg) translate(.5em, .4em);
  transform: rotate(45deg) translate(.5em, .4em);
  }
  .menu-link.active span:after { background-color:var(--color_1);
  -webkit-transform: rotate(-45deg) translate(.6em, -.5em);
  -moz-transform: rotate(-45deg) translate(.6em, -.5em);
  -ms-transform: rotate(-45deg) translate(.6em, -.5em);
  -o-transform: rotate(-45deg) translate(.6em, -.5em);
  transform: rotate(-45deg) translate(.6em, -.5em);
  }



/* S 产品模块样式 */

.mod_bgc {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 991px) {
  .product_list .items .item {
    width: 100%;
    margin-bottom: 20px;
  }
}

@media (min-width: 992px) {
  .product_list .items .item {
    width: calc((100% - (3 - 1) * 2.5rem)/3);
    margin-bottom: 2rem;
  }
  .product_list .items .item:not(:nth-child(3n)) {
    margin-right: 2.5rem;
  }
}

.product_list{
  padding: 4rem 0;
}
.product_list .items .item a {
  display: block;
}

.product_list .items .item a:hover .img .text {
  opacity: 1;
}

.product_list .items .item a:hover .img .text h2 {
  transform: translateY(0);
}

.product_list .items .item a .img {
  aspect-ratio: 1.42/1;
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f4f4f4;
}

.product_list .items .item a .img img {
  object-fit: contain;
  max-width: 90%;
  max-height: 90%;
  mix-blend-mode: multiply;
}

.product_list .items .item a .img .text {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: var(--color_2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 0 1.5rem;
  text-align: center;
  opacity: 0;
  transition: all .3s ease;
}

.product_list .items .item a .img .text h2 {
  margin: 0;
  position: relative;
  padding-bottom: .75rem;
  line-height: 1.6;
  transform: translateY(2rem);
  transition: all .3s ease;
  word-break: break-all;
}

.product_list .items .item a .img .text h2::after {
  content: '';
  width: 3.75rem;
  height: 1px;
  background: #fff;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}

.product_list .items .item a .name {
  color: #474747;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 1rem;
}



.product_detail {
  padding: 4rem 0;
}

.product_detail .detail_left {
  width: 53%;
  margin-bottom: 2.5rem;
}

.product_detail .detail_left .swiper_imgs {
  width: 9.375rem;
  height: 30.125rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.product_detail .detail_left .swiper_imgs .swiper2_prev, .product_detail .detail_left .swiper_imgs .swiper2_next {
  height: 2.875rem;
  width: 100%;
  background: #f4f4f4;
  color: var(--color_1);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s ease;
}

.product_detail .detail_left .swiper_imgs .swiper2_prev.swiper-button-disabled, .product_detail .detail_left .swiper_imgs .swiper2_next.swiper-button-disabled {
  pointer-events: none;
}

.product_detail .detail_left .swiper_imgs .swiper2_prev:hover, .product_detail .detail_left .swiper_imgs .swiper2_next:hover {
  background: var(--color_1);
  color: #fff;
}

.product_detail .detail_left .swiper_imgs .swiper2_prev i, .product_detail .detail_left .swiper_imgs .swiper2_next i {
  font-size: 1.5rem;
}

.product_detail .detail_left .swiper2 {
  height: 22rem;
  margin: 1.25rem 0;
  width: 100%;
}

.product_detail .detail_left .swiper2 .swiper-slide {
  border: 1px solid #dedede;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s ease;
}

.product_detail .detail_left .swiper2 .swiper-slide.active {
  border: 1px solid var(--color_1);
  background: #f4f4f4;
}

.product_detail .detail_left .swiper2 .swiper-slide img {
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
  mix-blend-mode: multiply;
}

.product_detail .detail_left .swiper1 {
  border: 1px solid #F2F2F2;
  width: calc(100% - 10.875rem);
  height: 30.125rem;
}

.product_detail .detail_left .swiper1 > a {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  font-weight: bold;
  color: #131313;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  right: 1rem;
  top: 1rem;
  z-index: 3;
}

.product_detail .detail_left .swiper1 .swiper-slide {
  overflow: hidden;
}

.product_detail .detail_left .swiper1 .swiper-slide:hover .zoomImg {
  opacity: 1;
}

.product_detail .detail_left .swiper1 .swiper-slide .img {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product_detail .detail_left .swiper1 .swiper-slide .img img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.product_detail .detail_left .swiper1 .swiper-slide .zoomImg {
  position: absolute;
  left: 0;
  top: 0;
  width: 1000px;
  opacity: 0;
  z-index: 2;
}

.product_detail .detail_right {
  width: calc(47% - 30px);
  margin-bottom: 2.5rem;
}

.product_detail .detail_right h1 {
  color: #151515;
  margin-bottom: 1.5rem;
}

.product_detail .detail_right p {
  color: #525252;
  line-height: 1.8;
  padding-top: 1rem;
  border-top: 1px solid #eee;
  margin-top: 1rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.product_detail .detail_right ul {
  margin: 1.5rem 0;
  background: #f4f4f4;
}

.product_detail .detail_right ul li {
  width: 33.33%;
  position: relative;
}

.product_detail .detail_right ul li::after {
  content: '';
  height: 1.125rem;
  width: 1px;
  background: #dddddd;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.product_detail .detail_right ul li:last-child::after {
  display: none;
}

.product_detail .detail_right ul li a {
  padding: 1rem 0;
  color: #474747;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s ease;
}

.product_detail .detail_right ul li a:hover {
  color: var(--color_1);
}

.product_detail .detail_right ul li a i {
  margin-right: .5rem;
  font-size: 1.25rem;
}
.product_detail .detail_content {
  padding-top: 2rem;
  margin-bottom: 4rem;
}

.product_detail .detail_content > ul {
  display: flex;
  flex-wrap: wrap;
  background: #f4f4f4;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
}

.product_detail .detail_content > ul li {
  width: 20%;
}

.product_detail .detail_content > ul li:last-child a::after {
  display: none;
}

.product_detail .detail_content > ul li a {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem 0;
  transition: all .3s ease;
  color: #474747;
  position: relative;
}

.product_detail .detail_content > ul li a::after {
  content: '';
  width: 1px;
  height: 40%;
  background: #cccccc;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.product_detail .detail_content > ul li a::before {
  content: '';
  width: 100%;
  height: 3px;
  background: var(--color_1);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  opacity: 0;
  transition: all .3s ease;
}

.product_detail .detail_content > ul li a i {
  font-size: 1.5rem;
  margin-right: .5rem;
}

.product_detail .detail_content > ul li a.active {
  color: var(--color_1);
}

.product_detail .detail_content > ul li a.active::before {
  opacity: 1;
}

.product_detail .detail_content .mod_content {
  padding: 2.5rem 4.25rem;
  border: 1px solid #eee;
  border-top: none;
  color: #666666;
}

.product_detail .detail_content .mod_content ul li {
  margin-bottom: 1rem;
}

.product_detail .detail_content .mod_content ul li::marker {
  color: var(--color_1);
}

.product_detail .detail_content .mod_content iframe {
  width: 100%;
  min-height: 37.5rem;
}

.product_detail .detail_content .download {
  padding: 2.5rem 4.25rem;
  border: 1px solid #eee;
  border-top: none;
  background: #f8f8f8;
}
/* E 产品模块样式 */



@media (max-width:991px){
  h1 {font-size: 20px;}
  h2 { font-size: 18px; }
  h3 { font-size: 16px;}
  h4 { font-size: 14px;}
  h5 { font-size: 14px;}
  p { font-size: 14px;}
  .fz_36 { font-size: 18px;}
  .fz_34 { font-size: 18px;}
  .fz_32 { font-size: 18px;}
  .fz_30 { font-size: 18px;}
  .fz_28 { font-size: 16px;}
  .fz_26 { font-size: 16px;}
  .fz_24 { font-size: 16px;}
  .fz_22 { font-size: 16px;}
  .fz_20 { font-size: 16px;}
  .fz_18 { font-size: 14px;}
  .fz_16 { font-size: 14px;}
  .fz_14 { font-size: 14px;}
  .fz_12 { font-size: 12px;}

  
  .product_detail .flex-start-between {
    flex-wrap: wrap;
  }
  .product_detail .flex-start-between .detail_left {
    width: 100%;
  }
  .product_detail .flex-start-between .detail_right {
    width: 100%;
  }
  .product_detail .flex-start-between .detail_right .pro_hot .items {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .product_detail .flex-start-between .detail_right .pro_hot .items .item {
    width: 48%;
  }
  .product_detail .detail_content > ul {
    overflow: scroll;
    scroll-snap-type: x mandatory;
    flex-wrap: nowrap;
    width: 100%;
  }
  .product_detail .detail_content > ul li {
    width: 28%;
    flex-shrink: 0;
  }
  .product_detail .detail_content .mod_content {
    padding: 15px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  h3 { font-size: 16px; }
  h4 { font-size: 14px; }
  h5 { font-size: 14px; }
  p { font-size: 14px; }
  .fz_36 { font-size: 18px; }
  .fz_34 { font-size: 18px; }
  .fz_32 { font-size: 18px; }
  .fz_30 { font-size: 18px; }
  .fz_28 { font-size: 16px; }
  .fz_26 { font-size: 16px; }
  .fz_24 { font-size: 16px; }
  .fz_22 { font-size: 16px; }
  .fz_20 { font-size: 16px; }
  .fz_18 { font-size: 14px; }
  .fz_16 { font-size: 14px; }
  .fz_14 { font-size: 14px; }
  .fz_12 { font-size: 12px; }
  
}

@media (min-width: 1201px) and (max-width: 1440px) {
  h3 { font-size: 18px; }
  h4 { font-size: 16px; }
  h5 { font-size: 14px; }
  p { font-size: 14px; }
  .fz_32 { font-size: 22px; }
  .fz_30 { font-size: 22px; }
  .fz_28 { font-size: 20px; }
  .fz_26 { font-size: 20px; }
  .fz_24 { font-size: 18px; }
  .fz_22 { font-size: 18px; }
  .fz_20 { font-size: 16px; }
  .fz_18 { font-size: 16px; }
  .fz_16 { font-size: 14px; }
  .fz_14 { font-size: 14px; }
  .fz_12 { font-size: 12px; }
}

@media (max-width:767px){

  .header{ height: 60px; background: #fff; box-shadow: 0px 2px 4px rgba(0,0,0,0.1); z-index: 999;}
  .header .logo a img:first-child{ display: none;}
  .header .logo a img:last-child{ display: block;}
  .header .container{ padding: 0 15px;}
  .logo{ height: 60px; padding: 0; position: static; transform: translateY(0);}
  .pc_nav{ padding: 15px 30px; opacity: 0; pointer-events: none; position: absolute; top: calc(100% + 15px); left: 0; width: 100%; background: linear-gradient(to bottom, var(--color_1) 0%,var(--color_1) 100%); transition: all 0.5s;}
  .pc_nav.active{ opacity: 1; pointer-events: auto; top: 100%;}
  .pc_nav ul li{ width: 100%; border-bottom: 1px solid rgba(255,255,255,0.3);}
  .pc_nav ul li:last-child{ border: none;}
  .pc_nav ul li>a{ line-height: 30px; padding: 5px 15px; padding-bottom: 0; color: #fff;}
  .pc_nav ul li:hover > a{ color: #fff;}
  .pc_nav ul li.active>a{ background: transparent;}
  .pc_nav.active ul li .erji{ pointer-events: auto;}
  .erji{ position: static;  transform: rotateY(0); opacity: 1; pointer-events: none; background: none; padding: 0;}
  .erji .ej_li{ display: inline-block; margin-right: 15px;}
  .head_more{ display: none;}
  .head_more a, .head_more div{margin-left: 0;}
  .xs_san{ position: absolute; right: 0; top: 9px;}
  #fp-nav{ left: 5px;}

  .ban_text{ width: 70%;}
  .ban_text strong{ font-size: 20px; margin: 0;}
  .ban_text b{ font-size: 18px; line-height: 18px;}
  .ban_text span{ font-size: 14px; margin-top: 15px;}
  .ban_text p{ font-size: 16px; margin-top: 15px;}
  .s_banner .swiper0 .swiper-pagination0, .ban_fan{ right: 15px;}
  .s_banner .swiper0 .swiper-pagination0 span.swiper-pagination-current{ font-size: 24px;}
  .s_banner .swiper0 .swiper-pagination0{ right: 10px; top: auto; bottom: 40px; font-size: 18px;}
  .ban_fan{ right: 0; bottom: 0; top: auto;}
  .s_banner .swiper0 .swiper-pagination0 span.swiper-pagination-total{ font-size: 14px;}
  .s_banner .swiper0 .swiper-pagination0 span.swiper-pagination-current{ transform: translateY(0); width: auto; display: initial;}
  .s_banner .swiper0 .swiper-pagination0 span.swiper-pagination-current:before{ margin: 0;}

  .sab_left{ width: 100%;}
  .sab_left h3{ font-size: 24px;}
  .sab_left h3 span{ font-size: 14px; margin-top: 5px;}
  .sab_left p{ margin: 10px 0; font-size: 14px; line-height: 24px;}
  .sab_right{ width: 100%; margin-top: 30px;}
  .sab_right ul li{ width: 25%; height: 80px; margin: 5px 0;}
  .sab_right ul li a i{ font-size: 30px; width: 36px; height: 36px; line-height: 36px; margin-bottom: 5px;}
  .sab_right ul li:last-child a i{ font-size: 36px;}
  .sab_right ul li a{ padding-top: 10px; font-size: 14px;}
  
  .sab_video{ display: none;}
  .s_yewu ul{ height: calc(100% - 60px); margin-top: 60px;}
  .s_yewu ul li{ width: 50%; height: 33.33%;}
  .s_yewu ul li a>span em{ font-size: 24px; line-height: 40px;}
  .s_yewu ul li a>span{ width: 60px; height: 40px;}
  .s_yewu ul li a>span:before{
    border-top: 14px solid #fff;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;}
  .s_yewu ul li a>span:after{
    border-bottom: 14px solid #fff;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;}

    /* .active */
    .s_yewu ul li{ width: 50%;}
  .s_yewu ul li a>span:before{
    border-top: 14px solid var(--color_1);}
  .s_yewu ul li a>span:after{
    border-bottom: 14px solid var(--color_1);}
    .snew_nav ul li a{ font-size: 14px;}
    .s_yewu ul li .syw_title .s_more{ display: none;}
    .syw_title span{ font-size: 16px;}
    .s_yewu ul li .syw_title{justify-content: center;}
    .s_yewu ul li .syw_title span{ padding-left: 0; border: none;}

.s_case{ padding: 0 15px;}
.s_biao{ font-size: 24px; line-height: 24px; text-align: center;}
.s_biao span{ font-size: 14px; margin-top: 5px;}
.s_case .s_biao, .scase_nav ul{ width: 100%;}
.index_news{padding-bottom: 40px;}
.snew_nav .s_biao, .snew_nav ul{ width: 100%; color: #333;}
.snew_nav ul{justify-content: center; margin-top: 20px;}
.scase_nav, .snew_nav{ margin-top: 0;}
.scase_nav ul{ margin-top: 20px;}
.scase_nav ul li{ margin: 0; width: 25%;}
.scase_nav ul li a{ font-size: 12px;}
.scase_nav ul li i{ width: 50px; height: 50px; line-height: 50px; font-size: 20px;}
.scase_nav:after{ display: none;}
.s_case .swiper-container .swiper-slide{ width: 60%;}
.s_case .swiper-container .swiper-slide a span{ font-size: 16px;}
.s_case .swiper-container .swiper-slide a i{ width: 40px; height: 40px; line-height: 40px; font-size: 18px; right: 10px; top: 10px;}

.snew_nav ul li a{ padding: 5px 15px; border: 1px solid rgba(0,0,0,0.6); color: #333;}
.snew_img, .snew_text, .snew_time{ width: 100%;}
.snew_list{ padding: 0 15px;
  display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between;}
.snew_li{ padding: 0; width: 100%; margin-bottom: 25px;}
.snew_li a{ color: #333;}
.snew_li .container{ padding: 0;}
.snew_text h4{ margin-bottom: 15px;display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;}
.snew_text h4, .snew_text p{ font-size: 14px; line-height: 20px; color: #333;}
.snew_time{ font-size: 14px; color: #333;}
.snew_list .s_more{ margin-top: 20px; width: 100%;}
.snew_list .s_more a{ font-size: 16px; color: #333;}
.snew_list .s_more a i{background: #333;}
.snew_list .s_more a i::after{border-left: 8px solid #333;}
.footer{ padding-top: 30px;}
.foot_right, .foot_form{ display: none;}
.foot_left, .foot_text, .foot_form{ width: 100%;}
.foot_text ul li{ font-size: 14px; padding-left: 28px; margin: 15px 0;}
.foot_text ul li i{ font-size: 18px;}
.foot_form .form-group{ padding-left: 50px;}
.foot_form .form-group label{ font-size: 14px;}
.foot_form .form-group input{ height: 34px; font-size: 14px;}
.foot_text h4, .foot_form h4{ margin-bottom: 20px;}
.foot_form input.btn, .foot_form button.btn{ margin-top: 20px; font-size: 14px; padding: 8px 0;}
.foot_nav p a, .foot_link a{ font-size: 14px;}

#zhiding{ width: 40px; height: 40px; right: 5px; bottom: 5px;}
#zhiding i{ line-height: 40px; font-size: 20px;}
#zhiding:hover{ background: rgba(255,255,255,0.5);}

/* 首页手机样式调整 */
.mySwiper{height: auto !important;}
.mySwiper > .swiper-wrapper{ flex-direction: column;}
.mySwiper .footer{ display: none;}
.s_banner .swiper-slide{ height: 240px;}
.banner_down{display: none;}
.sab_left{color: #333;}
.sab_left .s_more a{color: #333;}
.sab_left .s_more a i{background: #333;}
.sab_left .s_more a i::after{border-left: 8px solid #333;}




/* 内页开始 */
.n_banner{ margin-top: 60px; padding-top: 35%;}
.n_banner .container{ top: 35%;}
.n_banner span{ font-size: 24px; line-height: 30px;}
.n_banner strong{ font-size: 18px; text-shadow: none;}
.ny_nav{ padding: 10px 0;}
.ny_nav ul{ width: 100%;}
.ny_nav ul li a{ margin: 0; font-size: 14px; padding: 5px 10px;}
.weizhi{ display: none;}
.n_about1{ position: relative;}
.n_about1:after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.5);}
.nab1_text{ width: 100%; position: relative; z-index: 2;}
.nab1_text .n_biao{ margin-top: 0;}
.nab1_text .ty_content p{ font-size: 14px; line-height: 24px; }
.n_biao strong{ font-size: 24px; line-height: 30px;}
.n_biao span{ font-size: 16px;}
.n_biao{ margin-bottom: 20px;}
.nab2_ico i { width: 50px; height: 50px; line-height: 50px; font-size: 24px; margin-bottom: 10px;}
.nab2_ico{ font-size: 18px;}
.n_about3{ padding-top: 30px;}
.n_about2 ul li{ width: 100%; margin: 5px 0;}
.n_about2 ul li .nab2_ico span{ font-size: 16px;}
.nab2_ico span{ opacity: 1; margin-top: 10px;}
.n_about2 ul li:hover .nab2_ico span{ margin-top: 10px;}
.n_about3 img{ max-width: 100% !important;}
.n_about22 .ty_content ul{ margin-top: 0;}
/* .honor_list .honor_li:nth-child(1), .honor_list .honor_li:nth-child(2){ margin-top: 0;} */
.honor_list .honor_li span{ font-size: 14px;}
.nyw_left, .nyw_right{ margin: 0; width: 100%; padding: 0 15px;}
.nyw_list{ padding: 10px 0;}
.nyw_list:nth-child(2n-1) .nyw_right{ padding-left: 15px;}
.nyw_list:nth-child(2n) .nyw_left{ padding-right: 15px;}
.nyw_list h3{ font-size: 18px; margin-bottom: 15px; padding-bottom: 10px;}
.nyw_list .ty_content p{ font-size: 14px; line-height: 24px; margin: 10px 0;}
.nyw_list h5{ margin-top: 15px;}
.nyw_list h5 a{ padding: 10px 20px;}
.ncase_li{ width: 48%; margin-right: 4%;}
.ncase_li:nth-child(3n){ margin-right: 4%;}
.ncase_li:nth-child(2n){ margin-right: 0;}
.ncase_li a i { width: 40px; height: 40px; font-size: 18px; line-height: 40px; right: 10px; top: 10px;}
.ncase_li a span{ font-size: 14px; line-height: 24px;}
.n_case, .n_news{ padding: 40px 0;}
.video_li{ width: 48%;}
.video_text span{ font-size: 14px;}
.video_text{ padding: 10px 15px;}
.video_img i{ font-size: 36px;}
.nnew_biao{ margin-bottom: 20px; padding-bottom: 10px;}
.nnew_biao strong{ font-size: 16px; line-height: 24px;}
.nnew_biao span{ font-size: 14px; margin-top: 10px;}
.ty_content{ font-size: 14px; line-height: 24px;}
.fanye02{ margin-top: 20px;}
.fanye02 .text-right{ text-align: left; margin-top: 10px;}
.fanye02 a{ padding: 8px 15px; border-radius: 4px;}
.nnew_img, .nnew_text, .nnew_time{ width: 100%;}
.nnew_text h4{ font-size: 16px; margin-bottom: 15px;}
.nnew_text p{ line-height: 24px; font-size: 14px;}
.nnew_time{ font-size: 14px;}
.nnew_li{ padding: 15px 0;}
.ncon_lx{ padding: 0 15px;}
.ncon_left, .ncon_right{ width: 100%;}
#container{ height: 300px; margin-bottom: 20px;}
.ncon_right ul li{ margin: 15px 0; font-size: 14px;}
.ncon_right ul li i{ font-size: 16px;}
.ncon_mass input.form-control{ height: 46px; font-size: 14px;}
.ncon_mass .form-control{ font-size: 14px;}
.ncon_mass input.btn{ font-size: 14px; height: 46px;}
.ncon_mass .form-group{ margin-bottom: 15px;}


.ty_content iframe{ width:100% !important; height:400px !important;}

}

@media (min-width:768px) and (max-width:991px) {
  
  .header{ height: 60px; background: #fff; box-shadow: 0px 2px 4px rgba(0,0,0,0.1); z-index: 999;}
  .header .logo a img:first-child{ display: none;}
  .header .logo a img:last-child{ display: block;}
  .header .container{ padding: 0 15px;}
  .logo{ height: 60px; padding: 0; position: static; transform: translateY(0);}
  .pc_nav{ padding: 15px 30px; opacity: 0; pointer-events: none; position: absolute; top: calc(100% + 15px); left: 0; width: 100%; background: linear-gradient(to bottom, var(--color_1) 0%,var(--color_1) 100%); transition: all 0.5s;}
  .pc_nav.active{ opacity: 1; pointer-events: auto; top: 100%;}
  .pc_nav ul li{ width: 100%; border-bottom: 1px solid rgba(255,255,255,0.3);}
  .pc_nav ul li:last-child{ border: none;}
  .pc_nav ul li>a{ line-height: 30px; padding: 5px 15px; padding-bottom: 0; color: #fff;}
  .pc_nav ul li:hover > a{ color: #fff;}
  .pc_nav ul li.active>a{ background: transparent;}
  .pc_nav.active ul li .erji{ pointer-events: auto;}
  .erji{ position: static;  transform: rotateY(0); opacity: 1; pointer-events: none; background: none; padding: 0;}
  .erji .ej_li{ display: inline-block; margin-right: 15px;}
  .head_more{ display: none;}
  .head_more a, .head_more div{margin-left: 0;}
  .xs_san{ position: absolute; right: 0; top: 9px;}
  #fp-nav{ left: 5px;}

  .ban_text{ width: 70%;}
  .ban_text strong{ font-size: 20px; margin: 0;}
  .ban_text b{ font-size: 18px; line-height: 18px;}
  .ban_text span{ font-size: 14px; margin-top: 15px;}
  .ban_text p{ font-size: 16px; margin-top: 15px;}
  .s_banner .swiper0 .swiper-pagination0, .ban_fan{ right: 15px;}
  .s_banner .swiper0 .swiper-pagination0 span.swiper-pagination-current{ font-size: 24px;}
  .s_banner .swiper0 .swiper-pagination0{ right: 10px; top: auto; bottom: 40px; font-size: 18px;}
  .ban_fan{ right: 0; bottom: 0; top: auto;}
  .s_banner .swiper0 .swiper-pagination0 span.swiper-pagination-total{ font-size: 14px;}
  .s_banner .swiper0 .swiper-pagination0 span.swiper-pagination-current{ transform: translateY(0); width: auto; display: initial;}
  .s_banner .swiper0 .swiper-pagination0 span.swiper-pagination-current:before{ margin: 0;}

  .sab_left{ width: 100%;}
  .sab_left h3{ font-size: 24px;}
  .sab_left h3 span{ font-size: 14px; margin-top: 5px;}
  .sab_left p{ margin: 10px 0; font-size: 14px; line-height: 24px;}
  .sab_right{ width: 100%; margin-top: 30px;}
  .sab_right ul li{ width: 25%; height: 80px; margin: 5px 0;}
  .sab_right ul li a i{ font-size: 30px; width: 36px; height: 36px; line-height: 36px; margin-bottom: 5px;}
  .sab_right ul li:last-child a i{ font-size: 36px;}
  .sab_right ul li a{ padding-top: 10px; font-size: 14px;}
  
  .sab_video{ display: none;}
  .s_yewu ul{ height: calc(100% - 60px); margin-top: 60px;}
  .s_yewu ul li{ width: 50%; height: 33.33%;}
  .s_yewu ul li a>span em{ font-size: 24px; line-height: 40px;}
  .s_yewu ul li a>span{ width: 60px; height: 40px;}
  .s_yewu ul li a>span:before{
    border-top: 14px solid #fff;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;}
  .s_yewu ul li a>span:after{
    border-bottom: 14px solid #fff;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;}

    /* .active */
    .s_yewu ul li{ width: 50%;}
  .s_yewu ul li a>span:before{
    border-top: 14px solid var(--color_1);}
  .s_yewu ul li a>span:after{
    border-bottom: 14px solid var(--color_1);}
    .snew_nav ul li a{ font-size: 14px;}
    .s_yewu ul li .syw_title .s_more{ display: none;}
    .syw_title span{ font-size: 16px;}
    .s_yewu ul li .syw_title{justify-content: center;}
    .s_yewu ul li .syw_title span{ padding-left: 0; border: none;}

.s_case{ padding: 0 15px;}
.s_biao{ font-size: 24px; line-height: 24px; text-align: center;}
.s_biao span{ font-size: 14px; margin-top: 5px;}
.s_case .s_biao, .scase_nav ul{ width: 100%;}
.index_news{padding-bottom: 40px;}
.snew_nav .s_biao, .snew_nav ul{ width: 100%; color: #333;}
.snew_nav ul{justify-content: center; margin-top: 20px;}
.scase_nav, .snew_nav{ margin-top: 0;}
.scase_nav ul{ margin-top: 20px;}
.scase_nav ul li{ margin: 0; width: 25%;}
.scase_nav ul li a{ font-size: 12px;}
.scase_nav ul li i{ width: 50px; height: 50px; line-height: 50px; font-size: 20px;}
.scase_nav:after{ display: none;}
.s_case .swiper-container .swiper-slide{ width: 60%;}
.s_case .swiper-container .swiper-slide a span{ font-size: 16px;}
.s_case .swiper-container .swiper-slide a i{ width: 40px; height: 40px; line-height: 40px; font-size: 18px; right: 10px; top: 10px;}

.snew_nav ul li a{ padding: 5px 15px; border: 1px solid rgba(0,0,0,0.6); color: #333;}
.snew_img, .snew_text, .snew_time{ width: 100%;}
.snew_list{ padding: 0 15px;
  display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between;}
.snew_li{ padding: 0; width: 100%; margin-bottom: 25px;}
.snew_li a{ color: #333;}
.snew_li .container{ padding: 0;}
.snew_text h4{ margin-bottom: 15px;display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;}
.snew_text h4, .snew_text p{ font-size: 14px; line-height: 20px; color: #333;}
.snew_time{ font-size: 14px; color: #333;}
.snew_list .s_more{ margin-top: 20px; width: 100%;}
.snew_list .s_more a{ font-size: 16px; color: #333;}
.snew_list .s_more a i{background: #333;}
.snew_list .s_more a i::after{border-left: 8px solid #333;}
.footer{ padding-top: 30px;}
.foot_right, .foot_form{ display: none;}
.foot_left, .foot_text, .foot_form{ width: 100%;}
.foot_text ul li{ font-size: 14px; padding-left: 28px; margin: 15px 0;}
.foot_text ul li i{ font-size: 18px;}
.foot_form .form-group{ padding-left: 50px;}
.foot_form .form-group label{ font-size: 14px;}
.foot_form .form-group input{ height: 34px; font-size: 14px;}
.foot_text h4, .foot_form h4{ margin-bottom: 20px;}
.foot_form input.btn, .foot_form button.btn{ margin-top: 20px; font-size: 14px; padding: 8px 0;}
.foot_nav p a, .foot_link a{ font-size: 14px;}

#zhiding{ width: 40px; height: 40px; right: 5px; bottom: 5px;}
#zhiding i{ line-height: 40px; font-size: 20px;}
#zhiding:hover{ background: rgba(255,255,255,0.5);}

/* 首页手机样式调整 */
.mySwiper{height: auto !important;}
.mySwiper > .swiper-wrapper{ flex-direction: column;}
.mySwiper .footer{ display: none;}
.s_banner .swiper-slide{ height: 240px;}
.banner_down{display: none;}
.sab_left{color: #333;}
.sab_left .s_more a{color: #333;}
.sab_left .s_more a i{background: #333;}
.sab_left .s_more a i::after{border-left: 8px solid #333;}


/* 内页开始 */
.n_banner{ margin-top: 60px; padding-top: 35%;}
.n_banner .container{ top: 35%;}
.n_banner span{ font-size: 24px; line-height: 30px;}
.n_banner strong{ font-size: 18px; text-shadow: none;}
.ny_nav{ padding: 10px 0;}
.ny_nav ul{ width: 100%;}
.ny_nav ul li a{ margin: 0; font-size: 14px; padding: 5px 10px;}
.weizhi{ display: none;}
.n_about1{ position: relative;}
.n_about1:after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.5);}
.nab1_text{ width: 100%; position: relative; z-index: 2;}
.nab1_text .n_biao{ margin-top: 0;}
.n_biao strong{ font-size: 24px; line-height: 30px;}
.n_biao span{ font-size: 16px;}
.n_biao{ margin-bottom: 20px;}
.nab2_ico i { width: 50px; height: 50px; line-height: 50px; font-size: 24px; margin-bottom: 10px;}
.nab2_ico{ font-size: 18px;}
.n_about3{ padding-top: 30px;}
.n_about2 ul li{ width: 100%; margin: 5px 0;}
.n_about2 ul li .nab2_ico span{ font-size: 16px;}
.nab2_ico span{ opacity: 1; margin-top: 10px;}
.n_about2 ul li:hover .nab2_ico span{ margin-top: 10px;}
.n_about3 img{ max-width: 100% !important;}
/* .honor_list .honor_li:nth-child(1), .honor_list .honor_li:nth-child(2){ margin-top: 0;} */
.honor_list .honor_li span{ font-size: 14px;}
.nyw_left, .nyw_right{ margin: 0; width: 100%; padding: 0 15px;}
.nyw_list{ padding: 10px 0;}
.nyw_list:nth-child(2n-1) .nyw_right{ padding-left: 15px;}
.nyw_list:nth-child(2n) .nyw_left{ padding-right: 15px;}
.nyw_list h3{ font-size: 18px; margin-bottom: 15px; padding-bottom: 10px;}
.nyw_list .ty_content p{ font-size: 14px; line-height: 24px; margin: 10px 0;}
.nyw_list h5{ margin-top: 15px;}
.nyw_list h5 a{ padding: 10px 20px;}
.ncase_li{ width: 48%; margin-right: 4%;}
.ncase_li:nth-child(3n){ margin-right: 4%;}
.ncase_li:nth-child(2n){ margin-right: 0;}
.ncase_li a i { width: 40px; height: 40px; font-size: 18px; line-height: 40px; right: 10px; top: 10px;}
.ncase_li a span{ font-size: 14px; line-height: 24px;}
.n_case, .n_news{ padding: 40px 0;}
.video_li{ width: 48%;}
.video_text span{ font-size: 14px;}
.video_text{ padding: 10px 15px;}
.video_img i{ font-size: 36px;}
.nnew_biao{ margin-bottom: 20px; padding-bottom: 10px;}
.nnew_biao strong{ font-size: 16px; line-height: 24px;}
.nnew_biao span{ font-size: 14px; margin-top: 10px;}
.ty_content{ font-size: 14px; line-height: 24px;}
.fanye02{ margin-top: 20px;}
.fanye02 .text-right{ text-align: left; margin-top: 10px;}
.fanye02 a{ padding: 8px 15px; border-radius: 4px;}
.nnew_img, .nnew_text, .nnew_time{ width: 100%;}
.nnew_text h4{ font-size: 16px; margin-bottom: 15px;}
.nnew_text p{ line-height: 24px; font-size: 14px;}
.nnew_time{ font-size: 14px;}
.nnew_li{ padding: 15px 0;}
.ncon_lx{ padding: 0 15px;}
.ncon_left, .ncon_right{ width: 100%;}
#container{ height: 300px; margin-bottom: 20px;}
.ncon_right ul li{ margin: 15px 0; font-size: 14px;}
.ncon_right ul li i{ font-size: 16px;}
.ncon_mass input.form-control{ height: 46px; font-size: 14px;}
.ncon_mass .form-control{ font-size: 14px;}
.ncon_mass input.btn{ font-size: 14px; height: 46px;}
.ncon_mass .form-group{ margin-bottom: 15px;}

.ty_content iframe{ width:100% !important; height:600px !important;}
}
@media (max-width:991px) {
  .nab1_text .ty_content p{ font-size: 14px; line-height: 24px; }
  .n_about5 .ty_content, .n_about6 .ty_content{ padding-top: 0;}
  
  .n_about22 .ty_content ul li{ flex-wrap: wrap;}
  .n_about22 .ty_content ul li span{ width:100%;}





}
@media (min-width:992px) and (max-width:1280px) {

  .header, .logo{ height: 70px;}
  .foot_search button{ width: 70px;}
  .foot_search input{ width: calc(100% - 70px);}
  .pc_nav ul li>a{ padding: 0 10px; line-height: 70px; font-size:14px}
  .pc_nav{ padding-left: 220px; padding-right: 25px;}
  .head_more a, .head_more div{ margin-left: 15px;}
  .ban_text strong{ font-size: 36px; margin: 30px 0;}
  .ban_text b{ font-size: 24px; line-height: 24px;}
  .ban_text span{ font-size: 16px;}
  .s_banner .swiper0 .swiper-pagination0, .ban_fan{ right: 15px;}
  .ban_text p{ font-size: 24px; margin-top: 30px;}
  .s_about{ margin-top: 50px;}
  .sab_left{ width: 30%;}
  .sab_right{ width: 70%;}
  .sab_left h3{ font-size: 30px; margin-bottom: 30px;}
  .sab_left h3 span{ font-size: 16px;}
  .sab_left p{ font-size: 16px; line-height: 30px; margin: 15px 0;}
  .sab_video{ width: 30%; top: 0%;}
  .scase_nav ul li{ margin-left: 5%;}
  .sab_right ul li{ width: 120px; height: 120px;}
  .sab_right ul li a{ padding-top: 20px; font-size: 16px;}
  .syw_title span{ font-size: 18px; line-height: 18px;}
  .s_more{ font-size: 16px;}
  .s_yewu ul li a>span em{ font-size: 30px; line-height: 50px;}
  .s_yewu ul li a>span{ width: 80px; height: 50px;}
  .s_yewu ul li a>span:before{
    border-top: 20px solid #fff;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;}
  .s_yewu ul li a>span:after{
    border-bottom: 20px solid #fff;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;}

    /* .active */
  .s_yewu ul li a>span:before{
    border-top: 20px solid var(--color_1);}
  .s_yewu ul li a>span:after{
    border-bottom: 20px solid var(--color_1);}
    /* .active */

    .snew_nav ul li a{ font-size: 14px;}
    .snew_text h4{ font-size: 16px;}
    .snew_text p{ font-size: 14px;}
  .s_case{ padding-left: 145px;}
  .scase_nav{ padding-right: 145px;}
  .s_biao{ font-size: 24px; line-height: 24px;}
  .s_biao span{ font-size: 14px; margin-top: 5px;}
  .scase_nav ul li a{ font-size: 14px;}
  .scase_nav ul li i{ width: 50px; height: 50px; line-height: 50px; font-size: 20px;}
  .s_case .swiper-container .swiper-slide a span{ font-size: 16px;}
  .s_case .swiper-container .swiper-slide a i{ width: 50px; height: 50px; line-height: 50px; font-size: 20px; right: 15px; top: 15px;}
  .snew_li{ padding: 15px 0;}
  .snew_list .s_more{ margin-top: 20px;}
  .snew_list .s_more a{ font-size: 16px;}
  .foot_text ul li{ font-size: 14px; padding-left: 28px; margin: 15px 0;}
  .foot_text ul li i{ font-size: 18px;}
  .foot_form .form-group{ padding-left: 50px;}
  .foot_form .form-group label{ font-size: 14px;}
  .foot_form .form-group input{ height: 34px; font-size: 14px;}
  .foot_text h4, .foot_form h4{ margin-bottom: 20px;}
  .foot_form input.btn, .foot_form button.btn{ margin-top: 20px; font-size: 14px; padding: 8px 0;}
  .foot_nav h5{ margin-bottom: 20px;}
  .foot_nav p{ margin: 10px 0;}
  .foot_ewm, .foot_link{ font-size: 14px;}
  .foot_link{ margin-top: 30px;}
  .foot_ewm img{ width: 110px;}

  
  .container{ position: relative; width: calc(100% - 180px);}
  .s_case{ padding-left: 105px;}
  .scase_nav{ padding-right: 105px;}
  .nyw_list:nth-child(2n-1) .nyw_right, .ncon_right{  padding-right: 105px;}
  .nyw_list:nth-child(2n) .nyw_left{  padding-left: 105px;}

/* 内页开始 */
.ny_nav{ padding: 15px 0;}
.ny_nav ul li a{ margin: 0; padding: 5px 10px;}
.nab1_text .ty_content p{ font-size: 14px; line-height: 24px; margin: 10px 0;}
.nab1_text .n_biao{ margin-top: 0;}
.n_about1{ padding: 3% 0;}
.n_biao strong{ font-size: 26px; line-height: 36px;}
.n_biao span{ font-size: 16px;}
.n_biao{ margin-bottom: 20px;}
.nab2_ico i { width: 50px; height: 50px; line-height: 50px; font-size: 24px; margin-bottom: 10px;}
.nab2_ico{ font-size: 18px;}
.n_about3{ padding-top: 80px;}
.n_about2 ul li .nab2_ico span{ font-size: 16px;}
.n_about2 ul li:hover .nab2_ico span{ margin-top: 10px;}
.n_about3 img{ max-width: 80% !important;}
/* .honor_list .honor_li:nth-child(1), .honor_list .honor_li:nth-child(2){ margin-top: 0;} */
.nyw_list h3{ font-size: 18px; margin-bottom: 15px; padding-bottom: 10px;}
.nyw_list .ty_content p{ font-size: 14px; line-height: 24px; margin: 10px 0;}
.nyw_list h5{ margin-top: 15px;}
.nyw_list h5 a{ padding: 10px 20px;}
.nyw_list:nth-child(2n-1) .nyw_right{ padding-left: 3%;}
.ncase_li a i { width: 50px; height: 50px; font-size: 24px; line-height: 50px; right: 15px; top: 15px;}
.ncase_li a span{ font-size: 18px;}
.video_text span{ font-size: 16px;}
.video_text{ padding: 10px 15px;}
.nnew_biao strong{ font-size: 18px; line-height: 30px;}
.nnew_biao span{ font-size: 14px;}
.ty_content{ font-size: 14px; line-height: 24px;}
.nnew_text h4{ font-size: 16px; margin-bottom: 15px;}
.nnew_text p{ line-height: 24px; font-size: 14px;}
.nnew_time{ font-size: 14px;}
.nnew_li{ padding: 20px 0;}
#container{ height: 460px;}
.ncon_right ul li{ margin: 15px 0; font-size: 14px;}
.ncon_right ul li i{ font-size: 16px;}
.ncon_mass input.form-control{ height: 46px; font-size: 14px;}
.ncon_mass .form-control{ font-size: 14px;}
.ncon_mass input.btn{ font-size: 14px; height: 46px;}





}

@media (min-width:1281px) and (max-width:1680px) {
  

  .pc_nav ul li>a{ padding: 0 20px; font-size:14px;}
  .pc_nav{ padding-left: 230px; padding-right: 40px;}
  .head_more a, .head_more div{ margin-left: 15px;}
  .ban_text strong{ font-size: 46px; margin: 30px 0;}
  .ban_text b{ font-size: 30px; line-height: 30px;}
  .ban_text span{ font-size: 18px;}
  .s_banner .swiper0 .swiper-pagination0, .ban_fan{ right: 15px;}
  .ban_text p{ font-size: 32px; margin-top: 40px;}
  .s_about{ margin-top: 50px;}
  .sab_left h3{ font-size: 30px; margin-bottom: 30px;}
  .sab_left h3 span{ font-size: 16px;}
  .sab_left p{ font-size: 16px; line-height: 30px; margin: 15px 0;}
  .sab_video{ width: 30%; top: -10%;}
  .sab_right ul li{ width: 120px; height: 120px;}
  .sab_right ul li a{ padding-top: 20px; font-size: 16px;}
  .syw_title span{ font-size: 18px; line-height: 18px;}
  .s_more{ font-size: 16px;}
  .s_yewu ul li a>span em{ font-size: 40px; line-height: 60px;}
  .s_yewu ul li a>span{ width: 100px; height: 60px;}
  .s_yewu ul li a>span:before{
    border-top: 30px solid #fff;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;}
  .s_yewu ul li a>span:after{
    border-bottom: 30px solid #fff;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;}

    /* .active */
  .s_yewu ul li a>span:before{
    border-top: 30px solid var(--color_1);}
  .s_yewu ul li a>span:after{
    border-bottom: 30px solid var(--color_1);}
    /* .active */

  .s_case{ padding-left: 145px;}
  .scase_nav{ padding-right: 145px;}
  .s_biao{ font-size: 30px; line-height: 30px;}
  .s_biao span{ font-size: 16px;}
  .scase_nav ul li a{ font-size: 16px;}
  .scase_nav ul li i{ width: 60px; height: 60px; line-height: 60px; font-size: 24px;}
  .s_case .swiper-container .swiper-slide a span{ font-size: 18px;}
  .s_case .swiper-container .swiper-slide a i{ width: 60px; height: 60px; line-height: 60px; font-size: 24px; right: 15px; top: 15px;}
  .snew_li{ padding: 20px 0;}
  .foot_text ul li{ font-size: 14px; padding-left: 28px; margin: 15px 0;}
  .foot_text ul li i{ font-size: 18px;}
  .foot_form .form-group{ padding-left: 50px;}
  .foot_form .form-group label{ font-size: 14px;}
  .foot_form .form-group input{ height: 34px; font-size: 14px;}
  .foot_text h4, .foot_form h4{ margin-bottom: 20px;}
  .foot_form input.btn, .foot_form button.btn{ margin-top: 20px; font-size: 14px; padding: 8px 0;}
  .foot_nav h5{ margin-bottom: 20px;}
  .foot_nav p{ margin: 10px 0;}
  .foot_ewm, .foot_link{ font-size: 14px;}
  .foot_link{ margin-top: 30px;}
  .foot_ewm img{ width: 110px;}


  .container{ position: relative; width: calc(100% - 260px);}
  .s_case{ padding-left: 145px;}
  .scase_nav{ padding-right: 145px;}
  .nyw_list:nth-child(2n-1) .nyw_right, .ncon_right{  padding-right: 145px;}
  .nyw_list:nth-child(2n) .nyw_left{  padding-left: 145px;}


/* 内页开始 */
.ny_nav{ padding: 20px 0;}
.ny_nav ul li a{ margin: 0; padding: 5px 10px;}
.nab1_text .ty_content p{ font-size: 14px; line-height: 24px; margin: 10px 0;}
.n_biao strong{ font-size: 26px; line-height: 36px;}
.n_biao span{ font-size: 16px;}
.n_biao{ margin-bottom: 20px;}
.nab2_ico i { width: 70px; height: 70px; line-height: 70px; font-size: 36px; margin-bottom: 10px;}
.nab2_ico{ font-size: 24px;}
.n_about3{ padding-top: 80px;}
.n_about2 ul li:hover .nab2_ico span{ margin-top: 10px;}
.n_about3 img{ max-width: 80% !important;}
.n_about5 .ty_content{ padding-top: 0;}
.nyw_list h3{ font-size: 24px; margin-bottom: 20px; padding-bottom: 15px;}
.nyw_list .ty_content p{ font-size: 14px; line-height: 24px; margin: 10px 0;}
.nyw_list h5 a{ padding: 10px 20px;}
.ncase_li a i { width: 50px; height: 50px; font-size: 24px; line-height: 50px; right: 15px; top: 15px;}
.ncase_li a span{ font-size: 18px;}
#container{ height: 460px;}
.ncon_right ul li{ margin: 15px 0; font-size: 14px;}
.ncon_right ul li i{ font-size: 16px;}
.ncon_mass input.form-control{ height: 46px; font-size: 14px;}
.ncon_mass .form-control{ font-size: 14px;}
.ncon_mass input.btn{ font-size: 14px; height: 46px;}

}

@media (min-width:1441px){

  .foot_ewm img{ width: 110px;}

  .container{ position: relative; width: calc(100% - 320px);}
  .s_case{ padding-left: 175px;}
  .scase_nav{ padding-right: 175px;}
  .nyw_list:nth-child(2n-1) .nyw_right, .ncon_right{  padding-right: 175px;}
  .nyw_list:nth-child(2n) .nyw_left{  padding-left: 175px;}
}