﻿* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    /* Safari */
    border: none;
    outline: none;
}
@font-face {
    font-family: SourceHanSerifSC-Regular;
    src: url(../font/SourceHanSerifCN-Regular.woff);
}
body {
    margin: 0 auto;
    font-family: "Microsoft YaHei";
    font-weight: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0px;
}


/* 3.脙楼脜陆脗禄脙漏芒鈥灺⒚偮っ兟ッ嬧�犆⑩偓鈥澝兟偮∶偮兟┟偮幻嬇撁兟偮偮っ兟γ偮犆偮访兟ッ偮济偮� */

h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
hr,
input,
p {
    padding: 0;
    margin: 0;
    list-style: none;
    outline: none;
    border: none;
}

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

li {
    cursor: pointer;
}


/* 4.脙楼脜陆脗禄脙漏芒鈥灺⒚偮っ兟┟偮幻嬇撁兟偮偮っ兟ッ⑩�毬偮久兟γ⑩偓鈥溍呪�溍兟γ⑩偓垄脣鈥犆兟γ吢久呪�� */

em,
i {
    font-style: normal;
}


/* 5.脙楼脜陆脗禄脙漏芒鈥灺⒚偮脙娄脗聽芒鈧∶兟偮偮久兟┟偮幻嬇撁兟偮偮っ兟吢∶⑩偓啪脙陇脗赂芒鈧姑兟ッ嬧�犆⑩偓鈩⒚兟偮好偮�,脙楼脗鹿脗露脙篓脗庐脗戮脙搂脗陆脗庐脙漏脗禄脣艙脙篓脗庐脗陇脙娄芒鈧�溍⑩偓隆脙楼脗颅芒鈧�澝兟┟偮⒚呪�溍兟⑩偓掳脗虏 */

a {
    color: inherit;
    font: inherit;
    text-decoration: none;
    outline: none;
}

a:hover {
    text-decoration: none;
}

a:focus {
    border: none;
    outline: none;
    text-decoration: none;
}


/* 6.脙篓脗庐脗戮脙搂脗陆脗庐img脙搂脜隆芒鈧久兟ッ吢久⑩偓拧脙搂芒鈧好偮疵兟ッ偮偮姑兟┟偮矫偮惷兟γ⑩偓鈥溍偮姑兟ッ偮济偮徝兟っ偮该偮好兟ッ偮泵⑩偓娄脙陇脗赂脗颅脙楼脗炉脗鹿脙漏脗陆脗聬 */

