html{ scroll-behavior:smooth;}
body{ margin: 0; padding: 0;}
*{ box-sizing: border-box;}
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, p{ font-size: 0.875rem;}
h6{ font-size: 0.75rem;}
h1, h2, h3, h4, h5, h6, p{ margin: 0.625rem 0; font-weight: normal;}

.flex_1{
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.flex_2{
  display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.flex_3{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.flex_4{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.flex_5{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.flex_6{
  display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;
}
.flex_7{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}
.flex_8{
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
}
.flex_9{
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: center;
}
.flex_10{
  display: flex;
  display: -webkit-flex;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: space-between;
}
.flex_11{
  display: flex;
  display: -webkit-flex;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: center;
}
.flex_12{
  display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between;
}

.container{ margin: 0 auto; width: 76%; padding: 0 15px;}
.flex{ display: flex;}

/* @font-face {
	font-family: 'CHAMPAGNE_LIMOUSINESBOLD';
	src: url('../fonts/CHAMPAGNE_LIMOUSINESBOLD.TTF');
	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:-5.625rem;}
#fp-nav{ display: none;}




.header{ position: fixed; top: 0; left: 0; width: 100%; height: 5.625rem; z-index: 990; background: #fff;}
.header .container{ position: relative; padding-left: 22rem; padding-right: 8.5rem; height: 100%;}
.logo{ height: 5.625rem; position: absolute; left: 1rem; top: 0;}
.logo a{ display: inline-block; height: 100%;}
.logo a img{ display: block; height: 100%;}


.pc_nav{ position: relative; width: 100%; height: 100%;}
.pc_nav ul{ height: 100%; width: 100%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;}
.pc_nav ul li>a{ font-size: 1.125rem; letter-spacing: 1px; color: #333; white-space: nowrap; 
  line-height: 5.625rem; display: block; overflow: hidden; position: relative;}
.pc_nav ul li{ position: relative;}
.pc_nav ul li>a:before{ content: ''; width: 100%; height: 0.375rem; background: #0158c3; pointer-events: none; position: absolute; left: 0; top: 0; transition: all 0.3s ease; transform: translateY(-100%); opacity: 0;}
.pc_nav ul li>a:after{ content: ''; width: 100%; height: 1rem; background: #0158c3; pointer-events: none; position: absolute; left: 0; bottom: 0; transition: all 0.3s ease; transform: translateY(100%); opacity: 0;}
.pc_nav ul li.active>a:after, .pc_nav ul li.active>a:before{  transform: translateY(0); opacity: 1;}
.pc_nav ul li:hover>a{ color: #0158c3;}

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



.head_more{ transition: all 0.3s ease; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: flex-end;}

.head_search{ margin-right: 1.25rem;}
.head_search a{ color: #333; transition: all 0.3s ease; display: block;}
.head_search a:hover, .head_lang a:hover{ color: #0158c3; transform: scale(0.9);}
.head_search a i{ font-size: 1.5rem;}
.head_lang a{ color: #333; font-size: 0.875rem; border: 1px solid #333; border-radius: 2px; padding: 2px; display: block; transition: all 0.3s ease;}
.head_lang a:hover{ border-color: #0158c3;}

.search_box.active{ opacity: 1; pointer-events: auto; transform: translateY(0);}
.search_box{ width: 28.75rem; opacity: 0; pointer-events: none; position: absolute; top: calc(100% + 2rem); right: 0; z-index: 2; transition: all 0.5s; transform: translateY(1.5rem);}
.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; margin-top: 5.625rem;}
.banner_fan{ position: absolute; bottom: 5%; right: 0; left: 0; z-index: 2;}
.banner_fan .container{ display: flex; justify-content: flex-end;}
.banner_fan .banner_prev, .banner_fan .banner_next{ opacity: 0.5; transition: all 0.3s ease; cursor: pointer; outline: none;}
.banner_fan .banner_prev:hover, .banner_fan .banner_next:hover{ opacity: 1;}
.banner_fan i{ font-size: 2.875rem; color: #fff;}
.banner_next{ margin-left: 0.5rem;}
.s_banner .swiper .swiper-slide{ position: relative; height: calc(100vh - 5.625rem);}
.s_banner .swiper .container{ position: absolute; bottom: 12%; left: 0; right: 0; text-align: center;}
.s_banner .swiper .container span{ font-size: 3rem; font-weight: bold; color: #fff; letter-spacing: 2px;}
.s_banner .swiper .container span strong{ font-size: 1.875rem; display: block; margin-bottom: 1.25rem;}

.s_yewu{ position: relative; overflow: hidden;}
.s_yewu .swiper1{ height: calc(100vh - 5.625rem);}
.syw_biao{ position: absolute; left: 0; top: 20%; z-index: 3; color: #fff; font-size: 2.25rem;}
.syw_biao strong{ display: inline-block; padding-left: 2.25rem; position: relative;}
.syw_biao strong i{ left: 0; width: 3.75rem; height: 0.3125rem; position: absolute; background: #fff; display: block;}
.syw_biao strong i:after{ content: ''; background: #fff; width: 0.3125rem; height: 2.8rem; position: absolute; right: 0;}
.syw_biao strong i:first-child{ top: -3.125rem;}
.syw_biao strong i:first-child:after{ top: 0;}
.syw_biao strong i:last-child{ bottom: -3.125rem;}
.syw_biao strong i:last-child:after{ bottom: 0;}

.s_yewu ul{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 2; display: flex; flex-wrap: wrap;}
.s_yewu ul li{ width: 16.66%; height: 100%; border-right: 1px solid #fff; transition: all 0.5s ease-out;}
.s_yewu ul li a{ display: block; position: relative; color: #fff; height: 100%; width: 100%;}
.s_yewu ul li span{ position: absolute; display: block; top: 50%; left: 50%; transform: translateX(-50%); z-index: 2;}
.s_yewu ul li span strong{ font-size: 1.875rem; display: block; letter-spacing: 4px;}
.s_yewu ul li span i{ display: block; font-size: 1.5rem; font-style: normal; margin-bottom: 2.5rem; padding-bottom: 1rem; position: relative; white-space: nowrap;}
.s_yewu ul li span i:after{ content: ''; width: 3.125rem; height: 1px; background: #fff; position: absolute; left: 0; bottom: 0;}
.s_yewu ul li:last-child{ border: none;}
.s_yewu ul li:hover{ background: rgba(1,88,195,0.6);}

.s_case{ margin-top: 4rem;}
.s_biao{ display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 2rem;}
.s_biao strong{ font-size: 2.25rem; color: #0158c3; letter-spacing: 2px; white-space: nowrap;}
.s_biao a{ font-size: 1.125rem; color: #0158c3; padding: 0.625rem 3.125rem; background: #f0f0f0;
   border-radius: 1.5rem; transition: all 0.3s ease-out;}
.s_biao a:hover{ background: #0158c3; color: #fff;}
.s_case ul{ display: flex; justify-content: space-between;flex-wrap: wrap;}
.s_case ul li{ width: 30%; position: relative;}
.case_name{ position: absolute; bottom: 0; left: 0; display: flex; align-items: center; color: #333; padding: 0 1.5rem; width: 100%; height: 4.375rem; background: rgba(255,255,255,0.75); transition: all 0.3s ease;}
.s_case ul li img{ display: block; width: 100%;}
.s_case ul li:hover .case_name{ background: rgba(1,88,195,0.75); color: #fff;}

.s_news{ margin-top: 4rem;}
.snew_list{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.snew_list .new_li{ width: 48%; margin-bottom: 1.875rem;}
.snew_list .new_li a{ display: flex; color: #595757; transition: all 0.3s ease;}
.new_time{ width: 4.75rem; background: #f0f0f0; height: 4.75rem; display: flex; align-items: center; justify-content: center;}
.new_time span{ font-size: 1rem; text-align: center;}
.new_time strong{ display: block; font-size: 1.5rem;}
.snew_list .new_li:hover a{ color: #0158c3;}
.new_text{ width: calc(100% - 6.75rem); margin-left: 2rem;}
.new_text h4{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.new_text p{ font-size: 1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.s_about{ position: relative;}
.s_about .container{ position: absolute; left: 0; right: 0; top: calc(50% + 1.875rem); transform: translateY(-50%); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.sab_left{ width: 47%;}
.sab_right{ width: 37.8%; position: relative; cursor: pointer; margin-right: 5%;}
.sab_left ul{ display: flex; justify-content: space-around; margin: 3rem 0;}
.sab_left ul li a{ color: #595757; transition: all 0.3s ease; font-size: 1.125rem; display: block; text-align: center;}
.sab_left ul li a:hover{ color: #0158c3;}
.sab_left ul li a i{ font-size: 3rem; display: block; margin: 0 auto; margin-bottom: 0.625rem;}
.sab_left h4{ line-height: 2; color: #595757;}
.sab_left .s_more{ margin-top: 4rem;}
.s_more a{ font-size: 1.125rem; padding: 0.625rem 3.125rem; border: 1px solid #0158c3;
  border-radius: 1.5rem; transition: all 0.3s ease-out; color: #0158c3; display: inline-block;}
.s_more a:hover{ background: #0158c3; color: #fff;}

.sab_right video{ width: 100%; height: 22.5rem; outline: none;}
.sab_right i{ position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 2; display: block; transition: all 0.3s ease-out;}
.sab_right:hover i{ transform: translateX(-50%) translateY(-50%) scale(0.9);}

.s_map{ padding: 4rem 0; background: #edf3f5;}
.s_map .container{ display: flex;}
.map_left{ width: 15rem; position: relative; z-index: 2;}
.map_left ul a{ cursor: pointer;}
.map_left>ul>li{ margin-bottom: 2rem;}
.map_left>ul ul{ display: none;}
.map_left>ul>li.active ul{ display: block;}
.map_left>ul ul li{ margin-top: 0.5rem;}
.map_left>ul>li>a{ font-size: 1.5rem; color: #0158c3; font-weight: bold;}
.map_left>ul>li>a i{ color: #575757;}
.map_left>ul>li.active>a i{ color: #0158c3;}
.map_left>ul ul a{ width: auto; max-width: 90%; display: block; padding: .4rem .5rem; display: flex; align-items: center; justify-content: center; font-size: 1.125rem; color: #575757; transition: all 0.3s ease; border: 1px solid #0158c3; border-radius: 1.25rem;}
.map_left>ul ul li.active a{ background: #0158c3; color: #fff;}
.map_left>ul ul a:hover{ color: #0158c3;}
.map_right{ display: flex; justify-content: center; flex-wrap: wrap; width: calc(100% - 15rem);}
.map_dw{ position: relative; display: inline-block;}
.map_down{ display: block; max-width: 100%;}
/* .map_up{ position: absolute; left: 0; top: 0; z-index: 2; width: 100%;} */
.map_up{ max-width: 100%;}
.map_right .s_more{ width: 100%; text-align: center;}

.s_gg{ height: 11.875rem; background: url(../images/YiPai0613_22.jpg) center no-repeat; background-size: cover; display: flex; align-items: center; justify-content: center; color: #fff;}
.s_gg span{ font-size: 1.5rem; display: inline-block;}
.s_gg a{ margin-left: 6rem; display: block; width: 18.75rem; height: 4.375rem; background: #0158c3; color: #fff; font-weight: bold; font-size: 1.25rem; text-align: center; line-height: 4.375rem; border-radius: 2.2rem;}
.s_gg a img{ display: inline-block; vertical-align: middle; margin-left: 1.5rem;}

.footer{ background: #595757; padding-top: 4.375rem;}
.footer .container{ display: flex; justify-content: space-between;}
.foot_left, .foot_right{ width: 65%; display: flex;}
.foot_right{ justify-content: flex-end; width: 35%;}
.foot_left ul{ margin-right: 1rem;}
.foot_left ul li{ margin-bottom: .5rem;}
.foot_left ul li a{ font-size: 1rem; color: #fff; padding-bottom: .3125rem; position: relative; display:inline-block;}
.foot_left ul li a:after{ content: ''; width: 0; height: 2px; background: #fff; transition: all 0.3s ease-out; position: absolute; left: 0; bottom: 0;}
.foot_left ul li a:hover:after{ width: 100%;}
.foot_left ul li:first-child{ margin-bottom: 1.25rem;}
.foot_left ul li:first-child a{ font-size: 1.125rem; font-weight: bold;}

.foot_tel{ display: flex; align-items: center;}
.foot_tel i{ font-size: 3.125rem; color: #d5d5d5; margin-right: .625rem;}
.foot_tel span{ font-size: 1.125rem; color: #fff;}
.foot_tel span strong{ font-size: 2rem; display: block; transform: skewX(-10deg); font-weight: normal;}

.foot_link{ position: relative; margin-left: 3.75rem; margin-top: 2.5rem;}
.foot_link.active span{ border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.foot_link span{ display: block; border-radius: 1.5625rem; display: flex; justify-content: space-between; width: 100%; height: 3.125rem; background: #0158c3; color: #fff; padding: 0 3.125rem; line-height: 3.125rem; font-size: 1rem; transition: all 0.3s ease-out; cursor: pointer;}
.foot_link .height_auto{ position: absolute; top: 100%; left: 0; width: 100%; background: #0158c3; padding: 0 5px; padding-bottom: .625rem; opacity: 0; pointer-events: none; transform: translateY(.625rem); transition: all 0.3s ease-out;}
.foot_link.active .height_auto{ opacity: 1; pointer-events: auto; transform: translateY(0);}
.foot_link ul{ overflow: auto; max-height: 5.625rem;}
.foot_link ul li a{ text-align: center; display: block; color: rgba(255,255,255,0.75); transition: all 0.3s ease-out; padding: .3125rem 0;}
.foot_link ul li:hover a{ color: #fff;}
.foot_r2{ width: 9.0625rem; margin-left: 2.875rem;}


.height_auto{ padding-bottom: .625rem;}
/*里面的代码可以根据自己需求去进行更改*/
/* 设置滚动条的样式 */
.foot_link ul::-webkit-scrollbar {
  width:3px;
}
  /* 滚动槽 */
.foot_link ul::-webkit-scrollbar-track {
 background: rgba(255,255,255,0.3);
}
  /* 滚动条滑块 */
.foot_link ul::-webkit-scrollbar-thumb {
  background:rgba(255,255,255,0.5);
}


.foot_di{ background: #0158c3; color: #fff; margin-top: 1.875rem;}
.foot_di .container{ display: flex; padding: 1.25rem 0;}
.foot_di a{ color: #fff;}


/* body:after{ content: ''; width: 100%; height: calc(100vh - 5.625rem); position: fixed; z-index: -1; left: 0; top: 5.625rem; animation: zoom_big2 16s ease-in infinite;} */
@keyframes zoom_big2 {
  0%{
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}



.n_banner{ position: relative; height: calc(100vh - 5.625rem); margin-top: 5.625rem; overflow: hidden;}
.n_banner .nban_bg{ position: absolute; left: 0; right: 0; margin: 0 auto; top: 0; z-index: -1; width: 100%; height: 100%; animation: zoom_big2 16s ease-in infinite;}
.n_banner>.container{ text-shadow: 0px 2px 4px rgba(0,0,0,0.2); position: absolute; bottom: 25%; left: 0; right: 0; text-align: center;}
.n_banner>.container>span{ font-size: 3rem; font-weight: bold; color: #fff; letter-spacing: 2px;}
.n_banner>.container>span strong{ font-size: 1.875rem; display: block; margin-bottom: 1.875rem;}

.ny_nav{ position: absolute; bottom: 0; left: 0; width: 100%; z-index: 3;}
.ny_nav ul{ background: #fff;}
.ny_nav ul li{ width: 16.6666%;}
.ny_nav ul li a{ display: block; height: 6.25rem; display: flex; color: #666; align-items: center; justify-content: center; font-size: 1rem;}
.ny_nav ul li a i{ margin-right: .625rem; font-size: 2.25rem;}
.ny_nav ul li a em{ font-style: normal; display: inline-block;}
.ny_nav ul li.active a{ background: #0158c3; color: #fff;}
.ny_nav ul li:hover a{ color: #0158c3;}
.ny_nav ul li.active:hover a{ color: #fff;}

.ny_nav.news ul li{ width: 33.3333%;}
.ny_nav.contact ul li{ width: 25%;}

.n_denglu{ position: relative; padding-top: 48.43%;}
.dl_box{ padding: 2.625rem 2rem; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 2; border-radius: 1rem; width: 25rem; background: rgba(255,255,255,0.85);}

.dl_head{ font-size: 1.5rem; color: #0158c3; letter-spacing: .25rem; text-align: center;}
.dl_head img{ width: 8.875rem; display: block; margin: 0 auto; margin-bottom: 1rem;}
.dl_box ul{ align-items: center; justify-content: space-around; margin: 1.875rem 2rem;}
.dl_box ul li a{ font-size: 1rem; color: #999;}
.dl_box ul li.active a{ color: #0158c3; font-weight: bold;}
.dl_box ul span{ width: 1px; height: 1rem; background: #999; display: block;}
.dl_form .form-group{ position: relative; margin-bottom: 1.25rem;}
.dl_form .form-group img{ position: absolute; left: .625rem; top: 50%; transform: translateY(-50%); height: 1.375rem;}
.dl_form .form-group>input{ width: 100%; display: block; height: 2.5rem; border: 1px solid #999; background: #f0f0f0; color: #666; font-size: .875rem; border-radius: .375rem; padding-left: 3.125rem; outline: none;}
.dl_form input::placeholder{ color: #999;}
.dl_form button{ height: 2.5rem; background: #0158c3; display: block; width: 100%; border: none; color: #fff; font-size: 1.125rem; text-align: center; border-radius: .375rem;}
.dl_form .form-group.flex{ justify-content: space-between;}
.dl_form .form-group.flex a{ color: #666; font-size: .875rem;}
.dl_form .form-group label{ font-size: .875rem; color: #666; display: flex; align-items: center;}

.nxm_content{ background: #fff; overflow: hidden;}
.nxm_content .container{ align-items: center;}
.nxm_left, .nxm_right{ width: 50%;}
.nxm_right img{ display: block; height: 57.8125rem;}
.nxm_left{ padding-right: 10%;}
.nxm_left h2{ font-size: 2.125rem; color: #0158c3; margin-bottom: 1.875rem;}
.nxm_left p{ font-size: 1.125rem; color: #666; line-height: 2;}
.nxm_left ul{ margin-top: 6rem; color: #0158c3;}
.nxm_left ul li{ display: flex; align-items: center; font-size: 1.5rem; margin-bottom: 1rem;}
.nxm_left ul li i{ margin-right: 1rem;}

.zhong{ background: #fff; padding: 7.5rem 0;}
.n_biao{ margin-bottom: 4.375rem;}
.n_biao strong{ font-size: 2.25rem; letter-spacing: 2px; display: inline-block;}
.n_biao span{ font-size: 1rem; display: block; text-transform: uppercase; color: #0158c3;}

.xm_list{ padding: 0 5%; flex-wrap: wrap;}
.xm_li{ width: 32%; margin-bottom: 6rem;}
.xm_li:not(:nth-child(3n)){margin-right: calc(4% / 2);}
.xm_img{ overflow: hidden;}
.xm_img i{ transition: all 0.5s ease-out; display: block; padding-top: 69%;}
.xm_li a{ display: block; padding: 1.875rem; background: #f0f0f0; transition: all 0.3s ease-out;}
.xm_li:hover a{ background: #0158c3;}
.xm_li:hover .xm_img i{ transform: scale(1.05);}
.xm_li:hover .xm_name{ color: #fff; border-color: #fff;}
.xm_name{ border-top: 1px solid #595758; color: #595758; margin-top: 1.625rem; padding: 1.25rem 0; font-size: 1.5rem; text-align: center; transition: all 0.3s ease-out; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;}

.n_more{ text-align: center;}
.n_more a{ font-size: 1.125rem; padding: 0.625rem 3.125rem; transition: all 0.3s ease-out; background: #0158c3; display: inline-block; color: #fff;}



.ds_list{ padding-left: calc(12% + 15px);}
.ds_li{ margin-bottom: 3.125rem;}
.ds_li a{ display: flex; background: #f0f0f0; align-items: center; transition: all 0.3s ease-out;}
.ds_img{ width: 40%; overflow: hidden;}
.ds_img i{ transition: all 0.5s ease-out; display: block; padding-top: 69%;}
.ds_text{ width: 60%; padding-left: 5%; padding-right: 10%;}
.ds_text h3{ color: #595758; margin-bottom: 1.875rem; transition: all 0.3s ease-out;}
.ds_text h3 span{ font-size: 3rem; margin-right: 0.5rem; font-weight: bold;}
.ds_text p{ font-size: 1.125rem; color: #666; line-height: 2; transition: all 0.3s ease-out;}
.ds_li:hover a{ background: #0158c3;}
.ds_li:hover .ds_img i{ transform: scale(1.05);}
.ds_li:hover h3{ color: #fff;}
.ds_li:hover p{ color: #fff;}

.n_biao.n_biao2{ margin-bottom: 3.125rem;}
.n_biao.n_biao2 span{ font-weight: bold;}
.nab_ul{ margin-top: 6rem;}
.nab_li{ display: flex; align-items: center; margin-bottom: 1.25rem;}
.nab_li img{ width: 3.125rem;}
.nab_text{ margin-left: 1rem; font-size: 1.125rem; color: #666;}
.nab_text strong{ display: block; font-size: 1.5rem; color: #333;}
.nxm_right.nab_right img{ height: 64.375rem;}

.n_jiagou{ padding-top: 6.875rem; padding-bottom: 15.625rem; background: url(../images/jiagou.jpg) center no-repeat; background-size: cover;}

.n_licheng{ padding: 7.5rem 0; background: url(../images/lc.jpg) center bottom no-repeat; background-size: cover;}
.dw{ position: relative;}
.gallery-prev, .gallery-next{ top: 20%; transform: translateY(0);}
.tongyong-prev, .tongyong-next{ position: absolute; top: 50%;  transform: translateY(-50%); z-index: 5; width: 3.125rem; height: 3.125rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #0158c3; color: #fff; outline: none; cursor: pointer;}
.tongyong-prev i, .tongyong-next i{ font-size: 1.5rem;}
.gallery-prev{ left: 0; transform: translateX(-50%);}
.gallery-next{ right: 0; transform: translateX(50%);}

#thumbs{ position: relative;}
#thumbs:after{ content: ''; width: 100%; height: 2px; background: linear-gradient(to right, rgba(1,88,195,0), rgba(1,88,195,1), rgba(1,88,195,0)); position: absolute; top: 50%; transform: translateY(-50%); left: 0; z-index: -1;}
#thumbs .swiper-slide{ position: relative; padding: 2.5rem 0; cursor: pointer;}
#thumbs .swiper-slide i{ display: block; margin: 0 auto; width: 1.625rem; height: 1.625rem; border-radius: 50%; background: #fff; position: relative; box-shadow: 0px 4px 6px rgba(0,0,0,0.3);}
#thumbs .swiper-slide i:after{ content: ''; width: 1.25rem; height: 1.25rem; border-radius: 50%; background: #333333; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); transition: all 0.5s ease-out;}
#thumbs .swiper-slide span{ position: absolute; top: 0; left: 50%; transform: translateX(-50%); display: block; font-size: 1.5rem; color: #595757; font-weight: bold;}
#thumbs .swiper-slide span:last-child{ bottom: 0; top: auto;}
#thumbs .swiper-slide.swiper-slide-thumb-active i:after{ background: #0158c3;}

#gallery{ padding: 9.375rem 0;}
.lc_box{ width: 80%; margin: 0 auto; height: 16.25rem; background: #fff; border-radius: 1rem; padding: 2.4rem 3.125rem; box-shadow: 0px 0px 1rem rgba(0,0,0,0.2); display: flex; align-items: center; justify-content: center; position: relative;}
.lc_box:after, .lc_box:before{ position: absolute; font-size: 8rem; color: rgba(1,88,195,0.5); font-family: Arial, Helvetica, sans-serif;}
.lc_box:after{ content: '“'; left: 5%; top: 0; transform: translateY(-25%);}
.lc_box:before{ content: '”'; right: 5%; bottom: 0; transform: translateY(75%);}
.h_auto{ max-height: 100%; font-size: 1.5rem; overflow: auto; line-height: 2;}

.h_auto::-webkit-scrollbar {
  width:3px;
}
  /* 滚动槽 */
.h_auto::-webkit-scrollbar-track {
 background: rgba(1,88,195,0.2);
}
  /* 滚动条滑块 */
.h_auto::-webkit-scrollbar-thumb {
  background:rgba(1,88,195,0.8);
}

.n_wenhua ul{ width: 100%;}
.n_wenhua ul li{ width: 25%; position: relative; overflow: hidden; transition: all 0.5s ease-out; height: 56.25rem; display: flex; justify-content: center;}
.n_wenhua ul li img{ height: 100%;}
.wh_text{ position: absolute; z-index: 3; top: 50%; transform: translateY(-50%) translateX(-50%); left: 50%; color: #fff; text-align: center; text-shadow: 0px 2px 4px rgba(0,0,0,0.5); padding-bottom: 0.5rem; width: 100%; padding: 0 1rem;}
.wh_text img{ height: 3.125rem; display: block; margin: 0 auto; margin-bottom: 1.25rem;}
.wh_text strong{ font-size: 1.875rem; display: block;}
.wh_text:after{ content: ''; width: 3.375rem; height: 1px; background: #fff; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.wh_text p{ font-size: 1.125rem; line-height: 2;}
.n_wenhua ul li.active{ width: 50%;}

.n_wenhua.n_youshi ul li:after{ content: ''; width: 100%; height: 100%; background: rgba(1,88,195,0.75); position: absolute; left: 0; top: 0; z-index: 2; opacity: 0; transition: all 0.3s ease-out;}
.n_wenhua.n_youshi ul li.active:after{ opacity: 1;}
.n_wenhua.n_youshi .wh_text{ padding-bottom: 0; text-shadow: none;}
.n_wenhua.n_youshi .wh_text:after{ display: none;}
.n_wenhua.n_youshi .wh_text strong{ position: relative; padding-bottom: 1rem; margin-bottom: 1.875rem;}
.n_wenhua.n_youshi .wh_text strong:after{ content: ''; width: 3.375rem; height: 1px; background: #fff; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.n_wenhua.n_youshi ul li{ height: 660px;}

#shzr .swiper-slide{ display: flex; align-items: stretch;}
.shzr_img{ overflow: hidden; width: 50%;}
.shzr_img i{ display: block; transition: all 0.3s ease-out; padding-top: 71.42%;}
.shzr_text{ width: 50%; padding: 0 5%; display: flex; align-items: center; border: 1px solid #dedede;}
.shzr_text p{ font-size: 1.5rem; color: #666; line-height: 2;}
.shzr-prev{ left: 0; transform: translateX(-150%) translateY(-50%);}
.shzr-next{ right: 0; transform: translateX(150%) translateY(-50%);}

.nnew_img{ overflow: hidden;}
.nnew_img i{ display: block; padding-top: 64.57%; transition: all 0.3s ease-out;}
.nnew_head a{ display: flex; background: #f5f4f6; margin-bottom: 3.5rem;}
.nnew_head .nnew_img, .nnew_head .nnew_text{ width: 50%;}
.nnew_head .nnew_text{ padding: 3.75rem;}
.nnew_head .nnew_text h3{ font-size: 1.875rem; color: #333; margin-bottom: 1.25rem;}
.nnew_head .nnew_text h5{ font-size: 1rem; color: #0158c3;}
.nnew_head .nnew_text p{ font-size: 1.125rem; color: #666; line-height: 2;}
.nnew_head:hover .nnew_img i{ transform: scale(1.05);}

.nnew_list{ flex-wrap: wrap; align-items: stretch;}
.nnew_li{ width: 31%; margin-bottom: 3rem;}
.nnew_li:not(:nth-child(3n)){margin-right: calc(7% / 2);}
.nnew_li:hover .nnew_img i{ transform: scale(1.05);}
.nnew_li:hover .nnew_text{ background: #0158c3; border-color: #0158c3;}
.nnew_li:hover .nnew_text h5,
.nnew_li:hover .nnew_text p,
.nnew_li:hover .nnew_text h3{ color: #fff;}
.nnew_li .nnew_text{ border: 1px solid #dedede; padding: .625rem 1.25rem; transition: all 0.3s ease;}
.nnew_text h5, .nnew_text p{ font-size: 1.125rem; color: #666; line-height: 1.8;}
.nnew_text p{display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;}
.nnew_text h3{ font-size: 1.5rem; color: #0158c3; line-height: 1.5;}
.nmap_fz{ padding: 4rem 0;}
.nmap_fz .ty_content p{ font-size: 1.5rem; line-height: 1.8; color: #666;}

.rcln .nxm_right{justify-content: flex-end; position: relative; display: flex;}
.rcln .nxm_right .n_biao{ position: absolute; left: 0; top: 10%;}
.rcln .nxm_right .n_biao strong{ color: #fff;}
.rcln .nxm_right img{ height: 67.5rem;}
.rcln .nxm_left{ padding: 0 3%;}

.lx_content{ background: #edf3f5; padding: 6rem 0;}
.lx_content .container{ display: flex; align-items: center;}
.lx_left, .lx_right{ width: 50%;}
.lx_left{ padding-right: 5%;}
.lx_right{ background: #fff; padding: 2rem 1.25rem;}
.lx_right h3{ font-size: 1.5rem; color: #666666; text-align: center;}
.lx_right h4{ color: #666666; text-align: center;}
.lx_right .flex{ flex-wrap: wrap; justify-content: space-between;}
.lx_right .form-group{ width: 49%; margin-top: 1.25rem;}
.lx_right .form-group input{ height: 3.875rem; background: #edf3f5; display: block; width: 100%; border: none; padding: 0 1.25rem; font-size: 1.125rem; outline: none;}
.lx_right .form-group textarea{ background: #edf3f5; width: 100%; border: none; font-size: 1.125rem; padding: 1.25rem; outline: none; font-family: Arial, Helvetica, sans-serif;}
.lx_right .form-group button{ display: inline-block; padding: 1rem 3rem; background: #0158c3; color: #fff; border: none; font-size: 1.125rem; outline: none;}

.lx_left ul li{ display: flex; justify-content: space-between; margin: 3rem 0;}
.lx_left ul li i{ width: 5rem; height: 5rem; line-height: 5rem; text-align: center; display: block; font-size: 2.25rem; background: #fff; border-radius: 50%; color: #0158c3;}
.lx_left ul li span{ font-size: 1.5rem; color: #666; width: calc(100% - 6.5rem); line-height: 1.8;}
.lx_left ul li span strong{ font-size: 1.875rem; color: #0158c3; display: block;}

.join_head{ background: #0158c3; color: #fff; display: flex; height: 5.625rem; align-items: center;}
.join_head span{ display: block; width: 25%; text-align: center; font-size: 1.5rem;}
.join_li{ border: 1px solid #666; transition: all 0.3s ease-out;}
.join_li.active .join_head{ background: #e5e5e5; border-bottom: 1px solid #666;}
.join_li.active .join_head span:last-child{ opacity: 0;}
.join_body{ height: 0; overflow: hidden;  transition: all 0.3s ease-out;}
.join_body .ty_content{ line-height: 2; padding: 2.5rem 9%; padding-right: 7%; background: #ededed; font-size: 1.125rem;}
.join_body .ty_content p{ font-size: 1.125rem;}
.join_a{ margin-top: 1.25rem; text-align: right;}
.join_a a{ padding: 0.5rem 1.875rem; font-size: 1.5rem; background: #0158c3; color: #fff; display: inline-block; line-height: 1.4;}
.join_li .join_head{ background: #fff; color: #333;}

.join_head span a{ padding: 0.5rem 1.875rem; font-size: 1.5rem; background: #ededed; color: #666; display: inline-block;}


.jct_name{ margin-bottom: 1.875rem; text-align: center;}
.jct_name strong{ display: block; font-size: 1.5rem; margin-bottom: 1.875rem;}
.jct_name span{ display: inline-block; margin-right: 1.25rem; font-size: 1rem; color: #666;}
.back_a{ text-align: center; margin: 1.875rem 0;}
.back_a a{ padding: 2px 1.875rem; border-radius: 2.5rem; display: inline-block; border: 1px solid #dedede; font-size: 1rem; color: #777777;}
.back_a a:hover{ border-color: #0158c3; color: #0158c3;}


.nnew_content2{ display: flex; justify-content: space-between;}
.nnew_left{ width: 72%; border-radius: 1rem; overflow: hidden; position: relative;}
.nnew_right{ width: 23%;}
.nnew_right>h3{ font-size: 1.875rem; color: #333; margin-bottom: 1.25rem;}


.nnew_left>h2{ font-size: 1.875rem; color: #333; margin-bottom: 1rem;}
.nnew_left>h5{ font-size: 1rem; color: #666; display: flex;}
.nnew_left>h5 span{ margin-right: 1.25rem; align-items: center; display: flex;}
.nnew_left>h5 span i{ color: #0554b5; margin-right: 0.5rem;}
.nnew_xian{ width: 100%; height: 2px; background: #ccc; position: relative; margin: 1.875rem 0;}
.nnew_xian:after{ content: ''; width: .5rem; height: .5rem; border-radius: 50%; background: #ccc; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.nnew_xian:before{ content: ''; width: .5rem; height: .5rem; border-radius: 50%; background: #ccc; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}

.nnew_right .nnew_li{ width: 100%; margin-right: 0;}
.nnew_right .nnew_li .nnew_text{ padding: 0; border: none;}
.nnew_right .nnew_li:hover .nnew_text{ background: none;}
.nnew_right .nnew_li:hover .nnew_text h3{ color: #0158c3;}
.nnew_right .nnew_li:hover .nnew_text h5, .nnew_right .nnew_li:hover .nnew_text p{ color: #666;}
.nnew_text h3{ font-size: 1.25rem;}


.case_list{ display: flex; align-items: stretch; flex-wrap: wrap;}
.case_li{ width: 30%; position: relative; margin-bottom: 3.75rem;}
.case_li:not(:nth-child(3n)){ margin-right: 5%;}
.case_name{ position: absolute; bottom: 0; left: 0; display: flex; align-items: center; color: #333; padding: 0 1.5rem; width: 100%; height: 4.375rem; background: rgba(255,255,255,0.75); transition: all 0.3s ease;}
.case_li img{ display: block; width: 100%; transition: all 0.3s ease;}
.case_li a{ display: block; overflow: hidden;}
.case_li:hover img{ transform: scale(1.05);}
.case_li:hover .case_name{ background: rgba(1,88,195,0.75); color: #fff;}






.float_box{width: 8.75rem; padding: 1rem; background: #fff; box-shadow: 0px 2px 4px rgba(0,0,0,0.2); position: fixed; top: 50%; transform: translateY(-50%); right: 0; z-index: 99;  text-align: center; border-radius: 0.5rem; box-shadow: 0px 2px 4px rgba(0,0,0,0.2);}
.float_close{ width: 30px; height: 30px; border-radius: 50%; background: #fff; color: #999; position: absolute; top: 0; transform: translateY(-50%); right: 1rem; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.float_close i{ font-size: 1.625rem;}
.float_close:hover i{ color: rgb(42, 173, 235);}

.float_box h3{ padding-bottom: .625rem; border-bottom: 1px solid #dedede; margin-bottom: 1.25rem; font-size: 1rem; color: rgb(42, 173, 235);}
.float_box p{ font-size: .875rem; color: #666; line-height: 1.6; text-align: left;}
.float_box p strong{ display: block; color: #333; margin-bottom: 2px;}
.float_box p a{ color:rgb(42, 173, 235); display: flex; align-items: center;}
.float_box p a img{ width: 1.5rem; margin-right: .3125rem;}
.float_box p:last-child{ border-top: 1px solid #dedede; text-align: center; padding-top: .375rem;}

/* 通用css */
.fanye{ text-align:center;}
.fanye a{ display:inline-block; padding:0.8rem 1.2rem; border:1px solid #ddd; background:#fff; color:#666; text-decoration:none;}
.fanye a:hover{ color:#0158c3; border:1px solid #0158c3;}
.fanye a.active{ background:#0158c3; border:1px solid #0158c3; color:#fff;}
.fanye a.active:hover{ color:#fff; border:1px solid #0158c3;}
.fanye a.cur{ color:#999; border:1px solid #eee; pointer-events: none}
.fanye a.disabled{ border: none; pointer-events: none;}



.fanye02{ margin-top: 3.75rem; border-top: 1px solid #ccc; padding-top: 2.5rem; display: flex; justify-content: space-between;}
.fanye02 a{ font-size: 1rem; width: 48%; color: #666; transition: all 0.3s;}
.fanye02 a:hover{ color: #bc0206;}
.fanye02 a:last-child{ text-align: right;}



.ty_content{ font-size: 1rem; line-height: 2; color: #666; text-align: justify;}
.ty_content p{ font-size: 1rem;}
.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: 39.375rem; background: #fff;}
.my-map .icon { background: url(//a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat; } .my-map .icon-cir { height: 31px; width: 28px; } .my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}
.myinfowindow{width: 240px;min-height: 50px;}
.myinfowindow h5{ height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; font-weight: bold; width: 220px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; }
.myinfowindow div{ margin-top: 10px; min-height: 40px; line-height: 20px; font-size: 13px; color: #6f6f6f; }




@media (max-width:767px){
  .header .menu-link i, .header .menu-link span:before, .header .menu-link span:after{ background: #333;}
  .header.cur{ background: rgba(255,255,255,0.9);}
  .menu-link{ display: block; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); transition: all 0.3s ease;}
  .header{ box-shadow: 0px 2px 4px rgba(0,0,0,0.1);}
  .header .container{ padding: 0 15px; width: 100%;}
  .logo{ left: 15px;}
  .head_more{ right: 6rem;}
  .head_search{ display: none;}
  .pc_nav.active{ display: block;}
  .pc_nav{ position: absolute; display: none; background: #0158c3; top: 100%; right: 0; width: 50%; height: auto; box-shadow: -2px 2px 4px rgba(0,0,0,0.2);}
  .pc_nav ul{ flex-wrap: wrap;}
  .pc_nav ul li{ width: 100%; border-bottom: 1px solid rgba(255,255,255,0.3);}
  .pc_nav ul li:hover>a{ color: #fff;}
  .pc_nav ul li>a{ text-align: center; color: #fff;}
  .pc_nav ul li>a:after, .pc_nav ul li>a:before{ display: none;}
  .pc_nav ul li .erji{ display: none;}
  .s_banner .swiper .swiper-slide{ height: 36vh;}
  .s_banner .swiper .container span{ font-size: 1.875rem;}
  .s_banner .swiper .container span strong{ font-size: 1.5rem;}
  .s_yewu{ padding-top: 0;}
  .s_yewu .swiper1{ height: 60vh;}
  .syw_biao{ display: none;}
  .s_yewu ul li{ width: 50%; height: 33.33%; padding: 0 5%; display: flex; align-items: center; background: rgba(1,88,195,0.6);}
  .s_yewu ul li a{ height: auto;}
  .s_yewu ul li span{ position: static; transform: translateX(0);}
  .s_yewu ul li:nth-child(2n){ border: none;}
  .s_yewu ul li:not(:nth-last-child(-n+2)){ border-bottom: 1px solid #fff;}
  .s_case ul li{ width: 49%; margin-bottom: 1rem;}
  .s_case ul li:last-child{ display: none;}
  .case_name{ height: auto; position: static; padding: .625rem 0; justify-content: center; text-align: center;}
  .snew_list .new_li{ width: 100%;}
  .map_left{ width: 12rem;}
  .map_right{ width: calc(100% - 12rem); padding-top: 10%;}
  .new_time{ width: 10rem; height: 6rem;}
  .new_text{ width: calc(100% - 13rem);}
  .s_about>img{ display: none !important;}
  .s_about .container{ position: static;  transform: translateY(0);}
  .sab_left, .sab_right{ width: 100%;}
  .sab_right{ margin-top: 3rem;}
  .sab_right i img{ width: 6rem;}
  .s_gg{ padding: 0 15px;}
  .s_gg span{ font-size: 1.5rem;}
  .s_gg a{ width: 30rem; margin-left: 2rem;}
  .s_gg a img{ margin-left: .625rem;}
  .footer{ padding-top: 1.875rem;}
  .foot_left, .foot_link{ display: none;}
  .foot_right{ width: 100%; justify-content: space-between; align-items: center;}
  .foot_di{ padding: 0 15px;}
  .foot_di .container{ flex-wrap: wrap;}
  .foot_di span{ width: 100%;}

  .container{ width: 100%;}

  .n_banner{ height: 26vh;}
  .n_banner>.container{ bottom: 45%;}
  .n_banner>.container>span strong{ font-size: 1.5rem;}
  .n_banner>.container>span{ font-size: 1.875rem;}
  .ny_nav ul{ overflow: scroll; scroll-snap-type: x mandatory; width: 100%}
  .ny_nav ul li{ scroll-snap-align: start; min-width: 30%; width: auto;}
  .ny_nav ul li a{ padding: 0 1rem;}
  .ny_nav ul li a i{ display: none;}
  .ny_nav ul li a em{ text-align: center;}
  body:after{ height: 26vh; animation: none;}
  .n_denglu{ padding: 5% 0;}
  .dl_box{ position: static; transform: translateY(0); margin: 0 auto; width: 70%;}
  .zhong{ padding: 3.75rem 0;}
  .n_biao{ margin-bottom: 1.875rem;}
  .ds_li a, .nnew_head a, .nxm_content .container, .lx_content .container, .n_wenhua ul, #shzr .swiper-slide{ flex-wrap: wrap;}
  .ds_list{ padding: 0 15px;}
  .ds_img, .ds_text, .nnew_head .nnew_img, .nnew_head .nnew_text, .nxm_left, .nxm_right, .lx_left, .lx_right, .shzr_img, .shzr_text{ width: 100%;}
  .nnew_head .nnew_text{ padding: 1.875rem;}
  .nnew_li, .xm_li{ width: 100%;}
  .nnew_li:not(:nth-child(3n)), .xm_li:not(:nth-child(3n)){ margin-right: 0;}
  .nxm_content, .lx_content{ padding: 2.5rem 0;}
  .nxm_left{ padding-right: 0;}
  .nxm_left ul, .nab_ul{ margin-top: 1.875rem;}
  .nxm_right img, .nxm_right.nab_right img{ height: auto; width: 100%;}
  .n_wenhua ul li{ width: 100%; height: auto;}
  .n_wenhua ul li.active{ width: 100%;}
  .n_wenhua ul li>img, .rcln .nxm_right img{ height: auto; width: 100%;}
  .n_wenhua.n_youshi ul li{ height: auto;}
  .n_wenhua.n_youshi ul li:after{ opacity: 1;}
  .xm_li{ margin-bottom: 1.875rem;}
  .rcln .nxm_left{ padding: 0;}
  .n_jiagou{ padding: 3.75rem 0;}


}

@media (min-width:768px) and (max-width:991px) {
  .header .menu-link i, .header .menu-link span:before, .header .menu-link span:after{ background: #333;}
  .header.cur{ background: rgba(255,255,255,0.9);}
  .menu-link{ display: block; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); transition: all 0.3s ease;}
  .header{ box-shadow: 0px 2px 4px rgba(0,0,0,0.1);}
  .header .container{ padding: 0 15px; width: 100%;}
  .logo{ left: 15px;}
  .head_more{ right: 6rem;}
  .head_search{ display: none;}
  .pc_nav.active{ display: block;}
  .pc_nav{ position: absolute; display: none; background: #0158c3; top: 100%; right: 0; width: 50%; height: auto; box-shadow: -2px 2px 4px rgba(0,0,0,0.2);}
  .pc_nav ul{ flex-wrap: wrap;}
  .pc_nav ul li{ width: 100%; border-bottom: 1px solid rgba(255,255,255,0.3);}
  .pc_nav ul li:hover>a{ color: #fff;}
  .pc_nav ul li>a{ text-align: center; color: #fff;}
  .pc_nav ul li>a:after, .pc_nav ul li>a:before{ display: none;}
  .pc_nav ul li .erji{ display: none;}
  .s_banner .swiper .swiper-slide{ height: 36vh;}
  .s_banner .swiper .container span{ font-size: 1.875rem;}
  .s_banner .swiper .container span strong{ font-size: 1.5rem;}
  .s_yewu{ padding-top: 0;}
  .s_yewu .swiper1{ height: 60vh;}
  .syw_biao{ display: none;}
  .s_yewu ul{ position: static; height: auto;}
  .s_yewu ul li{ width: 50%; height: auto; height: 33.33%; padding: 0 5%; display: flex; align-items: center; background: rgba(1,88,195,0.6);}
  .s_yewu ul li a{ height: auto;}
  .s_yewu ul li span{ position: static; transform: translateX(0);}
  .s_yewu ul li:nth-child(2n){ border: none;}
  .s_yewu ul li:not(:nth-last-child(-n+2)){ border-bottom: 1px solid #fff;}
  .s_case ul li{ width: 49%; margin-bottom: 1rem;}
  .s_case ul li:last-child{ display: none;}
  .case_name{ height: auto; position: static; padding: .625rem 0; justify-content: center; text-align: center;}
  .snew_list .new_li{ width: 100%;}
  .map_left{ width: 12rem;}
  .map_right{ width: calc(100% - 12rem); padding-top: 10%;}
  .new_time{ width: 10rem; height: 6rem;}
  .new_text{ width: calc(100% - 13rem);}
  .s_about>img{ display: none !important;}
  .s_about .container{ position: static;  transform: translateY(0);}
  .sab_left, .sab_right{ width: 100%;}
  .sab_right{ margin-top: 3rem;}
  .sab_right i img{ width: 6rem;}
  .s_gg{ padding: 0 15px;}
  .s_gg span{ font-size: 1.5rem;}
  .s_gg a{ width: 30rem; margin-left: 2rem;}
  .s_gg a img{ margin-left: .625rem;}
  .footer{ padding-top: 1.875rem;}
  .foot_left, .foot_link{ display: none;}
  .foot_right{ width: 100%; justify-content: space-between; align-items: center;}
  .foot_di{ padding: 0 15px;}
  .foot_di .container{ flex-wrap: wrap;}
  .foot_di span{ width: 100%;}

  .container{ width: 100%;}

  .n_banner{ height: 26vh;}
  .n_banner>.container{ bottom: 45%;}
  .n_banner>.container>span strong{ font-size: 1.5rem;}
  .n_banner>.container>span{ font-size: 1.875rem;}
  .ny_nav ul{ overflow: scroll; scroll-snap-type: x mandatory; width: 100%}
  .ny_nav ul li{ scroll-snap-align: start; min-width: 30%; width: auto;}
  .ny_nav ul li a{ padding: 0 1rem;}
  .ny_nav ul li a i{ display: none;}
  .ny_nav ul li a em{ text-align: center;}
  body:after{ height: 26vh; animation: none;}
  .n_denglu{ padding: 5% 0;}
  .dl_box{ position: static; transform: translateY(0); margin: 0 auto; width: 70%;}
  .zhong{ padding: 3.75rem 0;}
  .n_biao{ margin-bottom: 1.875rem;}
  .ds_li a, .nnew_head a, .nxm_content .container, .lx_content .container, .n_wenhua ul, #shzr .swiper-slide{ flex-wrap: wrap;}
  .ds_list{ padding: 0 15px;}
  .ds_img, .ds_text, .nnew_head .nnew_img, .nnew_head .nnew_text, .nxm_left, .nxm_right, .lx_left, .lx_right, .shzr_img, .shzr_text{ width: 100%;}
  .nnew_head .nnew_text{ padding: 1.875rem;}
  .nnew_li, .xm_li{ width: 100%;}
  .nnew_li:not(:nth-child(3n)), .xm_li:not(:nth-child(3n)){ margin-right: 0;}
  .nxm_content, .lx_content{ padding: 2.5rem 0;}
  .nxm_left{ padding-right: 0;}
  .nxm_left ul, .nab_ul{ margin-top: 1.875rem;}
  .nxm_right img, .nxm_right.nab_right img{ height: auto; width: 100%;}
  .n_wenhua ul li{ width: 100%; height: auto;}
  .n_wenhua ul li.active{ width: 100%;}
  .n_wenhua ul li>img, .rcln .nxm_right img{ height: auto; width: 100%;}
  .n_wenhua.n_youshi ul li{ height: auto;}
  .n_wenhua.n_youshi ul li:after{ opacity: 1;}
  .xm_li{ margin-bottom: 1.875rem;}
  .rcln .nxm_left{ padding: 0;}
  .n_jiagou{ padding: 3.75rem 0;}
  
}

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

}

@media (min-width:1201px) and (max-width:1440px) {
  /* .container{max-width: 1140px;} */

}

@media (min-width:1920px){
  .container{ max-width: 1920px;}
  .xm_list{ max-width: 1920px; margin: 0 auto;}
}