/* base */
*{padding:0;margin:0;list-style: none;}
html,body{font-family: "PingFang SC", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "Hiragino Sans GB", "Source Han Sans CN Normal", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;}
body{background:#fff;}
a{text-decoration: none;}
img{border:0;}


/* color */
.cWhite{color:rgb(255,255,255)}
.cOrange{color:rgb(239,118,118)}
.cOrange2{color:rgb(239,152,152)}
.cOrange3{color:rgb(254,132,132)}
.cGray{color:rgb(51,51,51)}
.cGray2{color:rgb(102,102,102)}
.bg1{background:rgb(252,229,213)}
.bg2{background:rgb(221,234,246)}
.bg3{background:#fffaf4;}

/* font-size */
.b{font-weight:bold;}
.t2em{text-indent:2em;}
.f20{font-size:.2rem;}
.f22{font-size:.22rem;}
.f24{font-size:.24rem;}
.f26{font-size:.26rem;}
.f28{font-size:.28rem;}
.f30{font-size:.30rem;}
.f32{font-size:.32rem;}
.f38{font-size:.38rem;}

/* margin */
.mb32{margin-bottom:.32rem;}
.mb34{margin-bottom:.34rem;}
.mb40{margin-bottom:.4rem;}
.mb46{margin-bottom:.46rem;}
.mb80{margin-bottom:.8rem;}
.mt80{margin-top:.8rem;}


/* layout */
.container{
    padding:0 .14rem;
    padding-top:.6rem !important;
}
li .date{
    display:none;
}

.header{
    width:100%;
    height:1.34rem;
    background:rgba(255,255,255,.8);
    box-shadow: 0px 2px 10px rgba(0,0,0,.2);
    position: fixed;
    top:0;
    left:0;
    z-index: 100;
    padding:0.3rem 0.45rem;
    box-sizing: border-box;
    transition:linear .2s;
}
.header.active{
    background:#fff;
    box-shadow: 0px 2px 10px rgba(0,0,0,.2);
    transition:linear .2s;
}
.header .logo{
    background:url(../../static/images/logo.svg) no-repeat;
    background-size: contain;
    width:3.15rem;
    height:0.71rem;
    float:left;
}
.header .topMenu{
    float:right;
    width:0.58rem;
    height:0.45rem;
    color:#004098;
    position: relative;
    top:.05rem;
}
.header .topMenu i{
    font-size:.6rem;
}

.subHead .logo{
    background:url(../../static/images/logo.svg) no-repeat .2rem .35rem;
    background-size:.65rem auto;
    text-align: left;
    font-size:.4rem;
    color:#999;
    width:auto;
    line-height: 0.8rem;
    text-indent: .85rem;
    height:1.34rem;
    position: fixed;
    top:0;
    left:.5rem;
    padding:.25rem .2rem;
    box-sizing: border-box;
}
.subHead .logo span{
    margin-right:.1rem;
}


.topMenuBox{
    position: fixed;
    top:0;
    right:-50%;
    width:50%;
    height:100%;
    overflow: auto;
    background:rgba(255,255,255,.98);
    color:#004098;
    box-sizing: border-box;
    z-index: 999;
    transition:linear .2s;
    opacity: 0;
    padding-top:2.4rem;
    box-shadow: 0px 2px 10px rgba(0,0,0,.2);
}
.topMenuBox i.icon-guanbi1{
    font-size:.6rem;
    position: absolute;
    top:.48rem;
    right:.31rem;
    z-index: 999;
}
.topMenuBox.active{
    top:0;
    right:0;
    opacity: 1;
    transition:linear .2s;
}
.topMenuBox>ul>li{
    margin-bottom:.2rem;
    line-height:1rem;
    font-size:.38rem;
    box-sizing: border-box;
    position: relative;
}
.topMenuBox>ul>li>h3{
    padding:0 .5rem;
    border-bottom:1px solid #E4E2E2;
    font-weight:normal;
    position: relative;
}
.topMenuBox>ul>li>h3 i{
    width:1rem;
    position: absolute;
    right:.5rem;
    top:0;
    text-align: right;
}
.topMenuBox>ul>li>h3::after{
    content: '';
    width:100%;
    height:1px;
    background:#004098;
    position: absolute;
    top:1rem;
    left:-100%;
    transition:linear .2s;
}
.topMenuBox>ul>li>ul{
    padding:0 .5rem;
    box-sizing: border-box;
    height:0;
    overflow: hidden;
    transition:linear .2s;
}
.topMenuBox>ul>li.active>h3::after{
    left:0;
    transition:linear .2s;
}
.topMenuBox>ul>li.active h3 i{
    color:#FFC845;
    transform: rotate(180deg);
    text-align: left;
}
.topMenuBox>ul>li.active>ul{
    padding:.5rem .5rem 0 .5rem;
    height:auto;
    transition:linear .2s;
}
.topMenuBox>ul>li>ul>li{
    font-size:.32rem;
    color:#4C4C4C;
    line-height:.4rem;
    border:0;
    margin-bottom:.4rem;
}
.topMenuBox>ul>li>ul>li.active{
    color:#004098;
}
.topMenuBox>ul>li>ul>li>h3{
    font-size:.32rem;
}



/* focus */
.focus{
    overflow: hidden;
    min-height:9rem;
}
.focus .swiper-slide{
    position: relative;
}
.focus img{
    width:100%;
    height:auto;
    display: block;
}
.focus .con{
    width:100%;
    background:rgba(0,0,0,.6);
    color:#fff;
    font-size:.3rem;
    line-height:.52rem;
    padding:.54rem .53rem .4rem .53rem;
    box-sizing: border-box;
    position: absolute;
    bottom:0;
}
.focus .con h2{
    font-size:.4rem;
    color:#FFD800;
    margin-bottom:.2rem;
}
.focus .con h3{
    font-size:.4rem;
    margin-bottom:.2rem;
}
.focus .con p{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* 显示的行数 */
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.swiper-container {
}
.swiper-slide {
}
.swiper-slide img{
    width:100%;
    height:auto;
}

/* nav */
.nav{
    margin-bottom:.8rem;
    position: sticky;
    top:1.34rem;
    z-index: 10;
    box-shadow: 0px 2px 10px rgba(0,0,0,.2);
}
.nav .parent{
    width:100%;
    height:1.08rem;
    background:#004097;
    color:#fff;
}
.nav .parent ul{
    width:100%;
    text-align: center;
    display:flex;
}
.nav .parent ul li{
    text-align: center;
    line-height:1.08rem;
    position: relative;
    /* padding:0 .2rem; */
    display:inline-block;
    font-size:.32rem;
    flex:1;
}
.nav .parent ul li.active{
    font-weight:bold;
}
.nav .parent ul li.active::after{
    content:'';
    width:100%;
    height:.04rem;
    background:#FFD800;
    position: absolute;
    bottom:0;
    left:0;
}

.nav.thinkTank{
    top:2.34rem;
}
.nav.thinkTank .parent{
    position: fixed;
    top:1.34rem;
}
.nav.thinkTank .parent li.active{
    background:#004098;
    color:#fff;
}
.nav.thinkTank .parent ul li.active::after{
    display:none;
}




.nav .child{
    width:100%;
    height:1.08rem;
    color:#004098;
    border-bottom:1px solid rgba(170, 170, 170, .6);
    overflow: auto;
    display:none;
    background:#fff;
}
.nav .child ul{
    display:flex;
}
.nav .child ul li{
    text-align: center;
    position: relative;
    padding:0 .2rem;
    display:inline-block;
    white-space: nowrap;
    color:#717070;
    line-height:1.08rem;
    flex:1;
}
.nav .child ul li.active{
    color:#004098;
}




.nav.thinkTank .child{
    background:#eaeaea;
}
.nav.thinkTank .child ul{
    display:flex;
}
.nav.thinkTank .child ul li{
    flex:1;
}
.nav.thinkTank .child ul li.active{
    font-weight:bold;
}
.nav.thinkTank .child ul li.active::after{
    content:'';
    width:100%;
    height:4px;
    background:#FFB400;
    position: absolute;
    bottom:0;
    left:0;
}

/* footer */
.footer{
    width:100%;
    background:url(../../static/images/footer.png) no-repeat;
    background-size:contain;
    height:6.75rem;
    padding:.8rem .5rem;
    box-sizing: border-box;
    color:#fff;
}
.footer .logo{
    width:1rem;
    height:.56rem;
    display:block;
    margin:0 auto;
    margin-bottom:.42rem;
    overflow: hidden;
}
.footer .logo a{
    width:2.52rem;
    height:.56rem;
    display:block;
    background:url(../../static/images/logow.svg) no-repeat;
}
.footer .ftxt{
    font-size:.23rem;
    color:rgba(255,255,255,.3);
    line-height:.4rem;
    text-align: center;
    margin-bottom:.41rem;
}
.footer .iconList{
    text-align: center;
    margin-bottom:.4rem;
}
.footer .iconList a{
    width:.43rem;
    height:.43rem;
    border-radius: .1rem;
    border:1px solid #004098;
    color:#fff;
    font-size:.2rem;
    text-align: center;
    line-height:.43rem;
    display:inline-block;
    position: relative;
}
.footer .iconList a i.icon-zhifushibai{
    color:#fff;
    position: absolute;
    bottom:3rem;
    left:1.6rem;
    z-index: 999;
    font-size:.4rem;
    border:2px solid #000;
    border-radius: 50%;
    background:#000;
    display:none;
}
.footer .iconList a img{
    width:3rem;
    height:3rem;
    position: absolute;
    bottom:.5rem;
    left:-1.5rem;
    display:none;
}
.footer .iconList a.active i.icon-zhifushibai{
    display:block;
}
.footer .iconList a.active img{
    display:block;
}
.footer .copyright{
    font-size:.26rem;
    color:#fff;
    line-height:.46rem;
    font-weight:bold;
    text-align: center;
}

/* page */
#page{
    width:100%;
    overflow: hidden;
    text-align: center;
    margin-bottom:1rem;
}
#page li{
    display:inline-block;
    padding:5px 10px;
    background:#fff;
    margin-right:10px;
    font-size:14px;
    cursor:pointer;
}
#page li.active{
    background:#134DA0;
    color:#fff;
}