img {
    vertical-align: middle;
    max-width: 100%;
    border: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


/* 7.脙楼脗路脗娄脙楼脗聫脗鲁脙娄脗碌脗庐脙楼脜聽脗篓 */

.fl {
    float: left;
}

.fr {
    float: right;
}


/* 脙娄脗赂芒鈧γ兟┟⑩�灺⒚偮っ兟γ偮得偮兟ッ吢犆偮兟ッ偮矫偮泵兟ッ⑩偓艙脗聧 */

.clearfix::before,
.clearfix::after {
    content: "";
    display: table;
}

.clearfix::after {
    clear: both;
}


/* 脙搂芒鈧懊嬧�犆兟ッ偮棵嗏�櫭兟吢∶⑩偓啪脙楼芒鈧γ偮兟ッ⑩偓娄脗卤脙搂脗卤脗禄 */

.container {
    position: relative;
    width: 1485px;
    margin: 0 auto;
}


/* --------------------- */

.hidden {
    overflow: hidden;
}


/* 脙娄芒鈧�溍⑩偓隆脙搂脗芦脗聽脙楼脣鈥犆⑩偓鈥澝兟偮∶偮兟偮泵偮幻兟ッ偮っ偮疵兟┟嗏�櫭偮兟γ偮犆⑩偓隆脙漏脗垄脣艙 */

.h_title {
    font-family: "SourceHanSerifSC-Regular";
    font-size: 24px;
    line-height: 26px;
    color: #222;
}


/* 脙娄芒鈧�溍⑩偓隆脙搂脗芦脗聽脙楼脣鈥犆⑩偓鈥澝兟偮∶偮兟偮泵偮幻兟ッ⑩偓聽芒鈧γ兟ッ偮偮姑兟γ偮犆⑩偓隆脙漏脗垄脣艙 */

.l_title {
    display: block;
    font-size: 0.16rem;
    line-height: 24px;
    color: #333;
}


/* 脙娄芒鈧�溍⑩偓隆脙搂脗芦脗聽脙楼脣鈥犆⑩偓鈥澝兟偮∶偮兟偮泵偮幻兟ッ⑩偓聽芒鈧γ兟ッ偮偮姑兟γ⑩偓鈥澝偮睹兟┟⑩偓鈥澝偮� */

.l_date {
    font-family: "Georgia";
    font-size: 16px;
    color: #343434;
}


/* 脙楼脜鈥溍⑩偓聽脙楼脗陆脗垄脙娄芒鈧�澝偮睹兟┟⑩偓鈥澝偮� */

.c_date {
    position: relative;
    background-color: #e4f0f7;
    background-image: url("../images/follow4.png");
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
}

.c_date::after {
    position: absolute;
    content: "";
    width: 20px;
    height: 26px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url("../images/xx.png") no-repeat;
    background-size: cover;
}

.c_date {
    font-size: 18px;
    color: #05397f;
}

.c_date .c_month {
    text-align: right;
}


/* 脙娄脗聺脗驴脙楼脗聺芒鈧�澝兟ッ偮っ偮兟γ偮犆⑩偓隆脙漏脗垄脣艙 */

.hd_tit {
    display: block;
}

.hd_tit h2 {
    font-family: "SourceHanSerifSC-Regular";
    font-size: 34px;
    color: #333;
    white-space: nowrap;
}

.hd_tit .hd_en {
    position: relative;
    font-family: "ArialMT";
    padding-left: 40px;
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    color: #c3c5c9;
}

.hd_tit .hd_en::after {
    position: absolute;
    content: "";
    width: 32px;
    height: 6px;
    top: 7px;
    left: 0;
    background-color: #05397f;
}


/* xinzneg */
.notice_lists .h_title, .news_lists .h_title {padding: 20px 30px 10px;}
.h_title {align-items: center;padding: 20px 30px 10px;border-bottom: 2px solid #f0f1f2;}
.h_title a{display: block;margin-bottom: 0.05rem;}
.h_title span{display: block;font-size:0.14rem;color: #cecdcd;position: relative;z-index: 1;padding-left: 0.35rem;font-family: arial;}
.h_title span::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 0.28rem;height: 0.05rem;background-color: #05397f;}
.h_title img{height: 6px;}
.nb_con .h_title{padding:20px 0 10px;margin-bottom: 0.2rem;}

.nb_con .l_date{color: #343434;opacity: .5;margin-top: 0.1rem;}
.xw1 li{padding-left: 60px;background: url(../images/xw_ico1.png) no-repeat left 30px center;}
.xw1 li:nth-child(1){background: none;}
.xw2 li{padding-left: 45px;background: url(../images/new_ico.png) no-repeat left center;}   
.xw2 li:nth-child(5),.xw2 li:nth-child(6),.xw2 li:nth-child(7),.xw2 li:nth-child(8){background: url(../images/xw_ico2.png) no-repeat left 8px center;}
.xw3 .ol_con{display: flex;justify-content: space-between;align-items: center;}
.xw3 .ol_con .mt{width: 1.2rem;padding-right: 0.2rem;}
.xw3 .ol_con a{width: calc(100% - 1.2rem);padding: 0.15rem 0.25rem 0.15rem 0.1rem;border-bottom: 1px solid #eff0f1;font-size: 0.16rem;line-height: 24px;color: #333;}
.xw3 .ol_con .mt img{border: 1px solid #ededed;}
.xw3 li{margin-bottom: 0;}
.xw3 li:nth-child(1) a{padding-top: 0;}
.xw1 .h_title{padding-left: 30px;}
.xw2  li:before,.xw1  li:before{bottom: -5px;}
.xw3 li:hover:before,.xw1 li:hover:nth-child(1)::before{width: 100%;}
.xw1 li:nth-child(1)::before{bottom: 0;}
.one_lists:last-child ul{padding-right: 0;}
.one_lists li:last-child{margin-bottom: 0;}
.row7 .hd_tit{/* margin: auto; *//* width: 1.5rem; */}
.row7 .hd_tit h2{font-size: 0.26rem;text-align: center;}
.row7 .hd_tit .hd_en{color: #677eb1;position: absolute;left: 50%;margin-left: -0.5rem;margin-top: 0.05rem;}
.jjgz{padding: 1.1375rem 0 .7rem;}
.gz{overflow: hidden;height: 100%;position: relative;}
.gz img{transition: 0.5s;width: 100%;height: 100%;object-fit: cover;}
.gz:hover img{transform: scale(1.05);}
.jjgz-1 li{width: 50%;}
.jjgz a{display: block;position: relative;transition: 0.5s;z-index: 1;height: 100%;}
.jjgz a p{position: absolute;left: 0;right: 0;bottom: 0;/* height: 1rem; */color: #fff;font-size: 0.24rem;}
.jjgz a::after{position: absolute;content: "";left: 0;top: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, 0.5);width: 100%;height: 100%;transition: 0.5s;z-index: 1;}
.jjgz a:hover::after{width: 0;}
.jjgz-2 li{width: 26.6%;}
.jjgz-2 li:nth-child(2){width: 46.8%;}
.jjgz .gz::before{content: "";position: absolute;left: 0.4rem;bottom: 0;width: 0;height: 0.12rem;background: #fff;transition: 0.5s;z-index: 10000;}
.jjgz a p span{position: relative;display: block;padding: 0.35rem 0.4rem;z-index: 1000;    height: 1rem;}
.jjgz a p span::after{position: absolute;content: "";left: 0;top: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, 0.2);width: 100%;height: 1rem;transition: 0.5s;z-index: -1;}
.jjgz a:hover .gz::before{width: 2.5rem;}
.jjgz a:hover p{background: none;}

 @media (max-width: 1280px) { 
    .xw3 li{margin-bottom: 0 !important;}
}
@media (max-width: 991px) {
    .jjgz a p span{height: auto;padding: 0.15rem;font-size: 0.18rem;color: #fff;}
    .xw1 li, .xw2 li:nth-child(5), .xw2 li:nth-child(6), .xw2 li:nth-child(7), .xw2 li:nth-child(8) {
        padding-left: 20px;
        background: url(../images/xw_ico1.png) no-repeat left center;
        background-size: 12px auto;
    }
    .xw2 li{
        padding-left: 20px;
        background: url(../images/new_ico.png) no-repeat left center;
        background-size: 12px auto;
    }
    .one_lists ul{padding: 0;}
    .jjgz a p span::after{height:0.5rem;}
}
@media (max-width: 768px) {
    .jjgz-1 li,.jjgz-2 li:nth-child(2){width: 80%;}
    .jjgz-1{margin-bottom:20px;flex-wrap: nowrap;justify-content: flex-start;}
    .jjgz-2{flex-wrap: nowrap;justify-content: flex-start;}
    .jjgz-2 li{width: 50%;}
    .jjgz li{height: 2.5rem;}
    .jjgz a::after{background: none;}
    .jjgz{overflow-x: scroll;padding: 0.7rem 0 0.3rem;}
    .jjg{display: flex;justify-content:flex-start;flex-wrap: nowrap;width: 1600px;}
	
	.nb_con{ padding:20px 10px 20px}
}
@media (max-width: 420px) {
    .jjgz-1 li,.jjgz-2 li:nth-child(2){ width:320px;}
    .jjgz li{height: 2rem;}
    .jjgz-2 li{width: 200px;}

}

