/**************************
*** Time: 2018-03-27
*** author: Qiuyue
*** 
****************************/


@charset "utf-8";

@import url("iconfont.css");

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	/*font-weight:normal;*/
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
/*h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}*/
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}

*{box-sizing:border-box;}
html{
	width: 100%;
	height: 100%;
	box-sizing:border-box;
	-webkit-text-size-adjust:none;
}
html::-webkit-scrollbar {
    /*width: 0px;*/
}
 
html::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
html::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(0,0,0,0.2); 
    -webkit-box-shadow: inset 0 0 6px rgba(144,144,144,0.2); 
}

body{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	position: relative;
	font-size: 14px;
	font-family: "Noto Sans S Chinese",Arial,Helvetica,"Microsoft JhengHei",Sans-Serif;
	overflow: hidden;
	color: #333;
	-webkit-print-color-adjust:exact;
}
input{
  border: none;
  padding-left: 9px;
  padding-right: 9px;
  font-size: 100%;
  font-family: "Noto Sans S Chinese","Microsoft JhengHei";
}
input[type="submit"]{
	cursor: pointer;
}
textarea{
  border: none;
  padding: 9px;
  font-size: 100%;
  font-family: "Noto Sans S Chinese","Microsoft JhengHei";
}
form{
	width: 100%;
	height: 100%;	
}
select{
	 font-family: "Noto Sans S Chinese","Microsoft JhengHei";
}
:focus {
    outline: none;
}
a {
  text-decoration: none;
  color: #b39f7a;
  	-webkit-tap-highlight-color:rgba(128,128,128,0);
	-webkit-user-select: none;
	-o-transition: all .15s linear;
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	transition: all .15s linear;
}
a:hover:not[ul.verticalBtn > li > a]{
  color: #b39f7a;
  	-o-transition: all .15s linear;
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	transition: all .15s linear;
}
img {
	display: inline-block;
	max-width: 100%;
}
.Wrapper{
	width:100%;
	height: 100%;
}

.indent2em {
	text-indent: 2em;
}

.displayTable {
	display: table;
	width: 100%;
	height: 100%
}

.displayTableCell {
	display: table-cell;
	vertical-align: middle
}

::-webkit-scrollbar-track-piece {

 width:4px;

 background-color:#E3E3E3

}

::-webkit-scrollbar {

 width:4px;

 background-color:#989393

}


::-webkit-scrollbar-thumb {

 width:4px;

 background-color:#989393

}

::-webkit-scrollbar-thumb:hover {

 width:4px;

 background-color:#989393

}

/*==Header==*/
.Header{
	width: 4.7%;
	width: 4.7vw;
	height: 100%;
	position: fixed;
	background-color: #F8F8F8;
	left: 0px;
	top: 0px;
	z-index: 100;
}
.Header a{
	display: block;
}
.Header a.navBtn{
  width: 100%;
  height: 6.68%;
  margin-top: 6vh;
  text-align: center;
  padding: 14% 22%;
}
.Header a>img {
  width:68%;
    max-width: 33px;
}

.Header a>img:nth-child(2){
    display: none;
}

.Header .Header-logo {
	display: none;
}

.Header h1 {
	width: 59%;
	max-width: 52px;
	height: 273px;
	text-indent: -99999px;
	background-image: url(../images/logo.png);
	background-size: contain;
	background-repeat: no-repeat;
	margin: 25px auto;
	background-position: center top;
}

/*--分享--*/

