/*公用样式*/


html,body{
    width: 100%;
    height:100%;
    font-family: PingFangSC-Light, sans-serif;
}
.wrap{
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    position: relative;

}
.main{
    position: absolute;
    width: 100%;
    left:0;
    top:1.8rem;
    bottom: 0;
    overflow: scroll;
    -webkit-overflow-scrolling: touch
}
/*顶部导航*/
.index_nav,
.nav_list_top{
    width: 100%;
    height:1.8rem;
    background: #fff;
    padding-left: 1rem;
    border-bottom: 0.02rem solid #ddd;
}
.index_nav img,
.nav_list_top img{
    float: left;
    width: 3.54rem;
    height:0.82rem;
    margin-top: 0.46rem;
}
.index_nav i,
.nav_list_top i{
    float: right;
    width: 1.82rem;
    height:100%;
    line-height:1.8rem;
    text-align: center;
    font-size:0.8rem;
    color: #666;
    border-left:0.02rem solid #ddd;;
}
/*侧面隐藏导航*/
.nav_list{
    position: fixed;
     z-index: 999;   left:0;
    top:0;
    bottom: 0;
    width: 100%;
    background: #696969;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
}
.nav_list_top{
    background: #c8151d;
    border-bottom: none;
}
.nav_list_top i{
    color: #fff;
    border-left:none
}
.nav_list_ul{
    font-size:0.6rem;
    margin-bottom: 0.96rem;
}
.nav_list_ul li{
    line-height:1.8rem;

}
.nav_list_ul li a,
.nav_list_ol li a{
    color: #fff;
    display: block;
    width: 100%;
    padding: 0 0.76rem 0 1rem;
}
.nav_list_ul li a i{
    float: right;
    text-align: right;
    font-size:0.6rem;
    color: #fff;
}
.nav_list_ol li a{
    line-height:1.48rem;
}
.nav_list_ol li a i{
    float: left;
    color: #fff;
    font-size:0.6rem;
    font-weight: bold;
    margin-right: 0.4rem;
}
.nav_menu{
    position: absolute;
    width: 100%;
    left:0;
    top:1.8rem;
    bottom: 0;
    background: #fff;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
}
.nav_menu h4{
    line-height:1.76rem;
    border-bottom: 0.02rem solid #999;
    font-size:0.72rem;
    color: #222;
    padding-left: 0.6rem;
}
.nav_menu h4 i{
    float: left;
    font-size:0.72rem;
    color: #666;
    margin-right: 0.4rem;
}
.nav_menu a {
    display: block;
    font-size:0.6rem;
    color: #222;
    padding-left: 1.8rem;
    line-height:1.76rem;
    border-bottom: 0.02rem solid #ddd;
}
/*底部*/
.contact{
    display: block;
    width: 100%;
    height:1.8rem;
    line-height:1.8rem;
    background: #c8151d;
    color: #fff;
    font-size:0.6rem;
    text-align: center;
}
.contact_dig{
    background-color: #061F27;
}
.contact i{
    font-size:0.64rem;
    color: #fff;
    margin-right: 0.2rem;
    font-weight:bold;
}
.index_bottom{
    width: 100%;
    background: #2d2d2d;

}
.bottom_link{
    line-height:2.4rem;
    border-bottom: 0.02rem solid #454447;
    padding:0 0.4rem;
}
.bottom_link a{
    color: #aaa;
    margin: 0 0.4rem;
}
.copyright{
    line-height:1.6rem;
    color: #babcb9;
    font-size:0.36rem;
    padding-left: 2.4rem;
}
.copyright span{
    float: left;
}
.copyright i{
    float: left;
    width: 0.02rem;
    height:0.4rem;
    background: #babcb9;
    margin: 0.6rem 0.3rem 0;
}


