/**
 * ########################################################################################################################
 * 全局样式重置
 * ########################################################################################################################
 */
/* 统一所有元素的盒子类型和内外填充 */
*, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0px; padding: 0px; }
html{
    overflow-x: hidden;
}
/* 设置默认字体和字体大小 */
body {
    font-size: 16px; color: #050505;
    font-family: 'Arial','Microsoft Yahei','微软雅黑';
    font-style: normal;
    /* padding-top: 102px; */
}

/* 清除列表元素的列表符号 */
ul, ol, li { list-style: none; }

/* 超链接样式 */
a { color: inherit; }
a:link,
a:visited,
a:hover,
a:active { text-decoration: none; }
a:hover { opacity: .9; }

/* 清除元素的默认边框 */
img { border: 0; border: none; outline: none; display: block; max-width: 100%;}

/* 使得表单元素在 ie 下能继承字体大小 */
/* 清空表单元素的内外边框 */
button,
input,
select,
textarea {  appearance: none; outline: none; color: inherit; }
input, button{ line-height: normal; outline: 0; border: 0; }
/* 清除表格的默认边框和单元格间距 */
table { border-collapse: collapse; border-spacing: 0; }

/* 设置 placeholder 文本颜色 */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder  { color: #949596; }
.placeholder  { color: #949596; }

/* iconfont */
.iconfont { display: inline-block; font-size: inherit; }

.center{ width: 1440px; margin: 0 auto; }

.parent-inline-block{
  
  /*display: table;*/
  word-spacing:-1em; /*兼容其他浏览器，题主还未验证*/

}

.pic-wrap{ position: relative; overflow: hidden; }
.pic-wrap>img{
  position: absolute;
  /* left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0); */
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  /*height: 100%;*/
  width: 100%;
  transition: .3s ;
  object-fit: cover;
  -webkit-transition: .3s ;
  -moz-transition: .3s ;
  -ms-transition: .3s ;
  -o-transition: .3s ;
}

/**
 * ########################################################################################################################
 * 辅助类
 * ########################################################################################################################
 */
/* 浮动 */
.fl { float: left; }
.fr { float: right; }

/* 清除浮动 */
.clear,
.clearfix { *zoom: 1; }
.clear:before, .clear:after,
.clearfix::before, .clearfix::after {
  content: "";
  /* height: 0px; */
  /* visibility:hidden; */
  display: table;
  clear: both;
}

/* 强制不换行 */
.nowrap { word-wrap: normal; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
/* 强制换行 */
.iswrap { white-space: normal; word-wrap: break-word; word-break: break-all; }
.hidden{ overflow: hidden; }
/* 文本多出部分用省略号表示, 用于1行或多行 */
.ellipsis-1 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.ellipsis-2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.ellipsis-3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.ellipsis-4 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }

/* 不显示滚动条（透明隐藏） */
.scroll-hide::-webkit-scrollbar { background-color: rgba(0, 0, 0, 0); width: 0; }

/* 文字两端对齐 */
.justify { text-align: justify; }
.justify:after { content: ""; display: inline-block; width: 100%; }

/* 过渡 */
.transition { transition: all 0.3s; }

/* 默认平铺背景 */
.bg-cover {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.center{ width: 1400px; margin: 0 auto; }
 
.auto-height{ height: 1px!important; }
.block{ display: block; }
.fixed{ 
  position: fixed!important;
  top: 0;
  left: 0;
  z-index: 999999999;
}
.relative{ position: relative }
.radius-4{ border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.transition{ transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.tranformX-center{ transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.tranformY-center{ transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.tranform-center{ transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.position-center{
  position: absolute;
  /*left: 0;*/
  /*top: 0;*/
  /*right: 0;*/
  /*bottom: 0;*/
  /*margin: auto;*/
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.img-cover{ object-fit: cover; }

/* 标题 */
.page-title-wrap{ padding-top: 78px; text-align: center;}
.page-module-title{ color: #343a58; font-size: 36px;  padding-bottom: 26px; font-weight: normal;}
.page-module-title::after, .page-module-title:after{ 
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 35px;
  height: 4px;
  background: #38af4e;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.page-title-wrap .line{ height: 35px; width: 4px; background: #38af4e; margin: 0 auto; margin-bottom: 12px;}


/* 分页样式 */
.pagination-box{ text-align: center; line-height: 14px;  }
.pagination-box .swiper-pagination-switch{ display: inline-block ; cursor: pointer; transition: all .3s; vertical-align: middle; margin-left: 24px; width: 10px; height: 10px; border: 2px solid #c5cacf; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transition: .3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; }
.pagination-box .swiper-pagination-switch.swiper-active-switch{ border: 0; width: 14px ; height: 14px ; background: #38af4e; }

/* 公共 banner */
.page-banner{ height: 650px; width: 100%; position: relative; }
.page-banner .topic-box{ text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.page-banner .topic-box .title{ padding-bottom: 50px; border-bottom: 1px solid #39b54a; font-size: 72px;}
.page-banner .topic-box .title-cn{ font-size: 40px; color: #fff; font-weight: normal; }
.page-banner .topic-box .title-en{ padding-bottom: 14px; font-size: 24px;}
.page-banner .topic-box .title{ padding-bottom: 50px; border-bottom: 1px solid #39b54a; font-size: 72px; color: #fff; }
.page-banner .topic-box .desc{ font-size: 20px; height: 76px; width: 853px; line-height: 1.6; margin-top: 60px;}
.page-banner .banner-nav-wrap{ width: 100%; box-sizing: content-box; height: 100px; border-top: 1px solid #8e9ad4; position: absolute; left: 0; bottom: 0;}
.page-banner .banner-nav-wrap .banner-nav{ height: 100px; text-align: center;overflow-y: hidden;overflow-x: auto; display: flex; justify-content: center; flex-wrap: wrap}
.page-banner .banner-nav-wrap .banner-item{ width: 200px; height: 100px; float: left; word-spacing: normal; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
/*.page-banner .banner-nav-wrap .banner-item{ width: 200px; height: 100px; display: inline-block; word-spacing: normal; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }*/
.page-banner .banner-nav-wrap .banner-item:hover{ background: #39b54a; }
.page-banner .banner-nav-wrap .banner-item.active{ background: #39b54a; }
.page-banner .banner-nav-wrap .banner-item img{ display: block; margin: 0 auto; height: 40px; width: 40px; margin-bottom: 12px; }
.page-banner .banner-nav-wrap .banner-item .target{ height: 100%; width: 100%;}
.page-banner .banner-nav-wrap .banner-item .target-content{ padding-top: 6px;height: 100% ;width: 80%;position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }


/* 搜索遮罩 */
.header-search{position: fixed; left: 100%;top: 0;transition: left 500ms ease-in-out; /*-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);*/width: 100vw;height: 100vh;background: rgba(0,0,0, .8);z-index: 9999999999}
.header-search .search-form{width: 800px;background: #fff ;position: absolute;left: 50%;top: 50%;-ms-transform: translate(-50%, -50%); transform: translate(-50%,-50%)}
.header-search .search-form #search-input{ height: 50px;padding: 0;padding-left: 10px;width: 750px; font-size: 18px;}
.header-search .search-form .label{ cursor: pointer;width: 50px; height: 100%;line-height: 50px;text-align: center}
.header-search .search-form .label a{ width: 100%; height: 100%;display: block;cursor: pointer}
.header-search .iconjiahao-wrap{position: absolute;right: 30px;top: 30px;color: #fff;transform: rotate(45deg);-ms-transform: rotate(45deg)}
.header-search .iconjiahao-wrap .icon-jiahao{font-weight:400;font-size: 30px; cursor: pointer;}


/*分页*/
.pagination{ text-align: center; }
.pagination .page-item{
    display: inline-block;
    height: 40px;
    line-height: 40px;
    border: 1px solid #e0e0e0;
    text-align: center;
    cursor: pointer;
}
.pagination .page-item .page-link{
    padding: 0 10px;
    display: block;
    height: 100%;
}
.pagination .page-item:hover {
    background: #edf6ef;
    color: #999;
    border: 1px solid #39b54a;
}
.pagination .page-item:hover .page-link{
    color: #999;
}
.pagination .active{
    background: #39b54a;
    color: #fff;
}
.pagination .disabled{cursor: not-allowed;}


/**
 * ########################################################################################################################
 * 媒体查询
 * ########################################################################################################################
 */
@media screen and (max-width: 1400px) {
.page-title-wrap{ padding-top: 60px; }
}


@media screen and (max-width: 1200px) {

}

@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 800px) {

}