body {font-size:12px; color:#333; font-family:'微软雅黑', Helvetica, sans-serif, FontAwesome; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
input,textarea,select {font-size:12px; color:#000; outline:none; font-family:'微软雅黑';}
h1,h2,h3,h4,h5,h6,button {outline:none;}
a {color:#333; text-decoration:none; outline:none; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease;}
a:hover {color:#c21820;}

html, body{height:100%;}

.Wrap {width:1170px; margin:auto;}


.Top {background:#fff; height:100px; position:fixed; top:0px; width:100%; z-index:10; box-shadow: 0px 0px 5px #eee;}
.Top h1 a {display:block; width:250px; height:100px; float:left; background:url(../image/logo.png) no-repeat;}
.TopBar {height:40px; background:url(../image/top_bar.png) no-repeat; padding:0px 66px 0px 14px; color:#fff;}
.TopBar h2 {float:left; width:520px; text-align:center; line-height:40px; letter-spacing:5px; font-size:14px; color:#fff; font-weight:700;}
.TopBar a {display:block; float:right; width:20px; line-height:20px; text-align:center; color:#fff; border-radius:100%; border:#fff 1px solid; margin:9px 0px 0px 10px; display: none;}
.TopWechat {float:right; line-height:40px; margin-right:40px; cursor:pointer; position:relative;}
.TopWechat:after {content:"\f1d7"; font-weight:bold; margin-left:5px; font-weight:100;}
.TopWechat span {position:absolute; background:url(../image/ew.png) no-repeat; width:120px; height:120px; top:10px; left:90px;}
.Nav {padding:20px 0px 0px 70px;}
.Nav li {float:left; line-height:30px;}
.Nav li a {display:block; padding:0px 25px; font-size:14px;}


.Frame {padding:40px 0px;}


.IndexAbout > img {width:320px; float:left; margin-top:30px;}
.IndexAbout h4 {font-size:24px; font-weight:700px; padding:40px 0px 10px 0px; color:#c21820;}
.IndexAbout h5 {font-size:16px; font-weight:700px; padding:0px 0px 10px 0px; color:#c21820;}
.IndexAbout p {font-size:14px; line-height:30px;}
.IndexAbout span {color:#000; cursor:pointer;}
.IndexAbout span:before {content:"\f105"; margin-right:5px; font-weight:100;}
.IndexAboutWord {width:810px; float:right;}
.IndexAboutWord li {float: left; width: 248px; line-height: 48px; margin: 0px 20px 20px 0px; border: #c21820 1px solid; text-align: center;}


.BigTitle {border-bottom:#c21820 3px solid; padding-bottom:7px; float:left;}
.BigTitle h2 {font-size:30px; font-weight:700; float:left; padding-right:5px;}
.BigTitle h3 {font-size:26px; font-weight:100; color:#666; text-transform:uppercase; float:left; margin-top:7px;}


.IndexMuseum li {width:275px; margin:30px 20px 0px 0px; float:left;}
.IndexMuseum li:nth-child(4) {margin: 30px 0px 0px 0px;}
.IndexMuseum li a {background: #f5f5f5; display: block;}
.IndexMuseum li a:hover {background: #c21820;}
.IndexMuseum h2 {color:#c21820; font-size:16px; font-weight: 400; height: 40px;}
.IndexMuseum li a:hover h2 {color: #fff;}


.IndexWorks {width:360px; position:relative; margin-top:30px;}
.IndexWorks span {position:absolute; background:#c21820; float:left; padding:0px 20px; line-height:30px; color:#fff; top:20px; left:20px; font-size:14px; font-weight:700;}
.IndexWorksFrame {background:#000; color:#fff; padding:30px 15px;}
.IndexWorksFrame h2 {font-size:14px; color:#c21820; font-weight:700; padding-bottom:10px;}


.IndexArtist {width:570px; margin-top:30px; background:#fff; line-height:20px;}
.IndexArtist h2 {font-size:16px; padding-bottom:10px;}


.IndexNotice {background:#f1f1f1; width:220px; padding:20px 15px; float:left; font-size:14px; line-height:25px; margin-top:30px; height:270px;}
.IndexNotice h2 {font-size:16px; font-weight:700;}
.IndexNotice li {padding-top:10px;}
.IndexNotice span {color:#c21820; font-size:12px; display:block;}

.IndexCommunication {width:370px; float:left; margin:30px 10px 0px 10px; background:#f8f8f8; line-height:20px;}
.IndexCommunication h2 {font-size:14px; height: 30px;}
.IndexCommunication > a > img {height: 180px; overflow: hidden;}
.IndexCommunication p {color: #999;}



.RedBar {color:#fff; padding:20px 0px; background:#c21820;}
.RedBar a {display:block; font-size:16px; font-weight:700; color:#fff; line-height:60px;}
.RedBar a:after {content:"\f067"; margin-left:5px; font-weight:100;}
.RedBar h2 {padding-top:10px; font-size:12px; font-weight:100; line-height:25px;}
.RedBarInput {border:#fff 1px solid; float:left; width:188px; padding:4px 5px; line-height:20px; background:none; color:#fff;}
.RedBarInput::-webkit-input-placeholder {color:#fff;}
.RedBarInput::-moz-placeholder {color:#fff;}
.RedBarInput:-moz-placeholder {color:#fff;}
.RedBarInput:-ms-input-placeholder {color:#fff;}
.RedBarBtn {background:none; border:#fff 1px solid; color:#fff; float:right; padding:0px 18px; line-height:28px;}


.EW {background:url(../image/ew.jpg) no-repeat left center; margin-top:20px; padding-left:90px; font-size:16px; font-weight:700; line-height:75px;}


.Bottom h2 {background:url(../image/bottom_logo.jpg) no-repeat left center; margin:15px 0px; font-size:12px; font-weight:100; line-height:25px; padding:20px 0px 0px 120px; float:left; height:90px; width:630px;}
.Bottom h3 {float:right; font-size:14px; font-weight:100; text-align:right; padding-top:40px; line-height:25px;}


.AboutBanner {background:url(../image/about_banner.jpg) no-repeat center center; height:250px; margin-top:100px;}
.ArtistBanner {background:url(../image/artist_banner.jpg) no-repeat center center; height:250px; margin-top:100px;}
.MuseumBanner {background:url(../image/museum_banner.jpg) no-repeat center center; height:250px; margin-top:100px;}
.WorkBanner {background:url(../image/work_banner.jpg) no-repeat center center; height:250px; margin-top:100px;}
.NewsBanner {background:url(../image/news_banner.jpg) no-repeat center center; height:250px; margin-top:100px;}

.BannerTitle {text-align:center; color:#fff; padding-top:107px; font-size:30px; font-weight:700;}
.BannerTitle span {font-size:26px; font-weight:100; text-transform:uppercase;}


.About img {width:470px; float:left; padding-right:50px;}
.About h2 {font-size:24px; font-weight:700px; padding:30px 0px 20px 0px; color:#c21820;}
.About p {font-size:14px; line-height:30px;}


.ArtistList li a {display:block; width:280px; margin:0px 5px 10px 5px; background:#f5f5f5; padding:10px 10px 20px 10px; float:left;}
.ArtistList li a:hover {background:#c21820;}
.ArtistList li a h2 {text-align:center; font-size:16px; font-weight:100; padding-top:10px; height:30px;}
.ArtistList li a:hover h2 {color:#fff;}

.Artist {font-size:14px; line-height:30px;}
.Artist h2 {font-size:24px; color:#c21820; font-weight:400; padding-bottom:30px;}


.Back a {display:block; border:#c21820 1px solid; color:#c21820; line-height:38px; width:200px; text-align:center; margin-top:30px;}
.Back a:before {content:"\f100"; margin-right:5px;}
.Back a:hover {background:#c21820; color:#fff;}

.Museum li a {width:300px; position:relative; margin:0px 10px 20px 10px; float:left; background: #f5f5f5; display: block;}
.Museum li a:hover {background: #c21820;}
.Museum h2 {color:#c21820; font-size:16px; font-weight: 400; height: 40px;}
.Museum li a:hover h2 {color: #fff;}


.WorksFirst {height:100%; float:left; position:relative; width:25%; background:url(../image/33.jpg) no-repeat center top; background-size:cover;}
.WorksSecond {height:100%; float:left; position:relative; width:25%; background:url(../image/34.jpg) no-repeat center top; background-size:cover;}
.WorksThird {height:100%; float:left; position:relative; width:25%; background:url(../image/35.jpg) no-repeat center top; background-size:cover;}
.WorksForth {height:100%; float:left; position:relative; width:25%; background:url(../image/36.jpg) no-repeat center top; background-size:cover;}
.WorkTitle {position:absolute; width:100%; height:50%; font-size:36px; font-weight:700; color:#fff; top:50%; margin-top:-20%; text-align:center; padding-top:20%;}


.LeftNav li a {display:block; border:#c21820 1px solid; margin-bottom:10px; text-align:center; line-height:33px; color:#c21820; font-size:14px;}
.LeftNav li a.Current {background:#c21820; color:#fff;}
.LeftNav li a.Sub {border:none; border-bottom:#eee 1px solid; color:#333;}
.LeftNav li a.SubCurrent {color:#c21820; font-weight:700; border:none; border-bottom:#eee 1px solid;}


.Works li {width:300px; margin:0px 10px 20px 10px; float:left;}
.WorksFrame {background:#000; color:#fff; padding:15px;}
.WorksFrame h2 {font-size:14px; color:#c21820; font-weight:700; height:50px;}
.WorksFrame p {height:30px; display:block;}


.Big a {display:block; width:30px; height:30px; color:#fff; line-height:30px; text-align:center; position:absolute; bottom:0px; right:0px; background:#c21820;}
.Big a:before {content:"\f002";}

/*瀑布流开始*/
.wall {display:block; position:relative;}
.wall-column {display:block; position:relative; width:50%; float:left; padding:0 1%; box-sizing:border-box;}
.article {margin-bottom:20px;}
.article_frame {border-left:#000 1px solid; border-right:#000 1px solid; border-bottom:#000 1px solid; padding:19px;}
.article_frame h2 {font-size:16px; font-weight:700; padding-bottom:10px;}
.article_frame span {color:#c21820; display:block; padding-bottom:20px;}
.article_frame p {font-size:14px; line-height:25px;}
/*瀑布流结束*/

.BackList a {display:block; border-bottom:#e0e1e2 1px solid; background:url(../image/arrow_back.png) no-repeat 5px center; line-height:48px; padding-left:30px; color:#c21820;}

.Choose {float:right; width:90px; border-bottom:#e0e1e2 1px solid;}
.Choose a {display:block; float:left; width:45px; height:47px;}
.Choose a.AL {background:url(../image/arrow.png) no-repeat left center;}
.Choose a.AR {background:url(../image/arrow.png) no-repeat right center;}

.NewsDetail {width:900px; float:left; margin-left:30px; padding-bottom:20px;}
.NewsDetailTitle {font-size:20px; padding:10px 0px 11px 0px; border-bottom:#e0e1e2 1px solid; margin-bottom:20px;}
.NewsDetailDate {font-style:italic; color:#999; padding-bottom:10px; display:block; color:#c21820;}


.MessageInput {margin-top:20px; border:#ddd 1px solid; border-radius:5px; padding:10px; width:50%;}
.MessageButton {background:#c21820; width:52%; border:none; border-radius:5px; text-align:center; line-height:40px; margin-top:30px; color:#fff;}

.Tips {position: absolute; background: rgba(194,24,32,0.9); width: 100%; position: fixed; bottom: 0px; line-height: 25px; color: #fff; text-align: center; z-index: 10; padding: 15px 0px; font-size: 18px; line-height: 35px;}
.Tips p {display: block; padding: 0px 15px;}