@import url('../style/animate.css');
/* - - - - - - - - - 默认值标准化  - - - - - - - - -*/
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:14px;min-width: 360px;background-color:#fff;font-family:-apple-system, BlinkMacSystemFont, 'Microsoft YaHei', sans-serif;height:100%;position: relative;color:#333;max-width:2560px;margin-left:auto;margin-right:auto;padding:0;margin-top:0;}
ul,ol{list-style-type:none;}
i,em,address{font-style:normal;}
a{text-decoration:none;color:#000;}
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%;}


.photo{background:#666;position:relative;overflow:hidden;}
a.photo{display:block;}
.photo img{display:block;width:100%;height:100%;object-fit:contain;transition:all 0.2s ease;}
.photo.photo--pos{position:relative;overflow:hidden;}
.photo.photo--pos img{position:absolute;left:0;top:0;object-fit:cover;}
.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;}
.photo-hover--popupleft{position:relative;overflow:hidden;}
.photo-hover--popupleft::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:85%;height:85%;display:block;background:rgba(0, 0, 0,0.25);visibility:hidden;opacity:0;transition:all 0.2s linear;backdrop-filter: blur(4px);border-radius:4px;}
.photo-hover--popupleft::before{width:15.28%;left:50%;top:50%;transform:translate(-250%,-50%);position:absolute;content:"";z-index:100;opacity:0;background:url(../images/icon--fdj.png) no-repeat left top;padding-top:15.28%;background-size:contain;}
.photo-hover--popupleft:hover::before{transform:translate(-50%,-50%);opacity:1;transition:all 0.3s linear;}
.photo-hover--popupleft:hover::after{opacity:1;visibility:visible;width:100%;height:100%;}


/*图片放大浏览样式  -- 开始 */
#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)}
}
/*图片放大浏览样式 -- 结束 */