.jchead{width: 100%; max-width: 1920px; margin: 0 auto;overflow: hidden;  background:#1c6ecc; color: #fff;}
.jchead .jccon{max-width:1314px; min-width: 1200px; width: 100%; margin: 0 auto; overflow: hidden;}
.jchead .jccon .jcleft{width: 40%; float: left;overflow: hidden; margin: 1% 0;}
.jchead .jccon .jcright{width: 56%; float: right;overflow: hidden; margin: 2.68% 0;}

.jchead .jccon .jcleft a{display: block; overflow: hidden; position: relative; color: #fff;}
.jchead .jccon .jcleft a img{width: 12%;}
.jchead .jccon .jcleft a h1{position: absolute; left: 16%; top:5%; font-size: 26px;}
.jchead .jccon .jcleft a span{position: absolute; left: 16%; top:65%; font-size: 16px;}

.jchead .jccon .jcright ul li{ float: left; padding: 0 0 0 4%; font-size: 16px;}
.jchead .jccon .jcright ul li a{color: #fff; padding: 0 0 8% 0;}
.jchead .jccon .jcright ul li a:hover{border-bottom:solid 2px #fff;}
.ban_jc{width: 100%; max-width: 1920px; margin: 0 auto;overflow: hidden; background: url(../images/ban_zdjc.jpg) no-repeat center top; height: 520px;}
.ban_jc .ban_jcconn{max-width:1314px;  min-width: 1200px; width: 100%; margin: 0 auto; }
.ban_jc .ban_jcconn p{ text-align: center; width: 100%; padding: 10% 0 0 0;}
.ban_jc .ban_jcconn .jcser{overflow: hidden; margin: 5% auto 0 auto; width: 40%;}
.ban_jc .ban_jcconn .jcser .jcsleft{float: left; width: 80%; border-radius: 27px 0 0 27px; background: #fff url(../images/ban_serico.png) no-repeat 4% 48%;background-size: 5%; opacity: 0.5; height: 50px; padding: 0 0 0 10%;}
.ban_jc .ban_jcconn .jcser .jcsright{float: left;width: 20%;  height: 50px; }
.ban_jc .ban_jcconn .jcser .jcsleft .sertxt{ border: 0; width: 100%; height: 50px; line-height: 50px; font-size: 16px; }
.ban_jc .ban_jcconn .jcser .jcsright .serbtn{ border: 0; width: 100%; height: 50px;border-radius: 0 27px 27px 0;  background: #3981d3; color: #fff; font-size: 20px;}
.jclc{max-width:1314px;  min-width: 1200px; width: 100%; margin: 0 auto; text-align: center; position: relative; padding:5% 0 6% 0;}
.jclc .p1{ margin: 0 0 50px 0;}
.jclc .p2 img{ width: 88%; margin: 0 auto;}


.jclc .jccon{overflow: hidden; padding: 0 0 0 9%;}
.jclc .jccon .jc{float: left; width: 12%; position: relative;padding: 0 0 5% 0; }
.jclc .jccon .jc img{ width: 100%;}
.jclc .jccon .jc b{font-size: 45px; text-align: center;color: #fff; position: absolute; top:20%; left: 40%;}
.jclc .jccon .jc span{font-size: 32px !important; text-align: center; line-height: 2.5rem;display: block; font-weight: bold; position: absolute; top:80% !important; width: 100%; text-align: center;}
.jclc .jccon .jcjt{float: left; width: 10%; margin: 2% 2% 0 2%; }
.jclc .jccon .jcjt  img{ width: 100%;}
.jclc .jccon .jc:nth-child(1) span{color: #ef4c47;}
.jclc .jccon .jc:nth-child(3) span{color: #f58b35;}
.jclc .jccon .jc:nth-child(5) span{color: #4ebd9c;}
.jclc .jccon .jc:nth-child(7) span{color: #308ea8;}




.jclist{max-width:1314px;  min-width: 1200px; width: 100%; margin: 0 auto 3% auto;}
.jclist .jcyear{position: relative;text-align: center; font-size: 23px;line-height: 65px; padding: 35px 0;}
.jclist .jcyear .xian{height: 11px; background: #dde6e5; }
.jclist .jcyear .wq{border: solid 1px #dde6e5; background: #fff; color: #a7a8a8; width: 80px; height: 80px; border-radius: 50%; padding: 7px; position: absolute; top:0; left: 30%; }
.jclist .jcyear .wq p{border: solid 1px #dde6e5; background: #dde6e5; width: 65px; height: 65px; border-radius: 50%; }

.jclist .jcyear .box1{left: 25%;}
.jclist .jcyear .box2{left: 50%;}
.jclist .jcyear .wq a{color: #a7a8a8;}
.jclist .jcyear .cur{border: solid 1px #016aa6;}
.jclist .jcyear .cur p{border: solid 1px #016aa6;}
.jclist .jcyear .cur span{ color: #016aa6;}

.jcmulu{width: 100%; padding: 2% 0 2% 0;}
.jcmulu span{border-radius: 27px; padding:0.9% 4%; text-align: center;color: #fff; font-size: 28px; background: #1c6ecc;font-weight: bold;}
.jcmulu span a{color: #fff;}
.jcmulu p{font-size: 24px;color: #1c6ecc; line-height: 35px; margin: 3% 0;}
.jcmulu p a{color: #1c6ecc;}

.tabtit{background: #1c6ecc; padding: 1.5% 0; text-align: center;color: #fff;font-size: 22px; overflow: hidden;display: flex;align-items: center;}
.tabtit span{display: block;float: left; font-size: 1.2rem !important;}
.tabtit span:nth-of-type(1){width: 8%;}
.tabtit span:nth-of-type(2){width: 23%;}
.tabtit span:nth-of-type(3){width: 39%;}
.tabtit span:nth-of-type(4){width: 16%;}
.tabtit span:nth-of-type(5){width: 12%;}
.tablist{overflow: hidden; font-size: 16px;box-shadow: 0 6px 10px 0 rgb(0 0 0 / 5%); margin: 1% 0;border:solid 1px #fff;display: flex; align-items: center;}
.tablist li{float: left;text-align: center;padding: 2% 0;}
.tablist li:nth-of-type(1){width: 8%;}
.tablist li:nth-of-type(2){width: 23%; text-align: left; line-height: 25px; padding: 0; }
.tablist li:nth-of-type(3){width: 39%;}
.tablist li:nth-of-type(4){width: 16%;}
.tablist li:nth-of-type(5){width: 12%;}
.tablist li:nth-of-type(2) a:hover{color: #016aa6; border: 0;}
.tablist li:nth-of-type(3) a{border-radius: 20px;border: dashed 1px #4b4b4b; color: #4b4b4b;padding: 1.3% 2%;margin: 0 1%;}
.tablist:hover{background: #f3f2f2; border: dashed 1px #7da8da; cursor: pointer; border-radius: 5px;}
.tablist li:nth-of-type(4),.tablist li:nth-of-type(5){color: #949292;}
.tablist li a:hover{border: solid 1px #7da8da;}

.m-center{width:100%;margin:0 auto 5% auto; max-width:1314px;}
            #year-swiper {
                margin: 1rem auto 3rem auto;
                padding: 0 30px;
                background-image: url("/material/pcUseLayui/images/juesemulu_hx.png");
                background-size: calc(100% - 4rem) 10px;
                background-position: center center;
                background-repeat: no-repeat;
            }
            
            #year-swiper .swiper-button-next,
            #year-swiper .swiper-button-prev {
                position: absolute;
                top: 50%;
                right: 0;
                transform: translateY(-50%);
                margin-top: 0;
                z-index: 1;
                width: 2rem;
                height: 2rem;
                line-height: 30px;
                color: rgba(255, 255, 255, .7);
               
                transition: .3s;
            }
            
            #year-swiper .swiper-button-prev {
                left: 0;
            }
            .swiper-wrapper{width: 80% !important;padding: 0 0 0 15% !important;}    
            .swiper-slide>.year-item {
                height: 100%;
                text-align: center;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            
            .swiper-slide>.year-item>div {
                cursor: pointer;
          border-radius:50%;width:5rem;height:5rem;border: solid 1px #dde6e5;
            }
            
            .swiper-slide>.year-item>div.act {
            }
            
            .swiper-slide>.year-item>div {
                cursor: pointer;
          border-radius:50%;width:5rem;height:5rem;border: solid 1px #dde6e5;background: #fff;
            }
            .swiper-slide>.year-item>div p{background: #dde6e5;}
            
            .swiper-slide>.year-item>div.act {
                border: solid 1px #016aa6;background: #fff;
            } 
 .swiper-slide>.year-item>div.act p {
                border: solid 1px #016aa6;color:#1c6ecc;background: #fff;
            }
.swiper-slide>.year-item>div p{
border-radius:50%;height:4rem;line-height:4rem;border:solid 1px #ddd;margin:0.42rem;font-size:22px;color:#949292;
}
     .xian{height: 11px; background: #dde6e5; width:100%;position:absolute;top:35px;display:block;}        

            .tabs .tab-item {
                display: none;
            }
            
            .tabs .tab-item.act {
                display: block;
            }



@media screen and (min-width:790px){
}


@media screen and (max-width:789px){
    .jchead .jccon{width: 100%; max-width:none; min-width:320px;}
    .jchead .jccon .jcleft{width: 25rem; float: none; margin: 7% auto;}
    .jchead .jccon .jcleft a img{width:4rem; padding: 0 0 3% 0;}
    .jchead .jccon .jcleft a h1{ top:0.2rem; left: 5rem; font-size: 1.8rem !important;}
    .jchead .jccon .jcleft a span{ top:2.6rem; left: 5rem; font-size: 1.5rem !important;}
    .jchead .jccon .jcright{float: none; width: 100%; margin: 0.5rem auto; height: 5rem; overflow: hidden; line-height: 5rem;background: #1169C0;overflow-x: auto;}
    .jchead .jccon .jcright ul{white-space:nowrap;display: inline-flex;}
    /*自定义滚动条的伪对象选择器, CSS 可以隐藏滚动条*/
    .jchead .jccon .jcright ul::-webkit-scrollbar{
        display: none;
    }
    .jchead .jccon .jcright ul li {display: inline-block;}
    .jchead .jccon .jcright ul li a{font-size: 1.5rem !important;}

    .ban_jc .ban_jcconn{max-width:none; min-width:320px;}
    .ban_jc .ban_jcconn p{margin: 0rem 0 0 0;}
    .ban_jc .ban_jcconn p img{width: 70%;}
    .ban_jc .ban_jcconn .jcser{margin: 2rem auto 0 auto; width: 20rem;}
    .ban_jc .ban_jcconn .jcser .jcsleft{ height: 3.5rem;background-size:10%; padding:0 0 0 15%;background-position: 5% 50%;}
    .ban_jc .ban_jcconn .jcser .jcsleft .sertxt{height: 3.5rem;line-height: 3.5rem; font-size: 1rem !important;}
    .ban_jc .ban_jcconn .jcser .jcsright{height: 3.5rem;line-height: 3.5rem;}
    .ban_jc .ban_jcconn .jcser .jcsright .serbtn{height: 3.5rem;line-height: 3.5rem;}
    .ban_jc{height: 18rem;}
    .jclc{max-width:none; min-width:320px;padding:2rem 0 1.5rem 0;}
    .jclc .p1{ margin: 0 0 1.5rem 0;}
    .jclc .p1 img{width: 60%;}
    .jclc .p2 img{width: 96%;}
    .jclc span{top:80%; font-size: 1.3rem !important;}
    .jclc span.jc1{left: 2.1%;}
    .jclc span.jc2{left: 29.5%;}
    .jclc span.jc3{left: 55.5%;}
    .jclc span.jc4{left: 83.1%;}

    .jclc .jccon .jc b{font-size: 2rem;}
    .jclc .jccon .jc span{ font-size: 1.4rem !important;top:75% !important;}
    .swiper-slide>.year-item>div p{font-size: 1.3rem;}

    .jclist{ max-width:none; min-width:320px;}
    .jclist{margin: 0 0 2rem 0;}
    .jclist .jcyear{padding:2.1rem 0}
    .jclist .jcyear .wq{width: 5rem;height: 5rem;padding: 0.42rem;}
    .jclist .jcyear .wq p{width: 4rem;height: 4rem;line-height: 4rem;}
    .jclist .jcyear .wq p span{ font-size: 1.3rem !important;}
    .jclist .jcyear .wq:nth-child(2){left: 3rem;}
    .jcmulu{padding: 2rem 2% 0 2%;}
    .jcmulu span{padding: 0.7rem 2rem; font-size: 1.2rem;}
    .jcmulu span a{font-size: 1.2rem !important;}
    .jcmulu p{margin: 1rem 0; line-height: 2rem;}
    .jcmulu p a{font-size: 1.2rem !important;}
    .tabtit span:nth-of-type(2){width: 25%;}
    .tabtit span:nth-of-type(3){width: 30%;}
    .tabtit span:nth-of-type(4){width: 19%;}
    .tabtit span:nth-of-type(5){width: 22%;}
    .tablist li a{font-size: 1.2rem !important; line-height: 2rem;}
    .tablist li:nth-of-type(2){width: 25%;}
    .tablist li:nth-of-type(3){width: 30%;}
    .tablist li:nth-of-type(4){width: 19%;}
    .tablist li:nth-of-type(5){width: 22%;}

    .tablist li:nth-of-type(2){height: auto;}
    .tablist li:nth-of-type(3) a{margin: 0.5rem  auto;display:inline-block; font-size: 0.8rem !important;display: block;}
    .tablist li:nth-of-type(4){width: 19%;}
    .tablist li:nth-of-type(5){padding: 0;}
    .tablist li:nth-of-type(6){padding:0;}


}
@media screen and (max-width:600px){
    .jclc .jccon .jc b{font-size:1.7rem;top:18%;}
    .jclc .jccon .jc span{ font-size: 1.1rem !important;top:72% !important;}
}
@media screen and (max-width:500px){
    .jclc .jccon .jc b{ font-size:1.5rem;top:18%;}
    .jclc .jccon .jcjt{width: 7%;margin:4% 2% 0 2%;}
    .jclc .jccon .jc{ padding: 0  0 8% 0;width: 15%;}
    .jclc .jccon .jc span{ font-size: 1rem !important;top:60% !important;}
}