.headerNav {
    position: absolute;
    top: 0;
    background: none;
}

.logo {
    background-image: url(../images/page/logo-white.png);
}
.headerFix .logo{background-image: url(../images/logo.png);}

.icon-search b {
    background-image: url(../images/page/icon-research.png);
}

.icon-search::after {
    background-image: url(../images/page/icon-researchOut.png);
}

.navBox ul li>a,.teaEnter {
    color: #fff;
}
header.headerFix .navBox ul li>a,header.headerFix .teaEnter{color:#333}
.topNavR .en{filter: brightness(0) invert(1);}
header.headerFix .topNavR .en{filter:none;}

.adv {
    width: 100%;
    padding-bottom: 27.6%;
    position: relative;
    height: 0;
}

.adv img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.shadow {
    width: 100%;
    height: 33.333%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient( to bottom, #301111 0%, rgba(0, 0, 0, 0) 100%);
}

.content {
    width: 100%;
    background: #F5F5F5;
}

.contentCon {
    width: 100%;
    display: flex;
}


/* ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â·ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â§ */

.contentLeft {
    width: 282px;
    flex-shrink: 0;
    position: relative;
    top: -96px;
    margin-bottom: 120px;
    margin-right: 40px;
}

.contentLeftCon {
    width: 100%;
}

.contentLeftTit {
    background: url(../images/page/leftNavBg.png) no-repeat center center/contain;
    width: 100%;
    padding-bottom: 46%;
    position: relative;
    z-index: 2;
}

.contentLeftTit p {
    display: flex;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(100% - 16px);
    font-weight: bold;
    font-size: 40px;
    color: #FFFFFF;
    justify-content: center;
}

.contentLeftTit p .twoWord {
    color: #FFD3A7;
}

.contentLeftCon .leftNav {
    width: calc(100% - 24px);
    background: url(../images/page/icon-triangle.png) no-repeat right bottom/35px #fff;
    /* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); */
    text-align: center;
    margin: 0 auto;
    margin-left: 17px;
    position: relative;
    padding: 0 18px;
}

.leftNav ul {
    width: 100%;
    border-left: 1px solid #D4D4D4;
    padding-top: 35px;
    margin-top: -30px;
    padding-bottom: 50px;
}

.contentLeftCon ul>li {
    position: relative;
}

.contentLeftCon ul>li i.dropDown {
    width: 24px;
    height: 80px;
    background: url(../images/page/icon-down.png) no-repeat center/contain;
    position: absolute;
    right: 15px;
    top: 0;
    z-index: 10;
    cursor: pointer;
}

.contentLeftCon ul li>a {
    display: block;
    font-size: 22px;
    color: #333333;
    font-weight: 500;
    padding: 22px 0;
}

.contentLeftCon ul li.active>a,
.contentLeftCon ul li:hover>a {
    background: #EFEFEF;
    font-weight: bold;
    position: relative;
}

.contentLeftCon ul li.active>a::before,
.contentLeftCon ul li:hover>a::before,
.contentLeftCon ul li.active>dl::before {
    content: "";
    width: 6px;
    height: 100%;
    background: #920303;
    position: absolute;
    left: 0;
    top: 0;
}

.contentLeftCon ul li>dl {
    position: relative;
    background: #fcf6f6;
    max-height: 0; 
    overflow: hidden;
    transition: max-height 0.4s ease-in-out;
    /* display: none; */
}

.contentLeftCon dl.is-open {
    max-height: 500px;
    transition: max-height 0.4s ease-in-out;
    /* display: block; */
}

.contentLeftCon dl::after {
    content: "";
    display: table;
    clear: both;
}

.contentLeftCon ul li dd>a {
    font-size: 20px;
    color: #333333;
    padding: 15px 0;
    display: block;
}

.contentLeftCon ul li dd>dl a {
    font-size: 16px;
    color: #444;
    padding: 10px 0;
}

.contentLeftCon ul li dd>a.active,
.contentLeftCon ul li dd>a:hover {
    color: #920303;
}

.contentRight {
    flex: 1;
    overflow: hidden;
}

.bread {
    width: 100%;
    display: flex;
    background: url(../images/page/breadBg.png) no-repeat left bottom/100% 100%;
    justify-content: space-between;
    margin: 50px 0 20px 0;
    padding-bottom: 10px;
    align-items: center;
}

.bread h2 {
    font-size: 26px;
    color: #333333;
    padding-left: 50px;
}

.bred,
.bred a,
.bred span {
    font-size: 16px;
    color: #666666;
}


/* article */

.articleBox {
    width: 100%;
    background: #fff;
    padding: 20px 50px;
}

.articleTit {
    width: 100%;
    border-bottom: 1px dashed #FFB2B2;
    padding: 22px 10px 18px 10px;
}

.articleTit h1 {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    color: #AE0C2A;
    margin-bottom: 10px;
}

.articleTit .author {
    width: 100%;
    display: flex;
    justify-content: center;
}

.articleTit .author span {
    font-size: 16px;
    color: #333333;
    padding: 0 20px;
}

.articleTit .author span a {
    color: #AE0C2A
}

.articleCon {
    width: 100%;
    margin-top: 40px;
}
.articleCon p img,.articleCon p .video-js{max-width: 100%;}
.articleCon p .video-js{height:auto;aspect-ratio: 900 / 506;}
.articleCon p img{width:554px;height:auto;}

.paperCheck {
    border-top: 1px dashed #D4003D;
    padding: 30px 0;
    display: grid;
    grid-template-columns: calc(50% - 20px) calc(50% - 20px);
    column-gap: 40px;
    margin-top: 40px;
}

.paperCheck a {
    width: 100%;
}

.paperCheck a p {
    font-size: 14px;
    color: #333333;
    background: url(../images/page/icon-left.png) no-repeat left center;
    padding-left: 20px;
    margin-bottom: 6px;
}

.paperCheck a:nth-child(2) {
    text-align: right;
}

.paperCheck a:nth-child(2) p {
    background-image: url(../images/page/icon-right.png);
    background-position: right center;
    padding-right: 20px;
}

.paperCheck a span {
    font-size: 16px;
    color: #AE0C2A;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 100%;
}


/* ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¹ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â©ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Âµ */

.listCon {
    width: 100%;
    background: #fff;
    /* overflow: hidden; */
}

.pd50 {
    padding: 20px 50px;
}

.pd25 {
    padding: 20px 25px;
}

.listImgBox {
    width: 100%;
}

.listItem {
    display: flex;
    width: 100%;
    align-items: center;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    border-left: 0 solid #FF8B8B;
}

.listItem+.listItem {
    margin-top: 10px;
}

.listItem>a {
    width: 235px;
    height: 172px;
    flex-shrink: 0;
    margin-right: 16px;
}

.listItem>a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.listItem .listItemCon {
    padding-left: 16px;
    border-left: 1px solid #DBDBDB;
    flex: 1;
    overflow: hidden;
}

.listItem .listItemCon span {
    font-size: 16px;
    color: #AE0C2A;
    display: block;
    margin-bottom: 3px;
    padding-left: 20px;
    background: url(../images/page/icon-timered.png) no-repeat left center/14px;
}

.listItem .listItemCon .h6 {
    font-weight: bold;
    font-size: 20px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.listItem .listItemCon p {
    font-size: 16px;
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 10px;
}

.listItem:hover {
    background: #AE0C2A;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    border-left: 6px solid #FF8B8B;
}

.listItem:hover .listItemCon span,
.listItem:hover .listItemCon .h6,
.listItem:hover .listItemCon p {
    color: #fff;
}

.listItem:hover .listItemCon span {
    background-image: url(../images/page/icon-timewhite.png);
}

.listBox {
    width: 100%;
}

.listBox ul li a {
    display: flex;
    width: 100%;
    padding: 30px;
    border-bottom: 1px solid #E3E3E3;
    align-items: center;
    border-left: 0 solid #920303;
    transition: 0.3s;
}

.listBox ul li a .time {
    margin-right: 50px;
    flex-shrink: 0;
}

.listBox ul li a .time b {
    font-size: 32px;
    color: #666666;
}

.listBox ul li a .time p {
    font-size: 16px;
    color: #999999;
}

.listBox ul li a .listTxt {
    flex: 1;
}

.listBox ul li a .listTxt h6 {
    font-size: 20px;
    color: #333333;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 5px;
}

.listBox ul li a .listTxt p {
    font-size: 16px;
    color: #666666;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.listBox ul li a:hover .listTxt h6 {
    color: #AE0C2A;
}

.listBox ul li a:hover {
    border-left: 12px solid #920303;
    background: #FFF0F0;
}

.leaderBox {
    width: 100%;
    display: flex;
    gap: 30px;
    padding: 10px 0;
}

.leaderL {
    flex: 1;
}

.leaderL a {
    display: flex;
    align-items: center;
    background: url(../images/page/ruclogo.png) no-repeat right center/36% #fff;
    padding: 15px;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    margin-bottom: 30px;
}

.leaderL a i {
    width: 146px;
    height: 186px;
    flex-shrink: 0;
    margin-right: 30px;
}

.leaderL .name p {
    font-size: 16px;
    color: #333333;
}

.leaderL .name b {
    font-size: 18px;
    color: #AE0C2A;
}

.leaderL .name+.name {
    margin-top: 20px;
}
.videoBox{width:100%;display:flex;flex-wrap:wrap;gap: 30px;padding: 10px;}
.videoTab{width:100%;display:flex;gap:0px 10px;flex-wrap:wrap;background: #fff4f4;transform:skew(-15deg);padding:15px 20px;border: 1px solid #ffd9d9;margin-bottom: 20px;margin-top: 10px;}
.videoTab a{transform:skew(15deg);padding:5px 10px;color:#333;font-size:18px;}
.videoTab a.active,.videoTab a:hover{color:#a90923;font-weight:bold;}
.videoItem{width: calc(50% - 15px);}
.videoItem i{width:100%;padding-bottom: 61%;position: relative;height: 0;display: block;overflow:hidden}
.videoItem i img{position:absolute;left:0;top:0;transition:0.3s}
.videotxt{width:100%;padding:10px 20px;background: #f4f4f4;min-height:74px;display:flex;align-items:center;justify-content:center;box-shadow: 0 1px 4px 1px rgba(0,0,0,0.1);}
.videotxt h6{color:#333;font-size:18px;display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;font-weight:500}
.videoItem:hover .videotxt h6{color:#fff}
.videoItem:hover .videotxt{background:#a90c24;}
.videoItem:hover i img{transform:scale(1.05)}
.jgBox{width:100%;padding:10px;}
.jgBox h2{width:100%;padding:15px 30px;margin-bottom:30px;font-size:20px;border-left:4px solid #a90c24;background: #fff2f2;}
.jglistBox{width:100%;display:flex;gap: 20px;flex-wrap:wrap;margin-bottom:30px}
.jgItem{width: calc(33.333% - 14px);position: relative;overflow: hidden;/* height: calc(100% + 183px); */padding-bottom: 70px;}
.jgItem i{display:block;width:100%;height:0;padding-bottom: 58%;/* min-height: 183px; */position:relative;}
.jgItem i img{position:absolute;top:0;}
.case-item-info {
	 height: 70px;
	 overflow: hidden;
	 position: absolute;
	 left: 0;
	 /* right: 0; */
	 bottom: 0;
	 width: 100%;
	 background: #f1f1f1;
	 transition: all .2s;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 flex-direction: column;
}
.case-info-title {
	font-size: 16px;
	color: #333;
	/* margin-bottom: 10px; */
	font-weight: bold;
	padding: 10px 20px;
	text-align: center;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.case-info-text{padding: 0 30px 30px;width:100%;display:none;transition:0.3s;}
.case-info-text p{
	font-size: 16px;
	color: #666;
	text-align: justify;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.jgItem:hover .case-item-info {
	height: 100%;
	transition:0.3s;
}.jgItem:hover .case-item-info .case-info-text{display:block;transition:0.3s;}

/* ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¹ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â§ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â©ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Âµ */

.introBox {
    background: #fff;
    padding-bottom: 30px;
}

.introBox p {
    font-size: 16px;
    color: #333333;
    margin: 10px 0;
}
.introBox p img{max-width:90%;height:auto;margin:0 auto;}
.introBox h2,
.xzjgItem h2,
.teaContent h2 {
    font-size: 20px;
    color: #333333;
    padding: 15px 0;
    padding-left: 50px;
    background: url(../images/page//circle.png) no-repeat left center/38px;
    border-bottom: 1px solid #DBDBDB;
    margin: 20px 0;
}

.xzjgItem h2 {
    margin: 0;
}

.introBox h4 {
    font-size: 16px;
    color: #AE0C2A;
    padding: 10px 0;
    border-bottom: 1px solid #DBDBDB;
    margin-top: 20px;
}

.introBox a {
    /* display: block; */
    list-style: disc;
    font-size: 16px;
    color: #333333;
    text-decoration: underline;
}

.introBox a:hover {
    color: #AE0C2A;
}

.introBox a::marker {
    color: #AE0C2A;
}

.xzjgItem {
    margin-bottom: 20px;
}

.xzjgItem p {
    font-size: 16px;
    color: #333333;
    margin: 8px 0;
}
.xzjgSummary{margin:15px 0;line-height:2;font-size: 16px;
    color: #333333;}

.xzjgCon {
    background: #F8F8F8;
    padding: 25px;
}

.xzjgCon p strong {
    margin-top: 20px;
}

.xswyhBox {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 40px;
}

.xswyhBox .half {
    width: calc(50% - 10px);
    background: #fff;
}

.xswyhBox .half h2,
.xswyhBox .all h2 {
    font-size: 20px;
    color: #333333;
    padding: 15px 45px;
    background: linear-gradient( 90deg, #FDE3E3 0%, #FAFAFA 100%);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
    border-radius: 6px;
}

.xswyhCon {
    width: 100%;
    padding: 20px 45px;
}

.xswyhCon ul li+li {
    border-top: 1px solid #EDEDED;
}

.xswyhCon ul li {
    padding: 15px 0;
    font-size: 18px;
    color: #333333;
}

.xswyhBox .half p,
.xswyhBox .all p {
    font-size: 18px;
    color: #333333;
}

.xswyhBox .all {
    width: 100%;
    background: #fff;
}

.xswyhBox .all .xswyhCon {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 40px;
    min-height: 150px;
}

.teacherBox {
    width: 100%;
    background: #fff;
    padding: 30px 25px;
}

.teaCon {
    width: 100%;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.teaItem {
    width: calc(50% - 10px);
    border-radius: 10px 40px 10px 10px;
    border: 1px solid #CECECE;
    padding: 20px;
    background: url(../images/page/teabg.png) no-repeat center center;
    display: flex;
    align-items: center;
    background-size: cover;
}

.teaItem>a {
    flex-shrink: 0;
    margin-right: 20px;
    width: 160px;
    height: 240px;
    position: relative;
}

.teaItem>a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    z-index: 2;
}

.teaTxt {
    flex: 1;
    overflow: hidden;
}

.teaTxt .name {
    padding: 8px 0;
    border-bottom: 1px solid rgba(206, 206, 206, 0.46);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 0;
}

.teaTxt .name h2 {
    font-size: 22px;
    color: #333333;
    border-left: 5px solid #920303;
    line-height: 1;
    padding-left: 18px;
    margin-right: 25px;
}

.teaTxt .name>a {
    flex-shrink: 0;
}

.teaTxt .name span {
    font-size: 20px;
    color: #8D3E3E;
    background: #FFF0F0;
    border-radius: 4px;
    border: 1px solid #FEBCBC;
    padding: 4px 8px;
}

.teaTxt p {
    font-size: 16px;
    color: #666666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    margin: 15px 0;
}

.teaTxt .detailA {
    display: flex;
    width: 100%;
    gap: 10px 20px;
    flex-wrap: wrap;
}

.teaTxt .detailA a {
    font-weight: 500;
    font-size: 18px;
    color: #920303;
    padding: 4px 10px;
    padding-right: 30px;
    border-radius: 4px;
    background: url(../images/page/icon-arrow.png) no-repeat calc(100% - 10px) center #fff;
    border: 1px solid #BD9D7E;
}

.teaItem:hover {
    background-image: url(../images/page/teabgOn.png);
}

.teaItem:hover .name h2 {
    color: #fff;
    border-color: #fff;
}

.teaItem:hover .name span {
    background: linear-gradient( 270deg, #FFFFFF 0%, #FFE4BE 100%);
}

.teaItem:hover .teaTxt p {
    color: #fff;
}

.teaItem>a::before {
    content: '';
    position: absolute;
    top: -8px;
    left: -8px;
    width: calc(100% + 16px);
    height: calc(100% + 16px);
    background: url(../images/page/teaimgT.png) no-repeat 0 0, url(../images/page/teaimgB.png) no-repeat 0 0;
}

.teaItem:hover>a::before {
    background: url(../images/page/teaimgT.png) no-repeat -8px -8px, url(../images/page/teaimgB.png) no-repeat calc(100%) calc(100%);
}

.teaDetailBox {
    width: 100%;
}

.teaBase {
    width: 100%;
    background: url(../images/page/teabasebg.png) no-repeat right center/100% 100% #fff;
    display: flex;
    align-items: flex-start;
    padding: 30px;
}

.teaBase i {
    width: 258px;
    height: 348px;
    flex-shrink: 0;
    margin-right: 30px;
}

.teaBaseCon {
    flex: 1;
    overflow: hidden;
}

.teaBaseCon .name {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 12px;
    border-bottom: 1px solid #DDDDDD;
}

.teaBaseCon .name h2 {
    font-size: 28px;
    color: #333333;
    font-family: 'SimSun', "ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â®ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¹ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œ", serif;
    display: flex;
    align-items: center;
    gap: 30px;
}

.teaBaseCon .name h2 span {
    font-weight: normal;
    font-size: 20px;
    color: #666666;
    font-family: 'SimSun', "ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â®ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¹ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œ", serif;
}

.teaBaseCon .name a {
    font-size: 16px;
    color: #C55151;
    border-radius: 6px;
    padding: 10px 28px;
    border: 1px solid #C55151;
}

.teaBaseCon .lxfs {
    padding: 12px 0;
}

.teaBaseCon .lxfs p {
    font-size: 18px;
    color: #333333;
    padding-left: 24px;
    
}
.teaBaseCon .lxfs p a{color:#333}
.teaBaseCon .lxfs p a:hover{text-decoration:underline;color:#C55151}
.teaBaseCon .lxfs p:first-child{background: url(../images/page/icon-mail.png) no-repeat left center/18px;}
.teaBaseCon .lxfs p:nth-child(2) {
    background: url(../images/page/icon-page.png) no-repeat left center/18px;
    margin-top: 10px;
}

.teaBaseCon .summary {
    padding: 15px;
    background: #F6F6F6;
}

.teaBaseCon .summary p {
    font-size: 16px;
    color: #444;
    text-align: justify;
}

.teaContent {
    background: #fff;
    padding: 0 50px 50px;
    margin-top: 30px;
    overflow: hidden;
}

.teaContent p,.lh-20 {
    font-size: 16px;
    color: rgba(0,0,0,0.8);
    line-height: 2;
}
.gpCmsVideo{text-align:center}
.teaContent video,.gpCmsVideo video{float: none!important;margin:0 auto;max-width: 100%;}
.teaContent h3{font-size: 18px;color: #920303;text-decoration:underline;margin-top:20px;margin-bottom:10px;/* overflow: hidden; */word-break: break-all;}
.teaContent h3:before{content:'';display:inline-block;background:#920303;width: 12px;
height: 12px;;border-radius:50%;margin-right:8px;}
.teaContent h4,.teaContent h5,.teaContent h6{font-size: 16px;color: #333333;font-weight:normal;padding-left: 44px;background: url(../images/icon-tea-people.png) no-repeat 20px 4px;margin-bottom:6px;}
.teaContent h5{background-image:url(../images/icon-tea-phone.png)}
.teaContent h6{background-image:url(../images/icon-tea-link.png)}
.teaContent h6>a{color: #920303!important;text-decoration:underline}
.teaContent h1{font-size:20px;text-decoration:underline;margin-top:30px;}
.teaContent hr{display:none;}
.teaContent p img{max-width:100%;height:auto;}
/* ÃƒÂ¦Ã‚Â Ã‚Â¡ÃƒÂ¥Ã‚ÂÃ¢â‚¬Â¹ÃƒÂ¥Ã‚ÂÃ‚ÂÃƒÂ¥Ã‚Â½Ã¢â‚¬Â¢ */
.graduatePic{width:100%;display:flex;flex-wrap:wrap;gap:30px;}
.gradItem{width:calc(50% - 15px);position:relative;aspect-ratio: 22/9;}
.gradItem::after{
    content:'';
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
    z-index:2;
    height: 25%;
    }
.gradItem:hover::after{ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #920303 100%);}
.gradItem>p{width:100%;position:absolute;bottom:0;padding:0 20px;color:#fff;z-index:3;text-align:center;margin-bottom:6px;font-size:17px;}

.zoomify {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

.zoomify.zoomed {
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    position: relative;
    z-index: 1501;
}

.zoomify-shadow {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1500;
    background: rgba(0, 0, 0, .3);
    opacity: 0;
}

.zoomify-shadow.zoomed {
    opacity: 1;
    cursor: pointer;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}
.xymlBox{padding:0 20px;}
.xyYear{width:100%;}
.xyYear ul{width:100%;display:flex;flex-wrap:wrap;border-bottom:1px solid #d9d9d9}
.xyYear ul li{cursor:pointer;font-size:20px;font-weight:bold;padding:10px 15px;border-bottom:3px solid transparent;}
.xyYear ul li.act,.xyYear ul li:hover,.xyYear ul li:hover>a,.xyYear ul li.act>a{color:#a70b20;border-bottom-color:#a70b20;}
.xyYear ul li>a{color:#333}
.xymlConItem{margin:30px 0}
.xymlConItem p{margin:10px 0;font-size:16px;color: #333;}

/*pagenation*/

.pageBox {
    margin: 40px 0 20px 0;
    width: 100%;
    padding: 0 20px;
}

.pagination {
    display: flex;
    justify-content: center;
    gap: 6px;
    flex-wrap: wrap;
    align-items: center;
    font-size: 14px;
}

.pagination>li>a,
.pagination>li>span,
.pagination>select {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    color: #333;
    padding: 3px 12px !important;
    width: 100%;
    display: inline-block;
    font-size: 14px;
}

.pagination>select {
    width: 60px;
}

.pagination>li>a.active {
    color: #fff!important;
    border-color: #AE0C2A;
    background: #AE0C2A;
}