@charset "utf-8";
.GaiKuoMainRightTop{width:960px;/* height:245px; *//* background:url(/Content/Areas/News/images/YiYuanGaiKuang/gkxwbg.jpg) no-repeat; */margin-left:5px;}
.TopLeft{width: 345px;height: 200px;float:left;padding-right:30px;padding-left:20px;}
.TopRight{width: 545px;height: 200px;float:left;padding:0 0 0 20px;}
.TopRight p, .TopLeft p{ line-height:24px; text-indent:2em}
.TopRight p a, .TopLeft p a{color#333}
.TopRight ul li{background:url(/Sites/Uploaded/File/2014/4/shenqingBtn3.jpg) repeat-x 0 0px;height:35px;line-height:33px;text-align:center;width: 150px;font-size: 12px;display:inline;margin: 15px;float:left;border: solid 1px #c1d8fd;background: #e1effa;box-sizing: border-box;}
.TopRight ul li a{color:#333;display:block;width: 100%;height: 100%;/* border:solid 1px #c1d8fd; */float:left;}
.TopRight ul li a:hover{  text-decoration:none}
.TopRight ul li:hover{ border:solid 1px #7ca8ed;}
/*进修申请按钮*/
.jx_btn{ width:960px; height:110px; display:block; margin:10px auto 0px auto;}
.jx_btn img{width:960px;}
.jxBox { background: url(/Content/Areas/Common/images/servicebg.jpg) repeat-x 0 0 ;padding: 15px 0 0 0px; margin:20px 0 0 0px;}
.jxBox .title1{padding:0 20px;}
.jxtable{ width:940px; line-height:32px; border-top:solid 1px #d9d9d9; border-left:solid 1px #d9d9d9; margin:10px auto 0px auto;}
.jxtable tr th{ text-align:center; background:#5386D9; border-bottom:solid 1px #d9d9d9; border-right:solid 1px #d9d9d9; color:#fff; font-size:14px;}
.jxtable tr th.th_title1{text-align:left;padding:0 0 0 5px;}
.jxtable tr td{ padding:0 5px;border-bottom:solid 1px #d9d9d9; border-right:solid 1px #d9d9d9;font-size:14px;}
.ncv_cont ul{
 margin-top: 10px;
}
.ncv_cont .span_date{
 float: right;
}
.ncv_cont h2{
 line-height: 30px;
}
.ncv_cont ul li{
 line-height: 24px;
 padding-left: 12px;
 background: url(../images/XinWenZhongXin/dot_bg.gif) no-repeat 3px 14px;
}
.ncv_cont ul li span {
 float: right;
 color: #999;
}

.TopLeft .title1 span{ cursor:pointer;color: #666;}
.TopLeft .title1 span.hover{color:red;}
.notice_Con .TopLeft{width: 48%;height:245px;float:left;position:relative;box-sizing: border-box;padding: 0;}
.notice_Con .TopLeft img{width: 100%;height:245px;}
.notice_Con .TopLeft .pic{z-index:1;width: 100%;height:245px;position:absolute}
.TopLeft .tit{z-index:4;bottom:7px; left:5px;position:absolute}
.TopLeft .tit a{ color:#FFF}
.TopLeft .num{z-index:4; bottom:10px; right:0px; width:55px;position:absolute}
.TopLeft .num li{ float:left; background:#d3cfcb!important; width:9px; height:9px; text-indent:-9999px; margin:0 2px; cursor:pointer}
.TopLeft .num li.s{background:#4e8ad0!important}
.TopLeft .picbtn_bg_2{ filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5; background:#000; z-index:3; left:0px; bottom:0px; height:30px; width:100%;position:absolute}
							.notice_Con {
 display: flex;
 justify-content: space-between;
 align-items: start;
 margin-top: 10px;
}

.noRight {
 width: 48%;
}

.noRight li {
 display: flex;
 justify-content: space-between;
 align-items: center;
 flex-direction: row-reverse;
 padding: 16px 0;
 border-bottom: 1px dashed #ccc;
}

.noRight li:nth-child(1) {
 border-top: 1px dashed #ccc;
}

.noRight li a.title_type {
 color: #000;
 font-size: 14px;
 display: block;
 overflow: hidden;
 width: 80%;
 white-space: nowrap;
 text-overflow: ellipsis;
}

.noRight li span.span_date {
 color: #999;
}

.Min.notice {
 padding: 20px;
}
							.Min.Icon ul {
 display: flex;
 justify-content: space-between;
 align-items: center;
 flex-wrap: wrap;
}

.Min.Icon ul li {
 width: 31%;
 height: 43px;
 margin-bottom: 25px;
 box-shadow: 0 0 10px #ccc;
 border-radius: 5px;
 transition: all 0.3s;
}

.Min.Icon ul li a {
 display: flex;
 justify-content: space-between;
 align-items: center;
 width: 100%;
 height: 100%;
 color: #000;
 font-size: 14px;
}

.Min.Icon ul li a .icon_left {
 display: flex;
 justify-content: start;
 align-items: center;
 padding-left: 20px;
}

.icon_right img.hover,.icon_left img.hover {
 display: none;
}

.Min.Icon ul li a .icon_left img {
 margin-right: 10px;
}
							.icon_right {
 display: flex;
 height: 100%;
 justify-content: center;
 align-items: center;
 border-left: 1px solid #ccc;
 width: 25px;
}

.icon_right img {
 display: flex;
}
							.icon_right {
 display: flex;
 height: 100%;
 justify-content: center;
 align-items: center;
 border-left: 1px solid #ccc;
 width: 25px;
}

.icon_right img {
 display: flex;
}

.Min.Icon {
 padding: 10px 20px 10px;
}
							.Min.Icon ul li:hover {
 background: #5587d6;
 box-shadow: 0 0 10px #5587d6;
 transition: all 0.3s;
}

.Min.Icon ul li:hover a img.hover {
 display: block;
 transition: all 0.3s;
}

.Min.Icon ul li:hover a img {
 display: none;
 transition: all 0.3s;
}

.Min.Icon ul li:hover a {
 color: #fff;
 text-decoration: none;
 transition: all 0.3s;
}

.Min.Icon ul li:hover .icon_right {
 border-left: 1px solid rgb(255 255 255 / 50%);
}
							.Image.Min a {
 display: block;
 width: 100%;
 position: relative;
}

.Image.Min a img {
 width: 100%;
}

.Image.Min a img.posi_img {
 position: absolute;
 width: auto;
 right: 300px;
 top: 33px;
}
.Min.tab {
 padding: 20px;
}

.tabTop ul li {
 width: 19%;
 float: left;
 height: 40px;
 line-height: 40px;
 text-align: center;
 border: 1px solid #5587d6;
 margin-right: 9px;
 margin-bottom: 10px;
 border-radius: 5px;
 transition: all 0.3s;
}

.tabTop ul {
 overflow: hidden;
}

.tabTop ul li:nth-child(5n) {
 margin-right: 0;
}

.tabTop ul li a {
 font-size: 14px;
 display: block;
}

.tabTop ul li:hover {
 background: #5587d6;
 transition: all 0.3s;
}

.tabTop ul li:hover a {
 color: #fff;
 transition: all 0.3s;
 text-decoration: none;
}

.tabTop ul li.on {
 background: #5587d6;
 transition: all 0.3s;
}

.tabTop ul li.on a {
 color: #fff;
 transition: all 0.3s;
 text-decoration: none;
}	
.tabB_item {
 display: none;
}

.tabB_item.on {
 display: block;
}
.tabB_item li {
 display: flex;
 justify-content: space-between;
 align-items: center;
 flex-direction: row-reverse;
 line-height: 24px;
}

.tabB_item li a.title_type {
 color: #333;
 font-size: 14px;
}
.tab_bottom {
 margin-top: 10px;
}
.video.Min {
 padding: 0 20px;
}

.video.Min ul {
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin-top: 10px;
}

.video.Min ul li {
 width: 31%;
 position: relative;
 border-radius: 5px;
 background: #fff;
 box-shadow: 0 0 10px #ccc;
 padding: 5px;
 overflow: hidden;
}

.video.Min ul li a.video_img {
 display: block;
 width: 100%;
 height: 195px;
 overflow: hidden;
}

.video.Min ul li a.video_img img {
 width: 100%;
 height: 100%;
 transition: all 0.3s;
}

.video.Min ul li h2 {
 position: absolute;
 bottom: 5px;
 left: 5px;
 height: 40px;
 line-height: 40px;
 padding: 0 20px;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 background: rgb(0 0 0 / 50%);
 width: 100%;
 width: calc(100% - 10px);
 box-sizing: border-box;
}

.video.Min ul li h2 a {
 color: #fff;
 font-weight: normal;
 display: block;
 text-align: center;
}


							
.video_btn {
 width: 50px;
 height: 50px;
 transform: translate(-50%,-50%);
 left: 50%;
 top: 50%;
 background: url(/Sites/Uploaded/UserUpLoad/20220329/20220329104023.png) no-repeat center;
 opacity: 0.6;
 z-index: 1;
}

.video.Min ul li:hover .video_btn {
 background: url(/Sites/Uploaded/UserUpLoad/20220329/20220329104023.png) no-repeat center;
 height: 50px;
 opacity: 1;
 width: 50px;
 z-index: 1;
}
.tab_Con {
 margin-top: 10px;
}
.video.Min ul li:hover a.video_img img {
 transition: all 0.3s;
 transform: scale(1.1);
}
@media only screen and (max-width:768px)
{
.GaiKuoMainRightTop{ width:100%; background:none;}
.TopLeft{ width:98%; padding:1%; height:auto;}
.jxtable{ width:100%;}
.TopRight{ float:none; padding-left:0px; margin:0 auto;}
.jx_btn{ width:100%; height:auto; margin:0 auto;}
.jx_btn img{ width:100%; height:auto;}
	.Image.Min a img.posi_img {
 width: 100px;
 right: 250px;
 top: 30px;
}

.tabTop ul li {
 width: 18%;
}

.video.Min ul li a.video_img {
 height: 150px;
}
}

@media only screen and (max-width:480px)
{
	.TopRight ul li{ float:none; display:block; margin:0 auto;}
	.TopRight{margin: 0 auto 10px;height: auto;width: 100%;padding: 0px;}
	.TopLeft{
 float: none;
}
	.notice_Con {
 flex-wrap: wrap;
}

.notice_Con .TopLeft {
 width: 100%;
}

.noRight {
 width: 100%;
}

.Min.Icon ul li {
 width: 100%;
}

.Image.Min a img.posi_img {
 width: 60px;
 right: 120px;
 top: 15px;
}

.tabTop ul li {
 width: 100%;
 box-sizing: border-box;
}

.video.Min ul li {
 width: 100%;
 margin-bottom: 10px;
}

.video.Min ul {
 flex-wrap: wrap;
}

.video.Min ul li a.video_img {
 height: auto;
}
}