/* CSS Document */

/* 基础设置 */

/*=================default===================*/
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;
    /*font-family: auto!important;*/
}

.layui-form-switch ,.layui-form-switch *{ -webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;}

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

::selection{background:#CF0000; color:#fff;}
::-moz-selection{background:#CF0000; color:#fff;}

a,a:link{ color: #333; text-decoration: none;}
a:hover,a:active{ color: #CF0000; text-decoration: none;}

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

.block{display: block !important;}

/*定义动画*/
.e-ani *,.e-ani *:before,.e-ani *:after{-webkit-transition: .3s; transition:.3s;}


.nav * .nav-btn-bg{-webkit-transition:left .3s ease .03s; transition:left .3s ease .03s;}/*0.03延迟解决".nav-btn-bg"元素抖动*/

.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, top 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, top 0s linear 0s;}

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

/*--简易切换动画--*/
.tabs-box .bd{ transition: .3s;}
.tabs-box .bd:after{content: ' '; clear: both; width: 0; height: 0; overflow: hidden;}
.tabs-box .bd>.tabs-hide{ position: absolute; top: 0; left: -10000px; width: 100%; overflow: hidden; -webkit-transform: none; transform: none; opacity: 0; -webkit-animation: tabs-hide .8s; animation: tabs-hide .8s;}
@-webkit-keyframes tabs-hide /* Safari 和 Chrome */
{
from { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 1;}
to { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 0;}
}
@keyframes tabs-hide
{
from { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 1;}
to { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 0;}
}
.tabs-box .bd>.tabs-on{ position: relative; top: 0; left: 0; width: 100%; -webkit-transform:none; transform: none; opacity: 1;}
.tabs-box .bd>.tabs-show{ position: relative; top: 0; left: 0; width: 100%; overflow: visible; -webkit-transform:none; transform: none; opacity: 1; -webkit-animation: tabs-show .8s; animation: tabs-show .8s;}
@-webkit-keyframes tabs-show /* Safari 和 Chrome */
{
from { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 0;}
to { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 1;}
}
@keyframes tabs-show
{
from { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 0;}
to { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 1;}
}


/* 切换 */
.tabs-box .hd-line{transition: .3s;}
.tabs-box .hd>*{position: relative;}
.tabs-box .bd{ position: relative; overflow: hidden;}
.e-anim-hide{display: none;}
.e-anim-on{ display: block;}
.e-anim-off{  pointer-events: none; display: block; display: none\9;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .e-anim-off { display: block;  } /* IE10+ */
}


.tabs-box .e-anim-on{animation:tabs-anim-on .3s;animation-fill-mode: both;  width: 100%;}
.tabs-box .e-anim-off{ animation:tabs-anim-off .3s;  width: 100%; position: absolute; animation-fill-mode: both;  top: 0;}


@keyframes tabs-anim-on{
	from { opacity: 0; }
	to {opacity: 1;}
}
@keyframes tabs-anim-off{
	from { opacity: 1; }
	to { opacity: 0;}
}




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

/*--layui--*/
.layui-layer,.layui-layer *{ -webkit-transition: 0s; transition: 0s;}

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


/*--swiper2.x高度自适应--*/
.swiper-container .swiper-wrapper{ 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分享*/
#bsPanel,#bsPanel *,#bsBox,#bsBox *{-webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial;}

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

/*bshare分享微信弹窗兼容*/
#bsWXBox{-webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial;}


/*百度地图*/
.map *{ -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; -webkit-transition: 0s; transition: 0s; -webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;}

/*视频全屏*/
.video-bg{position: absolute; z-index: -1; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: 0s; transition: 0s;}

/*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:40px 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: #EEEEEE; border: 1px solid transparent; padding: 5px 11px; margin: 3px; color: #333333; font-size: 12px; display: inline-block; font-weight: normal; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
div.pages a.on,div.pages a.hover,div.pages a:hover,div.pages a:active,div.pages span.current,div.pages span.disabled { background: #BE3333; color: #fff; border: 1px solid #BE3333;  line-height: 1.7;}

@media screen and (min-width: 992px) {
	div.pages a,div.pages span{ margin:3px 7px;}
	div.pages a,div.pages span{ padding: 7px 14px; font-size: 14px;}
}





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

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


.layui-form-checked[lay-skin=primary] i{ border-color: #CF0000; background-color: #CF0000;}
.layui-form-checkbox[lay-skin=primary]:hover i{ border-color: #CF0000;}





/*=================layout===================*/
@media screen and (min-width: 320px) {
	.container{ padding: 0 15px; margin: 0 auto;}
	.container:after{ content: " "; display: block; clear: both; width: 0; height: 0; overflow: hidden;}
	.container-max{ padding: 0 15px; width: 100%; margin: 0 auto;}

	/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
		::-webkit-scrollbar
		{
		    width: 10px;
		    height: 10px;
		    background-color: #f7f7f7;
		}

		/*定义滚动条轨道 内阴影+圆角*/
		::-webkit-scrollbar-track
		{
		    background-color: #e6e6e6;
		}

		/*定义滑块 内阴影+圆角*/
		::-webkit-scrollbar-thumb
		{
		    background-color: #aaa;
		}
}

@media screen and (min-width: 992px) {
	.container{ width: 980px; padding: 0 10px;}
}
@media screen and (min-width: 1240px) {
	.container{ width: 1220px; padding: 0 10px;}
}








/*=================header===================*/
@media screen and (min-width: 320px) {

	div.nav-poa{ position: absolute; left: 0; top: 0; width: 100%;}
	.container-header{position: relative;}
	.nav-box-bg{ background: none; height: 55px; width: 100%; position: absolute; left: 0; top: 0; z-index: 8; display: none;}
	.nav-box{ height: 23vw; position: relative; width: 100%; z-index: 99; /* box-shadow: 0 0 5px rgba(0,0,0,.2); */; background-color: #CF0000}
	.header-box{ height: 55px; display: none;}
	.logo{ float: left; position: relative; z-index: 9; height: 55px; padding: 10px 0 10px 0;}
	.logo a{ display: block; height: 100%;}
	.logo img{ height:100%; display: block;}


	.nav-btn{ display: block; padding: 0 10px; margin-right: -10px; float: right; cursor: pointer; position: relative; z-index: 9;}
	.nav-btn i{ line-height: 55px; font-size: 22px; width: 24px; text-align: center; color: #CF0000;}
	.nav-hide-btn{ display: none;}

	.nav-btn-show .nav-hide-btn{ display: block;}
	.nav-btn-show .nav-show-btn{ display: none;}

	.nav{ position: absolute; top: 0; right: 0; background: #fff; background: rgba(255,255,255,1);  padding:10px 15px; -webkit-box-shadow: 0 10px 20px  rgba(0,0,0,.2);
	-moz-box-shadow: 0 10px 20px  rgba(0,0,0,.2);
	box-shadow: 0 10px 20px  rgba(0,0,0,.2); z-index: 8; width: 200px;padding-top: 55px; height: 100vh;}

	.nav.e-anim-on{animation:nav-anim-on .3s; animation-fill-mode: both; }
	.nav.e-anim-off{ animation:nav-anim-off .5s; animation-fill-mode: both;}




	.nav-list{ visibility: visible !important; height: 100%;  overflow-y: auto;}
	.nav-list li{ border-bottom: solid 1px rgba(128,128,128,.1);}
	.nav-list li:nth-last-child(1){border-bottom: none;}
	.nav-list li a{ display: block; }
	.nav-list li a b{font-weight: normal; line-height: 42px; position: relative; color: #707070; display: block; text-align: center;}


	.nav-list li .nav-list-sub{ overflow: hidden; background: #f4f4f4;-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	transition:height .3s,opacity .3s;}
	.nav-list li .nav-list-sub div{ padding: 10px 15px;}
	.nav-list li .nav-list-sub a{ line-height: 40px; border-bottom: solid 1px rgba(255,255,255,.1); color: #ccc; font-size: 12px; text-align: center; transition: .3s;}
	.nav-list li .nav-list-sub a:nth-last-child(1){border: none;}
	.nav-list li .nav-list-sub a span{ color: #999;}
	.nav-list li .nav-list-sub a:hover span,.nav-list li .nav-list-sub a.on-02 span{ color: #CF0000;}
	.nav-list .nav-on{ border-color: transparent; position: relative; z-index: 9;}
	.nav-list .nav-on a{border-bottom:none ;}
	.nav-list .nav-off{ position: relative; z-index: 1;}

	.nav-list li .nav-list-sub a:nth-last-child(2){border: none;}


	.nav-list li .on b,.nav-list li .on i:before{ color: #CF0000;}
	.nav-list li.nav-on a b,.nav-list li.nav-on a i:before{ color: #CF0000;}


	.nav-list div.nav-btn-bg,.nav-list div.nav-btn-bg-02{ opacity: 0; filter:Alpha(opacity=0); width: 100%; left: 0; top: 0; height: 46px; background: #b10000; z-index: -1; position: absolute; display: none;}
	.nav-list div.nav-btn-bg-02{ width: auto; left: auto;}
	.nav-list div.nav-btn-bg-02-show{ opacity: 1;  filter:Alpha(opacity=100); }

	.nav-list-sub{ pointer-events:none;}
	.nav-on .nav-list-sub{ pointer-events:auto;}
	.nav-list-sub.e-anim-hide{ display: block; }

	.nav-list a b{ transition: color .3s,background .3s;}



	.nav-list-height.e-anim-on{animation:nav-list-anim-on .3s; animation-fill-mode: both; display: block; }
	.nav-list-height.e-anim-off{ animation:nav-list-anim-off .3s; animation-fill-mode: both; display: block;}

	.nav-list li .nav-list-sub div.btn-sub-bg{display: none;}


	.m-search{ position: absolute; left: 15px; top: 12px; right: 50px;}
	.m-search input{ width: 100%; padding-left: 10px; padding-right: 28px; font-size: 12px; height: 30px; border: solid 1px #ddd;}
	.m-search button{ width: 28px; height: 30px; border: none; background: none; position: absolute; right: 0; top: 0; display: flex; justify-content: center; align-items: center; cursor: pointer;}
	.m-search button i::before{ color: #CF0000; font-size: 14px;}

	.header-bg{display: none;}
}

	@keyframes nav-anim-on{
		from { opacity: 0; transform: translateX(20px); filter: blur(2px);}
		to {opacity: 1; transform: translateX(0);}
	}
	@keyframes nav-anim-off{
		from { opacity: 1; transform: translateX(0); filter: blur(0);}
		to { opacity: 0; transform: translateX(20px); filter: blur(2px);}
	}

	@keyframes nav-list-anim-on{
		from { opacity: 0; transform: translateY(-20px);}
		to {opacity: 1; transform: translateY(0);}
	}
	@keyframes nav-list-anim-off{
		from { opacity: 1; transform: translateY(0);}
		to { opacity: 0; transform: translateY(20px);}
	}




@media screen and (min-width: 375px) {

}


@media screen and (min-width: 480px) {
	/* .logo{ height: 76px; padding: 30px 0;}
	.nav-box-bg{ height: 76px;}
	.nav-box{ height: 76px;}
	.header-box{ height: 76px;}
	.nav{ top: 76px;}
	.nav-btn i{ line-height: 76px; font-size: 28px; width: 30px;}
	 */

}


@media screen and (min-width: 992px) {

	.nav{ height: 54px; width: 100%;}
	.nav:before{display: none;}
	.nav-box-bg{ height: 54px;}

	.nav-box{ box-shadow: none; position: relative; height: 50px; background: #c31b26;}

	.header-box{ height: 250px; display: block;}

	.logo{ height: 54px; padding: 17px 0;}
	.logo img{ margin: 0 auto; height: 66px;}
	.logo a{ width: 100%; height: 100%; display: block; padding: 0;}


	.nav-btn{ display: none;}
	.nav{ float: right; position: relative; -webkit-transform: none; transform: none; opacity: 1; filter:Alpha(opacity=100); z-index: 9; box-shadow: none; padding: 0; border-top: none; border-bottom-left-radius: 0;
border-bottom-right-radius: 0; overflow: visible; background: none; top: 0;  padding-left: 0; padding-right: 0; left: auto; right: auto; -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;}
	.nav-list{  position: relative; width: 100%; height: auto; display: flex; overflow:visible;}



	.nav-list:after{ content: ' '; overflow: hidden; clear: both; display: block;}
	.nav-list li{ float: left; border-bottom: none; position: relative; border: none; flex-grow: 1; padding-right: 1px;}

	.nav-list li a{ height: 54px; line-height: 54px; padding: 0 5px; font-size: 14px; position: relative;}
	.nav-list li a b{ line-height: 54px; height: 54px; color: #FFF; overflow: hidden; font-weight: normal; font-size: 18px;}


	/*.nav-list li:nth-last-of-type(1) a:after{display: none;}*/
	.nav-list li.nav-on>a b{ color: #fff;}
	.nav-list li.nav-off>a b{ color: #FFF; font-weight: normal;}
	.nav-list li .on b/*,.nav-list li a:hover b*/{ color: #fff;}
	.nav-list li .on .nav-btn-bg{ opacity: 1;filter:Alpha(opacity=100);}
	.bd-more{border-bottom-color: #fff; display: none;}
	.nav-list li .nav-list-sub{ position: absolute; top: 54px; height: auto !important; width: auto; background: none; box-shadow:none; -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;padding-top: 0; left: 0; right: 1px; overflow: visible;}

	.nav-list li .nav-list-sub .nav-list-height{padding: 0;overflow: hidden; float: left; position: relative; background: #fff; width: 100%; box-shadow:0 5px 10px rgba(0,0,0,.1);}
	.nav-list li .nav-list-sub a{ height: auto; border: none; font-size: 12px; text-align: center; line-height: 20px; padding:10px 5px; position: relative; z-index: 2; display: block; border-bottom:solid 1px #f5f5f5;}

	.nav-list li .nav-list-sub a span{ color: #666; /*white-space: nowrap;*/ padding: 0; font-size: 16px;}

	.nav-list li .nav-list-sub a:hover,.nav-list li .nav-list-sub a.on{ background: #D13B3B; color: #fff;}
	.nav-list li .nav-list-sub a:hover span,.nav-list li .nav-list-sub a.on span{ color:#fff;}

	.nav-list div.nav-btn-bg,.nav-list div.nav-btn-bg-02{ height: 50px; overflow: hidden; transition: .3s; display: block;  background: #b10000;}


	.nav-list-sub.e-anim-hide{ display: none;}
	.nav.e-anim-hide{ display: block;}


	.nav-list-height.e-anim-on{animation:nav-list-anim-on-pc .3s; animation-fill-mode: both; display: block;}
	.nav-list-height.e-anim-off{ animation:nav-list-anim-off-pc .3s; animation-fill-mode: both; display: block; pointer-events:none;}



	/*PC二级下拉背景色*/
	.nav-list-sub-bg{ display: block; position: absolute; top: -100%; height: 40px; width: 100%; left: 0; background: #CF0000; opacity: 0;  filter:Alpha(opacity=0); display: none;}
	.nav-list-sub-bg-show{ opacity: 1;  filter:Alpha(opacity=100); top: 54px;}

	.header-swiper-box{ position: absolute; left: 0; top: 0; width: 100%;}
	.header-bg{ height: 0; background-position: center center; background-repeat: no-repeat; background-color: #CF0000;}

	/* pc二级栏目滑块 */
	.nav-list li .nav-list-sub div.btn-sub-bg{display: block; position: absolute; width: 0; left: 0; height: 40px; padding: 0; border-bottom: solid 2px #fff; transition: .3s; display: none;}

	/* top-r */
	.top-r{ float: right; padding-top: 32px; padding-bottom: 32px; padding-left: 15px; position: relative;}
	.top-r::before{ content: ' '; height: 20px; width: 1px; overflow: hidden; background: #CFCFCF; position: absolute; left: 0; top: 50%; margin-top: -10px;}
	.nav-list{ padding-right: 0;}
	.search{ padding-left: 0; float: left;}
	.search input{ font-size: 12px; width: 36px; padding-right: 0; opacity: 0; transition: .3s;}

	.search button{cursor: pointer;}
	.search button .icon-search::before{ color: #AFAFAF;}
	.search.show input{ width: 180px; padding-right: 36px;opacity: 1; }
	.search.show button .icon-search::before{ color: #0C0C0C;}
	.search.show button .icon-search:hover::before{ color: #D13B3B;}

	.top-share{ display: block;}


	.top-r{display: flex;}
	.top-share-bd{display: flex;}
	.top-share-btn{ line-height: 36px; width: 36px; text-align: center;}


	.top-share-btn { padding-left: 10px; width: auto; height: 36px;}
	.top-share-btn dt{ text-align: center; line-height: 36px; width: 36px; cursor: pointer;}
	.top-share-btn dt .icon-wechat::before{ font-size: 24px; color: #5CC15F; line-height: 36px;}
	.top-share-btn dt .icon-blog::before{ font-size: 24px; color: #DB3838; line-height: 36px;}

	.top-share-btn dl{ position: relative;}
	.top-share-btn dd{ width: 100px; position: absolute; left: -50px; margin-left: 18px; box-shadow: 0 3px 20px rgba(0,0,0,.1);}
	.top-share-btn dd img{ width: 100%;}

	.top-share-btn dd.e-anim-on{animation:nav-list-anim-on-pc .3s; animation-fill-mode: both; display: block; z-index: 9;}
	.top-share-btn dd.e-anim-off{ animation:nav-list-anim-off-pc .3s; animation-fill-mode: both; display: block; }

	.nav-box{ top: 250px; box-shadow: 0 3px 6px rgba(0,0,0,.05);/*border-bottom: 1px solid #ddd*/}

	.nav-box .nav-list>li::before{ content:' '; width: 1px; height: 45px; background: rgba(255,255,255,.3); position: absolute; top: 50%; margin-top: -24px; right: 0;}
	.nav-box .nav-list>li:nth-last-child(1)::before{display: none;}

	.m-search{ position: absolute; left: auto; right: 0; top: -243px; width: 180px;}

	.header-bg{ width: 100%; display: block; background: rgba(255,255,255,.6); position: absolute; left: 0; top: 0; height: 46px; z-index: 2; border-bottom: solid 1px rgba(187,187,187,.5);}
	.header-tl{ float: left; line-height: 45px; font-size: 14px;}
	.header-tr{float: right; line-height: 45px; padding-right: 180px;}

	.m-search input{ border: solid 1px #EEEEEE; -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;}

	.set-home{ margin-right: 30px;}
	.collect{ margin-right: 30px;}

	.header-tr i{ padding-right: 5px;}
	.header-tr span{ color: #333;}
	.header-tr i::before{ font-size: 14px; color: #707070;}
	.header-tr a:hover span{ color: #CF0000;}
	.header-tr a:hover i::before{ color: #CF0000;}


}


@keyframes nav-list-anim-on-pc{
	from { opacity: 0; transform: translateY(-10px);}
	to {opacity: 1; transform: translateY(0);}
}
@keyframes nav-list-anim-off-pc{
	from { opacity: 1; transform: translateY(0);}
	to { opacity: 0; transform: translateY(20px);}
}


@media screen and (min-width: 1240px) {
.nav{width: 100%;}
.nav-list{}
.nav-list li a{ padding: 0 15px;}

.nav-list div.nav-btn-bg:before,.nav-list div.nav-btn-bg-02:before{ left: 0; right: 0;}
.nav-list li .nav-list-sub{}
.nav-list li .nav-list-sub .nav-list-height{ margin: 0;}


.header-box{ height: 300px;}

.nav-list li a b{font-size: 18px;}
.nav-box{ top: 350px;}
.m-search{ top: -343px;}
}

/* banner */
@media screen and (min-width: 320px) {
	.swiper-banner{ position: absolute; left: 0px; top: 0px; width: 100%;}
	.banner-bg{ height: 23vw; -webkit-background-size: cover;
	background-size: cover; background-position: center center; display: flex; align-items: center; justify-content: center;}
}

@media screen and (min-width: 375px) {

}

@media screen and (min-width: 480px) {

}

@media screen and (min-width: 992px) {
	.banner-bg{ height: 250px; padding-bottom: 0;}
	.banner-tit{ font-size: 40px; line-height: 60px;}
	.banner-txt{ font-size: 16px; line-height: 30px; padding-top: 15px;}
	.banner-more{ padding-top: 50px;}
	.banner-more a{ height: 50px; font-size: 14px; line-height: 50px; padding: 0 40px; margin: 0 20px;}
	.swiper-banner .swiper-pagination{ bottom: 20px;}

	.banner-txt span{display: block;}
}

@media screen and (min-width: 1240px) {
	.banner-bg{ height: 350px;}
}

/* 首页布局 */
@media screen and (min-width: 320px) {
	.ind-max{padding: 15px 0;}
	.ind-box{ padding: 10px 0; overflow: hidden;}
}

@media screen and (min-width: 375px) {

}

@media screen and (min-width: 480px) {

}

@media screen and (min-width: 992px) {
	.ind-max{padding: 25px 0 15px 0;}
	.ind-box{ padding: 15px 0; overflow: hidden;}
}

@media screen and (min-width: 1240px) {
	.ind-max{padding: 75px 0 15px 0;}
	.ind-box{ padding: 20px 0;}
}




/* 首页公用 */
@media screen and (min-width: 320px) {
	.ind-tit{display: flex; justify-content: space-between; align-items: center; padding-bottom: 10px;}
	.ind-tit span{ color: #CF0000; font-size: 18px; line-height: 1;}
	.ind-tit a{color: #CF0000; font-size: 14px; line-height: 16px;}
	.ind-tit a:hover{ text-decoration: underline;}

	.ind-tit-02{position: relative;}
	.ind-tit-02::before{content:' '; left: 0; right: 0; bottom: 0; height: 1px; background: #DDD; position: absolute;}
	.ind-tit-02 span{ position: relative;}
	.ind-tit-02 span::before{content:' ';  height: 2px; position: absolute; left: 0; right: 0; bottom: -10px; background: #CF0000;}

	.list li{ overflow: hidden; position: relative;  padding: 5px 0;}
	.list li div{position: relative; padding-left: 17px;}
	.list i{ width: 7px; height: 7px; background: #BBB; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; top: 7px; position: absolute; left: 0;}
	.list a{ line-height: 21px;font-size: 14px; display: block;}


	.list-mt{ margin-top: 10px;}

	.list-ovh li a{ white-space: nowrap; display: block; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis;}

	/*.list-ovh li a:hover{ text-decoration: underline;}*/

	.list-02 li{padding:3px 0;}

	.ind-ad{ padding-bottom: 15px;}
	i.pic-scale-ad{ padding-bottom:23.683%;}
	i.pic-scale-ad2{ padding-bottom:12.5%;}
	i.pic-scale-ad3{ padding-bottom:8%;}
	i.pic-scale-ad03{ padding-bottom:23.3%;}
}

@media screen and (min-width: 375px) {

}

@media screen and (min-width: 480px) {

}

@media screen and (min-width: 992px) {
	.ind-tit{ padding-bottom: 10px;}
	.ind-tit span{ font-size: 20px;}

	.ind-tit-02 span::before{ bottom: -10px;}

	.list i{ top: 8px;}
	.list a{ line-height: 23px;}

	.list-mt{ margin-top: 15px; height:87px;}


	.ind-ad{ padding-bottom: 20px;}

}

@media screen and (min-width: 1240px) {
	.ind-tit span{ font-size: 26px;}

	.list li{ padding: 0 0;}
	.list i{top: 12px;}
	.list a{ line-height: 31px; font-size: 16px;}

	.list-02 li{padding: 3px 0;}
	.list-mt{height:160px;}
}


/* 焦点图 */
@media screen and (min-width: 320px) {
	i.pic-scale-focus{padding-bottom: 59.217%;}
	.focus-box{ position: relative;}
	.focus-mess span{ position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.6); height: 42px; line-height: 42px; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap; color: #fff; font-style: normal; padding: 0 15px; text-align: center;}

	.focus-pagination{display: none;}

	.focus-button{ position: absolute; left: 0; top: 50%; margin-top: -90px; width: 36px; height: 50px; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0); z-index: 2; cursor: pointer;}
	.focus-button-next{ left: auto; right: 0;}

	.focus-button i::before{ color: #fff; font-size: 20px; opacity: 1;}

	/*.focus-button-prev{ border-top-right-radius: 6px; border-bottom-right-radius: 6px;}*/
	/*.focus-button-next{ border-bottom-left-radius: 6px; border-top-left-radius: 6px;}*/
	.focus-button:hover {background: rgba(207,0,0,0);}
	.focus-button:hover i::before{ opacity: 1;}
	.focus-button-prev:hover i{ animation:RTOL .5s;}
	.focus-button-next:hover i{ animation:LTOR .5s;}
}

@media screen and (min-width: 375px) {

}

@media screen and (min-width: 480px) {

}

@media screen and (min-width: 992px) {
	.focus-box{ width: 70.5%; float: left;}
	.focus-mess span{text-align: left;}
	.focus-mess span{font-size: 16px; height: 56px; padding-right: 180px; line-height: 56px; padding-left: 20px;}

	.focus-button{ width: 40px; height: 75px; margin-top: -45px;}
	.focus-button i::before{ font-size: 28px;}

	.swiper-focus .focus-pagination{display: block; position: absolute; right: 20px; bottom: 20px; z-index: 2; left: auto; width: auto; height: 13px; line-height: 13px;}
	.swiper-focus .focus-pagination .swiper-pagination-bullet{ width: 13px; height: 13px; margin-right: 0; margin-left: 12px; opacity: .7; background: #fff;}
	.swiper-focus .focus-pagination .swiper-pagination-bullet-active{ background: #CF0000; opacity: 1;}
}

@media screen and (max-width: 992px) and (min-width: 500px) {
	.focus-box{ width: 100%; float: left;}
	.ind-yw-bd{ float: left; width: 100%; padding-top: 0;}
	.sz-ind-box{ display: block !important;}
}

@media screen and (min-width: 1240px) {
	.focus-mess span{height: 56px; font-size: 20px;}
	.focus-box{ width: 792px;}
}


@keyframes LTOR{
	from { transform: translateX(0); opacity: 1;}
	50% { transform: translateX(150%); opacity: 0;}
	50.1%{ transform: translateX(-150%); opacity: 0;}
	to { transform: translateX(0); opacity: 1;}
}
@keyframes RTOL{
	from { transform: translateX(0); opacity: 1;}
	50% { transform: translateX(-150%); opacity: 0;}
	50.1%{ transform: translateX(150%); opacity: 0;}
	to { transform: translateX(0); opacity: 1;}
}
@keyframes TTOB{
	from { transform: translateY(0); opacity: 1;}
	50% { transform: translateY(-150%); opacity: 0;}
	50.1%{ transform: translateY(150%); opacity: 0;}
	to { transform: translateY(0); opacity: 1;}
}



/* 要闻 */
@media screen and (min-width: 320px) {
	/*.ind-yw-bd{ padding-top: 15px;}*/
	.ind-yw-box{ border-top: solid 2px #CF0000; padding: 10px;}

	.ind-yw-box .list{}


}

@media screen and (min-width: 375px) {

}

@media screen and (min-width: 480px) {

}

@media screen and (min-width: 992px) {
	.ind-yw-bd{ float: left; width: 330px; padding-top: 0;}
	.ind-yw-box{ height: 373px; padding: 20px;}
	.ind-yw-box .list{ overflow: hidden; height: 300px;}

	.ind-yw-box .list{ }

	.ind-yw-box .list a:hover{ color: #B9A272;}

}

@media screen and (min-width: 1240px) {
	.ind-yw-bd{ width: 408px;}

	.ind-yw-box{ padding: 15px 0px 0px 20px; height: 469px;}

	.ind-yw-box .list{ height: 416px;}
}


/* 社院要闻 */
@media screen and (min-width: 320px) {
	i.pic-scale-syyw{ padding-bottom: 59.215%;}
	.syyw-t{ margin-top: 10px; display: block;}
	.syyw-t dd{background: #FAFAFA; padding: 10px;}
	.syyw-t dd b{display: block; color: #555;}
	.syyw-t dd span{ font-size: 14px; color: #555; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden; margin-top: 10px;}
	.syyw-t:hover dd b{ color: #cf0000;}
	.ind-syyw-box br{display:none;}
	.ind-yw-bd .list a br{display:none;}
	.ind-list-t dd b br{display:none;}
	.list-ovh li a br{display:none;}

}

@media screen and (min-width: 375px) {

}

@media screen and (min-width: 480px) {

}

@media screen and (min-width: 992px) {
	.ind-syyw-box{ width: 630px; float: left;}

	.syyw-t{overflow: hidden; margin-top: 20px;}
	.syyw-t dt{float: left; width: 270px;}
	.syyw-t dd{ overflow: hidden; height: 160px; padding: 20px 15px;}

	.syyw-t dd b{ display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; height: 48px;}
}

@media screen and (min-width: 1240px) {
	.ind-syyw-box{ width: 792px;}
	.syyw-t dt{ width: 331px;}
	.syyw-t dd{ height: 196px;}

	.syyw-t dd b{ font-size: 16px; height: 56px;}
	.syyw-t dd span{ font-size: 16px;}
}





/* 社院公告 */
@media screen and (min-width: 320px) {
	.ind-sygg-box{ margin-top: 15px;}
	.ind-sygg-list{ margin: -3px; overflow: hidden; padding-bottom: 10px;}
	.ind-sygg-list li{ padding: 3px; float: left; width: 33.333333%;}
	.ind-sygg-list li a{display: flex; align-items: center; justify-content: center; height: 56px; padding: 0 10px; background-position: center; -webkit-background-size: 72px; background-size: 72px; -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;}
	.ind-sygg-list i{ margin-right: 5px;}
	.ind-sygg-list i::before{ font-size: 24px; color: #fff;}
	.ind-sygg-list span{ flex:1; text-align: center; font-size: 12px; color: #fff;}

	.ind-sygg-list li:nth-child(1) a{ background-image: url(../image/ind-menu-bg-01@2x.jpg);}
	.ind-sygg-list li:nth-child(2) a{ background-image: url(../image/ind-menu-bg-02@2x.jpg);}
	.ind-sygg-list li:nth-child(3) a{ background-image: url(../image/ind-menu-bg-03@2x.jpg);}
	.ind-sygg-list li:nth-child(4) a{ background-image: url(../image/ind-menu-bg-04@2x.jpg);}
	.ind-sygg-list li:nth-child(5) a{ background-image: url(../image/ind-menu-bg-05@2x.jpg);}
	.ind-sygg-list li:nth-child(6) a{ background-image: url(../image/ind-menu-bg-06@2x.jpg);}
	.ind-sygg-list li:nth-child(7) a{ background-image: url(../image/ind-menu-bg-05@2x.jpg);}
	.ind-sygg-list li:nth-child(8) a{ background-image: url(../image/ind-menu-bg-08@2x.jpg);}
	.ind-sygg-list li:nth-child(9) a{ background-image: url(../image/ind-menu-bg-09@2x.jpg);}

	.ind-sygg-list li{ overflow: hidden;}
	.ind-sygg-list li a:hover{ -webkit-background-size: 108px;
	background-size: 108px;}
		.top-nav-new{padding:15px 0;text-align:center;}
	.top-nav-new h1{font-size:18px;border-bottom:1px solid #c72c34;padding-bottom:10px;}
}

@media screen and (min-width: 375px) {

}

@media screen and (min-width: 480px) {

}

@media screen and (min-width: 992px) {

    	.top-nav-new h1{font-size:28px;}
	.ind-sygg-list li a{height: 63px;}
	.ind-sygg-box{ width: 330px; padding-left: 20px; float: left; margin-top: 0;}
	.ind-sygg-list span span{display:block;}
}

@media screen and (min-width: 1240px) {
	.ind-sygg-list li a{height: 72px;}
	.ind-sygg-list i::before{font-size: 30px;}
	.ind-sygg-box{ width: 402px; padding-left: 24px;}
	.ind-sygg-list li a{-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;}
	.ind-sygg-list span{font-size: 16px; line-height: 1.4;}

	.ind-sygg-list{ padding-bottom: 25px;}
}



/* 首页列表 */
@media screen and (min-width: 320px) {
	.ind-list-bd{ margin: -10px; overflow: hidden;}
	.ind-list-box{ padding: 10px;}

	i.pic-scale-ind{ padding-bottom: 59.375%;}

	.ind-list-t{ margin-top: 10px; display: block;}
	.ind-list-t dd{/*background: #FAFAFA;*/ padding: 10px;}
	.ind-list-t dd b{display: block; color: #333;}
	.ind-list-t:hover dd b{ color: #cf0000;}
}

@media screen and (min-width: 375px) {

}

@media screen and (min-width: 480px) {

}

@media screen and (min-width: 640px) {
	.ind-list-box{ float: left; width: 50%;}
}

@media screen and (min-width: 992px) {
	.ind-list-box{ width: 50%;}
	.ind-list-t{ margin-top: 20px;}

	.ind-list-t dd{ padding: 15px;}
	.ind-list-t dd b{ display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden; height: 48px;}
}

@media screen and (min-width: 1240px) {
	.ind-list-bd{ margin:-20px -12px;}
	.ind-list-box{ padding: 20px 12px;}

	.ind-list-t dd b{ font-size: 18px; height: 56px;}
}



/* 链接 */
@media screen and (min-width: 320px) {
	.link-box dt{ color: #B9A272;}
	.link-box dd { padding-top: 10px;}
	.link-box dd ul{ margin: -3px -5px; overflow: hidden;}
	.link-box dd li{ padding: 3px 5px; float: left;}

	.link-box dl{ padding-bottom: 20px;}
	.link-box dl:nth-last-child(1){padding-bottom: 0;}
}

@media screen and (min-width: 375px) {

}

@media screen and (min-width: 480px) {

}

@media screen and (min-width: 992px) {

}

@media screen and (min-width: 1240px) {
	.link-box dt{ font-size: 16px;}

	.link-box dd { padding-top: 15px;}
	.link-box dd ul{ margin: -3px -10px;}
	.link-box dd li{ padding: 3px 10px;}

	.link-box dl{ padding-bottom: 30px;}

	.link-box dd li a{font-size: 16px;}
}





/* footer */
@media screen and (min-width: 320px) {
	.footer-bg{ background: #F2F2F2; border-top: solid 1px #CF0000;}
	.footer-box{padding: 20px 0; display: flex; align-items: center; justify-content: center;}
	/*.footer-box dl{display: flex; justify-content: center; }*/
	/*.footer-box dt{ padding-right: 20px; display: flex; align-items: center; justify-content: flex-end;}*/
	/*.footer-box dt>div{flex:1; display: flex; flex-direction: column; align-items: flex-end; font-size: 12px; line-height: 2; text-align: right;}*/
	/*.footer-box dt>div span{display: block;}*/
	/*.footer-box dt img{ padding-right: 10px;}*/
}

@media screen and (min-width: 375px) {

}

@media screen and (min-width: 480px) {

}

@media screen and (min-width: 992px) {
	.footer-box dt>div{font-size: 14px;}
	.footer-box dt>div span{display: inline-block;}
}

@media screen and (min-width: 1240px) {

}



/* 公告 & 二维码 */
@media screen and (min-width: 320px) {
	.notice-box{display: none;}
	.gb-txt{ padding: 15px; font-size: 14px; line-height: 2; display: none;}
	.qr-box{display: none;}
}

@media screen and (min-width: 375px) {

}

@media screen and (min-width: 480px) {

}

@media screen and (min-width: 992px) {
	.notice-box{ position: fixed; left: 10px; bottom: 420px; z-index: 99; cursor: pointer; background: #BE3333; -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px; white-space: nowrap; padding: 8px; display: flex; align-items: center;}
	.notice-box .notice::before{ font-size: 16px; color: #fff; line-height: 20px; padding-right: 8px;}
	.notice-box span{ line-height: 20px; font-size: 16px; color: #fff; padding-right: 8px;}
	.notice-box .notice-close::before{font-size: 14px; color: #fff; line-height: 20px;}
	.notice-box .notice-close:hover{ transform: rotate(180deg);}

	div.tc-style{ width: 420px !important;}

	.qr-box{ display: block; position: fixed; right: 10px;  bottom: 125px; z-index: 9999;}

	.qr-box-min{width: 120px; padding: 10px; background: #F2F2F2;}
	.qr-box-min span{display: block; text-align: center; font-size: 11px;}

	.qr-box-min{ margin-bottom: 15px;}
}

@media screen and (min-width: 1240px) {
}

@media screen and (min-width: 1580px) {
	.notice-box{ left: auto; right: 50%;  margin-right: 630px;}
	.qr-box{right: auto; left: 50%; margin-left: 630px;}
}



/* 菜单+布局 */
@media screen and (min-width: 320px) {
	.cont-bg{ padding: 25px 0;}
	.menu-box{ flex-basis: 200px; flex-shrink: 0;}
	.menu-show{display: block;}

	.menu-box a{ display: flex; min-height: 48px; /*border: solid 1px #DDDDDD;*/ background: #fff; align-items: center; margin-top: -1px; padding:10px 10px 10px 15px;}
	.menu-box a:nth-child(0){margin-top: 0;}
	.menu-box a i{display: block; width: 15px; height: 15px; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; border: solid 2px #BE3333; background: #fff; margin-right: 10px; flex-shrink: 0;z-index: 1}
	.menu-box a span{ font-size: 14px; color: #555;}


	.menu-box li.on{ z-index: -1; position: relative;}
	/*.menu-box li.on>a{ border: solid 1px #CF0000;}*/
	.menu-box li.on>a i{ background: #CF0000;}
	.menu-box li.on>a span{ font-weight: bold; color: #CF0000;}

	.menu-sub a{ margin-top:0; border:none; background:none; border-bottom:solid 1px #DDDDDD; padding-left:35px; padding-top:5px;}
	.menu-sub .sub-on a span{ color:#BE3333;}
	.menu-sub div:nth-last-child(1) a{ border:none;}

	.cont-box{ padding-top: 20px;}


	.crumbs-box{ padding-bottom: 10px; color: #666;margin-top: 12px;}
	.crumbs-box a{ color: #666;font-size: 16px;}
	.crumbs-box a:hover{color: #CF0000;}
	/*.crumbs-box ul li */
	.content-box{ margin-top: 20px; padding: 15px; font-size: 14px;}
/*	.content-box *{font-size: 14px;}*/

	.top-btn{ display: none;}

	.cont-tac{text-align: center;}

	.cont-name{ padding-top: 10px; display: flex; align-items: center; justify-content: center;}
	.cont-name b{ font-size: 14px;}
	.cont-name .triangle{border-left: solid 7px transparent; border-right:solid 7px transparent ; border-bottom: solid 13px #DDDDDD; margin-right: 10px;}

}

@media screen and (min-width: 375px) {

}

@media screen and (min-width: 480px) {

}
@media screen and (max-width: 991px) {
    .info-txt,.info-txt *{font-size: 14px !important;}
}
@media screen and (min-width: 992px) {
	.cont-bg{ display: flex; align-items: stretch; padding: 45px 0;}
	.menu-box a{ display: flex; min-height: 60px; padding-left: 27px;}
	.menu-box a i{margin-right: 20px;}
	.menu-box a span{font-size: 16px;}
	.menu-box+.cont-box{ padding-left: 40px;}


	.menu-sub a{ padding-left:57px;  min-height:50px;}
	.menu-box a span{font-size:18px;}

	.cont-box{ padding-top: 0; flex: 1; min-width: 0; overflow: hidden;}

	.content-box{ margin-top: 30px; padding: 20px;}

	.top-btn{ right: 10px; display: block; position: fixed; bottom: 150px; width: 44px; height: 44px; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; background: #BE3333; display: flex; align-items: center; justify-content: center; overflow: hidden; cursor: pointer;z-index: 99;}
	.icon-top::before{ color: #fff;}
	.top-btn:hover i{ animation:TTOB .5s;}
}

@media screen and (min-width: 1240px) {

	.content-box{ margin-top: 0px; padding: 20px 5px; font-size: 16px;}
	/*.content-box *{font-family:auto;}
	.content-box *{font-size: 16px;}*/
}

@media screen and (min-width: 1400px) {
	.top-btn{right: auto; left: 50%; margin-left: 630px;}
}




/* 通用列表01 */
@media screen and (min-width: 320px) {
	.mess-list{ margin: -10px 0;}
	.mess-list dl{ padding: 10px 0;}
	.mess-list dt{ display: flex; align-items: center;}
	.mess-list dt i{ width: 4px; height: 19px; color: #CF0000; margin-right: 10px; background: #CF0000;}
	.mess-list dt span{ color: #333; font-weight: bold;}
	.mess-list dd{ padding-top: 5px; color: #777;}
}

@media screen and (min-width: 375px) {

}

@media screen and (min-width: 480px) {

}

@media screen and (min-width: 992px) {
	.mess-list dt i{margin-right: 15px;}
	.mess-list dt span{font-size: 16px;}
	.mess-list dd{font-size: 14px;}
}

@media screen and (min-width: 1240px) {
	.mess-list dt i{margin-right: 20px;}
	.mess-list dt span{font-size: 18px;}
	.mess-list dd{font-size: 16px;}
}




/* 学院概况 */
@media screen and (min-width: 320px) {
	.map{height: 320px;}
}

@media screen and (min-width: 375px) {

}

@media screen and (min-width: 480px) {

}

@media screen and (min-width: 992px) {
	.map{height: 478px;}
}

@media screen and (min-width: 1240px) {

}


/* 新闻列表 */
@media screen and (min-width: 320px) {
	i.pic-scale-xwzx{padding-bottom: 63.128%;}
	.news-list{padding: 10px 0 0 0;}
	/*.news-list ul{margin: -10px 0;}*/
	.news-list li{ padding: 10px 0;}
	.news-list a {display: block; /*background: #F6F6F6;*/ padding: 15px;}
	.news-list a b{ font-size: 14px; color: #333; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; overflow: hidden; display: block; white-space: nowrap;}
	.news-list dl{ padding-top: 10px; display: flex;}
	.news-list dt{ overflow: hidden; flex-basis: 100px; flex-shrink: 0;}
	.news-list dd{ padding-left: 10px; flex:1;}
	.news-list dd span{color: #333; font-size: 12px; display: block; line-height: 1;}
	.news-list dd div{ display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden; font-size: 12px; line-height: 20px; color: #777; padding-top: 10px;}

	.news-list a:hover b{ color: #CF0000;}
}

@media screen and (min-width: 375px) {

}

@media screen and (min-width: 480px) {

}

@media screen and (min-width: 992px) {
	.news-list a b{font-size: 16px;}
	.news-list a{padding: 0px;}
	.news-list ul li{padding: 28px 0;border-bottom: 1px dashed #d8d8d8;}
	.news-list dl{padding-top: 15px;}
	.news-list dt{ overflow: hidden; flex-basis: 350px;}
	.news-list dd div{font-size: 14px; line-height: 28px;
	-webkit-line-clamp: 7;}
	.news-list dd{ padding-left: 20px;}
}

@media screen and (min-width: 1240px) {
	.news-list a b{font-size: 22px;}
	.news-list dd span{font-size: 14px;}
	.news-list dd div{font-size: 16px;}
}


/* 新闻列表-02 */
@media screen and (min-width: 320px) {
	.news-list-02{}
	.news-list-02 dl{display: flex;}
	.news-list-02 dt{width: 70px; border-right: solid 1px #DDDDDD; display: flex; align-items: center; justify-content: center; height: 72px; flex-shrink: 0;}
	.news-list-02 dl{padding: 15px 0; border-bottom: dashed 1px #C1C1C1;}

	.news-list-02 dt b{ line-height: 1; font-size: 30px; font-weight: normal; color: #999A9A; display: block; text-align: center;}
	.news-list-02 dt span{ display: block; text-align: center; color: #999A9A; font-size: 12px;}

	.news-list-02 dd{padding-left: 10px; flex: 1; min-width: 0;}
	.news-list-02 dd b{display: block; color: #333; font-size: 14px; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap;}
	.news-list-02 dd span{display: block; margin: 5px 0 0 0; color: #666;  display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden; font-size: 12px;}

	.news-list-02 a:hover dd b{ color: #CF0000;}
}

@media screen and (min-width: 375px) {

}

@media screen and (min-width: 480px) {

}

@media screen and (min-width: 992px) {
	.news-list-02 dl{padding: 30px 0;}
	.news-list-02 dt{width: 100px; height: 80px; }
	.news-list-02 dt b{ font-size: 36px;}
	.news-list-02 dt span{font-size: 14px;}
	.news-list-02 dd{padding-left: 20px;}
	.news-list-02 dd b{font-size: 16px;}
	.news-list-02 dd span{font-size: 12px; margin: 10px 0 0 0;}
}

@media screen and (min-width: 1240px) {
	.news-list-02 dt{width: 114px; height: 97px; }
	.news-list-02 dt b{ font-size: 40px;}
	.news-list-02 dd b{font-size: 18px;}
	.news-list-02 dd span{font-size: 16px;}
}




/* 新闻列表-03 */
@media screen and (min-width: 320px) {
	i.pic-scale-syxb{ padding-bottom: 124.4444%;}
	.news-list-03 dl{display: flex; padding: 15px 0; border-bottom: dashed 1px #C1C1C1;}
	.news-list-03 dt{width: 100px; padding: 0 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}

	.news-list-03 dd{padding-left: 10px; flex: 1; min-width: 0;}
	.news-list-03 dd b{display: block; color: #333; font-size: 14px; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap;}
	.news-list-03 dd span{display: block; margin: 10px 0 0 0; color: #666;  display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden; font-size: 12px;}

	.news-list-03 i{border: solid 2px #DDDDDD;}

	.news-list-03 a:hover i{border: solid 2px #CF0000;}
	.news-list-03 a:hover dd b{ color: #CF0000;}
}

@media screen and (min-width: 375px) {

}

@media screen and (min-width: 480px) {

}

@media screen and (min-width: 992px) {
	.news-list-03 dt{width: 130px; padding: 0 20px;}
	.news-list-03 dd b{font-size: 16px;}
	.news-list-03 dd span{font-size: 14px;}
	.news-list-03 dl{ padding: 30px 0;}
}

@media screen and (min-width: 1240px) {
	.news-list-03 dd b{font-size: 18px;}
	.news-list-03 dd span{font-size: 16px;}
}



/* 社院学报 */
@media screen and (min-width: 320px) {
	.news-list-04{ padding-top: 40px ;}
	.news-list-04 ul{ margin: -5px 0;}
	.news-list-04 li{ padding: 5px 0;}
	.news-list-04 a{ min-height: 52px; font-size: 14px; color: #333; padding: 0 15px; background: #F6F6F6; display: flex; align-items: center; font-weight: bold;}
	.news-list-04 a:hover{ color: #CF0000;}
}

@media screen and (min-width: 375px) {

}

@media screen and (min-width: 480px) {

}

@media screen and (min-width: 992px) {
	.news-list-04 a{font-size: 16px; padding: 0 20px;}
}

@media screen and (min-width: 1240px) {
	.news-list-04 a{font-size: 18px;}
}



/* 师资队伍 */
@media screen and (min-width: 320px) {
	.szdw-list{ padding-top: 20px ; margin: -5px;display: flex; flex-wrap: wrap;}
	.szdw-list li{ padding: 5px; text-align: center; flex-basis: 33.3333%;}
}

@media screen and (min-width: 375px) {

}

@media screen and (min-width: 480px) {

}

@media screen and (min-width: 992px) {
	.szdw-list{ margin: -10px;}
	.szdw-list li{flex-basis: 25%; padding: 10px; font-size: 16px;}
}

@media screen and (min-width: 1240px) {

}


/* 内容页 */
@media screen and (min-width: 320px) {
	.info-tit{ line-height: 30px; font-size: 22px; color: #333; font-weight: bold; text-align: center; padding: 0;}
	.info-tit span{display: block;}
	.info-sub-tit{font-size:18px; display:block; font-weight:normal; padding-top:5px;}

	.info-mess{ background: #f8f8f8; margin: 15px -15px; min-height: 45px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 5px 15px;}

	.info-mess span{ color: #999A9A; font-size: 12px; padding: 0 20px;}

	.share-box{display: none; }


	.hot-box{ margin-top: 20px; background: #F5F5F5; padding: 10px 15px; }
	.hot-box .tit{position: relative; padding-left: 15px;}
	.hot-box i{ width: 4px; height: 18px; position: absolute; left: 0; top: 50%; margin-top: -9px; background: #CF0000;}
	.hot-box b{font-weight: bold; font-size: 16px; color: #333;}

	.hot-box .list{ padding-top: 5px;}
	.hot-box .list a{ line-height: 28px; position: relative; display: block; padding-left: 15px; font-size: 14px; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap;}
	.hot-box .list a i{ width: 6px; height: 6px; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; background: #BBB; top: 50%; margin-top: -3px;}
}

@media screen and (min-width: 375px) {

}

@media screen and (min-width: 480px) {

}

@media screen and (min-width: 1200px) {

}


@media screen and (min-width: 992px) {
	.info-tit{ line-height: 36px; font-size: 24px;}
	.info-sub-tit{font-size:20px;}
	.share-box{display: block; flex-basis: 116px; flex-shrink: 0; padding-left: 20px; }
	.share-mess{position:sticky; top: 0; padding-top: 30px;}
	.share-tit{ display: flex; align-items: center; justify-content: center; overflow: hidden;}
	.share-tit span{ position: relative; color: #888; font-size: 12px;}
	.share-tit span::before{ content: ' '; left: -100px; width: 100px; margin-left: -15px; height: 1px; background: #DDD; position: absolute; top: 50%;}
	.share-tit span::after{ content: ' '; right: -100px; width: 100px; margin-right: -15px; height: 1px; background: #DDD; position: absolute; top: 50%;}

	.info-mess{margin: 30px -30px; padding: 5px 30px;}
	.info-mess span{ font-size: 14px;}

	.hot-box{ margin-top: 30px; padding: 20px 30px; }

	.hot-box .list a{ line-height: 38px; font-size: 16px;}

	.hot-box b{font-size: 18px;}

	.share-mess div.bshare-custom{display: flex; flex-direction: column; align-items: center; padding-top: 10px;}
	.share-mess div.bshare-custom a{ background: none; padding: 0; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; margin-top: 20px;}
	.share-mess div.bshare-custom a::before{ font-size: 22px; color: #fff;}
	.share-mess div.bshare-custom a:hover{text-decoration: none;}
	.share-mess div.bshare-custom a.icon-share-wb{ background: #E30000;}
	.share-mess div.bshare-custom a.icon-share-wx{ background: #1AA13E;}
	.share-mess div.bshare-custom a.icon-share-qq{ background: #30A5DD;}

}

@media screen and (min-width: 1240px) {
	.info-tit{ line-height: 40px; font-size: 32px;}
	.info-sub-tit{font-size:26px;}
}



@media screen and (min-width: 320px) {

}

@media screen and (min-width: 375px) {

}

@media screen and (min-width: 480px) {

}

@media screen and (min-width: 992px) {

}

@media screen and (min-width: 1240px) {

}



/*弹窗视频*/
@media screen and (min-width: 320px) {
.video-show.layui-layer-iframe{overflow: visible;}
.video-show{ width: 300px !important; height: 175px !important; left: 50% !important; top: 50% !important; transform: translate(-50%,-50%) !important;}

	.video-show .layui-layer-setwin{ right: 0; top: 0;}
	.video-show .layui-layer-setwin .layui-layer-close2{ right: 0; top: -35px;width: 35px; height: 35px; background: #CF0000; font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; text-align: center; line-height: 35px;}
	.video-show .layui-layer-setwin .layui-layer-close2:before { content: "\e608"; color: #fff; font-size: 14px;}

	div.video-show .layui-layer-content{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; overflow: visible;}
	.jcsp-video{display: none;}
	.video-show video{display: block;}
	.video-show video{ width: 100%; height: 100%;}

}



@media screen and (min-width: 384px) {
	.video-show{ width: 365px !important; height: 210px !important;}
}

@media screen and (min-width: 480px) {
	.video-show{ width: 420px !important; height: 240px !important;}
}

@media screen and (min-width: 640px) {
	.video-show{ width: 630px !important; height: 360px !important;}
}

@media screen and (min-width: 768px) {
	.video-show{ width: 700px !important; height: 400px !important;}
}

@media screen and (min-width: 992px) {
	.video-show{ width: 900px !important; height: 510px !important;}
}

/*@media screen and (min-width: 1240px) {
	.video-show{ width: 1100px !important; height: 620px !important;}
}*/



/*--内容盒子--*/
@media screen and (min-width: 320px) {
	.content-box:after{content: ' '; clear: both; width: 0; height: 0; overflow: hidden; display: block;}
	.content-box{ text-align: justify; text-justify:inter-word; position: relative; z-index: 10; line-height: 2;}
	/* .content-box *{ line-height: 2; font-size: 14px;} */
	.content-box img{max-width: 100%;}


}

@media screen and (min-width: 992px) {
	.content-box-t{padding-top: 10px;}
	.con-ind-flex{display:flex;margin:0 -10px;}
	.con-ind-flex .ind-ad{flex:1;padding-left:10px;padding-right:10px;}
}

@media screen and (min-width: 1240px)  {

}