@charset "UTF-8";
/*
 * cmn_layout.css
 *
 *  version --- 1.0
 *  updated --- 2012/3/30
 */


/* !HTML5 elements
---------------------------------------------------------- */
header, footer, nav, section, aside, article { display: block; }
/* !Reseting
---------------------------------------------------------- */
body { font-family: "Microsoft YaHei", SimSun, SimHei; font-size: 16px; -webkit-text-size-adjust: none; line-height: 1.5em; color: #333; background: #fff; }
body.fontS { font-size: 14px; }
body.fontM { font-size: 16px; }
body.fontL { font-size: 18px; }
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td { margin: 0; padding: 0; }
input, textarea { margin: 0; font-size: 100%; }
label { cursor: pointer; }
table { border-collapse: collapse; border-spacing: 0; font-size: 100%; }
fieldset, img { border: 0; }
img { vertical-align: top; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:after, q:before { content: ''; }
a, input { /* outline: none; */ }
abbr, acronym { border: 0; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; }
/* !Reset Module
---------------------------------------------------------- */
.reset div, .reset dl, .reset dt, .reset dd, .reset ul, .reset ol, .reset li, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6, .reset pre, .reset form, .reset fieldset, .reset p, .reset blockquote, .reset th, .reset td { margin: 0; padding: 0; }
.reset input, .reset textarea { margin: 0; font-size: 100%; }
.reset table { border-collapse: collapse; border-spacing: 0; font-size: 100%; }
.reset fieldset, .reset img, .reset abbr, .reset acronym { border: 0; }
.reset address, .reset caption, .reset cite, .reset code, .reset dfn, .reset em, .reset th, .reset var { font-style: normal; font-weight: normal; }
.reset ol, .reset ul { list-style: none; }
.reset caption, .reset th { text-align: left; }
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6 { font-size: 100%; font-weight: normal; }
.reset a, .reset input { /* outline: none; */ }
.reset q:after, .reset q:before { content: ''; }
/* !Clearfix
---------------------------------------------------------- */
.clearfix, #contents, .sectionFirst, .section, .sectionSub, .sectionAlt { display: block; min-height: 1%; }
.clearfix:after, #contents:after, .sectionFirst:after, .section:after, .sectionSub:after, .sectionAlt:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
* html .clearfix, * html #contents, * html .sectionFirst, * html .section, * html .sectionSub, * html .sectionAlt { height: 1%;/*\*//*/
	height: auto;
	overflow: hidden;
	/**/ }
/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll; }
body { }

