.conmon-banner{width: 100%;position: relative;}
.conmon-banner img{width: 100%;object-fit: cover;}
.common-content{width: 100%;height: 100%; position: absolute;left: 0;top: 0;}
@media only screen and (min-width: 1400px){
.common-content .contain{height: 100%;display: flex;flex-direction: column;justify-content: flex-end;}
}

@media screen and (max-width: 1410px){
.common-content .contain{height: 100%;display: flex;flex-direction: column;}
}


.common-title{width: 100%;transform: translateY(-256px);}
.common-title span{font-size: 27px;color: #fff;line-height: 1;}

@media only screen and (min-width: 1400px){
.common-title h2{font-size: 80px;color: #fff;line-height: 1;margin-top:6px; text-transform: capitalize;}
}

@media screen and (max-width: 1410px){
.common-title h2{font-size: 80px;color: #fff;line-height: 1;margin-top:463px; text-transform: capitalize;}
}

.common-list{width: 100%;margin-bottom: 32px;}
.common-list ul li{float: left;margin-right: 40px;}
.common-list ul li a{display: inline-block;font-size: 16px;color: #fff;text-transform: uppercase;}
.common-list ul li.active a{color: #00499e;}

#c-contact {
  padding: 1.9rem 0;
  position: relative;
  text-align: center;
}
@media (max-width: 767px) {
  #c-contact {
    padding: 3rem 0;
  }
}
#c-contact::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
#c-contact > img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#c-contact .container {
  position: relative;
  z-index: 5;
}
#c-contact .c-title {
  margin-bottom: 0.5rem;
  font-family: "MANROPE-BOLD";
  color: #fff;
  line-height: 1.1;
}
@media (max-width: 767px) {
  #c-contact .c-title {
    margin-bottom: 1rem;
  }
}
#c-partner .c-list {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  background: #fff;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  #c-partner .c-list {
    margin-bottom: -1rem;
    background: transparent;
  }
}
#c-partner .c-list li {
  width: 25%;
  position: relative;
  padding: 0 0.4rem;
  border: 1px solid #e1e1e1;
  border-left: 0;
}
@media (max-width: 991px) {
  #c-partner .c-list li {
    margin-top: -1px;
    width: 50%;
  }
}
@media (max-width: 767px) {
  #c-partner .c-list li {
    margin-bottom: 1rem;
    border: 1px solid #e1e1e1;
    width: 100%;
    background: #fff;
  }
}
#c-partner .c-list li:nth-child(1) {
  border-left: 1px solid #e1e1e1;
}
#c-partner .c-list li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
  background: url(../images/hb-bj.png) no-repeat bottom -0.2rem right -0.2rem/1rem auto;
}
#c-partner .c-list li .c-img-box {
  position: relative;
  z-index: 2;
  height: 2.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px dashed #d8d8d8;
}
@media (max-width: 767px) {
  #c-partner .c-list li .c-img-box {
    height: 6rem;
  }
}
#c-partner .c-list li .c-img-box img {
  height: 0.56rem;
}
@media (max-width: 767px) {
  #c-partner .c-list li .c-img-box img {
    height: 2rem;
  }
}
#c-partner .c-list li .c-img-box img:nth-child(2) {
  display: none;
}
#c-partner .c-list li .c-text-box {
  position: relative;
  z-index: 2;
  transition: all 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.8rem;
  line-height: 1.1;
}

.bg-color1 {
  background-color: #fff;
}
.bg-color2 {
  background-color: #f5f5f5;
}
.c-common-btn1 {
  margin: 0 auto;
  display: block;
  width: 1.8rem;
  border: 3px solid #fff;
  line-height: 0.44rem;
  text-align: center;
  color: #fff;
  border-radius: 0.25rem;
  transition: all 0.5s;
}
@media (max-width: 1260px) {
  .c-common-btn1 {
    width: 2.4rem;
    line-height: 0.7rem;
    border-radius: 0.35rem;
  }
}
@media (max-width: 991px) {
  .c-common-btn1 {
    width: 3.2rem;
    line-height: 1rem;
    border-radius: 0.5rem;
  }
}
@media (max-width: 767px) {
  .c-common-btn1 {
    width: 7rem;
    line-height: 2rem;
    border-radius: 1.1rem;
  }
}
.c-common-btn1:hover {
  color: #006fb8;
  background: #fff;
}
.c-common-btn2 {
  margin: 0 auto;
  display: block;
  width: 1.8rem;
  border: 3px solid #006fb8;
  line-height: 0.44rem;
  text-align: center;
  color: #006fb8;
  border-radius: 0.25rem;
  transition: all 0.5s;
}
@media (max-width: 1260px) {
  .c-common-btn2 {
    width: 2.4rem;
    line-height: 0.7rem;
    border-radius: 0.35rem;
  }
}
@media (max-width: 991px) {
  .c-common-btn2 {
    width: 3.2rem;
    line-height: 1rem;
    border-radius: 0.5rem;
  }
}
@media (max-width: 767px) {
  .c-common-btn2 {
    width: 7rem;
    line-height: 2rem;
    border-radius: 1.1rem;
  }
}
.c-common-btn2:hover {
  color: #fff;
  background: #006fb8;
}
.ptb100 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media (max-width: 767px) {
  #c-partner .c-list li .c-text-box {
    height: 3rem;
  }
}
#c-partner .c-list li:hover {
  z-index: 3;
}
.container {
    margin: 0 auto;
    width: 1400px;
}
.lx_one {

  padding: 100px 0;
  display: flex;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .lx_one {
    margin-top: 0.5rem;
    padding: 1.5rem 0;
  }
}
.lx_one li {
  text-align: center;
  width: 33.3333%;
}
.lx_one .img-box {
  padding-bottom: 0.35rem;
}

