/*CSS样式重写*/
body,p,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,pre{
    margin:0;
    padding:0;
    border:none;
    list-style:none;
    box-sizing: border-box;
}
/*html{
	min-height: 100%;
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -o-filter:grayscale(100%);
    filter:grayscale(100%);
}*/
body{
    font-family: "microsoft yahei","Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.42857143;
    color: #333;
	min-height: 100%;
    min-width: 1200px;
}
a{
    color: #333;
    text-decoration:none;
    transition: .3s;
}
a:hover{
  	color: #be1e1e;
    /*color: #016349;*/
}
input,button{
    outline:0;
}
img{
    vertical-align: middle;
    border: 0;
    max-width: 100%;
    transition: .3s;
}
.ellipsis-2 {  overflow:hidden;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ellipsis-4 {  overflow:hidden;display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
/*通用样式*/
.lf{
    float: left;
}
.rt{
    float: right;
}
.active{
    display: block;
}
.container{
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.container:before,
.container:after{
    content: '';
    display: table;
    clear: both;
}
.ellipse{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/*头部*/
.header{
    height: 160px;
    /* background: #016349 url(../images/top_bg.jpg) no-repeat; */
    background-color: #be1e1e;
}
.header-bg{
    height: 98px;
    line-height: 90px;
    position: relative;
}
.header-bg .logo{
    margin-top: 10px;
    margin-right: 100px;
    width: 365px;
    height: 95px;
    margin-bottom: 5px;
}
.top{
    position: absolute;
    top: 0;
    right: 0;
    height: 36px;
    line-height: 36px;
}
.top a{
    color: #fff;
}
.top span{
    color: #fff;
    padding: 0 10px;
}
.top p{
    padding: 0 20px;
    margin-right: 45px;
    /* background: #0B9673; */
    background: #950808;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.top .rt{
    width: 42px;
    height: 36px;
    background: url(/r/cms/www/default/images/search1.png) no-repeat;
}

/*导航栏*/
.nav{
    height: 55px;
    line-height: 55px;
    position: relative;
    z-index: 9;
    /* border-bottom: 5px solid #17AB86; */
    border-bottom: 5px solid #950808;
}
.menu{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    margin-top: 5px;
}
.menu>li{
    float: left;
    width: 120px;
    height: 55px;
}
.menu>li>a{
    display: block;
    height: 100%;
    color: #fff;
    font-size: 18px;
    text-align: center;
}
.menu>li:hover>a{
    /* background: #17AB86; */
    background: #950808;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.sub-menu{
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    text-align: center;
    background: rgba(255,255,255,.65);
    /* border-top: 5px solid #17AB86; */
    border-top: 5px solid #950808;
    z-index: 99;
    display: none;
}
.sub-menu li{
    display: inline-block;
    height: 65px;
    line-height: 65px;
    margin: 0 20px;
}
.sub-menu li a{
    font-size: 16px;
    padding-left: 12px;
    background: url(/r/cms/www/default/images/nav_xl.png) no-repeat left center;
}
.sub-menu li a:hover{
    color: #be1e1e;
    font-weight: bold;
}

.section{
    /* min-height: 500px; */
}

/*幻灯片*/

.slider{
    margin-bottom: 10px;
}
.slideBox{
    width:100%;
    overflow:hidden;
    position:relative;
    text-align: center;
}

.slideBox .hd{
    position:absolute;
    width: 100%;
    bottom: 0;
    z-index:1;
}
.slideBox .hd ul{
    width: 1200px;
    margin: 0 auto;
    text-align: left;
}
.slideBox .hd ul li{
    margin: 0 5px;
    width: 50px;
    height: 80px;
    line-height: 80px;
    color: #fff;
    font-size: 30px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
}
.slideBox .hd ul li.on{
    background: #DB7437;
}
.slideBox .bd li{
    zoom:1;
    vertical-align:middle;
    position: relative;
}
.slideBox .bd img{
    display:inline-block;
    width: 100%;
}
.slideBox .bd a{
    display: block;
    height: 100%;
}
@media screen and (max-width: 1000px) {
    .slideBox{
		height: 39vw;
	}
	.slideBox .bd img{
	    display:inline-block;
	    width: 100%;
	    min-height: 39vw;
	}
}
.slideBox .arrow{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1200px;
    margin-left: -600px;
    display: none;
}
.slideBox:hover .arrow{
    display: block;
}
.slideBox .prev,
.slideBox .next{
    position:absolute;
    left:2%;
    top:50%;
    margin-top:-50px;
    display:block;
    width:60px;
    height:100px;
    background: rgba(0,0,0,.6) url(../images/arrow_left.png) no-repeat center center;
    border-radius: 5px;
    filter:alpha(opacity=50);
    opacity:0.6;
}
.slideBox .next{
    left:auto;
    right:2%;
    background-image: url(/r/cms/www/default/images/arrow_right.png);
}
.slideBox .prev:hover,
.slideBox .next:hover{
    filter:alpha(opacity=100);
    opacity:1;
}

.title{
    height: 30px;
    line-height: 30px;
    margin: 30px 0;
    position: relative;
}
.title h1{
    font-size: 24px;
    position: relative;
}
.title a{
	color: #be1e1e;
}
.title:before{
    content: '';
    position: absolute;
    top: 50%;
    left: 120px;
    right: 80px;
    border-bottom: 1px solid #D2D2D2;
}


/*图片新闻*/
.picNews{
    float: left;
    width: 800px;
}
.albumBox{
    float: left;
    width: 388px;
    height: 278px;
    overflow:hidden;
    position:relative;
    box-sizing: border-box;
}
.albumBox .hd{
    position:absolute;
    width: 100px;
    right:0;
    bottom: 8px;
    z-index:1;
}
.albumBox .hd ul{
    width: 100%;
    text-align: right;
    padding-right: 10px;
}
.albumBox .hd ul li{
    width: 8px;
    height: 8px;
    color: #fff;
    text-align: center;
    background: #fff;
    cursor:pointer;
    display: inline-block;
    border-radius: 50%;
    margin: 0 1px;
}
.albumBox .hd ul li.on{
    /* background:#DB7437; */
    background: #be1e1e;
}
.albumBox .bd li{
    zoom:1;
    vertical-align:middle;
    position: relative;
}
.albumBox .bd li>a{
    display: block;
    height: 278px;
    overflow: hidden;
}
.albumBox .bd img{
    display:inline-block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.albumBox .bd img:hover{
    transform: scale(1.1);
}
.albumBox .bd li p.tit{
    padding: 8px 15px;
    padding-right:120px ;
    text-align: left;
    font-size: 12px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.6);
    
}
.albumBox .bd li p.tit a{
    display:block; line-height: 20px; height: 20px; color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
.albumBox .bd li p.desc{
    color: #999;
    font-size: 14px;
}
.albumBox .bd li p.desc a{
    color: #999;
}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.albumBox .prev,
.albumBox .next{ position:absolute; left:10px; bottom:8px; display:block; width:54px; height:11px; background:url(/r/cms/www/default/images/slider-arrow-left.png) no-repeat; filter:alpha(opacity=70);opacity:0.7;   }
.albumBox .next{ left:auto; right:10px; background:url(/r/cms/www/default/images/slider-arrow-right.png) no-repeat;}
.albumBox .prev:hover,
.albumBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.albumBox .prevStop{ display:none;  }
.albumBox .nextStop{ display:none;  }

/*中央一台在线直播观看新闻*/
.picNews .title a:hover{
    color: #be1e1e;
}
.news-list{
    float: right;
    width: 395px;
    margin: -15px 0 0;
}
.news-list li{
  margin: 14px 0;
}
.news-list li p{
  margin-right: 60px;
  /* color: #fff; */
    color: #333;
}
.news-list li a{
  /* color: #fff; */
  color: #333;
  font-size: 16px;
  position: relative;
}
.news-list li a:hover{
  /* color: #F17C37; */
  color: #be1e1e;
}

.news-list li span{
  /* color: #CBE3DD; */
  color: #333;
}

/*通知公告*/
.notice{
    float: right;
    width: 380px;
}
.notice .title a:hover{
    color: #be1e1e;
}
.notice ul{
  margin: 0 -20px;
}
.notice ul li{
  padding: 0 20px;
  margin: 14px 0;
}
.notice ul li p{
  margin-right: 60px;
  /* color: #fff; */
    color: #333;
}
.notice ul li a{
  /* color: #fff; */
  color: #333;
  font-size: 16px;
  position: relative;
  padding-left: 20px;
}
.notice ul li a:before{
  content: '';
  position: absolute;
  top: 9px;
  left: 0;
  width: 10px;
  height: 2px;
  /* background: #fff; */
  background: #d5302b;
  transition: .3s;
}
.notice ul li a:hover{
  /* color: #F17C37; */
  color: #be1e1e;
}
.notice ul li a:hover:before{
  padding-left: 5px;
  /* background: #F17C37; */
  background: #be1e1e;
}
.notice ul li span{
  /* color: #CBE3DD; */
  color: #333;
}

/*媒体长师*/
.media{
    width: 100%;
    height: auto;
     padding-top:10px;
    /*margin-top: 50px; */
    /* background: url(/r/cms/www/default/images/mtcs_bg1.gif) no-repeat center; */
}
.leftbox{
    width: calc(50% - 20px);
}
.media .title a{
    /* color: #fff; */
    /* color: #333; */
    color: #be1e1e
}
.media .title a:hover{
    /* color: #F17C37; */
    color: #be1e1e;
}
.media ul{
    margin: 0 -20px;
}
.media ul li{
    padding: 0 20px;
    margin: 15px 0;
}
.media ul li p{
    margin-right: 110px;
  	/* color: #fff; */
      color: #333;
}
.media ul li a{
    /* color: #fff; */
    color: #333;
    font-size: 16px;
    position: relative;
    padding-left: 20px;
}
.media ul li a:before{
    content: '';
    position: absolute;
    top: 9px;
    left: 0;
    width: 10px;
    height: 2px;
    /* background: #fff; */
    background: #d5302b;
    transition: .3s;
}
.media ul li a:hover{
    /* color: #F17C37; */
    color: #be1e1e;
}
.media ul li a:hover:before{
    padding-left: 5px;
    /* background: #F17C37; */
    background: #be1e1e;
}
.media ul li span{
    /* color: #CBE3DD; */
    color: #333;
}

/*学术动态*/
.dynamic{
    width: 100%;
}
.dynamic ul{clear: both; overflow: hidden;}
.dynamic ul li{
  width: calc(50% - 20px);
  float: left;
}
/* .dynamic ul:last-child{
  float: right;
} */
.dynamic .title a:hover{
    color: #be1e1e;
}
.dynamic li:nth-child(2n){
    float: right;
}
.dynamic li p{
    margin-bottom: 15px;
  	margin-right: 120px;
    padding-left: 30px;
}
.dynamic li a{
    position: relative;
    font-size: 16px;
}
.dynamic li a:before{
    content: '';
    position: absolute;
    top: 9px;
    left: -30px;
    width: 10px;
    height: 2px;
    /* background: #009D8E; */
    background: #d5302b;
    transition: .3s;
}
.dynamic li a:hover{
    color: #d5302b;
}
.dynamic li a:hover:before{
    width: 15px;
}
.dynamic li i{
    font-style: normal;
    padding-left: 20px;
    font-size: 12px;
    background: url(/r/cms/www/default/images/position.png) no-repeat left center;
}


/*专题网*/
.special{
    width: 100%;
    display: none;
}
.special .title a:hover{
    color: #be1e1e;
}
.special ul{
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
}
.special li{
    margin-bottom: 15px;
    float: left;
}
.special li a{
    position: relative;
    display: block;
    overflow: hidden;
}
.special li img{
    display: inline-block;
    width: 380px;
    height: 106px;
}
.special li a:hover img{
    transform: scale(1.1);
}
.special li a:before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* border: 3px solid #DB7437; */
    border: 3px solid #d5302b;
    z-index: 9;
    transform: scale(0);
    transition: .5s;
}
.special li a:hover:before{
    transform: scale(1);
}

.box{
    height: 170px;
    margin-top: 35px;
    /* background: #0EAE76 url(../images/bottom_bg.jpg) no-repeat center center; */
    background: #9d180b url(../images/bottom_bg1.gif) no-repeat center center;
}
.fast-links{
    width: 750px;
    display: flex;
    justify-content: space-between;
    text-align: center;
    float: left;
}
.fast-links li{
    float: left;
}
.fast-links li a{
    position: relative;
    display: block;
    height: 100%;
    padding: 30px 0;
    color: #fff;
    font-size: 18px;
    box-sizing: border-box;
}

.fast-links li i{
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(/r/cms/www/default/images/4_tsg.png) no-repeat center center ;
}
.fast-links li p{
    margin-top: 10px;font-size:16px
}
.fast-links li:nth-child(2) i{
    background-image: url(/r/cms/www/default/images/4_xtljlg.png);
}
.fast-links li:nth-child(3) i{
    background-image: url(/r/cms/www/default/images/4_htwxjyzx.png);
}
.fast-links li:nth-child(4) i{
    background-image: url(/r/cms/www/default/images/4_jxzyzx.png);
}
.fast-links li:nth-child(5) i{
    background-image: url(/r/cms/www/default/images/4_cyzyzx.png);
}
.fast-links li:hover i{
    animation: slideInDown .5s;
}
.fast-links li:hover p{
    animation: slideInUp .5s;
}
.fast-links li a:hover:before{
    animation: zoomIn 1s;
}

/*友情链接*/
.friend-link p{
    position: relative;
    margin: 50px 0;
    color: #fff;
    font-size: 20px;
    text-align: center;
}
.friend-link p:before,
.friend-link p:after{
    content: '';
    position: absolute;
    top: 50%;
    width: 40%;
    height: 1px;
    /* background: #4EA991; */
    background: #eee;
}
.friend-link p:before{
    left: 0;
}
.friend-link p:after{
    right: 0;
}
.friend-link ul{
    text-align: center;
}
.friend-link li{
    display: inline-block;
}
.friend-link li a{
    position: relative;
    padding-left: 15px;
    color: #fff;
    font-size: 16px;
    margin: 0 5px;
}
.friend-link li a:before{
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 7px;
    height: 7px;
    /* background: #9DC4BB; */
    background: #eee;
    border-radius: 50%;
}
.friend-link li a:hover{
    /* color: #F17C37; */
    color: #be1e1e;
}
.friend-link li a:hover:before{
    /* background: #F17C37; */
    background: #be1e1e;
}

/*尾部*/
.footer{
    padding: 20px 0;
    color: #fff;
  	font-size: 14px;
    /* background: #016349; */
    background: #272727;
}
.footer .contact{
    float: left;
    height: 68px;
    line-height: 30px;
    margin-left: 20px;

}
.box .rt{
    margin-top: 38px;
    display: inline-block;
}
.box .rt li{
    float: left;
    margin-left: 30px;
    text-align: center;
}
.box .rt li div{
  line-height: 35px;
}
.box .rt li a{
    position: relative;
    color: #fff;
    font-size: 16px;
}
.box .rt li .qrCode{
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -43px;
    z-index: 9;
    display: none;
}
.box .rt li a:hover .qrCode{
    display: block;
}

/*右侧浮动*/
.float {
    position: fixed;
    top: 50%;
    right: 10px;
    margin-top: -150px;
    z-index: 2000;
    width: 70px;
    height: 300px;
}

.float_show {
    background-color: #BABABA;
    width: 70px;
    height: 70px;
}

.float_show a {
    display: block;
    color: #fff;
    font-size: 16px;
    width: 70px;
    height: 70px;
    overflow: hidden;
}

.float_show a img {
    width: 32px;
    height: 32px;
}

.float_show.float_show0 {
    height: 70px;
    width: 70px;
  	display: none;
}

.float_show:hover a {
    /* background-color: #DB7437; */
    background-color: #d5302b;
    color: #FFF;
}

.float_show.float_show0:hover {
    /* background-color: #DB7437; */
    background-color: #d5302b;
}

.float_show.float_show0 img{
    margin: 10px 18px auto;
}
.float_show.float_show0 p{
    font-size: 12px;
    margin: 6px 10px auto;
}

.float_show.float_show1 img{
    margin: 20px auto 20px 20px;
}
.float_show.float_show1 a{
    width: 242px;
}
.float_show.float_show1 span{
    margin-left: 15px;
    font-size: 20px;
    font-weight: bold;
}
.float_show.float_show1:hover {
    width: 248px;
    /* background-color: #DB7437; */
    background-color: #d5302b;
}

.float_show.float_show2 a img{
    margin: 20px 20px auto;
}
.float_show.float_show2:hover .float_wx {
    display: block;
}
.float_wx {
    position: absolute;
    top: -12px;
    left: -100px;
    width: 86px;
    height: 91px;
    transform: rotate(-90deg);
    display: none;
}
.float_wx img{
    width: 91px;
}

.float_show.float_show1 {
    position: absolute;
    top: 72px;
    right: 0;
    width: 70px;
    overflow: hidden;
    transition: width .5s;
}

.float_show.float_show2 {
    position: absolute;
    top: 144px;
    right: 0;
}

.float_show.float_show3 {
    position: absolute;
    top: 216px;
    right: 0;
    width: 70px;
}
.float_show.float_show3 img{
    margin: 15px 20px auto;
    width: 32px;
    height: 21px;
}
.float_show.float_show3 p{
    font-size: 14px;
    margin: 6px 20px auto 22px;
}

/*banner*/
.banner img{
    width: 100%;
}

/*左侧导航*/
.side{
    float: left;
    width: 266px;
    position: relative;
    min-height: 500px;
    margin: -85px 0 50px;
}
.side h1{
    height: 85px;
    line-height: 85px;
    color: #fff;
    font-size: 30px;
    text-align: center;
  	background: #be1e1e;
  /*  background: #DB7437;*/
}
.side ul li{
    height: 60px;
    position: relative;
    border-bottom: 1px solid #E0E0E0;
    border-left: 5px solid #E0E0E0;
}
.side ul li a{
    display: block;
    line-height: 60px;
    font-size: 18px;
    text-align: center;
    box-sizing: border-box;
    position: relative;
}
.side ul li.on{
  	border-left-color: #be1e1e;
   /* border-left-color: #DB7437;*/
}
.side ul li.on a,
.side ul li a:hover{
    font-weight: bold;
}


/*右侧列表*/
.column{
    float: right;
    width: 895px;
    min-height: 500px;
    margin: 15px 0 50px;
}
.position{
    height: 50px;
    line-height: 50px;
    color:#666;
    position: relative;
    padding-bottom: 20px;
}
.position:after{
    content: '';
    position: absolute;
    left: 0;
    right:0;
    bottom: 0;
    height: 10px;
    background: url(/r/cms/www/default/images/title_bg.png) repeat;
}
.position h2{
    color: #333;
    font-size: 24px;
}
.position a{
    color:#666;
}
.position a:hover{
  	color: #be1e1e;
    /*color:#016349;*/
}

/*详情页*/
.detail{
    margin: 40px 0;
}
.caption{
    margin: 30px 0;
    text-align: center;
}
.caption h1{
    font: 24px normal;
}
.caption p{
    margin-top: 10px;
    color: #999;
}
.caption p span{
    margin: 0 10px;
}

/*简介*/
.profile{
    margin: 30px 0;
}
.profile .headline{
    font: 24px normal;
    text-align: center;
    padding: 10px 0 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E0E0E0;
  	color: #be1e1e;
}

/*新闻列表*/
.side-news{
    float: left;
    width: 815px;
}
.side-news h1{
    width: 266px;
    height: 85px;
    line-height: 85px;
    color: #fff;
    font-size: 30px;
    text-align: center;
    background: #DB7437;
    margin: -85px 0 30px;
}
.side-news ul{
    margin: 15px 0;
}
.side-news ul li{
    margin: 15px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #E0E0E0;
}
.side-news ul li p{
    margin-bottom: 10px;
    font-size: 16px;
}
.side-news ul li span,
.side-news ul li i{
    color: #999;
    margin-right: 30px;
    font-style: normal;
}

/*通用列表*/
.common-list{
    margin: 20px 0;
}
.common-list li{
    margin: 18px 0;
    font-size: 16px;
}
.common-list li p{
    margin-right: 120px;
}
.common-list li span{
    color: #666;
}
.common-list li a{
    position: relative;
    padding-left: 18px;
}
.common-list li a:before{
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 7px;
    height: 7px;
    background: #ddd;
    border-radius: 50%;
}
.common-list li a:hover:before{
    background: #009D8E;
}

/*现任领导*/
.leader-list li{
    height: 270px;
    padding: 25px 0;
    font-size: 16px;
    box-sizing: content-box;
}
.leader-list li a.lf{
    width: 212px;
    height: 270px;
    overflow: hidden;
}
.leader-list li img{
    display: inline-block;
    width: 212px;
    height: 270px;
}
.leader-list li img:hover{
    transform: scale(1.05);
}
.leader-list li .info{
    margin-left: 250px;
}
.leader-list li h2{
    font-size: 24px;
}
.leader-list li span{
    display: inline-block;
    margin: 15px 0;
    font-size: 18px;
}
.leader-list li p{
    height: 60px;
    line-height: 30px;
    overflow: hidden;
}
.leader-list li .rt{
    color: #C30000;
}
.leader-list li .rt:hover{
    color: #016349;
}

/*校园生活*/
.img-list li{
    height: 150px;
    padding: 0;
    margin: 30px 0;
}
.img-list li a.lf{
    width: 210px;
    height: 150px;
}
.img-list li img{
    width: 100%;
    height: 100%;
}
.img-list li h3{
    font-size: 20px;
}
.img-list li .info{
    margin-left: 230px;
}
.img-list li p{
    margin: 15px 0 20px;
}

/*机构设置*/
.org-list{
    margin: 30px -15px;
    overflow: hidden;
}
.org-list li{
    float: left;
    width: 278px;
    height: 58px;
    line-height: 58px;
    margin: 0 15px;
    border-bottom: 1px solid #D9D9D9;
}
.org-list li a{
    position: relative;
    padding-left: 27px;
    font-size: 16px;
    background: url(/r/cms/www/default/images/org_before.png) no-repeat left center;
}

/*校园剪影*/
.gallery ul{
    margin: 14px 0;
    overflow: hidden;
}
.gallery ul li{
    float: left;
    width: 270px;
    margin: 14px;
    text-align: center;
}
.gallery ul li a{
    display: block;
    width: 270px;
    height: 165px;
    overflow: hidden;
}
.gallery ul li p{
    line-height: 40px;
}
.gallery ul li a:hover img{
    transform: scale(1.10);
}

.modal{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.65);
    display: none;
    z-index: 99999;
}
.modal-img{
    position: absolute;
    top: 50%;
    left: 50%;
    cursor: pointer;
    transform: translateX(-50%) translateY(-50%);
}
.modal-img img{
    max-width: 650px;
}
.modal ul{
    position: absolute;
    bottom: 25px;
    width: 100%;
    text-align: center;
}
.modal ul li{
    display: inline-block;
    width: 200px;
    color: #fff;
}
.modal .close{
    position: absolute;
    top: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
    background: url(/r/cms/www/default/images/icons.png) no-repeat -108px -22px;
}
.modal .prev,
.modal .next{
    position: absolute;
    top: 50%;
    left: 20px;
    width: 35px;
    height: 65px;
    transform: translateY(-50%);
    background: url(/r/cms/www/default/images/icons.png) no-repeat 0 0;
}
.modal .next{
    left: auto;
    right: 20px;
    background-position-x: -45px;
}
.link .title:before{
  right: 0px;
}
.link ul{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.link ul li a::before{
  content: "●";
  color: #be1e1e;
}