/*.Header .share {*/
/*    position: absolute;*/
/*    right: 0;*/
/*    bottom: 170px;*/
/*    z-index: 9999;*/
/*    width: 100%;*/
/*    text-align: center;*/
/*}*/
.Header .share>a {
	display: block;
	width: 30px;
	height: 30px;
	background-image: url(../images/icon/share.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin: 0 auto;
	text-indent: -9999px;
}
.Header .share ul {
	display: none;
	position: absolute;
    top: -12px;
    left: 100%;
    z-index: 999;
    width: 300px;
	height: 55px;
    padding-left: 5px;
}
.Header .share li{
    display: inline-block;
    width: 55px;
	height: 55px;
}
.Header .share ul a {
	text-indent: -9999px;
	display: block;
	width: 100%;
	height: 55px;
	background-color: rgba(0, 0, 0, 0.75);
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: center;
	-o-transition: all .20s linear;
	-webkit-transition: all .20s linear;
	-moz-transition: all .20s linear;
	transition: all .20s linear;
	margin: 0;
}
.Header .share ul a:hover {
	-o-transition: all .20s linear;
	-webkit-transition: all .20s linear;
	-moz-transition: all .20s linear;
	transition: all .20s linear;
}
.Header .share li.more {
	display: none;
}
.Header .share li.tsina a {
	background-image: url(../images/icon/tsina.png);
}
.Header .share li.weixin a {
	background-image: url(../images/icon/weixin.png);
}
.Header .share li.qzone a {
	background-image: url(../images/icon/qzone.png);
}
.Header .share li.cqq a {
	background-image: url(../images/icon/cqq.png);
}
.Header .share li.xiaoyou a {
	background-image: url(../images/icon/xiaoyou.png);
}

.Header .share ul li.tsina a:hover {
	background-color: #EC2913;
}
.Header .share ul li.weixin a:hover {
	background-color: #00BA0C;
}
.Header .share ul li.qzone a:hover {
	background-color: #FFD64B;
}
.Header .share ul li.cqq a:hover {
	background-color: #7BD3F0;
}
.Header .share ul li.xiaoyou a:hover {
	background-color: #54A92B;
}


#jiathis_weixin_modal {
	width: 260px!important;
	margin-left: -130px!important;
}
#jiathis_weixin_modal #jiathis_modal_body {
	height: 241px!important;
}
#jiathis_weixin_modal #jiathis_webchat img {
	margin-top: 10px!important;
}
/*.Header .topWeix,*/
/*.Header .topTel {*/
/*    position: absolute;*/
/*    right: 0;*/
/*    bottom: 240px;*/
/*    z-index: 9999;*/
/*    width: 100%;*/
/*    text-align: center;*/
/*}*/
.Header .topWeix .ic-t,
.Header .topTel .ic-t {
	display: block;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin: 0 auto;
	text-indent: -9999px;
}
.Header .topTel .ic-t {
	background-image: url(../images/icon/toptel.png);
}
.Header .topWeix .ic-t {
	background-image: url(../images/icon/topweix.png);
}


.PCNav .menu-wrapper .sub-menu-toggle {
	display: none;
}

.PCNav .copyright .contact-wrapper {
	display: block;
	padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #EFEFEF;
}
.PCNav .copyright .contact-wrapper .copyright3 {
	padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #EFEFEF;
}
.contact-wrapper li {
    margin-top: 5px;
    color: #666;
}
.contact-wrapper li span {
	display: block;
    padding-left: 18px;
	background-repeat: no-repeat;
	background-position: left top 4px;
	-webkit-background-size: 12px 14px;
	background-size: 12px 14px;
}
.contact-wrapper .address span {
	background-image: url(../images/icon/nav_add.png);
}
.contact-wrapper .tel span {
	background-image: url(../images/icon/nav_tel.png);
}
.contact-wrapper .email span {
	background-image: url(../images/icon/nav_email.png);
}
.contact-wrapper li a {
	color: #666;
}
.contact-wrapper li a:hover {
	color: #b39f7a;
}
.custom-logo-link img {
	height: auto;
}

/*==Footer==*/
.Footer{
	padding-left: 6%;
	width: 100%;
	height: 569px;
	background-color: rgba(0, 0, 0, 0.5);
	position: fixed;
	right: 0px;
	bottom: -492px;/*570-78*/
	z-index: 99;
	color: #FFF;
	-o-transition: bottom .6s ease-out;;
	-webkit-transition: bottom .6s ease-out;;
	-moz-transition: bottom .6s ease-out;;
	transition: bottom .6s ease-out;;		
}

.Main{
	padding-left: 4.7%;
	padding-left: 4.7vw;
	width: 100%;
	width: 100vw;
	height: 100%;
	overflow: hidden;
	position: absolute;
	/*-webkit-transform-style: preserve-3d;IE Edge的左边按钮区会有问题(沿着往下滚)*/
}

