*{
	list-style: none;
}
.no-padding{
	padding: 0;
}

/* 底部懒人服务隐藏 */
body{
	padding-bottom: 0 !important;
}

.body-box{
	margin-top: 80px;
}
.xcx-banner{
	padding-top: 58px;	
	height: 280px;
	background-image: url("/coltd-assets/images/xcx-bannerbg.jpg");
}
.xcx-banner-content{
	width: 925px;
	margin: 0 auto;
	display: block;
}
.xcx-sect{
	padding: 80px 0;
}
.xcx-sect-bg{
	background-color: #f9f9f9;
}
.sect-tit{
	font-size: 32px;
	text-align: center;
	margin-bottom: 60px;
}

.xcx-icon {background-image: url("/coltd-assets/images/xcx-icon.png"); display:inline-block;}
.xcx-icon1 {background-position: -0px -0px; width: 100px; height: 100px; }
.xcx-icon2 {background-position: -100px -0px; width: 100px; height: 100px; }
.xcx-icon3 {background-position: -200px -0px; width: 100px; height: 100px; }
.xcx-icon4 {background-position: -300px -0px; width: 100px; height: 100px; }
.xcx-icon5 {background-position: -400px -0px; width: 100px; height: 100px; }
.xcx-icon6 {background-position: -500px -0px; width: 100px; height: 100px; }
.xcx-icon7{background-position: -1209px -0px; width: 100px; height: 100px; }
.xcx-icon8 {background-position: -641px -0px; width: 142px; height: 142px; }
.xcx-icon9 {background-position: -783px -0px; width: 142px; height: 142px; }
.xcx-icon10{background-position: -925px -0px; width: 142px; height: 142px; }
.xcx-icon11 {background-position: -1067px -0px; width: 142px; height: 142px; }

.xcx-sect1-content{
	width: 1134px;
	margin: 0 auto;
}
.xcx-sect1-detail{
	width: 162px;
	text-align: center;
}
.xcx-sect1-detail p{
	margin-top: 20px;
}
.xcx-sect2-detail{
	float: left;
	padding: 50px 30px 0 30px; 
	height: 350px;
	background-color: #fff;
	text-align: center;
}
.xcx-sect2-tit{
	font-size: 18px;
	margin-top: 20px;
	margin-bottom: 15px;
	font-weight: bold;
}
/*.xcx-sect2-content{
	font-size: 18px;
}*/
.xcx-sect3-detail{
	text-align: center;
}
.xcx-sect-step{
	padding: 80px 15px;
}
.sect3-process{
	display: block;
	width: 980px;
	margin: 0 auto;
}
.xcx-sect3-content{
	color: #999;
}
.xcx-create-step{
	width:228px;
}
.contact-qq{
	width: 120px;
	height: 35px;
	border: 1px solid #f1890f;
	border-radius: 17px;
	display: block;
	margin: 0 auto;
	line-height: 35px;
	color: #f1890f;
}
.contact-qq:hover{
	color: #f1890f;
	text-decoration: none;
}
.step1{
	position: relative;
	left: -16px;
}
.step2{
	position: relative;
	left: -4px;
}
.step3{
	position: relative;
	left: 5px;
}
.step4{
	position: relative;
	left: 12px;
}
.sect4-detail{
	height: 625px;
	border: 1px solid #e7e7e7;
	box-shadow: 0 0 10px #e7e7e7;
	padding-top: 76px;
	text-align: center;
	margin-bottom: 60px;
	border-radius: 10px;
	background-color: #fff;
}
.sect4-detail:hover{
	border: 1px solid #f1890f;
	box-shadow: 0 0 15px #f5cfa3;
}
.sect4-tit{
	font-size: 24px;
}
.sect4-small-tit{
	margin: 20px 0 30px 0;
	font-size: 18px;
}
.xcx-price{
	margin-bottom: 30px;
	font-size: 45px;
}
.buy-now,.view-more,.sub-btn input{
	display: block;
	width: 140px;
	height: 40px;
	background-color: #f1890f;
	color: #fff;
	margin: 0 auto;
	border-radius: 4px;
}
.contact-service{
	color: #999;
	margin-top: 10px;
	font-size: 12px;
}
.xcx-advant{
	margin: 25px 0 20px 0;
	color: #f1890f;
}
.xcx-advant-detail{
	margin: 10px 0;
	font-size: 14px;
}
.xcx-advert-icon{
	margin-right: 28px;
	float: left;
}
.xcx-advert-detail{
	float: left;
	width: 388px;
	height: 72px;
	background-image: url("/coltd-assets/images/xcx-advert2.png");
}
.xcx-advert-detail span{
	display: block;
	width: 266px;
	margin: 0 auto;
	color: #fff;
	line-height: 52px;
}
.custom-now{
	width: 140px;
	height: 40px;
	border: 1px solid #f1890f;
	background-color: #f9f9f9;
	color: #f1890f;
	border-radius: 4px;
	margin-top: 5px;
	margin-left: 30px;
}
.xcx-advert{
	display:block;
	width: 654px;
	margin: 0 auto;
}
.sect5-bg{
	height: 511px;
	background-image: url("/coltd-assets/images/xcx-sect5-bg.png");
}

.sect5-bg .flexslider-box{
	width: 1170px;
	margin: 0 auto;
	padding: 0 60px;
}
.sect5-bg .flexslider{position:relative;height:220px;background-attachment: fixed;}  
.sect5-bg .slides{position:relative;z-index:1;padding-left: 0px;} 
.sect5-bg .slides li{width: 220px; float: left;text-align: center;}  
.sect5-bg .slides li img{height:100%; width: 100%;}  
.sect5-bg .flex-control-nav{display: none;}
.sect5-bg .flex-direction-nav{position:absolute;z-index:3;width:100%;top:50%; display:block;}   
.sect5-bg .flex-direction-nav li a{display:block;width:56px;height:56px;overflow:hidden;cursor:pointer;position:absolute;margin: -30px 0 0 0}  
.sect5-bg .flex-direction-nav li a.flex-prev{background:url(/coltd-assets/images/dls-prev.png) center center no-repeat;left: -65px;}  
.sect5-bg .flex-direction-nav li a.flex-next{right:-65px;background:url(/coltd-assets/images/dls-next.png) center center no-repeat;}  

