/*通用样式*/
@charset "utf-8";
html::-webkit-scrollbar{ display: none; }
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
address,caption,cite,code,dfn,em,th,var,i{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
h1,h2,h3,h4,h5,h6,b{font-size:100%; font-weight:normal;}
a{display: block;}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a:focus,a:hover,a:active{outline:none;blr:expression(this.onFocus=this.blur())}
sub,sup{vertical-align:baseline}
table{border-collapse:collapse;border-spacing:0}
textarea { resize:none} 
input[type="submit"],input[type="button"]{ cursor:pointer;}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}
/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
a{text-decoration:none;cursor: pointer;}
a:hover{text-decoration:none;}
body,th,td,button,input,select,textarea{ font-family:"syht",Microsoft Yahei,Arial,Helvetica,sans-serif;font-size:14px;color:#000;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased}
.fl{ float:left}
.fr{ float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height: 0;font-size: 0;}
.clearfix{*zoom:1}
.ib{display:inline-block;*display:inline;*zoom:1; vertical-align:middle}
.clear{clear: both;}
/*******************************************/
@font-face{
	font-family: 'bahnschrift'; 
	src: url('../../fonts/bahnschrift.ttf');
}
@font-face {
  font-family: 'icomoon';
  src:  url('../../fonts/icomoon.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face{
	font-family: 'hys'; 
	src: url('../../fonts/HYSHUSONGERS.TTF');
}
@font-face{
	font-family: 'syht'; 
	src: url('../../fonts/SourceLight.otf');
}
@font-face{
	font-family: 'yjyy'; 
	src: url('../../fonts/yinjiyinying.ttf');
}
@font-face{
  font-family: 'pf'; 
  src: url('../../fonts/pingfang.ttf');
}
@font-face{
  font-family: 'pfl'; 
  src: url('../../fonts/pingfangl.ttf');
}
/*.bg{background:#FFF;}*/
.wrap{width: 100%;}
.wrap1{width: 1600px; margin: 0 auto;}
.wrap2{width: 1400px; margin: 0 auto;}
.wrap3{width: 1200px; margin: 0 auto;}
.wrap4{width: 1000px; margin: 0 auto;}
.wrap5{width: 1100px; margin: 0 auto;}
.zhegai{
	position: absolute;
	left: -44%;
	z-index: 1;
	width:  100%;
	height: 100%;
	background-color: #455360;
	opacity: .75;
	transition: .5s;
}
#alert{
	position: fixed;
	left: 0%;
	top: 0%;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 200;
	background-color: #000000d4;
}
#alert .showArea{
	position: absolute;
	top: 45%;
	left: 50%;
	margin-left: -150px;
	width: 300px;
	line-height: 40px;
	border: 1px solid #e2dcd0;
	padding: 60px 0 40px;
	font-size: 16px;
	color: #FFF;
	text-align: center;
	border-radius: 20px;
	-webkit-user-select:none; 
	-moz-user-select:none; 
	-ms-user-select:none; 
	user-select:none;
}
.showArea .close{
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 20px;
	line-height: 20px;
	text-align: right;
	font-size: 20px;
	font-weight: bold;
	background: #455360;
	color: #cf9551;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.showArea .close span{
	margin-right: 10px;
	cursor: pointer;
	transition: .4s;
}
.showArea .close span:hover{
	color: #FFF;
}
#bujutu img{cursor: pointer;}
.imgArea{
	height: 100%;
	width: 100%;
	text-align: center;
}
.imgArea img{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	max-height: 100%;
	max-width: 100%;
}
.imgArea .close{
	position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
.imgArea .close span{
	display: block;
    font-size: 40px;
    color: #FFF;
    margin-right: 30px;
    margin-top: 20px;
    background: #d29d76;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
}
/*-------------- 首页 --------------*/
/*头部*/
.header{ 
	width: 84%;
    padding: 0 7%;
	margin: 0 auto;
	height: 82px; 
	background-color: #455360;
	position: relative;
    z-index: 10;
    top: 40px;
    display: flex;
}
.header .logo{
	width: 280px; 
	height: 82px;
	text-align: center;
	vertical-align: middle;
	display: table-cell; 
	/*padding-left: 40px;*/
	display: flex;
	justify-content: center;
	align-items: center;
}
.header .logo img{width: 250px;}
.header .top{
	display: table-cell; 
	font-family: "hys";
}
.header .top .nav{
	/*width: 990px; */
	height: 82px; 
	/*margin-left:130px;*/
	display: flex;
}
.header .top .nav:hover>li>a,.header .top .nav:hover>li.active>a{
	background-color: unset;
	color: #e0cdbe;
}
.header .top .nav>li.active:hover>a{
	background-color: #766f6b;
	color: #FFF;
}
.header .top .nav>li:hover>a{
	background-color: #766f6b;
	color: #FFF;
}
.header .top .nav>li{
	/*float: left; */
	height: 82px; 
	line-height: 82px; 
	width: 165px; 
	text-align: center; 
	color: #626262; 
	font-size: 20px;
}
.header .top .nav li a{
	display: block; 
	color: #e0cdbe;
}
.header .top .nav>li>a:hover{
	background: #766f6b; 
	color: #FFF;
}
.header .top .nav>li:hover ul{
	height: auto; 
	padding: 41px 0;
}
.header .top .nav li.active>a{
	background: #766f6b; 
	color: #FFF;
}
.header .top .nav>li ul{
	background-color: #9e7f67;
	opacity: .96;
	height: 0; 
	padding: 0; 
	transition: .3s;
	overflow: hidden;
}
.header .top .nav>li ul a{
	color: #FFF;
	font-size: 18px;
}
.header .top .nav>li ul li:hover{
	background-color: #927660;
}
.header .top .nav>li ul li{line-height: 44px;}
/* banner */
.c-banner{
	/*height: 1080px;*/
	width: 100%;
	position: relative;
	top: 0;
	margin-top: -110px;
}
.c-banner img{
	width: 100%;
}
.c-banner .banner ul{
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
	font-size: 0;
}
.c-banner .banner ul li{
	opacity: 0;
}
.c-banner .banner ul li:nth-child(1){
	opacity: 1;
}
.c-banner .banner ul li img{
	width: 100%;
	position: absolute;
	top: 0px;
}
.c-banner .banner ul li:first-child img{
	position: relative;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 100px;
}
.swiper-pagination-bullet{
	width: 48px;
	height: 36px;
	opacity: 0.5;
	background: url("../images/logo3.png") no-repeat center center;
	background-size: 48px 36px;
}
.swiper-pagination-bullet-active{
	background-color: unset;
	opacity: 1;
}
.search-wrap{
	min-height: 210px;
}
.search{
	position: relative;
	z-index: 2;
	width: 1400px; 
	height: 74px;
	margin: -37px auto 0;
	vertical-align: middle; 
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 1px 8px 0;
}
.search input{
	height: 40px;
	width: 1210px;
	padding-left: 16px;
	margin: 17px 0 17px 30px;
	border: 0;
	border-radius: 20px;
	font-size: 20px;
	background-color: #ececec; 
}
.search a{
	margin-left: 60px;
	display: inline-block;
}
.search img{
	width: 32px; 
	height: 32px;
}
/*新闻*/
.news{
	margin-top: -37px;
	padding: 118px 0 72px;
	background-color: #b9aea1;
}
.newsBox{overflow: hidden;}
.newsLeft{
	width: 335px;
	margin-right: 30px;
	height: 380px;
}
.newsRight{
	width: 1035px;
	height: 380px;
}
.newsLeftBox{
	width: 335px; 
	height: 100%;
	overflow: hidden;
}
.newsIntroBox{
	width: 6700px;
	overflow: hidden;
}
.newsIntroBox ul{
	float: left;
}
.newsIntroBox li{
	width: 335px;
	float: left;
}
.newsIntroBox li:nth-child(2n) a{
	color: #fff;
	background-color: #c49c7d;
}
.newsIntro a{
	padding: 24px 24px 30px;
	color: #76736b;
	background-color: #fbfaf9;
}
.newsIntro h2{
	line-height: 30px;
	margin-bottom: 8px;
	font-size: 18px;
}
.newsIntro span{
	display: inline-block;
  height: 48px;
	line-height: 24px;
	font-size: 14px;
}
.newsRightBox{
	width: 500px;
}
.newsListTitle{
	display: table-cell;
	height: 80px;
	vertical-align: middle;
	line-height: 30px;
	width: 480px;
	padding: 0 30px;
	background-color: #FFF;
}
.newsListTitle a{
	float: right;
    margin-top: 3.5px;
}
.newsList{
	padding: 8px 0 16px;
	background-color: #f8f6f5;
}
.newsList li{
	height: 46px;
	line-height: 46px;
	padding: 0 24px;
}
.newsList li:hover{
	background-color: #e9e8e8;
}
.newsList li a{
	display: inline-block;
	width: 360px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #76736b;
	font-size: 16px;
}
.newsList li span{
	float: right;
	font-size: 12px;
	color: #d2d2d2;
}
.newsRightBoxR{
	position: relative;
	width: 535px;
	height: 380px;
}
.newsRightBoxR>li{
	position: absolute;
	width: 535px;
	height: 380px;
	display: none;
	margin-left: 30px;
}
.newsRightBoxR>li:first-child{
	display: block;
}
.newsRightBoxR ul{
	position: absolute;
	z-index: 2;
	width: 132px;
	bottom: 20px;
	left: 50%;
	margin-left: -66px;
}
.newsRightBoxR ul li{
    float: left;
    margin: 0 6px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #8b8685;
    cursor: pointer;
    border: 1px solid #8b8685;
    box-shadow: 0px 0px 5px 0px;
}
.newsRightBoxR ul li.active{
	background-color: #FFF;
}
.quanjing{
	padding: 78px 0 100px;
	text-align: center;
}
.quanjing a{display: inline-block;}

/*开放时间*/
.openTime{
	margin-bottom: 116px;
}
.openTime ul{
	overflow: hidden;
	text-align: center;
}
.openTime ul li{
	position: relative;
	float: left;
	width: 33.333%;
}
.openTime ul li:last-child div{
	width: 0;
}
.openTime ul li div{
	width: 1px;
	height: 318px;
	position: absolute;
	right: 0;
	top: 6px;
	background-color: #cecece;
}
.openTime ul li h3{
	margin-bottom: 58px;
	font-size: 22px;
}
.openTime ul li img{
	margin-bottom: 40px;
}
.openTime ul li span{
	display: block;
	line-height: 36px;
	font-size: 16px;
}
.openTime ul li b{
	line-height: 36px;
	color: #c49c7d;
}
/*陈列展览*/
.categorysImg{
	padding: 78px 0 90px;
	background-color: #f2f2f2;
}
.categorysImg ul{
	overflow: hidden;
}
.categorysImg ul li{
	position: relative;
	width: 326px;
	height: 272px;
	float: left;
	margin-right: 31px;
	overflow: hidden;
}
.categorysImg ul li a{
	width: 100%;
	height: 100%;
	color: #FFF;
}
.categorysImg ul li:last-child{
	margin-right: 0;
}
.categorysImg ul li h4{
	margin-bottom: 8px;
	font-weight: bold;
	font-size: 22px;
}
.categorysImg ul li span{
	position: absolute;
	width: 200px;
	top: 39px;
	font-size: 12px;
}
.wenwuName{
	position: absolute;
	top: 60px;
	left: 30px;
	z-index: 2;
	font-size: 26px;
	color: #faee86;	
}
.categorysIntro{
	position: absolute;
	bottom: 39px;
	left: 30px;
	z-index: 2;
}
.categorysMore{
	position: absolute;
	right: 10%;
	top: 214px;
	width: 34px;
	height: 34px;
	font-size: 19px;
	background: url(../images/gengduo.png) no-repeat;
	background-size: 100% 100%;
	animation-play-state: paused;
}
.categorysImg ul li:hover .categorysIntro{
	animation: grow .5s linear forwards;
}
.categorysImg ul li:hover .categorysIntro span{
	animation: growa 1s linear forwards;
}
.categorysImg ul li:hover .categorysMore{
	animation: clockwise 2s linear infinite ;
}
@keyframes clockwise {
  0%  { transform: rotate(0); opacity: 1; }
  50% { opacity: .5; }
  100%{ transform: rotate(360deg); opacity: 1; }
}
@keyframes grow {
  0%  { bottom: -59px; }
  100%{ bottom: 39px; }
}
@keyframes growa {
  0%  { top: 80px; }
  50% { top: 80px; }
  100%{ top: 39px; }
}
/*主要内容底部*/
.mainBottom{
	width: 100%;
	height: 874px;
	background: url(../images/mainbbg.jpg) no-repeat;
	background-size: 1920px 874px;
}
.mainBottom .left{
	width: 708px;
	margin-top: 78px;
}
.mainBottom .right{
	width: 526px;
	margin-top: 78px;
}
.mainBottom .left .imgBox{
	height: 472px;
}
.mainBottom .left .bigImg{
	position: relative;
	width: 234px;
	height: 470px;
	border: 1px solid #FFF;
	transition: all 0.1s;
	cursor: pointer;
	background-color: #FFF;
}
.mainBottom .left .bigImg img{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
.mainBottom .left .littleImg{
	width: 472px;
}
.mainBottom .left .littleImg li{
	width: 234px;
	height: 234px;
	border: 1px solid #FFF;
	float: left;
	transition: all 0.1s;
}
.mainBottom .left .littleImg li img{
	width: 100%;
	height: 100%;
}
.mainBottom .left .bigImg:hover{
	transform: scale(1.1);  
}
.mainBottom .left .littleImg li:hover{
	transform: scale(1.1); 
}
.mainBottom .intro{
	padding: 46px 60px;
	background-color: #f5f5f5;
	margin-top: 0;
}
.mainBottom .intro li{
	display: none;
	height: 151px;
}
.mainBottom .intro li:first-child{
	display: block;
}
.mainBottom .intro li h4{
	font-weight: 800;
	color: #d49f6b;
}
.mainBottom .intro li span{
	margin-left: 20px;
	color: #e07f7f;
}
.mainBottom .intro li p{
	width: 430px;
	float: left;
	margin-top: 20px;
	line-height: 22px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
	font-size: 12px;
	color: #989898;
}
.mainBottom .intro li b{
	margin-left: 26px;
}
.mainBottom .intro li b img{width: 120px; height: 120px;}
.mainBottom .right{
	padding: 50px 83px;
	height: 615px;
	background-color: #FFF;
}
.mainBottom .right h5{
	margin-bottom: 7px;
	font-weight: 900;
	font-size: 16px;
	color: #778b9e;
}
.table_form tbody th{display: none;}
.table_form tbody tr td{
	padding-left: 0; 
	border: 0;
}
.table_form tbody tr td #dosubmit{
	margin-left: -150%;
	width: 100px;
	height: 30px;
	line-height: 30px;
	color: #FFF;
	background-color: #c49c7d;
	border-radius: 5px;
}
.mainBottom .right  textarea{
	height: 105px !important;
	width: 484px;
	padding: 10px 20px;
	border: 1px solid #ececec;
}
.mainBottom .right .messages{
	margin-top: 10px;
}
.mainBottom .right .messages li{
	height: 200px;
	padding: 0 24px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
}
.mainBottom .right .messages li:first-child{
	border-bottom: 0;
}
.mainBottom .right .messages li h4{
	line-height: 30px;
	margin-bottom: 2px;
	padding-top: 14px;
	font-weight: 900;
    font-size: 14px;
    color: #778b9e;
}
.mainBottom .right .messages li h4 span{
	margin-left: 30px;
	color: #d49f6b;
	font-size: 12px;
}
.mainBottom .right .messages li h4 span g{
	margin-left: 14px;
}
.mainBottom .right .messages li p{
	line-height: 22px;
	text-indent: 2em;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
	color: #989898;
}
.mainBottom .right .messages li b{
	display: block;
	margin-top: 7px;
	margin-left: 30px;
	font-weight: 900;
	color: #d49f6b;
}
.mainBottom .right .messages li i{
	line-height: 22px;
	margin-left: 30px;
	margin-top: 4px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	text-indent: 2em;
	color: #989898;
}
/*-------------- 首页END --------------*/

/*-------------- 关于我们 --------------*/
.ab-banner{height: auto;}
.ab-wrap{
	padding: 50px 0 140px;
	background-color: #f2f2f2;
}
.ab-lefter {
    position: fixed;
    left: 50%;
    margin-left: -800px;
}
.ab-lefter ul{
	width: max-content;
	overflow: hidden;
}
.ab-lefter ul li{
	height: 30px;
	line-height: 30px;
	/*padding: 12px 0;*/
	font-size: 16px;
	font-weight: 900;
}
/*.ab-lefter ul:hover li a{
	color: #212121!important;
	border: 0!important;
}*/
.ab-lefter ul li a{
	height: 25px;
	line-height: 25px;
	color: #212121;
}
.ab-lefter ul li a:hover{
	color: #cf9551!important;
	border-bottom: 1px solid #cf9551!important;
}
.ab-lefter ul li.active a{
	color: #cf9551;
	border-bottom: 1px solid #cf9551;
}
.ab-main{
    position: relative;
    z-index: 1;
}
.ab-news{
	overflow: hidden;
	height: 80px;
	line-height: 80px;
	background-color: #455360;
}
.ab-news li{
	float: left;
	width: 206px;
	font-size: 18px;
	text-align: center;
}
.ab-news li.active{
	background-color: #9d8674
}
.ab-news li a{
	color: #FFF;
}
.focusNews{
	padding: 30px 15px;
	background-color: #FFF;
}
.focusNews ul{
	padding: ;
}
.focusNews ul li{
	height: 46px;
	line-height: 46px;
	padding: 10px 0;
}
.focusNews ul li a{
	padding-left: 44px;
	font-size: 20px;
	color: #76736b;
}
.focusNews ul li a span{
	float: right;
	margin-right: 22px;
	color: #d2d2d2;
	font-size: 14px;
}
.focusNews ul li a:hover{
	background-color: #fcf6f1;
	color: #313131;
}
.focusNews ul li a:hover span{
	color: #313131;
}
.page{
	height: 30px;
	line-height: 30px;
	padding: 24px 0;
	text-align: center;
	font-size: 16px;
	background-color: #f8f8f8;
	font-weight: bold;
}
.page a{
	display: inline;
	padding: 2px 5px;
	color: #afafaf;
}
.page span{
	padding: 2px 5px;
	color: #565656;
}
.intro{
	padding: 40px 52px 44px;
	background-color: #FFF;
	margin-top: 50px;
	font-size: 15px;
	color: #212121;
	letter-spacing: 1px;
}
.intro h2{
	line-height: 30px;
	margin-bottom: 60px;
	font-size: 18px;
}
.jiyu{
	padding: 40px 54px 60px;
	margin-top: 50px;
	overflow: hidden;
	color: #FFF;
	background-color: #b9aea1;
	font-size: 15px;
}
.jiyu h2{
	line-height: 30px;
	margin-bottom: 60px;
	font-size: 18px;
}
.jiyu p{text-indent: 2em;}
.jiyu div{
	float: right;
	margin-top: 50px;
}
.lingdao{
	padding: 44px 32px 48px;
	margin-top: 50px;
	background-color: #FFF;
}
.lingdao h2{
	line-height: 30px;
	margin-bottom: 40px;
	font-size: 18px;
}
.lingdao h2.lingdao
.lingdao ul{
	height: 336px;
	line-height: 50px;
}
.lingdao ul li{
	float: left;
	width: 254px;
	margin: 0 15px;
	font-size: 14px !important;
	line-height: 38px;
}
.lingdao ul li img{
	width: 100%;
}
.lingdao ul li:hover img{
	transform: scale(1.1);
}
.lingdao ul li p{
	text-indent: 2em;
	text-align: justify;
	margin-top: 20px;
}
.jigou{
	display: table;
	width: 100%;
	height: 70px;
	line-height: 70px;
	margin-top: 50px;
	text-align: center;
	background-color: #b9aea1;
	font-size: 20px;
	color: #FFF;
}
.jigou a{
	color: #FFF;
}
.jigou .jigouTitle{
	display: table-cell;
	width: 200px;
}
.jigou .jigouTitle p{
 	line-height: 20px;
	font-size: 15px;
    color: #455360;
}
.jigou .jigouTitle p:hover{
	text-decoration: underline;
}
.jigou .jigouName{
	display: table-cell;
	width: 1000px;
}
.jigouName span{
	padding: 0 16px;
	font-size: 14px;
}
.showNewTitle{
	position: relative;
	width: 1080px;
	margin: 0 auto;
	padding: 40px 60px;
    background-color: #FFF;                                                                                                                                                                                                                                                                                                                                                                                                                ;
}
.showNewTitle .ewmRead{
	width: 70px;
	height: 58px;
	position: absolute;
	right: 60px;
	top: 40px;
	cursor: pointer;
    background: url(../images/phoneread.png) no-repeat center;
    background-size: cover;     
}
.showNewTitle .ewmShow{
	position: absolute;
    top: 100%;
    right: 0px;
	display: none;
}
.showNewTitle .ewmRead:hover .ewmShow{
	display: block;
}
.showNewTitle b{
	float: right;
  margin-right: 110px;
  width: 100px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  background-color: #d29d76;
  margin-top: -10px;
  text-align: center;
}
.showNewTitle b a{
	color: #FFF;
}
.important.focusNews{
	padding: 46px 65px 120px;
	line-height: 30px;
	background-color: #f8f8f8;
	font-size: 16px;
}
.important.focusNews p{
	font-size: 18px;
}
.important.focusNews img{
	width: 100% !important;
	height: 100% !important;
}
/*.important.focusNews img{
	width: 100%!important;
	height: auto!important;
	float: none!important;
	margin: 10px 0!important;
}*/
/*.MsoNormal{text-align: left!important;}*/
/*.important.focusNews span,.important.focusNews font,.important.focusNews p{
	font-family: "STFangsong"!important; 
	line-height: 34px!important; 
	background: none!important;
	font-size: 18px !important;
}*/
.important.focusNews h1,.important.focusNews h2,.important.focusNews h3,.important.focusNews h4{margin-bottom: 20px;}
.showNewTitle h1{
	margin-bottom: 14px;
    line-height: 20px;
	font-size: 20px;
	font-weight: bold;
}
.showNewTitle span{
	font-size: 16px;
}
.jg-wrap{
	background-color: #f8f8f8;
}
.jg-title-box{
	padding: 36px 0;
	font-size: 20px;
	font-weight: bold;
	background-color: #FFF;
}
.jg-margin{
	height: 18px;
	background-color: #f2f2f2;
}
.jg{

}
.jg-content{
	padding: 50px 0 64px;
	line-height: 30px;
	font-size: 18px;
}

.dcwj{
	width: 900px;
	margin: 50px auto 0;
}
.dcwj h3{
	margin-bottom: 30px;
	line-height: 40px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}
.dcwj .table_form tbody tr{
	line-height: 46px;
	border-bottom: 1px dashed #CCC;
}
.dcwj .table_form tbody tr:last-child{
	border-bottom: 0;
}
.dcwj .table_form tbody tr:nth-last-child(2){
	/*border-bottom: 0;*/
}
.dcwj .table_form tbody th{
	display: block;
	text-align: left;
	width: 170px;
}
.dcwj .table_form tbody tr td #dosubmit{
	margin-left: 0;
	margin-top: 20px;
}
/*-------------- 关于我们END --------------*/