/*整块滑动套件的点点*/
.pagination {
	position: absolute;
	left:0;
	bottom: 4%;
	width: 100%;
	z-index: 9999;
	list-style: none;
	margin: 0;
	padding: 0;
}
.pagination li {
	padding: 6px 0;
}
.pagination li a:hover:after {
    content: "";
    position: absolute;
    width: 100px;
    text-align: center;
    height: 27px;
    line-height: 27px;
    right: -114px;
    bottom: -7px;
    color: #ED0000;
    background-color: rgba(0, 0, 0, 0.4);
}
.pagination li a:hover:before {
    
    content: "";
    display: block;
    position: absolute;
    right: -14px;
    bottom: -7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 10px 14px 0;
    border-color: transparent rgba(0, 0, 0, 0.4) transparent transparent;
}

.pagination li:nth-child(1) a:hover:after {content: "热门活动";}
.pagination li:nth-child(2) a:hover:after {content: "作品赏析";}
.pagination li:nth-child(3) a:hover:after {content: "工艺技术";}


.pagination li a{
	position: relative;
	margin: 0 auto;
	width: 17px;
	height: 17px;
	display: block;
	border: 1px solid transparent;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-ms-transition:all 0.2s ease;
	background: #aaa;
}
.pagination li a:hover,.pagination li a.active{
	margin: 0 auto;
	width: 17px;
	height: 17px;
	display: block;
	background: none;
	border-radius: 10px;
	border-color: #ed0000;
	background: #ED0000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-transition:all 0.5s ease ;
}



.clear{
	clear: both;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}



/*-----------NAV增加的---------------*/
#navMenu .mm-panel .others {
	position: absolute;
	font-size: 76%;
}
.mm-panel .others.typeA{bottom: -68px;}


#navMenu .mm-panel .others.searchA {
	top: 22px;
    left: 6%;
    width: 88%;
	bottom:auto !important;
}
#navMenu .mm-panel .others.searchA>* {
	vertical-align: top;
}
#navMenu .mm-panel .others.searchA .search-field{
	width: 80%;
	height: 29px;
	margin-right: 5px;
	padding-left: 10px;
	color: #5C5C5C;
	font-size: 90%;
	outline: none;
}
#navMenu .mm-panel .others.searchA .search-submit{
	border: none;
	width: 24px;
	height: 28px;
	background-image: url(../images/icon/icon_search_phone.png);
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	text-indent: -9999px;
	vertical-align: middle;
	overflow: hidden;
	white-space: nowrap;
	background-color: transparent;
	outline: none;
}
#navMenu .mm-panel .others:after{
	border: none;
}


.Footer2 {
	display: none;
}
.Header .tttpcpc {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 120;
    width: 100%;
}

.Header .tttpcpc .topmargg {
    position: relative;
    margin-top: 30px;
}


