/* @font-face {
    font-family: 'AlibabaPuHui';
     来自 https://fonts.alibabagroup.com/#/font ，使用阿里云公共服务以加快下载速度 
    src:
        url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-55-Regular/AlibabaPuHuiTi-2-55-Regular.woff2) format('woff2'),
        url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-55-Regular/AlibabaPuHuiTi-2-55-Regular.woff) format('woff'),
        url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-55-Regular/AlibabaPuHuiTi-2-55-Regular.otf) format('opentype'),
        url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-55-Regular/AlibabaPuHuiTi-2-55-Regular.eot) format('embedded-opentype'),
        url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-55-Regular/AlibabaPuHuiTi-2-55-Regular.ttf) format('TrueType'),
        url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-45-Light/AlibabaPuHuiTi-3-45-Light.eot) format('embedded-opentype'),
        url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-45-Light/AlibabaPuHuiTi-3-45-Light.otf) format('opentype'),
        url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-45-Light/AlibabaPuHuiTi-3-45-Light.ttf) format('TrueType'),
        url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-45-Light/AlibabaPuHuiTi-3-45-Light.woff) format('woff'),
        url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-45-Light/AlibabaPuHuiTi-3-45-Light.woff2) format('woff2'),
        url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-85-Bold/AlibabaPuHuiTi-3-85-Bold.eot) format('embedded-opentype'),
        url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-85-Bold/AlibabaPuHuiTi-3-85-Bold.otf) format('opentype'),
        url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-85-Bold/AlibabaPuHuiTi-3-85-Bold.ttf) format('TrueType'),
        url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-85-Bold/AlibabaPuHuiTi-3-85-Bold.woff) format('woff'),
        url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-85-Bold/AlibabaPuHuiTi-3-85-Bold.woff2) format('woff2');
     在字体没有下载完成之前，使用默认字体显示，避免空白 
    font-display: swap;
} */

*{
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
    font-family: "Microsoft YaHei";}
.container{
    width: 1180px;
    margin: auto;}
.header{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    background-color: #B11005;}
.head{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;}
.head-left{
    width: 450px;}
.head-left a{
    width: 100%;
    display: block;}
.head-left a img{
    width: 100%;
    display: block;}
.head-right{
    width: calc(100% - 500px);}
.head-right ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;}
.head-right ul li{
    width: 14.285%;}
.head-right ul li a{
    font-size: 18px;
    color: #fff;
    display: block;
    text-align: center;
    padding: 35px 0;}
.banner{
    margin-top: 94px;}
.banner img{
    width: 100%;
    display: block;}
.news{
    padding: 20px 0;}
.news-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
.news-left{
    width: 66%;}
