/**
 * 鍔熻兘锛欳SS鏍峰紡
 * 浣滆�咃細鍚村缓娉�
 * 鏃堕棿锛�20018-09-01
 */

/*************************************************************IE8浠ヤ笅******************************************************************/
.ie8 {
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: url() no-repeat;
	font-size: 20px;
	font-family: "寰蒋闆呴粦";
	text-align: center;
 *margin: 0;
}
.ie8 a {
	color: red;
}
/*************************************************************  鍏辩敤鍖哄煙 ******************************************************************/
.index-titlebox {
	text-align: center;
}
.index-titlebox .index-title {
	position: relative;
}
.index-titlebox .index-title:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	background: #2998ff;
}
.index-titlebox .fs36.index-title:before {
	width: 80px;
	height: 2px;
	bottom: -20px;
}
.index-titlebox .fs30.index-title:before {
	width: 60px;
	height: 2px;
	bottom: -15px;
}
.index-titlebox .index-intro {
	font-size: 18px;
	color: #666666;
	margin: 40px 0;
}
.tab-nav {
	position: relative;
	height: 50px;
	padding: 70px 0 60px;
}
.tab-nav .tab-list {
	width: 420px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tab-nav .tab-list.three {
	width: 660px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tab-nav .tab-list li {
	float: left;
	height: 48px;
	width: 178px;
	line-height: 50px;
	cursor: pointer;
	font-size: 18px;
	border-radius: 50px;
	text-align: center;
	margin-right: 60px;
	border: 1px solid #2998ff;
	transition: all 0.4s ease;
}
.tab-nav .tab-list li:hover{
	background: #d3eaff;
}
.tab-nav .tab-list li a {
	float: left;
	height: 48px;
	width: 178px;
}
.tab-nav .tab-list li.last {
	margin-right: 0!important
}
.tab-nav .tab-list li.cur {
	background: #2998ff;
}
.tab-nav .tab-list li a {
	text-decoration: none;
	color: #2998ff;
	padding: 0;
}
.tab-nav .tab-list li.cur a {
	color: #fff!important;
	text-decoration: none;
}

.page-header {
	width: 300px;
	margin: 70px auto 20px;
}
.page-header.wh750 {
	width: 750px;
	margin: 70px auto 20px;
}
.page-header ul{
	margin: 0; 
	padding: 0;

}
.page-header ul li {
	float: left;
	text-align: center;
	width: 150px;
}
.page-header ul li a {
	display: block;
	text-decoration: none;
}
.page-header li .iconfont{
	color: #666;
	font-size: 48px;
	margin-bottom: 6px;
} 
.page-header ul li.active .iconfont, .page-header li a:hover .iconfont{
	color: #2998ff;
} 

.page-header ul li p {
	display: block;
	color: #666;
	font-size: 20px;
	line-height: 30px;
	font-weight: 400;
}
.page-header ul li.active p, .page-header ul li a:hover p {
	color: #2998ff;
}
/*************************************************************  缃戠珯棣栭〉  ******************************************************************/
.banner-head {
	width: 100%;
	height: 660px;
	overflow: hidden;
}
.header-bg {
	width: 100%;
	height: 360px;
	overflow: hidden;
}


.product-number-info {
	position: relative;
}
.product-number .product-number-inner {
	width: 1200px;
	margin: 0 auto;
}
.product-number-inner ul {
	padding: 40px 0;
}
.product-number-inner li {
	float: left;
	padding: 35px 0;
	width: 300px;
	height: auto;
	color: #333333;
	text-align: center;
}
.product-number-inner li .iconfont{
	color: #2998ff;
	font-size: 52px;
	margin-bottom: 10px;
} 
.product-number-inner li p {
	font-size: 20px;
	line-height: 20px;
}
.product-number-inner li b {
	font-weight: 400;
	font-size: 36px;
	line-height: 40px;
	display: inline-block;
	position: relative;
	margin: 20px 0 0;
}
.product-number-inner li b i {
	font-style: normal;
	color: #2998ff;
}
.product-number-inner li b em {
	font-style: normal;
	font-size: 20px;
	font-weight: 100;
	padding-left: 2px;
	position: relative;
	top: -4px;
}
.new-main {
	width: 100%;
	height: auto;
}
.new-box {
	width: 1200px;
	margin: 0 auto;
	padding: 70px 0;
	overflow: hidden;
}
.new-tab {
	padding-top: 50px;
	font-size: 0;
}
.new-tab-head {
	width: 220px;
	margin: 0 auto;
}
.new-tab-head ul li {
	padding-bottom: 10px;
	width: 70px;
	margin-left: 70px;
	color: #333;
	font-size: 18px;
	padding: 0 12px 15px 12px;
	line-height: 1;
	width: auto;
	cursor: pointer;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	height: 33px;
	float: left;
}
.new-tab-head ul .on {
	color: #2998ff;
	border-bottom: 1px solid #2998ff;
}
.new-tab-body ul {
	margin: 50px 10px 0;
	text-align: center;
	width: 1180px;
}
.new-tab-body ul li {
	float: left;
	width: 360px;
	margin:0 0 50px 50px;
}
.new-tab-body ul li.first {
	margin:0 0 50px 0;
}

.new-item{
	float: left;
	width: 360px;
	overflow: hidden;
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
	box-shadow: 0 0 1px #a0a0a0;
	-webkit-box-shadow: 0 0 10px #a0a0a0;
	-moz-box-shadow: 0 0 10px #a0a0a0;
	
}
.new-item:hover {
	transform: translate(0, -5px);
	-webkit-transform: translate(0, -5px);
	-moz-transform: translate(0, -5px);
	-o-transform: translate(0, -5px);
	-ms-transform: translate(0, -5px);
	box-shadow:  0 0 10px #2998ff;
	-webkit-box-shadow:  0 0 10px  #2998ff;
	-moz-box-shadow: 0 0 10px #2998ff;
}
.new-item-img{
	float: left;
	width: 360px;
    height: 200px;
    overflow: hidden;
	overflow: hidden;
}
.new-item-img img{
	width: 360px;
	height: 200px;
    vertical-align: bottom;
    border: none;
}
.new-item-title{
	float: left;
	text-align: left;
	width: 350px;
	padding:10px 15px;
	line-height:30px;
}
.new-item-title .time {
	float: left;
	width: 60px;
	font-size: 20px;
	font-weight: normal;
}
.new-item-title .text{
	float: left;
	width: 270px;
	font-size: 18px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

/* 解决方案 */
.aui-main {
	width: 100%;
	height: auto;
	background: #ffffff;
}
.aui-box {
	width: 1200px;
	margin: 0 auto;
	padding: 70px 0;
	overflow: hidden;
}
.aui-summary {
	margin-top: 20px;
	text-align: center;
	font-size: 16px;
	line-height: 22px;
	color: #666666;
}
.aui-summary a {
	line-height: 1;
	border-radius: 2px;
	cursor: pointer;
	display: inline-block;
	vertical-align: baseline;
	zoom: 1;
	margin: 0 5px;
	padding: 0;
	font-size: 16px;
	color: #2998ff;
	background-color: #fff;
	border: 0;
}
.aui-summary-tag {
	margin-left: -5px;
	margin-right: -8px;
}
.aui-box .aui-body {
	position: relative;
	margin: 120px auto 0;
	height: 600px;
	background: url(../images/main-bg.png) no-repeat center;
	background-size: auto 600px;
	background: url(../images/main-bg.png) no-repeat center\9;
}
.aui-box .aui-list-item {
	position: absolute;
	left: 0;
	top: 0;
	width: 5px;
	height: 5px;
	transition: 0.5s;
}
.aui-box .aui-list-item .obj {
	position: absolute;
	top: 0;
	width: 100px;
	transition: 0.5s;
	z-index: 1;
}
.aui-box .aui-list-item .shadow {
	position: absolute;
	top: 0;
	width: 150px;
	transition: 0.5s;
	z-index: 1;
}
.i-process .atn.cur .obj {
	top: -20px;
	transition: 0.65s;
}
.i-process .atn.cur .shadow {
	top: -20px;
	transition: 0.65s;
}
.aui-box .aui-list .aui-list-item.one {
	left: 0px;
	top: 180px;
}
.aui-box .aui-list .aui-list-item.two {
	left: 270px;
	top: -20px;
}
.aui-box .aui-list .aui-list-item.three {
	left: 550px;
	top: -20px;
}
.aui-box .aui-list .aui-list-item.four {
	left: 830px;
	top: -20px;
}
.aui-box .aui-list .aui-list-item.five {
	left: 270px;
	top: 440px;
}
.aui-box .aui-list .aui-list-item.six {
	left: 550px;
	top: 440px;
}
.aui-box .aui-list .aui-list-item.seven{
	left: 830px;
	top: 440px;
}
.aui-box .aui-list .aui-list-item.eight{
	left: 1050px;
	top: 180px;
}
.aui-list ul li:first-child {
	margin-left: 0px;
}
.aui-list ul li {
	display: inline-block;
	vertical-align: baseline;
	vertical-align: top;
	margin-left: 100px;
	font-size: 20px;
	line-height: 20px;
	color: #373d40;
	cursor: pointer;
	padding-bottom: 20px;
}
.aui-list ul .on {
	color: #2998ff;
	border-bottom: 1px solid #2998ff;
}
.aui-info {
	border-top: 1px solid #ececec;
}
.aui-info ul {
	padding: 30px 0;
	display: none;
}
.aui-info ul li {
	font-size: 18px;
	line-height: 30px;
}
/* 浜у搧涓績 */

.owl-main {
	width: 100%;
	overflow: hidden;
	height: auto;
	background-image: url(../images/bg-owl.png);
}
.owl-main .owl-box {
	width: 1200px;
	margin: 0 auto;
	padding: 70px 0;
}
.owl-main .owl-carousel {
	margin-top: 40px;
}
.owl-main .item {
	position: relative;
	margin: 0 40px 0 10px;
	width: 360px;
	height: 480px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0px 10px 20px -12px #cccccc;
	-webkit-box-shadow: 0px 10px 20px -12px #cccccc;
	-moz-box-shadow: 0px 10px 20px -12px #cccccc;
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
}
.owl-main .item:hover {
	transform: translate(0, -10px);
	-webkit-transform: translate(0, -5px);
	-moz-transform: translate(0, -5px);
	-o-transform: translate(0, -5px);
	-ms-transform: translate(0, -5px);
	-webkit-box-shadow: 0px 5px 15px #dedede;
	-moz-box-shadow: 0px 5px 15px #dedede;
	box-shadow: 0px 5px 15px #dedede;
}
.owl-main .item.first {
	margin: 0 0 0 10px;
}
.owl-main .item-img {
	float: left;
	width: 360px;
	height: 240px;
}
.owl-main .item-title {
	float: left;
	width: 360px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	font-size: 24px;
	font-weight: 100;
}
.owl-main .item-content {
	float: left;
	padding: 0 20px;
	height: 70px;
	overflow: hidden;
	line-height: 25px;
	color: #666;
	font-size: 18px;
}
.owl-main .item a.view-more {
	float: left;
	margin-left: 60px;
	width: 240px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	border: 1px solid #666;
	font-size: 16px;
	color: #333;
}
.owl-main .item a.view-more:hover {
	text-decoration: none;
	color: #2998ff;
	border: 1px solid #2998ff;
}
.owl-carousel {
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
	display: none;
	position: relative;
	padding-top: 10px;
}
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-item {
	float: left;
	height: 500px;
}
.owl-theme .owl-controls {
	margin-top: 10px;
	text-align: center;
}
.owl-theme .owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
 *display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span {
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=40);/*IE7 fix*/
	opacity: 0.4;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #666;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}
.owl-item.loading {
	min-height: 150px;
	background: url(../images/AjaxLoader.gif) no-repeat center center;
}
/* 鍚堜綔浼欎即 */

.part-main {
	width: 100%;
	height: auto;
	background: #ffffff;
}
.part-main .part-box {
	width: 1200px;
	margin: 0 auto;
	padding: 70px 0;
	overflow: hidden;
}
.part-main .part-box-title {
	width: 1200px;
	font-size: 36px;
	font-weight: 100;
	text-align: center;
	line-height: 50px;
}
.part-main .part-list {
	width: 1200px;
	height: auto;
	margin: 40px 0 0 0;
}
.part-main .part-list li {
	float: left;
	width: 200px;
	height: auto;
	margin-left: 40px;
}
.part-main .part-list li.first {
	margin-left: 20px;
}
.part-main .part-list li a {
	float: left;
	width: 200px;
	height: auto;
	border: 1px solid #eee;
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
}
.part-main .part-list li img {
	width: 200px;
	height: 100px;
}
.part-main .part-list li a:hover {
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
	transform: translate3d(0, -5px, 0);
	-webkit-transform: translate3d(0, -5px, 0);
}
/* 骞垮憡banner */

.cloud-banner {
	position: relative;
	min-width: 1200px;
	background: #0af url(../images/cloud-back.jpg) no-repeat center;
	height: 180px;
	overflow: hidden;
	color: #fff;
	text-align: center;
}
.cloud-bubble-one {
	position: absolute;
	top: -120px;
	left: 50%;
	z-index: 10;
	margin-left: -120px;
	width: 240px;
	height: 240px;
	background: url(../images/cloud-back-bule1.png);
	animation: bubble-animate-1 linear 10s infinite;
}
.cloud-bubble-two {
	position: absolute;
	top: 50px;
	left: 34%;
	z-index: 11;
	width: 360px;
	height: 360px;
	background: url(../images/cloud-back-bule2.png);
	animation: bubble-animate-2 linear 12s infinite;
}
.cloud-bubble-three {
	position: absolute;
	top: 50px;
	left: 48%;
	z-index: 12;
	width: 300px;
	height: 300px;
	background: url(../images/cloud-back-bule3.png);
	animation: bubble-animate-3 linear 11s infinite;
}
 @keyframes bubble-animate-1 {
 from {
 top: -120px
}
 50% {
 top: -180px
}
 to {
 top: -120px
}
}
 @keyframes bubble-animate-2 {
 from {
 top: 50px;
 left: 34%
}
 50% {
 top: 80px;
 left: 24%
}
 to {
 top: 50px;
 left: 34%
}
}
 @keyframes bubble-animate-3 {
 from {
 top: 50px;
 left: 48%
}
 50% {
 top: 80px;
 left: 58%
}
 to {
 top: 50px;
 left: 48%
}
}
.cloud-bubble-text {
	position: relative;
	padding-top: 46px;
	z-index: 20;
	font-size: 24px;
}
.cloud-bubble-link {
	position: relative;
	z-index: 20;
}
.cloud-bubble-link a {
	display: inline-block;
	margin-top: 24px;
	width: 220px;
	height: 44px;
	font-size: 18px;
	line-height: 44px;
	border: 1px solid #fff;
	color: #fff;
}
.cloud-bubble-link a:hover {
	color: #2998ff;
	text-decoration: none;
	background-color: #fff;
}

/*************************************************************  鍏充簬鎴戜滑  ******************************************************************/
.header-bg.about {
	width: 100%;
	background: url(../images/about-banner.jpg) no-repeat center;
}
.about-page {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 100px 0;
}
.about-box {
	width: 1200px;
	margin: 70px auto 0;
}
.about-content {
	width: 1200px;
	margin: 20px 0 0 0;
}
.content-ht {
	height: 520px;
}
.about-content .about-content-l {
	float: left;
	width: 525px;
	height: 520px;
}
.about-content .about-content-l .about-text {
	position: relative;
	float: left;
	z-index: 20;
	width: 500px;
	height: 360px;
	background: #f5f5f5;
	padding: 60px 40px 20px;
}
.about-content .about-content-l .about-text p {
	text-indent: 36px;
	font-size: 16px;
	color: #333333;
	line-height: 30px;
	text-align: justify;
	margin-bottom: 10px;
}
.about-content .about-content-l .about-text h2 {
	margin-bottom: 30px;
	font-size: 18px;
	color: #dddddd;
}
.about-content .about-content-l .about-text h2 span {
	color: #2998ff;
	font-size: 30px;
}
.about-content .about-content-l:before, .about-content .about-content-l:after {
	content: '';
	float: left;
	width: 525px;
	height: 40px;
	background: url(../images/border-bg.png) no-repeat;
}
.about-content .about-content-l:before {
	top: 0;
}
.about-content .about-content-l:after {
	bottom: 0;
}
.about-content .about-content-r {
	float: left;
	width: 675px;
	height: 520px;
}
.about-content ul {
	padding: 0;
}
.about-content li {
	float: left;
	width: 300px;
	height: auto;
	padding: 20px 0;
	color: #333333;
	text-align: center;
}
.about-content li .iconfont{
	color: #108aed;
	font-size: 80px;
	margin-bottom: 20px;
} 
.about-content li p {
	font-size: 20px;
	line-height: 30px;
	margin: 10px 0;
}
.about-content li b {
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
	display: inline-block;
	position: relative;
}
.about-pic {
	width: 1200px;
	height: auto;
	margin: 10px 0 20px;
}
.about-pic .bigbox {
	width: 1200px;
	overflow: hidden;
}
.about-pic .bigbox .imgbox {
	width: 380px;
	height: 260px;
	float: left;
	margin-left: 30px;
	overflow: hidden;
}
.about-pic .bigbox .imgbox.first {
	margin-left: 0;
}
.about-pic .bigbox .imgbox img {
	float: left;
	width: 100%;
	height: auto;
}
.about-pic .bigbox .imgbox span {
	float: left;
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	text-align: center;
	margin-top: -330px;
	z-index: 20;
	background-color: rgba(255,255,255,.8);
}
.about-pic .imgbox:hover {
	cursor: pointer;
}
.about-pic .bigimg {
	width: auto;
	height: auto;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: none;
	z-index: 9999;
}
.about-pic .mask {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #0d0a31;
	opacity: 0.8;
	filter: Alpha(opacity=80);
	z-index: 98;
	transition: all 1s;
	display: none
}
.about-pic .mask:hover {
	cursor: pointer;
}
.about-pic .mask img {
	position: relative;
	left: 50%;
	margin-left: 320px;
	margin-top: 280px;
	width: 40px;
	height: 40px;
	z-index: 9999;
}
.about-pic .mask img:hover {
	cursor: pointer;
}

/*************************************************************  鏂伴椈涓績  ******************************************************************/
.header-bg.news {
	width: 100%;
	background: url(../images/news-banner.jpg) no-repeat center;
}
.news-page {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.news-page .news-content {
	float: left;
	width: 1200px;
	height: auto;
	overflow: hidden;
	padding-bottom: 30px;
	margin: 0 0 120px 0;
}
.news-page .news-list {
	overflow: hidden;
}
.news-page .news-list li {
	float: left;
	width: 1200px;
	height: 180px;
	background: #fff;
	/*  box-shadow: 1px 3px 6px #ccc;*/
	margin-bottom: 25px;
}
.news-page .news-list li .li-left {
	float: left;
	width: 280px;
	height: 160px;
	border: 10px solid #fff;
		
}
.news-page .news-list li .li-left img {
	width: 280px;
	height: 160px;
}
.news-page .news-list li .li-right {
	float: left;
	padding: 0 25px;
	width: 850px;
	height: auto;
	overflow: hidden;
	position: relative;
}
.news-page .news-list .li-right a {
	display: inline-block;
	font-size: 22px;
	font-weight: 600;
	line-height: 30px;
	padding: 20px 0;
}
.news-page .news-list .li-right a:hover {
	text-decoration: underline;
}
.news-page .news-list .li-right .p-view {
	line-height: 30px;
	font-size: 16px;
}
.news-page .news-list .li-right .p-mark {
	padding: 10px 0 0 0;
	color: #999;
}
.news-page .news-list .li-right .p-mark span, .news-page .view-box .p-mark span {
	margin-right: 30px;
}
.news-page .page-btn {
	padding-top: 30px;
	text-align: center;
}
.news-page .page-btn a {
	cursor: pointer;
	padding: 10px 17px;
	border: solid 1px #dbdbdb;
	font-size: 14px;
	background: #fff;
}
.news-page .num {
	padding: 0 10px;
}
.news-page .page-btn a:hover, .page-item:hover {
	color: #fff;
	background: #2998ff;
	border: 1px solid #2998ff;
	text-decoration: none;
}
.news-page .page-item {
	padding: 10px 17px;
	text-decoration: none;
	background-color: #ffffff;
	border: 1px solid #dbdbdb;
	color: #666666;
	margin: 0 3px;
	font-size: 14px;
	cursor: pointer;
}
.news-page .page-item.current {
	color: #fff;
	background: #2998ff;
	cursor: pointer;
	border: 1px solid #2998ff;
}

/*************************************************************  浜у搧涓績  ******************************************************************/
.header-bg.product{
	width: 100%;
	background: url(../images/product-banner.jpg) no-repeat center;
}
.product-page{
	width: 100%;
	height: auto;
	overflow: hidden;
}

.product-content {
	position: relative;
	float: left;
	width: 1200px;
	margin: 70px 0 150px;
}
.product-phone {
	position: relative;
	width: 300px;
	height: 600px;
	margin: auto;
}
.phone-img{
	position: relative;
	float: left;
	width: 300px;
	height: 600px;
	z-index: 666;
}
.phone-img img{
	width: 300px;
	height: 600px;
}
.phone-main {
	position: relative;
	float: left;
	width: 260px;
	height: 560px;
	margin-left: 18px;
	margin-top:-578px;
	overflow: hidden;
}
.phone-main ul {
	position: absolute;
	top: 0px;
}
.phone-main img {
	display: block;
}
.product-list li {
	width: 200px;
	height: 100px;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 40px 0;
	background: url(../images/product-bg.png) top right no-repeat;
}
.product-list li.li-left {
	background-position: right 0px;
}
.product-list li.li-left.current {
	background-position: right -100px;
}
.product-list li.li-right {
	background-position: left -200px;
}
.product-list li.li-right.current {
	background-position: left -300px;
}
.product-list li .title {
	float: left;
	line-height: 100px;
	font-size: 24px;
}
.product-list li.li-left .iconfont {
	margin: 35px 25px;
	font-size: 30px;
	color: #2abbfe;
	float:right;
}
.product-list li.li-right .iconfont {
	margin: 35px 25px;
	font-size: 30px;
	color: #2abbfe;
	float: left;
}
.product-list li.current  .iconfont{
	color: #fff;
}

.product-list li .pic {
	width: 40px;
	height: 40px;
	margin: 30px 20px;
	float: right;
	background: url(../images/product-ico.png) top right no-repeat;
}

.product-list li.li-right .pic {
	float: left;
}
.product-list li.li-right .title {
	float: right;
}
.product-list li.li-1 .pic {
	background-position: right 0px;
}
.product-list li.li-2 .pic {
	background-position: right -40px;
}
.product-list li.li-3 .pic {
	background-position: right -80px;
}
.product-list li.li-4 .pic {
	background-position: right -120px;
}
.product-list li.li-5 .pic {
	background-position: right -160px;
}
.product-list li.li-6 .pic {
	background-position: right -200px;
}
.product-list li.li-1 {
	left: 160px;
	top: 65px;
}
.product-list li.li-2 {
	left: 160px;
	top: 180px;
}
.product-list li.li-3 {
	left: 160px;
	top: 295px;
	width: 200px;
}
.product-list li.li-4 {
	left: 860px;
	top: 65px;
}
.product-list li.li-5 {
	left: 860px;
	top: 180px;
}
.product-list li.li-6 {
	left: 860px;
	top: 295px;
}

<!-- -->




<!-- -->


.product-data {
	position: relative;
	width: 1200px;
	height: 820px;
	margin: auto;
}
.data-img{
	position: relative;
	float: left;
	width: 1200px;
	height: 820px;
}
.data-img img{
	width: 1200px;
	height: 820px;
}

/*************************************************************  瑙ｅ喅鏂规  ******************************************************************/
.header-bg.solution{
	width: 100%;
	background: url(../images/solution-banner.jpg) no-repeat center;
}
.solution-page{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.solution-content {
	position: relative;
	float: left;
	width: 1200px;
	margin-bottom: 30px;
}
.challenge-body {
  border: 1px solid #DDDDDD;
  border-radius: 2px;
  padding: 40px 50px;
  margin: 70px 0;
}
.challenge-body .product-challenge-item {
  padding-left: 195px;
  position: relative;
  margin-bottom: 40px;
}
.challenge-body .product-challenge-item:nth-child(even) i {
  left: 105px;
}
.challenge-body .product-challenge-item:nth-child(1) {
  padding-left: 98px;
  padding-right: 98px;
}
.challenge-body .product-challenge-item:nth-child(1) i:after {
  content: "";
  width: 99px;
  height: 65px;
  background: url(../images/solution-line1.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 53px;
  left: 50%;
	z-index: 99;
}
.challenge-body .product-challenge-item:nth-child(2) i:after {
  content: "";
  width: 99px;
  height: 54px;
  background: url(../images/solution-line2.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 57px;
  right: 50%;
}
.challenge-body .product-challenge-item:nth-child(3) {
  padding-left: 98px;
  padding-right: 98px;
}
.challenge-body .product-challenge-item:nth-child(3) i:after {
  content: "";
  width: 99px;
  height: 65px;
  background: url(../images/solution-line1.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 53px;
  left: 50%;
}
.challenge-body .product-challenge-item:nth-child(4) i:after {
  content: "";
  width: 99px;
  height: 54px;
  background: url(../images/solution-line2.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 57px;
  right: 50%;
}
.challenge-body .product-challenge-item:nth-child(5) {
  padding-left: 98px;
  padding-right: 98px;
}
.challenge-body .product-challenge-item:nth-child(5) i:after {
  content: "";
  width: 99px;
  height: 65px;
  background: url(../images/solution-line1.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 53px;
  left: 50%;
}
.challenge-body .product-challenge-item:nth-child(6) i:after {
  content: "";
  width: 99px;
  height: 54px;
  background: url(../images/solution-line2.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 57px;
  right: 50%;
}

.challenge-body .product-challenge-item:last-child {
  margin-bottom: 0px;
}
.challenge-body .product-challenge-item:last-child i:after {
  display: none;
}
.challenge-body .product-challenge-item .iconfont {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 48px;
	line-height: 48px;
    text-align: center;
	color: #405578;
}
.challenge-body .product-challenge-item .pai-h {
  font-size: 20px;
  color: #252B3A;
  line-height: 30px;
  margin-bottom: 10px;
}
.challenge-body .product-challenge-item .info {
  font-size: 15px;
  color: #666666;
  line-height: 22px;
  height: 44px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.product-advantage {
  /*background: url(../images/solution-bg.png) no-repeat;*/
  background-size: cover;
}

.advantage-body {
	width: 1180px;
	padding: 0 10px;
    margin: 70px 0;
}
.product-advantage-slide {
	margin-top: 20px;
    height: auto;
}
.product-advantage-slide:before,
.product-advantage-slide:after {
  content: " ";
  display: table;
}
.product-advantage-slide:after {
  clear: both;
}
.product-advantage-slide[data-cols="4"] > li {
  width: calc((100%) / 4 );
}
.product-advantage-slide[data-cols="3"] > li {
  width: calc((100% - 280px )/3 );
  height: 220px;	
}
.product-advantage-slide[data-cols="5"] > li {
  width: calc((100% - 300px ) / 5 );
}
.product-advantage-item {
  
  margin: 0 20px 0 0;
  text-align: center;
  padding: 50px 40px;
  position: relative;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
  float: left;
}
.product-advantage-item:last-child {
  margin-right: 0px;
}
.product-advantage-item a {
  display: inline-block;
  margin-top: 10px;
  text-align: left;
  float: left;
  color: #1B79C8;
  transition: all 0.3s
  ;
}
.product-advantage-item a:hover {
  color: #f66f6a;
}
.product-advantage-item .iconfont{
  color:#2998ff;
  font-size:64px; 
  line-height: 80px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: contain;
} 
.product-advantage-item h3 {
  font-size: 20px;
  margin: 20px 0 30px 0;
  color: #252b3a;
  line-height: 24px;
  position: relative;
}
/*.product-advantage-item h3:after {
  content: '';
  width: 24px;
  height: 2px;
  position: absolute;
  left: 50%;
  bottom: -20px;
  margin-left: -12px;
  background-color: #2998ff;
}*/
.product-advantage-item p {
  font-size: 15px;
  line-height: 24px;
  text-align: justify;
  color: #666a75;
}

/*************************************************************  鎴樼暐鍚堜綔  ******************************************************************/
.header-bg.partner{
	width: 100%;
	background: url(../images/partner-banner.jpg) no-repeat center;
}
.partner-page{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 100px 0;
}
.partner-content {
	position: relative;
	float: left;
	width: 1200px;
}
.partner-body {
  border-radius: 2px;
  padding: 0;
  margin: 80px 0 0 0;
}
.partner-body .product-partner-item {
  position: relative;
  float: left;
  width: 50%;
}
.partner-body .product-partner-item .par-h {
  font-size: 26px;
  color: #252B3A;
  line-height: 80px;
}
.partner-body .product-partner-item b {
  font-size: 80px;
	color: #e4e7ec;
		 line-height: 80px;
	margin-right: 20px;
}
.partner-body .partner-item{
  padding-left: 90px;
  position: relative;
  margin-bottom: 40px;
}

.partner-body .partner-item .iconfont {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 48px;
	line-height: 48px;
    text-align: center;
	color: #2998ff;
}
.partner-body .partner-item .pai-h {
  font-size: 20px;
  color: #252B3A;
  margin-bottom: 10px;
}
.partner-body .partner-item .info {
  font-size: 15px;
  color: #666666;
  line-height: 22px;
  height: 44px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}


.partner-content .timeline-points {
	overflow: hidden;
	display: inline-block;
	margin: 0 auto
}
.partner-content .timeline-points li {
	position: relative;
	float: left;
	padding-bottom: 40px;
	font-size: 50px;
	color: #e4e7ec
}
.partner-content .timeline-points li .circle {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -7px;
	display: inline-block;
	width: 13px;
	height: 13px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #e4e7ec
}
.partner-content .timeline-points li.point-1 {
	margin-left: 40px
}
.partner-content .timeline-points li.point-2{
	margin-left: 310px
}
.partner-content .timeline-points li.point-3{
	margin-left: 310px
}
.partner-content .timeline-points li.point-4{
	margin-left: 270px
}
.partner-page .line{
	position: relative;
	top: -11px;
	height: 1px;
	border: none;
	background: #e4e7ec;
	margin-left: 72px;
	width: 1060px
}

.partner-page .access-steps {
	overflow: hidden;
	margin: 30px 0 ;
}
.partner-page .access-steps .access-step {
	float: left;
	width: 126px;
	text-align: center
}
.partner-page .access-steps .access-step .title {
	margin-top: 30px;
	font-size: 20px;
	color: #171313
}
.partner-page .access-step .desc{
	margin-top: 10px;
}
.partner-page  .access-step .desc a{
	line-height: 30px;
	font-size: 16px;
	color: #808c99;
}
.partner-page  .access-steps .access-step{
	margin-left: 247px
}
.partner-page  .access-steps .access-step.access-step-1{
	margin-left: 0
}
.partner-page  .access-steps .access-step.access-step-4{
	float: right;
	margin-left: 0
}
.partner-page .icon-container {
	width: 86px;
	height: 86px;
	
}
.partner-page .icon-container .iconfont{
	width: 126px;
	float: left;
	font-size: 72px;
	text-align: center;
	line-height: 86px;
	color:#333333; 
}

/************************************************************* 鍔犲叆鎴戜滑 ******************************************************************/
.header-bg.job {
	width: 100%;
	background: url(../images/job-banner.jpg) no-repeat center;
}
.header-bg.contact {
	width: 100%;
	background: url(../images/contact-banner.jpg) no-repeat center;
}
.contact-page {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.contact-box {
	width: 1200px;
	margin: 0 auto;
}
.contact-page .contact-top {
	float: left;
	width: 1200px;
	margin: 20px 0;
	overflow: hidden;
}
.contact-page .contact-top .iconfont {
	/*border: 2px solid #2998ff;*/
	display: inline-block;
	font-size:48px;
	color: #2998ff;
	text-align: center;
	line-height: 60px;
	margin-bottom: 10px;
/*	cursor: pointer;*/
} 
/*.contact-page .contact-top i:hover {
	background: #2998ff;
	color: #fff;
}*/
.contact-page .contact-top .col-sm-4 {
	float: left;
	width: 33.33333333%;
	text-align: center;
}
.contact-page .contact-top .col-sm-4 p {
	font-size: 16px;
	font-weight: bold;
}
.contact-page .contact-bottom .list-inline>li {
	display: inline-block;
}
.contact-page .contact-bottom {
	float: left;
	width: 1200px;
	margin: 90px 0;
	overflow: hidden;
}
.contact-page .col-sm-6 {
	float: left;
	width: 50%;
}
.x_gradient {
	transition: all 0.4s ease;
}
.contact-page .contact-bottom h3 {
	font-size: 26px;
}
.contact-page .contact-bottom .text {
	font-size: 16px;
}
.contact-page .contact-bottom .text p.p1 {
	margin: 20px 0;
	line-height: 30px;
}
.contact-page .contact-bottom .text p span {
	font-size: 20px;
	color: #2998ff;
	line-height: 30px;
}
.contact-page .contact-bottom .text ul {
	margin: 30px 0;
}
.contact-page .contact-bottom .text ul li p {
	margin-top: 10px;
}
.contact-page .contact-bottom .text p.adress {
	color: #333;
	line-height: 30px;
}
.contact-page .contact-bottom ul li {
	margin-right: 30px
}
.iw_poi_title, .iw_poi_content {
	line-height: 30px;
}

.hr-info {
	margin: 0px 0 60px;
}
.hr-info .dl-list {
	width: 100%;
	position: relative;
	z-index: 9
}

.hr-info .dl-list dl {
	border-bottom: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	position: relative;
	height: 54px;
	line-height: 54px;
	cursor: pointer;
}
.hr-info .dl-list dl dd {
	text-align: center;
	font-size: 16px;
	float: left;
	width: 25%;
}
.hr-info .dl-list dl:hover dd {
	color: #2998ff;
}
.hr-info .dl-list.bg {
	background: none;
}
.hr-info .dl-list.bg dl {
	background: #f2f3f4;
	border: 1px solid #e5e5e5;
}
.hr-info .dl-list.bg dl dd {
	font-size: 16px;
	font-weight: 600;
}

.hr-info .dl-list.bg dl:hover dd {
	text-decoration: none;
	color: #333;
}
.hr-info .dl-list .conv {
    padding: 20px 50px 40px;
    line-height: 24px;
    font-size: 15px;
	line-height: 30px;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    text-transform: lowercase;
    display: none;
}
.hr-info .dl-list .conv p.wh{
	font-weight: 600;
	margin-top: 10px;
}
.hr-info .dl-list .conv p.wb{
    line-height: 36px;
    font-size: 16px;
}


/************************************************************* 鏂伴椈璇︽儏 ******************************************************************/
.detail {
	width: 100%;
	background: #f5f5f5;
	padding: 140px 0;
}
.detail .wrap {
	background: #ffffff;
}
.detail .detail-title {
	height: 50px;
	line-height: 50px;
	padding: 0 50px;
	font-size: 16px;
	margin-bottom: 0;
}
.detail .detail-content {
	height: auto;
	overflow: hidden;
	width: 1200px;
}
.detail .detail-content, .detail .detail-foot {
	width: 1080px;
	padding: 40px 60px 0px;
	overflow: hidden;
}
.detail .detail-content h1 {
	font-size: 30px;
	padding: 30px 0;
	text-align: center;
}
.detail .detail-content .mark {
	text-align: center;
	padding-bottom: 20px;
}

.detail .detail-content p {
	font-size: 16px;
	text-indent: 36px;
	line-height: 30px;
	text-align: justify;
	padding: 20px 0 0 0;
}
.detail .detail-content img {
	width: 800px;
	height: auto;
	margin: 0 140px;
	padding: 20px 0 0 0;
}
.detail .detail-content .fm-box {
	width: 800px;
	overflow: hidden;
	margin-bottom: 40px;
	clear: none;
	padding: 0 100px;
}
.detail .detail-content .fm-box .fm-col {
	width: 400px;
	height: 30px;
	overflow: hidden;
	float: left;
	padding: 0;
}
.detail .detail-content .fm-box b {
	width: auto;
	color: #e94f49;
	font-size: 16px;
}
.detail .detail-content .fm-box span {
	margin-left: 0;
}
.detail .flow-pic {
	width: 1200px;
	padding: 20px 0 0 0;
}
.detail .detail-foot {
	padding: 60px 60px 120px;
}
.detail .detail-foot .detail-foot-line {
	line-height: 40px;
}
.detail .detail-foot .detail-foot-line b, .detail .detail-foot .detail-foot-line a {
	font-size: 16px;
}