html{ scroll-behavior:smooth; font-family: Arial, Helvetica, sans-serif;}
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, h2, h3, h4, h5, h6{ margin-bottom: .625rem;}
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: .875rem;}

.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: 'MyriadPro-Regular';
	src: url('../fonts/MyriadPro-Regular.otf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'D-DIN-BOLD';
	src: url('../fonts/D-DIN-BOLD.OTF');
	font-weight: normal;
	font-style: normal;
}



.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;}

.ani-3d-left{ transform: rotateY(120deg); transform-origin: left center; opacity: 0; pointer-events: none; transition: all 0.6s ease-out;}
.ani-3d-left.cur{ transform: rotateY(0); opacity: 1; pointer-events: auto; transition-delay:  0.6s;}

.ani-3d-down{ transform: rotateX(120deg); transform-origin: center bottom; opacity: 0; pointer-events: none; transition: all 0.6s ease-out;}
.ani-3d-down.cur{ transform: rotateX(0); opacity: 1; pointer-events: auto; transition-delay:  1s;}

.maodian{ position: absolute; left:0; top:-10rem;}
#fp-nav{ display: none;}




.header.ny{ background: rgba(0,0,0,0.45); box-shadow: 0px 2px 4px rgba(0,0,0,0.2);}
.header.ny:after{ background:transparent;}
/* .header.ny .logo a img{ display: none;}
.header.ny .logo a img:last-child{ display: block;}
.header.ny .pc_nav ul li>a{ color: #222;}
.header.ny .pc_nav ul li>a{ color: #222;}
.header.ny .pc_nav ul li.active a{ color: #bc0206;}
.header.ny .head_more a{ color: #222;} */

.header{ position: fixed; top: 0; left: 0; width: 100%; height: 7.5rem; z-index: 990; transition: all 0.5s ease-out; background: rgba(255,255,255,.8);}
.header .container{ display: flex; position: relative; justify-content: flex-end; align-items: center; padding-left: 18.75rem;}
.logo{ height: 7.5rem; position: absolute; left: 15px; top: 0;}
.logo a{ display: flex; height: 100%; align-items: center;}
.logo a img{ height: 3.625rem;}