/*-------------- 展览陈列 --------------*/
.zhanlanList{
}
.zhanlanList li{
	position: relative;
	/*height: 539px;*/
	overflow: hidden;
	margin-bottom: 50px;
	padding: 40px 51px 60px;
	background-color: #FFF;
}
.zhanlanList li:nth-child(2n){
	background-color: #fefaee;
}
.zhanlanList li h2{
	height: 30px;
	line-height: 30px;
	margin-bottom: 24px;
	font-size: 20px;
	font-weight: bold;
}
.zhanlanList li a{
	color: #000;
}
.zhanlanList li p{
	line-height: 24px;
	margin-top: 20px; 
	/*margin-bottom: 60px;*/
}
.zhanlanList li a img{
	width: 1098px;
	/*height: 393px;*/
/*	opacity: .7;
	transition: .5s;*/
}
/*.zhanlanList li a:hover img{
	opacity: 1;
}*/
/*.zhanlanList li p:last-child{
	margin-bottom: 0;
}*/
.controlBut{
	position: absolute;
	left: 50%;
	bottom: 15px;
	width: 40px;
	height: 40px;
	margin-left: -20px;
	cursor: pointer;
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); 	/* IE 9 */
	-moz-transform:rotate(180deg); 	/* Firefox */
	-webkit-transform:rotate(180deg); /* Safari 羹 Chrome */
	-o-transform:rotate(180deg); 	/* Opera */


	display: none;
}
.cl-wrap{
	padding: 0;
	background-color: #f8f8f8;
}
.cl-main .quanjing img{
	width: 100%;
}
.cl-main .quanjing{
	padding-bottom: 0;
}
.cl-show-title-box{
	overflow: hidden;
	line-height: 160px;
	border-bottom: 1px solid #d6d6d6;
}
.cl-show-title{
	font-size: 26px;
	font-weight: bold;
}
.cl-show-more{
	width: 170px;
	height: 54px;
	line-height: 54px;
	text-align: center;
	margin-top: 52px;
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 1px;
	background-color: #FFF;
	border: 1px solid #dfdfdf;
}
.cl-show-more a{
	color: #a88b76;
}
.cl-show-content{
	padding-top: 44px;
	line-height: 26px;
	font-size: 15px;
	letter-spacing: .2px;
	color: #808080;
}
.cl-show-img{
	padding: 100px 0 140px;
}
.cl-show-img img{
	max-width: 100%;
}
.cl-show-zhanpin{
	padding-bottom: 60px;
	background-color: #EEE;
}
.cl-show-zhanpin-title{
	padding-top: 100px;
	width: 1100px;
    margin: 0 auto;
}
.cl-show-zhanpin-title-zh{
	font-size: 26px;
}
.cl-show-zhanpin-title-en{
	margin-top: 10px;
	font-size: 18px;
	color: #a88b76;
	font-weight: bold;
}
.cl-show-zhanpin-img{
	overflow: hidden;
	margin-top: 44px;
}
.cl-show-zhanpin-img li{
	float: left;
	width: 261px;
	margin: 0 17px 20px 0;
}
.cl-show-zhanpin-img li:nth-child(4n){
	margin-right: 0;
}
.cl-show-zhanpin-img li a{
	font-size: 14px;
	color: #8b8b8b;
}
.cl-show-zhanpin-img li p{
	padding: 20px 0;
	text-align: center;
}
.cl-show-zhanpin-img li div{
	position: relative;
	width: 261px;
	height: 174px;
	background-color: #6b7a99;
}
.cl-show-zhanpin-img li img{
/*	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;*/
	width: 261px;
	height: 174px;
	object-fit: cover;
}
.cl-show-neijing{
	text-align: left;
}
.cl-show-neijing img{
	/*max-width: 100%;*/
	width: 1920px;
}
.cl-show-zhinan{
	margin-top: 56px;
	line-height: 40px;
}
.cl-show-zhinan h1{font-weight: bold; font-size: 20px;}
.cl-show-zhinan h3{font-weight: bold; font-size: 16px;}
.cl-show-zhanpin-title-en.cl-show-zhinan-en{
	padding-bottom: 34px;
	border-bottom: 1px solid #d6d6d6;
}
.cl-show-njimgs{
	position: relative;
	/*overflow: hidden;*/
	width: 1920px;
	height: 880px;
}
.cl-show-njimgs .next,.cl-show-njimgs .prev{
	position: absolute;
	top: 50%;
	width: 60px;
	height: 60px;
	line-height: 60px;
	margin-top: -30px;	
	font-size: 40px;
	text-align: center;
	background-color: #ffffff91;
	color: #FFF;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    border-radius: 50%;
}
.cl-show-njimgs .next{
	right: 20%;
}
.cl-show-njimgs .prev{
	left: 20%;
}
.cl-show-njimgs li{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: .2s;
	height: 880px;
	overflow: hidden;
}
.cl-show-njimgs li img{
	margin-top: -200px;
}
.cl-show-njimgs li.active{
	opacity: 1;
}

