/*动画效果*/
.hideshow {
	-webkit-transition: -webkit-transform .6s, opacity 1.8s;
	transition: transform .6s, opacity 1.8s;
	-webkit-transform: translate3d(0, 10%, 0) scale(.9);
	transform: translate3d(0, 10%, 0) scale(.9);
	opacity: 0;
}

.hideshow.on {
	-webkit-transform: translate3d(0, 0, 0) scale(1);
	transform: translate3d(0, 0, 0) scale(1);
	opacity: 1;
}



/*banner部分*/
#build-banner .center {
	position: relative;
	height: 3rem;
	overflow: hidden;
	background-image: url(../../../img/build_02.png);
}

#build-banner .center .icon {
	position: absolute;
	background-image: url(../../../img/imgshow3.png);
	background-size: contain;
	top: 0.2rem;
	right: 0;
	width: 4.04rem;
	height: 2.82rem;
	animation: virtualBannerimg 1s ease-in-out;
}

#build-banner .center .title {
	padding: 0;
	text-align: left;
	font-size: 0.48rem;
	color: #ef4359;
	position: absolute;
	top: 0.75rem;
	left: 0.4rem;
	font-weight: 400;
	z-index: 100;
	animation: virtualBannerh1 1s ease-in-out;
}

#build-banner .center h3 {
	padding: 0;
	font-size: 0.28rem;
	color: #fff;
	position: absolute;
	top: 2.1rem;
	left: 0.4rem;
	font-weight: 400;
	animation: virtualBannerh3 1s ease-in-out;
	z-index: 10;
}

/*网站建设服务*/
.border {
	display: inline-block;
	height: 1px;
	width: 100%;
	background: #CCCCCC;
	position: absolute;
	left: 0;
	right: 0;
	top: 49%;
	bottom: 0;
	z-index: 10;
}

.desc-h3 {
	display: inline-block;
	width: 100%;
	height: 1.22rem;
	margin: 0.16rem auto;
	position: relative;
	color: #666666;
	font-size: 0.36rem;
}

.desc-title {
	display: inline-block;
	width: auto;
	height: 1.22rem;
	line-height: 1.22rem;
	position: absolute;
	left: 36%;
	padding: 0 0.16rem;
	z-index: 1000;
	background: #FFFFFF;
}

.top-service {
	padding: 0 0.2rem;
	padding-bottom: 0.6rem;
	background: #FFFFFF;
	overflow: hidden;
}

.service-list {
	width: auto;
}

.service-list li {
	box-sizing: border-box;
	height: 1.2rem;
}

.service-list li.last {
	border-bottom: none;
}

.sl-left {
	width: 0.8rem;
	height: 0.8rem;
	display: inline-block;
	vertical-align: middle;
	margin-left: 0.18rem;
	margin-top: 0.18rem;
	margin-right: 0.18rem;
	border-radius: 50%;
	float: left;
}

.i1 {
	border: 2px solid #47efb9;
	background: url(../../../img/linksbg1.png) no-repeat center center;
	background-size: 0.43rem 0.43rem;
}

.i2 {
	border: 2px solid #f6b644;
	background: url(../../../img/linksbg2.png) no-repeat center center;
	background-size: 0.43rem 0.43rem;
}

.i3 {
	border: 2px solid #9c68e9;
	background: url(../../../img/linksbg3.png) no-repeat center center;
	background-size: 0.43rem 0.43rem;
}

.i4 {
	border: 2px solid #49a8fa;
	background: url(../../../img/linksbg4.png) no-repeat center center;
	background-size: 0.43rem 0.43rem;
}

.i5 {
	border: 2px solid #f26a9e;
	background: url(../../../img/linksbg5.png) no-repeat center center;
	background-size: 0.43rem 0.43rem;
}

.sl-right {
	float: left;
	line-height: 1.2rem;
	height: 100%;
	font-size: 0.28rem;
}

/*金牌网站*/
.gold-site {
	height: 4.5rem;
	overflow: hidden;
	background: url(../../../img/build_04.png) no-repeat center;
}

.bg-center {
	height: 4.5rem;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.4);
}

.bg-content {
	width: 4rem;
	height: 3.74rem;
	padding-left: 0.1rem;
	padding-top: 0.2rem;
	padding-right: 0.1rem;
	margin: 0.28rem auto;
	background: url(../../../img/aa1.png) no-repeat center center;
	background-size: contain;
}

