@charset "utf-8";


* {
	word-wrap: break-word;
	word-break: break-all;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.center {
    text-align: center;
}

.banner {
  height: 400px;
}

.banner .item .des {
  margin-top: -250px;
}


.banner .item .des div {
  display: none;
}

/*xcx st*/

dl,
dd,
dt {
	margin: 0;
	padding: 0;
}

.article-smCodeList.active .title {
	-webkit-animation: fadeInUp 1s ease .5s 1 both;
	animation: fadeInUp 1s ease .5s 1 both;
}

.article-featureList.active .title {
	-webkit-animation: fadeInUp 1s ease .5s 1 both;
	animation: fadeInUp 1s ease .5s 1 both;
}

.article-industryList.active .title {
	-webkit-animation: fadeInUp 1s ease .5s 1 both;
	animation: fadeInUp 1s ease .5s 1 both;
}

.article>.title {
	position: relative;
}

.article>.title>.title-bar {
	width: 180px;
	height: 4px;
	background: #1ABD6C;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -90px;
}

.article-smCodeList.active>.title>.title-bar,
.article-featureList.active>.title>.title-bar,
.article-industryList.active>.title>.title-bar {
	-webkit-animation: slideInLeft 1s ease 1s 1 backwards;
	animation: slideInLeft 1s ease 1s 1 backwards;
}

.article>.title>.title-bar:before {
	content: '';
	width: 0;
	height: 0;
	display: block;
	position: absolute;
	bottom: 4px;
	left: 85px;
	border-width: 0 5px 5px;
	border-style: solid;
	border-color: transparent transparent #1ABD6C;
}

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

.banner .bannerList>li:first-child {
	background: url(../images/ban/yingyongbanner_05.png) center no-repeat;
}

.banner .bannerList>li li.yy01 {
	right: -77px;
	top: 131px;
	-webkit-animation: zoomIn 1s ease 2s 1 both;
	animation: zoomIn 1s ease 2s 1 both;
}

.banner .bannerList>li li.yy02 {
	left: -1px;
	top: 154px;
	-webkit-animation: bounceInDown 1s ease 0s 1 both;
	animation: bounceInDown 1s ease 0s 1 both;
}

.banner .bannerList>li li.yy03 {
	left: -19px;
	top: 242px;
	-webkit-animation: fadeInLeft 1s ease .6s 1 both;
	animation: fadeInLeft 1s ease .6s 1 both;
}

.banner .bannerList>li li.yy04 {
	left: 32px;
	top: 329px;
	-webkit-animation: bounceInLeft 1s ease 1.2s 1 both;
	animation: bounceInLeft 1s ease 1.2s 1 both;
}

.banner .bannerList>li li.yy05 {
	left: 366px;
	top: 164px;
	-webkit-animation: pulse 1s ease 0s infinite both;
	animation: pulse 1s ease 0s infinite both;
}

.banner .bannerList>li li.yy06 {
	left: 285px;
	bottom: 102px;
	-webkit-animation: bounceInLeft 1s ease 1.6s 1 both;
	animation: bounceInLeft 1s ease 1.6s 1 both;
}

.thumb-info-lighten {
	position: relative;
}

.xcx-ewm {
	width: 360px;
	height: 180px;
	background: rgba(0, 0, 0, 0.5);
	display: none;
	position: absolute;
	z-index: 99;
	top: 0;
	left: 0;
}

.xcx-ewm img {
	margin-top: 12px;
}

.thumb-info-lighten .tag {
	text-align: left;
	margin-top: 10px;
}

.thumb-info-lighten .tag span {
	margin-left: 10px;
	padding: 2px 8px;
	background: #eeeeee;
}


/*smCodeList*/

.smCodeList {
	margin-bottom: 45px;
}

.smCodeList ul {
	margin-top: 40px;
}

.smCodeList ul li {
	position: relative;
	float: left;
	color: #999;
	font-size: 14px;
	width: 270px;
	height: 300px;
	margin: 0 40px 45px 0;
	background: #FBFBFD;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.smCodeList ul li:nth-child(1),
.smCodeList ul li:nth-child(2),
.smCodeList ul li:nth-child(3),
.smCodeList ul li:nth-child(4) {
	margin-top: 0;
}

.smCodeList ul li:nth-child(4n+4) {
	margin-right: 0;
}

.smCodeList ul li dd {
	height: 58px;
	width: 58px;
	border-radius: 50%;
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 25px;
	background: url('../images/yingyongIcon01.png');
}

.smCodeList ul li dt h2 {
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	color: #363636;
	margin-bottom: 15px;
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	transition: all .8s;
}

.smCodeList ul li dt p {
	padding: 0 30px;
	text-align: center;
	line-height: 24px;
}

.smCodeList ul li dt a {
	position: absolute;
	bottom: 30px;
	display: block;
	color: #1ABD6C;
	background: #fff;
	padding: 6px 8px;
	border: 2px solid #1ABD6C;
	border-radius: 40px;
	width: 100px;
	text-align: center;
	margin-left: 75px;
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	transition: all .8s;
}

.smCodeList ul li:nth-child(1) dd {
	background-position: -11px -6px;
}

.smCodeList ul li:nth-child(2) dd {
	background-position: -81px -6px;
}

.smCodeList ul li:nth-child(3) dd {
	background-position: -164px -3px;
}

.smCodeList ul li:nth-child(4) dd {
	background-position: -239px -6px;
}

.smCodeList ul li:nth-child(5) dd {
	background-position: -12px -78px;
}

.smCodeList ul li:nth-child(6) dd {
	background-position: -82px -79px;
}

.smCodeList ul li:nth-child(7) dd {
	background-position: -164px -79px;
}

.smCodeList ul li:nth-child(8) dd {
	background-position: -242px -79px;
}

.smCodeList ul li.current {
	background: #fff;
	-webkit-box-shadow: 0 0 20px #ddd;
	-moz-box-shadow: 0 0 20px #ddd;
	box-shadow: 0 0 20px #ddd;
}

.smCodeList ul li.current dd {
	-webkit-animation: flipInY 1.8s ease 0s 1 both;
	animation: flipInY 1.8s ease 0s 1 both;
}

.smCodeList ul li.current dt h2 {
	color: #1ABD6C;
}

.smCodeList ul li.current dt a {
	background: #1ABD6C;
	color: #fff;
}

.smCodeList li.l1.active {
	-webkit-animation: flipInY 1.5s 0.5s ease both;
	-o-animation: flipInY 1.5s 0.5s ease both;
	animation: flipInY 1.5s 0.5s ease both;
}

.smCodeList li.l2.active {
	-webkit-animation: flipInY 1.5s 1s ease both;
	-o-animation: flipInY 1.5s 1s ease both;
	animation: flipInY 1.5s 1s ease both;
}

.smCodeList li.l3.active {
	-webkit-animation: flipInY 1.5s 1.5s ease both;
	-o-animation: flipInY 1.5s 1.5s ease both;
	animation: flipInY 1.5s 1.5s ease both;
}

.smCodeList li.l4.active {
	-webkit-animation: flipInY 1.5s 2s ease both;
	-o-animation: flipInY 1.5s 2s ease both;
	animation: flipInY 1.5s 2s ease both;
}

.smCodeList li.l5.active {
	-webkit-animation: flipInY 1.5s 2s ease both;
	-o-animation: flipInY 1.5s 2s ease both;
	animation: flipInY 1.5s 2s ease both;
}

.smCodeList li.l6.active {
	-webkit-animation: flipInY 1.5s 1.5s ease both;
	-o-animation: flipInY 1.5s 1.5s ease both;
	animation: flipInY 1.5s 1.5s ease both;
}

.smCodeList li.l7.active {
	-webkit-animation: flipInY 1.5s 1s ease both;
	-o-animation: flipInY 1.5s 1s ease both;
	animation: flipInY 1.5s 1s ease both;
}

.smCodeList li.l8.active {
	-webkit-animation: flipInY 1.5s .5s ease both;
	-o-animation: flipInY 1.5s .5s ease both;
	animation: flipInY 1.5s .5s ease both;
}


/*featureList*/

.bg-coffee {
	background: url("../images/bg-coffee.png") top center no-repeat;
}

.featureList {
	margin-bottom: 50px;
	padding-top: 40px;
	padding-bottom: 60px;
}

.featureList li {
	float: left;
	width: 270px;
	height: 200px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 80px;
	margin-right: 35px;
}

.featureList li:nth-child(4n+4) {
	margin-right: 0;
}

.featureList li .leftIcon {
	background: url('../images/yingyongIcon01.png') -12px -78px;
	position: relative;
	width: 60px;
	height: 60px;
	float: left;
	background: transparent;
	-webkit-transition: background .5s;
	-moz-transition: background .5s;
	transition: background .5s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #1ABD6C;
}

.featureList li .rightText {
	margin-left: 75px;
}

.featureList li .rightText h2 {
	text-align: left;
	font-size: 20px;
	font-weight: 600;
	color: #363636;
}

.featureList i.greenLine {
	display: block;
	height: 2px;
	background: #1ABD6C;
}

.featureList li .leftIcon i {
	width: 18px;
	position: absolute;
	top: 0;
	left: 21px;
}

.featureList li .rightText i {
	width: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.featureList li .rightText p {
	line-height: 24px;
	text-align: left;
}

.featureList li.current .leftIcon {
	background: #1ABD6C;
}

.featureList li .leftIcon em {
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 10px;
	left: 10px;
	background: url(../images/yingyongIcon01.png);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.featureList li.l1 .leftIcon em {
	background-position: -6px -141px;
}

.featureList li.l2 .leftIcon em {
	background-position: -59px -141px;
}

.featureList li.l3 .leftIcon em {
	background-position: -117px -140px;
}

.featureList li.l4 .leftIcon em {
	background-position: -182px -141px;
}

.featureList li.l5 .leftIcon em {
	background-position: -246px -140px;
}

.featureList li.l6 .leftIcon em {
	background-position: -308px -141px;
}

.featureList li.l7 .leftIcon em {
	background-position: -369px -140px;
}

.featureList li.l8 .leftIcon em {
	background-position: -427px -139px;
}

.featureList li.l1.current .leftIcon em {
	background-position: -6px -190px;
}

.featureList li.l2.current .leftIcon em {
	background-position: -59px -190px;
}

.featureList li.l3.current .leftIcon em {
	background-position: -117px -190px;
}

.featureList li.l4.current .leftIcon em {
	background-position: -181px -190px;
}

.featureList li.l5.current .leftIcon em {
	background-position: -246px -190px;
}

.featureList li.l6.current .leftIcon em {
	background-position: -308px -190px;
}

.featureList li.l7.current .leftIcon em {
	background-position: -369px -190px;
}

.featureList li.l8.current .leftIcon em {
	background-position: -427px -190px;
}

.featureList li.l1.active {
	-webkit-animation: fadeInUp 1.5s 0.5s ease both;
	-o-animation: fadeInUp 1.5s 0.5s ease both;
	animation: fadeInUp 1.5s 0.5s ease both;
}

.featureList li.l2.active {
	-webkit-animation: fadeInUp 1.5s 0.8s ease both;
	-o-animation: fadeInUp 1.5s 0.8s ease both;
	animation: fadeInUp 1.5s 0.8s ease both;
}

.featureList li.l3.active {
	-webkit-animation: fadeInUp 1.5s 1.1s ease both;
	-o-animation: fadeInUp 1.5s 1.1s ease both;
	animation: fadeInUp 1.5s 1.1s ease both;
}

.featureList li.l4.active {
	-webkit-animation: fadeInUp 1.5s 1.4s ease both;
	-o-animation: fadeInUp 1.5s 1.4s ease both;
	animation: fadeInUp 1.5s 1.4s ease both;
}

.featureList li.l5.active {
	-webkit-animation: fadeInUp 1.5s 0.6s ease both;
	-o-animation: fadeInUp 1.5s 0.6s ease both;
	animation: fadeInUp 1.5s 0.6s ease both;
}

.featureList li.l6.active {
	-webkit-animation: fadeInUp 1.5s 0.9s ease both;
	-o-animation: fadeInUp 1.5s 0.9s ease both;
	animation: fadeInUp 1.5s 0.9s ease both;
}

.featureList li.l7.active {
	-webkit-animation: fadeInUp 1.5s 1.2s ease both;
	-o-animation: fadeInUp 1.5s 1.2s ease both;
	animation: fadeInUp 1.5s 1.2s ease both;
}

.featureList li.l8.active {
	-webkit-animation: fadeInUp 1.5s 1.5s ease both;
	-o-animation: fadeInUp 1.5s 1.5s ease both;
	animation: fadeInUp 1.5s 1.5s ease both;
}


/*industryList*/

.industryList {
	margin-top: 80px;
	margin-bottom: 50px;
}

.industryList li {
	float: left;
	height: 320px;
	width: 300px;
	border-top: 1px solid #EFEFEF;
	border-left: 1px solid #EFEFEF;
	background: #fff;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.industryList li.l2,
.industryList li.l4,
.industryList li.l5,
.industryList li.l7 {
	background: #F5F5F5;
}

.industryList li.l5,
.industryList li.l6,
.industryList li.l7,
.industryList li.l8 {
	border-bottom: 1px solid #EFEFEF;
}

.industryList li.l4,
.industryList li.l8 {
	border-right: 1px solid #EFEFEF;
}

.industryList li .industry i {
	display: block;
	margin: 0 auto;
	margin-top: 105px;
	margin-bottom: 50px;
	width: 64px;
	height: 46px;
	background: url(../images/yingyongIcon01.png);
}

.industryList li.l1 .industry i {
	background-position: -1px -240px;
}

.industryList li.l2 .industry i {
	background-position: -66px -240px;
}

.industryList li.l3 .industry i {
	background-position: -138px -240px;
}

.industryList li.l4 .industry i {
	background-position: -194px -240px;
}

.industryList li.l5 .industry i {
	background-position: -18px -300px;
}

.industryList li.l6 .industry i {
	background-position: -99px -300px;
}

.industryList li.l7 .industry i {
	background-position: -172px -300px;
}

.industryList li.l8 .industry i {
	background-position: -249px -300px;
}

.industryList li .industry h2 {
	font-size: 24px;
	text-align: center;
}

.industryList li.current {
	position: relative;
	z-index: 1;
	-webkit-box-shadow: 0 0 20px #BFE8D1;
	-moz-box-shadow: 0 0 20px #BFE8D1;
	box-shadow: 0 0 20px #BFE8D1;
}

.industryList li.current .industry h2 {
	-webkit-animation: fadeInUp 1s ease 0s 1 both;
	animation: fadeInUp 1s ease 0s 1 both;
}

.bg-city {
	height: 180px;
	background: url("../images/city_02.png") top center no-repeat;
}

.bg-city a.liaojie {
	display: block;
	width: 670px;
	font-size: 30px;
	margin: 0 auto;
	margin-top: 45px;
	text-align: center;
	height: 90px;
	line-height: 90px;
	background: #FF9103;
	color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 45px;
	-moz-border-radius: 45px;
	border-radius: 45px;
}

.bg-city a.liaojie i {
	display: inline-block;
	height: 19px;
	width: 30px;
	background: url("../images/yingyongIcon01.png") -330px -25px;
}

.bg-city a.liaojie.active {
	-webkit-animation: fadeInUp 1s ease .5s 1 both;
	animation: fadeInUp 1s ease .5s 1 both;
}

.width1120 {
	position: relative;
	width: 1120px;
	margin: 0 auto;
}

.bgGray {
	background: #fafafa;
}

.article {}

.article>.title {
	width: 100%;
	margin-top: 30px;
	text-align: center;
	line-height: 120px;
	border-bottom: 1px solid #dddddd;
}

.article>.title h2 {
	font-weight: normal;
	font-size: 40px;
	color: #3d3d3d;
}


/*微信公众号*/


/*.gxh-content{width:1200px;margin: 0 auto;overflow: hidden;}*/

.gxh-content .title-top {
	margin-bottom: 50px;
}

.gzhw1200 {
	width: 1200px;
	margin: 0 auto;
}

.gzh-service,
.gzh-function,
.gzh-product {
	width: 1200px;
	margin: 30px auto;
}

.gzh-function {
	background: #fcfcfc;
	padding-top: 30px;
}

.pf_title {
	text-align: center;
	margin: 50px auto 13px;
}

.pf_title h1 {
	font-size: 30px;
	font-weight: bold;
}

.pf_title p {
	font-size: 16px !important;
	color: #555 !important;
	margin-top: 2px !important;
}

.pf_block {
	width: 100%;
	height: 380px;
	overflow: hidden;
}

.pf_blockLeft,
.pf_blockRight {
	float: left;
}

.pf_blockLeft {
	width: 780px;
	height: 380px;
}

.pf_BL_Two {
	height: 380px;
	width: 700px !important;
	margin-left: 80px;
}

.pf_blockRight {
	width: 420px;
	height: 380px;
	text-align: center;
}

.pf_blockLeft h3 {
	font-size: 24px;
	color: #3f3f3f;
	display: block;
	line-height: 100px;
	margin-top: 10px;
}

.pf_li {
	padding-bottom: 12px;
}

.pf_li p {
	font-size: 16px;
	display: inline-block;
	color: #3f3f3f;
	vertical-align: middle;
}

.pf_liNum {
	display: inline-block;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	background-color: #ff7852;
	color: #fff;
	font-size: 14px;
	text-align: center;
	line-height: 20px;
	vertical-align: middle;
	margin-right: 5px;
}

.pf_title_two {
	margin-top: 20px;
	line-height: 180px;
	text-align: center;
	background: url(../images/title-line.png) center no-repeat;
}

.pf_title_two h2 {
	font-size: 30px;
	color: #3f3f3f;
	font-weight: bold;
}

.pf_title_two .pf_plus {
	font-size: 40px;
	color: #ff7852;
	margin: 0 5px;
}

.pf_serviceList {
	width: 278px;
	height: 350px;
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #d1d1d1;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #FFF;
	margin-right: 24px;
	cursor: pointer;
}

.pf_serviceList:last-of-type {
	margin: 0;
}

.pf_serviceicon {
	width: 108px;
	height: 108px;
	background: url(../images/servicel.png) repeat;
	margin: 30px auto 0;
}

.pf_serviceList h3 {
	font-size: 22px;
	color: #555;
	text-align: center;
	line-height: 60px;
}

.pf_serviceList p {
	font-size: 14px;
	color: #888;
	line-height: 20px;
	text-align: center;
	padding: 0 15px;
	letter-spacing: 1px;
}

.pf_one {
	background-position: 0 0;
}

.pf_two {
	background-position: 0 -243px;
}

.pf_three {
	background-position: 0 -486px;
}

.pf_four {
	background-position: 0 -729px;
}

.pf_serviceList:hover {}

.pf_serviceList:hover {
	background-color: #eee;
	box-shadow: 0 0 15px rgba(102, 102, 102, 0.5);
}

.pf_serviceList:hover h3,
.pf_serviceList:hover p {
	/*color: #fff;*/
}

.pf_serviceList:hover .pf_one {
	background-position: 0 -122px;
}

.pf_serviceList:hover .pf_two {
	background-position: 0 -365px;
}

.pf_serviceList:hover .pf_three {
	background-position: 0 -608px;
}

.pf_serviceList:hover .pf_four {
	background-position: 0 -851px;
}

.mouseOn {
	background-color: #ff7852;
	box-shadow: 0 0 10px rgba(102, 102, 102, 0.5);
}

.mouseOn h3,
.mouseOn p {
	color: #fff;
}

.mouseOn .pf_one {
	background-position: 0 -122px;
}

.mouseOn .pf_two {
	background-position: 0 -365px;
}

.mouseOn .pf_three {
	background-position: 0 -608px;
}

.mouseOn .pf_four {
	background-position: 0 -851px;
}

.pf_blockTwo {
	width: 100%;
	height: 500px;
	position: relative;
}

.block_pic,
.block_words {
	position: absolute;
}

.block_title {
	margin: 50px 0 10px;
}

.words_P {
	font-size: 16px;
	color: #888;
	line-height: 25px;
}

.wordsH {
	margin: 10px 0;
	font-size: 16px;
	color: #555;
	font-weight: 700;
}

.Pic_one {
	right: 0;
	top: 30px;
}

.Pic_two {
	left: 0;
	top: 30px;
}

.words_one {
	left: 0;
	width: 600px;
	height: 500px;
	top: 0;
	text-align: left;
}

.words_two {
	right: 0;
	width: 600px;
	height: 500px;
	top: 0;
	text-align: right;
}

.mt_hundred {
	margin-top: 100px;
}

.mt_twohundred {
	margin-top: 150px;
}

.Pic_three {
	top: 0;
	left: -200px;
}

.pf_title_three {
	text-align: center;
	padding: 50px 0;
}

.pf_title_three h2 {
	background: url(../images/title-line-two.png) 50% no-repeat;
	font-size: 30px;
	color: #3f3f3f;
}

.pf_title_three p,
.pf_title_four p {
	font-size: 16px;
	color: #555;
	margin-top: 10px;
}

.pf_icon {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.iconList {
	float: left;
	width: 200px;
	height: 210px;
	text-align: center;
	margin-top: 20px;
}

.iconPic {
	display: inline-block;
	margin-top: 20px;
}

.iconList h3 {
	font-size: 16px;
	color: #555;
	margin-top: 15px;
}

.iconList p {
	font-size: 12px;
	color: #888;
	padding: 5px 20px 0;
	line-height: 20px;
}

.pf_title_four {
	margin-top: 20px;
	text-align: center;
	padding: 80px 0 50px;
}

.pf_title_four h2 {
	background: url(../images/title-line-three.png) center no-repeat;
	font-size: 30px;
	color: #3f3f3f;
	font-weight: bold;
}

.caseList {
	padding: 0;
}

.caseBox {
	float: left;
	width: 238px;
	height: 270px;
	margin: 0 12px;
	border: 1px solid #d1d1d1;
	cursor: pointer;
}


/* .caseBox:hover .eject{
  display: block;
} */

.caseImg {
	width: 238px;
	height: 206px;
	overflow: hidden;
	position: relative;
}

.eject {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	display: none;
}

.meng {
	width: 238px;
	height: 206px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	background-color: #000;
	-webkit-opacity: 0.5;
	-o-opacity: 0.5;
	-moz-opacity: 0.5;
	-ms-opacity: 0.5;
	opacity: 0.5;
}

.pf_content {
	width: 238px;
	height: 206px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	text-align: center;
}

.pf_content p {
	margin: 15px 0;
	font-size: 16px;
	color: #fff;
}

.pf_content img {
	width: 134px;
	height: 134px;
	display: inline-block;
}

.caseWord {
	position: relative;
	padding: 20px;
	overflow: hidden;
	width: 238px;
	height: 64px;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 16px;
	color: #666;
	text-align: center;
}

.caseArrow {
	position: absolute;
	bottom: 0;
	right: 20px;
	width: 22px;
	height: 11px;
	z-index: 10;
	background: url(../images/W-arrow.png) no-repeat;
}

.pf_case {
	padding: 0 72px;
}

.pf_submit {
	width: 100%;
	height: 218px;
	background: url(../images/bl04bg.jpg) center 0 no-repeat;
	margin-top: 50px;
	text-align: center;
}

.pf_sbWord {
	font-size: 32px;
	color: #fff;
	padding-top: 60px;
}

.pf_sbBtn {
	width: 191px;
	height: 52px;
	line-height: 52px;
	background-color: #FFF;
	color: #e64349 !important;
	font-size: 22px;
	display: inline-block;
	-webkit-border-radius: 100px;
	-o-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	border-radius: 100px;
	margin-top: 30px;
	cursor: pointer;
}

#platform-question.platform-question .subject-title {
	text-align: center;
	padding: 80px 0 25px;
}


/* line 190, ../sass/platform-subject.scss */

#platform-question.platform-question .subject-title h3 {
	font-size: 30px;
	font-weight: bold;
}


/* line 193, ../sass/platform-subject.scss */

#platform-question.platform-question .subject-title h3 span {
	color: #ff7852;
}


/* line 197, ../sass/platform-subject.scss */

#platform-question.platform-question .subject-title p {
	display: block;
	font-size: 14px;
	margin-top: 8px;
	color: #888888;
	font-weight: normal;
}

#platform-question.platform-question .subject-title p.page-consult {
	margin-top: 55px;
	margin-bottom: 60px;
}

.page_consultform input {
	width: 570px;
	height: 45px;
	padding: 0 5px;
	border: 1px solid #d2d2d2;
	margin-bottom: 23px;
}

.page_consultform {
	width: 600px;
	margin: 0 auto;
}

.page_consultform input:focus {
	outline: none;
	border: 1px solid #ff7852;
}

.page_consultform textarea {
	width: 560px;
	height: 100px;
	padding: 5px;
	border: 1px solid #d2d2d2;
	margin-bottom: 23px;
}

.page_consultform textarea:focus {
	outline: none;
	border: 1px solid #ff7852;
}

#page_consultform_submit {
	width: 572px;
	height: 45px;
	padding: 0 5px;
	border: none;
	margin-bottom: 23px;
	background: #ff7852;
	font-size: 16px;
	color: #fff;
}

