@charset "UTF-8";
.colorBlue {
  color: #227ca7;
}

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

.banner,
.banner .swiper-slide {
  width: 100%;
}

.banner .ban-slide-bj1 {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.banner .ban-slide-bj1 video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner .swiper-pagination {
  bottom: 3% !important;
}

.banner .swiper-pagination .swiper-pagination-bullet {
  position: relative;
  width: 60px;
  height: 5px;
  opacity: 0.5;
  border-radius: 2px;
  overflow: hidden;
  margin: 0 10px;
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-transition: all 300ms ease 0s;
  transition: all 300ms ease 0s;
  opacity: 1;
  outline: none;
}

.banner .swiper-pagination .swiper-pagination-bullet:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 5px;
  width: 0;
  background-color: #175876;
}

.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  content: "";
  width: 100%;
  -webkit-animation: progressIn 5s linear both;
  -moz-animation: progressIn 5s linear both;
  -ms-animation: progressIn 5s linear both;
  -o-animation: progressIn 5s linear both;
  animation: progressIn 5s linear both;
}

.sec_type {
  margin-bottom: 4.5rem;
}

.sec_type .cn {
  position: relative;
  margin-bottom:2.5rem;
}

.sec_type .cn span {
  position: relative;
  padding-bottom:1.3rem;
}

.sec_type .cn span::after {
  content: "";
  width: 65%;
  height: 0.5rem;
  background: #227ca7;
  border-radius: 0.5rem;
  position: absolute;
  bottom: 0.4rem;
  left: 50%;
  z-index: 0;
  transform: translateX(-50%);
}

.sec_type .cn span i {
  font-style: normal;
  position: relative;
  z-index: 1;
}

.sec_type.sec_type2 {
  color: #fff;
}

.section1 .item .item_tit {
  margin: 2rem 0 1.5rem;
}

.section1 .item .item_desc {
  line-height: 2rem;
  height: 6rem;
  color: #000;
  -webkit-line-clamp: 3;
  margin-bottom: 2rem;
}

.section1 .item .item_more span {
  width: 10.6rem;
  height: 3.2rem;
  text-align: center;
  display: inline-block;
  line-height: 3.2rem;
  color: #fff;
  background: #227ca7;
  border-radius: 1.6rem;
}

.section1 .item .item_more:hover span {
  background: rgba(34, 124, 167, 0.88);
}

.section2 {
  background-attachment: fixed;
}

.section2 .item {
  text-align: center;
  padding: 2.7rem 1rem;
  color: #fff;
  background: rgba(255, 255, 255, 0.35);
  transition: ease 0.3s;
}

.section2 .item .item_icon {
  height: 7.2rem;
}

.section2 .item .item_icon img {
  height: 7.2rem;
}

.section2 .item .item_cn {
  margin: 1.7rem 0 0.05rem;
}

.section2 .item:hover {
  background: rgba(39, 170, 233, 0.7);
}

.section3 {
  padding-bottom: 0;
}

.section3 .item {
  height: 21rem;
  background: #f9f9f9;
  border-radius: 1rem;
  padding: 3rem 2rem;
}

.section3 .item .item_tit .icon {
  margin-right: 1.3rem;
  width: 4.6rem;
  text-align: center;
}

.section3 .item .item_tit .icon img {
  max-width: 4.6rem;
}

.section3 .item .item_tit .info .en {
  margin-top: -0.3rem;
}

.section3 .item .item_desc {
  margin-top: 1rem;
  line-height: 2.4rem;
  height: 7.2rem;
  -webkit-line-clamp: 3;
}

.section3 .item:hover {
  background: #f6f6f6;
}

.section4 .sbox1 .info {
  padding-left: 5rem;
}

.section4 .sbox1 .info .t1 {
  font-style: italic;
  font-family: "Arial";
  color: rgba(4, 0, 0, 0.1);
  margin: 1.7rem 0 -4rem;
}

.section4 .sbox1 .info .t3 {
  margin: -0.5rem 0 3.2rem;
}