.company-name{
	margin-top: 30px;
}
.news-detail{
	margin-bottom: 28px;
	display: inline-block;
}
.news-detail-icon{
	width: 5px;
	height: 5px;
	margin: 7px 20px 7px 8px;
	background-color: #646464;
	float: left;
}
.news-title{
	width: 400px;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
    text-overflow: ellipsis;
	color: #646464;
	display: block;
	float: left;
}
.news-time{
	color: #acacac;
	display: block;
	margin-right: 20px;
	float: right;
}
.news-content{
	display: inline-block;
	margin-bottom: 20px;
}
.news-content a:hover{
	color: #333;
}
.view-more{
	display: block;
	margin: 0 auto;
}
.contact-info input{
	height: 45px;
	border-left: 1px solid #e3e3e3;
	border-radius: 6px !important;
	padding: 0 15px;
	margin: 10px 0;
}
.contact-mail-content{
	width: 445px;
}
.check-code{
	height: 45px;
	margin: 10px 0;
	display: block;
}
.message-board{
	border: 1px solid #e3e3e3;
	border-radius: 6px;
	height: 137px;
	margin: 10px 0 60px 0;
	padding-top: 15px;
}

@media only screen and (max-width:768px ) {
	.service-bar{
		display: none;
	}
	.body-box{
		margin-top: 60px;
	}
	.xcx-banner{
		height: auto;
		width: 100%;
		padding:60px 15px;	
		background-image: url("/coltd-assets/images/xcx-bannerbg-m.png");
	}
	.xcx-banner-content{
		width: 80%;
	}
	.xcx-sect{
		padding: 40px 0;
	}
	.sect-tit{
		font-size: 22px;
		margin-bottom: 20px;
	}
	.xcx-sect.container .sect-tit{
		font-size: 22px;
		margin-bottom: 30px;
	}
	.xcx-sect1-content{
		width: 100%;
	}
	.xcx-sect1-detail{
		width: 50%;
	}
	.xcx-sect1-detail p{
		margin: 10px 0 20px 0;
	}
	.xcx-sect2-detail{
		padding: 20px 0;
		height: 300px;
		margin: 10px 0;
	}
	.xcx-sect2-content{
		font-size: 14px;
	}
	.xcx-icon-m {background-image: url("/coltd-assets/images/xcx-sect2-m.png"); display: inline-block;}
	.xcx-icon8 {background-position: -0px -0px; width: 120px; height: 120px; }
	.xcx-icon9 {background-position: -120px -0px; width: 120px; height: 120px; }
	.xcx-icon10 {background-position: -240px -0px; width: 120px; height: 120px; }
	.xcx-icon11 {background-position: -0px -120px; width: 120px; height: 120px; }
	
	.xcx-sect3-detail{
		width: 100%;
		padding: 0;
		text-align: left;
		margin-bottom: 15px;
		display: inline-block;
	}
	.step1,.step2,.step3,.step4{
		left: 0;
	}
	.xcx-sect2-tit{
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 16px;
	}
	.xcx-sect3-detail-icon{
		text-align: right;
		margin-top: 10px;
	}
	.sect4-detail{
		padding-top: 30px;
	}
	.sect4-tit{
		font-size: 18px;
	}
	.sect4-small-tit{
		font-size: 16px;
		margin-bottom: 15px;
	}
	.xcx-price{
		font-size: 35px;
		margin-bottom: 15px;
	}
	.xcx-advant{
		margin: 15px 0;
	}
	.sect4-detail{
		height: 485px;
		margin-bottom: 30px;
	}
	.xcx-advert-icon{
		margin-right: 10px;
	}
	.xcx-advert{
		width: 100%;
	}
	.xcx-advert-detail{
		float: none;
		display: block;
		width: 300px;
		margin: 0 auto;
		height: 56px;
		margin-bottom: 15px;
		background-image: url("/coltd-assets/images/xcx-advert2-m.png");
	}
	.xcx-advert-detail span{
		line-height: 38px;
	}
	.xcx-create-step{
		width: 100%;
	}
	.contact-qq{
		margin: 0;
		text-align: center;
	}
	.custom-now{
		display: block;
		margin: 0 auto;
	}
	.sect5-bg .flexslider{
		height: auto;
	}
	.sect5-bg .flexslider-box{
		width: 90%;
		height: auto;
	}
	.sect5-bg .flex-direction-nav{
		top: 45%;
	}
	.sect5-bg .flex-direction-nav li a{
		margin: -15px 10px 0 10px;
	    width: 24px;
	    height: 45px;
	}
	.company-name{
		margin-top: 15px;
	}
	.sect5-bg{
		height: auto;
		background-image: none;
		background-color: #fff;
	}
	.xcx-sect6{
		background-color: #f9f9f9;
	}
	.xcx-sect7{
		background-color: #fff;
	}
	.news-detail-icon{
		margin-left: 0;
		margin-right: 10px;
	}
	.news-detail{
		width: 100%;
	}
	.news-title{
		width: 65%;
	}
	.news-time{
		margin-right: 0;
	}
	.contact-mail-content{
		width: 60%;
	}
	.check-code{
		padding: 0;
		text-align: right;
	}
	.message-board{
		margin-bottom: 30px;
	}
}
