@font-face {
    font-family: 'AlibabaPuHuiTi-Bold';
    src: url('./font/Alibaba-PuHuiTi-Bold.ttf');
}
@font-face {
    font-family: 'AlibabaPuHuiTi-Heavy';
    src: url('./font/Alibaba-PuHuiTi-Heavy.ttf');
}
@font-face {
    font-family: 'AlibabaPuHuiTi-Medium';
    src: url('./font/Alibaba-PuHuiTi-Medium.ttf');
}
@font-face {
    font-family: 'AlibabaPuHuiTi-Regular';
    src: url('./font/Alibaba-PuHuiTi-Regular.ttf');
}
@font-face {
    font-family: 'SourceHanSansCN-Bold';
    src: url('./font/SourceHanSansCN-Bold.otf');
}
@font-face {
    font-family: 'SourceHanSansCN-Heavy';
    src: url('./font/SourceHanSansCN-Heavy.otf');
}
@font-face {
    font-family: 'SourceHanSansCN-Medium';
    src: url('./font/SourceHanSansCN-Medium.otf');
}
@font-face {
    font-family: 'SourceHanSansCN-Light';
    src: url('./font/SourceHanSansCN-Light.otf');
}
@font-face {
    font-family: 'SourceHanSansCN-Regular';
    src: url('./font/SourceHanSansCN-Regular.otf');
}
@font-face {
    font-family: 'SourceHanSansCN-Normal';
    src: url('./font/SourceHanSansCN-Normal.otf');
}
body{
    color:#333;
    background:#fff;
    user-select: none;
    min-width:1200px;
}
.main{
    width:1200px;
    margin:0 auto;
}
/* .main .title{
    font-family: 'AlibabaPuHuiTi-Heavy';
    font-size:26px;
    color:#1A1E22;
    height:36px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight:bold;
    margin-bottom:10px;
}
.main .title span{
    width:39px;
    height:36px;
}
.main .title span:nth-child(1){
    background:url(../images/icon_l.png) no-repeat left center;
    margin-right:30px;
}
.main .title span:nth-child(2){
    background:url(../images/icon_r.png) no-repeat left center;
    margin-left:30px;
}
.main .subtitle{
    font-family: 'AlibabaPuHuiTi-Medium';
    font-size:14px;
    color:#53606C;
    height:18px;
    line-height:18px;
    margin-bottom:20px;
    text-align: center;
} */
/* 导航 */
.self-nav{
    width:100%;
    height:128px;
    position: absolute;
    left:0;
    top:0;
    z-index: 9;
    background:url(../images/nav_bg.png) no-repeat left top;
    background-size:100% 100%;
    min-width:1200px;
}
.self-nav .nav-box{
    display: flex;
    height: 50px;
    align-items: center;
    justify-content: space-between;
    margin-top:22px;
}
.self-nav .nav-box .logo{
    height:50px;
}
.self-nav .nav-box .logo a{
    display:block;
}
.self-nav .nav-box .nav a{
    font-family: 'SourceHanSansCN-Normal';
    position:relative;
    height:50px;
    line-height:50px;
    padding:0 30px;
    font-size:16px;
    color:#fff;
}
.self-nav .nav-box .nav a.active::after{
    content: '';
    width:9px;
    height:9px;
    background:#fff;
    position:absolute;
    left:50%;
    margin-left:-5px;
    bottom:-18px;
    border-radius: 50%;
}

/* 底部 */
.slef-footer{
    background:#ECECEC;
    padding:66px 0 0 0;
    min-width: 1200px;
}
.slef-footer .footer-box{
    display:flex;
    justify-content: space-between;
    padding-bottom:24px;
}
.slef-footer .footer-box dt{
    font-family: 'SourceHanSansCN-Light';
    font-size:14px;
    color:#333;
    height:20px;
    line-height:20px;
    margin-bottom:12px;
}
.slef-footer .footer-box dd{
    margin:0;
    line-height:40px;
}
.slef-footer .footer-box dd a{
    font-family: 'SourceHanSansCN-Normal';
    font-size:12px;
    color:#8F8F8F;
}
.slef-footer .footer-box ul{
    padding:0;
    font-weight:bold;
}
.slef-footer .footer-box ul li{
    font-family: 'SourceHanSansCN-Light';
    font-size:14px;
    color:#333;
    list-style: none;
    margin-top:28px;
    height:30px;
    line-height:30px;
    padding-left:30px;
}
.slef-footer .footer-box li.phone{
    background:url(../images/icon_phone.png) no-repeat left center;
}
.slef-footer .footer-box li.email{
    background:url(../images/icon_email.png) no-repeat left center;
}
.slef-footer .footer-box li.addr{
    background:url(../images/icon_addr.png) no-repeat left center;
}

