/* 头部 */
.header_box{
    background: #fff;
    display: flex;
    align-items: center;
    height: .8rem;
    justify-content: space-between;
}
.header_menu ul{
    display: flex;
    align-items: center;
}
.header_logo img{
    width: 1.73rem;
    height: 80px;
}
.header_menu li{
    margin-left: .8rem;
    font-size: .16rem;
    text-align: center;
    padding-bottom: .05rem;
}
.header_menu{
    margin-top: .1rem;
}
.header_menu a{
    display: block;
    
    position: relative;
}
.activeMenu{
    /*background-color: #153a87;*/
    color: #153a87 !important; 
    border-bottom: 2px solid #153a87;
    font-weight: 800;
}

.header_menu a:hover{
    color: #C7000B;
    text-decoration: none;
}
.down_menu{
    cursor: pointer;
    top:.8rem;
    position: absolute;
    color: #fff;
    font-size: .12rem;
    z-index: 100;
    display: none;
}
        .jg{
            padding: 0 0.05rem ;
            display: inline-block;
        }
        .foot_ul{
            width: 3.64rem;
            flex-wrap: wrap;
            padding-left: 8px;
        }
.down_menu ul{
    display: flex;
    padding-inline-start: 0;
    flex-direction: column;
}
.down_menu li{
    padding: .05rem 0;
    font-size: .12rem;
    border-bottom: 1px solid #f5f5f5;
    padding: .05rem;
    text-align: center;
    background: rgba(0, 0, 0, 0.4);
}
.down_menu li:last-child{
    border-bottom: none ;
}
.warp_head,.warp_menu{
    display: none;
}
.nav {
    list-style: none;
    height: 50px;
    margin: 100px auto;
    display: flex;
    align-items: center;
    
}
.dowm_right img{
    width: .34rem;
    height: .34rem;
}
.nav a{
    color: #000 ;
    width: 100%;
    height: 100%;
    display: inline-block;
}
.nav>li {
    width: 1rem;
    height: .45rem;
    line-height: .45rem;
    text-align: center;
    z-index: 1000000;
    font-size: .16rem;
    color: #000;
    margin-left: 1px;
}
.nav2 li{
    font-size: .16rem !important;
}
.sub {
    list-style: none;
    display: none;
    background: #000;
    flex-direction: column;
    font-size: .16rem;
    /* margin-top: .1rem; */
    font-family: Microsoft YaHei;
}
.subactive{
    color: #000 !important;
    background-color: #fff;
}
.BMap_bubble_content{
    height: 30px;
}
.op_box{
    animation: op 2s linear;
}
@keyframes op {
    0%{
        opacity: 0;
    }
    /* 50%{
        opacity: 0;
    } */
    100%{
        opacity: 1;
    }
}
.sub a{
    color: #fff;
}
.speacil{
    height: 0.1rem;
    background-color: #fff !important;
    position: relative;
}
.sanjiao1{
    width: 0px;
    height: 0px;
    left: 50%;
    transform: translate(-50%);
    border: 0.05rem solid transparent;
    border-bottom-color:#000;
    position: absolute;
}
/* 轮播图 */
.more_btn{
    position: absolute;
    width: 1.65rem;
    height: .55rem;
    line-height: 0.55rem;
    text-align: center;
    color: #fff !important;
    font-size: .14rem;
    background-color: #153a87;
    left: 50%;
    transform: translate(-50%);
    top: 65%;
    border-radius: .05rem;
}
.carousel-item{
    position: relative;
}
.banner_box img{
    width: 100%;
    /*height:3rem;*/
}
.carousel-item img{
    height: 6.5rem;
}
.carousel-indicators li {
    width: .1rem !important;
    height: .1rem !important;
    display: inline-block;
    background-color: #CCCCCC;
    border-radius: 50%;
}
.carousel-control-next-icon{
    width: .57rem !important;
    height: .57rem !important;
    
    background-color: red;
}
.carousel-control-prev-icon{
    width: .57rem !important;
    height: .57rem !important;
    background-color: red;
}
.carousel-control-next, .carousel-control-prev{
    opacity: 0.8;
}
/* 案例展示 */
.demo_title{
    text-align: center;
    font-size: .3rem;
    margin-top: 0.9rem;
    font-weight: 400;
}
.demo_pic img{
    width: 2.08rem;
    height: .11rem;
    margin: .12rem 0;
}
.demo_pic{
    text-align: center;
}
.en_title{
    font-size: .18rem;
    text-align: center;
    font-family: Microsoft YaHei;
    font-weight: 400;
    margin-bottom: .55rem;
    color: #999999;
}
.demo_content{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .95rem;
}
a{
    text-decoration: none !important;
}
.item_up{
    overflow: hidden;
    width: 3.75rem;
    border: none;
    height: 2.4rem;
    padding: 0;
    margin: 0;
}
.item_up img{
    width: 100%;
    height: 2.41rem;
    display: block;
}
.item_down {
    width: 3.753rem;
    height: .8rem;
    border: 1px solid #C2C2C2;
    border-top: none;
    display: flex;
    color: #000;
    justify-content: space-between;
    align-items: center;
    padding: 0 .35rem 0 .25rem;
}
.dowm_left{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
}
.left_title{
    font-weight: bold;
    font-size: .18rem;
}
img{
    padding: 0;
    margin: 0;
}
.left_title1{
    font-size: .14rem;
    margin-top: .1rem;
}
.demo_item:hover{
    /* margin-top: -0.5rem;
    transition: all 0.5s; */
    animation: mt 0.5s ;
  
    animation-fill-mode: forwards;
}
.demo_item:hover .item_up img{
    transform: scale(1.2); 
    animation: imgscale 1s ;
}
.demo_item:hover .item_down{
    /*border: 1px solid #C2C2C2;*/
    border: none !important;
    border-top: none;
}
@keyframes imgscale {
    0%{
        scale: 1;
    }
    100%{
        scale: 1.2;
    }
}
@keyframes mt {
    0%{
        margin-top: 0;
    }
    100%{
        margin-top: -0.3rem;
    }
}
.demo_item:hover .item_down{
    color: #fff !important;
    background: #153a87;
    width: 3.753rem;
}
.demo_item{
    font-size: 0;
}
/* 底部 */
.footer{
    background: #333333;
    padding:0.6rem  4rem 0.42rem  4rem;
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
}
.number_text{
    margin: .35rem 0 .2rem 0 ;
}
.warp_footer{
    display: none;
}
.foot_item{
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    font-size: .14rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #C2C2C2;
}
.foot_item:nth-child(2){
    border-right: 1px solid #505050;
    border-left: 1px solid #505050;
    padding: 0 0.4rem;
}
.foot_item div ul{ 
    display: flex;
    align-items: center;
}
.foot_item div ul li{ 
    margin-right: 0.05rem;
}
.foot_item div ul li a{ 
   color: #C2C2C2;
}

 .item_up img{
            width: 3.75rem;
            height: 2.40rem;
        }
        .demo_content{
            flex-wrap: wrap;   
        }
        .demo_item{
            margin-bottom: 0.4rem;
        }
        .carousel-item{
            width: 100%;
            /*background-position: center center;*/
            /*background-repeat: no-repeat;*/
            height: 6.5rem;
            background-size: cover;
        }
        .news_des{
            padding: 0.2rem;
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        } 
        .demo_content1{
            margin: 0 auto;    
            margin-bottom: 1rem;
        }
        .news_box{
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .news_item{
            display: block;
            width: 90%;
            margin-bottom: 10px;
            border: 1px solid #DBDBDB;
        }
        .news_des{
            flex: 1;
        }
        .news_img{
            flex: 1;
        }
        .news_img img{
            width: 4.7rem;
            height: 2.6rem;
        }
        .item_time,.item_des{
             float: left;
            display: flex;
            flex-direction: column;
        }
        .item_des{
            width: 70%;
            margin-left: 0.2rem;
        }
        .des_title{
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-family: Microsoft YaHei;
            font-weight: 800;
            font-size: 0.2rem;
            color: #666666;
            height: 60px;
            line-height: 60px;
        }
        .des_con{
            font-family: Microsoft YaHei;
            font-weight: 400;
            color: #999999;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-top: 0.1rem;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            /*line-height: 0.22rem;*/
        }
        .item_time{
            width: 3rem;
            height: 3rem;
           color: #666;
            background-color:#eee;
        }
        .item_time img{
            width: 3rem;
            height: 3rem;
        }
        .wap_bews{
            display: none;
        }
       .time_day{
           font-weight: bold;
           margin-top: 0.2rem;
       }
       .time_years{
            margin-left: 0.15rem;
           
       }
       .look_more{
           margin: 5px 0;
           text-align: right;
       }
       .look_more a{
           color: #000;
           font-size: 12px;
       }
       .look_web{
           text-align: center;
           margin-top:20px ;
            width: 100%;
           font-size: .2rem;
            font-weight: 400;
       }
       .look_web a{
           font-family: '微软雅黑', 'helvetica', 'Heiti SC';
           color: #212529 !important;
       }
       .hz_bg{
         padding:0.1rem 0 0.75rem 0;
       }
       .down_list{
           width: 100% !important;
           display: flex;
           margin:0 1.22rem ;
           justify-content: space-between;
       }
       .box_img{
           justify-content: space-between;
           display: flex;
           align-items: center;
           margin: 0.3rem 0 0.4rem 0;
       }
       .box_img img{
           width: 3.9rem;
           height: 2.7rem;
       }
       .news_item{
        width: 100%;
    }
      #demoa,#demo img{
          width: 100%;
      }