@charset "utf-8";

.Jczw-body{ background-color: #f0f4fd; overflow-x: hidden;}
.Jczw-head{ background: url(../images/bg_jczwgk_head.png) no-repeat center bottom; background-size: cover; position: relative; overflow: hidden;}
.Jczw-head .logo{ height: 1.23rem; margin:0.66rem auto 2.68rem auto; text-align: center;}
.Jczw-con{ margin-top: -0.86rem; margin-bottom: 0.3rem; position: relative; z-index: 1;}
.Jczw-con .btn-nav{}
.Jczw-con .btn-nav ul{ margin-right: -0.3rem;}
.Jczw-con .btn-nav ul li{ width: calc(99.9999999% / 3); float: left;}
.Jczw-con .btn-nav ul li a{ height: 1.13rem; margin-top: 0.3rem; margin-right: 0.3rem; font-size: 0.24rem; color: #415bdf; border-radius: 0.03rem; display: block; background: linear-gradient(135deg, #f3f8ff, #dcedfa); box-shadow: 0 0 0.06rem rgb(74 91 211 / 35%); position: relative;}
.Jczw-con .btn-nav ul li a span{ width:100%; padding: 0 0.2rem; line-height: 0.36rem; font-weight: bold; text-align: center; display: block; position: absolute; top: 50%; left: 0; transform: translate(0,-50%);}
.Jczw-con .btn-nav ul li a:hover,.Jczw-con .btn-nav ul li a.active{ color: #fff; background: linear-gradient(135deg, #5eaaf3, #2c61e8);}

.Jczw-con .con{ padding: 0.4rem; box-shadow: 0 0 0.06rem rgb(25 82 224 / 35%); background-color: #fff;}
.Jczw-con .con .jcyd-nav{ display: none;}

.Jczw-con .con-fl{ width:3.48rem; margin-top: -0.1rem;}
.Jczw-con .con-fl ul li{ margin-top: 0.1rem; background-color: #f7f7f7; background-image: url(../images/bg_list_zlm01.png); background-repeat: no-repeat; background-position: 96% center;}
.Jczw-con .con-fl ul li a{ height: 0.9rem; display: block; position: relative;}
.Jczw-con .con-fl ul li a span{ padding: 0 0.4rem 0 0.25rem; font-size: 0.2rem; line-height: 0.3rem; overflow: hidden; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; position: absolute; top: 50%; left: 0; transform: translate(0,-50%);}
.Jczw-con .con-fl ul li:hover,.Jczw-con .con-fl ul li.active{ background-color: #e7ebfb; background-image: url(../images/bg_list_zlm_active01.png);}
.Jczw-con .con-fl ul li:hover a,.Jczw-con .con-fl ul li.active a{ color: #415bdf;}

.Jczw-con .con-fr{ width: calc(100% - 3.48rem); max-height: 11.7rem; margin-top: -0.25rem; padding-left: 0.35rem; position: relative; overflow-x: hidden; overflow-y: auto;}
.Jczw-con .con-fr::-webkit-scrollbar { width: 0.04rem;}
.Jczw-con .con-fr::-webkit-scrollbar-thumb { border-radius: 0.06rem; background: #2789ee;}
.Jczw-con .con-fr::-webkit-scrollbar-track { border-radius: 0.06rem; background: #eaeff3;}
.Jczw-con .con-fr .title{ height: 0.3rem; margin-top: 0.25rem; font-size: 0.24rem; line-height: 0.3rem;}
.Jczw-con .con-fr .title i{ width:0.06rem; height: 0.3rem; margin-right: 0.1rem; background-color: #415bdf; display: inline-block; vertical-align: top;}
.Jczw-con .con-fr .zlm{ margin-top: 0.1rem;}
.Jczw-con .con-fr .zlm ul{ margin-right: -0.15rem;}
.Jczw-con .con-fr .zlm ul li{ width: calc(99.9999999% / 3); float: left;}
.Jczw-con .con-fr .zlm ul li a{ height: 0.66rem; margin: 0.15rem 0.15rem 0 0; border-radius: 0.01rem; background-color: #f4f6fc; display: block; position: relative;}
.Jczw-con .con-fr .zlm ul li a span{ width:100%; padding: 0 0.15rem; line-height: 0.26rem; text-align: center; overflow: hidden; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; position: absolute; top: 50%; left: 0; transform: translate(0,-50%);}
.Jczw-con .con-fr .zlm ul li a:hover,.Jczw-con .con-fr .zlm ul li a.active{ color: #415bdf; background-color: #e7ebfb;}
.Jczw-con .con-fr.dlm{ width:100%; padding-left: 0;}
.Jczw-con .con-fr.dlm .zlm ul li{ width: calc(100% / 4);}
.Jczw-con .con-fr .infos{ min-height: 5.2rem; margin-top: 0.1rem;}
.Jczw-con .con-fr .line{ width:100%; height: 0.01rem; margin: 0.2rem 0;  border-bottom: 0.01rem dashed #c9cacb; display: block;}

.Jczw-con .con .dqwz{ margin: 0 auto;}
.Jczw-con .con .ly-btn{}
.Jczw-con .con .ly-btn ul{ margin-right: -0.3rem;}
.Jczw-con .con .ly-btn ul li{ width: calc(100% / 4); float: left;}
.Jczw-con .con .ly-btn ul li a{ height: 0.8rem; margin-top: 0.3rem; margin-right: 0.3rem; color: #415bdf; border-radius: 0.03rem; display: block; background: linear-gradient(135deg, #f3f8ff, #dcedfa); position: relative;}
.Jczw-con .con .ly-btn ul li a span{ width:100%; padding: 0 0.2rem; line-height: 0.36rem; font-weight: bold; text-align: center; display: block; position: absolute; top: 50%; left: 0; transform: translate(0,-50%);}
.Jczw-con .con .ly-btn ul li a:hover,.Jczw-con .btn-nav ul li a.active{ color: #fff; background: linear-gradient(135deg, #5eaaf3, #2c61e8);}

