/*  font */
body{font-size:12px; font-family:arial,"宋体" }
body .no-border-left{border-left:0}
body .no-border-right{border-right:0}
a,a *{ cursor:pointer}
.btn{background:none;border:0;display:block;overflow:hidden;font-size:0;line-height:0}
*{margin:0;padding:0}
img{border:0}
.clearfix{clear:both;overflow:hidden;zoom:1;display:block}
.list-init,.list-init li,ul,li{list-style:none}
.img-text{display:block}
.more,.read-now{color:#FF0000;font-weight:700;text-decoration:none;font-family:arial}
a.read-now:hover,
a.more:hover{text-decoration:underline}
.font-cn-base{font-family:"微软雅黑", "黑体"}
.font-a{ font-family:"微软雅黑", "黑体";font-size:14px;line-height:170%;color:#666}
.font-eng-a{font-family:arial}
.red-a{color:#E33435}
.clear:after {clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden;}
.clear{display:block;zoom:1}
/* public */
.float-left{float:left}
.float-right{float:right}
.hide,.img-text{text-indent:-5000em}
.sp,.img-text,.list-c li{background-image:url(../images/sp.png);background-repeat:no-repeat}
.sp-inner,.page-link-list a.current,.page-link-list a:hover{background-image:url(../images/sp-inner.png);background-repeat:no-repeat}
#header{height:38px}
#header,.bg-box-a{background-position:0 -775px;background-repeat:repeat-x}
.outer{padding-bottom:6px; background-position:0 bottom; background-repeat:repeat-x}
#logo{width:151px;height:33px;background-position:0 -500px;float:left;margin-top:3px}
#nav{height:37px;float:left;padding-left:71px}
#nav li{margin-top:5px;padding-right:38px}
#nav li,#nav li a{display:block;float:left;overflow:hidden}
#nav a{width:93px;height:28px; text-indent:-5000em; background-image:url(../images/nav.png); background-repeat:no-repeat}




/* img text */
#nav .text-home{background-position:0 -50px}
#nav .text-about{background-position:-100px -50px}
#nav .text-portfolio{background-position:-200px -50px}
#nav .text-service{background-position:-300px -50px}
#nav .text-download{background-position:-400px -50px}
#nav li.current .text-home,
#nav a.text-home:hover{background-position:0 0}
#nav li.current .text-about,
#nav a.text-about:hover{background-position:-100px 0}
#nav li.current .text-portfolio,
#nav a.text-portfolio:hover{background-position:-200px 0}
#nav li.current .text-service,
#nav a.text-service:hover{background-position:-300px 0}
#nav li.current .text-download,
#nav a.text-download:hover{background-position:-400px 0}

/* home text */
.text-new-showcase,.text-these-are-for-you,.text-vaneplan,.text-design-service,.text-our-team{height:24px}
.text-new-showcase{background-position:0 -400px;width:185px}
.text-these-are-for-you{background-position:0 -425px;width:224px}
.text-vaneplan{background-position:-50px -50px;width:90px}
.text-design-service{background-position:-50px -75px;width:146px}
.text-our-team{background-position:-50px -100px;width:96px}
.text-news{background-position:0 -475px;width:49px;height:13px}

/* inner text */
.sp-text{background-image:url(../images/img-text.png);background-repeat:no-repeat;display:block}
.text-user-i-d{height:27px;width:245px;background-position:0 0}
.text-icon-design{height:26px;width:132px;background-position:0 -50px}
.text-web-design{height:27px;width:137px;background-position:0 -100px}
.text-interaction-design{height:26px;width:206px;background-position:0 -150px}
.text-identities{height:21px;width:101px;background-position:0 -200px}
.text-design-process{height:30px;width:186px;background-position:0 -250px}
.text-need-design{height:31px;width:159px;background-position:0 -300px}
.text-intro{height:23px;width:55px;background-position:0 -350px}
.text-who-are-we{height:24px;width:172px;background-position:0 -400px}
.text-why-choose-us{height:31px;width:211px;background-position:0 -450px}

/* layout */
.row{width:980px;margin:0 auto}

/* header */


/* list */
.list-a li,.list-b li{float:left}
.list-a li{padding:0 9px}
.list-a .img-box{border:#000 solid 1px}
.list-a .text-content{background:#000;font-size:12px;width:308px;padding:8px 0}
.list-a h4,.list-a p{margin:0 8px}
.list-a h4{border-bottom:#565656 solid 1px;color:#E12628;padding-bottom:5px;font-size:12px}
.list-a p{color:#787878;padding-top:5px;line-height:140%}
.list-a .bg{height:44px;background-repeat:repeat-x;width:308px}



.list-b li{padding:0 10px}
.list-b .img-box,.list-b .box{width:306px}
.list-b h4 span{float:left}
.list-b .box{width:190px}
.list-b .box .head{padding-bottom:5px}
.list-b .box .content{padding-top:0;height:100px}
.list-b .box .content p{margin-top:9px;line-height:150%}

.box-a .head h3{float:left;padding-bottom:9px}
.box-a .head .more{float:right;display:block}
.box-a .head{padding-left:10px;padding-right:10px}
.box-a .head{border-bottom:#D9D9D9 solid 1px}
.box-a .content{padding-top:20px}
.box-a .more{margin-top:14px}

.box-b .head,.box-b .content{width:150px;margin:0 30px}
.box-b .head h4{font-size:12px;color:#fff}
.box-b .content{padding:12px 0 10px 0}
.box-b .head{padding-top:10px}
.box-b{border-right:#3F3F3F solid 1px;border-left:#131313 solid 1px;height:110px}
.search-box .content{width:200px}

.list-c li a{color:#9a9a9a;text-decoration:none; white-space:nowrap}
.list-c li a:hover{color:#f00}
.list-c li { padding:5px 0 5px 24px; background-position:0 -645px}
/* footer */
#footer{margin-top:30px;padding:14px 0}
#footer .box{float:left}

.bg-box-b{background:#2E2E2E url(../images/bg-box-b.png) repeat-x top;border-bottom:#393939 solid 1px}

.search-box .input-box{height:19px; background:url(../images/search-input-bg.png) no-repeat 0 0;width:136px}
.search-box .input-box input{border:0; background:none;width:130px;font-size:12px;padding:2px 3px}

.form-box .input-box,.form-box .search-button{float:left}
.form-box .input-box{margin-top:1px}
.form-box .search-button{margin-left:6px;_margin-left:3px}

.search-button{width:31px;height:21px;border:0;background:none;background: url(../images/sp.png) no-repeat -75px -475px}

.page-bar a{cursor:pointer}
.page-bar *{float:left;display:block}
.page-bar .prev,.page-bar .next{
padding-top:2px;
padding-bottom:1px;}
.page-bar .prev{padding-right:15px}
.page-bar .next{padding-left:15px}
.btn-prev,.btn-next{width:8px;height:13px}
.btn-prev{background-position:-150px 0}
.btn-next{background-position:-100px 0}
.page-bar label,.page-link-list a{line-height;16px;color:#6D6E71}
.page-bar label{padding-right:4px}
.page-link-list a{height:16px;width:16px; text-align:center;text-decoration:none}
.page-link-list a.current,.page-link-list a:hover{background-position:-200px 0;color:#fff}
.page-link-list a{margin:0 2px;font-weight:700}