/*demo1*/
.demo1{
    width: 100%;
    height: auto;
    /*background: url("../images/bg (2).jpg") no-repeat ;*/

    animation: ani 20s infinite linear;
}
@keyframes ani {
    0%{
      background-position-x:0 ;
    }
    100%{
        background-position: 100%;
    }
}

.demo2{
    width: 100%;
}
.demo3{
    width: 100%;
}


/*industry*/
.idy_box{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.idy_box ul{
    width: 1000%;
    height: 100%;
    position: relative;
    left: 0;
    clear: both;
}
.idy_box ul li{
    width: 10%;
    height: 100%;
    float: left;
}
/*.idy_box ul li.list1{*/
    /*background: url("../images/a1.jpg") no-repeat center;*/
/*}*/
/*.idy_box ul li.list2{*/
    /*background: url("../images/a2.jpg") no-repeat center;*/
/*}*/
/*.idy_box ul li.list3{*/
    /*background: url("../images/a3.jpg") no-repeat center;*/
/*}*/
/*.idy_box ul li.list4{*/
    /*background: url("../images/a4.jpg") no-repeat center;*/
/*}*/
/*.idy_box ul li.list5{*/
    /*background: url("../images/a5.jpg") no-repeat center;*/
/*}*/
/*.idy_box ul li.list6{*/
    /*background: url("../images/a6.jpg") no-repeat center;*/
/*}*/
.idy_txt{
    width: 410px;
    height: 80%;
    margin: 60px auto 0;
    /*background: rgba(0, 0, 0, 0.56);*/
    position: relative;
   color: white;
}
.idy_txt2 .txt1{
    width: 100%;
    height: auto;
   padding: 20px;
    background: rgba(0, 0, 0, 0.2);
    /*color: ;*/
    display: none;
}

.idy_txt2 .txt1 p{
    line-height: 30px;
    margin-bottom: 20px;
}
.idy_txt2 .active01{
     display: block !important;
}
.idy_page{
    width: 100%;
    height: 42px;
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid rgb(208, 210, 212);
    clear: both;
}
.idy_page p{
    width: 50%;
    height: 41px;
    line-height: 41px;
    text-align: center;
    float: left;
    cursor: pointer;
}
.idy_page p.active02{
    border-bottom: 3px solid #2e88f7;
}

/*product*/
.pro_box{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.pro_box ul{
    width: 1000%;
    height: 100%;
    position: relative;
    left: 0;
    clear: both;
}
.pro_box ul li{
    width: 10%;
    height: 100%;
    float: left;
}
.pro_box ul li>div{
    width: 66%;
    height: 100%;
    position: relative;
}



/*news*/
/*.demo6{*/
    /*background: url("../images/bg3.jpg") no-repeat center;*/
/*}*/
.news_list{
    width: 410px;
    height: auto;
    margin: 40px auto;
    display: none;
}
.news_list01{
    display: block;
}

.news_nav li:nth-child(1) .icon{
     background: url("../images/n1.png") no-repeat;
 }
.news_nav li:nth-child(2) .icon{
    background: url("../images/n2.png") no-repeat;
}
.news_nav li:nth-child(3) .icon{
    background: url("../images/n3.png") no-repeat;
}


/*contact*/
.contact-msg .icon01{
    background: url("../images/person.png") no-repeat center ;
}
.contact-msg .icon02{
    background: url("../images/call.png") no-repeat center ;
}
.contact-msg .icon03{
    background: url("../images/mail.png") no-repeat center ;
}
.contact-msg .icon04{
    background: url("../images/msg.png") no-repeat center ;
}

/*right-bar*/
.section .right-bar{
    right:-100%
}
@keyframes fn3 {
  0%{

  }
    100%{
        right: 0 ;
    }
}
.section .right-bar .flag-img01{
    top:22%;
}
@keyframes fn4 {
    0%{
        top:22%;
        opacity: 0;
    }
    100%{
        top: 44%;
        opacity: 1;
    }
}

.active .box001{
    animation-delay: 3s;
    animation: fn5 3s;
    opacity: 1;
}

@keyframes fn5 {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
.index_top{
    width: 100%;
    height: 100%;
    background:url("../images/loading.gif") no-repeat center #E2EBEF;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}

.table_b{
    display: block;height: 33px;position: absolute;top: -43px;left: 90px;font-weight: 500;color: red;padding-left: 37px;line-height: 33px;
    background: url("../images/v1.png") no-repeat left center;
    opacity: 0;
}