/*-------------- 展览陈列END --------------*/

/*-------------- 精品典藏 --------------*/
.ww-wrap{
	padding-bottom: 65px;
}
.ww-main{
	position: relative;
	z-index: 2;
}
.ww-main .search{
	width: 1200px;
	margin: 0 0 30px 0;
	box-shadow: none;
}
.ww-main .search input{
	width: 1086px;
	margin-left: 18px;
	background-color: #f8f8f8;
	font-size: 16px;
}
.ww-main .search a{
	margin-left: 22px;
}
.wenwuList{
	width: 100%;
	height: 338px;
	margin-bottom: 140px;
	border-radius: 6px;
}
.wwTypeList .wenwuList:nth-child(4n+1){
	background-color: #e2dcd0;
}
.wwTypeList .wenwuList2{
	background-image: url("../images/wwbg.png");
	background-repeat: no-repeat;
	background-size: 100% 338px;
	background-color: transparent !important;
}
.wwTypeList .wenwuList:nth-child(4n+2){
	background-color: #e6e8da;
}
.wwTypeList .wenwuList:nth-child(4n+3){
	background-color: #e3ede5;
}
.wwTypeList .wenwuList:nth-child(4n+4){
	background-color: #eee7df;
}
.ww-lefter ul li a{
	display: inline-block;
}
.title{
	height: 90px;
	line-height: 90px;
	padding-left: 40px;
	font-size: 18px;
}
.wenwuList li{
	float: left;
	width: 372px;
	margin-right: 42px;
	/*background-color: #f2f2f2;*/
}
.wenwuList2 li{
	padding-right: 42px;
	margin-right: 0;
}
.wenwuList li:last-child{
	margin-right: 0;
}
.wenwuList li p{
	height: 90px;
	line-height: 30px;
	text-align: center;
	font-size: 18px;
    display: table-cell;
    background-color: #FFF;
    width: 372px;
    vertical-align: middle;
    color: #000;
}
.wenwuList li .wenwuImgBox{
	width: 372px;
	height: 248px;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	overflow: hidden;
}
.wenwuList li img{
	width: 372px;
	height: 248px;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	transition: .1s;
}
.wenwuList li:hover img{
	transform: scale(1.02);
}
.wenwuList .title a{
	float: right;
	margin-right: 34px;
	margin-top: 33px;
	height: 24px;
}
.second.wenwuList{
	padding: 90px 0 40px;
	height: auto;
	overflow: hidden;
}
.second.wenwuList2{
	padding-bottom: 0;
	margin-bottom: 0;
}
.second.wenwuList li{
	padding-bottom: 50px;
}
.second.wenwuList li a{
	color: #000;
}
.second.wenwuList li:nth-child(3n){
	padding-right: 0;
}
.secondTitle{
	position: absolute;
}
.wwshow{
	width: 1200px;
	padding-bottom: 90px;
	border-radius: 4px;
	background-color: #e2dcd0;
	font-size: 18px;
}
.wwintro{
	padding: 40px 38px 70px;
	background-color: #ffffff;
}
.wwintrotitle{
	color: #bc453c;
}
.wwintro ul{
	margin-top: 19px;
	line-height: 36px;
}
.wwshowBox{
	position: relative;
	height: 460px;
    padding: 40px 0;
}
.wwshow p{
	/*position: absolute;*/
	width: 100%;
	/*height: 90px;*/
	line-height: 90px;
	font-size: 18px;
	text-align: center;
	background-color: #FFF;
	font-weight: bold;
}
.wwshowBox li{
	position: absolute;
	left: 248px;
	width: 690px;
	height: 460px;
	margin: 0 auto;
	display: none;
}
.wwshowBox li img{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
    border-radius: 20px;
}
.wwshow li.active{
	display: block;
}
/*.wwshowBox li img{
	transition: .3s;
}
.wwshowBox li img:hover{
	transform: scale(1.168);
}*/
.wwbutton{
    position: absolute;
    top: 50%;
    height: 50px;
    width: 100%;
    margin-top: -26.5px;
}
.wwprev,.wwnext{
	position: absolute;
	width: 50px;
	height: 50px;
	border: 3px solid #ffffff00;
	border-radius: 8px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50px 50px;
	cursor: pointer;
}
.wwprev{
	left: 32px;
	background-image: url(../images/wwprev.png);
}
.wwnext{
	right: 32px;
	background-image: url(../images/wwnext.png);
}
.wwprev:hover,.wwnext:hover{
	border: 3px solid #455360;
	opacity: .8;
}
.sanwei{
	margin-top: 50px;
}
.sanwei iframe,.shipin iframe{
	border: none;
}
.shipin,.xiangguanww{
	margin-top: 50px;
}
.wwtitle{
	margin-bottom: 30px;
}
.xiangguanww{
	padding: 30px 0 0 33px;
	background-color: #FFF;
}
.wwlist{
	padding: 30px 100.5px 50px 67.5px;
	overflow: hidden;
}
.wwlist li{
	float: left;
	width: 222px;
	margin-right: 37px;
	font-size: 14px
}
.wwlist li:last-child{
	margin-right: 0;
}
.wwlist li a{
	color: #414141;
}
.wwlist li a p{
	text-align: center;
	line-height: 40px;
	overflow: hidden;
}
.wwlist li img{
	width: 222px;
	height: 148px;
}
.lwlist li{
	width: 1120px;
	line-height: 24px;
	padding-bottom: 36px;
	border-top: 1px solid #CCC;
}
.lwlist a{
	color: #000;
}
.lwlist h2{
	line-height: 50px;
	font-size: 16px;
	font-weight: bold;
}
.lwlist p{
	width: 830px;
	font-size: 15px;
	color: #848484;
}

