@font-face {
    font-family: LT_Light;
    font-weight: 400;
    font-style: normal;
    src: url('../fonts/LT_Light.eot');
    src: url('../fonts/LT_Light.eot?#iefix') format("embedded-opentype"),
    url('../fonts/LT_Light.woff') format("woff"),
    url('../fonts/LT_Light.ttf') format("truetype"),
    url('../fonts/LT_Light.svg#SingleMaltaRegular') format("svg");
}

@font-face {
    font-family: LT_regular;
    font-weight: 400;
    font-style: normal;
    src: url('../fonts/LT_regular.eot');
    src: url('../fonts/LT_regular.eot?#iefix') format("embedded-opentype"),
    url('../fonts/LT_regular.woff') format("woff"),
    url('../fonts/LT_regular.ttf') format("truetype"),
    url('../fonts/LT_regular.svg#SingleMaltaRegular') format("svg");
}

@font-face {
    font-family: LT_Medium;
    font-weight: 400;
    font-style: normal;
    src: url('../fonts/LT_Medium.eot');
    src: url('../fonts/LT_Medium.eot?#iefix') format("embedded-opentype"),
    url('../fonts/LT_Medium.woff') format("woff"),
    url('../fonts/LT_Medium.ttf') format("truetype"),
    url('../fonts/LT_Medium.svg#SingleMaltaRegular') format("svg");
}

@font-face {
    font-family: LT_Bold;
    font-weight: 400;
    font-style: normal;
    src: url('../fonts/LT_Bold.eot');
    src: url('../fonts/LT_Bold.eot?#iefix') format("embedded-opentype"),
    url('../fonts/LT_Bold.woff') format("woff"),
    url('../fonts/LT_Bold.ttf') format("truetype"),
    url('../fonts/LT_Bold.svg#SingleMaltaRegular') format("svg")
}
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #666;
    background: #fff
}


.LANG-en body {
    font-family: LT_regular, Arial;
}

.page-big-title,.page-big-title-white{
    font-family: LT_Bold, Arial;
}
.intro_sub_title{
    font-family: LT_Bold, Arial;
}

.sCamera_title{
    width: 70%;
    bottom:8%;
}

.cBar_desc{
    max-width:860px;
}
.feature_text{
    width:50%;
}
.vidicon_desc{
    width:43%;
}
.fCamera_text{
    top:15%;
}
.micDenoise_desc{
    margin-left:0;
}
.micArray_desc{
    max-width:100%;
}
.boxModel_box_desc{
    right:16%;
}
/*
*/


.feature-slogan-box1 {
    left: 60%;
    top: 36%;
    width: 30%;
}
.feature-slogan-box4 {
    left: 60%;
    top: 34%;
    width: 30%;
}
.room_desc{
    top:0;
    width:38%;
    font-size:18px;
}
.desc_a, .desc_a:hover{
    font-size:16px;
}




@media screen and (min-width:1px) and (max-width: 375px){
    .linkup .page-big-title-white{
        font-size:20px!important;
    }
    .page-big-title-white {
        font-size: 20px;
    }
    .linkup .page-big-title-white{
        padding-bottom: 10px
    }
    .feature-slogan-box1 {
        left: 50%;
        top: 20%!important;
        width: 46%;
    }
    .feature-slogan-box4 {
        left: 50%;
        top: 23%!important;
        width: 45%!important;
    }
}

