.banner {
	/*width: 100%;*/
	margin-top: 100px;
	max-width: 1920px;
}

.bannerBox {
	text-align: center;
	overflow: hidden;
}

.paddingTopHundred {
	/* padding-top: 100px; */
}

.webService {
	background-image: url("../image/webService.png");
	background-size: contain;
	width: 296px;
	height: 39px;
	/*border: 1px saddlebrown solid;*/
	font-size: 24px;
	margin: 100px auto 13px;
	line-height: 30px;
	text-align: center;
	color: #333333;
}

.webBannerMImage {
	width: 100px;
	width: 100px;
	margin-bottom: 24px;
}

/*.webBannerMImageBox{*/
/*    !*margin:0px auto;*!*/
/*    margin-top: 60px;*/
/*}*/
.webServiceTwo {
	background-image: url("../image/webServiceTwo.png");
	background-size: contain;
	width: 218px;
	height: 47px;
	margin: 100px auto 13px;
}

/*.webHonorBox{*/
/*    margin-top: 60px;*/
/*}*/
.marginTopSixTen {
	margin-top: 60px;
}

.webHonor {
	width: 338px;
	height: 274px;
	background: #FFFFFF;
	border-radius: 8px;
	/*border: 1px saddlebrown solid;*/
}

.webHonorMarginBottom {
	margin-bottom: 45px;
}

.webHonor:hover {
	box-shadow: 2px 2px 34px 0px rgba(112, 137, 233, 0.26);
	border: 1px solid #E4E4E4;
	box-sizing: border-box;
}

.webHonorImage {
	border-radius: 8px 8px 0px 0px;
	width: 100%;
}

.webHonorContent {
	padding: 27px 0px 22px 18px;
}

.grayColor {
	color: #878787;
}

.marginTopHundred {
	margin-top: 100px;
}

.webHonorCenterContent {
	width: 574px;
	margin: 40px auto 20px;
	line-height: 26px;
}

.consult {
	width: 270px;
	height: 52px;
	background: #7089E9;
	border-radius: 26px;
	color: #FFFFFF;
	line-height: 52px;
	margin: 0 auto 60px;
}

.rectangleConsult{
	border-radius: 0;
	margin: 100px auto 60px;
}

.footerBgColor {
	color: #FFFFFF;
	padding: 40px 0px ;
	/* height: 126px; */
	background-color: #7089E9;
	max-width: 100%;
}

.footerMargin-top {
	margin-top: 8px;
}

.appService {
	background-image: url("../image/appService.png");
	width: 226px;
	height: 47px;
	/*border: 1px saddlebrown solid;*/
	line-height: 47px;
}

.service {
	margin: 100px auto 13px;
	color: #333333;
	text-align: center;
	font-size: 24px;
	background-size: contain;
}

.appServiceTwo {
	width: 218px;
	height: 47px;
	background-image: url("../image/appServiceTwo.png");
	line-height: 47px;
	background-repeat: no-repeat;
}

.appServiceThree {
	width: 337px;
	height: 47px;
	background-image: url("../image/webServiceThree.png");
	line-height: 47px;
	text-align: left;
	padding-left: 120px;
}

.appServiceContent {
	width: 392px;
	margin: 0px auto;
	line-height: 26px;
}

.appServiceContentTwo {
	width: 550px;
	margin: 0px auto;
	line-height: 26px;
}

.appBannerMImage {
	width: 158px;
	width: 158px;
}

.serviceProgrammeBg {
	background-image: url("../image/serviceProgramme.png");
	/*width: 1130px;*/
	min-width: 1032px;
	height: 518px;
	/*border: 1px springgreen solid;*/
	margin: 40px auto 0px;
	padding: 0px 20px 0px 98px;
}

.programme {
	/*width: 235px;*/
	width: 252px;
	height: 300px;
	background: #FFFFFF;
	/*border: #111111 1px solid;*/
	border-radius: 8px;
	position: relative;
}

.programmePadding {
	padding: 35px 35px 0px 35px;
}

.programmeTitle {
	/*font-family: SoukouMincho;*/
	font-family: cursive;
}

.marginBottomTwoSix {
	margin-bottom: 26px;
}

.marginBottomFourTen {
	margin-bottom: 40px;
}

.programmeContent {
	margin-top: 14px;
	line-height: 26px;
}

.programmeOne {
	box-shadow: 0px 2px 14px 0px rgba(248, 141, 160, 0.36);
}