/*-------------- 精品典藏END --------------*/

/*-------------- 服务须知 --------------*/
.fw-main{
	position: relative;
	z-index: 2;
}
.fw-opentime{
	overflow: hidden;
}
.time-box{
	position: relative;
	padding: 20px 0 0 42px;
	height: 117px;
	background-color: #455360;
}
.xingqi{
	height: 38px;
	line-height: 38px;
	font-size: 30px;
	color: #FFF;
}
.today-date{
	margin-top: 6px;
	color: #FFF;
	font-size: 50px;
	font-family: "yjyy";
}
.time-box span{
	position: absolute;
	right: 12px;
	bottom: 20px;
	color: #FFF;
}
.opentime-right{
	padding: 32px 25px;
	width: 540px;
	height: 361px;
	background: #FFF;
}
.opentime-title{
	padding-left: 32px;
	line-height: 27px;
	font-size: 18px;
	background: url(../images/opentimelogo.png) no-repeat left center;
}
.biguan{
	height: 40px;
	line-height: 40px;
	margin-top: 20px;
	font-size: 15px;
	color: #fffdfd;
	text-align: center;
	background-color: #c67677;
}
.biguan span{
	display: inline-block;
	width: 105px;
	background-color: #b96867;
}
.biguan b{
	display: inline-block;
	width: 435px;
}
.opentime-right ul{
	padding: 16px 0;
	width: 105px;
	margin-top: 6px;
	text-align: center;
	font-size: 14px;
	background-color: #eae3dd;
}
.opentime-right ul li{
	height: 40px;
	line-height: 40px;
}
.opentime-bottom-right{
	width: 435px;
	height: 62px;
	line-height: 31px;
	padding: 105px 0;
	margin-top: 6px;
	text-align: center;
	background-color: #f4f0ed;
}
.fw-traffic{
	overflow: hidden;
	margin-top: 50px;
	background-color: #FFF;
}
.traffic-l{
	padding: 10px;
}
.traffic-r{
	width: 340px;
	line-height: 24px;
	padding: 30px 80px 30px 20px;
	color: #9f9f9f;
}
.dili{
	font-weight: bold;
	color: #4a5159;
}
.xianlu{
	margin-top: 30px;
	color: #2d2d2d;
}
.ditie{
	margin-top: 20px;
	color: #2d2d2d;
}
.dili-box{
	padding-left: 30px;
}
.fw-xuzhi{
	margin-top: 50px;
	padding: 0 40px 70px;
	background-color: #FFF;
}
.type-title{
	padding: 0 185px;
	overflow: hidden;
	border-bottom: 1px solid #e7e3e0;
}
.type-title li{
	float: left;
	width: 157px;
	margin: 0 15px;
	padding: 70px 0 26px;
	font-size: 14px;
	color: #292929;
	text-align: center;
}
.type-title li.active{
	background-color: #a78b76;
	color: #FFF;
}
.type-title li:first-child{
	background-image: url(../images/xuzhi/1.png);
	background-repeat: no-repeat;
	background-position: center top 30px;
}
.type-title li:nth-child(2){
	background-image: url(../images/xuzhi/2.png);
	background-repeat: no-repeat;
	background-position: center top 30px;
}
.type-title li:nth-child(3){
	background-image: url(../images/xuzhi/3.png);
	background-repeat: no-repeat;
	background-position: center top 30px;
}
.type-title li:nth-child(4){
	background-image: url(../images/xuzhi/4.png);
	background-repeat: no-repeat;
	background-position: center top 30px;
}
.type-title li:last-child{
	background-image: url(../images/xuzhi/5.png);
	background-repeat: no-repeat;
	background-position: center top 30px;
}
.type-title li.active:first-child{
	background-image: url(../images/xuzhi/a1.png);
	background-repeat: no-repeat;
	background-position: center top 30px;
}
.type-title li.active:nth-child(2){
	background-image: url(../images/xuzhi/a2.png);
	background-repeat: no-repeat;
	background-position: center top 30px;
}
.type-title li.active:nth-child(3){
	background-image: url(../images/xuzhi/a3.png);
	background-repeat: no-repeat;
	background-position: center top 30px;
}
.type-title li.active:nth-child(4){
	background-image: url(../images/xuzhi/a4.png);
	background-repeat: no-repeat;
	background-position: center top 30px;
}
.type-title li.active:last-child{
	background-image: url(../images/xuzhi/a5.png);
	background-repeat: no-repeat;
	background-position: center top 30px;
}
.type-content{padding-bottom: 20px;}
.type-content li{
	display: none;
	line-height: 40px;
	padding: 45px 110px 10px 120px;
	font-size: 16px;
	color: #5e5e5e;
}
.type-content li:first-child{
	display: block;
}
#bujutu{
	text-align: center;
}
#bujutu li{padding: 0;}
#bujutu img{
	padding: 30px 0 34px;
  width: 600px;
}
#louceng li{
	padding: 32px 0 25px;
	background-image: none;
}
#louceng li div{
	font-size: 30px;
	font-weight: bold;
}
.zhinan{
	width: 100%;
	height: 500px;
	padding: 50px 0;
	text-align: center;
}
/*-------------- 服务须知END --------------*/

