@charset "utf-8";
/*首页banner*/
.bannerBox{width:100%; position:relative;min-width: 1280px;background-color: #eaeaea;}
.w1280{width: 1280px;margin: 0 auto;}
.banner {width:100%; height:760px; overflow: hidden;position: relative;}
.bannerItem{clear: both;height: 100%;position: absolute;width: 1280px;pointer-events: none;}
.bannerItem .txtBox{position: absolute;height: auto;bottom: -100%;left: 60px;font-family: "Microsoft Yahei";display:table-cell;vertical-align: middle;opacity: 0;
    -webkit-transition-property: opacity, bottom, transform;
    -moz-transition-property: opacity, bottom, transform;
    -ms-transition-property:  opacity,bottom, transform;
    -o-transition-property:  opacity,bottom, transform;
    transition-property:  opacity,bottom, transform;
    -webkit-transition-duration: 6s, 6s,6s;
    -moz-transition-duration:  6s, 6s,6s;
    -ms-transition-duration: 6s, 6s,6s;
    -o-transition-duration:  6s, 6s,6s;
    transition-duration:  6s, 6s,6s}
.banner .bannerLogo{position: absolute;padding:10px;background-color: rgba(80,192,212,.65);left:60px;display:block;opacity: 0;top:-100%;transition: all 2.5s ease;top:20px \9;filter: Alpha(opacity=65)\9;}
.bannerItem .txtBox .alphaBox{position: absolute;width: 100%;height: 100%;opacity: .8;filter: Alpha(opacity=80)\9;background-color: #50c0d4;top: 0;left: 0;
}
.banner .current .bannerLogo{opacity: 1;top:20px;}
.bannerItem .txtBox .alphaBoxBtn{border-top-left-radius: 5px;border-bottom-right-radius: 5px;}
.bannerItem .txtDiv{display:table-cell;width:496px;height:154px;position: relative;z-index: 1;vertical-align: middle;}
.bannerItem a .txtBox{width: 496px;height: 154px;}
.bannerItem.fx{pointer-events: auto;}
.bannerItem.fx.current .txtBox{bottom: 150px;opacity: 1;filter: Alpha(opacity=1)\9;}
.bannerItem .joinUs{position:relative;display:block;width: 180px;height: 46px;color: #ffffff;font-size: 16px;text-align: center;line-height: 46px;box-shadow: 0 0 0 rgba(0,0,0,.2);-webkit-box-shadow: 0 0 0 rgba(0,0,0,.2);
    -webkit-transition: box-shadow .8s;
    -moz-transition: box-shadow .8s;
    -ms-transition: box-shadow .8s;
    -o-transition: box-shadow .8s;
    transition: box-shadow .8s;}
.bannerItem .joinUs .triangle{border-width: 5px 0 5px 8px;margin-left: 15px; }
.bannerItem .joinUs:hover{box-shadow: 0 0 20px rgba(0,0,0,.5);-webkit-box-shadow: 0 0 20px rgba(0,0,0,.5);}
.bannerItem  .txtBox .mainTit{font-size: 36px;color: #ffffff;line-height: 51px;padding-left: 15px;padding-right: 15px;}
.bannerItem  .txtBox .subTit{font-size: 30px;color: #ffffff;line-height: 50px;padding-left: 15px;padding-right: 15px;}
.banner img{
    position: absolute;
    top: 0;
    left: 50%;
    width: 1280px;
    height: 700px;
    margin-left: -640px;
    opacity: 0;
    filter: Alpha(opacity=0)\9;
    transition-duration: 4s;
    -webkit-transition-duration: 4s;
    -moz-transition-duration: 4s;
    -ms-transition-duration: 4s;
    -ms-transition-duration: 4s;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -ms-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity, transform;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
}
.banner .fx img {
    z-index: inherit;
    opacity: 1;
    filter: Alpha(opacity=100)\9;
}
.bannerItem .bannerLogo img{position: static;width:auto;height:auto;left:auto;margin-left: 0;opacity: 1;}
.tagsWrap{position: absolute;bottom: 0;left: 0;width: 100%;height: 120px;overflow: hidden;}
.tags{position: absolute;top: 0;margin-left: -100%;left: 50%;height: 300%;width: 300%;border-radius: 100%;background-color: #000000;opacity:.75;filter:Alpha(opacity=75)\9;-webkit-transform: rotateY(-18deg);overflow: hidden}
.white{position: absolute;top: 5%;  margin-left: -100%;  left: 50%;  height: 300%;  width: 300%;  border-radius: 100%;  background: #f9f8f8;-webkit-transform: rotateY(20deg);}
.tagBox{ position:absolute; left:-80%; top:0;width:1000px; height: 100%;margin-left:100%;font-size:0; text-align: center;}
.tagBox:after{content:''; display: block; height:0; width: 100%; line-height: 0; clear:both; height: 100%}
.tagBox li{display:inline-block;vertical-align: middle ;width: 20%; height: 100%;background: #50c0d4; height: 100%; position:relative;opacity:0;filter: Alpha(opacity=0)\9;cursor: pointer;}
.tagBox .current{opacity: 1;filter: Alpha(opacity=100)\9;}
/*欢迎*/
.welBox{padding-bottom: 70px;}
.welMsgBox{display:block;height: 320px;position: relative;overflow: hidden;background-color: #eaeaea;
    z-index: 1;
    -webkit-transition: box-shadow .8s;
    -moz-transition: box-shadow .8s;
    -ms-transition: box-shadow .8s;
    -o-transition: box-shadow .8s;
    transition: box-shadow .8s;}
.welMsgBox .img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.welMsgBox img{width: 100%;}
.welMsgBox:hover{box-shadow: 0 0 80px rgba(0,0,0,.3);-webkit-box-shadow: 0 0 20px rgba(0,0,0,.15);}
.welMsg{height:226px;padding-top: 94px;padding-left: 94px;padding-right:250px; font-family: "Microsoft Yahei";position: absolute;top: 0;left: 0;}
.welMsg h3{font-size: 24px;line-height: 64px;color: #ffffff;font-weight: normal;}
.welMsg p{font-size: 14px;line-height: 24px;color: #ffffff;}
.welMsgBox .getMore{display:block;width: 110px;height: 36px;text-align: center;line-height: 36px;font-family: "Microsoft Yahei";font-size: 14px;position: absolute;background: rgba(93,194,212,.9);bottom: 54px;right: 60px;color: #fff;
   box-shadow: 0 0 0 rgba(0,0,0,.2);
    -webkit-transition: box-shadow .8s;
    -moz-transition: box-shadow .8s;
    -ms-transition: box-shadow .8s;
    -o-transition: box-shadow .8s;
    transition: box-shadow .8s;
}
.welMsgBox .getMore .rightTriangel{border-width: 5px 0 5px 8px;margin-left: 15px;}
.welMsgBox:hover .getMore{box-shadow: 0 0 20px rgba(0,0,0,.2);-webkit-box-shadow: 0 0 20px rgba(0,0,0,.2);}
.welMsgBox .leftTopCorner{border-top-left-radius: 5px;}
.welMsgBox .rightBottomCorner{border-bottom-right-radius: 5px;}
.welOtherBox .img{width:440px;overflow: hidden;height:160px;border-radius: 10px 0;background-color: #d8d8d8;}
.welOtherBox{display: block;height:160px;position: relative;}
.welOtherBox .getMore{display:block;width: 110px;height: 36px;text-align: center;line-height: 36px;font-family: "Microsoft Yahei";font-size: 14px;position: absolute;background: rgba(93,194,212,.9);bottom: 20px;right: 30px;color: #fff;border-radius: 5px 0;
    box-shadow: 0 0 0 rgba(0,0,0,.2);
    -webkit-transition: box-shadow .8s;
    -moz-transition: box-shadow .8s;
    -ms-transition: box-shadow .8s;
    -o-transition: box-shadow .8s;
    transition: box-shadow .8s;}
.welOtherBox:hover .getMore{box-shadow: 0 0 20px rgba(0,0,0,.2);-webkit-box-shadow: 0 0 20px rgba(0,0,0,.2);}
.welOtherBox .getMore .rightTriangel{border-width: 5px 0 5px 8px;margin-left: 15px;}
/*展览与活动*/
 .list{width: 1000px;}
.list li{width: 286px;height: 350px;float: left;margin-right: 20px;background-color: #f6f5f6;overflow:hidden;border-top-left-radius: 9px;border-bottom-right-radius: 9px;position: relative;box-shadow: 0 0 10px rgba(0,0,0,.1);-webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);}
.list li img{width: 100%;height: 100%;vertical-align: middle;}
.infoBox{position:absolute;top:0;left:0;width:100%;height: 100%; color: #ffffff;text-align: center;opacity: 0;transition: opacity .6s; -webkit-transition: opacity .6s; }
.opacityBox{position:absolute;top:0;left:0;width: 100%;height: 100%;background-color:#50c0d4;opacity: 0;filter: Alpha(opacity=0);transition: opacity .6s; -webkit-transition: opacity .6s;}
.title{font-family: "Microsoft Yahei";font-size: 24px;color: #50c0d4;padding-top: 30px;line-height: 84px;font-weight: normal;}
.exhibitBox{background-color: #ffffff;}
.exhibitBox .exhibit{height: 350px;position: relative;padding-bottom: 48px;}
.exhibitBox .exhibit .exhibitionList{height: 350px;position: relative;overflow: hidden;}
.exhibitBox .exhibit ul{width: 1000%;position: absolute;left: 0;top: 0;}
.exhibitBox .exhibit li a{display: block;overflow: hidden;width: 100%;height: 100%;position: relative;}
.exhibitBox .exhibit li img{width: 100%;height: 100%;vertical-align: middle;}
.exhibitBox .exhibit a .exhInfo{position:absolute;top:0;left:0;height: 100%; color: #ffffff;padding: 173px 43px 0 43px;width:200px;}
.exhibitBox .exhibit a .exhTitle{font-family: "Microsoft Yahei";font-size: 18px;line-height: 30px;transform: translate3d(0,20px,0);-webkit-transform: translate3d(0,20px,0);transition: transform .6s;-webkit-transition: -webkit-transform .6s;}
.exhibitBox .exhibit a .exhTime{font-family: "Microsoft Yahei";font-size: 14px;line-height: 1;margin-top: 20px;transform: translate3d(0,20px,0);-webkit-transform: translate3d(0,20px,0);transition: transform .6s;-webkit-transition: -webkit-transform .6s;}
.exhibitBox .exhibit .hover{opacity: 1;}
.exhibitBox .exhibit .hover .opacityBox{opacity: .8; filter: Alpha(opacity=80)\9;}
.exhibitBox .exhibit .hover p{transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);}
.prevBtn.triangle{position: absolute;border-width: 38px 0 38px 41px;border-color: transparent  transparent transparent #27282d;left: 0;top: 50%;margin-top: -40px;cursor: pointer;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;}
.nextBtn.triangle{position: absolute;border-width: 38px 41px 38px 0;border-color: transparent #27282d transparent transparent;right: 0;top: 50%;margin-top: -40px;cursor: pointer;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;}
.prevBtn .leftTriangel{position: absolute;left: -26px;top: 50%;margin-top: -6px;}
.nextBtn .rightTriangel{position: absolute;right: -26px;top: 50%;margin-top: -6px;}
.prevBtn:hover{border-color: transparent  transparent transparent #50c0d4;}
.nextBtn:hover{border-color: transparent #50c0d4 transparent transparent;}
.unClick.prevBtn{border-color: transparent  transparent transparent #cccccc;}
.unClick.nextBtn{border-color: transparent #cccccc transparent transparent;}
/*.unClick:hover{border-color: transparent  transparent transparent #cccccc;}*/
.exhibitActive{padding: 0px 0 48px;}
.exhibitActive ul{}
.exhibitActive li a{font-size: 16px;line-height: 40px;color: #27282d;}
.exhibitActive li a:hover{color: #50c0d4;}
.exhibitActive li .exLinkTit{display: inline-block;margin-right:11px;font-size: 12px;color:#27282d;border:1px solid #27282d;border-radius: 4px 0 4px 0;line-height: 18px;padding:0 7px;vertical-align: 1px;}
.exhibitActive li .exLinkTit:hover{border-color: #50c0d4;color:#50c0d4;}
/*艺术与艺术家*/
.artistBox{padding-bottom: 60px;background-color: #ffffff;}
.artistBox .title{background-color: #f9f8f9;width:900px;margin:0 auto;padding:0 190px;}
.art{height: 500px;position: relative;overflow: hidden;background-color: #eaeaea;}
.art .artInfoBox{position:absolute;width: 100%;height: 100%;top:0;left: 0;transition: opacity .6s;-webkit-transition: opacity .6s;opacity: 0;filter:Alpha(opacity=0)\9;}
/*.art  img{width: 100%;position: absolute;top: 0;}*/
.art img{width: 110%;position: absolute;top: 0;left: 0;
animation: moveLR 10s linear infinite;
    animation-direction:alternate;
}

.art .artInfoBox .artBg{position: absolute;width: 100%;height: 100%;background:#27282d;opacity: .5;filter:Alpha(opacity=50)\9;transition: opacity .6s;-webkit-transition: opacity .6s;}
.artMsg{padding: 178px 192px 0;color: #ffffff;position: absolute;}
.artMsg .artTitle{font-family: "Microsoft Yahei";letter-spacing:1px;font-size: 36px;line-height: 48px;transition: transform .6s;-webkit-transition: -webkit-transform .6s;transform: translate3d(0,20px,0);-webkit-transform: translate3d(0,20px,0);}
.artMsg .artDes{font-family: "Microsoft Yahei";letter-spacing:1px;font-size: 14px ;line-height: 24px;transition: transform .6s;-webkit-transition: -webkit-transform .6s;transform: translate3d(0,20px,0);-webkit-transform: translate3d(0,20px,0);padding-top:10px;}
.artInfoBox:hover {opacity: 1;filter: Alpha(opacity=100)\9;}
.artInfoBox:hover .artMsg .artTitle{transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);}
.artInfoBox:hover .artMsg .artDes{transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);}
.artists{margin-top: 20px;}
.artInfo{position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;color: #ffffff;display: table;}
.cellDiv{display: table-cell;vertical-align: middle;}
.artInfo .artTit{display: block;text-align: center;height:48px;overflow: hidden;padding:0 64px;text-overflow: ellipsis;margin-top: 161px;font-size: 16px;line-height: 24px;text-decoration: none;}
.artInfo .artTime{display: block;text-align: center;font-size: 14px;line-height: 20px;margin-top: 30px;text-decoration: none;}
.artInfo h1{font-family: "Microsoft Yahei";font-size: 18px;line-height: 1; margin-bottom: 20px; font-weight: normal;}
.artInfo a{font-family: "Microsoft Yahei";display: block;color: #ffffff;position: absolute;width:100%;height:100%;left:0;top:0;}
.artInfo a:hover{text-decoration: none;}
.artInfo {transform: translate3d(0,20px,0);-webkit-transform: translate3d(0,20px,0);transition: transform .6s;-webkit-transition: -webkit-transform .6s;}
.artists .infoBox.hover{opacity: 1;}
.artists .infoBox.hover .opacityBox{ opacity: .8;filter:Alpha(opacity=80)\9;}
.artists .infoBox.hover .artInfo{transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);}

/*公公教育*/
.publicBox{padding-bottom: 60px;font-family: "Microsoft Yahei";
    -webkit-transition: background-color .8s;
    -moz-transition: background-color .8s;
    -ms-transition: background-color .8s;
    -o-transition: background-color .8s;
    transition: background-color .8s;}
.publicBox.active{background-color: #27282d;  }
.publicBox .title{padding-top: 20px;}
.active .title{color: #ffffff;}
.picLayout{width: 1000px;overflow: hidden;}
.topLayout{height: 260px;}
.topLayout li{width: 440px;height: 260px;margin-right: 20px;overflow: hidden;float:left;background-color: #eaeaea;position: relative;}
.topLayout li img{width: 100%;height: 100%;}
.pubInfo{position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;color: #ffffff;transform: translate3d(0,20px,0);-webkit-transform: translate3d(0,20px,0);transition: transform .6s;-webkit-transition: -webkit-transform .6s;}
.pubInfo a{display:block;height:100%;text-decoration: none;position: absolute;width:100%;top:0;left:0;}
.pubInfo a:hover{text-decoration: none;}
.pubInfo .pubTit{text-align: center;padding:0 32px;height:48px;overflow: hidden;font-size: 16px;line-height: 24px;margin-top: 82px;display:block;color:#fff;text-decoration: none;}
.pubInfo .pubTime{font-size: 14px;text-align: center;margin-top: 30px;color:#fff;text-decoration: none;display: block;}
.pubInfo a:hover span{text-decoration: none;color:#fff;}
.pubInfo h1{padding-top: 20px;font-size: 18px;line-height: 58px;font-weight: normal;}
.pubItem{padding-left: 97px;}
.topLayout .infoBox.hover{opacity: 1;}
.topLayout .infoBox.hover .opacityBox{opacity: .8;filter:Alpha(opacity=80)\9;}
.topLayout .infoBox.hover .pubInfo{transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);}
.botLayout{height: 260px;margin-top: 20px;}
.botLayout li{width: 287px;height: 260px;margin-right: 20px;overflow: hidden;float:left;background-color: #eaeaea;position: relative;}
.botLayout li:nth-child(2){width: 286px;}
.botLayout li img{width: 100%;height: 100%;}
.botLayout .pubItem{padding-left: 30px;}
.botLayout .infoBox.hover {opacity: 1;}
.botLayout .infoBox.hover .opacityBox{opacity: .8;filter:Alpha(opacity=80)\9;}
.botLayout .infoBox.hover .pubInfo{transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);}
/*支持美术馆*/
.supportBox{font-family: "Microsoft Yahei";}
.supportBox .title{padding-top: 20px;}
.supBg{height: 380px;padding-top: 120px;overflow: hidden;position: relative;}
.supBg .img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: #eaeaea;overflow: hidden;}
.supBg img{width: 1280px;height: 500px;}
.supInfoBox{height: 260px;background: url("../imgs/supBg2.png") no-repeat; border-top-left-radius: 10px;border-bottom-right-radius: 10px;overflow: hidden;position: relative;}
.supInfoBox .supTxt{padding: 54px 57px 0 54px;font-size: 16px;line-height: 30px;color: #27282d;}
.supInfoBox .joinUs{position:absolute;bottom:50px;left:57px;padding:0 30px;height: 35px;font-size: 14px;color: #ffffff;line-height: 35px;text-align: center;letter-spacing:2px;background-color: #50c0d4;border-top-left-radius: 5px;border-bottom-right-radius: 5px;
    box-shadow: 0 0 0 rgba(0,0,0,.2);-webkit-box-shadow: 0 0 0 rgba(0,0,0,.2);
    -webkit-transition: box-shadow .8s;
    -moz-transition: box-shadow .8s;
    -ms-transition: box-shadow .8s;
    -o-transition: box-shadow .8s;
    transition: box-shadow .8s;}
.supInfoBox .joinUs .triangle{margin-left: 10px;border-width: 5px 0 5px 8px;}
.supInfoBox .joinUs:hover{box-shadow: 0 0 20px rgba(0,0,0,.2);-webkit-box-shadow: 0 0 20px rgba(0,0,0,.2);}
/*商店*/
.shopBox{font-family: "Microsoft Yahei";margin-bottom: 50px;}
.shopBox .title{padding-top: 20px;}
.goodsWrap{position: relative;top: -30px;}
.goodsList{position: relative;height: 400px;overflow: hidden;border-top-left-radius: 10px;width:910px;padding-left: 20px;}
.goodsWrap ul{width: 1000%;position: absolute;top: 30px;left: 0;border-top-left-radius: 10px;padding-left: 20px;}
.goodsWrap li{width: 286px;height: 350px;float:left;margin-right: 20px;background-color: #eaeaea;font-size:0;position: relative;border-top-left-radius: 10px;border-bottom-right-radius: 10px;overflow: hidden;
    -webkit-transition: -webkit-transform .8s linear;
    -moz-transition: -moz-transform .8s linear;
    -ms-transition: -ms-transform .8s linear;
    -o-transition: -o-transform .8s linear;
    transition: transform .8s linear;
    perspective: 800;
    -webkit-perspective: 800;}

.goodsWrap .pic{display: block; width: 286px;height: 350px;overflow: hidden;border-top-left-radius: 10px;border-bottom-right-radius: 10px;overflow: hidden;position: relative;background-color: #eaeaea;
    -webkit-transition: -webkit-transform .8s linear;
    -moz-transition: -moz-transform .8s linear;
    -ms-transition: -ms-transform .8s linear;
    -o-transition: -o-transform .8s linear;
    transition: transform .8s linear;
    transform-origin : 50% 50%
}
.goodsWrap img{windth:100%;height:100%;}
.goodsInfo{position: absolute;bottom: 0;left: 0;width: 100%;height: 90px;text-align: center;z-index: 2;background-color: #fff;
    -webkit-transition: -webkit-transform .8s linear;
    -moz-transition: -moz-transform .8s linear;
    -ms-transition: -ms-transform .8s linear;
    -o-transition: -o-transform .8s linear;
    transition: transform .8s linear;
    -webkit-transform: translate3d(0, 120%, 0);
    -moz-transform: translate3d(0, 120%, 0);
    -ms-transform: translate3d(0, 120%, 0);
    -o-transform: translate3d(0, 120%, 0);
    transform: translate3d(0, 120%, 0);
    transform-origin : 50% 100%
}
.goodsList .alpha{width:100%;height:90px;bottom:0px;background-color: #fff;position: absolute;z-index: 1;border-bottom-right-radius: 10px;
    -webkit-transition: -webkit-transform .8s linear;
    -moz-transition: -moz-transform .8s linear;
    -ms-transition: -ms-transform .8s linear;
    -o-transition: -o-transform .8s linear;
    transition: transform .8s linear;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
.goodsWrap img{
    -webkit-transition: -webkit-transform .8s linear;
    -moz-transition: -moz-transform .8s linear;
    -ms-transition: -ms-transform .8s linear;
    -o-transition: -o-transform .8s linear;
    transition: transform .8s linear;
}
.goodsName{font-size: 16px;line-height: 24px;color: #27282d;padding: 15px 25px 4px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.goodsPrice{font-family: verdana;font-size: 16px;line-height: 24px;color: #33a0b3;
}
.goodsWrap li:hover  img{
    -webkit-transform:scale(1.03);
    -moz-transform:scale(1.03);
    -ms-transform:scale(1.03);
    -o-transform:scale(1.03);
    transform:scale(1.03);
}
.goodsWrap li:hover .goodsInfo{
    -webkit-transform: translate3d(0,0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
/*智识中心*/
.coreBox{font-family: "Microsoft Yahei";margin-bottom: 50px;background-color: #fff;}
.coreBox .title{padding-top: 20px;}
.coreWrap{position: relative;top: -30px;}
.coreList{position: relative;height: 400px;overflow: hidden;border-top-left-radius: 10px;width:910px;padding-left: 20px;}
.coreWrap ul{width: 1000%;position: absolute;top: 30px;left: 0;border-top-left-radius: 10px;padding-left: 20px;}
.coreWrap li{width: 286px;height: 350px;float:left;margin-right: 20px;background-color: #eaeaea;font-size:0;position: relative;border-top-left-radius: 10px;border-bottom-right-radius: 10px;overflow: hidden;
    -webkit-transition: -webkit-transform .8s linear;
    -moz-transition: -moz-transform .8s linear;
    -ms-transition: -ms-transform .8s linear;
    -o-transition: -o-transform .8s linear;
    transition: transform .8s linear;
    perspective: 800;
    -webkit-perspective: 800;}

.coreWrap .pic{display: block; width: 286px;height: 350px;overflow: hidden;border-top-left-radius: 10px;border-bottom-right-radius: 10px;overflow: hidden;position: relative;background-color: #eaeaea;
    -webkit-transition: -webkit-transform .8s linear;
    -moz-transition: -moz-transform .8s linear;
    -ms-transition: -ms-transform .8s linear;
    -o-transition: -o-transform .8s linear;
    transition: transform .8s linear;
    transform-origin : 50% 50%
}
.coreWrap img{width:100%;height:100%;}
.coreInfo{position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;color: #ffffff;transform: translate3d(0,20px,0);-webkit-transform: translate3d(0,20px,0);transition: all .6s;-webkit-transition: all .6s;opacity: 0;filter: Alpha(opacity=0);z-index: 2;}
.coreList .alpha{position:absolute;top:0;left:0;width: 100%;height: 100%;background-color:#50c0d4;opacity: 0;filter: Alpha(opacity=0);transition: all .6s; -webkit-transition: all .6s;display: block;z-index: 1;}
.coreName{font-size: 16px;line-height: 24px;color: #fff;overflow: hidden;text-overflow: ellipsis;height:350px;display:table-cell;vertical-align: middle;padding:0 50px;text-align: center;width:186px;}
.coreList li:hover .alpha{opacity: .8;filter: Alpha(opacity=80);}
.coreWrap li:hover .coreInfo{
    opacity: 1;filter: Alpha(opacity=100);
    -webkit-transform: translate3d(0,0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
    /*回到顶部*/
.topBox{margin-bottom: 150px;}
.toTop{width: 260px;height: 40px;margin: 0 auto;background-color: #50c0d4;border-top-left-radius: 5px;border-bottom-right-radius: 5px;font-family: "Microsoft Yahei";font-size: 14px;text-align: center;line-height: 40px;color: #ffffff;cursor: pointer;
    box-shadow: 0 0 0 rgba(0,0,0,.3);-webkit-box-shadow: 0 0 0px rgba(0,0,0,.3);
    -webkit-transition: box-shadow .8s;
    -moz-transition: box-shadow .8s;
    -ms-transition: box-shadow .8s;
    -o-transition: box-shadow .8s;
    transition: box-shadow .8s;}
.toTop:hover{box-shadow: 0 0 20px rgba(0,0,0,.3);-webkit-box-shadow: 0 0 20px rgba(0,0,0,.3)}
/*底部*/
.footer{background:url("../imgs/bg2.png") center top no-repeat;background-size: 100% 100%;position: relative;}
.footer h1{font-family: "Microsoft Yahei";font-size: 24px;line-height: 24px;color: #27282d;font-weight: normal;margin-bottom: 40px;}
.leftPart{width: 528px;float: left;font-size: 14px;line-height: 34px;color: #27282d;font-family: "Microsoft Yahei";}
.leftPart .view{display: block;width: 98px;height: 28px;font-size: 14px;line-height: 28px;color: #27282d;border: 1px solid #27282d;border-top-left-radius: 5px;border-bottom-right-radius: 5px;text-align: center;margin-top: 10px;}
.leftPart .view:hover{border-color: #50c0d4;color: #33a0b3;}
.leftPart .tel{color: #33a0b3;margin-top: 40px;}
.shareList{margin-top: 10px;}
.share .bdshare-button-style0-24 .bds_tsina,.share .bdshare-button-style0-24 .bds_weixin{width: 20px;height: 17px;margin: 0 20px 0 0 !important;background-image: url("../imgs/icon.png");background-repeat: no-repeat;padding-left: 0;}
.share .bdshare-button-style0-24 .bds_tsina{background-position: center 0px !important;}
.share .bdshare-button-style0-24 .bds_weixin{background-position: center -17px !important;position: relative;top: 1px;}
.share .bdshare-button-style0-24 .bds_tsina:hover{background-position: center -34px !important;}
.share .bdshare-button-style0-24 .bds_weixin:hover{background-position: center -51px !important;}
.centerPart{width: 266px;float: left;}
.centerPart a{display: block;font-size: 14px;line-height: 34px;color: #27282d;font-family: "Microsoft Yahei";}
.centerPart a:hover{color: #50c0d4;}
.rightPart{width: 106px;float: left;}
.rightPart a{display: block;color: #27282d;font-size: 14px;line-height: 34px;font-family: "Microsoft Yahei";}
.rightPart a:hover{color: #50c0d4;}
.copyRightMsg{font-family: Verdana;font-size: 16px;line-height: 1.5;text-align: center;padding: 279px 0 100px;color: #27282d;}

/*首页小三角动画*/
@keyframes moveLeft {
    0% {transform: translate3d(-5px,0px,0px);}
    100% {transform: translate3d(0px,0px,0px);}
}
@-moz-keyframes moveLeft {
    0% {transform: translate3d(-5px,0px,0px);}
    100% {transform: translate3d(0px,0px,0px);}
}
@-ms-keyframes moveLeft {
    0% {transform: translate3d(-5px,0px,0px);}
    100% {transform: translate3d(0px,0px,0px);}
}
@-webkit-keyframes moveLeft {
    0% {transform: translate3d(-5px,0px,0px);}
    100% {transform: translate3d(0px,0px,0px);}
}
@-o-keyframes moveLeft {
    0% {transform: translate3d(-5px,0px,0px);}
    100% {transform: translate3d(0px,0px,0px);}
}

@keyframes moveRight {
    0% {transform: translate3d(5px,0px,0px);}
    100% {transform: translate3d(0px,0px,0px);}
}
@-moz-keyframes moveRight {
    0% {transform: translate3d(5px,0px,0px);}
    100% {transform: translate3d(0px,0px,0px);}
}
@-ms-keyframes moveRight {
    0% {transform: translate3d(5px,0px,0px);}
    100% {transform: translate3d(0px,0px,0px);}
}
@-webkit-keyframes moveRight {
    0% {transform: translate3d(5px,0px,0px);}
    100% {transform: translate3d(0px,0px,0px);}
}
@-o-keyframes moveRight {
    0% {transform: translate3d(5px,0px,0px);}
    100% {transform: translate3d(0px,0px,0px);}
}

.pageBox{background-color: #f9f8f8;min-height: 100%;padding-top: 120px;position: relative;}
.secTitle{font-family: "Microsoft Yahei";font-size: 24px;line-height: 84px;color: #27282d;letter-spacing: 3px;height: 84px;overflow: hidden;}
.secTitle a{float: right;font-family: "Microsoft Yahei";font-size: 14px;line-height: 98px;letter-spacing: 1px;color: #27282d;}
.secTitle .triangle{border-width: 3.5px 0px 3.5px 6px ;border-color:  transparent  transparent  transparent #27282d;margin-left: 6px;}
.secTitle a:hover{color: #50c0d4;}
.secTitle a:hover .triangle{border-color:  transparent  transparent  transparent #50c0d4;}
.secTitle.mt30{margin-top: -30px;}
/*轮播图*/
.imgScrollWrap{height: 350px;overflow: hidden;position: relative;border-top-left-radius: 10px;border-bottom-right-radius: 10px;background-color: #eaeaea;}
.imgScroll{height: 100%;position: relative;}
.imgScroll ul{position: absolute;height:100%;width: 100%;left: 0;top: 0;}
.imgScroll li{width: 980px;height: 350px;overflow: hidden;position: absolute;z-index: -1;}
.imgScroll li.current{z-index: 1;pointer-events: auto;}
.imgScroll li img{width: 100%;height: 100%;opacity: 0;Alpha(opacity=0)\9;
    transition-duration: 4s,15s;
    -webkit-transition-duration: 4s,18s;
    -moz-transition-duration: 4s,18s;
    -ms-transition-duration: 4s,18s;
    -ms-transition-duration: 4s,18s;
    -webkit-transition-property: opacity, -webkit-transform;
    -moz-transition-property: opacity, -moz-transform;
    -ms-transition-property: opacity, -ms-transform;
    -ms-transition-property: opacity, -o-transform;
    transition-property: opacity, transform;
    -webkit-animation-timing-function: linear, linear;
    -moz-animation-timing-function: linear, linear;
    -ms-animation-timing-function: linear, linear;
    -o-animation-timing-function: linear, linear;
    animation-timing-function: linear, linear;
    -webkit-transform-origin: 50% 45%;
    -moz-transform-origin: 50% 45%;
    -ms-transform-origin: 50% 45%;
    -o-transform-origin: 50% 45%;
    transform-origin: 50% 45%;}
.imgScroll li.current img{
    opacity: 1;
    Alpha(opacity=100)\9;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);}
.imgScrollWrap .imgTags{position: absolute;left:0;bottom:0;z-index:5;width: 100%;height: 8px;background-color: #27282d;opacity: .6;filter: Alpha(opacity=50)\9;}
.imgScrollWrap .imgTags ul{width: 100%;height: 100%;}
.imgScrollWrap .imgTags li{height: 100%;background-color: #50c0d4;width: 0;float: left;opacity: 0;filter: Alpha(opacity=0)\9;}
.imgScrollWrap .imgTags .current{opacity: 1;filter: Alpha(opacity=100)\9;z-index: 5;}
/*举办活动*/
.desTxt{margin-top: 20px;font-family: "Microsoft Yahei";font-size: 14px;line-height: 30px;color: #999999;letter-spacing: 1px;}
.desTxt .desTitle{font-family: "Microsoft Yahei";font-size: 18px;line-height: 24px;color: #27282d;margin-top: 7px;margin-bottom: 10px;font-weight: normal;}
.desTxt  .desContent{margin-bottom: 14px;}
.desTxt img{display: block;margin: 0 auto;max-width: 100%; height: auto !important; }
.inquiries{margin-top: 50px;}
.inquiries h1{font-size: 18px;line-height: 24px;font-family: "Microsoft Yahei";font-weight: normal;color: #27282d;letter-spacing:2px;}
.inquiries p{font-size: 14px;line-height: 24px;font-family: "Microsoft Yahei";color: #999999;margin-top: 12px;letter-spacing:2px;}
.inquiries span{margin-right: 30px;}
/*.copyRightMsg{height: 50px;text-align: center;line-height: 50px;font-family:Verdana;font-size: 14px;background-color: #ffffff;color: #333333;margin-top: 150px;}*/
.downloadImg{width: 170px;height: 35px;}
.downloadImg a{display:block;width: 100%;height: 100%;background-color: #50c0d4;border-top-left-radius: 5px;border-bottom-right-radius: 5px;font-family: "Microsoft Yahei";font-size: 14px;text-align:center;line-height: 35px;color: #ffffff;margin-top: 35px;letter-spacing: 2px;
    -webkit-transition: box-shadow .6s;
    -moz-transition: box-shadow .6s;
    -ms-transition: box-shadow .6s;
    -o-transition: box-shadow .6s;
    transition: box-shadow .6s;}
.downloadImg .triangle{border-width: 6px 4px 0 4px ;border-color: #ffffff transparent  transparent  transparent;margin-left: 10px;}
.downloadImg a:hover{box-shadow: 0 0 20px rgba(0,0,0,.2);}
/*藏品捐赠*/
.collectionList{}
.collectionList ul{margin-top: -15px;margin-left: -10px;}
.collectionList li{width: 460px;height: 335px;overflow: hidden;float: left;margin-right: 30px;margin-bottom:30px;border-top-left-radius: 10px;border-bottom-right-radius: 10px;}
.collectionList li a{display: block;padding: 10px 10px;height: 305px;}
.collectionList li a:hover{background-color: #ffffff;}
.collectionList li .imgBox{width: 230px;height: 305px;overflow: hidden;border-top-left-radius: 10px;border-bottom-right-radius: 10px;float: left;background-color: #eaeaea;}
.collectionList .imgBox img{}
.collectionList .imgBox .default{}
.collectionList li .collectionDes{height: 305px;width: 190px;padding-left: 20px;float: left;}
.collectionList  .collectionDes h2{font-family: "Microsoft Yahei";font-weight: normal;font-size: 18px;color: #27282d;line-height: 20px;letter-spacing: 2px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.collectionList li a:hover h2{color: #50c0d4;}
.collectionList  .collectionDes ul{margin-top: 20px;margin-left: 0;}
.collectionList .collectionDes li{width: 100%;height:26px;font-family: "Microsoft Yahei";font-size: 12px;line-height: 26px;letter-spacing: 1px;margin: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.collectionList  .collectionDes .itemName{color: #27282d;}
.collectionList  .collectionDes .itemInfo{color: #999999;}
.collectionList  .collectionDes li .two{display: inline-block ;padding-left: 26px;}
.donorTxt{font-size: 14px;line-height: 30px;color: #999999;font-family: "Microsoft YaHei";margin-top: -8px;margin-bottom: 12px;}
.donorList{background-color: #ffffff;padding: 30px 0 20px;}
.donorList ul{}
.donorList li{width: 110px;padding-left: 30px;font-family: "Microsoft Yahei";letter-spacing:1px;font-size: 14px;line-height: 14px;float: left;margin-bottom: 30px;color: #27282d;}
.donors{height: 88px;padding-top: 20px;padding-bottom: 30px;background-color: #ffffff;margin-bottom: 30px;}
.donors .scrollDiv{height: 88px}
.donors .scrollDiv .scroll{height: 88px;right: 10px;}
.donors .slideItem{padding: 0;}
.donors .slideItem li{display: inline-block;vertical-align: middle;font-size: 14px;color: #323232;line-height: 44px;padding-left: 28px;float: left;white-space: nowrap;padding-right: 50px;}

.donorBox{position: relative;padding-left: 72px;}
.donorBox .line{position:absolute;top: 0;left: 55px; width: 1px;height: 100%;background: url("../imgs/line.png") repeat-y;}
.donorBox .donorList{padding-bottom: 0;position: relative;margin-bottom: 60px;}
.donorBox .donorList .yearBox{position: absolute;left: -76px;top: 0; width: 64px;height: 12px;font-family: "Microsoft Yahei";font-size: 12px;line-height: 12px;}
.donorBox .donorList .circle{position: absolute;width: 9px;height: 9px;background: url("../imgs/circle.png") no-repeat;right: 0;top: 0;}
    /*志愿者*/
.volunteerList{padding-bottom: 45px;}
.volunteerList ul{}
.volunteerList li{height: 300px;background-color: #ffffff;margin-bottom: 20px; border-top-left-radius: 10px;border-bottom-right-radius: 10px;overflow: hidden;
    -webkit-transition: box-shadow .6s;
    -moz-transition: box-shadow  .6s;
    -ms-transition: box-shadow  .6s;
    -o-transition: box-shadow  .6s;
    transition: box-shadow  .6s;}
.volunteerList .hover{box-shadow: 0 0 80px rgba(0,0,0,.1);}
.volunteerList .volPic{width: 461px;height: 300px;overflow: hidden;float: left;background-color: #eaeaea;position: relative;}
.volunteerList .volPic img{width: 100%;height: 100%;}
.volunteerList .volPic .default{}
.volunteerList .tableBox{position: absolute;width: 100px;height: 100%;display: table;top: 0;left: 50%;margin-left: -50px;}
.volunteerList .cellBox{display: table-cell;width: 100px;height: 100%;vertical-align: middle;text-align: center;}
.volunteerList .cellBox span,.volunteerList .cellBox a{cursor:pointer;display: inline-block;margin: 20px 0; width: 100px;height: 30px;text-align: center;line-height: 30px;font-family: "Microsoft YaHei";font-size: 14px;color: #ffffff;background-color: #50c0d4;border-top-left-radius: 5px;border-bottom-right-radius: 5px;
    opacity: 0;filter: Alpha(opacity=0)\9;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;text-decoration: none;}
.volunteerList .hover .cellBox span,.volunteerList .hover .cellBox a{box-shadow: 0 0 20px rgba(0,0,0,.2); opacity: 1;filter: Alpha(opacity=100)\9;text-decoration: none;}
.volunteerList .volDes{width: 474px;height: 300px;overflow: hidden;float: left;padding-left: 30px;padding-right:15px;position: relative;font-family: "Microsoft Yahei";font-size: 14px;line-height: 30px;letter-spacing: 1px;color: #666666;}
.volunteerList .volType{font-family: "Microsoft Yahei";padding-top: 10px;font-size: 18px;line-height: 58px;color: #27282d;letter-spacing: 2px;overflow: hidden;}
.volunteerList .volType a{float:right;display:inline-block;padding:0 12px;line-height: 15px;font-size: 12px;color:#fff;background-color: #50c0d4;border-radius: 4px 0;text-decoration: none;margin-top: 18px;}
.volunteerList .volDes .slideItem{font-family: "Microsoft Yahei";font-size: 14px;line-height: 30px;letter-spacing: 1px;color: #999999;}
.volunteerList .volDes .joinVol{position: absolute;left: 30px;bottom: 40px; width: 150px;height: 36px;border-top-left-radius: 5px;border-bottom-right-radius: 5px;background-color: #50c0d4;text-align: center;letter-spacing: 2px;color: #FFFFFF;font-family: "Microsoft Yahei";font-size: 14px;line-height: 36px;
    -webkit-transition: box-shadow .6s;
    -moz-transition: box-shadow  .6s;
    -ms-transition: box-shadow  .6s;
    -o-transition: box-shadow  .6s;
    transition: box-shadow  .6s;}
.volunteerList .triangle{border-width: 5px 0px 5px 8px  ;border-color:  transparent  transparent  transparent #ffffff;margin-left: 10px;}
.volunteerList .hover .joinVol{box-shadow: 0 0 20px rgba(0,0,0,.2);}
.volApplycation{padding-top: 30px;background-color: #ffffff;}

/*合作伙伴*/
.collaList{width: 1030px;min-height: 700px;}
/*.collaList a{display: inline-block;height: 80px;overflow: hidden;margin-right: 50px;margin-bottom: 30px;float: left;background-color: #eaeaea;}*/
.collaList img{max-width: 100%;}
/*会员*/
.cafn{}
.cafn .cafnImg{height: 350px; border-top-left-radius: 10px;border-bottom-right-radius: 10px;overflow: hidden;background-color: #eaeaea;}
.cafn .cafnImg img{width: 100%;height: 100%;}
.cafn .cafnDes{overflow:hidden;margin-top: 20px;height:90px;font-family: "Microsoft Yahei";font-size: 14px;line-height: 30px;color: #999999;letter-spacing: .7px;}
.cafn .moreDes{ width: 200px;height: 40px;background-color: #50c0d4;border-top-left-radius: 5px;border-bottom-right-radius: 5px;text-align: center;line-height: 40px;color: #ffffff;font-family: "Microsoft Yahei";font-size: 14px;margin:20px auto 0;cursor: pointer;
    -webkit-transition: box-shadow .6s;
    -moz-transition: box-shadow  .6s;
    -ms-transition: box-shadow  .6s;
    -o-transition: box-shadow  .6s;
    transition: box-shadow  .6s;}
.cafn .moreDes:hover{box-shadow: 0 0 20px rgba(0,0,0,.2);}
.online{margin-top: 30px;}
.onlineRight{height: 192px;overflow: hidden;border-top-left-radius: 10px;border-bottom-right-radius: 10px;}
.onlineRight ul{}
.onlineRight li{width: 230px;height: 230px;overflow: hidden;margin-right: 20px;position: relative;float: left;}
.onlineRight .last{margin-right: 0;}
.onlineRight .img{width: 100%;height: 100%;background-color: #eaeaea;}
.onlineRight img{width: 100%;height: 100%;}
.onlineRight .rightIno{height: 100%;width: 100%; position: relative;transform: translate3d(0,20px,0);-webkit-transform: translate3d(0,20px,0);transition: transform .6s;-webkit-transition: -webkit-transform .6s;}
.onlineRight .rightIno h2{text-align: center;  font-size:18px;font-family: "Microsoft Yahei";color: #ffffff;line-height: 30px;padding-top: 30px;}
.onlineRight .rightIno p{font-size:14px;line-height: 24px; text-align:left;font-family: "Microsoft Yahei";color: #ffffff;padding: 10px 20px 0;letter-spacing: 1px; }
.onlineRight .hover.infoBox{opacity: 1;filter: Alpha(opacity=100)\9;}
.onlineRight .hover .opacityBox{opacity: .8;filter: Alpha(opacity=80)\9;}
.onlineRight .hover .rightIno{transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);}
.memeberList{margin-top: 20px;}

/*搜索*/
.search{border-bottom:1px solid #000;}
.search .serInput{border:0;line-height: 22px;padding:8px 10px 8px 36px;font-family: Microsoft Yahei,hei;font-size: 14px;color:#27282d;float:left;width:834px;background-color: transparent;background:url("../imgs/ico_sel.png") no-repeat 10px center;}

/*下拉框*/
.fSelect{ position:relative; z-index:0; height:38px;width:98px;display:inline-block;*display:inline;*zoom:1;border:1px solid transparent;border-bottom: 0;float:left;}
.fSelect .val{ position:absolute;z-index:2;line-height:18px;padding:10px 0; height:18px; overflow:hidden;_zoom:1; width:98px;}
.fSelect .val strong,.fSelect .val a{ float:left;_display:inline; width:70px;height:18px;padding:0px 0px 0px 10px; overflow:hidden; color:#27282d;font-size:14px; line-height:18px; font-family:Microsoft Yahei;}
.fSelect .val a:hover{color:#000000}
.fSelect .val .drop{ float:left; background-image:url(../imgs/ico_arrow.png); background-repeat:no-repeat; _display:inline;width:8px; height:6px; background-position:left center; cursor:pointer;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in;overflow: hidden;margin-top: 7px;}
.fOption{ display:none; position:absolute; top:38px; left:-1px;width:98px;height:136px;background:#FFFFFF;border:1px solid #27282d;border-top: 0;overflow: hidden;}
.fOption .scroll{ position:absolute; z-index:1; right:0px; top:0px; height:136px; width:9px;padding:0px 2px 0px 1px; background:#FFFFFF}
.fOption .top,.fOption .bot { background-image:url(../imgs/selScroll.gif); background-repeat:no-repeat;}
.fOption .top{ visibility:hidden; height:12px; background-position:-15px 2px; overflow:hidden;}
.fOption .bot{visibility:hidden;  height:12px; background-position:-15px -16px; overflow:hidden;}
.fOption .slid{ height:156px;overflow:hidden;}
.fOption .block{display:block; background:#CCCCCC}
.fOption li{padding:0 9px;line-height:34px; line-height:34px \0; height:34px; cursor:default; font-size:14px; color:#27282d;white-space:nowrap; text-align:left; font-family:Microsoft Yahei,hei;}
.fOption li.disabled { color:#CCC;}
.fOption ul .hover{ background:#50c0d4; color:#fff}
/*selected*/
.fSelected{padding:0px; z-index:3;background: #fff;border-color:#27282d;}
.fSelectHover{background-color: #fff;border-color:#27282d;}
.fSelected .val .drop{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.fSelected .val a, .fSelectHover .val a { color:#27282d;}
.fSelectClicked .val a { color:#27282d;}
/*hover*/
.fOption .hover .slid{ background:#EEEEEE;}
.fOption .hover .top{ visibility:visible}
.fOption .hover .block{ background:#666666}
.fOption .hover .bot{ visibility:visible}
/*click*/
.fOption .slid .blockOn{ background:#50c0d4;}
.fOption .topOn{background-position:0 2px}
.fOption .botOn{background-position:0px -16px}

.searchType{display: inline-block;width: 90px;padding-left:10px;font-family: "Microsoft Yahei";font-size: 14px;line-height: 40px;color: #cccccc;}
.searchType .triangle{border-width: 6px 4px 0 4px;border-color: #cccccc transparent transparent transparent;margin-left: 20px;}

/*分类*/
.classify{font-size: 14px;line-height: 30px;padding:11px 0 0px;font-family: "Microsoft Yahei";}
.classify span{float: left;font-weight: bold;}
.classify a{float:left;margin-right: 20px;white-space: nowrap;}
.classify a:hover{color:#50c0d4;}

/*艺术家*/
.navBox{height: 336px;margin-top: 30px;position: relative;}
.navBox .firstWrap{width: 100%;border-bottom: 1px solid #27282d;padding-bottom: 8px;}
.navBox .firstWrap .allLetter{display: inline-block;cursor:pointer;width: 100px;height: 30px;margin-right:20px;vertical-align: 3px; background-color: #50c0d4;border-bottom-right-radius: 5px;border-top-left-radius: 5px;font-family: "Microsoft YaHei";font-size: 14px;line-height: 30px;text-align: center;color: #ffffff;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;}
.navBox .firstWrap .allLetter:hover{box-shadow: 0 0 20px rgba(0,0,0,.2);}
.navBox .firstWrap .letter{display: inline-block;cursor:pointer;margin-right:20px;font-family: "Microsoft Yahei";font-size: 28px;line-height: normal;color: #27282d;font-weight: bold;}
.navBox .firstWrap .current.letter{color: #50c0d4;}
.navBox .firstWrap .letter:hover{color: #50c0d4;}
.navBox .secondWrap{height: 250px;background-color: #ffffff;}
.navBox .secondWrap .tabItem{padding: 20px 15px 0 0px;height: 204px;opacity: 0;filter: Alpha(opacity=0);position: absolute;width: 965px;height: 204px;}
.navBox .secondWrap .current{opacity: 1;filter: Alpha(opacity=100);z-index: 1;}
.navBox .secondWrap .scrollDiv{height: 204px;}
.navBox .secondWrap .slideItem{}
.navBox .secondWrap li{display: inline-block;padding: 10px 20px 10px 30px;letter-spacing:1px;font-family: "Microsoft YaHei";line-height: 24px;vertical-align: text-top;}
.navBox .secondWrap .artName{font-size: 14px;color: #27282d;line-height: 24px;display: inline-block;}
.home{display: inline-block;width: 10px;height: 10px;background: url("../imgs/home.png") no-repeat;margin-left: 10px;vertical-align: middle;}
.navBox .secondWrap .artAge{font-size: 12px;color: #999999;}
.navBox .secondWrap .artName:hover{color: #50c0d4;}
.navBox .secondWrap .artName:hover .home{background-image: url("../imgs/homeH.png");}
.navBox .secondWrap  .current .artName.current{color: #50c0d4;}
.navBox .secondWrap .artName.current .home{background-image: url("../imgs/homeH.png");}
.threeTitle{padding-top: 40px;}
.threeTitle h3{font-family: "Microsoft YaHei";font-size: 18px;color: #27282d;line-height: 58px;font-weight: normal;}
.workList{}
.workList ul{width: 1000px;}
.workList li{width: 313px; height: 313px;float: left;margin-right:20px;margin-bottom: 20px; border-bottom-right-radius: 10px;border-top-left-radius: 10px;overflow: hidden;position: relative;}
.workList li .img{width: 100%;height: 100%;background-color: #eaeaea;}
.workList li img{width: 100%;height: 100%;}
.workList li .workInfo{position: relative;padding: 100px 40px 0;font-family: "Microsoft Yahei";color: #ffffff;line-height: 28px;text-align: center;height:100%;-webkit-transition: all .6s;transition: all .6s;transform: translate3d(0,20px,0);-webkit-transform: translate3d(0,20px,0); }
.workList li .workInfo h1{font-size: 18px;font-weight: normal;margin-bottom: 10px;}
.workList li .workInfo p{font-size: 14px;}
.workList li .hover{opacity: 1;filter: Alpha(opacity=100)\9;}
.workList li .hover .opacityBox {opacity: .8;filter: Alpha(opacity=80)\9;}
.workList li .hover .workInfo{transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);}
.exhibitList{}
.exhibitList ul{width: 1000px;}
.exhibitList li{width: 313px;height: 482px;float:left;background-color: #ffffff;border-bottom-right-radius: 10px;border-top-left-radius: 10px;overflow:hidden;position: relative;margin-right: 20px;transition: all .6s;-webkit-transition: all .6s;}
.exhibitList li:hover{box-shadow: 0 0 80px rgba(0,0,0,.1);}
.exhibitList .img{width: 100%;height: 240px;position: relative;}
.exhibitList img{width: 100%;height: 100%;}
.exhibitList .exhibitMsg{padding: 6px 20px 0;}
.exhibitList .exhibitMsg dl{margin-top: 6px;letter-spacing: 1px;}
.exhibitList .exhibitMsg dt{font-family: "Microsoft Yahei";font-size: 12px;line-height: 24px;color: #27282d;}
.exhibitList .exhibitMsg dd{font-family: "Microsoft Yahei";font-size: 12px;line-height: 24px;color: #999999;}
.exhibitList .moreExhibit{font-family: Verdana;font-size: 14px;line-height: 14px;position: absolute;right: 34px;bottom: 20px;color: #27282d;}
.exhibitList  .typeBox{position: absolute;top: 0px;right: 0;text-align: right;}
.exhibitList  .exhType{display:inline-block;text-align: center;margin-top: 10px;height: 20px;position: relative;white-space: nowrap;}
.exhibitList  .exhType .alphaBgBox{position: absolute;width:100%;height:100%;top: 0;left:0;background-color: #27282d;opacity:1;filter: Alpha(opacity=100)\9;}
.exhibitList .exhType .typeTxt{padding: 0 10px;display:inline-block;height:20px;position: relative;top:-2px;font-size: 14px;line-height: 20px;letter-spacing: .5px;color: #ffffff;}
.exhibitList .exhType:hover .alphaBgBox{background-color: #50c0d4;opacity: .9;filter: Alpha(opacity=90)\9;}

.videoIcon{position: absolute;width: 50px;height: 50px;top: 50%;left: 50%;margin-top: -25px;margin-left: -25px;background: url("../imgs/videoIcon.png") no-repeat;}
.exhibitList li:hover .alphaBox{background-color: #50c0d4;}

/*搜索结果*/
.searchList{min-height: 600px;}
.searchList ul{width: 1000px;margin-top: -10px;margin-left: -10px;}
.searchList li{width: 313px;padding:10px;float: left;position: relative;overflow: hidden;border-bottom-right-radius:10px;border-top-left-radius: 10px;transition: all .6s;-webkit-transition: all .6s;}
.searchList li:hover{background-color: #ffffff;box-shadow: 0 0 80px rgba(0,0,0,.1);}
.searchList .img{display: block; width: 313px;height: 313px;overflow: hidden;border-bottom-right-radius:10px;border-top-left-radius: 10px;background-color: #eaeaea; }
.searchList img{width: 100%;height: 100%;}
.searchList .infos{padding: 8px 0 0 0; }
.searchList .infos dl{font-family: "Microsoft Yahei";font-size: 14px;line-height: 30px;color: #27282d;letter-spacing: 1px;}
.searchList .infos dt{display: inline-block;float: left;width: 78px;}
.searchList .infos dd{display: inline-block;width: 230px;float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.searchList .infos .author{font-size: 14px;line-height: 30px;color: #27282d;text-decoration: underline;}
.searchList .infos dl .keyword{color: #ec0000}
.searchList dl .two{display: inline-block ;padding-left: 30px;}
.searchList li:hover .author{text-decoration: none;}
.searchList li:hover .workName{color: #50c0d4;}
.noResult{padding-top: 78px;text-align: center;font-family: "Microsoft Yahei";font-size: 14px;line-height: 50px;color: #27282d;letter-spacing: 1px;}
.noResult .nothing{margin :0 auto;width: 155px;height: 175px;background: url("../imgs/nothing.png") no-repeat;}
.searchList .page{padding-top: 50px;}
    /*展览回顾*/
.yearTabs{padding: 50px 50px 80px;background-color: #ffffff;margin-bottom: 60px;overflow: hidden;width: 880px;}
.yearTabs ul{font-size: 0;border-bottom: 1px solid #27282d;width: 1000%;}
.yearTabs li{display: inline-block;width: 88px;position: relative;text-align: center;}
.yearTabs li .lineTop{position: relative;display: inline-block; height: 20px;top: -5px;}
.yearTabs li .year{font-family: Verdana;font-size: 14px;line-height: 14px; position: relative;color: #27282d;}
.yearTabs li  .lineBot{top: 46px;position: relative;display: inline-block;height: 20px;}
.yearTabs .lineTop .triangle{position: absolute;border-width: 9px 5.5px 0 5.5px;border-color: #50c0d4 transparent transparent transparent;left: 50%;margin-left: -5.5px;bottom: -5.5px;display: none;}
.yearTabs .lineBot .triangle{position: absolute;border-width: 0 5.5px 9px 5.5px;border-color:  transparent transparent #50c0d4 transparent;left: 50%;margin-left: -5.5px;top: -5.5px;display: none;}
.yearTabs  .allYearIcon{position: absolute;width: 22px;height: 22px;left:50%;margin-left:-11px;bottom:-11px;background: url("../imgs/icon_clock.png") no-repeat;}
.yearTabs   .yearIcon{position: absolute;width: 11px;height: 11px;left:50%;margin-left:-5.5px;bottom:-5.5px;background: url("../imgs/icon_circle.png") no-repeat;}
.yearTabs li:hover .lineTop,.yearTabs li:hover .lineBot{background-color: #50c0d4;border-radius: 3px;}
.yearTabs li:hover .lineTop .year,.yearTabs li:hover .lineBot .year{color: #FFFFFF;}
.yearTabs li:hover .lineTop .triangle,.yearTabs li:hover .lineBot .triangle{display: inline-block;}
.yearTabs .allYear:hover .allYearIcon{background-image: url("../imgs/icon_blueClock.png");}
.yearTabs li:hover .yearIcon{background-image: url("../imgs/icon_blueCircle.png");}
.yearTabs .allYear:hover .year{color: #50c0d4;}
.yearTabs li.current .lineTop,.yearTabs li.current .lineBot{background-color: #50c0d4;border-radius: 3px;}
.yearTabs li.current .lineTop .year,.yearTabs li.current .lineBot .year{color: #FFFFFF;}
.yearTabs li.current .lineTop .triangle,.yearTabs li.current .lineBot .triangle{display: inline-block;}
.yearTabs .allYear.current .allYearIcon{background-image: url("../imgs/icon_blueClock.png");}
.yearTabs li.current .yearIcon{background-image: url("../imgs/icon_blueCircle.png");}
.yearTabs .allYear.current .year{color: #50c0d4;}
.yearTabs .swiper-scrollbar-drag{background: #50c0d4;}
.yearTabs .swiper-scrollbar{background: #f9f8f8;}
.swiper-container-horizontal>.swiper-scrollbar{width: 880px;left: 50px;overflow: hidden;bottom: 10px;}


.reviewList{padding-left: 66px;position: relative;margin-bottom: 50px;}
 .page.mTop{margin-top: 50px;}
.reviewList .line{position: absolute;width: 1px;height: 100%;top: 0;background: url("../imgs/line.png") repeat-y;}
.everyMonth{position: relative;padding-left: 10px;}
.everyMonth .date{position: absolute;width: 68px;height: 24px;left:-70px;top: -7px; font-family: "Microsoft Yahei";font-size: 12px;line-height: 24px;color: #27282d;}
.everyMonth  .circle{position: absolute;right: -7px;top: 6px; width: 9px;height: 9px; background:url("../imgs/circle.png") right center no-repeat;}
.everyMonth .date:hover{color: #50c0d4;}
.everyMonth .date:hover .circle{background-image: url("../imgs/circleHover.png");}

.everyMonth dl{margin-bottom: 20px;height:253px;overflow: hidden;border-radius: 8px 0 8px 0;
    -webkit-transition: box-shadow .2s;
    -moz-transition: box-shadow .2s;
    -ms-transition: box-shadow .2s;
    -o-transition: box-shadow .2s;
    transition: box-shadow .2s;}
.everyMonth dl:hover{
    -webkit-box-shadow: 0 0 80px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 80px rgba(0,0,0,.1);
    box-shadow: 0 0 80px rgba(0,0,0,.1);}
.everyMonth dt{width:369px;height:253px;background-color: #eaeaea;float:left;overflow: hidden;position: relative;}
.everyMonth dt .img{display: block;width: 100%;height: 100%;overflow: hidden;}
.everyMonth dt img{
    width: 100%;
    height: 100%;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
}
.everyMonth dt .videoIcon{position: absolute;width: 50px;height: 50px;background: url("../imgs/videoIcon.png") no-repeat;top: 50%;left: 50%;margin-left: -25px;margin-top: -25px;}
.everyMonth dt .typeBox{position: absolute;top: 0px;right: 0;text-align: right;}
.everyMonth dt .exhType{display:inline-block;vertical-align: middle;  text-align: center;margin-top: 10px;height: 20px;position: relative;white-space: nowrap;font-size: 0;}
.everyMonth dt .exhType .alphaBgBox{position: absolute;width:100%;height:100%;top: 0;left:0;background-color: #27282d;opacity:1;filter: Alpha(opacity=100)\9;}
.everyMonth dt .exhType .typeTxt{padding: 0 10px;display:inline-block;height:20px;position: relative;font-size: 12px;line-height: 20px;letter-spacing: .5px;color: #ffffff;}
.everyMonth .exhType:hover .alphaBgBox{background-color: #50c0d4;opacity: .9;filter: Alpha(opacity=90)\9;}
.everyMonth dl:hover dt img{
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03);}
.everyMonth dd{width:474px;height:253px;float: left;position: relative;padding:0 30px;position: relative;background-color: #fff;}
.everyMonth h4{padding:27px 0 0;}
.everyMonth .text{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.everyMonth h4 a{font-size: 18px;color:#27282d;letter-spacing: 1px;font-weight: normal;line-height: 24px;}
.everyMonth .time{font-size: 12px;color:#999999;}
.everyMonth .number{color:#999;font-size: 12px;background: url(../imgs/icon_eye.gif) no-repeat left center;padding-left: 27px;position: absolute;top:17px;right:40px;}
.everyMonth .exListInfo{font-size: 14px;line-height: 30px;color:#999999;margin-top: 15px;letter-spacing: .5px;}
.everyMonth .more{color:#50c0d4;margin-left: 7px;}
.everyMonth .more:hover{text-decoration: underline;}
.everyMonth dl:hover h4 a{color: #50c0d4;}
.everyMonth .orderMsg{position: absolute;left: 40px; bottom: 30px; }
.everyMonth .orderMsg .orderBtn{cursor: pointer; display:inline-block;width: 140px;height: 36px;font-family: "Microsoft Yahei";font-size: 14px;line-height: 36px;text-align: center;letter-spacing: 1px; color: #FFFFFF;background-color: #50c0d4;border-top-left-radius: 5px;border-bottom-right-radius: 5px;}
.everyMonth .orderMsg .leftNum{display:inline-block;font-family: "Microsoft Yahei";font-size: 12px;line-height: 36px;color: #999999;margin-left: 30px;letter-spacing: 1px;}
/*参观*/
.visitMsgPic{height: 300px;border-radius: 10px 0 10px 0;overflow: hidden;margin-bottom: 30px;background-color: #eaeaea;}
.vistTitle h3{display:inline-block;font-family: "Microsoft Yahei";font-size: 18px;line-height: 24px;color: #27282d;font-weight: normal;letter-spacing: 2px;}
.vistTitle span{margin-left:20px;display:inline-block;font-family: "Verdana";font-size: 18px;line-height: 24px;color: #50c0d4;font-weight: normal;letter-spacing: 2px;}
.buyOnline{margin-top: 20px;margin-bottom: 58px;}
.arrowList{}
.arrowList li{font-size: 14px;font-family: "Microsoft Yahei";line-height: 30px;color: #999999;letter-spacing: 1px;}
.buyOnline .buy{display: block;width: 140px;height: 36px;font-family: "Microsoft Yahei";font-size: 14px;line-height: 36px;text-align: center;color: #ffffff;border-radius: 5px 0 5px 0;background-color: #50c0d4;margin-top: 20px;position: relative;
    letter-spacing: 2px;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;}
.buyOnline .buy:hover{box-shadow: 0 0 20px rgba(0,0,0,.2);}
.buyOnline .codeDiv{position: absolute;width:200px;left:160px; top:0;display:none;box-shadow: 0 0 20px rgba(0,0,0,.2);border:1px solid #c8c8c8;background-color: #fff}
.buyOnline .codeDiv p{font-size: 14px;color:#646464;text-align: center;line-height: 40px;}
.buyOnline .buy:hover .codeDiv{display: block;}
.buyOnline .codeDiv img{width:100%;}
.totalPrice {margin-top: 10px;margin-bottom: 50px;}
.discountPrice {margin-top: 10px;margin-bottom: 50px;}
.free {margin-top: 10px;margin-bottom: 50px;}
.order{background-color: #ffffff;padding-top: 30px;padding-bottom: 50px;}
.orderTxt{font-family: "Microsoft Yahei";font-size: 12px;line-height: 12px;margin-top: 15px;color: #999999;}
.fz14{font-size: 14px;margin-top: 20px;margin-bottom: 60px;}


.formInput .itps{display: inline-block;vertical-align: middle; position: relative;border:1px solid #27282d;webkit-transition: border-color .2s;overflow: visible;;
    -moz-transition: border-color .2s;
    -ms-transition: border-color .2s;
    -o-transition: border-color .2s;
    transition: border-color .2s;}
.orderApply{padding-top: 10px;position: relative;}
.orderApply .formBox li{width:auto;float: left;margin-right: 60px;position: relative;margin-top: 20px;margin-bottom: 0;}
.orderApply .formBox .fn{float: none;}
.orderApply .star{color: #cc3333;line-height:36px; position: absolute;left: -15px;top: 3px;font-size: 18px;}
.orderApply .formInput{width:auto;}
.orderApply .formHeight{height: 100px;}
.formInput .hover,.formInput .focus{border-color: #50c0d4;}
.formInput .has_error{border-color: #cc3333;}
.orderApply .input{width:287px;}
.formInput .adress{width:656px;float: left;}
.formInput .tips{position: absolute;line-height: 36px;left:10px;font-size:14px;color:#999999;top:1px;}
.orderApply .formBox  .slide-ul li{float: none;margin: 0;}
/*.sysErrorTip{line-height: 30px;color:#ec0000;font-size: 14px;font-family: "Microsoft Yahei";margin: 0;}*/
.ui-datepicker-trigger{position: absolute;right: 10px;top: 10px;width: 14px;height: 14px;cursor:pointer;background: url("../imgs/date.png") no-repeat;}
.formInput .textInput{background-color: transparent;border: 0;padding: 0 10px;width: 656px;height: 88px;font-size: 14px;line-height: 30px;font-family: "Microsoft Yahei";color: #27282d;}
.submitOrder{width: 140px;height: 36px; cursor: pointer;position: relative; margin-top: 60px; font-family: "Microsoft Yahei";font-size: 14px;line-height: 36px;color: #ffffff;text-align: center;border-radius: 5px 0 5px 0;background-color: #50c0d4;letter-spacing: 2px;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;}
.submitOrder:hover{box-shadow: 0 0 20px rgba(0,0,0,.2);}
.submitOrder .sysError{top: -30px;left: 0; }
.attentions{margin-top: 20px;margin-bottom: 50px;}
.applyMethod{margin-top: 20px;}
.agreeBox{top: 10px;}
.volTime{font-family: "Microsoft Yahei";font-size: 14px;line-height: 36px;color: #999999;}
.checkWrap{color: #999999;width: 640px;}
.checkWrap .checkBox{display: inline-block;vertical-align: middle;margin-right: 20px;}
.checkWrap .checked{background-position: 0 -78px;}
.emptyTips{color: #ec0000;font-size: 14px;display: none;margin-left: 10px;}
.volApplycation.volBg{background-color: transparent;}
.volApplycation  .formBox li{margin-top: 30px;}
.volApplycation .orderApply .formBox .uploadWrap{position: absolute;left: 369px;top: 40px;margin-top: 0;}
.volApplycation .formInput .uploadPer{position: relative; width: 74px;height: 100px;text-align: center;line-height: 100px;color: #999999;font-size: 14px;font-family: "Microsoft Yahei";overflow: hidden;}
.volApplycation .formInput .uploadImg{width: 74px;height: 100px;position: absolute;top:0;left:0;visibility: hidden;padding: 0;}
.uploadBtn{position: absolute;top: 0;left: 0; width: 100%;height: 100%;text-align: center;line-height: 100px;color: #999999;font-size: 14px;font-family: "Microsoft Yahei";}
.uploadTips{position: absolute;left: 100px;bottom:18px;width: 320px; font-family: "Microsoft Yahei";font-size: 12px;line-height: 14px;color: #999999;}
.uploadButton{cursor: pointer; position: absolute;left: 100px;width: 100px; bottom: 40px;font-family: "Microsoft YaHei";font-size: 14px;color: #5bc0de;}
.errorTips{position: absolute;left: 0;width: 400px; bottom: -30px;font-family: "Microsoft YaHei";font-size: 14px;color: #ec0000;line-height: 30px;}
.orderApply .uploadWrap img{width: 100%;}
.orderApply .uploadWrap .star{top: 68px;}
.volApplycation .formInput .alpha{top: auto;bottom: 0; z-index: 1; background-color: #000000;opacity: .4;filter: Alpha(opacity=40)\9;display: none;}
/*乘车路线*/
.tripRoute{padding-top: 30px;padding-bottom: 60px;}
.tripRoute .playLine{float: left;width: 340px;}
.tripRoute .trainLine{float: left;width: 350px;}
.tripRoute .underLine{float: left;width: 290px;}
.tripRoute h2{font-family: "Microsoft Yahei";font-size: 18px;color: #27282d;line-height: 30px;font-weight: normal;margin-bottom: 16px;letter-spacing: 2px;}
.tripRoute .play{display: inline-block;width: 21px;height: 21px;background: url("../imgs/icon_play.png") no-repeat;vertical-align: middle;margin-right: 10px;}
.tripRoute .train{display: inline-block;width: 17px;height: 20px;background: url("../imgs/icon_train.png") no-repeat;vertical-align: middle;margin-right: 10px;}
.tripRoute .underTrain{display: inline-block;width: 15px;height: 18px;background: url("../imgs/icon_bus.png") no-repeat;vertical-align: middle;margin-right: 10px;}
.tripRoute .line{cursor: pointer; position: relative;display: inline-block;font-family: "Microsoft Yahei";font-size: 14px;line-height: 30px;color: #999999;letter-spacing: 1px;}

.tripRoute .line .triangle{position: absolute;left: -14px;top: 20px; border-width: 15px 14px 0 14px;border-color: #ffffff transparent transparent transparent;}

.tripRoute .lineTips{ position: absolute;background-color: #ffffff;top: -7px;left: 110%; box-shadow: 0 0 10px rgba(0,0,0,.1);z-index: 10;display: none;}
.tripRoute .line .lastPos{left: -340px;}

.tripRoute .lineTips ul{background-color: #FFFFFF;position: relative;z-index: 2;padding: 4px 30px;}
.tripRoute .lineTips::after{content: "";width:30px;height:30px;background-color: #ffffff;position: absolute;left: -5px;top: 5px;transform:rotate(45deg);box-shadow: 0 0 10px rgba(0,0,0,.1);display:none \9;border:1px solid #eaeaea;z-index: -1;}
.tripRoute .line .lastPos::after{left: auto;right: -5px;}
.tripRoute .lineTips li{position: relative;width: 258px; font-family: "Microsoft Yahei";font-size: 14px;line-height: 30px;padding-top: 8px; padding-bottom: 8px;border-bottom: 1px solid #eaeaea;color: #999999;}
.tripRoute .lineTips .last{border-bottom: none;}
.tripRoute .lineTips .bus{position: absolute;left:-20px;top: 16px; width: 11px;height: 13px;background: url("../imgs/bus.png") no-repeat;}
.tripRoute .map{width: 295px;height: 154px;overflow: hidden;margin-top: 12px;background-color: #eaeaea;}
.tripRoute img{width: 100%;height: 100%;}
.tripRoute .line:hover{color: #50c0d4;}
.tripRoute .line:hover .lineTips{display: block;}
/*参观须知*/
.vistNotice{padding: 30px 0 ;background-color: #ffffff;}
.pos{position: relative;}
.txtContent{width:590px;font-family: "Microsoft Yahei";font-size: 14px;line-height: 32px;color: #999999;margin-top: 8px;margin-bottom: 20px;letter-spacing: .5px;}
.vitstImg{position: absolute;right: 0;top: 154px; width: 320px;height: 450px;overflow: hidden;border-radius: 10px 0 10px 0;background-color: #eaeaea;}
.vitstImg img{width: 100%;height: 100%;}
.audioGuide{padding-top: 30px;padding-bottom: 30px;}
.audioDes dl{}
.audioDes dt{width: 400px;height: 300px;border-radius: 10px 0 10px 0;overflow: hidden;float: left;background-color: #eaeaea;}
.audioDes dt img{width: 100%;height: 100%;}
.audioDes dd{width: 560px;height: 300px; float: left;padding: 0 0 0 20px;position: relative;}
.audioDes dd .audioInfo{font-family: "Microsoft Yahei";font-size: 14px;line-height: 30px;color: #666666;letter-spacing: 1px;margin-top: -8px;}
.audioDes dd .audioBtn{position: absolute;left: 20px;bottom: 75px;background-color: #50c0d4;border-radius: 5px 0 5px 0; width: 140px;height: 36px;font-family: "Microsoft Yahei";font-size: 14px;line-height: 36px;color: #ffffff;text-align: center;letter-spacing: 2px;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;}
.audioDes dd .audioBtn:hover{box-shadow: 0 0 20px rgba(0,0,0,.2);}
.visitService{}
.serviceMsg{font-family: "Microsoft Yahei";font-size: 14px;line-height: 30px;color: #999999;margin-top: -18px;}
.serviceType {padding-top: 50px;}
.serviceType dl{margin-bottom: 30px;}
.serviceType dt{width: 300px;height: 200px;border-radius: 10px 0 10px 0;overflow: hidden;float: left;background-color: #eaeaea;}
.serviceType dt img{width: 100%;height: 100%;}
.serviceType dd{width: 560px;padding: 0  0 0 20px;font-family: "Microsoft Yahei";float: left;}
.serviceType dd h3{font-size: 18px;line-height: 1;font-weight: normal;color: #27282d;margin-bottom: 12px;letter-spacing: 2px;}
.serviceType dd .openTime{font-size: 14px;line-height: 30px;color: #27282d;letter-spacing: 1px;}
.serviceType dd .serviceContent{font-size: 14px;line-height: 30px;color: #999999;letter-spacing: 1px;}

/*智识中心*/
.videoTxt{font-family: "Microsoft Yahei";font-size: 14px;line-height: 30px;color: #27282d;letter-spacing: 1px;}
.videoTxt ul{position: relative;padding:22px 0 52px;}
.videoTxt li{opacity: 0;filter: Alpha(opacity=0)\9;z-index: -1;overflow: hidden;
    -webkit-transition: all .8s ease .1s;
    -moz-transition: all .8s ease .1s;
    -ms-transition: all .8s ease .1s;
    -o-transition: all .8s ease .1s;
    transition: all .8s ease .1s; visibility: hidden;height:0;}
.videoTxt .current{opacity: 1;filter: Alpha(opacity=100)\9;z-index: 0;visibility: visible;height:auto;}
.colNav{}
.colNav .first{font-size: 0;position: relative;border-top: 1px solid #333333;border-bottom: 1px solid #333333;height: 56px;}
.colNav .first ul{position: absolute;width: 100%;height: 60px;top: 0;left: 0;padding-left: 20px;}
.colNav .first li{float: left;margin-left: 20px;margin-right: 30px;}
.colNav .first  a{font-size: 16px;text-align:center;line-height: 54px; color: #27282d; font-family: "Microsoft Yahei";display: inline-block;letter-spacing: 2px;height: 54px;border-bottom: 6px solid transparent;}
.colNav .first  a:hover{color: #50c0d4;border-color: #50c0d4;}
.colNav .first a.current{color: #50c0d4;border-color: #50c0d4;}
.videoList{margin-top: 30px;padding-bottom: 30px;}
.videoList ul{width: 1000px;}
.videoList li{float: left;width: 313px;background-color: #ffffff;border-radius: 10px 0 10px 0;overflow: hidden;margin-right: 20px;margin-bottom: 20px;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;}
.videoList li:hover{box-shadow: 0 0 40px rgba(0,0,0,.15);}
.videoList li .img{width: 313px;height: 176px;position: relative;background-color: #eaeaea;}
.videoList li img{width: 100%;height: 100%;}
.videoList li .txt{height: 60px;padding: 0 20px;font-family: "Microsoft Yahei";font-size: 14px;line-height: 60px;color: #27282d;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;letter-spacing: 1px;text-align: center;}
.videoList li:hover .txt{color: #50c0d4;}

/*联系我们*/
.contactInformation{margin-bottom: 50px;}
.contactInformation .leftPart{width: 460px;padding-right:30px;float: left;text-align: right;}
.contactInformation .rightPart{width: 460px;float: left;padding-left: 30px;}
.contactInformation h2{font-family: "Microsoft Yahei";font-size: 18px;line-height: 30px;color: #27282d;font-weight: normal;padding: 25px 0;letter-spacing: 2px;}
.contactInformation .infoItem{font-family: "Microsoft Yahei";font-size: 14px;line-height: 30px;color: #999999;letter-spacing: 1px;}
.contactInformation .infoItem span{color: #666666;}
.mediaInfo{}
.mediaInfo h3{font-family: "Microsoft Yahei";font-size: 18px;line-height: 18px;padding-top: 30px;padding-bottom: 20px;color: #27282d;font-weight: normal;letter-spacing: 2px;}
.mediaInfo .links{font-family: "Microsoft Yahei";font-size: 14px;line-height: 30px;color: #999999;letter-spacing: 1px;}
.downloadList{margin-top: 22px;}
.downloadList ul{}
.downloadList li{height: 119px;border-top: 1px solid #eaeaea;padding-top: 10px;}
.downloadList li h4{font-family: "Microsoft Yahei";font-size: 14px;line-height: 54px;color: #27282d;font-weight: normal;letter-spacing: 1px;}
.downloadList li a{display: inline-block;width: 89px;height: 35px;font-family: "Microsoft Yahei";font-size: 14px;color: #ffffff;text-align: center;line-height: 35px;border-radius: 5px 0 5px 0;background-color: #50c0d4;letter-spacing: 1px;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;}
.downloadList li a:hover{box-shadow: 0 0 20px rgba(0,0,0,.2);}

.exhibitStudy dl{margin-bottom: 20px;background-color: #fff;height:275px;overflow: hidden;border-radius: 8px 0 8px 0;
    -webkit-transition: box-shadow .2s;
    -moz-transition: box-shadow .2s;
    -ms-transition: box-shadow .2s;
    -o-transition: box-shadow .2s;
    transition: box-shadow .2s;}
.exhibitStudy dl:hover{
    -webkit-box-shadow: 0 0 80px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 80px rgba(0,0,0,.1);
    box-shadow: 0 0 80px rgba(0,0,0,.1);}
.exhibitStudy dt{width:400px;height:275px;background-color: #eaeaea;float:left;overflow: hidden;position: relative;}
.exhibitStudy dt img{max-width:100%;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
}
.exhibitStudy dt .videoIcon{position: absolute;width: 50px;height: 50px;background: url("../imgs/videoIcon.png") no-repeat;top: 50%;left: 50%;margin-left: -25px;margin-top: -25px;}
.exhibitStudy dt .typeBox{position: absolute;top: 0px;right: 0;text-align: right;line-height: 0;}
.exhibitStudy .page{padding-top: 30px;}
.exhibitStudy dt .exhType{display:inline-block;text-align: center;margin-top: 10px;height: 20px;position: relative;white-space: nowrap;font-size: 0;}
.exhibitStudy dt .exhType .alphaBgBox{position: absolute;width:100%;height:100%;top: 0;left:0;background-color: #27282d;opacity:1;filter: Alpha(opacity=100)\9;}
.exhibitStudy dt .exhType .typeTxt{padding: 0 10px;display:inline-block;height:20px;position: relative;font-size: 14px;line-height: 20px;letter-spacing: .5px;color: #ffffff;}
.exhibitStudy .exhType:hover .alphaBgBox{background-color: #50c0d4;opacity: .9;filter: Alpha(opacity=90)\9;}
.exhibitStudy dl:hover dt img{
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03);}
.exhibitStudy dl:hover dt .default{-webkit-transform: scale(1) ;
    -moz-transform: scale(1) ;
    -ms-transform: scale(1) ;
    -o-transform: scale(1) ;
    transform: scale(1);}
.exhibitStudy dd{width:500px;height:275px;float: left;position: relative;padding:0 40px;position: relative;}
.exhibitStudy h4{padding:37px 0 5px;}
.exhibitStudy h4 a{font-size: 18px;color:#27282d;letter-spacing: 1px;font-weight: normal;line-height: 24px;}
.exhibitStudy .time{font-size: 12px;color:#999999;}
.exhibitStudy .number{color:#999;font-size: 12px;background: url(../imgs/icon_eye.gif) no-repeat left center;padding-left: 27px;position: absolute;top:17px;right:40px;}
.exhibitStudy .exListInfo{font-size: 14px;line-height: 30px;color:#999999;padding-top: 15px;letter-spacing: .5px;}
.exhibitStudy .more{color:#50c0d4;margin-left: 7px;}
.exhibitStudy .more:hover{text-decoration: underline;}
.exhibitStudy dl:hover h4 a{color: #50c0d4;}
.exhibitStudy .orderMsg{position: absolute;left: 40px; bottom: 30px; }
.exhibitStudy .orderMsg .orderBtn{cursor: pointer; display:inline-block;width: 140px;height: 36px;font-family: "Microsoft Yahei";font-size: 14px;line-height: 36px;text-align: center;letter-spacing: 1px; color: #FFFFFF;background-color: #50c0d4;border-top-left-radius: 5px;border-bottom-right-radius: 5px;}
.exhibitStudy .orderMsg .leftNum{display:inline-block;font-family: "Microsoft Yahei";font-size: 12px;line-height: 36px;color: #999999;margin-left: 30px;letter-spacing: 1px;}

/*支持美术馆增加作品捐赠标题-宋爽-2018/03/02*/
.donorTit{font-weight: normal;font-size: 18px;padding:3px 0 8px;letter-spacing: 3px;}

/*图片动画*/
@keyframes moveLR {
  0%{
      left: 0;
      top: 0;
      transform: scale(1);
  }
    100%{
        left: -21%;
        top: -20%;
        transform: scale(1.2);
    }
}

.footerTxt{position: absolute;height:85px;left:0;width:100%;bottom:217px;}
.footerBg{position: absolute;left:0;top:0;width:100%;height:100%;background:#50c0d4;opacity: .5;filter: Alpha(opacity=50)\9;}
.footerDiv{width:910px;margin:0 auto;height:72px;padding-top:13px;position: relative;}
.footerDiv p{color:#27282d;font-size: 14px;line-height: 30px;letter-spacing: 1.5px;}
.footerDiv a{color:#36363b;text-decoration: none;}
.shareList a {
    float: left;
    font-size: 18px;
    line-height: 24px;
    height: 17px;
    background-image: url("../imgs/icon.png");
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 6px 6px 6px 0
}
.shareIndex_tsina,.shareIndex_weixin{width: 20px;height: 17px;margin: 0 20px 0 0 !important;padding-left: 0;}
.shareIndex_tsina{background-position: center 0px !important;}
.shareIndex_weixin{background-position: center -17px !important;position: relative;top: 1px;}
.shareIndex_tsina:hover{background-position: center -34px !important;}
.shareIndex_weixin:hover{background-position: center -51px !important;}
#weixinPop.bd_weixin_popup {
    display: none;;
    position: fixed;
    left: 50%;
    top: 50%;
    margin:-180px 0 0 -150px;
    padding: 10px;
    width: 280px !important;
    height: 340px !important;
    background: #fff;
    border: solid 1px #d8d8d8;
    z-index: 11001;
    font-size: 12px
}

#weixinPop.bd_weixin_popup .bd_weixin_popup_head {
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    line-height: 16px;
    height: 16px;
    position: relative;
    color: #000
}

#weixinPop.bd_weixin_popup .bd_weixin_popup_head .bd_weixin_popup_close {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 0;
    color: #999;
    text-decoration: none;
    font-size: 16px
}

#weixinPop.bd_weixin_popup .bd_weixin_popup_head .bd_weixin_popup_close:hover {
    text-decoration: none
}

#weixinPop.bd_weixin_popup .bd_weixin_popup_main {
    padding: 15px 10px;
    min-height: 150px;
    _height: 150px
}
#weixinPop.bd_weixin_popup .bd_weixin_popup_main img{width: 185px;height: 185px;display: block;margin: 0 auto;}
#weixinPop.bd_weixin_popup .bd_weixin_popup_foot {
    font-size: 12px;
    line-height: 22px;
    color: #666
}
#weixinPop.bd_weixin_popup{border: none;box-shadow: 0 0 30px rgba(0,0,0,.3);}
#weixinPop.bd_weixin_popup .bd_weixin_popup_head{text-align: center;font-size: 14px;font-weight: normal;color: #323232;height: 40px;line-height: 50px;}
#weixinPop.bd_weixin_popup .bd_weixin_popup_head .bd_weixin_popup_close{width: 20px;height: 20px;font-size: 20px;color: #000000;right: -10px;top: -10px;font-weight: bold;line-height: 20px;}
#weixinPop.bd_weixin_popup .bd_weixin_popup_foot{text-align: center;color: #999999;font-size: 14px;line-height: 24px;}

.allTxtBox{display:none;}