.pc_nav{}
.pc_nav ul{ height: 7.5rem; display: flex; align-items: center;}
.pc_nav ul li{ position: relative;}
.pc_nav ul li>a{ font-size: 1.375rem; height: 2.5rem; color: #000; white-space: nowrap; text-transform: capitalize; padding: 0 2.5rem; display: flex; align-items: center; border-radius: 1.25rem;}
.pc_nav ul li.active>a{ background: #122f7b; color: #fff;}
.pc_nav ul li:after{ content: ''; width: 100%; height: 3.125rem; position: absolute; top: 100%; left: 0;}
.pc_nav ul li:hover .erji{ opacity: 1; transform: translateX(-50%); pointer-events: auto;}
.pc_nav ul li .erji{ position: absolute; top: calc(100% + 3.125rem); left: 50%; transform: translateX(-50%) translateY(1rem); pointer-events: none; opacity: 0; min-width: 100%; padding: 1rem 0; background: #122f7b; transition: all 0.3s ease-out; z-index: 2; border-radius: .5rem; box-shadow: 0 2px .25rem rgba(0,0,0,0.1);}

.pc_nav ul li .erji a{ text-transform: capitalize; display: block; font-size: 1.125rem; line-height: 1.8; color: rgba(255,255,255,.8); margin: .375rem 0; white-space: nowrap; padding: 0 .625rem;}
.pc_nav ul li .erji a:hover{ color: #fff;}

.head_more{ margin-left: 2.5rem;}
.head_lang a{ color: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.125rem; font-weight: lighter; width: 3.125rem; height: 3.125rem; background: #122f7b; border-radius: 50%;}



.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;}
.s_banner img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 2;
  height: 11.25rem;
}
.s_banner .swiper .swiper-slide div{ background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; height: 100vh;}

.s_banner ul{ position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; z-index: 2; justify-content: space-around; background: rgba(18,47,123,0.9); padding-top: 1.875rem; padding-bottom: 1.875rem; border-top-left-radius: 1rem; border-top-right-radius: 1rem;}
.s_banner ul li{ font-size: 3rem; line-height: 1; color: #fff;}
.s_banner ul li span{ font-size: 1.5rem; display: block; line-height: 1.6; text-transform: capitalize;}
.s_banner ul li strong{ line-height: 1;}


.s_biao{ color: #fff; position: relative; z-index: 2; margin-bottom: 2.5rem;}
.s_biao span{ font-size: 1.875rem; font-weight: bold; font-weight: bold; color: #122f7b; display: block; text-transform: uppercase; line-height: 1;}
.s_biao strong{ font-size: 3rem; color: #122f7b;}
.s_biao.text-left strong{ left: 0; transform: translateX(0);}

.stop{ margin-top: 7.5rem;}
.s_about .container{ display: flex; justify-content: flex-end;}
.sab_right{ width: 50%;}
.sab_right p{ font-size: 1.5rem;  text-align: justify; color: #281f1c; line-height: 1.6; margin-bottom: 3.75rem;}
.ty_more{ text-align: right;}
.ty_more a, .ty_more span{ padding: .5rem 1.875rem; background: #122f7b; color: #fff; font-size: 1.25rem; display: inline-block;}
.sab_right ul{ margin-top: 3.75rem; display: flex; justify-content: space-between;}
.sab_right ul li{ text-align: center;}
.sab_right ul li a{ color: #222; font-size: 1.875rem; display: block;}
.sab_right ul li a i{ color: #122f7b; display: block; line-height: 1; font-size: 3.75rem;}
.sab_right ul li a strong{ display: block; text-transform: capitalize;}
.sab_right ul li a:hover{ color: #122f7b;}
.sab_right ul li a:hover i{ animation: bounce 1s ease;}

.swiper-bg{ background-size: cover; background-repeat: no-repeat; background-position: center;}

.s_product .swiper .swiper-wrapper{ align-items: stretch;}
.s_product .swiper .swiper-wrapper .swiper-slide{height: auto;}
.s_product .swiper a{ height: 100%; background: #fff; display: block; border: 1px solid #13639f; transition: all 0.3s ease;}
.scp_img{ padding-top: 100%;}
.scp_text{ color: #000; padding: .8rem 1rem; transition: all 0.3s ease;}
.scp_text h4{ line-height: 1.6;display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;}
.h6_more{ margin-top: 1rem;}
.h6_more span{ width: 6.25rem; font-size: 1rem; background: #122f7b; color: #fff; height: 1.875rem; display: flex; margin: 0 auto; justify-content: center; align-items: center; transition: all 0.3s;}
.s_product .swiper a:hover{ background: #122f7b;}
.s_product .swiper a:hover .scp_text{ color: #fff;}
.s_product .swiper a:hover .h6_more span{ background: #fff; color: #222;}

.dw{ position: relative;}
.ico_prev, .ico_next{ width: 4.25rem; height: 4.25rem; border-radius: 50%; background: #122f7b; color: #fff; display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; transform: translateY(-50%); outline: none;}
.ico_prev, .ico_next i{ font-size: 1.875rem;}
.scp_prev, .shon_prev{ left: calc(-4.25rem - 1rem);}
.scp_next, .shon_next{ right: calc(-4.25rem - 1rem);}

.s_news .flex{ justify-content: space-between;}
.new_left{ width: 50%;}
.new_right{ width: 43%;}
.new_img a{ padding-top: 56%; display: block;}
.new_time{ font-size: 1.875rem; color: #122f7b;}
.new_right .new_text{ margin-top: 1.25rem;}
.new_text p{ color: #222; font-size: 1rem; line-height: 1.8;}

.new_left ol{ margin: 0; padding: 0; margin-bottom: 2.5rem; display: flex;}
.new_left ol li{ margin-right: 1.25rem;}
.new_left ol li a{width: auto;
  padding: 0 1.5rem; height: 2.5rem; display: flex; align-items: center; justify-content: center; border-radius: 1.25rem; color: #000; font-size: 1.5rem;}
.new_left ol li:first-child a{ background: #122f7b; color: #fff;}
.new_left ul li a{ padding: .5rem 1.875rem; line-height: 1.6; display: flex; font-size: 1.5rem; color: #222; transition: all 0.3s ease; justify-content: space-between;}
.new_left ul li a span{ width: calc(100% - 9rem); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.new_left ul li a i{ font-style: normal;}
.new_left ul li:hover a{ background: #122f7b; color: #fff;}

.s_honor .swiper a{ padding-top: 140%; display: block; background-size: contain;}


.n_banner{ padding-top: 31.25%;}
.ny_nav.ncp ul li{ width: 16.66%;}
.ny_nav.ncase ul li{ width: 25%;}
.ny_nav.nnews ul li{ width: 50%;}

.ny_nav{ border-bottom: 1px solid #dedede;}
.ny_nav ul{ display: flex; justify-content: space-evenly;}
.ny_nav ul li{ width: 20%; position: relative;}
.ny_nav ul li:after{ content: ''; width: 1px; height: 1.25rem; background: #dedede; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.ny_nav ul li:last-child:after{ display: none;}
.ny_nav ul li a{ height: 6.25rem; display: flex; text-align: center; align-items: center; justify-content: center; font-size: 1.125rem; color: #474747;}
.ny_nav ul li.active a{ background: #122f7b; color: #fff;}
.ny_nav ul li.active:after{ display: none;}
.n_about{ padding: 6.25rem 0; background: url(../images/nab_xian.jpg) left 4.375rem no-repeat;}
.ny_nav ul li:hover a{ color: #122f7b;}
.ny_nav ul li.active:hover a{ color: #fff;}

.n_biao strong{font-family: 'MONTSERRAT-REGULAR'; font-size: 2.5rem; color: #294388; font-weight: bold; text-transform: uppercase;}
.n_biao span{ display: block; font-size: 1.875rem; color: #294388;}

.n_about .flex{ position: relative; justify-content: space-between;}
.nab_left{ width: 52%;}
.nab_right{ width: 45%;}
.nab_left .ty_content{ margin-top: 6.25rem; font-size: 1.125rem; line-height: 2; padding-right: .9375rem; max-height: 31.875rem; overflow: auto;}
/*里面的代码可以根据自己需求去进行更改*/
/* 设置滚动条的样式 */
.nab_left .ty_content::-webkit-scrollbar {
  width:4px;
  }
  /* 滚动槽 */
  .nab_left .ty_content::-webkit-scrollbar-track {
  border-radius:2px;
  }
  /* 滚动条滑块 */
  .nab_left .ty_content::-webkit-scrollbar-thumb {
  border-radius:2px;
  background:rgba(0,0,0,0.3);
  }
  .nab_left .ty_content::-webkit-scrollbar-thumb:window-inactive {
  background:rgba(0,0,0,0.6);
  }



.nab_right{ display: flex; justify-content: flex-end;}
.nab_right img{ max-width: 100%;}

.n_about ul{ position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; z-index: 2; display: flex; justify-content: space-around; background: rgba(18,47,123,0.9); padding-top: 1.875rem; padding-bottom: 1.875rem; border-top-left-radius: 1rem; border-top-right-radius: 1rem;}
.n_about ul li{ font-size: 3rem; line-height: 1; color: #fff;}
.n_about ul li span{ font-size: 1.5rem; display: block; line-height: 1.6;}
.n_about ul li strong{ line-height: 1;}

.n_biao.bai strong, .n_biao.bai span{ color: #fff;}
.n_honor{ background: url(../images/wenhua.jpg) center no-repeat; background-size: cover; padding: 6.25rem 0;}
.n_honor ul{ justify-content: space-between; margin: 3.125rem 0;}
.n_honor ul li{ text-align: center; color: #fff; width: 23%;}
.n_honor ul li i{ width: 8.125rem; height: 8.125rem; border: 1px dashed #fff; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 3.125rem; margin: 0 auto; border-radius: 50%;}
.n_honor ul li span{ font-size: 1.5rem; font-weight: lighter; display: block; margin-top: 1rem;}
.n_honor ul li span em{ font-style: normal; font-size: 1.125rem; display: block; opacity: .6; letter-spacing: 2px;}

.n_development{ padding: 6.25rem 0;}
.n_development .flex{ justify-content: space-between; margin-top: 3.75rem;}
.n_development .mySwiper{ width: 9.375rem; height: 35rem; padding-left: 2rem;}
.n_development .mySwiper span{ font-size: 1.125rem; display: block; padding-left: 1rem; position: relative;}
.n_development .mySwiper span:after{ content: ''; width: .375rem; height: 100%; position: absolute; left: 0; top: 0; background: transparent; transition: all 0.3s ease;}
.n_development .mySwiper .swiper-slide.active span:after{ background: #122f7b;}
.n_development .mySwiper .swiper-scrollbar1{ left: 0; right: auto;}
.n_development .mySwiper2{ height: 35rem; width: calc(100% - 9.375rem); padding-right: 9.375rem; padding-top: 12px; padding-bottom: 12px;}
.lc_text h4 span{ font-size: 3.125rem; color: #777777; display: block; line-height: 1; margin-bottom: .5rem; font-family: 'D-DIN-BOLD';}
.lc_text h4{ font-size: 1.125rem; color: #333333; line-height: 2; margin: 0;display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
text-transform: capitalize;}
.n_development .mySwiper2 .swiper-slide{ display: flex; position: relative;}
.n_development .mySwiper2 .swiper-slide:before{ content: ''; width: 1px; height: 100%; position: absolute; left: 50%; top: 0; background: #dedede;}
.n_development .mySwiper2 .swiper-slide:after{ content: ''; width: 12px; height: 12px; border-radius: 50%; background: #dddddd; position: absolute; top: 0; left: 50%; transform: translateX(-50%) translateY(-50%);}
.n_development .mySwiper2 .swiper-slide.swiper-slide-active:after{ background: #122f7b;}
.n_development .mySwiper2 .swiper-slide.swiper-slide-active .lc_text h4 span{ font-weight: bold; color: #122f7b;}
.n_development .mySwiper2 .swiper-slide:nth-child(2n-1){ justify-content: flex-end;}
.lc_text{ height: 100%; width: calc(50% - 3.125rem); border-top: 1px solid #dedede; padding-top: 1.5rem;}



.n_video{ background: url(../images/nab_xian.jpg) left bottom no-repeat; padding-top: 6.25rem; margin-bottom: 6.25rem;}
.n_video .swiper1{ position: relative; z-index: 3; width: 100%;}
.n_video .swiper1 .swiper-slide{ width: 76%;}
.n_video .swiper1 .swiper-slide a{ padding-top: 55%; display: block; position: relative;}
.n_video .swiper1 .swiper-slide a:after{ content: ''; position: absolute; left: 0; z-index: 2; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); opacity: 0; transition: all 0.3s;}
.n_video .swiper1 .swiper-slide:hover a:after{ opacity: 1;}
.video_left{ position: relative; width: 12.5rem;}

.video_biao strong{ font-size: 4.375rem; line-height: 1; color: #122f7b; text-transform: uppercase; display: block; position: absolute; top: 0; left: 0; transform: rotate(90deg)  translateY(-100%); transform-origin: left top;}
.video_biao span{ display: block; font-size: 1.875rem; color: #474747; writing-mode: vertical-lr; margin-left: 4.375rem;}
.video_fan{ position: absolute; left: 0; bottom: 0; height: 4.25rem; width: 100%;}
.video_prev{ left: 0;}
.video_next{ left: 6.25rem;}
.v_title{ position: absolute; top: 20%; left: 0; width: 100%; text-align: center; color: #fff; font-size: 1.5rem; font-weight: lighter; z-index: 5;}
.v_title span{ opacity: 0.4; font-size: 1.125rem; display: block; text-transform: uppercase; letter-spacing: 2px;}
.v_cio{ width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: 3;}
.v_cio i{ position: absolute; left: 29%; top: 50%; transform: translateY(-50%); font-size: 46px; color: #fff; display: block; line-height: 1;}
.v_cio svg {
  display: block;
  width: 100px;
  height: 100px;
  z-index: 5;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}
.v_cio svg circle {
  stroke-width: 2px;
  stroke: #fff;
  stroke-dasharray: 300%;
  stroke-dashoffset: 300%;
  transition: stroke-dashoffset 0.6s ease-out;
  -webkit-transition: stroke-dashoffset 0.6s ease-out;
  -moz-transition: stroke-dashoffset 0.6s ease-out;
  -o-transition: stroke-dashoffset 0.6s ease-out;
  -ms-transition: stroke-dashoffset 0.6s ease-out;
}
.n_video .swiper1 .swiper-slide:hover .v_cio svg circle {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 1.2s ease-out;
  -webkit-transition: stroke-dashoffset 1.2s ease-out;
  -moz-transition: stroke-dashoffset 1.2s ease-out;
  -o-transition: stroke-dashoffset 1.2s ease-out;
  -ms-transition: stroke-dashoffset 1.2s ease-out;
}

.n_zizhi{ background: url(../images/nab_xian.png) left top no-repeat #f0f1f5; padding: 6.25rem 0;}
.zz_li a{ display: block; background: #fff; padding: 2.5rem;}
.zz_img{ padding-top: 110%; position: relative;}
.zz_img img{ position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); max-width: 100%; max-height: 100%;}

.zz_list{ margin-top: 3.75rem; flex-wrap: wrap;}
.zz_li{ width: 30%; margin-bottom: 3.75rem;}
.zz_li span{ color: #222; transition: all 0.3s ease; display: block; text-align: center; margin-top: 1rem;}

.zz_li:not(:nth-child(3n)){ margin-right: 5%;}


.n_product{ padding-top: 4.375rem;}
.ncp_li{ display: flex; margin-bottom: 4.375rem;}
.ncp_img{ width: 61%;}
.ncp_img a{ padding-top: 58%; display: block;}
.ncp_text{ background: #f0f1f5; width: 39%; display: flex; align-items: center; padding: 0 2.5rem; transition: all 0.3s ease;}
.n_product .ncp_li:hover .ncp_text{ background: #122f7b;}
.n_product .ncp_li:hover .ncp_text h3, .n_product .ncp_li:hover .ncp_text h4{ color: #fff;}
.n_product .ncp_li:hover .ncp_text p{ color: #fff;}
.n_product .ncp_li:hover .ncp_text .ty_more a{ color: #122f7b; background: #fff;}

.ncp_text h3, .ncp_text h4{ color: #474747; transition: all 0.3s ease;}
.ncp_text p{ color: #666; font-size: 1.125rem; transition: all 0.3s ease; line-height: 1.8; margin: 1.875rem 0;}
.ncp_text .ty_more{ text-align: left;}
.ncp_text .ty_more a{ transition: all 0.3s ease;}

.ncp_head{ margin-top: 4.375rem;}
.ncp_biao{ height: 5rem; background: #f0f1f5; color: #122f7b; font-size: 1.25rem; display: flex; align-items: center; justify-content: center;}
.ncp_biao i{ font-size: 1.25rem;}
.ncp_biao strong{ margin-left: .5rem;}
.ncp_content{ border: 1px solid #f0f1f5;}
.ncp_content .ty_content{ padding: 3.75rem;}

.n_case{ padding: 4.375rem 0;}

.case_list{ display: flex; flex-wrap: wrap; margin-top: 3.75rem;}
.case_li{ width: 30%; margin-bottom: 3.75rem;}
.case_li:not(:nth-child(3n)){ margin-right: 5%;}
.case_li a{ display: block; overflow: hidden;}
.case_li a span{ width: 100%; height: 4.375rem; display: flex; align-items: center; justify-content: center; font-size: 1.125rem; color: #333; transition: all 0.3s ease; position: relative; z-index: 2; background: #f0f1f5;}
.case_li:hover a span{ background: #122f7b; color: #fff;}
.case_img{ padding-top: 64%; transition: all 0.3s ease;}
.case_li:hover .case_img{ transform: scale(1.05);}

.nzl_left{ width: 61%; padding-right: 8%;}
.nzl_right{ width: 41%;}
.nzl_left p{ font-size: 1.125rem; color: #474747; margin-top: 2.5rem; line-height: 2;}
.nzl_left ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.nzl_left ul li{ min-width: 30%; line-height: 1; font-size: 1rem; color: #474747; transition: all 0.3s ease; margin-top: 2.5rem;}
.nzl_left ul li span{ display: block; margin-top: .8rem;}
.nzl_left ul li em{ font-style: normal; font-style: 1rem;}
.nzl_left ul li strong{ font-size: 3.125rem; color: #333333; transition: all 0.3s ease;font-family: 'D-DIN-BOLD';}
.nzl_left ul li:hover, .nzl_left ul li:hover strong{ color: #122f7b;}

.nzl_1{ padding: 4.375rem 0; overflow: hidden; background: url(../images/nab_xian.png) left bottom no-repeat;}
.nzl_right img{ height: 71.625rem;}

.nzl_2{ background: url(../images/zl_img.jpg) center no-repeat; background-size: cover; height: 40.875rem; display: flex; align-items: flex-end; justify-content: center;}
.nzl_2 h3{ color: #122f7b; font-size: 1.25rem;}
.nzl2_box{ padding: 4.375rem; background: rgba(255,255,255,.8);}
.nzl2_box h4{ line-height: 2.6; margin: 0;}

.nzl_3{ padding: 6.25rem 0;}
.nzl_3 .swiper a{ padding-top: 60%; display: block;}
.nzl_3 .swiper span{ display: block; font-size: 1.125rem; text-align: center; margin-top: 1rem;}



.n_shouhou{ background: url(../images/fuwu.jpg) center no-repeat; background-size: cover; height: 53.125rem; display: flex; align-items: center; justify-content: center; color: #fff;}
.n_shouhou h4{ margin: 2.5rem 0;}
.n_shouhou ul{ justify-content: space-between;}
.sh_box{ padding: 4.375rem; background: rgba(18,47,123,0.85); text-align: center;}
.n_shouhou ul li{ width: 19%;}
.n_shouhou ul li p{ line-height: 1.8;}
.n_shouhou ul li i{ width: 7.5rem; height: 7.5rem; border-radius: 50%; border: 1px solid rgba(255,255,255,.5); display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; font-size: 2.875rem; margin: 0 auto; margin-bottom: 1rem;}
.n_shouhou ul li:hover i{ background: #fff; color: #122f7b;}

.n_case.zhanhui{ background: #f6f8fe;}
.n_case.zhanhui .case_img{ padding-top: 52%;}
.zh_text{ background: #fff; padding: 1.875rem 1.875rem;}
.zh_text h4{ font-size: 1.25rem; transition: all 0.3s ease; color: #333; margin-bottom: 1rem;}
.zh_text p{ font-size: 1rem; color: #666; line-height: 1.8;display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden; margin-bottom: 1.25rem;}
.zh_text h5{ color: #666; transition: all 0.3s ease; margin: 0; font-size: .875rem;}
.n_case.zhanhui .case_li:hover .case_img{ transform: scale(1);}
.n_case.zhanhui .case_li:hover .zh_text h4, .n_case.zhanhui .case_li:hover .zh_text h5{ color: #122f7b;}

.n_news{ padding: 4.375rem 0;}
.news_li{ padding: 1.875rem; background: #fff; box-shadow: 0 0 .5rem rgba(0,0,0,.1); margin-bottom: 2.5rem; align-items: center; justify-content: space-between;}
.news_li .new_img{ width: 23%; overflow: hidden;}
.news_li .new_img a{ transition: all 0.3s ease;}
.news_li .new_text{ width: 74%;}
.news_li .new_text h2{transition: all 0.3s ease; font-family: 'MONTSERRAT-REGULAR'; color: #474747;}
.news_li .new_text h4{ color: #474747; transition: all 0.3s ease; margin: 1rem 0;}
.news_li .new_text p{ margin: 0;display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;}
.news_li:hover .new_text h2, .news_li:hover .new_text h4{ color: #122f7b;}
.news_li:hover .new_img a{ transform: scale(1.1);}

.news_content{ background: #fff; padding: 5% 12%;}
.news_content>h3{ color: #474747;}
.news_content>h5{ margin: 1.875rem 0; color: #474747; font-weight: normal;}

.job_content{ padding: 4.375rem 0;}
.job_li{ margin-bottom: 2.5rem; background: #fff; padding: 3.125rem; border-radius: 0.5rem;}
.job_head{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.875rem; position: relative;}
.job_head:after{ content: ''; width: 4px; height: 100%; position: absolute; left: -3.125rem; top: 0; background: #122f7b;}
.job_name{ font-size: 2rem; color: #222;}
.job_name span{ display: block; font-size: 1.125rem; font-family: 'Arial'; text-transform: uppercase; margin-bottom: .625rem;}
.job_name span em{ color: #122f7b; font-style: normal;}
.job_close{ width: 6.875rem; height: 3.125rem; display: flex; justify-content: center; cursor: pointer; align-items: center; color: #fff; font-size: 1.125rem; background: #122f7b; border-radius: 1.5625rem;}
.job_close i{ margin-left: .5rem;}
.job_li .ty_content{ height: 4.75rem; overflow: hidden;}
.job_li.cur{ background: #122f7b;}
.job_li.cur .job_close{ background: #fff; color: #122f7b;}
.job_li.cur .ty_content{ height: auto; color: #fff;}
.job_li.cur .job_name{ color: #fff;}
.job_li.cur .job_name span em{ color: #fff;}
.job_li.cur .job_head:after{ background: #fff;}

.shenqing{ margin-top: 3.75rem;}
.shenqing a{ width: 10rem; height: 3.125rem; background: #fff; color: #122f7b; display: flex; align-items: center; justify-content: center; border-radius: 1.5625rem;}
.shenqing a i{ margin-left: .5rem;}

.lx_map{ position: relative; margin: 4.375rem 0;}
.lx_box{ background: url(../images/xian2.png) center bottom no-repeat rgba(18,47,123,0.85); background-size: contain; color: #fff; width: 27.5rem; padding: 0 1.875rem; padding-top: 10%; position: absolute; top: 0; z-index: 980; height: 100%;}
.lx_logo{ padding-bottom: 1.25rem; border-bottom: 1px solid rgba(255,255,255,.3); margin-bottom: 1.875rem;}
.lx_logo strong{ display: block; font-size: 1.75rem; margin-top: .5rem;}
.lx_box ul li{ margin-top: 1rem; font-size: 1.125rem;}
.lx_box ul li i{ font-size: 1.5rem; margin-right: 1rem;}

.lx_li{ display: flex; justify-content: space-between; padding: 5rem 6.25rem; background: url(../images/xian.jpg) center bottom no-repeat #f0f0fc; background-size: 76% auto; margin-bottom: 1.875rem; border-radius: .625rem;}
.lx_left{ width: 50%;}
.lx_left h4{ font-size: 1.25rem; padding-bottom: 1.25rem; border-bottom: 1px solid #dedede; margin-bottom: 1.25rem; position: relative;}
.lx_left h4:after{ content: ''; width: 18%; height: 1px; background: #122f7b; position: absolute; left: 0; bottom: -1px;}
.lx_left p i{ font-size: 1.5rem; color: #122f7b; display: inline-block; margin-right: 1rem;}
.lx_left p{ font-size: 1.125rem; color: #474747; line-height: 1.6; margin-top: 1rem; display: flex; align-items: center;}
.lx_right{ display: flex; width: 28%; font-size: 1rem; justify-content: space-between; text-align: center;}
.lx_right span img{ display: block; margin-bottom: .5rem;}
/* .lx_li:nth-child(2n){ background: none;} */

.lx_message{ background: url(../images/lx.jpg) center no-repeat; background-size: cover; padding: 4.375rem; color: #666; margin-top: 2.5rem; font-size: 1.125rem;}
.lx_message .flex{ flex-wrap: wrap; justify-content: space-between; align-items: center; margin-top: 3.125rem;}
.lx_message input{ width: 32%; background: #fff; height: 3.75rem; border: none; padding: 0 1.25rem; outline: none; border-radius: 4px;}
.lx_message textarea{ border: none; background: #fff; outline: none; width: 100%; margin: 1.875rem 0; padding: 1rem 1.25rem; border-radius: 4px;}
.lx_message button{ white-space: nowrap; height: 3.75rem; padding: 0 2.5rem; background: #122f7b; color: #fff; border: none; border-radius: 4px;}





.footer{ padding-top: 5rem; background: #122f7b;}
.footer .container{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.foot_right{ width: 12rem; color: #fff;}
.foot_right h4{ margin-bottom: 1.25rem; line-height: 1.6;}
.foot_right h4 span{ display: block;}

.foot_left{ width: calc(100% - 15rem);}
.foot_left ul{ display: flex; justify-content: space-between;}
.foot_left ul li:first-child{
  width: 40%;
  color: #fff;
}
.foot_left ul li{width: 14%;}
.foot_left ul li h3{ margin-bottom: 1.25rem;}
.foot_left ul li h3 a{ color: #fff; text-transform: capitalize;}
.foot_left ul li h5{ margin-bottom: 1rem;}
.foot_left ul li h5 a{ color: rgba(255,255,255,1); transition: all 0.3s ease; text-transform: capitalize;}
.foot_left ul li h5 a:hover{ color: #fff;}

.foot_di{ width: 100%; margin-top: 3.75rem; font-size: 1rem; background: #021f6b; color: #fff; padding: .8rem 0;}
.foot_di a{ color: rgba(255,255,255,1); }
.foot_di .flex{ justify-content: space-between;}





#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%; height: 23rem;}
#videModal .modal_bai .modal-body iframe{width: 100%; height: 23rem;}




/* 通用css */
.fanye{ display: flex; justify-content: center; align-items: center; margin-top: 1.875rem;}
.fanye a{ width: 2.5rem; height: 2.5rem; background: #eeeeee; text-align: center; line-height: 2.5rem; color: #666; text-decoration:none; font-size: .875rem; border-radius: 2px; margin: 0 .4rem;}
.fanye a i{ font-size: 1rem;}
.fanye a:hover{ color:#122f7b;}
.fanye a.active{ color:#fff; background: #122f7b;}
.fanye a.active:hover{ color:#fff;}
.fanye a.cur{ opacity: 0.75; pointer-events: none}
.fanye a.disabled{ pointer-events: none;}
.fanye a:first-child, .fanye a:last-child{ width: auto; padding: 0 1rem;}
.fanye a.dian{ background: none; pointer-events: none; margin: 0;}

.fanye.hei a{ color:rgba(0,0,0,.5);}
.fanye.hei a:hover{ color:#111;}
.fanye.hei a.active{ color:#111;}
.fanye.hei a.active:hover{ color:#111;}
.fanye.hei a.cur{ color:rgba(0,0,0,.3);}

.back_a{ display: flex; justify-content: center; margin-top: 3.75rem;}
.back_a a{ width: 9.6875rem; height: 3.25rem; display: flex; align-items: center; justify-content: center; border: 1px solid #dedede; border-radius: 1.625rem; font-size: 1rem; color: #666; transition: all 0.3s ease;}
.back_a a i{ margin-right: .5rem; font-size: 1.5rem;}
.back_a a:hover{ color: #122f7b; border-color: #122f7b;}

.fanye02{ margin-top: 3.75rem; border-top: 1px dashed #ccc; padding-top: 2.5rem; display: flex; justify-content: space-between;}
.fanye02 a{ display: flex; align-items: center; font-size: 1rem; width: 48%; color: #666; transition: all 0.3s;}
.fanye02 a span{ max-width: calc(100% - 1.875rem); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.fanye02 a:hover{ color: #122f7b;}
.fanye02 a:last-child{ justify-content: flex-end;}

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

.ty_content table{ text-align: center; width: 100% !important; max-width: 100% !important; border-top: 1px solid #dedede; border-left: 1px solid #dedede;}
.ty_content table tr td{ padding: 0.4rem 0.8rem; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; vertical-align: middle;}
.ty_content table tr:first-child td{ font-weight: bold; background: #366092; color: #fff;}


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


.s_more a:hover div{
  animation: b12_3d_glitch 0.3s linear;
  -webkit-animation: b12_3d_glitch 0.3s linear;
  -moz-animation: b12_3d_glitch 0.3s linear;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAF0lEQVQIW2NkwAIYgWKS6OIgQQxAoUoAE4AAUnD/0ugAAAAASUVORK5CYII=) repeat;
}


@-webkit-keyframes b12_3d_glitch {
  from {
      transform: skewX(0deg);
      -webkit-transform: skewX(0deg);
      -moz-transform: skewX(0deg);
      color: #000000;
  }
  25.00% {
      transform: skewX(80deg);
      -webkit-transform: skewX(80deg);
      -moz-transform: skewX(80deg);
      color: #000000;
  }
  75.00% {
      transform: skewX(-20deg);
      -webkit-transform: skewX(-20deg);
      -moz-transform: skewX(-20deg);
      color: #ffffff;
  }
  90.00% {
      transform: skewX(0deg);
      -webkit-transform: skewX(0deg);
      -moz-transform: skewX(0deg);
      color: #ffffff;
  }
  to {
      transform: skewX(0deg);
      -webkit-transform: skewX(0deg);
      -moz-transform: skewX(0deg);
      color: #ffffff;
  }
}


@-moz-keyframes b12_3d_glitch {
  from {
      transform: skewX(0deg);
      -webkit-transform: skewX(0deg);
      -moz-transform: skewX(0deg);
      color: #000000;
  }
  25.00% {
      transform: skewX(80deg);
      -webkit-transform: skewX(80deg);
      -moz-transform: skewX(80deg);
      color: #000000;
  }
  75.00% {
      transform: skewX(-20deg);
      -webkit-transform: skewX(-20deg);
      -moz-transform: skewX(-20deg);
      color: #ffffff;
  }
  90.00% {
      transform: skewX(0deg);
      -webkit-transform: skewX(0deg);
      -moz-transform: skewX(0deg);
      color: #ffffff;
  }
  to {
      transform: skewX(0deg);
      -webkit-transform: skewX(0deg);
      -moz-transform: skewX(0deg);
      color: #ffffff;
  }
}



@media (max-width:767px){
  .flex{ flex-wrap: wrap;}
  .L-ani{ opacity: 1 !important; pointer-events: auto !important; transform: translateX(0) translateY(0) !important;}

  .header .menu-link i, .header .menu-link span:before, .header .menu-link span:after{ background: #122f7b;}
  .menu-link{ display: block; position: absolute; right: 15px; top: 55%; transform: translateY(-50%); transition: all 0.3s ease;}
  .header{ background: #fff;}
  .header, .logo{ height: 4.5rem;}
  .logo a img{ height: 3rem;}
  .header .container{ height: 100%; padding: 0 15px;}
  .head_more{ margin-right: 3.75rem;}
  .head_lang a{ height: 2.125rem; width: 2.125rem; font-size: 1.125rem;}
  
  .pc_nav{ position: absolute; width: 100%; height: auto; top: 100%; left: 0; display: none;  background: rgba(0,0,0,0.75); padding: 1.25rem 0;}
  .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: 1rem 0; text-align: center;}
  .pc_nav ul li>a{ line-height: 2.5rem; font-size: 1.25rem; font-weight: bold; display: inline-block; color: #fff;}
  .pc_nav ul li .erji{ display: none;}
  .s_banner{ margin-top: 4.5rem;}
  .s_banner img{ max-width: 90%; height: auto;}
  .s_banner .swiper .swiper-slide strong{ font-size: 2.5rem;}
  .s_banner .swiper .swiper-slide div{ height: 40vh;}
  .s_banner ul{ position: static; display: none;}
  .s_banner ul li{ width: 50%;}
  .s_banner ul li span, .s_banner ul li{ font-size: 1.125rem;}
  .s_banner ul li strong{ font-size: 1.5rem;}
  .s_biao{ margin-bottom: 1.125rem;}
  .s_biao span{ font-size: 1.25rem; white-space: nowrap;}
  .s_biao strong{ font-size: 1.5rem;}
  .section2{ background: #fff !important;}
  .sab_right{ width: 100%;}
  .sab_right .s_biao{ text-align: left !important;}
  .sab_right p{ font-size: 1.125rem; margin-bottom: 1.5rem;}
  .ty_more a, .ty_more span{ padding: .3rem 1.125rem; font-size: .875rem;}
  .sab_right ul{ margin-top: 2rem;}
  .sab_right ul li a i{ font-size: 1.875rem;}
  .sab_right ul li a{ font-size: 1.25rem;}
  .s_about{ padding: 3rem 0; padding-bottom: 5rem;}
  .stop{ margin-top: 0;}
  .s_product{padding: 3rem 0;}
  h2{ font-size: 1.5rem;}
  h3{ font-size: 1.25rem;}
  h4{ font-size: 1.125rem;}
  .h6_more span{ font-size: 1rem;}
  .new_left ol li a{ font-size: 1.125rem;}
  .new_left ol li{ margin-right: 0;}
  .s_news{ padding: 3rem 0;}
  .new_left{ display: none;}
  .new_right{ width: 100%;}
  .new_time{ font-size: 1.25rem;}
  .new_text p{ font-size: 1rem;}
  .s_honor{ padding: 3rem 0;}
  .footer{ padding-top: 0;}
  .footer>.container{ display: none;}
  .foot_di{ margin-top: 0; font-size: 1rem;}
  .n_banner{ margin-top: 4.5rem;}
  .ny_nav ul{ justify-content: flex-start;}
  .ny_nav ul li a{ height: 3.25rem; padding: 0 .5rem;}
  .nab_left{ width: 100%;}
  .nab_right{ display: none;}
  .nab_left .ty_content{ margin-top: 2rem;}
  .n_about ul{ position: static; flex-wrap: wrap; padding: 1rem;}
  .n_about ul li{ width: 50%; margin-bottom: 1rem;}
  .n_about ul li span, .n_about ul li{ font-size: 1.125rem;}
  .n_about ul li strong{ font-size: 1.5rem;}
  .n_biao strong{ font-size: 1.5rem;}
  .n_biao span{ font-size: 1.5rem;}
  .n_honor ul{ margin-bottom: 0;}
  .n_honor ul li{ width: 50%; margin-bottom: 2rem;}
  .n_honor ul li span{ font-size: 1.25rem;}
  .lc_text{ width: 100%;}
  .n_development .mySwiper2 .swiper-slide:before{ display: none; left: .4375rem;}
  .n_development .mySwiper2 .swiper-slide:after{ display: none; left: 0; transform: translateY(-50%);}
  .n_development .mySwiper2{ padding-right: 2rem;}
  .n_development .mySwiper, .n_development .mySwiper2{ height: 20rem;}
  .ny_nav ul{ flex-wrap: wrap;}
  .ny_nav.ncp ul li{ width: auto;}
  .ncp_li{ flex-wrap: wrap; margin-bottom: 2rem;}
  .ncp_img, .ncp_text{ width: 100%;}
  .ncp_text{ padding: 1rem;}
  .n_news, .n_zizhi, .n_case, .nzl_3{ padding: 3rem 0;}
  .news_li .new_img{ width: 100%;}
  .news_li .new_text{ width: 100%; margin-top: 1rem;}
  .fanye a{ margin: 0 1px;}
  .news_content{ padding: 5% 1.5rem;}
  .case_li, .zz_li{ width: 48%; margin-bottom: 2rem;}
  .case_li:not(:nth-child(3n)), .zz_li:not(:nth-child(3n)){ margin-right: 0;}
  .case_li:not(:nth-child(2n)), .zz_li:not(:nth-child(2n)){ margin-right: 4%;}
  .zz_li a{ padding: 1rem;}
  .job_name{ font-size: 1.25rem;}
  .job_li{ padding: 1.5rem;}
  .job_head:after{ left: -1.5rem;}
  .job_close{ width: 6rem; height: 2.25rem;}
  .n_shouhou ul li{ width: 50%;}
  .sh_box{ padding: 2rem;}
  .n_shouhou ul li i{ width: 6rem; height: 6rem; font-size: 2rem;}
  .n_shouhou{ height: auto;}
  .video_left{ width: 8rem;}
  .video_right{ width: calc(100% - 8rem);}
  .video_biao strong{ font-size: 2rem;}
  .video_biao span{ font-size: 1.25rem; margin-left: 2.375rem;}
  .ico_prev, .ico_next{ width: 3rem; height: 3rem;}
  .n_video .swiper1 .swiper-slide{ width: 100%;}
  .video_next{ left: 4rem;}
  .zh_text{ padding: 1rem;}
  .case_list .case_li{ width: 100%;}
  .case_list .case_li:not(:nth-child(3n)){ margin-right: 0;}
  .nzl_left{ width: 100%; padding-right: 0;}
  .nzl_left ul li{ margin-top: 1.5rem;}
  .nzl_right{ display: none;}
  .nzl2_box{ padding: 2rem;}
  .nzl_2{ height: 28rem;}
  .lx_box{ position: static; height: auto; padding: 3rem 2rem; width: 100%;}
  .my-map{ height: 26rem;}
  .lx_map{ margin: 3rem 0;}
  .lx_li{ padding: 2rem; flex-wrap: wrap;}
  .lx_left, .lx_right{ width: 100%;}
  .lx_message{ padding: 3rem 0;}
  .ncp_content .ty_content{ padding: 15px;}

  .n_about, .n_development,
  .n_honor{ padding: 4rem 0;}
  #videModal .modal_bai{ width: calc(100% - 30px);}
  #videModal .modal_bai .modal-body iframe{ min-height: 260px;}
  .ico_prev, .ico_next{ display: none;}

}

@media (min-width:768px) and (max-width:991px) {
 
  .flex{ flex-wrap: wrap;}
  .L-ani{ opacity: 1 !important; pointer-events: auto !important; transform: translateX(0) translateY(0) !important;}

  .header .menu-link i, .header .menu-link span:before, .header .menu-link span:after{ background: #122f7b;}
  .menu-link{ display: block; position: absolute; right: 15px; top: 55%; transform: translateY(-50%); transition: all 0.3s ease;}
  .header{ background: #fff;}
  .header, .logo{ height: 4.5rem;}
  .logo a img{ height: 3rem;}
  .header .container{ height: 100%; padding: 0 15px;}
  .head_more{ margin-right: 3.75rem;}
  .head_lang a{ height: 2.125rem; width: 2.125rem; font-size: 1.125rem;}
  
  .pc_nav{ position: absolute; width: 100%; height: auto; top: 100%; left: 0; display: none;  background: rgba(0,0,0,0.75); padding: 1.25rem 0;}
  .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: 1rem 0; text-align: center;}
  .pc_nav ul li>a{ line-height: 2.5rem; font-size: 1.25rem; font-weight: bold; display: inline-block; color: #fff;}
  .pc_nav ul li .erji{ display: none;}
  .s_banner{ margin-top: 4.5rem;}
  .s_banner img{ max-width: 90%; height: auto;}
  .s_banner .swiper .swiper-slide strong{ font-size: 2.5rem;}
  .s_banner .swiper .swiper-slide div{ height: 40vh;}
  .s_banner ul{ position: static; display: none;}
  .s_banner ul li{ width: 50%;}
  .s_banner ul li span, .s_banner ul li{ font-size: 1.125rem;}
  .s_banner ul li strong{ font-size: 1.5rem;}
  .s_biao{ margin-bottom: 1.125rem;}
  .s_biao span{ font-size: 1.25rem; white-space: nowrap;}
  .s_biao strong{ font-size: 1.5rem;}
  .section2{ background: #fff !important;}
  .sab_right{ width: 100%;}
  .sab_right .s_biao{ text-align: left !important;}
  .sab_right p{ font-size: 1.125rem; margin-bottom: 1.5rem;}
  .ty_more a, .ty_more span{ padding: .3rem 1.125rem; font-size: .875rem;}
  .sab_right ul{ margin-top: 2rem;}
  .sab_right ul li a i{ font-size: 1.875rem;}
  .sab_right ul li a{ font-size: 1.25rem;}
  .s_about{ padding: 3rem 0; padding-bottom: 5rem;}
  .stop{ margin-top: 0;}
  .s_product{padding: 3rem 0;}
  h2{ font-size: 1.5rem;}
  h3{ font-size: 1.25rem;}
  h4{ font-size: 1.125rem;}
  .h6_more span{ font-size: 1rem;}
  .new_left ol li a{ font-size: 1.125rem;}
  .new_left ol li{ margin-right: 0;}
  .s_news{ padding: 3rem 0;}
  .new_left{ display: none;}
  .new_right{ width: 100%;}
  .new_time{ font-size: 1.25rem;}
  .new_text p{ font-size: 1rem;}
  .s_honor{ padding: 3rem 0;}
  .footer{ padding-top: 0;}
  .footer>.container{ display: none;}
  .foot_di{ margin-top: 0; font-size: 1rem;}
  .n_banner{ margin-top: 4.5rem;}
  .ny_nav ul{ justify-content: flex-start;}
  .ny_nav ul li a{ height: 3.25rem; padding: 0 .5rem;}
  .nab_left{ width: 100%;}
  .nab_right{ display: none;}
  .nab_left .ty_content{ margin-top: 2rem;}
  .n_about ul{ position: static; flex-wrap: wrap; padding: 1rem;}
  .n_about ul li{ width: 50%; margin-bottom: 1rem;}
  .n_about ul li span, .n_about ul li{ font-size: 1.125rem;}
  .n_about ul li strong{ font-size: 1.5rem;}
  .n_biao strong{ font-size: 1.5rem;}
  .n_biao span{ font-size: 1.5rem;}
  .n_honor ul{ margin-bottom: 0;}
  .n_honor ul li{ width: 50%; margin-bottom: 2rem;}
  .n_honor ul li span{ font-size: 1.25rem;}
  .lc_text{ width: 100%;}
  .n_development .mySwiper2 .swiper-slide:before{ display: none; left: .4375rem;}
  .n_development .mySwiper2 .swiper-slide:after{ display: none; left: 0; transform: translateY(-50%);}
  .n_development .mySwiper2{ padding-right: 2rem;}
  .n_development .mySwiper, .n_development .mySwiper2{ height: 20rem;}
  .ny_nav ul{ flex-wrap: wrap;}
  .ny_nav.ncp ul li{ width: auto;}
  .ncp_li{ flex-wrap: wrap; margin-bottom: 2rem;}
  .ncp_img, .ncp_text{ width: 100%;}
  .ncp_text{ padding: 1rem;}
  .n_news, .n_zizhi, .n_case, .nzl_3{ padding: 3rem 0;}
  .news_li .new_img{ width: 100%;}
  .news_li .new_text{ width: 100%; margin-top: 1rem;}
  .fanye a{ margin: 0 1px;}
  .news_content{ padding: 5% 1.5rem;}
  .case_li, .zz_li{ width: 48%; margin-bottom: 2rem;}
  .case_li:not(:nth-child(3n)), .zz_li:not(:nth-child(3n)){ margin-right: 0;}
  .case_li:not(:nth-child(2n)), .zz_li:not(:nth-child(2n)){ margin-right: 4%;}
  .zz_li a{ padding: 1rem;}
  .job_name{ font-size: 1.25rem;}
  .job_li{ padding: 1.5rem;}
  .job_head:after{ left: -1.5rem;}
  .job_close{ width: 6rem; height: 2.25rem;}
  .n_shouhou ul li{ width: 50%;}
  .sh_box{ padding: 2rem;}
  .n_shouhou ul li i{ width: 6rem; height: 6rem; font-size: 2rem;}
  .n_shouhou{ height: auto;}
  .video_left{ width: 8rem;}
  .video_right{ width: calc(100% - 8rem);}
  .video_biao strong{ font-size: 2rem;}
  .video_biao span{ font-size: 1.25rem; margin-left: 2.375rem;}
  .ico_prev, .ico_next{ width: 3rem; height: 3rem;}
  .n_video .swiper1 .swiper-slide{ width: 100%;}
  .video_next{ left: 4rem;}
  .zh_text{ padding: 1rem;}
  /* .case_list .case_li{ width: 100%;}
  .case_list .case_li:not(:nth-child(3n)){ margin-right: 0;} */
  .nzl_left{ width: 100%; padding-right: 0;}
  .nzl_left ul li{ margin-top: 1.5rem;}
  .nzl_right{ display: none;}
  .nzl2_box{ padding: 2rem;}
  .nzl_2{ height: 28rem;}
  .lx_box{ position: static; height: auto; padding: 3rem 2rem; width: 100%;}
  .my-map{ height: 26rem;}
  .lx_map{ margin: 3rem 0;}
  .lx_li{ padding: 2rem; flex-wrap: wrap;}
  .lx_left, .lx_right{ width: 100%;}
  .lx_message{ padding: 3rem 0;}

  .n_about, .n_development,
  .n_honor{ padding: 4rem 0;}
  #videModal .modal_bai{ width: calc(100% - 30px);}
  #videModal .modal_bai .modal-body iframe{ min-height: 260px;}

  .ico_prev, .ico_next{ display: none;}

}

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

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

}

@media (min-width:1201px){
  
  .container{ max-width: calc(100% - 30.625rem); padding: 0 15px;}
  .video_left{ margin-left: 16.25rem;}
  .video_right{width: calc(100% - 12.5rem - 16.25rem);}
  .lx_box{ left: 16.25rem;}
}
@media (min-width:1921px){
  .container{ max-width: calc(1920px - 30.625rem); padding: 0 15px;}
}