/*-------------- 社会活动 --------------*/
.sj-main{
	position: relative;
    z-index: 1;
}
.sj-main-box{
	padding: 20px 35px 55px;
	margin-bottom: 40px;
	background-color: #FFF;
}
.sj-list-title{
	overflow: hidden;
	padding-bottom: 20px;
	font-size: 24px;
	background-color: #FFF;
}
.sj-list-title-left{
	height: 36px;
	line-height: 36px;
	padding-left: 8px;
}
.sj-main .sj-main-box .sj-list-title-left.colord29d76{
	border-left: 4px solid #d29d76;
}
.sj-main .sj-main-box .sj-list-title-left.colorcc3c3e{
	border-left: 4px solid #cc3c3e;
}
.sj-main .sj-main-box .sj-list-title-left.color769bd2{
	border-left: 4px solid #769bd2;
}
.sj-list-title-right{
	width: 128px;
	height: 38px;
	line-height: 38px;
	text-align: center;
}
.sj-main .sj-main-box .sj-list-title-right.colord29d76{
	background-color: #d29d76;
}
.sj-main .sj-main-box .sj-list-title-right.colorcc3c3e{
	background-color: #cc3c3e;
}
.sj-main .sj-main-box .sj-list-title-right.color769bd2{
	background-color: #769bd2;
}
.sj-list-title-right a{
	color: #FFF;
	font-size: 20px;
}
.shhdList ul{
	
}
.shhdList ul li{
	height: 148px;
	padding: 20px 0 28px;
	border-top: 1px solid #dedede;
}
.shhdList ul li .byj-img{
	width: 231px;
	height: 154px;
	margin-right: 20px;
	overflow: hidden;
}
.shhdList ul li a{
	overflow: hidden;
	color: #000;
}
.shhdList ul li img{
	width: 100%;
	height: 100%;
	transition: .3s;
}
.shhdList ul li img:hover{
	transform: scale(1.2);
}
.shhdList ul li .byj-content{
	width: 680px;
	background-color: #FFF;
	text-align: left;
}
.shhdList ul li .byj-content h3{
	display: block;
	margin-top: 22px;
	font-size: 20px;
	color: #d29d76;
	font-weight: bold;
}
.sj-main .sj-main-box h3.colord29d76{
	color: #d29d76;
}
.sj-main .sj-main-box h3.colorcc3c3e{
	color: #cc3c3e;
}
.sj-main .sj-main-box h3.color769bd2{
	color: #769bd2;
}
.shhdList ul li .byj-content p{
	width: 630px;
	line-height: 24px;
	margin-top: 20px;
	text-indent: 2em;
	font-size: 14px;
	color: #8e8e8e;
}
.byj-date{
	width: 164px;
	height: 134px;
	margin-top: 11px;
	text-align: center;
}
.sj-main .sj-main-box .byj-date.colord29d76{
	border-left: 1px solid #d29d76;
}
.sj-main .sj-main-box .byj-date.colorcc3c3e{
	border-left: 1px solid #cc3c3e;
}
.sj-main .sj-main-box .byj-date.color769bd2{
	border-left: 1px solid #769bd2;
}
.byj-date span,.byj-date i{
	display: block;
}
.byj-date span{
	margin-top: 26px;
	line-height: 56px;
	font-weight: bold;
	font-size: 46px;
}
.sj-main .sj-main-box .byj-date span.colord29d76{
	color: #d29d76;
}
.sj-main .sj-main-box .byj-date span.colorcc3c3e{
	color: #cc3c3e;
}
.sj-main .sj-main-box .byj-date span.color769bd2{
	color: #769bd2;
}
.byj-date i{
	color: #828282;
	font-size: 14px;
}
.sj-zyz-banner{margin-bottom: 40px;}
.showNewTitle.hd{
	width: 1200px;
	padding: 40px 0;
}
.showNewTitle.hd h1{
	width: 900px;
	padding-left: 10px;
	line-height: 30px;
	font-size: 22px;
	letter-spacing: 1px;
	color: #d29d76;
	border-left: 4px solid #d29d76;
	margin-bottom: 30px;
	min-height: 60px;
}
.showNewTitle.hd i{
	margin-left: 1.5em;
}
.sj-hdbm-banner{
	margin: 40px 0;
	text-align: center;
}
.hd-wrap{
	padding: 14px 0 10px;
    background-color: #f2f2f2;
}
.sh-wrap.hd-wrap{
	padding-top: 40px;
}
.showNewTitle.hd .ewmRead{
	right: 0;
}
.yy .shhdList>ul{overflow: hidden;}
.yy .shhdList>ul>li{
    float: left;
    width: 370px;
    height: 418px;
    margin: 0 45px 50px 0;;
}
.yy .shhdList>ul>li div{
    width: 370px;
    height: 301px;
    overflow: hidden;
}
.yy .shhdList>ul>li:nth-child(3n){
	margin-right: 0;
}
.yy .shhdList>ul>li{
	padding: 0;
	border-top: none;
	background-color: #FFF;
}
.yy .shhdList>ul>li p{
	padding: 0 18px;
	line-height: 40px;
	font-size: 17px;
	border-bottom: 1px solid #ebebeb;
}
.yy .shhdList>ul>li ul{
	height: 57px;
	padding: 7px 18px 12px;
}
.yy .shhdList>ul>li ul li{
	height: 19px;
	line-height: 19px;
	padding: 0;
	border: 0;
	font-size: 12px;
}
.yy .shhdList>ul>li ul li span,.yy .shhdList>ul>li ul li i{
	color: #de945d;
}
.yy .shhdList>ul>li ul li i{
	margin-left: 5px;
}
.yy .shhdList>ul>li:hover{
	color: #FFF;
	background-color: #de945d;
}
.yy .shhdList>ul>li:hover p{
	color: #FFF;
}
.yy .shhdList>ul>li:hover ul li{
	color: #FFF; 
}
.yy .shhdList>ul>li:hover ul li span{
	color: #FFF;
}
.yy .shhdList>ul>li:hover ul li i{
	color: #000;
}
.yy-type{
	overflow: hidden;
	margin: 8px 0;
	line-height: 20px;
}
.yy-type div{
	float: left;
}
.yy-type li{
	float: left;
	padding: 0 8px;
	cursor: pointer;
	border-right: 1px solid #000;
}
.yy-type li:hover{
	color: #de945d;
}
.yy-type li.active{
	color: #de945d;
}
.yy-type2{
	padding-top: 0;
}
.yy-wrap{
	padding: 12px 0 40px;
}
.yy .sj-main-box{
	padding: 30px 0;
}
.yy .sj-list-title{
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #dedede;
}
.yy-top-box{
	background-color: #FFF;
}