.programmeTwo {
	margin-top: 196px;
	box-shadow: 0px 2px 14px 0px rgba(141, 167, 248, 0.36);
}

.programmeThree {
	box-shadow: 0px 2px 14px 0px rgba(243, 211, 165, 0.36);
}

.programmeFour {
	margin-top: 95px;
	box-shadow: 0px 2px 14px 0px rgba(162, 214, 255, 0.36);
}

.advantageImage {
	width: 642px;
	height: 344px;
}

.advantageBox {
	margin-left: 50px;
	height: 344px;
}

.advantage {
	width: 418px;
	height: 105px;
	background: #FFFFFF;
	box-shadow: 0px -3px 5px 0px rgba(0, 0, 0, 0.07);
	border-radius: 8px;
}

.serialNumber {
	/*width: ;*/
	margin: 0px 13px 0px 11px;
	font-weight: bold;
}

.appConsult {
	width: 270px;
	height: 52px;
	color: #FFFFFF;
	line-height: 52px;
	margin: 108px auto 60px;
	background: #7089E9;
}

.developmentOne {
	width: 221px;
	height: 39px;
	background-image: url("../image/development.png");
}

.developmentContent {
	width: 1050px;
	line-height: 26px;
	margin: 0px auto;
}

.WxHonor {}

.marginTopThree {
	margin-top: 30px;
}

.WxHonorImage {
	width: 60px;
	height: 60px;
}

.effectImage {
	width: 284px;
	height: 546px;
	margin-right: 90px;
}

.square {
	width: 11px;
	height: 11px;
	margin-left: 24px;
}

.effectColor {
	color: #A2A2A2;
}

.effectBg {
	background-color: #FE4D61;
}

.effectBox {
	height: 100%;
}

.effectContentOne {
	width: 730px;
	height: 78px;
	/*font-size: 14px;*/
	/*font-family: MicrosoftYaHei;*/
	/*color: #666666;*/
	line-height: 26px;
	margin: 40px 0px 24px;
}

.callService {
	width: 296px;
	height: 47px;
	background-image: url("../image/callService.png");
	/*text-align: left;*/
	line-height: 47px;
}

.effectContentTwo {
	width: 730px;
	height: 109px;
	/*font-size: 14px;*/
	/*font-family: MicrosoftYaHei;*/
	/*color: #666666;*/
	line-height: 26px;
}

.mainCallHeader {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 8px;
	background: #8DA7F8;
	border-radius: 4px 4px 0px 0px;
}

.CallCompanyProfile {
	width: 777px;
	height: 215px;
	background: #FFFFFF;
	box-shadow: 4px 4px 24px 0px rgba(0, 0, 0, 0.04);
	border-radius: 8px;
	margin: 0px auto;
	position: relative;
}

.CallCompanyProfileCenter {
	padding-top: 14px;
}

.CallCompanyText {
	width: 508px;
	margin-left: 13px;
}

.CallCompanyTitle {
	padding-bottom: 14px;
}

.callCenterImage {
	width: 142px;
	height: 173px;
	/*background-color: #333333;*/
	margin-left: 78px;
}

.callContactBoxBg {
	/*width: 100%;*/
	max-width: 1920px;
	height: 144px;
	background: #F6F6F6;
	/*margin-top: 169px;*/
	margin: 169px auto 0px;
	position: relative;
}

.callContactBox {
	width: 100%;
	/*margin: 0px auto;*/
	position: absolute;
	left: 50%;
	top: 10%;
	transform: translate(-50%, -50%);
	/*border: 1px springgreen solid;*/
	/*max-width: 60%;*/
	/* unnecessary styling properties */
	/*max-width: 50%;*/
}

.callContact {
	width: 166px;
	padding: 0px 50px;
}

.callContactImage {
	width: 166px;
	height: 166px;
}

.callAddress {
	max-width: 1920px;
	height: 376px;
	background-color: #333333;
	margin: 0px auto;
}

.telShadow {
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, 0.4);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999;
	display: none;
}

.telBox{
	width: 400px;
	height: 100px;
	background-color: #fff;
	color: #333;
	font-size: 16px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -200px;
	maring-top: -50px;
	border-radius: 3px;
}

.detailImage{
	margin-bottom: 30px;
}

.detailImage img{
	width: 360px;
	margin-bottom: 10px;
	box-shadow: 2px 2px 34px 0px rgba(112, 137, 233, 0.26);
}

.detailImage .bigImage{
	width: 100%;
}