/* list */
.list li{
    position: relative;
    margin-bottom:.8rem;
    border:1px solid #efefef;
}
.list li .img img{
    width:100%;
    height:auto;
    margin-bottom:.2rem;
    border:1px solid #efefef;
}
.list li .date{
    width:1rem;
    height:1rem;
    background:rgba(0,0,0,.8);
    position: absolute;
    right:.2rem;
    top:.2rem;
    border-radius: .1rem;
    color:#FFC845;
    font-size:.5rem;
    text-align: center;
    line-height:0.3rem;
    padding-top:.2rem;
    box-sizing: border-box;
}
.list li .date span{
    font-size:.2rem;
    display: block;
    margin-top: .1rem;
}
.list li .con{
    padding:.3rem;
    box-sizing: border-box;
}
.list li h3{
    font-size:.35rem;
    margin-bottom:.2rem;
}
.list li p{
    font-size:.3rem;
    text-align: justify;
    color:#666;
    font-weight:normal;
    line-height:.4rem;
}

.detail{
    margin:0 auto 4rem;
}
.detail h2{
    font-size:.4rem;
    font-weight:normal;
    margin-bottom:.4rem;
    text-align: center;
}
.detail .txt{
    font-size:.3rem;
    text-align: center;
    margin-bottom:.4rem;
    color:#666;
}
.detail .content{
    color:#666;
    font-size:.3rem;
    line-height:.5rem;
    text-align: justify;
    overflow: hidden;
}
.detail .content p{
    margin-bottom:.4rem;
}
.detail .content img{
    width:100%;
    height:auto;
}