.develop-type-wrap .platform-case .platform-case-bg {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
	height: 670px;
	width: 1920px;
	background: #f5f5f5;
}

.develop-type-wrap .platform-case {
	position: relative;
	height: 670px;
	z-index: 1;
}

.enterprise-app-wrap .platform-case .platform-case-bg {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
	height: 670px;
	width: 1920px;
	background: #f5f5f5;
}

.enterprise-app-wrap .platform-case {
	position: relative;
	height: 670px;
	z-index: 1;
}

.weix_rem_list .platform-case-bg {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
	height: 300px;
	width: 1920px;
	background: #f5f5f5;
	z-index: -1;
}

.weix_rem_list {
	margin-top: 100px;
	background: #f5f5f5;
	padding: 20px 0 40px 0;
	position: relative;
	z-index: 1;
}

.weix_rem_list ul {
	width: 1000px;
	margin: auto;
}

.weix_rem_list h2 {
	font-size: 24px;
	text-align: center;
	margin: 35px 0;
}

.weix_rem_list li {
	width: 333px;
	float: left;
	margin: 0px 0px 17px 0px;
	color: #cdcdcd;
}

.weix_rem_list li a {
	font-size: 15px;
}


/*app 页面st*/

.app-about {
	width: 1200px;
	margin: 50px auto;
}

