@charset "utf-8";
/* CSS Document */

body{background: #fff;font-size: 16px; line-height: 24px; overflow-x:hidden;}
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;}

.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;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;}
.navbar-default .navbar-nav>li>a{font-size:18px;}
.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:50px; right: -10px;z-index: 9;}
.top_wechat:hover .top_wechat_h{display: block;}


.banner-pc {float:left;width:100%;text-align: center;margin-top:10px;}
.banner-pc img {width:100%;}

.banner_out {width:100%;display: block;position: absolute;z-index: 55;}
.banner_out ul li {float:left;width:33%;padding-left:2%;margin-top:2%;}


@media (max-width:460px) { 	
.banner_out ul li {width:33%;padding-left:2%;margin-top:20%}
}


@media only screen and (min-width:1900px) and (max-width:2300px) { 	
.banner_out ul li {margin-top:12%;}
}


@media only screen and (min-width:1700px) and (max-width:1900px) { 	
.banner_out ul li {margin-top:7%;}
}

@media only screen and (min-width:1500px) and (max-width:1700px) { 	
.banner_out ul li {margin-top:3%;}
}



/*


@media (max-width:1750px) { 	
.banner_out ul li {width:33%;padding-left:2%;margin-top:-5%}
}

@media (max-width:1480px) { 	
.banner_out ul li {width:33%;padding-left:2%;margin-top:-12%}
}

@media (max-width:1330px) { 	
.banner_out ul li {width:33%;padding-left:2%;margin-top:-16%}
}
*/



.home-banner-pc{display: none;}

.EV-block {display: inline-block;position: relative;text-align:center;top:420px;}
.EV-block img {width: 82%;}

.IoT-block {display: inline-block;position: relative;text-align:left;top:430px;}
.IoT-block img {width:82%;}


.section1_bg {float:left;width:100%;background: url(../images/home_sec1_bg.jpg) repeat-x;}

.news_bg {float:left;width:100%;background: url(../images/home_news_bg.jpg) no-repeat center top;height:854px;}
.news_cont {width:1200px;margin:0 auto;text-align:center;}
.hot_news {
    float: left;
    width:100%;
    text-align: left;
    margin-top:350px;
    height: 480px
}
.hot_news .tab {
    float: left;
    clear: both;
    width: 200px;
	margin-right:20px;
}
.hot_news .tab ul li {
    cursor: pointer;
    width: 200px;
    line-height: 75px;
    float: left;
    font-size: 32px;
    color: #bbdbf9;
    text-align: center;
    margin-right: 10px;
	font-weight:bold;
}
.hot_news .tab ul li.yixuan {
    background: url(../images/home_news_icon.jpg) no-repeat left;
    color: #2f66e1
}

.hot_news .newscont {
    float:left;
    text-align: left;
    width:880px
}
.hot_news .newscont ul {
    margin-top: 5px;
    float: left;
    width: 100%;
}
.hot_news .newscont ul li {
    border-bottom: solid 1px #C4E0FA;
	background:url(../images/home_news_arrow1.jpg) no-repeat left;
	padding-left:30px;
	line-height:52px;
    font-size: 18px;
}
.hot_news .newscont ul li:hover {
    border-bottom: solid 1px #443BCA;
	background:url(../images/home_news_arrow2.jpg) no-repeat left;
}

