body{
    background-color: #edf5fb;
}
.Head{
    background-color: #fafdff;
}

.banner-box{padding-top: 1.4rem; height: 5.94rem;background: url(../images/y_jczwgk_banner_bg.png) no-repeat center;background-size: cover; box-sizing: border-box;}
.banner-box img {display: block; margin:0 auto; height: 1.18rem;}


.type-box {position: relative;margin-top: -1.11rem; text-align: center;}
.type-box .type-box-item {position: relative; display: inline-block; margin: 0 .2rem .2rem .2rem; width: 26%; height: 1.11rem; font-weight: bold;letter-spacing: 2.4px; box-sizing: border-box;  box-shadow: 0 0 .1rem 0 #c3d5f1;   color: #7491ca;  background-color: #fbfdff;cursor: pointer; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.type-box .type-box-item span{ position: absolute; top: 50%;display: block; width: 100%;font-size: .32rem; line-height: 1.2;text-align: center; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; }
.type-box .type-box-active {color: #fff;  background-color: #437bea;}
.type-box .type-box-item2 {width: 46%;}

.main-top{ margin-top: -1.7rem; position: relative; z-index: 1;}
.main-top .content-box{ min-height: 5rem;}

.ml ul{ margin: -0.25rem -0.25rem 0 0;}
.ml ul li{ width: calc(100% / 4); float: left;}
.ml ul li a{ margin: 0.25rem 0.25rem 0 0; padding: 0.3rem 0.1rem; text-align: center; letter-spacing: 0.01rem; border: 1px solid #fff; border-top-left-radius: 0.3rem; border-top-right-radius: 0.03rem; border-bottom-left-radius: 0.03rem; border-bottom-right-radius: 0.3rem; background-color: #edf2f9; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.ml ul li a:hover{ font-weight: bold; border: 1px solid #d8e9f7; border-top-left-radius: 0.2rem; border-top-right-radius: 0.06rem; border-bottom-left-radius: 0.06rem; border-bottom-right-radius: 0.2rem; box-shadow: 0 0 0.13rem #d8e9f7; background-color: #fdfeff;}

.content-box { margin-top: .1rem; padding: .4rem; background-color: #fbfdff; box-shadow: 0 0 .1rem 0 #c3d5f1;box-sizing: border-box; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.content {display: none;}
.content .menu-title-box {position: relative; width: 100%;height: .74rem;overflow: hidden;}
.content .menu-title-box .menu-ico { width: 1.67rem; height: 100%;}
.content .menu-title-box .menu-title { position: absolute; top: 50%; margin-left: 1.87rem; width: calc(100% - 1.87rem); text-align: center; display: -webkit-box; -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis; line-clamp: 2; -webkit-line-clamp: 2; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.content .menu-title-box .menu-title span,.content .menu-title-box .menu-title a {font-size: .32rem; font-weight: bold; line-height: .38rem; letter-spacing: 2.4px; color: #437bea;  }

.content .line {margin: .4rem 0; height: .02rem; background-color: #dbe7f8;}

.content .list li { position: relative; margin-bottom: .27rem;}
.content .list li:nth-last-of-type(1){ margin-bottom: 0;}
.content .list li::after {display: block;height: 0;content: "";clear: both;}
.content .list li .title-box {position: absolute; top:0; height: 100%; display:flex;justify-content: center;align-items: center;padding: 0 .3rem; width: 2.55rem;box-sizing: border-box; background: url(../images/y_jczwgk_list_title_bg.png) no-repeat center;background-size: cover;border-top-left-radius: .2rem; text-align: center;}
.content .list li .title-box span {font-size: .2rem;font-weight: bold;color: #fff;letter-spacing: 2px;  line-height: 1.5;}

.content .list li .type-list { float: right; padding: .28rem .25rem; padding-bottom: .12rem; width: calc(100% - 2.55rem);height: auto;box-sizing: border-box; border: solid 0.01rem #cadbf2; background-color: #f3f8ff;}
.content .list li .type-list::after{display: block;height: 0;content: "";clear: both;}
.content .list li .type-list a { float: left;display: block;margin-right: .13rem;margin-bottom: .16rem; width: calc((100% - .26rem) / 3);height: .42rem;font-size: .18rem; line-height: .42rem;box-sizing: border-box;  color: #333;text-align: center; border: dashed 0.01rem #cadbf2;  background-color: #fbfdff; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.content .list li .type-list a:hover {color: #437bea;}
.content .list li .type-list a:nth-child(3n+3){margin-right: 0;}

.content .ejlist .hd{ margin-top: 0.35rem; position: relative;}
.content .ejlist .hd:nth-of-type(1){ margin-top: 0;}
.content .ejlist .hd span{ font-size: 0.24rem; color: #437bea; font-weight: bold; position: relative; z-index: 1;}

.content .ejlist .bd ul{ margin-right: -0.2rem;}
.content .ejlist .bd ul li{ width: calc(100% / 5); float: left;}
.content .ejlist .bd ul li a{ margin: 0.2rem 0.2rem 0 0; padding: 0.15rem; text-align: center; letter-spacing: 0.01rem; background-color: #edf2f9; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.content .ejlist .bd ul li a:hover{ border: 1px solid #d8e9f7; box-shadow: 0 0 0.13rem #d8e9f7; background-color: #fdfeff;}