@charset "UTF-8";

/**********lovo code & love life**********/

@font-face {
    font-family:'pf_regular';
    src: url('../fonts/pingfangsc_regular.ttf') format("truetype");
}
@font-face {
    font-family:'pf_light';
    src: url('../fonts/pingfang_light.ttf') format("truetype");
}
@font-face {
    font-family:'pf_Medium';
    src: url('../fonts/pingfang_medium.ttf') format("truetype");
}
@font-face {
    font-family:'PingFangSC_Thin';
    src: url('../fonts/pingfangsc-thin.ttf') format("truetype");
}
@font-face {
    font-family:'time';
    src: url('../fonts/din.ttf') format("truetype");
}
html{margin: 0;padding: 0}
body{margin: 0;padding: 0;font-family:'pf_regular', sans-serif;font-size: 20px;overflow-x:hidden;}
table,td,tr,ul,ol,li,dl,dd,dt,p,input,form,em,p,img,h1,h2,h3,h4,h5{margin:0;padding:0;}
ul,li {margin: 0;padding: 0;list-style: none;}
a{text-decoration: none;}
img{display: block}

@media all and (min-width: 980px){
    h2{font-size: 26px}
    h3{font-size: 24px}
    .main{width: 100%;margin: 0 auto}
    .w73{width: 73.958%;margin: 0 auto}
    .m_nav{display: none}
    .head_bg{width: 100%;}
    .head_bg.on{position: fixed;z-index: 6;box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.09);}
    .head_bg.on{animation-name: topfloat;animation-duration:0.5s;background-color: #FFFFFF}
    @keyframes topfloat {
        0%{top: -100px}
        100%{top: 0}
    }
    .head{display: flex;height: 130px;box-sizing: border-box;align-items: center;position: relative;justify-content: space-between}
    .head .logo{padding: 25px 0;display: flex;align-items: center}
    .head .logo img{max-width:100%;max-height: 80px;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode:nearest-neighbor;}
    .head .logo .faculty{font-size: 40px;color: #2a2a2a;font-family:STLiti,sans-serif;margin-left: 26px;}
    .head .search{height: 56px;}
    .head .search input{height: 56px;background-color: #F2F2F2;border: none;outline: none;width: 332px;padding-left: 25px;box-sizing: border-box}
    .head .search button{width: 56px;height: 56px;background-image: url("../images/v1_search.png");border:none;cursor: pointer}
    .head .search form{display: flex;align-items: center}
    .nav{height: 70px;background-color: #083A73}
    .nav>ul{display: flex;justify-content:space-between;width: 69.104%;align-items: center;height: inherit;margin: 0 auto}
    .nav>ul>li{height: inherit;display: flex;align-items: center;padding: 0 78px}
    .nav>ul>li>a{color: #FFFFFF}
    .nav>ul>li.active>a{color:#083A73}
    .nav>ul>li.active{background-color: #FFFFFF}
    .nav>ul>li:hover{background-color: #FFFFFF}
    .nav>ul>li:hover >a{color: #083A73}
    .banner_body{position: relative;overflow: hidden}
    .new_banner_slide{position: absolute;width: 100%;text-align: center;z-index: 2;left: 0;bottom: 15px;}
    .newpage_ok .swiper-pagination-bullet{width: 16px;height: 16px;background-color: #FFFFFF;margin-right: 16px;}
    .newpage_ok .swiper-pagination-bullet-active{background-color: #FFFFFF}

}


@media all and (min-width: 980px){
    /*v1*/
    .v1_title{display: flex;justify-content: space-between;align-items: center;border-bottom: 4px solid rgba(0, 0, 0, 0.1);padding-bottom: 12px;}
    .v1_title .l{display: flex;align-items: center}
    .v1_title .l>h2{margin-left: 21px;font-size: 32px;color: #000000;}
    .v1_title a.more{font-size: 18px;color: #666666;}
    .v1_title a.more:hover{font-size: 18px;color: #083A73;}

    .v1_index_banner{overflow: hidden}
    .v1_index1{display: flex;justify-content: space-between;margin: 80px auto}
    .v1_index1 .left{width: 59.454%;}
    .v1_index1 .right{width:0;flex: 1;margin-left: 40px;}
    .v1_index1 .left ul{margin-top: 40px;display: grid;grid-template-columns: 47.556% 47.556%;justify-content: space-between}
    .v1_index1 .left ul .img{width: 100%;height: 317px;overflow: hidden}
    .v1_index1 .left ul .img img{width: 100%;height: 317px;object-fit: cover}
    .v1_index1 .left ul .img:hover img{transform: scale(1.05);transition: all 0.5s}
    .v1_index1 .left .nr{margin:23px;position: relative}
    .v1_index1 .left .nr h2{font-size: 20px;color: #333333;}
    .v1_index1 .left .nr:hover h2{color: #083A73;}
    .v1_index1 .left .nr span{font-size: 14px;color: #999999;display: block;margin-top: 16px;}
    .v1_index1 .left .nr .more{position: absolute;right: 0;bottom: 0;}
    .v1_index1 .right ul{margin-top: 40px;}
    .v1_index1 .right ul li{margin-top: 24px;display:flex;justify-content: space-between}
    .v1_index1 .right ul li a{display: block;width: 72.74%;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;font-size: 20px;color: #333333;font-family: 'pf_Medium', sans-serif}
    .v1_index1 .right ul li span{margin-left: auto;}
    .v1_index2_bg{background-color: #F2F2F2;padding: 80px 0}
    .v1_index2 ul{display: grid;grid-template-columns: 22.887% 22.887% 22.887% 22.887%;justify-content: space-between;margin-top: 40px;grid-row-gap:40px}
    .v1_index2 ul li{height: 174px;background-color: #FFFFFF;display:flex;align-items: center;flex-direction: column;justify-content: center}
    .v1_index2 ul li p{font-size: 24px;color: #000000;display: block;margin-top: 19px;}
    .v1_index2 ul li img{margin: 0 auto}
    .v1_index2 ul li:hover{background-color: #083A73}
    .v1_index2 ul li:hover p{color: #FFFFFF}

    .v1_foot{background: url("../images/v1_foot_bg.png");position: relative;z-index: 1}
    .v1_foot::after{content: '';position: absolute;left: 0;top: 0;background-color: rgba(34, 34, 38, 0.9);z-index: 2;width: 100%;height: 100%;display: block;}
    .v1_foot .w73{position: relative;z-index: 5}
    .v1_foot .fast_nav{display: flex;padding: 30px 0;justify-content: space-between;border-bottom: 1px solid #FFFFFF;}
    .v1_foot .fast_nav a{color: #FFFFFF}
    .v1_foot .fast_nav a:hover{color: #083A73}
    .v1_foot .b{margin-top: 54px;display:flex}
    .v1_foot .foot_logo{display: flex;align-items: center}
    .v1_foot .foot_logo div:not(:first-of-type){margin-left: 32px;}
    .v1_foot .b .info{margin-left: 184px;padding-bottom: 30px;}
    .v1_foot .b .info p{margin-top: 20px;color: #FFFFFF}
    .v1 .copyright{height: 50px;background-color: #606063;text-align: center}
    .v1 .copyright p{line-height: 50px;color: #FFFFFF}
    .v1 .copyright p a{color: #FFFFFF}
}



@media all and (max-width: 980px){
    /*手机全局*/
    h2{font-size: 18px}
    h3{font-size: 16px}
    .main{width: 100%}
    .w73{width: 90%;margin: 0 auto}

    /*手机通用*/
    .m_nav{display: block;height: 30px;position:relative;z-index: 6}
    .m_nav span{position: relative;background:#083A73;display: block;width: 40px;height: 2px;transition: all ease 0.35s;}
    .m_nav span:nth-of-type(1){top:0}
    .m_nav span:nth-of-type(2){top:10px}
    .m_nav span:nth-of-type(3){top:20px}
    .m_nav.active span:nth-of-type(1){top:13px;transform:rotate(45deg);background: #083A73}
    .m_nav.active span:nth-of-type(2){width:0;color: #083A73}
    .m_nav.active span:nth-of-type(3){top:9px;transform:rotate(-45deg);background: #083A73}
    .head_bg{position: relative;z-index: 55;width: 100%;top: 0;background-color: #FFFFFF;}
    .head_bg.on{position: fixed;}
    .head{display: flex;justify-content:space-between;align-items: center;padding: 10px 0;}
    .head .logo{max-height:65px;max-width: 73%}
    .head .logo img{max-width: 100%;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode:nearest-neighbor;}
    .head .search{display: none}
    .nav{display: none;}
    .nav.active{display: unset;width: 100%;position: absolute;background-color: #ffffff;left: 0;top: 0;z-index: 4;padding-top: 35px;height: calc(100vh - 100px);}
    .nav>ul>li{line-height: 40px;text-align: center;border-bottom: 1px dashed #083A73;margin: 0 25px}
    .nav>ul>li>a{font-size: 20px;color: #083A73}
    .new_banner_slide{position: absolute;width: 100%;text-align: center;z-index: 2;left: 0;bottom: 10px;}
    .newpage_ok .swiper-pagination-bullet{width: 10px;height: 10px;background-color: #FFFFFF;margin-right: 8px;}
    .newpage_ok .swiper-pagination-bullet-active{background-color: #FFFFFF}


}

@media all and (max-width: 980px){
    /*v1*/
    .v1_title{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid rgba(0, 0, 0, 0.1);padding-bottom: 12px;}
    .v1_title .l{display: flex;align-items: center}
    .v1_title .l>h2{margin-left: 21px;font-size:20px;color: #000000;}
    .v1_title a.more{font-size: 16px;color: #666666;}
    .v1_title a.more:hover{color: #083A73;}

    .v1_index_banner{overflow: hidden}
    .v1_index_banner img{width: 100%;}
    .v1_index1{padding: 30px 0}
    .v1_index1 ul li{margin-top: 20px;}
    .v1_index1 ul li .img img{width: 100%;}
    .v1_index1 ul li .nr{box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.09);padding: 15px 8px}
    .v1_index1 ul li .nr h2{font-size: 16px;color: #000000;}
    .v1_index1 ul li .nr span{font-size: 16px;color: #666666;}
    .v1_index1 ul li .nr .more{margin-top: 8px;}
    .v1_index1 .right{padding: 30px 0}
    .v1_index1 .right li{box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.09);padding: 15px 8px}
    .v1_index1 .right li a{font-size: 16px;color: #000000;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;text-overflow:ellipsis}
    .v1_index1 .right li span{display:block;font-size: 14px;color: #666666;margin-top: 6px;}
    .v1_index2_bg{background-color: #F2F2F2;padding: 30px 0}
    .v1_index2 ul{display: grid;grid-template-columns: 49% 49%;justify-content: space-between;margin-top: 20px;grid-row-gap:20px}
    .v1_index2 ul li{height: 124px;background-color: #FFFFFF;display:flex;align-items: center;flex-direction: column;justify-content: center}
    .v1_index2 ul li p{font-size: 18px;color: #000000;display: block;margin-top: 10px;}
    .v1_index2 ul li img{margin: 0 auto}
    .v1_foot{background-color: rgba(34, 34, 38, 0.9);padding: 30px 0}
    .v1_foot .fast_nav{display: grid;grid-template-columns: 33% 33% 33%;justify-content: space-between;grid-row-gap: 20px}
    .v1_foot .fast_nav li{display: flex;justify-content: center;align-items: center;border: 1px solid #666666;padding: 20px 0;}
    .v1_foot .fast_nav a{font-size: 15px;color: #ffffff;}
    .v1_foot .b{margin-top: 30px;}
    .v1_foot .foot_logo{display: flex;align-items: center}
    .v1_foot .foot_logo div:first-of-type{width: 30%;}
    .v1_foot .foot_logo div:nth-of-type(2){flex: 1;width: 0;}
    .v1_foot .foot_logo div img{max-width: 100%}
    .v1_foot .info{margin-top: 20px;}
    .v1_foot .info p{color: #FFFFFF;font-size: 16px;line-height: 40px}
    .v1 .copyright{background-color: #606063}
    .v1 .copyright p{font-size: 15px;color: #FFFFFF;padding: 15px 10px;text-align: center;line-height: 25px}
    .v1 .copyright a{font-size: 15px;color: #FFFFFF;padding: 15px 10px;text-align: center}










}