@charset "utf-8";
/* CSS Document */

/*20250612修改*/

.head {
    background: #4a6fad;
    z-index: 999;
    padding-top: .25rem;
    padding-bottom: .27rem;
}

.head .wp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 3;
    border-bottom: 1px solid #3b609e;
}

#nav{
	
background: #4a6fad;
}
.nav{
	
}
.nav ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.nav li{
    position: relative;
    float: none;
}


.nav li h2{
    font-size: 16px;
    line-height: 45px;
    color: #fff;
    position: relative;
    text-align: center;
    z-index: 2;
    transition: .5s;
}
.nav li h2 a{
    display: block;
    color: #fff;
}
.nav li h2:after {
    content: "";
    position: absolute;
    left: -23px;
    right: -23px;
    top: 0;
    bottom: 100%;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: .5s;
}
.nav li:nth-child(2n):after{
    position: absolute;
    content: '';
    width: 1px;
    height: 25px;
    background: #fff;
    top: 50%;
    transform: translateY(-50%);
}


.nav li.on h2:after, .nav li:hover h2:after {
    opacity: 1;
    visibility: visible;
    bottom: 1px;
}
.nav li.on h2,.nav li:hover h2{
    color: #029292;
    font-weight: 700;
}
.nav li .sub{
    position: absolute;
    top: 100%;
    background: #fff;
    width: 140px;
    left: 50%;
    z-index: 10000;
    transform: translateX(-50%) scaleY(0);
    visibility: hidden;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transition: .5s;
    transform-origin: top;
    box-shadow: 0 0 60px rgba(0,0,0,.1);
}

.nav  li .sub .box {
    padding: 0;
    text-align: center;
}

.nav  li .sub a {
    display: block;
    padding: 8px 10px;
    line-height: 28px;
    transition: .6s;
    font-size: 14px;
    color: #666666;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

.nav li .sub a:hover {
    color: #fff;
    background: #4a6fad;
}

.nav li:hover .sub {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) scaleY(1);
}

.wp{width: 1155px;padding: 0;margin: 0 auto;}



.banner a{
    display: block;
}


.banner a img{
    display: block;
    width: 100%;

}

