@charset "utf-8";
/*File Name:*.css*/
/*Project Name:陕西画报*/
/*Version:1.0(2014-12)*/
/*Author:ChenCixu*/

/*banner*/
.banner-slide { max-height: 600px; overflow: hidden; }
.banner-slide li { height: 600px; overflow: hidden; }
.banner-slide li img { width: 100%; height: 600px; }
/*幻灯片*/
.flickity-enabled { position: relative; }
.flickity-enabled:focus { outline: none; }
.flickity-viewport { overflow: hidden; position: relative; cursor: -webkit-grab; cursor: grab; }
.flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; }
.flickity-slider { position: absolute; width: 100%; }
/* ---- previous/next buttons ---- */

.flickity-prev-next-button { position: absolute; top: 50%; width: 60px; height: 60px; border: none;  background: url(../images/ad_ctr.png) no-repeat;  opacity: 0.8; display: block; cursor: pointer; /* vertically center */
-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.slider:hover .flickity-prev-next-button { display: block }
.flickity-prev-next-button:hover { opacity: 1.0; display: block }
.flickity-prev-next-button.previous { left: 0; background-position: 0 -15px; }
.flickity-prev-next-button.next { right: 0; background-position: 0 -105px; }
.flickity-prev-next-button:disabled { opacity: 0.3; cursor: auto; }
.flickity-prev-next-button svg { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%; display:none }
.flickity-prev-next-button .arrow { fill: #333; }
/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg { color: #333; font-size: 26px; text-indent:-999em;}
/* ---- page dots ---- */

.flickity-page-dots { position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; }
.flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #333; border-radius: 50%; opacity: 0.25; cursor: pointer; }
.flickity-page-dots .dot.is-selected { opacity: 1; }
/* ---- content ---- */
.swiper-container {
        width: 100%;
        height: 100%; position:relative
    }
    .swiper-slide {
        font-size: 18px;
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center; position:relative
    }
    .swiper-button-prev,.swiper-button-next{ background-color:rgba(0,0,0,0.4); padding:30px;}
    .swiper-container .swiper-button-prev,.swiper-container .swiper-button-next{ opacity:0; display:none; transition:all 0.4s ease}
	.swiper-container:hover .swiper-button-prev,.swiper-container:hover .swiper-button-next{ opacity:1; display:block;}
        .swiper-button-prev,.swiper-button-prev.swiper-button-white {
  background: url(../images/ad_ctr.png) no-repeat 0 0; cursor:pointer;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -30px;
  width: 60px;
  height: 90px;
}
.swiper-button-next,.swiper-button-next.swiper-button-white {
  background: url(../images/ad_ctr.png) no-repeat 0 -90px; cursor:pointer;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -30px;
  width: 60px;
  height: 90px;
}
.content-wrap { max-width: 1200px; margin: 0 auto; }
.hero-gallery { background: #FAFAFA; background-size: cover; }
.slider_cell { width: 100%; height: 850px; color: white;}
.slider_cell a{ display:block; width:100%; height:100%;}
.slider { position: relative; width: 100%; height: 850px; overflow: hidden; }
.slider-wrapper { height: 100%; list-style: none; overflow: hidden; *zoom: 1;
width: 100%; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; }
.slider-item { height: 850px; float: left; clear: none; background-size: cover; /*background-position:center center;*/ position: relative; }
.slider-item a { display: block; width: 100%; height: 100%; }
.slider-arrows-item { position: absolute; display: block; margin-bottom: -20px; width: 60px; height: 90px; text-indent: -999em; background: url(../images/ad_ctr.png) no-repeat; opacity: 0.6; display: none; }
.slider:hover .slider-arrows-item { display: block }
.slider-arrows-item:hover { opacity: 1.0; display: block }
.slider-arrows-item-right { bottom: 50%; right: 0; background-position: 0 -90px; }
.slider-arrows-item-left { bottom: 50%; left: 0; }
.slider-nav { position: absolute; bottom: 30px; display: none }
.slider-nav-item { width: 12px; height: 12px; float: left; clear: none; display: block; margin: 0 5px; background: #fff; }
.slider-nav-item-current { background: #ccc; }
.slider-nav-item:hover { background: #ccc; }
.slider-item-info { position: absolute; bottom: 70px; line-height: 26px; width: 1180px; left: 50%; margin-left: -590px }
.slider-item-info img { float: right; margin: 10px 20px; box-shadow: 2px 2px 3px #999; display: none }
.slider-item-txt { margin-top: 60px; color: #FFF; padding: 0 20px; height: 50px; }
.slider-item-txt h2 { font-size: 42px; height: 80px; line-height: 80px; display: inline-block; background-color: rgba(0,0,0,0.50); padding: 0 20px; }
.slider-item-txt p { height: 80px; overflow: hidden; display: none; }
.slider-item-txt .fa { margin-right: 5px; }

@media screen and (max-width:1680px) {
.slider { position: relative; width: 100%; height: 744px; overflow: hidden; }
.slider-item { height: 744px; float: left; clear: none; background-size: cover; background-position: center center }
.slider_cell { height: 744px; background-size: cover; background-position: center center }
}

@media screen and (max-width:1440px) {
.slider { position: relative; width: 100%; height: 638px; overflow: hidden; }
.slider-item { height: 638px; float: left; clear: none; background-size: cover; background-position: center center }
.slider_cell { height: 638px; background-size: cover; background-position: center center }
}

@media screen and (max-width:1280px) {
.slider { position: relative; width: 100%; height: 567px; overflow: hidden; }
.slider-item { height: 567px; float: left; clear: none; background-size: cover; background-position: center center }
.slider_cell { height: 567px; background-size: cover; background-position: center center }
}

@media screen and (max-width:1024px) {
.slider { position: relative; width: 100%; height: 453px; overflow: hidden; }
.slider-item { height: 453px; float: left; clear: none; background-size: cover; background-position: center center }
.slider_cell { height: 453px; background-size: cover; background-position: center center }
.slider-item-txt { display: none }
}

@media screen and (max-width:400px) {
.slider { position: relative; width: 100%; height: 200px; overflow: hidden; }
.slider-item { height: 200px; float: left; clear: none; background-size: cover; background-position: center center }
.slider_cell { height: 200px; background-size: cover; background-position: center center }
}
/*看点*/
.tab-one { width: 288px; float: left; }
.tab-one li { height: 134px; border-bottom: 1px solid #CCC; }
.tab-one li a { display: table; height: 132px; background-color: #eaeaea; }
.tab-one li a span { vertical-align: middle; display: table-cell; width: 20px; height: 134px; background: url(../images/layout_bg1.png); color: #737373; padding: 0 6px 0 10px; }
.tab-one li a b { float: left; padding: 5px 10px; height: 30px; overflow: hidden; line-height: 30px; color: #555 }
.tab-one li a em { float: right; padding: 0 10px; height: 78px; overflow: hidden; line-height: 24px; font-weight: normal; color: #777 }
.tab-one li a:hover { background-color: #FFFFFF; transition: all 0.4s }
.tab-one li a:hover span { background: #f3313e; color: #FFFFFF; transition: all 0.4s }
#tabs_container { float: right; width: 880px; background-color: #FFFFFF; height: 530px; overflow: hidden; display: table; padding-right: 5px; }
/*tab*/
#tabs { overflow: hidden; position: relative; background: white; border: 1px solid #DDD; padding-right: 5px; }
#tabs_container .tab-c { width: 880px; display: table-cell; vertical-align: middle; height: 530px; margin-top: 3px; }
#tabs_container img { }
.transition { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -o-transition-delay: .3s; -ms-transition-delay: .3s; transition-delay: .3s; }
.make_transist { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.hidescale { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); filter: alpha(opacity=0); opacity: 0; z-index: 1 }
.showscale { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -o-transition-delay: .3s; -ms-transition-delay: .3s; transition-delay: .3s; z-index: 3 }
.hideleft { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
.showleft { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -o-transition-delay: .3s; -ms-transition-delay: .3s; transition-delay: .3s; }
.hidescaleup { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
.showscaleup { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -o-transition-delay: .3s; -ms-transition-delay: .3s; transition-delay: .3s; }
.hideflip { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: rotatey(-90deg) scale(1.1); -moz-transform: rotatey(-90deg) scale(1.1); -o-transform: rotatey(-90deg) scale(1.1); -ms-transform: rotatey(-90deg) scale(1.1); transform: rotatey(-90deg) scale(1.1); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.showflip { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -o-transition-delay: .3s; -ms-transition-delay: .3s; transition-delay: .3s; -webkit-transform: rotatey(0deg) scale(1); -moz-transform: rotatey(0deg) scale(1); -o-transform: rotatey(0deg) scale(1); -ms-transform: rotatey(0deg) scale(1); transform: rotatey(0deg) scale(1); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.tabulous_active { background: white !important; color: #000 !important; }
.tab-one li a.tabulous_active b { color: #000 }
.tab-one li .tabulous_active span { background: #f3313e; color: #FFFFFF }
.tabulousclear { display: block; clear: both; }
/*图片故事*/
.pic-story li { width: 20%; float: left; transition: 0.2s all; height: 450px; background-color: #FFF; }
/*.pic-story ul:hover li{width:17%;}
.pic-story ul li:hover{width:32%;}*/
/*.pic-story li:hover{transform: scale(1.0);transition:all 0.2s ease-in-out;
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1); z-index:1}*/
/*.pic-story ul li:hover a{width:260px; height:496px; transition: all 0.4s ease-out; position:absolute; left:-12px; top:-23px; z-index:5;}*/

.pic-story li a { display: block; height: 100%; width: 100%; transition: all 0.4s ease-in; position: relative; z-index: 1000 }
.pic-story li a:hover { z-index: 1001; background-color: #e94b55; box-shadow: 0 0 7px #666 }
.pic-story li a span { font-size: 16px; padding: 20px 20px; height: 85px; display: block; text-align: center; line-height: 30px; overflow:hidden; }
.pic-story li a img { width: 100%; overflow: hidden; display: block; }
.pic-story li a em { line-height: 26px; color: #777; padding: 15px 20px; display: block; height: 120px; overflow: hidden; font-weight: normal }
.pic-story li:nth-of-type(even) { background-color: #E4E4E4 }
.pic-story li a:hover, .pic-story li a:hover em { color: #FFF }
/*专题*/
.mod-topic { clear: both; }
.mod-topic li { width: 33%; float: left; padding-right: 10px; overflow: hidden; }
.mod-topic li .u-img-9 { overflow: hidden; display: block; }
.mod-topic li img { width: 100%; height:205px; display: block; overflow: hidden; transition: all 0.3s ease-in-out 0s; }
.mod-topic li:nth-child(3) { padding-right: 0 }
.mod-topic li span { background-color: #FFF; display: block; font-size: 16px; font-weight: bold; padding: 10px 10px; box-sizing: border-box; line-height: 24px; text-align: center; }
.mod-topic li:hover img { transform: scale(1.1); }
/*动态*/
.mod-hot { width: 810px; float: left; }
.mod-slide-hot { width: 372px; height: 457px; float: left; }
.mod-slide-hot li img { height: 332px; width: 372px; overflow: hidden }
.mod-slide-hot li a img { display: block; }
.mod-slide-hot li .slide-hot-txt { background-color: #666; padding: 10px; color: #FFF; height: 100px; }
.mod-slide-hot li .slide-hot-txt h4,.mod-slide-hot li .slide-hot-txt h3 { height: 26px; line-height: 26px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.mod-slide-hot li .slide-hot-txt p { height: 80px; line-height: 20px; overflow: hidden; }
.mod-slide-hot li .slide-hot-txt a { color: #FFFFFF; }
.mod-news { float: right; width: 430px; height: 457px; padding: 0 30px; }
.mod-news h3 { height: 40px; line-height: 40px; overflow: hidden }
.mod-news h3 a { font-size: 16px; height: 40px; overflow: hidden; }
.mod-news h3 span { float: right; color: #777; font-weight: normal }
.mod-news a:hover { color: #e94b55 }
.mod-news-content { height: 100px; line-height: 26px; overflow: hidden }
/*产品*/
.side-product { width: 370px; float: right; }
.m-product-list { padding: 1px 0 0; zoom: 1; }
.m-product-list li { display: inline; float: left; width: 370px; padding: 10px; margin: 10px 11px; position: relative; background-color: #FFF; }
.m-product-list .txt { float: right; width: 220px; overflow: hidden; margin-left: -140px; }
.m-product-list .txt .fa { margin-right: 5px; }
.m-product-list h3, .m-product-list p { overflow: hidden; line-height: 24px; }
.m-product-list h3 { margin-bottom: 5px; height: 30px; line-height: 30px; font-size: 16px; }
.m-product-list p { height: 70px; margin-bottom:20px; }
.m-product-list h3 a, .m-product-list h3 a:hover { color: #333; }
.m-product-list .u-img { float: left; width: 118px; height: 175px; overflow: hidden; }
.m-product-list .u-img img { width: 118px; }
.label-new, .label-hot { position: absolute; right: 0; width: 32px; height: 40px; background: url(../images/icon_1.png) no-repeat right -260px; top: 0; display: inline-block; }
.label-hot { background-position: right -300px }
/*杂志*/
.zazhi-wrap { background-color:#f9f9f9; padding:20px 0 40px 0; }
.zazhi-cover { margin: 0 auto; width: 1180px;}
/*.zazhi-cover li{ width:200px; height:297px; float:left; margin-right:35px; text-align:center; background:url(../images/i_pictorial_cover.png) no-repeat; padding:17px 13px 0 0; }
.zazhi-cover li span {display:block; width:100%; margin-bottom:10px; }
.zazhi-cover li span a { display:block; }
.zazhi-cover li span img { width:170px; height:230px; display:block; margin:0 auto; }
.zazhi-cover li .btn-buy { display:inline-block; height:28px; padding:0 20px; line-height:28px; border-radius:30px; border:1px solid #e94b55; color:#e94b55; }*/
/*影像*/
.photo { }
#recom-list { position: relative }
.w-rec { display: inline; position: relative; float: left; margin: 0 10px 10px 0; cursor: pointer; }
.w-rec:nth-child(7n){ margin-right: 0;}
.w-rec-class { width: 160px; height: 160px; padding-top: 28px; background: #26b4ac; cursor: default; }
.w-rec-class0 { background-color: #e97b4b }
.w-rec-class1 { background-color: #4772c0 }
.w-rec-class .type { font-size: 32px; color: #FFF; text-align: center;_text-align: center; _background: none; _text-indent: 0; }
.w-rec-class .type0 { margin-top: 20px; height: 40px; line-height: 40px; }
.w-rec-class .type1 { background-position: 27px -97px; }
.w-rec-class .type2 { _width: 140px; }
.w-rec-class .arrow { display: block; height: 5px; margin: 3px 10px; border-bottom: 1px solid #FFF; }
.w-rec-class .category { line-height: 20px; text-align: center; }
.w-rec-class .category a { padding: 0 4px; color: #FFF; }
.w-rec-class:hover { background: #e94b55; }
.w-rec-class:hover .arrow { border-bottom: 1px solid #FFF; }
.w-rec-class:hover .category a { color: #fff; }
.w-rec .name img { width: 160px; height: 160px; }
.w-rec .cover, .w-rec .name { display: block; width: 160px; height: 160px; overflow: hidden; }
.w-rec .cover { background: #000; opacity: .7; filter: alpha(opacity=70); z-index: 9; }
.w-rec .name { color: #fff; font-size: 14px; text-align: center; line-height: 22px; z-index: 10; }
.w-rec:hover .cover, .w-rec:hover .name { top: 0; zoom: 1; }
.w-rec .name img { max-width: none; width: -webkit-calc(100% + 30px); width: calc(100% + 30px); opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-15px, 0, 0) scale(1.12); transform: translate3d(-15px, 0, 0) scale(1.12); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.w-rec:hover .name img { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); }
.w-rec .name:hover { text-decoration: none; }
.w-rec .name em { color: #fff; }
.w-rec .name span { color: #ccc; font-size: 12px; }
.img-tips { position: absolute; z-index: 1000; left: 160px; display: none; top: 0; background-color: #333; width: 170px; height: 160px; }
.img-tips-1 { left: auto; right: 160px }
.img-tips dt { text-align: center; padding: 15px 0 5px 0; }
.img-tips dt a { display: block }
.img-tips dt img { border-radius: 30px; height: 50px; width: 50px; border: 2px solid #585858 }
.img-tips dd { padding: 0 10px; }
.img-tips dd p { line-height: 24px; color: #999; text-align: center; }
.img-tips dd p a { color: #fff }
/*征稿*/
.mod-contribution { }
.mod-contribution li { width: 25%; float: left; box-sizing: border-box; padding-right: 15px; overflow: hidden }
.mod-contribution li:nth-child(4) { padding-right: 0 }
.mod-contribution li div { margin-right: 0; transition: all 0.3s ease 0s; background-color: #fff; }
.mod-contribution li:hover div { background-color: #e94b55 }
.mod-contribution li img { height: 190px; width: 100%; overflow: hidden; }
.mod-contribution li a img { display: block; }
.mod-contribution li h3 { height: 46px; font: 30px/1.5 arial; line-height: 46px; color: #999; padding: 5px 15px 0 15px; overflow: hidden }
.mod-contribution li h3 span { color: #AAA; font-size: 16px; font-weight: normal; padding-left: 5px; }
.mod-contribution li p { height: 40px; line-height: 30px; padding: 0 15px 20px 15px; overflow: hidden }
.mod-contribution li p em { display: inline-block; max-width: 180px; font-weight: normal; font-size: 16px; line-height:18px; }
.btn-2 { background: url(../images/icon_1.png) no-repeat right -370px; display: inline-block; height: 30px; padding: 0 15px; }
.btn-2:hover { color: #FFF; background-color: #e94b55; }
.mod-contribution li:hover .btn-2 { border: 1px solid #FFF; color: #FFF }
.mod-contribution li:hover em { color: #FFF }
/*margin间距*/
.mrg-r-1, li.mrg-r-1 { margin-right: 0; }