.lx_one .title {
	padding-top: 30px;

  color: #333333;
  font-weight: bold;
  padding-bottom: 30px;
	font-size: 30px;
}
.lx_one .desc {
  color: #656565;
  line-height: 30px;

		font-size: 20px;
}
@media (max-width: 767px) {
  .lx_one .desc {
    font-size: 12px;
  }
}
.lx_two {
  height: 6.5rem;
}
@media (max-width: 767px) {
  .lx_two {
    height: 10rem;
  }
}
.lx_two .img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.lx_three {
  background: #F5F5F5;
}
.lx_three .container {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.lx_three .info {
  width: 50%;
  padding-right: 1.7rem;
  color: #656565;
}
@media (max-width: 991px) {
  .lx_three .info {
    padding-right: 1rem;
  }
}
@media (max-width: 767px) {
  .lx_three .info {
    width: 100%;
    padding-right: 0;
    padding-bottom: 1.5rem;
  }
}
.lx_three .info .title {
  padding-bottom: 0.5rem;
  color: #000;
  font-weight: bold;
  font-family: "MANROPE-BOLD";
}
.lx_three .ul {
  width: 50%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .lx_three .ul {
    width: 100%;
  }
}
.lx_three .ul li {
  width: 49%;
  margin-bottom: 0.2rem;
  position: relative;
  background: #fff;
}
@media (max-width: 767px) {
  .lx_three .ul li {
    margin-bottom: 0.5rem;
  }
}
.lx_three .ul li i {
  position: absolute;
  top: 0;
  line-height: 0.6rem;
  right: 15px;
  color: #DA2420;
  font-style: normal;
}
@media (max-width: 991px) {
  .lx_three .ul li i {
    line-height: 1.1rem;
  }
}
@media (max-width: 767px) {
  .lx_three .ul li i {
    line-height: 2.2rem;
  }
}
.lx_three .ul .txt {
  line-height: 0.6rem;
  height: 0.6rem;
  padding-left: 0.28rem;
  width: 100%;
}
@media (max-width: 991px) {
  .lx_three .ul .txt {
    line-height: 1.1rem;
    height: 1.1rem;
  }
}
@media (max-width: 767px) {
  .lx_three .ul .txt {
    line-height: 2.2rem;
    height: 2.2rem;
    padding-left: 0.6rem;
  }
}
.lx_three .ul .select {
  width: 100%;
  line-height: 0.6rem;
  height: 0.6rem;
  padding-left: 0.28rem;
  background: url(../images/bg_12.png) no-repeat 96% center;
}
@media (max-width: 991px) {
  .lx_three .ul .select {
    line-height: 1.1rem;
    height: 1.1rem;
  }
}
@media (max-width: 767px) {
  .lx_three .ul .select {
    line-height: 2.2rem;
    height: 2.2rem;
    padding-left: 0.6rem;
  }
}
.lx_three .ul .li {
  width: 100%;
}
.lx_three .ul .txt_desc {
  width: 100%;
  height: 2rem;
  padding: 0.2rem 0.28rem;
}
@media (max-width: 991px) {
  .lx_three .ul .txt_desc {
    height: 3rem;
    line-height: 1.1rem;
  }
}
@media (max-width: 767px) {
  .lx_three .ul .txt_desc {
    height: 6rem;
    line-height: 2.2rem;
    padding-left: 0.6rem;
  }
}
.lx_three .ul .btn {
  width: 100%;
  background: #006FB8;
  line-height: 0.6rem;
  color: #fff;
}
@media (max-width: 991px) {
  .lx_three .ul .btn {
    line-height: 1.1rem;
  }
}
@media (max-width: 767px) {
  .lx_three .ul .btn {
    line-height: 2.2rem;
  }
}






.zxly{margin:80px auto;}
.zxly-b{font-size:12px;}
.zxly-b input{width: calc((100% - 40px) / 3);background:#f7f7f7;height:42px;margin-bottom:20px;padding:0 17px;color:#777777;}
.zxly-b input:nth-child(3),.zxly-b input:nth-child(4){width:30%}
.zxly-b input::placeholder,.zxly-b textarea::placeholder{color:#777777;}
.zxly-b textarea{width:100%;background:#f7f7f7;height:150px;margin-bottom:20px;padding:17px;color:#777777;}
.zxly-b dl{width:100%}
.zxly-b dl dt{width:360px;}
.zxly-b dl dt input{width:190px;margin-bottom:0;}
.zxly-b dl dt img{display:block;width:140px;height:42px;cursor:pointer;}
.zxly-b dl button{width:200px;height:42px;cursor:pointer;background:#f08301;color:#fff;text-transform:uppercase;font-size:14px;transition:all 0.5s;}
.zxly-b dl button:hover{opacity:0.8;}
#container{height:490px;}

















.news{width: 100%;background-color: #f7f7f7;padding: 78px 0 120px;}
.news-list{width: 100%;}
.news-list ul{width: 100%;display: flex;justify-content: center;flex-wrap: wrap;}
.news-list ul li{margin-right: 34px;}
.news-list ul li:last-child{margin-right: 0;}
.news-list ul li a{display: inline-block;font-size: 16px;color: #5d6a7a;position: relative;padding-bottom: 10px;}
.news-list ul li.active a::after{content: '';width: 100%;height: 2px;background-color: #00499e;position: absolute;left: 0;bottom: 0;}
.news-list ul li.active a{color: #00499e;}
.news-items{width: 100%;margin-top: 46px;}
.news-toggle{width: 100%;display: none;}
.news-toggle.active{display: block;}
.news-lft{float: left;width: 48%;margin-right: 4%;}
.news-img{width: 100%;overflow: hidden;}
.news-img img{width: 100%;object-fit: cover;height:362px;transition: all .4s ease;}
.news-content{width: 100%;padding: 40px 26px 40px;background-color: #fff;}
.news-content h2{font-size: 16px;color: #58616b;line-height: 22px;margin-bottom: 16px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;min-height: 44px;transition: all .4s ease;}
.news-content span{font-size: 14px;color: #888;line-height: 22px;}
.news-lft a:hover .news-img img{transform:scale(1.1);}
.news-lft a:hover .news-content h2{color: #00499e;}
.news-rgt{float: right;width: 48%;}
.news-rgt ul li{width: 100%; background-color: #fff;padding: 0 40px 0 48px;}
.news-menu{display: inline-block; width: 100%;border-bottom: 1px dashed #ebebeb;padding: 46px 60px 46px 0;position: relative;}
.news-menu::after{content: '';width: 16px;height: 24px;background: url('../images/index/news_Arr.png')no-repeat center;position: absolute;right: 0;top: 45px;}
.news-details{width: 100%;}
.news-details h2{font-size: 16px;color: #58616b;line-height: 22px;margin-bottom: 16px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;min-height: 44px;transition: all .4s ease;}
.news-details span{font-size: 14px;color: #888;line-height: 22px;}
.news-rgt ul li:hover .news-details h2{color: #00499e;}
.news-column{width: 100%;padding: 94px 0 92px;}
.news-column-items{width: 100%;}
.news-column-items li{width: 31.333%;float: left;margin-right: 3%;}
.news-column-items li:nth-child(3n){margin-right: 0;}
.news-bar{width: 100%;position: relative;}
.news-barimg{width: 100%;overflow: hidden;display: flex;justify-content: center;align-items: center;height: 250px; }
.news-barimg img{max-width: 100%;object-fit: cover;transition: all .4s ease;}
.news-cont{width: 100%;position: relative;left: 0;bottom: 52px;padding-right: 40px;}
.news-cont-center{width: 100%;background-color: #fff;padding: 32px 40px 32px 0;}
.news-cont-center h2{font-size: 20px;color: #58616b;line-height: 32px;margin-bottom: 20px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;min-height: 96px;transition: all .4s ease;}
.news-cont-center span{font-size: 14px;color: #888;}
.news-column-items li:hover .news-barimg img{transform: scale(1.03);}
.news-column-items li:hover .news-cont-center h2{color:#00499e;}
.news-page{width: 100%;}
.common--pageitems{display: flex;justify-content: center;}
.common--pageitems .page-buton{width: 102px;height: 44px;margin: 0 14px; border-radius: 22px;text-align: center;background-color: #f2f2f2;font-size: 18px;color: #666;line-height: 44px;position: relative;cursor: pointer;}
.common--pageitems span i{font-size: 18px;font-family: \5B8B\4F53;color:#333333;font-style: normal;font-weight: 800;transition: all .4s ease;}
.common--pageitems a:hover i{color: #fff;}
.common--pageitems a{width: 44px;height: 44px;text-align: center;line-height: 44px;border-radius: 50%;font-size: 18px;color: #666;background-color: #f2f2f2;margin: 0 3px;transition: all .4s ease;}
.common--pageitems a.active,.common--pageitems a:hover{color: #fff;background-color: #00499e;}
.common--pageitems b{width: 16px;height: 44px;line-height: 44px;text-align: center;margin: 0 3px;}
/* 新闻详情 */

.news-detail{width: 100%;padding: 120px 0 186px;background-color: #f7f7f7;}
.news-detaitems{width: 100%; display: flex;justify-content: space-between;}
.news-detacont{width: 72%;}
.news-detatitle{width: 100%;border-bottom:1px solid #ebebeb ;padding-bottom: 28px;}
.news-detatitle h2{font-size: 30px;font-weight: bold;color: #111;margin-bottom: 20px;}
.news-detatitle span{font-size: 13px;color: #999999;line-height: 24px;position: relative;padding-left: 20px;}
.news-detatitle span::before{content: ''; width: 14px;height: 14px; background: url('../images/times.png')no-repeat left center;position: absolute;left: 0;top: 3px;}
.news-detashow{width: 100%;padding-top: 30px;}
.news-detashow P{font-size: 16px;color: #555;line-height: 32px;}
.news-detashow img{width: 100%;object-fit: cover;margin: 48px 0 40px;}
.news-detarela{width:10%;}
.news-detarela li{margin-top: 20px;}
.news-detaskip{display: flex;align-items: center;}
.news-detaskip i{display: inline-block; width: 44px;height: 44px;border-radius: 50%;margin-right: 16px;}
.news-detaskip i.icon1{background: #fff url('../images/ndetArr1.png') no-repeat center}
.news-detaskip i.icon2{background: #fff url('../images/ndetArr2.png') no-repeat center}
.news-detaskip i.icon3{background: #fff url('../images/news_return.png') no-repeat center}
.news-detaskip span{font-size: 18px;color: #333;}





.common-style{width: 100%;}
.common-style span{font-size: 16px;color: #00499e;font-weight: 700;}
.common-style h2{font-size: 52px;color: #0057a6;line-height: 44px;margin-top:16px;}
.common-style.white span{color: #fff;}
.common-style.white h2{color: #fff;}






.about{width: 100%;padding:60px 0 0px}
.about-items{width: 100%;}
@media only screen and (min-width: 1400px){
.about-lft{float: left;}
}

@media screen and (max-width: 1410px){
	.about-lft p img{width: 100%;}
	.about-video-content img{width: 360px;}
}


.about-lft .common-style h2{font-size: 37px;color:#0057a6;}
.about-lft p{font-size: 16px;color: #868d97;line-height: 28px;margin-top: 24px;}
.about-lft .btn{background-color: #00499e;border-color: #00499e;margin-top: 40px;}
.about-lft .btn:hover{background-color: transparent;border: 3px solid #00499e;color: #00499e;}
.about-rgt{width: 700px;float: right;position: relative;overflow: hidden;border-top-left-radius:30px;border-bottom-right-radius:30px;}
.about-rgt img{width: 100%;height: 438px; object-fit: cover;transition: all .4s ease;}
.about-rgt i{display: inline-block;width: 30px;height: 30px;background: url('../images/index/video.png') no-repeat center;position: absolute;right: 54px;bottom: 40px;cursor: pointer;transition: all .4s ease;}
.about-rgt:hover img{transform:scale(1.06);}
.about-rgt:hover i{animation: tada 1s .2s ease both;animation: tada 1s .2s ease both;}
@keyframes tada{0%{transform:scale(1);}10%, 20%{transform:scale(0.9) rotate(-3deg);}30%, 50%, 70%, 90%{transform:scale(1.1) rotate(3deg);}40%, 60%, 80%{transform:scale(1.1) rotate(-3deg);}100%{transform:scale(1) rotate(0);}}
@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);opacity:0;}40%{transform:perspective(400px) rotateY(-10deg);}70%{transform:perspective(400px) rotateY(10deg);}100%{transform:perspective(400px) rotateY(0deg);opacity:1;}}

.about-show{width: 100%;background-color: #f7f7f7;padding: 78px 0 130px;}
.about-show .common-style{text-align: center;}
.about-show-items{width: 100%;margin-top: 76px;display: flex;justify-content: center;}
.about-times {width: 90%;display: flex;flex-direction: column;align-items: center;}
.about-times ul li{float: left;}
.about-times ul li:first-child{width: 24%;margin-right: 88px;position:relative;z-index:3;}
.about-brand-zm {position: absolute;left: -268px;top: -26px;z-index: -1;width: 360px;}
.about-brand-zm img{max-width: 100%;}
.about-times ul li:nth-child(2){width: 34%;margin-right: 24px;}
.about-times ul li:nth-child(3){width: 32%;}
.about-times .btn{border: 3px solid #00499e;color: #00499e;margin-top: 26px;width: 164px;height: 52px;line-height: 50px;margin-left: 0%;}
.about-times .btn:hover{background-color: #00499e;color: #fff;}
.about-brand{width: 100%;padding-top: 36px;}
.about-brand h2{font-size: 36px;color: #192242;line-height: 48px;font-family:'KARLA-REGULAR';}
.about-menu{width: 100%;margin-bottom: 15px;}
.about-menu h2{font-size: 16px;color: #00499e;font-family:'KARLA-BOLD';}
.about-content{width: 100%;}
.about-content p{font-size: 16px;color: #878c9b;line-height: 32px;font-family:'KARLA-REGULAR';}
.about-show-img{width: 88%;display: flex;justify-content: space-between;height: 482px;}
.about-showrgt{width: 66%;height: 100%;}
.about-showlft{width: 31.666%;height: 100%;}
.about-showrgt img,.about-showlft img{width: 100%;height: 100%; object-fit: cover;}

.about-development{width: 100%;background-position: left top;background-repeat: no-repeat;background-size: cover;padding: 114px 0 90px;height: 814px;}
.about-development .common-style{text-align: center;}
.about-course{width: 100%;position: relative;margin-top: 48px;padding: 0 210px;}
.about-course .equip-min{display: flex;width: 100%;height: 80px;position: relative;line-height: 1;font-size: 28px;color: #fff;padding-bottom: 42px;justify-content: center;align-items: flex-end;transition: all .4s ease;}
.about-course .equip-min::after{content: "";transform: scale(0.5);position: absolute;width: 20px;transition: all .4s ease;height: 20px;border-radius: 50%;background: #7c9fdb;bottom: 0;left: 50%;margin-left: -10px;}
.about-course::before{content: "";position: absolute;width: 100%;height: 2px;background: #7c9fdb;left: 0;bottom: 9px;}
.about-course .equip-min.cur{font-size: 38px;}
.about-course .equip-min.cur::after{transform: scale(1);background: #177ff7;}
.about-mix{width: 100%;margin-top: 54px;padding: 0 80px;position: relative;}
.about-prev, .about-next{position: absolute;width: 30px;height: 30px;background: url('../images/abt_Arr.png') no-repeat left center;cursor: pointer;top: 50%;margin-top: -15px;transition: all .4s ease;}
.about-prev{left: 0;}
.about-next{transform: rotateY(180deg);right: 0;}
.about-prev:hover, .about-next:hover{background-image: url('../images/abt_ArrH.png');}
.about-mix-item{width: 100%;}
.about-mix-title{width: 1005px;}
.about-mix-title h4{font-size: 24px;color: #fff;position: relative;}
.about-mix-title h4::after{content: "";display: block;width: 20px;height: 4px;background: #fff;margin-top: 10px;}
.about-mix-cont{width: 100%;margin-top: 18px;color: #fff;max-height: 100px;overflow: hidden;}
.about-mix-cont-arr{display: none;width: 100%;text-align: center;cursor: pointer;margin-top: 12px;}
.about-mix-cont-arr.active svg{transform: rotate(180deg);}
.about-mix-cont h6{font-size: 20px;color: #e9e9e9;line-height: 32px;}
.about-mix-cont p{font-size: 16px;color: #e9e9e9;line-height: 24px;}
.about-mix-cont .scrollBar{max-height: auto;}

.about-video{width: 100%;padding:40px 0 500px;}
.about-video .common-style{text-align: center;}
.about-video-items{width: 100%;margin-top: 58px;}
.about-video-content{position: relative; float: left;}
.about-video-content::after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.about-video-content img{object-fit: cover;transition:all .4s ease;}
.about-video-content img:hover{transform:scale(1.06);}
.about-video-content h2{max-width: 320px; font-size: 22px;color: #fff;line-height: 28px;position: absolute;left: 28px;bottom: 26px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;min-height: 68px;z-index: 2;}
.about-video-content i{display: inline-block;width: 30px;height: 30px;background: url('../images/index/video.png') no-repeat center;position: absolute;right: 42px;bottom: 60px;cursor: pointer;transition: all .4s ease;z-index: 2;}
.about-video-items .video-pagination{width: 100%;text-align: center;margin-top: 48px;}
.swiper-pagination-bullet {width: 13px;height: 13px;display: inline-block;border-radius: 100%;background: transparent;border: 2px solid #afbac6; opacity:1;margin: 0 10px !important;cursor: pointer;}
.about-video-items .swiper-pagination-bullet-active {background: #00499e;border: 2px solid #00499e; }
.about-video-content:before{content: "";position: absolute;z-index: 1;width: 100%;height: 100%;top: 0;left: 0;background: url('../images/prelbic1.png') repeat-x left bottom;transition: all .6s ease;}

.about-culture{width: 100%;padding-bottom: 60px; padding-top: 60px;}
.about-culture .common-style{text-align: center;}
.about-culture-items{width: 100%;margin-top: 60px;}
.about-culture-items ul li{width: 25%;float: left;}
.culture-item{width: 100%;text-align: center;}
.culture-item h2{font-size:22px;color: #222; margin-top:30px;}
.culture-wall{width: 100%;padding: 0 16px;margin-top: 20px;}
.culture-wall p{font-size: 16px;color: #777;line-height: 24px;}
.culture-cont{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;transition: transform .4s ease;}
.culture-icon{display:flex;align-items:flex-end;justify-content:center;width:55px;height:55px;position:relative}
.culture-icon:after{content:'';width:36px;height:36px;background:#ccdbec;position:absolute;right:-8px;bottom:-10px;border-radius:50%;z-index:-1;transition: all .6s ease}
.culture-back{position:absolute;left:0;top:0;width:100%;height:100%}
.culture-back>div{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;text-align:center;transition:all 1.5s cubic-bezier(.23,1,.32,1);background-repeat:no-repeat;background-size:cover;visibility: hidden;opacity: 0}
.culture-back>div:after{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.5)}
.culture-back>div.active{opacity:1;visibility:visible}
.culture-btn{font-size:16px}
.culture-item:hover .culture-icon:after{width: 80px;height: 80px;right: 50%;bottom: 50%;transform: translate(50%,50%)}
.culture-item .culture-icon img{transition: all .6s ease}
.culture-item:hover .culture-icon img{transform: scale(.8)}
.culture-item:hover h2{color: #00499e;}



.company-story{width: 100%;padding: 112px 0 196px;position: relative;}
.company-stoitems{width: 100%;display: flex;justify-content: space-between;}
.company-stoshow{width: calc(100% - 472px);position: relative;z-index: 2;padding-left: 75px;}
.company-stocont {width: 100%;overflow-y: auto; height: 328px;padding-right: 20px;margin-top: 20px; }
.company-stocont::-webkit-scrollbar {width: 4px;height: 4px;}
.company-stocont::-webkit-scrollbar-thumb {border-radius: 4px;box-shadow: inset 0 0 6px #00499e;}
.company-stocont::-webkit-scrollbar-track {box-shadow: inset 0 0 6px #eee;border-radius: 0;}
.company-comtitle{width: 100%;}
.company-comtitle h2{font-size: 50px;color: #222;position: relative;padding-bottom: 10px;}
.company-comtitle h2::after{content: '';width: 29px;height: 2px;background-color:#00499e;position: absolute;bottom: 0;left: 0;}
.company-comtitle h6{font-size: 26px;color: #333;line-height: 30px;margin-top: 22px;}
.company-stocont p{font-size: 14px;color: #777;line-height: 24px;margin-top: 20px;}
.company-stoimg{width: 472px;}
.company-stoimg-items{width: 472px;height: 472px;border-radius: 50%;overflow: hidden;display: flex;justify-content: center;align-items: center;position: relative;}
.company-stoimg-items img{object-fit: cover;width: 100%;}
.company-shownum{width: 100%;margin-top: 100px;}
.company-shownum ul{width: 100%;font-size: 0;overflow: hidden; }
.company-shownum ul li{display: flex;justify-content: center;flex-direction: column;text-align: center;width: 25%;float: left;transition: all .6s ease;position: relative;}
.company-shownum-2 ul li{width: 50%;}
.company-shownum-3 ul li{width: 33.3333%;}
.company-shownum-4 ul li{width: 25%;}
.company-shownum-5 ul li{width: 20%;}
.company-shownum-6 ul li{width: 16.6666%;}
.shownum-cont{width: 100%;}
.inakcome-shownum li:last-child .shownum-cont{border: none;}
.shownum-cont h6{font-size: 48px;color:#00499e;font-weight: bold;margin-bottom: 10px;}
.shownum-cont p{font-size: 18px;color:#00499e;padding: 0 28px;}

.company-show{width: 100%;margin-top: 50px;}
.company-show ul{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.company-show ul li{width: 49%;background-color: #fff;box-shadow: 5px 0 62px rgba(0, 0, 0, .25); border-radius: 8px;overflow: hidden;transition: all .4s ease;margin-top: 26px;}
.company-colitems{width: 100%;display: flex;justify-content: center;align-items: center;padding: 68px 0;}
.company-colitems i{font-style: normal;width: 56px;}
.company-colitems i img{max-width: 100%;object-fit: cover;}
.company-skip{width: 78%;}
.company-skip h2{font-size: 28px;color: #343843;transition: all .4s ease;}
.company-skip p{font-size: 16px;color: #343843;position: relative;padding-right: 16px;margin-top: 10px;}
.company-skip p::after{content: '';width: 15px;height: 10px; background: url('../images/company_Arr.png')no-repeat center; position: absolute;left: 92px;top: 5px;}
.company-show ul li:hover{box-shadow: 0 18px 20px rgba(0, 59, 141, .3);}
.company-show ul li:hover .company-skip h2{color: #00499e;}


.swiper-slide{ float: left;}


.product-list{padding-left: 42px;}
.product-list ul{width: 100%;display: flex;flex-wrap: wrap;}
.product-list ul li {width: 22%;padding: 25px 25px;background-color: #fff;float: left;margin-right: 4%;margin-bottom: 4%;position: relative;}
.product-list ul li:nth-child(4n){margin-right: 0;}
.product-list .product-headline{width: 100%;}
.product-list .product-headline h2{height: 32px; font-size: 24px;color: #333;margin-bottom: 12px;}
.lm {overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.lm2, .lmm2 {-webkit-line-clamp: 2;}
.product-list .product-headline span{font-size: 15px;color: #777; text-transform: capitalize;}

.product-list .product-img {width: 100%;margin: 5px 0;}
.product-list .product-img a{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;}
.product-list .product-img img{object-fit: cover;transition:all .4s ease;width: 100%;}

/* ----------------------- */

/* ----------------------- */

.product-list li:hover .product-img img{transform:scale(1.06);width: 100%;}
.product-list li:hover h2{color:#00499e;}
.product-list .prod-more{display: inline-block;font-size: 16px;color: #00499e;position: relative;padding-right: 16px;}
.product-list .product-hint img{max-width: 100%;}
.product-more-box{align-items: center;justify-content: space-between;display: flex;}
.product-list .prod-more::after{content: '';width: 8px;height: 10px;background: url('../images/prod_Arr.png') no-repeat center;position: absolute;right: 0;top:6px;}
.product-list .prod-more::before{content: '';width: 0%;height: 2px;background-color: #00499e;position: absolute;right: 0;bottom: 0;transition: all .4s ease;}
.product-list .prod-more:hover::before{width: 100%;right: auto;left: 0;}
.product-page{width: 100%;margin-top: 20px;}
.product-page .common--pageitems a{background-color: #fff;}

/* 产品详情 */
.prodata-pages{margin-top: 95px;}
.prodata-show{width: 100%;padding: 48px 0 70px;}
.prodata-showitems{width: 100%;display: flex;justify-content: space-between;height: 445px;}
.prodata-imgitems{display: flex;justify-content: center;align-items: center; margin-right: 4px;}
/* -- */
.prodata-litimg{width: 128px;height: 100%; margin-right: 16px;position: relative;padding: 45px 0;}
.prodata-litimg ul{width: 100%; height: 100%;display: flex;flex-direction: column;align-items: center;}
.prodata-imgitems .prodata-litprev,.prodata-imgitems .prodata-litnext{width: 100%;height: 38px;border: 1px solid #ededed; background: url('../images/prodata_Arr.png') no-repeat center;position: absolute;left: 0;top: 0px;right: 0;margin: 0 auto;transition: all .4s ease;cursor: pointer;}
.prodata-imgitems .prodata-litnext{transform: rotate(180deg);bottom: 0px;top: auto;}
.prodata-imgitems .prodata-litprev:hover,.prodata-imgitems .prodata-litnext:hover{background:#00499e url('../images/prodata_Arr.png') no-repeat center;}
.prodata-litimg li{width: 100%;height: 82px;border: 1px solid #ededed;margin-bottom: 5px;transition: all .4s ease;}
.prodata-litshow{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;transition: all .4s ease;border: 1px solid #ededed;}
.prodata-litimg li.active,.prodata-litimg li:hover{border: 1px solid #00499e;}
.prodata-litimg li:last-child{margin-bottom: 0;}
/* -- */
.prodata-imgitems .gallery-thumbs{height: 356px;}
.prodata-imgitems .gallery-thumbs .equip-min img{max-width: 100%;max-height: 100%;object-fit: cover;}
.prodata-imgitems .gallery-thumbs .equip-min.active .prodata-litshow, .prodata-imgitems .gallery-thumbs .equip-min:hover .prodata-litshow{border: 1px solid #00499e;}
/* -- */
.prodata-litshow{width: 100%;overflow: hidden;}
.prodata-bigimg{width: 545px;height: 100%; border: 1px solid #ededed;display: flex;justify-content: center;align-items: center;}
.prodata-bigshow{width:100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.prodata-bigshow img{max-width: 100%;height: 440px;object-fit: cover;}
@media only screen and (min-width: 1400px){

.prodata-auto{width: 692px;border: 1px solid #f2f2f2;display: flex;justify-content: center;flex-direction: column;background-color: #f8f8f8;padding-left: 68px;}
}

@media screen and (max-width: 1410px){

.prodata-auto{width: 692px;border: 1px solid #f2f2f2;display: flex;justify-content: center;flex-direction: column;background-color: #f8f8f8;padding-left: 28px;}
}

.prodata-auto h2{font-size: 32px;color: #333;margin-bottom: 20px;}
.prodata-auto p{font-size: 16px;color: #444;line-height: 28px;position: relative;padding-left: 18px;padding-right: 18px;}
.prodata-auto p::before{content: '';width: 6px;height: 6px;border-radius: 50%; background-color: #858585;position: absolute;left: 0;top: 10px;}
.prodata-autoicon{margin: 36px 0 28px;}
.prodata-autoicon h6{font-size: 18px;color: #333333;}
.prodata-autoicon ul{display: flex;justify-content: flex-start;margin-top: 14px;}
.prodata-auto a{display: block;width: 164px;height: 52px;border-radius: 25.5px;border: 3px solid #00499e;text-align: center;line-height: 46px;font-size: 18px;color:#00499e;}
.prodata-column{width: 100%;border: 1px solid #f2f2f2;position: relative;margin-top: -20px;z-index: 3;overflow: hidden;}
.prodata-colmenu{width: 100%;display: flex;align-items: center;}
.prodata-colpublic{width: 216px;height: 68px;display: flex;justify-content: center;align-items: center;border-right:1px solid #f2f2f2;position: relative;cursor: pointer;}
.prodata-colpublic::after{content: '';width: 0%;height: 1px;background-color: #338bdf;position: absolute;right: 0;bottom: 0;transition: all .4s ease;}
.prodata-colpublic.active::after,.prodata-colpublic:hover::after{width: 100%;right: auto;left: 0;}
.prodata-colpublic i{display: block;width: 28px;height: 28px;margin-right: 10px;}
.prodata-colpublic .icon1{display: block;width: 28px;background: url('../images/view_icon.png') no-repeat center;}
.prodata-colpublic .icon2{display: block;width: 28px;background: url('../images/tion_icon.png') no-repeat center;}
.prodata-colpublic h2{font-size: 16px;color: #444;}
.prodata-detail{width: 100%;padding: 58px 0 80px; background-color: #ececec;}
.prodata-detaitems{width: 100%;display: flex;justify-content: space-between;}
.prodata-lftitems{width: 100%;background-color: #ffffff;padding-top: 60px;padding-bottom: 60px;}
.prodata-leftli{width: 100%;padding: 0 40px;display: none;}
.prodata-leftli.active{display: block;}
.prodata-leftcont{width: 100%;}
.prodata-leftcont img{max-width: 100%;height: auto !important;}
.prodata-leftcont h2{font-size: 20px;color: #333;margin-bottom: 18px;}
.prodata-leftcont p{font-size: 16px;color: #777;line-height: 24px;}
.prodata-leftcont table{width: 100%;}
.prodata-leftcont table tr{border-bottom: 10px solid #ffffff;background-color: #e1e9f0;}
.prodata-leftcont table tr:nth-child(2n){background-color: #f3f8fc;}
.prodata-leftcont table th{width: 18%;font-size: 18px;color: #333;text-align: left;padding:24px 30px 18px 20px;line-height: 22px;}
.prodata-leftcont table td{width: 20%;font-size: 16px;color: #444;padding:24px 30px 18px 20px;line-height: 22px;}
.prodata-rgtitems{width: 26%;}
.prodata-topbox{display: inline-block; width: 100%;background-color: #ffffff;margin-bottom:15px;padding: 0 0 50px;}
.prodata-rgtitems a:hover{color:#00499e;}
.prodata-topbox h2{font-size: 22px;color: #333333;padding:24px 0 24px 22px;border-bottom:1px solid #f3f3f3;}
.prodata-cenitems{width: 100%;display: flex;justify-content: center;align-items: center; flex-direction: column; margin-top: 48px;}
.prodata-boximg{width:100%;height: 148px; display: flex;justify-content: center;align-items: center;}
.prodata-boximg img{max-width: 88%;max-height: 88%; object-fit: cover;transition:all .4s ease;}
.prodata-topbox:hover .prodata-boximg img{transform:scale(1.06);}
.prodata-topbox:hover .prodata-cenitems p{color:#00499e;}
.prodata-botbox:hover .prodata-boximg img{transform:scale(1.06);}
.prodata-botbox:hover .prodata-cenitems p{color:#00499e;}
.prodata-cenitems p{font-size: 20px;color: #333;margin-top: 40px;text-align: center;}
.prodata-cenitems span{display: inline-block; font-size: 14px;color: #666;margin-top: 8px;text-align: center;padding: 0 56px;}
.prodata-botbox{display: inline-block; width: 100%;background-color: #ffffff;padding: 34px 0 50px;}
.prodata-botbox .bot-center{margin-top: 0;}
.prodata-cases{width: 100%;background-color: #ececec;padding-bottom: 94px;}
.prodata-cases-title{width: 100%;}
.prodata-cases-title h2{font-size: 34px;color: #333;line-height: 1;}
.prodata-cases-items{width: 100%;margin-top: 32px;overflow: hidden;}
.prodata-cases-img{width: 100%;overflow:hidden;}
.prodata-cases-img img{transition:all .4s ease;}
.prodata-cases-menu:hover .prodata-cases-img img{transform:scale(1.06);}
.prodata-cases-menu:hover .prodata-case-cont h2{color:#00499e;}
.prodata-cases-img img{width: 100%;object-fit: cover;}
.prodata-case-cont{width: 100%;background-color: #fff;height: 108px;padding: 0 40px;display: flex;align-items: center;}
.prodata-case-cont h2{font-size: 20px;color: #444;line-height: 28px;}
.cases-pagination{width: 100%;text-align: center;margin-top: 40px;}
.prodata-cases .swiper-pagination-bullet{width: 10px;height: 10px;border: 2px solid #919191;}
.prodata-cases .swiper-pagination-bullet-active{border: 2px solid #003586;background-color: #003586;}




.product{width: 100%;padding: 60px 0 112px;background: #eef1f4;position: relative;overflow: hidden;}
.product-menu{width: 308px;background: #fff;padding-top: 32px;float: left;min-height:665px;user-select: none;}
/* 滚动条样式 */
.product-menu::-webkit-scrollbar {width: 4px;height: 4px;}
.product-menu::-webkit-scrollbar-thumb {border-radius: 4px;box-shadow: inset 0 0 6px #00499e;}
.product-menu::-webkit-scrollbar-track {box-shadow: inset 0 0 6px #eee;border-radius: 0;}
/* ---- */
.product-menu ul li{display: block;width: 100%;position: relative;}
.product-click{width: 100%;display: flex;justify-content: space-between;transition: all .4s ease;}
.product-click:hover{background-color: rgba(0, 73, 158, .25);}
.product-click a{display: flex;align-items: center;width: calc(100% - 48px); height: auto;line-height: 20px; padding: 0 18px;font-size: 15px;color: #585858;transition: all .4s ease;}
.product-click i{display: inline-block;width: 48px;height: 66px;position: relative;}
.product-click i:before{content: "";width: 18px;height: 18px;background: url('../images/prod_arrR.svg')no-repeat center/18px auto;position: absolute;left: 0;top: 50%;right: 0;margin: -9px auto 0;transition: all .4s ease;}
.product-click i.active:before{transform:rotate(180deg);background: url('../images/prod_arrH.svg')}
.product-drop{width: 100%;display: none;}
.product-first a{color: #444;font-family:'KARLA-BOLD';}
.product-submenu{width: 100%;}
.product-submenu li{width: 100%;}
.product-second i {height: 30px;line-height: 30px;}
.product-second a {height: auto;line-height: 20px;padding-left: 40px;padding-bottom: 4px;padding-top: 4px;}

.product-column{width: 100%;}
.product-column li{width: 100%;margin-bottom: 0 !important;}
.product-column li a{display: inline-block; width: 100%;height: 50px;line-height: 50PX;padding:0 18px 0 72px;}
.product-column li.active a{color:#003586;}

.product-first:hover a,.product-menu ul li.on1 .product-first a{color: #747474;}
.product-menu ul li.on3 a{font-weight:bold;color: #053988;}
.product-menu ul li.on2 .product-second a{color: #003586;}
.product-second a i.active{background: url('../images/prod_arrH.svg')}
.product-click i.active:before{transform:rotate(90deg);}
.product-menu.product-menuFixed{position: fixed;top: 80px;}

.hamburg-click{display: none;user-select: none;position: absolute;width: 32px;height: 32px;text-align: center;background: rgba(0,73,158,1);z-index: 2;border-radius: 2px;}
.hamburg-click span{width: 20px;height: 2px;background: #fff;display: block;position: relative;margin: 15px auto 0;transition: all .2s linear;}
.hamburg-click span:before,.hamburg-click span:after{content: "";position: absolute;height: 2px;background: #fff;display: block;left: 0;width: 100%;transition: all .2s linear;}
.hamburg-click span:before{top: -6px;}
.hamburg-click span:after{top: 6px;}
.hamburg-click.active span:before, .hamburg-click.active span:after{top: 0;}





.service{width: 100%;background-color: #f5f5f5;padding: 120px 0 100px;}
.service-items{width: 100%;}
.service-items ul li{width: 100%;margin-bottom: 50px;position: relative;}
.service-img{width: 100%;overflow:hidden;}
.service-img img{ max-width: 100%;object-fit: cover;transition:all .4s ease;}
.service-img img:hover{transform: scale(1.06);}
.service-cont{position: absolute;right: 0;width: 534px;height: 452px;background:#fff;padding: 128PX 82px 0;bottom: 0;;z-index: 3;color: #fff;}
.service-cont h2{font-size: 36px;color: #444;margin-bottom: 10px; text-transform: capitalize;}
.service-cont p{font-size: 16px;color: #878787; line-height: 24px;}
.service-items ul li:nth-child(2n) .service-img{text-align: right;}
.service-items ul li:nth-child(2n) .service-cont{right: auto;left: 0;}
.service-page .common--pageitems a{background-color: #fff;}
