﻿@charset "utf-8";
/* CSS Document */

/*-- 导航 --*/
#home{background:#fff url(../images/b_bg.jpg) center top no-repeat;}
.wierp{overflow: hidden;color: #888;width: 100%;min-width: 300px;max-width: 1920px;margin: 0 auto;}
.header { width:100%; /* background:#fff; position:fixed; border-bottom:1px solid #ccc; */ height: 72px;margin:0 auto;}
.con {  width:98%; margin:0 auto; max-width:1100px; min-width:300px;font-size:0.875rem; clear:both}
.logo { width:132px; float:left; margin-top:10px;border-right:1px solid #ccc;margin-right:15px; padding-right:15px; }
.logo-nav ul li { float:right; }
.logo-nav ul li a { color:#fff; font-size:16px; display:block; height:69px; line-height:69px; text-align:center; padding: 0 20px; }
.logo-nav ul li a:hover { text-decoration:none; border-bottom:3px solid #e30000; color:#e30000; }
.dianzhubudong { border-bottom:3px solid #e30000; color:#e30000; }
.wz { color:#fff; font-size:15px; height:69px; line-height:69px; }
.m20{ padding-top:30px;}
/*-- 导航结束 --*/
.banner{height:320px;position: relative;width:1013px;margin:190px auto;z-index: 2;}
.banner img{ width:100%;}
/*-- 平台介绍 --*/
.tit{ text-align: center; width:100%; margin: 0 auto 50px;}
.tit h3{ font-size:26px; color: #0754bb; font-weight:normal;}
.tit p{ padding-top:10px}
.cont p{ font-size: 20px;word-spacing:4px; text-indent:50px; line-height:40px;}
.cont img{ width:100%; margin:60px auto; display: block;}
.jieshao{ background:#fff; box-shadow:0 5px 10px #abcfff; padding:40px 26px; box-sizing:border-box; border-radius:6px;}
.jieshao p{ font-size:20px; text-indent:30px; line-height:44px;}
/*-- 核心优势--*/
.point{ padding: 30px 0; margin-top:40px;}
.zhuanxing{}
.zhuanxing li{ width:33.3%; float:left; padding:10px; box-sizing:border-box; min-height:146px;}
.zhuanxing li .tu{ float:left; width:20%;}
.zhuanxing li .tu img{ width:62px;}
.zhuanxing li .txt{ float:right;width:78%;}
.zhuanxing li .txt h3{ color:#222; padding-bottom:8px}
/*-- 空间框架--*/
.kuangjia{ width:100%; background:url(../images/kj_bg.jpg) center no-repeat; height:900px; padding:50px 0;}
.jjkj .left{ width:60%; font-size:18px; line-height:48px;text-indent:30px;}
.jjkj .right{ width:38%;}
.jjkj .left h3{ padding:20px 0 10px; font-weight:normal; color:#474747}
.wenz{ font-size:18px; text-indent:30px; line-height:48px}
.ditu{ margin-top:30px;}
.ditu li{float:left; position:relative; width:32%}
.ditu li img{ width:100%;}
.ditu li.m_li{ margin:0 2%}
.ditu li p{ position:absolute; bottom:5px; left:0; right:0; z-index:2; background:rgba(0,0,0,0.5); text-align:center; color:#fff; height:48px; line-height:48px; width:100%; font-size:16px;}
/*-- 融合应用--*/
.dashuj{ margin:60px 0 20px;}
.dashuju{ width:100%;/* background:url(../images/dsj_bg.jpg) center no-repeat; */height:520px; padding:20px 0;}
.dashuju img{  text-align:center; width:100%;}
.tubiao{ padding:60px 0 0;}
.tubiao li{ width:14.28%; text-align:center; float:left; padding:20px 0}
.tubiao li img{ display:block; width:60px; margin:0 auto;}
.tubiao li p{ font-size:18px; padding-top:16px;}
.tubiao li.no{ display:none;}

/*--add  项目分布图20220520--*/
.fbt {background:url(../images/fbt_bg.png) no-repeat bottom center #f8fbfd;padding:50px 0 80px;}
.fbt_text {margin:30px 10px;font:normal 28px/60px "微软雅黑"; color:#333;text-align:center;}
.fbt_text span {font:normal 28px/60px "微软雅黑";color:#0754bb;}
.fbt_text span.zhuanzhu {border:solid 1px #0754bb;font-size:40px;line-height:50px;padding:0 10px;}
.fbt_text span.shuzi {font-size:40px;line-height:50px;}
.wei{ width: 100%; text-align: center;}
.wei img{ width: 98%;}


/*-- 联系我们 --*/
.Contact {width:100%; margin:0px auto; }
.Contact .top { width:258px; height:54px; margin:0 auto 48px auto; }
.Contact .lxd { width:100%; background-color:#efefef; height:100px;}
.Contact .lxd ul { width:98%; margin:0 auto; max-width:1100px; min-width:300px;font-size:0.875rem; clear:both}
.Contact .lxd li { width:33.33%; margin-top:24px; float:left; }
.Contact .lxd li a{color:#6a6a6a;}
.Contact .lxd img { float:left; margin: 0 22px;}
.Contact .lxd h1 { height:56px; line-height:56px; font-size:24px; color:#6a6a6a;}

/*-- 底部 --*/
.bottom { width:100%; background-color:#8f8f8f; height:82px; text-align:center; padding-top:48px; color:#fff; font-size:20px;}
@media screen and (max-width:1024px) and (min-width:801px){
.logo-nav ul li a { padding: 0 10px;}
.Contact .lxd img { float: left;margin: 0 20px !important;}
.Contact .lxd h1 {font-size: 22px;}
.banner {
    height: 500px;
    position: relative;
    width:86%;
    margin:20% auto 0;
    z-index: 2;
}
}
@media(max-width:800px){
#home{background: url(../images/b_bg.jpg) center top no-repeat;background-color: #fff; background-size:cover; height:300px; width:100%}
.logo-nav .nav{ display:none !important;}	
.wz {
    color: #fff; padding-top:16px;
    font-size: 14px;
     height:auto !important;
    line-height:20px !important;
}
.conts p{ font-size:15px; text-align: center; line-height:20px !important;}
.cont img{ width:100%; margin:20px auto; display: block;}
.logo-nav .nav{ display:none !important;}	
.banner {
    height: 202px;
    position: relative;
    width: 66%;
    margin: 4% auto 0;
    z-index: 2;
}
.jjkj .left {
    width: 60%;
    font-size: 18px;
    line-height: 44px; 
}
.jjkj .right img{ width:100%;}
.spark-index .system-display .container .tab-body ul li .display-content .lists .list {
    float: left;
    width: 160px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    margin-top: 20px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    color: #666;
    font-size:18px;
}
.dashuju {height: 330px;}
.zhuanxing li {
    width: 50%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
    min-height: 126px;
}


.Contact .lxd li {
    width: 50%;
    margin-top: 24px;
    float: left;
}
.Contact .lxd li:nth-child(3){display:none !important;}
.tedian .TED p {
    font-size: 15px;
    padding-top: 10px;
	overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;

}
.bottom {
    width: 100%;
    background-color: #8f8f8f;
    height:auto !important;
    text-align: center;
    padding:20px 0;
    color: #fff;
    font-size: 18px;}
	}
@media(max-width:640px){
.no_l{ display:none}
.logo img {
    width: 90%;
    margin-left: 10px;
}
.wz {
    color: #ccc;
    padding-top: 16px;
    font-size: 14px;
    height: auto !important;
    line-height: 20px !important;
}
#home{background: url(../images/b_bg.jpg) center top no-repeat;background-color: #fff; background-size:cover; height:240px; width:100%}
.banner {
    height:130px;
    position: relative;
    width: 100%;
    margin: 0 auto;
    z-index: 2;
}
.kuangjia {
    height: auto;
    padding:30px 0;
}
.jjkj .right {
    width:90%; margin:20px auto;
}
.banner img {
    width: 88%; display:block; margin:10px auto;
}
.tit {
    text-align: center;
    width: 100%;
    margin: 0 auto 10px;
}
.tit h3 {
    font-size:20px !important;
    color: #0754bb;
}
	
.left,.right { float:none; }
.point{margin-top:0;}
.cont p {
    font-size:15px;
    word-spacing: 4px;
    text-indent: 30px;
    line-height:26px;
}
.tit p img { width:90%;}
.jieshao{padding:16px;}
.jieshao p{ font-size:14px; line-height:24px;}
.fs20{ font-size:15px;}
.zhuanxing li{ width:100%; float:none; padding:10px; box-sizing:border-box; min-height:0;}
.zhuanxing li .tu img {
    width: 50px;
}
.tubiao {
    padding: 30px 0 0;
}
.tubiao li {
    width:25%;
    text-align: center;
    float: left;
    padding:10px 0;
}
.tubiao li.no{ display:block;}
.tubiao li img{ display:block; width:40px; margin:0 auto;}
.tubiao li p{ font-size:14px; padding-top:6px;}
.tubiao li:last-child{ display:none;}
.jjkj .left {
    width:100%;
    font-size: 14px;
    line-height:28px;
}
.wenz {
    font-size: 14px;
    text-indent: 30px;
    line-height:26px;
}
.ditu li p{ position:absolute; bottom:5px; left:0; right:0; z-index:2; background:rgba(0,0,0,0.5); text-align:center; color:#fff; height:28px; line-height:28px; width:100%; font-size:14px; overflow:hidden;}

.dashuju {
    width: 100%;
    background: url(../images/dsj_bg.jpg) center no-repeat;
    height: 140px;
    padding: 30px 0;
}

.ronghe {
    margin: 40px 0;
}
.Contact .lxd li{ width:100% !important; float:none !important; margin-top:0 !important;}
.Contact .lxd li:nth-child(2),.Contact .lxd li:nth-child(3){display:none !important;}
.Contact {
    width: 100%;
    margin: 0px auto;
}
.Contact .lxd {
    width: 100%;
    background-color: #efefef;
    height:auto !important;
	padding:10px 0 !important;
}
.Contact .lxd img {
    float: left;
    margin: 0 10px;
}
.bottom {
    width: 100%;
    background-color: #8f8f8f;
    height:auto !important;
    text-align: center;
    padding: 18px 0;
    color: #fff;
    font-size: 16px;}
	
.system-display{ display:none;}
/*--add  项目分布图20220520--*/
.fbt {background:url(../images/fbt_bg.png) no-repeat bottom center #f8fbfd;padding:30px 0 40px;}
.fbt_text {margin:30px 15%;font:normal 20px/36px "微软雅黑"; color:#333;text-align:center;}
.fbt_text span {font:normal 20px/36px "微软雅黑";color:#0754bb;}
.fbt_text span.zhuanzhu {border:solid 1px #0754bb;font-size:28px;line-height:40px;padding:0 6px;}
.fbt_text span.shuzi {font-size:28px;line-height:40px;}

}