.app-service {
	width: 1200px;
	margin: 25px auto;
}

.app-about-con {
	margin-top: 50px;
}

.app-about-left {
	width: 620px;
	float: left;
}

.app-about-right {
	width: 545px;
	float: right;
}

.app-about-left li img {
	float: left;
	margin-right: 20px;
}

.app-about-left li {
	height: 73px;
	margin-bottom: 20px;
}

.app-about-title {
	font-size: 24px;
}

.app-about-text {
	font-size: 16px;
	margin-top: 8px;
}

.less-swiper .swiper-container {
	width: 100%;
	height: auto;
}

.less-swiper .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
}

.less-swiper .swiper-container .swiper-slide {
	height: 654px;
}

.less-swiper .swiper-slide {
	background: none;
}

.swiper-container {
	width: 100%;
	height: auto;
}

.slide-of-ctrl .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fafafa;
}

.slide-of-ctrl .swiper-container .swiper-slide {
	height: auto;
}


/*eee*/

.juzhongY {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}


/***************服务子页******************/

.flex-san-box {
	width: 100%;
	height: auto;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.flex-san-box li {
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: 370px;
	height: 386px;
	position: relative;
	width: 370px;
}

.flex-san-box li img {
	width: 100%;
	height: 100%;
}

.flex-san-box li .shade-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #ffffff;
	border: 1px solid #eeeeee;
}