.section4 .sbox2 {
  margin-top: 3rem;
}

.section4 .sbox2 li .item {
  position: relative;
}

.section4 .sbox2 li .item .item_num {
  color: #227ca7;
  font-weight: bold;
}

.section4 .sbox2 li .item .item_num .f24 {
  margin-left: 0.6rem;
}

.section4 .sbox2 li .item .item_tit {
  margin: 0.4rem 0 0.3rem;
}

.section4 .sbox2 li::after {
  content: "";
  width: 0.1rem;
  height: 9.5rem;
  background: rgba(176, 176, 176, 0.5);
  position: absolute;
  right: 5rem;
  top: 50%;
  transform: translateY(-50%);
}

.section4 .sbox2 li:last-child::after {
  display: none;
}

/* apply */
.apply {
  padding: 10rem 0;
}

.apply .contbox {
  max-width: 70rem;
  margin: 0 auto;
}

.apply .contbox .tit {
  color: #35b6f4;
}

.apply .contbox .desc {
  color: #fff;
  padding: 1.6rem 0;
  border-bottom: 1px solid #fff;
}

.apply .contbox .btns {
  margin-top: 3rem;
}

.apply .contbox .btns a {
  background: #227ca7;
  padding: 1.5rem 0;
  text-align: center;
  transition: all ease 0.3s;
  display: block;
  width: 48%;
  color: #fff;
  border-radius: 0.7rem;
}

.apply .contbox .btns a:hover {
  background: rgba(34, 124, 167, 0.88);
}

/* inner */
.inner_slide {
  padding: 10rem 0 15rem;
}

.inner_slide.text_white {
  color: #fff;
}

.solute .item .item_box {
  background: #f9f9f9;
  padding: 2.3rem;
}

.solute .item .item_box .tit {
  margin-bottom: 2.5rem;
}

.solute .item .item_box .desc {
  font-size: 1.5rem;
  color: #484848;
  line-height: 2.5rem;
  height: 15rem;
  -webkit-line-clamp: 6;
}

.inner_slide2 img {
  display: block;
}

.detail1 .detbox1 .det1_cont {
  font-size: 1.5rem;
  line-height: 1.6;
}

.detail1 .detbox1 .det1_cont h3 {
  margin: 1rem 0;
  font-size: 2.4rem;
}

.detail1 .detbox1 .det1_cont p {
  margin: 0.8rem 0;
}

