* {

    padding: 0;



    margin: 0;

}





li {

    list-style: none;

}



a {

    text-decoration: none;

}



.fx {

    display: flex;

}



html {

    scroll-behavior: smooth

}



.clearfix:after {

    /*伪元素是行内元素 正常浏览器清除浮动方法*/



    content: '';



    display: block;



    height: 0;



    clear: both;



    visibility: hidden;

}



.clearfix {

    *zoom: 1;



    /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/

}







@font-face {



    font-family: BLUU-NEXT-CYRILLIC-2;

    src: url(../fonts/BLUU-NEXT-CYRILLIC-2.OTF);



}

@font-face {



    font-family: Jost-Regular;

    src: url(../font/Jost-Regular.ttf);



}

.shadow {



    box-shadow: 20.308px 10.798px 7.44px 0.56px rgba(194, 194, 194, 0.16);



}









.zifz p {

    font-size: 1rem;

    line-height: 4.375rem;

    width: 10rem;

    text-align: center;

    border: 1px solid #e5e5e5;

    color: #4c4c4c;

    cursor: pointer;

    border-bottom: none;

    border-left: none;

    border-top: none;

}



.zifz li:first-child p {

    border-left: 1px solid #e5e5e5;

}



.zifz li.on {

    border-color: #942c2f;

    background: #942c2f;

}



.zifz li.on p {

    color: #fff;

}





.modal {







    display: none;







    width: 100%;







    height: 100%;







    position: fixed;







    left: 0;







    top: 0;







    z-index: 1000;







    background-color: rgba(0, 0, 0, 0.5);















}















.modal-content {







    width: 960px;







    margin: 10% auto;





    -webkit-animation: zoom 0.6s;







    animation: zoom 0.6s;







    resize: both;







  







    background: #fff;







    position: relative;







}







@-webkit-keyframes zoom {







    from {

        -webkit-transform: scale(0)

    }







    to {

        -webkit-transform: scale(1)

    }







}







@keyframes zoom {







    from {

        transform: scale(0)

    }







    to {

        transform: scale(1)

    }







}











.close {



    position: absolute;

    right: 0.875rem;

    top: 0.875rem;

    cursor: pointer;

    width: 2rem;

    height: 2rem;

    display: flex;



}



.close:hover svg path,

.close:focus svg path {



    fill: #008fd7;



}







.modal-body {



    padding: 1.875rem;



    box-sizing: border-box;



}







.modal-body .modal-con {





    display: grid;





    gap: 2.5rem;



    grid-template-columns: 350px 1fr;





}



.modal-con img {

    display: block;

}



.modal-con h5 {

    color: #4c4c4c;

    font-size: 1.5rem;

    padding-top: 3rem;

}





.modal-con i , .obj_con i , #xxjs i   {

    display: block;

    width: 20px;

    height: 2px;

    background: #009b4c;

    margin: 1.875rem 0 1.5rem;

}



.modal-con div .byschool {

    color: #008fd7;

    font-size: 1rem;

    line-height: 1.5rem;

    margin-bottom: 1.125rem;

}



.modal-con p {

    font-size: .875rem;

    color: #7b7b7b;

}



.modal-con>div>p {

    margin-top: 2rem;



    line-height: 1.5rem;



}



.page {

    text-align: center;

    font-size: 0;

    color: #919191;

    width: 100%;

    overflow: hidden;

}



.page .box {

    margin-top: 4rem;

    display: flex;

    justify-content: center;

    flex-flow: wrap;

}



.page li {

    display: inline-block;

    list-style: none;

}



.page a , .box div {

    background: #fff;

    border: 1px solid #dedede;

    padding: 0 5px;

    height: 2rem;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 0.375rem;

    color: #868686;

    font-size: .875rem;

    -moz-transition: all 0.36s ease-in-out;

    -webkit-transition: all 0.36s ease-in-out;

    -o-transition: all 0.36s ease-in-out;

    -ms-transition: all 0.36s ease-in-out;

    transition: all 0.36s ease-in-out;

}



.page .on {

    background: #009b4c;

    border: 1px solid #009b4c;

    color: #fff;

}



