/*二级页面*/
/*banner*/
.banner-ej{width:100%;}
.banner-ej img{width:100%;display:block;}

/*标题*/
.ej-title{background-color:none;background:rgba(0,0,0,0);background:#000\9;filter:alpha(opacity=20)\9;}
.ej-title h1{color:#333;position:relative\9;}
.ej-title a.erji{background:url(../images/ejnav-btn.png) 0 center no-repeat;display:block;width:30px;height:3em;padding-right:10px;}
.ej-title h1 span{color:#333;}
.index_title2{margin-bottom:0;}
/*内容*/
.padding-nr{padding:0 10px;}
.sj-text h1{font-size:1.2em;text-align:center;line-height:2em;width:75%;margin:auto;}
.sj-text p{font-size:0.8em;text-align:center;color:#666;line-height:2em;}
.sj-text p span{margin:10px 3px;}
/*列表分类*/
.list{padding:1em 0 0;}
.list .btn{width:80%;margin:auto;height:3em;}
.list .btn li{width:24%;margin:0 4%;border-radius:0.5em;border:1px solid #3b96d2;float:left;position:relative;line-height:1.5em;height:1.5em;}
.list .btn li img{display:none;position:absolute;top:1.5em;left:50%;margin-left:-15%;width:30%;}
.list .btn li a{display:block;text-align:center;line-height:1.5em;font-size:1em;}
.list .btn li.on a{background-color:#3b96d2;color:#fff;}
.list .btn li.on img{display:block;}
/*图片列表*/
.list-pic{width:94%;margin:auto;}
.list-pic li{width:48.5%;margin-right:3%;margin-bottom:3%;float:left;}
.list-pic li:nth-child(even){margin-right:0}
.list-pic li a{display:block;}
.list-pic li img{width:100%;}
.list-pic li h2{font-size:14px;color:#666;line-height:1.2em;margin-top:0.5em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.list-pic li h1{font-size:1.2em;color:#666;line-height:1.5em;}
.list-pic li h3{font-size:0.8em;color:#666;line-height:1.3em;margin-top:0.2em;height:2.5em;overflow:hidden;}
.list-pic li p{font-size:0.8em;color:#3299dc;line-height:1.2em;margin-top:0.2em;}

.list-pic2{width:94%;margin:auto;}
.list-pic2 li{width:48.5%;margin-right:3%;margin-bottom:3%;float:left;}
.list-pic2 li:nth-child(even){margin-right:0}
.list-pic2 li a{display:block;}
.list-pic2 li img{width:100%;}
.list-pic2 li h2{font-size:14px; text-align:center;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:0.5em}

/*文章单页*/
.art-text{width:98%;margin:1em auto 0.5em;}
.art-text h1{font-size:1.2em;text-align:center;line-height:1.5em;}
.art-text h2{font-size:12px;text-align:center;color:#666;text-align:center;margin-top:0.5em}
.art-text .text{width:92%;margin:0 auto;margin-top:5%;overflow:hidden;}
.art-text .text img{width:100%;}
.biaoti{text-align:center}
.biaoti h2{font-size:20px;font-weight:bold;color:#00589f}
.biaoti h3{font-size:13px;color:#888;margin-top:6px}
/*联系我们页*/
.contactbox{}
.contactbox .title{width:30%;margin:0.8em auto;}
.contactbox .title img{width:100%;}
.contactbox .linx{}
.contactbox .linx li{float:left;width:30%;margin:0.5em 1.5%;height:7em;padding:0.5em 0;}
.contactbox .linx li .imgbox{width:20%;height:3em;margin:auto;background-size:100%;}
.contactbox .linx li.lx-1 .imgbox{background:url(../images/contact-1.png) center center no-repeat;background-size:100%;}
.contactbox .linx li.lx-2 .imgbox{background:url(../images/contact-2.png) center center no-repeat;background-size:100%;}
.contactbox .linx li.lx-3 .imgbox{background:url(../images/contact-3.png) center center no-repeat;background-size:100%;}
.contactbox .linx li.lx-1{background-color:#fad1d1;}
.contactbox .linx li.lx-2{background-color:#d6eea1;}
.contactbox .linx li.lx-3{background-color:#c3e6fa;}
.contactbox .linx li h1{text-align:center;font-size:1em;}
.contactbox .linx li p{text-align:center;font-size:0.8em;line-height:1.2em;width:95%;margin:auto;}
.contactbox .arrive{background-color:#bdddf1;padding:0.5em 0;}
.contactbox .arrive ul{width:80%;margin:auto;}
.contactbox .arrive li{margin-bottom:1em;}
.contactbox .arrive li h1{font-size:1.2em;line-height:2em;margin-bottom:0.5em;}
.contactbox .arrive li p{font-size:0.8em;line-height:1.5em;}
.contactbox .arrive li.arr-1 h1{background:url(../images/arrive-1.png) 0 center no-repeat;padding-left:2.5em;color:#31a0e1;background-size:10%;}
.contactbox .arrive li.arr-2 h1{background:url(../images/arrive-2.png) 0 center no-repeat;padding-left:2.5em;color:#9ac047;background-size:10%;}
/*案例展示*/
.case-show{width:100%;overflow:hidden;}
.case-show img{width:100%;display:block;}
.case-show a.back{width:30%;background-color:#3399dc;color:#fff;display:block;height:1.8em;line-height:1.8em;font-size:0.8em;text-align:center;border-radius:5px;margin:1em auto;}
/*列表下一页*/
.sxy{font-size:1.2em;width:88%;margin:auto;line-height:2em;}
.sxy a{display:block;width:1.6em;height:1.8em;font-size:1.2em;float:left;color:#3b96d2;text-align:center;padding:0 0 0.5em;line-height:1.8em;}
.sxy .on{width:1.6em;height:1.8em;background:#3b96d2;float:left;color:#fff;display:block;text-align:center;line-height:1.8em;font-size:1.2em;}
.sxy .biga{width:4em;}
.ej .col-3 .sxy{margin-top:-20px;}
/*单页下一页*/
.next-tiao{margin:10px 0;}
.next-tiao p{text-align:left;font-size:1em;line-height:2em;}
.next-tiao p a{color:#3b96d2;}
/*位置*/
.location{font-size:0.87em;line-height:1.5em;height:1.5em;margin-top:1em;margin-left:1em;}

/*专题页*/
/*软件开发*/
.ruanjian h2{line-height:1.8em;font-size:15px;font-weight:600;}
.ruanjian h3{line-height:1.6;font-size:13px;margin-top:1%}
.ruanjian p{font-size:0.6em;line-height:1.2em;margin-top:1em;}
.ruanjian .textbox{width:64%;}
.ruanjian .imgbox{width:25%;}
.ruanjian .imgbox img{width:100%;}

.rj-bg1{background:url(../images/ruanjian_04.jpg) 0 0 no-repeat;background-size:cover;}
/*app开发*/
.title-kf{text-align:center;}
.title-kf h2{font-size:17px;}
.title-kf p{font-size:12px;color:#504f54;margin-top:3px}
.title-kf-b h2,.title-kf-b p{color:#fff}
.appwhy-nr li.ml{width:50%;}
.appwhy-nr li{float:left;width:33.333%;margin-top:5%;text-align:center}
.appwhy-img{}
.appwhy-img img{height:40px;    display: inline-block;}
.appwhy-img1{width:100%;height:100%;background:url(../images/app-why-1s.png) center center no-repeat;}
.appwhy-img2{width:100%;height:100%;background:url(../images/app-why-2s.png) center center no-repeat;}
.appwhy-img3{width:100%;height:100%;background:url(../images/app-why-3s.png) center center no-repeat;}
.appwhy-img4{width:100%;height:100%;background:url(../images/app-why-4s.png) center center no-repeat;}
.appwhy-img5{width:100%;height:100%;background:url(../images/app-why-5s.png) center center no-repeat;}
.appwhy-nr h2,.appwhy-nr p{font-size:15px;margin-top:5px;}
.appwhy-nr p{font-size:12px;margin-top:10px;width:80%;margin:auto;line-height:1.6}

.appkaifa{position:relative;padding:5% 0}
.ys-bg{background:#d0ecfe;}
.ys-img{width:30%;position:absolute;margin-left:-15%;left:50%;top:5.5em;}
.advantage{width:30%;margin-bottom:2em;margin-top:1em}
.advantage li{width:100%;overflow:hidden;font-size:0.6em;line-height:1.5em;margin-top:1.5em;text-align:right}
.wmysr li{text-align:left}


/*产品介绍*/
.product {
	background: url(../images/cpbg.jpg) no-repeat center center;
	background-size: cover;
	padding: 4% 0;
	margin-top: 3%;
	padding-bottom: 2%
}
.cpmain {
	margin-top: 3%;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: flex-start;
	position:relative
}

.cpmain_r {
	width: 92%;
    margin: 0 auto;
    margin-top: 3%;
    position: relative;
    z-index: 10;
}
.cpjs {
	background: #fff;
	border-radius: 3px;
	padding: 4% 3%;
	box-shadow: 0 0 10px 1px rgba(0,0,0,.1);
}
.cpjst {
	text-align: center;
	font-size: 20px;
	color: #253682
}
.cpjst img {
	height:20px;
	margin-bottom: -4px;
	display: inline-block;
}
.cpjst img:nth-child(2) {
	margin-left: 10px;
}
.cpinfo {
	margin-top: 2%
}
.cpinfo p {
	font-size: 14px;
	line-height:1.8;
	background: url(../images/cpico.png) no-repeat left 10px;
    padding-left: 25px;
    box-sizing: border-box;
}
.cpgn {
	background: #fff;
	border-radius: 3px;
	padding: 3%;
	box-shadow: 0 0 10px 1px rgba(0,0,0,.1);
	margin-top: 4%
}
.cpgn > h2 {
	font-size: 20px;
	color: #253682;
	text-align: center;
}
.cpgn > h2 i {
	display: inline-block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	position: relative;
	top: 5px;
	color: #fff;
	text-align: center;
	font-size:26px;
	background: #253682;
	border-radius: 100%;
	font-style: normal;
}
.cpgnlist {
	margin-top: 5%
}
.cpgnlist li {
	float: left;
	width: 31.3%;
	margin-right: 3%
}
.cpgnlist li:nth-child(3n+0) {
	margin-right: 0
}
.cpgnlist li dt {
	position: relative;
	overflow: hidden;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	transition: all 300ms
}
.cpgnlist li dt .imgstyle {
	transition: all 300ms
}
.cpgnlist li dt i {
	font-size: 14px;
	padding-top:5px;
	box-sizing: border-box;
	position: absolute;
	left: 50%;
	bottom: -15px;
	transform: translateX(-50%);
	width:35px;
	height: 35px;
	text-align: center;
	background: #fff;
	border-radius: 100%;
	z-index: 10;
	font-style: normal;
}
.cpgnlist li dd {
	margin-top: 15px;
	padding: 0 3%;
	box-sizing: border-box
}
.cpgnlist li dd h2 {
	text-align: center;
	font-size:16px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	transition: all 300ms
}
.cpgnlist li dd p {
	color: #777;
	font-size: 14px;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 1.4;
	margin-top:0.2em;
}
.cpgnlist li:hover dd h2 {
	color: #253682
}
.cpgnlist li:hover dt i {
	background: #253682;
	color: #fff
}
.cpgnlist li:hover dt {
	box-shadow: 0 0 20px 1px rgba(0,0,0,.2)
}
.cpgnlist li:hover dt .imgstyle {
	transform: scale(1.05)
}
.nyproduct{ margin:0}
.cznbox{ padding:4% 0}
.czlist{display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content:flex-start;}
.czlist li{text-align:center;width: 48.5%; margin-right:1%; margin-top:4%}
.czlist li:nth-child(even){margin-right:0}
.czlist li dt{ font-size:15px; color:#33c282; border:1px dashed #33c282; height:36px; line-height:36px; width:80%; margin:0 auto; border-radius:5px; white-space:nowrap; overflow:hidden;text-overflow: ellipsis; margin-bottom:10%;transition:all 300ms; padding:0 6px; box-sizing:border-box}
.czlist li dd img{ width:100%}
.czlist li dd{ transition:all 300ms}
.czlist li:hover dd{ transform:translateY(-3px) scale(1.01)}
.czlist li:hover dt{ background:#33c282; color:#fff}

.tfcsbox{ background:url(../images/cpbg.jpg) no-repeat top center; padding:4% 0}
.tfcslist{display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content:space-between; margin-top:4%}
.tfcslist li{flex:1;margin-right:1.5%; height:200px; position:relative; background-position:left center;transition: all 1000ms;}
.tfcslist li:after{ content:""; position:absolute; left:0; bottom:0; right:0; top:0; 
background: -webkit-linear-gradient(top,rgba(0,0,0,0) 70%, rgba(0,0,0,.7) 100%); 
background: -o-linear-gradient(bottom,rgba(0,0,0,0) 70%, rgba(0,0,0,.7) 100%);
background: -moz-linear-gradient(bottom,rgba(0,0,0,0) 70%, rgba(0,0,0,.7) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 70%, rgba(0,0,0,.7) 100%);}
.tfcslist li.active{ flex:2.4}
.tfcslist li:last-of-type{ margin-right:0}
.tfcslist li p{ z-index:10; color:#fff; padding:0 10px; box-sizing:border-box; position:absolute; left:0; bottom:5px; right:0; font-size:14px;}
.cptitle {
	text-align: center
}
.cptitle h2 {
	font-size:20px;
}
.cptitle h3 {
	display: inline-block;
	font-size: 14px;
	color: #777777;
	text-transform: uppercase;
}
.cptitle h3 i {
	display: inline-block;
	width: 20px;
	height: 1px;
	background: #dddddd;
	position: relative;
	top: -5px;
	margin: 0 15px;
}

@media all and (min-width:380px) and (max-width: 600px) {
		.ys-img{width:30%;position:absolute;margin-left:-15%;left:50%;top:4em;}
		.advantage{width:30%;margin-bottom:2.5em;margin-right:1.2em;}
		.appkaifa .margin-l10{margin-left:1.2em;}
		.advantage li{width:100%;overflow:hidden;font-size:1em;line-height:2em;margin-top:1em;}

    }
/*查看案例按钮*/
.casebtn{background:#3399dc;color:#fff;display:block;width:40%;height:2.4em;font-size:1em;line-height:2.4em;text-align:center;margin:auto;border-radius:50px;margin-bottom:1em;margin-top:1em;}
@media all and (min-width:340px) and (max-width:500px) {
	.casebtn{height:2.4em;font-size:1.1em;line-height:2.4em;}
    }  

/*微信开发*/
.weixin-1{background: url(../images/weixin-kaifa-1bg.png) 0 0 no-repeat;background-size:100%;margin-top:1em;}
.weixin .bg{position:absolute;top:0.5em;width:100%;margin-left:-50%;left:50%;z-index:0}
.weixin-1 .text{z-index:3;width:50%;margin:auto;padding:6em 0 8em;}
.weixin-1 .text h1{font-size:1.2em;line-height:1.8em;text-align:center;margin-bottom:1.5em;}
.weixin-1 .text p{font-size:1em;line-height:1.5em;}
@media all and (min-width:300px) and (max-width: 340px) {
		.weixin-1 .text{padding:3em 0 4em;}
		.weixin-1 .text h1{margin-bottom:1em;}
    }
@media all and (min-width:340px) and (max-width:410px) {
		.weixin-1 .text{padding:5em 0 7em;}
    }  

.weixin-2{background:url(../images/weixin_02.jpg) 0 0 no-repeat;background-size:cover;padding:5% 0;padding-bottom:1%}
.wx-hangye-fl{width:100%;margin-top:5%}
.wx-hangye-fl li{float:left; width:25%; text-align:center;margin-bottom:6%;}
.wx-hangye-fl li dt{ width:50px; height:50px; margin:0 auto; background:#087bc7; border-radius:100%;padding-top:6px; box-sizing:border-box; position:relative;}
.wx-hangye-fl li dt:before{ content:""; position:absolute; left:-5px; top:-5px; right:-5px; bottom:-5px; background:rgba(8,123,199,.5);border-radius:100%;}
.wx-hangye-fl li dt img{ height:35px;display:block;margin:auto; position:relative; z-index:10}
.wx-hangye-fl li dd{text-align:center;font-size: 14px;color:#fff; margin-top:10px;}
.weixin-2 .title-kf {margin:0.5em auto;}
.weixin-2 .title-kf h1{line-height:1.8em;}
.weixin-2 .title-kf p{margin-bottom:0.2em;}
@media all and (min-width:300px) and (max-width: 340px) {
	
    }
.weixin-3{padding-top:1em;}
.weixin-3 .text{width:50%;margin-left:0.8em;margin-top:1em;}
.weixin-3 img{width:40%;}
.weixin-3 .text h2{text-align:right;font-size:15px;font-weight:600}
.weixin-3 .text p{text-align:right;font-size:12px;margin-top:5px;line-height:1.6}

.weixin-4{background:#d9ecfa;}
.weixin-4 .text{margin-top:0em;margin-right:0.8em;margin-bottom:1em;}
.weixin-4 .text h2,.weixin-4 .text p{text-align:left}
.weixin-4 img{margin-left:0.5em}
.weixin-5{padding:1em 0 0;}
.weixin-5 h1{font-size:1.2em;line-height:2em;text-align:center;color:#3399dc;}
@media all and (min-width:300px) and (max-width:400px) {
	.weixin-4 img{margin-top:2em;}
    }

/*网站建设*/
.wzjs-1{padding:5% 0}
.wzjs-1 ul{}
.wzjs-1 li{width:50%;float:left;margin-top:4%}
.wzjs-1 li .imgbox{width:65px;height:65px;margin:auto;}
.wzjs-1 li.li-1 .imgbox{background:url(../images/wangzhan.png) center center no-repeat;background-size:100%;}
.wzjs-1 li.li-2 .imgbox{background:url(../images/wangzhan2.png) center center no-repeat;background-size:100%;}
.wzjs-1 li.li-3 .imgbox{background:url(../images/wangzhan3.png) center center no-repeat;background-size:100%;}
.wzjs-1 li.li-4 .imgbox{background:url(../images/wangzhan4.png) center center no-repeat;background-size:100%;}
.wzjs-1 li h2{font-size:15px;text-align:center;color:#333;width:80%;margin:auto;}
.wzjs-1 li p{font-size:12px;line-height:1.6;height:57px;text-align:center;color:#666;padding:0 20px;box-sizing:border-box;margin-top:5px}
.wzjs-2{background:url(../images/wzjs_06.jpg) 0 0 no-repeat;background-size:100%;}
.wzjs-2 .title-kf-b{color:#fff;padding-top:1em;}
.wzjs-2 .pa{top:6%;left:0;width:100%;z-index:45;}
.wzjs-2 ul{margin-top:2%}
.wzjs-2 li{width:20%;float:left;}
.wzjs-2 li .box{width:62px;height:62px;margin:auto;border-radius:50%;border:1px dashed #fff;padding-top:5px;box-sizing:border-box;position:relative}
.wzjs-2 li .box:before{content:"";position:absolute;left:3px;top:3px;bottom:3px;right:3px;border-radius:50%;background:rgba(255,255,255,.3)}
.wzjs-2 li .imgbox{width:30px;height:30px;margin:auto;}
.wzjs-2 li.li-1 .imgbox{background:url(../images/weico1cur.png) center center no-repeat;background-size:60%;}
.wzjs-2 li.li-2 .imgbox{background:url(../images/weico2cur.png) center center no-repeat;background-size:60%;}
.wzjs-2 li.li-3 .imgbox{background:url(../images/weico3cur.png) center center no-repeat;background-size:60%;}
.wzjs-2 li.li-4 .imgbox{background:url(../images/weico4cur.png) center center no-repeat;background-size:60%;}
.wzjs-2 li.li-5 .imgbox{background:url(../images/weico5cur.png) center center no-repeat;background-size:40%;}
.wzjs-2 li h2{font-size:12px;text-align:center;line-height:1.2em;color:#fff;letter-spacing: -1px;}
@media all and (min-width:300px) and (max-width:400px) {
	.wzjs-2 .title-kf-b{color:#fff;margin:0 auto;padding-top:0em;}
	.wzjs-2 .title-kf-b p{margin:0 auto 0.2em;}
    }
.wzjs-3{background:#eee;padding:5% 0} 
.wzjs-3 .title-kf-b{margin:0 auto;}
.wzjs-3 img{width:90%;display:block;margin:auto;margin-top:4%}

.wzjs-4 .pa{top:7%;left:0;width:100%;z-index:45;}
.wzjs-4 .pa img{width:70%;margin:auto;display:block;margin-top:4%}

.wzjs-5 .pa{top:12%;left:0;width:100%;z-index:45;}
.wzjs-5 img.fl{width:30%;margin-left:1em;margin-top:5%}
.wzjs-5 div.fr{width:58%;margin-right:1em;}
.wzjs-5 div.fr p{font-size:0.8em;line-height:1.8em;color:#fff;margin-top:2em;}
.wzjs-5 p b{color:#fff;}
@media all and (min-width:300px) and (max-width:360px) {
	.wzjs-5 div.fr p{font-size:0.6em;line-height:1.2em;}
    }

.xys h1{font-size:1em;text-align:center;line-height:1.5em;margin:1em 0;}
.xys-1 img{width:40%;margin-left:1em;}
.xys-1 h1.fr{width:50%;text-align:left;margin-top:2em;}
.xys-2{padding:0.1em 0 1em;}
.xys-2 p{width:88%;margin:auto;line-height:1.5em;font-size:0.8em;text-indent:2em;}
.xys-3 h1,.xys-3 p{width:80%;margin:auto;}
.xys-4{}
.xys-4 .text{text-align:right;width:90%;right:1em;bottom:1em;}
.xys-4 .text h1{margin:0;text-align:right;}

.webjs-1 {background:#eee;padding-top:0.1em;}
.webjs-1 h1{font-size:1.2em;text-align:center;line-height:1.2em;margin:1em 0 0.5em;}
.webjs-1 h2{font-size:0.77em;width:90%;margin:auto;text-align:center;}
.webjs-1 p{font-size:0.77em;width:90%;margin:auto;text-align:center;}

.webjs-2{}
.webjs-2 h1{font-size:1.2em;text-align:center;line-height:1.2em;margin:1em 0 0.5em;}
.webjs-2 ul{}
.webjs-2 ul li{width:90%;overflow:hidden;padding:1%;margin-bottom:0.5em;}
.webjs-2 ul li.li-1{margin-right:10%;background:#dcdcdc;}
.webjs-2 ul li.li-3{margin-right:10%;background:#dcdcdc;}
.webjs-2 ul li.li-5{margin-right:10%;background:#dcdcdc;}
.webjs-2 ul li.li-2{margin-left:10%;background:#3b96d2;}
.webjs-2 ul li.li-4{margin-left:10%;background:#3b96d2;}
.webjs-2 ul li img{width:10%;margin-left:10px;margin-top:10px;}
.webjs-2 ul li.li-2 img{margin-right:10px;}
.webjs-2 ul li.li-4 img{margin-right:10px;}
.webjs-2 ul li .text{width:78%;padding:0 5px 10px;}
.webjs-2 ul li .text h1{text-align:left;}
.webjs-2 ul li.li-2 .text h1{color:#fff;text-align:right;}
.webjs-2 ul li.li-2 .text p{color:#fff;}
.webjs-2 ul li.li-4 .text h1{color:#fff;text-align:right;}
.webjs-2 ul li.li-4 .text p{color:#fff;}

/*套餐*/
.tc img{width:50%;margin:10px 0;}
.tc table{width:92%;margin: auto;font-size:0.8em;line-height:1.2em;}
.tc table td{padding:10px;overflow:hidden;}
.tc .bt{width:26%;text-align:center;font-weight:bold;padding:3px;}
.tc .bg-ye{background:#f7f7f7;}
.tc .bg-qb{background:#e8f5fe;}


.qywh{background:#f7f8f8;padding:5% 0}
.whimg{margin-top:5%}
.whimg img{width:100%}


/*小程序开发*/
.xcxkf{background:none;padding:6% 0}
.xcxico img{height:50px}
.xcxicolist li{float:left;width:50%;text-align:center;padding:0 5%;box-sizing:border-box;margin-top:5%}
.xcxico img{display:inline-block}
.xcxicolist li h2{font-size:15px;margin-top:0.5em}
.xcxicolist li p{font-size:12px;color: #666;line-height:1.7;margin-top:0.5em}
.whykfxbox{background:#f2f3f5;padding:6% 0}
.whykfx{margin-top:4%;padding:0 3%}
.whykfx li{ float:left;width:48%; margin-right:4%;background:#fff; border-radius:8px;text-align:center;padding:4% 0;box-sizing:border-box; transition:all 300ms;margin-bottom:4%}
.whykfx li:nth-child(even){margin-right:0}
.whykfx li dt img{height:100px;display:inline-block}
.whykfx li dd h2{font-size:15px;margin-top:0.5em}
.whykfx li dd p{color:#888;font-size:12px;margin-top:0.5em; line-height:1.6;height:38px;overflow:hidden}
.whykfx li:hover{box-shadow:0 0 20px 1px rgba(160,166,243,.2); transform:translateY(-8px)}
.whykfx li:nth-child(2):hover{box-shadow:0 0 20px 1px rgba(251,201,88,.2);}
.whykfx li:nth-child(3):hover{box-shadow:0 0 20px 1px rgba(254,77,98,.2);}
.whykfx li:nth-child(4):hover{box-shadow:0 0 20px 1px rgba(31,198,175,.2);}
.xcxbox > div.xcxmain:nth-child(2){background:#f2f3f5}
.xcxinfo{padding:6%}
.xcximg{text-align:center}
.xcximg img{max-width:100%}
.xcxtext{margin-top:5%}
.xcxtext h2{font-size:15px;}
.xcxtext p{font-size:13px; color:#888;line-height:1.6;margin-top:2%}
.xcxhybox{background:#f2f3f5;padding:6% 0;}
.xcxhylist{margin-top:6%}
.xcxhylist li{float:left;width:32%;margin-right:2%;margin-bottom:2%;border-radius:8px;position:relative;overflow:hidden}
.xcxhylist li:before{content:"";position:absolute;left:0;top:0;bottom:0;right:0;background:rgba(2,23,36,.7);z-index:1;transition: all 300ms;}
.xcxhylist li:nth-child(3n+0){margin-right:0}
.xcxhylist li h2{position:absolute; left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:10;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xcxhy{width:92%;margin:0 auto}