.clear{clear: both;}
html, body {
    height: 100%;
}

body{
	width: 100%;
	overflow-x: hidden;
	margin: 0;
font-family: "微软雅黑",arial,"arial black",sans-serif;

}


*{box-sizing:border-box; margin:0px; padding:0px;   
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}

* {
	margin: 0;
	padding: 0;
	outline: none;
}
html { height: 100%; }
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100% }

iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea {font-family: "微软雅黑";}
body { line-height: 1.5}
a:link,
a:visited,
a:active,
a { text-decoration: none;}
a:hover {}
a,a:hover,a:active,a:visited,a:link,a:focus{
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
outline:none;
background: none;
text-decoration: none;
}
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none } 


a, a:hover, a:focus {text-decoration: none; color: #333;}
* { outline: none;}
:focus,input::-moz-focus-inner, button::-moz-focus-inner{ outline: 0;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {opacity:0.9;}
input:-moz-placeholder, textarea:-moz-placeholder {opacity:0.9;}
input::-moz-placeholder, textarea::-moz-placeholder { opacity:0.9;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {opacity:0.9;}

.w88{width: 88%;max-width: 1400px;margin: 0 auto;height: auto;}

.w85{width: 80%;max-width: 1300px;margin:  0 auto;height: auto;}

.w80{width: 80%;max-width: 1200px; margin: 0 auto; height: auto;}
.margin-pub{padding: 90px 0;width: 100%;height: auto;}
.margin-top{padding-top: 90px; width: 100%;height: auto;}
.title{width: 100%;height: auto;text-align: center;}
.title h3{color: #101820;font-size: 30px;text-align: center;font-weight: 100;font-weight: lighter letter-spacing: 10px;}
.title h4{font-size: 12px;color: #101820;text-align: center;text-transform: uppercase;transform: scale(0.6);-webkit-transform: scale(0.6);-moz-transform: scale(0.6);-ms-transform: scale(0.6);-o-transform: scale(0.6);  font-family: "思源黑体"; letter-spacing:25px;}

.title2{width: 100%;height: auto;line-height: 1;}
.title2 h2{font-size: 55px;font-family:"AE";font-weight: normal;color: #101820;text-transform: capitalize;}
.title2 h3{font-size: 35px;color: #000;font-weight: normal; font-weight: 100;font-weight: lighter;margin-top: 10px;}

@media only screen and (max-width: 1600px) {
.margin-pub{padding: 80px 0;}	
.margin-top{padding-top: 80px;}
.title2 h2{font-size: 50px;}
.title2 h3{font-size: 30px;}
}
@media only screen and (max-width:1400px) {
.margin-pub{padding: 70px 0;}
.margin-top{padding-top: 70px;}
.title2 h2{font-size:48px;}
.title2 h3{font-size:28px;}
.title h3{font-size: 28px;}
.title h4{letter-spacing: 20px;}
}
@media only screen and (max-width:1200px) {
.margin-pub{padding: 60px 0;}
.margin-top{padding-top: 60px;}
.title2 h2{font-size:45px;}
.title2 h3{font-size:26px;}
}
@media only screen and (max-width:1024px) {
.w88{width: 90%;height: auto;}
.w85{width: 90%;height: auto;}
.w80{width: 90%;height: auto;}
.margin-pub{padding: 50px 0;}
.margin-top{padding-top: 50px;}
.title h3{font-size: 26px;}
.title h4{letter-spacing: 15px;}
.title2 h2{font-size:36px;}
.title2 h3{font-size:24px;}
}

@media only screen and (max-width:720px) {
.margin-pub{padding:45px 0;}
.margin-top{padding-top:45px;}
.title h3{font-size: 25px;letter-spacing: 5px;}
.title h4{letter-spacing: 8px;}
.title2 h2{font-size:28px;}
.title2 h3{font-size:20px;}
}

.index-page{position: relative;z-index: 0; top: 0;left: 0;width: 100%;height: 80%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.index-page .bks{z-index: -1; position: absolute;width: 100%;height: 100%; top: 0;left: 0; background: rgba(17,24,33,0.8);}
.index-page .logo{display: block; z-index: 9999; position: absolute;top: 5%;left: 50%; width: 30%; max-width: 195px;height: auto;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);}
.index-page .logo img{display: block;width: 100%;height: auto;}
.index-page .con1{width: 40%;max-width: 375px;height: auto;top: 50%;left: 50%;transform: translateX(-50%)translateY(-50%);-webkit-transform: translateX(-50%)translateY(-50%); -o-transform: translateX(-50%)translateY(-50%);-ms-transform: translateX(-50%)translateY(-50%);-moz-transform: translateX(-50%)translateY(-50%); position: absolute;}
.index-page .con img{display:block;width: 100%;height: auto;}
.index-page .banner-js{width: 100%;height: 100%;background-repeat: no-repeat;z-index: -2; background-position: center;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover; position: absolute;top:0;left: 0;}
.index-page .banner-js .pic{width: 100%;height:100%;position: absolute;top: 0;left: 0; background-size: cover;-webkit-background-size: cover;-moz-background-size: cover; background-repeat: no-repeat;background-position: center;}

.header{position: absolute;top: 5%;left: 0;z-index: 9999;width: 100%;height: auto;}
.header .shop-link{ width: 90px;float: right; display: block;background-repeat: no-repeat;background-size: 12px 15px; -webkit-background-size: 12px 15px;-moz-background-size: 12px 15px; background-position: right center;padding-right: 20px;}
.header .shop-link span{font-family: "AE"; display: block;width: 100%;height: auto;padding-left:20px;background-size:20px 20px;-webkit-background-size:20px 20px;-moz-background-size:20px 20px; background-position: left center;background-repeat: no-repeat; font-size:12px;color: #d0d1d1;}
.header .shop-link span b{font-size: 12px;display: inline-block;transform: scale(0.8);}
.header .shop-link:hover  span b{text-decoration: underline;}
.header .nav{font-family: "AE"; width:calc(100% - 90px);height: auto;float: left;color: #d0d1d1;margin-top: 5px;}
.header .nav .toggle{cursor: pointer; width:100px;line-height: 24px;font-size: 16px;}
.header .nav .toggle a{display: inline-block;color: #D0D1D1;}
.header .nav .toggle a:hover{text-decoration: underline;}
.header .nav .toggle i{display:inline-block;width: 12px;height: 12px;vertical-align: middle;margin-left: 10px;}
.header .nav .toggle i img{display: inline-block;width: 100%;height: auto;}
.header .nav ul{width: 100%;height: auto;padding: 10px 0;display: none;}
.header .nav ul li{font-size: 20px;color: #D0D1D1;display: block;width: 100%;margin-bottom: 10px;padding-left: 60px;}
.header .nav ul li a{color: #D0D1D1;}
.header .nav ul li span{width:36px;height: 36px;margin-right: 10px;padding: 5px; display: inline-block;border-radius: 100%; vertical-align: middle; background: #D0D1D1;}
.header .nav ul li span img{display: block;width:100%;height: auto;}
.header .nav ul li:hover a{text-decoration: underline;}

.header2{padding:5px 0;transition: all 0.5s ease; background: #111821;position: fixed;top: 0;left: 0;width: 100%;z-index: 999;}


@media only screen and (max-width:1600px) {
.header .nav ul li{font-size: 18px;}	
}
@media only screen and (max-width:1400px) {
}
@media only screen and (max-width:1200px) {
}
@media only screen and (max-width:1024px) {
.header .nav{width: 100%;margin-top: 0;}
.header .nav .toggle{font-size: 12px;}
.header .nav .toggle i{width: 10px;height: 10px;margin-left: 5px;}
.header .nav ul li{font-size: 14px;padding-left: 40px;margin-bottom: 5px;}
.header .nav ul li span{width: 26px;height: 26px;padding: 3px;}	
.header .shop-link{width: 70px; position: absolute;right: 5%;top:5px;float: none;}	
.header .shop-link span b{font-weight: 100;transform: scale(0.7);-webkit-transform: scale(0.7);-moz-transform: scale(0.7);-ms-transform: scale(0.7);-o-transform: scale(0.7); line-height: 1;}
.header .shop-link span{background-size: 16px 16px;-webkit-background-size: 16px 16px;-moz-background-size: 16px 16px; padding-left: 14px;}
.index-page .logo{position: absolute;top:20%; width: 80px;}	
}
@media only screen and (max-width:720px) {
.header{top: 20px;}	
.header2{top: 0;}
.index-page{height: 55%;}
.index-page .con1{width:60%;top: calc(50% + 40px); height: auto;}	
}


.picture{width: 100%;height: auto;}
.picture .picture-list{width: 100%;height: auto;font-size: 0;margin-top: 50px;}
.picture .picture-list li{background: #ebecec; width:calc(33.3% - 30px);margin-right:45px;margin-bottom: 45px; display: inline-block;vertical-align: top; height: auto;font-size: 0;}
.picture .picture-list li:nth-child(3n){margin-right: 0;}
.picture .picture-list li .pic{overflow: hidden; width: 100%;height: auto;background: #111821;}
.picture .picture-list li .pic img{display: block;width: 100%;height: auto;}
.picture .picture-list li .con{padding: 5%  1%;letter-spacing: 2px; color:#101820;font-size: 16px;font-weight: 100;transform: scaleX(0.88);-webkit-transform: scaleX(0.88);-moz-transform: scaleX(0.88);-ms-transform: scaleX(0.88);-o-transform: scaleX(0.88);}
.picture .picture-list li:hover .pic img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1); transition: all 0.5s ease;}
.picture .view{width: 100%;height: auto;font-size: 18px; text-align: right;margin-top: 0px;display: block;}
.picture .view span {display: inline-block;font-family: "NL";color: #101820; padding-right: 30px;background-size: 20px 12.5px;-webkit-background-size: 20px 12.5px;-moz-background-size: 20px 12.5px; background-repeat: no-repeat;background-position: right center;}
.picture .view:hover{font-weight: bolder;padding-right: 10px;transition: all 0.5s ease;}

@media only screen and (max-width:1600px) {
.picture .picture-list{margin-top: 45px;}
}
@media only screen and (max-width:1400px) {
.picture .picture-list li{width: calc(33.3% - 20px);margin-right: 30px;margin-bottom: 30px;}
.picture .picture-list li .con{font-size: 15px;}
}
@media only screen and (max-width:1200px) {
.picture .picture-list{margin-top: 40px;}
}
@media only screen and (max-width:1024px) {
.picture .picture-list{margin-top: 35px;}
.picture .picture-list li{width: calc(33.3% - 10px);margin-right:15px;margin-bottom: 15px;}
.picture .picture-list li .con{font-size: 14px;}	
.picture .view{margin-top: 10px;}
}
@media only screen and (max-width:720px) {
.picture .picture-list{margin-top: 30px;}
.picture .picture-list li{width: 100%;height: auto;margin-bottom: 15px;}	
}


.memories{width: 100%;height: auto;}
.memories .memories-list{width: 100%;height: auto;margin-top: 50px;}
.memories .memories-list{width: 100%;height: auto;}
.memories .memories-list li{ margin-bottom: 45px; width: 100%;padding-right: 60%; position: relative; height: auto;background: #ebecec;}
.memories .memories-list li a{display: block;width: 100%;height: auto;}
.memories .memories-list li .con{padding:8%; width: 100%;height: auto;}
.memories .memories-list li .pic{position: absolute; width: 60%;height: 100%; top: 0;right: 0;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover; background-repeat: no-repeat;background-position: center;}
.memories .memories-list li .con .ico{width: 80px;height:auto;border-radius: 100%;margin-bottom: 20px; background: #101820;padding: 10px;}
.memories .memories-list li .con .ico img{display: block;width: 100%;height: auto;}
.memories .memories-list li .con h5{font-family: "思源黑体";font-weight: normal; color: #101820;font-size: 36px;line-height: 1.2;}
.memories .memories-list li .con h6{font-weight: 100;color: #101820;font-size: 22px;margin-top: 10px;}
.memories .memories-list li .con .downs{display: block;position: relative; width: 100%;height: auto; margin-top: 10px;overflow: hidden;}
.memories .memories-list li .con .downs .num{ font-family: "思源黑体";font-size: 80px; color:#101820;width: calc(100% - 80px);}
.memories .memories-list li .con  .view {position: absolute;width: 80px;right: 0;top: 65%;transform: translateY(-50%); -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);  font-size: 18px;font-family: "NL";color: #101820; padding-right: 30px;background-size: 20px 12.5px;-webkit-background-size: 20px 12.5px;-moz-background-size: 20px 12.5px; background-repeat: no-repeat;background-position: right center;}
.memories .memories-list li:last-child{margin-bottom: 0;}
.memories .memories-list li:nth-child(2n){padding-right: 0;padding-left: 60%;}
.memories .memories-list li:nth-child(2n) .pic{left: 0;right: auto;}
.memories .memories-list li:hover {box-shadow:0 0 10px rgba(0,0,0,0.2);}

@media only screen and (max-width:1700px) {
.memories .memories-list li .con h5{font-size: 38px;}	
}
@media only screen and (max-width:1600px) {
.memories .memories-list{margin-top: 45px;}
.memories .memories-list li{margin-bottom: 35px;}
.memories .memories-list li .con .ico{width: 70px;height: auto;}
.memories .memories-list li .con h5{font-size: 34px;}
.memories .memories-list li .con h6{font-size: 20px;}
.memories .memories-list li .con .downs .num{font-size: 70px;}	
}
@media only screen and (max-width:1400px) {
.memories .memories-list li{margin-bottom: 30px;}	
.memories .memories-list li .con .ico{width:56px;height: auto;}
.memories .memories-list li .con h5{font-size: 28px;}
.memories .memories-list li .con h6{font-size:18px;}
.memories .memories-list li .con .downs .num{font-size:60px;}
}
@media only screen and (max-width:1200px) {
.memories .memories-list{margin-top: 40px;}
.memories .memories-list li{margin-bottom: 25px;}	
.memories .memories-list li .con .ico{width:45px;height: auto;padding: 8px;}
.memories .memories-list li .con h5{font-size:25px;}
.memories .memories-list li .con h6{font-size:16px;}
.memories .memories-list li .con .downs .num{font-size:50px;}		
}
@media only screen and (max-width:1024px) {
.memories .memories-list{margin-top: 35px;}
.memories .memories-list li{margin-bottom: 20px;}
.memories .memories-list li .con .ico{width:40px;height: auto;padding: 6px;}
.memories .memories-list li .con h5{font-size:20px;}
.memories .memories-list li .con h6{font-size:15px;}
.memories .memories-list li .con .downs .num{font-size:36px;}	
}
@media only screen and (max-width:720px) {
.memories .memories-list{margin-top: 30px;}
.memories .memories-list li{width: 100%;padding: 0;margin-bottom: 15px;}
.memories .memories-list li:nth-child(2n){padding: 0;}
.memories .memories-list li .con{width: 100%;height: auto;padding:15px 5%;}	
.memories .memories-list li .pic{width: 100%;height: auto;position: static;height: 200px;}
.memories .memories-list li .con .ico{width:36px;height: auto;padding:5px;}
.memories .memories-list li .con h5{font-size:18px;}
.memories .memories-list li .con h6{font-size:14px;}
.memories .memories-list li .con .downs{line-height: 1;}
.memories .memories-list li .con .downs .num{font-size:30px;}	
}

.footer{background: #111821;padding: 90px 0 70px 0;}
.footer  h6{color: #D0D1D1;font-size: 20px;text-align: center;font-weight:100;letter-spacing: 2px; transform: scaleX(0.85);-webkit-transform: scaleX(0.85);-moz-transform: scaleX(0.85);-ms-transform: scaleX(0.85);-o-transform: scaleX(0.85);}
.footer .logo{width: 60%; max-width: 120px;height: auto;display: block;margin: 0 auto;margin-top:70px;margin-bottom: 60px;}
.footer .logo img{display: block;width: 100%;height: auto;}
.footer .pcy{width: 100%;height: auto;color: #808080;font-size: 15px;text-align: center;}
.footer .pcy a{color: #808080;}
@media only screen and (max-width:1600px) {
.footer{padding: 80px  0 55px 0;}	
.footer  h6{font-size: 20px;}
.footer .logo{margin-top: 60px;margin-bottom: 50px;}
.footer .pcy{font-size: 15px;}
}
@media only screen and (max-width:1400px){
.footer{padding:70px  0 50px 0;}	
.footer  h6{font-size: 18px;}
.footer .logo{margin-top:55px;margin-bottom: 45px;}
}
@media only screen and (max-width:1200px){
.footer{padding:60px  0 45px 0;}	
.footer  h6{font-size: 16px;}
.footer .pcy{font-size: 15px;}
.footer .logo{margin-top:50px;margin-bottom:45px;}
}
@media only screen and (max-width:1024px) {
.footer{padding: 50px  0 35px 0;}	
.footer  h6{font-size: 15px;}
.footer .pcy{font-size: 14px;}
.footer .logo{margin-top:45px;margin-bottom:35px;max-width: 110px;}
}
@media only screen and (max-width:720px){
.footer  h6{font-size: 13px;letter-spacing: 1px;}
.footer .logo{margin-top:30px;margin-bottom:30px;width: 60%;max-width: 100px;}
.footer .pcy{font-size: 12px;transform: scale(0.88);}
.footer .pcy span{display: block;}
.footer.margin-pub{padding: 35px 0 20px 0;}
}





.index-page2{width: 100%;height: auto; background-size: cover;-webkit-background-size: cover;-moz-background-size: cover; position: relative;background-repeat: no-repeat;background-position: center;}
.index-page2 .pic{width: 100%;height: auto;}
.index-page2 .pic img{display: block;width: 100%;height: auto;}
.index-page2 .bks{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(17,24,33,0.8);}
.index-page2 .bks h1{width: 100%;height: auto;font-size: 70px;font-weight: normal;  position: absolute;top: 50%;left:0;text-align: center;color: #FFFFFF;font-family: "AE";transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
.index-page2 .pic2{display: none;}
.contact{width: 100%;height: auto;}
.contact  .museum{width: 100%;height: auto;}
.contact  .museum .museum-top{width: 100%;height: auto;overflow: hidden;margin-bottom: 50px;}
.contact  .museum .museum-top .logo{width: 145px;height: auto;display: block;float: left;}
.contact  .museum .museum-top .logo img{display:block;width: 100%;height: auto;}
.contact  .museum .museum-top .tl{float: right; width: calc(100% - 145px);  font-size:34px;letter-spacing: 2px; transform: scaleX(0.9);-webkit-transform: scaleX(0.9);-moz-transform: scaleX(0.9);-ms-transform: scaleX(0.9);-o-transform: scaleX(0.9);text-align: right; color:rgba(16,24,32,0.8);}
.contact  .museum  .txt-con{width: 100%;height: auto;line-height: 1.8;}
.contact  .museum .txt-con p{font-size:20px;color: #101820;font-weight:normal; font-weight: 200;letter-spacing: 1px;}
.contact .lx-con{width: 100%;height: auto;border-top: 2px solid #101820;margin-top: 55px;padding-top: 40px;}
.contact .lx-con .lx-wem{width: 100%;height: auto;text-align: right;margin-top: 35px;padding-right:20%;}
.contact .lx-con .lx-wem a{display: inline-block;width: 80px;height: auto;margin-right:15%;}
.contact .lx-con .lx-wem a.wx{position: relative;}
.contact .lx-con .lx-wem a.wx .ewm{ box-shadow: 0 5px 10px rgba(0,0,0,0.3); width:0px;position: absolute;bottom: 100%;left: calc(50% - 80px); height: auto;}
.contact .lx-con .lx-wem a.wx .ewm img{display: block;width: 100%;height: auto;}
.contact .lx-con .lx-wem a.wx:hover .ewm{width: 160px;transition: all 0.5s ease;}
.contact .coop{width: 100%;height: auto;border-top: 2px solid #101820;margin-top: 55px;padding-top: 40px;}
.contact .coop .title2{position: relative;}
.contact .coop .title2 span{display: block;width: 70px;height: auto;position: absolute;right: 0;top: 0;}
.contact .coop .title2 span img{display: block;width: 100%;height: auto;}
.contact .coop .item-list{width: 100%;height: auto;font-size: 0;margin-top: 45px;}
.contact .coop .item-list li{font-weight: 100; width:calc(33.3% - 70px);position: relative; margin-right:105px;color: #FFFFFF; display: inline-block;background: #000;border-radius: 100%;}
.contact .coop .item-list li:nth-child(3n){margin-right: 0;}
.contact .coop .item-list li img{display: block;width: 100%;height: auto;}
.contact .coop .item-list li p{width: 100%;height: auto;position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%); left: 0;padding: 5% 10%;color: #FFFFFF;font-size: 42px;letter-spacing: 5px;text-align: center;font-weight: 100;}
.contact .coop .form{width: 100%;height: auto;margin-top: 35px;}
.contact .coop .form form{width:70%;max-width: 700px; margin: 0 auto; height: auto;display: block;}
.contact .coop .form form .c1{margin-bottom: 10px; width: 100%;color: #101820;font-family: "思源黑体"; text-decoration: none; font-size: 16px; padding:10px;line-height:25px; border-radius: 3px; border: 1px solid #101820;background: none;}
.contact .coop .form form .c2{width: 100%;height: 136px;padding-left: 10px;color: #101820;font-family: "思源黑体";text-decoration: none;   padding-top: 10px;font-size: 16px; border: 1px solid #101820; border-radius:3px;}
.contact .coop .form form .send{width: 150px;height:40px;border-radius: 20px;font-family: "思源黑体";font-size:18px; display: block; margin: 0 auto;margin-top: 25px;border: none;background:#101820;color: #FFFFFF;font-size: 15px;}
.contact .coop .form form .yzm{width: 100%;height: auto;border: 1px solid #101820;margin-bottom: 10px; border-radius: 3px; position: relative;padding: 10px;}
.contact .coop .form form .yzm .c1{padding: 0;border: none;margin-bottom: 0;}
.contact .coop .form form .yzm .pic{position: absolute;right: 10px;top:5px;width: 90px;height:auto;display: block;background: #f5f5f5;}
.contact .coop .form form .yzm .pic img{display: block;width: 100%;height: auto;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {font-family: "思源黑体";color: rgba(16,24,32,0.5)}
input::-moz-placeholder, textarea::-moz-placeholder {font-family: "思源黑体";color: rgba(16,24,32,0.5);}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {font-family: "思源黑体";color: rgba(16,24,32,0.5);}

@media only screen and (max-width:1600px) {
.index-page2 .bks h1{font-size: 60px;}	
.contact  .museum .museum-top{margin-bottom: 45px;}
.contact  .museum .museum-top .logo{width: 135px;}
.contact  .museum .txt-con p{font-size: 18px;}
.contact  .museum .museum-top .tl{font-size: 30px;width: calc(100 - 135px);}
.contact .lx-con .lx-wem a{width: 70px;}	
.contact .coop .item-list li{width: calc(33.3% - 60px);margin-right:90px;}
.contact .coop .item-list li p{font-size:36px;}
.contact .coop .title2 span{width: 60px;}
.contact .coop{margin-top: 50px;padding-top: 35px;}
.contact .lx-con{margin-top: 50px;padding-top: 35px;}
}
@media only screen and (max-width:1400px) {
	.index-page2 .bks h1{font-size: 55px;}
	.contact  .museum .museum-top .logo{width: 125px;}
	.contact  .museum .txt-con p{font-size: 16px;}
	.contact  .museum .museum-top .tl{font-size: 28px;width: calc(100% - 125px);}
	.contact .lx-con .lx-wem a{width: 65px;}
	.contact .coop .item-list {margin-top: 40px;}
	.contact .coop .item-list li{width: calc(33.3% - 50px);margin-right: 75px;}
	.contact .coop .item-list li p{font-size: 36px;}
	.contact .coop .title2 span{width: 55px;}
	.contact .coop .form form .c1{font-size: 15px;}
	.contact .coop .form form .c2{font-size: 15px;}
}
@media only screen and (max-width:1200px) {
	.index-page2 .bks h1{font-size: 50px;}
	.contact  .museum .museum-top{margin-bottom: 40px;}
	.contact  .museum .museum-top .logo{width: 115px;}
	.contact  .museum .txt-con p{font-size: 15px;}
	.contact  .museum .museum-top .tl{font-size: 26px;width: calc(100% - 115px);}
	.contact .lx-con .lx-wem a{width: 55px;}
	.contact .coop .item-list li{width: calc(33.3% - 40px);margin-right: 60px;}
	.contact .coop .item-list li p{font-size: 30px;}
	.contact .coop .title2 span{width: 50px;}
	.contact .coop{margin-top: 45px;padding-top: 30px;}
	.contact .lx-con{margin-top: 45px;padding-top: 30px;}
}
@media only screen and (max-width:1024px) {
.index-page2 .bks h1{font-size: 40px;top: 55%;}
.index-page2 .pic{display: none;}
.index-page2 .pic2{display: inherit; width: 100%;height: 350px;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover; background-repeat: no-repeat;background-position: center;}
.contact  .museum .museum-top{margin-bottom: 35px;}
.contact  .museum .museum-top .logo{width: 95px;}
.contact  .museum .txt-con p{font-size: 14px;}
.contact  .museum .museum-top .tl{font-size: 24px;width: calc(100% - 95px);}
.contact .lx-con .lx-wem a{width:45px;}
.contact .coop .item-list li{width: calc(33.3% - 30px);margin-right: 45px;}
.contact .coop .item-list li p{font-size: 28px;}
.contact .coop .title2 span{width: 45px;}
.contact .coop{margin-top: 40px;padding-top: 25px;}
.contact .lx-con{margin-top: 40px;padding-top: 25px;}
.contact .coop .form form .c1{font-size: 14px;}
.contact .coop .form form .c2{font-size: 14px;}

}
@media only screen and (max-width:720px) {
	.index-page2 .bks h1{font-size: 23px;top:60%;}
	.index-page2 .pic2{height:300px;}
	.contact  .museum .museum-top .logo{width:70px;}
	.contact  .museum .museum-top .tl{font-size:16px;letter-spacing: 0.5px; transform: scaleX(1);-webkit-transform: scaleX(1);-ms-transform: scaleX(1);-moz-transform: scaleX(1);-o-transform: scaleX(1);  width:calc(100% - 70px);margin-top: 10px;}
	.contact .lx-con .lx-wem a{width:35px;}
	.contact .coop .item-list {margin-top: 35px;}
	.contact .coop .item-list li{width: calc(33.3% - 10px);margin-right:15px;}
	.contact .coop .item-list li p{font-size:14px; letter-spacing: 1px;}
	.contact .coop .form form{width: 100%;}
	.contact .coop .title2 span{width: 35px;}
	.contact .coop .form form .c1{font-size: 13px;padding: 5px 10px;line-height: 20px;}
	.contact .coop .form form .c2{font-size: 13px;padding: 10px;height: 110px;}
	.contact .coop .form form .yzm{padding: 5px 10px;}
	.contact .coop .form form .yzm .c1{line-height: 20px;padding: 0;}
	.contact .coop .form form .yzm .pic{width: 70px;}
	.contact .coop .form form .send{width: 100px;height: 35px;margin-top: 15px;}
	.contact .coop{margin-top:35px;padding-top: 25px;}
	.contact .lx-con{margin-top: 35px;padding-top: 25px;}
	.contact .lx-con .lx-wem{padding-right: 0%;}
	.contact  .museum .txt-con p{font-size: 12px;}
}

.index-page3{width: 100%;height:65%;position: relative;top: 0;left: 0;z-index: 0;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover; background-repeat: no-repeat;background-position: center;}
.index-page3 .bks{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(17,24,33,0.8);}
.index-page3 .inset-con{width: 100%;height: auto;color: #D0D1D1; position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.index-page3 .inset-con h5{font-family: "AE";font-weight: normal;line-height: 1.2; color: #D0D1D1;font-size:60px;}
.index-page3 .inset-con h6{font-size: 36px;letter-spacing: 20px;font-weight: 100;}
.index-page3 .inset-ico{padding: 10px; width:80px;height:80px;border-radius: 100%;background: #D0D1D1;position: absolute;right: 8%;bottom:10%;}
.index-page3 .inset-ico img{display:block;width: 100%;height: auto;}
@media only screen and (max-width:1600px) {
.index-page3 .inset-con h5{font-size: 55px;}
.index-page3 .inset-con h6{font-size: 32px;}	
}
@media only screen and (max-width:1400px) {
.index-page3 .inset-con h5{font-size: 50px;}
.index-page3 .inset-con h6{font-size: 30px;letter-spacing:80px;}	
.index-page3 .inset-ico{width: 80px;height: 80px;}
}
@media only screen and (max-width:1200px) {
.index-page3 .inset-con h5{font-size:45px;}
.index-page3 .inset-con h6{font-size:24px;letter-spacing: 70px;}
.index-page3 .inset-ico{width: 70px;height: 70px;}	
}
@media only screen and (max-width:1024px) {
.index-page3 .inset-con h5{font-size:36px;}
.index-page3 .inset-con h6{font-size:20px;letter-spacing:60px;}	
.index-page3 .inset-ico{width: 60px;height: 60px;}
}

@media only screen and (max-width:720px) {
	.index-page3{height: 45%;}
	.index-page3 .inset-con{top: 60%;}
.index-page3 .inset-con h5{font-size:30px;}
.index-page3 .inset-con h6{font-size:15px;letter-spacing:15px;transform: scaleX(1);-webkit-transform: scaleX(1);-moz-transform: scaleX(1);-ms-transform: scaleX(1);-o-transform: scaleX(1);}	
.index-page3 .inset-ico{width:45px;height:45px;}
}

.collect-box{width: 100%;height: auto;padding: 35px 0;}
.collect-box .collect .w85{position: relative;}
.collect{width: 100%;height: auto;padding:35px 0;}
.collect .states{width:calc(50% - 25px);float: left; padding: 12% 0;}
.collect .states .tl{padding-left: 10%; width: 80%; height: auto;padding-bottom:10%;}
.collect .states .tl img{display: block;width: 100%;height: auto;}
.collect .states .pic1{width: 100%;height: auto;}
.collect .states .pic1 img{display: block;width: 100%;height: auto;}
.collect .states .logo-ico{width: 100%;padding-left: 10%; height: auto;margin-top: 25px;overflow: hidden;}
.collect .states .logo-ico .ico-c{display: inline-block;width: 25%;max-width: 200px;padding-bottom: 10px;border-bottom: 5px solid #000000;}
.collect .states .logo-ico img{width: 100%; height: auto;display: block;}

.collect .dymaics{width: calc(50% - 25px);height:auto;position: absolute;top: 0;right: 0;}
.collect .dymaics .dymaics-js1{width: 100%;height:auto;display: block;overflow: hidden;}
.collect .dymaics .dymaics-js2{width: 100%;height:auto;margin-top: 50px;display: block;overflow: hidden;}
.collect .dymaics .dymaics-js1 .swiper-slide,.collect .dymaics .dymaics-js2 .swiper-slide{overflow:hidden; width: 100%;height:auto; background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover; background-repeat: no-repeat;background-position: center;}

.collect .dymaics .dymaics-js1 .swiper-slide img,.collect .dymaics .dymaics-js2 .swiper-slide img{display: block;width: 100%;height: auto;}
.collect:nth-child(2n) .states{float: right;}
.collect:nth-child(2n) .states .logo-ico{padding-right: 10%;padding-left: 0;text-align: right;}
.collect:nth-child(2n) .dymaics{right: auto;left: 0;}
.view-more{width: 100%;height: auto;margin-top: 25px;margin-bottom: 30px;}
.view-more .view{margin: 0 auto;width:25%; max-width: 380px;padding-left: 5%;line-height: 40px; border: 1px solid #101820;height: 40px;display: block;}
.view-more .view span {display: inline-block;font-family: "NL";color: #101820; padding-right: 30px;background: url(../img/c009.svg) center right no-repeat; background-size: 20px 12.5px;-webkit-background-size: 20px 12.5px;-moz-background-size: 20px 12.5px; background-repeat: no-repeat;background-position: right center;}
.view-more .view:hover{padding-left: 10%;transition: all 0.5s ease;background:#000000;}
.view-more .view:hover span{color: #FFFFFF;background: url(../img/c009ss.svg) center right no-repeat;background-size: 20px 12.5px;-webkit-background-size: 20px 12.5px;-moz-background-size: 20px 12.5px;}



@media only screen and (max-width:1600px) {
	.collect .states{width: calc(50% - 20px);}
	.collect .dymaics{width: calc(50% - 20px);}
	.collect{padding:30px 0;}
	.collect-box{padding: 30px 0;}	

	.collect .dymaics .dymaics-js1{width: 100%;height: auto;}
.collect .dymaics .dymaics-js2{width: 100%;height:auto;margin-top: 40px;}
	
}
@media only screen and (max-width:1400px) {
	.collect .states{width: calc(50% - 15px);}
	.collect .dymaics{width: calc(50% - 15px);}
	.collect{padding:25px 0;}
	.collect .states .logo-ico .ico-c{border-bottom: 4px solid #000000;}

		.collect .dymaics .dymaics-js1{width: 100%;height:auto;}
.collect .dymaics .dymaics-js2{width: 100%;height:auto;margin-top: 30px;}
}
@media only screen and (max-width:1200px) {
	.collect{padding:20px 0;}	
	.collect-box{padding: 25px 0;}
	.collect .states{width: calc(50% - 10px);}
	.collect .dymaics{width: calc(50% - 10px);}

			.collect .dymaics .dymaics-js1{width: 100%;height:auto;}
.collect .dymaics .dymaics-js2{width: 100%;height:auto;margin-top: 20px;}
}

@media only screen and (max-width:1024px) {
	.collect .states{width: calc(50% - 7.5px);}
	.collect .dymaics{width: calc(50% - 7.5px);}
	.collect .states .logo-ico .ico-c{border-bottom: 3px solid #000000;}
	.collect .dymaics .dymaics-js:before{height: 15px;}
	
			.collect .dymaics .dymaics-js1{width: 100%;height:auto;}
.collect .dymaics .dymaics-js2{width: 100%;height:auto;margin-top:15px;}
}

@media only screen and (max-width:720px){
.collect-box{padding: 35px 0;}
.collect{padding:15px 0;}	
.collect .states{width: calc(50% - 5px);padding:3.5% 0;}
.collect .states .tl{padding-left: 0%;width: 100%;margin-bottom: 25px;}
.collect .dymaics{width:calc(50% - 5px);}
.collect .states .logo-ico{padding-left: 0;padding-right: 0;}
.collect .states .logo-ico .ico-c{width: 55%;max-width: 70px; border-bottom:2px solid #000000;padding-bottom: 5px;}
.view-more .view{width:55%;height: 36px;line-height: 34px;}
.view-more .view span{font-size: 16px;}
	.collect .dymaics .dymaics-js1{width: 100%;height:auto;}
.collect .dymaics .dymaics-js2{width: 100%;height:auto;margin-top:10px;}
}