body {
    min-width: 1180px;
}

.banner {
    min-height: 428px;
}
.banner .slides .slides-list .slides-item img {
    width: 100%;
    min-height: 428px;
}

.information-con-list .con-list .con-item {
    display: block;
}
.information-wrap .information-title-list .title-list li.active {
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    z-index: 9;
}
.information-wrap .information-title-list .title-list li.active a {
    background: url("/build/images/information-title.png") repeat-x top;
    z-index: 10;
}
/* line 114, ../sass/information.scss */
.information-wrap .information-title-list .title-list .item-html5 {
    width: 209px;
}
/* line 116, ../sass/information.scss */
.information-wrap .information-title-list .title-list .item-html5 a {
    width: 211px;
}
/* line 120, ../sass/information.scss */
.information-wrap .information-title-list .title-list .item-web {
    width: 139px;
}
/* line 122, ../sass/information.scss */
.information-wrap .information-title-list .title-list .item-web a {
    width: 141px;
}

.top-articles .top-time ul li.active {
    border-top: 1px solid #0163ac;
}

.tab-pane {
    display: none!important;
}
.tab-pane.active {
    display: block!important;
}

.display-case-main .details-content .d-img img{
    width: 750px;
    height: auto;
    margin: 0;
    float: left;
}

#page_message li i{
    color: #fff;
    line-height: 24px;
}

.home-main .home-main-wrap .appcase .appcase-warp .appcase-title-list a{
    min-width: 120px;
}


.home-main .home-main-wrap .faq-comment .faq-comment-wrap .left-faq ul li p{
    background-position: left top;
    height: auto;
}

.top-news-con .right h4 {
    overflow: hidden;
    height: 20px;
}


.article-con .summery{
    padding: 1em;
    background-color: #efefef;
    text-decoration: initial;
    line-height: 25px;
    letter-spacing: 0.5px;
}

.detail-left .detail-left-wrap .article-info-share .info-right{
    float: right;
}

/* line 63, ../sass/information-detail.scss */
.share-icons {
    float: right;
    font-size: 14px;
    color: #3f3f3f;
    min-width: 300px;
}

#detailsleft .share-icons{
    float: left;
}
/* line 67, ../sass/information-detail.scss */
.share-icons .jtico {
    cursor: pointer;
    background: url("/build/images/icon/share_icons.png") no-repeat center;
    display: block;
    height: 27px;
    opacity: 1;
    width: 27px;
    margin-right: 5px;
}
.share-icons td{
    color: #fff;
}
/* line 74, ../sass/information-detail.scss */
.share-icons .jtico:hover {
    opacity: 1;
}
/* line 78, ../sass/information-detail.scss */
.share-icons .jtico.jtico_tsina {
    background-position: 0 0;
}
/* line 81, ../sass/information-detail.scss */
.share-icons .jtico.jtico_tqq {
    background-position: -35px 0;
}
/* line 84, ../sass/information-detail.scss */
.share-icons .jtico.jtico_qzone {
    background-position: -70px 0;
}
/* line 87, ../sass/information-detail.scss */
.share-icons .jtico.jtico_douban {
    background-position: -105px 0;
}
/* line 90, ../sass/information-detail.scss */
.share-icons .jtico.jtico_renren {
    background-position: -140px 0;
}
/* line 93, ../sass/information-detail.scss */
.share-icons .jtico.jtico_weixin {
    background-position: -175px 0;
}
/* line 96, ../sass/information-detail.scss */
.share-icons .jtico.jtico_jiathis {
    background-position: -210px 0;
}
/* line 101, ../sass/information-detail.scss */


#editor h1,
#editor h2,
#editor h3,
#editor h4,
#editor h5,
#editor b,
#editor strong
{
    font-weight: bold;
    text-align: left;
}

#editor h1{
    font-size: 24px
}
#editor h2{
    line-height: 30px;
    font-size: 18px;
    font-weight: normal;
}
#editor h3{
    line-height: 30px;
    font-size: 16px;
    font-weight: normal;
}
#editor h4{
    line-height: 30px;
    font-size: 16px
}
#editor h5{
    font-size: 16px
}

#editor p{
    margin: 28px 0;
    /*text-indent: 2em;*/
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 0.5px;
}
#editor u{
    text-decoration: underline;
}
#editor i{
    font-style: italic;
}
#editor img {
    text-align: center;
    margin-right:auto;
    margin-left:auto;
}

.detail-right-item ul li a{
    overflow: hidden;
}

.case-sencil ul li .case-sencil-right h4 a{
    height: 14px;
    display: block;
    overflow: hidden;
}

#other-case.case-sencil ul li .case-sencil-right h4 a{
    font-size: 14px;
}

.service-wrap .service-title h1{
    color: #3f3f3f;
    font-size: 30px;
    font-weight: bold;
}

