@charset "utf-8";
/* CSS Document */
body{
	margin:0;
	padding:0;
	font-family:'微软雅黑';
	background:#fcfcfc;
}
.product{
	width:100%;
	/* float:left; */
	padding:50px 0;
}
.title{
	width:100%;
	text-align:center;
	margin-bottom: 80px;
}
.title h2{
	font-size:36px;
	font-weight:600;
	color:#313131;
	margin: 0;
}
.title p{
	color:#a1a1a1;
	font-size:16px;
	margin-top:23px;
	margin-bottom: 0;
}
.title em{
	display:inline-block;
	width:9.99px;
	height:38px;
	margin-top: 20px;
	background:#68b943;
}
.features{
	padding:0;
}
.aaaaas {
    padding-right: 35px;
    padding-left: 35px;
    width: 25%;
}
.feature-wrap {
    margin-bottom: 35px;
    overflow: hidden;
    text-align: center;
}
.row .feature-wrap i{
	display: inline-block;
	width: 166px;
	height: 166px;
	text-align: center;
	line-height: 166px;
	border-radius: 80px;
	border: 7px solid #68b943;
}
.row .feature-wrap span{
	font-size:20px;
	color:#4f4f4f;
	display:inline-block;
	width:100%;
	text-align:center;
	margin-top:32px;
}
.row .feature-wrap i.fa {
	display: inline-block;
	width: 166px;
	height: 166px;
	text-align: center;
	line-height: 166px;
	border-radius: 80px;
	border: 7px solid #68b943;
	background: #9bdc87;
}
.row .feature-wrap i.appkf{
	background-image:url(../images/appkf_01.png);
	background-repeat:no-repeat;
	background-position:center;
}
.row .feature-wrap i.appkf_01{
	background-color:#fff;
	background-image:url(../images/appkf.png);
	background-repeat:no-repeat;
	background-position:center;
}
.row .feature-wrap i.appkf_01:hover{
	background-color:#9bdc87;
	background-image:url(../images/appkf_01.png);
	background-repeat:no-repeat;
	background-position:center;
}
.row .feature-wrap i.wzjs{
	background-image:url(../images/wzjs.png);
	background-repeat:no-repeat;
	background-position:center;
}
.row .feature-wrap i.wzjs:hover{
	background-color:#9bdc87;
	background-image:url(../images/wzjs_01.png);
	background-repeat:no-repeat;
	background-position:center;
}
.row .feature-wrap i.wzjs_01{
	background-color:#9bdc87;
	background-image:url(../images/wzjs_01.png);
	background-repeat:no-repeat;
	background-position:center;
}
.row .feature-wrap i.gzh{
	background-image:url(../images/gzh.png);
	background-repeat:no-repeat;
	background-position:center;
}
.row .feature-wrap i.gzh:hover{
	background-color:#9bdc87;
	background-image:url(../images/gzh_01.png);
	background-repeat:no-repeat;
	background-position:center;
}
.row .feature-wrap i.gzh_01{
	background-color:#9bdc87;
	background-image:url(../images/gzh_01.png);
	background-repeat:no-repeat;
	background-position:center;
}
.row .feature-wrap i.wx{
	background-image:url(../images/wx.png);
	background-repeat:no-repeat;
	background-position:center;
}
.row .feature-wrap i.wx:hover{
	background-color:#9bdc87;
	background-image:url(../images/wx_01.png);
	background-repeat:no-repeat;
	background-position:center;
}
.row .feature-wrap i.wx_01{
	background-color:#9bdc87;
	background-image:url(../images/wx_01.png);
	background-repeat:no-repeat;
	background-position:center;
}


