html{ scroll-behavior:smooth; font-size: 62.5%;}
body{ margin: 0; padding: 0; font-family: 'SourceHanSansCN-Regular' !important;}
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;}

.swiper-wrapper, .swiper-slide{ height: auto;}

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

/* 
@font-face {
	font-family: 'SourceHanSansSC-Regular';
	src: url('../fonts/SourceHanSansSC-Regular.otf');
	font-weight: normal;
	font-style: normal;
} */

@font-face {
	font-family: 'SourceHanSansCN-Regular';
	src: url('../fonts/SourceHanSansCN-Regular.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans Semibold Italic';
	src: url('../fonts/Open Sans Semibold Italic.ttf');
	font-weight: normal;
	font-style: normal;
}

.foot_top a{ display: block; width: 5rem; height: 5rem; background: rgba(255,255,255,0.1); text-align: center;}
.foot_top a i{ display: inline-block; line-height: 5rem; color: rgba(255,255,255,0.75); font-size: 2.4rem;}

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


.header.cur{ background: rgba(60,89,167,0.9); box-shadow: 0px 2px 6px rgba(0,0,0,0.1);}
.header{ position: fixed; top: 0; left: 0; width: 100%; height: 110px; z-index: 990; transition: all 0.5s ease-out;}
.logo{ height: 110px;}
.logo a{ display: inline-block; height: 100%;}
.logo a img{ display: block; height: 100%;}

.pc_nav{ position: relative; width: 65%;}
.pc_nav ul{
  width: calc(100% - 410px);
  padding-right: 50px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;}
.pc_nav ul li a{ font-size: 1.8rem; color: #fff; white-space: nowrap;}

.head_menu.active .menu_xian{ transform: translateX(0); opacity: 1; transition-delay: 0.5s;}
.head_menu.active .menu_xian:before{ left: 20%; transition-delay: 0.7s; opacity: 0.75;}
.head_menu.active{ opacity: 1; pointer-events: auto;}
.head_menu.active .nav_menu{ opacity: 1; transition-delay: 0.3s;}
.head_menu.active:after{ opacity: 1; transition-delay: 0.3s;transform: rotate(-3deg)}

.head_menu{ position: fixed; width: 100%; height: 100vh; top: 0; left: 0; z-index: 989; padding-left: 20%; background: rgba(0,0,0,0.6); overflow: hidden; opacity: 0; pointer-events: none; transition: all 0.3s ease;}
.head_menu:after{
  content: '';
  position: absolute;
  top: -50%;
  left: 20%;
  width: 160%;
  height: 200%;
  border-radius: 70%;
  transform: rotate(-3deg) translateX(10%);
  /*background:url(../images/menu.png) center left no-repeat #2d4ea7;*/
  background: rgba(45,78,167,.85);
  background-size: 58%;
opacity: 0; transition: all 0.3s ease;}
.menu_xian{ width: 20%; overflow: hidden; position: absolute; left: 15%; top: 0; height: 100%; z-index: 2; opacity: 0; transition: all 0.3s ease-out; transform: translateX(50%);}
.menu_xian:after{ content: ''; width: 300%; height: 124.5%; border-radius: 50%; position: absolute; left: 10%; top: -6%; border: 1px solid #fff;}
.menu_xian:before{ content: ''; width: 300%; height: 124.5%; border-radius: 50%; position: absolute; left: 30%; top: -13%; border: 1px solid #fff; opacity: 0.3; transition: all 0.3s ease-out;}
.nav_menu{ width: 100%; height: 100%; padding: 0 5%; padding-left: 15%;
  padding-top: 12%;
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: flex-end;
  overflow: hidden;
  position: relative;
  z-index: 3;
  opacity: 0; transition: all 0.3s ease;
}
/* .nav_menu:after{
  content: '';
  position: absolute;
  top: -50%;
  left: 0;
  width: 200%;
  height: 200%;
  border-radius: 70%;
  transform: rotate(-3deg);
  background:url(../images/menu.png) center left no-repeat #2d4ea7;
  background-size: 58%;
z-index: -1;} */
.nav_menu .flex{ width: 100%;}
.nav_menu .caption{ width: 20%; color: #fff;}
.nav_menu .caption h3{ margin-bottom: 4rem;}
.nav_menu .caption h3 a{ color: #fff; font-size: 2.4rem;}

.one_hide{ max-height: 60vh; overflow: auto; margin-right: 2rem;}
.one_hide .nav_one h4{ padding-left: 2.5rem;}
.one_hide .nav_one h4 i{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); transition: all 0.3s ease; font-size: 1.6rem;}
.one_hide .nav_one .nav_two a{ margin-left: 2rem;}

.nav_one h4{ position: relative; font-size: 1.6rem; color: #fff; opacity: 0.55; transition: all 0.3s ease; margin-top: 1.5rem; cursor: pointer;}
.nav_one h4 a{ color: #fff;}
/* .nav_two{ height: 0; overflow: visible; opacity: 0; transition: all 0.3s ease; pointer-events: none;} */
.nav_two{ display: none;}
.nav_two a{ display: block; font-size: 1.6rem; padding: 0.5rem 0; padding-left: 2rem; color: #fff; opacity: 0.55; position: relative; transition: all 0.3s ease;}
.nav_two a:after{ content: ''; width: 0.8rem; height: 1px; background: #fff; opacity: 0.55; transition: all 0.3s ease; position: absolute; left: 0.5rem; top: 50%; transform: translateY(-50%);}

.nav_two a:hover{ opacity: 1;}
.nav_two a:hover:after{ height: 0.8rem; border-radius: 50%; opacity: 1;}

.nav_one h4:hover{ opacity: 1;}
.nav_one.cur h4{ opacity: 1;}
.nav_one.cur h4 i{ transform: translateY(-50%) rotate(90deg);}
.nav_one.cur .nav_two{ pointer-events: auto; opacity: 1; overflow: initial;}

.nav_foot{ position: absolute; right: 10%; bottom: 20%; width: 60%; text-align: right;}
.nav_foot ul li{ margin-left: 2rem;}
.nav_foot ul li a{ width: 4rem; height: 4rem; border-radius: 50%; opacity: 0.27; background: rgba(255,255,255,0.3); display: block; text-align: center; color: #fff; transition: all 0.3s ease;}
.nav_foot ul li a i{ display: inline-block; font-size: 2rem; line-height: 4rem;}
.nav_foot ul li a:hover{ opacity: 1;}
.nav_foot p{ color: #fff; opacity: 0.27; font-size: 1.6rem; margin-top: 2rem;}
.nav_foot p a{ color: #fff;}

.nav_close{ position: absolute; left: 50%; bottom: 10%; transform: translateX(-50%); width: 13.5rem; height: 5rem; border: 1px solid #fff; border-radius: 2.5rem; line-height: 4.8rem; font-size: 1.6rem; color: #fff;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center; overflow: hidden; transition: all 0.3s ease; cursor: pointer;}
.nav_close i{ display: inline-block;  transform: translateY(-0.3rem); margin-right: 1rem; font-size: 2.4rem; line-height: 2.4rem;}
.nav_close:hover{ border-bottom-right-radius: 0 !important;}
.nav_close div{ position: absolute; left: 0; top: 0; width: 120%; height: 100%; background: rgba(255,255,255,0.1); transform: translateX(-120%) skewX(-30deg); z-index: -1; transition: all 0.3s ease;}
.nav_close:hover div{ transform: translateX(-10%) skewX(-30deg);}

.li_menu.cur{ opacity: 1; pointer-events: auto; transition-delay: 0.3s;}
.li_menu{ width: 76%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%); left: 50%; opacity: 0; pointer-events: none; transition: all 0.3s ease;}
.li_biao{ margin-bottom: 5rem;}
.li_biao a{ font-size: 2.4rem; color: rgba(255,255,255,0.85);}

.li_biao2{ margin-bottom: 2rem;}
.li_biao2 a{ font-size: 1.8rem; color: rgba(255,255,255,0.85);}
.li_biao2 span{ margin-right: 0.3rem;}

.yang_1 .menu_left{ width: 40%;}
.yang_1 .menu_right{ width: 60%; padding-bottom: 10%; padding-left: 5%; border-left: 1px dashed rgba(255,255,255,0.3);}
.yang_1 .menu_left ul li{ width: 49%; margin-right: 2%; margin-bottom: 3rem;}
.yang_1 .menu_left ul li:nth-child(2n){ margin-right: 0;}
.yang_1 .menu_left ul li a{ font-size: 1.6rem; color: rgba(255,255,255,0.7); transition: all 0.3s ease;}
.yang_1 .menu_left ul li a:hover{ color: #fff;}


.yang_3 .menu_left, .yang_3 .menu_center{ border-right: 1px dashed rgba(255,255,255,0.3);}
.yang_3 .menu_left{ width: 22.5%;}
.yang_3 .menu_center{ width: 27.5%; padding-left: 5%;}
.yang_3 .menu_right{ width: 50%; padding-left: 5%;}
.yang_3 ul{ margin-bottom: 2rem;}
.yang_3 ul li{ margin-bottom: 1rem;}
.yang_3 ul li a{ font-size: 1.6rem; color: rgba(255,255,255,0.7); transition: all 0.3s ease;}
.yang_3 ul li a:hover{ color: #fff;}
.yang_3 ul li ul{ margin-top: 1rem;}

.menu_new{position: relative;}
.menu_new a{ display: block;}
.menu_new img{ width: 100%; transition: all 0.3s; border-radius: 1rem; border-bottom-right-radius: 0;}
.menu_new span{ width: 100%; display: block; font-size: 2rem; color: rgba(255,255,255,0.65); line-height: 3.6rem; margin-bottom: 1rem; transition: all 0.3s;}
.menu_new:hover img{ opacity: 0.7;}
.menu_new:hover span{ color: #fff;}

.yang_2 .menu_left{ width: 29.33%;}
.yang_2 .menu_center{ width: 35.33%;}
.yang_2 .menu_right{ width: 35.33%;}
.yang_2 .menu_center{ padding: 0 5%; border-left: 1px dashed rgba(255,255,255,0.3); border-right: 1px dashed rgba(255,255,255,0.3);}
.yang_2 .menu_right{ padding-left: 5%;}
.yang_2 ul{ margin-bottom: 2rem;}
.yang_2 ul li{ margin-bottom: 1rem;}
.yang_2 ul li a{ font-size: 1.6rem; color: rgba(255,255,255,0.7); transition: all 0.3s ease;}
.yang_2 ul li a:hover{ color: #fff;}

.h_menu{ max-height: 50vh; overflow: auto; padding-right: 1%;}
/* 设置滚动条的样式 */
.h_menu::-webkit-scrollbar {
  width:3px;
}
/* 滚动槽 */
.h_menu::-webkit-scrollbar-track {
-webkit-box-shadow: none;
border-radius:0;
background: rgba(255,255,255,0.3);
}
/* 滚动条滑块 */
.h_menu::-webkit-scrollbar-thumb {
border-radius:0;
background:#fff;
-webkit-box-shadow: none;
}
.menu_lx{ color: #fff;}
.menu_lx p{ font-size: 2rem; line-height: 3.4rem; margin-bottom: 2rem;}
.menu_lx ol{ margin: 0; padding: 0;}
.menu_lx ol li{ margin-bottom: 1rem; font-size: 1.6rem;
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: flex-start;}
.menu_lx ol li span{ width: 7rem; margin-right: 0.5rem; display: inline-block; text-align: justify; text-align-last: justify;}






.head_more{ color: #fff; position: relative;}
.head_search{ padding: 0 2.5rem; border-left: 1px solid #fff; height: 20px; line-height: 20px; margin-left: 3rem;}
.head_search i{ font-size: 1.8rem;}
.head_tel{ font-size: 3.2rem; color: #fff;}
.head_tel span{ font-family: 'Open Sans Semibold Italic' !important; display: inline-block; transform: skewX(-5deg); font-weight: bold;}

.menu-link{ cursor: pointer;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;}
.menu-link em{ display: inline-block; font-style: normal; font-size: 1.8rem;}
.menu-link span{ width: 2.5rem; height: 2rem; display: inline-block; position: relative;  margin-left: 0.5rem;}
.menu-link span i{ width: 100%; height: 0.4rem; 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: 0.4rem; 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: 0.4rem; position: absolute; bottom: 0; left: 0;transition: all 0.3s ease-out; transform-origin: right bottom;}
.menu-link.active span:after{ transform: rotate(-45deg); top: -0.05rem;}
.menu-link.active span:before{transform: rotate(45deg); bottom: -0.05rem;}
.menu-link.active span i{ background: transparent;}

.float_box{ position: fixed; right: 1px; top: 50%; transform: translateY(-50%); z-index: 988;}
.float_box ul li{ width: 8rem; height: 8rem; margin-bottom: 2px; position: relative;}
#float_top{ opacity: 0; pointer-events: none; transition: all 0.3s ease;}
#float_top.cur{ opacity: 1; pointer-events: auto;}
.float_box ul li a{ position: absolute; right: 0; top: 0; width: 8rem; height: 8rem; font-size: 1.4rem; color: #fff; transition: all 0.3s ease; background: rgba(60,59,167,0.85); border-radius: 1rem; border-bottom-right-radius: 0 !important; box-shadow: 0px 2px 4px rgba(0,0,0,0.1);
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: center;
  perspective: 400px; transform-style: preserve-3d;}
.float_box ul li i{ font-size: 4rem; line-height: 4rem; display: block; transform: translateY(-1.2rem) scale(0.7); transition: all 0.3s ease;}
.float_box ul li span{ display: block; bottom: 15%; left: 0; width: 100%; text-align: center; position: absolute; transition: all 0.3s ease; transform-origin: center bottom;}
.float_text{ color: #fff; font-size: 1.6rem; opacity: 0; white-space: nowrap;
   position: absolute; top: 50%; transform: translateY(-50%); left: 100%;
  }
.float_text em{ font-size: 1.2rem; display: block; font-style: normal;}
.float_ewm{
    width: 14rem;
    position: absolute;
    top: 50%;
    right: 100%;
    transform: translateX(1rem) translateY(-50%);
    background: #3c59a7;
    padding: 1rem;
    border-radius: .5rem;
    opacity: 0;
    pointer-events:none;
    transition: all 0.3s ease;
}
.float_ewm img{
    width: 100%;
}
.float_box ul li:hover .float_ewm{
    opacity: 1;
    pointer-events:auto;
    transition-delay: 0.3s;
    transform: translateX(0) translateY(-50%);
}
.float_box ul li:hover .float_text{ opacity: 1; transition-delay: 0.3s; left: 8rem;}
.float_box ul li:hover a{ transform: translateX(-100% + 8rem); background: #3c59a7; transition-delay: 0.3s; color: #fff;}
.float_box ul li:hover i{ transform: translateY(0) scale(1);}
.float_box ul li:hover span{ transform: rotateX(90deg); opacity: 0;}

.float_box ul li:hover a.float_tel{ width: 22rem; padding-right: 12rem;}
.float_box ul li:hover a.float_zx{ width: 30rem; padding-right: 20rem;}
.float_box ul li:hover a.float_msg{ width: 29rem; padding-right: 19rem;}
.float_box ul li:hover a.float_top{ width: 22rem; padding-right: 12rem;}


.search_box.active{ opacity: 1; pointer-events: auto; transform: translateY(0);}
.search_box{ width: 45%; opacity: 0; pointer-events: none; position: absolute; top: 100%; right: 0; z-index: 2; transition: all 0.5s; transform: translateY(1.5rem);}
.search_box input{ width: calc(100% - 14rem); height: 5.6rem; background: rgba(0,0,0,0.35); border-radius: 0; border-top-left-radius: 0.6rem; border-bottom-left-radius: 0.6rem; padding: 0 3rem; font-size: 1.8rem; color: #fff; padding-left: 7rem; 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: 3rem; top: 50%; transform: translateY(-50%); color: #fff; opacity: 0.7; font-size: 2.4rem;}
.search_box button{ width: 14rem; font-size: 1.8rem; background: #3c59a7; border: none; border-top-right-radius: 0.6rem; border-bottom-right-radius: 0 !important; color: #fff; font-family: 'MONTSERRAT-BOLD'; outline: none;}



.s_banner{ position: relative; height: 100%; width: 100%;}
.s_banner .swiper0{ width: 100%; height: 100%;}
.s_banner .swiper-slide{ overflow: hidden; position: relative; height: 100vh;}
.s_banner .container{ position: absolute; top: 40%; left: 0; right: 0;}
.s_banner .container img{max-width: 35%;}
.s_banner .swiper-pagination{ bottom: 3.5%;}
.s_banner .swiper-pagination .swiper-pagination-bullet{ background: none; border: 2px solid #fff; opacity: 1; width: 1.2rem; height: 1.2rem; margin: 0 1rem;}
.s_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fff;}

.videoIcon{ position: absolute; left:7.2vw; bottom:5vw;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center; z-index: 2; cursor:pointer;}
.videoIcon1{ position: relative;}
.videoIcon1 .videoIcon01{ position: absolute; left: 0; top: 0; animation: xunzhuan infinite 5s linear;}
@keyframes xunzhuan{
  0%{ transform: rotate(0deg); }
  100%{transform: rotate(360deg);}
}
.videoIcon2{ color:#fff; padding-left: 1.5rem; font-size: 1.6rem;}

.a_more{ width: 14.2rem;}
.a_more a, .a_more>div{ width: 100%; padding-top: 31.69%; background: url(../images/ban_2.png) center no-repeat; background-size: cover; position: relative; display: inline-block;}
.a_more img{ width: 100%; display: none;}
.a_more span{ position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; text-align: center; font-size: 1.4rem; color: #ec7700; display: block;}

.s_product .flex{ padding: 2% 0; padding-bottom: 1%;}
.s_product .tab-content .tab-pane.active .scp_left{ animation: fadeInLeft 0.5s ease-out; animation-fill-mode: forwards;}
.s_product .tab-content .tab-pane.active .scp_right{ animation: fadeInRight 0.5s ease-out; animation-fill-mode: forwards;}
.s_product .tab-content .tab-pane.active .swiper{ animation: fadeInUp 0.5s ease-out; animation-fill-mode: forwards;}
.scp_left{ width: 32%; color: #3c59a7; text-align: center; padding-right: 5%;}
.scp_left i{ font-size: 12rem; line-height: 15rem; display: inline-block; margin: 2rem 0;}
.scp_left strong{ display: block; font-size: 3rem; line-height: 4rem;}
.scp_right{ width: 68%; padding-right: 6rem;}
.scp_right h3{ color: #000; margin-bottom: 2rem; margin-top: 3rem; font-size: 2rem;}
.scp_right .ty_content{ font-size: 1.6rem; line-height: 3rem; color: #666; text-indent: 0;}

.scp_right .ty_content span, .scp_right .ty_content p, .scp_right .ty_content strong{ font-weight: normal !important; color: #666 !important; font-size: 1.6rem !important; font-family: 'SourceHanSansCN-Regular' !important; line-height: 3rem !important;}

.h_auto{ height: 14rem; overflow: auto;}
.scp_right .a_more{ margin-top: 3.5rem;}

.jn_img{ border-radius: 1rem; overflow: hidden; transition: all 0.3s ease; padding-top: 62%;}
.jn_img img{ width: 100%; display: block;}

.s_product{ padding: 4% 0; background: url(../images/s2.jpg) center no-repeat; background-size: cover;}
.s_product .dw{ padding: 0 6rem; position: relative;}
.s_product .dw .cp_prev{ left: 0; display: block; background: none;}
.s_product .dw .cp_next{ right: 0; display: block; background: none;}
.s_product .swiper1{ padding: 0.5rem;}
.s_product .swiper1 .swiper-slide{ height: 98px; padding: 0 1.5rem,; display: block; border-radius: 4rem; border-bottom-right-radius: 0 !important; display: block;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center; background: #fff; box-shadow: 0px 1px 6px rgba(0,0,0,0.1);}
  .s_product .swiper1 .swiper-slide.active{background-image:linear-gradient(to right,#f1bd15,#fd8403); }
  .s_product .swiper1 .swiper-slide.active a{ color: #fff;}
  .s_product .swiper1 .swiper-slide a{ color: #3c59a7; text-align:center; display: inline-block; line-height: 3.6rem; font-size: 2rem; transition: all 0.3s ease;}
  .s_product .tab-content .swiper a{ display: block;}
  .s_product .tab-content .swiper a:hover .jn_img{ transform: scale(0.95);}
  .s_product .tab-content .swiper h4{ font-size: 1.8rem; text-align: center; margin-top: 1rem; color: #666;}
  .jn_fan{ margin-bottom: 2rem;}
  .jn_prev, .jn_next{ margin-left: 0.5rem; width: 4.5rem; height: 4.5rem; border: 0.2rem solid #dedede; border-radius: 50%; font-size: 2.4rem; color: #dedede; text-align: center; line-height: 4.1rem; outline: none; display: block; transition: all 0.3s ease; position: relative;}
  .jn_prev i, .jn_next i{ position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);}
.jn_prev.swiper-button-disabled, .jn_next.swiper-button-disabled{ pointer-events: none;}
.jn_prev:hover, .jn_next:hover{ color: #3c59a7; border-color: #3c59a7;}

.s_youshi{ background: url(../images/ysbg.jpg) center no-repeat; background-size: cover; padding-top: 37.5%; position: relative; color: #fff; overflow: hidden;}
.s_youshi .container{ position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); transition: all 0.5s ease;}
.sys_left{ width: 37%;}
.sys_left h3{ font-size: 3.6rem;}
.sys_left h4{ font-size: 4.2rem; margin: 4rem 0; letter-spacing: 2px;}
.sys_left .swiper2{ padding: 3rem 0;}
.sys_left .swiper2 .swiper-slide.swiper-slide-active h5{ opacity: 1; transform: translateY(0);transition-delay: 0.2s;}
.sys_left .swiper2 .swiper-slide.swiper-slide-active p{ opacity: 1; transform: translateY(0); transition-delay: 0.4s;}
.sys_left .swiper2 .swiper-slide.swiper-slide-active .a_more{ opacity: 1; transform: translateY(0); transition-delay: 0.6s;}
.sys_left .swiper2 h5{ font-size: 3rem; opacity: 0; transform: translateY(3rem); transition: all 0.5s ease-out;}
.sys_left .swiper2 p{ font-size: 1.6rem; line-height: 3rem; text-align: justify; opacity: 0.6; margin-bottom: 3.5rem; margin-top: 2rem; opacity: 0; transform: translateY(3rem); transition: all 0.5s ease-out;}
.sys_left .swiper2 .a_more{ opacity: 0; transform: translateY(3rem); transition: all 0.5s ease-out;}
.sys_right{ position: absolute; right: 0; top: 0; height: 100%; z-index: 2;}
.sys_right img{ height: 100%; display: block;}
.sys_right ul{ padding-top: 110%; width: 100%; position: absolute; top: 0%; left: -10%; border: 1px solid rgba(255,255,255,0.85); border-radius: 50%; z-index: -1;}
.sys_right ul:after{ content: ''; width: 90%; height: 96%; position: absolute; border-radius: 50%; border: 1px solid rgba(255,255,255,0.7); left: 7%; top: -5%;}
.sys_right ul li{ position: absolute; width: 1px; height: 1px; cursor: pointer;}
.sys_right ul li:after{ content: ''; width: 1rem; height: 1rem; border-radius: 50%; background: #fff; position: absolute; top: 50%; left: 50%;  transform: translate(-50%,-50%); z-index: 2;}
.sys_right ul li span{ white-space: nowrap; position: absolute; right: 3rem; top: 50%; transform: translateY(-50%); font-size: 1.8rem; opacity: 0.65; display: inline-block; transition: all 0.3s ease;}
.sys_right ul li:nth-child(1){ left: 5%; top: 27.5%;}
.sys_right ul li:nth-child(2){ left: 2.9%; top: 32.5%;}
.sys_right ul li:nth-child(3){ left: 1.4%; top: 37%;}
.sys_right ul li:nth-child(4){ left: 0.4%; top: 42%;}
.sys_right ul li:nth-child(5){ left: -0.1%; top: 47%;}
.sys_right ul li:nth-child(6){ left: -0.15%; top: 52%;}
.sys_right ul li:nth-child(7){ left: 0.35%; top: 57%;}
.sys_right ul li:nth-child(8){ left: 1.4%; top: 62%;}
.sys_right ul li:nth-child(9){ left: 2.8%; top: 67%;}
.sys_right ul li.on span{ opacity: 1; letter-spacing: 1px; transform: translateX(-1rem) translateY(-50%); text-shadow: 0px 2px 4px rgba(0,0,0,0.3);}

.sys_right ul.cur:after{animation: sys_xian 1s ease;}

.sys_right ul li svg{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); opacity: 0; transition: all 0.3s ease;}
.sys_right ul li svg .jdt2{ transform: rotate(-90deg); transform-origin:20px; }

.sys_right ul li.on svg{ opacity: 1;}
.sys_right ul li.on svg .jdt2{ animation: jtd2 infinite 5s linear; }
@keyframes jtd2{
    0%{ stroke-dasharray:0 120; stroke-dashoffset: 0;}
    100%{ stroke-dasharray:120 0; stroke-dashoffset: 0;}
}
@keyframes sys_xian{
    0%{ opacity: 0; transform: translateX(5%);}
    100%{ opacity: 1; transform: translateX(0);}
}
.s_taocan{ padding: 4% 0; padding-bottom: 1%; background: #f0f5f8;}
.s_taocan h2{ font-size: 3.6rem; color: #3c59a7; position: relative;}
.s_taocan .dw{ margin: 0 3%}
.s_taocan .swiper3{ padding: 3rem 0; padding-bottom: 5%;}
.s_taocan .caption{ position: relative;}
.s_taocan .caption>div{ position: relative; padding-top: 97.9%; overflow: hidden; border-radius: 2rem;}
.s_taocan .caption>div:after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #fff; opacity: 0.88; z-index: 2;}
.s_taocan .caption>div:before{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #3554aa; z-index: 3; opacity: 0; transition: all 0.3s ease;}
.stc_text{ position: absolute; left: 0; top: 0; width: 100%; padding: 0 10%; padding-top: 5%; text-align: justify; z-index: 4; perspective: 400px; transform-style: preserve-3d;}
.stc_img{ color: #3c59a7; transition: all 0.3s ease; padding-left: 1rem;}
.stc_img i{ font-size: 6.4rem;}
/* .stc_img{ width: 10rem; position: relative;} */
/* .stc_img img{ display: block; width: 100%; transition: all 0.3s ease;}
.stc_img img:last-child{ position: absolute; left: 0; top: 0; opacity: 0; z-index: 2;} */
.stc_text h3{ font-size: 2.4rem; color: #000; transition: all 0.3s ease;}
.stc_text p{ line-height: 3rem; margin: 3rem 0; font-size: 1.6rem; color: #444; transition: all 0.3s ease; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;}
.stc_text .a_more{ opacity: 0; transition: all 0.3s ease; transform: rotateX(115deg); transform-origin: center bottom;}
.sts_45{ position: absolute; right: 15%; bottom: 3%; z-index: 5; opacity: 0; width: 10.6rem;}
.s_taocan .caption:hover>div:before{ opacity: 0.85;}
.s_taocan .caption:hover .stc_text h3, .s_taocan .caption:hover .stc_text p{ color: #fff;}
.s_taocan .caption:hover .stc_img{ color: #fff;}
/* .s_taocan .caption:hover .stc_img img{ opacity: 0;}
.s_taocan .caption:hover .stc_img img:last-child{ opacity: 1;} */
.s_taocan .caption:hover .stc_text .a_more{ transform: rotateX(0); opacity: 1;}
.s_taocan .caption:hover .sts_45{ animation: rb_in 1s ease; animation-fill-mode: forwards;}
.s_taocan h2 .jn_fan{ margin-bottom: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}

.s_xiang{ padding: 4% 0;}
.s_xiang h2{ padding: 0 3%; margin-bottom: 3rem;}
.s_xiang h2 strong{ font-size: 3.6rem; color: #3c59a7; display: block;}
.s_xiang h2 span{ font-size: 1.8rem; color: #444; display: block; margin-top: 1rem;}

.xiang_img{ overflow: hidden; position: relative;}
.xiang_left{ position: absolute; width: 50%; left: 0; bottom: 10%; z-index: 2;}
.xiang_left h3{ font-size: 3.6rem; padding-left: 5rem; color: #fff; margin-bottom: 3rem;}
.xiang_left .swiper4{ width: 100%; padding: 5% 0; padding-bottom: 12%; background-image: linear-gradient(to bottom, rgba(30,94,170,0.9), rgba(30,94,170,0.8), rgba(30,94,170,0)); border-top-right-radius: 8rem;}
.xiang_left .swiper4 .swiper-slide{ padding: 0 5rem; color: #fff;}
.xiang_left .swiper4>.swiper-wrapper>.swiper-slide.swiper-slide-active>h5{ opacity: 1; transform: translateY(0);transition-delay: 0.2s;}
.xiang_left .swiper4>.swiper-wrapper>.swiper-slide.swiper-slide-active>p{ opacity: 1; transform: translateY(0); transition-delay: 0.4s;}
.xiang_left .swiper4_1>.swiper-wrapper>.swiper-slide.swiper-slide-active h5{ opacity: 1; transform: translateY(0);transition-delay: 0.2s;}
.xiang_left .swiper4_1>.swiper-wrapper>.swiper-slide.swiper-slide-active p{ opacity: 1; transform: translateY(0); transition-delay: 0.4s;}
.xiang_left .swiper4 h5{ font-size: 2.4rem; opacity: 0; transform: translateY(3rem); transition: all 0.5s ease-out;}
.xiang_left .swiper4 p{ font-size: 1.6rem; line-height: 3rem; text-align: justify; margin-top: 2rem; opacity: 0; transform: translateY(3rem); transition: all 0.5s ease-out; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.xiang_right{ position: absolute; width: 35%; height: 100%; top: 25%; right: 0; transform: translateX(40%); z-index: 3;}
.xiang_right ul{ padding-top: 110%; width: 100%; position: absolute; top: 0%; left: -10%; border: 1px solid rgba(255,255,255,0.85); border-radius: 50%; z-index: -1;}
.xiang_right ul:after{ content: ''; width: 90%; height: 96%; position: absolute; border-radius: 50%; border: 1px solid rgba(255,255,255,0.7); left: 8%; top: -5%;}
.xiang_right ul li{ position: absolute; width: 1px; height: 1px; cursor: pointer;}
.xiang_right ul li:after{ content: ''; width: 1rem; height: 1rem; border-radius: 50%; background: #fff; position: absolute; top: 50%; left: 50%;  transform: translate(-50%,-50%); z-index: 2;}
.xiang_right ul li span{ white-space: nowrap; position: absolute; right: 2rem; top: 50%; transform: translateY(-50%); font-size: 1.8rem;; display: inline-block; transition: all 0.3s ease; color: #fff; text-shadow: 0px 2px 4px rgba(0,0,0,0.3);}
.xiang_right ul li:nth-child(1){ left: 7%; top: 24%;}
.xiang_right ul li:nth-child(2){ left: 1.9%; top: 35.5%;}
.xiang_right ul li.on span{ right: 4rem;}

.xiang_right ul li svg{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); opacity: 0; transition: all 0.3s ease;}
.xiang_right ul li svg .jdt2{ transform: rotate(-90deg); transform-origin:20px; }

.xiang_right ul li.on svg{ opacity: 1;}
.xiang_right ul li.on svg .jdt2{ animation: jtd2 infinite 5s linear; }



.footer{ background: #2a2a2a; color: #fff;}
.foot_logo{ padding: 5rem 0;}
.foot_logo img{ height: 11rem;}
.foot_left{ width: 50%;}
.foot_center{ width: 29%;}
.foot_right{ width: 21%;}
.foot_left ul li{ width: 25%;}
.foot_left ul li h4{ margin: 0; font-size: 1.8rem; margin-bottom: 1.5rem;}
.foot_left ul li h5{ margin: 0.5rem 0; line-height: 2.4rem;}
.foot_left ul li h5 a{ display: inline-block; transition: all 0.3s ease; font-size: 1.6rem; color: rgba(255,255,255,0.35);}
.foot_left ul li h5 a:hover{ color: rgba(255,255,255,1);}

.foot_center{ padding-left: 2.5rem; padding-right: 5%; border-left: 1px solid #5c6064;}
.foot_center h4{ font-size: 1.8rem; margin-bottom: 2rem;}
.foot_center h5{ margin-bottom: 1.5rem; font-size: 1.6rem;}
.foot_center h5 span{ color: #ec7700; font-size: 2.4rem; font-style: italic;font-family: 'Open Sans Semibold Italic' !important;}
.foot_center p{ color: rgba(255,255,255,0.35); line-height: 3rem; font-size: 1.6rem;}

.foot_right h3{ font-size: 1.8rem; margin-bottom: 1.5rem;}
.foot_right input{ height: 4.5rem; padding: 0 1rem; background: #3c59a7; outline: none; color: #fff; display: block; width: 100%; border-radius: 0.8rem; border: 1px solid #5c6064; box-shadow: none; font-size: 1.6rem;}
.foot_right input::placeholder{ color: #fff;}
.foot_right button{ display: inline-block; padding: 1.2rem 2rem; border-radius: 2rem; font-size: 1.6rem; color: #fff;background-image:linear-gradient(to right,#e4b02a,#ee7400);  border: none; border-bottom-right-radius: 0 !important;}
.yizhanshi{ font-size: 1.8rem; margin-top: 3rem; margin-bottom: 1rem; color: #b5b5b6;}
.foot_di{ color: #5c6064; padding: 1.5rem 0; background: #181818; font-size: 1.4rem; line-height: 3rem;}
.foot_di a{ color: #5c6064; transition: all 0.3s ease;}
.foot_di a:hover{ color: #fff;}
.foot_di ul li{ display: inline-block; margin-left: 1.5rem;}
.foot_di ul li a{ width: 3rem; height: 3rem; text-align: center; border-radius: 50%; background: #3e3e3e; color: #9d9d9d; display: block; text-shadow: 0px 2px 2px rgba(0,0,0,0.1);}

.sousuobiao{ margin: 2rem 0;}
.sousuobiao ul li{ margin-right: 2rem; display: inline-block;}
.sousuobiao ul li a{ display: inline-block; padding: 1rem 3rem; font-size: 1.8rem; color: #333; background: #fff; box-shadow: 0px 2px 0.4rem rgba(0,0,0,0.2); border-radius: 3rem; border-bottom-right-radius: 0;}
.sousuobiao ul li.active a{ background: #2d4ea7; color: #fff; border-color: #2d4ea7;}




.n_banner.on{ height: auto;}
.n_banner.on .nban_bg{ height: auto; padding-top: 33%;}
.n_banner{ height: 100vh; overflow: hidden; position: relative;}
.n_banner .nban_bg{ width: 100%; height: 100%; animation: zoom_big2 16s ease-out infinite;}
.n_banner .container{ position: absolute; top: 48%; transform: translateY(-50%); z-index: 2; left: 0; right: 0;}
.nban_biao{ color: #fff; width: 35%;}
.nban_biao strong, .nban_biao span, .nban_biao p{overflow: hidden; position: relative; display: block; color: transparent;}
.nban_biao strong{ font-size: 4.8rem; line-height: 4.8rem;}
.nban_biao span{ font-size: 4.8rem; font-weight: lighter;}
.nban_biao em{ width: 6rem; height: 0.3rem; background: #fff; display: block; margin-top: 2rem; margin-bottom: 3.5rem;}
.nban_biao p{ font-size: 1.8rem; line-height: 3.6rem;}
.nban_biao strong:after, .nban_biao span:after, .nban_biao p:after{ content: attr(data-text); position: absolute; top: 0; left: 0; width: 100%; transition: all 0.6s ease-out; transform: translateY(100%); color: #fff;}
.nban_biao.cur strong:after, .nban_biao.cur span:after, .nban_biao.cur p:after{ transform: translateY(0);}

@keyframes zoom_big2 {
  0%{
    transform: scale(1);
  }
  60% {
    transform: scale(1.05);
  }
  95% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}

.ny_nav{ margin-top: -7.5rem; position: relative; z-index: 2;}
.ny_nav ul{display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center; padding: 1.2rem 5%; background: #fff; border-radius: 2rem; box-shadow: 0px 4px 8px rgba(0,0,0,0.1);}
.ny_nav ul li{ width: 16.66%; position: relative; padding: 0 1px;}
.ny_nav ul.good li{ width: 14.28%;}
.ny_nav ul li:last-child:after{ display: none;}
/* .ny_nav ul li:after{ content: ''; width: 1px; height: 60%; background: #dedede; position: absolute; right: 0; top: 20%;} */
.ny_nav ul li a{ font-size: 1.8rem; padding: 2rem 0; text-align: center; width: 100%; border-radius: 1rem; border-bottom-right-radius: 0 !important; color: #5c6064; display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center; transition: all 0.5s ease;}
.ny_nav ul li a i{ display: inline-block; margin-right: 1rem; font-size: 3rem;}
.ny_nav ul li.active a{ background: #3c59a7; color: #fff;}
.ny_nav ul li a:hover{ color: #3c59a7;}
.ny_nav ul li.active a:hover{ color: #fff;}

.weizhi{ color: rgba(0,0,0,0.45); padding: 4rem 0; font-size: 1.4rem;}
.weizhi a{ color: rgba(0,0,0,0.45);}
.weizhi a:last-child{ color: rgba(0,0,0,0.65);}

.n_biao{ margin-bottom: 2rem;}
.n_biao.bai_bg span{ background: rgba(255,255,255,0.85);}
.n_biao span{ border: 0.5rem solid #3c59a7; color: #3c59a7; 
  border-radius: 3rem; border-bottom-right-radius: 0 !important; display: inline-block; position: relative;}
.n_biao span>div{ overflow: hidden; padding: 1.5rem 8rem;}
.n_biao span strong{ font-size: 3.6rem; display: block; line-height: 3.6rem; width: 100%;}
.n_biao span em{ font-size: 1.8rem; text-transform: capitalize; display: block; line-height: 1.8rem; font-size: 1.8rem; font-style: normal; margin-top: 0.5rem; width: 100%;}
.n_biao span img{ width: 4.5rem; position: absolute; bottom: 0; right: 0; transform: translateX(50%) translateY(50%);}

.about_1 .flex{ margin-top: 6rem; margin-bottom: 1rem;}
.about_1{ padding-bottom: 2%;}
.nab_left{ width: 50%;}
.nab_left .ty_content{ overflow: auto; max-height: 47rem;}

/* 设置滚动条的样式 */
.nab_left .ty_content::-webkit-scrollbar {
  width:12px;
  }
/* 滚动槽 */
.nab_left .ty_content::-webkit-scrollbar-track {
-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
border-radius:10px;
}
/* 滚动条滑块 */
.nab_left .ty_content::-webkit-scrollbar-thumb {
border-radius:10px;
background:rgba(0,0,0,0.1);
-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);
}
.nab_left .ty_content::-webkit-scrollbar-thumb:window-inactive {
background:rgba(0,0,0,0.1);
}

/* 设置滚动条的样式 */
.h_auto::-webkit-scrollbar {
  width:12px;
  }
/* 滚动槽 */
.h_auto::-webkit-scrollbar-track {
-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
border-radius:10px;
}
/* 滚动条滑块 */
.h_auto::-webkit-scrollbar-thumb {
border-radius:10px;
background:rgba(0,0,0,0.1);
-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);
}
.h_auto::-webkit-scrollbar-thumb:window-inactive {
background:rgba(0,0,0,0.1);
}



.nab_right{ width: 50%; padding-left: 2.5%;}
.nab_right{ padding-left: 2.5%; position: relative;}
.nab_right i{ position: absolute; top: 45%; transform: translateX(-50%) translateY(-50%); left: 50%; z-index: 2; display: inline-block; color: #fff; font-size: 6rem; text-shadow: 0px 2px 6px rgba(0,0,0,0.1);}
.nab_right video{ width: 100%; height: 45rem; outline: none;}

.n_honor{ padding: 5% 0; padding-bottom: 3%; background: url(../images/honor_bg.jpg) center no-repeat; background-size: cover;}
.n_honor h4{ font-size: 1.8rem; color: #000;}
.n_honor h5{ font-size: 1.4rem; color: #000;}
.n_honor .swiper-slide a{ padding-top: 90%; position: relative; display: block; overflow: hidden; perspective: 400px; transform-style: preserve-3d; background: #fff;}
.n_honor .swiper-slide a img{ position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); max-width: 90%; max-height: 90%;}
.n_honor .swiper-slide a span{ padding: 2rem 3rem; width: 80%; background-image: linear-gradient(to bottom, rgba(60,89,167,0.9), rgba(60,89,167,0.8), rgba(60,89,167,0)); position: absolute; bottom: 0; left: 0; z-index: 2; font-size: 1.8rem; height: 12rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; border-top-right-radius: 3rem; color: #fff; opacity: 0; transition: all 0.5s ease; transform: rotateX(90deg); transform-origin: center bottom;}
.n_honor .swiper-slide:hover a span{ opacity: 1; transform: rotateX(0);}
.ico_prev, .ico_next{ width: 4.5rem; height: 4.5rem; border: 0.2rem solid #dedede; background: #fff; border-radius: 50%; line-height: 4.1rem; text-align: center; font-size: 2.4rem; color: #dedede; transition: all 0.3s ease; outline: none; position: relative;}
.ico_prev i, .ico_next i{ position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.ico_prev.swiper-button-disabled, .ico_next.swiper-button-disabled{ pointer-events: none;}
.ico_prev:hover, .ico_next:hover{ color: #3c59a7; border-color: #3c59a7;}
.n_honor .dw{ margin: 4rem 0; margin-bottom: 5rem; padding: 0 2rem;}
.dw{ position: relative;}
.dw .ico_prev{ left: -4.5rem;}
.dw .ico_next{ right: -4.5rem;}
.dw .ico_prev, .dw .ico_next{ position: absolute; top: 50%; transform: translateY(-50%);}
.n_more a{ position: relative; display: inline-block;}
.n_more a span{ position: absolute; top: 50%; width: 100%; text-align: center; transform: translateY(-50%); z-index: 2; font-size: 1.4rem;
  background-image:linear-gradient(to right,#f1bd15,#fd8403); 
  -webkit-background-clip:text; 
  -webkit-text-fill-color:transparent;}

.n_hot{ padding: 5% 0; padding-bottom: 3%; background: url(../images/xm_bg.jpg) center no-repeat; background-size: cover;}
.n_hot .dw{ margin-top: 6rem; padding: 0 1rem;}
.n_hot .swiper-slide a{ padding-top: 65.95%; position: relative; display: block; overflow: hidden;}

.lan_text{ padding: 4rem; width: 90%; position: absolute; bottom: 0; left: 0; z-index: 2; border-top-right-radius: 3rem; height: 10.8rem; transition: all 0.5s ease; perspective: 400px; transform-style: preserve-3d;}
.lan_text:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(to bottom, rgba(60,89,167,0.9), rgba(60,89,167,0.8), rgba(60,89,167,0)); opacity: 0; transition: all 0.5s ease; z-index: -2; border-top-right-radius: 2rem;}
.n_hot .swiper-slide:hover .lan_text{ height: 16.5rem;}
.n_hot .swiper-slide:hover .lan_text:after{ opacity: 1;  transition-delay:  0.3s;}
.lan_text h4{ margin: 0; font-size: 2.4rem; color: #fff; font-weight: bold;}
.lan_text p{ margin: 0; font-size: 1.6rem; line-height: 2.4rem; color: #fff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transform: rotateX(-90deg); transform-origin: center top; transition: all 0.5s ease; position: relative; z-index: 2; opacity: 0;}
.n_hot .swiper-slide:hover .lan_text p{ margin-top: 1.5rem; transform: rotateX(0); opacity: 1;}

.ico_45{ background: url(../images/45.png) center no-repeat; background-size: cover;}

.nan_biao{ margin-bottom: 2rem;}
.nan_left{ width: 65%; position: relative; padding-left: 5rem;}
.nan_left .ico_45{ width: 3.9rem; height: 3.9rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.nan_left p{ margin: 0; font-size: 1.6rem; color: #666; line-height: 24px;}
.nan_left p strong{ display: block; color: #e27d15; font-size: 1.6rem;}
.nan_left p span{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.nan_right{ width: 30%; position: relative;}
.nan_right button{ outline: none; position: absolute; left: 0; width: 6.5rem; top: 0; height: 5rem; border: none; background: none; z-index: 2; text-align: center;}
.nan_right button:after{ content: ''; width: 1px; height: 50%; top: 25%; background: #ccc; position: absolute; right: 0;}
.nan_right button i{ display: inline-block; line-height: 5rem; color: #3c59a7; font-size: 2rem;}

.nan_right input:last-child{ outline: none; position: absolute; left: 0; width: 6.5rem; top: 0; height: 5rem; border: none; background: none; z-index: 2; text-align: center;}
.nan_right input:last-child:after{ content: ''; width: 1px; height: 50%; top: 25%; background: #ccc; position: absolute; right: 0;}
.nan_right input:last-child i{ display: inline-block; line-height: 5rem; color: #3c59a7; font-size: 2rem;}

.nan_right input:first-child{ width: 100%; outline: none; height: 5rem; background: #fff; padding: 0 1.5rem; padding-left: 8rem; border: none; border-radius: 2.5rem; font-size: 1.6rem;}

.case_li{ background: #fff; border-radius: 2rem; padding: 0 5%; margin-bottom: 1%;}
.case_li>a{ display: block; padding: 2% 0; position: relative;}
.case_li h5{ font-size: 1.6rem; color: #666; transition: all 0.5s ease;}
.case_li h4{ font-size: 2.4rem; color: #000; margin-bottom: 1.5rem; transition: all 0.5s ease;}
.case_li p{ font-size: 1.6rem; line-height: 3rem; color: #666; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.case_img{ position: absolute; top: 0; right: 0; width: 28%; transform: translateY(-10%); opacity: 0; transition: all 0.5s ease;}
.case_img .case_45{ display: block; width: 6rem; position: absolute; right: 0; bottom: 0; opacity: 0;}
.case_img .case_45 img{ display: block; width: 100%;}
.case_img>div{ padding-top: 52%;}
.case_text .a_more{ width: 11rem; height: 0; overflow: visible; transition: all 0.5s ease; transform-style: preserve-3d; perspective: 400px;}
.case_text .a_more>div{ transform: rotateX(-90deg); transform-origin: center top;transition: all 0.5s ease; opacity: 0;}
.case_li:hover h5,.case_li:hover h4{ color: #3c59a7;}
.case_li:hover .case_text{ width: 70%;}
.case_li:hover .case_text .a_more{ margin-top: 3rem; height: 4rem;}
.case_li:hover .case_text .a_more>div{transform: rotateX(0); opacity: 1;}
.case_li:hover .case_img{ opacity: 1; transform: translateY(0);}
.case_li:hover .case_img .case_45{ animation: rb_in 0.6s ease-out; animation-fill-mode: forwards;}
.n_case{ padding-bottom: 5%;}

.n_case.youhui .case_li .case_text{ margin-left: 9rem;}
.case_li:hover .case_text{ width: calc(70% - 9rem);}
.case_ico{ position: absolute; left: 0; top: 3rem; color: #9fa0a0;}
.case_ico i{font-size: 6rem; line-height: 6rem;}

.n_case.dongtai .case_li{ transition: all 0.3s ease;}
.n_case.dongtai .case_li:hover{ box-shadow: 0px 4px 10px rgba(0,0,0,0.1);}
.n_case.dongtai .case_li:hover .case_text{ width: 100%;}
.n_case.dongtai .case_text .a_more{ position: absolute; right: 0; top: 0; z-index: 2;}
.n_case.dongtai .case_li p{ margin-bottom: 0;}

.n_liucheng{ padding-bottom: 10%;}
.n_liucheng .n_biao{ margin-bottom: 5rem;}
.n_liucheng .caption{ width: 10.625%; background: #f0f5f8; padding: 5% 2.5rem;}
.n_liucheng .caption:first-child{ width: 31.25%;}
.n_liucheng .ty_content{ text-indent: 0; line-height: 2.4rem;}
.n_liucheng .caption h3{ text-align: center; font-size: 2.4rem; margin-bottom: 2rem;}
.n_liucheng .caption h3 span{ font-weight: bold; color: #ec7700; display: block; margin-bottom: 1.5rem;}
.n_liucheng .caption:first-child h3 span{ display: inline-block; margin: 0;}
.n_liucheng .caption input.form-control{ font-size: 1.4rem; height: 3.4rem;}
.n_liucheng .caption textarea.form-control{ font-size: 1.4rem;}
.n_liucheng .caption button{ border: none; height: 3.4rem; background: #ec7700; color: #fff; padding: 0 2rem; font-size: 1.4rem; border-radius: 0.2rem;}
.n_liucheng .caption button:focus{ background: #dd6f00;}
.n_liucheng .caption input.form-control:focus, .n_liucheng .caption textarea.form-control:focus{box-shadow: none; border-color: #ec7700;}

.n_shuoming .n_biao{ margin-bottom: 8rem;}
.n_shuoming .ty_content{ border-top-right-radius: 3rem; padding: 3%; color: #fff; padding-bottom: 10%; background-image: linear-gradient(to bottom, rgba(60,89,167,0.9), rgba(60,89,167,0.8), rgba(60,89,167,0)); text-indent: 0;}

.nab_fuwu .n_biao{ margin-bottom: 5rem;}
.fuwu_bg{ overflow: hidden; border-top-right-radius: 3rem; border-top-left-radius: 3rem;}
.nab_fuwu .ty_content{ padding: 3% 8%; color: #fff; padding-bottom: 10%; background-image: linear-gradient(to bottom, rgba(60,89,167,0.9), rgba(60,89,167,0.8), rgba(60,89,167,0.3));}

.kjfw_left{ padding-right: 5%;}
.kjfw_left h2{ font-size: 3rem; padding-bottom: 1.8rem; border-bottom: 0.3rem solid #dcdcdc; margin-bottom: 0.5rem; color: #111;}
.kjfw_left h2 span{ display: inline-block; margin-left: 3rem;}
.kjfw_left h2 i.ico_45{ width: 7rem; height: 7rem; display: inline-block;}
.kjfw_img{ border-radius: 2rem; border-bottom-right-radius: 0 !important; margin-top: 2rem;}
.kjfw_left ul li{ padding: 0 2rem; margin-top: 0.8rem; padding-right: 3rem; border-radius: 1.5rem; position: relative; border-bottom-right-radius: 0 !important;}
.kjfw_left ul li:after{ content: ''; position: absolute; left: 0; width: 100%; height: 1px; background: #dedede; bottom: -1px;}
.kjfw_left ul li i{ position: absolute; right: 1.5rem; top: 50%; transform: translateY(-50%); font-size: 1.6rem; display: inline-block; color: #999; transition: all 0.3s ease;}
.kjfw_left ul li a{ padding: 1.2rem 0; line-height: 3rem; font-size: 1.8rem; color: #333; display: block; transition: all 0.3s ease;}
.kjfw_left ul li.active{ background: #ec7700;}
.kjfw_left ul li.active a{ color: #fff; font-weight: bold; letter-spacing: 0.1rem}
.kjfw_left ul li.active i{ color: #fff; transform: translateX(-0.5rem) translateY(-50%);}
.kjfw_left ul li:hover a{ color: #ec7700;}
.kjfw_left ul li:hover i{ color: #ec7700; transform: translateX(-0.5rem) translateY(-50%);}
.kjfw_left ul li.active:hover a{ color: #fff;}
.kjfw_left ul li.active:hover i{ color: #fff;}

.kjfw_right{ padding-bottom: 5%;}
.kjfw_right ul.zi li{ width: 49%; margin-right: 2%; margin-bottom: 4%;}
.kjfw_right ul.zi li:nth-child(2n){ margin-right: 0;}
.kjfw_right ul.zi li:nth-child(3n){ margin-right: 2%;}
.kjfw_right ul.zi li:hover{ transform: scale(1);}
.kjfw_right ul li:nth-child(3n){ margin-right: 0;}
.kjfw_right ul li{ width: 32.6%; margin-right: 1.1%; margin-bottom: 2%; position: relative; background: #3c59a7; border-radius: 2rem; overflow: hidden; border-bottom-right-radius: 0 !important; color: #fff; transition: all 0.3s ease;}
.kjfw_right ul li a{ color: #fff;}
.kjfw_right ul li img{ display: block; width: 100%; opacity: 0.14;}
.kjfw_right .caption{ position: absolute; left: 10%; width: 80%; top: 8%; z-index: 2;}
.kjfw_right .caption strong{ display: block; font-size: 2.4rem;}
.kjfw_right .caption i{ display: block; font-size: 7rem;}
.kjfw_right ul li:hover{ transform: scale(0.95);}

.kjfw_right .caption h3{ margin-bottom: 10%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;}
.kjfw_right .caption h3 strong{ margin-left: 2rem;}
.kjfw_right .caption p{
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: flex-start;}
.kjfw_right .caption p{ margin-left: 12%;}
.kjfw_right .caption p.p_else{ width: 76%;}
.kjfw_right .caption p a{ width: 100%; padding: 0 2rem; font-size: 1.6rem; display: block; position: relative; letter-spacing: 1px; margin-top: 1.5rem; line-height: 2.4rem;}
.kjfw_right .caption p a:after{ content: ''; width: 1rem; height: 1rem; border-radius: 0.2rem; background: #fff; position: absolute; left: 0; top: 0.7rem;}
.kjfw_right .caption p a span{ display: inline-block; padding-bottom: 0.5rem; position: relative;}
.kjfw_right .caption p a span:after{ content: ''; width: 0; height: 3px; background: #fff; position: absolute; left: 0; bottom: 0; transition: all 0.3s ease-out;}
.kjfw_right .caption p a:hover span:after{ width: 100%;}
.kjfw_right .caption p.p_else a{ width: 50%;}

.about_2{ padding-bottom: 5%;}
.honor_li{ width: 23%; margin-right: 2.66%; border: 1px solid #dedede; margin-bottom: 2.66%;}
.honor_li:nth-child(4n){ margin-right: 0;}
.honor_li:nth-last-child(-n+4){ margin-bottom: 0;}
.honor_li a{ position: relative; display: block; overflow: hidden; perspective: 400px; transform-style: preserve-3d; padding-top: 90%;}
.honor_li a img{ position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); max-width: 90%; max-height: 90%;}
.honor_li a span{ padding: 2rem 3rem; width: 80%; background-image: linear-gradient(to bottom, rgba(60,89,167,0.9), rgba(60,89,167,0.8), rgba(60,89,167,0)); position: absolute; bottom: 0; left: 0; z-index: 2; font-size: 1.8rem; height: 12rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; border-top-right-radius: 3rem; color: #fff; opacity: 0; transition: all 0.5s ease; transform: rotateX(90deg); transform-origin: center bottom;}
.honor_li:hover a span{ opacity: 1; transform: rotateX(0);}

.n_contact{ padding-bottom: 5%;}
.n_contact h3{ margin-bottom: 5rem; font-size: 3.6rem; color: #3c59a7;}
.n_contact ul li:nth-child(2n){ width: 44%;}
.n_contact ul li{ width: 49%; border-radius: 5rem; background: #fff; box-shadow: 0rem 0.2rem 0.6rem rgba(0,0,0,0.2); padding: 3rem 5rem; margin-bottom: 1.6%; color: #555;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;}
.n_contact ul li i{ width: 8rem; height: 8rem; border-radius: 50%; background: #f0f5f8; color: #3c59a7; line-height: 8rem; text-align: center; display: inline-block; font-size: 4rem; transition: all 0.3s ease;}
.n_contact ul li span{ font-size: 3.6rem; margin-left: 2.5rem; margin-right: 2rem;}
.n_contact ul li span.mh{ width: 16.5rem; padding-right: 1.5rem; position: relative; text-align: justify; text-align-last: justify;}
.n_contact ul li span.mh:after{ content: ':'; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.n_contact ul li div{ font-size: 4rem; line-height: 4.6rem;}
.n_contact ul li div strong{ font-size: 4.8rem; color: #ec7700;}
.n_contact ul li span sub{ font-size: 1.4rem; margin-left: 1.5rem; bottom: 0;}
.n_contact ul li span em{ font-size: 1.6rem; display: block; font-style: normal;}
.n_contact ul li:last-child{ background: #3c59a7; color: #fff;}
.n_contact ul li:last-child a{ color: #fff; display: inline-block; transition: all 0.3s ease;}
.n_contact ul li:last-child a:hover{ transform: scale(1.1);}
.n_contact ul li:last-child i{ background: #3c59a7; color: #fff;}
.n_contact ul li:hover i{ background: #3c59a7; color: #fff;}

.swyy_biao{ margin-bottom: 2%;}
.swyy_biao strong{ font-size: 4rem; color: #3c59a7; display: inline-block;}
.swyy_li:nth-child(2n){ background: #fff; padding: 3% 0;}
.swyy_li:nth-child(2n-1){ padding: 3% 0; padding-bottom: 1%;}
.swyy_li:first-child{ padding-top: 0;}
.swyy_li ul li{ width: 22%; margin-right: 4%; text-align: center; margin-bottom: 3%;}
.swyy_li ul li a{ height: 100%; border-radius: 3rem; border-bottom-right-radius: 0 !important; box-shadow: 0px 0.4rem 1.2rem rgba(0,0,0,0.1); transition: all 0.3s ease; position: relative; z-index: 2; display: block; padding: 5% 20%; padding-top: 8%; color: #222;}
.swyy_li ul li a:before{ content: ''; width: 100%; height: 100%; transition: all 0.3s ease; background: #fff; border-radius: 3rem; border-bottom-right-radius: 0 !important; position: absolute; left: 0; top: 0; z-index: -1;}
.swyy_li ul li a:after{ content: ''; width: 100%; height: 100%; transition: all 0.3s ease; background: #ec7700; border-radius: 3rem; border-bottom-right-radius: 0 !important; position: absolute; left: 0; top: 0; z-index: -2; opacity: 0;}

.swyy_li ul li .yyli_a{ height: 100%; border-radius: 3rem; border-bottom-right-radius: 0 !important; box-shadow: 0px 0.4rem 1.2rem rgba(0,0,0,0.1); transition: all 0.3s ease; position: relative; z-index: 2; display: block; padding: 5% 20%; padding-top: 8%; color: #222;}
.swyy_li ul li .yyli_a:before{ content: ''; width: 100%; height: 100%; transition: all 0.3s ease; background: #fff; border-radius: 3rem; border-bottom-right-radius: 0 !important; position: absolute; left: 0; top: 0; z-index: -1;}
.swyy_li ul li .yyli_a:after{ content: ''; width: 100%; height: 100%; transition: all 0.3s ease; background: #ec7700; border-radius: 3rem; border-bottom-right-radius: 0 !important; position: absolute; left: 0; top: 0; z-index: -2; opacity: 0;}
.swyy_li ul li .yyli_a .nb_class_biao{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;}
.swyy_li ul li .yyli_a .nb_class_biao i{ color: #fff; line-height: 2.4rem; font-size: 2.4rem;}
.swyy_li ul li .yyli_a .nb_class_biao span{ font-size: 1.8rem; margin: 0; margin-left: 1rem; color: #fff;}
.swyy_li ul li:hover .yyli_a:before{ opacity: 1; background: #3c59a7;}
.swyy_li ul li:hover .yyli_a:after{ transform: translateX(1rem) translateY(1rem); opacity: 1;}

.yyli_a .nb_class{ opacity: 0; pointer-events: none;}
.yyli_a:hover .nb_class{ opacity: 1; pointer-events: auto;}
.yyli_a:hover>i, .yyli_a:hover>span{ opacity: 0; pointer-events: none;}
.yyli_a .nb_class{ position: absolute; top: 50%; left: 0; right: 0; width: 80%; transform: translateY(-50%); margin: 0 auto; text-align: left;}
.yyli_a .nb_class a{ height: auto; border-radius: 0; box-shadow: none; padding: 0; color: #fff; font-size: 1.4rem; padding-left: 3.5rem; position: relative; margin: 0.8rem 0;}
.yyli_a .nb_class a:before{ display: none;}
.yyli_a .nb_class a:after{ content: ''; width: 0.8rem; height: 0.8rem; border-radius: 50%; background: #fff; position: absolute; left: 1.5rem; top: 50%; transform: translateY(-50%); opacity: 1;}
.yyli_a:hover .nb_class a:after{ transform: translateY(-50%);}

.swyy_li ul li:nth-child(4n){ margin-right: 0;}
.swyy_li ul li i{ font-size: 8rem; color: #3c59a7; display: block; line-height: 8rem; transition: all 0.3s ease;}
.swyy_li ul li:hover img{mix-blend-mode: divide;}
.swyy_li ul li span{ display: block; font-size: 2.4rem; line-height: 3rem; margin-top: 2rem;}
.swyy_li ul li:hover i{ color: #fff;}
.swyy_li ul li:hover a{ box-shadow: none; color: #fff;}
.swyy_li ul li:hover a:before{ opacity: 1; background: #3c59a7;}
.swyy_li ul li:hover a:after{ transform: translateX(1rem) translateY(1rem); opacity: 1;}

.swyy_swiper{ background: #3c59a7; overflow: hidden; position: relative;}
.swyy_left{ width: 30%; position: absolute; left: 7%; height: 100%; overflow: hidden; z-index: 5;}
.swyy_right{ width: 78%; margin-left: 22%; background: #fff; padding-left: 8%; position: relative;}
.swyy_right a{ padding-top: 54%; display: block;}
.swyy_hu{ position: absolute; left: 0; top: 0; z-index: 2; height: 100%; pointer-events: none;}
.swyy_hu img{ height: 100%;}
.swyy_right .swiper1 .swiper-pagination1{ bottom: 8%;}
.swyy_right .swiper1 .swiper-pagination1 .swiper-pagination-bullet{ margin: 0 0.8rem; background: none; border: 1px solid #3c59a7; opacity: 1;}
.swyy_right .swiper1 .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #3c59a7;}

.swyy_left ul{ height: 125%; width: 160%; position: absolute; top: 0%; left: 36%; border: 1px solid rgba(255,255,255,0.85); border-radius: 50%; z-index: 2;}
.swyy_left ul:after{ content: ''; width: 90%; height: 96%; position: absolute; border-radius: 50%; border: 1px solid rgba(255,255,255,0.7); left: 7%; top: -5%;}
.swyy_left ul li{ position: absolute; width: 1px; height: 1px;}
.swyy_left ul li:after{ content: ''; width: 0.6rem; height: 0.6rem; border-radius: 50%; position: absolute; top: 50%; transform: translateY(-50%); background: #fff;}
.swyy_left ul li:nth-child(1){ top: 25%; left: 0;}
.swyy_left ul li:nth-child(1):after{ right: -5.2rem;}
.swyy_left ul li:nth-child(1) svg{ right: -8.8rem;}
.swyy_left ul li:nth-child(2){ top: 35%; left: 0;}
.swyy_left ul li:nth-child(2):after{ right: -1.9rem;}
.swyy_left ul li:nth-child(2) svg{ right: -5.6rem;}
.swyy_left ul li:nth-child(3){ top: 45%; left: 0;}
.swyy_left ul li:nth-child(3):after{ right: -0.3rem;}
.swyy_left ul li:nth-child(3) svg{ right: -4rem;}
.swyy_left ul li:nth-child(4){ top: 55%; left: 0;}
.swyy_left ul li:nth-child(4):after{ right: -0.3rem;}
.swyy_left ul li:nth-child(4) svg{ right: -4rem;}

.swyy_left ul li span{ padding: 1rem 2rem; border: 1px solid #fff; border-radius: 0.8rem; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); right: 6rem; color: #fff; white-space: nowrap; font-size: 1.6rem; cursor: pointer;}
.swyy_left ul li span i.ico_45{ width: 4rem; height: 4rem; display: block; position: absolute; right: 0; bottom: 0; opacity: 0; transition: all 0.3s ease; transform: translateX(100%) translateY(100%);}
.swyy_left ul li.on span i.ico_45{ transform: translateX(65%) translateY(65%); opacity: 1;}
.swyy_left ul li svg{ position:absolute; top:50%; transform:translate(-50%,-50%); opacity: 0; transition: all 0.3s ease;}
.swyy_left ul li svg .jdt2{ transform: rotate(-90deg); transform-origin:20px; }

.swyy_left ul li.on svg{ opacity: 1;}
.swyy_left ul li.on svg .jdt2{ animation: jtd2 infinite 5s linear; }

.kjn_lan{ font-size: 2.2rem; color: #fff; background: #3c59a7; padding: 4rem 5rem; border-radius: 3rem; line-height: 5rem; border-bottom-right-radius: 0 !important; margin: 2rem 0;}
.kjn_lan strong{ font-size: 3rem; display: inline-block; margin: 0 1rem;}

.kjn_biao{ font-size: 3.2rem; color: #3c59a7; margin-top: 3rem; margin-bottom: 3rem;}
.kjn_biao i{ width: 2.8rem; height: 5rem; background: #3c59a7; border-radius: 0.6rem; display: inline-block; border-bottom-right-radius: 0 !important; margin-right: 2rem; vertical-align: middle;}
.kjn_biao strong{ display: inline-block; vertical-align: middle;}

.kjn_what{ position: relative; background: url(../images/kjn_3.jpg) center no-repeat; background-size: cover; border-radius: 4rem; border-bottom-right-radius: 0 !important; color: #fff; padding: 5rem 6rem; line-height: 5rem; font-size: 2.2rem; margin: 3rem 0;}
.kjn_what strong{ font-size: 3rem; display: block;}
.kjn_what .a_more{ position: absolute; right: 5%; bottom: 5%; z-index: 2;}

.kjn_what2{ margin: 8rem 0;}
.kjn_what2 h3{ margin-bottom: 3rem; font-size: 1.8rem; text-align: center;}
.kjn_what2 h3 strong{ font-size: 4rem; color: #333; margin-bottom: 2rem; display: block;}
.kjn_what2 h3 strong span{ color: #3c59a7;}

.kjn_tab{ background: #f0f5f8; padding: 2rem 3rem; border-radius: 3rem; border-bottom-right-radius: 0 !important;}
.kjn_tab ul{ margin-bottom: 3rem;}
.kjn_tab ul li{ width: 33%; text-align: center;}
.kjn_tab ul li a{ display: block; padding: 1rem 0; font-size: 2.2rem; color: #fff; background: #3c59a7; border-radius: 1rem; border-bottom-right-radius: 0 !important;}
.kjn_tab ul li a.active{ background: #ec7700;}

.kj_biao{ margin-bottom: 4rem; font-size: 4rem; color: #3c59a7;}
.kj_biao strong{ display: inline-block; padding-bottom: 1.5rem; position: relative;}
.kj_biao strong:after{ content: ''; width: 6rem; height: 5px; background: #3c59a7; position: absolute; left: 0; bottom: 0;}

.kjn_right{ margin-left: 10%; background: #fff; box-shadow: 0px 4px 12px rgba(0,0,0,0.2); border-radius: 3rem; border-bottom-right-radius: 0 !important; border-right: 12px solid #ec7700; padding: 8%;}
.khn_li{ margin-bottom: 1.5rem;}
.khn_li h3{ font-size: 2.4rem; position: relative; cursor: pointer;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;}
.khn_li h3>div{ width: 4.5rem; height: 4.5rem; margin-right: 1.5rem;}
.khn_li h3 i{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #3c59a7; font-size: 2.4rem; transition: all 0.3s;}
.khn_li.active ul{ display: block;}
.khn_li.active h3 i{ transform: translateY(-50%) rotate(90deg);}
.khn_li ul{ display: none;}
.khn_li ul li a{ display: block; padding: 0.8rem 0; padding-left: 6rem; font-size: 1.8rem; color: #666; line-height: 2rem; position: relative;}
.khn_li ul li a:after{ position: absolute; content: ''; width: 0; height: 2px; background: #3c59a7; left: 1rem; top: 50%; transform: translateY(-50%); transition: all 0.3s ease; opacity: 0;}
.kjn_right .caption ul li{ width: 50%;}
.kjn_right .caption ul li i{ display: inline-block; margin-right: 1.5rem;}
.khn_li ul li.active a:after{ width: 2rem; opacity: 1;}
.khn_li ul li.active a{ color: #3c59a7;}
.khn_li ul li:hover a{ color: #3c59a7;}

.ljzx{ margin: 10% 5%;}
.ljzx a{ display: block; padding: 1.5rem 0; font-size: 1.8rem; text-align: center; background-image: linear-gradient(to right,#f0b829, #ee7501); color: #fff; border-radius: 1rem; border-bottom-right-radius: 0 !important;}

.kjn_right .caption ul li{ margin-bottom: 2rem;}
.kjn_right .caption ul li a{ transition: all 0.3s ease; font-size: 1.8rem; color: #666; letter-spacing: 0.2rem;
  display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;}
.kjn_right .caption ul li a i{ font-size: 3rem; display: inline-block; line-height: 3rem;}
.kjn_right .caption ul li a:hover{ color: #3c59a7;}

.n_download{ padding-bottom: 4%;}
.download_li{ width: 45%; background: #eeeeee; border-radius: 6rem; padding: 4rem 6rem; margin-bottom: 4%; border: 6px solid #eee; transition: all 0.3s ease; position: relative;}
.download_li:nth-last-child(-n+2){margin-bottom: 0;}
.download_li p{ overflow: hidden; text-overflow: ellipsis; font-size: 1.6rem; color: #666; white-space: nowrap; margin-top: 2rem; margin-bottom: 3rem;}
.download_li h4{ font-size: 2.6rem; color: #222; transition: all 0.3s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.download_li h5{ margin: 0;}
.download_li h5 a{ font-size: 1.8rem; color: #666;  transition: all 0.3s ease;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;}
.download_li h5 i{ font-size: 3rem; display: inline-block; margin-right: 1rem; display: inline-block;}
.download_li:hover{ border-color: #3c59a7; background: #fff;}
.download_li:hover h4{ color: #3c59a7;}
.download_li:hover h5 a{ letter-spacing: 0.2rem;}
.download_li .ico_45{ position: absolute; right: 0; bottom: 0; width: 9rem; transition: all 0.3s ease; height: 9rem; opacity: 0;}
.download_li:hover .ico_45{ transform: translateX(50%) translateY(50%); opacity: 1;}

.youhui_content .kjn_left{ background: #fff; padding: 5rem; border-radius: 4rem; border-bottom-right-radius: 0 !important;}
.kjn_left>h3{ font-size: 3rem; color: #3c59a7;}
.kjn_left>h5{ color: #3c59a7; padding: 1.5rem 0; margin-bottom: 3rem; position: relative; font-size: 1.6rem;}
.kjn_left>h5:after{ content: ''; width: 6rem; height: 3px; background: #3c59a7; position: absolute; left: 0; bottom: 0;}

.youhui_content .kjn_right{ border: none;margin-bottom: 6%; box-shadow: none;}
.youhui_content .kjn_right .khn_li{ margin-bottom: 0;}
/* .youhui_content .kjn_right .khn_li ul li a{ padding-left: 0;} */
.youhui_content .kjn_right .khn_li ul li:hover a:after{ width: 2rem; opacity: 1;}
.youhui_content .kjn_right .khn_li.active h3{ margin-bottom: 2rem;}

.n_yiqi{ padding-bottom: 5%;}
.yiqi_li{ width: 23%; margin-right: 2.66%; margin-bottom: 3%; position: relative; z-index: 2;}
.yiqi_li:nth-child(4n){ margin-right: 0;}
/* .yiqi_li:nth-last-child(-n+4){ margin-bottom: 0;} */
.yiqi_li a{ border-radius: 4rem; border-bottom-right-radius: 0 !important; display: block; overflow: hidden; position: relative;}
.yiqi_li a img{ display: block; width: 100%;}
.yiqi_li:after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 4rem; border-bottom-right-radius: 0 !important; background: #ec7700; z-index: -1; opacity: 0; transition: all 0.3s ease;}
.yiqi_li a i{ position: absolute; top: 50%; transform: translateY(-50%) translateX(-50%) scale(1.5); font-size: 3rem; left: 50%; color: #fff; opacity: 0; transition: all 0.3s ease;}
.yiqi_li:hover a i{ opacity: 1; transform: translateY(-50%) translateX(-50%) scale(1);}
.yiqi_li:hover:after{ transform: translateX(1rem) translateY(1rem); opacity: 1;}

.job_mar{ margin: 0 4%; margin-right: 1.5%;}
.n_job h4{ color: #3c59a7; font-size: 3rem; margin-bottom: 4rem;}
.n_job h4 span{ display: inline-block; padding-bottom: 0.8rem; border-bottom: 1px solid #3c59a7;}

.job_biao{ position: relative; margin-bottom: 2rem;}
.job_biao strong{ font-size: 4rem; color: #3c59a7;}
.job_biao .jn_fan{ margin-bottom: 0; position: absolute; right: 0; bottom: 0;}

.n_job{ padding-bottom: 4%;}
.n_job .swiper1{ padding: 0 2rem;}
.n_job .swiper1 .swiper-slide{ background: #f8f9fc; color: #666; padding: 4rem 5rem; border-radius: 4rem; border-bottom-right-radius: 0 !important; position: relative; transition: all 0.3s ease;}
.n_job .swiper1 .swiper-slide:after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; transform: translateX(2rem); border-radius: 4rem; border-bottom-right-radius: 0 !important; background: #e6e7ed; opacity: 0.75; z-index: -1; transition: all 0.3s ease;}
.n_job .swiper1 .swiper-slide h3{ font-size: 2.4rem; margin-bottom: 2rem; color: #3c59a7; transition: all 0.3s ease;}
.n_job .swiper1 .swiper-slide p{ font-size: 1.6rem; line-height: 3rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;}

.n_job .swiper1 .swiper-slide:hover{ background: #3c59a7; color: #fff;}
.n_job .swiper1 .swiper-slide:hover h3{ color: #fff;}
.n_job .swiper1 .swiper-slide:hover:after{ background: #3c59a7; opacity: 0.3;}

.n_job ul li{ width: 47%; background: #f0f5f8; color: #666; padding: 4rem 6rem; transition: all 0.3s ease; border-radius: 6rem; position: relative;}
.n_job ul li h3{ color: #3c59a7; transition: all 0.3s ease; margin-bottom: 2rem; font-size: 2.4rem;}
.n_job ul li:hover{ background: #3c59a7; color: #fff;}
.n_job ul li:hover h3{ color: #fff;}
.n_job ul li p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 10; overflow: hidden; font-size: 1.6rem; line-height: 3rem;}
.n_job ul li .ico_45{ width: 10rem; height: 10rem; position: absolute; right: 0; bottom: 0; transition: all 0.3s ease; opacity: 0;}
.n_job ul li:hover .ico_45{ transform: translateX(50%) translateY(50%); opacity: 1;}





.xs_button{ display: none; position: absolute;bottom: 100%;}
.xs_button span{ padding: 1rem 3rem; font-size: 1.8rem; background: #ec7700; border-radius: 1rem; color: #fff; display: inline-block;}
   
#videModal.cur{ opacity: 1; pointer-events: auto;}
#videModal.cur .modal_bai{ top: 50%;}
#videModal{ background: rgba(0,0,0,0.3); width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 9999; opacity: 0; pointer-events: none; transition: all 0.5s;}
#videModal .modal_bai{ width: 800px; background: #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: 16px; font-weight: bold; position: relative; color: #333;}
#myModalLabel{ font-size: 16px; font-weight: bold; line-height: 16px;}
#videModal .modal_bai .modal-header .close{ position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; line-height: 36px; cursor: pointer; text-align: center; font-size: 18px; color: #333; opacity: 1;}
#videModal .modal_bai .modal-body{ padding: 0;}
#videModal .modal_bai .modal-body video{width: 100%; min-height: 460px;}




/* 通用css */
.fanye{ text-align:center; margin-top: 4rem;}
.fanye a{ display:inline-block; width: 36px; height: 36px; text-align: center; line-height: 36px; border-radius: 50%; border-top-left-radius: 0; background: transparent; color:#333; font-size: 1.6rem; transition: all 0.3s ease;}
.fanye a:hover{ color:#e07501;}
.fanye a.active{ background:#e07501; color:#fff; margin-left: 1rem;}
.fanye a.active:hover{ color:#fff;}
.fanye a.cur{ color:#999; pointer-events: none}
.fanye a.disabled{ border: none; pointer-events: none;}
.fanye a:first-child, .fanye a:last-child{ width: auto;}

.fanye02{ background: #fff; border-radius: 4rem; padding: 3rem 4rem; margin-top: 3rem; margin-bottom: 4rem; border-bottom-right-radius: 0;}
.fanye02 a{ color: #666; padding: 1.2rem 0; font-size: 1.6rem; display: block; border-bottom: 1px solid #dedede; font-size: 1.8rem;}
.fanye02 a strong{ color: #3c59a7; display: inline-block; margin-right: 1.5rem;}
.fanye02 a:last-child{ border-bottom: none;}

.message_bg.active{ opacity: 1; pointer-events: auto;}
.message_bg{ position: fixed; width: 100%; height: 100vh; top: 0; left: 0; background: rgba(0,0,0,0.3); z-index: 991; opacity: 0; pointer-events: none;}
.message_box{ background: #fff; padding: 4rem; box-shadow: 0px 2px 4px rgba(0,0,0,0.2); position: absolute; top: 50%; left: 50%; width: 40%; transform: translate(-50%,-50%); border-radius: 3rem; border-bottom-right-radius: 0 !important; font-size: 1.4rem;}
.message_box .form-group{ margin-bottom: 1.5rem;}
.message_box label{ font-weight: bold;}
.message_box label sup{ color: red;}
.message_box .form-control{ border-radius: 0.4rem; border-bottom-right-radius: 0 !important;}
.message_box input.form-control{ height: 4rem;}
.message_box button{ height: 4rem; padding: 0 3rem; border-radius: 0.4rem; border-bottom-right-radius: 0 !important;}


.ty_content{ font-size: 1.6rem; line-height: 3rem; color: #000; text-indent: 2em;}
.ty_content img{ max-width: 100%; height: auto !important;}

.ty_content, .ty_content span, .ty_content strong, .ty_content em{font-family: 'SourceHanSansCN-Regular' !important;}

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


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


.xsj_left{ display: none;}
@media (max-width:767px){
  .s_banner, .s_banner .swiper{ height: auto;}
  
  body{ padding-bottom: 7.4rem;}
  html{ font-size: 46%;}
  .ul_menu{ display: none;}
  .s_banner .swiper-slide{ height: auto; padding-top: 80%;}
  .pc_nav{ width: auto;}
  .pc_nav ul, .head_tel span, .head_search{ display: none !important;}
  .head_tel{ margin-right: 3rem;}
  .head_tel a{ display: block !important;}
  .head_tel a i{ font-size: 2.4rem; color: #fff;}
  .nav_one h4{ margin-top: 1rem;}
  .one_hide .nav_one .nav_two a{ margin-left: 0;}
  .nav_two a{ padding: 0.3rem 0; padding-left: 2.5rem;}
  .s_banner .container img{ width: 20rem;}
  .s_product .dw{ padding: 0 15px;}
  .sys_left .swiper2 p{display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;}
  .xiang_left{ bottom: 0; width: 60%;}
  .nav_menu{ padding-top: 15%;}
  .nav_menu .caption{ width: 50%; margin-top: 4rem;}
  .nav_menu .caption:nth-last-child(-n+3){ width: 33.33%;}
  .foot_right{ display: none;}
  .foot_left{ width: 65%;}
  .foot_center{ width: 35%;}
  .foot_di .row .col-md-6{ max-width: 100%; flex: 100%;}
  .foot_di .row .col-md-3{ display: none;}
  .n_banner{ height: auto;}
  .n_banner.on .nban_bg{ padding-top: 50%;}
  .n_banner .nban_bg{ background-size: cover !important; background-position: center top !important; height: auto; padding-top: 50%; background-attachment:initial !important;}
  .nban_biao{ width: 100%;}
  .ny_nav ul li{ width: 33.33%;}
  .ny_nav ul li:nth-child(3n):after, .ny_nav ul.good li:nth-child(4n):after{ display: none;}
  .ny_nav ul.good li:nth-child(3n):after{ display: block;}
  .nab_left, .nab_right{ width: 100%;}
  .nab_left .ty_content{ height: auto; max-height: 1000rem;}
  .ny_nav ul.good li{ width: 25%;}
  .ny_nav ul.good li:nth-last-child(-n+3){ width: 33.33%;}
  .scp_right{ padding-right: 0;}
  .s_youshi .container{ position: static; transform: translateY(0);}
  .s_youshi{ padding-top: 3rem;}
  .sys_left{ width: 100%;}
  .sys_right{ position: relative; right: auto; top: auto; height: auto; width: 100%; margin-top: 3rem; 
    display: flex;
    display: -webkit-flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: flex-start;}
  .sys_right img{ height: auto; width: 55%;}
  .sys_right ul{ width: 45%; position: static; padding-top: 0; border: none;}
  .sys_right ul:after{ display: none;}
  .sys_right ul li{ position: relative; left: auto !important; top: auto !important; width: 100%; height: auto; padding-left: 5rem; margin:0.2rem 0 ;}
  .sys_right ul li svg{ display: none;}
  .sys_right ul li span{ position: static; transform: translateY(0);}
  .sys_right ul li:after{ left: 2rem; transform: translateY(-50%); width: 0.8rem; height: 0.8rem;}
  .sys_right ul li.on span {
    opacity: 1;
    letter-spacing: 0;
    transform: translateX(0) translateY(0);
    text-shadow: none;
}
.s_xiang h2{ padding: 0;}
.s_xiang h2 strong{ font-size: 2.4rem;}
.xiang_left h3{ color: #3c59a7; padding-left: 0; font-size: 3rem;}
.xiang_left{ position: static; width: 100%;}
.xiang_left .swiper4 .swiper-slide{ padding: 0 3rem;}
.xiang_right{ height: auto; top: auto; bottom: 0; min-height: 13rem;}
.xiang_right ul li:nth-child(1){ left: 14%; top: 12%;}
.xiang_right ul li:nth-child(2){ left: -0.1%; top: 40.5%;}
.foot_left{ display: none;}
.foot_center{ width: 100%; padding: 0; border: none;}
.foot_logo img{ height: 8rem;}
.nav_foot{ display: none;}
.nav_close{ bottom: 4%;}
.menu_xian{ left: 5%;}
.head_menu{ padding-left: 10%;}
.nav_menu{ padding-left: 15%;}
.head_menu:after{ left: 10%;}
.ny_nav{ margin-top: 0;}
.ny_nav ul{ padding: 1.2rem 0; box-shadow: none;}
.ny_nav ul li a{ padding: 1rem 0;}
.ny_nav ul li a i{ margin-right: 0.5rem; font-size: 2.4rem; display: block; width: 100%;}

  .xs_button{ display: block; transform: translateY(-2rem);}
  .kjfw_left, .xs_right{ display: none !important;}

  .xsj_left{ display: block;}
  .xsj_left.active{ transform: translateX(0) translateY(-0.2rem); opacity: 1; pointer-events: auto;}
  .xsj_left .kjfw_left{ display: block !important;}
  .xsj_left.active .kjfw_left{ display: block !important;}
  .xsj_left{ position: absolute; top: 0; left: 0; z-index: 9; background: #fff; transform: translateX(-100%) translateY(-0.2rem); opacity: 0; transition: all 0.3s ease; width: 70%; border-radius: 3rem; border-bottom-right-radius: 0; box-shadow: 1rem 1rem 1rem rgba(0,0,0,0.2); pointer-events: none;}

  .xs_100{ max-width: 100%; flex: 100%;}
  .xsj_left h2{ padding-left: 2rem;}
  .xsj_left h2 span{ margin-left: 1rem;}
  .xsj_left h2 i.ico_45{ width: 4rem; height: 4rem;}
  .kjfw_img{ display: none;}
  .xs_no_position{ position: static;}

  .kjn_right{ margin-left: 0; padding: 3rem;}
  .youhui_content .kjn_right{ margin-bottom: 0;}
  .yiqi_li{ width: 100%; margin-right: 0; margin-bottom: 3rem;}
  .yiqi_li:nth-last-child(-n+4){ margin-bottom: 3rem;}
  .yiqi_li:last-child{ margin-bottom: 0;}
  .download_li{ width: 100%; margin-right: 0;}
  .download_li:nth-last-child(-n+2){ margin-bottom: 3rem;}
  .download_li:last-child{ margin-bottom: 0;}
  .message_box{ width: 90%;}
  .dw .ico_prev, .dw .ico_next{ z-index: 2; background: #3c59a7; border-color: #3c59a7;}
  .dw .ico_prev i, .dw .ico_next i{ color: #3c59a7;}
  .s_product .dw .cp_next{ right: -15px;}
  .s_product .dw .cp_prev{ left: -15px;}
  .ico_prev, .ico_next{ width: 3.5rem; height: 3.5rem;}
  .dw .ico_prev{ left: 0;}
  .dw .ico_next{ right: 0;}
  .case_img{ display: none;}
  .case_li:hover .case_text{ width: 100%;}
  .case_li:hover .case_text .a_more{ margin-top: 1rem;}
  
  .float_box{ top: auto; right: 0; transform: translateY(0); width: 100%; bottom: 0; background: rgba(60,59,167,1); border-top-left-radius: 1rem; border-top-right-radius: 1rem;}
  .float_box ul{
    width: 100%;
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: flex-start;}
  .float_box ul li{ width: 25%;}
  .float_box ul li a{ width: 100%; background: none; box-shadow: none;}
  #float_top{ opacity: 1; pointer-events: auto;}
  .float_text{ display: none;}
  .float_box ul li:hover a{ transform: translateX(0); background: none;}
  .float_box ul li:hover i{ transform: translateY(-1.2rem) scale(0.7);}
  .float_box ul li:hover span{ transform: rotateX(0); opacity: 1;}
  
  .float_box ul li:hover a.float_tel{ width: 100%; padding-right: 0;}
  .float_box ul li:hover a.float_zx{ width: 100%; padding-right: 0;}
  .float_box ul li:hover a.float_msg{ width: 100%; padding-right: 0;}
  .float_box ul li:hover a.float_top{ width: 100%; padding-right: 0;}
  




  #videModal .modal_bai{ width: 90%;}
  #videModal .modal_bai .modal-body video{ height: 28rem; min-height: 28rem;}

  .logo, .header{ height: 60px;}
  .pc_nav ul{ width: calc(100% - 320px);}
  .head_search{ padding: 0 2rem; margin-left: 2rem;}
  .head_tel{ font-size: 2.4rem;}
  .s_product .swiper1 .swiper-slide a{ font-size: 1.8rem; line-height: 3rem; padding: 0 1rem; text-align: center;}
  .s_product .swiper1 .swiper-slide{ height: 80px; border-radius: 2rem;}
  .scp_left strong{ font-size: 2rem; line-height: 3rem;}
  .scp_left i{ font-size: 8rem; line-height: 8rem;}
  .sys_left h3{ font-size: 2rem;}
  .sys_left h4{ font-size: 2rem; margin: 1.5rem 0;}
  .sys_left .swiper2 h5{ font-size: 1.8rem;}
  .sys_left .swiper2 p{ margin: 1rem 0;}
  .stc_text .a_more{ opacity: 1; transform: rotateX(0);}
  .stc_img i{ font-size: 4.6rem;}
  .stc_text p{ margin: 2rem 0;-webkit-line-clamp: 3;}
  .stc_text h3{ font-size: 2rem;}
  .s_taocan{ padding-top: 4rem;}
  .s_taocan .swiper3{ padding-bottom: 5rem;}
  .sts_45{ width: 8rem;}
  .sys_right ul li span{ font-size: 1.6rem;}
  .sys_left .swiper2{ padding: 0;}
  .foot_logo{ padding: 3rem 0;}
  .nav_one h4 i{left: -2rem;}
  .nav_menu .caption h3{ margin-bottom: 1rem;}
  .nav_menu .caption h3 a{ font-size: 2rem;}
  .search_box{ width: 42%;}
  .n_liucheng .caption{ width: 100%; margin-right: 0%; margin-top: 3rem;}
  .n_liucheng .flex_12{justify-content: flex-start;}
  .n_liucheng .caption:first-child{ width: 100%;}
  .n_liucheng .caption:last-child, .n_liucheng .caption:nth-child(3){ margin-right: 0;}
  .kjfw_right .caption p.p_else{ width: calc(100% - 1rem); margin-left: 1rem;}
  .kjfw_right .caption p{ width: calc(100% - 1rem); margin-left: 1rem;}
  .kjfw_right .caption h3{ margin-bottom: 1rem;}
  .kjfw_right .caption p a{ margin-top: 1rem;}
  .khn_li h3{ font-size: 2.2rem;}
  .khn_li h3>div{ width: 3rem; height: 3rem; margin-right: 1rem;}
  .khn_li ul li a{ padding-left: 4rem;}
  .khn_li ul li.active a:after{ left: 1.5rem; width: 1.5rem;}
  .n_contact ul li span.mh{ width: 10rem;}
  .n_contact ul li span{ font-size: 2rem; margin-left: 1rem; margin-right: 1.5rem;}
  .n_contact ul li i{ width: 4rem; height: 4rem; line-height: 4rem; font-size: 2.4rem;}
  .n_contact ul li div{ font-size: 2.4rem; line-height: 3rem;}
  .n_contact ul li div strong{ font-size: 3rem;}
  .n_contact ul li{ padding: 3rem 2rem;}
  .n_contact ul li, .n_contact ul li:nth-child(2n){ width: 100%;}
  .n_contact h3{ font-size: 2.4rem; line-height: 3.6rem; margin-bottom: 2rem;}
  .swyy_li ul li a{ padding: 2rem 4rem;}
  .swyy_li ul li span{ font-size: 2rem;}
  .swyy_biao strong{ font-size: 3.6rem;}
  .yiqi_li a{ border-radius: 3rem;}

  .n_banner .container{ top: 65%;}
  .nban_biao strong{ font-size: 1.8rem; line-height: 2rem;}
  .nban_biao span{ font-size: 2.4rem;}
  .nban_biao em{ margin-bottom: 2rem; margin-top: 1rem; display: none;}
  .nban_biao p{ display: none;}
  .nab_right video{ height: 30rem;}
  .case_li{ margin-bottom: 2rem;}
  .nan_left, .nan_right{ width: 100%;}
  .case_li h4{ font-size: 2rem;}
  .n_biao span>div{ padding: 1.5rem 5rem;}
  .n_shuoming .n_biao{ margin-bottom: 5rem;}
  .kjfw_right ul li{ width: 49%; margin-right: 2%;}
  .kjfw_right ul li:nth-child(3n){ margin-right: 2%;}
  .kjfw_right ul li:nth-child(2n){ margin-right: 0;}
  .kjfw_right .caption i{ font-size: 4rem;}
  .kjfw_right .caption strong{ font-size: 2rem;}
  .kjfw_right ul.zi li{ width: 100%;}
  .honor_li{ width: 49%; margin-right: 2%;}
  .honor_li:nth-child(2n){ margin-right: 0;}
  .swyy_li ul li{ width: 49%; margin-right: 2%;}
  .swyy_li ul li:nth-child(2n){ margin-right: 0;}
  .swyy_li ul li i{ font-size: 6rem;}
  .swyy_biao strong{ font-size: 3rem;}
  .swyy_left, .swyy_left ul{ border-radius: 0; width: 100%; position: static; height: auto;}
  .swyy_right{ width: 100%; margin-left: 0; padding-left: 0;}
  .swyy_hu, .swyy_left ul:after, .swyy_left ul li:after{ display: none;}
  .swyy_swiper{ padding: 3rem 0;}
  .swyy_left ul{ border: none;
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: flex-start;}
  .swyy_left ul li{ position: static; width: auto; height: auto; margin-right: 3rem; margin-bottom:3rem;}
  .swyy_left ul li span{ position: static; transform: translateY(0);}
  .swyy_left ul li svg{ display: none;}
  .n_job ul li{ width: 100%; margin-bottom: 3rem;}
  .download_li{ padding: 1.5rem; border-radius: 3rem;}
  .download_li h4{ font-size: 2rem;}
  .download_li .ico_45{ width: 4rem; height: 4rem;}
  .youhui_content .kjn_left{ padding: 3rem;}

  .kj_biao, .kjn_biao{ font-size: 2.6rem;}
  .kjn_biao i{ margin-right: 1rem; width: 1.8rem; height: 4rem; border-radius: 0.4rem;}
  .kjn_what{ padding: 2rem 3rem; font-size: 1.8rem;}
  .kjn_what strong{ font-size: 2rem; line-height: 2;}
  .kjn_what2 h3 strong{ font-size: 3rem;}
}

@media (min-width:768px) and (max-width:991px) {
  html{ font-size: 49%;}
  .ul_menu{ display: none;}
  .s_banner .swiper-slide{ height: auto; padding-top: 48%;}
  .pc_nav{ width: auto;}
  .pc_nav ul{ display: none !important;}
  .s_banner .container img{ width: 30rem;}
  .s_product .dw{ padding: 0;}
  .sys_left .swiper2 p{display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;}
  .xiang_left{ bottom: 0; width: 60%;}
  .nav_menu{ padding-top: 15%;}
  .nav_menu .caption{ width: 33.33%; margin-top: 5rem;}
  .foot_right{ display: none;}
  .foot_left{ width: 65%;}
  .foot_center{ width: 35%;}
  .foot_di .row .col-md-6{ max-width: 100%; flex: 100%;}
  .foot_di .row .col-md-3{ display: none;}
  .n_banner{ height: auto;}
  .n_banner .nban_bg{ background-size: contain !important; background-position: center top !important; height: auto; padding-top: 46%;}
  .nban_biao{ width: 100%;}
  .ny_nav ul li{ width: 33.33%;}
  .ny_nav ul li:nth-child(3n):after, .ny_nav ul.good li:nth-child(4n):after{ display: none;}
  .nab_left, .nab_right{ width: 100%;}
  .nab_left .ty_content{ height: auto; max-height: 1000rem;}
  .ny_nav ul.good li{ width: 25%;}
  .message_box{ width: 80%;}

  .xs_button{ display: block; transform: translateY(-2rem);}
  .kjfw_left, .xs_right{ display: none !important;}
  .xsj_left{ display: block;}

  .xsj_left.active{ transform: translateX(0) translateY(-0.2rem); opacity: 1; pointer-events: auto;}
  .xsj_left .kjfw_left{ display: block !important;}
  .xsj_left.active .kjfw_left{ display: block !important;}
  .xsj_left{ position: absolute; top: 0; left: 0; z-index: 9; background: #fff; transform: translateX(-100%) translateY(-0.2rem); opacity: 0; transition: all 0.3s ease; width: 50%; border-radius: 3rem; border-bottom-right-radius: 0; box-shadow: 1rem 1rem 1rem rgba(0,0,0,0.2); pointer-events: none;}
  .xs_100{ max-width: 100%; flex: 100%;}
  .kjfw_img{ display: none;}
  .xs_no_position{ position: static;}
  .kjn_right{ margin-left: 0; padding: 3rem;}
  .youhui_content .kjn_right{ margin-bottom: 0;}
  .yiqi_li{ width: 49%; margin-right: 2%;}
  .yiqi_li:nth-child(4n){ margin-right: 2%;}
  .yiqi_li:nth-child(2n){ margin-right: 0;}
  .yiqi_li:nth-last-child(-n+4){ margin-bottom: 3rem;}
  .yiqi_li:nth-last-child(-n+2){ margin-bottom: 3rem;}
  .download_li{ width: 100%; margin-right: 0;}
  .download_li:nth-last-child(-n+2){ margin-bottom: 3rem;}
  .download_li:last-child{ margin-bottom: 0;}

  .logo, .header{ height: 70px;}
  .pc_nav ul{ width: calc(100% - 320px);}
  .head_search{ padding: 0 2rem; margin-left: 2rem;}
  .head_tel{ font-size: 2.4rem;}
  .s_product .swiper1 .swiper-slide a{ font-size: 1.8rem; line-height: 3rem; padding: 0 1rem; text-align: center;}
  .s_product .swiper1 .swiper-slide{ height: 80px; border-radius: 2rem;}
  .scp_left strong{ font-size: 3rem; line-height: 3rem;}
  .scp_left i{ font-size: 12rem; line-height: 12rem;}
  .sys_left h3{ font-size: 2rem;}
  .sys_left h4{ font-size: 2rem; margin: 1.5rem 0;}
  .sys_left .swiper2 h5{ font-size: 1.8rem;}
  .sys_left .swiper2 p{ margin: 1rem 0;}
  .stc_text .a_more{ opacity: 1; transform: rotateX(0);}
  .stc_img i{ font-size: 4.6rem;}
  .stc_text p{ margin: 2rem 0;-webkit-line-clamp: 3;}
  .stc_text h3{ font-size: 2rem;}
  .s_taocan .caption>div{ padding-top: 120%;}
  .sts_45{ width: 8rem;}
  .sys_right ul li span{ font-size: 1.6rem;}
  .sys_left .swiper2{ padding: 0;}
  .foot_logo{ padding: 3rem 0;}
  .nav_one h4 i{left: -2rem;}
  .nav_menu .caption h3{ margin-bottom: 2.5rem;}
  .nav_menu .caption h3 a{ font-size: 2rem;}
  .search_box{ width: 42%;}
  .ny_nav ul{ padding: 1.2rem 4rem;}
  .ny_nav ul li a i{ margin-right: 0.5rem; font-size: 2.4rem;}
  .n_liucheng .caption{ width: 24%; margin-right: 2.5%; margin-top: 3rem;}
  .n_liucheng .flex_12{justify-content: flex-start;}
  .n_liucheng .caption:first-child{ width: 47%;}
  .n_liucheng .caption:last-child, .n_liucheng .caption:nth-child(3){ margin-right: 0;}
  .n_liucheng .caption:nth-child(4), .n_liucheng .caption:nth-child(5){ width: 22.25%;}
  .kjfw_right .caption p.p_else{ width: calc(100% - 1rem); margin-left: 1rem;}
  .kjfw_right .caption p{ width: calc(100% - 1rem); margin-left: 1rem;}
  .kjfw_right .caption h3{ margin-bottom: 1rem;}
  .kjfw_right .caption p a{ margin-top: 1rem;}
  .khn_li h3>div{ width: 3rem; height: 3rem; margin-right: 1rem;}
  .khn_li ul li a{ padding-left: 4rem;}
  .khn_li ul li.active a:after{ left: 1.5rem; width: 1.5rem;}
  .n_contact ul li span.mh{ width: 10rem;}
  .n_contact ul li span{ font-size: 2rem; margin-left: 1rem; margin-right: 1.5rem;}
  .n_contact ul li i{ width: 4rem; height: 4rem; line-height: 4rem; font-size: 2.4rem;}
  .n_contact ul li div{ font-size: 2.4rem; line-height: 3rem;}
  .n_contact ul li div strong{ font-size: 3rem;}
  .n_contact ul li{ padding: 3rem 2rem;}
  .n_contact ul li{ width: 50%;}
  .n_contact ul li:nth-child(2n){ width: 48%;}
  .n_contact h3{ font-size: 3rem;}
  .swyy_li ul li a{ padding: 2rem 4rem;}
  .swyy_li ul li span{ font-size: 2rem;}
  .swyy_biao strong{ font-size: 3.6rem;}
  .yiqi_li a{ border-radius: 3rem;}

  .n_banner .container{ top: 55%;}
  .nban_biao strong{ font-size: 2.4rem; line-height: 3rem;}
  .nban_biao span{ font-size: 3rem;}
  .nban_biao em{ margin-bottom: 2rem; margin-top: 1rem;}
}

@media (min-width:991px) and (max-width:1200px) {
  html{ font-size: 46%;}

  .logo, .header{ height: 80px;}
  .pc_nav{ width: 73%;}
  .pc_nav ul{ width: calc(100% - 320px);}
  .head_search{ padding: 0 2rem; margin-left: 2rem;}
  .head_tel{ font-size: 2.4rem;}
  .s_product .swiper1 .swiper-slide a{ font-size: 1.8rem; line-height: 2rem; padding: 0 1rem; text-align: center;}
  .s_product .swiper1 .swiper-slide{ height: 70px; border-radius: 2.5rem;}
  .scp_left strong{ font-size: 3rem; line-height: 3rem;}
  .scp_left i{ font-size: 12rem; line-height: 12rem;}
  .sys_left h3{ font-size: 3rem;}
  .sys_left h4{ font-size: 3rem; margin: 3rem 0;}
  .sys_left .swiper2 h5{ font-size: 2.4rem;}
  .stc_img i{ font-size: 4.6rem;}
  .stc_text p{ margin: 2rem 0;}
  .stc_text h3{ font-size: 2rem;}
  .s_taocan .caption>div{ padding-top: 120%;}
  .sts_45{ width: 8rem;}
  .sys_right ul li span{ font-size: 1.6rem;}
  .sys_left .swiper2{ padding: 0;}
  .foot_logo{ padding: 3rem 0;}
  .nav_one h4 i{left: -2rem;}
  .nav_menu .caption h3{ margin-bottom: 2.5rem;}
  .nav_menu .caption h3 a{ font-size: 2rem;}
  .search_box{ width: 42%;}
  .ny_nav ul{ padding: 1.2rem 4rem;}
  .ny_nav ul li a i{ margin-right: 0.5rem; font-size: 2.4rem;}
  .n_liucheng .caption{ width: 24%; margin-right: 2.5%; margin-top: 3rem;}
  .n_liucheng .flex_12{justify-content: flex-start;}
  .n_liucheng .caption:first-child{ width: 47%;}
  .n_liucheng .caption:last-child, .n_liucheng .caption:nth-child(3){ margin-right: 0;}
  .n_liucheng .caption:nth-child(4), .n_liucheng .caption:nth-child(5){ width: 22.25%;}
  .kjfw_right .caption p.p_else{ width: calc(100% - 1rem); margin-left: 1rem;}
  .kjfw_right .caption p{ width: calc(100% - 1rem); margin-left: 1rem;}
  .kjfw_right .caption h3{ margin-bottom: 1rem;}
  .kjfw_right .caption p a{ margin-top: 1rem;}
  .khn_li h3>div{ width: 3rem; height: 3rem; margin-right: 1rem;}
  .khn_li ul li a{ padding-left: 4rem;}
  .khn_li ul li.active a:after{ left: 1.5rem; width: 1.5rem;}
  .n_contact ul li span.mh{ width: 13.5rem;}
  .n_contact ul li span{ font-size: 3rem; margin-left: 2rem; margin-right: 1.5rem;}
  .n_contact ul li i{ width: 6rem; height: 6rem; line-height: 6rem; font-size: 3rem;}
  .n_contact ul li div{ font-size: 3rem; line-height: 3.6rem;}
  .n_contact ul li div strong{ font-size: 4rem;}
  .n_contact ul li{ padding: 3rem 4rem;}
  .n_contact ul li{ width: 49%;}
  .n_contact ul li:nth-child(2n){ width: 45%;}
  .n_contact h3{ font-size: 3rem;}
  .swyy_li ul li a{ padding: 2rem 4rem;}
  .swyy_li ul li span{ font-size: 2rem;}
  .swyy_biao strong{ font-size: 3.6rem;}
  .yiqi_li a{ border-radius: 3rem;}

  .n_banner .container{ top: 55%;}
  .nban_biao strong{ font-size: 3.6rem; line-height: 3.8rem;}
  .nban_biao span{ font-size: 3.6rem;}
  .nban_biao em{ margin-bottom: 3rem;}
}
@media (min-width:1201px) and (max-width:1440px) {

  .zhong .container{ max-width: calc(100% - 19rem);}
  .n_banner .container{ max-width: calc(100% - 19rem);}

  html{ font-size: 54%;}
  .logo, .header{ height: 90px;}
  .pc_nav{ width: 72%;}
  .pc_nav ul{ width: calc(100% - 320px);}
  .nav_close{ height: 4rem; width: 12rem;}
  .head_search{ padding: 0 2rem; margin-left: 2rem;}
  .head_tel{ font-size: 2.4rem;}
  .s_product .swiper1 .swiper-slide a{ font-size: 1.8rem; line-height: 2rem;}
  .s_product .swiper1 .swiper-slide{ height: 80px; border-radius: 2.5rem;}
  .scp_left strong{ font-size: 3rem; line-height: 3rem;}
  .scp_left i{ font-size: 12rem; line-height: 12rem;}
  .sys_left h3{ font-size: 3rem;}
  .sys_left h4{ font-size: 3rem; margin: 3rem 0;}
  .sys_left .swiper2 h5{ font-size: 2.4rem;}
  .stc_img i{ font-size: 4.6rem;}
  .stc_text p{ margin: 2rem 0;}
  .stc_text h3{ font-size: 2rem;}
  .s_taocan .caption>div{ padding-top: 110%;}
  .sts_45{ width: 8rem;}
  .sys_right ul li span{ font-size: 1.6rem;}
  .sys_left .swiper2{ padding: 0;}
  .foot_logo{ padding: 3rem 0;}
  .nav_one h4 i{left: -2rem;}
  .nav_menu .caption h3{ margin-bottom: 2.5rem;}
  .nav_menu .caption h3 a{ font-size: 2rem;}
  .search_box{ width: 42%;}
  .ny_nav ul{ padding: 1.2rem 4rem;}
  .ny_nav ul li a i{ margin-right: 0.5rem; font-size: 2.4rem;}
  .n_liucheng .caption{ width: 24%; margin-right: 2.5%; margin-top: 3rem;}
  .n_liucheng .flex_12{justify-content: flex-start;}
  .n_liucheng .caption:first-child{ width: 47%;}
  .n_liucheng .caption:last-child, .n_liucheng .caption:nth-child(3){ margin-right: 0;}
  .n_liucheng .caption:nth-child(4), .n_liucheng .caption:nth-child(5){ width: 22.25%;}
  .kjfw_right .caption p.p_else{ width: calc(100% - 1rem); margin-left: 1rem;}
  .kjfw_right .caption p{ width: calc(100% - 1rem); margin-left: 1rem;}
  .kjfw_right .caption h3{ margin-bottom: 1rem;}
  .kjfw_right .caption p a{ margin-top: 1rem;}
  .khn_li h3>div{ width: 3rem; height: 3rem; margin-right: 1rem;}
  .khn_li ul li a{ padding-left: 4rem;}
  .khn_li ul li.active a:after{ left: 1.5rem; width: 1.5rem;}
  .n_contact ul li span.mh{ width: 12rem;}
  .n_contact ul li span{ font-size: 2.4rem; margin-left: 2rem; margin-right: 1.5rem;}
  .n_contact ul li i{ width: 5rem; height: 5rem; line-height: 5rem; font-size: 3rem;}
  .n_contact ul li div{ font-size: 2.4rem; line-height: 3rem;}
  .n_contact ul li div strong{ font-size: 3rem;}
  .n_contact ul li{ padding: 2rem;}
  .n_contact ul li{ width: 49%;}
  .n_contact ul li:nth-child(2n){ width: 45%;}
  .n_contact h3{ font-size: 3rem;}
  .swyy_li ul li a{ padding: 2rem 4rem;}
  .swyy_li ul li span{ font-size: 2rem;}
  .swyy_biao strong{ font-size: 3.6rem;}
  .yiqi_li a{ border-radius: 3rem;}
  .n_job .swiper1 .swiper-slide{ padding: 3rem;}
  .n_job ul li{ padding: 3rem 4rem; border-radius: 4rem;}
}

@media (min-width:1441px) and (max-width:1680px) {
  .pc_nav{ width: 70%;}
}

@media (min-width:1200px){

  .container{ max-width: calc(100% - 19rem);}
  .zhong.what .container{ max-width: calc(100% - 19rem);}
  .n_shuoming .ty_content{ width:calc(82% + 13rem); padding-left: 16rem; margin-left: -16rem;}
  .swyy_right:after{ content: ''; width: 14.5%; height: 100%; background: #fff; position: absolute; left: 100%; top: 0;}
}
@media (min-width:1441px){
  .n_banner .container{ max-width: calc(100% - 37rem);}
  .zhong .container{ max-width: calc(100% - 29rem);}
}

@media (min-width: 991px){
  .xs_right.active{ position: fixed; top: 11rem; z-index: 980;}
}