@charset "utf-8";
/* CSS Document */

@media (max-width:1399px) {
	.w1380,.main1{width: 97%;}

}
@media (max-width:1320px) {
	.w1380,.main1{width: 97%;}


}


@media (max-width:1199px) {
.w1380,.main1{width: 97%;}
.w-header{display:block;}
.w-header .fr{ margin-top:20px;}
.header{display: none;}
.wap-search{display: block;}
/* 移动端新闻容器布局 */
.news-container{ width:100%; display:block;}
.zxdt{ width:100%; float:left;}
.zxdt .zxdtBox{ width:100%; float:left; margin-top:15px;}
.zxdt .zxdtBox ul { width:102%; display:block; margin-top:15px; margin-left:-2%;}
.zxdt .zxdtBox ul li{ width:48%; float:left; display:block; margin:0px 0 20px 2%;}
.zxdt .zxdtBox ul li a.img{ width:100%; height:12rem; display:block; float:left; overflow:hidden;}
.zxdt .zxdtBox ul li a.img img{ width:100%; height:12rem;}
.zxdt .zxdtBox ul li .txt{ width:94%; padding:10px 3%; float:left; height:50px; background:#fff;}
.zxdt .zxdtBox ul li .txt a{ width:100%; display:block; float:left; height:30px; line-height:30px; color:#333; font-weight:bold;}
.zxdt .zxdtBox ul li .txt span{ width:100%; display:block; height:20px; line-height:20px; color:#aeaeae; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

/* 移动端翻页功能样式 */
.pagination{ width:100%; text-align:center; margin-top:15px; padding:10px 0;}
.pagination .prev-btn, .pagination .next-btn{ 
    display:inline-block; 
    padding:6px 12px; 
    margin:0 5px; 
    background:#0066cb; 
    color:#fff; 
    text-decoration:none; 
    border-radius:4px; 
    cursor:pointer;
    font-size:12px;
}
.page-indicator{ display:inline-block; margin:0 10px;}
.page-dot{ 
    display:inline-block; 
    width:8px; 
    height:8px; 
    border-radius:50%; 
    background:#ccc; 
    margin:0 3px; 
    cursor:pointer;
}

/* 移动端智库动态样式 */
.zkdt{ width:100%; float:left; margin-top:20px;}
.zkdt .title1{ width:100%; margin-bottom:15px;}
.zkdtBox{ width:100%;}
.zkdtBox ul{ width:100%;}
.zkdtBox ul li{ 
    width:100%; 
    margin-bottom:12px; 
    padding-bottom:12px; 
    border-bottom:1px solid #f0f0f0;
}
.zkdtBox ul li a{ 
    width:85%; 
    color:#333; 
    text-decoration:none; 
    line-height:22px; 
    font-size:13px;
    margin-bottom:3px;
}
.zkdtBox ul li .date{ 
    width:15%; 
    color:#999; 
    font-size:11px; 
    text-align:right;
    margin-top:1px;
}

.foot{ width:96%; padding:20px 2%; margin:0 auto;}
.foot .footL{ width:80%;color:#fff; float:left;font-size:14px; line-height:28px;}
.foot .footR{ width:18%; float:right; margin-top:10px;}
.foot .footR label{ width:100%; display:block; float:left; color:#fff; line-height:40px; font-size:16px;}
.foot .footR span{ width:100%; display:block; float:left; color:#fff; line-height:40px; font-size:24px;}
.foot .footR em{ display:block; float:left; width:50px; height:4px; background:#fff; margin-top:15px;}
.foot .footR img{ width:122px; height:122px; display:block; float:left; margin-top:20px;}

.page{width:97%; padding:0px 1.5%;margin:84px 0px 20px 0px; float:left;}
.page .pageL{ width:24%; float:left;}
.page .pageL .leftMenu2{ width:100%; float:left;}
.page .pageL .leftMenu2 h2{ width:80%; display:block; float:left; background:#0168b7; height:70px; line-height:70px;color:#fff; padding:0px 10%;}
.page .pageL .leftMenu2 ul{ width:100%; float:left; margin-top:5px;}
.page .pageL .leftMenu2 ul li{ width:100%; float:left; height:60px; margin-top:7px; line-height:60px;}
.page .pageL .leftMenu2 ul li a{ width:80%; height:60px; background:#fff; display:block; float:left; padding:0px 10%; position:relative; color:#333; font-weight:500; font-size:18px;}
.page .pageR{ width:70%; float:right; background:#fff; padding:10px 2%;}

.pageRT{ width:100%; float:left; height:30px; padding-bottom:20px;position:relative; border-bottom:solid 2px #ececec;}
.pageRT .fl{ width:200px; float:left; height:30px;}

/*--------单页面--------*/

.content-inner{ margin-bottom:15px;float: left; padding: 10px 0px 10px 0px; width:100%; background-color: #fff; box-sizing: border-box;}


}

@media (max-width:1099px) {
.w1380,.main1{width: 97%;}
.index-banner{display: none;}


}
@media (max-width:1060px) {
.word{width:96%; padding:50px 2%;}
.footer-nav{gap: 10px;}
.footer-center{margin:0 10px;}
}
@media (max-width:1000px) {
.footer-top{flex-wrap: wrap;}
.footer-nav,.footer-center{width:100%; margin:0 0 10px 0;}
.footer-nav{gap: 0;    justify-content: space-between;
    flex-wrap: wrap;}
table{width:100% !important; display:table;}
.content-inner p img, .content-inner img,.word img{width:100% !important; height:auto !important;}

}

@media ( min-width:760px ) and ( max-width:999px ) {
.w1380,.main1{width: 97%;}
.w-header{display:block;}
.header{display: none;}
.index-banner{display: none;}
.wap-banner,.wap-search{display: block;overflow: hidden;}
.w-header { height:80px;}
.w-header .logo img {height: 80px;width: auto;}
.w-header .fr{ padding-top:20px;}
.ywbb{ width:100%; float:none;}
.tzggBox{ height:auto;}
.tzggBox ul li .txt{ width:88%;}

.zxdt .zxdtBox{ width:100%; float:left; margin-top:15px;}
.zxdt .zxdtBox ul { width:102%; display:block; margin-top:15px; margin-left:-2%;}
.zxdt .zxdtBox ul li{ width:48%; float:left; display:block; margin:0px 0 20px 2%;}
.zxdt .zxdtBox ul li a.img{ width:100%; height:9rem; display:block; float:left; overflow:hidden;}
.zxdt .zxdtBox ul li a.img img{ width:100%; height:9rem;}
.zxdt .zxdtBox ul li .txt{ width:94%; padding:10px 3%; float:left; height:50px; background:#fff;}
.zxdt .zxdtBox ul li .txt a{ width:100%; display:block; float:left; height:30px; line-height:30px; color:#333; font-weight:bold;}
.zxdt .zxdtBox ul li .txt span{ width:100%; display:block; height:20px; line-height:20px; color:#aeaeae; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.foot{ width:96%; padding:20px 2%; margin:0 auto;}
.foot .footL{ width:72%;color:#fff; float:left;font-size:14px; line-height:28px;}
.foot .footR{ width:26%; float:right; margin-top:10px;}
.foot .footR label{ width:100%; display:block; float:left; color:#fff; line-height:40px; font-size:16px;}
.foot .footR span{ width:100%; display:block; float:left; color:#fff; line-height:40px; font-size:24px;}
.foot .footR em{ display:block; float:left; width:50px; height:4px; background:#fff; margin-top:15px;}
.foot .footR img{ width:122px; height:122px; display:block; float:left; margin-top:20px;}

.page{width:97%; padding:0px 1.5%;margin:84px 0px 20px 0px; float:left;}
.page .pageL{ width:28%; float:left;}
.page .pageL .leftMenu2 ul li a{ width:80%; height:60px; background:#fff; display:block; float:left; padding:0px 10%; position:relative; color:#333; font-weight:500; font-size:18px;}

.page .pageR{ width:65%; float:right; background:#fff; padding:10px 2%;}
.newsList{width: 100%; margin-top:20px;} 
.newsList ul li{width: 100%;height:50px;line-height:50px;font-size: 16px;}
.newsList ul li span{float: left;text-align:left}
.newsDot{width: 4px;height: 4px;background: #898989;border-radius: 50px;margin: 16px 8px 0 0;display:inline-block;}
.newsDetail{width:70%;height: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-right:0px;}
.newsList ul li .newsTime{color: #999999; width:13%; float:right; font-size:12px; text-align:right;}

.newsList2 ul li a.img{ width:100%; height:9rem; display:block; float:left; overflow:hidden;}
.newsList2 ul li a.img img{ width:100%; height:9rem;}

.imglist ul li{ width:96%; float:left; margin:20px 2% 10px 2%; position:relative; height:260px;}

.content-inner p img, .content-inner img{width:100% !important; height:auto !important;}

}

@media (max-width:750px) {
.w1380,.main1{width: 97%;}
.w-header{display:block;}
.menu-button{ margin-top:20px;}
.header,.part4{display: none;}
.index-banner{display: none;}
.wap-banner,.wap-search{display: block;}
.ywbb{ width:100%; float:none;}
.tzgg{ float:none; width:96%; margin:15px auto;}
.tzggBox{ height:auto;}
.tzggBox ul li .txt{ width:88%;}

.zxdt .zxdtBox{ width:100%; float:left; margin-top:15px;}
.zxdt .zxdtBox ul { width:102%; display:block; margin-top:15px; margin-left:-2%;}
.zxdt .zxdtBox ul li{ width:48%; float:left; display:block; margin:0px 0 20px 2%;}
.zxdt .zxdtBox ul li a.img{ width:100%; height:9rem; display:block; float:left; overflow:hidden;}
.zxdt .zxdtBox ul li a.img img{ width:100%; height:9rem;}
.zxdt .zxdtBox ul li .txt{ width:94%; padding:10px 3%; float:left; height:50px; background:#fff;}
.zxdt .zxdtBox ul li .txt a{ width:100%; display:block; float:left; height:30px; line-height:30px; color:#333; font-weight:bold;}
.zxdt .zxdtBox ul li .txt span{ width:100%; display:block; height:20px; line-height:20px; color:#aeaeae; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.foot{ width:96%; padding:20px 2%; margin:0 auto;}
.foot .footL{ width:72%;color:#fff; float:left;font-size:14px; line-height:28px;}
.foot .footR{ width:26%; float:right; margin-top:10px;}
.foot .footR label{ width:100%; display:block; float:left; color:#fff; line-height:40px; font-size:16px;}
.foot .footR span{ width:100%; display:block; float:left; color:#fff; line-height:40px; font-size:24px;}
.foot .footR em{ display:block; float:left; width:50px; height:4px; background:#fff; margin-top:15px;}
.foot .footR img{ width:122px; height:122px; display:block; float:left; margin-top:20px;}

.page .pageL{ width:96%; float:left; padding:0px 2% 20px 2%;}
.page .pageL .leftMenu2 h2{ height:60px; line-height:60px;}
.page .pageL .leftMenu2 ul{ width:102%; margin-left:-2%;}
.page .pageL .leftMenu2 ul li{ width:48%; float:left; margin-left:2%;}
.page .pageL .leftMenu2 ul li a{ width:80%; height:60px; background:#fff; display:block; float:left; padding:0px 10%; position:relative; color:#333; font-weight:500; font-size:18px;}
.page .pageL .leftMenu2 ul li a span{ left:8px;}

.page .pageL .leftMenu2 ul li a:hover ,.page .pageL .leftMenu ul li a.hover{ background:#0168b7; color:#fff;}
.page .pageL .leftMenu2 ul li a:hover i,.page .pageL .leftMenu ul li a.hover i{background:url(../images/arrowH.jpg) left center no-repeat;}
.page .pageL .leftMenu2 ul li a:hover span,.page .pageL .leftMenu ul li a.hover span{background:url(../images/leftH.jpg) left center no-repeat;}


.page .pageR{ width:96%; float:left; background:#fff; padding:10px 2%;}
.pageRT{ display:none;}
.content-inner .tit{ padding:10px 10px;}
.page .pageR{ width:96%; float:left; background:#fff; padding:10px 2%;}
.pageRT{ display:none;}
.content-inner .tit{ padding:10px 10px;}
.newsList{width: 100%; margin-top:20px;} 
.newsList ul li{width: 100%;height:50px;line-height:50px;font-size: 16px;}
.newsList ul li span{float: left;text-align:left}
.newsDot{width: 4px;height: 4px;background: #898989;border-radius: 50px;margin: 16px 8px 0 0;display:inline-block;}
.newsDetail{width:73%;height: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-right:0px;}
.newsList ul li .newsTime{color: #999999; width:18%; float:right; font-size:12px; text-align:right;}

.newsList2 ul li a.img{ width:100%; height:6rem; display:block; float:left; overflow:hidden;}
.newsList2 ul li a.img img{ width:100%; height:6rem;}

.imglist ul li{ width:96%; float:left; margin:20px 2% 10px 2%; position:relative; height:260px;}


}
@media (max-width:720px) {
.w1380,.main1{width: 97%;}
.w-header{display:block;}
.header{display: none;}
.ywbb{ width:100%; float:none;}
.tzgg{ width:96%; float:none; margin-top:20px; padding:10px 2%;}
.tzggBox{ height:auto;}
.tzggBox ul li .txt{ width:88%;}

.page .pageL{ width:96%; float:left; padding:0px 2% 20px 2%;}
.page .pageL .leftMenu2 h2{ height:60px; line-height:60px;}
.page .pageL .leftMenu2 ul{ width:102%; margin-left:-2%;}
.page .pageL .leftMenu2 ul li{ width:48%; float:left; margin-left:2%;}
.page .pageL .leftMenu2 ul li a{ width:80%; height:60px; background:#fff; display:block; float:left; padding:0px 10%; position:relative; color:#333; font-weight:500; font-size:18px;}
.page .pageL .leftMenu2 ul li a span{ left:8px;}

.page .pageL .leftMenu2 ul li a:hover ,.page .pageL .leftMenu ul li a.hover{ background:#0168b7; color:#fff;}
.page .pageL .leftMenu2 ul li a:hover i,.page .pageL .leftMenu ul li a.hover i{background:url(../images/arrowH.jpg) left center no-repeat;}
.page .pageL .leftMenu2 ul li a:hover span,.page .pageL .leftMenu ul li a.hover span{background:url(../images/leftH.jpg) left center no-repeat;}


.page .pageR{ width:96%; float:left; background:#fff; padding:10px 2%;}
.pageRT{ display:none;}
.content-inner .tit{ padding:10px 10px;}
.page .pageR{ width:96%; float:left; background:#fff; padding:10px 2%;}
.pageRT{ display:none;}
.content-inner .tit{ padding:10px 10px;}
.newsList{width: 100%; margin-top:20px;} 
.newsList ul li{width: 100%;height:50px;line-height:50px;font-size: 16px;}
.newsList ul li span{float: left;text-align:left}
.newsDot{width: 4px;height: 4px;background: #898989;border-radius: 50px;margin: 16px 8px 0 0;display:inline-block;}
.newsDetail{width:73%;height: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-right:0px;}
.newsList ul li .newsTime{color: #999999; width:16%; float:right; font-size:12px; text-align:right;}

.newsList2 ul li a.img{ width:100%; height:6rem; display:block; float:left; overflow:hidden;}
.newsList2 ul li a.img img{ width:100%; height:6rem;}

.newsList3 ul li .img{ width:100%; height:10rem; display:block; float:left; overflow:hidden;}
.newsList3 ul li .img img{ width:100%; height:10rem;}
.newsList3 ul li .txt{ width:100%; float:left;}

.imglist ul li{ width:96%; float:left; margin:20px 2% 10px 2%; position:relative; height:240px;}
.imglist ul li a.img{ width:43%; height:14rem;float:left; margin-left:3%; position:relative; z-index:2;}
.imglist ul li a.img img{ width:100%; height:13rem;}
.imglist ul li .txt{ width:46%; float:right; margin-right:3%; margin-top:40px; position:relative; z-index:2;}

}

@media (max-width:420px) {
.menu-button{margin-top: 7px;}
.part1 .left p{font-size: 14px;line-height: 24px;}
.w-header .fr{ padding-top:12px;}
.ywbb{ width:100%; float:none;}
.tzgg{ width:96%; float:none; margin-top:20px; padding:10px 2%;}
.tzggBox ul li .txt{ width:88%;}
.ywbbBox{ height:280px; position:relative;}
.ywbbBox .mySwiper01{ height:280px;}
.ywbbBox .mySwiper01 .swiper-pagination{ bottom:10px;}
.ywbbBox .mySwiper01 .swiper-pagination-bullet{ width:8px; height:8px;}
.ywbbBox .mySwiper01 .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:14px;}
.ywbbBox .mySwiper01 .swiper-wrapper .swiper-slide,
.ywbbBox .mySwiper01 .swiper-wrapper .swiper-slide img{ height:280px;}
.ywbbBox .mySwiper01 .swiper-wrapper .swiper-slide .qhTxt a{ height:35px; line-height:35px; top:35px; }
.ywbbBox .mySwiper01 .swiper-wrapper .swiper-slide .qhTxt a h2{ height:35px; line-height:35px; margin-top:0px;font-size:14px;}
.ywbbBox .mySwiper01 .swiper-wrapper .swiper-slide .qhTxt a span{ display:none;}
.ywbbBox .mySwiper01 .swiper-wrapper .swiper-slide .qhTxt i{ height:35px;}
.tzggBox{ height:auto;}
.tzggBox ul li .date{ width:70px;}
.tzggBox ul li .txt{ width:78%;}
.main1{ margin:0px auto; width:97%;}
.kyfx_li{min-width:100px; padding:10px; width:calc(100% - 20px)}
.zxdt .zxdtBox{ width:100%; float:left; margin-top:15px;}
.zxdt .zxdtBox .main-news,.zxdt .zxdtBox .main-news .main-img{width:100%; margin-right:0;}
.zxdt .zxdtBox .main-news .main-txt{width:96%; padding:15px 2%;}
.zxdt .zxdtBox ul { width:102%; display:block; margin-top:15px; margin-left:-2%;}
.zxdt .zxdtBox .news-list ul li,.zxdt .zxdtBox .news-list ul li a,.zxdt .zxdtBox .news-list ul,.zxdt .zxdtBox .news-list{width:100%;}
.zxdt .zxdtBox ul li{ width:48%; float:left; display:block; margin:0px 0 20px 2%;}
.zxdt .zxdtBox ul li a.img{ width:100%; height:9rem; display:block; float:left; overflow:hidden;}
.zxdt .zxdtBox ul li a.img img{ width:100%; height:9rem;}
.zxdt .zxdtBox ul li .txt{ width:94%; padding:5px 3%; float:left; height:50px; background:#fff;}
.zxdt .zxdtBox ul li .txt a,.zxdt .zxdtBox .main-news .main-txt a{ width:100%; display:block; float:left; height:30px; line-height:30px; color:#333; font-weight:bold;}
.zxdt .zxdtBox ul li .txt span,.zxdt .zxdtBox .main-news .main-txt span{ width:100%; display:block; height:20px; line-height:20px; color:#aeaeae; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.footBg{ width:; background:#0066cb url(../images/footBg.jpg) bottom center no-repeat;height:auto;margin-top:30px;}

.foot{ width:96%; padding:20px 2%; margin:0 auto;}
.foot .footL{ width:100%;color:#fff; float:left;font-size:14px; line-height:22px; height:10rem; overflow:hidden;}
.foot .footR{ width:100%; float:right; margin-top:10px;}
.foot .footR label{ width:100%; display:block; float:left; color:#fff; line-height:30px; font-size:16px;}
.foot .footR span{ width:100%; display:block; float:left; color:#fff; line-height:30px; font-size:24px;}
.foot .footR em{ display:block; float:left; width:50px; height:4px; background:#fff; margin-top:5px;}
.foot .footR img{ width:122px; height:122px; display:block; float:left; margin-top:20px;}

.page .pageL{ width:96%; float:left; padding:0px 2% 20px 2%;}
.page .pageL .leftMenu2 h2{ height:60px; line-height:60px;}
.page .pageL .leftMenu2 ul{ width:102%; margin-left:-2%;}
.page .pageL .leftMenu2 ul li{ width:48%; float:left; margin-left:2%;}
.page .pageL .leftMenu2 ul li a{ width:80%; height:60px; background:#fff; display:block; float:left; padding:0px 10%; position:relative; color:#333; font-weight:500; font-size:18px;}
.page .pageL .leftMenu2 ul li a span{ left:8px;}

.page .pageL .leftMenu2 ul li a:hover ,.page .pageL .leftMenu ul li a.hover{ background:#0168b7; color:#fff;}
.page .pageL .leftMenu2 ul li a:hover i,.page .pageL .leftMenu ul li a.hover i{background:url(../images/arrowH.jpg) left center no-repeat;}
.page .pageL .leftMenu2 ul li a:hover span,.page .pageL .leftMenu ul li a.hover span{background:url(../images/leftH.jpg) left center no-repeat;}


.page .pageR{ width:96%; float:left; background:#fff; padding:10px 2%;}
.pageRT{ display:none;}
.content-inner .tit{ padding:10px 10px;}
.newsList{width: 100%; margin-top:20px;} 
.newsList ul li{width: 100%;height:50px;line-height:50px;font-size: 16px;}
.newsList ul li span{float: left;text-align:left}
.newsDot{width: 4px;height: 4px;background: #898989;border-radius: 50px;margin: 16px 8px 0 0;display:inline-block;}
.newsDetail{width:73%;height: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-right:0px;}
.newsList ul li .newsTime{color: #999999; width:18%; float:right; font-size:12px; text-align:right;}

.newsList2 ul li a.img{ width:100%; height:6rem; display:block; float:left; overflow:hidden;}
.newsList2 ul li a.img img{ width:100%; height:6rem;}

.newsList3 ul li .img{ width:100%; height:10rem; display:block; float:left; overflow:hidden;}
.newsList3 ul li .img img{ width:100%; height:10rem;}
.newsList3 ul li .txt{ width:100%; float:left;}

.imglist ul li{ width:96%; float:left; margin:20px 2% 10px 2%; position:relative; height:240px;}
.imglist ul li a.img{ width:43%; height:14rem;float:left; margin-left:3%; position:relative; z-index:2;}
.imglist ul li a.img img{ width:100%; height:13rem;}
.imglist ul li .txt{ width:46%; float:right; margin-right:3%; margin-top:40px; position:relative; z-index:2;}
.arttool .ff a{padding:0;}
}

@media (max-width: 768px) {
            .leader-card {
                flex-direction: column;
                text-align: center;
            }

            .leader-image {
                margin-right: 0;
                margin-bottom: 20px;
                align-self: center;
            }

            .leader-image img {
                width: 120px;
                height: 150px;
            }

            .leader-name {
                font-size: 20px;
            }

            .leader-description {
                font-size: 13px;
            }

            .section-title {
                font-size: 20px;
            }
        }

        @media (max-width: 480px) {
            .leader-card {
                padding: 15px;
            }

            .leader-image img {
                width: 100px;
                height: 120px;
            }

            .leader-name {
                font-size: 18px;
            }

            .leader-description {
                font-size: 12px;
            }
        }