/*top*/
.top01{ width:1200px; height:140px; margin:0px auto; background:url(../images/top_bg.png) no-repeat center;}
.logo{ width: 483px; height:68px; padding-top:36px;}
.top01_r{ width:380px; height:140px;}
.hylogin{ width:380px; height:40px; text-align:right; line-height:40px;}
.search{ width:380px; height:40px;}
.search .bg{ width:273px; height:38px; background:#fff; padding-left:16px; border:1px solid #d2d2d2; border-right:0px; }
.search .bg .txt1{ background:#fff; height:30px; line-height:40px; border:1px solid #fff; margin-top:4px;}
.search .btn{ width:90px; height:40px;}
.dh{ width:380px; height:45px; line-height:45px; font-size:18px; color:#e22319; text-align:right; font-weight:bold;}


.fl{ float:left;}
.fr{ float:right;}
.navbar{
    height:186px;
}
.f12_o {
    font-size: 14px;
    color: #fe9b02;
}
.navbar .top{ width:1200px; height:140px; margin:0px auto;background: url(../../resource/images/red/top_bg.png) no-repeat center;}
.navbar .top .logo{ width:483px; height:80px; padding-top:30px;}
.navbar .top .search{ width:380px; height:40px; }
.navbar .top .search .bg{ width:273px; height:40px; background:#f5f6fa;}
.navbar .top .search .bg .txt1{ width:100%;background:#fff; padding: 12px 10px;background: #F5F6FA;line-height: 16px; border:none; outline: none;display: block;box-sizing: border-box;}
.navbar .top .search .btn{ width:80px; height:40px;}
.navbar .top .search .btn button{ border: none}
.topnav{ width:1200px; height:40px; margin:0px auto;
    /*background: #f5f6fa;*/
    display: flex; }
.topnav div{ width:133px; height:46px; line-height:46px; text-align:center; color:#333;font-weight:500; }
.topnav .on{ background:#015aa8; color:#fff;}
.nav{
    width: 100%;
    height: 46px;
   /* background: #cd0102;*/
    background:#ffffff;
    border-bottom: 2px solid red;
}
.navbar .list { width: 100%;display: flex;}
.navbar .list>li {
   /* flex-grow: 1;*/
    min-width: 120px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    /*background-color: #cd0102;*/
    background-color: #ffffff;
    transition: all 0.5s ease-out;
    z-index: 10;
    position: relative;
}
.navbar .list>li a{
    /*color: #fff;*/
    color: #333333;
    display: inline-block;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
}

.navbar .list>li.active {
    /*background-color: #fe9b02;*/
    background-color: #cd0102;
}
.navbar .list>li:hover {
    background-color: #FEAC16;
}
.navbar .list>li.active a{
    color: #fff;
}
.navbar .list>li:hover a{
    color: #fff;
}
.navbar .son {
    display: none;

}
.navbar .son div{
    width:100%;
}
.navbar .list>li:hover .son {
    display: block;
}
.navbar .list .son {
    width: 100%;
    height: auto;
    color: #fff;
    background-color: #cd0102;
    position: absolute;
}
.navbar .list .son a:hover {
    background-color: red;
}





#index-banner {
    position: relative;
    height: 310px;
    width: 1200px;
    margin: auto;
    margin-top: 12px;
}
.swiper-container {
    position: absolute;
    height: 310px;
    width: 100%;
}
.swiper-slide {
    background-position: center 0;
    background-repeat: no-repeat;
    box-sizing: content-box;
    float: left;
}
.swiper-pagination-bullet {
    margin: 1px;
    width: 42px;
    height: 11px;
    display: inline-block;
    background: #fff;
    border-radius:0;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}

.swiper-button-prev {
    width: 32px;
    height: 40px;
    background: url(../images/slider-arrow.png) -110px 5px no-repeat;
    filter: alpha(opacity=50);
    opacity: 0.7;
    display: inline-block;
}
.swiper-button-next {
    width: 32px;
    height: 40px;
    background: url(../images/slider-arrow.png) -55px 5px no-repeat;
    filter: alpha(opacity=50);
    opacity: 0.7;
    display: inline-block;
}
.swiper-button-prev:hover,
.swiper-button-next:hover{
    filter: alpha(opacity=100);
    opacity: 1;
}

.footer-navigation{
    float: left;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 85%;
}
.footer-navigation .box .title {
    font-size: 14px;
    color: #fff;
    font-weight: bolder;
    padding-top: 8px;
    padding-left: 12px;
    margin-bottom: 12.5px;
    float: left;
    width: 10%;
}
.footer-navigation .list{
    float: left;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 85%;
}
.footer-navigation .list .item {
    box-sizing: border-box;
    height: 30px;
    line-height: 30px;
    margin-bottom: 8px;
    text-align: left;
    padding-right: 20px;
    position: relative;
    box-sizing: border-box;

}
.footer-navigation .list .item:last-child {
    margin-right: 0;
}
.footer-navigation .list .item:nth-child(even){
    margin-right: unset;
}
.footer-navigationu .list .item1:hover:after {
    content: "";
    position: absolute;
    left: 40%;
    width: 55%;
    margin-left:-40px;
    border-bottom: 0;
    border-bottom:1px solid var(--theme-color)
}

.footer-navigation .list .text {
    font-size: 14px;
    font-weight: normal;

}
.footer-navigation .list a {
    color: #fff;
}
.footer-navigation .list a :hover:after {
    color: #4c45ff;
    text-decoration:overline;
}