.adv_bar {
  width:20rem;
  position: fixed;
  padding: 3.3rem 0;
  right: 0;
  top: 25%;
  z-index: 22;
  background: linear-gradient(0deg, #2270ac, #3892e7);
  border-radius: 1.5rem 0 0 1.5rem;
  color: #fff;
  transition: all ease 0.3s;
  text-align: center;
}
.adv_bar.cur{right:-100%}

.adv_bar li {
  margin-top: 2.2rem;
}

.adv_bar li img {
  width: 2.5rem;
  margin-bottom: 0.5rem;
}

.adv_bar.open {
  right: 0;
}

.fold_btn {
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  transition: all ease 0.3s;
  background: linear-gradient(0deg, #2270ac, #3892e7);
  border-radius: 0.8rem 0 0 0.8rem;
  position: fixed;
  right:-3px;
  top: 50%;
  z-index: 22;
  text-align: center;
  color: #fff;
  transform: translateY(-50%);
}

.fold_btn i {
  color: #fff;
  font-size: 1.4rem;
}
.fold_btn.cur{
    right:19rem;
}
.fold_btn.on {
  right:0;
}

.fold_btn.on i::before {
  content: "\e612";
}

.detbox3{
    padding:4rem 0;
    margin:6rem 0 2rem;
}
.detbox3 li .item{
background: #FFFFFF;
padding:3rem 2.5rem;
border: 1px solid #D6D6D6;
border-radius: 1.5rem;
}
.detbox3 li .item img{
    width:6rem;
    flex-shrink: 0;
}
.detbox3 li .item .info{
    margin-left:2rem;
    flex: 1;
    font-weight:bold;
    line-height:1.4;
    overflow:hidden;
}
/* 语种介绍 */
.language .langbox1 .side_ul {
  max-width: 32rem;
}

.language .langbox1 .side_ul ul {
  border-left: 0.3rem solid #dedede;
}

.language .langbox1 .side_ul ul li {
  padding-left: 1.4rem;
  margin-bottom: 2.5rem;
  position: relative;
}

.language .langbox1 .side_ul ul li::before {
  content: "";
  width: 0.3rem;
  height: 0;
  background: #227ca7;
  position: absolute;
  left: -0.3rem;
  top: 0;
  transition: all ease 0.3s;
}

.language .langbox1 .side_ul ul li.on::before, .language .langbox1 .side_ul ul li:hover::before {
  height: 100%;
}

.language .langbox1 .side_ul ul li.on a, .language .langbox1 .side_ul ul li:hover a {
  color: #227ca7;
}

.language .langbox1 .contbox {
  background: #f9f9f9;
  height: 98%;
  padding: 5.8rem 5.1rem;
}

.language .langbox1 .contbox .lang_tit {
  margin-bottom: 4.5rem;
}

.language .langbox1 .contbox .lang_tit .icon {
  margin-right: 2.9rem;
}

.language .langbox1 .contbox .lang_tit .icon img {
  width: 17.4rem;
}

.language .langbox2 {
  background: #f9f9f9;
}

.language .langbox2 .item {
  background: #fff;
  padding: 2.6rem 0;
  text-align: center;
}

.language .langbox2 .item .icons img {
  height: 7.6rem;
}

.language .langbox2 .item .tit {
  margin: 1rem 0 0.5rem;
}

/* 服务 */
.bgfa {
  background: #fafafa;
}

.service .ser_box1 .info p {
  margin-bottom: 1.5rem;
}

.service .ser_box2 .item {
  height: 44.5rem;
  padding: 4.5rem 2.2rem;
  color: #fff;
  margin-bottom: 3.5rem;
  position: relative;
}

.service .ser_box2 .item::before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.service .ser_box2 .item::after {
  content: "";
  width: 100%;
  height: 0;
  transition: all ease 0.3s;
  background: #227ca7;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.service .ser_box2 .item .item_txt {
  position: relative;
  z-index: 2;
}

.service .ser_box2 .item .item_txt .item_tit {
  margin-bottom: 2.4rem;
}

.service .ser_box2 .item .item_txt .item_cont {
  opacity: 0;
  overflow: hidden;
  max-height: 30rem;
  margin-right: -1rem;
  padding-right: 1rem;
  overflow-y: auto;
  transition: all ease 0.3s;
}

.service .ser_box2 .item .item_txt .item_cont::-webkit-scrollbar {
  width: 2px;
  height: 5px;
}

.service .ser_box2 .item:hover::after {
  height: 100%;
}

.service .ser_box2 .item:hover .item_txt .item_cont {
  opacity: 1;
}

.service .ser_box3 .contbox {
  position: relative;
}

.service .ser_box3 .contbox .cont_info {
  padding: 1.7rem 0 2.5rem;
}

.service .ser_box3 .contbox .cont_info .tit {
  margin-bottom: 2.5rem;
}

.service .ser_box3 .contbox .cont_info .tit .en {
  margin-top: -0.2rem;
}

.service .ser_box3 .contbox .cont_info .cont {
  line-height: 1.7;
}

.service .ser_box3 .contbox .cont_img {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}

.service .ser_box4 {
  padding: 11rem 0;
  color: #fff;
  text-align: center;
}

.service .ser_box4 .desc {
  margin-top: 1rem;
}

.service .section3 {
  padding-bottom: 6rem;
}

.service .ser_box5 .item .item_tit {
  margin: 2rem 0;
}

/* about */
.about .about1 .sec_type2 {
  margin-bottom: 2rem;
}

.about .about2 {
  padding-bottom: 7.3rem;
}

.about .about2 li {
  background: #fbfbfb;
}

.about .about2 li .grid {
  justify-content: flex-end;
}

.about .about2 li:nth-child(2n) {
  background: #fff;
}

.about .about2 li:nth-child(2n) .grid {
  justify-content: flex-start;
}

.about .about2 li:nth-child(2n) .contbox .cont_info {
  padding: 1.7rem 1rem 2.5rem 0;
}

.about .about2 li:nth-child(2n) .contbox .cont_img {
  right: 0;
  left: unset;
}

.about .about2 li .contbox {
  position: relative;
}

.about .about2 li .contbox .cont_info {
  padding: 1.7rem 0 2.5rem 2rem;
}

.about .about2 li .contbox .cont_info .tit {
  margin-bottom: 2.5rem;
}

.about .about2 li .contbox .cont_info .tit .en {
  margin-top: -0.2rem;
}

.about .about2 li .contbox .cont_info .cont {
  line-height: 1.7;
}

.about .about2 li .contbox .cont_img {
  position: absolute;
  left: 0;
  top: 0;
  width: 48%;
  height: 100%;
}

.about .about3 .slides2 {
  margin-top: 4rem;
}

.about .about3 .swiper-slide .bimg {
  height: 8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.about .about3 .swiper-slide .bimg img {
  max-height: 90%;
}

.about .about4 {
  padding: 10.5rem 0;
  color: #fff;
}

.about .about4 .desc {
  margin-top: 0.5rem;
}

.about .about5 {
  overflow: hidden;
}

.about .about6 {
  padding: 7.6rem 0 5.3rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.about .about6 .info {
  padding-left: 4rem;
}

.about .about6 .info .tit .en {
  margin-top: 0.3rem;
  padding-bottom: 1.6rem;
  position: relative;
}

.about .about6 .info .tit .en::after {
  content: "";
  width: 5.3rem;
  height: 0.4rem;
  background: #227ca7;
  position: absolute;
  left: 0;
  bottom: 0;
}

.about .about6 .info .desc {
  margin-top: 2rem;
}

.about .about7 {
  padding: 3rem 0;
}

.about .about7 .item {
  background: #fafafa;
  padding: 3rem;
  min-height: 46rem;
  position: relative;
}

.about .about7 .item .item_xu {
  width: 8rem;
  height: 6.9rem;
  background: url(/skin/img/icon_ky1.png) no-repeat;
  background-size: 100% 100%;
  padding-left: 1.5rem;
  font-size: 3.3rem;
  color: #fff;
  font-weight: bold;
}

.about .about7 .item::before {
  content: "";
  width: 100%;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  transition: all ease 0.3s;
  background: rgba(34, 124, 167, 0.88);
}

.about .about7 .item .item_wrap {
  position: relative;
  z-index: 1;
}

.about .about7 .item .item_tit {
  margin: 3.5rem 0 2.5rem;
}

.about .about7 .item .item_cont {
  line-height: 1.6;
  max-height: 23rem;
  overflow: hidden;
}

.about .about7 .item:hover {
  color: #fff;
}

.about .about7 .item:hover .item_xu {
  display: none;
}

.about .about7 .item:hover .item_cont {
  max-height: 28rem;
  overflow-y: auto;
}

.about .about7 .item:hover::before {
  height: 100%;
}

.about .about8 {
  padding-bottom: 10rem;
}

.about .about8 .sec_type {
  margin-bottom: 5.5rem;
}

.about .about8 .info .tit {
  padding-bottom: 1.8rem;
  margin-bottom: 2.5rem;
  position: relative;
}

.about .about8 .info .tit::after {
  content: "";
  width: 4.6rem;
  height: 0.1rem;
  background: #000;
  position: absolute;
  left: 0;
  bottom: 0;
}

.about .about8 .info .cont {
  line-height: 3rem;
}

.about .about8 .qrcode li {
  text-align: center;
  margin-left: 2rem;
}

.about .about8 .qrcode li img {
  max-width: 32.4rem;
}

.about .about8 .qrcode li p {
  font-size: 1.8rem;
  margin-top: 0.1rem;