@charset "utf-8";
/* CSS Document */
*{ box-sizing: border-box; padding:0; margin:0;}
html{ width: 100%; overflow-x: hidden;}
body { font: 0.8333vw "Microsoft Yahei","Arial",sans-serif; color: #333; line-height: 1.5; }
img{border:0; vertical-align: middle; max-width: 100%;}
dl,dt,dd{display: block;}
a{text-decoration:none; transition: 0.5s; outline: none; color: #333;}
input{height: 100%;}
input,textarea{  outline:none;  border: 0; background:none; font: 0.8333vw "Microsoft Yahei","Arial",sans-serif; width: 100%; }
input[type="button"], input[type="submit"], input[type="text"] {-webkit-appearance: none; outline: none; }
button{border: 0; background: none; height: 100%; cursor: pointer; font-size: 0.94vw;}
ul,ol{margin-left: 1em;}
video{width: 100%; height: 100%; object-fit: cover;}

/*文本框placeholder=""文字颜色*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #666; opacity: 1}
input:-moz-placeholder,textarea:-moz-placeholder {color: #666; opacity: 1}
input::-moz-placeholder,textarea::-moz-placeholder {color: #666; opacity: 1}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #666; opacity: 1}

/* 清除浮动 */
.cf:before{ content: ''; display: table }
.cf:after{ content: ''; display: table; clear: both }
.cf { *zoom: 1 }

/* 字体 */
@font-face {
	font-family: 'BaiJamjuree';
	src: url('../fonts/BaiJamjuree-Regular.ttf');
    font-display: swap;
}


:root{
   --color: #C11920;
   --fz14: 0.7292vw;
   --fz12: 0.625vw;

   --radius: 0.5208vw

}

.main{padding: 4.1667vw 0;}

.wrap{width: 75vw; margin: 0 auto;}

.line{overflow:hidden; text-overflow: ellipsis; white-space: nowrap; display: block; transition: 0.5s;}
.line2{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

.c_title{display: flex; justify-content: space-between; align-items: center; padding-bottom: 0.7813vw; margin-bottom: 1.0417vw; position: relative;}
.c_title::after{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-image: linear-gradient(to right,#FFCF33, 20%, #C11920); }
.c_title span{color: var(--color); font-size: 1.25vw; line-height: 1;}
.c_title .more{color: #999; font-size: var(--fz14); position: relative; padding-right: 0.78vw;}
.c_title .more::after{content: '\e679'; font-family: "iconfont"; font-size: var(--fz12); position: absolute; right: 0; top: 0.1042vw; font-weight: bold;}
.c_title .more:hover{color: var(--color);}

.c_list dl{display: flex; align-items: center;}
.c_list dt{flex: 1; overflow: hidden; transition: 0.5s; padding-left: 1.5625vw; background: url(../images/ico_li.svg) left center no-repeat; padding-left: 1.5625vw; background-size: 0.8333vw;}
.c_list dd{font-family: 'BaiJamjuree'; font-size: var(--fz14); color: #999; padding-left: 2.0833vw;}
.c_list .item+.item{padding-top: 1.5625vw;}
.c_list a:hover dt{color: var(--color);}


.c_list.two{display: flex; flex-wrap: wrap; margin: -1.5625vw -1.3021vw 0;}
.c_list.two .item{width: 50%; padding: 1.5625vw 1.3021vw 0;}

.c_path .wrap{display: flex; align-items: center; padding-top: 0.5208vw;}
.c_path a{font-size: var(--fz14); color: #999; position: relative;}
.c_path a:hover{color: var(--color); }
.c_path a+a{margin-left: 1.5625vw;}
.c_path a+a::before{content: '/'; position: absolute; left: -1.0417vw; top: -0.0521vw;}


.c_banner{height: 18.75vw; background-image: url(../images/banner.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; align-items: center; justify-content: center;   text-align: center; }
.c_banner .txt{ font-size: 2.9167vw; font-weight: bold; text-shadow: 0 4px 4px rgba(0, 0, 0, 0.10); }
.c_banner .txt p{ background: linear-gradient(180deg, #FFF8E7 20.42%, #E6BE64 82.92%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.c_banner.min{height: 13.5417vw; background-image: url(../images/banner2.jpg);}

/* 公用头部、尾部*/
.header{position: absolute; left: 0; top: 2.3438vw; z-index: 1; padding: 0 8.8542vw;}
.header .logo img{width: 9.375vw;}
.header .nav{display: none;}

.footer { padding: 2.0833vw 0; background: #C11920 url(../images/ico_footer.svg) center bottom no-repeat; background-size: 86.41vw; color: #fff; font-size: var(--fz14); text-align: center;}
.footer p+p{padding-top: 0.26vw;}



/* 首页 */
.main_home>div{margin-bottom: 4.1667vw;}
.home_part1 .wrap{display: flex;}
.home_part1 .row_1{width: 49.1146vw; flex-shrink: 0;}
.home_part1 .row_1 img{width: 100%; border-radius: var(--radius);}
.home_part1 .row_2{flex: 1; overflow: hidden; padding-left: 2.6042vw; display: flex; flex-direction: column;}
.home_part1 .row_2 .c_title{margin-bottom: 0;}
.home_part1 .row_2 dl{display: block;}
.home_part1 .row_2 dt{font-weight: bold; font-size: 0.9375vw; background-size: 1.0417vw; padding-left: 1.8229vw; display: flex; align-items: center; height: 5.7292vw;}
.home_part1 .row_2 dd{display: flex; align-items: center; line-height: 1; padding: 0;}
.home_part1 .row_2 dd::before{content: ''; flex: 1; height: 1px; background: #D5D7DB; margin-right: 0.52vw;}
.home_part1 .row_2 .item+.item{padding: 0;}

.home_part2 .box{display: flex; margin: 0 -1.3021vw;}
.home_part2 .box>div{width: 50%; padding: 0 1.3021vw;}
.home_part2 .swiper_box{display: flex; align-items: center;}
.home_part2 .button{cursor: pointer; color: #999;}
.home_part2 .button i{font-size: 1.0417vw; font-weight: bold;}
.home_part2 .button:hover{color: var(--color);}
.home_part2 .swiper dl{text-align: center;}
.home_part2 .swiper dt{padding-bottom: 0.5208vw;}
.home_part2 .swiper img{width: 6.0938vw;}
.home_part2 .swiper .tet{ font-size: var(--fz14); color: #999;}
.home_part2 .swiper a:hover .txt{color: var(--color);}

.home_part4{background: url(../images/home_back.png) center bottom no-repeat; background-size: contain; height: 13.2292vw; margin-bottom: 0 !important;}
.home_part4 .txt{color: var(--color); font-size: 2.6042vw; font-weight: bold; letter-spacing: 0.7813vw;}

.home_part5{background: radial-gradient(96.84% 78.88% at 50% -2.62%, #A01419 0%, rgba(193, 25, 32, 0.86) 36.47%, rgba(232, 136, 52, 0.52) 62.46%, rgba(239, 150, 49, 0.12) 86.74%, rgba(255, 255, 255, 0.09) 100%); padding-top: 5.2083vw; margin-bottom: 0 !important;}
.home_part5 .box{padding: 2.0833vw; border-radius: var(--radius); background: rgba(255, 255, 255, 0.75); min-height: 30.2083vw;}
.home_part5 .txt{text-align: center; font-size: 1.25vw; color: var(--color); margin-bottom: 1.5625vw; text-decoration: underline; display: flex; align-items: center; justify-content: center;}
.home_part5 .txt span{padding: 0 0.5208vw; color: var(--color);}
.home_part5 .txt::before,
.home_part5 .txt::after{content: ''; width: 7.8125vw; height: 1px; display: block; background: linear-gradient(90deg, #C11920 0%, rgba(193, 25, 32, 0.00) 100%);}
.home_part5 .txt::before{transform: rotate(180deg);}



.layout{display: flex;}
.layout .left{width: 17.7083vw; flex-shrink: 0; }
.layout .right{flex: 1; overflow: hidden; padding-left: 5.2083vw;}

.layout .menu a{display: block; height: 3.125vw; display: flex; align-items: center; border-bottom: 1px solid #D5D7DB; position: relative;}
.layout .menu a::after{content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 1px; background-image: linear-gradient(to right,#FFCF33, 20%, #C11920); opacity: 0;}
.layout .menu a.active{font-size: 1.25vw; color: var(--color);}
.layout .menu a.active::after{opacity: 1;}
.layout .menu a:hover{color: var(--color);}

.layout .c_list .item{border-bottom: 1px solid #F3F3F3; padding-bottom: 1.0417vw;}

.news_cont .txt{font-size: 2.3438vw; color: #000; font-weight: bold; text-align: center; padding-bottom: 3.125vw;}
.news_cont .tet{color: #666;}
.news_cont .tet p+p{padding-top: 2em;}


.c_page{display: flex; align-items: center; justify-content: center; padding-top: 3.6458vw;}
.c_page a{width: 2.6042vw; height: 2.6042vw; display: inline-flex; align-items: center; justify-content: center; background: #F3F3F3; border-radius: 0.5208vw;}
.c_page a{margin: 0 0.5208vw;}
.c_page .prev,
.c_page .next{width: 5.2083vw;}
.c_page a.active,
.c_page a:hover{background: var(--color); color: #fff;}





@media screen and (max-width: 1200px){

    :root{
        --fz14: 14px;
        --fz12: 12px;
        --radius: 5px
    }

    body{font-size: 14px; overflow: hidden;}
    .wrap{width: auto; margin: 0 40px;}

    .main{padding: 50px 0;}

    .main_home>div{margin-bottom: 40px;}

    .header{display: flex; z-index: 9; justify-content: space-between; width: 100%; padding: 0 20px; align-items: center; top: 0; height: 50px; transition: 0.5s; position: relative;}
    .header .logo img{width: 100px;}
    .header .nav{position: absolute; left: 100%; top: 100%; display: block;  background: rgba(193, 25, 32, 0.9); width: 100%; height: calc(100vh - 50px); transition: 0.5s; border-top: 1px solid rgba(255, 255, 255, 0.4);}
    .header .nav a{display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.4); padding: 20px; color: #fff; font-size: 16px;}

    .header.on{ background: rgba(193, 25, 32, 0.9); overflow: initial;}
    .header.on .nav{left: 0;}
    

     .c_banner{margin-top: -50px;}

    /* 展开关闭按钮 */
    .but_open{width: 25px; height: 15px; cursor: pointer;}
    .but_open span{width: 100%; height: 2px; background: #fff; float: left; margin-top: 7px; position: relative; transition: 0.4s; }
    .but_open span::after,
    .but_open span::before{content: ""; position: absolute; left: 0; width: 100%; height: 2px; background: #fff; display: block; transition: 0.4s;}
    .but_open span::before{top: -7px;}
    .but_open span::after{top: 7px;}
    .but_open.on span{background: none;}
    .but_open.on span::after{transform: rotate(-45deg); top: 0;}
    .but_open.on span::before{transform: rotate(45deg); top: 0;}



    .home_part5 .txt{font-size: 16px;}

    .home_part2 .swiper dl{padding: 0 10px;}
    .home_part2 .swiper img{width: 120px;}

    .c_list dd{font-size: 12px;}
    .c_list .item+.item{padding-top: 20px;}
    .c_list dt{background-size: 12px; padding-left: 20px;}

    .layout .left{display: none;}
    .layout .right{padding-left: 0;}



    .c_title span{font-size: 16px;}
    .c_title .more{padding-right: 15px;}
    .c_title .more::after{font-size: 12px; top: 2px;}

    .home_part1 .row_2 dt{font-size: 14px; background-size: 15px; padding-left: 20px;}
    
    .c_page a{width: 40px; height: 40px;}
    .c_page .prev, .c_page .next{width: 80px;}


    .news_cont .txt{font-size: 20px;}

}


@media screen and (max-width: 1002px){}

@media screen and (max-width: 758px){

    .header .nav a{padding: 15px 20px;}

    .c_banner{height: 180px;}
    .c_banner .txt{font-size: 20px;}

    .c_banner.min{height: 150px;}

    .c_title{padding-bottom: 5px; margin-bottom: 10px;}
    .c_list .item+.item{padding-top: 15px;}
    
    .main{padding: 30px 0;}
    .wrap{margin: 0 15px;}

    .main_home>div{margin-bottom: 20px;}



    .home_part1 .wrap{display: block;}

    .home_part1 .row_1{width: auto;}
    .home_part1 .row_2{padding: 20px 0 0 0;}
    .home_part1 .row_2 dt{height: auto; padding-top: 5px; padding-bottom: 5px;}

    .home_part2 .box{display: block; margin: 0;}
    .home_part2 .box>div{width: auto; padding: 0;}

    .home_part2 .box .row_2{padding-top: 20px;}
    .home_part2 .button i{font-size: 16px;}
    .home_part2 .swiper dt{padding-bottom: 10px;}

    .c_list.two .item{width: 100%;}

    .home_part4 .txt{font-size: 16px; letter-spacing:0}
    .home_part5 .box{padding: 10px 20px;}

    .layout .c_list .item{padding-bottom: 10px;}
    .footer{padding: 10px 0;}


    .news_cont .txt{font-size: 16px; padding-bottom: 20px;}
    .news_cont .tet p+p{padding-top: 1em;}



    .c_page a{width: 30px; height: 30px; margin: 0 5px; font-size: 12px; margin: 0 2px;}
    .c_page .prev, .c_page .next{width: 50px;}

}

        .subtitle{
            text-align: center;
    display: block;
    margin-top: 15px; 
    line-height: 30px;
    font-weight: bold;
    font-size: 18px;
        }
.c_path .wrap{color: #999; font-size: var(--fz14);}
.c_path a+a{margin: 0;}
.c_path a+a::before{content: "";}
/* 分页 */
.pagination_index,.pagination_index_num,.pagination_index1,.pagination_index_last{
   width: 2.6042vw;
    height: 2.6042vw;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #F3F3F3;
    border-radius: 0.5208vw;
    margin: 0 0.5208vw;
   }
.pagination_index, .pagination_index1,.pagination_index_last{
   width: 5.2083vw;
}
.currentIndex,.pagination_index:hover,.pagination_index_num:hover,.pagination_index1:hover,.pagination_index_last:hover{
   background: var(--color);
    color: #fff;
   }
   .pagination_index_last{display: none;}
   .c_page a{width: 100%;  height: 100%; background: none; margin: 0; padding: 0;}
   .c_page a:hover{background: none;}