@media screen  and (max-width: 1680px) {
	.director_list .director {
	    width: 100%;
	}
	.desc {    width: calc(100% - 220px);}
}
@media screen  and (max-width: 1280px) {
	.president_img span{
	    font-size: 180%;
	}
	.desc {width: 320px;}
}
@media screen  and (max-width: 1024px) {
	.page .footable td.footable-first-column {
   		padding-left: 60px !important;
	}
	.exhibition.msg .noResult,.activity.msg .noResult{
	    width: 51vw;
	}
	.exhibition.msg .noResultAll,.activity.msg .noResultAll{
	    width: auto; 
	    margin-left: -10vw;
	}

    .npm_map img{
        width: 100%;
    }


}
@media screen  and (max-width: 768px) {
	body{
		overflow: initial;
	}
	.Header {
		width: 100%;
		height:45px;
		box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.31);
	}
	.Header a {
    	position: relative;
    	overflow: hidden;
	}
	.Header a.navBtn {
		margin: 0;
		float: left;
		width: 50px;
		height: 45px;
		padding: 0;
	}
	.Header a>img {
		margin-top: 11px;
		width: 22px;
	}
	.Header .Header-logo {
		display: block;
		margin-right: 55px;
	}
	.Header h1 {
		max-width: none;
		height: 37px;
		width: 180px;
		margin: 0 auto;
		margin-top: 5px;
		background-image: url(../images/logo2.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center top;
	}
	
	.Header .tttpcpc {
	    left: auto;
	    right: 0;
	    top: 0;
        width: auto;
	    display: flex;
        justify-content: end;
	}
	.Header .tttpcpc .topmargg {
	    margin-top: 0;
	}
	
	.Header .topWeix .ic-t,
	.Header .topTel .ic-t {
		margin-top: 7px;
	    -webkit-background-size: 20px;
	    background-size: 20px;
	}
	.Header .share {
		width: 30px;
		height: 45px;
	}
	.Header .share>a {
		margin-top: 7px;
		-webkit-background-size: 20px;
		background-size: 20px;
	}
	.Header .share ul {
	    left: auto;
	    top: 100%;
	    right: 0;
	    width: 55px;
	    padding-left: 0;
	}
	.Header .share li {
	    display: block;
	}
	.Header .share li a {
	    border-bottom: 1px solid rgba(255, 255, 255, 0.34);
	}
	.Header .share li:last-child a{
		border-bottom:none;
	}
	.Main {
		width: 100%;
		height: auto;
		padding-left: 0;
		padding-top: 45px;
		overflow: inherit;
	}
	section{
		width: 100%;
	}

	.MobileHidden{
		display: none !important;
	}

	.Footer2 {
	  display: block!important;
	  padding: 5%;
	  text-align: left;
	  font-size: 12px;
	  line-height: 1.8;
	  background-color: #B49F7A;
	  color: #FFF;
	}
	.Footer2 a,
	.Footer2 a span {
	  color: #FFF!important;
	}

	.Footer2 .contact-wrapper {
	    padding-bottom: 8px;
	    margin-bottom: 8px;
	    border-bottom: 1px solid rgba(255,255,255,.2);
	}
	.Footer2 .contact-wrapper li,
	.Footer2 .contact-wrapper li a {
	  color: #FFF;
	}
	.Footer2 .contact-wrapper .address span {
	    background-image: url(../images/icon/nav_add_white.png);
	}
	.Footer2 .contact-wrapper .tel span {
	    background-image: url(../images/icon/nav_tel_white.png);
	}
	.Footer2 .contact-wrapper .email span {
	    background-image: url(../images/icon/nav_email_white.png);
	}

	#navMenu .mm-panel .others {
	    font-size: 90%;
	}
	
	
	/*GOTOP*/
	.fixedBtn{
	    display: table;
	    position: fixed;
	    right:6%;
	    bottom: 20px;
	    z-index: 999;
		width: 45px;
		height: 45px;
	    color: #FFF;
	    font-size: 80%;
	    border-radius: 50%;
    	background: rgba(0, 0, 0, 0.4) url(../images/gotop.png) no-repeat center/32% 32%;
	    -o-transition: all 0s linear;
	    -webkit-transition: all 0s linear;
	    -moz-transition: all 0s linear;
	    transition: all 0s linear;    
	    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
	}
	.fixedBtn:hover{
	    opacity: 1;
	    color: #FFF;
	    -o-transition: all 0s linear;
	    -webkit-transition: all 0s linear;
	    -moz-transition: all 0s linear;
	    transition: all 0s linear;
	}
	.fixedBtn>b{
	    display: table-cell;
	    padding-top: 25px;
	    vertical-align: middle;
	    text-align: center;    
	    line-height: 1.1;
	    display: none;
	}
}
@media screen  and (max-width: 550px) {
}

@media screen  and (max-height: 500px) {

}
@media screen  and (max-width: 350px) {

}

.fotorama--fullscreen .fotorama__nav, .fotorama--fullscreen .fotorama__stage {
    background: none !important;
}



#navMenu.mm-menu .mm-btn,
#navMenu.mm-menu .mm-prev,
#navMenu.mm-menu .mm-listview .mm-next.mm-fullsubopen,
#navMenu .mm-listview .mm-next {
    text-indent: -9999px;
}

