body, html{overflow-y: auto; overflow-x: hidden; position: relative; width: 100%; height: 100%;}
.w1500{max-width: 1500px; margin: 0 auto; }
.header{width: 100%; position: fixed; left: 50%; transform: translateX(-50%); top: 0px; z-index: 999; font-family: 'MiSans-Regular', sans-serif;}
.headerBox{ padding: 16px 0; border-bottom: 1px solid #f2f2f2;}
.header::before{content: ''; position: absolute; left: 0px; right: 0px; top: 0px; height: 500px; 
  background: linear-gradient(to bottom, #ffffff 18%, #ffffff 10%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 1) 0%,      /* 顶部完全不透明白色 */
    rgba(255, 255, 255, 0.8) 20%,   /* 渐变为80%透明 */
    rgba(255, 255, 255, 0.4) 60%,   /* 半透明 */
    rgba(255, 255, 255, 0) 100%     /* 完全透明 */
  );
  pointer-events: none; background-size: cover;}
.header.type1::before{height: 100px;}
.header.type2::before{height: 360px; background: linear-gradient(to bottom, #ffffff 10%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0) 100%);}
.header .headerBox{position: relative; z-index: 2;}
.header .logoBox .s1{display: none;}
/* .header.type1 .logoBox .s1{display: none;}
.header.type1 .logoBox .s2{display: block;} */
.header .logoBox{margin-right: 48px; font-size: 0px;}
.header .menuBox{padding-top: 17px;}
.header .menuBox .clearIcon{display: none;}
.header .menuBox .menuLogin{display: none;}
.header .modOPenBtn{display: none;}
.header .menuBox ul li{float: left; margin:0 14px;}
.header .menuBox ul li a{font-size: 21px; color: #004070; transition: .3s;}
.header .menuBox ul li a.on{color: #e0b532 !important;}
.header .menuBox ul li a:hover, .header .menuBox ul li .item.on a{color: #e0b532;}
.header .menuBox ul li {position: relative;}
.header .menuBox ul li .subMenu{display: none; position: absolute; left: 50%; transform: translateX(-50%); top: 62px; overflow: hidden; width: 310px; padding: 10px 20px; border-top: 1px solid #f1d88d;background-color: rgba(0, 64, 112, 0.5);}
.header .menuBox ul li .subMenu::before{content: ''; position: absolute; top: -20px; left: 50%; transform: translateX(-50%); border: 10px solid transparent; border-bottom-color: #f1d88d;}
.header .menuBox ul li .subMenu .item{padding: 11px 0px; text-align: center; font-size: 16px; line-height: 38px;}
.header .menuBox ul li .subMenu .item:last-child{border: none;}
.header .menuBox ul li .subMenu .item a{display: block; color: #fff; font-size: 16px;}
.header .menuBox ul li .subMenu .item:hover a{background-color: #e0b532;}
.header.type1 .menuBox ul li .subMenu{background-color: rgba(0, 64, 112, 0.5);}
.header .search {position: relative; padding-top: 13px; margin-left: 35px; font-size: 0px;}
.header .search .s1{display: inline-block; vertical-align: middle; width: 30px; height: 30px; text-align: center; font-size: 0px; line-height: 1; border-radius: 100%; background-color: #e0b532;}
.header .search .s1 img{position: relative; top: 50%; transform: translateY(-50%);}
.header .search .cutBox{display: inline-block; vertical-align: middle; padding-left: 10px; font-size: 18px; color: #e0b532; }
.header .search .cutBox a{color: #e0b532;}
.header .search .gpBox{display: none; position: absolute; right: 0px; overflow: hidden; bottom: -67px; text-align: center; padding: 0 15px; background-color: rgba(255, 255, 255, 0.2); height: 40px; box-sizing: border-box; line-height: 38px; border: 1px solid rgba(255, 255, 255, 0.3); font-size: 16px;font-family: 'MiSans-Regular', sans-serif; color: #004070;}
.header .search .gpBox ul{display: inline-block; vertical-align: middle; height: 37px; overflow: hidden;}
.header .search .gpBox > span{display: block; white-space: nowrap;}
.header .search .gpBox .gp > b{display: inline-block; vertical-align: middle;}
.header .search .gpBox.on{display: block;}
.header .search .gpBox i.i1{ color: #333333;}
.header .search .gpBox i.i2{ color: #02a406;}
.header .search .gpBox i.i3{ color: red;}

.header .search .gpBox.gpType1{display: inline-block; vertical-align: middle; padding-left: 3px !important; height: auto; background-color: transparent; border: none; padding: 0px; vertical-align: middle; position: initial;}

/* 内页头部 start */
.header.head1 {position: absolute;}
.header.head1 .logoBox .s2{display: none;}
.header.head1 .logoBox .s1{display: block;}
.header.head1::before{display: none;}

@media screen and (min-width: 1200px) {
  .header.head1 .menuBox a{color: #fff !important;}
}


@media screen and (max-width: 1655px) {
  .w1500{max-width: 1200px;}
  .header .logoBox img{height: 45px;}
  .header .menuBox{padding-top: 6px;}
  .header .menuBox ul li a{font-size: 17px;}
  .header .menuBox ul li .subMenu{top: 55px;}
  .header .search{margin-left: 15px; padding-top: 3px;}
  .header .logoBox{margin-right: 30px; font-size: 0px;}
  .header .menuBox ul li{margin: 0 12px;}
  .header .search .gpBox{font-size: 14px; height: 36px; line-height: 34px; bottom: -55px;}
  .header .search .gpBox.gpType1{line-height: 37px;}
}


@media screen and (max-width: 1200px) {
  .header::before{height: 120px;}
  .header .headerBox{ padding: 10px 15px;}
  .header .menuBox{display: none;}
  .header .logoBox{margin-right: 0px;}
  .header .logoBox img{height: 34px;}
  .header .search{float: right; margin-left: 0px; padding-top: 6px;}
  .header .search .gpBtn {display: none !important;}
  .header .search .s1{width: 25px; height: 25px;}
  .header .search .s1 img{width: 15px;}
  .header .search .cutBox{padding-left: 5px; font-size: 14px;}

  .header .menuBox{display: block; visibility: hidden; opacity: 0; transition: .3s;}
  .header .menuBox.on{visibility: visible; opacity: 1;}
  .header .menuBox .menuLogin{display: block; padding: 10px 15px 5px; border-bottom: 1px solid #004070;}
  .header .menuBox .menuLogin img{height: 35px;}
  .header .menuBox .menuContent{position: relative; z-index: 999; visibility: hidden; transition: .4s; position: fixed; width: 60vw; height: 100vh; right: -60vw; top: 0px; bottom: 0px; background-color: #fff;}
  .header .menuBox.on .menuContent{right: 0px;  visibility: visible; }
  .header .menuBox{content: ''; width: 100vw; height: 100vh;  position: fixed; top: 0px; left: 0px; right: 0px; z-index: 99; bottom: 0px; background-color: rgba(0, 0, 0, 0.4);}
  .header .menuBox ul{height: calc(100vh - 56px); overflow: hidden; overflow-y: auto;}
  .header .menuBox ul li a{font-size: 16px;}
  .header .menuBox ul li{float: none; margin:12px 12px;}
  .header .menuBox ul li .item{position: relative;}
  .header .menuBox ul li .item.isOpen::after{content: ''; transition: .3s; position: absolute; right: 0px; top: 50%; margin-top: -7px; width: 15px; height: 15px; background: url(/uploadfiles/img/zsj-en_right_icon.png) no-repeat center; background-size: 100% 100%; }
  .header .menuBox ul li.on .item.isOpen::after{transform: rotate(90deg);}
  .header .menuBox ul li .subMenu{ padding-left: 20px;padding-right: 0px; padding-bottom: 0px; width: auto; position: initial; transform: none; border: none; background: none;}
  .header .menuBox ul li .subMenu .item a{color: #004070;}
  .header .menuBox ul li .subMenu::before{display: none;}
  .header .menuBox ul li .subMenu .item{padding: 6px 0; line-height: initial; text-align: left;}
  .header .menuBox ul li .subMenu .item:hover a{background: none;}
  .header .menuBox .clearIcon{display: block; font-size: 0px; position: absolute; left: -100px; top: 40%; transform: translateY(-50%);}
  .header .menuBox .clearIcon span{display: block; font-size: 14px; color: #fff;}
  .header .modOPenBtn{display: inline-block; vertical-align: middle; padding-left: 10px;}
  .header .modOPenBtn img{height: 20px;}
  .header .modOPenBtn .s2{display: none;}

  /* 内页头部 start */
  .header.head1 .modOPenBtn .s2{display: inline-block;}
  .header.head1 .modOPenBtn .s3{display: none;}

}

/* banner图 start */
.zsj_banner{height: 600px; background: url(/uploadfiles/img/zsj_en_wxzx_head_img_01.jpg) no-repeat top center; background-size: cover;}
.zsj_banner .bannerBox{padding: 175px 0 0px;}
.zsj_banner .bannerBox .bannerTit{margin-top: 30px; font-family: 'MiSans-Regular', sans-serif; color: #fff; font-size: 66px;}
.zsj_path, .zsj_path a, .zsj_path em{font-size: 16px; color: #fff; font-family: '微软雅黑'; }
@media screen and (max-width: 1200px) {
  .zsj_banner{height: 225px; background-size: cover;}
  .zsj_banner .bannerBox{padding: 110px 20px 0px;}
  .zsj_banner .bannerBox .bannerTit{font-size: 28px; line-height: 34px; margin-top: 8px;}
  .zsj_path, .zsj_path a, .zsj_path em{font-size: 13px;}
  .zsj_path a > img{height: 14px;}
}
/* banner图 end */

/* 内页底部 start */

.footer{ position: relative; font-family: 'MONTSERRAT', sans-serif;}
.footer .bottomTheme .bottomThemeBox{padding-top: 60px; padding-bottom: 70px; background: url(/uploadfiles/img/zsj-en_bottom_bg_05.jpg) no-repeat center top; background-size: cover;}
.footer .bottomTheme .bottomBox {padding: 30px 0; background-color: #fff; text-align: center; }
.footer .bottomTheme .bottomBox p{font-size: 14px; margin-bottom: 25px; color: #333;}
.footer .tjBox .w1500{display: flex; justify-content: space-between; align-items: center;}
.footer .tjBox .tjItem{ width: 340px; padding-bottom: 45px; text-align: center; border-bottom: 1px solid #fff; color: #fff; font-size: 14px;}
.footer .tjBox .tjItem b{font-size: 58px; font-weight: bold;}

.footer .tjBox b em { display: inline-block; font-weight: bold; transform: rotateX(360deg);}
.footer .tjBox b.on em {transform: rotateX(0); transition: 3s;}
.footer .tjBox b.on em:nth-child(1) { transition-delay: .2s;}
.footer .tjBox b.on em:nth-child(2) { transition-delay: .6s;}
.footer .tjBox b.on em:nth-child(3) { transition-delay: .9s;}
.footer .tjBox b.on em:nth-child(4) { transition-delay: 1.4s;}
.footer .tjBox b.on em:nth-child(5) { transition-delay: .8s;}
.footer .tjBox b.on em:nth-child(6) { transition-delay: 1s;}
.footer .tjBox b.on em:nth-child(7) { transition-delay: .5s;}
.footer .tjBox b.on em:nth-child(8) { transition-delay: 1.6s;}
@media screen and (max-width: 1655px) {
  .footer .tjBox .tjItem b{font-size: 40px;}
}

@media screen and (max-width: 1200px) {
  .footer .bottomTheme .bottomThemeBox{padding: 20px 0;}
  .footer .bottomTheme .bottomThemeBox .bLogin{margin-bottom: 15px; text-align: center;}
  .footer .bottomTheme .bottomThemeBox .bLogin img{height: 40px;}
  .footer .bottomTheme .bottomThemeBox .bottomTit{margin-bottom: 15px; font-size: 18px; text-align: center;}
  .footer .tjBox .w1500{flex-wrap: wrap; padding: 0 10px;}
  .footer .tjBox .tjItem{width: 48%; margin: 0 1%; height: 63px; display: flex; align-items: center; justify-content: center; padding: 0 5px; box-sizing: border-box; padding-bottom: 2px;}
  .footer .tjBox .tjItem b{font-size: 26px;}

  .footer .bottomTheme .bottomBox p{font-size: 12px; margin-bottom: 5px;}
  .footer .bottomTheme .bottomBox{padding: 20px 0;}
}
/* 内页底部 end */


