@charset "utf-8";
/* CSS Document */
body{background: #0a1762;font-size: 16px; line-height: 24px; color: #fff;}
li{list-style:none;}
h2{font-size: 24px;width: 280px; height: 60px; line-height: 50px;font-weight: bold;}
h4{font-size: 28px; text-align: center;color: #05c3de;margin: 40px 0;font-weight: bold;}
a{color: #fff;}
a:hover{color: #fff;}
a:visited{color: #fff!important;}
.navbar-default{background: none;border:none;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background: #1c2acc;color: #fff;border-radius: 8px;}
.navbar-nav{margin-top: 15px;}
.nav>li>a{padding: 8px 25px;font-size: 18px;}
.navbar-default .navbar-nav>li>a{color: #fff;}
.navbar-default .navbar-nav>li>a:hover{color: #d1d8ff;}
.banner-box{position: relative;}
.banner{height: 520px; width: 1200px;}
.about_top{background: url(../images/about_bg.png) no-repeat;width:776px; height: 290px; position: absolute; top:180px; z-index: 4;padding:30px 50px;}
.about_top h2{ text-align: center;background:  url(../images/title_bg01.png) no-repeat; margin: 0;}
.about_top p{margin-top: 20px;line-height: 26px;}

.video_company{width:96%;  height: 405px;float: right;margin-top: 20px;overflow: hidden; padding:10px;background: #0a2080;}
.company_introduce{width:100%;height: 390px;overflow: hidden;}
.company_introduce img{text-align: center; width: auto; margin: 0 auto;}
.more_video{ float: right;}
.more_video a{color: #fff;background:url(../images/more_video.png) no-repeat #014099;width: 199px; height: 40px;line-height: 40px;padding-left: 42px;display:inline-block;}
.more_video a:hover{background:url(../images/more_video.png) no-repeat #003682;}
.more_video img{ width: auto; height: auto; text-align: center;}
.index_videoBox{background: url(../images/index_viedobg.png) no-repeat center bottom;padding:20px 40px; height:555px;}
.video_left{}
.video_left h2{background:url(../images/title_bg02.png) no-repeat; text-align: center;}
.video_left .qa{margin: 25px 0; font-size: 20px;}
.video_left .text{font-size: 15px; color: #dfe0f6;}
.video_left_more{background: #f58030; color: #fff;width:180px; height: 55px; line-height: 55px; display: inline-block; border-radius: 55px; margin-top: 20px;text-align: center;font-size: 18px;}
.video_left_more:hover{background: #e76a15;text-decoration: none;}
.newBox{background: url(../images/index_newBG.jpg) no-repeat center #000846;}
.newIndex{margin: 100px auto;}
.new_cont{background:url(../images/new_center.png) center repeat-y;position: relative;}
.new_cont::after{background: url(../images/new_top.png) no-repeat; content: "";height: 45px;width: 1140px; position: absolute;top: -45px;}
.new_cont::before{background: url(../images/new_bottom.png) no-repeat; content: "";height: 45px;width: 1140px; position: absolute;bottom: -45px;}
.new_cont h2{background:  url(../images/title_bg01.png) no-repeat; text-align: center;margin: 0 auto;}
.new_cont .m100{margin: 20px 100px;clear: both;overflow: hidden;}
.new-list{ background: url(../images/icon04.png) no-repeat left bottom;padding: 15px 0;}
.new-list a{color: #FFFFFF;max-width: 790px; overflow: hidden; display: inline-block;  height: 24px; vertical-align: middle; white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;}
.new-list span{float: right; color: #abd2ed;}
.new-list i{color: #fff; background: #cc0000; border-radius: 4px; height: 20px; line-height: 18px; padding: 0 6px; display: inline-block; margin-right: 6px;margin-left: 10px;}
.fenxi_bottom{margin: 40px auto;clear: both; overflow: hidden;}
.fenxi{background:url(../images/icon_bg.png) no-repeat top right;text-align: center; height: 168px;color: #1d2cd2;font-size: 18px; }
.fenxi span{ height: 80px;margin: 40px 0 10px;display: inline-block;}
.footer{background: #1d232d;color: #fff; text-align: center; height: 54px; line-height: 54px;}

.right_block{background:url(../images/rightBG.png) no-repeat;width: 148px; height: 520px; position: fixed; top: 20%; right: 0;text-align: center;}
.right_block ul{padding: 50px 15px;}
.right_block ul li{width: 100%; height: 112px;}
.right_block ul li p{margin-top: 10px; font-size: 15px;color: #00b2fc; line-height: 20px;}
.right_block ul li a{display: block;}


.ev_carBanner{background:url(../images/ev_carBanner.jpg) no-repeat center center #081655; height: 280px;}
.iot_Banner{background:url(../images/iot_Banner.jpg) no-repeat center center #081655; height: 280px;}
.video_Banner{background:url(../images/video_Banner.jpg) no-repeat center center #081655; height: 280px;}
.ev_car_top{margin-top: 80px;}
.ev_car_top h3{font-size:32px;font-weight: bold;}
.ev_car_top p{margin: 20px 0; width: 355px;font-size: 18px;}
.solution_bg{background:url(../images/ev_carFA.png) no-repeat center; clear: both; overflow: hidden;}
.solution_block{text-align: center;}
.solution_block a{ color: #fff;}
.solution_block a:hover{text-decoration: none;display: block;}
.solution_block img{text-align: center;} 
.solution_block .title{font-size: 16px;margin: 30px 0 015px; height: 48px;text-align: left;}
.solution_block .text{font-size:15px; color: #a3a5b9; height: 72px; overflow: hidden;text-align: left;}
.solution_block .title:hover{text-decoration: underline;}

#tagContentB{margin: 50px 0 0; }

.product_list_one {	display: none;}
#tagContentA ul.selectTag1 {
	display: block;
}

.download_product_list {
	display: none;
}
#tagContentB div.selectTag2 {
	display: block;
}
.long_detailbox{background: #003d98;border: 2px solid #21a1ff;margin-bottom: 20px;position: relative;width: 100%; display: inline-block;margin-top: 40px;}
.product_tab{ margin: 10px 0 0 20px;}

.product_tab li{ float: left; border-bottom:1px solid #000;; }

.product_tab li a{ float: left; padding: 1px 35px 0 35px; }

.product_currenttab1{ border:1px solid #000; border-bottom:none!important;}

.product_currenttab1 a{ padding:0 34px 1px 34px;}

.product_list{ clear:both;}

.product_list li{ width: 45%; float: left;}


.download_box{ background: #d1e1ee;}

.download_box .product_tab{ margin: 0; position: absolute;top: -40px;width: 100%;}

.download_box .product_tab li{ height:85px; border:none;width:25%;font-size: 16px;float: left;text-align: center; }

.download_box .product_tab li a{ height: 71px; line-height:71px; background:url(../images/product_tab.png) no-repeat center;  padding: 0;width: 100%;color: #fff;font-size: 18px;font-weight: bold;}

.download_box .product_currenttab2{ border:none;}

.download_box .product_tab li a:hover, .download_box .product_currenttab2 a{ background:url(../images/product_tabcurr.png) no-repeat center;text-decoration: none;color: #04125e;}
.download_box .product_currenttab2 a{ background:url(../images/product_tabcurr.png) no-repeat center !important;color: #04125e!important;}
.download_box .product_tab li img{margin:3px 10px 10px 10px;vertical-align: middle;display: none;}



.download_product_list { clear:both;  height: 340px;}
.download_product_list ul{float: left;width: 50%;margin-left: 4%;margin-top: 40px;background: #55cef6; background-image: linear-gradient(to right,#87baff,#54cef6); border-radius: 10px;box-shadow: 10px 10px 0px #2585c9;padding:30px;}

.download_product_list ul li{ width:45%; height: 32px; float: left; margin: 16px 2.5%;position: relative;text-align: center;}

.download_product_list ul li a{display: block;  transition: 0.1s ease-in-out; color: #fff;background: #1d2cd2; display: inline-block; padding: 10px 0; width: 80%;  text-align: center; border-radius: 8px;box-shadow: 3px 3px 0px #193177;}
.download_product_list ul li a:hover{background: #265cd1;text-decoration: none;}



.download_productlist_img{ float:right; margin:0;width: 45%;text-align: center;}
.download_productlist_img img{width: 100%;max-width: 376px;}

.solution_box{background:#fff;margin: 15px 0 10px;clear: both; overflow: hidden; height: 150px;}
.solution_box ul{}
.solution_box ul li{width: 45%;float: left;margin: 8px 2%;position: relative;}
.solution_box ul li a{height: 24px; line-height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}
.solution_box ul li p{height: 24px; line-height: 24px;color: #999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;}
.solution_box ul li::after{content: ""; position: absolute;width: 12px; height: 3px;background: #014099;left: -20px;top: 10px;}
.solution_box .r_tu{float: right;}


.iot_features{background: url(../images/iot_features.png) no-repeat top center;height: 250px;position: relative;margin-top: 40px;}
.iot_features .title{font-size: 22px;font-weight: bold;text-align: center;padding-top: 54px;}
.item_features{background: #1d2cd2;border-radius: 40px; padding: 10px 60px;display: inline-block;border: 1px solid #2a91fc;position: absolute;font-weight: bold;}
.features_01{top: 10%; left: 5%;}
.features_02{top: 55%;left: 10%;}
.features_03{top: 70%; left: 43%;}
.features_04{top: 10%; right: 5%;}
.features_05{top: 55%; right: 10%;}
.SLB_about{text-align: center;}
.advantage_p{ margin: 40px 0; clear: both; overflow: hidden;}

.application__box{}
.col-md-5-1{position: relative; min-height: 1px; padding-right: 15px;  padding-left: 15px;}
.iot_app{background:url(../images/IOTapp_bg.png) no-repeat top center; text-align: center;height: 155px;}
.iot_app img{margin-top: 20px;}
.iot_app p{color: #1d2cd2;margin-top: 10px;font-weight: bold;}
.case_item a{background: #1d2cd2; border: 1px solid #2a91fc;padding: 10px;border-radius: 6px;display: block;}
.iot_case_box{margin: 40px 0; clear: both; overflow: hidden;}
.iot_down_item{ text-align: center;margin: 0px 0 20px;background: #0e77d1;border: 1px solid #00b2fc;padding-bottom: 10px;}
.iot_down_item img{width: 100%;}
.iot_down_item p{color: #fff;margin: 10px;}
.iot_down_item a{background: #f58030;color: #fff;padding: 8px 30px;border-radius: 40px;display: inline-block;}
.iot_app_box{clear: both; overflow: hidden;margin-bottom: 20px;}
.video_imgbox{background: url(../images/video_f_bg.png) no-repeat bottom center;padding:0px 20px 30px;background-size: contain;text-align: center;    margin:10px 0 30px;}
.video_imgbox img{width: 100%;    border: 2px solid #00b2fc;}
.video_imgbox p{margin-top: 15px;}

.advantage_p {width:97%;float:left;margin:20px 0;}
.advantage_p li {float:left;width:33%;text-align:left;}
.advantage_p li img {width:95%; position:relative;z-index:2;}
.advantage_p p {  margin:10px auto 15px;z-index:8;background:url(../images/advantage_h4.png) no-repeat center;text-align:center;width:234px;line-height:34px;color:#fff;}
.advantage_p p a {color:#fff;}
.advantage_p p a:hover {color:#ff0;}
.case_r{width:95%; float: left;margin-top:18px;background:#E6EDF5;}
.case_r .case_left {float:left;width:40%;background:#D1E1EE;padding-bottom:10px;}
.case_r .case_left h3{margin-bottom:20px;background:#004098;color:#fff;width:268px;line-height:50px;font-size:18px;text-align:center;}

.case_r .case_right {float:left;width:60%;padding:15px 0px 0px 10px;}
/* image-slider */

.bigimg{position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999;}
.mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.5;filter: Alpha(opacity=50);z-index: 98;transition:all 1s;display: none}
.bigbox{margin:0 auto 10px;width: 100%;}
.bigbox>.imgbox{width:31%;float:left;overflow: hidden;margin-right:2%;}
.bigbox>.imgbox>img{width:100%;border:solid 10px #0c2f95;}
.imgbox:hover{cursor:zoom-in}
.mask:hover{cursor:zoom-out}
.mask>img{position: fixed;right:10px;top: 10px;width: 60px;}
.mask>img:hover{cursor:pointer}
.more_about{background: #f58030; border-radius: 20px;  padding: 4px 8px;}
.center_new{text-align: center;}

@media (min-width: 1200px) { 
.col-md-5-1{width: 20%; float: left;}
}


@media (min-width: 768px) { 
    .nav>li>a{padding: 8px 15px;}    

}
@media (max-width: 1200px) { 
    .about_top{position: relative;top: 0;z-index: 0;padding: 30px 0;height: auto;}
    .right_block{display: none;}
    .new_cont::after , .new_cont::before{display: none;}
    .newIndex{margin: 20px 0;}
    .newBox{background: #092072;}
    .new-list span{float: none;}
    .iot_app{margin: 10px 0;}
    .case_item{margin: 10px 0;}
    .new-list a{height: auto;white-space: inherit;}

}
@media (max-width: 768px) { 
    .new_cont .m100{margin: 20px;}
    .about_top{width: 100%;}
    .index_videoBox{background: #1c2bcc;height: auto;}
    .fenxi{background: url(../images/icon_bg.png) no-repeat top center; margin: 10px 0;}
    .iot_features{padding: 0 15px;}
    .item_features{position: initial;margin: 5px 2%; width: 45%; padding: 10px 0;  text-align: center;}
    .carousel-inner img{max-width: 140%!important; float: right;}
    h2{margin: 0 auto; line-height: 50px;}
    h4{margin: 30px 0;}
    .about_top{background: #0a1762;}
    .video_company{height: 280px;}
.company_introduce{height: 260px;}
    .solution_block .title{margin: 15px 0 0 0px;   height: auto; }
    .download_box .product_tab li a{line-height: 30px;padding-top: 5px;}
    .download_product_list ul{width: 90%; float: none; height:270px;padding: 10px;}
    .download_product_list ul li{display: inline-table;margin: 6px 2.5%}
    .download_product_list ul li a{height: 68px;    padding: 10px 5px; }
    .download_product_list{clear: both;  height:auto;overflow: hidden;}
    .download_productlist_img{width: 100%;}
    .download_box .product_tab{padding: 0;top: -2px;}
    .long_detailbox{margin-top: 0;}
    .ev_carBanner , .iot_Banner , .video_Banner{height: 180px;}
    .ev_car_top{margin-top: 30px;}
    .ev_car_top h3{font: 26px;}
    .ev_car_top h3 , .ev_car_top p{text-shadow: 1px 1px 10px #000;}
    .video_left_more{height: 50px; line-height: 50px;width: 180px;}
    .iot_case_box{margin: 0;}
    .iot_Banner{background-position: -600px center;}
    .bigbox>.imgbox{width:100%;float:none;overflow: hidden;margin-right:0;}
    .new-list a{height: auto;white-space: inherit;}

    
}