/*案例*/
.case_div{
    padding: 1.2rem 0 2.3rem;
    border-top: 0.02rem solid #999;
}
.case_nav{
    width: 100%;
    height:1.6rem;
    border-right: 0.02rem solid #999;
    border-left: 0.02rem solid #999;

}
.case_nav span{
float: left;
width: 50%;
height:100%;
color: #999999;
line-height:1.48rem;
background: #F2F2F2;
text-align: center;
font-size:0.6rem;
}
.case_nav span.current{
    background: #fff;
    border-top:0.12rem solid #ca151c;
    color: #ca151c;
}
.list_div{
    width: 100%;
    border:0.02rem solid #999
}
.case_list{
    width: 100%;
}
.case_list a{
    display: block;
    width: 100%;
    padding: 0.4rem 0.6rem;
    border-bottom: 0.02rem solid #999;
}
.case_list a:last-child{
    border-bottom:none
}
.case_img{
    float:left;
    width:2.8rem ;
    height:2.8rem;
    overflow: hidden;
    margin-right: 0.6rem;
}
.case_img img{
    width: auto;position: relative; left: 50%;margin-left: -220px;    height:100%;
}
.case_info{
    float: left;
    width: 8.36rem;
    height:100%;
    color: #222;
}
.case_info h4{
    width: 100%;
    height:0.6rem;
    font-size:0.6rem;
    line-height:0.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0.8rem 0 0.2rem;
}
.case_info p{
    font-size:0.48rem;
    line-height:0.64rem;
}
.more_case{
    display: block;
    width: 100%;
    line-height:2.36rem;
    font-size:0.6rem;
    color: #d4072b;
    text-align: center;
    font-weight: bold;
    border-top: 0.02rem solid #999;
}
/*标题*/
.about_title{
    line-height: 2.52rem;
    position: relative;
    font-size:0.84rem;
    margin-bottom: 0.64rem;
    font-weight:bold;
}
.about_title span {
    position: absolute;
    left:0;
    bottom: 0;
    width: 1.4rem;
    height: 0.08rem;
    background: #c8151d;
}
/*视频播放器样式*/
.video_div{
    width: 100%;
    height:8.6rem;
}
.video-js{
    width: 100% !important;
    height:100%!important;
}
.vjs-big-play-button{
    left: 50%!important;
    top:50%!important;
    width:1.8rem!important;
    height:1rem!important;
    line-height:1rem!important;
    margin-left: -0.9rem!important;
    margin-top: -0.5rem!important;
    border: 0.04rem solid #fff!important;
    border-radius: 0.24rem!important;
    background-color:rgba(225,225,225,0.53)!important;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder,
.vjs-icon-play{
    font-size:0.68rem
}
.video-js .vjs-control-bar{
    height: 1.2rem !important;
}
.vjs-button>.vjs-icon-placeholder:before {
    font-size: 0.64rem!important;
    line-height: 1.2rem!important;
}
.video-js .vjs-progress-holder {
    height: 0.08rem;
}
.video-js .vjs-play-progress:before {
    font-size: 0.28rem;
}
.video-js .vjs-time-control {
    font-size: 0.36rem;
    line-height: 1.2rem;
    padding-left: 0.1rem;
    padding-right: 0.1rem;
}
/*日历插件自定义样式*/
.layui-laydate-main{
    width: 9.24rem!important;
}
.layui-laydate-header{
        padding: 0.4rem 1.4rem!important; 
        line-height: 0.6rem!important; 
     border-bottom: 0.02rem solid #e2e2e2!important; 
}

.layui-laydate-header i {
    top: 0.4rem!important;
    font-size:0.52rem!important; 

}
.layui-laydate-header i.laydate-prev-y {
    left: 0.3rem!important;
}
.layui-laydate-header i.laydate-prev-m {
    left: 0.9rem!important;
}
.layui-laydate-header i.laydate-next-m {
    right: 0.9rem!important;
}
.layui-laydate-header i.laydate-next-y {
    right: 0.3rem!important;
}
.laydate-set-ym span, .layui-laydate-header i {
    padding: 0 0.2rem!important; 
}
.laydate-set-ym{
    font-size: 0.52rem!important
}
.layui-laydate-content td, .layui-laydate-content th {
    width: 1.28rem!important;
    height: 1rem!important;
    padding: 0.1rem!important;
    font-size: 0.52rem!important;
}
.laydate-footer-btns {
    position: absolute;
    right: 0.2rem!important;
    top: 0.2rem!important;
}
.layui-laydate-footer {
    position: relative;
    height: 1.2rem!important;
    line-height: 1.2rem!important;
    padding: 0.2rem 0.4rem!important;
}

.laydate-footer-btns {
    right: 0.2rem!important;
    top: 0rem!important;
    padding-top: 0.2rem!important
}
.laydate-footer-btns span {
    height: 0.72rem!important;
    line-height: 0.72rem!important;
    margin: 0 0 0 0.02rem!important;
    padding: 0px 0.36rem!important;
    border: 0.02rem solid #C9C9C9!important;
    border-radius: 0.04rem!important;
}
.layui-laydate-footer span {
    margin-right: 0.3rem!important;
    font-size: 0.4rem!important;
}