.threm{padding-left: 8rem;padding-right: 8rem;box-sizing: border-box;}
.index_banner .swiper-pagination-bullet{width: 32px;height: 4px;border-radius: 25px;background-color: #fff;opacity: .8;}
.index_banner .swiper-pagination-bullet-active{background-color: #bd2f2c;opacity: 1;}
.index_about .about_top{font-size: 28px;color: #444;}
.index_about{margin-top: 50px;}
.about_list{display: flex;justify-content: space-between;margin-top: 20px;}
.about_list .left{width: 26%;position: relative;border-top: 1px solid #bd2f2c;}
.about_list .left::after{content: "";width: 35px;height: 4px;background-color: #bd2f2c;top: 0;left: 0;position: absolute;}
.about_list .right{margin-left: 7rem;margin-top: 18px;}
.about_list .right .cont{color: #666;margin-bottom: 22px;font-size: 15px;line-height: 28px;}
.about_list .right img{max-width: 100%;}
.about_list .tranm{transform: rotate(-90deg);display: inline-block;position: absolute;left: -55px;top: 90px;font-size: 28px;color: #6c6c6c;}
.about_list .left .but{position: absolute;bottom: 0;left: 0;background-color: #bd2f2c;padding: 11px 22px;box-sizing: border-box;border-radius: 22px;transition: .3s;display: block;}
.about_list .left .but img{width: 35px;}
.about_list .left .but:hover{background-color: #f14949;transition: .3s;}
.index_case{margin-top: 50px;}
.index_case .top{width: 300px;margin: 0 auto;text-align: center;}
.index_case .top .cn{font-size: 28px;color: #444;margin-bottom: 8px;}
.index_case .top .en{padding-top: 12px;border-top: 1px solid #bd2f2c;color: #666;font-size: 13px;position: relative;}
.index_case .top .en::before{content: "";width: 35px;height: 4px;background-color: #bd2f2c;position: absolute;left: 50%;top: 0px;transform: translateX(-50%);}
.index_case .case_list{display: flex;flex-wrap: wrap;margin-top: 30px;}
.index_case .case_list .case_box{width: 50%;overflow: hidden;}
.index_case .case_list .case_box a{display: block;width: 100%;height: 100%;position: relative;}
.index_case .case_list .case_box a img{width: 100%;max-width: 100%;}
.index_case .case_list .case_box .case_href .cont{width: 100%;height: 20%;position: absolute;bottom: 0;left: 0;background-color: hsl(0, 0%, 0%,.4);padding: 0 30px;box-sizing: border-box;display: flex;flex-direction: column;justify-content: center;}
.index_case .case_list .case_box .case_href .cont p{color: #fff;}
.index_case .case_list .case_box .case_href .cont p:nth-child(1){font-size: 18px;}
.index_case .case_list .case_box .case_href .cont p:nth-child(2){font-size: 12px;}
.index_case .case_list .case_box:hover img{transform: scale(1.1);transition: .4s;}
.index_case .case_list .case_box img{transition: .4s;}
.index_map{margin-top: 50px;}
.index_map .box{background-color: #bd2f2c;padding: 30px 80px;box-sizing: border-box;border-radius: 6px;display: flex;justify-content: space-between;}
.index_map .box .right{position: relative;}
.index_map .box .right .tform{transform: rotate(90deg);color: #fff;display: inline-block;position: absolute;top: 75%;right: -80px;color: hsl(0, 0%, 100%,.8);letter-spacing: 1px;}
.index_map .box .left{padding: 12px 0;box-sizing: border-box;position: relative;}
.index_map .box .left .cont{color: hsl(0, 0%, 100%,.9);font-size: 18px;}
.index_map .box .left .cont span{font-size: 21px;}
.index_map .box .left .but{position: absolute;bottom: 10px;left: 0;background-color: #fff;padding: 11px 22px;box-sizing: border-box;border-radius: 22px;transition: .3s;display: block;color: #bd2f2c;}
.index_map .box .left .but img{display: inline-block;}
.index_news{margin-top: 50px;}
.index_news .top{display: flex;justify-content: space-between;padding-bottom: 11px;border-bottom: 1px solid #bd2f2c;position: relative;}
.index_news .top .cn{font-size: 28px;color: #444;}
.index_news .top .en{font-size: 22px;color: #444;position: relative;top: 5px;}
.index_news .top::before{position: absolute;bottom: -4px;left: 0;width: 35px;height: 4px;background-color: #bd2f2c;content:''}
.index_newlist{margin-top: 40px;}
.index_newlist .news_box{display: flex;justify-content: space-between;padding: 20px 0;border-bottom: 1px dashed #cdcdcd;box-sizing: border-box;}
.index_newlist .news_box .right{width: 40%;}
.index_newlist .news_box .left{margin-right: 50px;}
.index_newlist .news_box .left .time{font-size: 14px;color: #666;}
.index_newlist .news_box .left .cont{margin-top: 30px;}
.index_newlist .news_box .left .cont .title{font-size: 18px;color: #444;}
.index_newlist .news_box .left .cont .nr{font-size: 15px;color: #666;margin-top: 12px;}
.index_newlist .news_box .left .cont .news_jt{margin-top: 22px;transition: .3s;}
.index_newlist .news_box:hover{border-bottom: 1px dashed #898989;}
.index_newlist .news_box:hover .left .cont .news_jt{transform: translateX(20px);transition: .3s;}

.index_brand .top{width: 300px;margin: 0 auto;text-align: center;}
.index_brand .top .cn{font-size: 28px;color: #444;margin-bottom: 8px;}
.index_brand .top .en{padding-top: 12px;border-top: 1px solid #bd2f2c;color: #666;font-size: 13px;position: relative;}
.index_brand .top .en::before{content: "";width: 35px;height: 4px;background-color: #bd2f2c;position: absolute;left: 50%;top: 0px;transform: translateX(-50%);}
.index_brand{margin-top: 50px;margin-bottom: 50px;} 
.index_brand img{max-width: 100%;margin: 0 auto;}
.index_map .box .left .but:hover{background-color: rgb(225 225 225);transition: .3s;}
@media (max-width:768px){
    .threm{padding-left: 12px;padding-right: 12px;}
    .index_newlist .news_box{flex-wrap: wrap;}
    .index_newlist .news_box .right{width: 100%;order: 1;}
    .index_newlist .news_box .left{order: 2;margin-top: 10px;margin-right: 0;}
    .index_newlist .news_box .left .cont{margin-top: 15px;}
    .index_brand .top{width: 180px;}
    .index_brand .top .cn{font-size: 20px;}
    .index_case .top{width: 180px;}
    .index_case .top .cn{font-size: 20px;}
    .index_news .top .cn{font-size: 20px;}
    .index_news .top .en{font-size: 16px;}
    .index_newlist {margin-top: 20px;}
    .index_map .box{padding: 30px 15px;flex-wrap: wrap;}
    .index_map .box .left,.index_map .box .right{width: 100%;}
    .index_map .box .right{order: 1;}
    .index_map .box .left{order: 2;}
    .index_map .box .left .but{position: unset;display: inline-block;margin-top: 20px;padding: 7px 18px;font-size: 14px;}
    .index_map .box .left .but img{position: relative;top: -2px;}
    .index_map .box .right .tform{right: -60px;}
    .index_case .case_list .case_box .case_href .cont{height: 40%;padding: 0 12px;}
    .index_case .case_list .case_box .case_href .cont p:nth-child(1){font-size: 12px;}
    .index_case .case_list .case_box .case_href .cont p:nth-child(2){font-size: 9px;}
    .about_list .tranm,.about_list .left .but{display: none;}
    .about_list .left{width: 100%;}
    .about_list{display: block;}
    .about_list .right{margin-left: 0rem;}
    .index_about .about_top{font-size: 20px;}
}


/* 1219 */
.index_clients{padding: 0 5px;box-sizing: border-box;}
.index_clients .flex{display: flex;}
.index_clients .left{width: 20%;margin-right: 30px;}
.index_clients  h1{font-size: 22px;position: relative;padding-left: 15px;margin-bottom: 12px;}
.index_clients  h1::before{content: "";position: absolute;top: 50%;left: 0;width: 6px;height: 60%;background-color: #bd2f2c;transform: translateY(-50%);}
.index_clients .left p{color: #333;margin-bottom: 8px;font-size: 14px;}
.index_clients .right{width: 100%;display: flex;flex-wrap: wrap;}
.index_clients .right .box{width: 20%;text-align: center;display: flex;justify-content: center;align-items: center;margin-bottom: 12px;}
.index_clients .right .box img{margin: 0 auto;}
/* .index_clients .right .box:hover img{filter: grayscale(0%);transition: .3s;cursor: pointer;} */
.about_js .cn{width: 50%;padding: 0 12px;box-sizing: border-box;}
.about_js .img{width: 50%;padding: 0 12px;box-sizing: border-box;}
.about_jstitle{font-size: 22px;position: relative;padding-left: 25px;margin: 30px 0;}
.about_jstitle::before{position: absolute;top: 50%;left: 12px;width: 6px;height: 60%;background-color: #bd2f2c;transform: translateY(-50%);content: "";}
.about_js .cn p{text-indent: 2em;line-height: 33px;font-size: 14px;}
.about_js .cn .top{text-indent: 0em;}
.about_honor ul{padding: 0 12px;box-sizing: border-box;}
.about_honor ul li{display: block;line-height: 33px;font-size: 14px;}
.hon_box{display: flex;flex-wrap: wrap;}
.hon_box .left{width: 25%;margin-right: 30px;}
.hon_box .ryzzban{width: 72%;}
.about_js .img img{max-width: 100%;}
.about_js.flex{flex-wrap: wrap;}
.wenhua .left{width: 50%;padding: 0 12px;box-sizing: border-box;}
.wenhua .right{width: 50%;padding: 0 12px;box-sizing: border-box;}
.wenhua .top{font-size: 18px;font-weight: 600;}
.wenhua .cont{line-height: 30px;margin-top: 20px;font-size: 14px;}
.company-name{font-size: 26px;padding: 0 12px;margin: 30px 0;}
.index_banner .swiper-wrapper .swiper-slide img{width: 100%;}
.wenhua .right .cont .box{display: flex;margin-bottom: 12px;}
.wenhua .right .cont .box .zi{margin-left: 20px;display: flex;align-items: center;line-height: 24px;}
.wenhua .right .cont .box .img{width: 60px;}
.wenhua .right .cont .box .img img{max-width: 100%;}
@media (max-width:768px){
    .index_clients .left{width: 100%;margin-right: 0;}
    .index_clients .right{width: 100%;}
    .index_clients .right .box{width: 25%;}
    .index_clients .flex{flex-wrap: wrap;}
    .about_js .cn{width: 100%;}
    .about_js .img{width: 100%;}
    .about_jstitle {font-size: 20px;}
    .hon_box .left{width: 100%;}
    .hon_box .ryzzban{width: 100%;}
    .company-name{font-size: 22px;}
    .wenhua{flex-wrap: wrap;}
    .wenhua .left{width: 100%;}
    .wenhua .right{width: 100%;margin-top: 10px;}
}