@media screen and (min-width: 1200px){
	.navigation{
        width: 819px;
        margin: 0 auto;
        font-size: 16px;
    }
    .content{
        width: 819px;
        margin: 0 auto;
        height: auto;
    }
    .content-h2{
        text-align: center;
        font-size: 20px;
        color: #159dba;
        margin-top: 20px;
    }
    .content-p{
        text-align: center;
        font-size: 12px;
        color: rgb(54, 54, 54);
        margin-top: 8px;
    }
    .content-div{
        margin-top: 20px;
        width: 100%;
        margin-left: 0;
        padding: 20px 0 20px 0;
        border-top: 1px solid #dfdfdf;
        border-bottom: 1px solid #dfdfdf;
        font-size: 14px;
        line-height: 26px;
    }
    .content-div img{
        max-width:819px;
    }
    .content-s{
        color: rgb(49, 49, 49);
        font-size: 14px;
        margin-top: 5px;
        display: block;
        height: 20px;
        line-height: 20px;
    }
    .content-s:hover{
        text-decoration: none;
        text-shadow: 0.01em 0.01em 0.05em rgb(199, 199, 199)
    }
    .s-p{
        margin-top: 30px;
    }
}

@media (min-width: 992px) and (max-width: 1200px){
	.top{
		height: 400px;
	}
	.growth{
		margin-top: 70px;
	}
	.released {
	    margin-top: 32px;
	}
	.expectations{
		top: -62px;
		margin-left: -485px;
	}
	.navbar-nav{
		width:870px;
	}
	.navbar-nav>li{
		margin-top: 10px;
	}
	.exceeded img{
		width: 40px;
		height: 36px;
	}
	.market{
		margin-top: 10px;
		font-size: 20px;
	}
	.navbar-default .navbar-nav>li>a{
		padding-left: 40px;
	    padding-right: 39px;
	}
	.navbar-default .navbar-nav>li>a.implement{
		width: 274px;
		padding-left: 41px;
	    padding-right: 41px;
	}
	.same{
		margin-top: 0;
	}
	.based{
		height: 60px;
		line-height: 60px;
		font-size: 18px;
		text-indent: 26px;
	}
	.swiper-pagination-bullet{
		width: 18px;
   		height: 18px;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets{
		bottom: 15px;
	}
	.swiper-container{
		margin-top: 100px;
	}
	.dividend,.every{
		font-size: 16px;
	}
	.company{
		font-size: 20px;
		background-size: 24px auto;
		padding-left: 36px;
	}
	.including{
		font-size: 16px;
	}
	.dispute, .confirmed, .unitintro{
		font-size: 26px;
	}
	.technology, .agreed{
		font-size: 20px;
		width: 113px;
	}
	.signed{
		width: 82px;
	}
	.arrested{
		width: 75px;
	}
	.wildlife{
		font-size: 48px;
	}
	.debts{
		font-size: 19px;
	}
	.showed{
		font-size: 30px;
	}
	.newstext{
	text-overflow: ellipsis;
	display:block;
	width: 280px;
	overflow:hidden;
	white-space:nowrap;
	}
	.newstextshort{
		text-overflow: ellipsis;
		display:block;
		width: 200px;
		overflow:hidden;
		white-space:nowrap;
	}

	/******   Article Detail *******/
	.navigation{
        width: 819px;
        margin: 0 auto;
        font-size: 16px;
    }
    .content{
        width: 819px;
        margin: 0 auto;
        height: auto;
    }
    .content-h2{
        text-align: center;
        font-size: 20px;
        color: #159dba;
        margin-top: 20px;
    }
    .content-p{
        text-align: center;
        font-size: 12px;
        color: rgb(54, 54, 54);
        margin-top: 8px;
    }
    .content-div{
        margin-top: 20px;
        padding: 20px 0 20px 0;
        border-top: 1px solid #dfdfdf;
        border-bottom: 1px solid #dfdfdf;
        font-size: 14px;
        line-height: 26px;
        width: 100%;
        margin-left: 0;
    }
    .content-div img{
        max-width:819px;
    }
    .content-s{
        color: rgb(49, 49, 49);
        font-size: 14px;
        margin-top: 5px;
        display: block;
        height: 20px;
        line-height: 20px;
    }
    .content-s:hover{
        text-decoration: none;
        text-shadow: 0.01em 0.01em 0.05em rgb(199, 199, 199)
    }
    .s-p{
        margin-top: 30px;
    }
}




@media (min-width: 768px) and (max-width: 992px){
    #nav-box{
        width:inherit;
    }
	.growth {
	    margin-top: 55px;
	}
	.released {
	    margin-top: 16px;
	}
	.top{
		height: 300px;
	}
	.expectations{
		top: -48px;
		margin-left: -375px;
	}
	.navbar-nav{
		width: 650px;
	}
	.market{
		margin-top: 5px;
		font-size: 16px;
	}
	.exceeded img{
		width: 30px;
		height: 26px;
	}
	.navbar-default .navbar-nav>li>a{
		padding-left: 27px;
	    padding-right: 27px;
	}
	.navbar-default .navbar-nav>li>a.implement{
		width: 210px;
		padding-left: 28px;
	    padding-right: 28px;
	}
	.same{
		margin-top: 0;
	}
	.based{
		height: 40px;
		line-height: 42px;
	    text-indent: 24px;
		font-size: 16px;
	}
	.swiper-pagination-bullet{
		width: 16px;
   		height: 16px;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets{
		bottom: 7px;
	}
	.swiper-container {
	    margin-top: 90px;
	}
	.joint,.several{
		font-size: 26px;
	}
	.arrested{
		width: 60px;
	}
	.attention img,.government img{
		width: 30px;
	}
	.appdownload img{
		width: 26px;
	}
	.share img{
		width: 26px;
	}
	.backtothetop img{
		width: 28px;
	}
	.endangered{
		font-size: 14px;
		height: 34px;
		line-height: 34px;
	}
	.suspicion{
		font-size: 12px;
	}
	.illegal ul li{
		margin-top: 18px;
	}
	.arrested{
		margin-top: -189px;
	}

	.wildlife{
		font-size: 36px;
	}
	.debts{
		font-size: 14px;
	}
	.showed{
		font-size: 24px;
	}
	.newstext{
	text-overflow: ellipsis;
	display:block;
	width: 600px;
	overflow:hidden;
	white-space:nowrap;
	}
	.newstextshort{
		text-overflow: ellipsis;
		display:block;
		width: 600px;
		overflow:hidden;
		white-space:nowrap;
	}
	.newstextlong{
	text-overflow: ellipsis;
	display:block;
	width: 600px;
	overflow:hidden;
	white-space:nowrap;
	}

	/******* Article Detail **********/

	.navigation{
        width: 600px;
        margin: 0 auto;
        font-size: 16px;
    }
    .content{
        width: 600px;
        margin: 0 auto;
        height: auto;
    }
    .content-h2{
        text-align: center;
        font-size: 20px;
        color: #159dba;
        margin-top: 20px;
    }
    .content-p{
        text-align: center;
        font-size: 12px;
        color: rgb(54, 54, 54);
        margin-top: 8px;
    }
    .content-div{
        margin-top: 20px;
        padding: 20px 0 20px 0;
        border-top: 1px solid #dfdfdf;
        border-bottom: 1px solid #dfdfdf;
        font-size: 14px;
        line-height: 26px;
        width: 100%;
        margin-left: 0;
    }
    .content-div img{
        max-width:600px;
    }
    .content-s{
        color: rgb(49, 49, 49);
        font-size: 14px;
        margin-top: 5px;
        display: block;
        height: 20px;
        line-height: 20px;
    }
    .content-s:hover{
        text-decoration: none;
        text-shadow: 0.01em 0.01em 0.05em rgb(199, 199, 199)
    }
    .s-p{
        margin-top: 30px;
    }
}





@media (min-width: 414px) and (max-width: 768px){
    .flink-col{
        margin-top:16px;
    }
	.top{
		height: auto;
		padding-bottom: 20px;
	}
	.annual img{
		max-width: 132px;
	}
	.report img{
		width: 60%;
		max-width: 192px;
	}
	.growth {
	    margin-top: 20px;
	}
	.released {
	    margin-top: 20px;
	}
	.navigation{
		height: 50px;
	    position: absolute;
	    width: 100%;
	    top: 0;
	}
	.expectations{
		top: 0;
		left: 0;
		right: 0;
		margin-left: 0;
		background: url();
	}
	.navbar-default .navbar-collapse{
		position: relative;
		z-index: 11;
		background: #fff;
	}
	.navbar-nav{
		width: 100%;
	}
	.navbar-default .navbar-nav>li>a.implement{
		width: auto;
		padding-left: 0;
		padding-right: 0;
	}
	.same{
		margin-top: 0;
	}
	.exceeded img{
		width: 25px;
		height: 20px;
	}
	.market{
		font-size: 16px;
		margin-top: 10px;
	}
	.navbar-nav>li{
		margin-top: 10px;
	}
	.based{
		height: 30px;
		line-height: 30px;
		font-size: 12px;
		text-indent: 10px;
	}
	.billion{
		overflow:hidden;
	    text-overflow:ellipsis;
	    white-space:nowrap;
	    width: 70%;
	}
	.swiper-pagination-bullet{
		width: 10px;
   		height: 10px;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets{
		bottom: 5px;
		left: inherit;
		right: 10px;
	}
	.swiper-container {
	    margin-top: 10px;
	}
	.force{
		font-size: 14px;
	    line-height: 24px;
	}
	.dividend{
		font-size: 14px;
	}
	.every{
		font-size: 14px;
	}


	.arrested{
		width: 48px;
	}
	.attention img,.government img{
		width: 24px;
	}
	.appdownload img{
		width: 20px;
	}
	.share img{
		width: 20px;
	}
	.backtothetop img{
		width: 22px;
	}
	.endangered{
		font-size: 12px;
		height: 28px;
		line-height: 28px;
	}
	.suspicion{
		font-size: 12px;
	}
	.illegal ul li{
		margin-top: 18px;
	}
	.arrested{
		margin-top: -189px;
	}
	.wildlife{
		font-size: 18px;
		text-align: center;
	}
	.debts{
		font-size: 12px;
		text-align: center;
	}
	.showed{
		font-size: 16px;
	}
	.showed span{
		padding-left: 10px;
		padding-right: 10px;
	}
	.newstext{
	text-overflow: ellipsis;
	display:block;
	width: 290px;
	overflow:hidden;
	white-space:nowrap;
	}
	.newstextshort{
		text-overflow: ellipsis;
		display:block;
		width: 290px;
		overflow:hidden;
		white-space:nowrap;
	}
	.newstextlong{
	text-overflow: ellipsis;
	display:block;
	width: 370px;
	overflow:hidden;
	white-space:nowrap;
	}
    .arrested{
        display: none;
    }
}

@media (min-width: 320px) and (max-width: 414px){
    .content-h2 {
        margin: 3rem;
    }
    .flink-col{
        margin-top:16px;
    }
    .top{
        height: auto;
        padding-bottom: 20px;
    }
    .annual img{
        max-width: 100px;
    }
    .report img{
        width: 60%;
        max-width: 192px;
    }
    .growth {
        margin-top: 20px;
    }
    .released {
        margin-top: 5px;
    }
    .navigation{
        height: 50px;
        position: absolute;
        width: 100%;
        top: 0;
    }
    .expectations{
        top: 0;
        left: 0;
        right: 0;
        margin-left: 0;
        background: url();
    }
    .navbar-default .navbar-collapse{
        position: relative;
        z-index: 11;
        background: #fff;
    }
    .navbar-nav{
        width: 100%;
    }
    .navbar-default .navbar-nav>li>a.implement{
        width: auto;
        padding-left: 0;
        padding-right: 0;
    }
    .same{
        margin-top: 0;
    }
    .exceeded img{
        width: 25px;
        height: 20px;
    }
    .market{
        font-size: 16px;
        margin-top: 10px;
    }
    .navbar-nav>li{
        margin-top: 10px;
    }
    .based{
        height: 30px;
        line-height: 30px;
        font-size: 12px;
        text-indent: 10px;
    }
    .billion{
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        width: 70%;
    }
    .swiper-pagination-bullet{
        width: 10px;
        height: 10px;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets{
        bottom: 5px;
        left: inherit;
        right: 10px;
    }
    .swiper-container {
        margin-top: 10px;
    }
    .force{
        font-size: 14px;
        line-height: 24px;
    }
    .dividend{
        font-size: 14px;
    }
    .every{
        font-size: 14px;
    }


    .arrested{
        width: 48px;
    }
    .attention img,.government img{
        width: 24px;
    }
    .appdownload img{
        width: 20px;
    }
    .share img{
        width: 20px;
    }
    .backtothetop img{
        width: 22px;
    }
    .endangered{
        font-size: 12px;
        height: 28px;
        line-height: 28px;
    }
    .suspicion{
        font-size: 12px;
    }
    .illegal ul li{
        margin-top: 18px;
    }
    .arrested{
        margin-top: -189px;
    }
    .wildlife{
        font-size: 18px;
        text-align: center;
        line-height: 44px;
    }
    .debts{
        font-size: 12px;
        text-align: center;
    }
    .showed{
        font-size: 16px;
    }
    .showed span{
        padding-left: 10px;
        padding-right: 10px;
    }
    .newstext{
    text-overflow: ellipsis;
    display:block;
    width: 240px;
    overflow:hidden;
    white-space:nowrap;
    }
    .newstextshort{
        text-overflow: ellipsis;
        display:block;
        width: 240px;
        overflow:hidden;
        white-space:nowrap;
    }
    .newstextlong{
    text-overflow: ellipsis;
    display:block;
    width: 270px;
    overflow:hidden;
    white-space:nowrap;
    }
    .arrested{
        display: none;
    }
}

@media (max-width: 320px){
    .top{
        height: auto;
        padding-bottom: 20px;
    }
    .flink-col{
        margin-top:16px;
    }
    .annual img{
        max-width: 100px;
    }
    .report img{
        width: 60%;
        max-width: 192px;
    }
    .growth {
        margin-top: 20px;
    }
    .released {
        margin-top: 5px;
    }
    .navigation{
        height: 50px;
        position: absolute;
        width: 100%;
        top: 0;
    }
    .expectations{
        top: 0;
        left: 0;
        right: 0;
        margin-left: 0;
        background: url();
    }
    .navbar-default .navbar-collapse{
        position: relative;
        z-index: 11;
        background: #fff;
    }
    .navbar-nav{
        width: 100%;
    }
    .navbar-default .navbar-nav>li>a.implement{
        width: auto;
        padding-left: 0;
        padding-right: 0;
    }
    .same{
        margin-top: 0;
    }
    .exceeded img{
        width: 25px;
        height: 20px;
    }
    .market{
        font-size: 16px;
        margin-top: 10px;
    }
    .navbar-nav>li{
        margin-top: 10px;
    }
    .based{
        height: 30px;
        line-height: 30px;
        font-size: 12px;
        text-indent: 10px;
    }
    .billion{
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        width: 70%;
    }
    .swiper-pagination-bullet{
        width: 10px;
        height: 10px;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets{
        bottom: 5px;
        left: inherit;
        right: 10px;
    }
    .swiper-container {
        margin-top: 10px;
    }
    .force{
        font-size: 14px;
        line-height: 24px;
    }
    .dividend{
        font-size: 14px;
    }
    .every{
        font-size: 14px;
    }


    .arrested{
        width: 48px;
    }
    .attention img,.government img{
        width: 24px;
    }
    .appdownload img{
        width: 20px;
    }
    .share img{
        width: 20px;
    }
    .backtothetop img{
        width: 22px;
    }
    .endangered{
        font-size: 12px;
        height: 28px;
        line-height: 28px;
    }
    .suspicion{
        font-size: 12px;
    }
    .illegal ul li{
        margin-top: 18px;
    }
    .arrested{
        margin-top: -189px;
    }
    .wildlife{
        font-size: 18px;
        text-align: center;
        line-height: 44px;
    }
    .debts{
        font-size: 12px;
        text-align: center;
    }
    .showed{
        font-size: 16px;
    }
    .showed span{
        padding-left: 10px;
        padding-right: 10px;
    }
    .newstext{
    text-overflow: ellipsis;
    display:block;
    width: 200px;
    overflow:hidden;
    white-space:nowrap;
    }
    .newstextshort{
        text-overflow: ellipsis;
        display:block;
        width: 200px;
        overflow:hidden;
        white-space:nowrap;
    }
    .newstextlong{
    text-overflow: ellipsis;
    display:block;
    width: 230px;
    overflow:hidden;
    white-space:nowrap;
    }
    .arrested{
        display: none;
    }
}

/* ---- 2026 优化：中窄屏导航防文字换行（容器变窄后 li 内边距过大，"机构设置"等会竖排折行） ---- */
@media (min-width: 992px) and (max-width: 1199px) {
	.navbar-default .navbar-nav>li>a {
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.navbar-nav {
		width: 100%;
	}
	.navbar-default .navbar-nav>li>a {
		padding-left: 8px;
		padding-right: 8px;
	}
	.market {
		font-size: 17px;
	}
}