.page a:hover {

    background: #009b4c;

    border: 1px solid #009b4c;

    color: #fff;

    text-decoration: none;

}



.page span {

    display: inline-block;


}



.box div {

    border: none;

    color: #868686;

    font-size: .875rem;

}




.box .yy a {
    padding: 0 1.375rem;
    border-radius: 15px;
}


.page .box>a{

    width: 2.125rem;

    height: 2.125rem;

    border-radius: 50%;

}



.box input {

    border: 1px solid #dedede;

    text-align: center;

    margin: 0 .625rem;

}



.box button {

    width: 3.875rem;

    border-radius: 15px;

    color: #fff;

    line-height: 2.125rem;

    font-size: .875rem;

    background: #009b4c;

}



footer {

    background: #f8f8f8;

    padding: 3.75rem 0 1.875rem;

}



footer .m>img {

    width: 100%;

}



.foot-top,

.foot-top ul,

.gz,

.gz div,

.foot-mid,

.foot-bot {

    display: flex;

    align-items: center;

    justify-content: space-between;

}





.foot-top ul {

    flex-grow: 1;

    max-width: 888px;

}



.foot-top ul li {

    font-size: 1.125rem;

    transition: all .6s;

    color: #636363;

}



.foot-top ul li.on,

.foot-top ul li:hover {

    color: #942c2f;

}



.gz {

    gap: 15px;

}



.gz p {

    color: #636363;

}



.gz div {

    cursor: pointer;

    position: relative;

    align-items: center;

    justify-content: center;

    height: 100%;

}



.gz .ewmqrcode {

    display: none;

    border: 1px solid #eee;

    position: absolute;

    z-index: 10;

    top: -115px;

    left: -35px;

    width: 100px;

    height: 100px;

    color: #666;

    font-size: 12px;

    text-align: center;

    background-color: #fff;

    box-shadow: 0 2px 10px #aaa;

    transition: all 200ms;

    -webkit-tansition: all 350ms;

    -moz-transition: all 350ms;

}



.gz .dy:hover .ewmqrcode,

.gz .wx:hover .ewmqrcode,

.gz .wb:hover .ewmqrcode {

    display: block;

}



.foot-mid {

    padding: 5rem 0 3.125rem;

    position: relative;

    gap: 1rem;

}



.foot-mid .le {

    display: flex;

    align-items: center;

    gap: 3.5625rem;

}



.foot-mid div p {

    font-size: .875rem;

    color: #636363;

}



.foot-mid div .ph {

    font-size: 1.5rem;

    color: #4c4c4c;

    line-height: .8;

}



.foot-mid .dizhi {

    font-family: "苹方", "微软雅黑", arial;

    font-size: 1.15rem;

}



.fx1 {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    padding-left: 1.1875rem;



}





.foot_link {

    width: 218px;

    max-width: 100%;

}



.foot_link dl {

    position: relative;

}



.foot_link dt {

    height: 2.4375rem;

    padding: 0 1.25rem 0 1.875rem;

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: space-between;

    position: relative;

    z-index: 2;

}







.foot_link dt h3 span {

    font-size: 1rem;

    color: #636363;

    margin-right: 1.25rem;

}



.foot_link dt i {

    width: .5rem;

}



.foot_link dt>svg {

    margin-right: .5rem;

}



.foot_link dt span {

    flex-grow: 1;

}



.foot_link dd {

    position: absolute;

    z-index: 1;

    bottom: 0;

    left: 0;

    width: 100%;

    padding-bottom: 2.4375rem;

}



.foot_link dd:before {

    content: "";

    display: block;

    position: absolute;

    width: 100%;

    height: 100%;

    border-radius: 30px;

    left: 0;

    top: 0;

    background: #f8f8f8;

    z-index: -1;

    border: 1px solid #c6c6c6;

}



.foot_link dd .box {



    padding: 1rem 1.75rem 0;

    display: none;

}



.foot_link dd .box a {

    display: block;

    color: #636363;

    font-size: .875rem;

    line-height: 2;

    transition: .3s;

}



.foot_link dd .box a:hover {

    color: #942c2f;

}



.foot-bot {

    padding: 1.875rem 0 0;

}



.foot-bot a:hover {

    color: #942c2f;

}