.bg-content h3 {
	line-height: 1rem;
	height: 1rem;
	border-bottom: solid 1px #E6E6E6;
	margin: 0 0.44rem;
	font-size: 0.36rem;
}

.bg-content p {
	font-size: 0.28rem;
	line-height: 0.48rem;
	margin: 0.3rem 0.44rem;
	color: #666666;
}

/*品牌化页面设计*/
.design_page {
	background: #FFFFFF;
	overflow: hidden;
}

.design_page .dp-top {
	overflow: hidden;
	width: auto;
	margin: 0 0.2rem;
}

.dp-banner {
	height: 7.32rem;
	width: auto;
	background: url(../../../img/build_07.png) no-repeat center center;
}

.dp-ul {
	width: auto;
	height: 100%;
}

.dp-ul li {
	float: left;
}

.dli-top {
	margin: 0 0.5rem;
	opacity: 0.9;
	height: 2.9rem;
}

.dli-top h3 {
	font-size: 0.32rem;
	text-align: center;
	line-height: 0.8rem;
	color: #FFFFFF;
	margin-top: 0.1rem;
}

.dli-top p {
	line-height: 0.48rem;
	font-size: 0.24rem;
	color: #FFFFFF;
}

.dli-bottom {
	margin-top: 0.3rem;
	width: 4.48rem;
	height: 3.32rem;
	margin-left: auto;
	margin-right: auto;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	position: relative;
}

.design_page .swiper-button-next,
.design_page .swiper-button-prev {
	top: 56%;
}

.dli-bottom.dli-image1 {
	background-image: url(../../../img/build08_04.png);
}

.dli-bottom.dli-image2 {
	background-image: url(../../../img/build09_03.png);
}

.dli-bottom.dli-image3 {
	background-image: url(../../../img/build10_03.png);
}

.zllist-img-wrap {
	width: 3.36rem;
	height: 2.09rem;
	overflow: hidden;
	left: 0.31rem;
	position: relative;
	top: 0.57rem;
	border-radius: 0 0 5px 5px;
}

.dli-bottom img {
	display: block;
}

.design_market {
	background: transparent;
	overflow: hidden;
}

.dm-ul {
	padding-top: 0.6rem;
	width: 5.1rem;
	margin: 0 auto;
}

.dm-ul li {
	float: left;
	width: 100%;
	margin: 0 auto;
	height: 3.56rem;
	border: solid 1px #e6e6e6;
	box-shadow: 0 0 10px #ccc;
	margin-bottom: 0.2rem;
	border-radius: 5px;
}

.wyllist-bg {
	background: url(../../../img/wyl1.png) no-repeat left bottom;
	height: 100%;
	padding-top: 0.2rem;
	padding-left: 0.4rem;
	box-sizing: border-box;
	background-size: contain;
}

.wylist-top {
	padding-top: 0.38rem;
	overflow: hidden;
}

.wylist-top i {
	border-radius: 50%;
	background: #ef4359;
	width: 0.8rem;
	height: 0.8rem;
	text-align: center;
	line-height: 0.8rem;
	color: #fff;
	font-size: 0.3rem;
	float: left;
}

.wylist-cnt {
	padding-top: 0.2rem;
	overflow: hidden;
	padding-left: 0.8rem;
}

.wylist-wrap {
	float: left;
	margin-left: 0.1rem;
}

.wylist-wrap h4 {
	font-size: 0.32rem;
	color: #666;
	font-weight: normal;
}

