html{ scroll-behavior:smooth;}
body{ margin: 0; padding: 0;}
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;}

h1{ font-size: 2.25rem;}
h2{ font-size: 1.875rem;}
h3{ font-size: 1.5rem;}
h4{ font-size: 1.125rem;}
h5{ font-size: 1rem;}
h6{ font-size: 1rem;}

.flex{
  display: flex;
}
@font-face {
	font-family: 'MONTSERRAT-REGULAR';
	src: url('../fonts/MONTSERRAT-REGULAR.TTF');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MONTSERRAT-DOLD';
	src: url('../fonts/MONTSERRAT-DOLD.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;
}



.maodian{ position: absolute; left:0; top:-10rem;}



.header{ position: fixed; top: 0; left: 0; width: 100%; height: 6.25rem; z-index: 990; transition: all 0.5s ease-out; background: #fff; box-shadow: 0px 2px 4px rgba(0,0,0,0.1);}
.header .container{ display: flex; position: relative; justify-content: flex-end; align-items: center; padding-left: 18.75rem;}
.logo{ height: 6.25rem; position: absolute; left: 15px; top: 0; display: flex; align-items: center;}
.logo a{ height: 4.5rem;}
.logo a img{ display: block; height: 100%;}


.pc_nav ul{ display: flex; align-items: center;}
.pc_nav ul li{ margin-left: 2.5rem; height: 6.25rem; position: relative; display: flex;
align-items: center;}
/* .pc_nav ul li>a:after{ content: ''; width: 0; height: 2px; background: #E60012; pointer-events: none; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; transition: all 0.3s ease;} */
.pc_nav ul li>a{ font-size: 1.25rem; color: #111; font-weight: bold; white-space: nowrap; 
  line-height: 3.125rem; padding: 0 1.875rem; border-radius: 1.5625rem; display: block; position: relative; transition: all 0.3s ease; background: transparent;}
/* .pc_nav ul li.active>a:after{ width: 100%;} */
.pc_nav ul li.active>a{background: #0052B9; color: #fff;}

.pc_nav ul li:hover .erji{ opacity: 1; transform: translateX(-50%); pointer-events: auto;}
.pc_nav ul li .erji{ position: absolute; top: 100%; left: 50%; transform: translateX(-50%) translateY(1rem); pointer-events: none; opacity: 0; min-width: 8.125rem; padding: 0.5rem 0; background: rgba(0,0,0,0.75); transition: all 0.3s ease-out; z-index: 2; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
.pc_nav ul li .erji a{ display: block; line-height: 2.4; font-size: 1rem; color: rgba(255,255,255,0.75); white-space: nowrap; padding: 0 .625rem; text-align: center;}
.pc_nav ul li .erji a:hover{ color: #fff;}



.menu-link{ cursor: pointer;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  display: none;
}
.menu-link span{ width: 2.25rem; height: 1.875rem; display: inline-block; position: relative;}
.menu-link span i{ width: 100%; height: 3px; display: block; background: #fff; position: absolute; top: 50%; left: 0; transform: translateY(-50%);transition: all 0.3s ease-out;}
.menu-link span:after{ content: ''; background: #fff; width: 100%; height: 3px; position: absolute; top: 0; left: 0;transition: all 0.3s ease-out; transform-origin: right top;}
.menu-link span:before{ content: ''; background: #fff; width: 100%; height: 3px; position: absolute; bottom: 0; left: 0;transition: all 0.3s ease-out; transform-origin: right bottom;}
.menu-link.active span:after{ transform: rotate(-45deg);}
.menu-link.active span:before{transform: rotate(45deg);}
.menu-link.active span i{ background: transparent;}

.s_banner{ position: relative; margin-top: 6.25rem;}
.s_banner .swiper .swiper-slide a{ position: relative; display: block; padding-top:43.95%;}
.ban_fan{ position: absolute; bottom: 7%; padding-left: 10rem; left: 0; z-index: 2; color: #fff; display: flex; align-items: center;}
.ban_fan span{ font-size: 26px; color: #fff; margin-left: .5rem;}
.ban_fan span:first-child{ font-weight: bold; margin-left: 0; margin-right: .5rem;}
.s_banner .ban_next{ background: rgba(0,0,0,0.35); border: none; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; color: #fff;}
.s_banner .ban_prev{ background: rgba(0,0,0,0.35); border: none; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; color: #fff;}
.ban_next{right: 10rem;}
.ban_prev{left: 10rem;}

.dw{position: relative;}


.s_product{ padding: 3.75rem 0; background: #EFF3F7;}
.s_biao{ text-align: center; color: #0052B9;}
.s_biao span{ display: block; font-size: 2.25rem; font-weight: bold;}
.s_biao strong{
  line-height: 1;
  text-transform: uppercase;
  display: inline-block;
  font-size: 3.875rem;
  font-family: Impact;
  font-weight: bold;
}
.s_biao.bai{ color: #fff;}
.s_product .flex{align-items: center;}
.scp_left{ width: 51%;}
.scp_right{ width: 49%; padding: 0 10%;}
.scp_right h3{ font-size: 2.5rem; color: #0052B9; margin-bottom: 1.25rem}
.scp_right p{font-size: 1.125rem; color: #111; line-height: 2;}

.scp_left .swiper1 a{ display: block; padding-top: 88%; position: relative;}
.scp_left .swiper1 a strong{ position: absolute; top: 0; width: 100%; display: block; text-align: center; font-size: 22.125rem; color: #fff; left: 0; font-family: Impact; line-height: 1;}
.scp_left .swiper1 a span{ display: block; width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 2;}
.scp_left .swiper1 a span img{ width: 100%; display: block;}
.scp_left .swiper1 a span i{ padding-top: 15%; width: 100%; display: block; position: absolute; top: 100%; left: 0; overflow: hidden; z-index: -1; opacity: 0.3;}
.scp_left .swiper1 a span i img{ width: 100%; display: block; transform: rotateX(180deg); position: absolute; top: 0; left: 0;}
.scp_left .swiper1 a span i:after{ content: ''; width: 100%; height: 100%; background-image: linear-gradient(to bottom, RGBA(239, 243, 247, 0), RGBA(239, 243, 247, .85), RGBA(239, 243, 247, 1)); position: absolute; top: 0; left: 0;}

.scp_fan{ display: flex; margin-top: 2.5rem;}
.scp_fan .scp_prev{margin-right: 2.5rem;}
.scp_fan .scp_prev, .scp_fan .scp_next{
  height: 2.625rem;
  line-height: 2.625rem;
  padding: 0 1rem;
  background: #0052B9;
  color: #fff;
  border-radius: .25rem;
  outline: none;
}


.icon-prev, .icon-next{
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  border: 1px solid #0052B9;
  border-radius: 50%;
  color: #0052B9;
  transition: all 0.3s ease;
}
.icon-prev.swiper-button-disabled, .icon-next.swiper-button-disabled{
  opacity: 0.5;
}
.icon-prev i, .icon-next i{
  font-size: 1.5rem;
}



@-webkit-keyframes jianyi {
  0%{
    transform: translateX(0);
  }
  40%{
    transform: translateX(1rem);
    opacity:0
  }
  70%{
    transform: translateX(-1rem);
    opacity:0
  }
  100%{
    transform: translateX(0);
    opacity:1
  }
}
@keyframes jianyi {
  0%{
    transform: translateX(0);
  }
  40%{
    transform: translateX(1rem);
    opacity:0
  }
  70%{
    transform: translateX(-1rem);
    opacity:0
  }
  100%{
    transform: translateX(0);
    opacity:1
  }
}


@-webkit-keyframes jianyi2 {
  0%{
    transform: translateX(0);
  }
  40%{
    transform: translateX(-1rem);
    opacity:0
  }
  70%{
    transform: translateX(1rem);
    opacity:0
  }
  100%{
    transform: translateX(0);
    opacity:1
  }
}
@keyframes jianyi2 {
  0%{
    transform: translateX(0);
  }
  40%{
    transform: translateX(-1rem);
    opacity:0
  }
  70%{
    transform: translateX(1rem);
    opacity:0
  }
  100%{
    transform: translateX(0);
    opacity:1
  }
}


.cp_list{ display: flex; flex-wrap: wrap;}
.cp_li{ width: 32%; margin-bottom: 1.25rem;}
.cp_li:not(:nth-child(3n)){margin-right: 2%;}
.cp_li a{ display: block;}
.cp_li h4{ margin: 0; color: #111; text-align: center;}
.cp_img{ padding-top: 62%; position: relative; z-index: 2; margin-bottom: 1.875rem;}
.cp_img strong{ font-size: 15.625rem; color: #fff; font-family: Impact; line-height: 1; position: absolute; top: 0; width: 100%; text-align: center; display: block; left: 0; opacity: 0; transform: translateY(1rem); transition: all 0.3s ease-out;}
.cp_li:hover .cp_img strong{ opacity: 1;  transform: translateY(0);}
.cp_img img{ position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; max-width: 90%; max-height: 100%;}

.s_about{ height: 58.75rem; display: flex; padding-top: 8%;}
.s_about .container{ justify-content: space-between;}
.sab_right{ width: 68%; color: #fff;}
.sab_right ul{ margin-top: 3.125rem; display: flex; align-items: center; justify-content: space-between;}
.sab_right ul li a{
  width: 10.75rem;
  height: 2.75rem;
  border: 1px solid #FFFFFF;
  border-radius: 1.3125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  color: #fff;
}
.sab_right ul li span{ display: block; text-align: center; font-size: 2.5rem;}
.sab_right ul li span strong{ font-size: 3rem;}
.sab_right ul li p{ font-size: 1.125rem;}

.s_about .ty_content{ color: #fff; font-size: 1.125rem;}
.ys_biao{ display: flex; color: #0052B9; align-items: center; justify-content: center; margin-bottom: 6.25rem;}
.ys_biao i{ font-size: 9rem; font-family: Impact; font-style: normal; line-height: 1;}
.ys_biao span{ font-size: 2.75rem;}
.ys_biao span strong{ display: block; font-size: 3rem;}

.s_youshi{ padding-top: 3.75rem; padding-bottom: 7.5rem;}
.s_youshi ul{ width: 44.375rem; height: 27.5rem; margin: 0 auto; position: relative;}
.s_youshi ul li{ width: 0; height: 0; position: absolute;}
.s_youshi ul li:nth-child(1){ right: 10%; top: 0;}
.s_youshi ul li:nth-child(2){ right: 0; top: 50%;}
.s_youshi ul li:nth-child(3){ right: 10%; bottom: 0;}
.s_youshi ul li:nth-child(4){ left: 10%; top: 0;}
.s_youshi ul li:nth-child(5){ left: 0; top: 50%;}
.s_youshi ul li:nth-child(6){ left: 10%; bottom: 0;}
.s_youshi ul li i{ width: 7rem; height: 7rem; border-radius: 50%; box-shadow: inset 0 0 1rem rgba(4, 99, 187, 1); display: block; position: absolute; left: 0; top: 0; transform: translateX(-50%) translateY(-50%); display: flex; align-items: center; justify-content: center; font-size: 3.75rem; color: #0052B9;}
.s_youshi ul li:hover i{ animation: n_yy 3s ease-out infinite;}

@keyframes n_yy {
  0% {
    box-shadow: inset 0 0 1rem rgba(4, 99, 187, 1);
  }
  50% {
    box-shadow: inset 0 0 2rem rgba(4, 99, 187, 1);
  }
  100% {
    box-shadow: inset 0 0 1rem rgba(4, 99, 187, 1);
  }
}


.ys_text{ width: 25rem; position: absolute; top: 50%; transform: translateY(-50%);}
.ys_text h4{ font-size: 1.25rem; color: #0052B9;}
.ys_text p{ font-size: 1.125rem;}
.s_youshi ul li:nth-child(1) .ys_text, .s_youshi ul li:nth-child(2) .ys_text, .s_youshi ul li:nth-child(3) .ys_text{ left: 5rem;}
.s_youshi ul li:nth-child(4) .ys_text, .s_youshi ul li:nth-child(5) .ys_text, .s_youshi ul li:nth-child(6) .ys_text{ right: 5rem; text-align: right;}

.s_honor{ padding-top: 5rem; height: 58.75rem;}
.s_honor .s_biao{ color: #0463BB;}
.s_honor .s_biao strong{ opacity: 0.23; color: #0463BB;}
.s_honor .s_biao p{ font-size: 1.875rem; font-weight: bold;}
.s_honor .flex{ justify-content: space-between;}
.s_honor ul{ display: flex; justify-content: space-between; width: 46%;}
.s_honor ul li span{ color: #0463BB; display: block;; font-size: 2.5rem;}
.s_honor ul li span strong{ font-size: 3rem;}
.s_honor ul li p{ font-size: 1.125rem;}
.s_honor img{ height: 41.625rem; display: block; margin: 0 auto;}


.footer{
  background: #033B7F;
  padding-top: 5rem;
}
.footer .flex{
  justify-content: space-between;
}
.footer .flex .caption:last-child{ display: flex; justify-content: space-between; width: 24.375rem;}
.ewm_div{ width: calc((100% - 1.875rem)/3); color: #fff; text-align: center;}
.ewm_div span{ display: block; font-size: .875rem; margin-top: .625rem;}
.ewm_div img{ width: 100%;}
.footer .caption h5{
  font-size: 1rem;
  color: #FFFFFF;
  margin-bottom: 2.25rem;
}
.footer .caption ul li{ margin: .8rem 0;}
.footer .caption ul li a{font-size: .875rem;color: rgba(255,255,255,.55);}
.footer .caption ul li:hover a{
  color: rgba(255,255,255,.85);
}
.foot_di{
  border-top: 1px solid rgba(255,255,255,0.3);
  margin-top: 2.5rem;
  padding: 1rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.foot_di p{
  color: rgba(255,255,255,0.3);
  margin: 0;
}
.foot_di p a{color: rgba(255,255,255,0.3); transition: all 0.3s ease;}
.foot_di p a:hover{color: rgba(255,255,255,0.75);}


.n_banner{ margin-top: 6.25rem;}
.n_banner{ padding-top:43.95%; display: flex; align-items: flex-end;}
.n_banner *{ display:none;}

.ny_nav{ margin: 1.875rem 0;}
.ny_nav ul{ display: flex; justify-content: center;}
.ny_nav ul li{ min-width: 20%; margin: 0 2%;}
.ny_nav ul li a{ height: 6rem; width: 100%; display: flex; align-items: center; justify-content: center; color: #474747; font-size: 1.5rem; transition: all 0.3s ease; border-radius: 3rem; border: 1px dashed #ccc;}
.ny_nav ul li a span{ position: relative; z-index: 2; text-align: center;}
.ny_nav ul li a span strong{ font-size: 1rem; white-space: nowrap; font-weight: normal; text-transform: uppercase; display: block;}
.ny_nav ul li.active a{ background:#0463BB; border-color: transparent; color: #fff;}
.ny_nav ul li.active:hover a{ color: #fff; border-color: transparent;}
.ny_nav ul li:hover a{ color: #0463BB; border-color: #0052B9;}
/* .ny_nav ul.w2 li{ width: 50%;} */


.n_about{ padding: 3.75rem 0;}
.n_about .flex{
  flex-wrap: wrap;
}
.nab_left ul{ margin: 3.75rem 0; display: flex; justify-content: space-between;}
.nab_left ul li span{ color: #0463BB; display: block;; font-size: 2.5rem;}
.nab_left ul li p{ font-size: 1.125rem;}
.nab_left ul li span strong{ font-size: 3rem;}

.nab_left{ padding-top: 2rem; padding-right: 2%;}
.nab_left h3{
  margin-bottom: 2rem;
}
.n_about .ty_content{
  font-size: 1.125rem;
}
/* .nab_left .ty_content{ max-height: 25rem; overflow: auto; padding-right: 1rem;} */


.nab_left, .nab_right{ width: 50%;}
.nab_right{ padding-left: 2%;}
.nab_bottom{ width: 100%;}

.n_biao{ color: #000; line-height: 1; position: relative;}
.n_biao span{ font-size: 1.375rem; display: block; font-weight: bold; padding: 1rem 0;}
.n_biao strong{ font-size: 3.625rem; display: block;}
.n_biao b{ text-transform: uppercase; line-height: .9; font-size: 11rem; color: #000; opacity: 0.05; position: absolute; left: -10rem; top: 50%; transform: translateY(-50%);}
.n_biao.bai, .n_biao.bai b{ color: #fff;}
.n_biao.text-center b{ left: 50%; transform: translateX(-50%) translateY(-50%);}

.n_culture{ padding-top: 9.375rem;}
.n_culture .contrainer{ align-items: flex-start;}
.nwh_left{ width: 52%;}
.nwh_right{width: 48%; height: 48.125rem; padding-left: 2%; border-left: 1px solid rgba(255,255,255,0.3); padding-top: 2rem; color: #fff;}
.nwh_right h3{ font-size: 2.125rem; margin-bottom: 1.875rem;}
.nwh_right span{ display: block; font-size: 1rem; line-height: 2;}
.nwh_right>p{ line-height: 2; font-size: 1.25rem; margin-bottom: 1rem;}
.nwh_right>p strong i{font-style: normal;}
.nwh_right .ty_content{ line-height: 2; color: #fff; font-size: 1.125rem;}
.nwh_right ul{ display: flex; margin-top: 2.4rem; margin-bottom: 1.25rem; border: none; border-bottom: 2px solid #0052B9;}
/* .nwh_right ul:after{ content: ''; width: calc(100% - 4.875rem*6); height: 2.5rem; border-bottom: 1px solid rgba(255,255,255,.5);} */
.nwh_right ul li a{ display: block; width: 4.875rem; color: #fff; border: 1px solid transparent; height: 2.5rem; font-size: 1.25rem; text-align: center; line-height: 2.5rem; position: relative; border-radius: .25rem; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.nwh_right ul li a.active{ background: #0052B9; color: #fff;}
/* .nwh_right ul li a.active:after{ content: ''; width: 100%; height: 1px; background: #fff; position: absolute; left: 0; bottom: -1px;} */

.n_honor{ padding-top: 3.75rem; padding-bottom: 8.75rem;}
.nho_left{ width: 45%; padding-left: 10rem; padding-top: 7.5rem;}
.nho_right{ width: 55%; padding-right: 4%;}
.nho_right a{ display: block; padding-top: 138%; background-size: contain;}
.n_honor .swiper span{ display: block; text-align: center; font-weight: bold; margin-top: .5rem; font-size: 1rem;} 
.nho_fan{ display: flex; align-items: center; margin-top: 5.625rem;}
.nho_fan .swiper-pagination{ font-size: 1rem; position: static; width: auto; margin: 0 1.25rem;}
.nho_fan .icon-prev, .nho_fan .icon-next{ background: #fff; border: none; box-shadow: 0px 0px 1rem rgba(0,0,0,0.1); color: #666;}

.nho_bottom .nho_fan{ justify-content: flex-end; margin-top: 0; margin-bottom: 1.875rem;}
.nho_bottom{ width: 90%; margin-left: 2%; margin-top: 4.75rem;}
.nho_bottom a{ display: block; padding-top: 68.8%; background-size: contain;}


/* 
//超小设备  (手机 phones, 576px 起)
@media (min-width: 576px) { ... }

//小型设备  (平板电脑, 768px 起)
@media (min-width: 768px) { ... }

//中型设备  (台式电脑, 992px and 起)
@media (min-width: 992px) { ... }

//大型设备  (大台式电脑, 1200px 起)
@media (min-width: 1200px) { ... } */
.n_development{ background: #A7C9E7; padding-top: 10rem; padding-bottom: 5rem;}
.nlc_left{ width: 70%;}
.nlc_right{ width: 30%; height: 43.75rem; padding-right: 10%;}
.nlc_left .n_biao{ margin-left: 10rem; margin-bottom: 3.125rem;}
.lc_box{ background-image: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0.85), rgba(255,255,255,0)); height: 32.5rem; padding-left: 10rem; padding-right: 20%;}
.lc_box .swiper{ height: 100%; width: 100%;}
.lc_box .swiper .swiper-slide{ height: 100%; display: flex; align-items: center;}
.lc_box .swiper .swiper-slide p{ max-height: 90%; width: 100%; overflow: auto;}

/*里面的代码可以根据自己需求去进行更改*/
/* 设置滚动条的样式 */
.lc_box .swiper .swiper-slide p::-webkit-scrollbar {
  width:12px;
  }
  /* 滚动槽 */
  .lc_box .swiper .swiper-slide p::-webkit-scrollbar-track {
  -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
  border-radius:10px;
  }
  /* 滚动条滑块 */
  .lc_box .swiper .swiper-slide p::-webkit-scrollbar-thumb {
  border-radius:10px;
  background:rgba(0,0,0,0.1);
  -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);
  }
.lc_box .swiper .swiper-slide p::-webkit-scrollbar-thumb:window-inactive {
  background:rgba(0,0,0,0.4);
  }

.lc_box p{ font-size: 1.125rem; color: #474747; line-height: 2;}
.nlc_right .swiper{ height: 100%;}
.nlc_right .swiper strong{font-size: 4rem; transition: all 0.3s ease; display: inline-block;}
.nlc_right .swiper .swiper-slide{ color: #fff; text-align: center;}

.nlc_right .swiper .swiper-slide.swiper-slide-active strong{transform: scale(1.5); color: #E80202;}

.n_linian{ height: 58.75rem; display: flex; padding-top: 5%; justify-content: center;}
.nln_box{ width: 46%; margin-right: 2%;}
.nln_box .n_biao{ margin-left: 10rem; margin-bottom: 5rem;}
.nln_box .ty_content{ font-size: 1.125rem; color: #111; text-indent: 2em;}

.n_dbrc{ padding: 4.375rem 0;}
.n_dbrc ul{ justify-content: space-between;}
.n_dbrc ul li{ width: 24%; background: #F2F7FC; border-radius: 1.25rem; position: relative; overflow: hidden; padding: 5rem 1.875rem; transition: all 0.3s ease;}
.n_dbrc ul li:after{ content: ''; width: .375rem; background: #0052B9; position: absolute; left: 0; top: 0; height: 100%;}
.n_dbrc ul li i{ width: 8.125rem; height: 4.625rem; display: flex; align-items: center; justify-content: center; position: relative; font-style: normal; font-size: 4rem; border-left: 1px solid #0052B9; border-right: 1px solid #0052B9; font-weight: bold; color: #0052B9; margin:0 auto; margin-bottom: 4.375rem; transition: all 0.3s ease;}
.n_dbrc ul li i:after{ content: ''; width: 100%; height: 100%; border-left: 1px solid #0052B9; border-right: 1px solid #0052B9; position: absolute; left: 0; top: 0; transform: rotate(60deg); transition: all 0.3s ease;}
.n_dbrc ul li i:before{ content: ''; width: 100%; height: 100%; border-left: 1px solid #0052B9; border-right: 1px solid #0052B9; position: absolute; left: 0; top: 0; transform: rotate(120deg); transition: all 0.3s ease;}
.n_dbrc ul li:hover i{ color: #fff;}
.n_dbrc ul li:hover{ background: #0052B9;}
.n_dbrc ul li:hover i, .n_dbrc ul li:hover i:after, .n_dbrc ul li:hover i:before{ border-color: #fff;}
.n_dbrc ul li strong{ display: block; margin: 1.875rem 0; display: block; text-align: center; font-size: 1.375rem; color: #0052B9; transition: all 0.3s ease;}
.n_dbrc ul li:hover strong, .n_dbrc ul li:hover p{ color: #fff;}
.n_dbrc ul li p{ line-height: 2; transition: all 0.3s ease;}

.job_list{ padding: 3.75rem 0;}

.ncp_search{margin-top: 3.75rem;}
.ncp_search .flex{ justify-content: center;}
.ncp_search .caption{ margin: 0 1%; width: 28%; padding: 0 1rem;
  border: 1px dashed #ccc;
  border-radius: 1.625rem;}
.ncp_search .form-control{
  height: 3.375rem;
  background: none;
  border: none;
  outline: none;
}
.ncp_search .flex .caption:last-child{ position: relative; padding-right: 3.375rem;}
.ncp_search button{ color: #666; width: 3.375rem; height: 3.375rem; border: none; background: none; position: absolute; right: 0; top: 0; display: flex; align-items: center; justify-content: center; z-index: 2; font-size: 1.25rem;}

.ncp_li{ border-bottom: 1px solid rgba(0,0,0,0.05); margin-top: 3.125rem;}
.ncp_li .container{ justify-content: center; align-items: center;}
.ncp_left a{ display: block; padding-top: 88%; position: relative;}
.ncp_left a strong{ position: absolute; top: 0; width: 100%; display: block; text-align: center; font-size: 18.125rem; color: #fff; left: 0; font-family: Impact; line-height: 1;}
.ncp_left a h4{ position: absolute; font-size: 1.25rem; color: #474747; bottom: 3rem; left: 0; width: 100%; text-align: center; z-index: 2;}
.ncp_left a span{ display: block; width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 2;}
.ncp_left a span img{ width: 100%; display: block;}
.ncp_left a span i{ padding-top: 15%; width: 100%; display: block; position: absolute; top: 100%; left: 0; overflow: hidden; z-index: -1; opacity: 0.3;}
.ncp_left a span i img{ width: 100%; display: block; transform: rotateX(180deg); position: absolute; top: 0; left: 0;}
.ncp_left a span i:after{ content: ''; width: 100%; height: 100%; background-image: linear-gradient(to bottom, RGBA(239, 243, 247, 0), RGBA(239, 243, 247, .85), RGBA(239, 243, 247, 1)); position: absolute; top: 0; left: 0;}

.ncp_left{width: 40%;}
.ncp_right{width: 60%; padding-left: 5%;}
.ncp_right h3{ font-size: 2.375rem; color: #0052B9; margin-bottom: 1.875rem;}
.ncp_right p{font-size: 1.125rem; color: #111; line-height: 2;}
.ncp_right ul{ display: flex; margin-top: 1.875rem}
.ncp_right ul li{ color: #333; width: 30%; display: flex; align-items: center;}
.ncp_right ul li i{ font-size: 2.25rem; margin-right: 1rem;}
.ncp_right ul li span{ font-size: 1.125rem;}

.ncp_content{ padding-bottom: 3.75rem;}
.nxq_left{ width: 60%;}
.nxq_box{
  margin-bottom: 2.5rem;
  background: #F9FBFC;
  border-radius: 1.875rem;
  position: relative;
  padding: 3.75rem 2.5rem;
  overflow: hidden;
}
.nxq_box:after{
  content: '';
  width: 100%;
  height: .375rem;
  background: #0463BB;
  position: absolute;
  top: 0;
  left: 0;
}
.nxq_right{ width: 40%; padding-left: 3%;}
.nxq_right .ncp_left{ width: 100%;}
.ncp_head .ncp_li{ border: none;}
.nxq_biao{ color: #0463BB; margin-bottom: 2.5rem;}
.nxq_biao b{ font-size: 2.25rem; line-height: 1; font-family: Impact; display: block; font-weight: normal;}
.nxq_biao span{ font-size: 1.5rem;}
.hot_biao{ color: #0463BB; padding-left: 10%; margin: 3.125rem 0;}
.hot_biao strong{ font-size: 1.875rem; display: block; padding-left: 1.5rem; position: relative;}
.hot_biao strong:after{ content: ''; width: .5rem; height: 1.875rem; background: #0463BB; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

.n_case{ padding-bottom: 1.875rem;}
.case_img{ padding-top: 58%; border-top-left-radius: 1.25rem; border-top-right-radius: 1.25rem;}
.case_text{ overflow: hidden; border-bottom-left-radius: 1.25rem; border-bottom-right-radius: 1.25rem; background: #E3E7EA; padding: 2.5rem 1.875rem; position: relative;}
.case_text h4{ margin-bottom: 1.25rem; color: #111; font-size: 1.375rem; transition: all 0.5s ease; position: relative; z-index: 2;}
.case_text h5{ font-size: .875rem; color: #0052B9; transition: all 0.5s ease; position: relative; z-index: 2;}
.case_text:after{ content: ''; background: #0052B9; width: .625rem; height: 100%; position: absolute; left: 0; top: 0; transition: all 0.5s ease-out;}
.case_li:hover .case_text:after{ width: 100%;}
.case_li:hover .case_text h4, .case_li:hover .case_text h5{ color: #fff;}

.n_case .flex{ flex-wrap: wrap; justify-content: space-between;}
.case_li{width: 48.5%; margin-top: 5.625rem;}

.n_news .container.flex{ flex-wrap: wrap;}
.new_li{ width: 33.33%; border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.new_li a{ height: 100%; display: block; padding: 2.125rem; padding-top: 3.25rem; transition: all 0.3s ease; position: relative; z-index: 2;}
.new_li a:after{ content: ''; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; opacity: 0; transition: all 0.3s ease; z-index: -1; background-image: linear-gradient(to bottom, rgba(4,99,187,0), rgba(4,99,187,1));}
.new_li:hover a:after{ opacity: 1;}
.new_li:hover .new_text h5, .new_li:hover .new_text p, .new_li:hover .new_time{ color: #fff;}
.new_img{ padding-top: 62%;}

.new_li:nth-child(3n){border-right: none;}
.new_li:nth-last-child(-n+3){ border-bottom: none;}
.new_box{ display: flex; padding-top: 1.25rem;}
.new_time{ width: 3.625rem; font-size: 1.25rem; color: #111; transition: all 0.3s ease;}
.new_time strong{ display: block; line-height: 1; font-size: 1.5rem; font-weight: bold;}
.new_text{ width: calc(100% - 3.625rem); padding: 0 1.25rem;}
.new_text h5{ line-height: 1.6; color: #111; transition: all 0.3s ease;}
.new_text p{ font-size: .875rem; line-height: 1.6; color: #666; transition: all 0.3s ease;}

/* .nnew_content .container.flex{} */
.nnew_left{ width: 70%; padding-right: 2.5rem; padding-top: 4.375rem; border-right: 1px solid #ccc;}
.nnew_right{ width: 30%; padding-left: 2.5rem; padding-top: 6.875rem;}
.nnew_right .new_li{ width: 100%; border-right: none;}
.nnew_right .new_li:nth-last-child(-n+3){ border-bottom: 1px solid #ccc;}
.nnew_right>h4{ font-size: 1.25rem; color: #111;}

.nnew_left>h2{ color: #111; line-height: 1.4;}
.nnew_left>h5{ color: #666; margin: 1.875rem 0; padding-bottom: 1.875rem; border-bottom: 1px solid #ccc;}

.lx_biao{ justify-content: space-between; align-items: center; margin-bottom: 5rem;}
.lx_ewm{ margin-right: 10%; width: 16.875rem; display: flex; justify-content: space-between;}
.lx_ewm .caption{ width: 6.875rem; text-align: center;}
.lx_ewm .caption span{ display: block; border: 1px dashed #999; display: block; margin-bottom: .5rem;}
.lx_ewm .caption span img{ width: 100%;}

.n_contact{ padding: 6rem 0;}
.n_contact h2{ color: #0052B9;}
.n_contact ul{ margin: 3.75rem 0; justify-content: space-between;}
.n_contact ul li{ max-width: 19%; text-align: center;}
.n_contact ul li i{ color: #0052B9; font-size: 1.875rem;}
.n_contact ul li b{ display: block; font-size: 1rem; margin-top: .5rem; margin-bottom: 1.25rem; color: #111;}
.n_contact ul li strong{ color: #333; font-size: 1.25rem;}

.lx_map{ margin: 7.5rem 0;}

.lx_message form{ margin-top: 5rem; display: flex; flex-wrap: wrap; justify-content: space-between;}
.lx_message form input{ padding: 0 1rem; width: 48%; margin-bottom: 2.5rem; height: 4.375rem; outline: none; background: #F7F7F7;  border-radius: 5px; border: none; font-size: 1.125rem;}
.lx_message form textarea{ width: 100%; border: none; background: #F7F7F7; padding: 1rem; outline: none; font-size: 1.125rem;}
.lx_message form button{
  width: 22.5rem;
  height: 4.6875rem;
  background: #0463BB;
  border-radius: 5px;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border: none;
  margin: 0 auto;
  margin-top: 2.5rem;
}


.zhaopin_1{ margin-top:3.75rem;}
.zhaopin_1 ul{ display: flex;}
.zhaopin_1 ul li{ width: 20%; display: flex; align-items: center; justify-content: center; height: 4.625rem; background:#0463bb; color:#fff;}
.zhaopin_1 .panel{ margin-bottom: .5rem;}
.zhaopin_1 .panel ul li{ background: none; color:#333;}
.zhaopin_1 .panel ul li:last-child{ color: #0463bb;}
.zhaopin_1 .panel .panel-heading{ padding:0;}
.zhaopin_1 .panel .panel-heading a{ display:block; background:#f2f7fc;}
.zhaopin_1 .panel .panel-body{ background:#f2f7fc; padding: 2.5rem 5%;}














/*里面的代码可以根据自己需求去进行更改*/
/* 设置滚动条的样式 */
.h_auto::-webkit-scrollbar {
width:2px;
}
/* 滚动槽 */
.h_auto::-webkit-scrollbar-track {
background: #ebebeb;
}
/* 滚动条滑块 */
.h_auto::-webkit-scrollbar-thumb {
  background: #0554b5;
}
.h_auto::-webkit-scrollbar-thumb:window-inactive {
  background: #0554b5;
}



#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: 40.5rem; background: #fff; 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 #fff; border-radius: 2px; transition: all 0.3s;}
#videModal .modal_bai .modal-header{ border: none; font-size: 1rem; font-weight: bold; position: relative; color: #333; padding-left: 0; padding-right: 0;}
#myModalLabel{ font-size: 1rem; font-weight: bold; line-height: 1rem;}
#videModal .modal_bai .modal-header .close{ position: absolute; right: 5px; top: 50%; transform: translateY(-50%); width: 2.5rem; height: 2.5rem; line-height: 2.5rem; cursor: pointer; text-align: center; font-size: 1.125rem; color: #333; opacity: 1; padding: 0; margin: 0;}
#videModal .modal_bai .modal-body{ padding: 0;}
#videModal .modal_bai .modal-body video{width: 100%; min-height: 23rem;}
#videModal .modal_bai .modal-body iframe{width: 100%; min-height: 23rem;}



/* 通用css */
.fanye{
  padding: 3.75rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fanye a{
  margin: 0 .3rem;
  /* width: 2.625rem; */
  padding: 0 1rem;
  height: 2.625rem;
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  color: #666666;
  border-radius: .25rem;
  text-decoration:none;
  text-transform: uppercase;
  font-size: 1rem;
}
.fanye a:first-child,
.fanye a:nth-child(2),
.fanye a:nth-last-child(2),
.fanye a:last-child{ font-size: .875rem;}
.fanye a:hover{ color:#0554b5;}
.fanye a.active{ background:#0554b5; border-color: #0052B9; color:#fff;}
.fanye a.active:hover{ color:#fff;}
.fanye a.cur{ color:#999; pointer-events: none}
.fanye a.disabled{ border: none; pointer-events: none;}


.fanye02{ margin-top: 3.75rem; padding: 2.5rem; display: flex; justify-content: space-between; background: rgba(0,0,0,0.04); border-radius: 1.875rem 1.875rem 0px 0px;}
.fanye02 a{ font-size: 1rem; width: 48%; color: #666; transition: all 0.3s;}
.fanye02 a:hover{ color: #0554b5;}
.fanye02 a:last-child{ text-align: right;}

.ty_content{ font-size: 1rem; line-height: 1.8; color: #474747; text-align: justify;}
.ty_content img{ max-width: 100%; height: auto !important;}

.ty_content table{ width: 100% !important; text-align: center; max-width: 100% !important; border-top: 1px solid #dedede; border-left: 1px solid #dedede;}
.ty_content table tr td{ padding: 0.4rem 0.5rem; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; vertical-align: middle;}
.ty_content table tr th{ font-weight: bold; padding: .6rem .5rem; background: #0554b5; color: #fff; border-right: 1px solid #dedede;}
/* .ty_content table tr:first-child td, .ty_content table tr:nth-child(2) td, .ty_content table tr td:first-child{ background: #0052B9; color: #fff; font-size: 1.125rem;} */
.ty_content iframe { max-width: 100% !important; width: 100% !important;}





#container{ width: 100%; height: 75rem; margin-top: -15rem; pointer-events: none;}

.my-map { margin: 0 auto; width: 100%; height: 36.25rem; }
.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; }





@media (max-width:767px){
  .flex, .sab_right ul{ flex-wrap: wrap;}
  .header .menu-link i, .header .menu-link span:before, .header .menu-link span:after{ background: #333;}
  .menu-link{ display: block; position: absolute; right: 15px; top: 55%; transform: translateY(-50%); transition: all 0.3s ease;}

  .header{ height: 4.25rem;}
  .header .container{ height: 100%; padding: 0 15px;}
  .logo{ height: 4.25rem;}
  .logo a{ padding: .5rem 0;}
  .head_more{ margin-right: 3.75rem;}
  
  .pc_nav{ position: absolute; width: 100%; height: auto; top: 100%; left: 0; display: none;  background: rgba(0,0,0,0.75); padding: 1.25rem 15px;}
  .pc_nav.active{ display: block;}
  .pc_nav ul{ height: auto; flex-wrap: wrap;}
  .pc_nav ul li:after{ display: none;}
  .pc_nav ul li{ width: 100%; margin: 0; flex-wrap: wrap; height: auto;}
  .pc_nav ul li>a{ padding: 0; color: #fff; font-size: 1.125rem; line-height: 2; font-weight: bold; display: inline-block;}
  .pc_nav ul li.active>a{ background: none;}
  .pc_nav ul li .erji{ width: 100%; background: none; position: static; opacity: 1; transform: translateX(0) translateY(0); display: flex; padding-top: 0;}
  .pc_nav ul li:hover .erji{  transform: translateX(0);}
  .pc_nav ul li .erji a:first-child{ padding-left: 0;}
  .pc_nav ul li>a:after{ display: none;}
 
  .s_banner{ margin-top: 4.25rem;}
  .s_banner .swiper .swiper-slide a{height: 25vh;}
  .icon-prev, .icon-next{width: 2.5rem; height: 2.5rem;}
  .ban_next{right: 15px;}
.ban_prev{left: 15px;}
  .ban_fan{ display: none;}
  .s_product{ padding: 2rem 0;}
  .scp_left .swiper1 a strong{ font-size: 10rem;}
  .scp_left, .scp_right{ width: 100%; padding: 0;}
  .scp_right .swiper{ max-height: 10.625rem; overflow: hidden;}
  .scp_right h3{ font-size: 1.5rem; margin-bottom: 1rem;}
  .scp_right p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
  .scp_fan{ margin: 1rem 0; display: flex; justify-content: center;}
  .scp_fan .icon-prev, .scp_fan .icon-next{width: 4.375rem; height: 4.375rem;}
  .cp_li{ width: 49%;}
  .cp_li:not(:nth-child(3n)){ margin-right: 0;}
  .cp_li:not(:nth-child(2n)){ margin-right: 2%;}
  .cp_img strong{ font-size: 3.625rem; opacity: 1; transform: translateY(0);}
  .cp_img img{ max-width: 100%;}
  .sab_right{ width: 100%;}
  .s_about{ height: auto; padding: 3rem 0; position: relative; padding-bottom: 20%; background-position: center bottom !important; background-size: contain !important;}
  .s_about .s_biao.bai, .s_about .ty_content, .sab_right ul li a{ color: #474747;}
  .sab_right ul li a{ border: 1px solid #Dedede;}
  /* .s_about:after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.3); z-index: 2;} */
  .s_about .container{ position: relative; z-index: 3;}
  .s_biao { margin-bottom: 1.5rem;}
  .s_biao strong{ font-size: 1.875rem; font-weight: normal;}
  .s_biao span{ font-size: 1.5rem;}
  .s_honor .s_biao p{ font-size: 1rem;}
  .sab_right ul{ margin-top: 2rem; align-items: flex-start;}
  .sab_right ul li:first-child{ width: 100%; display: block; margin-bottom: 2rem;}
  .sab_right ul li:not(:first-child){ width: 33%;}
  .sab_right ul li span strong, .sab_right ul li span{ font-size: 1.5rem; text-align: left;}
  .sab_right ul li p{ font-size: 1rem;}
  .s_youshi{ background: #dfedff !important; padding: 3rem 15px; padding-bottom: 1rem;}
  .s_youshi ul{ width: 100%; height: auto;}
  .s_youshi ul li{position: static; width: 100%; height: auto; display: flex; align-items: flex-start; margin-bottom: 1.5rem;}
  .s_youshi ul li i{ position: static; transform: translateX(0) translateY(0); width: 5rem; height: 5rem; font-size: 2.75rem;}
  .ys_text{ width: calc(100% - 5rem); margin-left: 1rem; position: static; transform: translateY(0);}
  .s_youshi ul li:nth-child(4) .ys_text, .s_youshi ul li:nth-child(5) .ys_text, .s_youshi ul li:nth-child(6) .ys_text{ text-align: left;}
  .ys_biao{ margin-bottom: 3rem;}
  .ys_biao i{ font-size: 5rem;}
  .ys_biao span strong{ font-size: 1.875rem;}
  .ys_biao span{ font-size: 1.5rem;}
  .s_honor{background: url(../images/honor_bg.jpg) center bottom no-repeat #E7F1FB !important; background-size: 120% !important; padding-bottom: .3rem; height: auto !important; padding-top: 3rem;}
  .s_honor .s_biao{ margin-bottom: 0;}
  .s_honor img{ height: auto; width: 96%;}
  .s_honor ul{ width: 100%;}
  .s_honor ul li span strong{ font-size: 1.5rem;}
  .s_honor ul li span{ font-size: 1.5rem;}
  .s_honor ul li p{ font-size: 1rem;}
  .footer{ padding-top: 2rem;}
  .footer .flex .caption:not(:last-child){ display: none;}
  .foot_di{ margin-top: 1.5rem; flex-wrap: wrap;}
  .foot_di a{ display: inline-block;}

  .n_banner{ height: 24vh; margin-top: 4.25rem;}
  .ny_nav ul{ flex-wrap: wrap; justify-content: center;}
  .ny_nav ul li{ margin: 0; margin-bottom: 1rem; margin-right: 2%; width: 32%;}
  .ny_nav ul li:nth-child(3n){ margin-right: 0;}
  .ny_nav ul li a{ height: 3rem; font-size: 1.125rem; padding: 0 .5rem;}
  .ny_nav ul li a span strong{ font-size: .75rem; display: none;}
  .ncp_search, .ny_nav{ margin-top: 2rem;}
  .n_biao b{ font-size: 3rem; left: 0;}
  .n_biao strong,.nab_left ul li span strong{ font-size: 1.875rem;}
  .n_about{ padding: 3rem 15px; padding-top: 0;}
  .nab_left, .nab_right{ width: 100%; padding: 0;}
  .nab_right{ margin-top: 1rem;}
  .nab_left ul{ margin: 2rem 0;}
  .nwh_left, .nwh_right{ width: 100%; padding: 0; border:  none;}
  .nwh_left{ margin-bottom: 1rem;}

  .nwh_right{ height: auto;}
  .nwh_right ul{ justify-content: space-between; border-bottom: 1px solid #dedede;}
  .nwh_right ul li a.active:after{ background: #474747;}
  .nwh_right ul li a{ color: #474747; width: auto;}
  .nwh_right ul li{ width: 16.66%;}
	.nwh_right ul li a.active{ color: #fff;}
  .n_culture{ padding: 0; padding-bottom: 12.25rem; position: relative; background-position: center bottom !important; background-size: contain !important;}
  .nwh_left .n_biao.bai, .nwh_right, .nwh_right .ty_content{ color: #474747;}
  .nwh_right .ty_content{ height: 20rem; overflow: auto;}
  .nwh_right>p strong i{ font-style: normal;}
  .nwh_right>p{ margin-bottom: .5rem; line-height: 2;}
  /* .n_culture:after{ content: '';width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.3); z-index: 2;} */
  .n_culture .container{ position: relative; z-index: 3;}
  .nwh_right h3 strong{ font-size: 1.5rem;}
  .nho_left, .nho_right, .nho_bottom{ width: 100%; padding: 0;}
  .nho_bottom{ margin-left: 0;}
  .n_honor{ padding: 3rem 15px; padding-bottom: 8.5rem; background-position: left bottom !important;}
  .nho_left .nho_fan{ margin: 2rem 0;}
  .n_development{ padding: 3rem 0;}
  .nlc_left .n_biao{ margin-left: 15px;}
  .nlc_left, .nlc_right{ width: 100%; padding: 0;}
  .lc_box{ padding: 15px; height: 23.5rem;}
  .nlc_right{ height: auto;}
  .nlc_right .swiper{ width: 100%; height: auto;}
  .nlc_right .swiper .swiper-slide{ height: 5rem; display: flex; align-items: center; justify-content: center;}
  .nlc_right .swiper strong{ font-size: 1.25rem;}
  .ncp_search .caption{ width: 100%; margin-bottom: 1rem;}
  .ncp_left, .ncp_right{ width: 100%;}
  .ncp_left a strong{ font-size: 10rem;}
  .ncp_right{ padding-left: 0;}
  .ncp_right h3{ font-size: 1.875rem;}
  .ncp_right p{display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;}
    .ncp_right ul{ justify-content: space-between; margin-top: 1rem;}
    .ncp_li{ padding-bottom: .5rem;}
    .ncp_right ul li i{ font-size: 1.5rem;}
    .ncp_right ul li span{ font-size: 1rem;}
    .nxq_box{ padding: 2rem 15px;}
  .nxq_right{ display: none;}
  .nxq_left{ width: 100%; margin-top: 2rem;}
  .n_case .case_li:first-child{ margin-top: 0;}
  .case_li{ width: 100%; margin-top: 1rem;}
  .new_li{ margin-bottom: 1.5rem;}
  .new_li, .nnew_left{ width: 100%; padding: 0; border-right: none;}
  .new_time{ width: 5rem; display: none;}
  .new_li a:after{ display: none;}
  .new_li a{ padding: 0;}
  .new_li:hover a .new_text, .new_li:hover a .new_text p{ color: #474747;}
  .new_li:hover a .new_text h5{ color: #111;}
  .new_text{ width: 100%; padding: 0;}
  .n_news .new_text p{display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;}
  .new_li:nth-last-child(-n+3){ border-bottom: 1px solid #ccc;}
  .fanye{ padding: 2rem 0;}
  .fanye a{padding: 0 .5rem; min-width: 2.625rem; text-align: center;}

  .nnew_content{ padding-bottom: 3rem;}
  .nnew_left>h2{ font-size: 1.25rem;}
  .fanye02{ flex-wrap: wrap; padding: 1rem 1.5rem;}
  .fanye02 a{ width: 100%;}
  .fanye02 a:last-child{ margin-top: .5rem; text-align: left;}
  .n_contact ul{ flex-wrap: wrap; margin: 2rem 0;}
  .n_contact ul li{ max-width: 50%; width: 50%; margin-bottom: 2rem;}
  .n_contact h2{ text-align: center;}
  .lx_map{ margin: 3rem 0;}
  .my-map{ height: 30vh;}
  .lx_message form{ margin-top: 2rem;}
  .lx_message form input{ margin: .5rem 0; width: 100%;}
  .nln_box .n_biao{ margin-left: 0; margin-bottom: 2rem;}
  .nln_box{ width: 100%; padding: 0 15px; margin-right: 0;}
  .n_linian{ height: auto; padding-bottom: 40%;}
  .n_dbrc ul li{ width: 100%; margin-bottom: 2rem;}
  .n_case{ padding: 0;}
  .nab_left ul li p{ font-size: 1rem;}
  .nab_left ul li span{ font-size: 1.5rem;}
  .job_list{ padding-top: 0;}
  .zhaopin_1 .panel-heading ul{ flex-wrap: wrap; padding: 0 15px; padding-top: .5rem;}
  .zhaopin_1 .panel-heading ul li{ width: 50%; height: auto; margin-bottom: .5rem; justify-content: flex-start;}
  .n_contact{ padding: 3rem 0; padding-top: 0;}
  .lx_biao .n_biao{ margin-bottom: 1.5rem;}
  .lx_biao{ margin-bottom: 2rem;}
  .n_contact h2{ font-size: 1.5rem;}
  .footer .flex{ justify-content: center;}

  #videModal .modal_bai{ width: calc(100% - 30px);}
  #videModal .modal_bai .modal-body iframe{ min-height: 260px;}





}

@media (min-width:768px) and (max-width:991px) {
  .flex, .sab_right ul{ flex-wrap: wrap;}
  .header .menu-link i, .header .menu-link span:before, .header .menu-link span:after{ background: #333;}
  .menu-link{ display: block; position: absolute; right: 15px; top: 55%; transform: translateY(-50%); transition: all 0.3s ease;}

  .header{ height: 4.25rem;}
  .header .container{ height: 100%; padding: 0 15px;}
  .logo{ height: 4.25rem;}
  .logo a{ padding: .5rem 0;}
  .head_more{ margin-right: 3.75rem;}
  
  .pc_nav{ position: absolute; width: 100%; height: auto; top: 100%; left: 0; display: none;  background: rgba(0,0,0,0.75); padding: 1.25rem 15px;}
  .pc_nav.active{ display: block;}
  .pc_nav ul{ height: auto; flex-wrap: wrap;}
  .pc_nav ul li:after{ display: none;}
  .pc_nav ul li{ width: 100%; margin: 0; flex-wrap: wrap; height: auto;}
  .pc_nav ul li>a{ padding: 0; color: #fff; font-size: 1.125rem; line-height: 2; font-weight: bold; display: inline-block;}
  .pc_nav ul li.active>a{ background: none;}
  .pc_nav ul li .erji{ width: 100%; background: none; position: static; opacity: 1; transform: translateX(0) translateY(0); display: flex; padding-top: 0;}
  .pc_nav ul li:hover .erji{  transform: translateX(0);}
  .pc_nav ul li .erji a:first-child{ padding-left: 0;}
  .pc_nav ul li>a:after{ display: none;}
 
  .s_banner{ margin-top: 4.25rem;}
  .s_banner .swiper .swiper-slide a{height: 25vh;}
  .icon-prev, .icon-next{width: 2.5rem; height: 2.5rem;}
  .ban_next{right: 15px;}
.ban_prev{left: 15px;}
  .ban_fan{ display: none;}
  .s_product{ padding: 2rem 0;}
  .scp_left .swiper1 a strong{ font-size: 10rem;}
  .scp_left, .scp_right{ width: 100%; padding: 0;}
  .scp_right .swiper{ max-height: 10.625rem; overflow: hidden;}
  .scp_right h3{ font-size: 1.5rem; margin-bottom: 1rem;}
  .scp_right p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
  .scp_fan{ margin: 1rem 0; display: flex; justify-content: center;}
  .scp_fan .icon-prev, .scp_fan .icon-next{width: 4.375rem; height: 4.375rem;}
  .cp_li{ width: 49%;}
  .cp_li:not(:nth-child(3n)){ margin-right: 0;}
  .cp_li:not(:nth-child(2n)){ margin-right: 2%;}
  .cp_img strong{ font-size: 3.625rem; opacity: 1; transform: translateY(0);}
  .cp_img img{ max-width: 100%;}
  .sab_right{ width: 100%;}
  .s_about{ height: auto; padding: 3rem 0; position: relative; padding-bottom: 20%; background-position: center bottom !important; background-size: contain !important;}
  .s_about .s_biao.bai, .s_about .ty_content, .sab_right ul li a{ color: #474747;}
  .sab_right ul li a{ border: 1px solid #Dedede;}
  /* .s_about:after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.3); z-index: 2;} */
  .s_about .container{ position: relative; z-index: 3;}
  .s_biao { margin-bottom: 1.5rem;}
  .s_biao strong{ font-size: 1.875rem; font-weight: normal;}
  .s_biao span{ font-size: 1.5rem;}
  .s_honor .s_biao p{ font-size: 1rem;}
  .sab_right ul{ margin-top: 2rem; align-items: flex-start;}
  .sab_right ul li:first-child{ width: 100%; display: block; margin-bottom: 2rem;}
  .sab_right ul li:not(:first-child){ width: 33%;}
  .sab_right ul li span strong, .sab_right ul li span{ font-size: 1.5rem; text-align: left;}
  .sab_right ul li p{ font-size: 1rem;}
  .s_youshi{ background: #dfedff !important; padding: 3rem 15px; padding-bottom: 1rem;}
  .s_youshi ul{ width: 100%; height: auto;}
  .s_youshi ul li{position: static; width: 100%; height: auto; display: flex; align-items: flex-start; margin-bottom: 1.5rem;}
  .s_youshi ul li i{ position: static; transform: translateX(0) translateY(0); width: 5rem; height: 5rem; font-size: 2.75rem;}
  .ys_text{ width: calc(100% - 5rem); margin-left: 1rem; position: static; transform: translateY(0);}
  .s_youshi ul li:nth-child(4) .ys_text, .s_youshi ul li:nth-child(5) .ys_text, .s_youshi ul li:nth-child(6) .ys_text{ text-align: left;}
  .ys_biao{ margin-bottom: 3rem;}
  .ys_biao i{ font-size: 5rem;}
  .ys_biao span strong{ font-size: 1.875rem;}
  .ys_biao span{ font-size: 1.5rem;}
  .s_honor{background: url(../images/honor_bg.jpg) center bottom no-repeat #E7F1FB !important; background-size: 120% !important; padding-bottom: .3rem; height: auto !important; padding-top: 3rem;}
  .s_honor .s_biao{ margin-bottom: 0;}
  .s_honor img{ height: auto; width: 96%;}
  .s_honor ul{ width: 100%;}
  .s_honor ul li span strong{ font-size: 1.5rem;}
  .s_honor ul li span{ font-size: 1.5rem;}
  .s_honor ul li p{ font-size: 1rem;}
  .footer{ padding-top: 2rem;}
  .footer .flex .caption:not(:last-child){ display: none;}
  .foot_di{ margin-top: 1.5rem; flex-wrap: wrap;}
  .foot_di a{ display: inline-block;}

  .n_banner{ height: 24vh; margin-top: 4.25rem;}
  .ny_nav ul{ flex-wrap: wrap; justify-content: center;}
  .ny_nav ul li{ margin: 0; margin-bottom: 1rem; margin-right: 2%; width: 32%;}
  .ny_nav ul li:nth-child(3n){ margin-right: 0;}
  .ny_nav ul li a{ height: 3rem; font-size: 1.125rem; padding: 0 .5rem;}
  .ny_nav ul li a span strong{ font-size: .75rem; display: none;}
  .ncp_search, .ny_nav{ margin-top: 2rem;}
  .n_biao b{ font-size: 3rem; left: 0;}
  .n_biao strong,.nab_left ul li span strong{ font-size: 1.875rem;}
  .n_about{ padding: 3rem 15px; padding-top: 0;}
  .nab_left, .nab_right{ width: 100%; padding: 0;}
  .nab_right{ margin-top: 1rem;}
  .nab_left ul{ margin: 2rem 0;}
  .nwh_left, .nwh_right{ width: 100%; padding: 0; border:  none;}
  .nwh_left{ margin-bottom: 1rem;}

  .nwh_right{ height: auto;}
  .nwh_right ul{ justify-content: space-between; border-bottom: 1px solid #dedede;}
  .nwh_right ul li a.active:after{ background: #474747;}
  .nwh_right ul li a{ color: #474747; width: auto;}
  .n_culture{ padding: 0; padding-bottom: 12.25rem; position: relative; background-position: center bottom !important; background-size: contain !important;}
  .nwh_left .n_biao.bai, .nwh_right, .nwh_right .ty_content{ color: #474747;}
  .nwh_right .ty_content{ height: 20rem; overflow: auto;}
  .nwh_right>p strong i{ font-style: normal;}
  .nwh_right>p{ margin-bottom: .5rem; line-height: 2;}
  /* .n_culture:after{ content: '';width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.3); z-index: 2;} */
  .n_culture .container{ position: relative; z-index: 3;}
  .nwh_right h3 strong{ font-size: 1.5rem;}
  .nho_left, .nho_right, .nho_bottom{ width: 100%; padding: 0;}
  .nho_bottom{ margin-left: 0;}
  .n_honor{ padding: 3rem 15px; padding-bottom: 8.5rem; background-position: left bottom !important;}
  .nho_left .nho_fan{ margin: 2rem 0;}
  .n_development{ padding: 3rem 0;}
  .nlc_left .n_biao{ margin-left: 15px;}
  .nlc_left, .nlc_right{ width: 100%; padding: 0;}
  .lc_box{ padding: 15px; height: 23.5rem;}
  .nlc_right{ height: auto;}
  .nlc_right .swiper{ width: 100%; height: auto;}
  .nlc_right .swiper .swiper-slide{ height: 5rem; display: flex; align-items: center; justify-content: center;}
  .nlc_right .swiper strong{ font-size: 1.5rem;}
  .ncp_search .caption{ width: 100%; margin-bottom: 1rem;}
  .ncp_left, .ncp_right{ width: 100%;}
  .ncp_left a strong{ font-size: 10rem;}
  .ncp_right{ padding-left: 0;}
  .ncp_right h3{ font-size: 1.875rem;}
  .ncp_right p{display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;}
    .ncp_right ul{ justify-content: space-between; margin-top: 1rem;}
    .ncp_li{ padding-bottom: .5rem;}
    .ncp_right ul li i{ font-size: 1.5rem;}
    .ncp_right ul li span{ font-size: 1rem;}
    .nxq_box{ padding: 2rem 15px;}
  .nxq_right{ display: none;}
  .nxq_left{ width: 100%; margin-top: 2rem;}
  .n_case .case_li:first-child{ margin-top: 0;}
  .case_li{ width: 100%; margin-top: 1rem;}
  .new_li{ margin-bottom: 1.5rem;}
  .new_li, .nnew_left{ width: 100%; padding: 0; border-right: none;}
  .new_time{ width: 5rem; display: none;}
  .new_li a:after{ display: none;}
  .new_li a{ padding: 0;}
  .new_li:hover a .new_text, .new_li:hover a .new_text p{ color: #474747;}
  .new_li:hover a .new_text h5{ color: #111;}
  .new_text{ width: 100%; padding: 0;}
  .n_news .new_text p{display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;}
  .new_li:nth-last-child(-n+3){ border-bottom: 1px solid #ccc;}
  .fanye{ padding: 2rem 0;}
  .fanye a{padding: 0 .5rem; min-width: 2.625rem; text-align: center;}

  .nnew_content{ padding-bottom: 3rem;}
  .nnew_left>h2{ font-size: 1.25rem;}
  .fanye02{ flex-wrap: wrap; padding: 1rem 1.5rem;}
  .fanye02 a{ width: 100%;}
  .fanye02 a:last-child{ margin-top: .5rem; text-align: left;}
  .n_contact ul{ flex-wrap: wrap; margin: 2rem 0;}
  .n_contact ul li{ max-width: 50%; width: 50%; margin-bottom: 2rem;}
  .n_contact h2{ text-align: center;}
  .lx_map{ margin: 3rem 0;}
  .my-map{ height: 30vh;}
  .lx_message form{ margin-top: 2rem;}
  .lx_message form input{ margin: .5rem 0; width: 100%;}
  .nln_box .n_biao{ margin-left: 0; margin-bottom: 2rem;}
  .nln_box{ width: 100%; padding: 0 15px; margin-right: 0;}
  .n_linian{ height: auto; padding-bottom: 40%;}
  .n_dbrc ul li{ width: 100%; margin-bottom: 2rem;}
  .n_case{ padding: 0;}
  .nab_left ul li p{ font-size: 1rem;}
  .nab_left ul li span{ font-size: 1.5rem;}
  .job_list{ padding-top: 0;}
  .zhaopin_1 .panel-heading ul{ flex-wrap: wrap; padding: 0 15px; padding-top: .5rem;}
  .zhaopin_1 .panel-heading ul li{ width: 50%; height: auto; margin-bottom: .5rem; justify-content: flex-start;}
  .n_contact{ padding: 3rem 0; padding-top: 0;}
  .lx_biao .n_biao{ margin-bottom: 1.5rem;}
  .lx_biao{ margin-bottom: 2rem;}
  .n_contact h2{ font-size: 1.5rem;}
  .footer .flex{ justify-content: center;}

  #videModal .modal_bai{ width: calc(100% - 30px);}
  #videModal .modal_bai .modal-body iframe{ min-height: 260px;}




}

@media (min-width:991px) and (max-width:1200px) {
  
  
}

@media (min-width:1201px) and (max-width:1440px) {
  

}
@media (min-width:991px){
  .ty_content table{
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (min-width:1201px){
  
  .container{ max-width: calc(100% - 18.125rem); width: calc(100% - 18.125rem) !important; padding: 0 15px;}

}
@media (min-width:1921px){
  .container{ max-width: calc(1920px - 18.125rem); width: calc(100% - 18.125rem) !important; padding: 0 15px;}
}