/*App开发样式*/
.advantage{
	width:100%;
	background:#f2f7f0;
	padding:50px 0;
	padding-bottom: 70px;
}
.advantage h2{
	width:100%;
	font-size:32px;
	color:#4d4d4d;
	font-weight:600;
	text-align:center;
	margin-bottom:90px;
}
.advantage h2 span{
	color:#68b943;
}
.advantage_con h3{
	text-align:center;
	margin:0;
	margin-top:38px;
	margin-bottom:18px;
	font-size:22px;
	font-weight:600;
}
.advantage_con p{
	margin:0;
	font-size:18px;
	color:#6d6d6d;
}
.major{
	width:100%;
	background:#fff;
	padding:50px 0;
}
.major h2{
	width:100%;
	font-size:32px;
	color:#4d4d4d;
	font-weight:600;
	text-align:center;
	margin-bottom:90px;
}
.major h2 span{
	color:#68b943;
}
.team{
	text-align:center;
	margin-bottom: 60px;
	width: 100%;
	float: left;
}
.team .team_left{
	width:49.5%;
	float:left;
}
.left_top{
	width:100%;
	height:503px;
}
.left_top .top_text{
	width: 278px;
	height:300px;
	margin-top: 223px;
	float:left;
	text-align:left;
}
.top_text h2{
	color:#313131;
	font-size:28px;
	margin:0;
	text-align:left;
}
.top_text em{
	font-style:normal;
	color:#444444;
	font-size:16px;
	margin-top: 5px;
	display: block;
}
.top_text p{
	color:#2f2f2f;
	font-size:20px;
	margin-top: 20px;
}
.left_top .top_img{
	width:260px;
	height:500px;
	background:#c9edf4;
	float:right;
	line-height:500px;
	text-align:center;
	color:#fff;
	font-size:74px;
	font-weight:600;
}
.left_bottom{
	width:100%;
	margin-top:20px;
}
.left_bottom .bottom_img{
	width:500px;
	height:262px;
	line-height:262px;
	background:#d3f4c9;
	float:right;
	font-size:74px;
	color:#fff;
	font-weight:600;
	text-align:center;
}
.left_bottom .bottom_text{
	width: 278px;
	height:300px;
	margin-top: 30px;
	float:right;
	text-align:left;
}
.bottom_text h2{
	color:#313131;
	font-size:28px;
	margin:0;
	text-align:left;
}
.bottom_text em{
	font-style:normal;
	color:#444444;
	font-size:16px;
	margin-top: 5px;
	display: block;
}
.bottom_text p{
	color:#2f2f2f;
	font-size:20px;
	margin-top: 20px;
}
.team .team_right{
	width:49.5%;
	float:right;
}
.team_right .right_top{
	width:100%;
	position: relative;
	float: left;
}
.right_top .top_text{
	width: 278px;
	float: left;
	text-align:left;
	margin-left: 51px;
	position: absolute;
	bottom: 271px;
}
.top_text h2{
	color:#313131;
	font-size:28px;
	margin:0;
	text-align:left;
}
.top_text em{
	font-style:normal;
	color:#444444;
	font-size:16px;
	margin-top: 5px;
	display: block;
}
.top_text p{
	color:#2f2f2f;
	font-size:20px;
	margin-top: 20px;
}
.right_top .top_img{
	float:left;
	width:500px;
	height:262px;
	line-height:262px;
	background:#f0f4c9;
	margin-top: 294px;
	margin-left: 10px;
	font-size: 74px;
	color: #fff;
	font-weight: 600;
}
.right_bottom{
	width:100%;
	float: left;
	margin-top: 21px;
}
.right_bottom .bottom_img{
	width:260px;
	height:500px;
	background: #f4c9c9;
	float:left;
	line-height:500px;
	text-align:center;
	color:#fff;
	font-size:74px;
	font-weight:600;
	margin-left: 10px;
}
.right_bottom .bottom_text{
	width: 278px;
	height:300px;
	margin-top: 60px;
	float: right;
	text-align:left;
}
.bottom_text h2{
	color:#313131;
	font-size:28px;
	margin:0;
	text-align:left;
}
.bottom_text em{
	font-style:normal;
	color:#444444;
	font-size:16px;
	margin-top: 5px;
	display: block;
}
.bottom_text p{
	color:#2f2f2f;
	font-size:20px;
	margin-top: 20px;
}

.tab li{
	text-align:center;
}
.tab li span{
	display:inline-block;
	width:184px;
	height:60px;
	line-height:60px;
	background:#f6f9f5;
	font-size:20px;
	color:#929292;
	font-weight:600;
	cursor:pointer;
}
.tab li span:hover{
	color:#fff;
	background:#68b943;
}
.tab .thisspan span{
	color:#fff;
	background:#68b943;
}
.con{
	width:100%;
	overflow: hidden;
	position: relative;
	margin: 0;
	margin-bottom:40px;
}
.matter{
	margin-top:47px;
	display:none;
}
.matter li{
	text-align:center;
	padding: 0;
}