/*-------------- 社会活动END --------------*/


/*-------------- 文创 --------------*/

.wc-title{
	padding-left: 10px;
	line-height: 36px;
	margin-bottom: 30px;
	border-left: 4px solid #d29d76;
	font-size: 22px;
}
.wc-list{

}
.wc-show{
	overflow: hidden;
	margin-bottom: 34px;
	padding: 41px 65px 44px 41px;
	background-color: #FFF;
}
.wc-show-left{
	width: 543px;
}
.wc-show-img-box{
	position: relative;
	z-index: 0;
	width: 541px;
	height: 436px;
	border: 1px solid #707070;
}
.wc-show-img-box li{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	opacity: 0;
	transition: .5s;
	width:541px;
	height: 436px;
}
.wc-show-img-box li img{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
}
.wc-show-img-box li.active{
	opacity: 1;
}
.wc-show-img-lbox{
	overflow: hidden;
	margin: 14px 0;
}
.wc-show-img-box li{

}
.wc-show-img-lbox li{
	float: left;
	width: 64px;
	height: 64px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #707070;
	cursor: pointer;
}
.wc-show-img-lbox li img{
	width: 100%;
	height: 100%;
}
.wc-show-img-lbox li.active{
	width: 60px;
	height: 60px;
	border: 3px solid #000;
}
.wc-show-right{
	width: 506px;
}
.wc-show-right-title{
	line-height: 40px;
	color: #bc453c;
	font-size: 18px;
	border-bottom: 1px solid #dedede;
}
.wc-show-right p{
	margin-top: 14px;
	line-height: 24px;
	font-size: 14px;
	letter-spacing: 1px;
	margin-bottom: 86px;
}
.wc-buy-ewm{
	width: 494px;
	height: 152px;
	text-align: center;
    vertical-align: middle;
    display: table-cell;
	background: url("../images/wc_buy.png") no-repeat;
}
.wc-buy-ewm-box{
	width: 111px;
	height: 111px;
	margin-left: 19px;
	background-color: #FFF;
	border: 1px solid #707070;
}
.wc-buy-ewm-box img{
	width: 100%;
	height: 100%;
}
.sj-wrap{
	background-color: #ebe6d9;
}


