﻿* {
    margin: 0;
    padding: 0;
}
html {
    scroll-behavior: smooth;
}
a {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}

li {
    list-style-type: none;
}

.body{
    min-width: 1356px;
}


/* 全局引用 */
/* 设置 整体栅栏布局的宽度，不可删除 */
@media screen and (min-width:1500px){
    .container {
        min-width: 1440px !important;
    }
}

@media screen and (max-width: 1356px){
    .container {
        min-width: 1356px !important;
    }

}

/* 顶部logo */
.header {
    background-color: #ca1c1d;
    height: 200px;
    margin: 0;
    padding: 0;
    position: relative;
}

@media screen and (min-width:1500px){
    .header .head .logo1,
    .header .head .logo2{
        display: none;
    }

    .header .head .logo{
        display: block;
    }
}

@media screen and (max-width:1500px){
    .header .head .logo1,
    .header .head .logo2{
        display: block;
    }

    .header .head .logo{
        display: none;
    }
}

.header .head {
    /* background-image: url(../images/logo333.png) ; */
    height: 150px;
    width: 100%;
    /*overflow: hidden;*/
    /* padding-bottom: 5px; */
    /* background-size: contain;
    background-repeat: no-repeat , no-repeat;
    background-position-y: center center;
    background-position-x:right left ; */
}

/* TODO 添加照片 */

.header .head .logo {
    width: 100%;
    height: 100%;
}


.header .head .logo img {
    height: 100%;
    width: 100%;
    /*max-width: 1600px;*/

}




.header .head .logo2 img,
.header .head .logo1 img {
    height: 100%;
    width: 100%;
}

.header .head .logo1 {
    width: 636px;
    height: 150px;
    float: left;
}

.header .head .logo2 {
    width: 701px;
    height: 150px;
    float: right;
}

/* 顶部logo结束 */


/* 导航栏 */
.header .navf {
    height: 50px;
    width: 100%;
    margin: 0;
    padding: 0;
    /* margin: 0 auto; */
    /* min-width: 1100px; */
    background-color: #94072a;
}
.header .nav {
    height: 50px;
    max-width: 100%;
    width: 1250px;
    /* width: 100%; */
    /* min-width: 1100px; */
    margin: 0 auto;
}

.nav ul a {
    color: #fff;
}

.nav ul > li {
    list-style: none;
    cursor: pointer;
    float: left;
    font-size: 16px;
    width: 120px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
}

.nav ul > li a {
    display: inline-block;
    width: 120px;
    height: 50px;
}

.nav ul>li:hover {
    background-color: whitesmoke;
    font-weight: bold;
    color: #ca1c1d;
}
.nav ul > li:hover a{
    color: #ca1c1d;
}
.nav ul>li:hover ol li {
    font-weight: normal;
}
.nav ul>li:hover ol {
    display: block;
    
}
.nav ul>li>ol {
    display: none;
    background-color: whitesmoke;
    width: 150px;

}
.nav ul li ol li:hover {
    font-weight: bold;
    background-color: whitesmoke;
}
.nav ul > li > ol > li {
    list-style: none;
    opacity: 0.8;
    position: relative;
    z-index: 3;
    cursor: pointer;
    background-color: whitesmoke;
    color: #fff;
    font-size: 14px;
    height: 40px;
    width: 150px;
    line-height: 40px;
}
.nav ul>li>ol>li a {
    display: inline-block;
    width: 150px;
    height: 40px;
}

/* 导航栏结束 */

/* 缩小后的导航栏 */

.tubiao {
    position: absolute;
    height: 34px;
    width: 34px;
    top: 30px;
    right: 30px;
    margin-right: 20px;
    display: none;
}
.tubiao button span {
    font-size: 20px;
}
.tubiao button {
    color: #fff;
    background-color: #ca1c1d;
    height: 40px;
    width: 40px;
    border: #ca1c1d;
    border-radius: 5px;
}

.navf_c {
    position: absolute;
    width: 100px;
    right: 53px;
    top: 70px;
    height: 0;
    overflow: hidden;
    transition: 0.7s;
    z-index: 99;
}

.navf_c ul li{
    list-style: none;
    cursor: pointer;
    text-align: center;
    background-color: black;
    opacity: 0.5;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
}

.navf_c ul li:hover {
    opacity: 0.7;
}

.navf_c ul li a {
    color: white;
}

/* 缩小后的导航栏结束 */

/* 轮播图 */
.slider{
    margin: 0;
    padding: 0;
    height: 500px;

    /*height: 600px;*/
}

.slider .swiper1 {
    height: 100%;
    width: 100%;
}

.slider .swiper .swiper-slide img {
    width: 100%;
    height: 100%;
}

.swiper1 .swiper-button-next,
.swiper1 .swiper-button-prev{
    color: white !important;
}


/* 导航栏的适应屏幕 */


/*@media screen and (max-width:1000px ){*/
/*    .navf {*/
/*        display: none;*/
/*    }*/
/*    .tubiao {*/
/*        display: block;*/
/*    }*/
/*}*/

/*!* 轮播图消失和大小的限制 *!*/
/*@media screen and (max-width:1000px ){*/
/*    .slider {*/
/*        display: none;*/
/*    }*/
/*}*/

/*@media screen and (min-width:1550px ){*/
/*    .slider {*/
/*        height: 600px;*/
/*    }*/
/*}*/