@charset "utf-8";

/****************公用样式*******************/
/** 定义布局方式 **/
* {
	box-sizing: border-box;
}

.clear-both {
	*zoom: 1
}

.clear-both:after {
	clear: both;
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
}
/****************元素样式*******************/
/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html {
	color: #000;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
/** 清除内外边距 **/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	margin: 0;
	padding: 0;
}
/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article, aside, details, figcaption, figure, footer, hgroup, nav, section {
	display: block;
}
/* HTML5 媒体文件跟 img 保持一致 */
audio, canvas, video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
/* 去掉各 table cell 的边距并让其边重合 */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* IE bug fixed: th 不继承 text-align */
th {
	text-align: inherit;
}
/* 去除默认边框 */
fieldset, img {
	border: 0;
}
/* ie6 7 8(q) bug 显示为行内表现 */
iframe {
	display: block;
}
/* 去掉 firefox 下此元素的边框 */
abbr, acronym {
	border: 0;
	font-variant: normal;
}
/* 一致的 del 样式 */
del {
	text-decoration: line-through;
}

i {
	font-style: normal;
}

address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: 500;
}
/* 去掉列表前的标识, li 会继承 */
ol, ul {
	list-style: none;
}
/* 对齐是排版最重要的因素, 别让什么都居中 */
caption, th {
	text-align: left;
}
/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: 500;
}

h1 {
	font-size: 24px;
}

h2 {
	font-size: 16px;
}

h3, h4, h5, h6 {
	font-size: 14px;
}
/* 解决ie下重复最后字符 */
q:before, q:after {
	content: '';
}
/* 统一上标和下标 */
sub, sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}
/* 默认不显示下划线，保持页面简洁 */
ins, a {
	text-decoration: none;
}
/** 设置默认字体 要注意表单元素并不继承父级 font 的问题 **/
body, button, input, select, textarea {
	font: 14px/1.5 helvetica neue, arial, hiragino sans gb, microsoft yahei, sans-serif;
}

address, dfn, em, var {
	font-style: normal;
}

input, select, textarea {
	font-size: 100%;
}
/* 将斜体扶正 */
code, kbd, pre, samp {
	font-family: courier new, courier, monospace;
}
/* 统一等宽字体 */
small {
	font-size: 12px;
}
/* 小于 12px 的中文很难阅读，让 small 正常化 */
/** 重置文本格式元素 **/
a {
	text-decoration: none;
}

a:hover { /*text-decoration: underline;*/
	cursor: pointer;
}
/** 清除选中状态蓝色边框 **/
a, img, input, select, textarea, button {
	outline: none;
	border: none; /*-webkit-appearance: none;*/
}

button {
	cursor: pointer;
}

/*其它公共类*/
.lf {
	float: left;
}

.rt {
	float: right;
}

.IE9 {
	line-height: 60px;
	font-size: 30px;
	font-weight: bold;
}

.indent-2em {
	text-indent: 2em;
	text-align: justify !important;
}

.ellipsis {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
}

.transition {
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}

