@charset "UTF-8";
@font-face { font-family: "detailsXfont";
  src: url('../font/details_iconfont.eot'); /* IE9*/
  src: url('../font/details_iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/details_iconfont.woff') format('woff'), /* chrome, firefox */
    url('../font/details_iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../font/details_iconfont.svg#xfont') format('svg'); /* iOS 4.1- */
}
/* Slider */
.detailsMod-slider{ position: relative; display: block;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.detailsMod-list{ position: relative; display: block; overflow: hidden;}
.detailsMod-list.dragging{ cursor: pointer; cursor: hand;}
.detailsMod-slider .detailsMod-track, .detailsMod-slider .detailsMod-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.detailsMod-track{ position: relative; top: 0; left: 0; display: block;}
.detailsMod-track:before, .detailsMod-track:after{ display: table; content: '';}
.detailsMod-track:after{ clear: both;}
.detailsMod-loading .detailsMod-track{ visibility: hidden;}
.detailsMod-slide{ outline: none; display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .detailsMod-slide{ float: right;}
.detailsMod-slide img{ display: block; width: 100%;}
.detailsMod-slide.detailsMod-loading img{ display: none; width: 100%;}
.detailsMod-slide.dragging img{ pointer-events: none;}
.detailsMod-initialized .detailsMod-slide{ display: block;}
.detailsMod-loading .detailsMod-slide{ visibility: hidden;}
.detailsMod-vertical .detailsMod-slide{ display: block; height: auto;}
.detailsMod-arrow.detailsMod-hidden{ display: none;}
.detailsMod-loading .detailsMod-list{ background: #fff url(../image/loader.gif) center center no-repeat;}
.detailsMod-arrow{ position: absolute; top: 0; bottom: 0; margin: auto; width: 50px; height: 50px; line-height: 50px; background-color:rgba(0,0,0,0.7); overflow: hidden; z-index: 2; cursor: pointer; color: #fff; text-align: center; opacity: 0.8;
-webkit-transition: opacity .2s;
transition: opacity .2s;
border-radius: 999px;
}	
.detailsMod-prev{ left: 10px;  }
.detailsMod-next{ right: 10px; }
.detailsMod-arrow:after{ font-family: "detailsXfont" !important; font-size: 30px; cursor: pointer;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
.detailsMod-prev:after{ content: '\e739'; margin-left: -2px;}
.detailsMod-next:after{ content: '\e738';margin-right: -2px;}
.detailsMod-arrow:hover{ opacity: 1;}
.detailsMod-arrow.detailsMod-disabled, .detailsMod-arrow.detailsMod-disabled:hover{ opacity: 0.5;}
.detailsMod-dotted.detailsMod-slider{}
.detailsMod-dots{ position: absolute; left: 0; right: 0; bottom: 20px; display: block; font-size: 0; text-align: center; z-index: 2;}
.detailsMod-dots li{ display: inline-block; margin: 0 5px; padding: 5px; border-radius: 50%; background-color: #333; cursor: pointer;}
.detailsMod-dots li:hover{ opacity: 0.8;}
.detailsMod-dots li.detailsMod-active, .detailsMod-dots li.detailsMod-active:hover{ opacity: 1; background-color: #fff;}
.detailsMod-vertical .detailsMod-arrow{bottom: auto;left: 0%;right: 0%;}
.detailsMod-vertical .detailsMod-prev{top: 10px;transform: rotate(90deg);-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);}
.detailsMod-vertical .detailsMod-next{bottom: 10px;top: auto; transform: rotate(90deg);-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);}
.detailsMod .detailsImagesRight .details-mod .detailsMod-slide{cursor: pointer;}
/* Slider end*/

/* 默认样式 */
.article-page{ padding: 50px 0;}
.article-page .article-head{ margin-bottom: 30px; text-align: center;}
.article-page .article-head .t{ font-size: 1.7em;}
.article-page .article-head .info{ margin-top: 10px; color: #707070;}
.article-page .article-head .s{ margin: 0 15px;}
.article-page .article-cont{ margin-bottom: 30px;}
.article-page .article-cont p,
.article-page .article-cont .p{ }
.article-page .article-cont p + p,
.article-page .article-cont .p + .p{ margin-top: 1em;}
.article-page .article-cont .img{ margin: 1em 0;}
.article-page .article-cont iframe,
.article-page .article-cont video,
.article-page .article-cont img{ display: block; margin: auto; max-width: 100%; min-height: 100%; height: auto !important; border: 0;}
.article-page .article-cont .video-mod{ margin: 1em 0;}
.video-mod { position: relative;background-color: #000;overflow: hidden;}
.video-mod::before {content: '';display: block;padding-top: 56.25%;}
.video-mod iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.video-mod video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.clear::after{content: '';display: block;clear: both;}
/* 上图下文 */
.detailsMod .detailsImages{overflow: hidden;}
.detailsMod .detailsImages .img{position: relative;overflow: hidden;background-size: cover;background-repeat: no-repeat;background-position: center;margin: 0 !important;}
.detailsMod .detailsImages .img::before{content: '';display: block;padding-top: 56.288032%;}
.detailsMod .detailsImagesLeft{width: 80%;float: left;}
.detailsMod .detailsImagesRight{width: 19%;float: right;}
.detailsMod .detailsImagesRight .details-mod{margin: -2% 0;}
.detailsMod .detailsImagesRight .detailsMod-vertical .detailsMod-slide{margin: 2% 0;}
.detailsMod .detailsImages+.detailsDesc{margin-top: 1em;}
.detailsMod .detailsImagesRight .img .borderColor{position: absolute;left: 0;right: 0;bottom: 0;top: 0;border: 2px solid;opacity: 0;visibility: hidden;}
.detailsMod .detailsImagesRight .detailsMod-current .img .borderColor{opacity: 1;visibility: visible;}

/* 左图右文 */
.detailsMod.left_details .detailsImages{width: 50%; float: left;margin: 0 20px 20px 0;}
.detailsMod.left_details .detailsImagesLeft{width: 100%;float: none;}
.detailsMod.left_details .detailsImagesRight{width: 100%; float: none;margin-top: 10px;}
.detailsMod.left_details .detailsImagesRight .details-mod{margin: 0 -3px;}
.detailsMod.left_details .detailsImagesRight .details-mod .detailsMod-slide{margin: 0 3px;}
.detailsMod.left_details .detailsImages .img::before{padding-top: 67.15447%;}

/* 右图左文 */
.detailsMod.right_details .detailsImages{width: 50%; float: right;margin: 0 0 20px 20px;}
.detailsMod.right_details .detailsImagesLeft{width: 100%;float: none;}
.detailsMod.right_details .detailsImagesRight{width: 100%; float: none;margin-top: 10px;}
.detailsMod.right_details .detailsImagesRight .details-mod{margin: 0 -3px;}
.detailsMod.right_details .detailsImagesRight .details-mod .detailsMod-slide{margin: 0 3px;}
.detailsMod.right_details .detailsImages .img::before{padding-top: 67.15447%;}

/* 普通详情 */
.article-page.text_details .article-cont iframe, 
.article-page.text_details .article-cont video{height: 100% !important;}

@media screen and (max-width: 1024px){
  .detailsMod-arrow{width: 44px;height: 44px;line-height: 44px;}
  .detailsMod-arrow:after{font-size: 24px;}
}
@media screen and (max-width: 768px){
  .detailsMod-arrow{width: 36px;height: 36px;line-height: 36px;}
  .detailsMod-arrow:after{font-size: 18px;}
}
@media screen and (max-width: 600px){
  .detailsMod .detailsImagesRight{display: none;}
  .detailsMod .detailsImagesLeft{float: none;width: 100%;}
  .detailsMod.left_details .detailsImages{float: none;width: 100%; margin: 0;}
  .detailsMod.right_details .detailsImages{float: none;width: 100%; margin: 0;}
}