@charset "utf-8";
/* CSS Document */

/* 基础设置 */
html,
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	position: relative;
}

body {
	overflow-x: hidden;
	-webkit-text-size-adjust: none; height:100%; width: 100%;
	overflow-y: scroll;
	background: #fff;
	font-size: 14px;
}

*{-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; line-height: 1.75;}

.af-cb:after{clear: both; content: ' '; overflow: hidden; width: 0; height: 0; display: block;}

a,a:link{ color: #000; text-decoration: none;}
a:hover,a:active{ color: #c3191e; text-decoration: none;}
::selection{background:#c3191e; color:#fff;}
::-moz-selection{background:#c3191e; color:#fff;}


/*定义动画*/
.e-ani *,.e-ani *:before,.e-ani *:after{-webkit-transition: .3s; transition:.3s;}
.nav *,.nav *:after,.nav *:before{-webkit-transition:height .3s, width .3s, color .3s,  -webkit-box-shadow .3s,border .3s,opacity .3s,-webkit-transform .3s,background .3s, opacity .3s,top .3s,right .3s,bottom .3s,left .3s,padding .3s;
transition:height .3s, width .3s, color .3s, box-shadow .3s,border .3s,opacity .3s, transform .3s,background .3s, opacity .3s,top .3s,right .3s,bottom .3s,left .3s,padding .3s;}


.e-animte{-webkit-transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,-webkit-transform .5s, top 0s linear .6s, bottom 0s linear .6s, left 0s linear .6s;
transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,transform .5s, top 0s linear .6s,bottom 0s linear .6s,left 0s linear .6s;}

*.e-animte-show{-webkit-transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,-webkit-transform .5s, top 0s linear 0s, bottom 0s linear 0s,left 0s linear 0s;
transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,transform .5s, top 0s linear 0s, bottom 0s linear 0s, left 0s linear 0s;}

.animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}


/*--简易切换动画--*/
.tabs-box .bd{ position: relative; overflow: hidden;}
.tabs-box .bd>.tabs-hide{ position: absolute; left: -100%; top: 0; width: 100%; -webkit-transform: none; transform: none; opacity: 0; -webkit-animation: tabs-hide .8s; animation: tabs-hide .8s;   -webkit-animation-fill-mode: both;  animation-fill-mode: both;}
.tabs-box .bd-t>.tabs-hide{ position: absolute; left: -1000%; top: 0; width: 100%; -webkit-transform: none; transform: none; opacity: 0; -webkit-animation: tabs-hide-02 .8s; animation: tabs-hide-02 .8s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;}
@-webkit-keyframes tabs-hide /* Safari 和 Chrome */
{
from { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 1;}
to { -webkit-transform: translateX(-55%); transform: translateX(-55%);  opacity: 0;}
}
@keyframes tabs-hide
{
from { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 1;}
to { -webkit-transform: translateX(-55%); transform: translateX(-55%);  opacity: 0;}
}

@-webkit-keyframes tabs-hide-02 /* Safari 和 Chrome */
{
from { -webkit-transform: translateY(0); transform: translateY(0);  opacity: 1;}
to { -webkit-transform: translateY(-55%); transform: translateY(-55%);  opacity: 0;}
}
@keyframes tabs-hide-02
{
from { -webkit-transform: translateY(0); transform: translateY(0);  opacity: 1;}
to { -webkit-transform: translateY(-55%); transform: translateY(-55%);  opacity: 0;}
}

.tabs-box .bd>.tabs-on{ position: relative; left: 0; width: 100%; -webkit-transform:none; transform: none; opacity: 1; clear: both; overflow: hidden;}
.tabs-box .bd>.tabs-show{ position: relative; left: 0; width: 100%; -webkit-transform:none; transform: none; opacity: 1; -webkit-animation: tabs-show .8s; animation: tabs-show .8s; -webkit-animation-fill-mode: both;  animation-fill-mode: both; clear: both; overflow: hidden;}
.tabs-box .bd-t>.tabs-show{ position: relative; left: 0; width: 100%; -webkit-transform:none; transform: none; opacity: 1; -webkit-animation: tabs-show-02 .8s; animation: tabs-show-02 .8s; -webkit-animation-fill-mode: both;  animation-fill-mode: both; clear: both; overflow: hidden;}

@-webkit-keyframes tabs-show /* Safari 和 Chrome */
{
from { -webkit-transform: translateX(55%); transform: translateX(55%);  opacity: 0;}
to { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 1;}
}
@keyframes tabs-show
{
from { -webkit-transform: translateX(55%); transform: translateX(55%);  opacity: 0;}
to { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 1;}
}


@-webkit-keyframes tabs-show-02 /* Safari 和 Chrome */
{
from { -webkit-transform: translateY(55%); transform: translateY(55%);  opacity: 0;}
to { -webkit-transform: translateY(0); transform: translateY(0);  opacity: 1;}
}
@keyframes tabs-show-02
{
from { -webkit-transform: translateY(55%); transform: translateY(55%);  opacity: 0;}
to { -webkit-transform: translateY(0); transform: translateY(0);  opacity: 1;}
}


/*--最小屏提示--*/
@media screen and (max-width: 319px) {
html{-webkit-transition: 0s;  transition: 0s; background: #fff url(../img/displayNone.png) center center no-repeat; }
	body {
		-webkit-transition: 0s;  transition: 0s; display: none;
	}
}

/*--移动端横屏提示--*/
@media (max-width: 991px) and (orientation : landscape) {
	html.landscape {
		background: #fff url(../img/landscape.png) center center no-repeat;
	}
	html.landscape body {
		display: none;
	}
}


/*--swiper2.x高度自适应--*/
.swiper-container .swiper-wrapper,.swiper-container .swiper-slide{ height: auto !important;}

/*默认动画时长*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration:1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated-s {
  -webkit-animation-duration: .5s;
  animation-duration:.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/*百度分享*/
.bdsharebuttonbox,.bdsharebuttonbox *,.bd_weixin_popup_bg,.bd_weixin_popup{ -webkit-transition: 0s;
transition: 0s;}
.bdsharebuttonbox *{-webkit-transition: .3s;
transition: .3s;}

/*Bshare分享*/
#bsPanelHolder{display: none !important;}
#bsPanelHolder,#bsPanelHolder *,#bsBox,#bsBox *,#bsWXBox,#bsWXBox *{-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;}

/*百度分享微信弹窗兼容*/
.bd_weixin_popup{-webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial;}


/*百度地图*/
.map-box *{ -webkit-transition: 0s;
-moz-transition: 0s;
-ms-transition: 0s;
-o-transition: 0s;
transition: 0s;}
.map label,.map img{max-width: none !important; width: initial !important;}
.map *{ font-size: 12px;}


/*lightbox*/
.lightbox,.lightbox *,.lightboxOverlay,.lightboxOverlay *{-webkit-transition: 0s;
-moz-transition: 0s;
-ms-transition: 0s;
-o-transition: 0s;
transition: 0s; -webkit-transform:translateZ(0); transform:translateZ(0);}


/*--分页--*/
div.pages {text-align: center; width: 100%; padding: 0 0 0 0; margin: 0; line-height: 1.7;}
div.pages *{ line-height: 1.7;}
div.pages a,div.pages span {text-decoration: none; background: #fff; border: 1px solid #dcdcdc; padding: 5px 12px; margin: 3px; color: #3f3f3f; font-size: 12px; display: inline-block; line-height: 1.7; -webkit-border-radius: 22px;
-moz-border-radius: 22px;
border-radius: 22px;}
div.pages a:hover{ border-color: #2caeff; color: #2caeff;}
div.pages a.on,div.pages a.hover,div.pages a:active,div.pages span.current,div.pages span.disabled { background: #c3191e; color: #fff; border: 1px solid #c3191e; }
@media screen and (min-width: 992px) {
	div.pages{ padding: 0 0;}
	div.pages a,div.pages span{padding: 8px 15px; font-size: 14px;}
}

/*--移动端设置&小屏电脑 图片缩放--*/
@media screen and (max-width: 1279px){
.content-box img{width: auto !important; height: auto !important; max-width: 100%;}
}

/*图片比例裁剪预设*/
i.pic-size{ width: 100%; height: 0; padding-bottom: 100%; position: relative; display: block; overflow: hidden;}
i.pic-size img{ width: 100% !important; height: 100% !important; max-width: 100%; max-height: 100%; position: absolute; /* left: -100%; top: -100%; right: -100%; bottom: -100%;*/ margin: auto; object-fit: contain; transition: .3s;}
i.pic-size-cover img{object-fit: cover;}

.swiper-banner a:hover .pic-size img{ -webkit-transform: none; transform: none;}
a:hover .pic-size img{ -webkit-transform: scale(1.05); transform: scale(1.05);}