header {
  width: 100%;
}
:root {
  --thumbColor: #4472c4;
}
a,
img {
  transition: 0.5s all;
}
/* 全局 */
.my_container {
  max-width: 1410px;
  width: 100%;
  margin: auto;
}
.header {
  padding: 0 5%;
  width: 100% !important;
  height: 116px;
  position: relative;
  border-bottom: 1px solid #ddd;
  z-index: 5;
  background-color: #fff;
  box-sizing: border-box;
}
.nav {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.nav_logo img {
  height: 67px;
}
.nav_list {
  margin: 0 70px;
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.nav_first_li {
  width: calc(100% / 7);
  line-height: 116px;
  text-align: center;
}
.nav_first_li:hover > a {
  color: var(--thumbColor);
}
.nav_first_li:hover > .nav_second_list {
  display: block;
}
.nav_first_li > a {
  font-size: 16px;
  transition: 0.5s all;
  height: 100%;
  display: block;
  white-space: nowrap;
}
.nav_first_li > a.active {
  color: var(--thumbColor);
}
.hot_phone {
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 16px;
}
.hot_phone img {
  margin-right: 16px;
}

.search {
  margin-left: 30px;
  width: 240px;
  height: 36px;
  border-radius: 50px;
  border: 1px solid #030303;
  position: relative;
}
.search input {
  width: calc(100% - 65px);
  height: 100%;
  padding: 0 50px 0 15px;
  border: none;
  font-size: 16px;
  background-color: transparent;
}
.search::after {
  content: "|";
  font-size: 16px;
  position: absolute;
  right: 40px;
  top: 7px;
}
.search img {
  position: absolute;
  right: 15px;
  top: 10px;
}
.nav_second_list {
  position: absolute;
  left: 0;
  top: calc(100% + 1px);
  width: 100%;
  height: 116px;
  background-color: #fff;
  transition: 0.5s all ease-in-out;
  display: none;
}
.nav_second_li {
  margin: 0 30px;
  width: auto;
  height: 100%;
  position: relative;
  display: inline-block;
}
.nav_second_li:hover a {
  color: var(--thumbColor);
}
.nav_second_li:hover a::after {
  width: 100%;
}
.nav_second_li a {
  font-size: 16px;
  display: inline-block;
  height: 100%;
  line-height: 116px;
  transition: 0.5s all;
}
.nav_second_li a::after {
  content: "";
  position: absolute;
  display: block;
  height: 2px;
  width: 0;
  background-color: var(--thumbColor);
  top: 80px;
  left: 0;
  transition: 0.5s all;
}
.banner {
  width: 100%;
  height: 100vh;
  
}
.banner video{
    height: 100%;
    width: 100%;
}
.swiper-wrapper,
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  width: 100%;
  height: 100%;
  position: relative;
}
.index_container .swiper-slide img {
  min-width: 100%;
  height: 100%;
  z-index: -1;
}
.swiper-pagination-bullet {
  width: 50px;
  height: 6px;
  background: #fff;
  opacity: 1;
  border-radius: 50px;
}
.swiper-pagination-bullet-active {
  background-color: #095eae;
}
.swiper_val {
  position: absolute;
  right: 12.5%;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  text-align: right;
}
.swiper_val p:nth-child(1) {
  font-size: 2.25rem;
  margin-bottom: 1.5625rem;
}
.swiper_val p:nth-child(2) {
  font-size: 2.875rem;
  margin-bottom: 1.875rem;
}
.swiper_val p:nth-child(3) {
  font-size: 1.75rem;
  margin-bottom: 1.25rem;
}
.swiper_val p:nth-child(4) {
  font-size: 4.6875rem;
  margin-bottom: 1.875rem;
}
.session_bg {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 82px;
}
.session_tit {
  text-align: center;
  max-width: 48%;
  margin: 0 auto;
  margin-bottom: 56px;
}
.session_tit h4 {
  font-size: 1.875rem;
  font-weight: 600;
  margin: 0 auto 25px;
}
.session_tit p {
  font-size: 0.8125rem;
  line-height: 24px;
  color: #8d8d8d;
}
.about_view {
  display: flex;
  justify-content: space-between;
  height: 466px;
}
.about_view > div {
  width: 48%;
}
.about_view_left,
.about_view_right {
  position: relative;
  /*height: 100%;*/
  overflow: hidden;
  /*background: #000;*/
}
.about_view_left img,
.about_view_right img {
    width: 100%;
  /*min-width: 100%;*/
  /*height: 100%;*/
}
.about_view_val {
  position: absolute;
  width: calc(100% - 80px);
  bottom: 40px;
  left: 40px;
  color: #fff;
}
.about_view_val h4 {
  font-size: 24px;
  margin-bottom: 20px;
}
.about_view_val p {
  font-size: 13px;
}
.fun_view {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.fun_view_li {
  width: calc((100% - 66px) / 4);
  border-radius: 20px;
  overflow: hidden;
  background-color: #fff;
  margin-bottom: 56px;
}
.fun_view_li * {
  transition: 0.5s all ease-out;
}
.fun_view_li:hover .fun_img img {
  transform: scale(1.1);
}
.fun_view_li:hover > .fun_view_val {
  background-color: #0a5bae;
}
.fun_view_li:hover > .fun_view_val * {
  color: #fff;
}
.fun_img {
  width: 100%;
  height: 336px;
  overflow: hidden;
}
.fun_img img {
  height: 100%;
  min-width: 100%;
}
.fun_view_val {
  padding: 46px 30px;
  text-align: center;
}
.fun_view_val h4 {
  font-size: 20px;
  margin-bottom: 30px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.fun_view_val p {
  font-size: 14px;
  color: #8d8d8d;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.pro_view {
  display: flex;
  justify-content: space-between;
}
.pro_view_li {
  width: calc((100% - 66px) / 3);
  background-color: #f4f4f4;
  padding: 35px 0;
  text-align: center;
}
.session_tit hr {
  border: none;
  height: 2px;
  width: 66px;
  background-color: #999999;
  border-radius: 50px;
  margin: 0 auto;
}
.pro_view_val {
  margin-bottom: 50px;
}
.pro_view_val h4 {
  font-size: 20px;
  margin-bottom: 20px;
}
.pro_view_val p {
  font-size: 14px;
  line-height: 24px;
  color: #8d8d8d;
}
.pro_view_img {
  height: 173px;
}
.pro_view_img img {
  height: 100%;
  max-width: 100%;
}
.more_bn {
  text-align: center;
  margin-top: 36px;
}
.more_bn a {
  color: #fff;
  background-color: #0a5cad;
  border-radius: 8px;
  display: inline-block;
  padding: 0 50px;
  height: 60px;
  font-size: 18px;
  line-height: 60px;
  transition: 0.5s all;
}
.more_bn a:hover {
  background-color: #032140;
}
.new_view {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.new_view_list {
  width: calc((100% - 22px) / 2);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.new_view_li {
  background-color: #fff;
  padding: 23px 88px 30px 30px;
  transition: 0.5s all ease-out;
}
.new_view_li * {
  transition: 0.5s all ease-out;
}
.new_view_li:hover {
  background-color: #eef4f9;
}
.new_view_li:hover * {
  color: #0a5bad !important;
}
.new_view_li h4 {
  font-size: 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.new_view_li h4 span:nth-child(1) {
  width: 50%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.new_view_li h4 span:nth-child(2) {
  font-size: 13px;
  color: #8d8d8d;
}
.new_view_li p {
  font-size: 14px;
  color: #8d8d8d;
  line-height: 16px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.new_view_big {
  width: calc((100% - 22px) / 2);
  overflow: hidden;
  position: relative;
  display: none;
}
.new_view_big * {
  transition: 0.5s all ease-out;
}
.new_view_big:hover img {
  transform: scale(1.1);
}
.new_view_big:hover .new_view_val {
  background-color: rgba(10, 92, 173, 0.3);
}
.new_view_big:nth-child(2) {
  display: block;
}
.new_view_big > a {
  display: block;
  width: 100%;
  height: 100%;
}
.new_view_big img {
  /*min-width: 100%;*/
  /*height: 100%;*/
  width: 100%;
  height: auto;
  object-fit: cover;
}
.new_view_val {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 78px;
  padding: 0 30px;
  width: calc(100% - 60px);
}
.new_view_val h4 {
  line-height: 78px;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.new_view_val h4 span:nth-child(1) {
  font-size: 22px;
  width: 50%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.new_view_val h4 span:nth-child(2) {
  font-size: 14px;
}
.com_bg img {
  height: 100%;
  width: 100%;
}
.com_bg {
  height: 100%;
  border: 1px solid #ebebeb;
  width: calc(100% - 2px);
  margin-bottom: 50px;
}
.com_text{
display: none;
}
.tankuang{
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0,0,0,0.8);
     display: flex;
     align-items: center;
     justify-content: center;
     z-index: 2000;
     display: none;
    
}
.tankuang .content{
    background: #fff;
    
      position:fixed; 
      top:50%; 
      left:50%; 
       transform: translate(-50%,-50%);
      display: none;
      padding: 5%;
}
.compony_container .swiper-pagination {
  bottom: 0;
}
.compony_container .swiper-pagination-bullet {
  background-color: #cccccc;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}
.compony_container .swiper-pagination-bullet-active {
  background-color: #0a5cac;
}
.contact_view {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 435px;
  box-shadow: 5px 5px 25px #f7f7f7;
  margin-top: 70px;
}
.contact_block {
  padding: 41px 107px 47px 110px;
  width: 50%;
  height: 100%;
  border: 1px solid #e4e1e1;
  box-sizing: border-box;
}
.contact_val h4 {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 13px;
}
.contact_val p {
  font-size: 14px;
  color: #545454;
  margin-bottom: 32px;
}
form input,
form textarea {
  color: #121212;
}
form input::placeholder,
form textarea::placeholder {
  color: #b8b8b8;
}
.contact_top {
  display: flex;
  justify-content: space-between;
}
.contact_inp {
  width: calc((100% - 22px) / 2);
  height: 45px;
}
.contact_inp input {
  height: 45px;
  line-height: 45px;
  padding: 0 26px;
  width: calc(100% - 52px);
  border: none;
  background-color: #f0f0f0;
  border-radius: 5px;
}
.contact_bottom {
  margin-top: 22px;
}
.contact_bottom textarea {
  border: none;
  width: calc(100% - 52px);
  padding: 0 26px;
  line-height: 45px;
  background-color: #f0f0f0;
  border-radius: 5px;
  height: 106px;
}
.contact_form_bn a {
  color: #fff;
  background-color: #0a5cad;
  border-radius: 8px;
  display: inline-block;
  padding: 0 28px;
  height: 45px;
  line-height: 45px;
  font-size: 14px;
  margin-top: 22px;
  transition: 0.5s all;
}
.contact_form_bn a:hover {
  background-color: #032140;
}
.BDMap * {
  box-sizing: border-box;
}
.BDMap .BMap_bubble_pop {
  padding: 0 40px !important;
}
.BDMap .BMap_bubble_buttons {
  border-radius: 50%;
  border: 1px solid #0a5bad;
  top: 20px !important;
  right: 18px !important;
  width: 24px !important;
  height: 24px !important;
  line-height: 24px;
  text-align: center;
}
.BDMap .BMap_bubble_buttons > div {
  width: 24px !important;
  height: 24px !important;
  line-height: 24px;
  position: relative;
}
.BDMap .BMap_bubble_buttons > div > div {
  width: 12px !important;
  height: 12px !important;
  line-height: 12px !important;
  color: #0a5bad;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
}
.BDMap .BMap_bubble_title {
  width: max-content !important;
  height: 80px !important;
  font-size: 16px;
  color: #4472c4 !important;
  line-height: 80px !important;
}
.BDMap .BMap_bubble_center {
  width: auto !important;
}
.BDMap .BMap_bubble_center > .BMap_bubble_content {
  width: auto !important;
  top: 47px !important;
  height: auto !important;
}
.BDMap.home_map {
  width: 50%;
  height: 100%;
  z-index: 1;
}
.BDMap.contact_map {
  width: 100%;
  max-width: 1200px;
  height: 480px;
  margin: 30px auto 60px;
  z-index: 1;
}
.end_session {
  height: initial;
  padding-bottom: 76px;
}
.footer {
  padding: 50px 0;
  background-color: #022241;
}
.footer_bg {
  display: flex;
  justify-content: space-between;
}
.footer_logo img {
  height: 67px;
}
.footer_view {
  color: #dcedfc;
}
.line {
  height: 21px;
  width: 2px;
  background-color: #dcedfc;
  display: inline-block;
  margin: 0 20px;
}
.footer_nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 35px;
}
.footer_nav_li a {
  color: #dcedfc;
  font-size: 16px;
}
.footer_info_li {
  margin-bottom: 15px;
}
.footer_info_li p {
  display: inline-block;
  margin-right: 30px;
  font-size: 14px;
  line-height: 20px;
}
.footer_eram {
  text-align: center;
}
.footer_eram img {
  height: 160px;
  width: 160px;
}
.footer_eram p {
  color: #dcedfc;
  font-size: 16px;
  margin-top: 15px;
}
.beian {
  text-align: center;
  padding: 15px 0;
  background-color: #022241;
  border-top: 1px solid #1f3b4f;
}
.beian p {
  display: inline-block;
  max-width: 1410px;
  color: #fff;
}
.side_art {
  z-index: 5;
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition-duration: 0.3s;
}
.side_art_li {
  position: relative;
  background-color: #cccccc;
  height: 50px;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px 0 0 5px;
  margin-bottom: 1px;
}
.side_art_li:hover .side_hidden {
  display: block;
}
.side_hidden {
  position: absolute;
  right: 100%;
  top: 0;
  display: none;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px;
  font-size: 18px;
  font-weight: 600;
  width: max-content;
}
.side_hidden p {
  font-size: 18px;
  margin-top: 5px;
}
.other_banner {
  position: relative;
  height: 520px;
  overflow: hidden;
}
.other_banner img {
  position: absolute;
  width: 100%;
  height: 100%;
  max-width: 100%;
}
.banner_val {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #121212;
}
.other_banner .my_container {
  position: relative;
  height: 100%;
}
.banner_val h4 {
  font-size: 34px;
  margin-bottom: 30px;
  font-weight: 600;
}
.banner_val p {
  font-size: 24px;
}
.crumbs_nav {
  line-height: 66px;
  height: 66px;
  font-size: 14px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  box-shadow: 0 4px 4px #fafafa;
}
.crumbs_nav * {
  color: #787878;
}
.aboutUs {
  padding: 110px 0 120px;
}
.aboutUs_bg {
  display: flex;
  justify-content: space-between;
}
.aboutUs_left {
  flex: 0 0 50%;
}
.aboutUs_left > h4 {
  font-size: 26px;
  margin-bottom: 30px;
  font-weight: 600;
}
.aboutUs_val {
  line-height: 24px;
}
.aboutUs_val > p {
  margin-bottom: 11px;
}
.aboutUs_right {
  width: 100%;
  margin-left: 80px;
  height: 328px;
}
.aboutUs_right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about_card_list {
  width: 100%;
  margin-top: 70px;
  display: flex;
  justify-content: space-between;
}
.about_card_li {
  width: calc((100% - 80px) / 3);
  box-shadow: 0px 1px 10.39px 0 rgba(0, 0, 0, 0.15);
}
.about_card_bg {
  padding: 50px;
}
.about_card_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 45px;
}
.about_card_top span {
  color: #a8a8a8;
  position: relative;
}
.about_card_top span::after {
  content: "";
  position: absolute;
  height: 1px;
  width: 15px;
  background-color: #a8a8a8;
  display: block;
}
.about_card_val h4 {
  font-size: 24px;
  margin-bottom: 20px;
}
.about_card_val p {
  height: 48px;
  font-size: 14px;
  line-height: 24px;
  color: #555555;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.rongy_container .swiper-slide {
  height: 330px;
}
.rongy_img {
  width: calc(100% - 96px);
  padding: 15px 48px 48px;
  box-shadow: 0px 0px 15px #e7e7e7;
}
.rongy_img img {
  width: 100%;
}
.rongy_swiper {
  padding-bottom: 100px;
}
.rongy_swiper .swiper-pagination {
  left: 50%;
  transform: translateX(-50%);
}
.rongy_swiper .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 10px;
  background: #cccccc;
}
.rongy_swiper .swiper-pagination-bullet-active {
  background: #0b5bad;
}
.aboutUs_view {
  display: flex;
}
.about_swiper {
  box-shadow: 0 0 15px #efefef;
  position: relative;
}
.aboutUs_view > div {
  width: 100%;
  background: #fff;
}
.about_swiper_list {
  padding: 140px 70px 0 70px;
}
.about_swiper_li {
  display: flex;
  align-items: center;
  height: 30px;
}
.about_swiper_li h4 {
  font-size: 16px;
  font-weight: 600;
  color: #0758a2;
  margin-right: 25px;
}
.about_swiper_li p {
  font-size: 14px;
  flex: 1;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.about_swiper .swiper-button-prev {
  height: 50px;
  width: 50px;
  border: 1px solid #ccc;
  top: initial;
  bottom: 30px;
  left: calc(50% + 30px);
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
}
.about_swiper .swiper-button-next {
  height: 50px;
  width: 50px;
  border: 1px solid #ccc;
  top: initial;
  bottom: 30px;
  left: calc(50% + 100px);
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
}
.course {
  position: relative;
}
.time_swiper {
  position: absolute;
  width: calc(50% - 140px);
  right: 0;
  top: 40px;
  padding: 0 70px;
}
.time_li {
  text-align: center;
}
.time_li p {
  margin-bottom: 15px;
}
.time_li hr {
  position: relative;
  width: 100%;
  margin: 6px 0;
}
.time_li p::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  display: inline-block;
  transform: translateX(-50%);
  height: 8px;
  width: 8px;
  background-color: #989898;
  border-radius: 50%;
  border: 4px solid #cdcdcd;
  z-index: 3;
}
.time_li_active p::after {
  background-color: #3792ea;
  border: 4px solid #135a9d;
}
.time_li_active p {
  color: #3792ea;
}
.time_swiper .swiper-button-prev {
  height: 33px;
  width: 33px;
  border-radius: 50%;
  border: 1px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  left: 38px;
  top: calc(50% + 16px);
}
.time_swiper .swiper-button-next {
  height: 33px;
  width: 33px;
  border-radius: 50%;
  border: 1px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  right: 38px;
  top: calc(50% + 16px);
}
.pro_nav {
  float: right;
  display: flex;
}
.pro_nav_li a {
  display: inline-block;
  padding: 0 45px;
  font-size: 16px;
  color: #383838;
  transition-duration: 0.3s;
}
.pro_nav_li:hover a {
  background-color: #0a69c7;
  color: #fff;
}
.pro_active a {
  background-color: #0a5bad;
  color: #fff;
}
.pro_block_bg {
  display: flex;
  justify-content: space-between;
  padding: 80px 0;
}
.pro_block_val {
  flex: 1;
  padding: 50px 0;
}
.pro_block_img {
  width: 31%;
  margin-left: 80px;
  background-color: #fafafa;
  padding: 70px;
  text-align: center;
  overflow: hidden;
}
.pro_block_img img {
  min-width: 88%;
}
.pro_block_text {
  line-height: 24px;
  margin-bottom: 50px;
}
.pro_block_text p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
.pro_block_list {
  padding: 0 50px;
  font-size: 18px;
  color: #000;
}
.pro_block_list p {
  display: inline-block;
  width: 48%;
  margin-bottom: 25px;
}
.pro_list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.pro_list::after {
  content: "";
  width: calc((100% - 120px) / 4);
}
.pro_li {
  width: calc((100% - 120px) / 4);
  text-align: center;
  margin-bottom: 20px;
}
.pro_li:hover .pro_img {
  outline: 1px solid #0a5cab;
}
.pro_img {
  padding: 40px;
  outline: 1px solid #ebebeb;
}
.pro_img img {
  min-width: 50%;
  max-width: 100%;
  max-height: 100%;
}
.pro_li p {
  line-height: 40px;
  font-size: 16px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.pro_easy_info {
  display: flex;
  justify-content: space-between;
  margin-top: 74px;
  margin-bottom: 70px;
}
.pro_easy_img {
  width: calc(42% - 140px);
  text-align: center;
  background-color: #fafafa;
  padding: 70px;
}
.pro_easy_img img {
  min-width: 70%;
  max-width: 100%;
}
.pro_easy_val {
  flex: 1;
  margin-left: 80px;
}
.pro_easy_tit {
  font-size: 24px;
  padding-bottom: 25px;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 15px;
  margin-bottom: 20px;
}
.pro_easy_text h4,
.pro_user h4 {
  font-size: 18px;
  margin-bottom: 15px;
}
.pro_easy_text p,
.pro_user p {
  font-size: 14px;
  line-height: 24px;
}
.pro_user p {
  display: inline-block;
  width: 48%;
}
.pro_easy_text p img,
.pro_user p img {
  margin-right: 10px;
}
.pro_easy_text {
  margin-bottom: 30px;
}
.pro_call_bn {
  margin-top: 30px;
}
.pro_call_bn a {
  padding: 0 45px;
  height: 50px;
  line-height: 50px;
  border-radius: 5px;
  background-color: #0a5bad;
  display: inline-block;
  font-size: 20px;
  color: #fff;
}
.pro_table {
  display: flex;
  background-color: #fafafa;
  align-items: center;
  height: 70px;
}
.pro_table_li {
  font-size: 24px;
  padding: 0 45px;
  height: 100%;
  line-height: 70px;
  cursor: pointer;
}
.pro_table_active {
  background-color: #0a5bad;
  color: #fff;
}
.pro_res_li {
  padding: 45px;
  line-height: 24px;
  display: none;
}
.pro_res_active {
  display: block;
}
.pro_result {
  border-bottom: 1px solid #eaeaea;
}
.pro_about {
  margin-top: 50px;
}
.pro_res_tit h4 {
  font-size: 18px;
  margin-bottom: 15px;
}
.pro_res_table {
  border-top: 1px solid #cbcbcb;
  border-left: 1px solid #cbcbcb;
}
.pro_table_th {
  display: block;
  justify-content: space-between;
}
.pro_table_td {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  text-align: center;
  border-bottom: 1px solid #cbcbcb;
}
.pro_table_tit {
  width: 200px;
  background-color: #f5f5f5;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #cbcbcb;
}
.pro_table_val {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  border-right: 1px solid #cbcbcb;
}
.pro_down_li {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  border-bottom: 1px solid #cbcbcb;
}
.pro_down_icon {
  color: #0a5cad;
}
.pro_down_icon:hover {
  color: var(--thumbColor);
}
.pro_down_icon img {
  margin-right: 10px;
}
.pro_res_inp {
  line-height: 24px;
}
.solution {
  margin: 60px auto;
}
.solution_tit {
  font-size: 24px;
}
.solution_tit h4 {
  padding-bottom: 18px;
  border-bottom: 1px solid #eaeaea;
}
.solution_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.solution_list::after {
  content: "";
  width: calc((100% - 80px) / 3);
}
.solution_li {
  width: calc((100% - 80px) / 3);
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
  margin-top: 40px;
}
.solution_li:hover img {
  transform: scale(1.1);
}
.solution_img {
  text-align: center;
  overflow: hidden;
  transform-style: preserve-3d;
  transform-origin: center;
  perspective: 100rem;
}
.solution_img img {
  width: 100%;
  height: auto;
  transition-duration: 0.3s;
  object-fit: contain;
}
.solution_li h4 {
  padding: 0 20px;
  font-family: PingFang SC, PingFang SC;
  font-weight: 500;
  font-size: 20px;
  color: #121212;
  margin: 30px 0;
  display: inline-block;
  transition: 0.5s all;
}
.solution_li h4:hover {
  color: var(--thumbColor);
}
.solutionXq {
  margin-top: 78px;
  margin-bottom: 80px;
}
.solutionXq_tit {
  text-align: center;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 35px;
}
.solutionXq_tit h4 {
  font-size: 24px;
  margin-bottom: 15px;
}
.solutionXq_tit p {
  color: #7c7c7c;
  font-size: 14px;
}
.solutionXq_tit p span {
  margin: 0 15px;
}
.solutionXq_val {
  max-width: 1200px;
  margin: 0 auto;
  line-height: 24px;
  padding-top: 50px;
}
.solutionXq_val img {
  width: 100%;
}
.pagination {
  width: auto;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}
.pagination > * {
  line-height: 36px;
  height: auto;
  font-size: 14px;
  margin: 0 5px;
  color: #505050;
  padding: 0 12px;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
  width: 1em;
  background-color: #fff;
  display: inline-block;
}
.pagination *.disabled {
  color: #aaa;
}
.pagination *.active {
  background-color: #2360ae;
  color: #ffffff;
  border-color: #2360ae;
}
.ziliao_list {
  padding: 0 20px;
  margin-bottom: 50px;
}
.ziliao_list .pro_down_li {
  border-bottom: 1px dashed #e1e1e1;
}
.ziliao_tit {
  margin-top: 70px;
  font-size: 24px;
  padding-bottom: 18px;
  border-bottom: 1px solid #e1e1e1;
}
.fenye {
  margin: 0 auto 60px;
  text-align: center;
}
.sum {
  height: 30px;
  width: 30px;
  border: 1px solid #eaeaea;
  display: inline-block;
  text-align: center;
  line-height: 30px;
  margin: 0 4px;
}
.span {
  height: 30px;
  width: 30px;
  line-height: 30px;
  border: 1px solid #0b59ab;
  background-color: #0b59ab;
  color: #fff;
  display: inline-block;
}
.new_list {
  margin-top: 75px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.new_list::after {
  content: "";
  width: calc((100% - 80px) / 3);
}
.new_li {
  width: calc((100% - 80px) / 3);
  margin-bottom: 40px;
  border: 1px solid #eaeaea;
}
.new_li h4,
.new_li p,
.new_li img {
  transition: 0.5s all;
}
.new_li:hover * {
  color: var(--thumbColor);
}
.new_li:hover .new_val {
  border-color: var(--thumbColor);
}
.new_li:hover .new_data::after {
  margin-right: 8px;
}
.new_li:hover img {
  transform: scale(1.1);
}
.new_img {
  overflow: hidden;
  text-align: center;
}
.new_img img {
  max-width: 100%;
  height: auto;
}
.new_val {
  padding: 22px 12px;
  border-bottom: 1px solid #eaeaea;
  margin: 0 10px;
}
.new_val h4 {
  font-size: 18px;
  margin-bottom: 15px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.new_val p {
  font-size: 14px;
  color: #535353;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.new_data {
  padding: 22px;
  color: #d4d4d4;
  position: relative;
}
.new_data::after {
  content: "→";
  float: right;
  margin-right: 19px;
  transition: all 0.5s;
}
.new_data > p {
  width: auto;
  display: inline-block;
}
.partTwo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 20px;
  border-top: 1px solid #ebebeb;
  margin-top: 20px;
}
.partTwo div {
  max-width: 50%;
}
.partTwo div a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.partTwo div a:hover {
  color: var(--thumbColor);
}
.solu_cum {
  display: block;
  margin: 0 auto;
  height: 88px;
  width: 88px;
  border-radius: 50%;
  border: 1px dashed #1670b9;
  text-align: center;
}
.solu_big_bg {
  padding: 25px;
  display: inline-block;
  border-radius: 50%;
  box-shadow: 0 0 15px #eaeaea;
  background-color: #fff;
}
.solu_cum_bg {
  display: inline-block;
  height: 78px;
  margin-top: 50%;
  transform: translateY(-50%);
  width: 78px;
  border-radius: 50%;
  background-color: #0b5bae;
}
.solu_cum_bg img {
  margin-top: 50%;
  transform: translateY(-50%);
}
.solution_info {
  margin: 86px auto 36px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.solution_info_li {
  width: calc((100% - 60px) / 3);
  text-align: center;
}
.solu_val {
  width: 100%;
}
.solu_val h4 {
  font-size: 18px;
  margin-bottom: 30px;
}
.solu_val p {
  font-size: 14px;
}
.contact {
  padding-top: 70px;
}
.box_modol {
  width: 50px;
  height: 35px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  border: 2px solid #eaeaea;
  border-radius: 5px;
  display: none;
}
.box_modol span {
  display: inline-block;
  width: 80%;
  height: 4px;
  background-color: #999;
  border-radius: 50px;
}
.close_bn {
  display: none;
}
.nav_list {
  display: flex !important;
}
.active_nav p {
  color: #085bab;
}
.active_nav .time_li p::after {
  background-color: #3f9ef9;
  border: 4px solid #065cb1;
}
.time_swiper .swiper-button-next,
.time_swiper .swiper-button-prev,
.about_swiper .swiper-button-prev,
.about_swiper .swiper-button-next {
  pointer-events: all;
}
@media screen and (min-width: 768px) {
  .new_view_big,
  .new_view_list {
    height: 476px;
  }
}
@media screen and (max-width: 1850px) {
  .nav_first_li {
    margin: 0 10px;
  }
}
@media screen and (max-width: 1620px) {
  .nav_first_li {
    margin: 0;
  }
}
@media screen and (max-width: 1440px) {
  .my_container {
    width: 90%;
  }
}
@media screen and (max-width: 1360px) {
  .nav_list {
    margin: 0 20px;
  }
  .search {
    width: 180px;
  }
  .fun_img {
    height: 290px;
  }
  .about_view {
    height: 420px;
  }
}
@media screen and (max-width: 1300px) {
  .nav_logo img {
    height: 55px;
  }
  .fun_img {
    height: 260px;
  }
  .fun_view_val h4 {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 1160px) {
  .header {
    height: 90px;
  }
  .nav_list {
    position: fixed;
    /*width: 100vw;*/
    width: 50vw;
    left: -100%;
    top: 0;
    height: 100vh;
    z-index: 101;
    background-color: #fff;
    margin: 0;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
    padding-top: 50px;
  }
  .nav_first_li {
    margin: 0 auto;
  }
  .box_modol {
    display: flex;
    order: 5;
    margin-left: 10px;
  }
  .footer_nav {
    display: none;
  }
  .close_bn {
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 101;
  }
}
@media screen and (max-width: 768px) {
  body,
  .header {
    min-width: initial;
  }
  .rongy_swiper .swiper-pagination {
    bottom: 0;
  }
  .new_view_list {
    margin-bottom: 20px;
  }
  .more_bn {
    margin-top: 15px;
  }
  .footer_eram {
    display: none;
  }
  .session_bg {
    margin-top: 50px;
  }
  .fun_view_li {
    width: calc((100% - 56px) / 2);
    margin-bottom: 20px;
  }
  .fun_view_li > .fun_view_val {
    padding: 20px 15px;
  }
  .new_li {
    width: calc((100% - 50px) / 2);
  }
  .new_view_li {
    padding: 15px;
  }
  .new_view {
    flex-direction: column;
  }
  .new_view > div {
    width: 100%;
  }
  .nav_first_li {
    height: initial;
    width: 100%;
    position: relative;
  }
  .nav_first_li > a {
    line-height: 70px;
    padding-left: 50px;
    display: inline-block;
    width: initial;
    height: initial;
  }
  .nav_second_list {
    position: relative;
    top: 0;
    height: auto;
    padding-left: 40px;
  }
  .nav_second_li {
    margin: 0;
    width: 50%;
    text-align: center;
  }
  .banner {
    /*height: 57vh;*/
    height: auto;
  }
  .about_view {
    height: 270px;
  }
  .solution_li {
    width: calc((100% - 30px) / 2);
  }
  .fun_img {
    height: 160px;
  }
  .contact_view {
    flex-direction: column;
    height: auto;
  }
  .contact_view > div {
    width: 100%;
    height: 435px;
  }
  .pro_view_img {
    height: 100px;
  }
  .contact_block {
    padding: 0 15px;
    align-content: center;
  }
  .footer_logo img {
    height: 50px;
  }
  .footer_view {
    padding: 0 25px;
  }
  .other_banner {
    height: 270px;
  }
  .aboutUs_right {
    width: 50%;
    overflow: hidden;
    margin-left: 15px;
  }
  .about_card_bg {
    padding: 20px;
  }
  .aboutUs_view > div {
    width: 50%;
  }
  .about_swiper_list {
    padding: 140px 20px 0 20px;
  }
  .rongy_container .swiper-slide {
    height: 100%;
  }
  .pro_nav {
    float: none;
    justify-content: flex-start;
  }
  .pro_nav_li a {
    padding: 0 15px;
  }
  .pro_block_bg {
    flex-direction: column;
  }
  .pro_block_img {
    order: -1;
    margin-left: 0;
  }
  .pro_li {
    width: calc((100% - 30px) / 3);
  }
  .solution {
    margin: 20px auto 30px;
  }
  .solution .solution_li {
    margin: 20px 0;
  }
  .solution .solution_li h4 {
    margin: 20px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 14px;
    text-align: left;
  }
  .pro_easy_info {
    display: block;
  }
  .pro_easy_img {
    width: calc(100% - 140px);
  }
  .pro_easy_val {
    margin-left: 0;
  }
  .pro_table {
    height: 50px;
  }
  .pro_table_li {
    font-size: 16px;
    padding: 0 15px;
    line-height: 50px;
  }
  .pro_res_li {
    padding: 15px 0;
  }
  .pro_table_tit {
    width: 100px;
  }
  .md_hidden {
    display: none;
  }
  .solutionXq_tit h4 {
    font-size: 18px;
  }
  .solution_info {
    flex-direction: column;
    align-items: flex-start;
  }
  .solution_info_li {
    width: 100%;
    display: flex;
    align-items: center;
    text-align: left;
  }
}
@media screen and (max-width: 450px) {
    .aboutUs_right video,
    .aboutUs_right {
        height: auto;
    }
    
    .pro_list {
        display: block !important;
    }
    
  .crumbs_nav {
    height: 40px;
    line-height: 40px;
  }
  .nav_logo img {
    height: 36px;
  }
  .session_bg {
    margin-top: 0;
  }
  .hot_phone {
    display: none;
  }
  .search {
    margin-left: 10px;
  }
  .nav_second_li a {
    line-height: 24px;
    height: initial;
  }
  .nav_second_li {
    height: 70px;
    display: flex;
    align-items: center;
  }
  .nav_second_active::after {
    content: none;
  }
  .session_tit {
    max-width: none;
  }
  .session {
    height: initial;
    padding: 25px 0;
  }
  .session_tit h4 {
    font-size: 16px;
  }
  .about_view {
    flex-direction: column;
    height: initial;
  }
  .about_view_left,
  .about_view_right {
    width: 100%;
    /*height: 300px;*/
    height: auto;
    margin-top: 10px;
  }
  .about_view_val h4 {
    font-size: 16px;
  }
  .about_view_val {
    left: 15px;
    bottom: 15px;
  }
  .fun_view_li {
    width: calc((100% - 15px) / 2);
  }
  .pro_view {
    flex-wrap: wrap;
  }
  .pro_view_li {
    width: calc((100% - 15px) / 2);
    margin-bottom: 15px;
  }
  .pro_view_val h4 {
    font-size: 16px;
  }
  .fun_view_val h4 {
    font-size: 16px;
  }
  .new_view {
    flex-direction: column;
    height: initial;
  }
  .new_view > div {
    width: 100%;
  }
  .new_view_li {
    margin-bottom: 15px;
  }
  .new_view_val {
    height: 50px;
  }
  .new_view_val h4 {
    line-height: 50px;
    height: 50px;
    font-size: 16px;
  }
  .new_view_val h4 span:nth-child(1) {
    font-size: 16px;
  }
  .contact_block {
    width: 100%;
  }
  .footer_bg {
    flex-direction: column;
  }
  .footer_view {
    padding: 0;
  }
  .footer_eram {
    align-self: flex-start;
  }
  .aboutUs_bg {
    flex-direction: column;
  }
  .aboutUs_right {
    width: 100%;
    margin-left: 0;
    margin-top: 15px;
  }
  .aboutUs {
    padding: 30px 0;
  }
  .aboutUs_left > h4 {
    font-size: 18px;
  }
  .about_card_list {
    flex-direction: column;
    margin-top: 20px;
  }
  .about_card_li {
    width: 100%;
    margin-bottom: 15px;
  }
  .about_card_top {
    margin-bottom: 15px;
  }
  .about_card_val h4 {
    font-size: 16px;
  }
  .about_swiper_img {
    display: none;
  }
  .aboutUs_view > div {
    width: 100%;
  }
  .about_swiper_list {
    padding: 94px 20px 90px 20px;
  }
  .time_swiper {
    width: calc(100% - 140px);
  }
  .session_tit {
    margin-bottom: 30px;
  }
  .pro_nav {
    display: block;
    float: left;
    width: 100%;
  }
  .pro_nav_li {
    float: left;
  }
  .pro_nav_li a {
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pro_block_img {
    width: calc(100% - 140px);
  }
  .pro_block_bg {
    padding: 30px 0;
  }
  .pro_block_list {
    padding: 0 15px;
    font-size: 16px;
  }
  .pro_li {
    /*width: calc((100% - 15px) / 2);*/
    width: 100%;
  }
  .pro_img {
    padding: 30px;
  }
  .new_li {
    /*width: calc((100% - 15px) / 2);*/
    width: 100%;
  }
  .solution_info {
    flex-wrap: wrap;
  }
  .banner_val h4 {
    font-size: 28px;
  }
  .banner_val p {
    font-size: 18px;
  }
  .other_banner {
    height: 180px;
  }
  .solution_info {
    margin-top: 75px;
  }
  .nav_first_li > a {
    padding-left: 0;
  }
  .swiper_val {
    display: none;
  }
  .new_view_big {
    /*height: 200px;*/
  }
  .new_val,
  .new_data {
    padding: 10px;
  }
  .new_val h4 {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .new_val p {
    font-size: 12px;
    line-height: 20px;
    height: 40px;
  }
}