/*网站建设首页*/
.quality{
	width:100%;
	min-height:2px;
	background:#fcfbf8;
	padding:100px 0;
	float:left;
	padding-bottom: 200px;
}
.quality .quality_con{
	width:84.79166666666667%;
	float:right;
	position: relative;
}
.quality_con img{
	float:right;
	width:65.6019656019656%;
}
.quality_con .quality_text{
	width:46.80589680589681%;
	background: rgba(255, 255, 255, 0.8);
	position: absolute;
	top: 11.89488243430152%;
}
.quality_con .quality_text .text{
	padding:0 16%;
	width: 100%;
	height:100%;
}
.text p{
	margin-top:11.89488243430152%;
	color:#818181;
	font-size:16px;
	margin-bottom: 5px;
}
.text h2{
	font-size:32px;
	color:#393939;
	vertical-align:bottom;
	margin-top: 0px;
}
.text h2 span{
	font-weight:600;
	display:inline-block;
	vertical-align:bottom;
}
.text .dazao{
	margin-top:37px;
	font-size:24px;
	color:#5a5a5a;
	line-height: 4rem;
}
.characteristic{
	width:100%;
	padding:50px 0;
	background:#f6fcf5;
	float:left;
	margin-bottom: 95px;
}
.one_characteristic{
	width:100%;
	position:relative;
	margin-bottom:170px;
}
.one_characteristic .char_con{
	width:662px;
	height:500px;
	background: rgba(255, 255, 255, 0.8);
	position:absolute;
	top:-65px;
}
.char_con h2{
	font-size:32px;
	font-weight:600;
	margin-top:45px;
	margin-left:35px;
	margin-bottom: 50px;
}
.char_con p{
	margin-left:35px;

	font-size:24px;
	color:#3a3a3a;
	line-height:40px;
	max-width: 481px;
}
.one_characteristic .char_left{
	left:79px;
}
.one_characteristic .char_right{
	right:60px;
}
.one_characteristic:last-child{
	margin-bottom:0;
}
.but{
	width:100%;
	text-align:center;
	margin-top:165px;

	margin-bottom:100px;
}
.but a{
	display:inline-block;
	width:340px;
	height:66px;
	line-height:66px;
	color:#fff;
	text-align:center;
	font-size:24px;
	background:#68b943;
	border-radius:8px;
}



/*微信公众号首页样式*/
.efficient{
	width:100%;
	background:#fff;
	padding:50px 0;
	margin-bottom: 83px;
}
.efficient_title{
	width:100%;
	text-align:center;
}
.efficient_title h2{
	font-weight:600;
	color:#2d2d2d;
	font-size:32px;
	margin-bottom:0;
}
.efficient_title p{
	color:#a0a0a0;
	font-size:16px;
	margin-top:20px;
}
.efficient_con{
	margin-top:126px;
	width:100%;
	float:left;
}
.efficient_con .one{
	width:100%;
	position:relative;
	float: left;
}
.efficient_con .three{
	width:100%;
	float:left;
	margin-top:140px;
	position: relative;
}
.three img{
	width:85%;
	float:right;
}
.three_text{
	width:51%;
	background:url(../images/NO4.png) no-repeat top left rgba(219, 141, 128, 0.72);
	background-position-x: 11%;
	background-position-y: 45px;
	position:absolute;
	color:#fff;
	padding-bottom: 3rem;
}
.three_text h4{
	width:58%;
	text-align:center;
	font-size:28px;
	font-weight:600;
	margin: auto;
	margin-top: 14rem;
}
.three_text p{
	width:58%;
	margin:auto;
	font-size:22px;
	margin-top:30px;
	line-height:40px;
}
.one img{
	width: 48%;
	float:left;
}
.one .one_text{
	float:left;
	width: 51.484493%;
	background:url(../images/NO1.png) no-repeat top left #c0d8f7;
	background-position-x: 11%;
	background-position-y: 45px;
	color:#fff;
	margin-top: 40px;
	padding-bottom: 4rem;
}
.one .one_text1{
	background: url(../images/NO3.png) no-repeat top left rgba(192, 216, 247, 0.71);
	background-position-x: 11%;
	background-position-y: 45px;
	position:absolute;
	left: 45%;
}
.one_text h4{
	width:58%;
	text-align:center;
	font-size:28px;
	font-weight:600;
	margin: auto;
	margin-top: 13rem;
}
.one_text p{
	width:58%;
	margin:auto;
	font-size:22px;
	margin-top:30px;
	line-height:40px;
}
.efficient_con .two{
	width:100%;
	margin-top: 140px;
	float: left;
	position: relative;
	margin-bottom: 140px;
}
.two .two_text{
	width:58%;
	position:absolute;
	background:url(../images/NO2.png) no-repeat top left rgba(219, 161, 163, 0.8);
	background-position-x: 11%;
	background-position-y: 45px;
	color:#fff;
	top: 40px;
	left: -40px;
	padding-bottom: 3rem;
}
.two_text h4{
	width:58%;
	text-align:center;
	font-size:28px;
	font-weight:600;
	margin: auto;
	margin-top: 14rem;
}
.two_text p{
	width:58%;
	margin:auto;
	font-size:22px;
	margin-top:30px;
	line-height:40px;
}
.exhibition{
	width:100%;
	background:#f6fbf3;
	padding:50px 0;
	margin-top:50px;
	position:relative;
}
.ex_title{
	width:100%;
	font-size:32px;
	color:#2d2d2d;
	font-weight:600;
	text-align:center;
	position:absolute;
	top:-20px;
}
.slider{
	position: relative;
	overflow: hidden;
	display: block;
}
.slider ul{
	width:10000px;
	position:relative;
}
.slider .dong{
    transition: all 1000ms ease-in;
    transform: translateX(-255px);
}
.slider li{
	width: 214px;
	padding:0 15px;
	margin-top: 50px;
}
.slider .ce_left{
	width:220px;
}
.slider .ce_left{
	width: 231px;
	margin-top: 33px;
}
.slider .slick-center{
	width: 265px;
	margin-top: 0;
}
.jain_left,.jain_right{
	display:inline-block;
	width:40px;
	height:40px;
	position:absolute;
	top: 200px;
}
.jain_left{
	left: 100px;
}
.jain_right{
	right: 85px;
}


