/* - - - - - - - - - 默认值标准化  - - - - - - - - -*/
html,body,span,h1,h2,h3,h4,h5,p,blockquote,pre,a,address,code,
del,em,img,dl,dt,dd,ol,ul,li,fieldset,form,label{margin:0;padding:0;border:0;font-style:inherit;font-family:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,audio,video{margin:0;padding:0;display: block;}
html{-webkit-text-size-adjust:none;}
img{border:none;vertical-align:middle;}
input,select,button{padding:0;margin:0;outline:none;line-height: inherit;font-size: inherit;font-family:inherit;vertical-align:middle;}
textarea{resize:none;font-family:inherit;padding:0;margin:0;font-size: inherit;}
input::-ms-clear{display: none;}
input:focus,textarea:focus,button:focus{outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none!important; margin: 0;}
input[type=button],input[type=submit],input[type=reset],input[type=text],input[type=file],button{-webkit-appearance:none; border-radius:0;}
button{cursor:pointer;}
html{height:100%;position: relative;}
body{font-size:16px;min-width: 360px;background-color:#1a1a1a;font-family:-apple-system, BlinkMacSystemFont, 'Microsoft YaHei', sans-serif;height:100%;position: relative;color:#fff;max-width:2560px;margin-left:auto;margin-right:auto;}
body.bg-blue{background-color:#818c92;}
body.bg-blue ._line{border-color:#fff;}
body.bg-green{background-color:#c6cabc;}
body.bg-green ._line{border-color:#204921;}
body.bg-green .text-content{color:#204921;border-color:#204921;}
body.bg-white{background-color:#e8e4db;color:#221816;}
body.bg-white2{background:#fff;color:#221816;}
ul,ol{list-style-type:none;}
i,em,address{font-style:normal;}
a{text-decoration:none;color:#4f4f4f;}
a:hover{text-decoration:underline;transition:color 200ms linear,background-color 200ms linear,border-color 200ms linear;}
a:active{}
a:visited{}
.clear{display: block;clear: both;width:100%;}
::-webkit-input-placeholder {color: #999;}
		::-moz-placeholder { color: #999;}
		:-ms-input-placeholder {color: #999;}

.photo{background:#666;position:relative;overflow:hidden;}
.photo img{display:block;width:100%;height:100%;object-fit:cover;}
.photo.photo--pos{position:relative;overflow:hidden;}
.photo.photo--pos img{position:absolute;left:0;top:0;}
.iconPic{vertical-align:middle;}
.iconPic img{width:100%;height:100%;display:block;object-fit:contain;}
[class^='icon--']{display:inline-block;width:24px;height:24px;vertical-align:middle;background-size:contain!important;}
.colorYellow{color:#fed500;}
.colorGreen{color:#204921;}

/*按钮扩散效果 向右*/
.ani--diffuse-right{position:relative;overflow:hidden;z-index:100;}
.ani--diffuse-right:hover{color:#fff;}
.ani--diffuse-right:hover::before{transform:scale3d(9,9,1);}
.ani--diffuse-right::before{content:'';z-index:-1;position:absolute;top:50%;left:100%;margin:-15px 0 0 1px;width:30px;height:30px;border-radius:50%;transform-origin:100% 50%;transform:scale3d(1,2,1);transition:transform 0.3s,opacity 0.3s;transition-timing-function:cubic-bezier(0.7,0,0.9,1);background-color:#093490;}



.ani--diffuse-left{position:relative;overflow:hidden;z-index:100;}
.ani--diffuse-left:hover{color:#fff;}
.ani--diffuse-left:hover::before{transform:scale3d(9,9,1);}
.ani--diffuse-left::before{content:'';z-index:-1;position:absolute;top:50%;right:100%;left:auto;margin:-15px 1px 0 0;width:30px;height:30px;border-radius:50%;transform-origin:0% 50%;transform:scale3d(1,2,1);transition:transform 0.3s,opacity 0.3s;transition-timing-function:cubic-bezier(0.7,0,0.9,1);background-color:#093490;}


.loader{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.loader::after{width:32px;height:32px;border-radius:100%;border:2px solid #fed500;border-bottom-color:transparent;background:transparent !important;display:inline-block;animation:rotate 2s 0s linear infinite;content:"";}
@keyframes rotate {
	  0% {
				transform: rotate(0deg) scale(1); }

	  50% {
				transform: rotate(180deg) scale(0.9); }

	  100% {
				transform: rotate(360deg) scale(1); }
}


.aniEnlargeHint{position:relative;z-index:200;overflow:hidden;}
.aniEnlargeHint:hover{-webkit-transition:background-color 0.1s 0.3s,color 0.1s 0.3s;transition:background-color 0.1s 0.3s,color 0.1s 0.3s;-webkit-animation:anim-moema-1 0.3s forwards;animation:anim-moema-1 0.3s forwards;text-decoration:none;}

@-webkit-keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}



/* 这是下方的鼠标指针的移动镜头平方米。 */
.cloud-zoom-lens {border: 4px solid #888;margin:-4px;background-color:#fff;cursor:move;}
/* 这是标题文本 */
.cloud-zoom-title {font-family:Arial, Helvetica, sans-serif;position:absolute !important;background-color:#000;color:#fff;padding:3px;width:100%;text-align:center;font-weight:bold;font-size:10px;top:0px;}
/* 这是缩放窗口。 */
.cloud-zoom-big {border:4px solid #ccc;overflow:hidden;}
/* 这是加载消息。 */
.cloud-zoom-loading {color:white;background:#222;padding:3px;border:1px solid #000;}


/*图片放大浏览样式  -- 开始 */
#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,0.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}
#baguetteBox-overlay.visible{opacity:1}
#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}
#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}
#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-moz-box-shadow:0 0 8px rgba(0,0,0,0.6);box-shadow:0 0 8px rgba(0,0,0,0.6)}
#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,0.6);font-family:sans-serif}
#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}
#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}
@-webkit-keyframes bounceFromRight{0%{margin-left:0}
50%{margin-left:-30px}
100%{margin-left:0}
}@keyframes bounceFromRight{0%{margin-left:0}
50%{margin-left:-30px}
100%{margin-left:0}
}@-webkit-keyframes bounceFromLeft{0%{margin-left:0}
50%{margin-left:30px}
100%{margin-left:0}
}@keyframes bounceFromLeft{0%{margin-left:0}
50%{margin-left:30px}
100%{margin-left:0}
}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}
.baguetteBox-button{position:absolute;cursor:pointer;outline:none;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,0.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}
.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,0.9)}
.baguetteBox-button#next-button{right:2%}
.baguetteBox-button#previous-button{left:2%}
.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}
.baguetteBox-button svg{position:absolute;left:0;top:0}
.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}
.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}
.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}
@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}
50%{-webkit-transform:scale(1);transform:scale(1)}
}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}
50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}
}
/*图片放大浏览样式 -- 结束 */
@media screen and (min-width:768px){ 
.photo-hover--colorboost{position:relative;overflow:hidden;}
.photo-hover--colorboost img{transition:all 0.5s ease;filter:saturate(0.8) contrast(0.9);}
.photo-hover--colorboost:hover img{filter:saturate(1.4) contrast(1.2) brightness(1.05);transform:scale(1.08);}

.photo-hover--elegantfade{position:relative;overflow:hidden;}
.photo-hover--elegantfade::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(0,0,0,0.4) 0%,transparent 40%,transparent 60%,rgba(0,0,0,0.4) 100%);opacity:0;transition:opacity 0.5s ease;z-index:2;}
.photo-hover--elegantfade:hover::before{opacity:1;}
.photo-hover--elegantfade img{transition:all 0.5s ease;}
.photo-hover--elegantfade:hover img{transform:scale(1.12);}

.photo-hover--filter1{position:relative;}
.photo-hover--filter1 img{transition:all 0.5s ease;position:relative;}
.photo-hover--filter1:hover img{filter: brightness(120%);}


.hover-video:hover .photo img{transform:scale(1.15);filter:drop-shadow(0 15px 30px rgba(0,0,0,0.25)) brightness(1.1);opacity:0.5;}
.hover-video:hover ._btnPlayVideo{text-indent:-110px;background:#221816;color:#fed500;text-decoration:none;margin-top:63.86%;}
.hover-video:hover ._btnPlayVideo::after{opacity:1;left:64%;}

.photo-hover--trail{position:relative;overflow:hidden;}
.photo-hover--trail img{transition:all 0.6s ease;}
.photo-hover--trail:hover img{transform:scale(1.1) translateY(-10px);filter:brightness(1.2);}
.photo-hover--trail::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#ffd600,#f7931e);transform:scaleX(0);transform-origin:left;transition:transform 0.5s ease;}
.photo-hover--trail:hover::after{transform:scaleX(1);}

.photo-hover--popupup{position:relative;overflow:hidden;}
.photo-hover--popupup::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:85%;height:85%;display:block;/*background:rgba(0,0,0,0.45);*/visibility:hidden;opacity:0;transition:all 0.2s linear;border-radius:4px;}
.photo-hover--popupup::before{width:34px;height:33px;left:50%;top:50%;position:absolute;content:"";z-index:100;opacity:0;/*background:url(../images/icon--search-blank.png) no-repeat left top;*/background-size:contain;}
.photo-hover--popupleft::before{transform:translate(-250%,-50%);}

.photo-hover--popupup::before{transform:translate(-50%,-250%);}
.photo-hover--popupup:hover::before{transform:translate(-50%,-50%);opacity:1;transition:all 0.3s linear;}
.photo-hover--popupup:hover::after{opacity:1;visibility:visible;width:100%;height:100%;}

}



/*返回顶部*/
#backTop{position:fixed;right:10px;bottom:-38px;width:49px;height:38px;background:rgba(0,0,0,0.5);border-radius:6px;overflow:hidden;visibility:hidden;cursor:pointer;text-align:center;line-height:38px;opacity:0;transition:all 0.2s ease;z-index:5000;}
#backTop .icon--top{position:relative;width:18px;height:18px;display:inline-block;vertical-align:middle;}
#backTop .icon--top::before,#backTop .icon--top::after{content:"";height:2px;background:#fff;width:82%;display:block;position:absolute;bottom:6px;}
#backTop .icon--top::before{transform:rotate(-45deg);transform-origin:left  bottom;left:0px;}
#backTop .icon--top::after{transform:rotate(45deg);transform-origin:right bottom;right:0px;}
#backTop.backtop--show{visibility:visible;opacity:1;bottom:10px;}
#backTop:hover::after{transform:scale3d(9,9,1);}
#backTop::after{content:'';z-index:1;position:absolute;top:50%;left:100%;margin:-15px 0 0 1px;width:30px;height:30px;border-radius:50%;transform-origin:100% 50%;transform:scale3d(1,2,1);transition:transform 0.3s,opacity 0.3s;transition-timing-function:cubic-bezier(0.7,0,0.9,1);background:rgba(255,255,255,0.31);}