/*-------------- 文创END --------------*/

/*-------------- 志愿者 --------------*/

.sh-wrap.hd-wrap.zyz-wrap{
	padding: 0;
	background-color: #FFF;
}
.zyz-main{
	position: relative;
	width: 1920px;
	height: 733px;
	background-image: url("../images/zhiyuanzhe1.png");
	background-repeat: no-repeat;
}
.about-zyz{
	position: absolute;
	left: 52%;
	top: 65px;
	width: 520px;
}
.about-zyz-title{
	line-height: 40px;
	margin-bottom: 30px;
	font-size: 22px;
}
.about-zyz p{
	line-height: 25px;
	font-size: 14px;
}
.zyz-intro-title{
	line-height: 100px;
	margin-bottom: 36px;
	border-bottom: 1px solid #bfbfbf;
	font-weight: bold;
	color: #4267b2;
	font-size: 26px;
}
.zyz-intro{padding-bottom: 100px;}
.zyz-intro p{
	text-align: justify;
	font-size: 14px;
}
.zyzzc-box{
	overflow: hidden;
}
.zyzzc-img,.zyzzc-word-box{
	height: 524px;
	width: 50%;
	float: left;
}
.zyzzc-img{
	text-align: right;
	background-color: #f2f2f2;
}
.zyzzc-img img{
	margin: 38px 30px 0 0;
}
.zyzzc-word-box p{
	width: 600px;
	margin: 72px 0 0 46px;
	background-color: #FFF;
	font-size: 16px;
}
.zyzzc-word-box p span{
	font-size: 20px;
	font-weight: bold;
}
.zyz-wrap .sj-hdbm-banner{
	margin: 0;
}

