@media (min-width: 768px){.banner_inbox .hq_index_box li a{position:relative;display:block;padding:25px 20px 5px;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s;border-left:1px solid #c8c9ca;border-color:rgba(255,255,255,0.2)}.left-header h1{font-size:66px;color:#fff;margin-bottom:5px;letter-spacing:5px;text-align:center}.left-header p{color:#fff;text-align:center;font-size:20px;font-weight:lighter;padding:10px 0;letter-spacing:1px}.left-header a{color:#fff;font-size:12px;padding-left:10px}.y-row_index{display:block;margin-top:-65px}.banner_inbox .hq_index_box li a img{width:32px;height:32px;float:left}.uc.nav-tabs.ten li{padding:0;background-color:#fff}.uc.nav-tabs li.active a,.uc.nav-tabs li:hover a{color:#fff;background-color:#18B4CD;border:2px solid #18B4CD;-webkit-border-radius:10px 10px 0px 0px;-moz-border-radius:10px 10px 0px 0px;border-radius:10px 10px 0px 0px;border-top:none;font-size:14px}.uc.nav-tabs li>a{width:100%;text-align:center;display:inline-block;line-height:40px;border-top:none;color:#333;height:40px;border-bottom:2px solid #18B4CD}.hq_product_title{margin-bottom:18px;color:#333;font-size:24px;font-weight:bolder;text-align:center}.banner_inbox{position:relative;z-index:100;width:100%;height:88px;margin-top:-88px}.banner_inbox .hq_index_box{position:relative;width:100%;height:88px;margin-top:-60px;z-index:10001;margin-bottom:0;border-top:1px solid;border-color:rgba(255,255,255,0.2)}.banner_inbox .hq_index_box li a h2{color:#fff;height:12px;font-size:16px;font-weight:600;margin-top:0;text-indent:10px}.home-partner{display:inline-table;width:10%;float:left;padding:10px}}@media (max-width: 768px){.banner_inbox .hq_index_box li a{position:relative;display:block;padding:5px 20px;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s;border-left:1px solid #c8c9ca;border-color:rgba(255,255,255,0.2)}.left-header h1{font-size:45px;color:#fff;margin-bottom:5px;letter-spacing:5px;text-align:center}.left-header p{color:#fff;font-size:25px;font-weight:lighter;padding:10px 0;letter-spacing:1px}.left-header a{color:#fff;font-size:10px;padding-left:10px}.y-row_index{display:block}.home-partner{display:inline-table;width:16.66%;float:left;padding:10px}}@media screen and (max-width: 480px){.list-logo>li{display:block;margin:2em 0}.banner_inbox .hq_index_box li a{position:relative;display:block;height:33px;padding:0px 5px;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s;border-left:1px solid #c8c9ca;border-color:rgba(255,255,255,0.2)}.banner_inbox .hq_index_box li a img{width:24px;height:24px;float:left;margin-top:4px}.left-header h1{font-size:20px;color:#fff;margin-bottom:5px;letter-spacing:5px;font-weight:bold}.left-header p{color:#fff;text-align:center;font-size:10px;font-weight:lighter;padding:10px 0;letter-spacing:1px}.left-header a{color:#fff;font-size:10px;padding-left:10px}.uc.nav-tabs.ten li{padding:0;background-color:#fff}.uc.nav-tabs li.active a,.uc.nav-tabs li:hover a{color:#fff;background-color:#18B4CD;border:2px solid #18B4CD;-webkit-border-radius:0px 0px 0px 0px;-moz-border-radius:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;border-top:none;font-size:14px}.uc.nav-tabs li>a{width:100%;text-align:center;display:inline-block;line-height:40px;border-top:none;color:#333;height:40px;border-bottom:none;background-color:#eee}.hq_product_title{margin-bottom:18px;color:#333;font-size:16px;font-weight:bolder;text-align:center}.banner_inbox .hq_index_box li a p{display:none}.banner_inbox .hq_index_box li a h2{color:#fff;height:12px;font-size:13px;line-height:33px;font-weight:normal;margin-top:0px;text-indent:10px}.banner_inbox{position:relative;z-index:100;width:100%;height:66px;margin-top:-66px}.banner_inbox .hq_index_box{position:relative;width:100%;margin-top:-60px;z-index:10001;margin-bottom:0;border-top:1px solid;border-color:rgba(255,255,255,0.2)}.home-partner{display:inline-table;width:25%;float:left;padding:10px}}.left-header{position:relative}.list-logo{text-align:left}.list-inline>li{display:inline-block;padding-right:15px;padding-left:15px}.img_ht{margin:0 auto}.headerbanner{background:-webkit-linear-gradient(#003, #09c);background:-o-linear-gradient(#003, #09c);background:-moz-linear-gradient(#003, #09c);background:-webkit-gradient(linear, left top, left bottom, from(#003), to(#09c));background:linear-gradient(#003, #09c)}.g-bd{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 auto;padding-top:0}.m-home-banners{margin-top:0}.m-scrollview{position:relative;width:100%;overflow:hidden}.m-home-banners .slide-wrapper{left:0;right:0;bottom:0;top:0;overflow:visible;width:100%}.m-home-banners .banner-content{color:#fff;padding:0;margin:0}.m-home-banners .banner-content h1{font-size:46px;letter-spacing:2px;font-weight:400}.canvas-responsive{display:block;width:100%;background:transparent}.dg.main.a{display:none}.banner_inbox .hq_index_box{margin:auto;-webkit-transition:opacity .3s .6s,visibility 0s .6s,margin-top 0s .6s;-o-transition:opacity .3s .6s,visibility 0s .6s,margin-top 0s .6s;-moz-transition:opacity .3s .6s,visibility 0s .6s,margin-top 0s .6s;transition:opacity .3s .6s,visibility 0s .6s,margin-top 0s .6s}.banner_inbox .hq_index_box li{float:left;overflow:hidden}.hq_index_box .hq-padding{padding-left:0;padding-right:0;border-right:1px solid #c8c9ca;border-color:rgba(255,255,255,0.06)}.banner_inbox .hq_index_box li a:hover h2{color:#1CB5CF}.banner_inbox .hq_index_box li a p{font-size:14px;color:#fff;text-indent:10px;padding-top:5px}.banner_inbox .hq_index_box li a:hover p{color:#1CB5CF}.hq_index_box li:hover::before{content:'';opacity:1;position:absolute;top:0;left:0;width:100%;height:100%;color:#1CB5CF;background-color:rgba(23,31,58,0.6);-webkit-box-shadow:inset 0 0px 0 currentColor;-moz-box-shadow:inset 0 0px 0 currentColor;box-shadow:inset 0 0px 0 currentColor}.y-row_index{position:absolute;margin-left:auto;margin-right:auto;width:100%;top:45%}.layer1{text-align:center;position:absolute;top:0px;left:0}.panel-heading{-webkit-border-top-right-radius:1px;-moz-border-radius-topright:1px;border-top-right-radius:1px;-webkit-border-top-left-radius:1px;-moz-border-radius-topleft:1px;border-top-left-radius:1px;background-color:#48cfad;border:none}.hq-product-sub-title{text-align:center;font-size:14px;margin:0;display:block;color:#666;line-height:20px;font-weight:normal;margin-bottom:60px}.planList.active{position:relative;display:block}.planList .plan-left{float:left;margin:40px 0 0 0;text-align:justify;padding:0;padding:0px}.planList .plan-left .pl-lheight{color:#333;font-size:16px;margin-top:0;margin-bottom:20px}.planList p{color:#666;margin-bottom:20px;line-height:24px}.planList a{font-size:12px}.planList a strong{color:#1CB5CF}.planList a span{color:#252626;font-weight:bold;padding:0 8px}.plan-left .plan_btn{margin:30px 0}.planList .plan-left .pl-center{margin:15px 0 53px;text-align:justify}.plan-right{margin:0;text-align:center}.uc.nav-tabs{width:100%;border-bottom:none;list-style:none;padding:0}.uc.nav-tabs li{float:left}.uc.nav-tabs li>a>.line{border-right:2px solid #E1E6F0;float:right;height:100%}.uc.nav-tabs li.active a>.line,.uc.nav-tabs li:hover a>.line{display:none}.tab-content{clear:both}.p-head{color:#48cfad;font-size:14px;font-weight:400}.cmt-head{font-size:14px;font-weight:400}.p-thumb img{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;height:50px;width:50px}.section_img{width:100%;display:block;background-color:#081125;padding:0}.layout-grid-0{width:100%;background-color:#081125}.grid-0,.grid-0 .col-main,.grid-1 .col-main,.grid-2 .col-main{width:100%}.grid-0,.grid-0 .col-main,.grid-1 .col-main,.grid-2 .col-main{width:100%}.y-row{width:100%;margin-left:auto;margin-right:auto;zoom:1}.home-product{background-color:#081125}.slide-btn{opacity:0;filter:alpha(opacity=0);-ms-filter:alpha(opacity=0);-webkit-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-o-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);position:absolute;top:0;bottom:0;width:50px;border:0;outline:none;cursor:pointer;background:transparent;z-index:100}.slide-btn i{display:inline-block;font-size:25px;color:#fff;cursor:pointer;opacity:.7;filter:alpha(opacity=70);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70)}.slide-btn:hover i{opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100)}.slide-btn.left-btn{left:0}.slide-btn.right-btn{right:0}.slider-item{-webkit-background-size:100% 100%;-moz-background-size:100%;background-size:100%;background-repeat:no-repeat;background-position:center;background-color:#081125;padding:0px;margin:0;height:430px;text-align:center}.slider-item-mask{width:100%;height:100%;padding-top:70px}.slider-item .item-img{width:64px;height:64px;margin:auto auto}.slider-item .item-title{color:#fff;font-size:24px;margin-top:50px;font-weight:600;-webkit-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-o-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.slider-item-mask:hover{background:#00c2de;opacity:.9;filter:alpha(opacity=90);-ms-filter:alpha(opacity=90)}.slider-item-mask:hover .item-img{opacity:0;filter:alpha(opacity=0);-ms-filter:alpha(opacity=0);-webkit-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-o-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.slider-item-mask:hover .line-panel .item-line{opacity:0;filter:alpha(opacity=0);-ms-filter:alpha(opacity=0);-webkit-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-o-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.slider-item-mask:hover .item-title{margin-top:-60px}.slider-item-mask:hover .item-desc{margin-top:20px;opacity:1;filter:alpha(opacity=100);-ms-filter:alpha(opacity=100);-webkit-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-o-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.slider-item-mask:hover .item-link{margin-top:120px;opacity:1;filter:alpha(opacity=100);-ms-filter:alpha(opacity=100);-webkit-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-o-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.slider:hover .slide-btn{margin-top:10px;opacity:1;filter:alpha(opacity=100);-ms-filter:alpha(opacity=100);-webkit-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-o-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.item-link:hover{color:#00c1de;background:#fff}.line-panel{padding:0;margin:0;font-size:0;line-height:0;margin-top:20px;-webkit-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-o-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.item-line{width:20px;height:2px;background:#fff;display:inline-block;opacity:1;filter:alpha(opacity=100);-ms-filter:alpha(opacity=100);-webkit-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-o-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.item-link{display:inline-block;border:1px solid #fff;width:120px;height:36px;line-height:36px;font-size:14px;color:#fff;text-decoration:none;background:transparent;-webkit-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-o-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.item-desc{font-size:14px;color:#fff;text-align:center;margin-top:30px;padding:0 23px;line-height:24px;height:72px;font-weight:normal}.item-desc,.item-link{opacity:0;filter:alpha(opacity=0);-ms-filter:alpha(opacity=0);-webkit-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-o-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.author{width:100%;height:auto;margin:40px 0 0}.box-title_left{width:2px;height:30px;background:#de0f18;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;margin-right:15px}.right-box-title{line-height:20px;padding-left:0px;padding-bottom:5px;border-bottom:1px solid #e4e4e4}.right-box-title a{color:#333;font-size:12px;float:right;margin-right:17px;cursor:pointer}.right-box-title a:hover{color:#3eabb8}.right-hot-box{padding-top:30px;display:inline-block}.right-hot-box ul{margin-top:20px}.right-hot-box ul li{padding-left:0;line-height:20px;overflow:hidden;padding-bottom:10px}.right-hot-box ul li a em{display:inline-block;width:3px;height:3px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#999;margin-bottom:5px;margin-right:10px}.right-hot-box ul li span{color:#333;float:right;font-size:12px;padding:0 5px;height:16px;line-height:16px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.right-hot-box ul li a{color:#666;text-decoration:none}.right-hot-box ul li a:hover{color:#30BABD}.right-hot-box ul li span{float:right;line-height:16px;color:#3B3E3F}.right-hot-box li a{font-size:14px;overflow:hidden;margin-left:0;line-height:20px;letter-spacing:0px}.right-hot-box ul li span{background-color:#E4E4E3}.right_box_img{padding:20px 0;cursor:pointer;-webkit-transition:all 0.6s;-o-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s;text-align:center}.right_box_img .list-item{overflow:hidden;padding:0;border:1px solid #ddd}.right_box_img .list-item p{overflow:hidden;padding:0;height:40px;line-height:40px;color:#666;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}.right_box_img .list-item p:hover{color:#30BABD}.right_box_img .list-item>a img{width:100%;height:180px;-webkit-transition:-webkit-transform 0.5s ease-in-out;transition:-webkit-transform 0.5s ease-in-out;-o-transition:transform 0.5s ease-in-out;-moz-transition:transform 0.5s ease-in-out, -moz-transform 0.5s ease-in-out;transition:transform 0.5s ease-in-out;transition:transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out, -moz-transform 0.5s ease-in-out}.right_box_img .list-item>a img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.btn_bg .btn{font-weight:400;text-align:center;font-size:12px;border:2px solid;padding:10px 16px;-o-transition:all .3s ease;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;color:#fff}.btn_bg{background:#30BABD;color:#fff;border-color:#30BABD;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.btn_bg:hover,.btn_info:active,.btn_info:focus{color:#3eabb8}.btn_bg:hover{color:#fff;background-color:#30BABD;border-color:#30BABD}.btn_border.btn{font-weight:400;text-align:center;font-size:12px;border:1px solid #30BABD;padding:10px 15px;-o-transition:all .3s ease;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;color:#18B4CD}.btn_border.btn:hover{color:#fff;background-color:#30BABD}.btn_danger:hover{background:#3eabb8;color:#fff;border-color:#3eabb8}.hq-carousel li{width:12px;height:12px;margin:0px 5px}.hq-carousel .active{width:12px;height:12px;margin:0px 5px}


.hq-carousel li {
    width: 40px;
    height: 5px;
    margin: 0px 5px;
    border: 0px;
    border-radius: 0px;
    background-color: rgba(102, 102, 102, 0.3);
    transition: all .8s ease-out;
}

.hq-carousel .active {
    width: 40px;
    height: 5px;
    margin: 0px 5px;
    border: 0px;
    border-radius: 0px;
    transition: all .8s ease-out;
}

.hq_product_title{
    font-size: 28px;
    font-weight: 500
}

.product-text{
    /*background-color: #081125;*/
    min-height:200px;
    padding:15px;
}
.shadow-img{
    background-color:rgba(74,77,81,0.5);
    position: relative;
    top: -40px;
    height: 40px;
    line-height: 40px;
}
.white{
    color:#fff;
}
.driver-system{
    color:#fff;
    font-size:18px;
    margin:15px 0;
}
.small-color{
    color:#819ab7;
    width:60%;
}
.small-img{
    width:60px;
    height:55px;
}
.small-marg{
    margin-top:20px;
}
.img-cursor{
    cursor: pointer;
}

.icon-home {
    display: block;
    margin: 0;
    width: 52px;
    height: 52px;
    background: url(../../image/home/icon-home.png) no-repeat 0 0;
}

.icon-home.dms {
    background-position: 0 0px;
}

.icon-home.bsd {
    background-position: 0 -60px;
}

.icon-home.adas {
    background-position: 0 -120px;
}

.icon-home.crs {
    background-position: 0 -185px;
}

.icon-home.carcore {
    background-position: 0 -245px;
}

.icon-home.bigdata {
    background-position: 0 -305px;
}

@media (min-width: 768px){
    .left-header h2{
        font-size:1.8rem; color:#fff;
    }
    .left-header p{
        font-size:.5rem
    }
}

@media (max-width: 768px){
    .y-row_index{
        display:block;
        top:20%;
    }
    .left-header h1{
        font-size:3.2rem
    }

    .left-header p{
        font-size:1.2rem
    }
    .big-shadow{
        width:95%;
        height:95%;
    }
}

.layout-list3 .box-img {
    position: relative;
    width: 100%;
    height: 246px;
    margin: 0 auto;
}

.layout-list3 .box-img-down {
    position: absolute;
    left: 0;
    bottom: -94px;
    width: 100%;
    color: #fff;
    text-align: center;
    background-color: rgba(0,0,0,.6);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.layout-list3 .box-img h5 {
    font-size:16rpx;
    line-height: 48px;
}

.layout-list3 .box-img p {
    height: 75px;
    font-size: 14px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    padding:0 10px;
}

.layout-list3 .box-img:hover .box-img-down {
    padding-top: 10px;
    bottom: 0;
}

.layout-list3 {
    overflow: hidden;
}

.box-img {
    display: block;
    width: 100%;
    height: 205px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 2px;
}

.box-img img {
    display: block;
    width: 100%;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.box-img:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    opacity: .8;
}

.image-shadow{
    width:60px;
    height:60px;
}

.hq-img1{
    background: url("../../images/default/icon.png") no-repeat -2px -26px;
}

.hq-img2{
    background: url("../../images/default/icon.png") no-repeat -2px -89px;
}

.hq-img3{
    background: url("../../images/default/icon.png") no-repeat -2px -153px;
}

.hq-img4{
    background: url("../../images/default/icon.png") no-repeat -2px -217px;
}

.hq-img5{
    background: url("../../images/default/icon.png") no-repeat -2px -280px;
}

.hq-img6{
    background: url("../../images/default/icon.png") no-repeat -2px -345px;
}