* { margin: 0; padding: 0;}
/* 基础设置：1rem = 100px */
html {font-size: 93px;}
img { display: inline-block;}
a { text-decoration: none; display: block;}
li {list-style: none;}

.w1520{width: 15.2rem; margin: 0 auto;}
.w1200{width: 12rem; margin: 0 auto;}
body{font-family: "SourceHanSansCNMedium";}

@font-face{
    font-family: "hxbns";
    src: url(../font/hxbns.otf);
}
@font-face{
    font-family: "SourceHanSansCNBold";
    src: url(../font/SourceHanSansCN-Bold.otf);
}
@font-face{
    font-family: "SourceHanSansCNMedium";
    src: url(../font/SourceHanSansCN-Medium.otf);
}
@font-face{
    font-family: "SourceHanSerifCNSemiBold";
    src: url(../font/SourceHanSerifCN-SemiBold-7.otf);
}


/* 头部1 */
.topnav{background-color: #D9D9D9; height: .42rem;}
.topnav_content{display: flex; align-items: center; height: 100%; justify-content: space-between;}
.topnav_content_left{display: flex;align-items: center; height: 100%;}
.topnav_logo{width: .9rem; height: .24rem;    font-size: 0;}
.topnav_logo img{width: 100%; height: 100%;}
.topnav_text{font-size: .16rem; color: #999999; margin-left: .4rem;}
.topnav_content_right{display: flex;}
.topnav_itme {position: relative; margin-right: .24rem;}
.topnav_itme a{font-size: .16rem; color: #999999;}
.topnav_itme:last-child{margin-right: 0;}
.topnav_itme::before{content: ""; width: .02rem; height: .14rem; background-color: #999999; display: block;position: absolute;top: .04rem; right: -.15rem;;}
.topnav_itme:last-child::before{display: none;}
.Title img{width:2.3rem}
/* 头部2 */
.title_box{display: flex;justify-content: space-between; align-items: center; padding: .35rem 0;}
.Title a{font-size: .4rem; color: #262626; font-family: hxbns;}
.search{width: 5.26rem; height: .46rem; border-radius: .08rem; overflow: hidden; border: .01rem solid #C4C4C4; position: relative;}
.search img{width: .2rem;height: .2rem; position: absolute; top: 50%; transform: translateY(-50%); right: .2rem;}
.search input{display: block;border: none;text-align: left; width: 100%; height: 100%;  outline: none; box-sizing: border-box; padding-left: .2rem;}
.matrix{display: flex;}
.matrix_itme:nth-child(1){margin-right: .5rem; position: relative;}
.matrix_itme{display: flex; flex-direction: column; align-items: center; position: relative;}
.matrix_itme>img{ width:.48rem;height: .48rem;}
.matrix_itme>a{font-size: .14rem; color: #1B1B1B; margin-top: .03rem;}

.matrixlist{width: 2.05rem; top: .7rem; visibility: hidden; opacity: 0; left: -1.35rem; padding: .2rem; z-index: 1; box-sizing: border-box; background-image: url(../image/40.png); background-size: 100% 100%; position: absolute; }
.matrixlist li{border-bottom: 0.01rem dashed #B1B1B1; height: .38rem;display: flex; align-items: center;}
.matrixlist li:last-child{border-bottom: none;}
.matrixlist li:hover a{color:#E01417 ;}
.matrixlist li a{font-size: .18rem; display: flex; color: #000000;}
.matrixlist li a img{width: .28rem; height: .28rem; margin-right: .1rem;}
.matrix_itme a:nth-child(1){margin-top:0;/* display: block; */font-size: 0;}
.matrix_itme a:nth-child(1)>img{ width:.48rem;height: .48rem;}

.matrix_itme:hover .matrixlist{visibility: visible; opacity: 1;}
.matrixlist li:nth-child(1)>img{width: 1rem; position: absolute; left: 100%; visibility: hidden; opacity: 0;}
.matrixlist li:nth-child(1):hover>img{ visibility: visible;opacity: 1;}
.matrixlist li:nth-child(2)>img{width: 1rem; position: absolute; left: 100%; visibility: hidden; opacity: 0;}
.matrixlist li:nth-child(2):hover>img{ visibility: visible;opacity: 1;}

/* 导航栏 */
.nav{background-color: #C11920; height: .65rem; position: relative;}
.nav_list{display: flex; align-items: center; justify-content: space-between; height: 100%;}
.nav_list li{height: 100%; display: flex; align-items: center;position: relative;}
.nav_list a{font-size: .22rem; color: #fff;}
.ernav_list{width: 5rem; height: 0; overflow: hidden; transition: all .5s; padding: 0 .2rem;   position: absolute; right: 0; top: .7rem;}
.ernav_list{background-color: #C11920; display: flex; align-items: center; justify-content: space-between;}
.ernav_list li{height: 100%; display: flex; align-items: center;}
.ernav_list a{font-size: .18rem; color: #fff;}

.nav_list li::before{content: "";width: 100%; height: .05rem; background: #fbec00; position: absolute; left: 0; bottom: .0rem; display: none;}
.nav_list li:hover::before{display: block;}
.nav_list li:hover a{font-weight: bold;}


.footer{padding: .59rem 0; box-sizing: border-box; background-color: #F5F6F7;}
.footer p{color: #666666; font-size: .18rem; text-align: center; line-height: 2;}
.footer_image{margin-top: .16rem;}
.footer_image a{width: 1.13rem; height: .46rem;font-size:0;}
.footer_image a:nth-child(1){margin-right: .47rem;}
.footer_image a img{width: 100%; height: 100%;}
.footer_image {display: flex; justify-content: center;}


.calendar{height: 0; overflow: hidden; transition: all 1s}
.h20{height: .3rem;}
.calendar ul {display: flex; justify-content: center;}
.calendar ul li:nth-child(1){margin-right: 2rem;}
.calendar ul li a{font-size: 0;}
.calendar ul li a img{width: 1.5rem; }