.PCNav .searchA .search-form label {
	display: none;
}



 @media screen and (min-width: 769px) {
 	.covPCNav {
 		display: none;
 		position: fixed;
 		top: 0;
 		left: 0;
 		width: 100%;
 		height: 100vh;
 		padding-left: 16vw;
 		background: transparent;
 		z-index: 10;
 	}
	.PCNav {
	    position: absolute;
	    left: 0;
	    top: 0;
	    /*width: 16.6vw;*/
	    width: 320px;
	    height: 100vh;
	    z-index: 999;
	    background: #fff;
	}
	.innerBody .PCNav {
	    transition: all 0.5s;
	    -o-transition: all 0.5s;
	    -webkit-transition: all 0.5s;
	    -ms-transition: all 0.5s;
	    -moz-transition: all 0.5s;
	}
	.innerBody .PCNav.open {
	    animation: navAnimation 1s;
	    -o-animation: navAnimation 1s;
	    -webkit-animation: navAnimation 1s;
	    -ms-animation: navAnimation 1s;
	    -moz-animation: navAnimation 1s;
	}
	.PCNav.open {
		-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);
		box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);
	}
	.innerBody .PCNav.close {
	    /*left: -22vw;*/
	    left: -360px
	}
	@keyframes navAnimation {
	    0% {
	       
			left:-10vw;
	    }
	    50% {
	        left: 1vw;
			
	    }
	    100% {
	        left: -2vw;
	    }
	}

	@-o-keyframes navAnimation {
	    0% {
	       
			left:-10vw;
	    }
	    50% {
	        left: 1vw;
			
	    }
	    100% {
	        left: -2vw;
	    }
	}

	@-webkit-keyframes navAnimation {
	    0% {
	       
			left:-10vw;
	    }
	    50% {
	        left: 1vw;
			
	    }
	    100% {
	        left: -2vw;
	    }
	}

	@-ms-keyframes navAnimation {
	   0% {
	       
			left:-10vw;
	    }
	    50% {
	        left: 1vw;
			
	    }
	    100% {
	        left: -2vw;
	    }
	}

	@-moz-keyframes navAnimation {
	   0% {
	       
			left:-10vw;
	    }
	    50% {
	        left: 1vw;
			
	    }
	    100% {
	        left: -2vw;
	    }
	}
	.PCNav .PCNavClose {
		display: block;
	    position: absolute;
	    /*position: fixed;*/
    	/*left: 16.6vw;*/
    	left: 320px;
    	top: 50%;
    	top: 25%;
	    z-index: 9;
		width: 48px;
		height: 48px;
		padding: 0;
		margin-top: -24px;
		margin-left: -24px;
		background: url(../images/icon/icon_close.png) no-repeat;
	}


	.PCNav .PCNavLogo {
		display: block;
		position: relative;
	    z-index: 5;
	    margin-top: 4vh;
	}
	a.custom-logo-link {
		display: block;
	}
	a.custom-logo-link img,
	.PCNav .PCNavLogo img {
		display: block;
		margin: 0 auto;
		max-width: 75%;
		height: auto;
		max-height: 70px;
	}
	.PCNav .listshowt {
	    position: absolute;
    	left: 0;
	    bottom: 0;
	    width: 100%;
	    /*height: 70vh;*/
	    height: 85vh;
	    z-index: 4;
	    /*margin-top: 14vh;*/
	}
	.PCNav .menu-wrapper>li {
		width: 72%;
		margin: 0 auto;
		padding-bottom: 6%;
	}
	.PCNav .menu-wrapper>li.active>a {
		color: #e83428;
	}
	.PCNav .menu-wrapper>li>a {
		display: block;
		color: #333;
		font-size: 16px;
	}
	.PCNav .menu-wrapper>li>a:hover {
		color: #e83428;
	}
	.PCNav .menu-wrapper>li>ul {
		display: none;
	}


	.PCNav .searchA {
    	display: block;
        position: absolute;
	    left: 14%;
	    bottom: 270px;
		width: 72%;
	    height: 56px;
	    padding-bottom: 10px;
	    font-size: 16px;
        color: #999;
	    border-bottom: 4px solid #EFEFEF;
    }
    .PCNav .searchA .search-field {
	    width: 100%;
	    height: 100%;
	    padding-right: 40px;
	    padding-left: 35px;
	    color: #999;
	    background: url(../images/icon/icon_search.png) left 10px center no-repeat;
	    border: 1px solid #EFEFEF;
	    outline: none;
	}
	.PCNav .searchA .search-submit {
		position: absolute;
	    right: 5px;
	    top: 0;
	    height: 40px;
	    padding: 0;
	    background: transparent;
	    color: #999;
	    outline: none;
	}
    .PCNav .copyright {
    	display: block;
	    position: absolute;
	    bottom: 40px;
	    left: 14%;
		width: 72%;
	    padding: 0;
	    font-size: 14px;
        color: #999;
    }
}