.map-wrap {
    height: 800px;
    position: relative;
    z-index: 1;
}
.map-wrap .map-content {
    margin-top: 65px;
    position: relative;
    z-index: 3;
}
.map-wrap .map-content .map-list li {
    height: 40px;
    margin-bottom: 40px;
}
.map-wrap .map-content .map-list li .left-title {
    float: left;
    margin-right: 65px;
    text-align: right;
    width: 175px;
}
.map-wrap .map-content .map-list li .left-title a {
    font-size: 18px;
    line-height: 26px;
}
.map-wrap .map-content .map-list li .left-title .line {
    border-bottom: 2px solid #0163ac;
    display: block;
    height: 8px;
    margin-left: 127px;
    width: 50px;
}
.map-wrap .map-content .map-list li .right-con {
    float: left;
    width: 960px;
}
.map-wrap .map-content .map-list li .right-con a {
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    margin-right: 35px;
}
.map-wrap .contact-us-bg {
    background-color: #f5f5f5;
    height: 100%;
    left: 50%;
    margin-left: -960px;
    position: absolute;
    top: 0;
    width: 1920px;
}

.about-wrap .title-top .title-con h2,
.about-wrap .title-top .title-con h1{
    color: #3f3f3f;
    font-size: 32px;
    font-weight: bold;
}
/* 首页客户 */
.customer_left {
    width: 150px;
    float:left;
    height: 100px;
    padding-top: 50px;
    text-align: center;
    border-right: 1px #ccc solid;
}
.customer_div{
    width: 100%;
    background: #f4f4f4;
    height: 200px;
    padding-top: 50px;
}
.cus_data {
    width: 1180px;
    margin: 0 auto;
}
.cus_ke{
    font-size: 30px;
}
.cus_cli {
    font-size: 20px;
}
.customer_right {
    float: left;
    width: 930px;
    margin-left: 55px;
}
.customer_right ul li {
    float: left;
    margin-left: 5px;
    margin-bottom: 5px;
}
.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;
}
#platform-question.platform-question.page-newpane {
    padding-bottom: 100px;
    height:700px;
}
#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 #0163ac;
}
.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 #0163ac;
}
#page_consultform_submit {
    width: 572px;
    height:45px;
    padding:0 5px;
    border: none;
    margin-bottom: 23px;
    background: #0163ac;
    font-size: 16px;
    color: #fff;
}
.develop-type-wrap .platform-case .platform-case-bg {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
    height: 800px;
    width: 1920px;
    background: #f5f5f5;
}
.develop-type-wrap .platform-case {
    position: relative;
    height: 800px;
    z-index: 1;
}
.enterprise-app-wrap .platform-case .platform-case-bg {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
    height: 800px;
    width: 1920px;
    background: #f5f5f5;
}
.enterprise-app-wrap .platform-case {
    position: relative;
    height: 800px;
    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;
}

 		.bg-black {
		    background-color: #32333b;
		}
		.no-padding-bottom {
		    padding-bottom: 0!important;
		}
		.layout {
		    position: absolute;
		    bottom:1330px;
		    left: 50%;
		    margin-left: -960px;
		    height: 700px;
		    width: 1920px;
		    background: #2b2e35;

		}
		.content {
		    width: 1200px;
		    margin: 0 auto;
		    height: auto;
		}
		.bg-black .layout-subtitle, .bg-black .layout-title {
		    color: #fff;
		}
		.layout-title {
		    text-align: center;
		    font-size: 32px;
    		font-weight: bold;
		    color: #333;
		    line-height: 24px;
		    padding-bottom: 24px;
		    position: relative;
		}
		.layout-title:after {
		    position: absolute;
		    left: 50%;
		    width: 46px;
		    height: 1px;
		    margin-left: -23px;
		}
		.layout-title:after, .product-server .server-icon:after {
		    background-color: #0163ac;
		    bottom: 0;
		    content: '';
		}
		.bg-black .layout-subtitle, .bg-black .layout-title {
		    color: #fff;
		}
		.layout-subtitle {
		    margin-top: 18px;
		    text-align: center;
		    font-size: 16px;
		    color: #666;
		    line-height: 30px;
		}
		.case-block {
			margin-top: 46px;
			height: 320px;
			width: 1200px;
			z-index:99999;
		}

		.case-block .case-item {
			width: 240px;
			height: 320px;
			position: relative;
			overflow: hidden
		}

		.case-block .case-item img {
			width: 100%;
			height: auto
		}

		.case-block .case-item:hover .case-shadow {
			background-color: rgba(47,57,81,.6)
		}

		.case-block .case-item:hover .case-shadow .shadow-inner {
			height: 189px
		}

		.case-block .case-shadow {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 2;
			color: #fff;
			text-align: center
		}

		.case-block .case-shadow .shadow-inner {
			position: absolute;
			top: 50%;
			left: 0;
			width: 100%;
			height: 129px;
			overflow: hidden;
			-webkit-transform: translate(0,-50%);
			transform: translate(0,-50%);
			transition: all .3s ease
		}

		.case-block .case-shadow .case-icon {
			width: 100%;
			height: 45px
		}

		.case-block .case-shadow .case-icon.case-icon-1 {
			background: url(/assets/images/case-icon-01.png) center no-repeat;
			-ms-background-size: 43px auto;
			background-size: 43px auto
		}

		.case-block .case-shadow .case-icon.case-icon-2 {
			background: url(/assets/images/case-icon-02.png) center no-repeat;
			-ms-background-size: 45px auto;
			background-size: 45px auto
		}

		.case-block .case-shadow .case-icon.case-icon-3 {
			background: url(/assets/images/case-icon-03.png) center no-repeat;
			-ms-background-size: 45px auto;
			background-size: 45px auto
		}

		.case-block .case-shadow .case-icon.case-icon-4 {
			background: url(/assets/images/case-icon-04.png) center no-repeat;
			-ms-background-size: 45px auto;
			background-size: 45px auto
		}

		.case-block .case-shadow .case-icon.case-icon-5 {
			background: url(/assets/images/case-icon-05.png) center no-repeat;
			-ms-background-size: 45px auto;
			background-size: 45px auto
		}

		.case-block .case-shadow .case-title {
			margin-top: 14px;
			font-size: 16px;
			line-height: 16px;
			padding-bottom: 16px;
			position: relative
		}

		.case-block .case-shadow .case-title:after {
			content: '';
			position: absolute;
			bottom: 0;
			left: 50%;
			width: 20px;
			height: 2px;
			background-color: #0163ac;
			margin-left: -10px
		}

		.case-block .case-shadow .case-title a {
			color: #fff !important;

		}

		.case-block .case-shadow .case-title a:hover {
			color: #0163ac
		}

		.case-block .case-shadow .case-subtitle {
			font-size: 14px;
			line-height: 14px;
			margin-top: 18px;
			color: #fff;
		}

		.case-block .case-shadow .getcase-button {
			display: block;
			width: 140px;
			height: 34px;
			line-height: 34px;
			font-size: 14px;
			color: #fff;
			margin: 28px auto 0;
			text-align: center;
			border: 1px solid #fff;
			overflow: hidden
		}

		/* .case-block .case-shadow .getcase-button:hover {
			border-color: #0c9;
			color: #0c9
		} */
		.pull-left {
		    float: left;
		}
		
		/*分页效果*/

