@charset "utf-8";
/* CSS Document */

body{background: #fff;font-size: 16px; line-height: 24px; }
ul,li{list-style:none;margin: 0; padding: 0;}
h2{font-size: 24px;width: 280px; height: 60px; line-height: 50px;font-weight: bold;width: 100%;}
h1, h2, h3 ,h4,p{margin: 0; padding: 0;}
a{color: #333;}
a:hover{color: #004097;text-decoration: none;}
h2{font-size: 40px;}
h3{background: #00408b;color: #fff;height: 60px; line-height: 60px;text-align: center;font-size: 32px;margin: 50px 0;}
.bg-gray{background:url(../images/bg2.png) no-repeat bottom left #eee;}
.bg-white{background:#fff;}
.bg-01{background:url(../images/bg1.jpg) no-repeat center #d5d5d5;}
.bg-grey{background: #f2f2f2;}
.bg-blue{background: #004097;}
.m-top{margin-top: 80px;}
.m-bottom80{margin-bottom: 80px;}
.margin80{margin: 80px auto;}
.navbar{margin-bottom: 0;border: none;border-radius: 0;min-height: 100px;background: #fff;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{ color: #004097;  background-color: #fff;border-bottom: 2px solid #004097;}
.banner-pc{background: url(../images/bannerBG-pc.jpg) no-repeat center #004097;height: 1010px;text-align: center;}
.home-banner{display: block;}
.home-banner-pc{display: none;}
.IoT-block , .EV-block{display: inline-block;position: relative;}
.IoT-block img , .EV-block img{width: 100%;}
.IoT-block{top:290px;}
.EV-block{top: 290px;}
.navbar-default .navbar-nav>li>a{font-size: 20px;}
.navbar-brand{padding-top: 25px;}
.nav{margin-top: 25px;}
.navbar-default .navbar-nav>li>a{color: #333;}
.navbar-default .navbar-nav>li>a:hover{color: #004097;}
.top_wechat_h{width: 125px; height: 125px;display: none;position: absolute;top: 70px; right: 0;z-index: 9;}
.top_wechat:hover .top_wechat_h{display: block;}
.video-h2{font-size: 40px;color: #fff;text-align: center;font-weight: bold;background: url(../images/video-icon.png) no-repeat center; height: 117px; line-height: 117px;width: 100%;}
.video-h2 p ,.tools-h2 p{background: #00408b;padding: 5px 20px; display: inline-block;line-height: 40px;color: #fff;}
.new-title{height: 115px;line-height: 115px;text-align: center;background: url(../images/new-icon.png) no-repeat center;color: #004097;margin: 75px 0 30px;}
.index-new{}
.index-new li{background:url(../images/icon-arrow.png) no-repeat  left center #fff;padding:15px 20px 15px 40px;border-bottom: 1px solid #194f90; color: #004097;}
.index-new li a{display:inline-block;width: 100%;}
.index-new li p{ color: #333;font-size: 16px;display: inline-block; }

.index-new li span {color: #a1a1a1;display: inline-block;    width: 100%;}
.index-new li:hover{box-shadow: 0 0 5px #ccc;color: #fff;background:url(../images/icon-arrow-h.png) no-repeat  left center #1076e5 ;}
.index-new li:hover p{color: #fff;}
.index-about{background: url(../images/bg3.jpg)no-repeat;color: #fff;display: inline-block;height: 598px;}
.about-h2{background: url(../images/about-icon.png) no-repeat left; height: 115px; line-height: 115px;width: 100%;padding-left: 240px;}
.about-text{background: #00408b;color: #fff;padding: 25px 20%;position: relative;height: 170px;}
.about-text:after { content: "";position: absolute; right: -170px; top: 0; border: solid; border-color: #FFFFFF transparent transparent transparent; border-width: 170px;}
.about-more{background:url(../images/icon-more.png) no-repeat;color: #00408b;width: 104px; height: 30px;text-align: center; line-height: 30px;display: inline-block;position: absolute;right: 8%;bottom: 25px;cursor: pointer;z-index: 99;}
.about-more:hover{background: #0e5cb5;color: #fff;}
.about-more a:visited { color: #fff!important;}
.tools-h2{background: url(../images/tools-icon.png)no-repeat center;text-align: center;width: 100%;height:491px;line-height: 490px;color: #004097;}
.tools-block{background: #fff;width: 100%;margin: 10px 0;display: inline-block;height: 100px;}
.r-c{margin-top: 100px;}
.tools-block p{font-size: 16px;line-height: 100px;margin-left: 10px;float: left;}
.T-B01 {background:  #a7a7a7;width: 100px; height: 100px;float: left;text-align: center;display: flex;align-items: center;}
.T-B01 img{display: block; margin: 0 auto;}
.tools-block:hover .T-B01{background: #1076e5;}
.tools-block:hover p{color:#004097;}
.footer{background: #004097;height: 140px;width: 100%;}

.banner-EV{background: url(../images/bannerBG-EV.jpg) no-repeat center #000; height: 980px;}
.EV-n-block{margin-top: 10px;}
.banner-IoT{background: url(../images/bannerBG-IoT.jpg) no-repeat center #000; height: 600px;}
.IoT-n-block{margin-top: 10px;}
.EV-case{background-size: cover;position: relative;height: 270px;margin-bottom: 20px;}
.EV-case .fce{width: 100%;height: 100%;z-index: 5;}
.EV-case:hover .fce{background: rgba(47,102,244,0.4);}
.EV-case p{color:#fff;border-top: 1px solid #fff;font-size: 18px;position: absolute;bottom: 0;padding: 10px;margin: 0;width: 100%;padding-right: 40px;}
.EV-case p i{position: absolute;right: 0;width: 13px; height: 26px;background: url(../images/arrow.png)no-repeat; display: block;right: 10px;top: 10px;}
.EV-case-bg1{background: url(../images/EV-block01.jpg) no-repeat center;}
.EV-case-bg2{background: url(../images/EV-block02.jpg) no-repeat center;}
.EV-case-bg3{background: url(../images/EV-block03.jpg) no-repeat center;}
.EV-case-h2{ line-height: 270px; color: #004097;}
.ev-products-item{background: none;position: relative;margin:20px 0;}
.EV-p-left{position: absolute; left: 0;}
.EV-p-left h4{font-size: 26px;color: #00408b;margin: 8px 0;}
.EV-p-right{background: linear-gradient(to bottom, #dedede 0%, #fff 100%);border: 1px solid #cfcfcf;margin-left: 140px;}
.EV-p-text{padding: 10px 10px 10px 150px;}
.pr{text-align: right;color: #e11c24;font-size: 24px;font-weight: bold;height: 24px;}
.EV-p-con{margin: 20px 0;}
.EV-p-con h5{font-size: 20px;color: #1076e5;font-weight: bold;}
.EV-p-more{text-align: right;}
.EV-p-more a{text-decoration: underline;}
.ev-products-item-B{width:40%;background: linear-gradient(to bottom, #dedede 0%, #fff 100%);border: 1px solid #cfcfcf; margin:20px auto;text-align: center;padding: 10px;}
.ev-products-item-B h4 { font-size: 26px; color: #00408b;margin: 8px 0;}
.slb-bg1{background: url(../images/SLB-block01.jpg) no-repeat center; height: 400px;}
.slb-bg2{background: url(../images/SLB-block02.jpg) no-repeat center;height: 400px;}
.slb-bg3{background: url(../images/SLB-block03.jpg) no-repeat center;height: 220px;}

.products-title{height: 115px;line-height: 115px;text-align: center;background: url(../images/products-icon.png) no-repeat center;color: #004097;margin: 50px 0 50px;}

.down-item .left-title{width: 140px;background: #2f66f4;color: #fff;display: block;height: 140px;float: left;text-align: center;font-size: 20px;display: flex;justify-content: center;align-items: center;line-height: 32px;padding: 0 15px;}
.down-item-right{display: inline-block;color: #fff;width: 100%;margin-top: 20px;}
.down-item{display: inline-block;background: #004097;box-shadow: 0 0 16px rgba(0,0,0,0.2);width: 100%;}

.p-r{text-align: right;}
.line-blue{border-bottom: 1px solid #2f66f4;}
.down-h2{background: url(../images/download-icon.png) no-repeat center; color: #fff;height: 714px;text-align: center;width: 100%;line-height: 714px;}
.SLB-h2{text-align: center;color: #004097;}


.tab-top{width: 30%; height: 64px; line-height: 64px;margin-top: 30px;float: left;}
.tab-top ul{padding:  0 30px 0 0px;}
.tab-top li{width:100%; text-align: center;font-size: 20px;font-weight: bold;background: #efefef;margin-top: 20px;}
.tab-top li a{display: block;color: #004097;}
.tab-top li a:hover{background: #2f66f4; color: #fff;text-decoration: none;}
.tab-top .curr a{background: #2f66f4; color: #fff;}
.tab_cont { display: none;width: 70%; float: right;}


#swiper-demo{margin:0 auto;height:450px;width: 713px; }             
.app{height: 100%;}
.app img{width: 100%;object-fit: fill;}
.simple-swiper-container{border:none;}
.swiper-items{flex-direction: row;}

.simple-swiper-container {   
    margin: auto;
    overflow: hidden;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;    
}

.simple-swiper-container>.swiper-wrapper {
    width: 100%;
    height: 401px;
    position: relative;
    min-height: 220px;
}

.simple-swiper-container>.swiper-wrapper>.swiper-slider {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.swiper-slider .through {
    pointer-events: none;
}

.simple-swiper-container>.swiper-wrapper>.through {
    cursor: grab!important;
}


.simple-swiper-container>.swiper-wrapper>.swiper-slider>.swiper-items img {
    border: none;
}

.simple-swiper-container>.swiper-wrapper>.swiper-slider>.swiper-items {
    vertical-align: top;
    text-align: center;
    border-radius: 10px;
}



.simple-swiper-container>.btn {
    position: absolute;
    cursor: pointer;
    z-index: 5;
    top: 45%;
    display: none;
}

.simple-swiper-container:hover>.btn {
    display: block;
}

.simple-swiper-container>.btn-prev {
    left: 0;
}

.simple-swiper-container>.btn-next::before {
    border-left: 12px solid #2a82d5;
    border-right: 12px solid transparent;
}

.simple-swiper-container>.btn-next::before,
.simple-swiper-container>.btn-prev::before {
    content: "";
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    display: block;
}

.simple-swiper-container>.btn-prev::before {
    border-left: 12px solid transparent;
    border-right: 12px solid #2a82d5;
}

.simple-swiper-container>.btn-next {
    right: 0;
}

.simple-swiper-container>.pagination {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
    z-index: 5;
    text-align: center;
}

.pagination .pagination-items {
    display: inline-block;
    height: 10px;
    width: 10px;
    margin-left: 5px;
    margin-right: 5px;
    box-sizing: border-box;
    cursor: pointer;
    background-color: rgb(180, 180, 180);
    border-radius: 50%;
    border: 2px solid #eaeaea;
}

.pagination .pagination-items-active {
    background-color: rgb(255, 89, 0);
}


.no-click a {
    pointer-events: none;
}


.swiper-cube-wrapper>.swiper-slider {
    position: relative;
    border: 1px solid;
    box-sizing: border-box;
    transform-style: preserve-3d;
    transform: rotateX(80deg);
}


.SLB-yong{background: #4a79af;width: 713px; margin: 0 auto;}
.SLB-yong ul{padding: 50px;}
.SLB-yong ul li{background: #fff; margin: 10px 0;border-radius: 4px;}
.SLB-yong ul li a{color: #004097; display: block;padding: 10px 20px;}
.SLB-yong ul li a:hover{color: #2f66f4;}

.SLB-down-item {background: #fff;box-shadow: 0 0 16px rgba(6,118,229,0.2);width: 100%;height: 258px;float: left;text-align: center;margin-bottom: 10px;}
.SLB-down-item i{width: 57px; height: 55px;background: url(../images/icon-4.png) no-repeat;margin: 50px auto 30px;display: block;} 
.SLB-down-item p{padding: 0 30px;}
.SLB-down-item:hover i{background: url(../images/icon-4-hover.png) no-repeat;}
.SLB-down-item:hover p{color: #004097;}
.SLB-down-h2{background: url(../images/download-icon-h.png)no-repeat center;text-align: center;width: 100%;height:491px;line-height: 490px;color: #004097; height: 115px;line-height: 115px;}
.banner-video{background: url(../images/bannerBG-video.jpg) no-repeat center #000; height: 600px;    display: flex;
    text-align: center;align-items: center;justify-content: center;}
.banner-video p{color: #fff;font-size: 40px;}
.video-item{margin-top: 10px;}
.video-item .top{position: relative;}
.video-item .top i{width:80px;height: 80px;display: block;position: absolute; top: 50%; margin-top: -40px;left: 50%; margin-left: -40px;z-index: 55;background: url(../images/icon-play-n.png) no-repeat;background-size: cover;}
.video-item .top img{width: 100%; height: 100%;}
.video-item p{text-align: center;margin-top: 20px;height: 48px;}
.video-item:hover .top{box-shadow: 0 0 18px rgba(2,113,239,0.4);}
.p-b{color: #004097!important;}

.ind-banner{margin-top: 20px;}
.ind-banner img{width: 100%;}

.col-xs-2-half, .col-sm-2-half, .col-md-2-half, .col-lg-2-half{ position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }
 
@media ( min-width : 768px) { .col-sm-2-half{ width: 20%; float: left; } }
 
@media ( min-width : 992px) { .col-md-2-half{ width: 20%; float: left; } }
 
@media ( min-width : 1200px) { .col-lg-2-half{ width: 20%; float: left; } }



@media (min-width: 1200px){
.container {width: 1200px;}
}
@media (max-width: 1200px){
	#swiper-demo{width: 100%;}
	.about-text{padding: 25px 200px 25px 25px;}
	.EV-p-text{padding: 10px 10px 10px 100px;}
}


@media (max-width: 992px) { 
	.margin80{margin: 30px 0;}
	.m-bottom80{margin-bottom: 30px;}
	.banner-pc{height: auto;background-size: cover;}
	.banner-pc div{display: inline-block;position: inherit;}
	.index-about{padding: 0 5% 30px 5%;}
	.index-about{background-size: cover;}
	.new-title{margin: 50px 0 20px;}
	.index-new li span{float: none;}
	.index-new li p{width: 100%;margin: 0;white-space: normal;}
	.index-new li span{height: 30px;line-height: 30px;width: 120px;display: block;}
	.tools-h2{background: url(../images/tools-icon-h.png) no-repeat center; height: 115px; line-height: 115px;width: 100%;text-align: center;margin: 50px 0;}
	.down-h2{background: url(../images/download-icon-h.png) no-repeat center; color: #fff;height: 115px;;text-align: center;width: 100%;line-height: 115px;margin: 50px 0;}
	.tools-block{margin: 5px 0;}
	.index-v img{width: 100%;}
	.about-h2{background: url(../images/about-icon.png) no-repeat center; text-align: center;padding-left: 0;}
	.about-more{margin: 20px auto 0;display: block;float: none;}
	
	.EV-case-h2{line-height: 30px;text-align: center;}
	.EV-case{  background-size: cover;    margin-top: 0px; margin-bottom: 10px;}

	.tab-top , .tab_cont{width: 100%; float: none;}
	.tab-top ul{padding: 0;}
	.tab-top li{width: 50%;float: left;margin-top: 0;font-size: 16px;}
	#swiper-demo{margin:0 auto;height:auto;width:100%; }             
	.swiper-items img{width: 100%;}
	.SLB-yong{width: 100%;}
	.nav>li>a{padding: 10px;}
	.index-new{margin-bottom: 40px;}
	.footer{height: 40px;}
	.index-new li p{font-size: 16px;}
	.down-con{margin: 10px auto;}
	.about-text{padding: 20px 20px 40px;height: auto;}
	.about-text::after{display: none; }
	.about-more{right: 20px;bottom: 5px;}
	.index-about{height: auto;}
	.r-c{margin-top: 0;}
	.home-banner{display: none;}
    .home-banner-pc{display: block;}
	
}
@media (max-width: 768px) { 	
	.IoT-block , .EV-block 	{top: 20px;}
.IoT-block img , .EV-block img{width: 100%;}
	h2{background-size: contain!important;font-size: 30px;margin: 20px 0!important;line-height: 60px!important;height: 60px!important;}
	.navbar-brand img{width: 120px;padding-top: 0;}
	.navbar{min-height: 50px;}
	.navbar-brand { padding-top: 15px;}
	.nav{margin-top: 0;}
	.navbar-default .navbar-nav>li>a{font-size: 16px;}
	.EV-case{ height: 220px;}
	.EV-n-block img{width: 100%;}
	.banner-EV , .banner-IoT{height: auto;}
	.banner-EV{background-size: cover;}
	.EV-case-box{margin: 0 0 30px;}
	.m-top{margin-top:30px;}
    .m-bottom{margin-bottom: 30px;}
	.down-item .left-title{width: 100%;height: 60px; line-height: 60px;float: none;padding: 0;}
	
	.SLB-yong ul{padding: 20px;}
	.SLB-down-item {height: auto;}
	.SLB-down-item i{margin: 20px auto;}
	.SLB-down-item p{padding: 0 20px;margin-bottom: 20px;}
	.simple-swiper-container>.swiper-wrapper{height: auto;}
	.down-con{display: inline-block;}
  .down-t{width: 100%;padding: 10px 0;}
  .d-ul { width: auto;  margin: 20px;  display: inline-block;}
	.top_wechat_h{display: block; left: 0;top:36px;}
	.top_wechat_h img{width: 100%; height: 100%;}
	.nav>li>a{padding: 6px 10px;}
	.banner-video{height: 300px;}
	.EV-p-left{width: 180px;}
	.EV-p-left img{width: 100%;}
	.EV-p-text { padding: 10px 10px 10px 60px;}
	h3{font-size: 28px; height: 50px; line-height: 50px;margin: 30px 0;}
	.tools-block , .T-B01{height: 80px;}
	.tools-block p{height: 80px; line-height: 80px;}
}
@media (max-width:460px) { 	

	.p-r {text-align: left;}
	.tab-top {width: 100%; height: 64px; line-height: 22px; margin-top: 0px;}
	.tab-top li a{ line-height: 22px;padding: 10px 5px;height: 64px;}
	.tab-top .curr a{background: #2f66f4; color: #fff;line-height: 22px;padding: 10px 5px;height: 64px;}
  .d-ul {margin: 10px 20px;}
  .d-ul>li {width: 100%;    float: left;}
  .well{padding:0 10px 10px;margin-bottom: 10px;}
	.EV-p-left{position: relative;width: 100%;}
	.EV-p-left img{width: 100%;}
	.EV-p-text { padding: 10px ;}
	.EV-p-right{margin: 0;}
	.ev-products-item-B{width: 100%;}
	
}