@media screen and (min-width: 769px) and (max-height: 800px) {
	.PCNav .menu-wrapper {
		height: 85vh;
	}
	.PCNav .searchA {
		bottom: 270px;
	}
}
@media screen and (min-width: 769px) and (max-height: 750px) {
	.PCNav .menu-wrapper {
		/*height: 80vh;*/
	}
	.PCNav .menu-wrapper>li {
		padding-bottom: 10px;
	}
	.PCNav .searchA {
		bottom: 250px;
	}
	.PCNav .copyright {
		bottom: 10px;
	}
}
@media screen and (min-width: 769px) and (max-height: 650px) {
	.PCNav .searchA {
		bottom: 234px;
	}
	.PCNav .copyright {
		bottom: 10px;
	}
}
@media screen and (min-width: 769px) and (max-height: 600px) {
	.PCNav .searchA {
		bottom: 200px;
	}
	.PCNav .copyright .contact-wrapper {
	    max-height: 154px;
	    overflow: auto;
	}
}

@media screen and (max-width: 1280px) {
	.PCNav .copyright {
		bottom: 30px;
	}
}
@media screen and (max-width: 1024px) {
	.PCNav .copyright {
		bottom: 15px;
	}
}

.Header .topTel .tel-box-s,
.Header .topWeix .weix-box-s {
	display: none;
    position: absolute;
    top: -12px;
    left: 100%;
    z-index: 999;
    height: 55px;
    padding-left: 5px;
}
.Header .topTel .tel-box-s .words {
	display: block;
    width: 100%;
    height: 55px;
    padding: 0 10px;
    line-height: 55px;
    margin-left: 4px;
    color: #fff;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.75);
    -o-transition: all .20s linear;
    -webkit-transition: all .20s linear;
    -moz-transition: all .20s linear;
    transition: all .20s linear;
}
.Header .topWeix .weix-box-s {
    width: 100px;
    height: 100px;
}

@media screen and (min-width: 769px) {
	#phone-weix,
	#phone-tel {
		display: none;
	}
}
@media screen and (max-width: 768px) {
	a.custom-logo-link  {
		display: none;
	}
	.PCNav .PCNavLogo,
	.PCNav .PCNavClose {
		display: none;
	}


	.PCNav .copyright {
		display: none;
		position: relative;
		left: auto;
		bottom: auto;
	    padding: 10px 10px 10px 20px;
	}
	#pc-weix,
	#pc-tel {
		display: none;
	}
}



