/* ======  reset  ====== */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}fieldset,img{border:0}:focus{outline:0}address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}abbr,acronym{border:0;font-variant:normal}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}code,kbd,samp,tt{font-size:100%}input,button,textarea,select{*font-size:100%}body{line-height:1.5}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}/*sup,sub{font-size:100%;vertical-align:baseline}*/:link,:visited ,ins{text-decoration:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}


/* ======  fonts  ====== */
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
h1,h2,h3,h4,h5,h6 {font-weight:bold; }
h1 { font-size:32px; }
h2 { font-size:26px; }
h3 { font-size:24px; }
h4 { font-size:22px; }
h5 { font-size:18px; }
h6 { font-size:14px; }


/* ======  clearfix  ====== */
.clear { clear:both; visibility:hidden; display:block; font-size:0; line-height:0; }
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clearfix { *zoom:1; }


/* ======  media  ====== */
.media:before, .media:after { content:" "; display:block; height:0; visibility:hidden; clear:both; }
.media { *zoom:1; }
.media .media-text { overflow:hidden; *zoom:1; }
.media .media-img { float:left; margin-right:20px; }
.media .media-img-right { float:right; margin-right:0; margin-left:20px; }

.dl-horizontal dt, .dl-horizontal .dt { clear:left; float:left; width:160px; text-align:right; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dl-horizontal dd, .dl-horizontal .dd { margin-left:170px; margin-bottom:5px !important; }


/* ======  Typography single ====== */
.typography-text { line-height:1.8; }
.typography-text h1 { font-size:36px; padding-top:5px; margin-bottom:10px; font-weight:normal; font-size:3.6rem; }
.typography-text h2 { font-size:30px; padding-top:5px; margin-bottom:8px; font-weight:normal; font-size:3.0rem; }
.typography-text h3 { font-size:24px; padding-top:5px; margin-bottom:8px; font-weight:normal; font-size:2.4rem; }
.typography-text h4 { font-size:18px; padding-top:5px; margin-bottom:5px; font-size:1.8rem; }
.typography-text h5 { font-size:16px; padding-top:5px; margin-bottom:5px; font-size:1.6rem; }
.typography-text h6 { font-size:14px; padding-top:3px; margin-bottom:3px; font-size:1.4rem; }
.typography-text p { margin-bottom:15px; }
.typography-text strong { font-weight:bold; }
.typography-text em { font-style:italic; }
.typography-text del { text-decoration:line-through; }
.typography-text u { font-style:normal; text-decoration:none; border-bottom:1px solid #333; }
.typography-text small { font-size:smaller; }
.typography-text big { font-size:larger; }
.typography-text sup { font-size:smaller; vertical-align:super; }
.typography-text sub { font-size:smaller; vertical-align:sub; }
.typography-text blockquote { margin-bottom:15px; padding:5px 10px 5px 20px; border-left:4px solid #808080; background-color:#f7f7f7; }
.typography-text code { padding:2px 4px; background-color:#f9f2f4; color:#c7254e; font-size:90%; border-radius:4px; font-family:Menlo,Monaco,Consolas,"Courier New",monospace; }
.typography-text pre { display:block; margin:0 0 15px; overflow-y:hidden; background-color:#f7f7f7; border:1px solid #eee; border-radius:4px; }
.typography-text .pre-scrollable { max-height:250px; overflow:auto; }
.typography-text pre code { padding:0; background-color:transparent; display:block; margin:10px 15px; line-height:1.5; color:#808080; word-break:break-all; word-wrap:break-word; }
.typography-text hr, .hr { clear:both; height:0px; border:0; border-top:1px solid #ccc; margin:25px 0 25px; *margin:18px 0 23px; }
.typography-text img { max-width:100%; height:auto !important; transition:all 0.5s ease 0s; }
.typography-text a:hover img { opacity:0.9; filter:alpha(opacity=90); }
.typography-text ul li, .typography-text ol li { padding:3px 0; }
.typography-text ul { list-style-type:disc; margin:0.3em 0; padding-left:1.8em; line-height:1.5; }
.typography-text ul ul { list-style:circle; }
.typography-text ul ul ul { list-style:square; }
.typography-text ol { list-style-type:decimal; margin:0.3em 0; padding-left:2em; line-height:1.5; *padding-left:2.2em; } 
.typography-text .icon-list, .typography-text .icon-list ul { list-style:none; padding-left:0; }
.typography-text .icon-list-start > li, .typography-text li.icon-list-start { padding-left:20px; background:url(../images/list-icon/icon-start.png) no-repeat left 0.4em; }
.typography-text .icon-list-right > li, .typography-text li.icon-list-right { padding-left:20px; background:url(../images/list-icon/icon-right.png) no-repeat left 0.4em; }
.typography-text dl { margin-bottom:20px; }
.typography-text dt { font-weight:bold; font-size:15px; font-size:1.5rem; }
.typography-text dd { margin-bottom:13px; }

/* btn */
.btn {
	border:none; cursor:pointer; display:inline-block; *display:inline; *zoom:1; text-align:center; *overflow:visible; vertical-align:middle; transition:all 0.5s ease 0s;
	margin:0 0 5px 0; padding:0 30px; height:40px; line-height:40px; background-color:#e5e5e5; color:#333; font-size:15px; font-size:1.5rem;
}
.btn span { white-space:nowrap; }
.btn:hover { color:#333; background-color:#ccc; }
.btn-default { color:#333; background-color:#e5e5e5; }
.btn-default:hover { color:#333; background-color:#ccc; }
.btn-main { color:#fff; background-color:#0d7eff; }
.btn-main:hover { color:#fff; background-color:#0b71e5; }
.btn-primary { color:#fff; background-color:#f60; }
.btn-primary:hover { color:#fff; background-color:#f30; }
.btn-link { color:#0c579d; background-color:transparent; }
.btn-link:hover { color:#0c579d; background-color:transparent; text-decoration:underline; }
.btn-small-extra { height:24px; line-height:24px; font-size:12px; font-size:1.2rem; }
.btn-small { height:30px; line-height:30px; font-size:13px; font-size:1.3rem; }
.btn-medium { height:40px; line-height:40px; font-size:15px; font-size:1.5rem; }
.btn-large { height:48px; line-height:48px; font-size:18px; font-size:1.8rem; padding:0 40px; }
.btn-large-extra { height:70px; line-height:70px; padding:0 60px; font-size:22px; font-size:2.2rem; }
.btn-icon { margin:0 3px; }
.btn-icon img { vertical-align:middle; position:relative; top:-1px; max-width:none !important; }
.btn-small-extra .btn-icon img { }
.btn-small .btn-icon img { }
.btn-medium .btn-icon img { }
.btn-large .btn-icon img { top:-2px; }
.btn-large-extra .btn-icon { margin:0 5px; }
.btn-large-extra .btn-icon img { top:-2px; }
.btn-block { width:100%; display:block; padding:0; }
.btn-group { margin-bottom:-5px; }
.btn-group .btn { margin:0 10px 5px 0; }

.btn-group-center { text-align:center; }
.btn-group-center .btn { margin:0 5px; }
.btn-group-right { text-align:right; }
.btn-group-right .btn { margin:0 0 0 10px; }
.btn-disabled { cursor:not-allowed; opacity:0.4; filter:alpha(opacity=40); text-shadow:none; }
a.btn-disabled { pointer-events:none; }
.btn-disabled.btn-default:hover { color:#333; background-color:#e5e5e5; }
.btn-disabled.btn-main:hover { color:#fff; background-color:#0d7eff; }
.btn-disabled.btn-primary:hover { color:#fff; background-color:#f60; }
/* table */
.table-responsive { min-height:0.01%; overflow-x auto; }
.table { width:100%; max-width:100%; margin-bottom:20px; }
.table th { font-weight:bold; }
.table th, .table td { line-height:1.8; padding:8px; text-align:center; }
.table thead th { border-bottom:2px solid #ddd; }
.table tbody th, .table tbody td { border-bottom:1px solid #ddd; }
.table-bordered thead th { border:1px solid #ddd; border-bottom-width:2px; }
.table-bordered tbody th, .table-bordered tbody td { border:1px solid #ddd; }
.table-striped > tbody > tr.tr-odd { background-color:#f9f9f9; }
.table-striped > tbody > tr:nth-of-type(2n+2) { background-color:#f9f9f9; }
.table-th-hl th { background-color:#f2f2f2; }
.table-hover > tbody tr:hover, .table tbody > tr.tr-hover { background-color:#f0f0f0; }
@-moz-document url-prefix() { fieldset { display:table-cell; } }







/* ======  Columns 多列 ====== */
.row { *zoom:1; }
.row:before, .row:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.col-2-1, .col-3-1, .col-3-2, .col-4-1, .col-4-2, .col-4-3, .col-5-1, .col-5-2, .col-5-3, .col-5-4 { float:left; margin-right:3%; min-height:1px; clear:right; }
.col-2-1 { width:48.5%; }
.col-3-1 { width:31.33333%; }
.col-3-2 { width:65.66667%; }
.col-4-1 { width:22.75%; }
.col-4-2 { width:48.50%; }
.col-4-3 { width:74.25%; }
.col-5-1 { width:17.6%; }
.col-5-2 { width:38.2%; }
.col-5-3 { width:58.8%; }
.col-5-4 { width:79.4%; }
/* 0% 边距 */
.row-margin-0 > .col-2-1, .row-margin-0 > .col-3-1, .row-margin-0 > .col-3-2, .row-margin-0 > .col-4-1, .row-margin-0 > .col-4-2, .row-margin-0 > .col-4-3, .row-margin-0 > .col-5-1, .row-margin-0 > .col-5-2, .row-margin-0 > .col-5-3, .row-margin-0 > .col-5-4 { margin-right:0; }
.row-margin-0 > .col-2-1 { width:50%; }
.row-margin-0 > .col-3-1 { width:33.33333%; }
.row-margin-0 > .col-3-2 { width:66.66666%; }
.row-margin-0 > .col-4-1 { width:25%; }
.row-margin-0 > .col-4-2 { width:50%; }
.row-margin-0 > .col-4-3 { width:75%; }
.row-margin-0 > .col-5-1 { width:20%; }
.row-margin-0 > .col-5-2 { width:40%; }
.row-margin-0 > .col-5-3 { width:60%; }
.row-margin-0 > .col-5-4 { width:80%; }
/* 1% 边距 */
.row-margin-1 > .col-2-1, .row-margin-1 > .col-3-1, .row-margin-1 > .col-3-2, .row-margin-1 > .col-4-1, .row-margin-1 > .col-4-2, .row-margin-1 > .col-4-3, .row-margin-1 > .col-5-1, .row-margin-1 > .col-5-2, .row-margin-1 > .col-5-3, .row-margin-1 > .col-5-4 { margin-right:1%; }
.row-margin-1 > .col-2-1 { width:49.5%; }
.row-margin-1 > .col-3-1 { width:32.66667%; }
.row-margin-1 > .col-3-2 { width:66.33333%; }
.row-margin-1 > .col-4-1 { width:24.25%; }
.row-margin-1 > .col-4-2 { width:49.50%; }
.row-margin-1 > .col-4-3 { width:74.75%; }
.row-margin-1 > .col-5-1 { width:19.2%; }
.row-margin-1 > .col-5-2 { width:39.4%; }
.row-margin-1 > .col-5-3 { width:59.6%; }
.row-margin-1 > .col-5-4 { width:79.8%; }
/* 2% 边距 */
.row-margin-2 > .col-2-1, .row-margin-2 > .col-3-1, .row-margin-2 > .col-3-2, .row-margin-2 > .col-4-1, .row-margin-2 > .col-4-2, .row-margin-2 > .col-4-3, .row-margin-2 > .col-5-1, .row-margin-2 > .col-5-2, .row-margin-2 > .col-5-3, .row-margin-2 > .col-5-4 { margin-right:2%; }
.row-margin-2 > .col-2-1 { width:49%; }
.row-margin-2 > .col-3-1 { width:32%; }
.row-margin-2 > .col-3-2 { width:66%; }
.row-margin-2 > .col-4-1 { width:23.5%; }
.row-margin-2 > .col-4-2 { width:49.0%; }
.row-margin-2 > .col-4-3 { width:74.5%; }
.row-margin-2 > .col-5-1 { width:18.4%; }
.row-margin-2 > .col-5-2 { width:38.8%; }
.row-margin-2 > .col-5-3 { width:59.2%; }
.row-margin-2 > .col-5-4 { width:79.6%; }
/* 4% 边距 */
.row-margin-4 > .col-2-1, .row-margin-4 > .col-3-1, .row-margin-4 > .col-3-2, .row-margin-4 > .col-4-1, .row-margin-4 > .col-4-2, .row-margin-4 > .col-4-3, .row-margin-4 > .col-5-1, .row-margin-4 > .col-5-2, .row-margin-4 > .col-5-3, .row-margin-4 > .col-5-4 { margin-right:4%; }
.row-margin-4 > .col-2-1 { width:48%; }
.row-margin-4 > .col-3-1 { width:30.66667%; }
.row-margin-4 > .col-3-2 { width:65.33334%; }
.row-margin-4 > .col-4-1 { width:22%; }
.row-margin-4 > .col-4-2 { width:48%; }
.row-margin-4 > .col-4-3 { width:74%; }
.row-margin-4 > .col-5-1 { width:16.8%; }
.row-margin-4 > .col-5-2 { width:37.6%; }
.row-margin-4 > .col-5-3 { width:58.4%; }
.row-margin-4 > .col-5-4 { width:79.2%; }
/* 5% 边距 */
.row-margin-5 > .col-2-1, .row-margin-5 > .col-3-1, .row-margin-5 > .col-3-2, .row-margin-5 > .col-4-1, .row-margin-5 > .col-4-2, .row-margin-5 > .col-4-3, .row-margin-5 > .col-5-1, .row-margin-5 > .col-5-2, .row-margin-5 > .col-5-3, .row-margin-5 > .col-5-4 { margin-right:5%; }
.row-margin-5 > .col-2-1 { width:47.5%; }
.row-margin-5 > .col-3-1 { width:30%; }
.row-margin-5 > .col-3-2 { width:65%; }
.row-margin-5 > .col-4-1 { width:21.25%; }
.row-margin-5 > .col-4-2 { width:47.50%; }
.row-margin-5 > .col-4-3 { width:73.75%; }
.row-margin-5 > .col-5-1 { width:16%; }
.row-margin-5 > .col-5-2 { width:37%; }
.row-margin-5 > .col-5-3 { width:58%; }
.row-margin-5 > .col-5-4 { width:79%; }
.row > .col-last { margin-right:0; *float:right; *clear:right; }





/* =====================  Module Common CSS  ===================== */
/* portfolio */
.portfolio-list { font-size:0; overflow:hidden; }
.portfolio-list .row { margin-left:-12px; margin-right:-12px; }
.portfolio-list .portfolio-item { margin-left:12px; margin-right:12px; position:relative; }
.portfolio-list li { float:none; display:inline-block; *display:inline; zoom:1; vertical-align:top; margin-right:0; }
.portfolio-list-col-2 li { width:50%; }
.portfolio-list-col-3 li { width:33.33%; }
.portfolio-list-col-4 li { width:25%; }
.portfolio-list-col-5 li { width:20%; }
.portfolio-list li { position:relative; margin-bottom:30px; }
.portfolio-list-center li { text-align:center; }
.portfolio-img a { position:relative; display:block; }
.portfolio-img { margin-bottom:10px; overflow:hidden; }
.portfolio-img img { 
	display:block; width:100%; 
	-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);
	-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; 
} 
.portfolio-img .opacity-overlay {
	width:100%; height:100%; position:absolute; top:0; left:0; z-index:10; cursor:pointer; background-color:#0b71e5; opacity:0; filter:alpha(opacity=0); _height:expression( (this.parentElement.clientHeight) +'px'); 
	-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;
}
.portfolio-img .icon-zoom { display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:11; opacity:0; filter:alpha(opacity=0); transition:all 0.5s ease-in-out; background:url(../images/icon/icon-zoom.png) no-repeat center; cursor:pointer; }
.portfolio-img .icon-video { display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:11; opacity:0; filter:alpha(opacity=0); transition:all 0.5s ease-in-out; background:url(../images/icon/icon-video.png) no-repeat center; cursor:pointer; }
.portfolio-img a:hover img { 
	-webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2);
	-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; 
}
.portfolio-img a:hover .opacity-overlay { filter:alpha(opacity=50); opacity:0.5; }
.portfolio-img a:hover .icon-zoom, .portfolio-img a:hover .icon-video { filter:alpha(opacity=90); opacity:0.9; }
.portfolio-title h2 { line-height:1.5; font-weight:normal; font-size:16px; font-size:1.6rem; }
.portfolio-summary, .portfolio-summary p { margin-bottom:0; line-height:1.5; color:#808080; font-size:13px; font-size:1.3rem; }
.portfolio-summary { margin-top:10px; margin-bottom:-10px; }
.portfolio-summary p { margin-bottom:10px; }
.portfolio-list-col-3 .portfolio-title h2 { font-size:15px; font-size:1.5rem; }
.portfolio-list-col-4 .portfolio-title h2 { font-size:15px; font-size:1.5rem; }
.portfolio-list-col-5 .portfolio-title h2 { font-size:14px; font-size:1.4rem; font-weight:normal; }
.portfolio-list-shown .icon-zoom, .portfolio-list-shown .icon-video { opacity:0.7; filter:alpha(opacity=70); }
.portfolio-set li { margin-bottom:20px; }
.portfolio-set .portfolio-title h2, .portfolio-set .col-3-1 .portfolio-title h2, .portfolio-set .col-4-1 .portfolio-title h2, .portfolio-set .col-5-1 .portfolio-title h2 { font-size:14px; font-size:1.4rem; }
.portfolio-set .portfolio-summary, .portfolio-set .portfolio-summary p { font-size:12px; font-size:1.2rem; }

/* .post-list */
.post-list-item { background-color:#f7f7f7; transition:all 0.5s ease-out 0s; }
.post-img { overflow:hidden; position:relative; }
.post-img img { width:100%; display:block; -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); transition:all 0.5s ease-in-out; }
.post-img span { display:block; width:100%; height:100%; position:absolute; top:0; left:0; background-color:#000; opacity:0; filter:alpha(opacity=0); transition:all 0.25s ease-in-out; }
.post-img i { 
	display:block; width:57px; height:57px; position:absolute; top:50%; left:50%; margin-left:-28px; margin-top:-28px; opacity:0; filter:alpha(opacity=0); background:url(../images/icon/icon-link.png) no-repeat center;
	-webkit-transition:-webkit-transform 0.5s ease-out;	-moz-transition:-moz-transform 0.5s ease-out; transition:transform 0.5s ease-out; 
} 
.post-text-box { position:relative; }
.post-text { padding:20px; }
.post-text h2 { line-height:1.5; margin-bottom:10px; font-size:16px; font-size:1.6rem; }
.post-text-summary { color:#808080; overflow:hidden; font-size:13px; font-size:1.3rem; }
.post-text-summary p { line-height:1.6; }
.post-arrow { position:absolute; z-index:10; display:block; overflow:hidden; background-image:url(../images/icon/post-arrow.gif); background-repeat:no-repeat; }
.post-list-item:hover { position:relative; z-index:5; box-shadow:0 0 15px rgba(0,0,0,0.35); }
.post-list-item:hover .post-img img { -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1); }
.post-list-item:hover .post-img span { opacity:0.6; filter:alpha(opacity=60); }
.post-list-item:hover .post-img i { opacity:1; filter:alpha(opacity=100); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); transform:rotate(360deg); }
.post-text-center { text-align:center; }
.post-text-detail { padding-top:10px; line-height:normal; }
.post-text-detail a { display:inline-block; *display:inline; *zoom:1; color:#999; font-size:12px; font-size:1.2rem; transition:all 0.5s ease-out 0s; }
.post-text-detail a:hover {  color:#0b71e5; }
.post-list-2col .post-img, .post-list-2col .post-text-box { float:left; width:50%; }
.post-list-2col .post-text { padding:30px; }
.post-list-2col .post-text h2 { margin-bottom:15px; }
.post-list-2col .post-list-item .post-arrow { width:10px; height:19px; top:50%; left:-10px; margin-top:-10px; background-position:0 -42px; }
.post-list-2col .post-list-item-spec .post-img { float:right; }
.post-list-2col .post-list-item-spec .post-arrow { top:50%; left:auto; right:-10px; margin-top:-10px; background-position:0 -11px; }
.post-list-3col .post-list-item { float:left; width:33.33333%; }
.post-list-3col .post-text { padding:30px; }
.post-list-3col .post-list-item .post-arrow { width:19px; height:10px; top:-10px; left:50%; margin-left:-10px; background-position:0 0; }
.post-list-3col .post-list-item-spec .post-img { top:233px; }
.post-list-3col .post-list-item-spec .post-text-box { top:-233px; }
.post-list-3col .post-list-item-spec .post-arrow { top:auto; bottom:-10px; background-position:0 -31px; }
.post-list-4col .post-list-item { width:50%; float:left; }
.post-list-4col .post-img, .post-list-4col .post-text-box { width:50%; float:left; }
.post-list-4col .post-list-item .post-arrow { width:10px; height:19px; top:50%; left:-10px; margin-top:-10px; background-position:0 -42px; }
.post-list-4col .post-list-item-spec .post-img { float:right; }
.post-list-4col .post-list-item-spec .post-arrow { top:50%; left:auto; right:-10px; margin-top:-10px; background-position:0 -11px; }
.post-list-4col .post-text h2 { font-size:15px; }
.post-list-4col .post-text .post-text-summary { font-size:12px; font-size:1.2rem; }


/* banner-link */
.banner-link { }
.banner-link-item { position:relative; background-color:#0d7eff; transition:all 0.3s ease-in-out; }
.banner-link-item-even { background-color:#0c78f2; }
.banner-link-item:nth-of-type(2n+2) { background-color:#0c78f2; }
.banner-link-info { background-repeat:no-repeat; background-position:center; background-size:cover; }
.banner-link-info a { position:relative; z-index:11; display:block; padding:50px 15px; text-align:center; color:#fff; }
.banner-link-info .banner-link-title h2 { font-weight:normal; line-height:1.5; font-size:24px; font-size:2.4rem; }
.banner-link-info .banner-link-hr { width:50px; height:1px; overflow:hidden; margin:15px auto; clear:both; background-color:#fff; }
.banner-link-info .banner-link-summary { max-width:500px; margin:0 auto; }
.banner-link-info .banner-link-summary p { font-size:13px; font-size:1.3rem; }
.banner-link-info .banner-link-more span { display:inline-block; *display:inline; *zoom:1; height:30px; line-height:30px; margin-top:20px; padding:0 30px; border:1px solid #fff; color:#fff; font-size:13px; font-size:1.3rem; cursor:pointer; transition:all 0.5s ease-in-out; }
.banner-link-info .banner-link-more span:hover, .banner-link-info .banner-link-more span:active { background-color:#fff; color:#333; }
.banner-link-info .opacity-overlay { width:100%; height:100%; position:absolute; top:0; left:0; background-color:#000; opacity:0.5; filter:alpha(opacity=50); transition:all 0.3s ease-in-out; }
.banner-link-info a:hover { color:#fff; }
.banner-link-item:hover { background-color:#0b71e5; }
.banner-link-item:hover .opacity-overlay { background-color:#0a65cc; opacity:0.8; filter:alpha(opacity=80); }

/* banner-single */
.banner-single {  }
.banner-single a { display:block; overflow:hidden; position:relative; color:#fff; }
.banner-single img { display:block; width:100%; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); transition:all 0.5s ease-in-out; }
.banner-single .opacity-overlay { width:100%; height:100%; position:absolute; top:0; left:0; cursor:pointer; background-color:#0b71e5; opacity:0; filter:alpha(opacity=0); transition:all 0.5s ease-in-out; }
.banner-single-default { position:absolute; bottom:25px; left:30px; line-height:normal; transition:all 0.2s ease-in-out; }
.banner-single-default h2 { font-size:16px; font-size:1.6rem; border-bottom:1px solid #fff; display:inline; padding:0 15px 5px 0; }
.banner-single-info { display:block; width:100%; text-align:center; position:absolute; top:50%; z-index:11; transform:translateY(-50%); margin-top:-12%\9; opacity:0; filter:alpha(opacity=0); transition:all 0.5s ease-in-out; }
.banner-single-info h2 { font-size:16px; font-size:1.6rem; padding:0 15px; margin-top:-25px; transition:all 0.5s ease-in-out; }
.banner-single-info .banner-single-summary { padding:0 15px; margin-top:-40px; line-height:1.5; font-size:13px; font-size:1.3rem; transition:all 0.5s ease-in-out; }
.banner-single-info .banner-single-more { display:inline-block; *display:inline; *zoom:1; height:28px; line-height:28px; padding:0 25px; margin-top:10px; border:1px solid #fff; font-size:12px; font-size:1.2rem; transition:all 0.5s ease-in-out; }
.banner-single-info .banner-single-more:hover { background-color:#fff; color:#333; }
.banner-single a:hover { color:#fff; }
.banner-single a:hover img { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1); }
.banner-single a:hover .banner-single-default { opacity:0; filter:alpha(opacity=0); }
.banner-single a:hover .banner-single-info { opacity:1; filter:alpha(opacity=100); }
.banner-single a:hover .banner-single-info h2 { margin-top:0; opacity:1; filter:alpha(opacity=100); }
.banner-single a:hover .banner-single-info .banner-single-summary { margin-top:10px; }
.banner-single a:hover .opacity-overlay { opacity:0.6; filter:alpha(opacity=60); }



/* portfolio-grid */
.portfolio-grid { overflow:hidden; }
.portfolio-grid-item { float:left; }
.portfolio-grid-item a { display:block; position:relative; color:#fff; overflow:hidden; }
.portfolio-grid-space-small .portfolio-grid-inner { margin:-3px; }
.portfolio-grid-space-small a { margin:3px; }
.portfolio-grid-space-large .portfolio-grid-inner { margin:-10px; }
.portfolio-grid-space-large a { margin:10px; }
.portfolio-grid-img { overflow:hidden; }
.portfolio-grid-img img { display:block; width:100%; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); transition:all 0.3s ease-out 0s; }
.portfolio-grid-info { text-align:center; position:absolute; left:0; z-index:11; top:50%; width:100%; transform:translateY(-50%); margin-top:-50px\9; }
.portfolio-grid-title { padding:0 15px; margin-bottom:15px; }
.portfolio-grid-title h3 { line-height:1.5; font-size:16px; font-size:1.6rem; transform:translateY(50%); transition:all 0.3s ease-out 0s; }
.portfolio-grid-summary { max-height:36px; overflow:hidden; padding:0 25px; line-height:1.5; font-size:12px; font-size:1.2rem; opacity:0; filter:alpha(opacity=0); transition:all 0.3s ease-out 0s; }
.portfolio-grid-summary p { line-height:1.5; }
.portfolio-grid-item .opacity-overlay { display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:10; background-color:#0a65cc; opacity:0.2; filter:alpha(opacity=20); transition:all 0.3s ease-out 0s; }
.portfolio-grid-item .icon-zoom { display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:11; opacity:0; filter:alpha(opacity=0); transition:all 0.5s ease-in-out; background:url(../images/icon/icon-zoom.png) no-repeat center; cursor:pointer; }
.portfolio-grid-item a:hover { color:#fff; }
.portfolio-grid-item a:hover img { -webkit-transform:scale(1.1, 1.1); -moz-transform:scalescale(1.1, 1.1); -o-transform:scalescale(1.1, 1.1); -ms-transform:scalescale(1.1, 1.1); transform:scale(1.1, 1.1); transition:all 0.3s ease-out 0s; }
.portfolio-grid-item a:hover .portfolio-grid-info { opacity:1; filter:alpha(opacity=100); }
.portfolio-grid-item a:hover .portfolio-grid-title h3 { opacity:1; filter:alpha(opacity=100); transform:translateY(-10px); }
.portfolio-grid-item a:hover .portfolio-grid-summary { opacity:1; filter:alpha(opacity=100); transform:translateY(-10px); }
.portfolio-grid-item a:hover .opacity-overlay { background-color:#0a65cc; opacity:0.85; filter:alpha(opacity=85); }
.portfolio-grid-item a:hover .icon-zoom { opacity:1; filter:alpha(opacity=100); }
.portfolio-grid-3col .portfolio-grid-item { width:33.333%; *width:33.319%; }
.portfolio-grid-4col .portfolio-grid-item { width:25%; *width:24.98999%; }
.portfolio-grid-4col .portfolio-grid-summary { max-height:55px; }
.portfolio-grid-hiden .portfolio-grid-title h3 { opacity:0; filter:alpha(opacity=0); }
.portfolio-grid-hiden .opacity-overlay { opacity:0; filter:alpha(opacity=0); }






/* =====================  Article & Product Common CSS  ===================== */
.category-list li { position:relative; border-bottom:1px solid #e5e5e5; *float:left; *width:100%; }
.category-list li.last { border-bottom:none; }
.category-list li a { line-height:normal; display:block; padding:15px 15px; color:#808080; }
.category-list li a:hover { color:#0b71e5; }
.category-list li a i { display:block; width:12px; height:12px; overflow:hidden; position:absolute; top:15px; right:10px; background-position:center; background-repeat:no-repeat; background-size:cover; }
.category-list li a i.icon-open { background-image:url(../images/icon/arrow-open-12.png); }
.category-list li a i.icon-close { background-image:url(../images/icon/arrow-close-12.png); }
.category-list li ul { display:none; margin:0 15px 10px 15px; *zoom:1; }
.category-list li ul li { border-bottom:none; }
.category-list li ul li a { padding:5px 15px; font-size:12px; font-size:1.2rem; }
.category-list li.current > a { color:#0b71e5; }
.category-list li.current > ul { display:block; }

/* list-line */
.list-line li { line-height:1.5; padding:12px 0; border-bottom:1px solid #e5e5e5; }
.list-line .title { display:block; padding-left:10px; background:url(../images/icon/point-gary.png) no-repeat left 8px; }
.list-line .time { margin-left:20px; color:#999; font-size:13px; font-size:1.3rem; }
.set-line li { padding:10px 0; }
.list-line-simple li { padding:2px 0; } 
.list-line-simple li a { display:inline-block; *display:inline; *zoom:1; line-height:1.5; padding-left:10px; background:url(../images/icon/point-gary.png) no-repeat left 8px; }
.list-line-simple-no-sign li a { background-image:none; padding-left:0; }
.list-line-simple-2col li { width:50%; *width:49.99%; float:left; padding:4px 0; }
.list-line-simple-3col li { width:33.333%; *width:33.30%; float:left; padding:4px 0; }
.list-line-simple-2col li a, .list-line-simple-3col li a { margin-right:20px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

/* download */
.list-line-download .download-url, .list-line-download .download-url-disabled { margin-left:20px; padding-left:20px; font-size:13px; font-size:1.3rem; color:#006bcf; background:url(../images/icon/icon-download.gif) no-repeat left center; }
.list-line-download .download-url:hover { color:#005eb5; }
.list-line-download .download-url-disabled { color:#999; cursor:not-allowed; background-image:url(../images/icon/icon-download-disabled.gif); }
.list-line-download .no-file { color:#999; cursor:not-allowed; }
.detail-file-download { margin-top:25px; padding:8px 15px; background-color:#f7f7f7; border:1px solid #f0f0f0; border-radius:3px; }
.detail-file-download h4 { margin-bottom:5px; color:#f60; font-size:16px; font-size:1.6rem;  }
.detail-file-download a { color:#666; font-size:13px; font-size:1.3rem; }
.detail-file-download a:hover { color:#0b71e5; }	
/* entry-list */
.entry-item { margin-bottom:25px; padding-bottom:25px; border-bottom:1px dotted #e5e5e5; }
.entry-img img { display:block; }
.entry-title { margin-bottom:15px; }
.entry-title h2 { line-height:normal; font-size:16px; font-size:1.6rem; }
.entry-summary, .entry-summary p { line-height:1.5; color:#808080; font-size:13px; font-size:1.3rem; }
.entry-summary { margin-bottom:-10px; }
.entry-summary p { margin-bottom:10px; }
.entry-meta { margin-bottom:10px; color:#999; font-size:12px; font-size:1.2rem; }
.entry-meta em { margin:0 8px; }
.entry-meta strong { font-weight:normal; }
.entry-meta a { color:#999; }
.entry-meta a:hover { color:#0b71e5; }
.entry-meta-info { margin-top:15px; }
.entry-detail { color:#0b71e5; font-size:12px; font-size:1.2rem; }
.entry-detail:hover { text-decoration:underline; }
.entry-set .entry-item { margin-bottom:18px; padding-bottom:18px; }
.entry-set .entry-img img { width:140px; }
.entry-set .entry-title { margin-bottom:10px; }
.entry-set .entry-title h2 { font-size:15px; font-size:1.5rem; }
.entry-set .entry-summary, .entry-set .entry-summary p { font-size:12px; font-size:1.2rem; }
.entry-list-thumb .entry-item { border-bottom:none; padding-bottom:0; margin-bottom:15px; }
.entry-list-thumb .entry-item .media-img { margin-right:12px; }
.entry-list-thumb .entry-title { margin-bottom:6px; }
.entry-list-thumb .entry-title h2 { font-weight:normal; font-size:13px; font-size:1.3rem; }
.entry-list-thumb .entry-img img { width:90px !important; }

/* highlight time */
.entry-list-highlight-time .entry-item { position:relative; padding-left:100px; border-bottom:1px dotted #e5e5e5; min-height:80px; }
.entry-list-highlight-time .time { position:absolute; left:0; top:0; width:75px; text-align:center; font-family:Arial; }
.entry-list-highlight-time .time-day { display:block; line-height:50px; color:#666; background-color:#f7f7f7; font-size:30px; font-size:3.0rem; }
.entry-list-highlight-time .time-date { display:block; line-height:22px; color:#999; background-color:#f7f7f7; margin-top:1px; font-size:12px; font-size:1.2rem; }
.entry-set-highlight-time .entry-item { padding-left:80px; min-height:65px; }
.entry-set-highlight-time .time { width:65px; }
.entry-set-highlight-time .time-day { line-height:45px; font-size:26px; font-size:2.6rem; }
.entry-set-highlight-time .time-date { line-height:20px; }
/* headlines */
.headlines-list .headlines-content { padding:0 0 20px; border-bottom:none; }
.headlines-set .headlines-content { padding-bottom:10px; }
.headlines-set .entry-title { margin-bottom:10px; }
.headlines-set .entry-title h2 { font-size:15px; font-size:1.5rem; }
.headlines-set .entry-img img { width:140px; }
.headlines-img .headlines-wrapper { list-style:none; margin:0 0 15px 0; padding:0; border-bottom:none; }
.headlines-img .headlines-wrapper a { background:none; margin:0; padding:0; display:block; }
.headlines-img-box { overflow:hidden; }
.headlines-img-box img { display:block; width:100%; transition:all 0.5s ease-out 0s; }
.headlines-wrapper:hover img { -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1); }
.headlines-img-title { background-color:#f2f2f2; padding:7px 8px; }
.headlines-img-title h2 { font-size:15px; font-size:1.5rem; }
.headlines-img-title h2 a { line-height:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
/* blog-list */
.blog-list .entry-img { margin-bottom:10px; }
.blog-list .entry-img img { width:100%; }
.blog-list-highlight-time .entry-item { padding-left:20%; position:relative; }
.blog-list-highlight-time .time { position:absolute; left:0; color:#808080; }
/* 2col set */
.media-2col .entry-item { border-bottom:none; }
.headlines-set-2col .headlines-content img { display:block; width:100%; }
.headlines-set-2col .headlines-content h2 { margin-top:15px; line-height:1.5; font-size:16px; font-size:1.6rem; }
.headlines-set-2col .headlines-content-summary { margin-top:10px; margin-bottom:-10px; line-height:1.5; color:#808080; font-size:12px; font-size:1.2rem; }
.headlines-set-2col .headlines-content-summary p { line-height:1.5; margin-bottom:10px; }
.headlines-set-2col .entry-item { border-bottom:none; }


/* detail navigation */
.nav-next-prev { margin-top:25px; padding:15px 0; border-top:1px solid #e5e5e5; }
.nav-next-prev li { width:49%; height:26px; }
.nav-next-prev li a { display:block; height:26px; line-height:26px; color:#808080; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; *white-space:inherit; }
.nav-next-prev li a:hover { color:#0b71e5; }
.nav-next-prev li strong { font-weight:normal; }
.nav-next-prev .prev-page { float:left; text-align:left; }
.nav-next-prev .next-page { float:right; text-align:right; }
.nav-next-prev li em { display:inline-block; *display:inline; *zoom:1; height:26px; line-height:26px; padding:0 15px; color:#808080; font-size:12px; font-size:1.2rem; transition:all 0.5s ease-out 0s; }
.nav-next-prev li a:hover em { background-color:#0b71e5; color:#fff; }
.nav-next-prev .prev-page em { float:left; margin-right:10px; padding-left:25px; background:#f7f7f7 url(../images/icon/nav-prev.png) no-repeat left top; }
.nav-next-prev .prev-page a:hover em { background-position:left -26px; }
.nav-next-prev .next-page em { float:right; margin-left:10px; padding-right:25px; background:#f7f7f7 url(../images/icon/nav-next.png) no-repeat right top; }
.nav-next-prev .next-page a:hover em { background-position:right -26px; }
.nav-next-prev .prev-page-disabled, .nav-next-prev .prev-page-disabled a, .nav-next-prev .prev-page-disabled a:hover,
.nav-next-prev .next-page-disabled, .nav-next-prev .next-page-disabled a, .nav-next-prev .next-page-disabled a:hover { 
	cursor:default; color:#b3b3b3; 
}
.nav-next-prev .prev-page-disabled em, .nav-next-prev .prev-page-disabled a:hover em { background-color:#fafafa; color:#b3b3b3; background-position:left -52px; }
.nav-next-prev .next-page-disabled em, .nav-next-prev .next-page-disabled a:hover em { background-color:#fafafa; color:#b3b3b3; background-position:right -52px; }

.single-navigation { padding:25px 0; }
.single-navigation > div { width:33.333%; float:left; text-align:center; }
.single-navigation .back-to-list { *margin:0 -2px; }
.single-navigation a { display:block; line-height:normal; padding:5px 0; font-size:12px; font-size:1.2rem; color:#999; background-color:#fafafa; transition:all 0.5s ease-out 0s; }
.single-navigation a i { display:inline-block; width:24px; height:24px; line-height:24px; overflow:hidden; background:url(../images/icon/icon-single-navigation-s.png) no-repeat; opacity:0.5; filter:alpha(opacity=50); transition:all 0.5s ease-out 0s; }
.single-navigation .prev-post a i { background-position:0 0; }
.single-navigation .next-post a i { background-position:-48px 0; }
.single-navigation .back-to-list a i { background-position:-24px 0; }
.single-navigation > div a:hover, .single-navigation > div a:active { background-color:#eee; }
.single-navigation > div a:hover i, .single-navigation > div a:active i { opacity:1; filter:alpha(opacity=100); }
.single-navigation > div a span { display:block; }
.single-navigation-icon > div a { padding:12px 0 10px; }
.single-navigation-icon > div a span { display:none; }

.back-to-list-single a { background:url(../images/icon/back-to-list.png) no-repeat left center; line-height:normal; padding-left:15px; color:#808080; font-size:13px; font-size:1.3rem; }

/* share */
.share-bar-line { margin-top:40px; height:24px; line-height:24px; color:#808080; }
.share-bar-line .share-title { display:inline-block; *display:inline; *zoom:1; height:24px; line-height:24px; position:relative; top:-7px; *top:-4px; font-weight:normal; font-size:13px; font-size:1.3rem; }
.share-bar-line .bdsharebuttonbox { display:inline; height:24px; line-height:24px; }
.share-bar-line .bdsharebuttonbox a, .share-bar-line .bdsharebuttonbox .bds_more { float:none; margin:0 5px 0 0; display:inline-block; *display:inline; *zoom:1; }
.share-bar-line-16 { height:17px; line-height:17px; }
.share-bar-line-16 .share-title { height:16px; line-height:16px; position:relative; top:-3px; *top:-6px; }
.share-bar-line-rtl { text-align:right; }
.share-bar-line-min-margin { margin-top:25px; }





/* 详情图库切换 */
.gallery-img-single { text-align:center; margin-bottom:15px; }
.gallery-img-single img { max-width:100%; }
.gallery-detail-title { text-align:center; margin-bottom:20px; }
.gallery-detail-title h1 { line-height:1.5; font-weight:normal; font-size:24px; font-size:2.4rem; }
.gallery-detail .gallery-img-wrap { margin-bottom:20px; }

/* video */
.video-player-wrapper .video-player-content { width:100%; text-align:center; }
.video-player-wrapper video.video-player-content { height:auto !important; margin-bottom:-8px; }
.video-player-wrapper span.video-player-content { position:relative; height:0 !important; padding-bottom:56.24%; overflow:visible; }
.video-player-wrapper span.video-player-content-swf { padding-top:40px; }
.video-player-wrapper span.video-player-content object, .video-player-wrapper span.video-player-content object embed { position:absolute; top:0; left:0; width:100%; height:100%; }
.video-detail .video-player-wrapper { margin-bottom:20px; }
@media \0screen {
	/* IE 8 */
	.video-detail .video-player-wrapper { margin-bottom:20px; }
	.video-detail .video-player-wrapper span.video-player-content-swf { margin-bottom:-25px; }
}
/* IE 7 */
.video-player-wrapper span.video-player-content { *height:auto !important; *padding-bottom:0; }
.video-player-wrapper span.video-player-content object, .video-player-wrapper span.video-player-content embed { *position:static; }
.video-detail .video-player-wrapper span.video-player-content-swf { *padding-top:0; *margin-bottom:0; }
.video-detail .video-player-content embed { *width:100%; *height:80%; }
.video-player-wrapper-fancybox { *height:600px; }
.video-player-wrapper-fancybox .video-player-content { *position:relative; *height:0 !important; *padding-bottom:56.24%; *padding-top:0 !important; *margin-top:0 !important; *overflow:hidden; }	
.video-player-wrapper-fancybox .video-player-content iframe, .video-player-wrapper-fancybox .video-player-content object, .video-player-wrapper-fancybox .video-player-content embed { *position:absolute; *top:0; *left:0; *width:100%; *height:100%; }


/*---------- article ----------*/
.article-category-scrollable .scrollable-item { text-align:left; }
.article-category-scrollable .scrollable-item h3 { font-size:15px; font-size:1.5rem; }
.article-category-scrollable .owl-buttons .owl-prev, .article-category-scrollable .owl-buttons .owl-next { top:28%; }

.article-detail { }
.article-detail .article-title { margin-bottom:15px; text-align:center; }
.article-detail .article-title h1 { font-weight:normal; line-height:1.5; font-size:24px; font-size:2.4rem; }
.article-detail .entry-meta { margin-bottom:15px; text-align:center; }
.article-detail .entry-meta span { margin:0 5px; }

.person-detail { }
.person-detail .person-img { width:40%; margin-right:50px; float:left; text-align:center; }
.person-detail .person-img p { font-size:0; }
.person-detail .person-img img { font-size:0; max-width:100%; }
.person-detail .person-text { overflow:hidden; *zoom:1; }
.person-detail .person-text .person-name { margin-bottom:20px; }
.person-detail .person-text .person-name h1 { line-height:normal; font-weight:normal; font-size:24px; font-size:2.4rem; }
.person-detail .person-text .person-info { color:#4d4d4d; }
.person-detail .person-works-title { text-align:center; margin:50px 0 25px; padding-top:50px; border-top:1px solid #e5e5e5; }
.person-detail .person-works-title h3 { display:inline-block; *display:inline; *zoom:1; margin:0 20px; line-height:normal; font-weight:normal; font-size:24px; font-size:2.4rem; }

.project-detail .project-title { margin-bottom:25px; text-align:center; }
.project-detail .project-title h1 { line-height:normal; font-weight:normal; font-size:24px; font-size:2.4rem; }
.project-detail .project-info { margin-top:25px; }




/*---------- product ----------*/
.price { line-height:normal; margin:5px 0; color:#ff6709; font-size:13px; font-size:1.3rem; }
.price del { color:#b0b0b0; }
.price strong { font-weight:normal; font-size:22px; margin:0 2px 0 0; }
.callout { position:absolute; left:8px; top:8px; z-index:5; line-height:normal; }
.callout span { margin-right:5px; padding:1px 5px; color:#fff; font-size:12px; font-size:1.2rem; }
.callout .icon-callout-new { background-color:#0b71e5; }
.callout .icon-callout-selling { background-color:#da4c26; }
.callout .icon-callout-saleoff { background-color:#ff6700; }
.callout .icon-callout-out-stock { background-color:#999; }
.callout .icon-callout-msg { background-color:#83c44e; }
.btn-like { position:absolute; right:10px; top:6px; z-index:5; color:#999; font-size:12px; font-size:1.2rem; opacity:0; filter:alpha(opacity=0); transition:all 0.5s ease-out 0s; }
.btn-like .icon-like { display:inline-block; *display:inline; *zoom:1; width:24px; height:24px; overflow:hidden; background:url(../images/icon/icon-like.png) no-repeat center; opacity:0.8; filter:alpha(opacity=80); transition:all 0.5s ease-out 0s; }
.btn-liked .icon-like { background-image:url(../images/icon/icon-liked.png)  }
.btn-like span { display:inline-block; *display:inline; *zoom:1; position:relative; top:-8px; *top:-2px; vertical-align:middle; margin:0 5px;  color:#666; opacity:0; filter:alpha(opacity=0); transition:all 0.5s ease-out 0s; }
.btn-like a:hover .icon-like { opacity:1; filter:alpha(opacity=100); }
.btn-like a:hover span { opacity:1; filter:alpha(opacity=100); }

.portfolio-grid-product .portfolio-grid-item .price { opacity:0; filter:alpha(opacity=0); transform: translateY(-15px); transition:all 0.5s ease-out 0s; }
.portfolio-grid-product .portfolio-grid-item a:hover .price { opacity:1; filter:alpha(opacity=100); transform: translateY(0); }
.post-list .price { margin:-5px 0 10px 0; }
.portfolio-list li:hover .btn-like { opacity:1; filter:alpha(opacity=100); }
/* filter-list */
.filter-list .dl-horizontal, .filter-list-selected .dl-horizontal { border-bottom:1px dotted #e5e5e5; padding:15px 0 10px; font-size:13px; font-size:1.3rem; }
.filter-list .dl-horizontal dt, .filter-list-selected .dl-horizontal dt { width:55px; text-align:left; color:#808080; }
.filter-list .dl-horizontal dd, .filter-list-selected .dl-horizontal dd { margin-left:55px; margin-bottom:0 !important; }
.filter-list .dl-horizontal dd a, .filter-list-selected .dl-horizontal dd a { display:inline-block; *display:inline; *zoom:1; padding:1px 8px; margin:0 10px 5px 0; color:#666; transition:all 0.5s ease-out 0s; }
.filter-list .dl-horizontal dd a:hover, .filter-list-selected .dl-horizontal dd a:hover { color:#0b71e5; }
.filter-list .dl-horizontal dd a.current { background-color:#0b71e5; color:#fff; }
.filter-list-selected .dl-horizontal dd a { position:relative; height:16px; line-height:normal; padding:5px 58px 5px 20px; border:1px solid #b0b0b0; color:#808080; font-size:12px; font-size:1.2rem; transition:all 0.5s ease 0s; }
.filter-list-selected .dl-horizontal dd a i { width:28px; height:28px; position:absolute; right:-1px; top:-1px; background-color:#b0b0b0; color: #fff; font-size:24px; text-align:center; transition:all 0.5s ease 0s; }
.filter-list-selected .dl-horizontal dd a:hover { border-color:#0b71e5; }
.filter-list-selected .dl-horizontal dd a:hover i { background-color:#0b71e5; }
/* 放大镜 */
.cloud-zoom-lens { background:url(../images/icon/cloud-zoom-lens.png); margin:0; cursor:move; }
.cloud-zoom-title { position:absolute !important; top:0px ;width:100%; padding:3px; text-align:center; font-weight:bold; background-color:#000; color:#fff; font-size:13px; }
.cloud-zoom-big { overflow:hidden; background-color:#f7f7f7; }
.cloud-zoom-loading { color:#fff; padding:3px; background:#000; }
.zoom-small-image { background-color:#000; }
.zoom-small-image a { overflow:hidden; }
.zoom-small-image img { display:block; width:100%; *float:left; }
.zoom-thumbs { margin-top:15px; overflow:hidden; }
.zoom-thumbs li { margin:0 5px; }
.zoom-thumbs li a { display:block; border:1px solid transparent; font-size:0; vertical-align:middle; transition:all 0.25s ease 0s; }
.zoom-thumbs li a img { display:block; width:100%; height:auto; position:relative; *left:-16px; }
.zoom-thumbs li a:hover { border-color:#b0b0b0; } 
.zoom-thumbs li.zoom-selected a { border-color:#ff6700; }
.zoom-thumbs .owl-scrollable-zoom { margin:0 -3px; }
.zoom-thumbs .owl-scrollable-zoom .owl-buttons .owl-prev { top:50%; margin-top:-20px; left:5px; }
.zoom-thumbs .owl-scrollable-zoom .owl-buttons .owl-next { top:50%; margin-top:-20px; right:5px; }
/* 属性 */
.product-attr .dl-horizontal { color:#666; font-size:13px; font-size:1.3rem; }
.product-attr .dl-horizontal dt { width:50px; text-align:left; }
.product-attr .dl-horizontal dd { margin-left:50px; margin-bottom:0 !important; }
/* 购买选项 */
.product-option { margin-bottom:-10px; }
.product-option-item { margin-bottom:15px; }
.product-option-label { color:#666; margin-bottom:5px; }
.option-select-list { margin-bottom:-10px; }
.option-select-list li { float:left; margin-right:10px; word-wrap:break-word; }
.option-select-list li a { position:relative; display:block; height:34px; line-height:34px; overflow:hidden; padding:0 20px; margin-bottom:10px; border:1px solid #e0e0e0; color:#808080; font-size:13px; font-size:1.3rem; transition:all 0.25s ease 0s; }
.option-select-list li input { position:absolute; left:-0em; top:0em; display:none; }
.option-select-list li label { cursor:pointer; *white-space:nowrap; }
.option-select-list li a:hover { color:#808080; border-color:#b0b0b0; }
.option-select-list li.selected a { border-color:#ff6700; }
.option-select-list-img li a { height:auto; padding:0; font-size:12px; font-size:1.2rem; }
.option-select-list-img li a img { display:block; float:left; width:30px; height:30px; margin:2px; }
.option-select-list-img li a em { margin:0 5px; }
.option-select-list li a.disabled { background:#e0e0e0 url(../images/icon/option-disabled.png) no-repeat center; border-color:#e0e0e0; cursor:default; }
.option-select-list li a.disabled label { cursor:default; opacity:0.7; filter:alpha(opacity=70); }
.option-select-list li a.disabled img { cursor:default; opacity:0.7; filter:alpha(opacity=70); }

/* 购买数量 */
.quantity-wrapper { line-height:32px; color:#808080; font-size:12px; font-size:1.2rem; }
.quantity-wrapper .quantity-input { float:left; vertical-align:middle; width:28px; height:30px; line-height:25px; padding:0 5px; margin:0 -1px; border:1px solid #ccc; color:#666; font-size:13px; font-size:1.3rem; box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset; }
.quantity-wrapper a { display:block; float:left; width:25px; height:30px; line-height:30px; text-align:center; border:1px solid #ccc; color:#666; background-color:#f7f7f7; font-family:arial; font-size:15px; }
.quantity-wrapper a:hover, .quantity-wrapper a:active { background-color:#eee; color:#333; }
.quantity-wrapper .quantity-unit { margin-left:8px;}
.quantity-wrapper .stock { margin-left:20px; }
.msg-note-wrappper { display:none; }
.msg-note-line { display:inline-block; *display:inline; *zoom:1; line-height:normal; padding:5px 15px; margin-top:5px; border:1px solid #ececec; color:#f30; background:#fffcf0; font-size:12px; font-size:1.2rem; }


/* product-category */
.product-category-scrollable .scrollable-item h3 { font-size:15px; font-size:1.5rem; }
.product-category-scrollable .owl-buttons .owl-prev, .product-category-scrollable .owl-buttons .owl-next { top:35%; }
/* product-set */
.product-set-scrollable .scrollable-item { position:relative; }
.product-set-scrollable .scrollable-item:hover .btn-like { opacity:1; filter:alpha(opacity=100); }
.product-set-scrollable .owl-buttons .owl-prev, .product-set-scrollable .owl-buttons .owl-next { top:34%; }
/* product-detail */
.product-name h1 { line-height:normal; font-weight:normal; margin-bottom:15px; font-size:22px; font-size:2.2rem; }
.product-sku { color:#999; font-size:13px; font-size:1.3rem; }
.product-summary { line-height:1.6; color:#666; font-size:13px; font-size:1.3rem; }
.product-summary p { line-height:1.6; margin-bottom:10px; }

.product-intr { margin-bottom:45px; }
.product-intr .product-preview { width:50%; float:left; margin-right:50px; }
.product-intr .product-info { overflow:hidden; *zoom:1; }
.product-intr .product-info .product-info-item { padding:10px 0; }
.product-intr .product-info .product-info-item.dl-horizontal .dt { width:50px; text-align:left; color:#666; }
.product-intr .product-info .product-info-item.dl-horizontal .dd { margin-left:50px; margin-bottom:0 !important; }

.product-desc .tabs-list { background-color:#ebebeb; font-size:0; }
.product-desc .tabs-list li { margin-bottom:0; margin-right:1px; *float:left; }
.product-desc .tabs-list li a { height:42px; line-height:42px; }
.product-desc .tabs-fixed { position:fixed; top:0; }

.product-desc-single-title { line-height:normal; margin-bottom:15px; border-bottom:2px solid #ccc; text-align:center; }
.product-desc-single-title h3 { position:relative; margin-bottom:-2px; padding:5px 35px; display:inline-block; *display:inline; *zoom:1; border-bottom:2px solid #0d7eff; font-size:16px; font-size:1.6rem; }
.product-desc-title { background-color:#0d7eff; margin-bottom:20px; }
.product-desc-title h3 { height:42px; line-height:42px; float:left; padding:0 20px; color:#fff; font-size:16px; font-size:1.6rem; }
.product-desc-item { margin-bottom:50px; }
.product-desc-item-title { margin-bottom:15px; }
.product-desc-item-title h4 { float:left; height:30px; line-height:30px; padding:0 25px; background:#0d7eff; color:#fff; font-weight:normal; font-size:14px; font-size:1.4rem; }
.product-img-single { text-align:center; margin-bottom:20px; }
.product-img-single img { max-width:100%; }
.product-detail-single .product-img-single { }
.product-detail-single .product-name h1 { text-align:center; }
.product-detail-zoom .zoom-section { display:block; }
.product-detail-zoom .gallery-img-product-detail { display:none; }







/* ===============================  link  =============================== */
.link-line { }
.link-line a { margin-right:12px; }
.link-line img { vertical-align:middle; position:relative; top:-1px; *top:0; margin-right:2px; }
.link-line .sep { font-style:normal; color:#808080; font-size:12px; font-size:1.2rem; vertical-align:middle; position:relative; top:-1px; margin:0 10px 0 -2px; }
.link-line-rtl { text-align:right; }
.link-line-rtl a { margin-right:0; margin-left:12px; }
.link-line-rtl .sep { margin:0 -2px 0 10px; }
.link-line-center a { margin:0 6px; }
.link-line-center { text-align:center; }
.link-line-center .sep { margin:0 4px; }

.link-block li { padding:3px 0; line-height:normal; }
.link-block a { line-height:1.5; }
.link-block img { vertical-align:middle; position:relative; top:-1px; *top:0; margin-right:2px; }
.link-block-equally a { display:inline-block; *display:inline; *zoom:1; background:url(../images/icon/point-gary.png) no-repeat 0 9px; padding-left:10px; }

.portfolio-list-link li { margin-bottom:20px; }
.portfolio-list-link .portfolio-title h2, .portfolio-list-link .col-3-1 .portfolio-title h2, .portfolio-list-link .col-4-1 .portfolio-title h2, .portfolio-list-link .col-5-1 .portfolio-title h2 { font-size:14px; font-size:1.4rem; }

.link-scrollable .owl-buttons .owl-prev, .link-scrollable .owl-buttons .owl-next { width:32px; height:32px; }




/* ===============================  module  =============================== */
.module { }
.module-title-wrap { margin-bottom:15px; line-height:32px; }
.module-title { float:left; }
.module-title h2 { font-weight:normal; line-height:normal; display:inline-block; display:inline; *zoom:1; font-size:22px; font-size:2.2rem; }
.module-title h3 { font-weight:normal; line-height:normal; display:inline-block; display:inline; *zoom:1; font-size:15px; font-size:1.5rem; margin-left:5px; color:#808080; }
.module-more { float:right; }
.module-more a { color:#808080; }
.module-divider { clear:both; font-size:0; height:1px; overflow:hidden; background-color:#e5e5e5; margin:35px 0; }
.module-bottom { margin-bottom:35px; }

.module-fluid { padding:60px 0; }
.module-fluid > .container { width:auto; max-width:1200px; }
.module-fluid-title { margin-bottom:35px; text-align:center; }
.module-fluid-title h2 { line-height:normal; font-weight:normal; font-size:28px; font-size:2.8rem; }
.module-fluid-title h3 { line-height:normal; font-weight:normal; font-size:18px; font-size:1.8rem; color:#666; margin-top:15px; }
.module-fluid-more { text-align:center; }
.module-fluid-more a { display:inline-block; *display:inline; *zoom:1; height:36px; line-height:36px; padding:0 40px; margin-top:25px; border:2px solid #666; transition:all 0.5s ease 0s; }
.module-fluid-more a:hover { background-color:#0b71e5; border-color:#0b71e5; color:#fff; }
.module-fluid-light { background-color:#f0f0f0; }
.module-fluid-dark { background-color:#3d4045; color:#fff; }
.module-fluid-dark .module-fluid-title h2 { color:#fff; }
.module-fluid-dark .module-fluid-title h3 { color:#ccc; }
.module-fluid-dark .module-fluid-more a { border-color:#fff; color:#fff; }
.module-fluid-dark .module-fluid-more a:hover { background-color:#0b71e5; border-color:#0b71e5; color:#fff; }







/* ===============================  common  =============================== */
html { font-size:62.5%; } 
body { font:14px/1.8 Helvetica, Arial, "Microsoft Yahei", sans-serif; font-size:1.4rem; color:#333; }
body #wrapper { font-size:1.4rem; /* 解决rem在chrome浏览器下字体变大 */ }

a { color:#333; }
a:hover { color:#0b71e5; text-decoration:none; }
.content-dark { color:#fff; }
.content-dark a { color:#eee; }
.content-dark a:hover { color:#fff; }


.boxed { width:1300px; margin:0 auto; box-shadow:0 0 5px rgba(0,0,0,0.15); }
.container { width:1200px; margin-left:auto; margin-right:auto; *zoom:1; }
.container:before, .container:after { visibility:hidden; display:block; font-size:0;content:" "; clear:both; height:0; }
.container-fluid { width:100%; }
.float-left { float:left; }
.float-right { float:right; }
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }

.not-animated { opacity:0; }

/* language-line */
.language-line { line-height:normal; font-size:12px; font-size:1.2rem; }
.language-line a { margin-right:10px; color:#808080; }
.language-line a:hover { color:#0d7eff; text-decoration:none; }
.language-line .language-ico { padding:0 0 0 20px; background-repeat:no-repeat; background-position:left center; }
.language-line-rtl a { margin:0 0 0 10px; }


/* language-dropdown */
.language-dropdown .sf-sub-indicator { width:9px; height:5px; background:url(../images/icon/language-dropdown.gif) no-repeat; top:3.6em; }
.language-dropdown .sf-sub-indicator:hover { background-position:0 0; }
.language-dropdown li:hover > a > .sf-sub-indicator,
.language-dropdown li.sfHover > a > .sf-sub-indicator  { background-position:0 0; }
.language-dropdown .sf-menu a, .language-dropdown .sf-menu a:visited { color:#808080; }
.language-dropdown .sf-menu a { border:0; }
.language-dropdown .sf-menu li { background-color:transparent; }
.language-dropdown .sf-menu li:hover, .language-dropdown .sf-menu li.sfHover, .language-dropdown .sf-menu a:focus, .language-dropdown .sf-menu a:hover, .language-dropdown .sf-menu a:active { background-color:#eee; }
.language-dropdown .first-level, .language-dropdown .first-level:active { line-height:100px; padding:0 15px; font-size:13px; font-size:1.3rem; }
.language-dropdown .sf-menu li:hover ul, .language-dropdown .sf-menu li.sfHover ul { left:auto; right:0; top:100px; z-index:105; }
.language-dropdown .sf-menu li ul li { background-color:#eee; }
.language-dropdown .sf-menu li ul li a { padding-top:15px; padding-bottom:15px; }
.language-dropdown .sf-menu li li:hover, 
.language-dropdown .sf-menu li.sfHover li.sfHover,
.language-dropdown .sf-menu li.sfHover li.sfHover > a,
.language-dropdown .sf-menu li li a:focus, 
.language-dropdown .sf-menu li li a:hover, 
.language-dropdown .sf-menu li li a:active { background-color:#0d7eff; color:#fff; }
.language-dropdown .sf-menu li li .sf-sub-indicator { top:1.5em; display:block; }
.language-dropdown-simple .sf-sub-indicator { display:none; }
.language-dropdown-simple .sf-menu a.sf-with-ul { padding-right:15px; }
.language-dropdown-simple .first-level .language-name { display:block; width:20px; height:100px; line-height:100px; background:url(../images/icon/icon-lang.png) no-repeat left center; opacity:0.8; filter:alpha(opacity=80); transition:all ease-in-out 0.2s; }
.language-dropdown-simple .first-level .language-name:hover { opacity:1; filter:alpha(opacity=100); }
.language-dropdown-simple .first-level .language-name em { display:none; }


/* fullscreen-search */
.fullscreen-search-show-btn { display:inline-block; *display:inline; *zoom:1; font-size:0; vertical-align:top; }
.fullscreen-search-trigger { display:block; width:16px; padding:0 10px; height:100px; line-height:100px; text-indent:-9999em; background:url(../images/icon/icon-search-20.png) no-repeat center; opacity:0.8; filter:alpha(opacity=80); transition:all ease-in-out 0.2s; }
.fullscreen-search-trigger:hover { opacity:1; filter:alpha(opacity=100); }
.fullscreen-search-overlay { position:fixed; top:0; left:0; z-index:1000; width:100%; height:100%; visibility:hidden; background-color:#000; opacity:0; filter:alpha(opacity=0); transition:all ease-in-out 0.2s; }
.fullscreen-search-wrapper { position:fixed; top:0; left:0; z-index:1001; width:100%; height:100%; visibility:hidden; opacity:0; filter:alpha(opacity=0); -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -ms-transform:scale(0.8); transform:scale(0.8); transition:all ease-in-out 0.2s; }
.fullscreen-search { position:relative; top:50%; top:40%\9; transform:translateY(-50%); max-width:900px; margin:0 auto; text-align:center; color:#fff; font-size:18px; font-size:1.8rem; }
.fullscreen-search-form { margin-top:20px; padding-right:70px; position:relative; font-size:0; border-bottom:2px solid #666; }
.fullscreen-search-input { border:none; background-color:transparent; width:100%; height:70px; line-height:70px; color:#808080; font-size:22px; font-size:2.2rem; }
.fullscreen-search-btn { border:none; position:absolute; top:0; right:0; width:70px; height:70px; text-align:center; cursor:pointer; background:url(../images/icon/icon-search-32.png) no-repeat center; }
.fullscreen-search-btn span { display:none; }
.fullscreen-search-close { 
	display:none; width:24px; height:24px; overflow:hidden; position:fixed; top:50px; right:50px; z-index:1002; background:url(../images/icon/icon-close-32.png) no-repeat center;
	transition:all ease-in-out 0.3s; -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0);
}
.fullscreen-search-close:hover { -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); }
.fullscreen-search-close span { display:none; }
.fullscreen-search-section-show .fullscreen-search-overlay { visibility:visible; opacity:0.95; filter:alpha(opacity=95); }
.fullscreen-search-section-show .fullscreen-search-wrapper { visibility:visible; opacity:0.95; filter:alpha(opacity=95); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1); }
.fullscreen-search-section-show .fullscreen-search-close { display:block; }







/* gotop */
.gotop-fixed { position:fixed; right:15px; bottom:50px; display:none; }
.gotop-fixed a { display:block; width:45px; height:45px; background:rgba(0,0,0,0.4) url(../images/icon/gotop.png) no-repeat center; background:#ccc url(../images/icon/gotop.png) no-repeat center\9; transition:all 0.5s ease-out 0s; }
.gotop-fixed a:hover { background-color:rgba(0,0,0,0.7); background-color:#808080\9; }
.gotop-fixed a span { display:none; }



/* 分页 & 面包屑 */
.pagination { margin:30px 0; clear:both; text-align:center; font-size:13px; font-size:1.3rem; }
.pagination span, .pagination a { display:inline-block; padding:1px 15px; height:34px; line-height:34px; margin:0 1px; *zoom:1; color:#808080; }
.pagination a:hover { background:#e5e5e5; text-decoration:none; }
.pagination a:active { color:#808080; }
.pagination .disabled { cursor:default; color:#ccc; }
.pagination .current { background:#005db4; color:#fff; }
.pagination-right { text-align:right; }
.pagination-left  { text-align:left; }

.breadcrumbs { font-size:0; }
.breadcrumbs span, .breadcrumbs a, .breadcrumbs i, .breadcrumbs strong { line-height:45px; color:#999; font-size:13px; font-size:1.3rem; }
.breadcrumbs i { margin:0 5px;}
.breadcrumbs strong { font-weight:normal; color:#666; }



/* 页面信息 & 上下文菜单 */
.page-info-inner { margin-bottom:20px; border-bottom:1px solid #d9d9d9; }
.page-info-inner .page-name { float:left; line-height:45px; font-size:16px; font-size:1.6rem; }
.page-info-inner .breadcrumbs span, .page-info-inner .breadcrumbs a, .page-info-inner .breadcrumbs i, .page-info-inner .breadcrumbs strong { font-size:12px; font-size:1.2rem; }

.sidebar-menu { background-color:#f7f7f7; margin-bottom:25px; *zoom:1; }
.sidebar-menu-title { background-color:#0b71e5; line-height:50px; }
.sidebar-menu-title h3 { font-size:16px; color:#fff; margin-left:15px; }
.sidebar-menu-content { }
.sidebar-menu-content .context-menu li { position:relative; border-bottom:1px solid #e5e5e5; *float:left; *width:100%; }
.sidebar-menu-content .context-menu li.last { border-bottom:none; padding-bottom:3px; }
.sidebar-menu-content .context-menu li a { line-height:normal; display:block; padding:15px 15px; color:#808080; }
.sidebar-menu-content .context-menu li a:hover { color:#0b71e5; }
.sidebar-menu-content .context-menu li a i { display:block; width:12px; height:12px; overflow:hidden; position:absolute; top:15px; right:10px; background-position:center; background-repeat:no-repeat; background-size:cover; }
.sidebar-menu-content .context-menu li a i.icon-open { background-image:url(../images/icon/arrow-open-12.png); }
.sidebar-menu-content .context-menu li a i.icon-close { background-image:url(../images/icon/arrow-close-12.png); }
.sidebar-menu-content .context-menu li ul { display:none; margin:0 15px 10px 15px; *zoom:1; }
.sidebar-menu-content .context-menu li ul li { border-bottom:none; }
.sidebar-menu-content .context-menu li ul li a { padding:5px 15px; font-size:12px; font-size:1.2rem; }
.sidebar-menu-content .context-menu li.current > a { color:#0b71e5; }
.sidebar-menu-content .context-menu li.current > ul { display:block; }

.page-info-full { margin-top:45px; }
.page-info-full .page-name-hgroup { text-align:center; margin-bottom:25px; }
.page-info-full .page-name-hgroup h2 { line-height:normal; font-weight:normal; display:inline-block; *display:inline; *zoom:1; margin:0 15px; font-size:24px; }
.page-info-full .page-name-hgroup i { display:inline-block; *display:inline; *zoom:1; width:80px; height:1px; overflow:hidden; background-color:#e5e5e5; position:relative; top:-5px; }
.page-info-full .page-name-hgroup h3 { line-height:normal; font-weight:normal; font-size:14px; color:#999; margin-top:5px; }
.context-menu-full { text-align:center; }
.context-menu-full ul { font-size:0; }
.context-menu-full li { display:inline-block; *display:inline; *zoom:1; margin:0 1px; }
.context-menu-full li a { display:block; padding:0 30px; line-height:42px; background-color:#f7f7f7; color:#808080; font-size:14px; font-size:1.4rem; transition:all 0.5s ease 0s; }
.context-menu-full li a:hover { background-color:#e5e5e5; }
.context-menu-full li.current a { background-color:#0b71e5; color:#fff;  }






/* ==================  header  ================== */
/* top-bar */
.top-bar { position:relative; z-index:10; padding:8px 0; background-color:#333; color:#b0b0b0; font-size:12px; font-size:1.2rem; }
.top-bar a { color:#b0b0b0; }
.top-bar a:hover { color:#fff; }

.header { position:relative; z-index:101; }


/* ----- header-v1 ----- */
.header-v1 .logo { float:left; margin-top:35px; }

.header-v1 .nav { float:right; }
.header-v1 .main-nav .sf-menu a, .header-v1 .main-nav .sf-menu a:visited { color:#808080; }
.header-v1 .main-nav .sf-menu a:hover { text-decoration:none; color:#0d7eff; }
.header-v1 .main-nav .sf-menu a { border:none; padding-top:0; padding-bottom:0; display:block; line-height:100px; font-size:15px; }
.header-v1 .main-nav .sf-menu a strong { font-weight:normal; }
/* 一级 */
.header-v1 .main-nav .sf-menu li { margin-left:2px; background-color:transparent;}
.header-v1 .main-nav .sf-menu li:hover, 
.header-v1 .main-nav .sf-menu li.sfHover,
.header-v1 .main-nav .sf-menu li.sfHover > a,
.header-v1 .main-nav .sf-menu a:focus, 
.header-v1 .main-nav .sf-menu a:hover, 
.header-v1 .main-nav .sf-menu a:active { background-color:transparent; color:#0b71e5; }
.header-v1 .main-nav .sf-menu li.current, .header-v1 .main-nav .sf-menu li.current .first-level, .header-v1 .main-nav .sf-menu li.current .first-level:visited { background-color:transparent; color:#0b71e5; }
.header-v1 .main-nav .sf-menu li.sfHover .first-level { color:#0b71e5; }
.header-v1 .main-nav .sf-sub-indicator { display:none; background-image:url(../images/superfish-arrows-white.gif); }
.header-v1 .main-nav .first-level { padding-left:1.4em; padding-right:1.4em; }
.header-v1 .main-nav .first-level .sf-sub-indicator { top:3em; }
.header-v1 .main-nav .sf-menu li i { display:none; width:60px; _width:expression( (this.parentElement.clientWidth) +'px'); height:3px; overflow:hidden; background-color:#0061b0; position:absolute; top:0px; left:50%; margin-left:-30px; }
.header-v1 .main-nav .sf-menu li:hover i, .header-v1 .main-nav .sf-menu .nav-hover i, .header-v1 .main-nav .sf-menu .current i, .header-v1 .main-nav .sf-menu .sfHover i { display:none; } 
/* 二级以下 */
.header-v1 .sf-menu ul { width:14em; }
.header-v1 .main-nav .sf-menu li:hover ul, .header-v1 .main-nav .sf-menu li.sfHover ul { top:100px; }
.header-v1 .main-nav .sf-menu li li:hover ul, .header-v1 .main-nav .sf-menu li li.sfHover ul { top:0; left:14em; }
.header-v1 .main-nav .sf-menu li.last li:hover ul, .header-v1 .main-nav .sf-menu li.sfHover.last ul { left:auto; right:0; }
.header-v1 .main-nav .sf-menu li.last li:hover ul ul, .header-v1 .main-nav .sf-menu li.sfHover.last ul ul { left:auto; right:14em; }
.header-v1 .main-nav .sf-menu li li { margin-left:0; background-color:#0b71e5; }
.header-v1 .main-nav .sf-menu li li a, .header-v1 .main-nav .sf-menu li li a:visited { padding-top:14px; padding-bottom:14px; padding-left:20px; line-height:normal; font-weight:normal; color:#fff; font-size:13px; font-size:1.3rem; }
.header-v1 .main-nav .sf-menu li li:hover, 
.header-v1 .main-nav .sf-menu li.sfHover li.sfHover,
.header-v1 .main-nav .sf-menu li.sfHover li.sfHover > a,
.header-v1 .main-nav .sf-menu li li a:focus, 
.header-v1 .main-nav .sf-menu li li a:hover, 
.header-v1 .main-nav .sf-menu li li a:active { background-color:#0d7eff; color:#fff; }
.header-v1 .main-nav .sf-menu li li .sf-sub-indicator { top:1.5em; display:block; }



/* ----- header-v2 ----- */
.header-v2 .container { position:relative; }
.header-v2 .logo { float:left; padding:35px 0; font-size:0; }
.header-v2 .top-main-content { float:right; }
.header-v2 .top-widgets { margin-top:40px; font-size:14px; font-size:1.4rem; }
.header-v2 .language-line { position:absolute; top:7px; right:0; z-index:11; }
.header-v2 .fullscreen-search-trigger { height:55px; background-image:url(../images/icon/icon-search-w-20.png); }
/* 全局 */
.header-v2 .nav-wrapper { background-color:#0b71e5; font-size:0; }
.header-v2 .nav { }
.header-v2 .main-nav .sf-menu a, .header-v2 .main-nav .sf-menu a:visited { color:#fff; }
.header-v2 .main-nav .sf-menu a:hover { text-decoration:none; }
.header-v2 .main-nav .sf-menu a { border:none; padding-top:0; padding-bottom:0; display:block; line-height:55px; font-size:15px; color:#fff; font-weight:normal; }
/* 一级 */
.header-v2 .main-nav .sf-menu li { margin-right:1px; background-color:transparent; }
.header-v2 .main-nav .sf-menu li strong { font-weight:normal; }
.header-v2 .main-nav .sf-menu li.last { background-image:none; }
.header-v2 .main-nav .sf-menu li:hover, 
.header-v2 .main-nav .sf-menu li.sfHover,
.header-v2 .main-nav .sf-menu li.sfHover > a,
.header-v2 .main-nav .sf-menu a:focus, 
.header-v2 .main-nav .sf-menu a:hover, 
.header-v2 .main-nav .sf-menu a:active { background-color:#0d7eff; color:#fff; }
.header-v2 .main-nav .sf-menu li.current, .header-v2 .main-nav .sf-menu li.current .first-level, .header-v2 .main-nav .sf-menu li.current .first-level:visited { background-color:#0d7eff; color:#fff; }
.header-v2 .main-nav .sf-sub-indicator { background-image:url(../images/superfish-arrows-white.gif); }
.header-v2 .main-nav .sf-menu .first-level { padding-right:1.8em; padding-left:1.8em; border-right:none; }
.header-v2 .main-nav .sf-menu .first-level .sf-sub-indicator { display:none; }
.header-v2 .main-nav .sf-menu .last .first-level { border-right:none; } 
.header-v2 .main-nav .sf-menu li i { display:none; width:100%; _width:expression( (this.parentElement.clientWidth) +'px'); height:3px; overflow:hidden; background-color:#00b1e1; position:absolute; top:-3px; left:0; }
.header-v2 .main-nav .sf-menu li:hover i,.header-v2 .main-nav .sf-menu .nav-hover i, .header-v2 .main-nav .sf-menu .current i, .header-v2 .main-nav .sf-menu .sfHover i { display:none; } 
/* 二级以下 */
.header-v2 .sf-menu ul { width:14em; }
.header-v2 .main-nav .sf-menu li:hover ul, .header-v2 .main-nav .sf-menu li.sfHover ul { top:55px; box-shadow:2px 2px 2px 0 rgba(0, 0, 0, 0.1); }
.header-v2 .main-nav .sf-menu li li:hover ul, .header-v2 .main-nav .sf-menu li li.sfHover ul { top:0; left:14em; }
.header-v2 .main-nav .sf-menu li.last li:hover ul, .header-v2 .main-nav .sf-menu li.sfHover.last ul { left:auto; right:0; }
.header-v2 .main-nav .sf-menu li.last li:hover ul ul, .header-v2 .main-nav .sf-menu li.sfHover.last ul ul { left:auto; right:14em; }
.header-v2 .main-nav .sf-menu li li { margin-right:0; background-color:#0d7eff; border-top:none; background-image:none; }
.header-v2 .main-nav .sf-menu li li a, .header-v2 .main-nav .sf-menu li li a:visited { padding-top:14px; padding-bottom:14px; padding-left:20px; line-height:normal; font-weight:normal; font-size:13px; color:#fff; }
.header-v2 .main-nav .sf-menu li li a strong { font-weight:normal; }
.header-v2 .main-nav .sf-menu li li:hover, 
.header-v2 .main-nav .sf-menu li.sfHover li.sfHover,
.header-v2 .main-nav .sf-menu li.sfHover li.sfHover > a,
.header-v2 .main-nav .sf-menu li li a:focus, 
.header-v2 .main-nav .sf-menu li li a:hover, 
.header-v2 .main-nav .sf-menu li li a:active { background-color:#0b71e5; color:#fff; }
.header-v2 .main-nav .sf-menu li li .sf-sub-indicator { top:1.3em; display:block; }




/* ----- header-v3 ----- */
.header-v3 .container { position:relative; }
.header-v3 .logo { text-align:center; padding:35px 0; font-size:0; }
.header-v3 .top-widgets-left, .header-v3 .top-widgets-right { position:absolute; top:40px; font-size:14px; font-size:1.4rem; }
.header-v3 .top-widgets-left { left:0; }
.header-v3 .top-widgets-right { right:0; }
.header-v3 .fullscreen-search-trigger { height:55px; background-image:url(../images/icon/icon-search-w-20.png); }
/* nav */
.header-v3 .nav-wrapper { background-color:#0b71e5; text-align:center; font-size:0; }
.header-v3 .nav { display:inline-block; *display:inline; *zoom:1; }
.header-v3 .main-nav { display:inline-block; *display:inline; *zoom:1; }
.header-v3 .nav li { float:none; display:inline-block; *display:inline; *zoom:1; }
.header-v3 .nav li a { *float:left; }
.header-v3 .main-nav .sf-menu a, .header-v3 .main-nav .sf-menu a:visited { color:#fff; }
.header-v3 .main-nav .sf-menu a:hover { text-decoration:none; }
.header-v3 .main-nav .sf-menu a { border:none; padding-top:0; padding-bottom:0; display:block; line-height:55px; color:#fff; font-weight:normal; font-size:15px; }
/* 一级 */
.header-v3 .main-nav .sf-menu { font-size:0; }
.header-v3 .main-nav .sf-menu li { margin:0 1px; background-color:transparent; }
.header-v3 .main-nav .sf-menu li strong { font-weight:normal; }
.header-v3 .main-nav .sf-menu li.last { background-image:none; }
.header-v3 .main-nav .sf-menu li:hover, 
.header-v3 .main-nav .sf-menu li.sfHover,
.header-v3 .main-nav .sf-menu li.sfHover > a,
.header-v3 .main-nav .sf-menu a:focus, 
.header-v3 .main-nav .sf-menu a:hover, 
.header-v3 .main-nav .sf-menu a:active { background-color:#0d7eff; color:#fff; }
.header-v3 .main-nav .sf-menu li.current, .header-v3 .main-nav .sf-menu li.current .first-level, .header-v3 .main-nav .sf-menu li.current .first-level:visited { background-color:#0d7eff; color:#fff; }
.header-v3 .main-nav .sf-sub-indicator { background-image:url(../images/superfish-arrows-white.gif); }
.header-v3 .main-nav .sf-menu .first-level { padding-right:1.8em; padding-left:1.8em; border-right:none; font-size:15px; }
.header-v3 .main-nav .sf-menu .first-level .sf-sub-indicator { display:none; }
.header-v3 .main-nav .sf-menu .last .first-level { border-right:none; } 
.header-v3 .main-nav .sf-menu li i { display:none; width:100%; _width:expression( (this.parentElement.clientWidth) +'px'); height:3px; overflow:hidden; background-color:#00b1e1; position:absolute; top:-3px; left:0; }
.header-v3 .main-nav .sf-menu li:hover i,.header-v3 .main-nav .sf-menu .nav-hover i, .header-v3 .main-nav .sf-menu .current i, .header-v3 .main-nav .sf-menu .sfHover i { display:none; } 
/* 二级以下 */
.header-v3 .sf-menu ul { width:14em; font-size:15px; }
.header-v3 .main-nav .sf-menu li:hover ul, .header-v3 .main-nav .sf-menu li.sfHover ul { top:55px; box-shadow:2px 2px 2px 0 rgba(0, 0, 0, 0.1); }
.header-v3 .main-nav .sf-menu li li:hover ul, .header-v3 .main-nav .sf-menu li li.sfHover ul { top:0; left:14em; }
.header-v3 .main-nav .sf-menu li.last li:hover ul, .header-v3 .main-nav .sf-menu li.sfHover.last ul { left:auto; right:0; }
.header-v3 .main-nav .sf-menu li.last li:hover ul ul, .header-v3 .main-nav .sf-menu li.sfHover.last ul ul { left:auto; right:14em; }
.header-v3 .main-nav .sf-menu li li { margin-left:0; margin-right:0; text-align:left; background-color:#0d7eff; border-top:none; background-image:none; }
.header-v3 .main-nav .sf-menu li li a, .header-v3 .main-nav .sf-menu li li a:visited { padding-top:14px; padding-bottom:14px; padding-left:20px; line-height:normal; font-weight:normal; font-size:13px; color:#fff; }
.header-v3 .main-nav .sf-menu li li a strong { font-weight:normal; }
.header-v3 .main-nav .sf-menu li li:hover, 
.header-v3 .main-nav .sf-menu li.sfHover li.sfHover,
.header-v3 .main-nav .sf-menu li.sfHover li.sfHover > a,
.header-v3 .main-nav .sf-menu li li a:focus, 
.header-v3 .main-nav .sf-menu li li a:hover, 
.header-v3 .main-nav .sf-menu li li a:active { background-color:#0b71e5; color:#fff; }
.header-v3 .main-nav .sf-menu li li .sf-sub-indicator { top:1.3em; display:block; }



/* ----- header-v3-sides ----- */
.header-v3-sides .top-main { height:100px; box-shadow:0 0 8px rgba(0,0,0,0.25); }
.header-v3-sides .container { position:relative; }
.header-v3-sides .logo { position:absolute; top:35px; left:50%; margin-left:-107px; width:214px; text-align:center; font-size:0; }
.header-v3-sides .logo img { display:inline-block; max-width:100%; }
/* nav */
.header-v3-sides .nav { padding-top:0; }
.header-v3-sides .nav-left { float:left; }
.header-v3-sides .nav-right { float:right; }
.header-v3-sides .main-nav .sf-menu a, .header-v3-sides .main-nav .sf-menu a:visited { color:#808080; }
.header-v3-sides .main-nav .sf-menu a:hover { text-decoration:none; }
.header-v3-sides .main-nav .sf-menu a { border:none; padding-top:0; padding-bottom:0; display:block; line-height:100px; font-size:15px; color:#808080; }
.header-v3-sides .main-nav .sf-menu a strong { font-weight:normal; }
/* 一级 */
.header-v3-sides .main-nav .sf-menu li { margin-right:0; background-color:transparent; }
.header-v3-sides .main-nav .sf-menu li[data-hide="true"] { display:none; }
.header-v3-sides .main-nav .sf-menu li.last { background-image:none; }
.header-v3-sides .main-nav .sf-menu li:hover, 
.header-v3-sides .main-nav .sf-menu li.sfHover,
.header-v3-sides .main-nav .sf-menu li.sfHover > a,
.header-v3-sides .main-nav .sf-menu a:focus, 
.header-v3-sides .main-nav .sf-menu a:hover, 
.header-v3-sides .main-nav .sf-menu a:active { background-color:transparent; color:#0b71e5;  }
.header-v3-sides .main-nav .sf-menu li.current, .header-v3-sides .main-nav .sf-menu li.current .first-level, .header-v3-sides .main-nav .sf-menu li.current .first-level:visited { background-color:transparent; color:#0b71e5; }
.header-v3-sides .main-nav .sf-sub-indicator { background-image:url(../images/superfish-arrows-white.gif); }
.header-v3-sides .main-nav .sf-menu .first-level { padding-right:1.1em; padding-left:1.1em; border-right:none; }
.header-v3-sides .nav-left .main-nav .sf-menu .first-level { margin-right:3px; }
.header-v3-sides .nav-right .main-nav .sf-menu .first-level { margin-left:3px; }
.header-v3-sides .main-nav .sf-menu .first-level .sf-sub-indicator { display:none; }
.header-v3-sides .main-nav .sf-menu .last .first-level { border-right:none; } 
.header-v3-sides .main-nav .sf-menu li i { display:none; width:100%; _width:expression( (this.parentElement.clientWidth) +'px'); height:3px; overflow:hidden; background-color:#00b1e1; position:absolute; top:-3px; left:0; }
.header-v3-sides .main-nav .sf-menu li:hover i,.header-v3-sides .main-nav .sf-menu .nav-hover i, .header-v3-sides .main-nav .sf-menu .current i, .header-v3-sides .main-nav .sf-menu .sfHover i { display:none; } 
/* 二级以下 */
.header-v3-sides .sf-menu ul { width:14em; font-size:15px; }
.header-v3-sides .main-nav .sf-menu li:hover ul, .header-v3-sides .main-nav .sf-menu li.sfHover ul { top:100px; box-shadow:2px 2px 2px 0 rgba(0, 0, 0, 0.1); }
.header-v3-sides .main-nav .sf-menu li li:hover ul, .header-v3-sides .main-nav .sf-menu li li.sfHover ul { top:0; left:14em; }
.header-v3-sides .nav-right .main-nav .sf-menu li.last li:hover ul, .header-v3-sides .nav-right .main-nav .sf-menu li.sfHover.last ul { left:auto; right:0; }
.header-v3-sides .nav-right .main-nav .sf-menu li.last li:hover ul ul, .header-v3-sides .nav-right .main-nav .sf-menu li.sfHover.last ul ul { left:auto; right:14em; }
.header-v3-sides .main-nav .sf-menu li li { margin-left:0; background-color:#0b71e5; }
.header-v3-sides .main-nav .sf-menu li li a, .header-v3-sides .main-nav .sf-menu li li a:visited { padding-top:14px; padding-bottom:14px; padding-left:20px; line-height:normal; font-weight:normal; color:#fff; font-size:13px; font-size:1.3rem; }
.header-v3-sides .main-nav .sf-menu li li:hover, 
.header-v3-sides .main-nav .sf-menu li.sfHover li.sfHover,
.header-v3-sides .main-nav .sf-menu li.sfHover li.sfHover > a,
.header-v3-sides .main-nav .sf-menu li li a:focus, 
.header-v3-sides .main-nav .sf-menu li li a:hover, 
.header-v3-sides .main-nav .sf-menu li li a:active  { background-color:#0d7eff; color:#fff; }
.header-v3-sides .main-nav .sf-menu li li .sf-sub-indicator { top:1.2em; display:block; }






/* ==================  main  ================== */
.main { }
.sidebar { width:260px; margin:25px 0 35px; }
.content { width:900px; margin:25px 0 35px; }
.full-width-content { margin:35px 0; }







/* ==================  footer  ================== */
.footer { padding:35px 0 25px; background-color:#212121; color:#808080; font-size:13px; font-size:1.3rem; }
.footer a { color:#808080; }
.footer a:hover { color:#fff; }
.footer .module-title-wrap { line-height:28px; margin-bottom:5px; }
.footer .module-title h2 { font-size:16px; font-size:1.6rem; color:#fff; }
.footer .module-divider { margin:10px 0; background-color:#4d4d4d; }





/* ==================  bottom  ================== */
.bottom { padding:13px 0; background-color:#1a1a1a; color:#808080; font-size:13px; font-size:1.3rem; }
.bottom a { color:#808080; }
.bottom a:hover { color:#fff; }
.bottom .module-title-wrap { line-height:28px; margin-bottom:5px; }
.bottom .module-title h2 { font-size:16px; font-size:1.6rem; color:#fff; }
.bottom .module-divider { margin:10px 0; background-color:#4d4d4d; }














/* ===============================  响应式  =============================== */
.desktops-section { display:block; }
.mobile-section { display:none; }

/* mobile header  */
.mobile-header-bar { background-color:#fafafa; padding:20px 15px; position:relative; }
.mobile-logo { float:left; }
.mobile-logo img { display:block; height:20px; }
.mobile-menu-icons { position:absolute; right:15px; top:50%; margin-top:-12px; }
.mobile-menu-icons a { line-height:normal; display:inline-block; overflow:hidden; width:24px; height:24px; margin-left:10px; background-repeat:no-repeat; background-position:center; background-size:cover; }
.mobile-menu-icons .menu-icon-search { background-image:url(../images/icon/mobile-search.png); }
.mobile-menu-icons .menu-icon-language { background-image:url(../images/icon/mobile-language.png); }
.mobile-menu-icons .menu-icon-nav { background-image:url(../images/icon/mobile-nav.png); }
.mobile-menu-icons a span { display:none; }
.mobile-header-content .drawer-section { display:none; background-color:#f5f5f5; padding:25px 15px; }
	.mobile-language li { float:left; width:50%; }
	.mobile-language li a { display:block; line-height:normal; padding:8px 10px; color:#808080; font-size:15px; font-size:1.5rem; transition:all 0.3s ease 0s; }
	.mobile-language li a:hover, .mobile-language li a:active { color:#808080; background-color:#e5e5e5; }	
	.mobile-search-form { padding-right:70px; position:relative; }
	.mobile-form-btn { border:none; padding:0; position:absolute; right:0; width:71px; height:42px; line-height:42px; cursor:pointer; color:#fff; background-color:#0d7eff; transition:all 0.3s ease 0s; }
	.mobile-form-btn:hover, .mobile-form-btn:active { background-color:#0b71e5; }
	.mobile-form-text { background-color:transparent; box-sizing:border-box; width:100%; height:42px; line-height:42px; padding:0 10px; border:1px solid #e5e5e5; color:#808080; }	
	.mobile-nav li { position:relative; border-bottom:1px solid #e5e5e5; }
	.mobile-nav li a { line-height:normal; display:block; padding:15px 25px 15px 5px; color:#808080; font-size:15px; font-size:1.5rem; transition:all 0.3s ease 0s; }
	.mobile-nav li a:hover, .mobile-nav li a:active { color:#808080; background-color:#e5e5e5; } 
	.mobile-nav li ul { display:none; padding-left:15px; padding-bottom:10px; border-top:1px solid #ccc; }
	.mobile-nav li ul li:last-child { border-bottom:none;  }
	.mobile-nav li ul li a { padding:12px 20px 12px 5px; font-size:13px; font-size:1.3rem; }	
	.mobile-arrow { display:block; width:16px; height:16px; overflow:hidden; position:absolute; top:16px; right:5px; background-position:center; background-repeat:no-repeat; background-size:cover; }
	.mobile-arrow-open { background-image:url(../images/icon/mobile-arrow-open.png); }	
	.mobile-arrow-close { background-image:url(../images/icon/mobile-arrow-close.png); }
	

@media screen and (min-width:1200px){
	
}


@media screen and (max-width:1199px){
	.desktops-section { display:none; }
	.mobile-section { display:block; }
  	
	.boxed { width:100%; }
	.container { width:100%; box-sizing:border-box; }
	.main { padding-left:10px; padding-right:10px; overflow:hidden; }
	.content, .sidebar { float:none; width:100%; }
	.sidebar { margin-top:40px; }
	.page-info-inner, .sidebar-menu, .page-info-full { display:none; }
	.footer .container, .bottom .container { padding-left:10px; padding-right:10px; }
	
	
	
	/* Module Common CSS */
	.banner-link-info { background-size:cover; }
	
	.portfolio-grid .portfolio-grid-inner { margin:-3px; }
	.portfolio-grid-space-small .portfolio-grid-inner { margin:-3px; }
	.portfolio-grid-space-large .portfolio-grid-inner { margin:-10px; }
	.portfolio-grid-item { box-sizing:border-box; padding:3px; }
	.portfolio-grid-space-small .portfolio-grid-item, .portfolio-grid-space-large .portfolio-grid-item { padding:0; }
	.portfolio-grid-title h3 { line-height:normal; font-weight:normal; font-size:15px; font-size:1.5rem; }
	.portfolio-grid-item a:hover .portfolio-grid-title h3 { transform:translateY(-5px); }
	.portfolio-grid-summary { padding:0 10px; }
	.portfolio-grid .portfolio-grid-summary { max-height:36px; }
	.portfolio-grid-hiden .portfolio-grid-title h3 { opacity:1; filter:alpha(opacity=100); }
	.portfolio-grid-hiden .opacity-overlay { opacity:0.2; filter:alpha(opacity=20); }
	
	
	.nav-next-prev .prev-page em { background-image:url(../images/icon/nav-prev@2x-d.png); background-size:17px 78px; }	
	.nav-next-prev .next-page em { background-image:url(../images/icon/nav-next@2x-d.png); background-size:17px 78px; }
	.single-navigation a i { background-image:url(../images/icon/icon-single-navigation-s.png); background-size:72px 24px; }
	
	
	/* artile & video */
	.headlines-img-title h2 { font-weight:normal; }
	.headlines-img-title h2 a { overflow:inherit; white-space:inherit; }
	
	
	
	/* 图文交叉排版 */
	.post-list-2col .post-text, .post-list-3col .post-text, .post-list-4col .post-text { padding:20px; }
	.post-text h2 { font-weight:normal; font-size:15px; font-size:1.5rem; }
	.post-text-summary { font-size:12px; font-size:1.2rem; }
	
	
	
	/* Product */
	.btn-like .icon-like { background-image:url(../images/icon/icon-like@x2.png); background-size:cover; }
	.btn-liked .icon-like { background-image:url(../images/icon/icon-liked@x2.png); background-size:cover; }

	.product-detail-zoom .zoom-section { display:none; }
	.product-detail-zoom .gallery-img-product-detail { display:block; }
	
	
	
	/* module */
	.module-fluid { margin-left:-10px; margin-right:-10px; /*padding-left:10px; padding-right:10px;*/ }

	
	/* fullscreen-search */
	.fullscreen-search-section-show .fullscreen-search-overlay { display:none; }
	.fullscreen-search-section-show .fullscreen-search-wrapper { display:none; }
	.fullscreen-search-section-show .fullscreen-search-close { display:none; }

}

@media screen and (max-width:991px){
	
	/* 图文交叉排版 */
	.post-list-4col .post-list-item { width:100%; float:none; margin-bottom:15px; }
	.post-list-4col .post-list-item-spec .post-img { float:left; }
	.post-list-4col .post-list-item:nth-of-type(2n+2) .post-img { float:right; }
	.post-list-4col .post-list-item .post-arrow { width:10px; height:19px; top:50%; left:-10px; margin-top:-10px; background-position:0 -42px; }
	.post-list-4col .post-list-item:nth-of-type(2n+2) .post-arrow { top:50%; left:auto; right:-10px; margin-top:-10px; background-position:0 -11px; }

}


@media screen and (max-width:767px){
	
	/* Columns */	
	.row > .col-last { float:none; margin-right:0; }
	.row > .col-2-1, .row > .col-3-1, .row > .col-3-2, .row > .col-4-1, .row > .col-4-2, .row > .col-4-3, .row > .col-5-1, .row > .col-5-2, .row > .col-5-3, .row > .col-5-4 { margin-right:0; width:100%; }
	
	
	
	
	/* typography */
	.table-responsive { width:100%; margin-bottom:15px; overflow-y:hidden; -ms-overflow-style:-ms-autohiding-scrollbar; border:1px solid#ddd;}
	.table-responsive > .table { margin-bottom:0; }
	.table-responsive > .table > tbody >tr:last-child th, .table-responsive > .table > tbody >tr:last-child td { border-bottom:none; }
	.table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
        white-space:nowrap
    }	
	.table-responsive .table-bordered > thead > tr > th { border-top:none; }
	.table-responsive .table-bordered > thead > tr > th:first-child, .table-responsive .table-bordered > tbody > tr > th:first-child { border-left:none; }
	.table-responsive .table-bordered > thead > tr > th:last-child, .table-responsive .table-bordered > tbody > tr > td:last-child { border-right:none; }
	
	.btn-group-center, .btn-group-right { text-align:left; }	
	.btn-group-center .btn, .btn-group-right .btn { margin:0 10px 5px 0; }

		
	/* list-line */
	.list-line-simple-2col li, .list-line-simple-3col li { width:100%; float:none; }
	.list-line-simple-2col li a, .list-line-simple-3col li a { margin-right:0; overflow:inherit; white-space:inherit; text-overflow:inherit; }
	
	
	/* portfolio */	
	.portfolio-list-col-2 li { width:50%; }
	.portfolio-list-col-3 li { width:33.33%; }
	.portfolio-list-col-4 li { width:33.33%; }
	.portfolio-list-col-5 li { width:33.33%; }	
	.portfolio-title h2 { font-weight:normal; font-size:14px; font-size:1.4rem; }
	.portfolio-summary, .portfolio-summary p { font-size:12px; font-size:1.2rem; }
	
	.portfolio-grid-3col .portfolio-grid-item { width:33.333%; }
	.portfolio-grid-4col .portfolio-grid-item { width:50%; }
	
	/* 图文交叉排版 */
	.post-list .post-list-item { width:100%; float:none; margin-bottom:15px; }	
	.post-list-2col .post-img, .post-list-2col .post-text-box { width:100%; }
	.post-list-2col .post-img img { height:auto !important; }
	.post-list-2col .post-text-box { height:auto !important; }
	.post-list-2col .post-text-summary { height:auto !important; }
	.post-list-2col .post-text { padding:20px; }	
	.post-list-2col .post-list-item .post-arrow { width:19px; height:10px; margin:0; right:auto; top:-10px; left:50%; margin-left:-10px; background-position:0 0; }		
	.post-list-3col .post-img, .post-list-3col .post-text-box { width:50%; float:left; }
	.post-list-3col .post-list-item .post-text { padding:20px; }	
	.post-list-3col .post-list-item .post-arrow { width:10px; height:19px; margin:0; left:-10px; top:50%; margin-top:-10px; background-position:0 -42px; }
	.post-list-3col .post-list-item:nth-of-type(2n+2) .post-img { float:right; }
	.post-list-3col .post-list-item:nth-of-type(2n+2) .post-arrow { left:auto; right:-10px; background-position:0 -11px; }
	.post-list-3col .post-list-item-spec .post-img { top:auto !important; }
	.post-list-3col .post-list-item-spec .post-text-box { top:auto !important; }
	

	
		
	/* artile & video */
	.nav-next-prev .prev-page, .nav-next-prev .next-page { width:100%; float:none; text-align:left; margin-bottom:10px; }
	.nav-next-prev .prev-page em { float:none; padding:0 15px 0 25px; margin:0 10px 0 0; background:#f7f7f7 url(../images/icon/nav-prev@2x.png) no-repeat left 0 / 17px 78px; }
	.nav-next-prev .prev-page a:hover em { background-position:left -26px; }
	.nav-next-prev .next-page em { float:none; padding:0 15px 0 25px; margin:0 10px 0 0; background:#f7f7f7 url(../images/icon/nav-next@2x.png) no-repeat left 0 / 17px 78px; }
	.nav-next-prev .next-page a:hover em { background-position:left -26px; }
	.nav-next-prev .prev-page-disabled em, .nav-next-prev .prev-page-disabled a:hover em { background-color:#fafafa; background-position:left -52px; }
  	.nav-next-prev .next-page-disabled em, .nav-next-prev .next-page-disabled a:hover em { background-color:#fafafa; background-position:left -52px; }
	
	.single-navigation-icon > div a { padding:8px 0 5px; }
	
	
	/* product */
	.product-intr .product-preview { width:100%; float:none; margin-right:0; margin-bottom:35px; }
	
	
	/* link */	
	.link-line-rtl, .link-line-center { text-align:left; }
	.link-line-rtl a, .link-line-center a { margin-right:12px; margin-left:0; }
	.link-line-rtl .sep, .link-line-center .sep { margin:0 10px 0 -2px; }
	
	
	
	/* module */
	.module { margin-bottom:25px; }
	.module-fluid { padding:30px 0; }
	
}


@media screen and (max-width:640px){

	.dl-horizontal dt { clear:left; float:none; width:auto; text-align:left; overflow:inherit; text-overflow:inherit; white-space:inherit; }
	.dl-horizontal dd { margin-left:0 !important; margin-bottom:10px !important; }
	
	/* typography */
	.typography-text .media .media-img { float:none; margin:0 0 20px 0; text-align:center; }
	
	
	
	/* 分页 */
	.pagination { margin:20px 0; }
	.pagination a, .pagination span { display:none; font-size:12px; font-size:1.2rem; }
	.pagination a:hover, .pagination a:active { background-color:#005db4; color:#fff; }	
	.pagination .page-prev, .pagination .page-next { margin:0 1%; padding:0; display:inline-block; width:45%; height:35px; line-height:35px; background-color:#006bcf; color:#fff; } 
	.pagination .page-prev { border-radius:38px 0 0 38px; }
	.pagination .page-next { border-radius:0 38px 38px 0; }	
	.pagination .disabled { background-color:#f2f2f2; color:#ccc; }
	
	
	
	/* 文章与产品公用 */
	.list-line .time { display:none; }		
	.list-line-download .title { max-width:70%; }
	.entry-item { margin-bottom:18px; padding-bottom:18px; }
	.entry-img img { width:180px !important; height:auto !important; }
	.entry-set .entry-img img { width:140px !important; }
	.entry-title h2 { font-weight:normal; font-size:15px; font-size:1.5rem; }
	.entry-summary, .entry-summary p { font-size:12px; font-size:1.2rem; }
	.entry-list-thumb .entry-img img { width:90px !important; }
	.entry-list-highlight-time .entry-item { padding-left:80px; min-height:70px; }
	.entry-list-highlight-time .time { width:60px; }
	.entry-list-highlight-time .time-day { line-height:45px; font-size:26px; font-size:2.6rem; }
	.blog-list .entry-img img { width:100% !important; }
	.blog-list-highlight-time .entry-item { padding-left:0; position:relative; }
	.blog-list-highlight-time .time { position:static; margin-bottom:10px; display:none; }

	
	/* portfolio*/
	.portfolio-list-col-2 li { width:50%; }
	.portfolio-list-col-3 li { width:50%; }
	.portfolio-list-col-4 li { width:50%; }
	.portfolio-list-col-5 li { width:50%; }
	
	.portfolio-grid-3col .portfolio-grid-item, .portfolio-grid-4col .portfolio-grid-item { width:50%; }
	.portfolio-grid-title h3 { font-size:14px; font-size:1.4rem; }

	

	/* 图文交叉排版 */
	.post-text h2 { margin-bottom:15px; }
	.post-list .post-img, .post-list .post-text-box { width:100%; }	
	.post-list .post-img img { height:auto !important; }
	.post-list .post-text-box { height:auto !important; }
	.post-list .post-text-summary { height:auto !important; }
	.post-list .post-list-item .post-arrow { width:19px; height:10px; margin:0; right:auto; top:-10px; left:50%; margin-left:-10px; background-position:0 0; }
	.post-list .post-list-item-spec .post-img { top:auto !important; }
	.post-list .post-list-item-spec .post-text-box { top:auto !important; }
	.post-list .post-list-item:nth-of-type(2n+2) .post-arrow { width:19px; height:10px; margin:0; right:auto; top:-10px; left:50%; margin-left:-10px; background-position:0 0; }
	.post-list .post-list-item .post-text-center { text-align:left; }
	
	
	/* article */
	.person-detail .person-img { width:100%; margin-right:0; float:none; margin-bottom:25px; }
	.person-detail .person-works-title { margin:30px 0 15px; padding-top:30px; }
	
	
	
	/* product  */
	.filter-list .dl-horizontal dt, .filter-list-selected .dl-horizontal dt { margin-bottom:5px; font-weight:bold; }
	.filter-list-selected .dl-horizontal dd a { padding:5px 48px 5px 15px; }	
	.product-intr .product-info .product-info-item.dl-horizontal .dt { width:auto; float:none; font-weight:bold; }
	.product-intr .product-info .product-info-item.dl-horizontal .dd { margin-left:0; }

	
	
	


}


@media screen and (max-width:480px){
	
	
	/* Module Common CSS */
	.banner-link-info a { padding:35px 15px; }
	.banner-link-info .banner-link-title h2 { font-size:18px; font-size:1.8rem; }
	.banner-link-info .banner-link-summary, .banner-link-info .banner-link-summary p { line-height:1.5; font-size:12px; font-size:1.2rem; }
	.banner-link-info .banner-link-more span { margin-top:10px; }
	
	
	
	
	/* 文章与产品公用 */
	.entry-img img { width:120px !important; }	
	.entry-list-mobile .entry-summary { display:none; }
	.blog-list .entry-img img { width:100% !important; }
	
	
	.product-desc .tabs-list li a { padding:0 20px; }
	
	
	/* portfolio*/
	.portfolio-list .row { margin-left:-10px; margin-right:-10px; }
	.portfolio-list .portfolio-item { margin-left:10px; margin-right:10px; }
	
}


@media screen and (max-width:360px){
	
	/* portfolio*/
	.portfolio-list .col-4-1, .portfolio-list .col-last, .portfolio-list .col-4-1:nth-of-type(2n+2) { width:100%; margin-right:0; float:none; }
	
	.portfolio-grid-3col .portfolio-grid-item, .portfolio-grid-4col .portfolio-grid-item { width:100%; }
	.portfolio-grid-item { padding:0; margin-bottom:10px; }
	.portfolio-grid-space-small a, .portfolio-grid-space-large a { margin:0; }
	
}