.news-top{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #979797;}
.news-top h2{
    font-size: 24px;
    color: #191919;
    font-weight: normal;
    padding-bottom: 10px;
    position: relative;}
.news-top h2::after{
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #B11005;
    position: absolute;
    bottom: 0;
    left: 0;}
.news-top p{}
.news-top p a{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;}
.news-top p a i{
    font-size: 16px;
    color: #B11005;}
.news-top p a span{
    font-size: 16px;
    color: #333333;
    margin-left: 10px;}
.news-cont{
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
.news-cont-a{
    width: 48.5%;}
.news-cont-a:hover img{
    transform: scale(1.1);}
.news-img{
    overflow: hidden;}
.news-img img{
    width: 100%;
    height: 241px;
    object-fit: cover;
    display: block;
    transition: .3s ease-in;}
.news-cont h2{
    font-size: 16px;
    color: #333333;
    margin-top: 10px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.news-cont h3{
    font-size: 14px;
    line-height: 24px;
    font-weight: 200;
    color: #333333;
    margin-top: 10px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.news-cont p{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 9px;}
.news-cont p span{
    font-size: 14px;
    color: #B11005;}
.news-right{
    width: 32%;}
.news-right-cont{}
.news-right-cont a:hover .news-right-z{
    background-color: #B11005;}
.news-right-cont a:hover .news-right-z h2{
    color: #fff;}
.news-right-cont a:hover .news-right-z p{
    color: #fff;}
.news-right-p{
    padding: 14px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #CACACA;}
.news-right-z{
    width: 70px;
    /* padding: 10px 0; */
    background-color: #F2F4F6;}
.news-right-z h2{
    font-size: 18px;
    line-height: 25px;
    padding-top: 10px;
    color: #B11005;
    text-align: center;
    font-weight: 400;}
.news-right-z p{
    font-size: 14px;
    line-height: 25px;
    padding-bottom: 10px;
    color: #B11005;
    text-align: center;}
.news-right-y{
    width: calc(100% - 90px);}
.news-right-y p{
    font-size: 16px;
    line-height: 30px;
    color: #333333;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.news-one{
    padding: 20px 0;
    background: url(../img/news-bj.png) no-repeat center;
    background-size: cover;}
.news-one-all{}
.news-one-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
.news-one-cont{
    width: 32%;}
.news-one-cont>a{
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid #CACACA;}
.news-one-cont>a p{
    font-size: 16px;
    line-height: 30px;
    color: #333333;
    min-height: 60px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: .3s ease-in;}
.news-one-cont>a p:hover{
    color: #b11005;
    font-weight: bold;}
.fazhan{
    padding: 20px 0;
    background: url(../img/fz-bj.png) no-repeat -40px 16%;
    background-size: cover;
    overflow: hidden;}
.fazhan-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
.fazhan-left{
    width: 45%;}
.fazhan-left h2{
    border-bottom: 1px solid #979797;
    margin-bottom: 20px;}
.fazhan-left h2 p{
    display: inline-block;
    font-size: 24px;
    color: #191919;
    font-weight: normal;
    position: relative;
    padding-bottom: 10px;}
.fazhan-left h2 p::after{
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #B11005;
    position: absolute;
    bottom: 0;
    left: 0;}
.fazhan-left-cont{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: -2px;}
.fazhan-kuai{
    width: 82px;
    height: 82px;
    position: relative;}
.fazhan-kuai p{
    width: 20px;
    height: 20px;
    background-color: #B11005;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);}
.fazhan-zi{
    width: calc(100% - 140px);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;}
.fazhan-year{}
.fazhan-year p{
    font-size: 24px;
    line-height: 27px;
    color: #B11005;
    font-weight: bold;
    font-style: italic;
    font-family: initial;}
.fazhan-xian{
    width: 30px;
    height: 2px;
    background-color: #B11005;
    margin: 0 20px;}
.fazhan-p{
    width: calc(100% - 130px);}
.fazhan-p p{
    font-size: 20px;
    color: #333333;
    font-weight: bold;}
 .fazhan-left-cont:nth-child(1) .fazhan-kuai::before{
    content: "";
    display: block;
    width: 10000%;
    height: 2px;
    background-color: #b11005;
    position: absolute;
    top: 0;
    left: 50%;}
.fazhan-left-cont:last-child .fazhan-kuai::before{
    content: "";
    display: block;
    width: 10000%;
    height: 2px;
    background-color: #b11005;
    position: absolute;
    bottom: 0;
    left: calc(-10000% + 45px);}
.fazhan-left-cont:nth-child(1){
    margin-top: 0px;}
.fazhan-left-cont:nth-child(2n) .fazhan-kuai::after{
    content: "";
    display: block;
    width: 41px;
    height: 82px;
    background: url(../img/y-circle.png) no-repeat center;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;}
.fazhan-left-cont:nth-child(2n-1) .fazhan-kuai::after{
    content: "";
    display: block;
    width: 41px;
    height: 82px;
    background: url(../img/z-circle.png) no-repeat center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;}
.fazhan-right{
    width: 52%;}
.fazhan-right h2{
    border-bottom: 1px solid #979797;
    margin-bottom: 22px;}
.fazhan-right h2 p{
    display: inline-block;
    font-size: 24px;
    color: #191919;
    font-weight: normal;
    position: relative;
    padding-bottom: 10px;}
.fazhan-right h2 p::after{
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #B11005;
    position: absolute;
    bottom: 0;
    left: 0;}
.fazhan-right-cont{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
.fazhan-right-cont a{
    width: 48%;
    margin-bottom: 20px;
    display: block;
    position: relative;}
.fazhan-right-cont a:nth-child(3),
.fazhan-right-cont a:nth-child(4){
    margin-bottom: 0;}
.fazhan-right-cont a:hover img{
    transform: scale(1.1);}
.fazhan-img{
    overflow: hidden;}
.fazhan-img img{
    width: 100%;
    height: 230px;
    object-fit: cover;
    display: block;
    transition: .3s ease-in;}
.fazhan-right-cont p{
    width: 100%;
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(25,25,25,.6);}
.footer{
    background-color: #900005;}
.foot{}
.foot-top{
    padding: 20px 0;
    border-bottom: 1px solid #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;}
.foot-left{}
.foot-left a{
    width: 400px;
    display: block;}
.foot-left a img{
    width: 100%;
    display: block;}
.foot-zhong{}
.foot-zhong p{
    font-size: 14px;
    color: #fff;}
.foot-zhong p:last-child{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;}
.foot-zhong p span{
    font-size: 14px;
    color: #fff;}
.foot-right{}
.foot-right img{
    width: 90px;
    height: 90px;
    display: block;}
.foot-di{
    padding: 10px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
.foot-di p{
    font-size: 14px;
    color: #fff;}
.foot-di p a{
    color: #fff;}
.qingdian{
    padding: 35px 0;}
.qingdian-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -4%;}
.qingdian-cont{
    width: 29.3%;
    margin-left: 4%;
    margin-bottom: 20px;}
.qingdian-cont:hover img{
    transform: scale(1.1);}
.qingdian-cont:hover h2{
    color: #B11005;}
.qingdian-img{
    overflow: hidden;}
.qingdian-img img{
    width: 100%;
    height: 250px;
    object-fit: cover;
    display: block;
    transition: .3s ease-in;}
.qingdian-cont h2{
    font-size: 16px;
    color: #333333;
    margin-top: 10px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.qingdian-cont h3{
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    min-height: 40px;
    font-weight: normal;
    margin-top: 10px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.qingdian-cont p{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 10px;}
.qingdian-cont span{
    font-size: 16px;
    color: #B11005;}
.page{
    margin-top: 30px;}
.page ul{
    width: max-content;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;}
.page ul li{
    width: 30px;
    height: 30px;
    margin: 0 10px;
    background-color: #F3F3F4;}
.page ul li a{
    display: block;
    font-size: 14px;
    line-height: 30px;
    color: #333333;
    text-align: center;}
.qingdian-detail{
    margin-top: 95px;
    background-color: #F7F7F7;
    padding: 35px 0;}
.qd-detail-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;}
.qd-detail-left{
    width: 70%;}
.qd-detail-left-all{
    padding: 35px;
    background-color: #fff;
    box-sizing: border-box;}
.qd-detail-top{
    padding-bottom: 20px;
    border-bottom: 1px solid #E4E4E4;}
.qd-detail-top h2{
    font-size: 24px;
    line-height: 30px;
    color: #191919;
    font-weight: normal;}
.qd-share{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 10px;}
.qd-share p{
    font-size: 14px;
    color: #666666;}
.qd-share p a{
    float: left;
    margin-left: 10px;
    display: block;}
.qd-share p a i{
    font-size: 16px;
    color: #666666;}
.qd-detail-cont{
    margin-top: 30px;}
.qd-detail-cont img {
    max-width: 100%;
    height: auto;}
.qd-page{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background-color: #900005;
    padding: 20px;
    box-sizing: border-box;
    margin-top: 30px;}
.qd-page a{
    font-size: 14px;
    color: #fff;
    display: block;}
.qd-page a i{
    font-size: 16px;
    color: #fff;}
.qd-detail-right{
    width: 26%;
    padding: 20px;
    background-color: #fff;
    box-sizing: border-box;}
.tuijian{}
.tuijian h1{
    font-size: 24px;
    line-height: 30px;
    color: #333333;
    font-weight: normal;
    position: relative;
    padding-left: 20px;}
.tuijian h1::before{
    content: "";
    display: block;
    width: 2px;
    height: 100%;
    background-color: #b11005;
    position: absolute;
    top: 0;
    left: 0;}
.tuijian-top{
    position: relative;
    margin-top: 20px;}
.tuijian-img{
    overflow: hidden;}
.tuijian-img img{
    width: 100%;
    display: block;
    transition: .3s ease-in;}
.tuijian-top p{
    width: 100%;
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    position: absolute;
    bottom: 0;
    left: 0;}
.tuijian-top p a{
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.tuijian-top:hover img{
    transform: scale(1.1);}
.tuijian a{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;}
.tuijian a:hover img{
    transform: scale(1.1);}
.tuijian a .tuijian-img{
    width: 48%;}
.tuijian-p{
    width: 48%;}
.tuijian-p h2{
    font-size: 16px;
    line-height: 30px;
    min-height: 60px;
    color: #333333;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.tuijian-p p{
    font-size: 14px;
    color: #B11005;
    margin-top: 10px;}
.tongzhi{
    padding: 35px 0;}
.tongzhi-all{}
.tongzhi-all a{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid #CACACA;
    position: relative;}
.tongzhi-all a::after{
    content: "";
    display: block;
    width: 0;
    height: 1px;
    background-color: #b11005;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: .3s ease-in;}
.tongzhi-all a:hover::after{
    width: 100%;}
.tongzhi-all a:hover .tongzhi-left{
    background-color: #b11005;}
.tongzhi-all a:hover .tongzhi-left h2{
    color: #fff;}
.tongzhi-all a:hover .tongzhi-left p{
    color: #fff;}
.tongzhi-left{
    width: 200px;
    height: 200px;
    position: relative;
    background-color: #F7F7F7;
    transition: .3s ease-in;}
.tongzhi-p{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);}
.tongzhi-p h2{
    font-size: 30px;
    color: #333333;
    font-weight: normal;
    text-align: center;}
.tongzhi-p p{
    font-size: 14px;
    color: #333333;
    text-align: center;
    margin-top: 10px;}
.tongzhi-right{
    width: calc(100% - 240px);}
.tongzhi-right h2{
    font-size: 16px;
    color: #333333;
    font-weight: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.tongzhi-right p{
    font-size: 14px;
    color: #909090;
    line-height: 28px;
    margin-top: 20px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.tongzhi-more{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 20px;}
.tongzhi-more span:first-child{
    font-size: 16px;
    color: #333333;
    display: inline-block;
    border-bottom: 1px solid #333333;}
.tongzhi-more span:last-child{
    background-color: #b11005;
    display: inline-block;
    margin-left: 10px;}
.tongzhi-more span:last-child i{
    font-size: 16px;
    color: #fff;
    padding: 5px;
    display: block;}
.tongzhi-a{}
.tongzhi-a a{
    width: 100%;
    display: block;
    padding: 20px 0;
    border-bottom: 1px solid #CACACA;}
.tongzhi-a a span{
    font-size: 14px;
    color: #666666;}
.tongzhi-a a h2{
    font-size: 16px;
    line-height: 30px;
    color: #333333;
    margin-top: 10px;
    font-weight: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.zhuti{
    padding: 35px 0;}
.zhuti-top{}
.zhuti-top ul{
    width: max-content;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #F7F7F7;
    border-radius: 25px;
    padding: 5px;
    box-sizing: border-box;}
.zhuti-top ul li{}
.zhuti-top ul li a{
    display: block;
    font-size: 16px;
    color: #333333;
    padding: 10px 30px;
    text-align: center;}
.zhuti-top ul .active a{
    border-radius: 25px;
    background-color: #b11005;
    color: #fff;
}
.zhuti-content{
    margin-top: 20px;}
.zhuti-cont{}
.zhuti-cont a{
    padding: 20px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px solid #CACACA;}
.zhuti-cont a:hover img{
    transform: scale(1.1);}
.zhuti-cont-left{
    width: 30%;
    overflow: hidden;}
.zhuti-cont-left img{
    width: 100%;
    display: block;
    transition: .3s ease-in;}
.zhuti-cont-right{
    width: 65%;}
.zhuti-cont-right h2{
    font-size: 16px;
    line-height: 30px;
    color: #191919;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.zhuti-cont-right p{
    font-size: 14px;
    line-height: 28px;
    color: #333333;
    margin-top: 20px;
   
    display: -webkit-box;
    -webkit-line-clamp: 4;
  
  }
.fz{
    padding: 60px 0;
    background: url(../img/fz-bj.png) no-repeat 0 -7%;
    background-size: cover;}
.fz-all{
    position: relative;}
.fz-xian{
    width: 2px;
    height: 100%;
    background-color: #CACACA;
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translate(-50%,0);}
.fz-content{}
.fz-cont{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
.fz-cont-left{
    width: 50%;
    padding-left: 30px;
    box-sizing: border-box;}
.fz-cont-right{
    width: 50%;
    padding-left: 30px;
    box-sizing: border-box;}
.fz-cont-right h2{
    font-size: 20px;
    line-height: 40px;
    color: #191919;
    font-weight: normal;
    position: relative;}
.fz-cont-right h2::after{
    content: "";
    display: block;
    width: 20px;
    height: 15px;
    background: url(../img/fz-you.png) no-repeat center;
    background-size: cover;
    position: absolute;
    top: 10px;
    left: -40px;}
.fz-cont-right p{
    font-size: 16px;
    line-height: 30px;
    color: #333333;
    min-height: 60px;
    border-radius: 5px;
    position: relative;
    padding: 20px;
    box-sizing: border-box;
    background-color: #F0F0F0;
    margin-top: 20px;}
.fz-cont-right p::after{
    content: "";
    display: block;
    width: 14px;
    height: 12px;
    background: url(../img/fz-jiao.png) no-repeat center;
    background-size: cover;
    position: absolute;
    left: 20px;
    top: -10px;}
.fz-cont:nth-child(2n) .fz-cont-right{
    padding-left: 0;
    padding-right: 30px;}
.fz-cont:nth-child(2n) .fz-cont-right h2,.fz-cont:nth-child(2n) .fz-cont-right p{
    text-align: right;}
.fz-cont:nth-child(2n) .fz-cont-right h2::after{
    content: "";
    display: block;
    width: 20px;
    height: 15px;
    background: url(../img/fz-zuo.png) no-repeat center;
    background-size: cover;
    position: absolute;
    top: 10px;
    left: unset;
    right: -40px;}
.fz-cont:nth-child(2n) .fz-cont-right p::after{
    content: "";
    display: block;
    width: 14px;
    height: 12px;
    background: url(../img/fz-jiao.png) no-repeat center;
    background-size: cover;
    position: absolute;
    left: unset;
    right: 20px;
    top: -10px;}
.gy{
    padding: 35px 0;}
.gy-all{}
.gy-ul{}
.gy-ul ul{
    width: max-content;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-color: #F7F7F7;
    padding: 8px;
    box-sizing: border-box;
    border-radius: 25px;}
.gy-ul ul li{
    font-size: 20px;
    color: #333333;
    padding: 5px 20px;
    position: relative;
    cursor: pointer;}
.gy-ul ul .active{
    
    color: #fff;
}

.gy-ul ul .active a{
    background-color: #b11005;
    border-radius: 25px;
    color: #fff;}

.gy-content{
    margin-top: 40px;}
.gy-content-a{}
.gy-cont-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -4%;}
.gy-cont{
    width: calc(29.3% - 2px);
    margin-left: 4%;
    border: 1px solid #F0F0F0;
    margin-bottom: 30px;
    cursor: pointer;}
.gy-cont:hover img{
    transform: scale(1.1);}
.gy-cont:hover p{
    background-color: #B11005;
    color: #fff;}
.gy-img{
    overflow: hidden;}
.gy-img img{
    width: 100%;
    height: 268px;
    object-fit: cover;
    display: block;
    transition: .3s ease-in;}
.gy-cont p{
    font-size: 16px;
    line-height: 25px;
    min-height: 50px;
    color: #333333;
    text-align: center;
    padding: 10px 10px;
    transition: .3s ease-in;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.gy-tan{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.7);
    z-index: 999;
    display: none;}
.gy-tan-all{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.7);
    z-index: 999;}
.gy-tan-cont{
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1000;}
.gy-tan-p{
    position: relative;}
.gy-swiper{
    width: 75%;
    margin: auto;
    overflow: hidden;}
.gy-swiper .swiper-slide {
    height: auto;}
.gy-swiper .swiper-slide img{
    max-width: 100%;
    display: block;
    margin: auto;}
.gy-swiper .swiper-slide p{
    position: absolute;
    bottom: 40px;
    width: 100%;
    left: 0;
    text-align: center;
    font-size: 16px;
    padding: 5px 15px;
    box-sizing: border-box;
    color: #000;
    background-color: rgba(255,255,255,.6);
    font-weight: bold;}
.gy-prev{
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 5px;
    left: 0;}
.gy-prev::after{
    font-size: 16px;
    color:#999999;}
.gy-next{
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 5px;
    right: 0;}
.gy-next::after{
    font-size: 16px;
    color:#999999;}
/* .gy-page{
    width: max-content !important;
    right: calc(12.5% + 20px);
    bottom: 20px !important;
    left: unset !important;
} */
.gy-page .swiper-pagination-bullet-active{
    background: #fff;}
.gy-page .swiper-pagination-bullet{
    border-radius: 0;
    background: #E4E4E4;
    opacity: 1;}
.gy-close{
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 50px;
    right: 0;
    z-index: 1001;
    cursor: pointer;}
.gy-close span{
    color: #999999;
    text-align: center;
    line-height: 50px;
    font-size: 35px;
    display: block;}
.liuyan{
    padding: 35px 0;}
.liuyan-all{}
.liuyan-all form{}
.liuyan-all form .form-group{
    margin-top: 20px;}
.liuyan-all form .form-group label{
    font-size: 16px;
    color: #333333;}
.liuyan-all form .form-group input{
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    outline: none;
    margin-top: 10px;
    border: 1px solid #e4e4e4;}
.liuyan-all form .form-group textarea{
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    margin-top: 10px;
    outline: none;
    border: 1px solid #e4e4e4;}
.liuyan-all form .form-yzm{
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;}
.liuyan-all form .form-yzm span{
    font-size: 16px;
    color: #333333;}
.liuyan-all form .form-yzm input{
    padding: 10px;
    box-sizing: border-box;
    outline: none;
    border: 1px solid #e4e4e4;
    margin-left: 20px;}
.liuyan-all form .form-yzm img{
    max-width: 100%;
    height: 40px;
    display: block;
    margin-left: 20px;}
.liuyan-all form .btn{
    width: 100%;
    padding: 10px 0;
    background-color: #b11005;
    text-align: center;
    color: #fff;
    font-size: 16px;
    margin-top: 30px;
    outline: none;
    border: none;}
.liuyan-cont{
    margin-top: 20px;}
.ly-all{
    padding: 20px 0;}
.ly-p{}
.ly-p h2{
    font-size: 24px;
    color: #191919;
    font-weight: normal;}
.ly-p p{
    font-size: 16px;
    line-height: 30px;
    border-bottom: 1px solid #cccccc;
    padding: 10px 0;}
.ly-p p a{
    display: block;
    color: #333333;}
.hd-all{
    width: 100%;}
.liuyan-p{
    background-color: #fff;
    box-shadow: 0 0 5px 0 #E4E4E4;
    padding: 20px;
    box-sizing: border-box;
    margin-top: 20px;}
.liuyan-p p:first-child{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;}
.liuyan-p p span:first-child{
    font-size: 14px;
    color: #999999;
    padding-right: 10px;}
.liuyan-p p span:last-child{
    font-size: 14px;
    line-height: 12px;
    color: #333333;
    padding-left: 10px;
    border-left: 1px solid #999999;}
.liuyan-p p:last-child{
    font-size: 14px;
    color: #B11005;
    margin-top: 10px;}


/* phone */
.mobile-inner-header {
    background-color: rgba(255,255,255,255.7);
    width: 100%;
    height: 50px;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999;}
.clearfix {
    zoom: 1;}
.clearfix:after {
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
    line-height: 0;}
#wrap {
    text-align: left;}
.fl {
    float: left;
    display: inline;}
.mobile-inner-header-icon:hover {
    background-color: rgba(0, 0, 0, 0.2);
    cursor: pointer;}
.mobile-inner-header-icon {
    color: #666666;
    height: 50px;
    font-size: 25px;
    text-align: center;
    float: right;
    width: 50px;
    position: relative;
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;}
.mobile-inner-header-icon-out span:nth-child(1) {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outfirst;}
.mobile-inner-header-icon span:nth-child(1) {
    transform: translateY(4px) rotate(0deg);}
.mobile-inner-header-icon span {
    position: absolute;
    left: calc((100% - 25px) / 2);
    top: calc((100% - 1px) / 2);
    width: 25px;
    height: 1px;
    background-color: rgba(0,0,0,0.7);}
.mobile-inner-header-icon:hover {
    cursor: pointer;}
.mobile-inner-header-icon {
    color: #666666;
    font-size: 25px;
    text-align: center;}
.mobile-inner-header-icon-out span:nth-child(2) {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outsecond;}
.mobile-inner-header-icon span:nth-child(2) {
    transform: translateY(-4px) rotate(0deg);}
.mobile-inner-nav {
    background-color: #ffffff;
    width: 100%;
    position: fixed;
    top: 50px;
    left: 0px;
    display: none;
    z-index: 9999;
    height: 90%;
    padding-top: 0%;
    overflow-y: auto;}
.mobile-inner-nav a {
    display: inline-block;
    line-height: 40px;
    text-decoration: none;
    width: 90%;
    margin-left: 5%;
    color: #666666;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    font-weight: 300;
    border-bottom: 1px solid #66666640;}
.mobile-inner-nav a {
    position: relative;
    overflow: hidden;}
#wrap {
    text-align: left
;}
@keyframes returnToNormal {
  0% {
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);}
  100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;}
}
.mobile-inner-header-icon-click span:nth-child(1) {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: clickfirst;}
.mobile-inner-header-icon span {
    position: absolute;
    left: calc((100% - 25px) / 2);
    top: calc((100% - 1px) / 2);
    width: 25px;
    height: 1px;
    background-color: rgba(255, 255, 255, 1);}
.mobile-inner-header-icon-click span:nth-child(2) {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: clicksecond;}
@keyframes clicksecond {
  0% {
	  transform: translateY(-4px) rotate(0deg);}
  100% {
    transform: translateY(0) rotate(-45deg);}
}
@keyframes clickfirst {
  0% {
	  transform: translateY(4px) rotate(0deg);}
  100% {
    transform: translateY(0) rotate(45deg);}
}
.mobile-inner-nav a {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: returnToNormal;
    animation-name: returnToNormal;}
@keyframes outfirst {
  0% {
    transform: translateY(0) rotate(-45deg);}
  100% {
    transform: translateY(-4px) rotate(0deg);}
}
@keyframes outsecond {
  0% {
    transform: translateY(0) rotate(45deg);}
  100% {
    transform: translateY(4px) rotate(0deg);}
}
.mobile-inner-header-icon{
  display: none;}
.mobile{
    position: relative;}
.mobile::after{
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(../img/down.png) no-repeat center;
    position: absolute;
    top: 10px;
    right: 10px;}
.mobile .active{
    display: block;}
.mobile-down{
    display: none;
    transition: .5s all;}
.mobile-down a{
    padding-left: 20px;
    font-size: 14px;}
@media (min-width:320px) and (max-width:1199px) {
  .mobile-inner-header-icon{
    display: block;}
}

@media screen and (max-width:1199px){
    .container{
        width: 95%;}
    .head-left{
        width: 240px;}
    .head-right{
        width: 50px;}
    .head-right ul{
        display: none;}
    .banner{
        margin-top: 50px;}
    .news{
        padding: 20px 0;}
    .news-top h2{
        font-size: 20px;}
    .fazhan-left h2 p{
        font-size: 20px;}
    .news-left{
        width: 100%;}
    .news-cont{
        margin-top: 0;}
    .news-cont-a{
        width: 100%;
        margin-top: 20px;}
    .news-img img{
        height: auto;}
    .news-right{
        width: 100%;
        margin-top: 20px;}
    .news-one{
        padding: 20px 0;
        padding-top: 0;}
    .news-right-p{
        padding: 10px 0;}
    .news-one-cont>a{
        padding: 10px 0;}
    .news-one-cont>a p{
        min-height: auto;}
    .news-one-cont{
        width: 100%;
        margin-top: 20px;}
    .fazhan-left{
        width: 100%;}
    .fazhan-right{
        width: 100%;}
    .fazhan-img img{
        height: auto;}
    .foot-left a{
        width: 100%;}
    .fazhan{
        padding: 20px 0;}
    .fazhan-left-cont .fazhan-kuai::after{
        content: "" !important;
        display: none !important;}
    .fazhan-left-cont:nth-child(1) .fazhan-kuai::before,
    .fazhan-left-cont:last-child .fazhan-kuai::before{
        content: "";
        display: none;}
    .fazhan-kuai{
        width: 50px;
        height: 50px;}
    .fazhan-zi{
        width: calc(100% - 60px);}
    .fazhan-kuai p{
        width: 15px;
        height: 15px;}
    .fazhan-year p{
        font-size: 16px;}
    .fazhan-right h2 p{
        font-size: 20px;}
    .foot-left{
        width: 100%;}
    .foot-zhong{
        width: 100%;
        margin-top: 20px;}
    .foot-right{
        width: 100%;
        margin-top: 20px;}
    .foot-right img{
        margin: auto;}
    .foot-zhong p span{
        width: 100%;}
    .foot-di p{
        width: 100%;
        text-align: center;}
    .qingdian{
        padding: 20px 0;}
    .qingdian-cont{
        width: 100%;}
    .qingdian-detail{
        margin-top: 50px;
        padding: 20px 0;}
    .qd-detail-left{
        width: 100%;}
    .qd-detail-left-all{
        padding: 10px;}
    .qd-page{
        padding: 10px;
        margin-top: 20px;}
    .qd-detail-right{
        width: 100%;
        padding: 10px;
        margin-top: 20px;}
    .tongzhi{
        padding: 20px 0;}
    .tongzhi-all a{
        padding: 10px 0;}
    .tongzhi-left{
        width: 60px;
        height: 60px;}
    .tongzhi-p h2{
        font-size: 20px;}
    .tongzhi-p p{
        font-size: 12px;
        margin-top: 0;}
    .tongzhi-right {
        width: calc(100% - 80px);}
    .tongzhi-right p{
        line-height: 20px;
        margin-top: 5px;}
    .tongzhi-more{
        display: none;}
    .tongzhi-a a{
        padding: 10px 0;
        margin-top: 10px;}
    .zhuti-top ul li a{
        font-size: 14px;
        padding: 10px 20px;}
    .zhuti-content{
        margin-top: 0;}
    .zhuti-cont-left{
        width: 100%;}
    .zhuti-cont-right{
        width: 100%;
        margin-top: 20px;}
    .zhuti-cont-right p{
        margin-top: 10px;}
    .fz{
        padding: 20px 0;}
    .fz-xian{
        display: none;}
    .fz-cont-left{
        width: 100%;
        display: none;}
    .fz-cont-right{
        width: 100%;
        padding-left: 0;
        margin-top: 20px;}
    .fz-cont-right h2{
        padding-left: 30px;
        box-sizing: border-box;}
    .fz-cont-right h2::after{
        left: 0;}
    .fz-cont:nth-child(2n) .fz-cont-right{
        padding-right: 0;}
    .fz-cont:nth-child(2n) .fz-cont-right h2,
    .fz-cont:nth-child(2n) .fz-cont-right p{
        text-align: left;}
    .fz-cont:nth-child(2n) .fz-cont-right h2::after{
        content: "";
        display: block;
        background: url(../img/fz-you.png) no-repeat center;
        background-size: cover;
        left: 0;
        right: unset;}
    .fz-cont:nth-child(2n) .fz-cont-right p::after{
        left: 20px;
        right: unset;}
    .fz-cont-right p{
        padding: 10px;
        margin-top: 10px;}
    .gy{
        padding: 20px 0;}
    .gy-ul ul{
        width: 100%;
        border-radius: 20px;}
    .gy-ul ul li{
        width: calc(50% - 2px);
        padding: 5px 0;
        text-align: center;
        font-size: 16px;}
    .gy-content{
        margin-top: 20px;}
    .gy-cont{
        width: 100%;
        margin-bottom: 20px;}
    .gy-cont p{
        padding: 10px 0;}
    .gy-tan-cont{
        width: 100%;}
    .gy-close{
        width: 30px;
        height: 30px;
        top: -40px;}
    .gy-close span{
        line-height: 30px;
        font-size: 24px;}
    .gy-swiper{
        width: 90%;}
    .gy-prev,.gy-next{
        width: 30px;
        height: 30px;}
    .liuyan{
        padding: 20px 0;}
    .liuyan-all form .form-yzm span{
        width: 100%;}
    .liuyan-all form .form-yzm input{
        margin-left: 0;
        margin-top: 10px;}
    .liuyan-all form .form-yzm img{
        margin-top: 10px;}
    .liuyan-cont{
        margin-top: 20px;}
    .liuyan-p{
        padding: 10px;}
}

.thinkphp-pagination > div{
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 30px;}

.thinkphp-pagination > div > * {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333333;
    background-color: #F3F3F4;
    font-size: 0.875rem;}

.thinkphp-pagination > div > *.thispage {
    background-color: #900005;
    color: #fff;}

.thinkphp-pagination > div > *:not(.thispage):hover {
    background-color: #900005;
    color: #fff;
    transition: all 150ms;}