/*小程序首页*/
.play{
	width:100%;
	min-height:2rem;
	background:#fff;
	padding:50px 0;
	padding-bottom:0;
	float: left;
	margin-bottom: 70px;
}
.miniApp{
	width:100%;
	padding:50px 0;
}
.miniApp li img{
	-webkit-box-shadow: 0 6px 20px #c8d8c0;
    box-shadow: 0 6px 20px #c8d8c0;
}
.playing{
	width:100%;
	float:left;
	min-height:50px;
}
.one_playing{
	width:100%;
	background:#fff;
	padding:50px 0; 
}
.two_playing{
	width:100%;
	background:#fafafa;
	padding:50px 0;
}
.one_playing .play_con , .two_playing .play_con{
	width:1024px;
	margin:auto;
	position:relative;
	margin-top: 128px;
}
.play_con img{
	width:100%;
}
.play_con .paly_text{
	width:629.59px;
	height:328.06px;
	background: rgba(255, 255, 255, 0.71);
	position:absolute;
	left:-162px;
	top:-127px;
}
.two_playing .play_con .paly_text{
	width:629.59px;
	height:328.06px;
	background: rgba(255, 255, 255, 0.71);
	position:absolute;
	left:auto;
	right: 39px;
	top:-127px;
}
.paly_text h3{
	font-size:32px;
	font-weight:600;
	color:#515151;
	margin-left:80px;
	margin-top:30px;
}
.paly_text p{
	margin-left:80px;
	color:#585858;
	font-size:22px;
	width: 381px;
}
.paly_text span{
	display:inline-block;
	width:80px;
	height:80px;
	background:url(../images/se.png) no-repeat;
	text-align:center;
	position:absolute;
	top: -69px;
	left: -23px;
	line-height: 80px;
	color: #fff;
	font-size: 42px;
	font-weight: 600;
}
.two_playing .paly_text h3{
	font-size:32px;
	font-weight:600;
	color:#515151;
	margin-right:80px;
	margin-top:30px;
	text-align:right;
}
.two_playing .paly_text p{
	margin-right:80px;
	color:#585858;
	font-size:22px;
	width: 381px;
	text-align:right;
	float: right;
}
.two_playing .paly_text span{
	display:inline-block;
	width:80px;
	height:80px;
	background:url(../images/se.png) no-repeat;
	text-align:center;
	position:absolute;
	top: -69px;
	right: -23px;
	line-height: 80px;
	color: #fff;
	left:auto;
	font-size: 42px;
	font-weight: 600;
}
.text22{
	color:#fff;
	font-size:24px;
	line-height:85px;
	text-align:center;
	width:100%;
	height:85px;
	background: rgba(0, 0, 0, 0.31);
	position: absolute;
	bottom: 91px;
}

/*项目流程*/
.flow{
	width:100%;
	/* float:left; */
	padding:50px 0;
	padding-bottom: 100px;
}
.new-cont {
    height: 300px;
}
.new-cont .new-menu {
    position: relative;
}
.new-menu div {
    position: absolute;
    top: 0px;
}
.new-menu div:nth-child(1) {
    left: -20px;
}
.juxing{
	width:270px;
	height:240px;
	background: url(../images/juxing.png) no-repeat center right 10px;
}
.juxing h2{
	font-weight:600;
	font-size:62px;
	color:#333333;
	text-align:center;
	margin-left: 41px;
	margin-top: 71px;
}
.juxing p{
	font-size:22px;
	color:#333333;
	margin: auto;
	text-align: center;
	width: 135px;
	margin-left: 89px;
}
.bai_ju{
	width:270px;
	height:240px;
	background: url(../images/bai_ju.png) no-repeat center right 5px;
	text-align:center;
}
.bai_ju img{
	margin-top: 42px;
	width:63px;
	height:63px;
	border-radius:150px;
	display: inline-block;
}
.bai_ju p{
	font-size:16px;
	color:#333333;
	width:150px;
	margin-top: 20px;
	margin-left: 56px;
}
.new-menu .overlay1:nth-child(2) {
    left: 318px;
}
.new-menu .overlay1:nth-child(3) {
    top: 99px;
    left: 150px;
}