.flex-san-box li .shade-bg:hover {
	background: #eeeeee;
}

.flex-san-box li .shade-bg:hover .check-detail {
	display: block !important;
}

.flex-san-box li .shade-bg .txt-icon-btn {
	width: 100%;
	height: auto;
	font-size: 14px;
	color: #fff;
}

.flex-san-box li .shade-bg .txt-icon-btn .icon {
	width: 115px;
	height: 115px;
	margin: 0 auto 38px;
	margin-left: 135px;
}

.flex-san-box li .shade-bg .txt-icon-btn .icon.ued {
	background: url(../images/app_icon_ued.png) no-repeat;
}

.flex-san-box li:hover .shade-bg .txt-icon-btn .icon.ued {
	background: url(../images/app_icon_ued_h.png) no-repeat;
}

.flex-san-box li .shade-bg .txt-icon-btn .icon.ios {
	background: url(../images/app_icon_ios.png) no-repeat;
}

.flex-san-box li:hover .shade-bg .txt-icon-btn .icon.ios {
	background: url(../images/app_icon_ios_h.png) no-repeat;
}

.flex-san-box li .shade-bg .txt-icon-btn .icon.android {
	background: url(../images/app_icon_android.png) no-repeat;
}

.flex-san-box li:hover .shade-bg .txt-icon-btn .icon.android {
	background: url(../images/app_icon_android_h.png) no-repeat;
}

