:root{
    --red--:#920f15;
    --active--:#9c252b;
    --title--:#303133;
    --green--:#0046AF;
    --font--:#626262;
    --border--:#e4e4e4;
}
*{
    margin:0px;
    padding:0px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    font-family: 'Arial';
}
@font-face {
    font-family:PlayfairDisplay;
    src:url('../fonts/PlayfairDisplay-Bold.ttf')
}
@font-face {
	font-family: SourceHanSerifCN;
	src:url(https://sunyon-1253824678.cos.ap-beijing.myqcloud.com/font/SourceHanSerifCN-Bold.otf) format('TrueType');
}
ul,li{
    list-style: none;
    margin-bottom:0;
    padding-left:0;
}
a:hover,
a{
    text-decoration: none;
    color:var(--font--);
}
img{
    border:none;
    max-width:100%;
}
p{
    margin-top:0;
    margin-bottom:0;
}
.cl{
    clear: both;
}
.none{
    display: none;
}
body{
    width: 100%;
    min-width:320px;
    max-width:640px;
    margin:0 auto;
    background: #fff;
    font-size:14px;
    font-family: -apple-system,Helvetica,sans-serif;
    overflow-X: hidden;
}
.logo{
    display: flex;
    align-items: center;
    justify-content: center;
    padding:14px 0;
}
.logo a{
    display: block;
    width: 220px;
}
.menu{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-items:flex-start;
    background: var(--red--);
}
.menu li{
    width:25%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right:1px solid #a9886e;
    border-bottom: 1px solid #a9886e;
}
.menu li:nth-child(4),
.menu li:last-child{
    border-right:none;
}
.menu li:nth-child(5),
.menu li:nth-child(6),
.menu li:nth-child(7),
.menu li:nth-child(8){
    border-bottom: none;
}
.menu li a{
    display: block;
    text-align: center;
    padding:10px 0;
    width: 100%;
    height:100%;
    font-size:14px;
    color:#fff;
}

.banner .swiper-pagination-bullet{
    opacity: 1;
    background: #ffffff;
}
.banner .swiper-pagination-bullet-active{
    background: #a74a4b;
}
.depar-li{
    display: flex;
    flex-direction: column;
    align-items: center;
    border-bottom: 1px solid #e4e4e4;
    border-right:1px solid #eeeeee;
    padding:10px 0;
}
.depar-li span{
    font-size:12px;
    color:#333333;
}
.depar-li p{
    line-height: 1.2;
    height:40px;
    overflow: hidden;
}
.depar-li p img{
    max-width:36px;
}

.news{
    padding:16px 8px 0 8px;
}
.news-top{
    display: flex;
    align-items: center;
    height:42px;
    border-bottom: 1px solid #e4e4e4;
    padding:0 10px;
}
.news-top a{
    font-family: 'SourceHanSerifCN';
    font-size:18px;
    color:#373735;
    display: block;
    margin-right:30px;
    position: relative;
    display: flex;
    align-items: center;
    height:100%;
}
.news-top a.active::after{
    content: '';
    width:60px;
    height:1px;
    background: var(--active--);
    position: absolute;
    left:50%;
    bottom: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.news-top a.active{
    font-weight: bold;
    color:var(--active--);
}
.news-main{
    padding:18px 12px 6px 12px;
}
.news-li{
    margin-bottom: 16px;
}
.news-li a{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.news-pic{
    width:120px;
    height:80px;
    overflow: hidden;
}
.news-desc{
    flex:1;
    padding-left:10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top:2px;
}
.news-desc b{
    font-size:14px;
    color:#0f0f0f;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.news-desc span{
    font-size:12px;
    color:#a8a8a8;
    display: block;
    margin-top: 4px;
    padding-left:6px;
}
.news-desc p{
    margin-top:4px;
    font-size:12px;
    color:#626262;
    line-height: 1.4;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.case .news-top a,
.team .news-top a,
.notice .news-top a{
    color:#373735;
}
.notice{
    padding:0 8px 0 8px
}
.notice-list{
    padding:0 10px;
}
.notice-list li a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height:36px;
    border-bottom: 1px #d5d5d5 dotted;
    position: relative;
}
.notice-list li a::before{
    content: '';
    position: absolute;
    left:0;
    top:50%;
    width:6px;
    height:6px;
    background: #b8b8b8;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.notice-list li a p{
    font-size:14px;
    color:#525252;
    margin-left:14px;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    flex:.9;
}
.notice-list li a span{
    font-size:12px;
    color:#a8a8a8;
}
.tv{
    position: relative;
    padding:0px 10px;
    margin:20px 0;
}
.play{
    position: absolute;
    left:27px;
    bottom: 20px;
}
.tv video{
    width:100%;
    height:240px;
}
.about-top{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.about-top span{
    font-family: 'SourceHanSerifCN';
    font-size:24px;
    font-weight: bold;
    color:var(--active--);
}
.about-top p{
    margin-top:6px;
    font-size:14px;
    color:#0f0f0f;
}
.about-desc{
    font-size:13px;
    line-height: 1.6;
    color:#727272;
    padding:16px 14px;
}
.team{
    background: #f6f6f6;
    padding:16px 0;
}
.team-list{
    padding-top:10px;
}
.team-list li{
    margin:16px 20px;
    background: #ffffff;
    overflow: hidden;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.team-list li a{
    display: flex;
    align-items:center;
    justify-content: space-between;
    padding:6px 12px;
}
.team-desc{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding:20px 10px;
    line-height:1.6;
    width:78%;
}
.team-desc b{
    font-size:15px;
    color:#333333;
}
.team-desc span{
    font-size:13px;
    color:#666666;
}
.team-desc p{
    padding-top:4px;
    font-size:13px;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.team-pic{
    width:22%;
    /*height:130px;*/
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-items: center;
}
.more{
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--active--);
    width:150px;
    margin:20px auto;
    height:36px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    font-size:14px;
    color:#ffffff;
}
.case .news-top{
    justify-content: center;
}
.case{
    padding:40px 0;
}
.case-list{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    padding-top:20px;
    padding-right: 6px;
    padding-left: 6px;
}
.case-list li{
    width:50%;
    padding:10px 7px;
}
.case-list li a{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.case-list li a p{
    width:100%;
    height:120px;
    overflow: hidden;
}
.case-list li a span{
    font-size:14px;
    color:#525252;
    display: block;
    padding-top:6px;
}

.foot{
    background: url(../images/foot.jpg) no-repeat center;
    background-size: cover;
    padding:30px 20px 10px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.foot-logo{
    width:260px;
}
.foot-menu{
    padding:60px 30px 54px 20px;
}
.foot-menu ul{
    display: flex;
    flex-wrap: wrap;
    padding-top:16px;
}
.foot-menu ul li{
    width:33%;
    margin-bottom: 10px;
}
.foot-menu ul li a{
    font-size:14px;
    color:#ffffff;
    opacity: .6;
}
.copy{
    width:300px;
    margin:0 auto;
    font-size:12px;
    color:#ffffff;
    opacity: .5;
    line-height: 1.6;
    text-align: center;
    padding-bottom: 10px;
}
.copy a{
    font-size:12px;
    color:#ffffff;
    opacity: .5;
}
.foot-name{
    font-size:20px;
    color:#ffffff;
}
.page{
    box-sizing: border-box;
    padding:20px 8px 40px 8px;
    font-size: 14px;
    color: #545454;
    line-height: 1.4;
    font-family: microsoft yahei;
}
.honor-list{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-items: flex-start;
}
.honor-list li{
    width:49%;
    margin:6px .5%;
    padding:0px 6px;
}
.honor-list li a{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.page img,
.honor-list li a p img{
    max-width: 100%;
}
.honor-list li a span{
    padding-top:6px;
    font-size:14px;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.pagination {
	display: inline-block;
	border-radius: 4px;
}
.pager .pagination {
    display: inline-block;
	border-radius: 4px;
    padding:1rem 0 0 0;
}
.pager {
	display: flex;
	justify-content: center;
	width:100%;
}
.pager li{
    display: none;
}
.pager li:last-child,
.pager li:first-child {
	display: inline;
}
.pager li span,  .pager li a {
    font-size:20px;
	margin:0 8px;
	padding:10px 10px;
    background:#ffffff;
	color:#202020;
    border-radius:4px;
    border-color:#fff;
}
.pager li a:hover,
.pagination > .active > span {
	background:#3c3c3c;
	color:#ffffff;
    border-color:#fff;
}
.pagination > .disabled > span {
	background: white !important;
	color:#202020;
    border-color:#fff;
}



.news-list dl{border-bottom: 1px dashed #ddd;padding: 12px;transition: all ease-in-out .2s;}


.news-list dl dd h2{position: relative;font-weight: normal;
    display: flex;
    align-items: center;
    padding-bottom: 6px;
}

.news-list dl dd h2 span{color: #888;font-size: 12px;
    position: absolute;right: 0;background: #eee;padding: 2px 10px;display: inline-block;}

.news-list dl dd h2 a{
    font-size: 16px;transition: all ease-in-out 0.2s;
        word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    width: calc(100% - 80px);
}

.news-list dl dd h2 a:hover{color: #9c252b;}

.news-list dl dd p{padding: 4px 0;line-height: 1.4;height: 40px;overflow: hidden;color: #999;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news-list dl:hover{background: #eee;}

.showt{text-align: center;padding: 0px 0 10px;}

.showt h1{font-weight: normal;font-size:18px;overflow: hidden;margin-top:10px;margin-bottom: 4px;}

.showt .date{font-size: 12px;color: #888;padding-top: 2px;}

.detail{padding:6px;}

.content{border-top: 1px solid #ddd;padding-top: 10px;}

.content ul{height: auto;overflow: hidden;}

.content ul li.lil{float: left;}

.content ul li.lir{float: right;}


.paget{text-align: center;padding-top:10px;}

.paget p{font-size: 14px;color: #777;line-height: 1.9em;padding-top: 10px;}

.paget h2,.paget h3{font-weight: normal;}
.paget h2{
    font-size:18px;
}
.paget h3{
    font-size:12px;
}

.paget h3{font-family: georgia;font-size: 12px;text-transform: uppercase;font-size: 12px;}

.pagec{height: auto;overflow: hidden;padding-top: 16px;}

.pagec a{
    display: block;
    float: left;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 6px #ccc;
    margin:10px 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    padding:10px 8px;
}

.pagec a.a2,.pagec a.a4,.pagec a.a6,.pagec a.a8{margin-right: 0;}

.pagec a p{color: #777777;line-height: 1.6;overflow: hidden;
    font-size:14px;
}

.pagec a p span{color: #9c252b;}

.pagec a .aa{padding: 6px 6px 0;}

.pagec h2 img{
    max-width: 36px;
    margin-right:6px;
}
.pagec h2{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 6px;font-size: 16px;font-weight: normal;
    color: #9c252b;padding-bottom: 6px;
}

.temp-list .f3r{
    margin-bottom: 20px;
}
.temp-list  .f3r a .al{
    flex:1;
    padding-right:10px;
}

.f3r a{ display: flex;
    justify-content: space-between;
    background: #fff; border-radius: 6px; transition: all ease-in-out .2s; margin-bottom: 18px; padding: 10px 12px 0 20px; -webkit-transition: all ease-in-out .2s; -moz-transition: all ease-in-out .2s; -ms-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s;}

.f3r a{height: auto;overflow: hidden;padding:10px 14px;}

.f3r a .al{float: left;width: 164px;}

.f3r a:hover{box-shadow:0px 0px 5px #ccc;}

.f3r a .ar{float: right;width:80px;}

.f3r a .ar img{width: 80px;height: 104px;}

.f3r a .al h2{color: #333333;font-size: 16px; font-weight: normal;overflow: hidden;margin: 4px 0;}

.f3r a .al p{font-size: 13px;color: #666666;line-height: 1.8;height:70px;overflow: hidden;}


.nav-box{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.nav-box li{
    padding:4px 10px;
    margin:3px 6px;
    border:1px solid #e8e8e8;
}
.nav-box li.hover{
    background: var(--red--);
}
.nav-box li.hover a{
    color:#ffffff;
}
.detail-jianjie span{
    font-size:14px !important;
    line-height:1.6;
}