.slef-footer .copyright{
    width:100%;
    height:62px;
    border-top:1px solid #E3E3E3;
    text-align:center;
    font-size:12px;
    color:#999;
    display: flex;
    align-items: center;
    justify-content: center;
}
.copyright p{
    font-size:12px;
    color:#999;
    margin-right: 10px;
    margin-bottom: 0;
}
.copyright a{
    font-size:12px;
    color:#999;
}
.copyright .police{
    background: url('../images/gov.png') no-repeat left;
    background-size: 14px 14px;
    padding-left: 15px;
}
/* 顶部banner */
.top-banner{
    width:100%;
    height:656px;
    overflow: hidden;
    text-align: center;
    min-width:1200px;
    background:lightblue
}
.top-banner .main{
    height:100%;
    display:flex;
    align-items: center;
    justify-content: center;
}
.index .top-banner .main{
    justify-content: left;
}
.top-banner .main .wrap{
    min-width:494px;
    min-height:190px;
    /* background:#00c54c; */
    background:rgba(12, 175, 19, 0.6);
    padding:0 108px;
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top:20px;
}
.top-banner .wrap h2{
    font-family: 'SourceHanSansCN-Heavy';
    font-size:30px;
    color:#fff;
    line-height:52px;
    font-weight:bold;
    margin-bottom:10px;
    letter-spacing: 1.6px;
}
.top-banner .wrap p{
    font-family: 'SourceHanSansCN-Heavy';
    font-size:14px;
    color:#fff;
    height:32px;
    line-height:32px;
    margin:0;
    letter-spacing: 0.8px;
}
.top-banner h2  em{
    display:inline-block;
    width:22px;
}
.index .top-banner{
    height:auto;
    /* height:1080px;
    background: url(../images/banner_index.jpg) no-repeat center center;
    background-size:cover; */
}
.index .top-banner img{
    width:100%;
}
.about .top-banner{
    background: url(../images/banner_about.jpg) no-repeat center center;
    background-size:cover;
}
.industryChain .top-banner{
    background: url(../images/banner_industryChain.jpg) no-repeat center center;
    background-size:cover;
}
.advantage .top-banner{
    background: url(../images/banner_advantage.jpg) no-repeat center center;
    background-size:cover;
}
.news .top-banner,.news-detail .top-banner{
    background: url(../images/banner_news.jpg) no-repeat center center;
    background-size:cover;
}
/* 分页 */
.pagination{
    margin-bottom:120px;
    display:inline-block;
}
.pagination li{
    display:inline-block;
    margin-right:18px;
    border-radius: 4px;
    width:36px;
    height:36px;
    line-height:36px;
    overflow: hidden;
    font-size:12px;
    box-shadow: 0px 0px 5px #eee;
    color:#999;
    cursor: pointer;
    background:#fff;
}
.pagination li:hover,.pagination li.active{
    background:#0dba2d;
    color:#fff;
}

/* 标题 */
.top-title{
    font-family: 'SourceHanSansCN-Heavy';
    font-size:28px;
    color:#05C30E;
    height:48px;
    line-height:48px;
    text-align: center;
}
.top-subtitle{
    font-family: 'SourceHanSansCN-Regular';
    font-size:16px;
    color:#333;
    height:32px;
    line-height:32px;
    text-align: center;
}
/* tab标签切换 */
.tabs{
    width:100%;
    height:90px;
    background:#fff;
}
.tabs .main{
    height:90px;
    display:flex;
    justify-content:space-around;
}
.tabs span{
    font-family: 'SourceHanSansCN-Normal';
    font-size:16px;
    color:#333;
    cursor: pointer;
    height:90px;
    line-height: 90px;
}
.tabs span.active{
    color:#0bae13;
    border-bottom:3px solid #0bae13;
}
.tabs-content{
    background:#F8F8F8;
    overflow: hidden;
    margin-bottom:96px;
}
.tabs-content .content-list{
    display: none;
}
.tabs-content .content-list.active{
    display: block;
}