.flex-san-box li .shade-bg .txt-icon-btn .icon.weixin {
	background: url(../images/app_icon_weixin.png) no-repeat;
}

.flex-san-box li:hover .shade-bg .txt-icon-btn .icon.weixin {
	background: url(../images/app_icon_weixin_h.png) no-repeat;
}

.flex-san-box li .shade-bg .txt-icon-btn .icon.xcx {
	background: url(../images/app_icon_xcx.png) no-repeat;
}

.flex-san-box li:hover .shade-bg .txt-icon-btn .icon.xcx {
	background: url(../images/app_icon_xcx_h.png) no-repeat;
}

.flex-san-box li .shade-bg .txt-icon-btn .icon.web {
	background: url(../images/app_icon_web.png) no-repeat;
}

.flex-san-box li:hover .shade-bg .txt-icon-btn .icon.web {
	background: url(../images/app_icon_web_h.png) no-repeat;
}

.flex-san-box li .shade-bg .txt-icon-btn .title-txt {
	font-size: 24px;
	line-height: 2em;
	text-align: center;
	color: #010101;
}

.flex-san-box li .shade-bg .txt-icon-btn .txt {
	text-align: center;
	line-height: 2em;
	margin-bottom: 1em;
	color: #767676;
	font-size: 14px;
}

.flex-san-box li .shade-bg .txt-icon-btn .check-detail {
	text-align: center;
	display: none;
	width: 8em;
	margin: 0 auto;
	line-height: 3em;
	border: 1px solid #fff;
	font-size: 14px;
	color: #fff;
}


/*app-advantage*/

.app-advantage {
	margin: 35px auto;
	background: #fafafa;
	padding-top: 50px;
}