@media screen and (min-width:1px) and (max-width:768px){
    .linkup_box{
        padding-top:4%;
        padding-left:0;
        padding-right:0;
        box-sizing:border-box;
    }
    .cooperation_box_item{
        width:100%;
        float:none;
        margin-top: 0;
        margin-bottom: 10px;
    }
    .cooperation_box_item_desc{
        min-height:1em;
    }
    .page-sub-title {
        line-height: 24px;
    }
    .fCamera_text,.sCamera_text {
        padding:0 30px;
        box-sizing: border-box;
    }
    .sCamera_title {
        width: 100%;
        bottom: 0;
    }
    .cBox {
        padding-top: 12%;
    }
    .feature_text,.vidicon_desc {
        width: 100%;
    }

    .f-page-big-title{
        font-size:20px;
    }
    .feature-slogan-box1 {
        left: 50%;
        top: 26%;
        width: 46%;
    }
   .feature_mob_desc {
        display: block;
        font-size: 12px;
        color: #333;
        line-height: 1.6;
        margin-top: 10px;
    }
    .feature_mob_desc1{
        color:#fff;
    }
    .feature-slogan-box2  .feature_mob_desc{
        padding:0 15px;
        box-sizing: border-box;
    }
    .feature-slogan-box4 {
        left: 50%;
        top: 28%;
        width: 40%;
    }
    .room_desc{
        width:100%;
        font-size:16px;
    }
    .desc_a, .desc_a:hover{
        font-size:14px;
    }

}

@media screen and (max-width: 1008px) and (min-width: 768px){
    .cooperation_box_item {
        width: 50%;
    }
    .feature{
        padding-top:22%;
    }
    .linkup_box{
        padding-top: 5%;
    }
    .room_desc {
        top: -14px;
        width: 50%;
        font-size: 14px;
        left: -10%;
    }
    .desc_a, .desc_a:hover{
        font-size:14px;
        padding: 5px 20px;
    }
    .boxModel_desc{
        width:100%;
    }
    .themeStyle_sub_title{
        padding-left:20px;
        padding-right:20px;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 1099px) and (min-width: 769px){
    .feature_text {
        width: 50%;
        padding-top: 10%;
        padding-right: 5%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .vidicon_desc{
        width:50%;
    }
    .micArray{
        margin-top: 0;
        padding-top:17%;
    }
    .micDenoise_text {
        max-width: 320px;
    }
    .micDenoise_desc{
        margin-left:0;
    }
    .cBox {
        padding-top: 9%;
    }
    .swiper_arrow_left,.bar_arrow_left{
        left:50px;
    }
    .swiper_arrow_right,.bar_arrow_right{
        right:50px;
    }
    .fCamera_text{
        top:20%;
    }
    .feature_box{
        width:100%;
    }

    .vidicon_text_box{
        width:90%;
        max-width:100%;
        padding-top: 21%;
    }
    .cBox {
        padding-top: 6%;
    }
    .fCamera_text {
        top: 0;
    }
}

@media screen and (max-width: 1200px) and (min-width: 1100px){
    .vidicon_desc{
        width:44%;
    }
    .room_desc{
        left:20px;
        font-size:16px;
        top:1%;
    }
}

@media screen and (min-width: 1400px) and (max-width: 1920px) {
    .sCamera_text{
        left:10%;
    }
    .vidicon_desc{
        width:45%;
    }

    .cBox_desc{
        max-width:1000px;
    }

    .nimble_text_box {
        width: 36%;
        left: 32%;
        top: 32%;
    }
    .board_desc{
        max-width:860px;
    }
    .feature_text{
        width:40%;
    }
    .room_desc{
        font-size:18px;
    }

}

@media  only screen and (min-width:1921px) {
    .text_center{
        max-width:1500px;
    }
    .board_desc{
        max-width:1000px;
    }
    .feature_text{
        width:43%;
    }
    .fCamera_text{
        top:10%;
    }
    .sCamera_text{
     /*   left:0;*/
        bottom:8%;
    }
    .sCamera_title{
        width:70%;
    }
    .nimble_text_box {
        top: 35%;
        width:30%;
        left:35%;
    }
    .vidicon_desc{
        width:55%;
    }
    .boxModel_box_desc{
        right:18%;
    }
    .room_desc{
        width:40%;
    }
    .room_desc .desc_more{
        margin-top:20px;
    }

}