@charset "utf-8";
/********************************************************** reset css **********************************************************/
html,body,h1,h2,h3,h4,h5,h6,hr,blockquote,dl,dt,dd,pre,form,fieldset,legend,button,input,textarea,th,td,ul,li{margin:0;padding:0;word-wrap:break-word;}
html,body,textarea,input{color:#333; font-size:14px; font-family:'microsoft yahei'; line-height:1.5em;}
textarea, input{border:#ccc 1px solid; padding:10px; font:normal 14px/20px arial; vertical-align:middle; border-radius:5px;}
textarea.err, input.err{border:#6CC6E9 1px solid;}
table{border-collapse:collapse;border-spacing:0;}img{border:none;}
pre {white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap; /* Mozilla, since 1999 */white-space: -pre-wrap; /* Opera 4-6 */white-space: -o-pre-wrap; /* Opera 7 */  word-wrap: break-word; /* Internet Explorer 5.5+ */}
h1,h2,h3,h4,h5,h6{font-size:100%;}input.dialog{height:0; height:0; font-size:0; line-height:0; border:none}
h1{font-size:34px;}h2{font-size:26px;}h3{font-size:18px; }h4{font-size:16px;}h5{font-size:14px;}h6{font-size:12px;}
input,label,img,th{vertical-align:middle;}.font-fixh{font-family: Georgia,Arial; color: #f00; font-size: 16px; font-weight: 700;}address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
input.button ,input.btn{padding:0.25em;width: auto;_width:0;overflow:visible !ie;}
.input-text,input.date,input.endDate,.input-focus{border:1px solid #DCDDDD; height:22px; padding:0 0 0 3px}
input.date,input.endDate{background: #fff url(../images/admin_img/input_date.png) no-repeat right 3px; padding-right:18px;font-size:12px;}
.main{min-height:550px;}
a{text-decoration:none; color:#333; outline:none;}
a:hover{text-decoration:underline; color:#333;}
.blue,.blue a, a.blue{color:#5b6eb3;}.blue a:hover, a.blue:hover{color:#5b6eb3;}
.orange,.orange a, a.orange{color:#fd8e00;}.orange a:hover, a.orange:hover{color:#fd8e00;}
.white,.white a{color:#fff}.gray4,a.gray4{color:#999}
.red, .red a, a.red{color:red;}.green{color:#0E774A}
.gray5, .gray5 a, a.gray5{color:#acacac;}
select optgroup{color:#CAC8BB;}
header{display:block;}
/*通用样式*/
.hidden{display:none;}.invisible{visibility:hidden;}
.ib,.ib-a a{display:inline-block;zoom:1;*display:inline;}
.clear:after,.main:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clear,.main{display:inline-block;}/* Hides from IE-mac \*/* html .clear,* html .main{height:1%;}.clear,.main{display:block;}
.caselist .item p.s_strong{font-weight:bold}

.f12{font-size: 12px}.f14{font-size: 14px}.f16{font-size: 16px}.f18{font-size:18px}.f20{font-size:20px}
.lh20{line-height: 20px}.lh22{line-height: 22px}.lh24{line-height: 24px}.lh26{line-height: 26px}.lh28{line-height: 28px}
.fb{ font-weight:bold}.fn{ font-weight:normal}
.bk,.bk3,.bk6,.bk8,.bk10,.bk15,.bk20,.bk30,.bk50,.bk100{clear: both;font-size: 1px;height: 0;line-height: 1px}
.bk3{height: 3px;}.bk6{height: 6px}.bk8{height: 8px}.bk10{height: 10px}.bk15{height: 15px}.bk20{height: 20px}.bk30{height: 30px}.bk50{height: 50px}.bk100{height: 100px}
.row-2 li{ float:left; width:50%}.row-3 li{ float:left; width:33%}.row-4 li{ float:left; width:25%}.row-5 li{ float:left; width:20%}
.cu,.cu-li li,.cu-span span {cursor: hand;!important;cursor: pointer}
.text-c{text-align: center}.text-l{text-align: left}.text-r{text-align: right}
.lf{float: left}.rt{float: right}.pr{ position:relative}.pa{ position:absolute}
.img-wrap{border:1px solid #eee;text-align:center;overflow:hidden}
.img-wrap a{display:table-cell;vertical-align:middle;*display:block; overflow:hidden; background-color:#fff}
.img-wrap a:hover{ background-color:#e8eff6}
.col-left{float:left}
.col-auto{overflow:hidden;_zoom:1;_float:left;}
.col-right{float:right}
.ul-reset, .ul-reset li{margin:0;padding:0;word-wrap:break-word;list-style:none;}
/********************************************************** reset css **********************************************************/

/********************************************************** public css **********************************************************/
img.img-responsive{display:block; height:auto; max-width:100%;}
body a:hover img.grayscale-image{filter:grayscale(0%); transition:all 0.2s ease 0s;}
body img.grayscale-image{transition:all 0.2s ease 0s;}
body img.grayscale-image:hover{filter:grayscale(0%);}
body img.grayscale-image:not(:hover){filter:grayscale(100%); transition:all 1.5s ease 0s;}

/********************************************************** public css **********************************************************/

/********************************************************** 分页 css **********************************************************/
#pages {padding:14px 0 10px;}
#pages a {display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e2e2e2; text-align:center; padding:0 10px}
#pages a.a1 {background:#fff; padding:0 5px; }
#pages a:hover {text-decoration:none;}
#pages span {display:inline-block; color:#fd8e00; height:22px; line-height:22px; border:1px solid #e2e2e2; text-align:center;padding:0 10px}
.page .noPage {display:inline-block; width:56px; height:22px; line-height:22px; background:#f0f0f0; border:1px solid #e2e2e2; text-align:center; color:#755E52;}
/********************************************************** 分页 css **********************************************************/

/******************************************  font  **************************************************
@font-face {
  font-family: 'shruti';
  font-style: normal;
  font-weight: normal;
  src: local('shruti.tif'), local('shrutib.tif'), url(http://www.lianyuan.com.cn/static/../fonts/struti.tif) format('tif');
}
*/
@font-face {    
  font-family:'lanting';    
  src: url('../fronts/lanting.ttf') format("truetype");  /* 非IE */ 
  font-weight:normal;
  font-style:normal;
}    

@font-face{
    font-family:'fzltchjw';
    src:url('../fonts/FZLTCHJW.eot');
    src:url('../fonts/FZLTCHJW.eot')format('embedded-opentype'),url('../fonts/FZLTCHJW.woff')format('woff'),url('../fonts/FZLTCHJW.ttf')format('truetype'),url('../fonts/FZLTCHJW.svg')format('svg');
    font-weight:normal;
  font-style:normal;
}
@font-face{
    font-family:'vrindab';
    src:url('../fonts/vrindab.eot');
    src:url('../fonts/vrindab.eot')format('embedded-opentype'),url('../fonts/vrindab.woff')format('woff'),url('../fonts/vrindab.ttf')format('truetype'),url('../fonts/vrindab.svg')format('svg');
    font-weight:normal;
  font-style:normal;
}
/******************************************  template  **************************************************/

.header, .home, .main, .footer{min-width:1004px; max-width:1800px; width:90%; margin:0 auto; clear:both;}
/*
*[lang=zh]{font-family:'fzltchjw';}
*[lang=en]{font-family:'vrindab';}
*/
.padding-left1 { padding-left:0.5%;}
.padding-right1 { padding-right:0.5%;}
.header{padding:20px 0 25px;}
.header .logo{float:left; width:300px; height:115px;}
.header .nav{float:right;}
.header .nav ul{margin-top:100px;}
.header .nav ul li{display:inline-block; border-right:#898989 1px solid; height:1em; line-height:1em;}
.header .nav ul li:last-child{border-right:none;}
.header .nav ul li:last-child a{padding-right:0;}
.header .nav ul li a{display:block; padding:0 9px; font-size:14px; font-family:'vrindab'; text-transform:uppercase; color:#333;}
.header .nav ul li a:hover{color:#5C6FB4;}
.header .nav ul li a:active{color:#c7c7c7;}
.header .nav ul li a .zhindex{ font-family:Microsoft YaHei;}
.header .nav ul li a.cur{color:#a2a2a2;}

.footer{  padding-top:15px; }
.footer .copyright{font-family:none; color:#9fa0a0; padding-bottom:10px; }
.footer .copyright p{margin:0;font-family:Microsoft YaHei;}
.footer .copyright a{color:#9fa0a0;}
.footer .copyright .wx{ text-align:center; float:left;}
.footer .copyright .wx img{ width:100px;}
.footer .copyright .coyr0{float:left;  width:19%; margin-left:0.5%; padding-top:6px;}
.footer .copyright .coyr1{float:left;  width:53%; padding-left:7%; padding-top:6px; margin:auto;text-align:center;}
.footer .copyright .coyr2{float:right;  width:20%; padding-top:6px; margin-right:0.5%; text-align:right;}
.footer .copyright .coyr p{ line-height:33px; margin:0px;  padding:0;}
.footer .copyright .icp{float:right; bottom:0px; right:0; clear:both; text-align:right; margin-top:-30px;}
.footer .copyright .footerbg{ float:left; width:99%; margin-left:0.5%; background-color:#5C6FB4; height:10px; margin-top:6px;}
.footer .footertops{float:left; width:99%; margin-left:0.5%; background-color:#cecece; height:1px; }

.caseelist { float:left; margin-right:10px; font-size:14px; padding-bottom:20px; margin-left:0.5%;}
.caseelist a{color:#333; font-size:12px;}
.caseelist a:hover{color:#5C6FB4;}
.caseelist a:active{color:#666;}

.caseelist span { margin-left:0.5%;}

.banner{min-height:350px; width:99%; margin-left:0.5%;}
.banner ul li{list-style:none; padding:0; margin:0;}

.main > h4{margin-bottom:1em;}
.main > h4 span[lang=en]{text-transform:uppercase; padding-left:1em;}

.marketing{ position:relative; top:0px; margin-top:0px; overflow:hidden;}
.marketing .title{word-spacing:5px; margin:0px 0px 10px; border-bottom:1px solid #ccc; height:50px; padding-bottom:5px; color:#a1a2a2;}
.marketing .title h3{ padding:0px; margin:0; line-height:50px; font-weight:100; font-size:24px; padding-bottom:0px; font-family:'fzltchjw';}
.marketing .title h3 span{ font-size:0.6em; font-weight:100; font-family:'vrindab';}
.marketing .item{float:left; width:32%;}
.marketing .item:nth-child(3n+1){margin-right:2%;}
.marketing .item:nth-child(3n+2){margin-right:2%;}
.marketing .item:nth-child(3n+3){}
.marketing .item img{ width:100%; }
.marketing .marktitle{ position:absolute; bottom:0px;max-width:100%; width:100%; text-align:left; background-color:#fff;opacity:0.7;filter:alpha(opacity=70); margin:0px; padding:0px;} 
.marketing .marktitle h3{ padding:20px 10px 10px; color:#777; font-size:24px;}
.marketing .marktitle h5{ padding:10px 10px 10px; font-size:1em; color:#777;}


ul.newslist{}
ul.newslist li{list-style:none; float:left; width:44%; height:120px; overflow:hidden; margin:20px 3%;}
ul.newslist li .pic{float:left; width:30%; min-width:100px; max-width:220px; padding-right:40px;}
ul.newslist li .text{}
ul.newslist li .text h5{margin-bottom:1em; text-indent:1em;}

.caselist .item{float:left; width:24%; margin-bottom:1%; margin-right:0.5%; margin-left:0.5%;}
.caselist .item a{display:block;}
.caselist .item a:hover{text-decoration:none}


.caselist .item p{margin:0; line-height:24px;}
/*.caselist .item img:hover {-moz-opacity:0.4 !important; filter:alpha(opacity=40); opacity: 0.4;  _-moz-opacity:0.4;}*/

.viewlist .item{float:left; width:calc(50% - 25px); margin-bottom:50px;}
.viewlist .item:nth-child(2n+1){margin-right:25px;}
.viewlist .item:nth-child(2n+2){margin-left:25px;}
.viewlist .item h5{line-height:3em;}
.viewlist .item .pic{float:left;min-width:100px; max-width:360px; width:30%; margin-right:30px;}
.viewlist .item .text{float:left; width:calc(70% - 30px);}
.viewlist .item .text .more{float:right; clear:both; border:#ccc 1px solid; border-radius:3px; display:block; padding:0 3px;}

.lanmeilist .item{float:left; width:24%; margin-left:0.5%; margin-right:0.5%; margin-bottom:25px; background-size:contain; position:relative; overflow:hidden;}
/*.lanmeilist .item:hover {-moz-opacity:0.4 !important; filter:alpha(opacity=40); opacity: 0.4;  _-moz-opacity:0.4;}*/
.lanmeilist .item a{display:block;}
.lanmeilist .item a img{width:100%; height:100%;}
.lanmeilist .item p{position:absolute; left:0px; margin:0; bottom:0px; width:100%; padding:10px 10px 5px; display:block; height:30px; line-height:30px; background-color:#e1ded9; opacity:0.7; filter:alpha(opacity=70); text-decoration:none;}
.lanmeilist .item a span[lang=zh]{font-size:18px;}
.lanmeilist .item a span[lang=en]{font-size:12px; text-transform:uppercase;}

.museumlist{position:relative; min-height:567px;}
.museumlist .quick_search{position:absolute; top:0; right:-2px; width:30px;}
.museumlist .quick_search a{display:block; text-align:center; text-decoration:none; text-transform:uppercase; line-height:1.5em; font-family:Arial; cursor:pointer; color:#333;}
.museumlist .quick_search a:hover{color:#5C6FB4;}




.museumlist .item{float:left; width:23.5%; margin-left:0.5%; margin-right:0.5%; margin-bottom:10px; position:relative; overflow:hidden;}
.museumlist .item .info{display:table-cell; vertical-align:middle;  padding:5%; width:90%; height:100%; position:absolute; top:100%; left:0; background-color:#f5f5f5; opacity:0.6; color:#000;}
.museumlist .item .info h5{margin-top:16%; text-align:center;}
.museumlist .item img{height:100%;}


.museumlist2{position:relative; min-height:567px;}
.museumlist2 .quick_search{position:absolute; top:0; right:-2px; width:30px;}
.museumlist2 .quick_search a{display:block; text-align:center; text-decoration:none; text-transform:uppercase; line-height:1.5em; font-family:Arial; cursor:pointer;}
.museumlist2 .item{float:left; width:24%; margin-left:0.5%; margin-right:0.5%; margin-bottom:30px; position:relative; overflow:hidden;}
.museumlist2 .item .info{display:table-cell; vertical-align:middle;  padding:5%; width:90%; height:100%; position:absolute; top:100%; left:0; background-color:#f5f5f5; opacity:0.6; color:#000;}
.museumlist2 .item .info h5{margin-top:16%; text-align:center;}

.museum_search_box{background-color:#595656; height:42px; line-height:42px; margin-bottom:20px; width:99%; margin-left:0.5%; margin-right:0.5%;}
.museum_search_box .title{letter-spacing:5px; color:#fff; text-indent:1em; font-weight:normal;}
.museum_search_box .museum_search{float:right; }
.museum_search_box .museum_search span{width:258px; overflow:hidden; display:none;}
.museum_search_box .museum_search input{border:none; border-radius:2px; width:244px; margin:0; padding:5px;}
.museum_search_box .museum_search .search_button{float:right; width:42px; height:42px; cursor:pointer; background:url('../images/search.png') center no-repeat;}

.xinzengblock { display:inline-block;}
.xinzeng{ position:absolute; left:50%; margin-left:-124px;}
.joinuslist{}
.joinuslist .item{border-top:#898989 1px solid; padding:16px 0 30px; float:left; width:100%;}
.joinuslist .item > h5{float:left; width:25%; margin-right:5%; margin-top:14px}
.joinuslist .item > div{float:left; width:70%;}

.cooperate{}
.cooperate h3{font-weight:normal; margin-bottom:20px;}
.cooperate h3 span[lang=en]{padding-left:1em; text-transform:uppercase; font-size:0.7em;}
.cooperate .item{float:left; width:calc((100% - 175px) / 8); margin:0 25px 25px 0; float:left; overflow:hidden;}
.cooperate .item:nth-child(8n+8){margin-right:0;}
.cooperate .item span{display:table-cell; text-align:center; vertical-align:middle; padding:1px; background-color:#808285; color:#fff;}

#article{position:relative;}
#article .title{float:left; width:380px; padding-right:60px}
#article .title .profile{padding:3em 0 3em; border-bottom:#e3e3e3 1px solid;}
#article .title .desc{padding:3em 0 3em; font-size:12px; color:#595757;}
#article .close{width:13px; height:13px; position:absolute; top:0; right:50px;}

#article .content{margin-left:440px; padding-right:100px;}
#article .content img{max-width:100%;}
#article .content p ,#article .content span{text-align:justify}
.content_about { width:99%; margin-left:0.5%;}
.content_about img{max-width:100%;}

.line_ab { width:99%; margin-left:0.5%; padding-bottom:1%; border-top:#CCC 1px dashed;}
#newsb .item{float:left; width:49%; margin-right:0.5%; margin-left:0.5%;margin-bottom:2%; position:relative;}
#newsb .item .pic {width:49%; margin-right:3.2%; float:left;}
#newsb .item .pic.text{width:47%; margin:0;}


/*#newsb .item .pic img:hover {-moz-opacity:0.4 !important; filter:alpha(opacity=40); opacity: 0.4;  _-moz-opacity:0.4;}*/
#newsb .item .anews_title .title{ font-weight:bold;}
#newsb .item .anews_title  { margin-bottom:2%;}
#newsb .item .pic .more { position:absolute; bottom:0px;right:10px; border:#e3e3e3 1px solid; color:#a8a8a8; font-weight:normal; padding:0 3px;}

#newsb .item h5{  height:2.6em; line-height:2.6em; margin-bottom:10px;}
#newsb .item p[lang=zh]{height:16em;}
#newsb .item p[lang=en]{height:25em;}

.zhindex { font-weight:bold;}

#service .item{float:left; width:24%; margin-right:0.5%; margin-left:0.5%}
/*#service .item .pic img:hover { -moz-opacity:0.4 !important; filter:alpha(opacity=40); opacity: 0.4;  _-moz-opacity:0.4;}*/
#service .item h5{border-top:#000 1px dotted; font-size:18px; font-weight:normal; border-bottom:#000 1px dotted; height:2.6em; line-height:2.6em; margin:10px 0;}
#service .item p[lang=zh]{height:16em;}
#service .item p[lang=en]{height:25em;}

.news_item { width:99%; margin-left:0.5%; float:left; margin-bottom:2%; position:relative;}
.news_item .time { font-size:18px; width:15%; float:left; font-style:italic;}
.news_item .pic {/* width:19%;*/ width:24%; float:left; margin-left:1%;}
/*.news_item .pic img:hover { -moz-opacity:0.4 !important; filter:alpha(opacity=40); opacity: 0.4;  _-moz-opacity:0.4;}*/

.news_item .content { /*width:64%;*/ width:57%; margin-left:1%; float:left; /*position:relative;*/min-height:185px;}
.news_item .content h5{margin-bottom:12px;}
.news_item .content h5 a{ font-size:16px; color:#595758;}
.news_item .content div { color:#a7a7a7;}
.news_item .content .more { position:absolute; /*left:0px;*/ bottom:0px; line-height:12px;}
.news_item .content .more a { color:#a7a7a7;}



#article .bdsharebuttonbox .bds_more{background:url(/statics/theme/default/images/share_1.png) no-repeat; width:28px; height:28px;}