/*
技术支持：猎人传媒 www.srlrcm.cn
Powered By S.Y.Jang
Build201403
*/

/* CSS Document */
@charset "gb2312";
/*YUI 2: Reset CSS Start*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; vertical-align: top; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
/*YUI 2: Reset CSS End*/
/*滚动条样式*/
::-webkit-scrollbar {
width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
background: rgba(229,229,229,0.9);
}
/* Handle */
::-webkit-scrollbar-thumb {
background: rgba(200,200,200,0.9);
/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);*/
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(231,231,231,0.4);
}
/*html, body { overflow: hidden; }*/
body {/* font-size:12px;*/ /*line-height: 20px;*/ font-family: Microsoft Yahei; background: #f2f2f2; }
a { color: #333; text-decoration: none; }
a:hover { }
#container { }
/*==================== 页眉部分 ====================*/
/*顶部导航条*/
#topbar { position: relative; position: fixed; top: 0px; left: 0px; width: 100%; height: 40px; border-bottom: solid 1px #e3e3e3; background: #fff; z-index: 9999; }
#topbar-1 { float: left; }
#topbar-2 { float: right; }
#topbar img { height: 20px; padding: 10px; }
#topbar a { display: block; height: 40px; }
#topbar-2 { /*-webkit-tap-highlight-color: rgba(0, 0, 0, 0);*/ }
#topbar-2 a.curr { background: #000; }
/*底部导航*/
#nav { position: fixed; left: 0px; bottom: 0px; width: 100%; height: 50px; /*border-top:solid 1px rgba(255,255,255,0.3);*/ background: #da251c; overflow: hidden; z-index: 999; }
#nav li { float: left; width: 33.3333%; text-align: center; }
#nav a { display: block; width: 100%; height: 50px; color: #fff; font-size: 15px; line-height: 20px; font-weight: normal; text-align: center; }
#nav span { display:inline-block; height: 16px; padding-top: 17px; }
#nav span img { height: 16px; }
#nav strong{ display:inline-block; font-weight:normal; line-height:50px; vertical-align:top; padding-left:2px;}
#nav li.nCurr a { background: #ba0503; }
#main { max-width: 640px; margin: 0 auto; padding:10px 0; box-shadow: 0 0 15px rgba(0,0,0,0.1); background: #7d8e9e url(../images/bg.jpg) left top no-repeat; }
/* box */
.box { position: fixed; _position: absolute; width: 240px; left: 50%; height: auto; z-index: 9999; border: solid 5px #222; background-color: #fff; }
.close { position: absolute; right: 0px; top: 0px; display: inline-block; padding: 0 5px; background: #e5e5e5; }
.boxCont { color: #333; line-height: 50px;/*padding:20px;*/ }
.boxCont span { color: #f00; text-decoration: underline; }
.boxCont a { float: left; width: 119px; font-size: 16px; text-align: center; border: solid 1px #e5e5e5; border-width: 0 1px 1px 0; }
#TB_overlayBG { background-color: #000; position: absolute; z-index: 9999; left: 0; top: 0; display: none; width: 100%; height: 100%; opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; }
#head { }
#top { max-width: 640px; height: 80px; text-align: center; margin: 0 auto; background: url(../images/top.gif) left top repeat-x; }
#top a { display: block; }
/*.nav { max-width: 640px; height: 40px; margin: 0 auto; background: url(../images/navBg.gif) left top repeat-x; }
.nav li { float: left; width: 25%; line-height: 40px; text-align: center; }
.nav li span { display: block; background: url(../images/nav_line.png) left center no-repeat; }
.nav li a { display: block; color:#fff; fot-size: 18px; }*/
/*nav*/
.nav { height:48px; max-width:640px;  margin:0 auto;  padding: 7px 0;background: #ba0503;zoom: 1; }
.nav a { float: left; display: inline-block; width: 20%; color: #fff; font-size: 13px; line-height: 24px; text-align: center;  text-overflow: ellipsis; white-space: nowrap !important; white-space: normal; overflow: hidden;}
/*focus*/
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* Fix of Webkit flickering */ z-index: 1; }
.swiper-wrapper { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease; -o-transform: translate(0px, 0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0s; transform: translate3d(0px, 0, 0); transition-timing-function: ease; }
.swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }
.swiper-slide { float: left; }
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal { -ms-touch-action: pan-y; }
.swiper-wp8-vertical { -ms-touch-action: pan-x; }
/*begin*/
.device { display:none; max-width:640px; margin:0 auto; position: relative; border-bottom: solid 5px #da251c; }
.content-slide { padding: 20px; color: #fff; }
.swiper-slide img { width: 100%; }
/*.title { font-size: 25px; margin-bottom: 10px; }*/
.pagination { position: absolute; left: 0; bottom: 5px; text-align: center; width: 100%; z-index: 999; }
.swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #000; margin: 0 2px; cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; }
.swiper-active-switch { background: #fff; filter: alpha(opacity=100); opacity: 1; }
/*==================== 主体部分 ====================*/
/*quick*/
#quick { padding: 10px 10px 0 5px; overflow: auto; zoom: 1; }
#quick img { width: 100%; }
#quick a { display: block; margin-left: 5px; }
#quick-1, #quick-2, #quick-3 { float: left; width: 33.333333333333333333333333333333%; }
#quick2 { padding-bottom: 10px; }
#quick2 ul { padding: 10px 10px 0 6px; overflow: auto; zoom: 1; }
#quick2 li { float: left; width: 25%; line-height: 30px; text-align: center; }
#quick2 li strong { display: block; color: #333; font-size: 16px; font-weight: normal; margin-left: 4px; border: solid 1px #e0e0e0; background: #fafafa; }
#quick2 li a { display: block; }
/*设计作品*/
#works { margin: 0 10px 15px; background: #fff; box-shadow: 0 3px 3px rgba(0,0,0,.2); }
#works h3 { color: #ba0503; font-size: 16px; font-weight: normal; line-height: 40px; padding-left: 10px; background: #dfdfdf; background: -webkit-linear-gradient(#fff, #dfdfdf); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#fff, #dfdfdf); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(#fff, #dfdfdf); /* Firefox 3.6 - 15 */ background: linear-gradient(#fff, #dfdfdf); /* 标准的语法（必须放在最后） */ }
#works h3 img { width: 100%; }
#works ul { padding: 8px 8px 8px 8px; overflow: auto; zoom: 1; }
#works li { float: left; width: 50%; line-height: 2em; padding-bottom: 0px; }
#works li img { width: 100%; }
#works li a { position: relative; display: block; margin-left: 0px; border: solid 8px #fff; }
#works li p { position: absolute; left: 0; bottom: 0; width: 100%; height: 25px; color: #fff; font-size: 12px; line-height: 25px; background: #000; opacity: 0.7; }
#works li p span { display: block; padding: 0 0 0 5px; text-overflow: ellipsis; white-space: nowrap !important; white-space: normal; overflow: hidden; }
#about { margin: 10px 10px 15px; background: #fff; box-shadow: 0 3px 3px rgba(0,0,0,.2); }
#about img { width: 100%; }
#aboutCont { padding: 15px; }
#about p { font-size: 14px; }
#about p.txt { color: #666; padding: 8px 0 0 0; }
/**/
#preferential { margin:0 0 15px 10px; padding:0 0 0 0; }
#preferential h3 { color:#d92121; font-size:18px; padding:10px 15px; border-top:solid 2px #d92121; border-bottom:solid 1px #ddd; background:#fff;}
#preferential h3 span { float: right; font-weight:normal; }
#preferential h3 span a { color: #666; font-size: 14px; }
#preferentialCont { padding: 10px 0 10px 10px; background:#f5f5f5; }
.case { margin: 0 auto; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* Fix of Webkit flickering */ z-index: 1; }
.caseCont { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease; -o-transform: translate(0px, 0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0s; transform: translate3d(0px, 0, 0); transition-timing-function: ease; }
.swiper-free-mode > .caseCont { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }
.swiper-slide { float: left; }
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal { -ms-touch-action: pan-y; }
.swiper-wp8-vertical { -ms-touch-action: pan-x; }
.aa { position: relative; width:120px; padding-right: 8px; }
.aa img{ height:100%;}
.aa span { position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 25px; color: #fff; font-size: 12px; line-height: 25px; text-align: center; background: rgba(0,0,0,0.5); overflow: hidden; }

/*最新动态*/
#news { margin: 10px 10px 5px; padding: 0px 0px 10px 0; background: #fff; box-shadow: 0 3px 5px rgba(0,0,0,.2); }
#news h3 { color: #ba0503; font-size: 16px; font-weight: normal; line-height: 40px; padding-left: 10px; background: #dfdfdf; background: -webkit-linear-gradient(#fff, #dfdfdf); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#fff, #dfdfdf); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(#fff, #dfdfdf); /* Firefox 3.6 - 15 */ background: linear-gradient(#fff, #dfdfdf); /* 标准的语法（必须放在最后） */ }
#news h3 span { float: right; display: inline-block; color: #666; font-size: 14px; text-align: center; line-height: 40px; padding-right: 10px; overflow: hidden; }
#news h3 span a { display: block; color: #666; }
#news ul { padding: 10px 0px 0; }
#news li { line-height:20px; padding-bottom: 0px; border-bottom:solid 1px #d9d9d9;}
#news li a { display: block; padding:12px 15px;}
#news li a:hover { text-decoration: none;text-overflow: ellipsis; white-space: nowrap !important; white-space: normal; overflow: hidden; }
#news li a strong{ display:block; font-weight:normal;}
#news li a span { display:block;color: #999; font-family: arial; padding:5px 0 0 0; background:url(../images/icon2.gif) right center no-repeat;}
#news p{ color:#666; text-align:center;}

/*==================== 页脚部分 ====================*/
#foot { padding-bottom: 50px; }
#foot h3{ color:#fff; font-size:16px; line-height:30px; padding:0 10px; background:#ba0503;}
#finfo{ color:#666; font-size:11px; text-align:center; line-height:16px; padding:20px 0; background:#fff;}
#copyright { color: #666; font-size: 12px; text-align: center; padding: 15px 0 15px; }
/*漂浮微信*/
*html { background-image: url(about:blank); background-attachment: fixed; }/*解决IE6下滚动抖动的问题*/
/*解决IE6下不兼容 position:fixed 的问题*/
#gotop { display: none; width: 50px; height: 50px; background: url(../images/gotop.gif) no-repeat; position: fixed; z-index: 9999; right: 20px; cursor: pointer; _position: absolute; _bottom: auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
opacity: 0.5; }
#gotop { bottom: 70px; _margin-bottom: 70px; }
#content { color: #333; font-size: 16px; line-height: 24px; margin:10px 15px; background:#fff; box-shadow:0 3px 3px rgba(0,0,0,.2);}
#tmBox { text-align: center; padding: 15px 10px; }
#content .title { font-size: 18px; font-weight: bold; padding:25px 20px;}
#content .meta { color: #999; font-size: 11px; line-height:25px; text-align:center; background:#f1f1f1;}
h3#cid { color: #ba0503; font-size: 16px; font-weight: bold; line-height: 40px; padding-left: 10px; background: #dfdfdf; background: -webkit-linear-gradient(#fff, #dfdfdf); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#fff, #dfdfdf); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(#fff, #dfdfdf); /* Firefox 3.6 - 15 */ background: linear-gradient(#fff, #dfdfdf); /* 标准的语法（必须放在最后） */ }
#cpic img{ width:100%;}
#c_text { padding: 20px 20px 10px;}
#c_text strong { font-weight: bold; }
#c_text div, #c_text p { margin-bottom: 15px; }
#c_text img { max-width: 100%; border-radius: 0px; }
#c_text li { padding-bottom: 10px; }
#next a { display: block; text-align: center; line-height: 30px; border: solid 1px #e5e5e5; }
/**/
#listWrap { color: #333; font-size: 16px; line-height: 24px; margin:10px 15px; background:#fff; box-shadow:0 3px 3px rgba(0,0,0,.2);}
#textlist ul { padding: 10px 0px 10px; }
#textlist li { line-height:20px; padding-bottom: 0px; border-bottom:solid 1px #d9d9d9;}
#textlist li a { display: block; padding:12px 15px;}
#textlist li a:hover { text-decoration: none; background:#eee;}
#textlist li a strong{ display:block; font-weight:normal;}
#textlist li a span { display:block;color: #999; font-family: arial; padding:5px 0 0 0; background:url(../images/icon2.gif) right center no-repeat;}
/**/
#piclist ul { padding: 8px 8px 8px 8px; overflow: auto; zoom: 1; }
#piclist li { float: left; width: 50%; line-height: 2em; padding-bottom: 0px; }
#piclist li img { width: 100%; }
#piclist li a { position: relative; display: block; margin-left: 0px; border: solid 8px #fff; }
#piclist li p { position: absolute; left: 0; bottom: 0; width: 100%; height: 25px; color: #fff; font-size: 12px; line-height: 25px; background: #000; opacity: 0.7; }
#piclist li p span { display: block; padding: 0 0 0 5px; text-overflow: ellipsis; white-space: nowrap !important; white-space: normal; overflow: hidden; }
/*分页*/
.pagenavi { color: #999; text-align: center; padding: 10px 0 20px; overflow:auto;zoom:1; }
.pagenavi a{ display:inline-block; color:#666; line-height:35px; padding:0 40px; border-radius:5px; border:solid 1px #ddd; background:#f2f2f2;}
/**/