/*---------- import ---------*/
@charset "UTF-8";
.flabout { float: left; width: 980px;}

.wrapper {
	width: 1210px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.w900 {
	width: 980px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 30px;
	background-color: #fff;
}
.demo {
	width: 100%;
	overflow: hidden;
}
.w940 {
	width: 100%;
}
.module {
    background-color: #F2F2F2;
    background-repeat: no-repeat;
    background-position: center top;
}

.about-contact .address a,
.about-details .service-items li,
 {
    background-repeat: no-repeat;
}

.place {
    margin-top: 10px;
    padding-top: 15px;
    color: #888;
    background-color: #fff;
}
.place p {
    margin-right: 40px;
}
.place a {
    color: #888;
}

.about-contact .p1 {
    margin-top: 10px;
    line-height: 15px;
    color: #666;
}
.about-contact .phone,
.about-contact .email {
    margin-top: 20px;
    margin-bottom: 10px;
    color: #C93;
}
.about-contact .address {
    width: 650px;
    line-height: 42px;
}
.about-contact .address span {
    float: left;
}
.about-contact .address a {
    float: right;
    width: 115px;
    height: 30px;
    text-indent: -9999px;
    background-position: 0 -110px;
}

.about-details .description {
    margin-top: 30px;
    line-height: 25px;
    color: #555;
}
.about-details .main-business,
.about-details .service-advantage {
    margin-top: 30px;
    color: #C93;
}
.about-details .goal {
    margin-top: 10px;
}
.about-details .items li {
	float: left;
	width: 280px;
	margin-top: 30px;
	margin-right: 30px;
	background-repeat: no-repeat;
	background-position: center 40px;
}
.about-details .items li b {
    display: block;
    font-weight: normal;
    text-align: center;
}
.about-details .items li p {
    *width: 255px;
    height: 105px;
    *height: 80px;
    margin-top: 190px;
    padding-top: 22px;
    padding-right: 15px;
    padding-left: 15px;
    line-height: 25px;
    color: #fff;
}
.about-details .items .template-sale p {
    background-color: #F8A2BD;
}
.about-details .items .site-made p {
    background-color: #52C4E6;
}
.about-details .items .mobile-mail p {
    background-color: #1BBD9E;
}
.about-details .items .template-up p {
    background-color: #2FCC73;
}
.about-details .items .second-develope p {
    background-color: #E84C3D;
}
.about-details .items .more-business p {
    background-color: #FCC800;
}
.about-details .service-items li {
	float: left;
	width: 442px;
	height: 120px;


   *width: 305px;
   *height: 80px;
	margin-right: 20px;
	margin-top: 20px;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 40px;
	background-color: #F6F6F6;
}
.class-brand {
    background-position: 20px -245px;
}
.team-experience {
    background-position: 20px -373px;
}
.exquisite-excellence {
    background-position: 20px -496px;
}
.service-guarantee {
    background-position: 20px -645px;
}
.template-quality {
    background-position: 20px -781px;
}
.micro-channel-mail {
    background-position: 20px -934px;
}
.mobile-terminal {
    background-position: 20px -1064px;
}
.plug-develop {
    background-position: 20px -1215px;
}
.massive-resource {
    background-position: 20px -1321px;
}
.geography-advantage {
    background-position: 20px -1483px;
}
.about-details .service-items li span {
	font-size: 22px;
	font-weight:500;
}
.about-details .service-items li p {
	margin-top:10px;
    line-height: 20px;
}


.bannerbox {  
            width:100%;  
            position:relative;  
            overflow:hidden;  
            height:120px;  
        }  
.banner {  
            width:1920px;  
            position:absolute;  
            left:50%;  
            margin-left:-960px;  
        }  
		
/* 垂直导航css */
		.sideMenu{ border:1px solid #ddd; float: left; width:230px; }
		.sideMenu h3{ height:32px; line-height:32px; padding-left:10px;  border-top:1px solid #e3e3e3; background:#ddd; font:normal 18px/32px "Microsoft YaHei";
		}
		.sideMenu ul{ padding:8px 32px; line-height:32px; color:#333;}