.hot_news .newscont ul li span {margin-right:20px;color:#040159;}

.hot_news .newscont ul li a {
    color: #040159;
}
.hot_news .newscont ul li a:hover {
    color: #333
}


@media (max-width:460px) { 	

.news_bg {float:left;width:100%;background: url(../images/home_news_bg.jpg) no-repeat -350px -120px;height:630px;}
.news_cont {width:100%;}
.hot_news {margin-top:150px;margin-left:20px;}
.hot_news .newscont {width:90%;}
}



.video_bg {float:left;width:100%;background: #EFF7FE;height:800px;}
.video_cont {width:1200px;margin:0 auto;text-align:center;}
.video_title {float:left;width:100%;text-align:right;}
.video_text {float:left;width:100%;margin-top:60px;}
.video_text .video_img {float:left;width:700px}
.video_text .video_img h3 {line-height:70px;font-size:20px;}
.video_text .video_more {float:left;width:500px;margin-top:180px;}
.video-item-img a {display:block;}
.video-item-img i{width:80px;height: 80px;display: block;position: absolute; margin-top:170px;margin-left:320px;z-index: 55;background: url(../images/icon-play-n.png) no-repeat;background-size: cover;}

@media (max-width:460px) { 	
.video_bg {height:500px;}
.video_cont {width:100%;height:600px;}
.video_title {float:left;width:100%;text-align:center;margin-top:30px;}
.video_title img {width:320px;}
.video_text {margin-top: 30px;}
.video_text .video_img {width:100%}
.video_text .video_img img {width:95%}
.video_text .video_img h3 {margin: 10px 0;}
.video-item-img i { margin-top:15%;margin-left:40%}
.video_text .video_more {width:100%;margin-top: 20px;}
.video_text .video_more img {width:97%;}
}




.about_bg {float:left;width:100%;background:#004088 url(../images/home_about_bg.jpg) no-repeat center top;height:1322px;}
.about_cont {width:1200px;margin:0 auto;text-align:center;}
.about_title {float:left;width:100%;text-align:left;margin-top:136px;}
.about_text {float:left;width:100%;margin-top:60px;}
.about_text p {float:left;width:700px;font-size:14px;color:#fff;line-height:25px;text-align:left;}
.about_text .about_more {float:left;margin-left:120px;width:220px;margin-top:0px;}

.about_img {float:left;width:100%;margin-top:200px;}
.about_img .about_img_1 {float:left;}
.about_img .about_img_2 {float:right;}



@media (max-width:460px) { 	

.about_bg {background:#004088 url(../images/home_about_bg.jpg) no-repeat center -200px;height:1200px;}
.about_cont {width:100%;}
.about_title {margin-top:80px;text-align:center;}
.about_title img {width:320px;}
.about_text {margin-top: 20px;}
.about_text p {width:88%;margin-left:5%;}
.about_text .about_more {margin-top: 20px;}
.about_img {margin-top: 50px;}
.about_img .about_img_1 {width:100%;text-align:center;}
.about_img .about_img_1 img {width:90%}
.about_img .about_img_2 {width:100%;margin-top:40px;}
.about_img .about_img_2 img {width:90%}

}


.tools_bg {float:left;width:100%;background:#BBEAF0 url(../images/home_tools_bg.jpg) repeat-x;height:1239px;}
.tools_cont {width:1200px;margin:0 auto;text-align:center;}
.tools_title {float:left;width:100%;text-align:center;margin-top:160px;}
.tools_cont ul {width:1000px;margin:0px auto;text-align:center;}
.tools_cont ul li {float:left;width:25%;margin-top:250px;}
.tools_cont ul li a {margin:0 auto;text-align:center;border-radius:10px;font-size:16px;display:block;width:202px;height:268px;padding-top:160px}
.tools_cont ul li a:hover {color:#fff;}

.tools_cont ul li.tools_link1 a {background:#fff url(../images/home_tools_link1_1.png) no-repeat center 80px;}
.tools_cont ul li.tools_link1 a:hover {background:#2F66E1 url(../images/home_tools_link1_2.png) no-repeat center 80px;}

.tools_cont ul li.tools_link2 a {background:#fff url(../images/home_tools_link2_1.png) no-repeat center 80px;}
.tools_cont ul li.tools_link2 a:hover {background:#2F66E1 url(../images/home_tools_link2_2.png) no-repeat center 80px;}

.tools_cont ul li.tools_link3 a {background:#fff url(../images/home_tools_link3_1.png) no-repeat center 80px;}
.tools_cont ul li.tools_link3 a:hover {background:#2F66E1 url(../images/home_tools_link3_2.png) no-repeat center 80px;}

.tools_cont ul li.tools_link4 a {background:#fff url(../images/home_tools_link4_1.png) no-repeat center 80px;}
.tools_cont ul li.tools_link4 a:hover {background:#2F66E1 url(../images/home_tools_link4_2.png) no-repeat center 80px;}


@media (max-width:460px) { 	

.tools_bg {height:1439px;}
.tools_cont {width:100%;}
.tools_title {margin-top:60px;}
.tools_title img {width:320px;}
.tools_cont ul {width:100%;}
.tools_cont ul li {width:100%;margin-top:50px;}

}






/* EV */

.ev-banner {float:left;width:100%;margin-top:20px;}
.ev-banner img {width:100%;}



.product_bg {float:left;width:100%;background:#F4F9FF url(../images/ev_product_bg.jpg) repeat-x;padding-bottom:120px;}
.product_cont {width:1200px;margin:0 auto;text-align:center;}
.product_title {float:left;width:100%;text-align:center;margin-top:120px;margin-bottom:50px;color:#3d67e5;font-size:40px;}
.product_list {float:left;width:100%;text-align:center;margin-top:80px;}
.product_list h3 {background:#4768E8;color:#fff;padding:10px 0px;border-radius:8px;font-size:33px;line-height:50px;font-weight:bold;font-family:"Î¢ÈíÑÅºÚ",Microsoft yahei;}
.product_list ul {float:left;width:100%;text-align:center;}
.product_list ul li {width:50%;text-align:left;margin-top:40px;}
.product_list ul li.list-left,.product_list ul li.list-right {float:left}
.product_list ul li.list-left .ev-products-item {float:left;}
.product_list ul li.list-right .ev-products-item {float:right;}
.product_list ul li .ev-products-item {width:580px;background:#fff;border-radius:12px;}
.product_list ul li .ev-products-item .EV-p-left {float:left;width:230px;text-align:left;margin-left:20px;margin-top:12px;}
.product_list ul li .ev-products-item .EV-p-left h4 {color:#004084;font-size:26px;line-height:55px;font-weight:bold;}
.product_list ul li .ev-products-item .EV-p-right {float:right;width:290px;text-align:left;margin-right:0px;margin-top:12px;}
.product_list ul li .ev-products-item .EV-p-right p.pr {font-size:26px;line-height:55px;height:55px;font-weight:bold;text-align:right;margin-right:20px;color:#da1c24}
.product_list ul li .ev-products-item .EV-p-right .EV-p-con h5 {margin:0px;color:#1076e5;font-size:20px;line-height:30px;font-weight:bold;}
.product_list ul li .ev-products-item .EV-p-right .EV-p-con h5.else {line-height:22px;}

.product_list ul li .ev-products-item .EV-p-right .EV-p-con p {color:#000;font-size:16px;line-height:25px;}
.product_list ul li .ev-products-item .EV-p-right p.EV-p-more {float:left;width:100%;text-align:right;margin-top:10px;}


.product_list ul li.list-mid {width:400px;margin:40px auto;text-align:center;}
.product_list ul li.list-mid .ev-products-item {float:left;width:100%;margin:0 auto;background:#fff;border-radius:12px;}
.product_list ul li.list-mid h4 {color:#004084;font-size:26px;line-height:55px;font-weight:bold;}
.product_list ul li.list-mid p.EV-p-more {float:left;width:100%;text-align:right;margin-top:10px;}


@media (max-width:460px) { 	

.product_bg {height:7000px;padding-bottom:0px;}
.ai_product {height:14900px;} 
.product_cont {width:100%;}
.product_title {margin-top:60px;margin-bottom:20px;font-size: 30px;line-height:40px;}
.product_title img {width:320px;}
.product_list {width:100%;margin-top:0px;}
.product_list h3 {font-size: 22px; padding:0px;margin:20px 0px 0px;}
.product_list ul li {width:94%;margin:30px 3% 0px;}
.product_list ul li.list-right .ev-products-item {float:left;}
.product_list ul li .ev-products-item {width:100%;}
.product_list ul li .ev-products-item .EV-p-left {width:90%;}
.product_list ul li .ev-products-item .EV-p-right {width:90%;margin-top:0px;}
.product_list ul li.list-mid {width:94%;margin:30px 3% 0px;}
.product_list ul li .ev-products-item .EV-p-right p.pr {display:none;}
}


.solution_bg {float:left;width:100%;background:#154187;padding-bottom:50px;}
.solution_cont {width:1200px;margin:0 auto;text-align:center;}
.solution_cont ul {float:left;width:100%;margin:120px 0px;}
.solution_cont ul li {float:left;width:50%;height:280px;margin-bottom:40px;}
.solution_cont ul li:Hover {cursor:pointer;}

.EV-case{background-size:100%; position: relative;height:275px;margin-bottom: 20px;border-radius:10px;}
.EV-case .fce {width:587px;z-index: 5;}

.solution_cont ul li h2 {line-height:300px; color: #fff;font-size:40px;text-align:left;}

.solution_cont ul li p {color:#fff;border-top: 1px solid #fff;font-size: 18px;position: absolute;z-index: 5;text-align:left;width:560px;margin-left:15px;margin-top:10px;line-height:40px;margin-top:230px;}
.solution_cont ul li p i{position: absolute;right: 0;width: 13px; height: 26px;background: url(../images/arrow.png)no-repeat; display: block;right: 10px;top: 10px;}

.solution_cont ul li a {display:block;width:587px;height:275px;}
.solution_cont ul li.solution_img1 {background:url(../images/solution_img1-1.png) no-repeat;}
.solution_cont ul li.solution_img1:hover {background:url(../images/solution_img1-2.png) no-repeat;}

.solution_cont ul li.solution_img2 {background:url(../images/solution_img2-1.png) no-repeat;}
.solution_cont ul li.solution_img2:hover {background:url(../images/solution_img2-2.png) no-repeat;}

.solution_cont ul li.solution_img3 {background:url(../images/solution_img3-1.png) no-repeat;}
.solution_cont ul li.solution_img3:hover {background:url(../images/solution_img3-2.png) no-repeat;}


@media (max-width:460px) { 	

.solution_bg {height:800px;padding-bottom:0px;}
.solution_cont {width:100%;}
.solution_cont ul {margin:20px 0px;}
.solution_cont ul li {width:94%;margin:20px 3% 0px;height:190px;}
.solution_cont ul li.solution_title {height: 80px;}
.solution_cont ul li p {width:88%;margin-left:2%;margin-top: 120px;}
.solution_cont ul li a {display:block;width:100%;height:170px;}
.solution_cont ul li.solution_img1 {background-size:100%}
.solution_cont ul li.solution_img2 {background-size:100%}
.solution_cont ul li.solution_img3 {background-size:100%}


}





/* AI */

.ai-banner {float:left;width:100%;margin-top:20px;}
.ai-banner img {width:100%;}
.product_img {float:left;width:100%;margin-top:20px;}
.product_img img {width:100%;}






@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: 0px ;}
	.EV-p-right{margin: 0;}
	.ev-products-item-B{width: 100%;}
	
}










