@charset "utf-8";
/* CSS Document */
@media only screen and (max-width:1024px){
	.fiftyone{padding: 60px 0 0 0;}
	.pcrow {margin-right:0px; margin-left: 0px;}
    .brand img{ max-width:100%; height:auto;}
	body{ background:#1c1c1c;width: 100%;height: 100%;}
	body.open{overflow: hidden;}
	.mlr50,.mlr200{ margin:0 15px;}
	header{padding:10px 0; overflow:auto;background: #1c1c1c;}
	header nav.show,header nav{ display:none !important;}
	header nav li {display: block;min-height: 49px;border-top: 1px solid #313233;font-size: 1.3rem; width: 100%;}
	#leftcontrol { width: 260px;height: 100%;background:#202020; position:fixed;top: 0;overflow-x: hidden;overflow-y: auto;padding-top:50px; transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);-webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);transform: translate3d(-260px,0,0);-webkit-transform: translate3d(-260px,0,0);}
	body.open #leftcontrol{transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);}
	#leftcontrol ul li { display: block; min-height: 49px;font-size:16px;line-height:49px; position:relative;}
	#leftcontrol ul li ul{ padding:0 0 20px 0; display:none;}
	#leftcontrol ul li ul li{ border-top:none; line-height:30px; font-size:14px; min-height:30px;}
	#leftcontrol ul li span{ color:#fff; font-size:20px; vertical-align:middle; margin:0 5px;}
	#leftcontrol ul li.on{ background:#bf9d5b;}
	#leftcontrol ul li a{ color:#fff;}
	#leftcontrol ul li span.more {width: 12px;height: 12px; display:inline-block; margin:-3px 14px 0 0;}
	#leftcontrol ul li span.more span {background: #fff;position: absolute;}
	#leftcontrol ul li span.more span.h {width: 12px;height: 2px;transform: translate3d(0,5px,0);-webkit-transform: translate3d(0,5px,0)}
	#leftcontrol ul li span.more span.v {transform: rotate3d(0,0,1,90deg) translate3d(5px,0,0);-webkit-transform: rotate3d(0,0,1,90deg) translate3d(5px,0,0);}
	#leftcontrol ul li.active span.more span.v {transform: rotate3d(0,0,0,0) translate3d(0,5px,0);-webkit-transform: rotate3d(0,0,0,0) translate3d(0,5px,0);}
	#leftcontrol{ opacity:1;}
	.transform {transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);-webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
	body.open #sitecontent {transform: translate3d(260px,0,0);-webkit-transform: translate3d(260px,0,0); top:0px; position:fixed;}
	#sitecontent {z-index: 1;position: relative;height: 100%;/*box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.6)*/;}
	
	.logo.fl{ float:none;}	
	.logo img{ width:100px;}
	header .toggle{ left:0px; right:auto;opacity:1; height:30px; top:5px; z-index:9999;}
	header .toggle em{ height:2px;}
	header .toggle em:first-child{top:0px;-webkit-transform:translateY(0px);transform:translateY(0px);    transform: translateZ(0px) rotate(0deg);
    transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
    -webkit-transform: translateZ(0px) rotate(0deg);
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;}
	header .toggle em:nth-child(2){top:10px;    transform: translateZ(0px) rotate(0deg);
    transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
    -webkit-transform: translateZ(0px) rotate(0deg);
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;}
	header .toggle em:last-child{top:20px;-webkit-transform:translateY(0px);transform:translateY(0px);}
	body.open .toggle em:first-child{transform: translateZ(0px) rotate(45deg);
    transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;
    -webkit-transform: translateZ(0px) rotate(45deg);
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;}
	body.open .toggle em:nth-child(2){top:0px;	transition: transform 0.2s ease 0s;transform: translate3d(0px, 0px, 0px);-webkit-transition: -webkit-transform 0.2s ease 0s; -webkit-transform: translate3d(0px, 0px, 0px);transform: translateZ(0px) rotate(-45deg);-webkit-transform: translateZ(0px) rotate(-45deg);}
	body.open .toggle em:last-child{ transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s; opacity:0;}
	.nav-bar{ padding:20px 0 0 0;}
	.nav-bar a{ display:inline-block; width:40px; height:40px; border-radius:50%; margin:0 5px;overflow:hidden; background-color:#bf9d5b; background-repeat:no-repeat; background-position: center center; background-size:20px;}
	.nav-bar a.wechat{ background-image:url(../images/wechat.png);}
	.nav-bar a.shop{ background-image:url(../images/shop.png);}
	.nav-bar a.lang{ background-image:url(../images/lang.png);}
	h3.index-title{ display:none;}
	h3.index-tit{display:none;}
	.index-about .info p{ font-size:14px;}
	.index-sunav{ padding:10px 0;}
	/*.mingzuo-list{ margin-top:80px;}*/
	.index-title-a{ display:none;}
	.Copy{ position:static; font-size:10px; text-transform:uppercase;}
	.sj{ display:block;}
	.pc{ display:none;}
	.three{ left:0px; right:0px; /*border-bottom:solid 1px #40382c; background:#202020;*/ margin:0 -15px; padding:10px 0;}
	.three a{ display:inline-block;  padding:0px 10px; margin:0 6px; font-size:14px;}
	.three a.on{ background:#bf9558; color:#202020;}
	.mingzuo-list-box .col-md-3 .gallery-thumb .gallery-zoom{ display:none;}
	.mingzuo-list-box .col-md-3 .gallery-thumb ,.rongyu-list-box .col-md-3 .gallery-box{ width:40%; float:left; margin:0px;}
	.mingzuo-list-box .col-md-3 .mingzuo-name,.rongyu-list-li h3{ width:60%; float:right; margin:0px; background:none; padding:10px 15px; line-height:30px; height:auto; overflow:hidden; padding-right:0px;}
	.mingzuo-list-li h3 span{ font-size:14px;}
	.mingzuo-name p{ font-size:14px;}
	.mingzuo-list-box{ margin-top:10px;}
	.rongyu-list,.index-about,.jiecengshenghuo,.index-news,.shejishi,.mingzuo-list{ padding-top:50px;}
	.jiecengshenghuo-list{}
	.rongyu-list-box{ margin-top:10px; padding:0px;}
	.index-menu{ border-bottom:solid 1px #40382c; background:#202020; padding:10px 0;}
	.index-menu span a{ display:inline-block;  padding:0px 6px; margin:0 6px; font-size:14px; border-bottom:none;}
	.index-menu span a.on{ background:#bf9558; color:#202020;}
	.rongyu-list-box .col-md-3{ border-top:solid 1px #40382c; padding:10px 0; margin-bottom:0px;}
	
	.mt30{ margin-top:10px;}
	.ml50{ margin-left:0px;}
	.description li span{ width:60px;}
	.description li{ padding:10px 0 10px 80px;}
	
	.jieceng-list-li{ background:none; margin:0px; z-index:0;}
	.jieceng-list-li li{ margin-bottom:10px;}
	.jieceng-list-li li.on h3{ border:solid 2px #bf9558;}
	.jieceng-list-li li h3{ background:#333333; border:solid 2px #333; font-size:14px; color:#d1d1d1; font-weight:normal; line-height:24px; height:68px;position:relative; text-align:left; padding:10px 15px 10px 70px;z-index:-1; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;display: -webkit-flex;display: flex; display: -webkit-box-flex;-webkit-line-clamp: 3; -webkit-box-orient: vertical; }
	.jieceng-list-li li h3 span{ font-size:36px; color:#d1d1d1; display:inline-block; margin:0 10px; vertical-align:middle; position:absolute; left:0px; top:23px;}
	.jieceng-list-li li .jieceng-list-li-info{ width:100%; float:none;padding:15px 0; display:none;}
	.index-news, .index-about{ padding-bottom:10px;}
	.shejishi-list-li{ margin:10px;}
	.shejishi-list-li li{ margin:10px 0;}
	.shejishi-list-li-thumb{ width:40%; float:left;}
	.shejishi-list-li-info{ width:60%; float:right;text-align:left;}
	.shejishi-list-li-info h3{ padding-left:8px; font-size:18px; color:#bf9558; line-height:30px;}
	.shejishi-list-li-info h3 span{ font-size:12px;color:#818181;}
	.shejishi-list-li-info .desc{ padding-left:8px; font-size:14px; color:#818181; line-height:20px; height:80px; overflow:hidden;}
	.shejishi-list-li-info p{ padding:10px; font-size:14px;}
	
	.jidi-list-box{ margin-top:20px;}
	.jidi-list-box .col-md-3 .gallery-box a .captn{ display:none;}
	.jidi-list-box .col-md-3 .gallery-box{ margin:0 5px;}
	.jidi-list-box .col-md-3{ margin-bottom:10px;}
	.jidi-list-box-title{ padding-bottom:10px; line-height:54px;}
	.jidi-list-box-title:after,.jidi-list-box-title:before{ content:"_____"; color:#bf9558; display:inline-block; width:50px; vertical-align:middle;}
	.jidi-list-box-title span{ display:inline-block; margin:0 5px; color:#d1d1d1;}
	.jidi-list-box-title em{ line-height:14px; display:inline-block; margin:0 5px; color:#d1d1d1; vertical-align:middle;}
	.jidi-list-box-title b{ line-height:33px; height:33px; display:inline-block; width:18px; background:url(../images/b-bg.png) no-repeat center center; text-indent:-9999px;}
	
	.shishanghui{ padding:0px; margin-top:70px;}
	.shishanghui-li{ margin:0 15px;}
	.shishanghui-title{ padding:30px 0 10px 0;}
	
	.sj-guwen-thumb{ width:220px; height:220px; overflow:hidden; border-radius:50%;  border:solid 5px #555; margin:20px auto;}
	.sj-guwen-thumb img{ width:220px;}
	.guwen-title h3{}
	.guwen-title p{ color:#959595; padding:10px 0;}
	.guwen-desc{ color:#959595; text-align:left; padding:5px 0;}
	.guwen-h3{ font-size:16px; padding:10px 15px;}
	.guwen-ul{ margin:0 13px;}
	.guwen-ul-li{ margin:0 2px 5px 2px;}
	.guwen-ul-li img{ width:100%;}
	
	.guwen-win-list{ padding:20px;}
	.guwen-win-list li{ position:relative; padding:15px 0 15px 60px;}
	.guwen-win-list li:before{ content:''; display:inline-block; width:2px; position:absolute; top:0px; bottom:0px; left:20px; background:#bf9558;}
	.guwen-win-list li .date{ width:35px; height:35px; border-radius:50%; overflow:hidden; line-height:35px; text-align:center; background:#bf9558; color:#fff; position:absolute; top:20%; left:3px; font-size:14px;}
	.guwen-win-list li .guwen-win-li{ border:solid 1px #bf9558; color:#959595; padding:10px;border-radius:5px;text-align:left; position:relative;}
	.guwen-win-list li .guwen-win-li:after{ content:''; background:url(../images/win-li-bg.png) no-repeat center center #1c1c1c; width:13px; height:16px; position:absolute; top:10%; left:-12px;}
	
	.sj-index{ background:url(../images/sj-banner-bg.png) no-repeat 50% top; background-size:100%}
	.sj-banner{}
	.sj-banner-text{ margin:0 10px; padding:0px 0 15px 0;}
	
	.sj-index-news{ margin:0 20px 50px 20px; position:relative; padding:20px 20px 0 20px; text-align:left;}
	.sj-index-news:before{ content:''; display:inline-block; border:solid 4px #bf9558; background:#000; opacity:0.5; position:absolute; top:0px; left:0px; right:0px; bottom:0px; z-index:-1;}
	.sj-index-news ul{ padding:20px 0;}
	.sj-index-news li{ text-align:left; line-height:30px;display:block;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis; color:#fff; position:relative; padding-left:20px;}
	.sj-index-news li:after{ content:''; position:absolute;top:13px; left:0px; width:5px; height:5px; background:#bf9d5b; border-radius:50%; overflow:hidden; font-size:18px; color:#bf9d5b;}
	.sj-index-news li a{ font-size:14px; color:#fff;}
	
	.sj-index-news .owl-controls{ position:absolute; bottom:-30px; text-align:left;}
	.sj-index-news .owl-theme .owl-controls .owl-page span{ width:50px; height:3px; border-radius:0px; margin:5px;}
	
	.sj-news{ text-align:left;}
	.sj-news-title{ font-size:16px; padding:10px 0; text-align:center;}
	.sj-news-data{ color:#746d53; font-size:14px; text-align:center;}
	.sj-new-desc{ padding:10px 0; color:#949494; font-size:14px; line-height:24px;}
	.sj-new-desc img{ max-width:80% !important; padding:10px 0 !important; height:auto !important; display:block; margin:0 auto;}
	.sj-share-title{ font-size:16px; color:#949494; text-align:center; padding:20px 0; position:relative;}
	.sj-share-title:before{ content:''; display:inline-block; width:40%; height:1px; background:#949494; position:absolute; left:0px; top:32px;}
	.sj-share-title:after{ content:''; display:inline-block; width:40%; height:1px; background:#949494; position:absolute; right:0px; top:32px;}
	.sj-share{ padding:20px 0;}
	.sj-share-a{ text-align:center;}
	.sj-share-a a{ display:inline-block; width:32%; text-align:center; color:#949494;}
	.sj-share-a a i{ display:block; margin:0 auto 5px auto; width:50px; height:50px; background-color:#4b4b4b; border-radius:50%; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:30px;}
	.sj-share-a a.share-a i{ background-image:url(../images/share-a.png);}
	.sj-share-a a.share-b i{ background-image:url(../images/share-b.png);}
	.sj-share-a a.share-c i{ background-image:url(../images/share-c.png);}
	.sj-yiye-thumb{ padding:20px 0 30px 0; background:url(../images/sj-yiye-thumb-bg.png) repeat-x left bottom;}
	.sj-yiye-thumb img{ max-width:100%;}
	.sj-yiye-name{ padding:10px 0;}
	.sj-yiye-name h3{ font-size:16px; line-height:24px;}
	.sj-yiye-name p,.sj-yiye-desc{ font-size:14px; color:#fff;}
	.maximg{ text-align:center;}
	.maximg img{ max-width:100%;}
	.events,.scroll,.item-thumb,.about-scroll,.shishanghui-li-thumb,.jieceng-list-li-info{ height:auto;}
	.index-menu span a, .index-sunav span a{ padding:2px 8px; margin:0;}
	.owl-buttons{ float:left; width:100%; padding:20px 0;}
	.owl-next,.owl-prev{ position:static; text-indent:0px; display:inline-block; border:solid 1px #bf9558; height:30px; line-height:30px; border-radius:5px; overflow:hidden; margin:0 10px; width:auto; padding:0 15px;}
	.owl-next a,.owl-prev a{ color:#bf9558;}
	.owl-prev::before,.owl-prev::after,.owl-next:after,.owl-next:before{ display:none;}
	.p30{ padding-top:10px; padding-bottom:10px;}
	.mingzuo-list-box .col-md-3{ width:50%; float:left; padding:0 5px; margin-bottom:10px; border-left:none;}
	.mingzuo-list-box dl dt,.mingzuo-list-box .mingzuo-info{ display:none;}
	.mingzuo-list-box dl dd{ width:100%;}
	.mingzuo-list-box dl dd h3 a{ font-size:14px; display:inline-block; line-height:20px; height:20px; overflow:hidden;}
	.shishanghui-li::after{ bottom:-15px;}
	.contact-info dd{ font-size:14px; line-height:20px;}
	.yishu{ width:100%;}
	.yishu-menu ul li{ width:50%; float:left;}
	.mingzuo-list-box .mingzuo-img img{ max-width:100%;}
	
	.sj-yuanzhu-list li{ border-top:solid 1px #40382c; padding:10px 0; text-align:left;}
	.sj-yuanzhu-list li img{ margin-top:20px;}
	.sj-yuanzhu-list li h3{ font-size:16px; line-height:40px; color:#bf9558;}
	.sj-yuanzhu-list li p{ line-height:20px; font-size:14px;}
	dt.barA span{ font-size:14px; line-height:30px;}
	.jidi-list-box .col-md-3 .gallery-box .captn{ padding:0 10%;}
	.gallery-box:hover span.rollover1{ display:none;}
	.rongyu-list-li:hover h3 span{ display:none;}
	.rongyu-list-li:hover h3:after{ display:none;}
	.mobile-banner img{ max-width: 100%; }
}
@media only screen and (max-width:375px){
	#leftcontrol ul li ul li,.shejishi-list-li-info h3 span,.three a,.mingzuo-list-li h3 span,.mingzuo-name p,.index-menu span a,.shejishi-list-li-info p,.guwen-win-list li .date,.sj-index-news li a,.sj-news-data,.sj-new-desc,.sj-yiye-name p,.sj-yiye-desc,.contact-info dd,.sj-yuanzhu-list li p{ font-size:12px;}
	}