.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
	float: left
}

.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
	height: auto
}

.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-transition-property: -webkit-transform, height;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform, height
}

.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 27px 44px;
	-webkit-background-size: 27px 44px;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	left: 120px;
	right: auto
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	right: 130px;
	left: auto
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}

.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
	background: #fff
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	-moz-transform: translate3d(0, -50%, 0);
	-o-transform: translate(0, -50%);
	-ms-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 5px 0;
	display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px
}

.swiper-pagination-progress {
	background: rgba(0, 0, 0, .25);
	position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
	background: #007aff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
	-webkit-transform-origin: right top;
	-moz-transform-origin: right top;
	-ms-transform-origin: right top;
	-o-transform-origin: right top;
	transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}

.swiper-container-vertical>.swiper-pagination-progress {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
	background: rgba(255, 255, 255, .5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
	background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
	background: #000
}

.swiper-container-3d {
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	-o-perspective: 1200px;
	perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
	-ms-perspective: 1200px
}

.swiper-container-cube,
.swiper-container-flip {
	overflow: visible
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, .5);
	border-radius: 10px;
	left: 0;
	top: 0
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	-moz-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	-moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50%;
	-webkit-background-size: 100%;
	background-size: 100%;
	background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes swiper-preloader-spin {
	100% {
		transform: rotate(360deg)
	}
}

.pb50 {
	padding-bottom: 50px;
}

.app-advcon {
	width: 1200px;
	margin: 0 auto;
}

.ctrl-slide-box {
	border-bottom: 1px solid #e6e6e6;
	width: 606px;
	margin: 0 auto;
	margin-bottom: 50px;
}

.ctrl-slide-box ul {
	float: left;
	display: inline-block;
	border-top: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	background: #f8f8f8;
}

.ctrl-slide-box ul li {
	float: left;
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-right: 1px solid #e6e6e6;
	cursor: pointer;
}

.ctrl-slide-box ul li.active {
	background: #fff;
	border-top: 1px solid #35cbfd;
}

.slide-of-ctrl .swiper-slide {
	padding-bottom: 38px;
}

.slide-of-ctrl .swiper-slide img {
	width: 100%;
	height: auto;
	vertical-align: top;
}

.slide-of-ctrl .swiper-pagination-bullet {
	width: 50px;
	height: 2px;
	background: #bebebf;
	opacity: 1;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
}

.slide-of-ctrl .swiper-pagination-bullet.swiper-pagination-bullet-active {
	opacity: 1;
}

.slide-of-ctrl .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	/* opacity: 1; */
	background: #333;
	float: left;
	z-index: 10000;
	animation: ainimeta_width 5s linear;
	-moz-animation: ainimeta_width 5s linear;
	-webkit-animation: ainimeta_width 5s linear;
	-o-animation: ainimeta_width 5s linear;
	-ms-animation: ainimeta_width 5s linear;
}

