/*初始化样式*/
*{ margin:0; padding:0; border:0;font-family:'Microsoft YaHei';}
a { text-decoration:none; outline:none; color:#555;}
a:hover, a:active, a:focus { text-decoration:none; outline:none; }
input { padding:0; margin:0; font-family:'Microsoft YaHei';outline: none;}
em{font-style: normal;}
img { border:none; background:none; vertical-align:middle; }
ul, ol, li { list-style-type:none; }
select, input, img, select { vertical-align:middle; }
table { border-collapse:collapse; border-spacing:0 }
table, th, td { vertical-align: middle }
h1, h2 { font-size:12px; font-weight:bold; }
hr { border-top:1px solid #ccc; height:0; }
/*----- ALL css ------*/
header, banner, main, footer{ width:100%; float:left; overflow:hidden;}
.mains{ width:100%; float:left; display:block; overflow:hidden;}
/*****header******/
.header{margin:0 auto; width:1600px;}
.header .logo{ float:left; margin:5px 0;}
.nav{height:34px; line-height:34px;  position:relative; z-index:1; float:right;margin-top: 15px;}
.nav a{}
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block; padding:0 20px; font-size:16px; font-weight:100; color:#000;}
.nav .sub{ display:none; width:120px; left:0; top:34px;  position:absolute; background:#fff;  line-height:26px; padding:5px 0;  }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; padding:0 5px;     text-align: center;}
.nav .sub a:hover{ background:#ccc; color:#000;  }
.nav .on h3 a{}

/**********banner**************/
.slideBox{ width:100%;overflow:hidden; position:relative; border:1px solid #ddd;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1;width: 100%;justify-content: center; align-items: center;display: flex;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin:5px;  width:15px; height:15px; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%;  display:block;  }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
/*************mainA******************/
.mainA{margin:0 auto; width:1600px; padding-top:60px;}
.mainAL{width:-webkit-calc(100% - 450px);width:-moz-calc(100% - 450px);width:calc(100% - 450px); float:left;justify-content:space-between; align-items: center;display: flex;padding-top:12px;}
.mainAL li{ width:48%;}
.mainA li .li-tp{justify-content: space-between;align-items: center;display: flex;}
.mainA li .li-tp h2{ background:url(../images/ba1.jpg) left center no-repeat;font-size: 20px;padding:35px 0 30px 30px;} 
.mainA li .li-tp h2 em{ font-size:14px; display:block;font-style: normal;font-weight: normal;}
.mainA li .li-tp>a{ background:url(../images/h.jpg) -35px 11px no-repeat; overflow:hidden; padding-left:45px;transition: all 300ms;}
.mainA li .li-tp:hover a{background:url(../images/h.jpg) -15px 11px no-repeat;padding-left:65px;transition: all 300ms;}
.mainA li .li-bt{ padding-top:15px; font-size:15px; color:#666; line-height:25px;}
.mainA li .li-bt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.mainA li .li-bt>a{ width:100px; line-height:35px; color:#fff; background:#999; display:block; text-align:center;margin-top: 30px;}
.mainA li .li-bt>a:hover{ background:#963230;letter-spacing:1px;}
.txtScroll-left{ width:420px;position:relative; float:right;}
.txtScroll-left .hd{ overflow:hidden;  height:30px;padding:0 10px;z-index:1; position:absolute; right:0;top:0;}
.txtScroll-left .hd .prev{ display:block;  width:12px; height:22px; float:right; margin-right:30px; margin-top:10px;cursor:pointer; background: url(../images/l.png)no-repeat;}
.txtScroll-left .hd .next{ display:block;  width:12px; height:22px; float:right; margin-right:5px; margin-top:10px;cursor:pointer; background: url(../images/r.png) no-repeat;}
.txtScroll-left .hd .prev:hover{background: url(../images/lh.png)no-repeat;}
.txtScroll-left .hd .next:hover{background: url(../images/rh.png)no-repeat;}
.txtScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  }
.txtScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; }
.txtScroll-left .hd ul li.on{ background-position:0 0; }
.txtScroll-left .bd{ padding:10px; width:100%; overflow:hidden;position: absolute;top: 0;}
.txtScroll-left .bd ul{ overflow:hidden; zoom:1; }
.txtScroll-left .bd ul li{overflow:hidden;width:100%;float:left;line-height:24px;_display:inline;}
.txtScroll-left .bd ul li span{ color:#999;  }
.mainA .mainAban{padding: 50px 0;display: block;float: left; width:100%;}
/************mainB******************/
.mainB{ background:#f1f1f1; width:100%;}
.mainB .mainBs{margin:0 auto; width:1600px; padding:60px 0;}
.tth2{font-size: 26px; text-align:center;}
.tth2 em{font-size: 18px;display: block; line-height:35px; margin-top:30px;font-style: normal;font-weight: normal;}
.mainB .mainBs ul{justify-content:space-between; align-items: center;display: flex;margin-top: 25px;}
.mainB .mainBs ul li{ width:32%;}
.mainB .mainBs ul li a{border-radius:10px; display:block;line-height: 45px;font-size: 16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.mainB .mainBs ul li:hover img{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out;}
.mainB .mainBs ul li img{-webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out;}
.mainB .mainBs ul li:hover a{ color:#C03;}
.mainB .mainBs ul.xxzy{justify-content:space-between; align-items: center;display: flex;margin-top: 25px;}
.mainB .mainBs ul.xxzy li{ width:24%;border-radius:10px; background:#fff; text-align:center;padding: 30px 0;}
.mainB .mainBs ul.xxzy li img{ margin-bottom:10px;}
.mainB .mainBs ul.xxzy li a{ color:#000; font-size:16px;line-height:25px;}
.mainB .mainBs ul.xxzy li a em{ font-size:14px; display:block;}

/***********mainC***************/
.mainCban{width:1600px; margin:30px auto;}

.scroll-container { position: relative; margin: 40px auto; width: 100%; height:875px; perspective: 1000px; }
.scroll { position: relative; width: 0; height: 100%; margin: 0 auto; overflow: hidden; animation: expand 5s ease-out forwards; animation-delay: 0.5s;background:url(../images/ba2.jpg) center no-repeat;background-size: 100% 100%;}
.scroll::before, .scroll::after {content: '';position: absolute;top: 0;width: 50px;height: 100%; z-index: 2;}
.scroll::before {left: 0;background:url(../images/ll.png) no-repeat;background-size: 100%;}
.scroll::after {right: 0;background:url(../images/rr.png) no-repeat;background-size: 100%;}

.controls { display: flex; justify-content: center; gap: 15px; margin-top: 30px; }

 @keyframes expand { 0% {width: 0;} 100% {width: 100%;}}
 @keyframes fadeIn { 0% {opacity: 1;} 100% { opacity: 1;}}
 
.mainC{height:818px;margin:100px auto; width:1600px;position:relative;}
.mains .mainC .slideTxtBox{width:1390px; position:absolute; top:150px; left:100px;}
.mains .mainC .slideTxtBox .hd{position: absolute;right: 0;top: 0;width: 50%;}
.mains .mainC .slideTxtBox .hd ul li{ float:left; padding:0 25px; cursor:pointer; font-size:22px; font-weight:600;}
.mains .mainC .slideTxtBox .hd ul li.on{ height:30px; color:#900;}
.mains .mainC .slideTxtBox .bd ul{zoom:1;justify-content:space-between; align-items: center;display: flex;}
.mains .mainC .slideTxtBox .bd ul .newsA{ width:48%; float:left; margin-right:30px;}
.mains .mainC .slideTxtBox .bd ul .newsA h3{ margin-bottom:20px; font-size:22px;}
.mains .mainC .slideTxtBox .bd ul .newsA a{ overflow:hidden; border-radius:10px; display:block; color:#000;}
.mains .mainC .slideTxtBox .bd ul .newsA img{ width:100%;-webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out;}
.mains .mainC .slideTxtBox .bd ul .newsA:hover img{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out;}
.mains .mainC .slideTxtBox .bd ul .newsA p{ line-height:25px; margin-top:15px; font-size:14px; color:#333;}
.mains .mainC .slideTxtBox .bd ul .newsB{ width:50%;}
.mains .mainC .slideTxtBox .bd ul .newsB li{ border-bottom:#ccc 1px solid;}
.mains .mainC .slideTxtBox .bd ul .newsB li a{ line-height:35px;}
.mains .mainC .slideTxtBox .bd ul .newsB li i{ float:right;}
/***********mainD***************/
.mainD{margin:0 auto; width:1600px; padding:60px 0;}
.picScroll-left{ width:100%; overflow:hidden; position:relative;}
.picScroll-left .hd{}
.picScroll-left .hd .prev{ display:block;width:20px; height:22px; float:right; overflow:hidden;cursor:pointer; background: url(../images/l.png)no-repeat;margin-right: 30px;}
.picScroll-left .hd .next{ display:block;width:20px; height:22px; float:right; overflow:hidden;cursor:pointer; background: url(../images/r.png)no-repeat;}
.picScroll-left .hd .prev:hover{background: url(../images/lh.png)no-repeat;}
.picScroll-left .hd .next:hover{background: url(../images/rh.png)no-repeat;}
.picScroll-left .bd{ margin-top:35px;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin-right:30px;float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center;position: relative;}
.picScroll-left .bd ul li .pic img{ width:295px; display:block;}
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;   }
.picScroll-left .bd ul li .pic>img{ display:none;}
.picScroll-left .bd ul li .pic>img.No{ display:none;}
.picScroll-left .bd ul li .pic>img.Yes{ display:block;position: absolute;width: 70px;top: 0;right: 0px;}

/**********footer*************/
footer{ background:#7a0004; padding-top:50px;}
.mains .links{margin:0 auto; width:1600px;display: table;background:url(../images/link.png);border-radius:8px;}
.mains .links a{ display:block; float:left; color:#fff; line-height:35px; margin-left:15px; font-size:14px;}
.mains .links>a:nth-child(1){ font-weight:600; font-size:15px;}

.mains .fonav{margin:30px auto; width:1600px;}
.mains .fonav ul{justify-content:space-between;display: flex; color:#fff;}
.mains .fonav ul li h3 a{ font-size:16px; line-height:30px;font-weight: 600;}
.mains .fonav ul li h4 a{ font-size:14px; line-height:25px;;}
.mains .fonav ul li a{ color:#fff;font-weight:100;}
.mains .fots{margin:0 auto; width:1600px; line-height:35px; text-align:center; color:#fff; font-size:14px;}
.mains .fots a{ color:#fff;}

/**********1600*************/
@media (max-width: 1700px)  {
.header{width:1400px;}
.mainA{width:1400px; padding-top:60px;}
.mainB .mainBs{width:1400px; padding:60px 0;}
.mainC{height:800px;width:1400px;margin: 70px auto;}
.scroll::before {background-size:98%;}
.scroll::after {background-size:98%;}
.scroll-container{height: 800px;}
.mainCban{width:1400px;}
.mainC .slideTxtBox{width: 1200px!important;top: 200px!important;}
.mainD{width:1400px; padding:60px 0;}
.mains .fonav{width:1400px;}
.picScroll-left .bd ul li .pic img{ width:255px;}
.mains .links{ width:1400px;}
.mains .fots{ width:1400px;}
}
@media (max-width: 1500px)  {
.header{width:90%;}
.nav .nLi h3 a{ padding:0 15px;}
.mainA{width:1200px; padding-top:60px;}
.mainB .mainBs{width:1200px; padding:60px 0;}
.mainC{height:695px;width:1200px;}
.scroll-container{height: 720px;}
.mainCban{width:1200px;}
.scroll::before {background-size: 85%;}
.scroll::after {background-size: 85%;}
.mainC{margin: 60px auto;}
.mainC .slideTxtBox{width: 1024px!important;top: 145px!important;}
.mainD{width:1200px; padding:60px 0;}
.mains .fonav{width:1200px;}
.picScroll-left .bd ul li .pic img{ width:215px;}
.mains .links{ width:1200px;}
.mains .fots{ width:1200px;}

}
@media (max-width: 1300px)  {
.header{width:100%;}
.mainA{width:1000px; padding-top:60px;}
.mainB .mainBs{width:1000px; padding:60px 0;}
.mainC{height:535px;width:1000px;}
.scroll-container{height:520px;}
.mainCban{width:1000px;}
.scroll::before {background-size:66%;}
.scroll::after {background-size:66%;}
.mainC{margin: 60px auto;}
.mainC .slideTxtBox{width:860px!important;top:90px!important;left: 70px!important;}
.mainD{width:1000px; padding:60px 0;}
.picScroll-left .bd ul li .pic img{ width:175px;}
.mains .links{ width:90%;}
.mains .fots{ width:90%;}
.mains .fonav{width:90%;}
}
@media (max-width: 1200px)  {
.nav .nLi h3 a{padding:0 10px!important;}
}
/*********************图片列表**********************/
.NmainB{ background:#f1f1f1; width:100%;}
.NmainB .NmainBs{margin:0 auto; width:85%; padding:60px 0;}
.NmainB .NmainBs ul{margin-top: 25px;display: flow-root;}
.NmainB .NmainBs ul li{ width:23%; float:left; margin:1%;}
.NmainB .NmainBs ul li a{border-radius:10px; display:block;line-height: 45px;font-size: 18px; font-weight:600; color:#000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;text-align: center;}
.NmainB .NmainBs ul li:hover img{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out;}
.NmainB .NmainBs ul li img{-webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out;}
.NmainB .NmainBs ul li:hover a{ color:#C03;}
@media (max-width: 1200px)  {
    .NmainB .NmainBs ul li{ width:48%; float:left; margin:1%;}
}
.page{justify-content: center; align-items: center;display: flex;}
.pagination{text-align: center;display: inline-block;}
.pagination p{line-height: 20px!important;}
.pagination a{line-height: 20px!important;}
/*************红色文化******************/
.HSmainA{margin:0 auto; width:80%; max-width：1600px; padding-top:60px;}
.HSmainAL{column-count:2; /* 列数 */ column-gap:30px;margin: 40px 0;}
.HSmainAL li{break-inside: avoid-column;margin-bottom: 30px;box-shadow: 0px 0px 13px #e7e7e7;padding: 15px;border-radius: 10px;transition: all 1s ease;}
.HSmainAL li a{ overflow:hidden;overflow:hidden; display:block;}
.HSmainAL li:hover{box-shadow: 0px 0px 18px #c9c9c9;cursor: pointer;transition: all 1s ease;-webkit-transform: translate(5px, -5px);transform: translate(5px, -5px);}
.HSmainAL li:hover img{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out;}
.HSmainAL li img{-webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out; }
.HSmainAL li h2{font-size: 20px;line-height: 30px;margin-bottom: 10px;margin-top:10px;} 
.HSmainAL li h2 em{ font-size:14px; display:block;font-style: normal;font-weight: normal;}
@media (max-width: 1100px)  {
    .HSmainAL{column-count:1; /* 列数 */ column-gap:0;}
}
/*************新闻******************/
.NWmainA{margin:0 auto; width:80%; max-width：1600px; padding-top:60px;}
.NWmainAL{margin: 40px 0;}
.NWmainAL li{ width:100%;margin-bottom: 30px;box-shadow: 0px 0px 13px #e7e7e7;padding: 15px;border-radius: 10px;transition: all 1s ease;display: inline-block;}
.NWmainAL li a{ overflow:hidden;overflow:hidden; display:block;}
.NWmainAL li:hover{box-shadow: 0px 0px 18px #c9c9c9;cursor: pointer;transition: all 1s ease;-webkit-transform: translate(5px, -5px);transform: translate(5px, -5px);}
.NWmainAL li h2{font-size: 20px;line-height: 30px;margin-bottom: 10px;margin-top:10px;} 
.NWmainAL li .li-nr{margin-left:360px;}
@media (max-width: 1100px)  {
}

.contact{justify-content:space-between; align-items: center;display: flex;}
.contact b{border-radius: 5px;box-shadow: 0px 0px 8px #bcbbbb; width:20%; padding-top:100px; padding-bottom:30px; text-align: center;}
.contact b:nth-child(1){background: url(../images/tel.png)#fff center 10px no-repeat;background-size: 100px;}
.contact b:nth-child(2){background: url(../images/mail.png)#fff center 10px no-repeat;background-size: 100px;}
.contact b:nth-child(3){background: url(../images/wx.png)#fff center 10px no-repeat;background-size: 100px;}
.contact b:nth-child(4){background: url(../images/add.png)#fff center 10px no-repeat;background-size: 100px;width:30%;}

.scroll-container {
    width: 100%; /* 或者具体的宽度 */
    overflow: hidden; /* 隐藏溢出的内容 */
    white-space: nowrap; /* 防止内容换行 */
    position: relative; /* 相对定位 */
}

.scroll-content {
    display: inline-block; /* 允许内容横向排列 */
    position: absolute; /* 绝对定位 */
    animation: scroll 10s linear infinite; /* 动画名称、持续时间、速度曲线和重复次数 */
}

@keyframes scroll {
    from {
        transform: translateX(100%); /* 从右向左滚动 */
    }
    to {
        transform: translateX(-100%); /* 从左向右滚动 */
    }
}
.formsos{float:right;border-radius: 15px; background:#fff;width:230px;position: absolute;right: 0;}
.formsos>input{ line-height:35px;padding:5px; background:none;}
.formsos>input.cont_text{ width:160px;}
.formsos>input.cont_btn{border-radius:15px; background:#ff8b8f;padding: 5px 14px;}