/* 公用部分 */
@font-face {
  font-family: 'BRUSHSCI'; /* 自定义的字体名称 */
  src: url('../font/BRUSHSCI.woff2') format('woff2'), /* 优先加载体积更小的 woff2 */
       url('../font/BRUSHSCI.woff') format('woff');   /* 兼容性更好的 woff */
  font-weight: normal;
  font-style: normal;
  font-display: swap; /* 优化加载体验，避免文字闪烁 */
}

.clear{height: 0px; clear: both;}
body{background-color: #efefef;}
.bggrey{background-color: #efefef;}
.bgwhite{background-color: #fff;}
.slogo{width: 30px; height: 30px; background: url(../images/slogo.png)  no-repeat scroll center / cover;}
.h180{width: 100%; height: 180px;}

/* 公用部分 end */

/* header */
.header{background-image:url(../images/header-bg.png); background-repeat: repeat-x; width: 100%; height: 120px; position: fixed; z-index: 100;}
.header .layui-row{display: flex; justify-content: space-between;}
.header .layui-row:after, .header .layui-row:before { content: none; }
.header .layui-row .left{height: 120px; display: flex; align-items: center; }
.header .layui-row .center{font-size: 28px; height: 120px; font-weight: 600; color: #fff; display: flex; align-items: center; letter-spacing: 18px;}
.header .layui-row .logo{display: block; width: 100%; height: 80px;}
.header .layui-row .logo img{width: 100%; height: 80px;}
.header .layui-row .right{height: 120px; display: flex; align-items: center; }
.header .layui-row .right .tel{display:flex; justify-content: center; align-items: center; font-size: 22px; color: #fff; margin-right: 100px;}
.header .layui-row .right .tel .text{font-size: 18px; font-weight: 400; margin-right: 10px;}
.header .layui-row .right .tel .no{ font-family: impact; font-size: 28px;}
.header .layui-row .right .tel .no .stel{padding: 0 6px;}
.header .layui-row .right .tel .no .stel1{margin-bottom: -16px;}

.header .layui-row .right .layui-form-item{margin-bottom: 0;} 
.header .layui-row .right .layui-form-item .layui-icon-search{color: #6f0000;}

.header .search .stxt{width: 220px; height: 30px; border: 0px; text-indent: 6px; font-size: 12px;}
/* header end*/

/* nav */
.nav{width: 100%; height: 60px; margin-top: 120px; background-color: #6f0000; border-top: 1px #4d0000 solid; position: fixed; z-index: 99;}
.nav .layui-nav{display: flex; justify-content: space-around; background-color: #6f0000;}
.nav .layui-nav .layui-this:after, .nav .layui-nav-bar {background-color: #fff;}    
.nav .layui-nav li{color: rgba(255, 255, 255, .7);}
.nav .layui-nav li a{font-size: 16px;}
.nav .layui-nav li:last-of-type { display: none; }
/* banner */
.show{padding: 0; background-color: #efefef;}
.show .

/* 首页部分 */
/* index*/
.index{background-color: #EFEFEF; padding-top: 20px; padding-bottom: 20px;}
.index .box{border: 1px #ccc solid; background-color: #fff; height: 300px; padding: 20px; display: flex;  flex-direction: column;}
.index .box .title{border-bottom: 1px #6f0000 solid; font-size: 16px; font-weight: 600; display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 10px;}
.index .box .title .layui-icon{color: #6f0000;}
.index .box .title .more a{color: #6f0000; font-size: 14px; font-weight: 400;}
.index .box .title .more a:hover{color: #4d0000;}
.index .box .con{flex: 1; padding: 10px 0; }

.index .box .service{display: flex; justify-content: flex-start;}
.index .box .service .img{}
.index .box .service .img img{width: 158px; height: 210%px;}
.index .box .service .text{padding-left: 20px; display: flex; flex-direction: column; justify-content: space-between;}
.index .box .service .text p{font-size: 18px; font-weight: 600; color: #6f0000;}
.index .box .service .text .more{font-size: 14px; color: #6f0000;}
.index .box .service .text .more:hover{color: #333;}

.index .box .process{}
.index .box .process .con{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.index .box .process .con .img img{width: 90px; height: 90px;}
.index .box .process .con .stitle:hover{color: #6f0000;}


.index .box .about{}
.index .box .about .img{display: flex; justify-content: center; margin-top: 6px;}
.index .box .about .img img{width: 360px;}
.index .box .about .text{padding-top: 16px; line-height: 24px; text-indent: 2em;}

.index .box .news{}
.index .box .news ul li{border-bottom: 1px #ccc solid; display: flex; justify-content: flex-start; padding-bottom: 14px; margin-top: 14px;}
.index .box .news ul li .img img{width: 100px; height: 60px;}
.index .box .news ul li .text{display: flex; flex-direction: column; justify-content: space-between; padding-left: 16px;}
.index .box .news ul li .text .stitle{font-size: 14px; color: #333;}
.index .box .news ul li .text .stitle:hover{color:#6f0000 ;}
.index .box .news ul li .text span{font-size: 12px;color: #666; }
.layui-carousel{background-color: #fff;}
.layui-carousel>[carousel-item]>* {background-color: #fff;}

.index .box .zs .zsbox{padding-top: 6px;}
.index .box .zs .zsbox .img{display: block; align-items: center;}
.index .box .zs .zsbox .img img{width: auto; height: 220px; margin:0 auto;}
.index .box .zs .zsbox p{margin-top: 8px;} 

.index .box .steam{ width: 100%; overflow: hidden; }
.index .box .team{padding-top: 14px; display: flex; width: max-content; animation: scroll 100s linear infinite; }
.index .box .steam:hover .team { animation-play-state: paused; }

        @keyframes scroll {
        0% {
            transform: translateX(0);
        }
        100% {
            /* 向左移动50%，因为轨道内容是原始内容的两倍长 */
            transform: translateX(-50%);
        }
    }

.index .box .team .main{display: flex;flex-direction: column; justify-content: center; align-items: center; margin: 0 20px;}
.index .box .team .main .img img{width: 155px; height: 200px;}
.index .box .team .main .stitle{font-size: 16px; color: #6f0000; padding-top: 8px;}
.index .box .team .main p{color: #666; margin-top: -2px;}


.index .layui-tabs-header .layui-this, .layui-tabs-header li:hover {color: #6f0000;}
.index .layui-tabs-header .layui-this:after{border-bottom: 3px solid #6f0000;} 
.index .layui-tabs-header li{padding: 0 32.5px;}

/* link*/
.link{display: flex; height: 60px; justify-content: center; align-items: center; background-color: #fff;}
.link .friend-links a:not(:last-child)::after { content: " | "; margin: 0 8px; /* 可选：调整间距 */ color: #ccc;   /* 可选：设置分隔符颜色 */ }
.link .friend-links a:hover{color: #6f0000;}

/* footer */
.footer{background-color: #333; height: 300px; border-top: 1px #ccc solid;}
.footer .layui-container{display: flex; justify-content: space-between; padding-top: 50px;}
.footer .layui-container .main{display: flex; justify-content: left;}
.footer .layui-container .main .text{margin-right: 60px;}
.footer .layui-container .main .text .name{color: #fff; font-size: 18px; font-weight: 400;}
.footer .layui-container .main .text ul{padding-top: 10px;}
.footer .layui-container .main .text ul li{text-align: center;}
.footer .layui-container .main .text ul a{font-size: 14px; color: #b3b3b3;}
.footer .layui-container .main .text ul a:hover{color: #fff;}
.footer .layui-container .tel{font-size: 18px; color: #fff; padding-right: 0px; display: flex;  flex-direction: column;}
.footer .layui-container .tel .layui-icon{font-size: 20px;}
.footer .layui-container .tel .no{display: flex; align-items: center; margin-top: 10px; flex-direction: column; align-items: flex-start;}
.footer .layui-container .tel .no span{font-family: BRUSHSCI; font-size: 32px; padding-left: 19px; width: 300px; text-align: justify;}
.footer .layui-container .tel .no .span2{ letter-spacing: 3px;}
/* foot */
.foot{background-color: #6f0000;}
.foot .layui-container{height: 60px; display: flex; justify-content: space-between; align-items: center; color: #cd7f85; font-size: 12px;}
.foot .layui-container a{ color: #cd7f85; font-size: 12px;}
.foot .layui-container .right{font-size: 12px;}

/* 内页部分 */
/* lists-single */
.banner{height: 300px; background-color: #efefef;}
.banner .main{height: 300px; display: flex; flex-direction: column; align-items:flex-end; justify-content: center;}
.banner .main p{font-size: 24px; color: #fff; font-weight: 800;}
.banner .main .p2{font-size: 18px; font-weight: 400; margin-top: -6px; margin-bottom: 10px;}
.banner .main span{display: block; width: 200px; height: 1px; background-color: #fff;;}
.bread{border-bottom: 1px #ccc solid; background-color: #fff;}
.bread .main{height: 50px; display: flex; align-items: center;}
.bread .main span{margin-left: 10px;}

.inner{border:1px #ccc solid; background-color: #fff; margin-top: 30px; margin-bottom: 30px;}
.inner .subnav{padding: 30px;}
.inner .subnav .title{border-bottom: 2px #6f0000 solid; font-size: 18px; font-weight: 600; line-height: 30px; text-align: center; padding-bottom: 10px; color: #6f0000;}
.inner .subnav ul li a{display: block; height: 50px; line-height: 50px; border-bottom: 1px #ccc solid; text-align: center;}
.inner .subnav ul li a:hover{color: #6f0000; border-bottom: 1px #6f0000 solid;}
.inner .subnav ul li .cur{color: #6f0000; border-bottom: 2px #6f0000 solid;}

.inner .right{border-left: 1px #ccc solid; padding: 30px 60px;}
.inner .right .heading{font-size: 24px; color: #6f0000; text-align: center; border-bottom: 1px #ccc dotted; padding-bottom: 16px; padding-top: 20px; display: flex; align-items: center;}
.inner .right .heading h2{font-size: 18px; padding-left: 10px;}
.inner .right .single{padding-top: 20px; font-size: 14px;}
.inner .right .single p{margin-bottom: 14px;}
.inner .right .single img{max-width: 100%; height: auto;}

/* lists-news */
.inner .right .news{}
.inner .right .news .content{border-bottom: 1px #ccc solid; padding-top: 20px; padding-bottom: 20px; display: flex; justify-content: left;}
.inner .right .news .content .text{margin-left: 30px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;}
.inner .right .news .content .text a{display: block; font-size: 24px; color: #6f0000; padding-bottom: 30px;}
.inner .right .news .content .time{display: block; font-size: 12px; color: #666;}
.inner .right .news .content .des{display: block; font-size: 14px; color: #666;}

.inner .right .pagelink{margin-top: 50px; margin-bottom: 30px; display: flex; justify-content: center;}
.inner .right .pagelink li{padding: 8px 16px; margin: 0 6px; border: 1px #ccc solid;}
.inner .right .pagelink .active{background-color: #6f0000; border: 1px #6f0000 solid;}
.inner .right .pagelink .active a{color: #fff;}

/* lists-team */
.inner .right .team{margin-top: 30px; margin-bottom: 100px;}
.inner .right .team .main{border: 1px #ccc solid; display: flex; flex-direction: column; align-items: center; padding: 20px; overflow: hidden;}
.inner .right .team .main .img img{height: 200px;}
.inner .right .team .main .title{font-size: 18px; height: 50px;  font-weight: 400; color: #6f0000; margin-top: 20px;}

/* lists-article*/
.inner .right .listarticle{margin-top: 0px; }
.inner .right .listarticle .content{border-bottom: 1px #ccc solid; display: flex; justify-self: left; width: 100%; align-items: center; height: 60px; font-size: 16px;}
.inner .right .listarticle .content .layui-icon{font-size: 20px; color: #6f0000;}
.inner .right .listarticle .content .title{color: #6f0000; margin-left: 16px;}
.inner .right .listarticle .content .title:hover{color: #4d0000;}

/* show-news */
.inner .right .shownews{}
.inner .right .shownews h1{font-size: 24px; text-align: center; margin-top: 30px; color: #6f0000;}
.inner .right .shownews .time{text-align: center; font-size: 12px; color: #666;}
.inner .right .shownews .content{margin-top: 20px; font-size: 14px;}
.inner .right .shownews .content p{margin-bottom: 14px;}
.inner .right .shownews .content img{width: 100%; height: auto;}