@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: 45px;
}

.summary .section-text {
	width: 730px;
	margin: 15px auto 0px;
	line-height: 28px;
	text-align: justify;
}
.product {
	padding-top: 45px;
}
/***** productValue start *****/
.productValue_con {
	width: 1110px;
	margin: 30px auto;
}

.productValue_con_list_item {
	display: block;
	width: 303px;
	height: 294px;
	background-repeat: no-repeat;
	background-size: contain;
	padding-top: 55px;
}

.productValue_con_list_item:nth-child(3n+1) {
	background-image: url(/product/bim/images/bg_hexagon_left.png);
	padding-left: 15px;
}

.productValue_con_list_item:nth-child(3n+2) {
	background-image: url(/product/bim/images/bg_hexagon_con.png);
}

.productValue_con_list_item:nth-child(3n) {
	background-image: url(/product/bim/images/bg_hexagon_bottom.png);
	padding-right: 15px;
}

.productValue_con_list_item.double {
	margin-right: 0 !important;
}

.productValue_con_list_item.double::before {
	position: absolute;
	top: 50%;
	left: -90px;
	transform: translate(-100%, -50%);
	content: "";
	clear: both;
	display: block;
	height: 26px;
	width: 75px;
	background: url(/product/bim/images/icon-dot.png) no-repeat;
	background-size: contain;
}

.productValue_con_list_item.double::after {
	right: -90px !important;
}

.productValue_con_list_item:not(:nth-child(3n+3)) {
	position: relative;
	margin-right: 100px;
}

.productValue_con_list_item:not(:nth-child(3n+3))::after {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(100%, -50%);
	content: "";
	clear: both;
	display: block;
	height: 26px;
	width: 75px;
	background: url(/product/bim/images/icon-dot.png) no-repeat;
	background-size: contain;
}

.productValue_con_list_item_title {
	padding-bottom: 10px;
}

.productValue_con_list_item_title p {
	text-align: center;
	font-size: 22px;
	line-height: 1;
	font-weight: bold;
	color: #000000;
}

.productValue_con_list_item_desc {
	display: block;
	width: 207px;
	margin: 0 auto;
}

.productValue_con_list_item_desc p {
	font-size: 14px;
	line-height: 22px;
	color: #676666;
	text-align: justify;
}
/***** productValue end *****/
/*功能亮点*/
.function {
	padding: 45px 0;
	background-size:auto;
	color:#fff
}

.function-box {
	position: relative;
	width: 1150px;
	margin: 0 auto;
	padding-bottom: 40px;
}

.function-box .banner-item {
	width: 900px;
	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;
	height: 450px;
}

.function-box .swiper-container {
	width: 900px
}

.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;
	color:#fff;
}

.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;
}

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

.product-price .price-wrap {
	height: 350px;
	margin-top: 24px;
	background: url(../images/bg03.jpg) no-repeat center top;
}

.product-price .price-box {
	width: 1080px;
	height: 350px;
	margin: 0 auto;
	overflow: hidden;
}

.product-price .price-box .img-box {
	float: left;
	margin: 35px 0px 0px 72px;
}

.product-price .price-box .info-box {
	float: right;
	width: 560px;
	height: 350px;
}

.product-price .price-box .info-box .price {
	margin: 70px 0px 0px;
	text-align: center;
	font-size: 16px;
	color: #204fd9;
}

.product-price .price-box .info-box .price span {
	font-size: 40px;
	font-weight: bold;
}

.product-price .price-box .info-box .price-list {
	margin-top: 12px;
	overflow: hidden;
}

.product-price .price-box .info-box .price-list li {
	float: left;
	width: 20%;
	height: 30px;
	margin-bottom: 18px;
	padding: 0px 6px;
	text-align: center;
}

.product-price .price-box .info-box .price-list li a {
	display: block;
	height: 30px;
	line-height: 28px;
	color: #204fd9;
	border: 1px solid #204fd9;
	border-radius: 5px;
	transition: all .3s ease;
}

.product-price .price-box .info-box .price-list li:hover a,
.product-price .price-box .info-box .price-list li.active a {
	background-color: #204fd9;
	color: #fff;
}

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

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

/*合作单位*/
.company {
	padding: 45px 0;
	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: #3E41E1;
}

.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;
}