.transform {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.hover_transform {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

.text_ban {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}
/****************公用样式*******************/

/*页面样式*/
html {
	background-color: #fff;
}

body {
	min-width: 1300px;
}

.container {
	position: relative;
	width: 1200px;
	margin: 0 auto;
}

.container:before, .container:after {
	clear: both;
	content: "";
	display: table;
}

/*头部广告*/
.banner-box {
	height: 440px;
	background: url(../images/banner.jpg) no-repeat center top;
}

.top-nav {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99;
	width: 100%;
	min-width: 1300px;
	height: 60px;
	padding: 0 40px;
	line-height: 60px;
	font-size: 0;
	background-color: rgba(0, 0, 0, 0);
	border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.top-nav:hover {
	background-color: #373D41;
	border-bottom: 0
}

.top-nav .logo {
	float: left;
	height: 30px;
	margin-top: 15px;
}

.top-nav .logo img {
	height: 30px;
}

.top-nav .menu-list {
	float: right;
	position: relative;
	overflow: hidden
}

.top-nav .menu-list li {
	float: left;
}

.top-nav .menu-list li a {
	display: block;
	padding: 0 20px;
	font-size: 14px;
	color: #fff;
}

.top-nav .menu-list li a:hover {
	color: #1BD0FD;
}

.top-nav .menu-list li.empty {
	width: 1px;
	height: 26px;
	margin: 17px 20px 0px;
	background: #9D9D9D;
}

.top-nav .menu-list .menu-line {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 4px;
	background-color: #1BD0FD;
	-webkit-transition: width .5s cubic-bezier(.4, 0, .2, 1), left .3s cubic-bezier(.4, 0, .2, 1);
	-moz-transition: width .5s cubic-bezier(.4, 0, .2, 1), left .3s cubic-bezier(.4, 0, .2, 1);
	-o-transition: width .5s cubic-bezier(.4, 0, .2, 1), left .3s cubic-bezier(.4, 0, .2, 1);
	transition: width .5s cubic-bezier(.4, 0, .2, 1), left .3s cubic-bezier(.4, 0, .2, 1)
}

.banner-container {
	position: relative;
	width: 940px;
	height: 100%;
	margin: 0 auto;
}

.banner-container .banner-content {
	position: absolute;
	left: 0px;
	top: 50%;
	max-width: 550px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.banner-container .banner-content .banner-title {
	font-size: 30px;
	color: #fff;
}

.banner-container .banner-content .banner-text {
	margin: 15px auto 40px;
	line-height: 30px;
	text-align: justify;
	font-size: 14px;
	color: #fff;
}

.banner-btn {
	font-size: 0;
}

.banner-btn .button {
	display: inline-block;
	min-width: 135px;
	padding: 0 10px;
	height: 35px;
	margin-right: 20px;
	line-height: 35px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	border: 1px solid #fff;
	transition: all .2s ease;
}

.banner-btn .button:hover {
	color: #000;
	background-color: #FED61B;
	border-color: #FED61B;
}

.nav-fixed {
	position: fixed;
	top: 0px;
	z-index: 999;
	box-shadow: 0 2px 4px rgba(0,0,0,.1);
	background-color: #373D41;
}

/*导航栏*/
.navigation {
	width: 100%;
	height: 50px;
	line-height: 49px;
	background-color: #fff;
	border-bottom: 1px solid #eaeaea;
}

.navigation .nav-list {
	position: relative;
	text-align: center;
	overflow: hidden;
}

.navigation .nav-list li {
	display: inline-block;
	margin: 0px 30px;
}

.navigation .nav-list li a {
	display: block;
	font-size: 16px;
	color: #000;
}

.navigation .nav-list li a:hover {
	color: #2050da;
}

.navigation .nav-line {
	position: absolute;
	left: 0;
	bottom: 8px;
	width: 0;
	height: 2px;
	background-color: #2050da;
	-webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1);
	-moz-transition: all .3s cubic-bezier(.4, 0, .2, 1);
	-o-transition: all .3s cubic-bezier(.4, 0, .2, 1);
	transition: all .3s cubic-bezier(.4, 0, .2, 1);
}

/*主体部分*/
section {
	padding: 1px 0px;
}

.section-title {
	line-height: 48px;
	text-align: center;
	font-size: 26px;
}

.section-title span {
	color: #1e0aeb;
}

/*简介*/
.summary {
	padding-top: 65px;
}

.summary .section-text {
	width: 1142px;
	height: 268px;
	background: url(../images/bg01.png) no-repeat center top;
	margin: 0px auto;
	line-height: 28px;
	text-align: justify;
	color: #fff;
	overflow: hidden;
}

.summary .section-text p {
	width: 760px;
	margin: 0 auto;
}

.summary .section-text .section-title {
	margin: 40px auto 20px;
}

/*产品模块*/
.worry {
	padding-top: 65px;
	text-align: center;
}

.worry .worry-list {
	margin-top: 30px;
	display: inline-block;
}

.worry .worry-list li {
	float: left;
	width: 190px;
	margin-right: 135px;
}

.worry .worry-list li:last-child {
	margin: 0;
}

.worry .worry-list li .img-box {
	height: 185px;
	margin-bottom: -40px;
}

.worry .worry-list li .img-box img {
	max-width: 100%;
	max-height: 100%;
}

.worry .worry-list li .text {
	position: relative;
	height: 185px;
	padding-top: 20px;
	background-color: #eee;
	border-radius: 20px;
}

.worry .worry-list li .text .title {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
}

.worry .worry-list li .text p {
	line-height: 35px;
	text-align: left;
	font-size: 16px;
	padding: 0px 15px;
}

.worry .worry-list li:nth-child(1) .text p {
	padding-left: 20px;
}

.worry .worry-list li:nth-child(2) .text p {
	padding-left: 40px;
}

.worry .worry-list li:nth-child(3) .text p {
	padding-left: 40px;
}

/*产品介绍*/
.introduce {
	padding-top: 65px;
}

.introduce .section-title {
	margin-bottom: 40px;
}

.introduce .small-title {
	text-align: center;
	font-size: 22px;
}
.introduce .small-title.introduce-title {
	border:1px solid #ccc;
	width:1200px;
	margin:0 auto;
	border-radius:4px;
}
.introduce .small-title.introduce-title a {
	line-height: 45px;
	font-size: 16px;
	width:50%;
}
.introduce .small-title.introduce-title a.active {
	color: #fff;
	background: #2d7be5;
}

.introduce .introduce-box {
	display: table;
	width: 100%;
	margin: 0px auto;
}

.introduce .introduce-box .img-box {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
	height: 285px;
	overflow: hidden;
}

.introduce .introduce-box .img-box img {
	max-width: 100%;
	max-height: 100%;
	font-size: 0;
}

.introduce .introduce-box .text {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
	padding-left: 40px;
}

.introduce .introduce-box .text .title {
	margin-bottom: 10px;
	font-size: 18px;
}

.introduce .introduce-box .text .title span {
	font-size: 16px;
	color: #efb81b;
}

.introduce .introduce-box .text p {
	line-height: 20px;
	font-size: 14px;
	color: #000;
	margin-bottom:10px;
}
.introduce .introduce-box .text p img {
	width:16px;
}
.introduce .introduce-box .text p b {
	font-weight: normal;
	margin-left:10px;
}

.introduce .introduce-box .text p span {
	font-size: 16px;
	color: #efb81b;
}

.introduce .introduce-box .text + .img-box {
	text-align: right;
}

.introduce .text-img {
	display: block;
	margin: 70px auto 0px;
}

.introduce.vs .introduce-box .text {
	padding: 0px 60px 0px 0px;
}

.introduce.vs .introduce-box .text + .text {
	padding: 0px 0px 0px 60px;
}

.introduce.vs .introduce-box .text img {
	display: block;
	margin: 40px auto 0px;
}

.function-box {
	position: relative;
	width: 1200px;
	margin: 40px auto;
	padding-bottom: 40px;
	display:none;
}
.function-box.active {
	display:block;
}

.function-box .banner-item {
	width: 1000px;
	margin: 30px auto 0px;
	text-align: center;
}

.function-box .banner-item .title {
	margin-bottom: 10px;
	font-size: 20px;
}

.function-box .banner-item p {
	line-height: 25px;
	font-size: 14px;
}

.function-box .banner-item p span {
	color: #256498;
}

.function-box .banner-item img {
	display: block;
	max-width: 100%;
	margin: 30px auto 0px;
}

.function-box .swiper-container {
	width: 1000px;
}
.introduce-detail .swiper-container .swiper-slide {
	background: #f2f3f4;
	padding: 20px;
	border-radius: 4px;
}

.function-box .swiper-pagination {
	width: 100%;
	bottom: 0px;
}
.function-box .swiper-pagination .swiper-pagination-bullet {
	margin: 0px 4px;
	outline: none;
}

.function-box .swiper-button-prev, .function-box .swiper-button-next {
	outline: none;
	height: 46px;
}

.function-box .swiper-button-prev {
	background: url(../images/prev.png) no-repeat center;
}

.function-box .swiper-button-next {
	background: url(../images/next.png) no-repeat center;
}

/*企业管理*/
.advantage {
	padding: 65px 0px;
	background-color: #eee;
}
.advantage-box, .vs {
	margin: 0 auto;
	width: 1000px;
}
.advantage .function-box {
	width: 500px;
	margin: 0;
}

.advantage .function-box .banner-item {
	width: 100%;
}

.advantage .function-box .swiper-container {
	width: 100%;
}

/*解决方案*/
.programme {
	padding-top: 100px;
}

.programme .programme-box {
	position: relative;
	width: 1200px;
	height: 578px;
	margin: 60px auto 0;
	overflow: hidden;
}

.programme .programme-box .item {
	position: relative;
	float: left;
	width: 285px;
	height: 578px;
	margin-right: 20px;
	overflow: hidden;
}

.programme .programme-box .item:nth-child(4n) {
	margin-right: 0;
}

.programme .programme-box .item .text {
	position: absolute;
	width: 100%;
	height: 140px;
	left: 0px;
	bottom: 0px;
	padding-top: 15px;
}

.programme .programme-box .item .text p {
	text-align: center;
	font-size: 18px;
}

.programme .programme-box .item .text p span {
	font-weight: bold;
}

.programme .programme-box .item .see-btn {
	display: block;
	margin: 15px auto 0px;
	width: 135px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	color: #000;
	background: #FABE00;
	border-radius: 20px;
}

.programme .programme-box .programme-info {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #EEEEEE;
}

.programme .programme-box .programme-info .info {
	display: none;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.programme .programme-box .programme-info .info .exit {
	position: absolute;
	right: 20px;
	top: 20px;
	cursor: pointer;
}

.programme .programme-box .programme-info .title {
	margin: 30px auto;
	text-align: center;
	font-size: 16px;
	color: #fabe00;
}

.programme .programme-box .programme-info p {
	line-height: 30px;
}

.programme .programme-box .programme-info p.justify {
	text-align: justify;
}

.programme .programme-box .programme-info .info-list {
	height: 360px;
	padding: 0px 20px;
	text-align: center;
	font-size: 0;
	overflow: hidden;
}

.programme .programme-box .programme-info .info-list li {
	display: inline-block;
	overflow: hidden;
	width: 33.3%;
	height: 380px;
	padding: 0px 20px;
	font-size: 14px;
}

.programme .programme-box .programme-info .info-list li .img-box {
	height: 260px;
	margin-bottom: 10px;
}

.programme .programme-box .programme-info .info-list li .img-box img {
	width: 100%;
	height: 100%;
}

.programme .programme-box .programme-info .info-list .banner {
	max-height: 90%;
}

.programme .programme-box .programme-info .text {
	padding: 0px 50px;
}

/*产品售价*/
.product-price {
	padding-top: 65px;
}

.product-price .price-list {
	width: 1080px;
	margin: 50px auto 0;
	text-align: center;
}

.product-price .price-list li {
	display: inline-block;
	width: 250px;
	height: 285px;
	margin: 0px 15px;
	padding: 0px 6px;
	background: #eee;
	overflow: hidden;
}

.product-price .price-list li img {
	display: block;
	margin: 36px auto 20px;
}

.product-price .price-list li p {
	padding: 0px 30px;
	line-height: 25px;
	text-align: justify;
	font-size: 14px;
	color: #666;
}

.product-price .price-list li p.tc {
	text-align: center;
}

.product-price .price-list li p.price {
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #362780;
}

.product-price .price-list li p.price span {
	font-size: 30px;
}

.product-price .price-list li .buy-btn {
	display: block;
	width: 152px;
	height: 42px;
	margin: 20px auto 0px;
	line-height: 42px;
	text-align: center;
	color: #000;
	background-color: #FED61B;
	transition: all .3s ease;
}

.product-price .price-list li .buy-btn:hover {
	background-color: #204fd9;
	color: #fff;
}

/*合作单位*/
.company {
	padding-top: 65px;
	text-align: center;
}

.company-list {
	width: 640px;
	margin: 50px auto 0px;
	overflow: hidden;
}

.company-list li {
	display: inline-block;
	width: 140px;
	height: 120px;
	margin: 0px 20px 20px 0px;
	background-color: #fff;
}

.company-list li:nth-child(4n) {
	margin-right: 0px;
}

.company-list li img {
	display: block;
	position: relative;
	top: 50%;
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.company-list li img.cover {
	width: 100%;
	height: 100%;
}

/*售后服务*/
.customer {
	width: 100%;
	padding-top: 50px;
	margin-bottom: 20px;
}

.customer .title {
	background: #463EE3;
}

.customer .title h1 {
	width: 1050px;
	height: 40px;
	margin: 0 auto;
	line-height: 40px;
	font-size: 20px;
	color: #fff;
}

.customer-list {
	width: 1050px;
	margin: 40px auto 0px;
	overflow: hidden;
}

.customer-list li {
	float: left;
	position: relative;
	width: 50%;
	height: 72px;
	margin-bottom: 40px;
	padding-left: 60px;
}

.customer-list li img {
	position: absolute;
	left: 0;
	top: 0;
}

.customer-list li .name {
	margin-bottom: 3px;
}

.footer {
	padding: 20px 0;
	line-height: 24px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background-color: #000;
}




.popup_box {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 10000;
	display: none;
}

.popup_box .bmcg {
	width: 80%;
	background: #fff;
	border-radius: 5px;
	margin: 0 auto;
	margin-top: 200px;
	padding-bottom: 50px;
}

.popup_box .bmcg h3 {
	text-align: center;
	height: 80px;
	line-height: 80px;
	color: #16a1ff;
	font-size: 28px;
}

.popup_box .bmcg > div {
	text-align: center;
	margin-bottom: 10px;
}

.popup_box .bmcg > div img {
	width: 60%;
}

.popup_box .bmcg p {
	font-size: 14px;
	padding: 0 20px;
	line-height: 25px;
}

.popup_box .bmcg a {
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	display: block;
	text-align: center;
	margin: 10px 20px 0 20px;
	border-radius: 5px;
	background: -webkit-linear-gradient(left, #5037d3, #17a0fe); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #5037d3, #17a0fe); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #5037d3, #17a0fe); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #5037d3, #17a0fe); /* 标准的语法 */
	color: #fff;
}

.popup_box .share-img {
	position: absolute;
	top: 0;
	right: 20px;
	width: 180px;
}

.popup_box .bmcg i {
	display: block;
}

.popup_box .bmcg > div .des {
	border-bottom: 1px solid #999999;
	margin: 0 20px;
	padding: 0;
	position: relative;
	text-align: left;
	padding-bottom: 10px;
	margin-top: 10px;
}

.popup_box .bmcg > div input {
	width: 200px;
	outline: none;
	margin-left: 60px;
	height: 35px;
	line-height: 35px;
	border: none;
	color: #333333;
	background: #eeeeee;
	border-radius: 5px;
	padding-left: 5px;
}

.popup_box .bmcg > div span {
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background: #fff;
}

.popup_box .bmcg .result {
	font-size: 24px;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	margin-bottom: 10px;
}

.popup_box .bmcg .content {
	margin-bottom: 10px;
}

.popup_box .bmcg .btn {
	display: inline-block;
	padding: 0 30px;
	background: #e7e7e7;
	color: #333333;
	height: 35px;
	line-height: 35px;
}

.popup_box .bmcg .btn:last-child {
	background: #ffc801;
	color: #fff;
}

.popup_box .bmcg .zdl {
	background: #fff;
	color: #333;
	height: 35px;
	line-height: 35px;
	border: 1px solid #ccc;
}

.btn-reg {
	font-size: 14px;
	height: 40px !important;
	line-height: 40px !important;
	display: block;
	text-align: center;
	margin: 10px 20px 0 20px !important;
	border-radius: 5px;
	background: -webkit-linear-gradient(left, #5037d3, #17a0fe) !important; /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #5037d3, #17a0fe) !important; /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #5037d3, #17a0fe) !important; /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #5037d3, #17a0fe) !important; /* 标准的语法 */
	color: #fff !important;
	width: 350px !important;
	cursor: pointer;
}