.wylist-wrap h5 {
	font-size: 0.24rem;
	color: #666;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}

.wylist-cnt span {
	text-align: center;
	color: #666;
	font-size: 0.24rem;
	width: auto;
	line-height: 0.36rem;
	border-right: 1px solid #e8e8e8;
	float: left;
	padding-left: 0.1rem;
	padding-right: 0.1rem;
}

.wylist-cnt p {
	overflow: hidden;
}

.w_top {
	margin: 0 0.2rem;
}

.w_top .desc-title {
	background: #F5F5F5;
}

.w_function {
	height: 4rem;
	background: url(../../../img/w_bg31.jpg) no-repeat left center;
	background-size: cover;
}

.sa {
	padding: 0.4rem 0.2rem;
	height: 100%;
	box-sizing: border-box;
	color: #FFFFFF;
}

.sa li {
	height: 1.7rem;
	width: 50%;
	float: left;
}

.sa li em {
	margin-top: 0.45rem;
	display: inline-block;
	width: 1.4rem;
	height: 0.4rem;
	background: url(../../../img/dn1.png) no-repeat center center;
	background-size: contain;
	text-align: center;
	line-height: 0.4rem;
	color: #FFFFFF;
	float: left;
}

.sa li img {
	float: left;
	width: 0.72rem;
	height: 1.26rem;
}

.sa li i {
	line-height: 0.6rem;
	font-size: 0.24rem;
	margin-top: -0.28rem;
	float: left;
	margin-left: 0.08rem;
}

/*案例展示*/
.example-banner {
	background: #FFFFFF;
	padding: 0.3rem 0.2rem;
}

.example-list {
	width: 4.82rem;
	margin: 0 auto;
	height: 3.52rem;

}

.example-list li {
	width: 4.76rem;
	height: 3.48rem;
	box-sizing: border-box;
	float: left;
	/*box-shadow: 5px 5px 10px #ccc;*/
}

.example-list li img {
	width: 4.76rem;
	height: 3.68rem;
	text-align: center;
}

.commit-form {
	overflow: hidden;
	background: url(../../../img/bg4_1_02.png) no-repeat center center;
	background-size: cover;
	padding: 0.4rem 0.2rem;
}

.commit-form p {
	width: 100%;
	height: 0.8rem;
	margin-bottom: 0.2rem;
	border-radius: 3px;
	background: #5ca6db;
	position: relative;
}

.commit-form p input,
textarea {
	background: transparent;
	border: none;
	outline: 0;
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: left center;
	width: 100%;
	height: 0.8rem;
	padding-left: 0.6rem;
	padding-right: 0.6rem;
	border: none;
	background: no-repeat 0.1rem center;
	box-sizing: border-box;
	font-size: 0.28rem;
	color: #fff;
	line-height: 0.8rem;
}

textarea {
	height: 1.2rem;
	line-height: 0.4rem;
	padding-top: 0.1rem;
	padding-bottom: 0.1rem;
}


.top-service {
	padding-bottom: 0;
	margin-bottom: 0.6rem;
}

.service-list li {
	border-bottom: solid 1px #E6E6E6;
}

/* 提交需求表单 */
.submit-demand {
	float: right;
	width: 26%;
	height: 0.8rem;
	border: none;
	border-radius: 3px;
	background: #0af;
	font-size: 0.32rem;
	color: #fff;
	text-align: center;
	line-height: 0.84rem;
}


/* 补丁，提交需求的表单 */
/* form表单 提交需求 */
.commit p #Company {
	background-image: url('/template/Home/Default/PC/Static/img/insf_1.png')
}

.commit p #tel {
	background-image: url('/template/Home/Default/PC/Static/img/insf_2.png')
}

.commit p #UserName {
	background-image: url('/template/Home/Default/PC/Static/img/insf_3.png')
}

.commit p #QQ {
	background-image: url('/template/Home/Default/PC/Static/img/insf_4.png')
}

.commit p #Content {
	background-image: url('/template/Home/Default/PC/Static/img/insf_5.png')
}

.commit p #checkcode {
	width: 150px;
	background-image: url('/template/Home/Default/PC/Static/img/insf_6.png')
}

.commit #demandCheckCode {
	vertical-align: middle;
	margin-top: .1rem;
}

.input_tips {
	width: 20px;
	height: 20px;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -11px;
	display: none;
	background: url(/template/Home/Default/PC/Static/img/Wrong.png) no-repeat right center;
}

.textarea_wrap textarea {
	background-repeat: no-repeat;
	background-position: .1rem .1rem;
	background-size: .4rem .4rem;
	padding-left: 0.6rem;
	padding-top: .16rem;
}

.textarea_wrap .input_tips {
	margin-top: -.46rem;
}

.commit input {
	outline: none;
}

input[required]:invalid,
input:focus:invalid,
textarea[required]:invalid,
textarea:focus:invalid {
	box-shadow: none;
}

/* 验证码 */

#captcha {
	width: 1.8rem;
	border: solid 1px #ccc;
	height: 0.6rem;
}

.show-captcha {
	width: 1.5rem;
	height: 100%;
	display: block;
	margin: 0 auto;
}

.code_wrap {
	width: 25%;
	line-height: 0.60rem;
	height: 0.6rem;
}