.pages {

	margin-top: 20px;

	margin-bottom: 5px;

	height: 40px;

	padding-bottom: 10px;

	text-align: center;

}

.pages ul {

	margin: 0 auto;

}

.pages .firstPage {

	width: 30px;

}

.pages ul li {

	line-height: 25px;

	height: 25px;

	margin-left: 5px;

	font-size: 14px;

	border: 1px solid #E9E9E9;

	padding: 0px 10px;

	width: auto;

	display: inline-block

}

.pages ul li a:hover {

	color: #ff0000;

	text-decoration: none;

}

.pages ul li.thisclass, .pages ul li.thisclass a, .pages ul li.thisclass a:hover {

	background-color: #0163AC;

	color: #FFF

}

.pages .pageinfo {

	line-height: 25px;

	padding: 12px 5px 10px 5px;

	color: #999;

}

.pages select {

	line-height: 25px;

	margin-top: 4px

}

.pages .pageinfo strong {

	color: #555;

	font-weight: normal;

	margin: 0px 2px;

}



	.ser-list{
		width: 1200px;
	}
	.ser-list .item {
		position: relative;
		float: left;
		width: 240px;
		height: 320px;
	}
	.ser-list .item .bg-item{

		width: 240px;
		height: 320px;
		background-size: 100%;
		background-repeat: no-repeat;
	}
	.ser-list .item  .bg-item img,.ser-list .item .item-hover img{
		display: block;
		padding-top: 101px;
		margin: 0 auto ;
		width: 40px;
		height: 40px;
	}
	.ser-list .item .bg-item span{
		display: block;
		margin: 30px auto 21px;
		text-align: center;
		width: 20px;
		height: 2px;
		background:#fff;

	}
	.ser-list .item .bg-item p{
		text-align: center;
		font-size: 22px;
		font-weight: 600;
		color: #fff;
	}
	.bg-img1{
		background-image: url(/images/service_bg1.jpg);
	}
	.bg-img2{
		background-image: url(/images/service_bg2.jpg);
	}
	.bg-img3{
		background-image: url(/images/service_bg3.jpg);
	}
	.bg-img4{
		background-image: url(/images/service_bg4.jpg);
	}
	.bg-img5{
		background-image: url(/images/service_bg5.jpg);
	}
	.ser-list .item .item-hover{
		display: none;
		position: absolute;
		width: 80%;
		padding: 0 10%;
		height: 100%;
		left: 0;
		top: 0;
		z-index: 10;
		background: #145bab;
	}
	.ser-list .item .item-hover img{
		padding-top: 30px;
	}
	.ser-list .item .item-hover h5{
		text-align: center;
		margin: 41px 0 15px 0;
		color: #fff;
	}
	.ser-list .item .item-hover p{
		color: #fff;
		font-size: 14px;
		line-height: 22px;
		text-align: center;
	}
	.ser-list .item .item-hover button{
		position: absolute;
		bottom:44px;
		left: 50%;
		margin-left: -42px;
		border: none;
		background: #fff;
		color: #145bab;
		width: 84px;
		height: 30px;
		line-height: 30px;
		cursor: pointer;
	}