﻿@charset "utf-8";
.clearfix{clear: both;}
.dao{width: 100%;margin: auto;background: #f0f0f0;padding: 10px 0;}
.dao .da{width: 96%;margin: auto;display: flex;flex-direction: row;justify-content:space-between;align-items: center;}
.dao .da .zuo{display: flex;flex-direction: row;justify-content:flex-start;align-items: center;}
.dao .da .zuo img{width: 24px;margin-right: 10px;}
.dao .da .zuo p{font-size: 14px;color: #ccc;}
.dao .da .zuo .on{color: #203864}
.dao .da .you p{font-size: 14px;color: #ccc;}
.dao .da .you p span{color: #203864}

.fenlei{width: 100%;margin: auto;margin-top: 40px;}
.fenlei ul{width: 100%;margin: auto;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.fenlei ul li a{width:140px;height: 60px;background: url(../img/sham1.png) center no-repeat;display: block;margin: 0 20px;font-size: 14px;color: #333;line-height: 42px;text-align: center;}
.fenlei ul li .on{color: #203864;font-weight: bold;}
.zheng{width: 100%;margin: auto;display: flex;flex-direction: row;justify-content: flex-start;align-items: flex-start;margin-top: 40px;}
.zheng .zuo{width: 96%;margin: auto;}
.zheng .zuo .alumnus-list {width: 100%;margin: auto;
   
}



.zheng .zuo .alumnus-list ul {
width: 100%;
	display: flex;flex-direction: row;justify-content: flex-start;flex-wrap: wrap;
}

.zheng .zuo .alumnus-list ul li {
  
    width: 48%;
   padding: 0 1%;
    margin-bottom: 30px;
    transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
}

.zheng .zuo .alumnus-list ul li>div {
    transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
}

.zheng .zuo .alumnus-list .alumnus-img {
    overflow: hidden;
    border-radius: 5px;
	width: 100%;
	height: 160px;
}

.zheng .zuo .alumnus-list .alumnus-img img {
    transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    margin-left: -1px;
	height: 160px;
	width: 100%;
}

.zheng .zuo .alumnus-list .alumnus-con {
    border: 1px solid #e1e1e1;
    border-top: none;
    padding: 6% 10px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    position: relative;
    overflow: hidden;
}

.zheng .zuo .alumnus-list .alumnus-con:after {
    content: "";
    width: 0%;
    height: 5px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #816837;
    transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
}

.zheng .zuo .alumnus-list .name {
    font-size: 16px;
    font-family: "Arial", 'Microsoft YaHei';
    line-height: 1;
    margin-bottom: 8px;
    transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    color: #333;
}

.zheng .zuo .alumnus-list .position {
	width: 100%;
    font-size: 14px;
    color: #999999;
	line-height: 24px;

	     text-overflow:ellipsis; 
 
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
}

.zheng .zuo .alumnus-list .achievement {
	width: 100%;
    padding-top: 20px;
    font-size: 12px;
    color: #999999;
    border-top: 1px solid #e1e1e1;
		     text-overflow:ellipsis; 
 
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
}

.zheng .zuo .alumnus-list ul li:hover>div {
    box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.1);
}

.zheng .zuo .alumnus-list ul li:hover .alumnus-con:after {
    width: 100%;
}

.zheng .zuo .alumnus-list ul li:hover .alumnus-img img {
    transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
}

.zheng .zuo .alumnus-list ul li:hover .name {
    color: #816837;
}

.zheng .you .list ul li .on{color: #203864;font-weight: bold;}
 .more{width: 50%;margin: auto;height: 60px;background: url(../img/ku.png) no-repeat center;text-align: center;line-height: 60px;font-size: 14px;color: #203864;font-weight: bold;}
.con{width: 100%;margin: auto;margin-top: 40px;overflow: hidden;}
.con1{width: 96%;margin: auto;margin-top: 40px;}
.con1 .zuo{width: 35%;margin-right: 2%;float: left;}
.con1 .zuo img{width: 100%;}


.con .you{width: 96%;margin: auto;}

.con .you h2,.con1 .you h2{font-size: 18px;color: #203864;font-weight: bold;}
.con .you p,.con1 .you p{font-size: 12px;color: #999;}
.con1 .you .zh{width: 100%;font-size: 14px;color: #999;line-height: 24px;margin-top: 20px;}
.con .you .list1{width: 100%;margin-top: 20px;}
.con .you .list1 li {font-size: 14px;color: #333;margin-bottom: 10px;}
.con .you .list2{width: 100%;display: flex;flex-direction: row;margin-top: 20px;}
.con .you .list2 li{display: flex;flex-direction: row;align-items: center;margin-right: 20px;}
.con .you .list2 li div{font-size: 12px;color: #999;margin-left: 10px;}
.con .you .list2 li img{width:90px;height: 90px; }
.xiangq{width: 96%;margin: auto;margin-top: 40px;}
.xiangq .da{width: 100%;margin: auto;border-bottom: #f0f0f0 1px solid;padding-bottom: 40px;}
.xiangq h2{width: 100%;text-align: center;font-size: 20px;color: #203864;font-weight: bold;margin: 40px 0;}
.xiangq .zhai{width: 96%;padding: 1% 2%;margin: auto;background: #f0f0f0;font-size: 14px;color: #333;line-height: 26px;}
.xiangq img{max-width: 90%;margin: auto;display: block;margin-top: 40px;}
.xiangq h4{font-size: 16px;color: #333;font-weight: bold;margin: 20px 0;}
.xiangq p{font-size: 14px;color: #333;line-height: 26px;}
.xiangq .ye{width: 100%;margin: auto;}
.xiangq .ye li a{display: block;width: 100%; font-size: 14px;color: #333;margin: 10px 0;}



.number .wejoy_page .active{border: 1px solid #816837!important;}
.number .wejoy_page a{border-radius: 5px;/*padding: 4px 9px!important;*/margin: 0 1px;}
.number .txt-page{width: 26px;line-height: 27px;text-align: center;border: 1px solid #ccb18e;}
.number button{width: 48px;/*height: 28px;*/background: #c4a47b;font-size: 18px;color: #ffffff;}
