@charset "UTF-8";

.header .banner{height:324px;}
.header .banner .bd{height:324px;}
.header .banner .bd li img{height:324px;}

.container{padding:18px 0 0;}
.container .wrap {width:1000px; margin:0 auto; padding:0 28px 40px; min-height:500px; background:url(wrapBoxbg.png) repeat-y; }

.sidebar { float:left; display:inline; width:230px; padding:18px 0 0;}
.main { float:right; display:inline; width:738px; padding:4px 0 0;}
.wrapBt { width:1056px; height:3px; margin:0 auto; background:url(wrapTbt.png) no-repeat; font-size:0; overflow:hidden; }

.colPicTitle { width:218px; padding-left:12px; color:#333; font-family:"微软雅黑"; font-size:16px; font-weight:100; text-align:left;}
.colPicTitle em {font-size:14px; font-weight:100; }

.menu {width:230px; padding:18px 0 7px; background:url(menuBg.jpg) repeat; text-align:center;}
.menu dl { width:214px; margin:8px auto 0; padding:0 1px 1px; background:#fff; border:1px solid #cecece;}
.menu dl dt { width:214px; height:35px; line-height:35px; margin:1px 0 0; border-top:1px solid #cecece;}
.menu dl dt a {position:relative; display:block; width:214px; height:35px; background:url(menulia.jpg) repeat-x; color:#515151; font-family:"微软雅黑"; font-size:14px;}
.menu dl dt a em {position:absolute; top:13px; left:16px; display:block; width:6px; height:9px; background:url(icon_01.png) no-repeat; font-size:0;}
.menu dl dt a:hover, .menu dl dt .current {color:#515151; background:url(menuliCur.jpg) repeat-x; text-decoration:none;}
.menu dl dt a:hover em, .menu dl dt .current em {}

.menu dd { width:230px; text-align:center; padding:1px 0 0;}
.menu dd a { display:block; width:230px; height:30px; color:#1c3b8a; line-height:30px; background:url(ddaBg.jpg) no-repeat; }
.menu dd a:hover, .menu dd .current { color:#1c3b8a; font-weight:bold; text-decoration:none; }

.server{width:228px; margin:6px 0 0; padding:10px 0 20px; background:#f6f7f7; border:1px solid #e0e0e0; font-family:"微软雅黑";}
.server h2{color:#c9040a; padding-left:10px; line-height:30px; font-size:16px; font-weight:100;} 
.server .info{padding:5px 0 0 16px; line-height:24px; color:#444; font-size:14px;}
.server .info em{color:#c9040a; }

.ltLink{}
.ltLink li{margin:2px 0 0;}
.ltLink li img{border:1px solid #e0e0e0;}

.sidebar .code{width:230px; padding:8px 0 0; text-align:center; color:#171717; font-size:14px; font-family:"微软雅黑";}
.sidebar .code img{margin:0 0 10px;}

.location { width:738px; height:37px; line-height:37px; background:url(location.jpg) repeat-x left bottom; }

.colCurTit {float:left; display:inline; height:37px; color:#646b71; font-size:14px; font-family:"微软雅黑"; font-weight:100;}

.breadcrumbs {float:right; padding:0; height:37px; line-height:37px; color:#999;}
.breadcrumbs a, .breadcrumbs a:hover {color:#999;}

.hTitle{width:100%;}
.hTitle .hd{height:30px; line-height:30px; background:url(hdBg.jpg) no-repeat 0 11px; overflow:hidden; zoom:1;}
.hTitle .hd h2{float:left; padding-right:20px; font-size:16px; font-family:"微软雅黑"; font-weight:100; color:#c9040a; background:#fff;}

/* caseWrap */
.caseWrap{position:relative; width:734px; padding:20px 2px 0;}
.caseWrap .prev-next{padding:28px 0 0; text-align:center;}
.caseWrap .prev-next p{width:324px; margin:0 auto; line-height:32px;  overflow:hidden; zoom:1;}
.caseWrap .prev-next a{float:left; display:inline; width:136px; height:32px; margin:0 13px; background:#e7e6e6; color:#010101; font-size:14px; font-family:"微软雅黑";}
.caseWrap .prev-next a:hover{color:#010101;}

.caseWrap .prev, .caseWrap .next{position:absolute; left:-5px; top:32%; width:21px; height:82px; background:url(sPrev.jpg) no-repeat;}
.caseWrap .next{left:auto; right:-5px; background:url(sNext.jpg) no-repeat;}

.bigPic{width:682px; height:512px; margin:0 26px;}
.bigPic li{zoom:1; vertical-align:middle;}
.bigPic li img{width:682px; height:512px; display:block;}

.smallPic{position:relative; width:682px; height:80px; margin:8px 26px 0;}
.smallPic .sPrev, .smallPic .sNext{position:absolute; left:0; top:-1px; width:21px; height:82px; background:url(sPrev.jpg) no-repeat;}
.smallPic .sNext{left:auto; right:0; background:url(sNext.jpg) no-repeat;}
.smallPic .bd{width:616px; margin:1px 0 0 33px;}
.smallPic .bd .tempWrap{width:616px !important;}
.smallPic .bd ul{ overflow:hidden; zoom:1; }
.smallPic .bd ul li{position:relative; float:left; display:inline; width:130px; border:1px solid #fff; margin-right:10px; overflow:hidden; text-align:center;}
.smallPic .bd ul li em{position:absolute; top:0; left:0; display:block; width:130px; height:78px; background:url(shade.png) repeat-x;}
.smallPic .bd ul li img{ width:130px; height:78px; display:block;}
.smallPic .bd ul li.on{border:1px solid #6f6f6f;}
.smallPic .bd ul li.on em{display:none;}

.caseIntro{width:682px; height:37px; padding:0 25px; margin:20px 0 0; line-height:37px; text-align:center; background:#f4f4f4; color:#010101; border:1px solid #d6d5d5; overflow:hidden; zoom:1;}
.caseIntro .name{float:left; display:inline;}
.caseIntro .date{float:right; display:inline; font-family:SimSun;}
.caseIntro em{color:#606060;}

/* introWrap */
.introWrap{width:724px; padding:26px 7px 20px;}

.concept{width:724px; padding:0 0 20px;}
.concept .bd{padding:10px 5px 0; line-height:22px;}

.desinger-info{}
.desinger-info .pic{float:left; display:inline; width:263px; margin:2px 0 0;}
.desinger-info .pic img{border:10px solid #f6f7f7;}
.desinger-info .txt{float:right; display:inline; width:432px; font-family:"微软雅黑"; font-size:14px;}
.desinger-info h2{color:#c9040a; font-size:18px; font-weight:100; padding:0 0 6px;}
.desinger-info h2 em{color:#676565;}
.desinger-info .txt p{padding:2px 0; color:#676565;}
.desinger-info .txt p em{color:#030303;}
.desinger-info .txt .info{padding:4px 0; font-size:12px;}
.desinger-info .txt span{color:#c9040a;}
.desinger-info dl{padding:20px 0 0; overflow:hidden; zoom:1;}
.desinger-info dl dt{float:left; display:inline; width:100px; height:30px; margin-right:10px; background:url(order_01.jpg) no-repeat;}
.desinger-info dl dt.d1{background:url(order_02.jpg) no-repeat;}
.desinger-info dl dt a{display:block; width:100px; height:30px; text-indent:-999em;}

.case-item{width:724px; padding:14px 0 0; margin:14px 0 0; border-top:1px solid #a5a5a5; overflow:hidden;}
.case-item .tempWrap{width:724px !important;}
.case-item ul{overflow:hidden; zoom:1;}
.case-item ul li{float:left; display:inline; width:187px; margin-right:10px;}
.case-item ul li .pic img{width:187px; height:134px; display:block;}
.case-item ul li .title{width:187px; height:34px; line-height:34px; text-align:center; background:#c2c2c2; }
.case-item ul li .title a{color:#030303; font-size:14px; font-family:Microsoft YaHei;}
.case-item ul li .title a:hover{text-decoration:underline;}

/* desinger-list */
.desinger-list{ width:724px; padding:16px 7px;}
.desinger-list .bd{width:696px; padding:14px 0 0 16px; overflow:hidden;}
.desinger-list .bd ul{width:735px; overflow:hidden; zoom:1;}
.desinger-list .bd li{float:left; display:inline; width:205px; margin-right:40px; border-top:5px solid #ad1f1f;}
.desinger-list .bd li .pic img{width:205px; height:260px; display:block;}
.desinger-list .bd dl{width:205px; height:35px; line-height:35px; text-align:center; background:#ecebeb;}
.desinger-list .bd dl dt{float:left; display:inline; height:35px; font-size:14px; font-family:Microsoft YaHei;}
.desinger-list .bd dl .tit{width:135px;}
.desinger-list .bd dl .tit a{color:#2f2e2e;}
.desinger-list .bd dl .order{width:70px; background:#ad1f1f;}
.desinger-list .bd dl .order a{color:#fff;}
.desinger-list .bd dl dt a:hover{text-decoration:underline;}

/* case-list */
.case-list{ width:724px; padding:15px 7px;}
.case-list .bd{position:relative; width:592px; margin:30px auto 0;}
.case-list .bd .tempWrap{width:592px !important;}
.case-list .prev, .case-list .next{position:absolute; left:-60px; top:38%; width:41px; height:41px; background:url(prev_01.jpg) no-repeat;}
.case-list .next{left:auto; right:-60px; background:url(next_01.jpg) no-repeat;}
.case-list .bd ul{overflow:hidden; zoom:1;}
.case-list .bd li{float:left; display:inline; width:187px; margin-right:15px;}
.case-list .bd li .pic img{width:187px; height:134px; display:block;}
.case-list .bd li .txt{width:187px; height:81px; background:url(bar_01.jpg) repeat-x left bottom;}
.case-list .bd li .txt h4{padding:8px 0 2px; font-weight:100; text-align:center;}
.case-list .bd li .txt a{color:#2c2c2c; font-size:14px; font-family:Microsoft YaHei;}
.case-list .bd li .txt a:hover{text-decoration:underline;}
.case-list .bd li .info{padding:0 15px; color:#7c7b7b}
.case-list .bd li.cur .txt{background:#ad1f1f; color:#fcfcfc;}
.case-list .bd li.cur .txt a{color:#fcfcfc;}
.case-list .bd li.cur .info{color:#fcfcfc}

/* designerWrap */
.designerWrap{width:724px; padding:20px 7px 0;}
.designerWrap .desinger-info .pic{width:300px; margin:2px 0 0;}
.designerWrap .desinger-info .pic img{width:280px; height:345px;}
.designerWrap .desinger-info .txt{float:left; margin-left:44px; width:280px;}
.designerWrap .desinger-info .txt h2{padding:20px 0;}
.designerWrap .desinger-info .txt p{padding:12px 0;}
.designerWrap .desinger-info .txt span{font-size:24px;}
.designerWrap .desinger-info .txt .hotline{padding:12px 0 30px;}
.designerWrap .desinger-info .txt .hotline em{color:#c9040a;}

.share{padding:18px 0;}
.pIntro{padding:20px 0;}
.pIntro .bd{padding:10px 5px 0; line-height:22px;}

.designerWrap .concept{padding:0 0 10px;}

/* form-box */
.form-box{padding:0 10px;}
.form-box .msg{padding:12px 0 20px;}
.form-box .msg h4{color:#c9040a; font-size:12px; padding:0 0 4px;}
.form-box .msg p{line-height:24px;}
.form-box li.field{padding:5px 0;}
.form-box li.field label { display:block; float:left; width:100px; line-height:27px; text-align:right; padding-right:8px; font-size:14px;}
.form-box li.field label em{color:#c9040a; padding-right:5px;}
.form-box .input {color:#666; zoom:1; }
.form-box .input span{color:#8a8b8b; line-height:27px; padding-left:12px;}
.form-box .field:after { content:'\20'; display:block; height:0; clear:both; }
.form-box .text { height:25px; line-height:25px; border:1px solid #e2e2e2; color:#666; }
.form-box .radio ,.form-box .select{ height:27px; line-height:27px;}
.form-box .radio input{ vertical-align:middle;}
.form-box .select select{ vertical-align:middle; margin:4px 0 0; *margin:3px 0 0;}
.form-box .textarea { width:400px; height:140px; padding:1px 3px; border:1px solid #e2e2e2; background:none; color:#666; }
.form-box .submit-field { padding:18px 80px 0 0; clear:both; text-align:center;}
.form-box .submit-field .btn-submit { width:100px; height:30px; border:none; background:url(submit.jpg) no-repeat; cursor:pointer; }

.form-box .review{padding:30px 0 0;}

/* 内容模式部分 */
.artbox { margin:20px 15px 30px; text-align:center; }
.artbox h1 { padding-bottom:10px; font-size:16px; line-height:26px; }
.artbox .info { padding:0; background:#eee; line-height:25px; }
.article { padding:20px 25px 30px; line-height:180%; word-wrap:break-word; word-break:break-all; }

.hotNews { height:105px; margin:0 20px 20px; padding-top:10px; border-bottom:1px dashed #ccc; }
.hotNews .pic { float:left; width:120px; height:80px; }
.hotNews .txt { float:left; width:550px; padding-left:20px; color:#999; }
.hotNews .txt dt { color:#c00; font-size:14px; font-weight:bold; line-height:24px; }
.hotNews .txt dt a { color:#c00; }

/* 新闻列表 */
.list { margin:20px 0 30px; padding:0 20px; clear:both; }
.list ul li { padding:5px 0; line-height:20px; font-size:12px; clear:both; }
.list ul li a { padding-left:5px; }
.list ul li a:hover { text-decoration:underline; }
.list .date { float:right; padding-left:9px; color:#999; font-size:11px; font-family:Arial; }
.list .ico { float:left; width:6px; _width:3px; height:20px; margin:0; background:url(point_02.gif) no-repeat 0 7px; }

/* 图片列表 */
.w { margin:10px 0 0; padding-left:5px; width:750px; }
.w .pic-item { position:relative; width:228px; margin-right:22px; padding:10px 0; }
.w .pic-item .list-pic { position:relative; width:228px; height:160px; line-height:160px;  padding:0; }
.w .pic-item dl {margin:0; padding:0; font-size:14px;}
.w .pic-item dl dt{width:226px; height:38px; line-height:38px; text-align:center; border-left:1px solid #cecece; border-right:1px solid #cecece;}
.w .pic-item dl a:hover{color:#c00;}
.w .pic-item ul{width:226px; height:48px; padding:12px 0 0; text-align:center; border:1px solid #cecece; overflow:hidden; zoom:1;}
.w .pic-item ul li{float:left; display:inline; width:65px; padding:19px 0 0; background:url(arrow_01.jpg) no-repeat center top;}
.w .pic-item ul li sup{font-size:8px; line-height:0;}
.w .pic-item ul li.name{margin-left:5px;}
.w .pic-item ul li.type{width:75px; background:url(arrow_02.jpg) no-repeat center top;}
.w .pic-item ul li.area{background:url(arrow_03.jpg) no-repeat center top;}

/* 图文列表 */
.pic_news_01 { margin:0 15px 20px; clear:both; }
.pic_news_01 .picnews { /*height:150px;*/ clear:both; float:left;}
.pic_news_01 .picnews .pic { float:left; /*width:160px; height:120px;line-height:120px;*/ padding:15px; border:none; background:url(picBg.jpg) no-repeat;  }
.pic_news_01 .picnews .pic span { display:block; padding:5px; }
.pic_news_01 .picnews .txt { float:left; width:530px; padding:5px 10px; line-height:22px; }
.pic_news_01 .picnews .info { text-indent:2em; }
.pic_news_01 .picnews .txt h4 { font-size:14px; line-height:30px; }
.pic_news_01 .picnews .txt .more { padding:0 20px; line-height:20px; text-align:right; }
.pic_news_01 .picnews .txt .more a { color:#c00; }

.pic_news_02 { margin:0 15px 20px; clear:both; }
.pic_news_02 .picnews {width:695px; padding:18px 0 20px; border-top:1px solid #dedede;}
.pic_news_02 .picnews .pic { float:left; display:inline; width:227px; height:170px; margin:4px 0 0;}
.pic_news_02 .picnews .txt { float:right; display:inline; width:452px;}
.pic_news_02 .picnews .txt h3 { font-size:18px; line-height:30px; color:#892629; font-family:"微软雅黑"; font-weight:100;}
.pic_news_02 .picnews .txt h3 em{font-size:13px; color:#858680; padding-left:5px;}
.pic_news_02 .picnews .info {width:452px; height:90px; overflow:hidden; padding:5px 0 0;}
.pic_news_02 .picnews .info li{float:left; width:210px; line-height:22px; font-size:13px; color:#5f5f5f; white-space:nowrap;}
.pic_news_02 .picnews .info li em{font-weight:bold; color:#323232; padding-right:5px;}
.pic_news_02 .picnews dl {padding:2px 0 0;}
.pic_news_02 .picnews dl dt{float:left; display:inline; font-size:13px; color:#32332d; font-family:"微软雅黑";}
.pic_news_02 .picnews dl dt em{font-size:28px; color:#922528; font-family:SimSun; font-weight:bold;}
.pic_news_02 .picnews dl dt.order{float:right; width:100px; height:30px; padding:7px 0 0;}
.pic_news_02 .picnews dl dt.order a{display:block; width:100px; height:30px; background:url(orderBtn.jpg) no-repeat; cursor:pointer;}

/* 分页 */
.page { margin:0; padding:15px 0 20px 60px; line-height:30px; color:#666; font-size:13px; font-family:SimSun;}
.page a { margin:0 4px; padding:2px; color:#020202; background:#edece9;}
.page a:hover,.page .current { color:#c00; text-decoration:none; }
.page span {padding-left:50px;}
.page strong{ font-weight:100;}
.page em{padding-left:10px;}
.page select{ vertical-align:middle;}

/* 在线留言 */
.message { margin:0; padding:0; }
.message-list { margin-bottom:10px; padding:10px 20px; }
.message-list .m-title { padding:0; font-weight:bold; line-height:20px; }
.message-list .m-title span { float:right; color:#999; font-weight:100; }
.message-list .m-info { padding:5px 0; line-height:24px; }
.message-list .r-title { padding:0; color:#ba0012; line-height:20px; }
.message-list .r-info { padding:5px 0; line-height:24px; }

/* 人才招聘 */
.hr { margin:0; padding:0; }
.hr-list { margin-bottom:10px; padding:10px 15px 0; }
.hr-list .title { padding:0 10px; background:#efefef; font-weight:bold; line-height:20px; }
.hr-list .title span { float:right; color:#333; font-weight:100; }
.hr-list .info { padding:5px 10px; line-height:24px; }
.hr-list .apply { padding:5px; text-align:right; }
.hr-list .apply a { color:#ba0012; }

/* 联系我们 */
.contact { margin:0 10px 10px; padding:10px 20px; line-height:200%; color:#666; word-wrap:break-word; word-break:break-all; }

/* 订购 */
.cart { margin:0 10px 10px; padding:0 20px; }
.order-table { background:#F2F2F2; line-height:20px; }
.order-table th { padding:5px 10px; border:1px solid #D0D0D0; background:#F2F2F2; }
.order-table td { padding:5px 10px; border:1px solid #D0D0D0; background:#F2F2F2; text-align:center; }
.fn-order { margin-bottom:10px; padding:0; text-align:center; clear:both; }
.fn-order a { margin:0 10px; }

/* 表单部分 */
.form-panel { margin:0 10px 10px; }
.form-panel h4 { margin-bottom:10px; padding:2px 20px; background:#eee url(ico_07.gif) no-repeat 8px center; color:#666; line-height:22px; }
.form-panel .tips { padding:10px 0 10px 110px; color:#CC3732; font-weight:bold; font-size:13px; text-align:left; }
.form-panel .field { clear:both; }
.form-panel li.field label { display:block; float:left; width:100px; line-height:24px; text-align:right; }
.form-panel .input { padding:5px 0; color:#666; zoom:1; }
.form-panel .field:after { content:'\20'; display:block; height:0; clear:both; }
.form-panel .text { height:20px; padding:1px 3px; border:1px solid #D0D0D0; background:#F2F2F2; color:#666; }
.form-panel .textarea { width:450px; height:100px; padding:1px 3px; border:1px solid #D0D0D0; background:#F2F2F2; color:#666; }
.form-panel .submit-field { padding:0 10px 20px 100px; clear:both; }
.form-panel .submit-field input { margin-right:10px; }
.form-panel .submit-field .btn-submit { width:78px; height:24px; border:none; background:url(btn.jpg) no-repeat; cursor:pointer; }
.form-panel .submit-field .btn-reset { width:78px; height:24px; border:none; background:url(btn.jpg) no-repeat; cursor:pointer; }