body { color: #000000; font-family: 'Microsoft YaHei','Lato', sans-serif; overflow-x: hidden;}
h1, h2, h3, h4, h5 { font-family: 'Microsoft YaHei', 'Montserrat', sans-serif; }
.b{ font-weight:bold;}
.img100{ width:100%;}
.listnone{list-style:none}
.parallax-section { background-attachment: fixed!important; }
.btn-capsul { border-radius: 30px; }
.btn-radiusnone { border-radius: 0px; }
.btn-aqua { background:rgba(70,137,144,.8); color: #fff; }
.btn-aqua:hover { background:rgba(70,137,144,1);color: #fff; }
.btn-zhuse { background:rgba(70,104,144,.8); color: #fff; }
.btn-zhuse:hover { background:rgba(70,104,144,1);color: #fff; }
.btn-back { border:2px solid rgba(0,0,0,.6); color: #666; }
.btn-back:hover { border:2px solid rgba(0,0,0,1); color: #000; }
.btn-dark-blue { background: #0C242E; color: #fff; }
.btn-dark-blue:hover { background: #063d28; color: #fff; }
.btn-transparent-white { border: 2px solid #fff; color: #fff; }
.btn-transparent-white:hover, .btn-transparent-white:focus { background: #fff; color: #0297FF }
.relative-box { position: relative }
section { float: left; width: 100%; padding:60px 0; }
.kong2{text-indent:2em; }
/* Loader
-------------------------------------------------- */

.loaders { width: 100%; box-sizing: border-box; display: flex; flex: 0 1 auto; flex-direction: row; flex-wrap: wrap; }
.loaders .loader { box-sizing: border-box; display: flex; flex: 0 1 auto; flex-direction: column; flex-grow: 1; flex-shrink: 0; flex-basis: 25%; max-width: 25%; height: 200px; align-items: center; justify-content: center; }
.loader { display: table; height: 100%; position: fixed; width: 100%; z-index: 1200; }
.loader-bg { background: rgb(38,43,79); }
.loader-inner { display: table-cell; text-align: center; vertical-align: middle; }
.loader .ball-clip-rotate-pulse { left: 50%; position: absolute; top: 50%; }

/* TOP HEADER
-------------------------------------------------- */
.navbar.top-bar { border-radius: 0; padding:24px 0; z-index: 16; background-color:rgba(38,43,79,.8) }
.navbar-toggler { border: 1px solid #fff; color: #fff; position: absolute; right: 21px; }
.sps { padding: 1em .5em; position: fixed; top: 0; left: 0; transition: all 0.25s ease; width: 100%; }
.sps--abv { background-color: transparent; color: #000; }
.sps--blw { background-color: #fff; color: #fff; }
.top-bar .navbar-brand{color: #fff;}
.top-bar a.navbar-brand{ color: #fff; font-size: 16px;  text-transform: uppercase;}
.top-bar .navbar-brand a{color: #fff; font-size: 16px; font-weight: 600;  margin-left:5px; margin-right:5px; white-space: nowrap;}
.top-bar .navbar-brand a i{ color: #fff; font-weight: 600; text-transform: uppercase; }
.top-bar .navbar-brand a:hover{ color: #fff; text-decoration:none }

.sps--blw.top-bar a.navbar-brand { color: #000; }
.top-bar a.navbar-brand span { color: #0297ff; }
.top-bar ul li a{ color: #fff; font-size: 16px; font-weight: 500; padding:12px 0px; margin:0 28px; white-space: nowrap;}
.top-bar ul li.curr a, .top-bar ul li a:hover { border-bottom: 3px solid #fff; text-decoration:none}
.sps--blw.top-bar .nav-link { color: #000 }
.top-bar .navbar-nav .nav-item { margin: 0 }
.top-bar .navbar-collapse.show .navbar-nav .nav-item { background: rgb(12,36,46); }
.top-bar .nav-link:hover, .top-bar .nav-item.active a { color: #fff; border-bottom: 3px solid #fff; border-radius: 0; }
.sps--blw.top-bar .nav-link:hover, .sps--blw.top-bar .nav-item.active a { color: #0297ff; border-bottom: none; border-radius: 0; }

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/*Swiper*/
.swiper-container.main-slider{width:100%; height: 100vh; overflow:hidden;}
.swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.main-slider .slider-bg-position { background-size: cover!important; background-position: center center!important; }
.main-slider .swiper-button-prev, .main-slider .swiper-button-next { background-image: none!important; color: #468990; width:25px; height:25px; border: 2px solid #468990; text-align: center; line-height: 25px; font-size: 12px; font-weight:600; }
.main-slider .swiper-button-prev:hover, .main-slider .swiper-button-next:hover { background-image: none!important; color: #ffffff; width:25px; height:25px;background-color:#468990; border: 2px solid #468990; text-align: center; line-height: 25px; font-size: 12px; font-weight:600; }
.main-slider .swiper-button-next, .main-slider .swiper-button-prev { position: absolute;bottom: var(--swiper-pagination-bottom, 100px); top: var(--swiper-navigation-top-offset, auto); width:calc(var(--swiper-navigation-size)/ 44 * 27);}
.main-slider .swiper-button-next:after, .main-slider .swiper-button-prev:after { font-family: swiper-icons; font-size: 16px; text-transform: none!important; letter-spacing: 0; font-variant: initial; line-height: 1 }
.main-slider .swiper-button-prev, .main-slider .swiper-rtl .swiper-button-next { right: var(--swiper-navigation-sides-offset, 140px); left: auto }
.main-slider .swiper-button-next, .main-slider .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 100px); left: auto }
.main-slider .swiper-horizontal>.swiper-pagination-bullets,.main-slider  .swiper-pagination-bullets.swiper-pagination-horizontal, .main-slider .swiper-pagination-custom, .main-slider .swiper-pagination-fraction { color:#aaaaaa;  width: 100px; height:25px; line-height: 25px; bottom: var(--swiper-pagination-bottom, 100px); top: var(--swiper-navigation-top-offset, auto); right: var(--swiper-navigation-sides-offset, 10px); left: auto;}
.main-slider .swiper-pagination .swiper-pagination-current{ font-size:25px; font-weight:400; color:#ffffff;  }
.main-slider .swiper-pagination-bullet { width:25px; height: 25px; background: rgba(255,255,255,0.9) }
.main-slider .swiper-pagination-bullet-active { background: #0297ff;}
.scroll-btn { position: absolute; font-size: 10px; color: #fff; text-align: center; text-transform: uppercase; bottom: 30px; left: 50%; margin-left: -30px; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; width: 60px; height: 40px; background: url('../images/li/arrow-down.png') no-repeat center bottom; background-size: 30px 16px; z-index: 3900; opacity: .8; }
.scroll-btn { -webkit-animation: arrows 3.8s infinite; -webkit-animation-delay: 1s; animation: arrows 3.8s infinite; animation-delay: 1s; }
.scroll-btn a{display:block;width: 60px;height: 40px;}
@keyframes arrows {  0% { bottom: 30px;} 10% { bottom: 40px;} 20% { bottom: 30px;} 30% { bottom: 40px;} 40% { bottom: 20px;} 50% { bottom: 40px;} 60% { bottom: 30px;} 70% { bottom: 40px;} 80% { bottom: 20px;} 90% { bottom: 40px;} 100% { bottom: 30px;}}
@-webkit-keyframes arrows { 0% { bottom: 30px;} 10% { bottom: 40px;} 20% { bottom: 30px;} 30% { bottom: 40px;} 40% { bottom: 20px;} 50% { bottom: 40px;} 60% { bottom: 30px;} 70% { bottom: 40px;} 80% { bottom: 20px;} 90% { bottom: 40px;} 100% { bottom: 30px;}}

/* curator SECTION
-------------------------------------------------- */
.curator-sec{ position:relative; min-height:500px;}
.curator-sec .curatorimg{width:50%; max-width:960px; display:block; float:right;}
.curator-sec .curatormessage{ /* background-color:rgba(255,255,255,.8); */ top: var(--swiper-navigation-top, 6%);}
.curator-sec .curatormessage h2, .curator-sec .curatormessage p{ line-height:180%}
.curator-sec .curatormessage img{ height:100px; display:block; margin-bottom:30px; }
.curator-sec .curatormessage p.phome{ text-indent:2em;  font-size:16px;}
.curator-sec .curatorfu{position:absolute; width:100%; height:100%;clear:both}
.curator-sec .yueyuecn{position:absolute; width:100%; height:100%; clear:both}
.jiangweiping span{font-size:32px; display:inline-block; float:right; padding-left:20px;}
.jiangweiping img{height:70px!important;}
.jiangweipingimage{text-align:center}
.jiangweipingimage img{width:100%; margin:0 auto; display:none;}
.touxiang .tximg{float:right; position:absolute; top:28px; right:15px;}
.curatorimgbg{ position:absolute; width:46%; bottom:60px; right:0px; }
.curatormessagetuimg img{display:none;visibility:hidden;}

/* 常设展览 SECTION
-------------------------------------------------- */
.morebtn,.morebtn:hover{ background-image:url(../images/li/more.png); background-position:right 15px bottom 10px; background-repeat:no-repeat; padding-right:60px;}
.ProductIntroduction { position: relative; width: 100%; margin:0; overflow: hidden; background-color: #fff;}
.ProductExhibition { position: absolute; width:200px; text-align: left; left:8%; height:auto; top:10%;  z-index:10; }
.ProductExhibition .Exhibition_num { border-left: 1px solid #ffffff}
.ProductExhibition .Exhibition_num .Exhibition_item { position:relative; margin-left: 15px; width: 199px; height:100px; margin-bottom:10px;}
.ProductExhibition .Exhibition_num .Exhibition_item i{position:absolute; z-index:11; font-size:14px; top:42px; left:-21px; color:#ffffff;}
.ProductExhibition .Exhibition_num .Exhibition_item dl{ position:absolute; left:-85px; overflow:visible; visibility:visible; top:5px; color:#ffffff; z-index:12; }
.ProductExhibition .Exhibition_num .Exhibition_item dl dt{ font-size:24px;}
.ProductExhibition .Exhibition_num .Exhibition_item img { width: 193px; height: 94px; opacity: 0.5; vertical-align: top; box-sizing: border-box; }
.ProductExhibition_box, 
.ProductExhibition_box .Exhibition_Img{width: 100%; height:900px; position:relative;}
.ProductExhibition_box .Exhibition_Img .morebtn{ position:absolute; right:10%; bottom:10%;}
.ProductExhibition_box .Exhibition_Img img { width: 100%; box-sizing: border-box; height: auto;  }
.ProductExhibition .Exhibition_num .czt_active img { opacity: 1; border:2px solid #6ad2ff}
.ProductExhibition_wrap { position: relative; width:100%; height: 900px; }
.ProductExhibition_box { position: absolute; height: 120000px; transition: all .5s; }
.ProductExhibition_box img { width:100%; height: auto; }

/* 互动空间 SECTION
-------------------------------------------------- */
.newsbox img{ width:100%;}
.newsbox h2{ font-size:20px; height:46px; margin:16px auto;}
.newsbox h2 a{ color:#000000;display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; text-decoration:none;}
.newsbox h2 a:hover{ color:rgba(38,43,79,1)}
.newsbox dl .ddate{ float:left}
.newsbox dl .ddate span{ font-size:30px;}
.newsbox dl .frmore{ float:right}

.ddate{ display:block;}
.ddate span{ font-size:30px;}


/* 展馆预约 SECTION
-------------------------------------------------- */
.yy .kgdate{ font-size:40px;}
.yy .yy_text{position:relative; font-size:18px;}
.yy .yy_box{ position:relative; height:120px; }
.yy .yy_box .morebtn{ position:absolute; right:0; bottom:0;}
.yy .yy_box .yy_link a{width:80px; display:inline-block; text-align:center; padding-bottom:10px; margin-right:20px; color:#000000; text-decoration:none;}
.yy .yy_box .yy_link a:hover{}
.yy .yy_box .yy_link a img{ width:80%; display:block; margin:0 auto;}


/* list page
-------------------------------------------------- */
.swiper-container.list-slider{width: 100%; height: 400px; }
.exhibitionpage .exh-tit{text-align:center;}
.exhibitionpage .exh-tit a{display:inline-block; padding:10px 100px; margin:auto 10px; border:2PX solid #ffffff; background-color:#f4f4f4; color:#000000; text-decoration:none; font-size:24px;}
.exhibitionpage .exh-tit a.active,
.exhibitionpage .exh-tit a:hover{ border:2PX solid #468990; color:#468990;}
.dhtit{ height:60px; padding-left:66px; padding-top:20px; font-size:30px; }
.dhtit.dhblack{ background:url(../images/li/ico_dh_black.png) no-repeat left top; color:#000000;}
.zhoubian-sec .dhtit.dhblack{white-space: nowrap;}
.dhtit.dhwhite{ background:url(../images/li/ico_dh_white.png) no-repeat left top; color:#ffffff;}
.exh-content{}
.exh-content .e-c-tit {font-size:40px;}
.exh-content .e-c-tit .xunum{font-size:58px;font-weight:400; letter-spacing:-2px; margin-right:10px;}
.exh-content .exhtext{ line-height:36px; font-size:18px; text-align: justify; text-justify: distribute;}
.exh-content-p1{ padding:30px 50px; background:rgba(255,255,255,.8); margin-top:50%;text-align: justify; text-justify: distribute;}
.exhibitionpage .lititshow{ font-size:28px; padding:15px;  box-shadow:0 0 35px #eeeeee; text-align:center;}
.exhibitionpage .lititshow p{ text-align:center; height:78px; display:inline-block; padding-bottom:0!important;}
.exhibitionpage .lititshow p.p2{ line-height:78px;}
.exhibitionpage.kepupian{ background-size:60%!important; background-position:right!important;}
.exh-chanye-box{height:660px; position:relative;}
.exh-content-p2{ background:rgba(255,255,255,.8);text-align: justify; text-justify: distribute;}
.exhchanye{ padding-top:100px;}
.exh-content-p3{ padding:30px 50px 50px 25px; background-color:rgba(255,255,255,.95); width:50%; position:absolute; left:0; top:-100px;text-align: justify; text-justify: distribute;}
#kepu{}
.exh-chanye{ position:absolute; padding:0 15px; width:75%; bottom:0; right:15px;}
.exh-chanye .exh-cy-tit{ font-size:30px; padding:15px 15px 5px 15px; background-color:rgba(255,255,255,1);  text-align:center;}
.exh-chanye .exh-cy-tit p{ text-align:center; display:inline-block; }
.exh-content-p4{ width:62%; margin:auto;text-align: justify; text-justify: distribute;}
.exh-weilai{height:800px; position:relative;}
.exh-weilai-c{ position:absolute; width:80%; left:10%; bottom:-20px;}
.exh-weilai-c .exh-wl-tit{ font-size:30px; padding:50px 15px 45px 15px; background-color:rgba(255,255,255,1);  text-align:center;}
.exh-weilai-c .exh-wl-tit p{text-align:center;  display:inline-block;}
.exh-chanye.chanye1{}
.exh-chanye.chanye2{display:none;}

.hudongkongjian{}
.hudongkongjian .listnews{}

.listnews hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:2px solid rgba(0,0,0,.1)}
.news-content{ padding:30px 0; max-width:1080px; margin:auto;}
#MyContent{display:block;overflow:hidden;}
#MyContent section{padding:0;}
.newslist{ padding:60px 0;}
.newsdl{ padding-left:130px; margin-top:50px; padding-bottom:50px; border-bottom:1px solid #dddddd; position:relative;}
.newsdl .ddatebox{display:inline-block; position:absolute; left:20px; top:10%;}
.newsdl .ddatebox .ddate span{display:inline-block; border-bottom:3px solid #aaaaaa; margin-bottom:3px}
.newsdl .newscontent{ border-left:1px solid #dddddd; padding-left:30px;}
.listnews dl h3, .listnews dl h5{display:block; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; text-decoration:none; margin-bottom:20px;}
.listnews dl .intro, .newsdl .newscontent .intro{ color:#888888; display:block; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; text-decoration:none; margin-bottom:20px;}

#yueyuePC{visibility:visible;}
#yueyueMB{visibility:hidden;}

.preandnext{ position:relative;}
.preandnext a.btn{float:right;}
.preandnext p a{ color:#444444; text-decoration:none;}
.preandnext p a:hover{ color:#000000; position:relative; left:1px; top:1px;}

.ditubox{ background-color:#555555; height:400px;}
.xuzicontent{ background-color:#f4f4f4; padding:50px; overflow:hidden;}
.jiaotongcontent{ background-color:#f4f4f4; overflow:hidden;}
.jiaotongtext{ padding:30px 0; }

.yyboxewm a{position:relative;}
.yyboxewm a span{display:none;}
.yyboxewm a span.saoewm{ position:absolute; right:-310px; top:-100px; z-index:99999; width:300px; background-color:rgba(255,255,255,.6); padding:10px; box-shadow: 0 0 15px #cccccc; color:#000000;}
.yyboxewm a span.saoewm img{ width:100%; display:block; margin-bottom:5px;}
.yyboxewm a:hover span{display:block;}

.zhoubiantext{padding:30px 0; text-align: justify; text-justify: distribute;}
.zhoubianpic{  overflow:hidden; zoom:1; margin-top:50px;}

.zjllbox{ background-color:#eaeff3; padding:60px 40px 40px 40px;}
.zjllbox .e-c-tit { position:absolute; top:-15px;}
.zjllbox .exhtext{padding-bottom:5px!important; min-height:160px; }

.numbox{ margin:0 -15px; text-align:center; border-right:1px solid #cccccc; height:auto; overflow:hidden;}
.numbox .number{white-space: nowrap;}
.numbox span{ font-size:56px;}

.limenu{ background-color:#f4f4f4; text-align:center;}
.limenu ul{ list-style:none; margin:0 auto; padding:0; display:inline-block}
.limenu ul li{ display:inline-block; padding:0 20px;}
.limenu ul li a{ display:inline-block; padding:15px 0; border-bottom:3px solid #f4f4f4; font-size:20px; line-height:20px; text-decoration:none; color:#000000; font-weight:600;}
.limenu ul li.curr a,
.limenu ul li a:hover{border-bottom:3px solid rgb(70,137,144); color:rgb(70,137,144);}


/*分页样式*/
#fenye table { margin:auto; } 
#pagelist { padding:30px 0; text-align: center; } 
#pagelist a { float:left; width:30px; height: 30px; line-height: 30px; background:#fff; border-radius:3px; font-size:14px; border:1px solid #e3e3e3; margin:0 5px; color:#5b5b5b; } 
#pagelist a:hover { color:#0288d1; } 
#pagelist .prev,
#pagelist .next { display:block; height:30px; width: 30px } 
#pagelist .next img,#pagelist .next img { margin-top: -3px } 

#pagelist .prev:hover { background:url(paging-prevh.png) center no-repeat 50% 50%; } 
#pagelist .next:hover { background:url(paging-nexth.png) center no-repeat 50% 50%; } 
#pagelist .curr,
#pagelist .curr:hover { background: #468990; color: #fff; border: 1px solid #468990; } 
#pagelist .prev { background:url(paging-prev.png) no-repeat 50% 50%; } 
#pagelist .next { background:url(paging-next.png) no-repeat 50% 50%; } 

/* SERVICE SECTION
-------------------------------------------------- */

.service-sec .heading { float: left; width: 100%; margin-bottom: 70px; }
.service-sec h2 { display: block; text-transform: capitalize; font-weight: 600; color: #0297FF; font-size: 32px; }
.service-sec h2 small { color: #222; display: block; font-size: 22px; margin-bottom: 18px; }
.service-sec i { border: 1px solid #0297FF; border-radius: 2px; font-size: 25px; padding: 12px 0; width: 52px; color: #0297FF; margin-bottom: 20px }
.service-sec h3 { font-size: 23px; font-weight: 600; }
.service-sec p { line-height: 22px; margin-top: 13px; padding: 0 21px; }
.service-sec .service-block { margin-top: 30px; text-align: center; }
/* ABOUT SECTION
-------------------------------------------------- */
.about-sec { background: url('../img/para-01.jpg') no-repeat center center; background-size: cover; color: #fff; position: relative; }
.about-sec:before { content: ' '; position: absolute; width: 100%; height: 100%; background: rgba(22,122,192,0.8); top: 0; left: 0 }
.about-sec h2 { font-size: 55px; font-weight: 800; margin-top: 25%; }
.about-sec h2 small { display: block; font-size: 24px; margin-bottom: 15px; padding-left: 10px; }
.about-sec p { font-size: 16px; }
/* BLOG SECTION
-------------------------------------------------- */
.blog-sec .blog-box { text-align: center; }
.blog-sec .heading { float: left; width: 100%; margin-bottom: 70px; }
.blog-sec h2 { display: block; text-transform: capitalize; font-weight: 600; color: #0297FF; font-size: 32px; }
.blog-sec h2 small { color: #222; display: block; font-size: 22px; margin-bottom: 18px; }
.blog-sec h3 small { display: block; color: #0297FF; margin-bottom: 15px; }
.blog-sec h3 a { color: #333; font-size: 22px; }
.blog-sec h3 a:hover { color: #0297FF; text-decoration: none; }
.blog-sec .blog-image-block { margin-bottom: 40px; }
.blog-sec .blog-image-block img { border-radius: 5px; }
/*-------------- Video section  --------------*/
.video-sec { background: url('../img/video-bg.jpg') 50% 0 repeat-y fixed; -webkit-background-size: cover; background-size: cover; background-position: center center; text-align: center; position: relative; color: #fff; }
.video-sec .overlay { background: rgba(03,03,03,0.6); width: 100%; height: 100%; position: absolute; top: 0; }
.video-sec h2 { color: #ffffff; padding-top: 20px; padding-bottom: 16px; }
.video-sec small { color: #fff; display: block; margin-top: 10px; font-family: 'Lato', sans-serif; font-size: 18px; }
.video-sec .fa { position: relative; border: 2px solid #ffffff; border-radius: 100px; color: #ffffff; font-size: 28px; width: 80px; height: 80px; line-height: 80px; text-align: center; vertical-align: middle; margin-top: 22px; }
/*-------------- Gallery section  --------------*/

.gallery-sec .heading { float: left; width: 100%; margin-bottom: 40px; }
.gallery-sec h2 { display: block; text-transform: capitalize; font-weight: 600; color: #0297FF; font-size: 32px; }
.gallery-sec h2 small { color: #222; display: block; font-size: 22px; margin-bottom: 18px; }
.gallery-sec .gallery-thumb { position: relative; overflow: hidden; margin: 0; }
.gallery-sec .gallery-thumb .gallery-overlay { background: #0297FF; /* fallback for old browsers */ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.gallery-sec .gallery-thumb:hover .gallery-overlay { opacity: 0.9; }
.gallery-sec .gallery-thumb .gallery-overlay .gallery-item { text-align: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.gallery-sec .gallery-thumb .fa { background: #ffffff; border-radius: 100%; font-size: 24px; color: #222; width: 60px; height: 60px; line-height: 60px; text-align: center; vertical-align: middle; }
/*--------------filter css--------------*/
.filter-wrapper { width: 100%; margin-bottom: 42px; overflow: hidden; }
.filter-wrapper li { display: inline-block; margin: 4px; }
.filter-wrapper li a { color: #222; font-size: 18px; font-weight: 600; padding: 8px 17px; margin-right: 2px; margin-left: 2px; display: block; text-decoration: none; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; border-bottom: 2px solid #fff; }
.filter-wrapper li a:hover, .filter-wrapper li a:focus { color: #0297FF; border-bottom: 2px solid #0297FF; }
/*--------------isotope box css--------------*/
.iso-box-section { width: 100%; }
.iso-box-wrapper { width: 100%; padding: 0; clear: both; position: relative; }
.iso-box { position: relative; min-height: 50px; float: left; overflow: hidden; margin-bottom: 30px; }
.iso-box > a { display: block; width: 100%; height: 100%; overflow: hidden; }
.fluid-img { width: 100%; display: block; }
/* CALL TO ACTION
-------------------------------------------------- */
.cta-block { background: url("../img/cta-bg.jpg") repeat; padding: 30px 0; color: #fff; text-transform: capitalize }
.cta-block h4 { margin-bottom: 10px; font-weight: 700; font-size: 28px; }
.cta-block p { margin-bottom: 0; font-size: 18px; }
/* ABOUT SECTION
-------------------------------------------------- */

.about-home-block h2 { color: #4c4c4c; font-size: 38px; margin: 35px 0 10px; text-transform: capitalize; }
.about-home-block h2 small { color: #01BF86; display: block; text-transform: uppercase; font-size: 28px; }
.about-home-block .lead { font-size: 18px; line-height: 28px; }
/* PRICE SECTION
-------------------------------------------------- */

.price-sec h2 { color: #4c4c4c; font-weight: 600; text-transform: capitalize; text-align: center; }
.price-sec h2 small { color: #01BF86; display: block; line-height: 27px; margin-top: 10px; }
.price-sec .plan-block { border: 2px solid #01BF86; color: #01BF86; float: left; padding: 60px 0; text-align: center; width: 100%; margin-top: 90px; border-radius: 10px; }
.price-sec .plan-block.middle { margin-top: 70px; padding: 80px 0 }
.price-sec .plan-block .heading, .price-sec .plan-block .heading > span, .price-sec .plan-block .detail-sec { float: left; width: 100%; }
.price-sec .plan-block .detail-sec ul { padding: 0; list-style: none; }
.price-sec .heading .price { font-size: 36px; font-weight: 700; background: #01bf86 none repeat scroll 0 0; color: #fff; }
.price-sec .heading .price b { font-weight: 400; }
.price-sec .heading .plan-type { font-size: 24px; font-weight: 600; text-transform: uppercase; }
.price-sec .heading .duration { margin: 5px 0 20px; }
.price-sec .plan-block .detail-sec ul { list-style: outside none none; margin: 0 auto 50px; padding: 0; text-align: left; width: 50%; }
.price-sec .plan-block .detail-sec li { font-size: 18px; margin: 20px 0; text-align: center }
.price-sec .plan-block .detail-sec i { margin-right: 10px; margin-top: 3px; }
.price-sec .btn { padding-left: 50px; padding-right: 50px; }
/* QA SECTION
-------------------------------------------------- */
.qa-section { background: url(../img/section-bg-white.jpg) no-repeat 0 bottom #f5f5f5; background-size: cover; }
.qa-section h2 { color: #4c4c4c; font-weight: 600; text-transform: capitalize; text-align: center; margin-bottom: 50px; }
.qa-section h2 small { color: #01BF86; display: block; line-height: 27px; margin-top: 10px; }
.qa-section .card-header h5 a.collapsed { color: #01BF86; }
.qa-section .card-header h5 a { color: #01BF86; ; font-weight: 500; font-size: 25px; }
.qa-section .card-header h5 a:hover, .qa-section .card-header h5 a:focus { text-decoration: none; }
.qa-section .card-header { background: #0C242E }
/* TESTIMONIAL SECTION
-------------------------------------------------- */

.testimonial-sec { background: #01BF86; }
.testimonial-sec h2 { display: block; text-transform: capitalize; font-weight: 600; color: #fff; margin-bottom: 50px; }
.testimonial-sec h2 small { display: block; font-size: 24px; margin-top: 10px; }
.testimonial-sec .card { background: #fff; border: none; padding-top: 30px; border-radius: 16px; box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2); }
.testimonial-sec .card img { border-radius: 50%; width: 150px; border: 7px solid #01BF86 }
.testimonial-sec .card h3 { color: #01BF86 }
.testimonial-sec .card h3 small { display: block; font-family: 'Source Sans Pro', sans-serif; text-transform: uppercase; color: #4c4c4c; font-size: 17px; margin-top: 5px; }
.testimonial-sec .card .card-text { font-style: italic; padding: 0 20px }
/* CONTACT SECTION
-------------------------------------------------- */
.contact-sec { background: url(../img/contact-bg.jpg) no-repeat 0 bottom; background-size: cover; }
.contact-sec h2 { color: #fff; font-weight: 600; text-transform: capitalize; text-align: center; margin-bottom: 50px; }
.contact-sec h2 small { color: #fff; display: block; line-height: 27px; margin-top: 10px; }
.contact-sec label { color: #fff; }
.contact-sec input[type="text"], .contact-sec input[type="email"] { border-radius: 0px; }
.contact-sec textarea { border-radius: 0; height: 50px; }
.contact-sec .action-block { margin-top: 40px; }
.contact-sec .action-block a.btn { padding-left: 35px; padding-right: 35px; text-transform: uppercase; font-weight: 600 }
.contact-sec .form-control { background: transparent; border-bottom: 1px solid #fff; border-top: none; border-left: none; border-right: none; color: #fff; padding-left: 0 }


footer { float: left; background: #222222; width: 100%; color: #979797; padding: 60px 0 }
footer .text-qklink { text-align: center; font-weight:600; padding-bottom:15px;}
footer .text-qklink a{ margin-right:10px; color:#ffffff; white-space:nowrap;}
footer .text-qklink a:last-child{margin-right:0;}
footer .copyright-box{ text-align:center}

/*footer { float: left; background: #222222; width: 100%; color: #979797; padding: 60px 0 }
footer ul { list-style: none; padding-left: 0 }
footer .text-qklink { text-align:right; font-weight:600; padding-bottom:15px;}
footer .text-qklink a{ margin-right:10px; color:#ffffff; white-space:nowrap;}
footer .text-qklink a:last-child{margin-right:0;}
footer .guanzhu { float:right;}
footer .guanzhu li{width:180px; display:inline-block; text-align:center; margin:auto 5px;}
footer .guanzhu li:last-child{ margin-right:0}
footer .guanzhu li img{ width:100%; display:block; padding-bottom:10px;}
footer .copyright-box{ position: absolute; bottom:15px; right:420px;}
*/
/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
/* Bump up size of carousel content */
.carousel-caption p { margin-bottom: 1.25rem; line-height: 1.4; }
.featurette-heading { font-size: 50px; }
}

@media (min-width: 62em) {
.tupiandq{padding-top:60px;}
.featurette-heading { margin-top: 7rem; }
}

@media (max-width: 1279px) {
.curator-sec .curatormessage{  top: var(--swiper-navigation-top, 1%);}
.ProductExhibition {left:20%;  }
}

@media (max-width: 767px) {
section { float: left; width: 100%; padding:30px 0; }
.swiper-container.list-slider{width: 100%; height: 260px; }

.curator-sec{ min-height:480px; overflow: hidden;}
#curator {min-height:560px!important;}
.curator-sec .curatorimg{display:none;visibility:hidden;}
.curator-sec .curatorfu { width:100%; height:100%; top:10px;}
.curator-sec .yueyuecn{top:20px;}
.touxiang .tximg{top:50px; right:30px;}
.jiangweipingimage img{width:100%; margin:0 auto; display:block;}
.curatorimgbg{ display:none; }
#MyContent img{max-width:100%;}
.carousel-caption { top: 25% }
.carousel { height: 100vh }
.carousel-caption h1 { font-size: 29px; }
.top-bar .navbar-nav { width: 100%; background-color:none; margin-top: 20px; padding:0px;}
.top-bar ul li{ padding:15px 0; text-align:center;}
.top-bar ul li a{ color: #fff; font-size: 16px; font-weight: 500; padding:12px 0px; }
.collapsing { transition-duration: 0s; overflow: none; }
.carousel-caption { top: 20% }
.carousel { height: 100vh }
.curator-sec .curatormessage{ padding-left:20px;padding-right:20px;width:100%; top: var(--swiper-navigation-top, 2%);}
.curator-sec .curatormessage img{  display:block; padding-bottom:20px;}
.curator-sec .curatormessage h2{font-size:20px;}
.curator-sec .curatormessage p,
.curator-sec .curatormessage p.phome{font-size:14px;line-height:22px; font-weight:400;}
.dhtit{ font-size:18px; margin-top:20px;}
.ProductExhibition {left:30%;  }
.exhibitionpage .exh-tit a{display:inline-block; padding:5px 30px; margin:auto 10px; font-size:14px;}
.exh-content .e-c-tit {font-size:20px;}
.exh-content .e-c-tit .xunum{font-size:28px;font-weight:400; }
.exh-content .exhtext{ line-height:20px; font-size:14px;}
.exh-content-p2{ background:rgba(255,255,255,.8);}
.exhibitionpage .lititshow{ font-size:14px; padding:10px;  box-shadow:0 0 15px #eeeeee; text-align:center;}
.exhibitionpage .lititshow p{ text-align:center; height:auto; }
.exhibitionpage .lititshow p.p2{ line-height:40px;}
#section2 .col-sm-4{display:inline-block; width:33.3333%;}
.exhibitionpage.kepupian{background-size:100%!important;background-position:bottom!important; height:600px;}
.exh-content-p2{ padding:30px 30px 30px 15px;}
.exhchanye{ padding-top:100px;}
.exh-chanye-box{ height:700px; background-size:cover; position:relative;}
.exh-content-p3{position:relative;padding:30px 30px 30px 15px; background-color:rgba(255,255,255,.9); width:auto; }
.exh-chanye{ padding:0 15px; width:100%; left:0; top:320px; right:0px;}
.exh-chanye .exh-cy-tit{ font-size:16px; padding:20px; background-color:rgba(255,255,255,.8);  text-align:center; display:block; white-space: nowrap;}
.exh-chanye .exh-cy-tit p{ text-align:center; display:block; padding-bottom:0px!important; margin-bottom:0px!important;}
.exh-chanye .row .col-sm-4{display:inline-block; width:33.3333%;}
.exh-content-p4{ width:80%;}
.exh-weilai{height:300px;}
.exh-weilai-c .exh-wl-tit{ font-size:14px; padding:20px 3px 0 3px;white-space: nowrap;}
.exh-weilai-c .row .col-sm-4{display:inline-block; width:33.3333%;}
.exh-chanye.chanye1{display:none;}
.exh-chanye.chanye2{display:block;}

.newsdl{ padding-left:0; padding-bottom:20px; border-bottom:1px solid #dddddd; position:relative;}
.newsdl .ddatebox{display:none; position:absolute; left:20px; top:10%; }
.newsdl .ddatebox .ddate span{display:inline; border-bottom:3px solid #aaaaaa; margin-bottom:3px}
.newsdl .newscontent{ border-left:none; padding-left:0px;}
.listnews dl h3, .listnews dl h5{display:block; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; text-decoration:none; margin-bottom:20px;}
.listnews dl .intro, .newsdl .newscontent .intro{ color:#888888; display:block; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; text-decoration:none; margin-bottom:20px;}

#yueyuePC{visibility:hidden;display:none;}
#yueyueMB{visibility:visible;}

.curator-sec .yueyuecn{position:relative; height:auto; overflow: hidden;}
.jiaotongtext{border-right:none;}
.zhoubianpic{ height:auto; overflow: visible; margin-top:50px;}
.curatormessagetuimg{display:block;}
.curatormessagetuimg img{display:block; visibility:visible; width:100%; }

/*footer .guanzhu li{width:80px; display:inline-block; text-align:center; margin:auto 5px;}
footer .guanzhu { float:none; text-align:center}
footer .guanzhu li:last-child{ margin-right:5px}
footer .text-qklink { text-align:center;}
footer .copyright-box{ position: relative; bottom:0; right:0; width:100%; text-align:center; margin-bottom:20px;}*/

}

@media (max-width: 543px) {
.container{width:96%;}	
.carousel-caption { left: 2%; top: 25%; width: 96%; }
.main-slider h2 { color: #fff; font-size: 25px; line-height: 39px; }
.exh-wl-tit{font-size:12px; padding:0px 5px 0 5px; }
#MyContent img{max-width:100%;}
.exh-weilai-c{ position:absolute; width:100%; left:0; bottom:-20px;}
.exh-weilai-c .exh-wl-tit{ padding:20px 5px 0 5px; }
}