*,
ul,
p,
img {
	margin: 0;
	padding: 0;
}

body {
	background: #fff;
	font-size: .7rem;
	font-family: "微软雅黑";
}

a {
	outline: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);

	-webkit-user-select: none;

	-moz-user-focus: none;

	-moz-user-select: none;
}

a:link {
	text-decoration: none;
	outline: 0;
}

a:visited {
	text-decoration: none;
	outline: 0;
}

a:hover {
	text-decoration: none;
	outline: 0;
}

a:active {
	text-decoration: none;
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a::after{
	outline: none;
}

::-moz-focus-inner {
	border: 0px;
}

.clear_box,
.clear_box:after,
.clear_box:before {
	content: '';
	display: block;
	clear: both;
	overflow: hidden;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

ul {
	list-style-type: none;
}

/* 头部 */
.m-e-header{width: 100%; background-color: #f3f3f3 !important; box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .1);}
.m-e-header>a::after{outline: none; display: inline-block;}
/* .m-e-header-logo{ width: 7rem;} */
.m-e-header-logo{ width: 18vh !important; height: 100% !important; margin-left: .75rem !important;}
.m-e-header-logo>a>img{width: 100%}
.m-e-header-search,.m-e-header-menu{ position: absolute; top: .5rem;}
.m-e-header-search{ right: 3rem; width: 1.3rem;}
.m-e-header-menu{ right: 1rem; top: .55rem;}
.m-e-header-menu>img{ width: 1.2rem; height: 1.3rem; background: url(../img/h_13.png) no-repeat center;}

/* 导航 */
.btn-nav:focus {outline: 0;}
.nav-content,.nav-content1 { position: fixed; top: -100%; bottom: 0; left: 0; right: 0; background: #f3f3f3; display: block; height: 100%; z-index: 10; }
.nav-list { position: relative; padding-top: 13.0666667vw; }
/* @media ( min-width:375px){
	.nav-list { position: relative; padding-top: 6vh !important; }
} */
.nav>a>i.icon-bars,.nav>a>i.icon-search,.nav>a>i.icon-times { color: #151515 }
.icon-times {opacity: 0;}
.animated { display: block; margin: 0 auto;}
.nav>a.btn-nav { position: relative; }
.nav>a>i.icon-times { position: absolute; right: .7rem; top: 0; }
.animated .icon-times { opacity: 1; }
.animated:focus { cursor: pointer; z-index: 9999; }
.animated .icon-bars{ opacity: 0; }
.animated .icon-times { z-index: 999999;}
@keyframes showNav {
	from {
		top: -100%;
	}

	to {
		top: 0;
	}
}

@-webkit-keyframes showNav {
	from {
		top: -100%;
	}

	to {
		top: 0;
	}
}

@-moz-keyframes showNav {
	from {
		top: -100%;
	}

	to {
		top: 0;
	}
}

@-o-keyframes showNav {
	from {
		top: -100%;
	}

	to {
		top: 0;
	}
}
.showNav { -webkit-animation: showNav 1s ease forwards; -moz-animation: showNav 1s ease forwards; -o-animation: showNav 1s ease forwards; animation: showNav 1s ease forwards; }
@keyframes hideNav {
	from {
		top: 0;
	}

	to {
		top: -100%;
	}
}

@-webkit-keyframes hideNav {
	from {
		top: 0;
	}

	to {
		top: -100%;
	}
}

@-moz-keyframes hideNav {
	from {
		top: 0;
	}

	to {
		top: -100%;
	}
}

@-o-keyframes hideNav {
	from {
		top: 0;
	}

	to {
		top: -100%;
	}
}

.hideNav { -webkit-animation: hideNav 1s ease forwards; -moz-animation: hideNav 1s ease forwards; -o-animation: hideNav 1s ease forwards; animation: hideNav 1s ease forwards;}
.hidden { display: none; }
/*导航左侧*/
.pro-left { float: left; width: 35%; }
.pro-content { width: 100%; }
.pro-left .left-category ul li { height: 2.5rem; line-height: 2.5rem; font-size: .9rem; text-align: center; cursor: pointer; color: #555555;}
.pro-left .left-category ul li.on { background: #fff; color: #0067a4; }
.pro-left .left-contact p { color: #317fff; font-size: 14px;}
.pro-left .left-contact p.tel { font-size: 20px; padding-top: 10px; }
/*导航右侧*/
.pro-right {float: right;width: 65%;display: none;}
.pro-right-con{ background: #FFFFFF; padding: 1rem; height: 50vh;}
.pro-right-con>h4{ padding: 0 .75rem; color: #0067a4;}
.pro-right ul li { margin: .75rem 0; transition: all .3s linear;}
.pro-right ul li>a{ display: block; width: 100%; line-height: 1.6rem; padding: 0 .75rem;}
.pro-right.active {display: block;}
.pro-right ul li:hover {box-shadow: 0px 0px 15px #c6c6c6;transition: all .2s linear;}
.pro-right ul li:hover a{color: #0067a4; }
.core-on>li>a{font-weight: bold; font-size: .8rem;}
.core-on>li{  margin-top: 0 !important;}

/* 搜索 */
.m-e-search{ padding-top: 30%; position: relative;}
.m-e-search>input{ width: 80%; height: 6vh; border-radius: .3rem; border: .05rem solid #e5e5e5; display: block; margin: 0 auto; padding: 0 5vh 0 1rem;}
.m-e-search>input:focus{ border-color: #0067a4; outline: none;}
.m-e-search>button{ width: 3vh; height: 6vh; display: block; border: none; background: transparent;}
.m-e-search>button:focus{ outline: none;}
.m-e-search>button.icon-search{ position: absolute; right: 12%; top: 0; margin-top: 30%; color: #0067a4; z-index: 99;}

/* banner */
.banner-top,.b-banner-top{ padding-top: 13.0666667vw !important; }
.banner-top>.swiper-wrapper>.swiper-slide>a{ position: relative; display: block; width: 100%;}
.banner-top>.swiper-wrapper>.swiper-slide>a>img{ width: 100%;}
.m-e-b-title{ position: absolute; left: 0; top: 0; bottom: 0; padding-top: 2rem !important; width: 100%;}
.m-e-b-title>h3,.m-e-b-title>h4{ color: #fff;}
.m-e-b-title>h3{ font-size: 1.4rem; line-height: 2rem;}
.m-e-b-title>h4{ font-size: 1rem; }
.m-e-b-title>button{ width: 5.25rem; height: 1.5rem; margin: 1rem auto 0; display: block; background: transparent; border-radius: .3rem; border: .05rem solid #fff;  color: #fff; font-size: .8rem; line-height: 1.5rem; }

/* 主体 */
.m-e-content,.m-e-news{ background-color: #f3f3f3;}
.m-e-c-research{display: flex; }
.m-e-c-research>a{  flex: 3; background: #fff; border-radius: .5rem; margin-right: .8rem;}
.m-e-c-research>a:last-child{ margin-right: 0;}
.m-e-c-research>a>img{ width: 3rem; display: block; margin: 0 auto;}
.m-e-c-research>a>h4{ font-size: 1rem; line-height: 1.4rem; color: #000;}

.m-e-c-title>h4{ font-size: 1.2rem;}
.m-e-c-title>p{ text-transform: uppercase; color: #2c7ddb; font-weight: lighter;}
.m-e-c-title>span{ width: 2.2rem; height: .15rem; display: block; margin: .75rem auto; background-color: #2b8cfd;}

.m-e-c-scope,.m-e-c-user,.m-e-news-con,.b-advantage-ul,.b-product,.a-page-text,.a-news{ background-color: #fff; border-radius: .5rem;}
.m-e-c-scope-nav{ display: flex; }
.m-e-c-scope-nav>a,.m-e-news-con-nav>a{ width: 50%; border-bottom: solid .15rem transparent; color: #333; text-align: center; font-size: .9rem;}
.m-e-c-scope-nav>a.active,.m-e-news-con-nav>a.active{ border-bottom: .15rem solid #368aeb; position: relative; color: #368aeb; font-weight: normal;}
.m-e-c-scope-nav>a.active::after{ background: transparent;}

.m-e-c-scope-ul>li{ float: left; width: 49%; margin-right: 2%; background: #2b8cfd; border-radius: .2rem; margin-bottom: .75rem;}
.m-e-c-scope-ul>li.cyanine{ background-color: #24b8df;}
.m-e-c-scope-ul>li:nth-child(even){ margin-right: 0;}
.m-e-c-scope-ul>li>a{ width: 100%; position: relative; display: block; padding: 1rem .5rem; min-height: 6.5rem;}
.m-e-c-scope-ul>li>a>img{ position: absolute; bottom: 0; right:0; z-index: 1; width: 4rem;}
.m-e-c-scope-ul>li>a>h4,.m-e-c-scope-ul>li>a>p{ color: #fff;}
.m-e-c-scope-ul>li>a>p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;overflow: hidden; }

.m-e-c-solve{ padding-top: .75rem!important; padding-bottom: 2.5rem !important;}
.m-e-c-solve-ul>li{ float: left; width: 49%; margin-right: 2%; border-radius: .2rem; background: #000; margin-bottom: .75rem;}
.m-e-c-solve-ul>li:nth-child(even){ margin-right: 0;}
.m-e-c-solve-ul>li>a{width: 100%; height: 100%; position: relative; display: block;}
.m-e-c-solve-ul>li>a>img{ width: 100%; height: 7rem; border-radius: .2rem; opacity: .45;}
.m-e-c-solve-ul-text{ width: 100%; height: 100%; left: 0; top: 0; bottom: 0; position: absolute; z-index: 1; color: #fff;}
.m-e-c-solve-ul-text>img{ display: block; margin: 0 auto; width: 1.6rem; margin-bottom: .75rem; margin-top: 2rem;}
.m-e-c-solve-ul-text>h4{ font-size: .7rem}
.swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 1rem !important;}
.m-e-c-solve-pagination>.swiper-pagination-bullet{ border-radius: 0 !important; width: 2rem; height: 5px;}


.m-e-c-user-ul>li{ width: 50%; float: left; padding: 1rem .5rem;}
.m-e-c-user-ul>li:nth-child(odd){ border-right: .05rem solid #dfdfdf;}
.m-e-c-user-ul-line{ border-bottom: .05rem solid #dfdfdf;}
.m-e-c-user-ul>li>p{ min-height: 3.5rem;}
.m-e-c-user-ul>li>img{ width: 4rem; display: block; margin: 1rem auto;}

.m-e-field{ width: 100%; background: url(../img/f_bg.jpg) no-repeat top center; background-size: cover;}
.m-e-field>h4{ color: #fff; font-size: 1rem; font-weight: normal; line-height: 1.6rem; padding-top: 1.5rem; padding-bottom: 2rem;}
.m-e-field-ul{ display: flex;}
.m-e-field-ul>li{width: 25%;}
.m-e-field-ul>li>h4,.m-e-field-ul>li>p{ color: #fff;}
.m-e-field-ul>li>h4{ font-weight: normal; font-size: 1.2rem;}
.m-e-field-ul-span{ font-size: .75rem;}

.m-e-qualification{ padding-top: 1.5rem!important; padding-bottom: 1.5rem !important; display: flex; flex-wrap: wrap;}
.m-e-qualification>li{ float: left; margin-right: 2%; flex: 0 0 32%}
.m-e-qualification>li:nth-child(3n){ margin-right: 0;}
.m-e-qualification>li>img{display: block; margin: 0 auto; margin-top: 8%; width: 25vh; max-height: 25vh; min-height: 18vh;}

.m-e-news-con-nav>a{ width: 33.3%;}
.m-e-news-con-nav>a::after{ background: transparent;}
.m-e-news-con-text>a>h4{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.m-e-news-con-text>a>p{ font-size: .75rem; line-height: 1.2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.m-e-news-con-text-more{ display: block; margin: 0 auto; width: 100%; text-align: center; color: #6d6b6b; font-size: .8rem;}

.pagination a { display: block; float: left; outline: none; color: #555555; vertical-align: middle; text-align: center; text-decoration: none; font-weight: bold; font-size: 1.5rem; width: 1.5rem; height: 2rem; line-height: 1.8rem; font-weight: lighter;  font-family: "微软雅黑";}
.pagination input { float: left; height: 2rem;vertical-align: middle; font-size: 1rem;  border: none; width: 2.5rem;}
.pagination a::after{ background: transparent;}

.footer-nav{ background-color: #1e2633; padding-bottom: 4rem;}
.footer-nav-news>h4{ color: #fff; font-size: .9rem; border-bottom: .05rem solid #fff; padding: 1rem 0; position: relative;}

.footer-nav-news>ul>li>a{ display: block; color: #b8b8b8; font-size: .8rem; line-height: 1.8rem; border-bottom: .05rem solid #353c48;}
.subNav{background:url(../img/shang.png) no-repeat;background-position:95% 50%}
.currentDt{background-image:url(../img/xia.png);}
.navContent{display: none;}
.footer-nav-message>p{ color: #fff; line-height: 1.6rem; position: relative; padding-left: 3.5rem}
.footer-nav-message>p>span{ position: absolute; left:0; top: 0;}
.footer-nav-code>img{ position: absolute; right: 0; top: 1.2rem; z-index: 1; width: 13vh;}
.footer-nav-code{ height: 15vh; min-height: 22vh;}

.footer-nav-btn>button{ display: block; width: 100%; font-size: 1rem; color: #fff; line-height: 2rem; height: 2rem;}
.footer-nav-btn-on{ background-color: #368aeb; border: none;}
.footer-nav-btn-us{ border: .05rem solid #fff; background: transparent;}


/* 大数据分析 */
.b-banner-top>img{ width: 100%;}
.b-banner-top-text{ position: absolute; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; padding-top: 2.4rem;}
.b-banner-top-text>h4,.b-banner-top-text>h5,.b-banner-top-text>p{ color: #fff;}
.b-banner-top-text>h4{ font-size: 1.6rem; padding-top: 3.5rem !important;}
.b-banner-top-text>h5{ text-transform: uppercase;}
.b-banner-top-text>p{ font-size: .8rem; line-height: 1.6rem;}

.b-advantage{ position: absolute; left: 0; top: -2.8rem; width: 100%; z-index:1;}
.b-advantage-ul{ padding-top: 1rem !important;}
.b-advantage-ul>li{ width: 25%;  float: left;}
.b-advantage-ul>li>img{ width: 2.5rem; margin: 0 auto; display: block;}
.b-advantage-ul>li>h4{ color: #2f7bd7; font-weight: normal; text-align: center; min-height: 1.5rem;}

.b-title-t{ padding-top: 4rem;}

.b-product>div>a{ width: 100%; display: block; position: relative;padding-left: 6rem; min-height: 6rem;}
.b-product>div>a>img{position: absolute; left: 0; top: 0; width: 5rem; border-radius: .5rem; border: .05rem solid #eaeaea;}

.b-product-more{ width: 6rem; height: 1.8rem; color: #fff; font-size: .8rem; background: #197df0; border: none; border-radius: .2rem; margin: .5rem auto 1rem; display: block;}

.b-app-ul>li{ width: 49%; float: left;margin-right: 2%; position: relative; background-color: #000; margin-bottom: .75rem;  border-radius: .5rem;}
.b-app-ul>li:nth-child(even){ margin-right: 0;}
.b-app-ul>li>img{ width: 100%; height: 7rem;  opacity: .5; border-radius: .7rem;}
.b-app-ul-tittle{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; z-index: 9;}
.b-app-ul-tittle>h4{ color: #fff; font-size: .8rem; font-weight: normal; padding: 3rem .5rem 0; line-height: 1.2rem;}

.b-case>ul>li{ background-color: #fff; border-radius: .5rem; padding: 1rem .5rem; border: .05rem solid #e1e3e7; margin-bottom: 1rem;}
.b-case>ul>li:last-child{ margin-bottom: 0;}


/* 解决方案 */
.s-nav>a{ float: left; width: 31.3%; margin-right: 2%; display: inline-block; text-align: center; padding: .5rem 0; border: .05rem solid #535353; border-radius: .2rem; margin-bottom: .5rem;}
.s-nav>a:nth-child(3n+3){ margin-right: 0;}
.s-nav>a.active{color: #287be0; font-weight: normal; border-color: #2b8cfd;}
.s-nav>a.active::after{ background: transparent;}

.s-all-ul>li{ background-color: #f6f7f8; padding-bottom: 1rem; margin-bottom: 1rem;}
.s-all-ul>li>a>img{ width: 100%;}
.s-all-ul>li>a>h4{ line-height: 1.2rem;}
.s-all-ul>li>a>p{text-align: justify; text-justify: inter-ideograph;/*IE*/}
.s_all_more{ display: block; margin: 1rem auto 0; border:none; background: transparent; color: #999999; font-size: .8rem;}
.s_all_more>img{ width: 1rem; margin-top: -.1rem;}


/* 解决方案-文本 */
.s-page-text{ padding-top: 1.2rem;}
.s-page-text>h4{ line-height: 1.2rem;}
.s-page-text>p>span{ color: #666;}
.s-page-text>img{ width: 100%; margin: 1.2rem 0;}
.s-page-text-p>p{ padding-bottom: .5rem; color: #666666; text-align: justify!important; text-justify: inter-ideograph;/*IE*/ font-size: 0.8rem; line-height: 1.4rem;}
.s-page-text-author{ color: #666; font-size: .8rem; }
.s-page-next>a{ width: 25%; text-align: center; font-size: 1rem;}
.s-page-next1>a{ width: 25% !important; text-align: center; }
.s-page-next>a>span{ font-size: .8rem; }
.s-page-text-p>p>img,.product-content img{ max-width: 100%!important; }
.s-page-text-p span{ color: #666666!important; text-align: justify!important; text-justify: inter-ideograph;/*IE*/ font-size: 0.8rem!important; line-height: 1.4rem!important; font-family: "微软雅黑" !important}

/* 产品列表 */
.p-top{ padding-top: 1rem !important;}
.p-nav>.swiper-slide{ font-size: .8rem;}
.p-nav>.selected { color: #5091e0;}
.p-ul{ display: flex;flex-wrap: wrap;justify-content: flex-start;}
.p-ul>li{ width: 48%; flex: 0 0 48%; margin-right: 4%; background: #fff; margin-bottom: 1rem;}
.p-ul>li>a{ border: .05rem solid #d2d2d2; display: block;}
.p-ul>li:nth-child(even){ margin-right: 0;}
.p-ul-imgs{ border-bottom: .05rem solid #d2d2d2; min-height: 7.5rem;}
.p-ul-imgs>img{ width: 100%;}
.p-ul-title{ background-color: #f5f6f7;}
.p-ul-title>span{ width: 1rem; height: .15rem; background-color: #2270cb; margin: 0 auto .5rem; display: block;}
.p-ul-title>h5{ font-weight: normal;     overflow: hidden; white-space: nowrap; text-overflow: ellipsis}
.p-ul-title>h4{ min-height: 2.4rem; line-height: 1.2rem;  display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2}
.p-ul-title-btn>button{ display: block; margin: .5rem auto 0; background-color: #1473e4; border: none; width: 100%; height: 1.8rem; border-radius: .3rem; font-size: .8rem; color: #fff;}
.p-l-more{ margin-bottom: 1rem !important;}

/* 关于我们-公司简介 */

.a-nav{ padding-top: 1rem !important;}
.a-page-text>p{ text-align: justify; text-justify: inter-ideograph;/*IE*/ font-size: .8rem; line-height: 1.4rem;}
.a-slogan>li{ width: 48%; margin-right: 4%; float: left; position: relative; margin-bottom: .8rem;}
.a-slogan>li:nth-child(even){ margin-right: 0;}
.a-slogan>li>img{ width: 100%; height: 7rem;}
.a-slogan-text{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; padding: 2rem 1rem 0;}
.a-slogan-text>h2,.a-slogan-text>p{ color: #fff;}

.a-course{ background: url(../img/a-h_02.jpg) no-repeat top center; background-size: cover; padding-bottom: 2rem;}
.a-course-title>h4,.a-course-title>p{ color: #fff}
.a-course-title>span{ background: #fff;}
.a-course-ul{ margin-top: 3rem;}
.a-course-ul>li{ border-left: .05rem solid #ffffff; padding-left: 1rem; position: relative; padding-bottom: 1rem;}
.a-course-ul>li::before{ content: ""; width: .8rem; height: .8rem; border-radius: 50%; background-color: #fff; position: absolute; left: -.4rem; top: .5rem;}
.a-course-ul>li>h2{ color: #f7da95; font-size: 1.4rem; font-weight: normal; display: block;}
.a-course-ul>li>p{ color: #fff; font-size: .9rem; padding-left: .7rem; position: relative; line-height: 1.6rem;}
.a-course-ul>li>p::before{ content: ""; width: .3rem; height: .3rem; border-radius: 50%; background-color: #fff; position: absolute; left: 0; top: .7rem; }
.a-news{ padding-top: 1rem; padding-bottom: 1.5rem;}
.a-news-b{ padding-bottom: 1rem !important;}
.a-news-nav>a.active{ border-bottom: none;}
.a-news-ul>li>a{ position: relative; width: 100%; padding-left: 5.5rem; display: block; padding-bottom: 1rem; border-bottom: .05rem solid #e5e5e5; margin-bottom: 1rem;}
.a-news-ul>li>a>img{ position: absolute; left: 0; top: 0; width: 4.5rem;}
.a-news-ul>li:last-child>a{  border-bottom:none; margin-bottom: 0; padding-bottom: 0;}
.a-news-ul>li>a>p{min-height: 3rem}

.a-honor>li{ width: 48%; float: left; margin-right: 4%; margin-bottom: 1rem;}
.a-honor>li:nth-child(even){ margin-right: 0;}
.a-honor>li>img{ width: 100%;}

/* 搜索列表 */
.search-list-b{ font-size: 1.2rem; color: #ffa726;}
.search-list-ul>li{ padding: 1rem 0 1rem 1.5rem;  border-bottom: .05rem solid #d9e1e9; position: relative;}
.search-list-ul>li::before{ content: "+"; width: 1rem; height: 1rem; background-color: #c6c6c6; color: #fff; position: absolute; left: 0; top: 1rem; text-align: center;}
.search-list-ul>li>a{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; color: #333;}
.search-list-ul>li:hover a{ color: #1463c0; }
.search-list-ul>li:hover::before{ background-color:#1463c0;}

/* 首页-研发产品*/
.m-e-p-ul>li>a{ border-color: transparent;}
.m-e-p-ul>li>a>.p-ul-imgs{ border: .05rem solid #d2d2d2 !important;}
.m-e-p-ul-h4{ margin-bottom: 0;}