.app-cancon {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.link_btn {
	text-align: center;
	display: inline-block;
	position: absolute;
	line-height: 54px;
	border-radius: 27px;
	z-index: 2;
	height: 54px;
	border: 1px solid #59b6d7;
	bottom: 88px;
	width: 221px;
	color: #59b6d7;
	left: 50%;
	margin-left: -110px;
	font-size: 16px;
}

.link_btn:hover {
	background-color: #59b6d7;
	color: #FFF
}


/*定制服务流程*/

.app-process {
	padding: 30px 0px;
	background: #4c90e5;
}

.app-process .index-title {
	color: #fff;
}

.app-process .index-stitle {
	color: #fff;
}

.index-title {
	text-align: center;
	margin-bottom: 25px;
}

.index-btitle {
	font-size: 34px;
}

.index-stitle {
	font-size: 18px;
	margin-top: 20px;
	color: #4d4b4b;
}


/*索要原型图*/

h2,
h4,
h5 {
	color: #383E4C;
	font-weight: 100;
}

.chat-btn {
	display: block;
	width: 300px;
	height: 65px;
	line-height: 65px;
	padding: 0 44px;
	margin: 30px auto;
	background: #45B3FF;
	color: #fff;
	border-color: #45B3FF;
	font-size: 24PX;
	border-radius: 50px;
	text-align: center;
}

.chat-btn:hover {
	background: #1aa4ff;
	color: #fff;
}

.c-row-inner {
	flex-direction: column;
	width: 100%;
	display: flex;
}

.develop-item {
	margin: 0 auto;
	width: 100%
}

.develop-item .item {
	width: 96px;
	text-align: center;
	float: left;
	display: flex;
	flex-direction: column;
	align-items: center;
	white-space: nowrap;
}

.develop-item .item>a {
	width: 96px;
	height: 96px;
	display: block;
	border-radius: 50%;
	background: rgba(255, 255, 255, .2)
}

.develop-item .item>a>img {
	margin: 18px;
	transition: all .3s
}

.develop-item .item>a>img.bc {
	display: none
}

.develop-item .item>span {
	font-size: 14px;
	color: #fff;
	display: block;
	margin: 20px 0 10px
}

.develop-item .item.active>a,
.develop-item .item:hover>a {
	background: #fff
}

.develop-item .item.active>a>img.bc,
.develop-item .item:hover>a>img.bc {
	display: inline!important
}

.develop-item .item.active>a>img.ac,
.develop-item .item:hover>a>img.ac {
	display: none!important
}

.develop-item .a-right {
	width: 50px;
	height: 50px;
	margin: 30px 40px;
	float: left
}

.develop-item .a-down {
	width: 50px;
	height: 50px;
	margin: 30px 0
}

.develop-item .develop_item_info {
	background: #FFF;
	border-radius: 6px;
	border: 1px solid #dedede;
	margin: 50px 0px;
	width: 755px;
	height: 225px;
	padding: 40px 45px 45px;
	font-size: 1rem
}

.develop-item .develop_item_info>ul.dev_text {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.develop-item .develop_item_info>ul.dev_text>li {
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0
}

.develop-item .develop_item_info>ul.dev_text>li:first-child {
	display: block
}

@media screen and (max-width:768px) {
	.develop-item {
		display: flex;
		flex-wrap: nowrap
	}
	.develop-item>* {
		display: inline-block;
		float: left\9;
		flex-grow: 1;
		flex-shrink: 1
	}
	.develop-item .item>a {
		width: 50px;
		height: 50px;
		margin: auto
	}
	.develop-item .item>a>img {
		margin: 5%;
		width: 90%;
		line-height: 50px
	}
	.develop-item .item span {
		margin-top: 8px;
		font-size: .625rem
	}
	.develop-item .a-down,
	.develop-item .a-right {
		display: none
	}
}

._fr {
	float: right!important;
}

.fl {
	float: left;
}

.c-row-inner {
	width: 1000px;
	margin: 0 auto;
}

.dev_text p {
	text-align: left;
	font-size: 16px;
	line-height: 1.5;
	margin-top: 9px;
	margin-bottom: 9px;
	color: #999;
}


/*客户口碑*/

.box.app-koubei {
	padding: 50px 0px;
}

.box {
	width: 100%;
	height: auto;
	position: relative;
}

.content {
	width: 1200px;
	margin: 0 auto;
}

.min-content {
	width: 940px;
	margin: 0 auto;
}

.juzhongX {
	position: absolute;
	left: 50%;
	top: 0;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.jianBian-fafafc {
	background: -webkit-linear-gradient(#fafafc, #fff);
	/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#fafafc, #fff);
	/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#fafafc, #fff);
	/* Firefox 3.6 - 15 */
	background: linear-gradient(#fafafc, #fff);
	/* 标准的语法 */
}

.txt-hidden {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.phone-bg {
	width: 356px;
	height: 622px;
}

.hyb-1-bg {
	background: url(../images/hyb-1.png?14) no-repeat;
}

.hyb-2-bg {
	background: url(../images/hyb-2.png?133) no-repeat;
	background-position: 10px 0;
}

.malai-1-bg {
	background: url(../images/malai-1.png?13) no-repeat;
}

.malai-2-bg {
	background: url(../images/malai-2.png?13) no-repeat;
	background-position: 10px 0;
}

.xiandai-1-bg {
	background: url(../images/xiandai-1.png?12) no-repeat;
}

.xiandai-2-bg {
	background: url(../images/xiandai-2.png?1) no-repeat;
	background-position: 10px 0;
}

.pingan-1-bg {
	background: url(../images/pingan-1.png?13) no-repeat;
}

.pingan-2-bg {
	background: url(../images/pingan-2.png?12) no-repeat;
	background-position: 10px 0;
}

.koubei {
	height: 100%;
	position: relative;
}

.koubei .l-phone {
	width: 30%;
	height: 100%;
	position: absolute;
	left: -100px;
	top: 0;
}

.koubei .mid-txt {
	width: 40%;
	height: 100%;
	text-align: center;
	color: #333;
	padding-top: 175px;
	position: relative;
}

.koubei .mid-txt h2 {
	font-size: 32px;
	margin-bottom: 50px;
}

.koubei .mid-txt p {
	text-align: center;
	font-size: 16px;
	line-height: 1.8em;
	margin-bottom: 50px;
}

.koubei .mid-txt h3 {
	display: inline-block;
	font-size: 32px;
	color: #1673b9;
	border-bottom: 2px solid #1673b9;
}

.koubei .mid-txt h5 {
	font-size: 12px;
	color: #1673b9;
	line-height: 2em;
}

.koubei .r-phone {
	width: 30%;
	height: 100%;
	position: absolute;
	right: -100px;
	top: 0;
}

.ctrl-slide-box {
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 50px;
}

.ctrl-slide-box ul {
	float: left;
	display: inline-block;
	border-top: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	background: #f8f8f8;
}

.ctrl-slide-box ul li {
	float: left;
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-right: 1px solid #e6e6e6;
	cursor: pointer;
}

.ctrl-slide-box ul li.active {
	background: #fff;
	border-top: 1px solid #35cbfd;
}

.slide-of-ctrl .swiper-slide {
	padding-bottom: 38px;
}

.slide-of-ctrl .swiper-slide img {
	width: 100%;
	height: auto;
	vertical-align: top;
}

.slide-of-ctrl .swiper-pagination-bullet {
	width: 50px;
	height: 2px;
	background: #bebebf;
	opacity: 1;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
}

.slide-of-ctrl .swiper-pagination-bullet.swiper-pagination-bullet-active {
	opacity: 1;
}

.slide-of-ctrl .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	/* opacity: 1; */
	background: #333;
	float: left;
	z-index: 10000;
	animation: ainimeta_width 5s linear;
	-moz-animation: ainimeta_width 5s linear;
	-webkit-animation: ainimeta_width 5s linear;
	-o-animation: ainimeta_width 5s linear;
	-ms-animation: ainimeta_width 5s linear;
}

.koubei .mid-txt p.txt-hidden {
	font-size: 32px;
	margin-bottom: 50px;
}


/*newxcx1030 st*/

.cont-index-module {
	text-align: center;
}

.container-item {
	padding: 40px 0;
}

.ct-width {
	position: relative;
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.cont-index-module>ul>li {
	float: left;
	width: 300px;
	padding: 30px;
	border: 1px solid #eee;
	box-sizing: border-box;
	/*margin-left: -1px;*/
	margin-top: -1px;
}

.cont-index-module>ul>li>h4 {
	margin-top: 20px;
	margin-bottom: 15px;
	color: #333;
	font-size: 15px;
}

.cont-index-module>ul>li>p {
	color: #666;
}

.cont-index-module>ul>li:hover>h4,
.cont-index-module>ul>li:hover>p {
	/*color: #fff;*/
}

.cont-index-module>ul>li>i {
	display: inline-block;
	width: 80px;
	height: 80px;
	background-repeat: no-repeat;
}

.cont-index-module>ul>li.item-1>i {
	background-image: url(../images/icon_index_01_c.png);
}

.cont-index-module>ul>li.item-1:hover>i {
	background-image: url(../images/icon_index_01_c.png);
}

.cont-index-module>ul>li.item-1:hover {
	background-color: #eee;
}

.cont-index-module>ul>li.item-2>i {
	background-image: url(../images/icon_index_02_c.png);
}

.cont-index-module>ul>li.item-2:hover>i {
	background-image: url(../images/icon_index_02_c.png);
}

.cont-index-module>ul>li.item-2:hover {
	background-color: #eee;
}

.cont-index-module>ul>li.item-3>i {
	background-image: url(../images/icon_index_03_c.png);
}

.cont-index-module>ul>li.item-3:hover>i {
	background-image: url(../images/icon_index_03_c.png);
}

.cont-index-module>ul>li.item-3:hover {
	background-color: #eee;
}

.cont-index-module>ul>li.item-4>i {
	background-image: url(../images/icon_index_04_c.png);
}

.cont-index-module>ul>li.item-4:hover>i {
	background-image: url(../images/icon_index_04_c.png);
}

.cont-index-module>ul>li.item-4:hover {
	background-color: #eee;
}

.cont-index-module>ul>li.item-5>i {
	background-image: url(../images/icon_index_05_c.png);
}

.cont-index-module>ul>li.item-5:hover>i {
	background-image: url(../images/icon_index_05_c.png);
}

.cont-index-module>ul>li.item-5:hover {
	background-color: #eee;
}

.cont-index-module>ul>li.item-6>i {
	background-image: url(../images/icon_index_06_c.png);
}

.cont-index-module>ul>li.item-6:hover>i {
	background-image: url(../images/icon_index_06_c.png);
}

.cont-index-module>ul>li.item-6:hover {
	background-color: #eee;
}

.cont-index-module>ul>li.item-7>i {
	background-image: url(../images/icon_index_07_c.png);
}

.cont-index-module>ul>li.item-7:hover>i {
	background-image: url(../images/icon_index_07_c.png);
}

.cont-index-module>ul>li.item-7:hover {
	background-color: #eee;
}

.cont-index-module>ul>li.item-8>i {
	background-image: url(../images/icon_index_08_c.png);
}

.cont-index-module>ul>li.item-8:hover>i {
	background-image: url(../images/icon_index_08_c.png);
}

.cont-index-module>ul>li.item-8:hover {
	background-color: #eee;
}

.cont-index-module .btn {
	display: inline-block;
	margin-top: 40px;
}

.cont-index-advantage {
	text-align: center;
}

.cont-index-advantage .btn:hover {
	color: #fff;
}

.cont-index-advantage ul>li {
	float: left;
	width: 288px;
	margin-left: 16px;
}

.cont-index-advantage ul>li:first-child {
	margin-left: 0;
}

.cont-index-advantage ul>li>img {
	width: 100%;
	height: 175px;
}

.cont-index-advantage .item-txt {
	height: 170px;
	text-align: center;
	background-color: #fff;
}

.cont-index-advantage .item-txt>h3 {
	padding-top: 50px;
	margin-bottom: 20px;
	font-size: 16px;
	color: #333;
}

.cont-index-advantage .item-txt>p {
	color: #666;
}

.cont-index-advantage .btn {
	display: inline-block;
	margin-top: 50px;
}

.cont-index-entrance ul>li {
	float: left;
	width: 300px;
	margin-bottom: 40px;
}

.cont-index-entrance ul>li>h4 {
	margin: 20px 0 10px 0;
	font-size: 15px;
	color: #333;
}

.cont-index-entrance ul>li>p {
	color: #666;
}

.cont-index-entrance {
	text-align: center;
}

.cont-index-diagram {
	position: relative;
	width: 100%;
	height: 670px;
	background: #da5556;
	padding: 40px 0px;
}

.cont-index-diagram .diagram-img {
	position: relative;
	top: -30px;
	width: 882px;
	height: 100%;
	margin: 0 auto;
	background-image: url(../images/banner_sub_diagram.jpg?22);
	background-repeat: no-repeat;
	background-position: center;
}

.cont-index-diagram .txt-l {
	position: absolute;
	left: -10%;
	top: 26%;
	text-align: right;
}

.cont-index-diagram .txt-r {
	position: absolute;
	right: -8%;
	top: 26%;
	text-align: left;
}

.cont-index-diagram .txt-item {
	margin-top: 50px;
	color: #fff;
}

.cont-index-diagram .txt-item:first-child {
	margin-top: 0;
}

.cont-index-diagram .txt-item>h5 {
	margin-bottom: 8px;
	font-size: 17px;
}

.cont-index-diagram .txt-item>p {
	font-size: 15px;
}

.cont-index-diagram .index-title {
	margin-bottom: 0px;
}

.bg-grey {
	background-color: #f9f9f9;
}

.cont-index-advantage .item-txt {
	height: 170px;
	background-color: #fff;
}

.cont-index-bg ul>li {
	float: left;
	width: 400px;
	padding: 10px 30px;
	box-sizing: border-box;
}

.cont-index-bg ul>li>img {
	width: 150px;
	height: 150px;
}

.cont-index-bg ul>li>h4 {
	margin: 25px 0 15px 0;
	color: #333;
	font-size: 15px;
}

.cont-index-bg ul>li>p {
	color: #666;
}

.cont-index-media {
	text-align: left;
}

.cont-index-media .media-item {
	float: left;
	width: 380px;
	margin-left: 30px;
}

.cont-index-media .media-item:first-child {
	margin-left: 0;
}

.cont-index-media .media-item .item-title {
	height: 18px;
	line-height: 18px;
	margin-bottom: 20px;
	padding-left: 12px;
	border-left: 3px solid #3d79d1;
}

.cont-index-media .media-item .item-img {
	width: 100%;
	height: 170px;
}

.cont-index-media .media-item .item-current {
	display: block;
	margin: 8px 0 10px 0;
	color: #444;
	font-weight: bold;
}

.cont-index-media .media-item li {
	margin-top: 8px;
}

.cont-index-media .media-item li>a {
	color: #666;
}

.cont-index-media .media-item li>a:hover {}

.cont-index-media .media-item .txt {
	display: inline-block;
	width: 295px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: text-bottom;
}

.cont-index-media .media-item .btn {
	display: inline-block;
	margin-top: 30px;
	padding: 6px 12px;
}

.btn {
	padding: 10px 50px;
	color: #fff;
	background-color: #4e97d9;
	font-size: 15px;
	border: none;
	border-radius: 3px;
	cursor: pointer;
}

.btn-orange {
	background-color: #ffa200;
}

.btn-sm {
	padding: 8px 20px;
	font-size: 14px;
}

.cont-index-module .btn {
	display: inline-block;
	margin-top: 40px;
}

.cont-index-module .btn:hover {
	color: #fff;
}