/*-------------- 志愿者END --------------*/

/*-------------- 志愿者章程 --------------*/

.sh-wrap.hd-wrap.zyz-wrap.zc-wrap{
	background-color: #f2f2f2;
}
.zc-title-box{
	padding: 36px 0;
	background-color: #FFF;
}
.zc-title{
	width: 1174px;
	padding-left: 22px;
	line-height: 36px;
	border-left: 4px solid #4267b2;
	font-weight: bold;
	font-size: 26px;
}
.zc-gg-content{
	padding-bottom: 216px;
	line-height: 26px;
	letter-spacing: 1px;
}
.zc-gg-content h1{
	line-height: 60px;
	font-size: 30px;
	font-weight: bold;
}
.zc-gg-content h2{
	line-height: 40px;
	font-size: 20px;
	font-weight: bold;
}
.zc-gg-content h3{
	line-height: 30px;
	font-size: 16px;
	font-weight: bold;
}
.zc-gg-bottom{
	height: 363px;
	background-color: #4267b2;
}
.zc-gg-ewm{
	width: 114px;
	margin: 0 auto;
}
.zc-gg-ewm img{
	width: 114px;
	height: 114px;
	margin-top: -57px;
}
.zc-gg-ewm p{
	margin-top: 20px;
	font-size: 16px;
	color: #FFF;
	text-align: center;
}
.zc-gg-download{
	width: 494px;
	height: 66px;
	margin: 90px auto 0;
	font-size: 26px;
}
.zc-gg-download a{
	height: 66px;
	line-height: 66px;
	text-align: center;
	color: #414141;
	background-color: #FFF;
	border-radius: 5px;
}

/*-------------- 志愿者章程END --------------*/

.footer{
	padding: 35px 0 15px;
	background-color: #455360;
}
.footer-l{
	
}
.footer-l>ul{
	width: 816px;
}
.footer ul .categorys{
	width: 136px;
	float: left;
	line-height: 30px;
	font-size: 16px;
}
.footer ul .categorys a{
	color: #f7f7f7;
}
.footer ul .categorys>a:hover{
	font-size: 20px;
}
.categorys ul li>a:hover{
	font-size: 14px;
}
.footer ul .categorys ul li{
	line-height: 22px;
	font-size: 12px;
}
.footer ul .categorys ul li>a{
	line-height: 20px;
}
.footer-r{
	line-height: 30px;
	text-align: right;
	color: #FFF;
}
.footer-r a{
	display: inline;
	color: #FFF;
}
.footer-r>img{
	margin: 6px 80px 6px 0;
}
.back-to-top-box{
	position: fixed;
	bottom: 350px;
	left: 50%;
	margin-left: 700px;
	display: none;
}
.back-to-top{
	position: absolute;
	right: 0;
}
.back-to-top div{
	width: 70px;
	height: 70px;
	line-height: 70px;
	color: #FFF;
	font-size: 22px;
	text-align: center;
	background-color: #97a2ac;
	cursor: pointer;
}
.back-to-top div img{
    position: absolute;
    left: 0;
	width: 70px;
	height: 70px;
	transition: .5s;
}
.back-to-top div img:hover{
	width: 140px;
	height: 140px;
}
/*.back-to-top .wxqrcode:hover .img{
	display: block;
}*/



@media screen and (max-width:768px) {
	.c-banner{
		width: 100%;
		height: 345px;
		overflow: hidden;
	}
	.c-banner .banner ul li img{
		width: 768px;
		height: 345px;
		position: absolute;
		left: 50%;
		margin-left: -384px;
	}
	.page a{
		font-size: 8px;
	}
}
/*首页飘窗*/
#roll {
    height: 200px;
    width: 200px;
    position: fixed; /*fixed实现绝对定位*/
    cursor:pointer;
    z-index: 999;
}
#roll img{
    height: 200px;
    width: 300px;
    
}