@media screen and (min-width: 769px) {
	.customerServiceDiv,
	.webMapServiceBox,	
	.weChatCodePanel,
	.weChatBackground {
		display: none;
	}
}
@media screen and (max-width: 768px) {
	body.ifhidden-wrp, html.ifhidden-wrp {
		overflow: hidden;
	}
	.Main {
		padding-bottom: 60px;
	}
	.innerBody .Main {
		padding-bottom: 0;
	}
	.innerBody #fullscreen {
		padding-bottom: 60px;
	}
	.fixedBtn {
		bottom: 70px;
	}
	.customerServiceDiv {
	    position: fixed;
	    bottom: 0;
	   	right: 0;
    	left: 0;
    	padding: 5px 0;
    	height: 60px;
	    z-index: 1;
	    background: #2d2d2d;
	}
	.customerServiceDiv a {
		color: #fff;
	}
	.customerServiceDiv .service {
		width: 50%;
		height: 50px;
		float: left;
	}
	.customerServiceDiv .service .iconfont {
		display: block;
		font-size: 20px;
		text-align: center;
	}
	.customerServiceDiv .service .describe {
		margin-top: 3px;
		text-align: center;
	}
	.weChatCodePanel {
		display: none;
	    position: fixed;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    width: 100%;
	    height: 100%;
	    z-index: 100;
	    background: rgba(0,0,0,.7);
	}

	.weChatBackground {
		display: none;
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    z-index: 199;
	    padding: 20px;
	    -webkit-transform: translate(-50%,-50%);
	    -moz-transform: translate(-50%,-50%);
	    transform: translate(-50%,-50%);
	    background: #fff;
	    border-radius: 8px;
	}
	.weChatBackground img {
		display: block;
		width: 166px;
		height: 166px;
	}
	.weChatBackground span {
		margin-top: 5px;
		text-align: center;
	    color: #000;
	    white-space: nowrap;
	}

	.webMapServiceBox {
		display: none;
	    position: fixed;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    width: 100%;
	    height: 100%;
	    z-index: 9998;
	    background: rgba(0,0,0,.7);
	    -webkit-transition: all 0.5s;
	    -moz-transition: all 0.5s;
	    -ms-transition: all 0.5s;
	    -o-transition: all 0.5s;
	    transition: all 0.5s;
	}
	.webMapServiceBox .webHeaderBg {
		height: 50px;
	    background-image: url(../images/topbg.png);
	    background-color: #2d2d2d;
	    background-size: cover;
	    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
	    -ms-box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
	    -o-box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
	    box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
	}
	.webMapServiceBox .webHeaderBg .iconfont {
		line-height: 50px;
		font-size: 34px;
		color: #fff;
	}
	.webMapServiceBox .f-webMapIframeWrap {
	    position: fixed;
	    bottom: 0;
	    left: 0;
	    top: 50px;
	    right: 0;
	    z-index: 3;
	}
}


/* baidu share */
/* image */
.sr-bdimgshare {
	display: none!important;
}
/* select words */
.bdselect_share_bg, .bdselect_share_box {
	display: none!important;
}

#bdshare_weixin_qrcode_dialog {
	width: 255px!important;
	height: 320px!important;
}





.frame-box .box {
	overflow:visible;
}
.frame-box .box>span {
    display: block;
	position: absolute;
	top: -40px;
	right: 0;
    width: 30px;
    height: 30px;
    background: url(../images/icon/icon_close_white.png) top right no-repeat;
    text-align: right;
    outline: none;
	font-size: 0;
}

.fix-box {
	padding: 20px;
	margin: auto;
	background-color: #fff;
}


#detailboxhide {
	display: none;
}

.swiper__wwdet {
	position: relative;
}


.details-control {
	margin-top: 30px;
	padding-top: 20px;
    border-top: 1px solid #dbdbdb;
}
.details-control a:hover {
	font-weight: bold;
}
.swiper__wwdet .swiper-container {
	text-align: center;
	height: calc(100vh - 130px);
    overflow: hidden;
}
.swiper__wwdet .swiper-container .swiper-slide {
	display: flex;
    align-items: center;
    justify-content: center;
}
.swiper__wwdet img {
	max-width: 100%;
	max-height: calc(100vh - 130px);
}

.swiper__wwdet .bannerbtt {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 8;
	outline: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
	cursor: pointer;
}
.swiper__wwdet .bannerll {
	left: -20px;
	width: 34%;
	background: url(../images/icon/prev.png) left 48% no-repeat;
}
.swiper__wwdet .bannerrr {
	right: -20px;
	width: 34%;
    background: url(../images/icon/next.png) right 48% no-repeat;
}

.swiper__wwdet .bannerbtt.swiper-button-disabled {
    display: none;
}

@media screen and (min-width: 769px) {
	.details-control {
		display: flex;
		justify-content: space-between;
	}
}
@media screen and (max-width: 768px) {
	.details-control .details-next {
		margin-top: 5px;
	}
	.swiper__wwdet .bannerbtt {
		display: block!important;
		opacity: 1!important;
		filter: alpha(opacity=100)!important;
		background-size: 40px;
	}
}