@charset "utf-8";
@media screen and (max-width: 880px) {
}
@media screen and (max-width: 850px) {
	html { font-size: 80px;}
	html,body { font-size: 0.2rem;}
	
	.Jczw-con .btn-nav ul{ margin-right: -0.35rem;}
	.Jczw-con .btn-nav ul li{ width: calc(100% / 2);}
	.Jczw-con .btn-nav ul li a{ height: calc(100vw * 113/ 850); margin-right: 0.35rem;}
	
	.Jczw-con .con{ position: relative;}
	.Jczw-con .con .jcyd-nav{ width:100%; height: calc(100vw * 80/ 850); padding: 0 0.5rem 0 0.2rem; font-size: 0.22rem; color: #fff; font-weight: bold; line-height: calc(100vw * 80/ 850); border-top-left-radius: 0.05rem; border-top-right-radius: 0.05rem; background: linear-gradient(135deg, #5eaaf3, #2c61e8); position: relative; /* top: 0; left: 0; right: 0; */ display: block;}
	.Jczw-con .con .jcyd-nav span{ width: calc(100vw * 32/ 850); height: calc(100vw * 32/ 850); background-image: url(../images/bg_jczwgk_sq.png); background-position: center center; background-size: 100%; display: block; position: absolute; top: 50%; right: 0.2rem; transform: translate(0,-50%);}
	.Jczw-con .con .jcyd-nav span.active{ background-image: url(../images/bg_jczwgk_zk.png);}
	
	.Jczw-con .con-fl{ width:100%; margin-top: 0; padding: 0.25rem 0.25rem 0 0.25rem; float: none; border-bottom-left-radius: 0.05rem; border-bottom-right-radius: 0.05rem; background: linear-gradient(135deg, #f3f8ff, #dcedfa); /* box-shadow: 0 0.06rem 0.06rem rgb(74 91 211 / 35%); */ /* display: none; position: absolute; top: calc(100vw * 76/ 850); left: 0; right: 0; z-index: 1; */ overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;}
	.Jczw-con .con-fl::-webkit-scrollbar { width: 0.06rem; -webkit-border-radius: 0.06rem; -moz-border-radius: 0.06rem;}
	.Jczw-con .con-fl::-webkit-scrollbar-thumb { border-radius: 0.06rem; -webkit-border-radius: 0.06rem; -moz-border-radius: 0.06rem; background: #2789ee;}
	.Jczw-con .con-fl::-webkit-scrollbar-track { border-radius: 0.06rem; -webkit-border-radius: 0.06rem; -moz-border-radius: 0.06rem; background: #dcedfa;}
	.Jczw-con .con-fl ul{ max-height: calc(100vw * 488/ 850); margin-top: -0.2rem; margin-bottom: 0.25rem;}
	.Jczw-con .con-fl ul li{ margin-top: 0.25rem; border-radius: 0.05rem; background: #fff;}
	.Jczw-con .con-fl ul li a{ height: calc(100vw * 80/ 850); font-size: 0.22rem;}
	.Jczw-con .con-fl ul li a span{ padding: 0 0.2rem;}
	.Jczw-con .con-fl ul li:hover,.Jczw-con .con-fl ul li.active{ background: linear-gradient(135deg, #5eaaf3, #2c61e8);}
	.Jczw-con .con-fl ul li:hover a,.Jczw-con .con-fl ul li.active a{ color: #fff;}
	
	.Jczw-con .con-fr{ width:100%; max-height: none; margin-top: 0; padding-left: 0; float: none; overflow: hidden;}
	.Jczw-con .con-fr .title{ margin-top: 0.35rem; font-weight: bold;}
	.Jczw-con .con-fr.dlm .zlm ul li{ width: calc(100% / 2);}
	.Jczw-con .con-fr .infos{ min-height: auto; margin-top: 0.2rem;}
	
	.Jczw-con .con .ly-btn ul{ margin-right: -0.25rem;}
	.Jczw-con .con .ly-btn ul li{ width: calc(99.9999999% / 3);}
	.Jczw-con .con .ly-btn ul li a{ height: calc(100vw * 80/ 850); margin-top: 0.25rem; margin-right: 0.25rem;}
}
@media screen and (max-width: 700px) {
	html { font-size: 75px;}
	html,body { font-size: 0.29rem;}
	
	.Jczw-con .btn-nav ul li a{ height: calc(100vw * 113/ 700); font-size: 0.3rem;}
	
	.Jczw-con .con .jcyd-nav{ height: calc(100vw * 90/ 700); font-size: 0.3rem; line-height: calc(100vw * 90/ 700);}
	.Jczw-con .con .jcyd-nav span{ width: calc(100vw * 32/ 700); height: calc(100vw * 32/ 700);}
	
	.Jczw-con .con-fl{ top: calc(100vw * 80/ 700);}
	.Jczw-con .con-fl::-webkit-scrollbar { width: 0.08rem;}
	.Jczw-con .con-fl ul{ max-height: calc(100vw * 426/ 700);}
	.Jczw-con .con-fl ul li a{ height: calc(100vw * 90/ 700);}
	.Jczw-con .con-fl ul li a span{ font-size: 0.3rem; line-height: 0.4rem;}
	
	.Jczw-con .con-fr .title{ height: 0.4rem; font-size: 0.29rem; line-height: 0.4rem;}
	.Jczw-con .con-fr .title i{ width:0.1rem; height: 0.4rem;}
	.Jczw-con .con-fr .zlm ul li{ width: calc(100% / 2);}
	.Jczw-con .con-fr .zlm ul li a{ height: 1rem;}
	.Jczw-con .con-fr .zlm ul li a span{ line-height: 0.4rem;}
	.Jczw-con .con-fr .infos .info li{ margin-top: 0.25rem;}
	.Jczw-con .con-fr .infos .info li a{ height: 0.9rem; line-height: 0.45rem; overflow: hidden; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
	
	.Jczw-con .con .ly-btn ul li{ width: calc(100% / 2);}
	.Jczw-con .con .ly-btn ul li a{ height: calc(100vw * 80/ 700);}
}
@media screen and (max-width: 500px) {
}
@media screen and (max-width: 350px) {
	
}