.hr_c3{ color: #333;}
.hr_c6{ color: #666;}
.hr_c8{ color: #888;}
.hr_c9{ color: #999;}
.hr_cf{ color: #fff;}
.hr_hover-cm:hover,
.hr_cm{ color: #3382FF;}
.hr_cm-bg{ background: #3382FF;}
.hr_position_r{ position: relative;}
.hr_position_a{ position:absolute;}
.hr_pcshow,.db{display: block;}
.hr_mshow,.dn{ display: none;}
.hr_bg_nor{ background-repeat: no-repeat!important;}
.hr_fb{ font-weight: bold; }
.hr_br8{ border-radius: 8px;; }
.hr_dib{display: inline-block;}

.hr_cp{cursor: pointer;}

.hr_fs60{ font-size:60px;}
.hr_fs55{ font-size:55px;}
.hr_fs48{ font-size:48px;}
.hr_fs40{ font-size:40px;}
.hr_fs36{ font-size:36px;}
.hr_fs32{ font-size:32px;}
.hr_fs30{ font-size:30px;}
.hr_fs24{ font-size:24px;}
.hr_fs20{ font-size:20px;}
.hr_fs18{ font-size:18px;}
.hr_fs16{ font-size:16px;}
.hr_fs14{ font-size:14px;}
.hr_fs12{ font-size:12px;}
.hr_fullImg{ display: flex; height: 100%;
  justify-content: center; 
  align-items: center;
  overflow: hidden;
  flex: 0 0 auto;  /* IE */
  object-fit: scale-down; /* FF */
}
.hr_fullImg img{ max-width: 100%; 
  max-height: 100%;
  flex: 0 0 auto;  /* IE */
  object-fit: scale-down; /* FF */
}


.hr_f_start{ display: flex; justify-content:flex-start; }
.hr_f_end{ display: flex; justify-content:flex-end; }
.hr_f_center{ display: flex; justify-content:center; }
.hr_f_between{ display: flex; justify-content:space-between; }
.hr_f_around{ display: flex; justify-content:space-around; }
.hr_fc_start{ align-items:flex-start; }
.hr_fc_end{ align-items:flex-end; }
.hr_fc_center{ align-items:center; }
.hr_fc_baseline{ align-items:baseline; }
.hr_fc_stretch{ align-items:stretch; }
.hr_fd_reverse{ flex-direction: row-reverse; }
.hr_fd_column{ flex-direction: column; }
.hr_fw_wrap{ flex-wrap: wrap; }
.hr_f_1{ flex: 1; }


.hr_p120{ padding:120px 0;}
.hr_pt120{ padding-top:120px; }
.hr_pb120{ padding-bottom:120px; }
.hr_p80{ padding:80px 0;}
.hr_p70{ padding:70px 0;}
.hr_p60{ padding:60px 0;}
.hr_pt60{ padding-top:60px; }
.hr_pb60{ padding-bottom:60px; }
.hr_p40{ padding:40px 0;}
.hr_pt40{ padding-top:40px; }
.hr_pb40{ padding-bottom:40px; }
.hr_bg{  background-position: center; background-repeat: no-repeat; background-size: cover;}
.hr_desc{ line-height: 2; text-align: justify;}
.hr_desc img{ max-width: 100%!important; }
.hr_oneRow{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.hr_fn{ float: none; }
.hr_fl{ float: left; }
.hr_fr{ float: right; }
.hr_tl{ text-align: left; }
.hr_tc{ text-align: center; }
.hr_tr{ text-align: right; }
.hr_ts{ 
	-webkit-transition: all .4s ease; 
	-moz-transition: all .4s ease; 
	-o-transition: all .4s ease; 
	transition: all .4s ease; 
}
.hr_overflow{ overflow:hidden; }

 a:hover img.ts{
	transform: scale(1.1);
} 
.mt8{margin-top: 8px;}
.mt10{margin-top: 10px;}
.mt16{margin-top: 16px;}
.mt20{margin-top: 20px;}
.mt24{margin-top: 24px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt60{margin-top: 60px;}
.mt80{margin-top: 80px;}

.mb8{margin-bottom: 8px;}
.mb10{margin-bottom: 10px;}
.mb16{margin-bottom: 16px;}
.mb20{margin-bottom: 20px;}
.mb24{margin-bottom: 24px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb80{margin-bottom: 80px;}

.ml8{margin-left: 8px;}
.ml10{margin-left: 10px;}
.ml16{margin-left: 16px;}
.ml20{margin-left: 20px;}
.ml40{margin-left: 40px;}
.ml60{margin-left: 60px;}

.mr8{margin-right: 8px;}
.mr10{margin-right: 10px;}
.mr16{margin-right: 16px;}
.mr20{margin-right: 20px;}
.mr40{margin-right: 40px;}

.m0-16{margin: 0 -16px;}
.m-10-16{margin: -10px -16px;}
.m-10{margin: -10px;}
.m-25{margin: -25px;}
.mt-40{margin-top: -40px;}

.pt16{padding-top: 16px;}
.pt20{padding-top: 20px;}
.pt24{padding-top: 24px;}

.pd-20-0{padding: 20px 0;}

.pd0-16{padding: 0 16px;}
.pd0-30{padding: 0 30px;}
.pd10-16{padding: 10px 16px;}
.pd10{padding: 10px;}
.pd16{padding: 16px;}
.pd40{padding: 40px;}

.img > img{width: 100%;}


.xny-body-nobread{margin-bottom: 80px;}

.item-num-2{width: 50%;}
.item-num-3{width: 33.3333%;}
.item-num-4{width: 25%;}

.anim-line{
  box-shadow: inset 0px -1px 0px 0px #F2F2F2;
  position: relative;
  overflow: hidden;
}
.anim-line::after {
  content: "";
  width: 0;
  height: 1px;
  background: #3382FF;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all 0.4s ease;
}


.icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: -2px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  font-style: normal;
}

.excel-icon,
.download-icon{display: none;}

.need-excel-icon .excel-icon,
.need-dl-icon .download-icon{display: block;}
.need-excel-icon .is-hide{display: none;}

.excel-icon{
  width: 48px;
  height: 48px;
  /* vertical-align: -6px; */
  background-image: url('../image/xxgk-list-ew-icon.png');
}
.need-dl-icon .download-icon {
  width: 48px;
  height: 48px;
  /* vertical-align: -6px; */
  background-image: url('../image/xxgk-xz-pdf.png');
}
.need-dl-icon.need-excel-icon .download-icon {
  width: 48px;
  height: 48px;
  /* vertical-align: -6px; */
  background-image: url('../image/xxgk-xz-xls.png');
}

.card-item{padding: 30px;background: #F7F8FA;}
.card-item:hover{background: #3382FF;}
.card-item:hover > div{color: #fff;}
.item-num-4 .item-line,
.item-num-4:nth-of-type(2n) .item-line,
.item-num-4:nth-of-type(3n) .item-line{display: block;}
.item-num-4:nth-of-type(4n) .item-line{display: none;}




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

.btn-link{
  padding: 14px 36px;
  border-radius: 30px;
  border: 2px solid #fff;
}
.btn-link:hover{background: #3382FF;}



.pageTopBtn > a
,.pageTopBtn > a:hover {
    display: block;
    width: 240px;
    height: 56px;
    background: #fff;
    color: #333;
    border-radius: 8px 0px 0px 8px;
    font-weight: bold;
    line-height: 54px;
    font-size: 18px;
    border: 1px solid #E8E8E8;
}
.pageTopBtn > a:last-child{ border-radius: 0px 8px 8px 0px; }
.pageTopBtn > a.active{
  background: #3382FF;
  color: #fff;
}

.RCMS_EDITOR img{max-width: 100%;}
.imgs img{width: 100%;}
.fwzn .icon{width: 36px;height: 36px;}
._imgTxtCardItem .xny-in > div:first-of-type{margin-right: 80px;}
._imgTxtCardItem .imgs{width: 50%;}


._imgTxtCardItem:nth-child(2n) .xny-in{flex-direction: row-reverse;}
._imgTxtCardItem:nth-child(2n) .xny-in > div:first-of-type{margin-right: 0;margin-left: 80px;}


.fwzn-main ._imgTxtCardItem:nth-child(odd){background: #F8F9FB;}
.fwzn-main ._imgTxtCardItem .xny-in > div:first-of-type{margin-right: 80px;}
.fwzn-main ._imgTxtCardItem:nth-child(2n) .xny-in > div:first-of-type{margin-right: 0;margin-left: 120px;}

.jp-video-open .jp-video-play-icon:hover{
  background: url(../image/btn-next-sel.png) center center no-repeat;
  background-size: 100% 100%;
  opacity: 1;
}
.jp-video-open .jp-close{
  top: auto;
  bottom: -90px;
  right: 47%;
  background: url(../image/js-video-close.png) center center no-repeat;
  background-size: 100% 100%;
}


.xd-open-parent{
  background-image: url(../image/xny-3r.png);
}
.xd-open-parent-up{
  background-image: url(../image/xny-bt.png);
}
.xd-open-bot1 div{
  width: 40px;
  height: 40px;
  background: url(../image/xny-hrwq.png) no-repeat 0 0;
  background-size: 100%;
  margin: 0 auto 10px;
}


/* 顶部 */
.xny-header-logo{width: 240px;}
.xny-header-logo img {width: 100%;}

.mxny-bread{padding: 0 16px;}
.mxny-bread ul{justify-content: center;}
.mxny-bread ul.swiper-wrapper-xxgk {justify-content: flex-start;}



/* 分页 */
.spage-number button{
  width: 40px !important;
  height: 40px !important;
  line-height: 40px !important;
  border-radius: 20px !important;
  color: #666 !important;
  border: 1px solid #E8E8E8 !important;
  padding: 0!important;
}
.spage-number button[data-page='prev'],
.spage-number button[data-page='next']{
  width: 80px !important;
}
.spage-number button:hover,
.spage-number button.active{
  color: #fff !important;
  border-color: #3382FF !important;
  background: #3382FF !important;
}

/* 公司简介 */
.gsjj-no_esc{width: 63.56%;}
.gsjj-num{padding-left: 80px; flex: 1;}
.gsjj-num .gsjj-content-num{
  padding-bottom: 60px;
  border-bottom: 1px solid rgba(0,115,229,0.15);
}
.gsjj-num .gsjj-content-num > div > span.hr_dib{
  width: 20px;
  height: 20px;
  background: #3382FF;
  border-radius: 50%;
  text-align: center;
  line-height: 20px;
}
.hbgas-gsjj .xny-gsjj-contnets div.icon{
  width: 60px;
  height: 60px;
  background: #FFFFFF;
  border: 1px solid #3382FF;
  border-radius: 100%;
  padding: 4px;

}

/* 组织机构 */
.hbgas-organization .hbgas-zzjg-list{
  background: url('../image/zzjg-list-bg.png') no-repeat 0 0; 
  background-size: 100% 100%;
}
.hbgas-organization .card-item2 .card-item{background: #fff;}
.hbgas-organization .card-item2 .icon{
  width: 14px;
  height: 14px;
  background-image: url('../image/zzjg-list-item-icon.png');
}
.hbgas-organization .card-item2 .card-item:hover{
  background: url('../image/zzjg-list-item-bg.png') no-repeat 0 0; 
  background-size: 100% 100%;
}
.hbgas-organization .card-item2 .card-item:hover .icon{
  background-image: url('../image/zzjg-tel.png');
}
/* 企业荣誉 */
.imgTxtCardList .xny-videoList-item-pic img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.xny-body-corporateHonors .imgTxtCardList .xny-videoList-item{
  padding: 10px;
  margin: 0;
  cursor: default;
}
.xny-body-corporateHonors .imgTxtCardList .xny-videoList-item-pic{height: 240px;}
.xny-body-corporateHonors .imgTxtCardList .xny-videoList-item-time {
  font-size: 16px;
  margin-top: 30px;
  margin-bottom: 8px;
  font-weight: normal;
}
.xny-body-corporateHonors .imgTxtCardList .xny-videoList-item-title{
  font-size: 16px;
  color: #333;
  line-height: 32px;
  height: 64px;
}
.xny-body-corporateHonors .xny-videoList-it{padding: 15px;}
.xny-body-corporateHonors .xny-videoList-it:hover{
  background: url(../image/zzjg-list-item-bg.png) no-repeat 0 0;
  background-size: 100% 100%;
}
.xny-body-corporateHonors .xny-videoList-it:hover *{color: #fff!important;}

/* 联络我们 */
.wjContactUsMap{ background: #F7F8FA; border-radius: 8px; overflow: hidden;}
.wjContactUsMap .imgs{ width: 48%; }
.wjContactUsMap .txtBox{ flex: 1; padding:60px 50px; }
.wjContactUsMap .txtBox .name{ box-shadow: inset 0px -1px 0px 0px #E8E8E8; 
  padding-bottom: 40px; margin-bottom: 20px;
}
.wjContactUsMap .txtBox .list .item{ padding-top: 20px; }


/* 文化理念 */
.rcln ._imgTxtCardItem .txtBox .txtBox-tit{color: #3382FF;}
.cultureContainer{ 
  padding-top: 40px;
  background: url(../image/crjz-about-culture-bg.jpg) no-repeat top center / 100% auto;
 }
.cultureContainer .cTitle{
  padding-top: 80px;
  padding-bottom: 20px; line-height: 1;
}
.cultureContainer .list{ margin-top: 20px; background: #FFFFFF;
  border: 1px solid #E8E8E8; padding:40px;
}
.cultureContainer .whList3{ flex-wrap: wrap; }
.cultureContainer .whList3 .list{ width:calc(100%/2 - 10px); }
.cultureContainer .clist1 .imgs{ width: 28%; margin-right: 8%; }
.cultureContainer .imgs img{ width: 100%; } 
.cultureContainer .clist1 ul{ flex-wrap: wrap; flex: 1;}
.cultureContainer .clist1 ul li{ width: 50%; margin-bottom: 20px; }
.cultureContainer .clist1 .item{ box-shadow: inset 0px 1px 0px 0px #F2F2F2; padding-top: 40px; margin-bottom: 40px; }
.cultureContainer .clist1 .item:last-child{ margin:0 }
.cultureContainer .clist1 .item:first-child{ padding: 0; }
.cultureContainer .clist1 .item:first-child{ box-shadow: none; }
.cultureContainer .c6t{ font-weight: bold; color: #666; }
.cultureContainer .tt{ color: #666; }
.cultureContainer .c6t{ padding-bottom: 20px; }
.cultureContainer .c3t{ padding-bottom: 16px;display: flex;
  align-items: center;
}
.cultureContainer .c3t img{ width: 16px; margin-right:10px; }
.cultureContainer .tt p{ padding-bottom: 16px;}
.cultureContainer .tt p:last-child{ padding:0; }
.cultureContainer .dft{ color:#3382FF; padding-bottom: 16px; font-weight: bold; font-size: 16px;}
.cultureContainer .dft span{ padding-right: 12px; }
.cultureContainer .ys6 .imgs{ width: 192px; }
.cultureContainer .ys6 .rBox{ flex: 1; padding-right: 40px; }
.cultureContainer .clist6 .ys6 .rBox{ flex: 1; padding-left: 40px; }

.cultureContainer .dfReverse.ys6 .rBox{ padding:0 40px 0 0; }
.cultureContainer .ys6 .rBox span{ font-weight: bold; }
.cultureContainer .ys6List{ flex-wrap: wrap; margin-top: -40px; }
.cultureContainer .ys6List .ys6item{ width: 50%; padding-right: 70px; 
  border-right: 1px solid #f2f2f2; margin-top: 40px;;
}
.cultureContainer .ys6List .ys6item:nth-child(2n){
  padding:0 0 0 70px; border:none;
}
.cultureContainer .clist7 .imgs_in{ display: none; }
.cultureContainer .clist7 .ys6List{ padding-top: 20px; }
.cultureContainer .clist7 .p40{ padding-top: 40px; }
.cultureContainer .clist8 .imgs{width: 140px; }
.cultureContainer .clist8 .ys6 .rBox{ padding-left: 80px; }
.indexStock .cName{ margin-top: 64px; }

@media screen and (max-width:1100px){
  .cultureContainer .clist1 .imgs{ width: 24%; }
  .cultureContainer .list{ padding:30px; }
  .cultureContainer .ys6 .imgs{ width: 180px; }
  .cultureContainer .ys6 .rBox{ flex: 1; padding-right: 30px; }
  .cultureContainer .clist6 .ys6 .rBox{ flex: 1; padding-left: 30px; }
  .cultureContainer .dfReverse.ys6 .rBox{padding: 0 30px 0 0; }
}
@media screen and (max-width:1000px){
  .cultureContainer .clist1 .imgs{ width: 22%; margin-right: 6%; }
  .cultureContainer .clist1 ul li:nth-child(2n){
    padding-left: 40px;
  }
}
@media screen and (max-width:900px){
  .cultureContainer .clist1 ul li:nth-child(2n){
    padding-left: 20px;
  }
}
@media screen and (max-width:750px){
  .cultureContainer .list{ padding:20px; }
  .cultureContainer .whList3 .list{ width: 100%; }
  .cultureContainer .clist1 .item{
    flex-wrap: wrap;
  }
  .cultureContainer .clist1 .xny-hrrq-logo{ margin:0 auto 40px; width: 100%!important; }
  .cultureContainer .clist1 ul{
    width: 100%; flex: auto;
  }
  .cultureContainer .clist1 ul li:nth-child(2n){
    padding-left: 12px;
  }
  .cultureContainer .clist1 .item{ 
    padding-top: 32px;
    margin-bottom: 32px;
  }
  .cultureContainer .clist1 .item:first-child{ margin-bottom: 0; }
  .cultureContainer .c6t{ padding-bottom: 12px; }
  .cultureContainer .dft { font-size: 14px; }
  .cultureContainer .dft span{ display: block; }
  .cultureContainer .ys6{ position: relative; display: block; }
  .cultureContainer .ys6 .rBox{ padding:0; width: 100%; }
  .cultureContainer .clist6 .ys6 .rBox{ width: 100%; padding: 0; }
  .cultureContainer .ys6 .imgs{ position: absolute; right: 0; top: 0; width: 100px; }
  .cultureContainer .ys6 .dft{ height: 84px; padding-right: 110px; }
  .cultureContainer .dfReverse.ys6 .rBox{ padding:0; }
  .cultureContainer .clist5{ background-size: 100px auto!important; }
  .cultureContainer .ys6List { flex-wrap: wrap; }
  .cultureContainer .ys6List .ys6item{ width: 100%; padding:0; 
    box-shadow: inset 0px -1px 0px 0px #F2F2F2; 
    margin-top: 32px; padding-bottom: 32px; border-right: none;
  }
  .cultureContainer .ys6List .ys6item:nth-child(2n){ padding:0 0 32px 0; }
  .cultureContainer .clist5 .dft{ height: 82px; }
  .cultureContainer .clist6{ background: none!important; }
  .cultureContainer .clist6 .ys6 .dft{ height: auto; padding-bottom: 0; }
  .cultureContainer .clist6 .ys6 .rBox{ padding-bottom: 32px; }
  .cultureContainer .clist6 .ys6List .ys6item{ border-right: none; }
  .cultureContainer .clist6 .ys6List .ys6item:last-child{
    box-shadow:none; padding:0;
  }
  .cultureContainer .tt p{ padding-bottom: 12px; }
  .cultureContainer .clist7{ background-size: 100px auto!important; }
  .cultureContainer .clist7 .dft{ height: 84px; }
  .cultureContainer .clist7 .p40{ padding-top: 32px; }
  .cultureContainer .clist7 .ys6List:last-child .ys6item:last-child{ box-shadow:none; padding:0; }
  .cultureContainer .clist8 .ys6 .rBox{ padding:0;}
  .cultureContainer .clist8 .ys6{ display: block; position: inherit; }
  .cultureContainer .clist8 .ys6 .imgs{ position: inherit; margin-bottom: 40px;}
  .cultureContainer .cTitle{ padding-top: 60px; }
}
@media screen and (max-width:640px){
  .cultureContainer{ padding-top: 0; padding-bottom: 0; }
  .cultureContainer .clist5 .c6t,.cultureContainer .clist6 .c6t,.cultureContainer .clist7 .c6t{ color: #333; }
}

/* 文化理念 end*/

/* 大事记 */
.dashiji .slide-div-icon{cursor: pointer;}
.dashiji .slide-div-icon-in{
  background: url('../image/dsj-sj-bg.png') no-repeat 0 0; 
  background-size: 100% 100%;
}
.dashiji-pro-swiper2-box{width: 100%; margin: 0 auto;}

/* 信息公开 */
/* .hbgas-xxgk .xny-bread{height: auto;} */
/* .hbgas-xxgk .xny-bread .xny-in{width: auto;} */
.hbgas-xxgk .xny-newsList-block > a:hover .xny-newsList-block-title{
  color: #3382FF;
}

/* 服务承诺 */

.hbgas-fwcn .item-num-3 .icon{
  width: 24px;
  height: 24px;
  vertical-align: -6px;
  background-image: url('../image/fwcn-card-item-icon.png');
}
.hbgas-fwcn .item-num-3 .card-item:hover{
  background: url('../image/fwcn-card-item-hover.png') no-repeat 0 0; 
  background-size: 100% 100%;
}
.hbgas-fwcn .item-num-3 .card-item:hover .icon{
  background-image: url('../image/fwcn-card-item-icon-hover.png');
}



/* 首页 */
.xny-notice .swiper-slide > a:hover{color: #3382FF;}
.xny-noticeDesc{width: 500px;}
.xny-indexNews-list a:hover .indexNews-hover-cm{color: #3382FF;}
.xny-indexNews-list a:hover .indexNews-hover-cm > div{display: block;}
.xny-indexNews-list a:hover .anim-line::after {width: 100%;}
.xny-indexAS .xny-indexNews-2-indexVideo-main img{
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.xny-body-index .xny-indexNews-more > i.iconfont{
  font-size: 0;
  width: 32px;
  height: 32px;
  display: inline-block;
  background: url('../image/xny-index-right.png') no-repeat 0 0;
  background-size: 100%;

}
.xny-body-index .xny-indexNews-more:hover > i.iconfont{
  background-image: url('../image/xny-index-right-h.png');
}
.indexNews-hover-arrow {
  width: 30px;
  height: 30px;
}
.indexNews-hover-arrow .icon{
  width: 100%;
  height: 100%;
}
.xny-indexJTNews-list-item-content{width: 78%;}
.xny-indexXXGK > div{
  background-size: 100% 380px;
  background-position: 0 0;
}
.xny-indexXXGK .xny-indexNews-more:hover {
  color: #fff;
}
.xny-body-index .xny-indexXXGK .xny-indexNews-more > i.iconfont{
  background-image: url(../image/xny-index-right-c-f.png);
}
.xny-body-index .xny-indexXXGK .xny-indexNews-more:hover > i.iconfont{
  background-image: url(../image/xny-index-right-h-c-f.png);
}

/* 视频 */
.hbgas-viedo-only .xny-videoList-item:hover .xny-videoList-item-pic img{transform: scale(1.1);}
.hbgas-viedo-only .xny-videoList-item:hover .xny-videoListBtn{background-image: url(../image/video-btn-hover.png);}





/* 轮播按钮样式 */
.swiper-button-next, .swiper-button-prev{width: 48px;height: 48px;background-size:100%;}
.swiper-button-prev{background-image:url('../image/swiper-btn-pre.png');}
.swiper-button-prev:hover{background-image:url('../image/swiper-btn-pre-h.png');}
.swiper-button-next{background-image:url('../image/swiper-btn-next.png');}
.swiper-button-next:hover{background-image:url('../image/swiper-btn-next-h.png');}
.xny-body-index .swiper-button-prev{left: -24px;}
.xny-body-index .swiper-button-next{right: -24px;}


/* 动效 */
body.pc .fade-in-up,body.pc .fade-in-down,body.pc .fade-in-right,body.pc .fade-in-left{
  opacity: 0;
}
@keyframes fadeInUp{
  0% {
    opacity: 0;
    -webkit-transform: translateZ(0) translateY(40px);
    transform: translateZ(0) translateY(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateY(0);
    transform: translateZ(0) translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(0) translateY(-40px);
    transform: translateZ(0) translateY(-40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateY(0);
    transform: translateZ(0) translateY(0);
  }  
}
@keyframes fadeInRight{
  0% {
    opacity: 0;
    -webkit-transform: translateZ(0) translateX(40px);
    transform: translateZ(0) translateX(40px);
  } 
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
    transform: translateZ(0) translateX(0);
  }
}
@keyframes fadeInLeft{
  0% {
    opacity: 0;
    -webkit-transform: translateZ(0) translateX(-40px);
    transform: translateZ(0) translateX(-40px);
}
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
    transform: translateZ(0) translateX(0);
  }
}

.ts{ 
	transition:all ease 0.4s; 
	-webkit-transition:all ease 0.4s; 
	-o-transition:all ease 0.4s; 
	-moz-transition:all ease 0.4s; 
}
.ts1{ 
	transition:all ease 1s; 
	-webkit-transition:all ease 1s; 
	-o-transition:all ease 1s; 
	-moz-transition:all ease 1s; 
}
.tsout4{ 
	-webkit-transition: all .4s ease-out 0s;
	-moz-transition: all .4s ease-out 0s;
	-o-transition: all .4s ease-out 0s;
	transition: all .4s ease-out 0s;
}

body.pc .fade-in-up.show {
  opacity: 1;
  animation: fadeInUp 1s ease forwards;
}
body.pc .fade-in-down.show {
  opacity: 1;
  animation: fadeInDown 1s ease forwards;
}
body.pc .fade-in-right.show {
  opacity: 1;
  animation: fadeInRight 1s ease forwards;
}
body.pc .fade-in-left.show {
  opacity: 1;
  animation: fadeInLeft 1s ease forwards;
}


/* fix bug */
.xny-header-nav li[data-code="xxgk"] .xny-header-nav-2{
  margin-left: -500px;
}