@media print {
html, html body { *zoom: 0.65;
}
}
/* !wrapper
---------------------------------------------------------- */
.wrapper { min-width: 320px; }
/* !header
---------------------------------------------------------- */
.header { min-width: 320px; background: url(../images/bg_header01.jpg) top center no-repeat; height: 400px; }
.headerIn { max-width: 1200px; margin: 0 auto; padding: 31px 0; overflow: hidden; }
.headerLogo { float: left; }
/* !breadcrumb
---------------------------------------------------------- */
.breadcrumb { max-width: 1160px; margin: 20px auto 0; padding: 0 20px; color: #1970c1; }
.breadcrumb span { margin: 0 0.5em; color: #1970c1; }
.breadcrumb a { color: #1970c1; }
/* !gNavi_pc
---------------------------------------------------------- */	
.gNavi_pc { width: 100%; background: #0c4fc0; }
.gNavi_pc .nav { max-width: 1200px; margin: 0 auto; padding: 0; height: 70px; line-height: 70px; position: relative; z-index: 1; }
.gNavi_pc .nLi { float: left; padding: 13px 0; height: 44px; line-height: 44px; text-align: center; position: relative; display: inline; }
.gNavi_pc .nLi h3 { text-align: center; }
.gNavi_pc .nLi h3 a { display: block; padding: 0 25px; font-size: 18px; color: #FFFFFF; }
.gNavi_pc .sub { display: none; width: 140px; left: 0; top: 70px; position: absolute; z-index: 1; background: #0c4fc0; filter: alpha(opacity=80); opacity: 0.8; padding: 5px 0; line-height: 40px; }
.gNavi_pc .sub li { zoom: 1; }
.gNavi_pc .sub a { display: block; padding: 0 10px; color: #FFFFFF; font-size: 14px; }
.gNavi_pc .nLi.arrow { background: url("../images/arrow.png") right center no-repeat; }
.gNavi_sp { display: none; }
/* !contents
---------------------------------------------------------- */
.contents { max-width: 1200px; margin: 20px auto 0; padding: 0; background: #fff; }
.main { float: right; width: 75%; }
.sidebar { float: left; width: 22%; }
.sidebarIn { padding: 0; }
/* !lNavi
---------------------------------------------------------- */
.lNavi { overflow: hidden; background: #1970c1; }
.lNavi_title { background: url(../images/bg_ind_tit02.jpg) 15px center no-repeat; height: 55px; line-height: 55px; position: relative; }
.lNavi_title .txt { position: absolute; top: 0; left: 30px; color: #fff; font-size: 24px; }
.lNavi ul { list-style-type: none; background: #f0f0f0; border-left: #e3e3e3 1px solid; border-right: #e3e3e3 1px solid; }
.lNavi li { color: #999; border-bottom: #e3e3e3 1px solid; }
.lNavi li a { display: block; text-decoration: none; padding: 15px 15px 15px 40px; }
.lNavi li a:hover, .lNavi li a.on { background: #e4e4e4 url("../images/arrow.png") 20px center no-repeat; }
/* !mainimg
---------------------------------------------------------- */
.mainimg { }
/* !Common Link
---------------------------------------------------------- */
.comLinksArea { max-width: 1000px; margin: 0 auto; overflow: hidden; }
/* !pageTop
---------------------------------------------------------- */
.pageTop_pc { display: none; }
/* !footer
---------------------------------------------------------- */
.footer { width: 100%; background: #ededed; }
.footerIn { max-width: 1200px; margin: 0 auto; padding: 50px 0 0; height: 130px; }
.footerLinks { padding: 0; overflow: hidden; width: 100%; margin-bottom: 10px; }
.footerLinks ul { padding-bottom: 10px; }
.footerLinks li { float: left; padding: 0 5px; }
.copyright { text-align: center; line-height: 2em; font-size: 16px; color: #666; text-align: center; }
.copyright_sp { display: none; }
/* !h(n)eading
---------------------------------------------------------- */
.h1_basic { margin: 0 0 10px; padding: 0; }
.h1_basic h1 { font-size: 24px; font-weight: bold; text-align: center; }
.h2Basic { overflow: hidden; padding: 10px 0 0; margin: 0 0 10px; background: url(../images/bg_line01.jpg) left bottom repeat-x; display: flex; justify-content: space-between; }
.h2Basic h2 { font-size: 24px; color: #1f1f1f; background: #fff url(../images/bg_title01.jpg) left center no-repeat; padding: 0 10px 0 15px; float: left; }
.h2Basic h2 span { color: #dc0000; font-size: 18px; }
.h2Basic .more { bottom: 0; background: #fff; }
.h2Basic .more a { color: #1970c1; font-size: 14px; }
.h3Basic { overflow: hidden; padding: 10px 0 0; margin: 0 0 10px; text-align: center; }
.h3Basic h3 { font-size: 24px; color: #1f1f1f; padding: 0 10px 0 15px; }
.h3Basic h3 span { color: #dc0000; font-size: 18px; }
.h4Basic { overflow: hidden; padding: 10px 0 0; margin: 0 0 10px; background: url("../images/bg_tit_line02.jpg") left bottom repeat-x; }
.h4Basic h4 { float: left; font-size: 18px; font-weight: bold; color: #1f568f; background: url("../images/bg_tit_line01.jpg") left bottom repeat-x; padding: 0 10px 10px; }
.h5Basic { }
.h6Basic { }
/* !Listing
---------------------------------------------------------- */
.ulBasic01 { }
.ulBasic01 li { background: url(../common/images/icon_note01.gif) 0 0.6em no-repeat; background-size: 5px 5px; padding-left: 12px; line-height: 1.8em; }
.ulBasic02 { overflow: hidden; }
.ulBasic02 li { float: left; width: 50%; margin-bottom: 30px; }
.ulBasic02 li a { display: block; }
.ulBasic03 { overflow: hidden; border-bottom: 1px solid #dedfdd; }
.ulBasic03 li { float: left; width: 50%; }
.ulBasic03 li a { display: block; color: #595952; background: url(../common/images/icon_note01.gif) 11px center no-repeat; background-size: 5px 5px; padding: 15px 0 15px 25px; }
.ulAccess01 { overflow: hidden; }
.ulAccess01 li { float: left; width: 50%; margin-bottom: 40px; }
.ulAccess01 li p { border-left: 3px solid #dedfdd; padding-left: 20px; line-height: 1.8em; }
.ulAccess01 li a { display: block; }
.olBasic01 { }
.olBasic01 li { text-indent: -1.5em; padding-left: 1.5em; }
.olBasic01 ol li { text-indent: -2em; padding-left: 2em; }
.dlBasic01 { }
.dlBasic01 dt { width: 100%; color: #000; font-weight: bold; margin-bottom: 15px; text-indent: -1.5em; padding-left: 1.5em; }
.dlBasic01 dd { }
.dlBasic02 { padding: 18px 0; border-bottom: 1px dashed #b7b7b7; overflow: hidden; }
.dlBasic02 dt { width: 80px; line-height: 22px; background-color: #dedfdd; text-align: center; float: left; margin-right: 20px; }
.dlBasic02 dd { overflow: hidden; zoom: 1; }

ul.nomalList01 { list-style-type: none; }
ul.nomalList01 li { height: 40px; line-height: 40px; overflow: hidden; }
ul.nomalList01 li a { width: 400px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; }
ul.nomalList01 li span { float: right; font-size: 14px; color: #999; }
ul.nomalList01 li span.ico { float: left; display: inline-block; margin-right: 10px; vertical-align: middle; line-height: 24px; margin-top: 4px; }
ul.nomalList01 li span.doc { float: left; margin-right: 0.5em; color: #ff6666; font-weight: bold; font-size: 18px; }

ul.nomalList02 { list-style-type: none; }
ul.nomalList02 li { height: 32px; line-height: 32px; width: 100%; padding: 0 !important; }
ul.nomalList02 li a { width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; }
ul.nomalList02 li span { float: right; font-size: 14px; color: #999; }
ul.nomalList02 li span.doc { float: left; margin-right: 0.5em; color: #383838; font-weight: bold; font-size: 18px; }
/* !Table
---------------------------------------------------------- */
.tableBasic01 { width: 100%; }
.tableBasic01 th, .tableBasic01 td { border: 1px solid #dedfdd; padding: 5px 10px; vertical-align: middle; }
.tableBasic01 th { background-color: #408cd3; font-weight: bold; color: #FFFFFF; text-align: center; }
.tableBasic01 td { background-color: #fff; }
.tableBasic02 { width: 100%; }
.tableBasic02 th, .tableBasic02 td { border-top: 1px solid #eee; border-bottom: 1px solid #eee; vertical-align: middle; color: #1f1f1f; }
.tableBasic02 th { background-color: #F7F8F7; padding: 30px 0; text-align: center; }
.tableBasic02 td { background-color: #fff; padding: 30px; }
/* section
---------------------------------------------------------- */
.section { padding-bottom: 30px; }
.box { }
.article { }
/* color
---------------------------------------------------------- */
.colorRed { color: #d80000; }
.colorGreen { color: #388956; }
/* img
---------------------------------------------------------- */
.img { }
.img img { width: 100%; }
/* botton
---------------------------------------------------------- */
.btnStyle01 { width: 100%; height: 50px; padding: 10px 0; }
.btnStyle01 a { width: 100%; display: block; height: 50px; background-color: #0c4fc0; text-align: center; line-height: 50px; color: #fff; font-weight: bold; }
.btnStyle01 a:hover { text-decoration: none; }
.noSP { display: block; }
.onlySP { display: none; }
/* link
---------------------------------------------------------- */

/* form
---------------------------------------------------------- */

/* 2列（column2BoxA01）
─────────────────────────────────────────── */
.column2BoxA01 .column2BoxFlLeft, .column2BoxA01 .column2BoxFlRight { float: left; display: inline; width: 50%; }
.column2BoxA01 .column2BoxFlLeft .column2BoxDetail { padding-right: 20px; }
.column2BoxA01 .column2BoxFlRight .column2BoxDetail { padding-left: 20px; }
.column2BoxA01 .captionImg01 img { width: 100%; }
.column2BoxA01 .captionImg01 .caption { margin-top: 15px; text-align: center; display: block; }
/* 3列（column3BoxA01）
─────────────────────────────────────────── */
.column3BoxA01 { margin-bottom: 25px; }
.column3BoxA01 .column3BoxFlLeft, .column3BoxA01 .column3BoxFlRight { float: left; display: inline; width: 30%; }
.column3BoxA01 .column3BoxFlLeft { margin-right: 5%; }
.column3BoxA01 .column3BoxDetail { overflow: hidden; zoom: 1; }
.column3BoxA01 .captionImg01 img { width: 100%; }
.column3BoxA01 .captionImg01 .caption { margin-top: 15px; text-align: center; display: block; }
/*CSS quotes style pagination*/
div.quotes { margin: 24px 0 0; text-align: center; height: 32px; line-height: 32px; }
div.quotes a { border: #ececec 1px solid; padding: 4px 10px; margin: 0 5px 0 0; background: #FFF; color: #333; text-decoration: none; }
div.quotes a:hover { border: #1970c1 1px solid; padding: 4px 10px; margin: 0 5px 0 0; background: #FFF; color: #1970c1; text-decoration: none; }
div.quotes a:active { border: #1970c1 1px solid; padding: 4px 10px; margin: 0 5px 0 0; background: #FFF; color: #1970c1; text-decoration: none; }
div.quotes span.current { border: #1970c1 1px solid; padding: 4px 10px; margin: 0 5px 0 0; background: #1970c1; color: #FFF; text-decoration: none; }
div.quotes span.disabled { border: #f3f3f3 1px solid; padding: 4px 10px; margin: 0 5px 0 0; color: #CCC; background: #eee; }
/* index.html
---------------------------------------------------------- */
.wleft { float: left; width: 48.5%; }
.wright { float: right; width: 48.5%; }
.colBox01 { overflow: hidden; padding: 0; margin-bottom: 30px; }
.colBox01:last-child { margin-bottom: 0;}
.colBox01 .imgCol { float: left; margin-right: 20px; }
.colBox01 .imgCol img{transition: all 0.6s; width: 100px; height: 100px; }
.colBox01 .imgCol:hover img{ transform: scale(1.2);}
.colBox01 .textCol { overflow: hidden; zoom: 1; line-height: 1.8em; font-size: 14px; }
.colBox01 .textCol .title { font-size: 18px; color: #1f1f1f; font-weight: bold; }
.colBox01 .textCol .title span { display: block; font-size: 14px; color: #999999;}
.colBox01 .textCol .title a { color: #1f1f1f; }

.colBox02 { overflow: hidden; padding: 10px; margin-bottom: 30px; background: #fafafa; }
.colBox02:last-child { margin-bottom: 0;}
.colBox02 .imgCol { float: left; margin-right: 20px; }
.colBox02 .imgCol img{transition: all 0.6s; width: 90px; height: 90px; }
.colBox02 .imgCol:hover img{ transform: scale(1.2);}
.colBox02 .textCol { overflow: hidden; zoom: 1; line-height: 1.8em; font-size: 14px; }
.colBox02 .textCol .title { font-size: 18px; color: #1f1f1f; font-weight: bold; text-align: center; margin-bottom: 10px;}
.colBox01 .textCol .title a { color: #1f1f1f; }

.ind-title { height: 60px; line-height: 60px; margin-bottom: 15px;}
.bg-title01 { background: url("../images/ind_title02.jpg") top center no-repeat;}
.bg-title02 { background: url("../images/ind_title03.jpg") top center no-repeat;}
.bg-title03 { background: url("../images/ind_title04.jpg") center left no-repeat;}
.bg-title04 { background: url("../images/ind_title05.jpg") center left no-repeat;}
.bg-title05 { background: url("../images/ind_title06.jpg") center left no-repeat;}
.bg-title06 { background: url("../images/ind_title07.jpg") center left no-repeat;}
.bg-title07 { background: url("../images/ind_title08.jpg") center center no-repeat;}
.bg-title08 { background: url("../images/ind_title09.jpg") center center no-repeat;}

.ind-title-item { height: 60px; line-height: 60px; background: url("../images/bg_line.jpg") center left repeat-x; position: relative; margin-bottom: 15px;}
.ind-title-item .txt { position: absolute; left: 0; font-size: 36px; font-weight: bold; background: #fff; padding: 0 0.5em 0 0;} 
.ind-title-item .more { position: absolute; right: 0; background: #fff; padding: 0 0 0 0.5em;} 
.ind-title-item .more a { color: #ff6666;}

/*日期历程*/
.ind-date { background: #f8f8f8; margin: 10px 0 0; padding: 20px 0; }
.ind-date-box { width: 1200px; margin: 0 auto; background: url(../images/bg1.png) center no-repeat; overflow: hidden; }
.ind-date-box ul li { width: 140px; height: 114px; margin: 0 10px; float: left }
.ind-date-box ul li .bt1 { width: 140px; height: 32px; color: #333; font-size: 16px; line-height: 32px; text-align: center; }
.ind-date-box ul li .bt1 span { background: #cc3333; padding: 2px 5px; font-size: 18px; color: #FFFFFF; font-weight: bold; border-radius: 2px; }
.ind-date-box ul li .bt2 { width: 140px; height: 42px; background: url(../images/bg2.png) center no-repeat }
/*日期历程*/

/*四个坚持*/
.ind-sg { overflow: hidden; }
.ind-sg-box { background: #0c4fc0; padding: 25px; overflow: hidden; }
.ind-sg-box-l { width: 560px; float: left; }
.ind-sg-box-l img { border: #6699ff solid 5px; }
.ind-sg-box-r { width: 525px; float: right; }
.ind-sg-box-r dl { width: 100%; height: auto; padding: 10px 0 0; }
.ind-sg-box-r dl dd { width: 20px; height: 12px; position: absolute; padding-top: 5px; }
.ind-sg-box-r dl dt { position: relative; margin-left: 20px; color: #fff; font-size: 14px; color: #aed7ff; line-height: 1.7em; }
/*四个坚持*/

/* 焦点图 */
.slideBox { overflow: hidden; position: relative; }
.slideBox .hd { height: 15px; overflow: hidden; position: absolute; right: 5px; bottom: 5px; z-index: 1; }
.slideBox .hd ul { overflow: hidden; zoom: 1; float: left; }
.slideBox .hd ul li { float: left; margin-right: 2px; width: 10px; height: 10px; text-align: center; background: #a1a1a1; cursor: pointer; }
.slideBox .hd ul li.on { background: #fff; }
.slideBox .bd { position: relative; height: 100%; z-index: 0; }
.slideBox .bd li { zoom: 1; vertical-align: middle; }
.slideBox .bd li a { color: #FFFFFF !important; }
.slideBox .bd li span { width: 100%; text-align: center; padding: 10px 0; position: absolute; left: 0; bottom: 0; z-index: 1; background: #000; filter: alpha(opacity=80); opacity: 0.8; }
.slideBox .bd li img { width: 560px; height: 300px; }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev, .slideBox .next { position: absolute; left: 3%; top: 50%; margin-top: -25px; display: block; width: 32px; height: 40px; background: url(../images/slider-arrow.png) -110px 5px no-repeat; filter: alpha(opacity=50); opacity: 0.5; }
.slideBox .next { left: auto; right: 3%; background-position: 8px 5px; }
.slideBox .prev:hover, .slideBox .next:hover { filter: alpha(opacity=100); opacity: 1; }
.slideBox .prevStop { display: none; }
.slideBox .nextStop { display: none; }
/* 焦点图 */

/* 新闻 */
.ind-news-box { overflow: hidden; padding: 8px 0 0; border-bottom: 1px dotted #ccc; }
.ind-news-box .txt { line-height: 1.8em; margin-bottom: 8px; text-indent: 2em; font-size: 14px; color: #999999; }
.ind-news-box .more { color: #ff0000; }
.ind-news-other { overflow: hidden; }
/* tab */
.hasMoreTab { width: 100%; }
.hasMoreTab .hd { line-height: 34px; height: 34px; position: relative; background: url("../images/bg_tab01.jpg") left bottom repeat-x; }
.hasMoreTab .hd ul { z-index: 5; position: absolute; height: 34px; overflow: hidden; zoom: 1; }
.hasMoreTab .hd li { float: left; padding: 0 14px; cursor: pointer; }
.hasMoreTab .hd li.on { height: 34px; line-height: 34px; color: #ff6666; background: url("../images/bg_tab02.jpg") center bottom no-repeat; }
.hasMoreTab .bd { padding: 10px 0 0; clear: both; position: relative; }
/* tab */
/* 新闻 */

/* 主题活动 */
.ind-hd { overflow: hidden;}
.ind-hd dl { width: 100%; height: auto; padding: 0; overflow: hidden; margin-bottom: 10px;}
.ind-hd dl:last-child { margin-bottom: 0;}
.ind-hd dl dd { width: 220px; height: 38px; line-height: 38px; position: absolute; background: #ff6666; text-align: center; font-size: 18px; font-weight: bold; color: #FFFFFF;}
.ind-hd dl dt { position: relative; margin-left: 240px; height: 38px; line-height: 38px; }
.ind-hd dl dt a { width: 320px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; }
/* 主题活动 */

/* 寻找活动 */
.ind-xz { overflow: hidden; display: flex; justify-content: space-between; flex-wrap: wrap;}
.ind-xz-box { width: 280px; height: 175px; position: relative; margin-bottom: 22px;}
.ind-xz-box span { width: 100%; text-align: center; height: 36px; line-height: 36px; position: absolute; left: 0; bottom: 0; z-index: 1; background: #000; filter: alpha(opacity=80); opacity: 0.8; }
.ind-xz-box a { color: #FFFFFF !important; }
.ind-xz-box img { width: 280px; height: 175px;}
/* 寻找活动 */

/* 线上展览 */
.ind-xs { overflow: hidden;}
.ind-xs .bd{ padding: 0; width: 1160px; margin: 0 auto;   }
.ind-xs .bd ul{ overflow:hidden; zoom:1; width: 1200px; margin-left: -40px; }
.ind-xs .bd ul li{ margin-right: 40px; float:left; _display:inline; overflow:hidden; text-align:center; background: url("../images/bg_ind01.jpg") top center no-repeat; padding: 50px 15px; width: 170px; height: 220px;}
.ind-xs .bd ul li .pic{ text-align:center; }
.ind-xs .bd ul li .pic img{ width: 170px; height:96px;}
.ind-xs .bd ul li .title{ text-align: center; font-weight: bold; color: #FFFFFF; line-height: 1.5em;}
.ind-xs .bd ul li .title a{ color: #FFFFFF;}
.ind-xs .bd ul li .txt { text-align: left; color: #99ccff; font-size: 14px;}
/* 线上展览 */

/* 历届回顾 */
.ind-hg { overflow: hidden; width: 1120px; margin: 0 auto;}
.ind-hg ul { list-style-type: none; width: 1200px; margin-right: -80px; }
.ind-hg li { margin-right: 80px; float: left; position: relative;}
.ind-hg li img { width: 320px; height: 180px;}
.ind-hg li span { width: 100%; text-align: center; height: 36px; line-height: 36px; position: absolute; left: 0; bottom: 0; z-index: 1; background: #000; filter: alpha(opacity=80); opacity: 0.8; }
.ind-hg li a { color: #FFFFFF !important; }
/* 历届回顾 */

/* showroom.html
---------------------------------------------------------- */
.showroom { overflow: hidden; padding: 0; width: 1200px; }
.showroom ul { list-style-type: none; width: 1225px; margin-right: -25px;}
.showroom li { float: left; margin-right: 25px; margin-bottom: 15px;}
.showroom li img { width: 220px; height: 138px;}
.showroom li span { display: block; text-align: center; height: 2em;}

/* guide.html
---------------------------------------------------------- */
.guide-jb { overflow: hidden; padding: 0; width: 1200px; }
.guide-jb ul { list-style-type: none; width: 1225px; margin-right: -25px;}
.guide-jb li { float: left; margin-right: 25px;}
.guide-jb li img { width: 220px; height: 138px;}
.guide-jb li span { display: block; text-align: center; height: 2em;}

.guide-yc { overflow: hidden; padding: 0; width: 1200px; }
.guide-yc ul { list-style-type: none; width: 1230px; margin-right: -30px;}
.guide-yc li { float: left; margin-right: 30px; position: relative;}
.guide-yc li img { width: 380px; height: 214px;}
.guide-yc li span { width: 100%; text-align: center; height: 36px; line-height: 36px; position: absolute; left: 0; bottom: 0; z-index: 1; background: #000; filter: alpha(opacity=80); opacity: 0.8; }
.guide-yc li a { color: #FFFFFF !important; }

.guide-hb { overflow: hidden; padding: 0; width: 1200px; }
.guide-hb ul { list-style-type: none; width: 1224px; margin-right: -24px;}
.guide-hb li { float: left; margin-right: 24px; margin-bottom: 20px; position: relative;}
.guide-hb li img { width: 180px; height: 101px;}

@media screen and (max-width: 767px) {
body { background: #fff; }
/* !header
---------------------------------------------------------- */
.header { min-width: 320px; background: url(../images/bg_header01.jpg) top center no-repeat; background-size: cover; height: auto; }
.headerIn { padding: 31px 5px; }
.headerLogo { float: none; }
.headerLogo img { width: 100%; }
/* !breadcrumb
---------------------------------------------------------- */
.breadcrumb { display: none; }
/* !gNavi_sp
---------------------------------------------------------- */
.gNavi_sp { min-width: 320px; position: relative; display: block; }
.navbar-toggle { border: 1px solid #fff; border-radius: 4px; padding: 6px 7px; position: absolute; right: 10px; top: -50px; z-index: 9999; background-color: #1970c1; }
.navbar-toggle .icon-bar { border-radius: 1px; display: block; height: 2px; width: 22px; background-color: #fff; }
.navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; }
.navbar-collapse { width: 100%; display: none; }
.gNavi_sp ul { width: 100%; border-top: 2px solid #f0f1f0; }
.gNavi_sp li { width: 100%; border-bottom: 2px solid #f0f1f0; }
.gNavi_sp li a { display: block; padding: 10px 0; text-align: center; font-weight: bold; }
.gNavi_sp li a:hover { display: block; background: #538841; padding: 10px 0; text-align: center; font-weight: bold; color: #fff; text-decoration: none; }
.gNavi_pc { display: none; }
/* !contents
---------------------------------------------------------- */
.contents { background: none; padding: 10px 0; margin: 0; }
.main { float: none; width: auto !important; }
.sidebar { float: none; width: auto !important; position: relative; }
.sidebarIn { padding: 0 10px; }
/* !lNavi
---------------------------------------------------------- */
.lNavi { overflow: hidden; background: #1970c1; margin-bottom: 20px; }
/* !Common Link
---------------------------------------------------------- */
.newsLinks, .areaLinks, .workLinks, .areaLinks .linksArea, .workLinks .linksArea { float: none; width: auto !important; }
.areaLinks .linksBox { padding-right: 0; }
/* !pageTop
---------------------------------------------------------- */
.pageTop { margin-bottom: 0; }
.pageTop a { display: block; float: none; width: 100%; height: 50px; background: url(../images/pagetop.png) center center no-repeat #1970c1; background-size: 16px 10px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; }
.pageTop a:hover { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.pageTop_pc { display: none; }
/* !footer
---------------------------------------------------------- */
.footerLinks { display: none; }
.footerIn { max-width: 1200px; margin: 0 auto; padding: 20px 10px; height: auto; }
.copyright_sp { text-align: center; line-height: 2em; font-size: 14px; color: #666; display: block; }
.copyright { display: none; }
/* !h(n)eading
---------------------------------------------------------- */	
.h1_basic h1 { line-height: 1.5em; }
.h1_basic h1 { font-size: 20px; font-weight: bold; text-align: center; }
.h2Basic { padding: 10px 0 0; margin: 10px 0 10px; }
.h3Basic { padding: 10px 0 0; margin: 10px 0 10px; text-align: left; background: url(../images/bg_line01.jpg) left bottom repeat-x; }
.h3Basic h3 { background: #fff url(../images/bg_title01.jpg) left center no-repeat; padding: 0 10px 0 15px; float: left; }
/* !Listing
---------------------------------------------------------- */
.ulBasic01 { padding: 0 10px; }
.ulBasic02 li, .ulBasic03 li, .ulAccess01 li { float: none; width: auto !important; }
.ulBasic03 li.last { border-top: 1px solid #dedfdd; }
.ulBasic03.last li.last { border-top: 0; }
.dlBasic02 dt { float: none; margin-right: 0; margin-bottom: 10px; }
ul.nomalList01 li a { width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; }
ul.nomalList01 li span { display: none; }
ul.nomalList01 li span.doc { float: left; margin-right: 0.5em; color: #ff6666; font-weight: bold; font-size: 18px; display: block; }
/* !Table
---------------------------------------------------------- */
.tableSpBreak .w20per { width: auto !important; }
.tableSpBreak .w25per { width: auto !important; }
.tableSpBreak > table.tableBasic01 { border-bottom: 1px solid #efefef; }
.tableSpBreak > table.tableBasic02 { border-bottom: 1px solid #eee; }
.tableSpBreak > table > tbody > tr > th { text-align: center; }
.tableSpBreak > table > tbody > tr > th, .tableSpBreak > table > tbody > tr > td { display: block; width: auto; border-bottom: 0; }
.inputBox { width: auto !important; }
/* section
---------------------------------------------------------- */
.section { padding: 0 10px; }
.noSP { display: none; }
.onlySP { display: block; }
/* column
---------------------------------------------------------- */
.column2BoxA01 .column2BoxFlLeft, .column2BoxA01 .column2BoxFlRight, .column3BoxA01 .column3BoxFlLeft, .column3BoxA01 .column3BoxFlRight { float: none; display: block; width: auto !important; }
.column2BoxA01 .column2BoxFlLeft .column2BoxDetail, .column2BoxA01 .column2BoxFlRight .column2BoxDetail { padding: 0; }
.column2BoxA01 .captionImg01 { margin-bottom: 20px; }
.column3BoxA01 { margin-bottom: 20px; }
.column3BoxA01 .column3BoxFlLeft { margin-right: 0; margin-bottom: 20px; }
.pageContrl .pagePrev, .pageContrl .pageNext { width: 45%; margin-bottom: 20px; }
.pageContrl .pageHisTop { overflow: hidden; zoom: 1; text-align: center; clear: both; }
/* index.html
---------------------------------------------------------- */
.wleft { float: none; width: auto; }
.wright { float: none; width: auto; }
.colBox01 { overflow: hidden; line-height: 1.8em; padding: 0 0 10px; margin-bottom: 10px; }
.colBox01 .imgCol { float: none; margin-right: 0; margin-bottom: 10px; }
.colBox01 .imgCol img { width: 100%; height: auto; }
.colBox02 { margin-bottom: 10px; }
.colBox02 .imgCol img { width: 100%; height: auto; }
.article_laiyuan { display: none; }
.quotes { display: none; }
.fullSlide { display: none; }
.ind-news-other { display: none; }
	

.ind-title-item .more { display: none;} 
	

/*日期历程*/
.ind-date { display: none; }
/*日期历程*/
	
/*四个坚持*/	
.ind-sg-box { margin-bottom: 20px; }
.ind-sg-box-l { width: auto; float: none; }
.ind-sg-box-l img { width: 100%; }
.ind-sg-box-r { width: auto; float: none; }
/*四个坚持*/
	
/*焦点图*/
.slideBox .bd li img { width: 100%; height: auto; }
/*焦点图*/
	
/* 主题活动 */
.ind-hd img { width: 100%;}
.ind-hd a { display: inline-block;}	
.ind-hd dl { overflow: hidden;}
.ind-hd dl:last-child { margin-bottom: 0;}
.ind-hd dl dd { width: 100%; height: 38px; line-height: 38px; position: inherit; background: #ff6666; text-align: center; font-size: 18px; font-weight: bold; color: #FFFFFF;}
.ind-hd dl dt { margin-left: 0; height: auto; line-height: 2em;}
.ind-hd dl dt img { width: inherit; margin: 10px 0;}
/* 主题活动 */

/* 寻找活动 */
.ind-xz-box { width: 100%; height: auto; margin-bottom: 10px;}
.ind-xz-box img { width: 100%;}
/* 寻找活动 */

/* 线上展览 */
.ind-xs .bd{ width: auto; }
.ind-xs .bd ul{ width: auto; margin-left: 0; }
.ind-xs .bd ul li{ margin-right: 0; background: #0077cb; padding: 15px; width: auto; height: auto;}
.ind-xs .bd ul li img { width: 100%;} 
/* 线上展览 */

/* 历届回顾 */
.ind-hg { width: auto;}
.ind-hg ul { list-style-type: none; width: auto; margin-right: 0; }
.ind-hg li { margin-right: 0; float: none; margin-bottom: 10px;}
.ind-hg li img { width: 100%; }
/* 历届回顾 */

/* showroom.html
---------------------------------------------------------- */
.showroom { width: 100%; }
.showroom ul { width: 100%; margin-right: 0;}
.showroom li { float: none; margin-right: 0;}
.showroom li img { width: 100%; height: auto;}

/* guide.html
---------------------------------------------------------- */
.guide-jb { width: 100%; }
.guide-jb ul { width: 100%; margin-right: 0;}
.guide-jb li { float: none; margin-right: 0; margin-bottom: 15px;}
.guide-jb li img { width: 100%; height: auto;}

.guide-yc { width: 100%; }
.guide-yc ul { width: 100%; margin-right: 0;}
.guide-yc li { float: none; margin-right: 0; margin-bottom: 15px;}
.guide-yc li img {  width: 100%; height: auto;}

.guide-hb { width: 100%; }
.guide-hb ul { width: 100%; margin-right: 0;}
.guide-hb li { float: none; margin-right: 0; margin-bottom: 15px;}
.guide-hb li img {  width: 100%; height: auto;}
}