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

.relative{ position: relative;}

@font-face {
	font-family: 'AKZIDENZGROTESK-EXTRABOLDALT';
	src: url('../fonts/AKZIDENZGROTESK-EXTRABOLDALT.OTF');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'CGFUTURAMAXIBD';
	src: url('../fonts/CGFUTURAMAXIBD.TTF');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MONTSERRAT-REGULAR';
	src: url('../fonts/MONTSERRAT-REGULAR.TTF');
	font-weight: normal;
	font-style: normal;
}
.section{ background: #fff;}

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

.pc_xiala.cur{ background: rgba(255,255,255,0.95);}
.pc_xiala{ width: 100%; height: 0; transition: all 0.5s ease-out; position: fixed; z-index: 989; top: 0; left: 0; background: rgba(0,0,0,0.5); pointer-events: none;}


.header{ position: fixed; top: 0; left: 0; width: 100%; height: 6.25rem; z-index: 990; transition: all 0.5s ease-out;}
.header:after{ content: ''; width: 100%; height: 1px; background: rgba(255,255,255,0.2); position: absolute; left: 0; bottom: 0; pointer-events: none;}
.header .container{ display: flex; position: relative; justify-content: flex-end; align-items: center;}
.logo{ height: 6.25rem; position: absolute; left: 15px; top: 0;}
.logo a{ display: inline-block; height: 100%; display: flex; align-items: center;}
.logo a img{ display: block; height: 3.25rem;}
.logo a img:last-child{ display: none;}


.pc_nav>ul{ display: flex; align-items: center;}
.pc_nav>ul>li{ position: relative; margin-right: 1.25rem;}
.pc_nav>ul>li:after{ content: ''; width: 0; height: 2px; background: #bc0206; 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.125rem; letter-spacing: 1px; color: #fff; white-space: nowrap; 
  line-height: 6.25rem;
  padding: 0 1.25rem; display: block;}
.pc_nav>ul>li.active:after{ width: 100%;}

.pc_nav>ul>li:hover .erji{ opacity: 1; pointer-events: auto; transition-delay: 0.3s;}
/* .pc_nav>ul>li:hover .erji .container{ opacity: 1; transition-delay: 0.3s;} */
/* .pc_nav>ul>li:hover .erji:after{ height: 100%;}
.erji:after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; height: 0; transition: all 0.5s ease-out; background: rgba(0,0,0,0.5); z-index: -1;} */
.erji{ position: fixed; top: 0; left: 0; right: 0; width: 100%; padding: 30px 0; opacity: 0; pointer-events: none; padding-top: 130px; transition: all 0.3s ease-out; z-index: -1; display: flex; justify-content: space-between;}
.erji .container{ justify-content: space-between;}
.ej_img{ width: 28%;}
.ej_img a{ display: block; border-radius: .5rem; border-bottom-right-radius: 0; border-top-right-radius: 1.875rem; padding-top: 45.8%;}
.erji ul{ width: 65%; display: flex; flex-wrap: wrap;}
.erji ul li{ width: 21.25%; margin: 3% 0; margin-right: 5%;}
.erji ul li:nth-child(4n){ margin-right: 0;}
.erji ul li a{ display: block; border-bottom: 1px solid #dedede; font-size: 1rem; color: #fff; position: relative; padding-right: 1rem;}
.erji ul li a i{ display: inline-block; font-size: 1.5rem; vertical-align: middle; margin-right: 0.625rem;}
.erji ul li a span{ transition: all 0.5s;}
.erji ul li a em{ position: absolute; right: 0; top: 3px; font-size: 1.125rem; transition: all 0.3s ease-out;}
/* .erji ul li a:hover i{ animation: bounce1 1s ease-out;} */
.erji ul li a:hover em{ transform: translateX(-50%);}

.head_more{ display: flex; align-items: center; color: #fff;}

.head_lang{ margin-right: 1.25rem;}
.head_lang a{ display: inline-block; color: #fff; margin-right: .5rem; font-size: 1.125rem; position: relative; transition: all 0.3s ease-out; 
  /* transition-property: transform; */
}
.head_lang a:hover{ transform: scale(0.9);}
.head_lang a:last-child{ margin-left: .5rem; margin-right: 0;}

.head_search i{ font-size: 1.5rem; color: #fff;}
.search_box.active{ opacity: 1; pointer-events: auto; transform: translateY(0);}
.search_box{ width: 28.75rem; opacity: 0; pointer-events: none; position: absolute; top: 100%; right: 0; z-index: 2; transition: all 0.5s; transform: translateY(1.5rem); display: flex;}
.search_box input{ width: calc(100% - 8.75rem); height: 3.5rem; background: rgba(0,0,0,0.35); border-radius: 0; border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; padding: 0 1.875rem; font-size: 1.125rem; color: #fff; padding-left: 4.375rem; outline: none; box-shadow: none; border: none;}
.search_box input::placeholder{ color: rgba(255,255,255,0.5); text-transform: uppercase;}
.search_box i{ position: absolute; left: 1.875rem; top: 50%; transform: translateY(-50%); color: #fff; opacity: 0.7; font-size: 1.5rem;}
.search_box button{ width: 8.75rem; font-size: 1.125rem; background: #3c59a7; border: none; border-top-right-radius: 0.375rem; border-bottom-right-radius: 0 !important; color: #fff; font-family: 'MONTSERRAT-BOLD'; outline: none;}



.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 .swiper .swiper-slide{ position: relative; height: 100vh;}
.s_banner ul{ z-index: 2; position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.5); color: #fff; padding: 1.25rem 0;}
.s_banner ul .container{ display: flex; justify-content: space-between;}
.s_banner ul li{ width: 24%;}
.s_banner ul li a{ display: flex; align-items: center; color: #fff;}
.s_banner ul li i{ font-size: 3.75rem; color: #3fa0f7; margin-right: .5rem;}
.s_banner ul li span strong{ font-size: 2rem; display: block;}
.s_banner ul li span em{ font-style: normal;}

.s_about{ overflow: hidden;}
.s_about .container{ display: flex; justify-content: space-between; align-items: center;}
.sab_left{ width: 55%;}
.sab_left p{ line-height: 2.6; color: #333;}
.sab_left ul{ display: flex; margin-top: 5rem;}
.sab_left ul li{ width: 20%;}
.sab_left ul li a{ display: block; border-bottom: 1px solid #dedede; padding-bottom: .5rem; position: relative; text-align: center; color: #333; transition: all 0.3s ease;}
.sab_left ul li a:after{ content: ''; width: .375rem; height: .375rem; border-radius: 50%; background: #005bac; position: absolute; left: 0; bottom: 0; transform: translateX(-50%) translateY(50%);}
.sab_left ul li a:before{ content: ''; width: .375rem; height: .375rem; border-radius: 50%; background: #005bac; position: absolute; right: 0; bottom: 0; transform: translateX(50%) translateY(50%);}
.sab_left ul li a i{ display: block; font-size: 1.875rem;}
.sab_left ul li:hover a{ color: #005bac; border-color: #005bac;}
.sab_right{ width: 36%;}
.sab_right img{ height: 58.75rem;}

.s_more{ margin-top: 1.25rem;}
.s_more a{ border: 1px solid #dedede; width: 10.5rem; height: 2.75rem; display: flex; align-items: center; justify-content: center; color: #333; transition: all 0.3s ease;}
.s_more a:hover{ background: #005bac;}

.s_biao{ color: #222; margin-bottom: 2.5rem;}
.s_biao span{ font-size: 2.875rem; font-weight: bold; display: block; letter-spacing: 2px;}
.s_biao strong{ display: block; font-size: 4rem; color: #005bac; font-family: 'AKZIDENZGROTESK-EXTRABOLDALT'; text-transform: uppercase; line-height: 1;}
.s_biao.text-left strong{ left: 0; transform: translateX(0);}

.xian_biao{ display: flex; align-items: center; margin-bottom: 3.75rem;}
.xian_biao:before{ content: ''; width: 50%; height: 1px; background: #dedede; margin-right: 1rem;}
.xian_biao span{ font-size: 1.5rem; color: #005bac;}


.yd_in{ text-align: center; font-size: 1.875rem; font-weight: bold; color: #fff; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; z-index: 2; margin: 0 auto; cursor: pointer;}
.zh_in{ position: relative; margin-bottom: 1rem;}
.zh_in i{ position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); font-size: 3.125rem; box-shadow: 0 0 2px rgba(0,0,0,0.2); z-index: 2; line-height: 1;}
.zh_in span{ display: block; width: 8.375rem; height: 8.375rem; margin: 0 auto; -webkit-animation: zh_in 3s linear infinite;
  animation: zh_in 3s linear infinite;}
.zh_in span img{ display: block; width: 100%;}
.zh_in span:after{ content: ''; width: 8px; height: 8px; border-radius: 50%; border: 2px solid #fff; position: absolute; right: -2px; top: 50%;}
@-webkit-keyframes zh_in {
  0%{ transform: rotate(0);}
  100% { transform: rotate(360deg);}
}
@keyframes zh_in {
  0%{ transform: rotate(0);}
  100% { transform: rotate(360deg);}
}

.s_product{ height: 100vh; position: relative; z-index: 2;}
.s_product ul{ display: flex; height: 100%;}
.s_product ul li{ width: 25%; height: 100%; display: flex; align-items: center; border-right: 1px solid rgba(255,255,255,0.3); position: relative; z-index: 4;}
.s_product ul li img{ position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); max-height: 80%; max-width: 200%; z-index: -2; opacity: 0; pointer-events: none; transition: all 0.3s ease;}
.s_product ul li:first-child img{ left: 0; transform: translateY(-50%);}
.s_product ul li:nth-child(3) img{ bottom: 0; top: auto; transform: translateX(-50%);}
.s_product ul li:after{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background-image: linear-gradient(to bottom, rgba(0,91,172,0.7), rgba(0,91,172,0)); opacity: 0; transition: all 0.3s ease;}
.s_product ul li.active{ z-index: 3;}
.s_product ul li.active img{ opacity: 1;}
.s_product ul li.active:after{ opacity: 1;}
.scp_text{ padding: 0 12%; color: #fff; text-align: center;}
.scp_text i{ font-size: 3.75rem; display: block; margin: 0 auto;}
.scp_text strong{ font-size: 2.375rem; display: block;}
.scp_text p{ font-size: 1rem; margin-top: 1.25rem; margin-bottom: 3.125rem; line-height: 2;}
.scp_text h5 a{ width: 9.125rem; height: 2.5rem; color: #fff; font-size: 1rem; border: 1px solid #fff; border-radius: 1.25rem; display: block; margin: 0 auto; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease;}
.scp_text h5 a:hover{ background: rgba(255,255,255,0.3);}

.s_case{ position: relative;}
.s_case .swiper1 .swiper-slide{ width: 50%;}
.s_case .swiper1 .swiper-slide a{ padding-top: 54%; display: block; position: relative; background-size: cover; background-position: center;}
.s_case .swiper1 a span{ position: absolute; left: 0; top: 0; height: 100%; padding: 1.875rem; background: rgba(0,91,172,0.7); color: #fff; display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; z-index: 2; writing-mode:tb-rl; letter-spacing: .25rem;}
.s_case .swiper1 a span:after{ width: 1px; height: 30%; background: rgba(255,255,255,0.5); content: ''; margin-top: 1rem;}
.case_fan{ width: 50%; position: absolute; bottom: -3.75rem; right: 0; z-index: 2; background: rgba(255,255,255,0.9); padding: 3.125rem; padding-right: 10.625rem;}
.case_text h3{ font-size: 1.5rem; margin-bottom: 1.25rem; color: #005bac;}
.case_text p{ color: #333; line-height: 2;}
.case_text h5{ margin-top: 1.25rem;}
.case_text h5 a{ color: #666; font-size: 1rem; display: flex; align-items: center;}
.case_text h5 a i{ width: 2.25rem; height: 2.25rem; border-radius: 50%; background: #005bac; color: #fff; font-size: 1.5rem; margin-right: .5rem; display: inline-block; line-height: 2.25rem; text-align: center;}
.case_text h5 a span{ text-decoration: underline;}
/* .case_text{ opacity: 0; pointer-events: none; transition: all 0.3s ease;}
.case_fan .swiper1_1 .swiper-slide.swiper-slide-active .case_text{ opacity: 1; pointer-events: auto;} */

.ico_prev, .ico_next{ display: flex; align-items: center; justify-content: center; width: 3.75rem; height: 3.75rem; background: #005bac; color: #fff; cursor: pointer;}
.ico_prev i, .ico_next i{ font-size: 1.5rem;}
.case_fan .case_next{ position: absolute; right: 100%; bottom: 0;}
.case_fan .case_prev{ position: absolute; right: calc(100% + 3.75rem); bottom: 0; background: #5ca5e6;}

.s_news{ margin-top: 6.25rem;}
.s_news .flex{ display: flex;}
.snew_left{ width: 70%; padding-right: 2.875rem;}
.snew_right{ width: 30%;}
.snew_biao{ display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 2.5rem;}
.snew_biao .s_biao{ margin: 0;}
.snew_biao ul{ display: flex;}
.snew_biao ul li{ margin-left: 1rem;}
.snew_biao ul li a{ width: 11.875rem; height: 3.125rem; display: block; align-items: center; display: flex; justify-content: center; color: #fff; border: 1px solid rgba(255,255,255,0.5); border-radius: 1.5625rem; border-bottom-right-radius: 0; transition: all 0.3s ease;}
.snew_biao ul li:hover a{ background: rgba(255,255,255,0.2);}
.snew_biao ul li.active a{ background: #fff; color: #005bac;}
.snew_biao .s_biao span, .snew_biao .s_biao strong{ color: #fff;}
.snew_heng a{ display: flex; align-items: center; color: #fff; background: rgba(255,255,255,0.1);}
.snew_heng .snew_img{ flex: 0 0 50%;}
/* .snew_heng .snew_text{ width: 50%;} */
.snew_jian{ margin-top: 1.875rem;}
.snew_jian .snew_text{ padding: 1.25rem 0; border-top: 1px solid rgba(255,255,255,0.3);}
.snew_img{ overflow: hidden;}
.snew_text{ padding: 0 3%;}
.snew_text h6{ font-size: .9375rem;}
.snew_text h4{ font-size: 1.25rem; margin: .625rem 0; line-height: 1.6; overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;}
.snew_text p{ line-height: 1rem; color: rgba(255,255,255,0.75); line-height: 1.6;display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;}
.snew_text h5{ font-size: .875rem;}
.snew_text h5 i{ margin-right: .5rem; display: inline-block;}

.snew_img i{ display: block; padding-top: 62%; transition: all 0.5s ease-out;}
.snew_shu a, .snew_jian a{ color: #fff;}

.snew_shu .snew_text{ border: 1px solid rgba(255,255,255,0.3); padding: 1.25rem 1.875rem; border-top: none;}
.snew_heng:hover .snew_img i, .snew_shu:hover .snew_img i{ transform: scale(1.05);}



.footer{ padding-top: 5rem; background: #023a6c;}
.foot_logo img{ width: 10.375rem;}
.footer .caption{ position: relative; margin: 1.875rem 0;}
.footer .caption input{ outline: none;}
.footer .caption input:first-child{ width: 100%; height: 4.375rem; color: #fff; border-radius: .625rem; background: rgba(255,255,255,0.28); border: none; box-shadow: none; padding: 0 1.875rem; padding-right: 4.375rem; font-size: 1rem; border-top-right-radius: 2.1875rem;}
.footer .caption input:last-child{ width: 4.375rem; height: 4.375rem; border-radius: 50%; border-bottom-right-radius: 0; background: #bc0206; color: #fff; border: none; box-shadow: none; font-weight: bold; font-size: 1rem; position: absolute; right: 0; top: 0;}
.footer .caption input:first-child::placeholder{ color: rgba(255,255,255,0.6); outline: none;}

.footer .container{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.foot_left{ color: #fff; width: 26%;}
.foot_left p{ line-height: 2.6;}
.foot_left h4{ font-size: 1.125rem;}
.foot_right{ width: 60%;}
.foot_right ul{ display: flex; justify-content: space-between;}
.foot_right ul li h4{ margin-bottom: 2.5rem; margin-top: 1rem;}
.foot_right ul li h4 a{ color: #fff; font-size: 1.125rem;}
.foot_right ul li h5{ margin-bottom: 1rem;}
.foot_right ul li h5 a{ font-size: 1rem; color: rgba(255,255,255,0.58); transition: all 0.3s ease;}
.foot_right ul li h5 a:hover{ color: #fff;}

.foot_di{ width: 100%; margin-top: 2.5rem; font-size: .875rem; color: rgba(255,255,255,0.25); padding: 1.875rem 0; border-top: 1px solid rgba(255,255,255,0.2);}
.foot_di a{ color: rgba(255,255,255,0.25); }


.n_banner{ height: 100vh; position: relative;}
.ny_nav{ position: absolute; bottom: 0; left: 0; width: 100%; z-index: 2;}
.ny_nav ul{ padding: 2.1875rem 0; background: rgba(0,0,0,0.5); border-top-left-radius: 1rem; border-top-right-radius: 1rem; display: flex; justify-content: space-around;}
.ny_nav ul.service li{ width: 12.5%;}
.ny_nav ul.youshi li{ width: 20%;}
.ny_nav ul.new li{ width: 33.33%;}
.ny_nav ul.job li{ width: 50%;}
.ny_nav ul li{ width: 16.66%;}
.ny_nav ul li a{ display: block; color: #fff; font-size: 1.125rem; text-align: center;}
.ny_nav ul li a i{ font-size: 2.25rem; display: block; margin-bottom: .3125rem;}
.ny_nav ul li a:hover{ color: #3fa0f7;}
.ny_nav ul li.active a{ color: #3fa0f7;}
.ny_nav ul li a:hover i{ animation: bounce2 1s ease-out;}


.n_biao{ color: #fff; font-size: 2.25rem; padding-bottom: 1rem; border-bottom: 1px solid rgba(255,255,255,0.3); margin-bottom: 3.125rem;}
.n_biao span{font-family: 'MONTSERRAT-REGULAR'; font-size: 3.25rem; line-height: 1; display: block; text-transform: uppercase;}
.n_biao.hei{ color: #111;}


.n_about{ padding-top: 6.25rem; overflow: hidden;}
.n_about .container{ display: flex; align-items: flex-end; justify-content: space-between;}
.nab_left{ width: 68%;}
.nab_right{ color: #fff;}
.n_about .ty_content{ color: #fff;}
.n_about .ty_content p{ line-height: 2.4; margin-top: 1.25rem;}
.nab_right ul li{ margin-top: 2.5rem; display: flex; align-items: center;}
.nab_right ul li span{ text-align: left; margin-right: 1rem; width: 7.5rem;}
.nab_right ul li span strong{ font-family: 'CGFUTURAMAXIBD'; font-size: 4.875rem; color: rgba(255,255,255,0.58); display: block; line-height: 1;}
.nab_right ul li p{ line-height: 2; margin: 0;}

.nab_two{ display: flex; justify-content: space-between; background: url(../images/city.png) left bottom no-repeat; margin-top: 11.25rem;}
.nab2_left{ padding-left: 11.875rem; padding-top: 8%; padding-right: 3.125rem; width: 62%;}
.nab2_right{ width: 38%;}
.nab2_right img{ width: 100%;}



.n_honor{ padding: 5rem 0; position: relative;}
.n_honor:after{ content: ''; width:  100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/lb_sha.png) center no-repeat; background-size: cover; z-index: 3; pointer-events: none;}
.honor_en{ position: absolute; width: 6.125rem; left: 0; bottom: 0; z-index: 5;}
.honor_en img{ width: 100%;}
.n_honor .swiper{ padding: 3.75rem 0; padding-bottom: 10rem; width: 90%; margin: 0 auto; position: relative; z-index: 2;}
.n_honor .swiper .swiper-slide{ perspective: 600px; transform-style: preserve-3d;}
.n_honor .swiper a{ padding-top: 71.46%; display: block; transition: all 0.3s ease; transform-origin: center; position: relative; opacity: 0;}

.n_honor .swiper .swiper-slide.swiper-slide-active a{ opacity: 1;}
.n_honor .swiper .swiper-slide.swiper-slide-prev a{ transform: rotateY(10deg) scale(1.05); transform-origin: center; opacity: 1;}
.n_honor .swiper .swiper-slide.swiper-slide-next a{ transform: rotateY(-10deg) scale(1.05); transform-origin: center; opacity: 1;}

.n_honor .swiper .ico_prev{ right: 51%;}
.n_honor .swiper .ico_next{ left: 51%;}
.n_honor .swiper .ico_prev, .n_honor .swiper .ico_next{ position: absolute; bottom: 0%; color: #fff; width: 3.5rem; height: 3.5rem; border-radius: 50%; cursor: pointer; background: #085fae; z-index: 5;}
.n_honor .swiper .ico_prev i, .n_honor .swiper .ico_next i{ font-size: 1.875rem;}

.n_honor ul{ display: flex; justify-content: center;}
.n_honor ul li{ margin: 0 2rem;}
.n_honor ul li a{ width: 11.25rem; height: 3.125rem; border: 1px dashed #999; color: #111; display: flex; align-items: center; justify-content: center; border-radius: 1.5625rem; cursor: pointer;}
.n_honor ul li.active a{ background: #005bac; color: #fff; border-color: transparent;}
.n_honor ul li.active:hover a{color: #fff;}

/* 发展历程 */
.nab_lc{ padding: 5rem 0; position: relative; padding-bottom: 17.5rem;}
.nab_lc .n_biao{ padding-bottom: 0; border: none; margin: 0;}
.nab_lc .flex{ display: flex; justify-content: space-between; align-items: center;}
.nab_lc .swiper1{ margin-top: 3.75rem;}
.nab_lc .swiper-slide:nth-child(4n-3) a{ margin-top: 6.25rem;}
.nab_lc .swiper-slide:nth-child(4n-2) a{ margin-top: 1.25rem;}
.nab_lc .swiper-slide:nth-child(4n-1) a{ margin-top: 5rem;}
.nab_lc a{ display: block; padding-left: 1.5625rem; padding-bottom: 10%; position: relative;}
.nab_lc a:after{ content: ''; width: 1px; height: 100%; position: absolute; left: 5px; top: 18px; background-image: linear-gradient(to bottom, rgba(255,255,255,1),rgba(255,255,255,1), rgba(255,255,255,0));}
.nab_lc a:before{ content: ''; width: .625rem; height: .625rem; background: #fff; border-radius: 50%; position: absolute; top: 1.125rem; left: .38rem; transform: translateX(-50%); transition: all 0.5s ease-out;}
.nab_lc a:hover:before{ transform: translateX(-50%) rotateY(180deg);}
.nab_lc a strong{ font-size: 2.75rem; color: #fff; display: block; margin-bottom: 1rem; line-height: 2.75rem;}
.nab_lc a p{ font-size: 1.125rem; color: #fff;}

.lc_fan{ display: flex; align-items: center;}
.lc_prev, .lc_next{ margin-left: 1.875rem; width: 2.875rem; height: 2.875rem; border: .25rem solid #fff; color: #fff; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center;}
.lc_prev i, .lc_next i{ font-size: 1.5rem;}





/* 首页服务 */
.n_jiagou{ padding: 5rem 0;}
.n_jiagou .n_biao{ border: none;}
.n_jiagou ul{ text-align: center;}
.n_jiagou ul li{ margin-bottom: 3.125rem;}
.n_jiagou ul li span{ border: 2px dashed #fff; height: 4rem; color: #fff; width: 17.125rem; display: flex; align-items: center; justify-content: center; margin: 0 auto; border-radius: 2rem; font-weight: bold; position: relative;}
.n_jiagou ul li span:after{ content: ''; width: 1px; height: 1.875rem; background: rgba(255,255,255,.3); position: absolute; top: calc(100% + .625rem); left: 50%;}
.n_jiagou ul li:last-child span:after{ display: none;}




.s_service{ width: 30%; margin: 0 auto; margin-top: 7rem; margin-bottom: 5rem; position: relative;}

.s_service ul svg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2;
  animation: svg_fuwu 6s linear infinite;
}
.s_service ul svg circle {
  stroke-width: 1px;
  stroke-dasharray: 8,4;
  stroke: rgba(255,255,255,0.5);}
.s_service ul{ padding-top: 100%; display: block; width: 100%; border-radius: 50%; position: relative;}
.s_service ul li{ position: absolute; width: 1px; height: 1px; z-index: 5;}
.s_service ul li:nth-child(1){ left: 50%; top: 0;}
.s_service ul li:nth-child(2){ left: 100%; top: 50%;}
.s_service ul li:nth-child(3){ left: 50%; top: 100%;}
.s_service ul li:nth-child(4){ left: 0; top: 50%;}

.s_service ul li i{ width: 7.375rem; height: 7.375rem; background: rgba(255,255,255,0.68); color: #3fa0f7; font-size: 1.125rem; border-radius: 50%; display: block; text-align: center; padding-top: 1.5rem; font-weight: bold; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); transition: all 0.3s ease;}
.s_service ul li i:before{ font-size: 2.875rem; width: 100%; text-align: center; display: block; line-height: 1; font-weight: normal;}
.s_service ul li:hover i{ background: #3fa0f7; color: #fff;}
.s_service ul li:hover .njg_text{ opacity: 1;}
.njg_text{ position: absolute; top: 50%; transform: translateY(-50%); left: 4.5rem; width: calc(35vw - 11.875rem - 4.5rem); color: #fff; text-align: left; opacity: 0; transition: all 0.3s ease;}
.njg_text p{ line-height: 2; margin-bottom: 0;}
.s_service ul li:nth-child(n+3) .njg_text{ left: auto; right: 4.5rem;}

.jg_logo{ position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.s_service ul img{ display: block; width: 100%; position:absolute; left: 0; top: 0;  animation: i-strength2 6s linear infinite;}
@keyframes i-strength2 {
  0% {

      transform: rotate(0);
  }
  50% {
      transform: rotate(180deg);
  }
  100% {
      transform: rotate(180deg);
  }
}
@keyframes svg_fuwu {
  0% {

      transform: rotate(0);
  }
  50% {
      transform: rotate(-180deg);
  }
  100% {
      transform: rotate(-180deg);
  }
}

.n_zhici{ min-height: 58.125rem; display: flex; align-items: center;}
.n_biao.noborder{ padding-bottom: 0; border: none;}
/* .n_zhici .container{ padding-right: 32%;} */
.qianming img{ height: 5.3125rem;}
.n_zhici .ty_content{ color: #fff;}

.new_list{ display: flex; flex-wrap: wrap;}
.new_list .snew_shu{ width: 26%; margin-bottom: 3.75rem;}
.new_list .snew_shu:not(:nth-child(3n)){ margin-right: 7%;}

.n_news{ padding: 5rem 0;}
.n_news .snew_heng{ margin-bottom: 5rem;}
.n_news .snew_heng .snew_img{ flex: 0 0 40%;}
/* .n_news .snew_heng .snew_text{ width: 60%;} */
.n_news .snew_heng .snew_text h4{ margin-bottom: 1.875rem;}
.n_news .snew_heng .snew_text p{-webkit-line-clamp: 5;}

.n_news>.container.flex{ display: flex; justify-content: space-between;}
.nnew_left{ width: 70%; color: #fff;}
.nnew_left>h4{ border-bottom: 1px solid rgba(255,255,255,.3); font-size: 1.25rem; padding-bottom: 1.25rem; line-height: 1.6;}
.nnew_left>h5{ color: #fff; opacity: .51; margin: 1.25rem 0;}
.nnew_left .ty_content{ margin-top: 3.125rem; color: #fff;}
.nnew_right{ width: 22%;}
.nnew_right>h4{ font-size: 1.25rem; margin-bottom: 2.5rem; color: #fff;}
.nnew_right .snew_shu{ margin-bottom: 2.5rem;}

.back_a a{ width: 15rem; height: 3.5rem; border: 1px dashed #fff; border-radius: 1.75rem; display: flex; align-items: center; justify-content: center; color: #fff; margin: 0 auto; transition: all 0.3s ease;}
.back_a a:hover{ background: rgba(255,255,255,.3);}

.n_dangjian{ padding: 5rem 0;}
.dj_search{ display: flex; justify-content: center; margin-bottom: 1.875rem;}
.dj_search .caption{ width: 28%; margin: 0 2%; height: 3.5rem; border-radius: 1.75rem; border: 1px dashed #fff; padding: 0 2.5rem; position: relative;}
.dj_search select, .dj_search input{ display: block; height: 100%; width: 100%; background: none; border: none; outline: none; color: #fff; font-size: 1rem;}
.dj_search select option{ color: #333;}
.dj_search input::placeholder{ color: rgba(255,255,255,.5);}
.dj_search .caption button{ position: absolute; right: 0; top: 0; height: 100%; width: 5rem; background: none; color: #fff; border: none; text-align: center;}
.dj_search .caption button i{ font-size: 1.5rem;}
.dj_search .caption:last-child{ padding-right: 5rem;}

.dj_li{ padding: 2.5rem 0;}
.dj_li a{ display: flex; border-radius: 1rem; overflow: hidden; background: transparent; transition: all 0.3s ease; align-items: center;}
.dj_img{ flex: 0 0 40%; overflow: hidden; border-radius: 1rem;}
.dj_img i{ padding-top: 60%; display: block; position: relative;}
.dj_img i img{ position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 100%; min-height: 100%;}
.dj_text{ padding: 0 3%; color: #fff;}
.dj_text h3{ font-size: 1.5rem; margin-bottom: 1.25rem;}
.dj_text p{ line-height: 2; display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;}
.dj_text h5{ margin-top: 2.5rem; font-size: 1rem;}
.dj_li:hover a{ background: rgba(255,255,255,.3);}

.n_biao.lan{ border: none; padding-bottom: 0;}
.n_biao.lan span{ color: rgba(0,0,0,0.2);}
.n_biao.lan strong{ color: #005bac;}
.ds_flex{ display: flex; justify-content: space-between; align-items: center;}
.ds_fan{ display: flex; align-items: center;}
.ds_prev, .ds_next{ margin-left: 1.875rem; width: 2.875rem; height: 2.875rem; background: #005bac; color: #fff; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center;}
.ds_prev i, .ds_next i{ font-size: 1.5rem;}

.ds_study .swiper .swiper-slide a{ display: block; padding-left: 30%; position: relative;}
.ds_study .swiper .dj_img{ width: 100%;}
.ds_text{ width: 45%; position: absolute; left: 0; z-index: 2; top: 50%; transform: translateY(-50%); background: rgba(255,255,255,.9); color: #666; padding: 3.125rem 1.875rem; overflow: hidden; border-radius: .5rem; box-shadow: 0 0 .5rem rgba(0,0,0,0.1);}
.ds_text:after{ content: ''; width: .5rem; height: 100%; background: #005bac; position: absolute; right: 0; top: 0;}
.ds_text h3{ font-size: 1.5rem; color: #222; margin: 1rem 0;}
.ds_text h4{ font-size: 1.125rem; margin-bottom: 1.25rem; color: #222;}
.ds_text p{ line-height: 2; display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;}
.ds_text h5, .ds_text h6{ font-size: 1rem; font-weight: normal;}
.ds_text h5{ margin-top: 2.5rem; color: #005bac; line-height: 2;}

.dj_dongtai{ padding: 5rem 0;}
.dj_dongtai .swiper{ margin-bottom: 5rem;}
.dj_dongtai .swiper .swiper-slide a{ background: rgba(255,255,255,.9); height: 21rem; display: block; display: flex; align-items: center; border-radius: .5rem; overflow: hidden; position: relative;}
.dj_dongtai .swiper .swiper-slide a:after{ content: ''; width: .5rem; height: 100%; background: #005bac; position: absolute; left: 0; top: 0;}
.dj_dongtai .ds_text{ background: none; position: static; transform: translateY(0); width: 100%; padding: 0 2.5rem; box-shadow: none;}
.dj_dongtai .ds_text p{ display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;}
.dj_dongtai .ds_text:after{ display: none;}
.dj_dongtai .swiper a img{ position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; transform: translateX(-50%) translateY(-50%); z-index: 1; opacity: 0; transition: all 0.3s ease;}
.dj_dongtai .swiper .swiper-slide:hover a img{ opacity: 1;}
.dj_dongtai .swiper .swiper-slide:hover .ds_text, .dj_dongtai .swiper .swiper-slide:hover .ds_text h4, .dj_dongtai .swiper .swiper-slide:hover .ds_text h5{ color: #fff;}
.dj_dongtai .swiper-scrollbar{ position: static; height: 2px; background: rgba(255,255,255,.3);}
.dj_dongtai .swiper-scrollbar .swiper-scrollbar-drag{ background: #005bac;}

.df_dob{ padding: 2.5rem 0;}
.df_dob .swiper{ position: relative;border-radius: .5rem; overflow: hidden;}
.dob_head{ position: absolute; left: 1.25rem; width: calc(100% - 2.5rem); top: 1.25rem; color: #fff; display: flex; justify-content: space-between; align-items: center; z-index: 2;}
.dob_head strong{ font-size: 1.875rem;}
.dob_head a{ font-size: .875rem; color: #fff;}
.df_dob .swiper .swiper-slide a{ padding-top: 60%; display: block; position: relative; overflow: hidden;}
.df_dob .swiper .swiper-slide a img{ position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; transform: translateX(-50%) translateY(-50%);}
.df_dob .swiper .swiper-slide a p{ position: absolute; bottom: 0; width: calc(100% - 2.5rem); left: 1.25rem; font-size: 1rem; color: #fff; z-index: 3;}
.df_dob .swiper .swiper-slide a:after{ content: ''; width: 100%; height: 50%; position: absolute; bottom: 0; left: 0; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.5)); z-index: 2;}
.df_dob .swiper .ico_prev, .df_dob .swiper .ico_next{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; background: none;}
.df_dob .swiper .ico_prev{ left: 0;}
.df_dob .swiper .ico_next{ right: 0;}

.hd_content{ padding: 2.5rem 0;}
.hd_biao{ display: flex; align-items: flex-end; justify-content: space-between; padding-bottom: .625rem; border-bottom: 2px solid rgba(255,255,255,.3); position: relative; color: #fff; margin-bottom: 1rem;}
.hd_biao span{ position: relative; font-size: 1.875rem;}
.hd_biao span:after{ content: ''; width: 100%; height: 2px; background: #005bac; position: absolute; bottom: -0.75rem; left: 0;}
.hd_biao a{ color: #fff; font-size: 1rem;}
.hd_biao a:hover{ color: #005bac;}
.hd_img a{ display: block; padding-top: 60%; position: relative; overflow: hidden;}
.hd_img a img{ position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; transform: translateX(-50%) translateY(-50%);}
.hd_content ul li{ margin-top: 1rem;}
.hd_content ul li a{ padding-left: 1.875rem; position: relative; overflow: hidden; display: block; text-overflow: ellipsis;white-space: nowrap; font-size: 1rem; color: rgba(255,255,255,.85); line-height: 2;}
.hd_content ul li a i{ width: 1.25rem; height: 1.25rem; display: block; color: #fff; background: rgba(255,255,255,0.5); position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-style: normal;  text-align: center; line-height: 1.25rem;}
.hd_content ul li:first-child a i{ background: #005bac;} 
.hd_content ul li:first-child a{ color: #005bac;}
.hd_content ul li:hover a{ color: #fff;}

.n_jinrong{ height: 131.875rem; padding: 6.25rem 0; color: #fff;}
.n_jinrong .container>h3{ margin-bottom: 1.875rem; font-size: 1.5rem;}
.n_jinrong .ty_content{ color: #fff; line-height: 2.4;}

.n_jinrong .container:last-child{ margin-top: 20%;}
.n_jinrong .container:last-child .n_biao{ border: none; padding-bottom: none;}

.naq_1 .ty_content, .naq_2 .ty_content, .keji_1 .ty_content, .rc_zhanlve .ty_content, .jjjy .ty_content{ color: #fff; line-height: 2.2;}
.naq_1 .ty_content h3, .naq_2 .ty_content h3, .keji_1 .ty_content h3, .jjjy .ty_content h3{ margin-bottom: 1.875rem; font-size: 1.5rem;}



.naq_1{ padding-top: 5rem;}
.ls_hb_gx{ position: relative; margin-top: 3.125rem;}
.ls_hb_gx:after{ content: ''; width: 50%; height: 100%; position: absolute; left: 0; top: 0; background-image: linear-gradient(to right, rgba(3,80,144,1), rgba(3,80,144,.8), rgba(3,80,144,0));}
.ls_hb_gx .container{ position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); color: #fff; z-index: 2;}
.ls_hb_gx_text{ width: 26%; line-height: 2.4;}
.ls_hb_gx_text h3{ margin-bottom: 2.5rem; display: flex; justify-content: space-between; align-items: center;}
.ls_hb_gx_text h3 strong{ font-style: 1.875rem;}
.ls_hb_gx_text h3 i{ width: 3.125rem; height: 1px; background: rgba(255,255,255,.3);}

.naq_2{ padding: 5rem 0;}
.n_biao2{ color: #fff; margin-bottom: 2.5rem;}
.n_biao2 span{ font-size: 2.5rem; display: block; text-transform: uppercase; font-family: 'MONTSERRAT-REGULAR'; line-height: 1;}
.n_biao2 strong{ font-size: 1.875rem; display: block;}

.znpc_content{ margin-top: 10%;}
.znpc_content .container{ display: flex; align-items: center; justify-content: space-between;}
.znpc_left{ width: 45%;}
.znpc_right{ width: 50%;}
.znpc_right .swiper{ position: relative; border-top-right-radius: 3rem;}
.znpc_right .swiper .znpc_prev, .znpc_right .swiper .znpc_next{ bottom: 0; position: absolute; background: rgba(3,80,144,0.6); z-index: 2; outline: none;}
.znpc_right .swiper .znpc_prev{ left: 0;}
.znpc_right .swiper .znpc_next{ left: 3.75rem;}
.znpc_right .swiper .swiper-slide a{ display: block; padding-top: 60%; position: relative; overflow: hidden;}
.znpc_right .swiper .swiper-slide a img{ position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; transform: translateX(-50%) translateY(-50%);}

.zhihui_5g{ margin-top: 28%;}
.zhihui_5g .swiper{ margin-top: 2.5rem;}
.zhihui_5g .swiper a{ display: block; padding-top: 55%; background-size: cover; background-position: center; position: relative;}
.zhihui_5g .swiper a span{ position: absolute; left: 0; bottom: 0; display: block; padding: 1.25rem; font-size: 1.125rem; color: #fff; width: 100%; z-index: 2;;}
.zhihui_5g .swiper .zhihui_prev, .zhihui_5g .swiper .zhihui_next{ position: absolute; top: 50%; z-index: 2; border-radius: 50%; border: .25rem solid #fff; background: none; outline: none; opacity: 0.65; transition: all 0.3s ease;}
.zhihui_5g .swiper .zhihui_prev{ left: calc((100% - 130px)/4); transform: translateX(-50%) translateY(-50%);}
.zhihui_5g .swiper .zhihui_next{ right: calc((100% - 130px)/4); transform: translateX(50%) translateY(-50%);}
.zhihui_5g .swiper .zhihui_prev:hover, .zhihui_5g .swiper .zhihui_next:hover{ opacity: 1;}

.naq_3{ position: relative;}
.naq_3 .n_biao2{ color: #005bac;}
.naq_3 .container{ position: absolute; top: 10%; left: 0; right: 0;}
/*.naq_3 .ty_content{ flex: 0 0 58%;}*/
.naq_3 .ty_content{ color: #333; line-height: 2.2; width:45%;}
.naq_3 .ty_content h5{ margin-top: 1.875rem;}
.naq_3 .ty_content h5 a{ padding: .5rem 2.5rem; border: 1px dashed #005bac; color: #005bac; display: inline-block; border-radius: 1.875rem;}

.huanbao_1{ padding: 5rem 0; padding-bottom: 12.5rem;}
.huanbao_1 .ty_content{ width: 38%; color: #fff;}
.huanbao_1 .ty_content h3, .huanbao_1 .ty_content h4{ margin-bottom: 1.25rem;}

.huanbao_2{ padding-bottom: 1.25rem;}
.huanbao_2 ul{ display: flex; justify-content: space-between;}
.huanbao_2 ul li{ width: 31%; margin-bottom: 1.25rem;}
.huanbao_2 ul li img{ width: 100%; display: block;}
.huanbao_2 ul li h4{ position: relative; text-align: right; margin-top: 1rem;}
.huanbao_2 ul li h4:after{ content: ''; width: 100%; height: 1px; background: #999; position: absolute; top: 50%; left: 0;}
.huanbao_2 ul li h4 span{ display: inline-block; background: #fff; color: #222; padding-left: 1.875rem; padding-right: 1.25rem; position: relative; z-index: 2;}
.huanbao_2 ul li p{ padding: 1rem 0; line-height: 2;}
.huanbao_2 ul li:first-child p{ padding-left: 1.875rem;}

.huanbao_3{ display: flex; height: 55rem; align-items: flex-end;}
.huanbao_3 .n_biao{ opacity: 0.5; padding-bottom: 0; border: none;}
.hb3_text{ background-image: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,1.7), rgba(255,255,255,0), rgba(255,255,255,0)); padding: 2.5rem 0;}
.huanbao_3 .ty_content h3{ margin-bottom: 1rem; color: #005bac;}
.huanbao_3 .ty_content{ width: 55%; line-height: 2.4;}

.huanbao_4{ display: flex;}
.hb4_left{ background: url(../images/xian2.png) right bottom no-repeat #005bac; position: relative; color: #fff;}
.hb4_left{ padding-left: 11.5625rem; padding-right: 6%; padding-top: 5%;}
.hb4_left .ty_content{ color: #fff; line-height: 3;}
.hb4_right{ flex: 0 0 62%;}

.shu_en{ width: 1.0625rem; position: absolute; left: 10%; bottom: 10%; z-index: 2;}
.shu_en img{ width: 100%;}

.keji_1{ padding: 5rem 0;}
.keji_1 .container>.flex{ display: flex; align-items: center; margin-bottom: 3.75rem;}
.kj1_right{ flex: 0 0 calc(50% - 2.5rem);}
.kj1_left{ margin-right: 2.5rem;}

.znzb_fan{ display: flex; justify-content: flex-end; margin-bottom: 1.875rem;}
.znzb_fan .ico_prev, .znzb_fan .ico_next{ background: none; outline: none;}

.znzb .mySwiper{ color: #fff; padding-top: .5rem; text-align: center; position: relative;}
.znzb .mySwiper:after{ content: ''; width: 100%; height: 1px; background: rgba(255,255,255,0.3); position: absolute; top: .8125rem; left: 0; z-index: -1;}
.znzb .mySwiper i{ width: .6875rem; height: .6875rem; border-radius: 50%; background: #fff; position: relative; display: block; margin: 0 auto; margin-bottom: 1.25rem;}
.znzb .mySwiper i:after{ content: ''; width: 1.4375rem; height: 1.4375rem; border-radius: 50%; border: 1px solid #fff; position: absolute; top: -0.375rem; left: -0.375rem;}
.znzb .mySwiper .swiper-slide.swiper-slide-thumb-active{ color: #005bac;}
.znzb .mySwiper .swiper-slide.swiper-slide-thumb-active i{ background: #005bac;}
.znzb .mySwiper .swiper-slide.swiper-slide-thumb-active i:after{ border-color: #005bac;}

.znzb .flex{ display: flex; align-items: center;}
.znzb .mySwiper2{ color: #fff;}
.znzb_left{ width: 50%;}
.znzb_left .n_biao2{ padding-bottom: 1.25rem; border-bottom: 1px solid rgba(255,255,255,.3);}
.znzb_left h3{ font-size: 1.5rem; margin-bottom: 1.25rem;}
.znzb_left p{ font-size: 1rem; line-height: 2;}

.znzb_right{ position: relative; width: 40%; margin-left: 8%; margin-right: 2%;}
.znzb_right:before{ content: ''; width: 90%; height: 90%; border: 1px solid rgba(255,255,255,.3); position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); border-radius: 50%;}
.znzb_right:after{ content: ''; width: 70%; height: 70%; background: rgba(255,255,255,.3); position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); border-radius: 50%;}
.znzb_right .swiper a{ display: block; padding-top: 100%; position: relative;}
.znzb_right .swiper a img{ position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 2; max-width: 74%; max-height: 74%;}

.keji_2{ height: 63.125rem; display: flex; align-items: flex-end; padding-bottom: 5%;}
.keji_2 .ty_content{ color: #222; width: 38%; margin-top: 1.875rem;}
.keji_2 .ty_content h3{ font-size: 1.5rem;}
.kj_biao{ color: #005bac;}
.kj_biao strong{ display: block; width: 22.125rem; border-bottom: 1px solid rgba(3,80,144,0.3); font-size: 1.875rem; line-height: 2; margin-bottom: .5rem;}
.kj_biao span{ font-size: .875rem;}



.n_case{ padding: 5rem 0;}
.case_list{ display: flex; flex-wrap: wrap;}
.case_li{ width: 48%; margin-bottom: 3.125rem;}
.case_li:not(:nth-child(2n)){ margin-right: 4%;}

.case_li a{ position: relative; overflow: hidden; display: block; padding-top: 54%;}
.case_li a img{ position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); max-width: 100%; min-height: 100%;}
.case_li a span{ width: 3.375rem; padding: 1.875rem 0; position: absolute; left: 0; top: 0; height: 100%; color: #fff; display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; z-index: 3; writing-mode:tb-rl; letter-spacing: .25rem;}
.case_li a span:after{ width: 1px; height: 30%; background: rgba(255,255,255,0.5); content: ''; margin-top: 1rem;}
.case_li a .case_text{ position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: calc(100% - 3.375rem); z-index: 3; padding: 0 2.5rem; opacity: 0; transition: all 0.3s ease-out;}
.case_li a .case_text h3, .case_li a .case_text p{ color: #fff;}
.case_li a .case_text p{display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;}
.case_li a:after{ content: ''; width: 3.375rem; height: 100%; background: rgba(0,91,172,0.7); position: absolute; left: 0; top: 0; transition: all 0.3s ease; z-index: 2;}
.case_li:hover a:after{ width: 100%;}
.case_li:hover a .case_text{ opacity: 1;}

.rc_zhanlve{ height: 58.375rem; display: flex; align-items: center;}
.rc_zhanlve .ty_content{ width: 38%;}
.rc_zhanlve .ty_content h5{ margin-top: 2.5rem;}
.rc_zhanlve .ty_content h5 a{ padding: .5rem 1.875rem; color: #fff; border-radius: 1.875rem; border: 1px solid #fff; font-size: 1rem; padding-bottom: .8rem;}

.n_job{ padding: 7.5rem 0; min-height: 100rem;}
.n_job .n_biao{ padding-bottom: 0; border: none; margin-bottom: 7.5rem;}
.job_list{ display: flex; flex-wrap: wrap;}
.job_li{ margin-bottom: 3.125rem; width: 28%; color: #fff; padding: 0 1rem; border-top: 2px solid rgba(255,255,255,0.3);position: relative; padding-bottom: 2.5rem; z-index: 2;}
.job_li:after{ content: ''; width: 30%; height: 2px; position: absolute; top: -2px; left: 0; background: #e60012;}
.job_li:before{ position: absolute; left: 0; top: 0; width: 100%; height: 0; content: ''; transition: all 0.3s ease; z-index: -1; background: rgba(255,255,255,0.1);}
.job_li:not(:nth-child(3n)){ margin-right: 8%;}
.job_head{ display: flex; justify-content: space-between; align-items: center; }
.job_head span{padding: 1rem 0; position: relative; font-size: 1.375rem;}
.job_head small{ font-size: 1rem;}
.job_body{ display: flex; justify-content: space-between; overflow: hidden; height: 0; transition: all 0.3s ease; position: relative;}
.job_li h5{ font-size: .875rem; margin: .625rem 0; opacity: 0; transition: all 0.3s ease;}
.job_body .ty_content{ flex: 0 0 calc(100% - 4.25rem); font-size: .875rem; color: #fff; line-height: 2; margin-top: 1.25rem; opacity: 0; transition: all 0.3s ease;}
.job_body .ty_content p{ margin: 0;}
.job_a{ margin-bottom: .25rem; margin-right: 1.125rem; position: absolute; bottom: 0; right: 0;}
.job_a a{ width: 2rem; height: 2rem; border-radius: 50%; border: 2px solid #fff; display: flex; align-items: center; justify-content: center; color: #fff;}
.job_a i{ font-size: 1.25rem;}
.job_a a:hover{ background: #fff; color: #e60012;}

.job_li.active .job_body{ height: 9.75rem;}
.job_li.active .job_body .ty_content{ opacity: 1; transition-delay: 0.3s;}
.job_li.active h5{ opacity: 1; transition-delay: 0.3s;}
.job_li.active:before{ height: 100%;}


.job_bg{ position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.3); z-index: 999; display: none;}
.job_box{ position: absolute; top: 50%; left: 50%; width: 80%; background: #fff; border-radius: 1.875rem; box-shadow: 0px .25rem .75rem rgba(0,0,0,0.2); transform: translateX(-50%) translateY(-50%); padding: 3% 5%;}
.box_head{ font-size: 1.875rem; color: #29b2e0; padding-bottom: 1rem; border-bottom: 1px solid #ccc; margin-bottom: 1.25rem;}
.box_body .ty_content{ max-height: 20rem; overflow: auto;}
.box_body .ty_content h4{ font-size: 1.125rem;}
.job_lx{ color: #29b2e0; font-size: 1rem; line-height: 2;}
.job_lx span{ margin-right: 1rem; display: inline-block;}
.box_body .ty_content::-webkit-scrollbar {
  width: 4px;
  height: 4px;}
.box_body .ty_content::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  background-color: #99a9bf;}
.box_body .ty_content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  border-radius: 5px;
  background-color: #d3dce6;}
  .job_close{ position: absolute; right: 2%; top: 2%; color: #000; opacity: 0.2; z-index: 2; font-size: 2.25rem; cursor: pointer;}

.n_contact{ padding: 5rem 0;}
.n_contact .n_biao{ padding-bottom: 0; border: none;}

.lx_box{ display: flex; justify-content: space-around; background: rgba(255,255,255,0.75); padding: 5% 0; border-radius: 1.25rem; text-align: center; margin-bottom: 6.25rem;}
.lx_box i{ width: 5.75rem; height: 5.75rem; border-radius: 50%; background: #005bac; color: #fff; line-height: 5.75rem; text-align: center; font-size: 2.25rem; display: block; margin: 0 auto;}
.lx_box i:before{ display: inline-block; transition: all 0.3s ease;}
.lx_box strong{ display: block; color: #005bac; font-size: 1.125rem; line-height: 2; margin-top: 1rem;}
.lx_box .caption:hover i:before{ transform: rotateY(180deg);}


.lx_message{ color: #fff; background: url(../images/lx.jpg) center no-repeat; background-size: cover; margin-top: 3rem; display: flex; flex-wrap: wrap;}
.lx_message input{ width: 48%; height: 4.625rem; background: rgba(255,255,255,0.49); border-radius: .25rem; border: none; padding: 0 1.25rem; margin-bottom: 2.75rem; font-size: 1.125rem; color: #fff;}
.lx_message input::placeholder{ color: #fff;}
.lx_message input:not(:nth-child(2n)){ margin-right: 4%;}
.lx_message textarea{ width: 100%; background: rgba(255,255,255,0.49); border: none; outline: none; padding: 1rem 1.25rem; margin-bottom: 1.875rem; border-radius: 0.5rem; color: #fff;}
.lx_message textarea::placeholder{ color: #fff;}
.lx_button{ display: flex; width: 100%; justify-content: space-between;}
.code{ display: flex; align-items: center;}
.lx_message .code input{ margin-bottom: 0; width: auto;}
.lx_button button{ width: 20.9375rem; background: #e60012; font-size: 1.125rem; color: #fff; height: 4.625rem;  text-align: center; border-radius: .25rem; display: inline-block; border: none; font-size: 1.5rem;}
#canvas{ height: 2.125rem; width: 6.25rem;}

.jjjy{ padding: 5rem 0; padding-bottom: 40%;}
.jjjy_swiper.zhihui_5g{margin-top: 3.125rem;}
.jjjy_swiper.zhihui_5g .swiper{ margin-top: 0;}
.jjjy_swiper.zhihui_5g .swiper a{ padding-top: 62%;}

.wenben_p{ line-height: 2.4;}

.jjjy2{ padding: 6.25rem 0;}
.jjjy_honor .swiper{ padding: 0 .5rem;}
.jjjy_honor a{ display: block; padding-top: 132%; position: relative; border: 1px solid rgba(255,255,255,0.3);}
.jjjy_honor a img{ max-height: calc(100% - 1rem); max-width: calc(100% - 1rem); top: 50%; transform: translateX(-50%) translateY(-50%); position: absolute; left: 50%; top: 50%;}
.jjjy_honor .container{ position: relative;}
.jjjy_honor .ico_prev, .jjjy_honor .ico_next{ position: absolute; top: 50%; transform: translateY(-50%); border-radius: 50%; border: 2px solid #fff; background: none; outline: none;}
.jjjy_honor .ico_prev{ right: calc(100% + 1rem);}
.jjjy_honor .ico_next{ left: calc(100% + 1rem);}

.n_biao2.lan{ color: #005bac;}
.jyznzb{ margin-top: 5%; padding-left: 30%;}

.n_style .n_biao{ color: #005bac; padding-bottom: 0; border: none;}
.n_style .n_biao span{ color: #000; opacity: 0.1;}

.n_style{ padding: 5rem 0;}
.style_list{ display: flex; flex-wrap: wrap;}
.style_li{ width: 48%; margin-bottom: 3.125rem; overflow: hidden; position: relative;}
.style_li:not(:nth-child(2n)){ margin-right: 4%;}
.style_li a{ display: block; padding-top: 60%; position: relative; overflow: hidden; transition: all 0.3s ease;}
.style_li a img{ min-height: 100%; width: 100%; position: absolute; top: 50%; left: 50%;  transform: translateX(-50%) translateY(-50%); display: block;}
.style_li:hover a{ transform: scale(1.05);}
.style_li span{ color: #222; font-size: 1rem; height: 4rem; display: flex; align-items: center; padding-left: 1.875rem; border-left: .375rem solid #005bac; z-index: 2; position: absolute; left: 0; bottom: 10%; width: 50%; background-image: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,0)); pointer-events: none;}

.n_style .flex{ display: flex; background: rgba(255,255,255,0.35); align-items: center;}
.st_left{ width: 40%; padding: 0 2.5rem;}
.st_left h3{ color: #005bac; padding-bottom: 1rem; border-bottom: 1px solid rgba(0,0,0,.1); margin-bottom: 1.25rem;}
.st_left .ty_content{ max-height: 18.75rem; overflow: auto;}
.st_right{ width: 60%;}
.st_right a{ padding-top: 60%; display: block; background-size: cover; background-position: center;}
.st_fan{ display: flex; align-items: center; margin-top: 1.25rem;}
.st_fan .ico_prev, .st_fan .ico_next{ border: 2px solid #005bac; background: none; border-radius: 50%; color: #005bac; margin-right: 1rem; outline: none;}



#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: 2.5rem 0;
}

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

.fanye ul li.active span {
  background-color: #bc0206;
  color: #fff;
}

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

.fanye ul li a, .fanye ul li span {
  font-size: 14px;
  margin: 0 .5rem;
  padding: .5rem 1rem;
  border-radius: 4px;
  color: #333;
  background-color: #e2e2e2;
  border: none;
}

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

.fanye ul li a:hover {
  color: #bc0206;
}


/*.fanye{ display: flex; justify-content: center; align-items: center; margin-top: 1.875rem;}*/
/*.fanye a{ width: 2.5rem; height: 2.5rem; text-align: center; line-height: 2.5rem; color:rgba(255,255,255,.5); text-decoration:none; font-size: 1.25rem;}*/
/*.fanye a i{ font-size: 1rem;}*/
/*.fanye a:hover{ color:#fff;}*/
/*.fanye a.active{ color:#fff;}*/
/*.fanye a.active:hover{ color:#fff;}*/
/*.fanye a.cur{ color:rgba(255,255,255,.3); pointer-events: none}*/
/*.fanye a.disabled{ pointer-events: none;}*/

/*.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);}*/


.fanye02{ margin-top: 3.125rem; border-top: 1px solid rgba(255,255,255,.3); padding-top: 1.25rem;}
.fanye02 a{ font-size: 1rem; opacity: .67; display: block; color: #fff; transition: all 0.3s ease; margin-top: 1rem;}
.fanye02 a:hover{ opacity: 1;}

.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; max-width: 100%; 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;}


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


.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){
  .header .menu-link i, .header .menu-link span:before, .header .menu-link span:after{ background: #fff;}
  .menu-link{ display: block; position: absolute; right: 15px; top: 55%; transform: translateY(-50%); transition: all 0.3s ease;}

  .header .container{ height: 100%; padding: 0 15px;}
  .head_more{ margin-right: 3.75rem;}
  .erji{ display: none !important;}
  .pc_nav{ position: absolute; width: 100%; height: auto; top: 100%; left: 0; display: none;  background: rgba(0,0,0,0.85); 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-top: 0; text-align: center;}
  .pc_nav>ul>li>a{ padding: 1.25rem 0; font-size: 1.5rem; line-height: 1.875rem; font-weight: bold; display: inline-block;}
  
  .s_banner .swiper .swiper-slide{ height: 30vh;}
  .s_banner .swiper .swiper-slide strong{ font-size: 2.5rem;}
  .s_biao strong{ font-size: 2rem;}
  .s_biao span{ font-size: 1.875rem;}
  .s_banner ul{ padding: 1rem 0;}
  .s_banner ul li i{ font-size: 2.25rem;}
  .s_banner ul li span strong{ font-size: 1.5rem; width: 3rem;}
  .s_banner ul li span em{ display: none;}

  .sab_left p{ font-size: 1.5rem; line-height: 2;}
  .s_more a{ font-size: 1.5rem;}
  .s_more a{ height: 3.6rem;}
  .xian_biao:before{ width: 30%;}
  .sab_left ul{ align-items: flex-end; margin-top: 3rem;}
  .sab_right{ display: none;}
  .s_about{ padding: 5rem 0;}
  .s_product{ height: auto;}
  .case_fan{ position: static; width: 100%; padding: 1.875rem 15px;}
  .s_product ul li{ width: 50%; padding: 1.875rem 0;}
  .s_product:after{ content: ''; width: 100%; height: 100%; background: rgba(0,0,0,.3); left: 0; top: 0; z-index: 1; position: absolute;}
  .s_product ul li img{ opacity: 1; max-width: 50%; max-height: 50%; bottom: 0; left: 50% !important; top: auto; transform: translate(-50%, 0) !important;}
  .s_product ul li:nth-child(3) img{max-width: 70%;}
  .s_product ul li:nth-child(4) img{max-width: 70%;}
  .scp_text i{ font-size: 3rem;}
  .scp_text strong{ font-size: 1.875rem;}
  .s_case{ padding-top: 5rem;}
  .s_news{ margin-top: 5rem; padding: 5rem 0;}
  .snew_biao ul li a{ width: 10rem;}
  .snew_biao{justify-content: center; }
  .snew_biao .s_biao{text-align: center; margin-bottom: 1.25rem;}
  .snew_left{ padding-right: 0;}
  .s_news .snew_heng{ margin-bottom: 1.25rem;}
  .snew_heng .snew_img{ flex: 0 0 100%;}
  .snew_text{ padding: 15px;}
  .s_news .snew_jian{ display: none;}
  .foot_right{ display: none;}
  .foot_left p, .footer .caption input:last-child, .footer .caption input:first-child{ font-size: 1.5rem;}
  .footer{ padding-top: 2.5rem;}
  .footer .caption input:last-child{ width: 8rem; border-radius: .625rem; border-bottom-right-radius: 0;}
  .ny_nav ul{ padding: 1rem 0;}
  .ny_nav ul li a{ padding: 0 .5rem;}
  .ny_nav.nav_case ul li{width: 50%;}
  .n_banner{ height: 36vh;}
  .n_biao span{ font-size: 2.5rem;}
  .nab2_left{ padding: 15px; padding-bottom: 20%;}
  .nab_two{ margin-top: 5rem; background-size: 100% auto;}
  .nab2_right { display: none;}
  .n_zhici .container{ padding: 2.5rem 15px; min-height: auto;}
  .ls_hb_gx .container, .naq_3 .container{ position: static; transform: translateY(0);}
  .ls_hb_gx:after{ display: none;}
  .naq_2{ padding: 3rem 0;}
  .naq_3 .ty_content, .kj1_right{ flex: 0 0 100%;}
  .naq_3 .container{ padding: 15px;}
  .ds_text{ position: static; transform: translateY(0);}
  .ds_study .swiper, .dj_dongtai .swiper{ margin: 0 15px;}
  .ds_study .swiper .swiper-slide a{ padding-left: 0;}
  .ds_text:after{ width: 100%; height: .5rem;}
  .dj_dongtai .ds_flex a{ white-space: nowrap;}
  .df_dob{ padding: 0;}
  .df_dob .swiper{ margin-bottom: 1.25rem;}
  .hd_content .col-md-4{ margin-bottom: 1.875rem;}
  .hd_content ul li a{ padding-left: 2.5rem;}
  .hd_content ul li a i{ width: 1.875rem; height: 1.875rem; line-height: 1.875rem;}
  .dj_search .caption{ width: 100%; margin-bottom: 1rem;}
  .dj_img, .hb4_right, .n_news .snew_heng .snew_img{ flex: 0 0 100%;}
  .dj_text{ padding: 1.25rem 15px;}
  .huanbao_2{ padding: 15px;}
  .hb3_text{background-image: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,1.7), rgba(255,255,255,0.5), rgba(255,255,255,0.5));}
.hb4_left{ width: 100%;}
.n_jiagou ul li span{ width: 24rem;}
.jg_logo{ display: none;}
.s_service ul{ padding-top: 0; border-radius: 0;}
.s_service ul li{ position: static; width: 100%; height: auto;}
.s_service ul img, .s_service ul svg{ display: none;}
.njg_text{ position: static; opacity: 1; width: 100%; transform: translateY(0);text-align: center;}

.s_service{ width: 100%; padding: 0 15px;}
.s_service ul li i{ position: static; transform: translateX(0) translateY(0); margin: 0 auto;}
.jjjy{ padding-bottom: 62%; background-position: bottom center !important; background-size: contain !important;}
.jjjy .n_biao{ color: #474747; border-bottom: 1px solid #dedede;}
.jjjy .jyznzb p{ color: #fff !important;}
.jjjy .ty_content{ color: #333 !important;}
.jyznzb{ padding: 15px;}
.znzb_right{ margin: 0;}
.keji_2, .rc_zhanlve{ position: relative;}
.keji_2:after{ content: ''; width: 100%; height: 70%; background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1)); position: absolute; left: 0; bottom: 0; z-index: 2;}
.keji_2 .container, .rc_zhanlve .container{ position: relative; z-index: 3;}
.lx_box .caption{ width: 50%; font-size: 1.5rem;}
.lx_message .code input{ width: 10rem;}
.lx_button button{ width: 16rem;}
.rc_zhanlve:after{ content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.3); position: absolute; left: 0; bottom: 0; z-index: 2;}
.n_honor ul li{ margin: 0 .5rem;}
.n_honor ul li a{ width: auto; padding: 0 1rem;}
.case_li:not(:nth-child(2n)), .new_list .snew_shu:not(:nth-child(3n)), .style_li:not(:nth-child(2n)), .job_li:not(:nth-child(3n)){ margin-right: 0;}
.case_li a{ padding: 0;}
.case_li a span{ display: none; width: 100%; position: static; color: #474747; justify-content: flex-start; writing-mode:initial;}
.case_li a img{ position: static; transform: translateX(0);}
.case_li a:after{ display: none;}
.case_li a .case_text{ position: static; transform: translateY(0); width: 100%; padding: 0; opacity: 1;}
.case_li a .case_text h3, .case_li a .case_text p{ color: #474747;}

.nnew_right{ display: none;}
.nnew_left>h4{ font-size: 1.5rem;}
.st_left{ padding: 2.5rem;}
.job_head span{ font-size: 1.625rem;}
.job_body .ty_content{display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;}
  .n_jinrong{ color: #474747; background-position: center bottom !important; background-size: contain !important; height: auto; padding-bottom:22rem;}
  .n_jinrong .container.text-center{ color: #fff;}
  .n_jinrong .ty_content{ color: #474747;}
  .n_jinrong .container:first-child .n_biao{ color: #474747; border-bottom: 1px solid #dedede;}
  .nab_right ul li span strong{ font-size: 3rem;}
  .foot_left h4{ font-size: 1.875rem;}
  .foot_di{ font-size: 1rem;}
  .foot_di .text-right{ text-align: left !important;}
  .case_li a span:after{ display: none;}


  .s_about .container,
  .s_product ul,
  .snew_biao,
  .s_news .flex,
  .snew_heng a,
  .n_about .container,
  .nab_two,
  .znpc_content .container,
  .naq_3 .container,
  .dj_search,
  .dj_li a,
  .huanbao_2 ul,
  .huanbao_4,
  .keji_1 .container>.flex,
  .znzb .flex,
  .lx_box,
  .case_list,
  .n_style .flex,
  .style_list,
  .job_list{ flex-wrap: wrap;}

  .sab_left,
  .snew_left,
  .snew_right,
  .snew_text,
  .foot_left,
  .nab_left,
  .nab_right,
  .nab2_left,
  .ls_hb_gx_text,
  .znpc_left,
  .znpc_right,
  .ds_text,
  .dj_img,
  .huanbao_1 .ty_content,
  .huanbao_2 ul li,
  .huanbao_3 .ty_content,
  .kj1_left,
  .znzb_left,
  .znzb_right,
  .keji_2 .ty_content,
  .rc_zhanlve .ty_content, .case_li,
  .new_list .snew_shu,
  .nnew_left,
  .st_left, 
  .st_right,
  .style_li,
  .job_li{ width: 100%;}
  
  .sab_left ul li a{ font-size: 1.5rem;}
  .n_about .ty_content p,
  .nab_right ul li p,
  .nab_right ul li span, .ty_content,
  .hd_content ul li a,
  .huanbao_2 ul li p,
  .huanbao_2 ul li h4 span,
  .hb4_left .ty_content,
  .n_jiagou ul li span,
  .njg_text h5,
  .njg_text p,
  .znzb_left p,
  .znzb .mySwiper span,
  .snew_text h4,
  .job_body .ty_content p{ font-size: 1.5rem; line-height: 2;}
  .ty_content h1{font-size: 2.25rem;}
  .ty_content h2{font-size: 2.125rem;}
  .ty_content h3{font-size: 2rem;}
  .ty_content h4{font-size: 1.875rem;}

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


}

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

  .header .container{ height: 100%; padding: 0 15px;}
  .head_more{ margin-right: 3.75rem;}
  .erji{ display: none !important;}
  .pc_nav{ position: absolute; width: 100%; height: auto; top: 100%; left: 0; display: none;  background: rgba(0,0,0,0.45); 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-top: 0; text-align: center;}
  .pc_nav>ul>li>a{ padding: 1.25rem 0; font-size: 1.5rem; line-height: 1.875rem; font-weight: bold; display: inline-block;}
  
  .s_banner .swiper .swiper-slide{ height: 32vh;}
  .s_banner .swiper .swiper-slide strong{ font-size: 2.5rem;}
  .s_biao strong{ font-size: 2rem;}
  .s_biao span{ font-size: 1.875rem;}
  .s_banner ul{ padding: 1rem 0;}
  .s_banner ul li i{ font-size: 2.25rem;}
  .s_banner ul li span strong{ font-size: 1.5rem;}
  .s_banner ul li span em{ display: none;}

  .sab_left p{ font-size: 1.5rem; line-height: 2;}
  .s_more a{ font-size: 1.5rem;}
  .s_more a{ height: 3.6rem;}
  .xian_biao:before{ width: 30%;}
  .sab_left ul{ align-items: flex-end; margin-top: 3rem;}
  .sab_right{ display: none;}
  .s_about{ padding: 5rem 0;}
  .s_product{ height: auto;}
  .case_fan{ position: static; width: 100%; padding: 1.875rem 15px;}
  .s_product ul li{ width: 50%; padding: 1.875rem 0;}
  .s_product:after{ content: ''; width: 100%; height: 100%; background: rgba(0,0,0,.3); left: 0; top: 0; z-index: 1; position: absolute;}
  .s_product ul li img{ opacity: 1; max-width: 50%; max-height: 50%; bottom: 0; left: 50% !important; top: auto; transform: translate(-50%, 0) !important;}
  .s_product ul li:nth-child(1) img{ bottom: 0; top: auto; transform: translateY(0);}
  .scp_text i{ font-size: 3rem;}
  .scp_text strong{ font-size: 1.875rem;}
  .s_case{ padding-top: 5rem;}
  .s_news{ margin-top: 5rem; padding: 5rem 0;}
  .snew_biao ul li a{ width: 10rem;}
  .snew_biao{justify-content: center; }
  .snew_biao .s_biao{text-align: center; margin-bottom: 1.25rem;}
  .snew_left{ padding-right: 0;}
  .s_news .snew_heng{ margin-bottom: 1.25rem;}
  .snew_heng .snew_img{ flex: 0 0 100%;}
  .snew_text{ padding: 15px;}
  .s_news .snew_jian{ display: none;}
  .foot_right{ display: none;}
  .foot_left p, .footer .caption input:last-child, .footer .caption input:first-child{ font-size: 1.5rem;}
  .footer{ padding-top: 2.5rem;}
  .footer .caption input:last-child{ width: 8rem; border-radius: .625rem; border-bottom-right-radius: 0;}
  .ny_nav ul{ padding: 1rem 0;}
  .ny_nav ul li a{ padding: 0 .5rem;}
  .n_banner{ height: 36vh;}
  .n_biao span{ font-size: 2.5rem;}
  .nab2_left{ padding: 15px; padding-bottom: 20%;}
  .nab_two{ margin-top: 5rem; background-size: 100% auto;}
  .nab2_right { display: none;}
  .n_zhici .container{ padding: 2.5rem 15px; min-height: auto;}
  .ls_hb_gx .container, .naq_3 .container{ position: static; transform: translateY(0);}
  .ls_hb_gx:after{ display: none;}
  .naq_2{ padding: 3rem 0;}
  .naq_3 .ty_content, .kj1_right{ flex: 0 0 100%;}
  .naq_3 .container{ padding: 15px;}
  .ds_text{ position: static; transform: translateY(0);}
  .ds_study .swiper, .dj_dongtai .swiper{ margin: 0 15px;}
  .ds_study .swiper .swiper-slide a{ padding-left: 0;}
  .ds_text:after{ width: 100%; height: .5rem;}
  .dj_dongtai .ds_flex a{ white-space: nowrap;}
  .df_dob{ padding: 0;}
  .df_dob .swiper{ margin-bottom: 1.25rem;}
  .hd_content .col-md-4{ margin-bottom: 1.875rem;}
  .hd_content ul li a{ padding-left: 2.5rem;}
  .hd_content ul li a i{ width: 1.875rem; height: 1.875rem; line-height: 1.875rem;}
  .dj_search .caption{ width: 100%; margin-bottom: 1rem;}
  .dj_img, .hb4_right, .n_news .snew_heng .snew_img{ flex: 0 0 100%;}
  .dj_text{ padding: 1.25rem 15px;}
  .huanbao_2{ padding: 15px;}
  .hb3_text{background-image: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,1.7), rgba(255,255,255,0.5), rgba(255,255,255,0.5));}
.hb4_left{ width: 100%;}
.n_jiagou ul li span{ width: 24rem;}
.jg_logo{ display: none;}
.s_service ul{ padding-top: 0; border-radius: 0;}
.s_service ul li{ position: static; width: 100%; height: auto;}
.s_service ul img, .s_service ul svg{ display: none;}
.njg_text{ position: static; opacity: 1; width: 100%; transform: translateY(0);text-align: center;}

.s_service{ width: 100%; padding: 0 15px;}
.s_service ul li i{ position: static; transform: translateX(0) translateY(0); margin: 0 auto;}
.jjjy{ padding-bottom: 130%;}
.jyznzb{ padding: 15px;}
.znzb_right{ margin: 0;}
.keji_2, .rc_zhanlve{ position: relative;}
.keji_2:after{ content: ''; width: 100%; height: 70%; background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1)); position: absolute; left: 0; bottom: 0; z-index: 2;}
.keji_2 .container, .rc_zhanlve .container{ position: relative; z-index: 3;}
.lx_box .caption{ width: 50%; font-size: 1.5rem;}
.lx_message .code input{ width: 10rem;}
.lx_button button{ width: 16rem;}
.rc_zhanlve:after{ content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.3); position: absolute; left: 0; bottom: 0; z-index: 2;}
.n_honor ul li{ margin: 0 .5rem;}
.case_li:not(:nth-child(2n)), .new_list .snew_shu:not(:nth-child(3n)), .style_li:not(:nth-child(2n)), .job_li:not(:nth-child(3n)){ margin-right: 0;}
.nnew_right{ display: none;}
.nnew_left>h4{ font-size: 1.5rem;}
.st_left{ padding: 2.5rem;}
.job_head span{ font-size: 1.625rem;}
.job_body .ty_content{display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;}


  .s_about .container,
  .s_product ul,
  .snew_biao,
  .s_news .flex,
  .snew_heng a,
  .n_about .container,
  .nab_two,
  .znpc_content .container,
  .naq_3 .container,
  .dj_search,
  .dj_li a,
  .huanbao_2 ul,
  .huanbao_4,
  .keji_1 .container>.flex,
  .znzb .flex,
  .lx_box,
  .case_list,
  .n_style .flex,
  .style_list,
  .job_list{ flex-wrap: wrap;}

  .sab_left,
  .snew_left,
  .snew_right,
  .snew_text,
  .foot_left,
  .nab_left,
  .nab_right,
  .nab2_left,
  .ls_hb_gx_text,
  .znpc_left,
  .znpc_right,
  .ds_text,
  .dj_img,
  .huanbao_1 .ty_content,
  .huanbao_2 ul li,
  .huanbao_3 .ty_content,
  .kj1_left,
  .znzb_left,
  .znzb_right,
  .keji_2 .ty_content,
  .rc_zhanlve .ty_content, .case_li,
  .new_list .snew_shu,
  .nnew_left,
  .st_left, 
  .st_right,
  .style_li,
  .job_li{ width: 100%;}
  
  .sab_left ul li a{ font-size: 1.5rem;}
  .n_about .ty_content p,
  .nab_right ul li p,
  .nab_right ul li span, .ty_content,
  .hd_content ul li a,
  .huanbao_2 ul li p,
  .huanbao_2 ul li h4 span,
  .hb4_left .ty_content,
  .n_jiagou ul li span,
  .njg_text h5,
  .njg_text p,
  .znzb_left p,
  .znzb .mySwiper span,
  .snew_text h4,
  .job_body .ty_content p{ font-size: 1.5rem; line-height: 2;}


  #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:1201px){
  
  .container{ max-width: calc(100% - 21.25rem); padding: 0 15px;}

  .hd_content .row{ margin: 0 -2.1875rem;}
  .hd_content .row .col-md-4{ padding: 0 2.1875rem;}

}
@media (min-width:1921px){
  .container{ max-width: calc(1920px - 21.25rem); padding: 0 15px;}
}