.banner .page{
    font-size: 0;
    bottom: .39rem;
}
.banner .page span{
    width: .14rem;
    height: .14rem;
    opacity: 1;
    margin: 0 0.07rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 1);
    position: relative;
    vertical-align: middle;
}
.banner .page span:after{
    position: absolute;
    content: '';
    width: .22rem;
    height: .22rem;
    border: 1px solid #fff;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}
.banner .page span.active{
    width: .1rem;
    height: .1rem;
    margin: 0 .1rem;
}
.banner .page span.active:after{
    opacity: 1;
    visibility: visible;
}


.banner .btn{
    width: .77rem;
    height: .77rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%;
}
.banner .prev{
    left: .4rem;
    background-image: url("../images/prev01.png");
}
.banner .next{
    right: .4rem;
    background-image: url("../images/next01.png");
}






.container01{background:url(../images/container01_bg.jpg) center center no-repeat;padding: 20px 0 35px;background-size:cover;overflow:hidden}
.title001{background:url(../images/title_bg.png) center center no-repeat;text-align:center;margin-bottom: 20px;}
.title001 h5{font-size: 34px;color:#232323;position:relative}
.title001 h5:before{content:"";position:absolute;width: 60px;height:2px;background:#3d3d3d;left:50%;margin-left: -30px;bottom: -14px;}

.container01 .left{width: 46%;}
.container01 .left .miso-list{ padding:10px; margin:-10px; z-index:0}
.container01 .left ul li a{ display:block;}
.container01 .left ul li a .img, .container01 .left ul li a .img img{width:100%;height: 364px;overflow:hidden;object-fit: cover;}
.container01 .left ul li a .con{height: 100px;background:#fff;box-shadow: 0 2px 5px rgba(0,0,0,0.15);padding: 0 16px;}
.container01 .left ul li a .con .time{background:url(../images/time_bg.png) center no-repeat;width: 96px;height: 75px;background-size:100% 100%;top: -44px;position:relative}
.container01 .left ul li a .con .time h3{font-size: 34px;color:#fff;font-family:Times New Roman;margin: 0;}
.container01 .left ul li a .con .time h5{font-size: 16px;color:#fff;font-family:Times New Roman;margin-top: 10px;margin-bottom: 0;}

.container01 .left ul li a .con .con_fr{width: calc(100% - 100px);padding: 10px 40px 11px;background:url(../images/jianTou.png) right bottom no-repeat;overflow:hidden}
.container01 .left ul li a .con .con_fr h5{font-size:16px;color:#212121;line-height: 1.75;height: 56px;padding-left: 10px;position: relative;transition:.6s}
.container01 .left ul li a .con .con_fr h5:before{content:"";position:absolute;top: 37px;left:0;width:3px;height: 50px;background:#7f1ecf}
.container01 .left ul .miso-prev, .container01 .left ul .miso-next{width: 50px;height: 46px;background-size:100% 100%;margin-top: -40px;}
.container01 .left ul .miso-prev{ background:url(../images/left1.png) center no-repeat}
.container01 .left ul .miso-next{ background:url(../images/right1.png) center no-repeat}

.container01 .right{padding-left: 40px;width: 51%;}
.container01 .right .first a{display:block;border:#fff 1px solid;background:#4c21db;padding: 15px 20px 15px 10px;box-shadow:0 0 3px rgba(0,0,0,0.25);height: 124px;}


.container01 .right .first a .time{width: 100px;height: 70px;text-align:center;border-right:#fff 1px dashed;pad;padding: 5px 0;}
.container01 .right .first a .time h3{font-size: 34px;color:#fff;font-family:Times New Roman;margin: 0;}
.container01 .right .first a .time h5{font-size: 16px;color:#fff;font-family:Times New Roman;margin-top: 5px;margin-bottom: 0;}
.container01 .right .first a .con{width: calc(100% - 132px);padding: 0 0 0 10px;}
.container01 .right .first a .con h5{font-size:16px;line-height: 1.25;color:#fff;font-weight:bold}
.container01 .right .first a .con p{font-size: 14px;color:#dfdfdf;line-height: 1.5;height: 48px;margin-top: 8px;}
.container01 .right ul{margin-top: 10px;}
.container01 .right ul li{font-size:16px;color: #282828;line-height: 45px;height: 45px;}
.container01 .right ul li a{color:#282828;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:0.36s;position:relative;padding-left: 0;height: 45px;}
.container01 .right ul li a:before{content:"";position:absolute;top:50%;margin-top: -.25rem;left:0;width: 7px;height: 7px;transition:0.36s;background: #8a8a8a;border-radius: 50%;}
.container01 .right ul li a font{display:inline-block;width: calc(100% - 85px);font-size: 16px;color: #444444;position:relative;padding-left: 26px;transition:0.36s;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.container01 .right ul li a img{ display:inline-block}
.container01 .right ul li a span{float:right;font-size: 16px;color: #555555;}

.more00{margin-top: 20px;text-align:center}
.more00 a{font-size: 20px;color:#5c1693;font-weight:bold;}

.p_content1{
    margin: 0 auto;
    width: 1500px;
}


/* Slider */
.miso-slider { position: relative; display: block; box-sizing: border-box;  -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; z-index:0}
.miso-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.miso-list:focus { outline: none; }
.miso-loading .miso-list { background: #fff; }
.miso-list.dragging { cursor: pointer; cursor: hand; }
.miso-slider .miso-list, .miso-track, .miso-slide, .miso-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.miso-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.miso-track:before, .miso-track:after {/* content: ""; */display: table;}
.miso-track:after { clear: both; }
.miso-loading .miso-track { visibility: hidden; }
.miso-slide { float: left; height: auto; min-height: 1px; display: none; }
.miso-slide img { display: block; }
.miso-slide.miso-loading img { display: none; }
.miso-slide.dragging img { pointer-events: none; }
.miso-initialized .miso-slide { display: block; }
.miso-loading .miso-slide { visibility: hidden; }
.miso-vertical .miso-slide { display: block; height: auto; border: 1px solid transparent; }
/* Arrows */
.miso-prev, .miso-next {position: absolute;display: block;height: 20px;width: 20px;line-height: 0;font-size: 0;cursor: pointer;background: transparent;color: transparent;padding: 0;border: none;outline: none;top: 50%; z-index:1}
.miso-prev{ left:0}
.miso-next{ right:0}
/* Dots */
.miso-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.miso-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.miso-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer;}
.miso-dots li button:focus { outline: none; }
.miso-dots li.miso-active a { transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}


h5 a{ display:inline-block; width:100%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
ul li:hover h5 a{ color:#ff0000}
.more a{ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%}
.table_cell{display:table-cell;vertical-align:middle;}

.clearfix:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/ content: ""; display: block; height: 0; clear:both; visibility: hidden;}
.overfloat-dot-2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}





/* 师生风采 开始 */
.ssfcBox{background: url(../images/bg04.jpg) no-repeat top center;background-size: cover;position: relative;background-attachment: fixed;}
.ssfcBox .sametitle{margin-bottom: 0;position: absolute;top: 0.6rem;}
.ssfcBox .sametitle h3{width: auto;margin-left: 2.2rem;}
.ssfcBox .sametitle p{color: #FFFFFF;}
.ssfcBox>.w15{position: relative;}
.ssfcBox .tabsBox{position: relative;}
.ssfcBox .tabsBox::after{content: "";position: absolute;right: 0.5rem;background: url(../images/yuanBg.png) no-repeat right center;width: 5.35rem;height: 100%;z-index: 1;}
#tabs-container1{width: calc(100% - 1.2rem);position: relative;padding: 1.5rem 0.5rem 1.5rem 0;z-index: 2;}
#tabs-container1::after{content: "";position: absolute;background: url(../images/textbg2.png) no-repeat left top;left: 0;top: 1.2rem;width: 100%;height: 100%;z-index: -1;}
#tabs-container1 .swiper-slide{}
#tabs-container1 .swiper-slide a{display: flex;justify-content: center;align-items: center;}
#tabs-container1 .swiper-slide a .text{position: relative;width: calc(100% - 6rem);padding-left: 0.7rem;padding-right: 0.7rem;top: -0.2rem;}
#tabs-container1 .swiper-slide a .text h6{font-size: 0.32rem;line-height: 0.44rem;height: 0.88rem;overflow: hidden;font-weight: bold;color: white;transition: 0.6s all;}
#tabs-container1 .swiper-slide a .text h6:hover{color:#dab150;transition: 0.6s all;}
#tabs-container1 .swiper-slide a .text span{display: block;width: 2.3rem;background-image:linear-gradient(to right,rgba(234,204,125, 1),rgba(234,204,125, 0));height: 1px;margin-bottom: 0.25rem;}
#tabs-container1 .swiper-slide a .text p{font-size: 0.14rem;line-height: 0.28rem;color: white;max-height: 1.4rem;overflow: hidden;margin: 0.4rem 0 0.3rem 0;}
#tabs-container1 .swiper-slide a .text i{font-size: 0.12rem;line-height: 0.28rem;width: 0.8rem;text-align: center;display: block;background: #dab150;color: white;border-radius: 0.14rem;position: relative;transition: 0.6s all;}
#tabs-container1 .swiper-slide a .text i::after{content:"";position: absolute; left: 2px;background: #967015;top: 2px;width: 100%;height: 100%;z-index: -1;border-radius: 0.14rem;transition: 0.6s all;}
#tabs-container1 .swiper-slide a .text i:hover{margin-left: 2px;margin-top: 2px;transition: 0.6s all;}
#tabs-container1 .swiper-slide a .text i:hover::after{left: 0;top: 0;transition: 0.6s all;}
#tabs-container1 .swiper-slide a .pic{position: relative;width: 6rem;border-radius: 50%;height: 6rem;}
#tabs-container1 .swiper-slide a .pic .slow{position: relative;width: 100%;height:100%;border-radius: 50%;overflow: hidden;z-index: 2;}
#tabs-container1 .swiper-slide a .pic img{display: block;width: 100%;height: 100%;}

#tabs-container1 .swiper-slide a .pic::before{content: "";position: absolute;border-radius: 50%;border: 1px  solid #FFFFFF;
	-webkit-animation-name:'ripple';
    -webkit-animation-duration: 2.5s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
	z-index: 1;
}
#tabs-container1 .swiper-slide a .pic::after{content: "";position: absolute;border-radius: 50%;border: 1px  solid #FFFFFF;
	-webkit-animation-name:'ripple2';
    -webkit-animation-duration: 2.5s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-delay: 0.5s;
    -webkit-animation-iteration-count: infinite;
	z-index: 1;
}

@keyframes ripple {
    0% {left:5%;top:5%;opcity:100;width:90%;height:90%;}
    100% {left:-10%;top:-10%;opacity: 0;width:120%;height:120%;}
}
@keyframes ripple2 {
    0% {left:5%;top:5%;opcity:100;width:90%;height:90%;}
    100% {left:-5%;top:-5%;opacity: 0;width:110%;height:110%;}
}
.tabs1{width: 1.2rem;display: flex;justify-content: center;align-items: center;flex-direction: column;position: relative;z-index: 3;}
.tabs1 .bt{position: relative;}
.tabs1 .bt .pic{overflow: hidden;width:0.9rem;height: 0.9rem;margin: 0.2rem 0;border-radius: 50%;}
.tabs1 .bt:nth-child(1),
.tabs1 .bt:nth-child(5) {left: -0.8rem;}
.tabs1 .bt:nth-child(2),
.tabs1 .bt:nth-child(4) {left: -0.2rem;}
.tabs1 .bt .pic img{border-radius: 50%;width: 100%;height: 100%;display: block;}
.tabs1 .bt.active .pic{width:1.1rem;height: 1.1rem;overflow: hidden;border-radius: 50%;}
.tabs1 .bt.active .pic img{width:100%;height: 100%;display: block;}
.tabs1 .bt.active .pic{box-shadow: 0 0 0.2rem 0 #111976;border-radius: 50%;}
.ssfcBox .more{display: block;text-align: center;font-size: 0.14rem;color: #FFFFFF;left: 2.2rem;bottom: 1.1rem;position: absolute;background: url(../images/morebg02.png) no-repeat left center;width: 0.91rem;height: 0.62rem;text-align: right;line-height: 0.5rem;font-weight: bold;z-index: 99999;}
.ssfcBox .more:hover {color: #ccb06c;}

@media(max-width: 850px){
	.ssfcBox{padding-bottom: 1.2rem;}
	.ssfcBox .more{bottom: -0.8rem;left: 50%;margin-left: -0.45rem;}
	.ssfcBox .sametitle{position: relative;top: 0.4rem;}
	.ssfcBox .sametitle h3{width: 100%;margin-left: auto;}
	
	#tabs-container1{width: 100%;margin-top: 0;padding-bottom: 0.4rem;padding-right: 0;padding-top: 0.7rem;}
	#tabs-container1::after{background-size: 100%;top: 0.5rem;}
	#tabs-container1 .swiper-slide a .text{width: 100%;padding-left: 7vw;padding-right: 0.2rem;margin-top: 15vw;}
	#tabs-container1 .swiper-slide a .text p{height:0.84rem;margin: 0.2rem 0;}
	#tabs-container1 .swiper-slide a .text h6{font-size: 0.2rem;line-height: 0.32rem;height: 0.64rem;}
	#tabs-container1 .swiper-slide a .pic{width: 40vw;height:40vw;}
	.tabs1 .bt .pic{width: 14vw;height: 14vw;margin: 0;}
	.tabs1{justify-content: space-between;}
	.tabs1 .bt.active .pic{width:18vw;height: 18vw;}
	.tabs1 .bt:nth-child(1),
	.tabs1 .bt:nth-child(5) {left: auto;}
	.tabs1 .bt:nth-child(2),
	.tabs1 .bt:nth-child(4) {left: auto;}
	.tabs1{width: 100%;flex-direction: row;}
	.ssfcBox .tabsBox::after{display: none;}
	
	
}
@media(max-width: 600px){
	#tabs-container1 .swiper-slide a .text p{height:0.56rem;}
}
@media(max-width: 500px){
	#tabs-container1 .swiper-slide a .pic{width: 60vw;height: 60vw;}
	#tabs-container1 .swiper-slide a .text{margin-top: 14vw;}
	#tabs-container1 .swiper-slide a .text span{display: none;}
	#tabs-container1::after{background-size: 120%;}
}
/* 师生风采 结束 */

/* 学生活动 开始 */
.xshdBox{background: url(../images/bg05.png) no-repeat top center;background-size: cover;position: relative;background-attachment: fixed;padding: 0.7rem 0;}
.xshdCon{overflow: hidden;}
.xshdCon li{width: 1.25rem;height: 6.4rem;}
.xshdCon li .behind{width: 0;height: 0; visibility: hidden;display: flex;align-items: center;background: url(../images/textBg33.png) no-repeat right bottom;border: 1px solid #dddff2;position:relative;z-index: 2;}
.xshdCon li .behind {}
.xshdCon li .behind a{display: flex;justify-content: space-between;padding: 0.6rem;}
.xshdCon li .behind a .pic{overflow: hidden;height: 4.5rem;width: 60%;position: relative;top: -0.2rem;border-top-right-radius: 0.8rem;}
.xshdCon li .behind a .pic img{display: block;width: 100%;height: 100%;object-fit: cover;}
.xshdCon li .behind a .text{width:35%;position: relative;margin-top: 1.2rem;}
.xshdCon li .behind a .text h6{position: relative;padding-top: 0.15rem;}
.xshdCon li .behind a .text h6::after{position: absolute;content: "";width: 0.36rem;height: 0.07rem;background: #124881;top: 0;left: 0;}
.xshdCon li .behind a .text h6 span{font-size: 0.18rem;font-weight: 600;line-height: 0.28rem;height: 0.56rem;overflow: hidden;color: #124881;}
.xshdCon li:last-child{margin-right: 0;}
.xshdCon li .behind a .text p{position: absolute;left: -1.8rem;background: url(../images/textBg3.png) no-repeat left center;background-size: 5.03rem;width: 5.03rem;height: 2.29rem;top: 1.2rem;padding: 0.8rem 0.4rem 0 0.6rem;}
.xshdCon li .behind a .text p span{font-size: 0.14rem;line-height: 0.28rem;height: 1.12rem;overflow: hidden;color: #4c4c4c;display: block;}

.xshdCon li.on{width: calc(100% - 3.75rem);}
.xshdCon li .display{width: 1.25rem;cursor: pointer;height:100%;padding: 0.4rem 0;position: relative;z-index: 6;}

.xshdCon li .display .tit{width: 100%;margin:0 auto;height:92%;display: flex;justify-content: center;}
.xshdCon li .display .tit h5{font-size: 0.18rem;color: #FFFFFF;font-weight: 600;text-align: left;writing-mode: vertical-rl;writing-mode: tb-rl;letter-spacing:2px;line-height: 0.34rem;width: 100%;max-width: 0.68rem;overflow: hidden;background: url(../images/btbg.png) no-repeat right top;padding-top: 0.35rem;}
.xshdCon li.on .behind{width: 100%;height: 100%;visibility: visible;width: calc(100% - 1.25rem);}

.xshdCon li .display{background: url(../images/stbg01.png) no-repeat top center;background-size: 100%;}
.xshdCon li+li .display{background: url(../images/stbg02.png) no-repeat top center;background-size: 100%;}
.xshdCon li+li+li .display{background: url(../images/stbg03.png) no-repeat top center;background-size: 100%;}
.xshdCon li+li+li+li .display{background: url(../images/stbg04.png) no-repeat top center;background-size: 100%;}
.xshdCon li+li+li+li+li .display{background: url(../images/stbg05.png) no-repeat top center;background-size: 100%;}



@media(max-width: 850px){
	.xshdBox{padding: 0.5rem 0;}
	.xshdCon li{width: 100%;height: auto;}
	.xshdCon li.on .behind{width: 100%;height: auto;z-index: 9;}
	.xshdCon li.on{width:100%;}
	.xshdCon li .display{height: 1rem;width: 100%;padding: 0 0.15rem;}
	.xshdCon li+li .display{width: 100%;}
	.xshdCon li{background-size: cover;}
	.xshdCon li .display .tit{height: 100%;align-items: center;}
	.xshdCon li .behind a{padding: 0.3rem 0.15rem;flex-direction: column;flex-wrap: wrap;}
	.xshdCon li .behind a .pic{top: 0;width: 100%;height: auto;}
	.xshdCon li .behind a .text{width: 100%;margin-top:0.2rem;}
	.xshdCon li .behind a .text p{position: relative;left: 0;top: 0;padding: 0;background: none;margin-top: 0.2rem;height: auto;width: 100%;}
	.xshdCon li .behind a .text p span{max-height: 0.56rem;}
	.xshdCon li .display .tit h5{writing-mode:revert;width: 100%;max-width: 100vw;padding-top: 0;max-height: 0.56rem;overflow: hidden;background-position: left top;padding-left: 0.3rem;font-size: 0.16rem;line-height:0.28rem;}
}

/* 学生活动 结束 */
a{
	text-decoration: none !important;
}
.txt-elise{
	display: block;
	position: relative;
}
.txhd{
	padding: .8rem 0;
}
.tx-tit {
	text-align: center;
	position: relative;
	margin-bottom: .5rem;
}
.tx-tit h3{
	font-size: .36rem;
	color: #333333;
}
.tx-tit a{
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	color: #666666;
}
.tx-lt .pic{
	position: relative;
	padding-top: 64%;
}
.tx-lt a{
	position: relative;
	margin: 0 .15rem;
	display: block;
	height: auto;
}
.tx-lt .pic img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.tx-lt p{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	line-height: .6rem;
	padding: 0 .15rem;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #ffffff;
	background-color: rgba(0,0,0,.6);
	transition: all 0.5s;
}
.tx-lt a:hover p{
	background-color: #0044b5;
}
@media screen and (max-width: 1200px){
	html{
		font-size: 85px;
	}

	.col-xs-6 {
		width: 100%;
	}
	.tx-tit{
		margin-bottom: .3rem;
	}
	.txhd{
		padding: .5rem 0;
	}
}



.more-a{ display: inline-block; background: #0044b5; margin-top: 30px; font-size: 16px; color: #fff; border-radius: 30px; line-height: 48px; width: 180px; }
.more-a:hover,.page-tow .more-a:hover,.back-four .more-a:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.1); background: #2387f1!important;
                                                               color: #fff!important; }
.page-tow{ background: url(../images/back02.png) center no-repeat; background-size: cover; padding:100px 0; }
.news-top{ display: block; height: 180px; background:#4a6fad; background-size: cover; padding:35px;  }
.news-top:hover{ box-shadow: 0 0 20px rgba(0,0,0,0.5); }
.news-top-tt{ font-size: 18px; color: #fff; }
.news-top-p{ color: #fff; line-height: 25px; margin-top: 5px; opacity: 0.6;  overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.news-top-date{ color: #fff; opacity: 0.6; margin-top: 15px; }
.news-bottom-ul li a{ overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display: block; position: relative; background: #fff; line-height: 59px; padding:0 150px 0 40px; font-size: 16px; color: #232323; }
.news-bottom-ul li a span{ position: absolute; right: 0; top: 0; right: 40px; font-size: 14px; color: #666; }
.news-bottom-ul li a:after{ display: block; content: ""; position: absolute; left: 0; top: 0; height: 1px; background: #ddd; transition: 0.3s all; width: 100%; }
.news-bottom-ul li a:before{ display: block; content: ""; z-index: 10; position: absolute; left: 0; bottom: 0; height: 2px; background: #0044b5; transition: 0.3s all; width: 0px; }
.news-bottom-ul li:nth-of-type(1) a:hover:before{ width: 70%; }
.news-bottom-ul li:nth-of-type(2) a:hover:before{ width: 80%; }
.news-bottom-ul li:nth-of-type(3) a:hover:before{ width: 90%; }
.news-bottom-ul li:nth-of-type(4) a:hover:before{ width: 100%; }
.page-tow .more-a{ color: #0044b5; background: #fff; margin-top: 40px; }


.w15{max-width:1500px;margin:0 auto;}
.w14{max-width:1400px;margin:0 auto;}
.w156{max-width:1560px;margin:0 auto;}