@charset "utf-8";
/*2022.04.08*/
/* CSS Document */
.banner{ width:100%; position: relative;z-index: 1; }
.banner .flex-direction-nav{ display: block; width: auto; position: absolute;bottom: 0;right: 0;z-index: 99;}
.banner .flex-direction-nav li{ display:inline-block; float: left; margin:0 7px; }
.banner .flex-direction-nav .flex-prev:hover{ background: #276ed8; }
.banner .flex-direction-nav .flex-next:hover{ background: #276ed8; }
.banner .flex-control-paging{ display: none;} 
.banner .slideText{ width: 65%; line-height: 30px; height: 60px; margin-top: 25px; }




.topLeft{ transition: all 0.2s ease;}
.content { }
.content.current{ }
.content.current .mode1 > .gp-fr{ margin-top: 0;}
/*mode1 焦点关注*/
.wrap_mode1{}
.mode1 { margin: 44px auto 30px auto;  }
.mode1 > .gp-fl{ width: 23.6%; margin-top: 22px; /*! overflow: hidden; */}
.mode1 > .gp-fr{ width: 67.4%; margin-top: -256px;}
.articleTitle1{margin-bottom:30px;overflow: hidden;}
.articleTitle1 .title{ color: #1c4b90; }
.list1{ margin-top: -8px; }
.list1 li a{ display: block; padding:18px 22px; overflow: hidden; transition: all 0.2s ease;}
.list1 li a:hover{box-shadow: 5px 10px 77px -48px rgba(0, 0, 0, 0.9);}
.list1 li:nth-child(even){ background: #eeeeee; }
.list1 li:nth-child(odd){ background: #dcdcdc; }
.list1 .listDate{ color: #1f4889; }
.list1 .listTitle{ line-height: 24px; max-height: 48px; margin-top: 10px; }

/*mode2 三大综合新闻*/
.wrap_mode2{ padding: 60px 0; overflow: hidden; }
.list2{ margin: -20px -50px; overflow: hidden;}
.list2 a{ display: block; margin: 15px 50px; overflow: hidden; transition: transform 0.25s ease-out;}
.list2 a:hover{transform: translateY(-10px);}
.list2 .listText{ overflow: visible; position: relative;z-index: 1;}
.list2 .listDate{ display:block; width: 96px;height: 23px;background: #fff; border: #014fca 1px solid; color: #717171; text-align: center;
	line-height: 23px; margin-top: -10px;}
.list2 .listTitle{margin: 16px 0 20px 0;font-weight: bold;line-height: 22px;height: 44px;white-space: normal;}
.list2 .listCon{ line-height: 22px; height: 44px; color: #999; }
/*tab start*/
.mode2{ }
.mode2 .tabListTitle{ width:23.6%; overflow:hidden;}
.mode2 .tab_menu h3{ border-bottom: #e6e6e6 1px solid; padding: 15px 0; text-align: right; }
.mode2 .tab_menu h3 a{ } 
.mode2 .tab_menu h3:hover a,.tabArticleList .tab_menu h3.on a{ color: #1c4b90; }
.mode2 .tab_menu h3 a:hover{}
.mode2 .more_tab{ display: none;}
.mode2 .tabList{ width: 67.4%; position:relative;}
.mode2 .tabListBox{ display: none; }
.mode2 .tabListBox.on {display:block;
    -webkit-animation-name: fadeInRightSmall;
    animation-name: fadeInRightSmall;
    animation-duration: 0.4s;
    -webkit-animation-duration: 0.4s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible !important;
}

@-webkit-keyframes fadeInRightSmall {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRightSmall {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

/*tab end*/


/*mode3 专题报道*/
.wrap_mode3{ overflow: hidden; }
.mode3 { margin: 10px auto; }
.mode3 .slick-dots{ display: none !important; }
.mode3 .slick-images{ margin:45px -35px 0; width: calc(100% + 15vw);}
.mode3 .slick-slider > a{ display: block; margin: 0 35px; overflow: hidden; }
.mode3 .slickTitle{line-height: 24px;max-height: 48px;margin: 16px 0;position: relative;font-weight: bold;}
.mode3 .slickText{ width: 95%; position: relative; }
.mode3 .slickText:before{ content: ""; display: block;width: 60%; height: 1px; background: #dcdcdc; position: absolute; bottom:0; left: 0;}
.mode3 .slick-arrow{ width: 56px; height: 56px;border: #1f4889 1px solid; border-radius: 50%; background: #fff;text-align: center; cursor:pointer;
color: #1f4889; font-weight: bold; font-size: 22px;z-index: 9; transition: all 0.2s ease;}
.mode3 .slick-prev{ position: absolute; top: -85px;right: 19vw;}
.mode3 .slick-next{ position: absolute; top: -85px;right: 15vw;}
.mode3 .slick-prev:hover,.mode3 .slick-next:hover,.mode5 .gp-fr .slick-prev:hover,.mode5 .gp-fr .slick-next:hover{ background: #1f4889; color: #fff; }

/*mode4 教学科研*/
.wrap_mode4{ padding: 60px 0; overflow: hidden; }
/*tab start*/
.mode4{ }
.mode4 .tabListTitle{ border-bottom: #d8d8d8 1px solid; padding-bottom: 18px; margin-bottom: 40px; overflow:hidden;}
.mode4 .tab_menu h3{ display: inline-block;  padding-right: 60px;  }
.mode4 .tab_menu h3 a{ } 
.mode4 .tab_menu h3:hover a,.tabArticleList .tab_menu h3.on a{ color: #1c4b90; }
.mode4 .tab_menu h3 a:hover{}
.mode4 .more_tab{ display: none;}
.mode4 .tabList{position:relative;}
.mode4 .tabListBox{ display: none; }
.mode4 .tabListBox.on {display:block;
    -webkit-animation-name: fadeInUpSmall;
    animation-name: fadeInUpSmall;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible !important;
}

@-webkit-keyframes fadeInUpSmall {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpSmall {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        -ms-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

/*tab end*/
.list3{margin: -24px -50px; overflow: hidden;}
.list3 li a{display: block; margin: 24px 50px; border-bottom: #d8d8d8 1px solid; overflow: hidden;transition: transform 0.2s ease-out;}
.list3 li a:hover{transform: translateX(10px);}
.list3 .gp-img-responsive{ width: 260px; height:173px; padding: 0; float: right; }
.list3 .listText{ margin-right: 295px; }
.list3 .listDate{ display:block; width: 96px;height: 23px;background: #fff; border: #014fca 1px solid; color: #717171; text-align: center;
	line-height: 23px;}
.list3 .listTitle{ margin: 13px 0; line-height: 24px;height: 48px; font-weight: bold;}
.list3 .listCon{ line-height: 22px; height: 44px;color: #999; }



/*光影视听*/
.wrap_mode5{ padding-bottom:80px; overflow: hidden; }
.mode5{}
.mode5 > .gp-fl{ width: 48.3%; overflow: hidden;}
.mode5 > .gp-fr{ width: 43.6%; overflow: hidden;}
.mode5 .gp-fl .slick-images{ margin: -12px; }
.mode5 .gp-fl .slick-arrow{ display: none !important; }
.list4{ overflow: hidden; }
.list4 li{ overflow: hidden; }
.list4 li a{ display: block; margin: 12px; background: #eeeeee; overflow: hidden; transition:transform 0.2s ease-out; }
.list4 li a:hover{ transform: translateY(-6px); }
.list4 .gp-img-responsive{}
.list4 .listText{ padding: 20px 30px; position: relative; overflow: visible;}
.list4 .listTitle{line-height: 24px;height: 48px;font-weight: bold;}
.list4 .listFrom{ display: inline-block; min-width: 66px; height: 28px;background: #FFF; border: #1f4889 1px solid; text-align: center;
	line-height: 28px;color:#1f4889; font-size: 12px; position: absolute; top:-20px; left:0; padding: 0 10px;}


.mode5 .gp-fr .articleTitle1{ padding-left: 25px; }
.mode5 .gp-fr .slick-list { overflow: hidden; }
.mode5 .gp-fr .slick-images{ margin: 0 88px; border: #e2e2e2 1px solid; }
.mode5 .gp-fr .slick-images a{ display: block;  overflow: hidden;}
.mode5 .gp-fr .slick-images .gp-img-responsive{ padding-bottom: 142%;background-color: #fff;}
.mode5 .gp-fr .slick-arrow{ width: 56px; height: 56px;border: #1f4889 1px solid; border-radius: 50%; background: #fff;text-align: center; cursor:pointer;
color: #1f4889; font-weight: bold; font-size: 22px;z-index: 9; transition: all 0.2s ease;}
.mode5 .gp-fr .slick-prev{ position: absolute; top:50%; margin-top: -28px; left:-88px;}
.mode5 .gp-fr .slick-next{ position: absolute; top:50%; margin-top: -28px; right:-88px;}
.mode5 .slick-dots{ display: none !important; } 
.mode5 .gp-fl .slick-dots{ text-align: center; }
.mode5 .gp-fl .slick-dots li{ display: inline-block; width: 10px; height: 10px;background: #b0b0b0; border-radius: 50%; margin: 0 8px; overflow: hidden; cursor: pointer;}
.mode5 .gp-fl .slick-dots li.slick-active{ background: #1c4b90; }
.mode5 .gp-fl .slick-dots li button{ border: none; }






@media screen  and (max-width:1600px) {
    .banner{ width:calc(100% + 6vw) }
	.mode1 > .gp-fr,.mode2 .tabList{ width: 71%; }
    .mode1 > .gp-fr{ margin-top: -23%; }
    .list2{ margin: -20px -30px; } 
    .list2 a{ margin: 20px 30px; }
    .mode3 .slick-images{ margin: 45px -20px 0;width: calc(100% + 14vw); }
    .mode3 .slick-slider > a{ margin: 0 20px; }
    .list3{ margin:-24px -30px; }
    .list3 li a{ margin: 24px 30px; }
	.mode1{margin-top: 25px;}
}


@media screen  and (max-width:1440px) {
    .banner{ width:calc(100% + 10vw) }
	.mode3 .slick-prev{right: 21vw;}
	.mode5 > .gp-fl{ width: 48%; }
	.mode5 > .gp-fr{ width: 46%; }
	.mode5 .gp-fr .slick-images{ margin: 0 66px; }
	.mode5 .gp-fr .slick-prev{ left: -66px; }
	.mode5 .gp-fr .slick-next{ right: -66px; }
}


@media screen  and (max-width:1300px) {
	.mode1 > .gp-fl,.mode2 .tabListTitle{ width: 20%; }
	.mode1 > .gp-fr,.mode2 .tabList{ width: 74%; }
	.mode1 > .gp-fr{ margin-top: -13%; }
	.banner{ width: auto; }
	.banner .flex-direction-nav{ right: 0; }
    .banner-number{ right: 15px; } 
    .mode3 .slick-images{ width: auto; }
    .mode3 .slick-next{ right: 2vw; }
    .mode3 .slick-prev{ right: 8vw; }
}


@media screen  and (max-width:1024px) {
	.content{ margin-top: 75px; }
    .wrap_mode1{ overflow: hidden; }
	.mode1 { margin-left: -25px !important; margin-right: -25px !important; margin-top: 0; }
	.mode1 > .gp-fr{ width: 100%; float: none; margin-top: 0; }
	.banner .slideText{margin:20px 0 0 50px;width: 68%;line-height: 24px; height: auto; max-height: 48px;}
	.banner .flex-direction-nav{ right: 25px; bottom:-10px;} 
    .banner-number{ right: 40px; bottom: 70px; } 
	.mode1 > .gp-fl{ margin: 40px 50px 0;width: auto; float: none; }
	.list1 li a{ padding: 18px; }
	.wrap_mode2,.wrap_mode4{ padding: 30px 0; }
	.wrap_mode5{ padding-bottom: 30px; }
	.mode2 .tabListTitle{ float: none; width: 100%;margin-bottom: 30px;border-bottom: #e6e6e6 1px solid;}
	.mode2 .tab_menu h3{ display: inline-block; width: 32%;text-align: center;border-bottom: none;padding: 0 0 15px;}
	.mode2 .tabList{ width: 100%;float: none; }
	.list2{ margin: -20px -15px; }
	.list2 a{ margin: 20px 15px; }
	.list3{margin: -24px -15px;}
	.list3 li a{ margin: 24px 15px; }
	.articleTitle1{ margin-bottom: 30px; }
	.mode3 .slick-images{ margin: 0 -20px; width:auto;}
	.mode3 .slick-arrow{ width: 40px; height: 40px; line-height: 40px; top: -60px !important; }
	.flex-direction-nav a,.mode5 .gp-fr .slick-arrow{width: 40px; height: 40px; line-height: 40px;}
	.mode3 .slick-prev{ right: 80px; }
	.mode3 .slick-next{ right: 20px; }

}


@media screen  and (max-width:766px) {
	.list2 .listCon{ height: auto; }
	.mode1{ margin-bottom: 0; }
	.mode3 .slick-images{ margin: 0 -10px; }
	.mode3 .slick-slider > a{ margin: 0 10px; }
	.mode5 > .gp-fl{ width: 100%; float: none; }
	.mode5 > .gp-fr{ width: 100%; float: none; margin-top: 50px; }
	.mode5 .gp-fr .articleTitle1{ padding-left: 0; }
	.mode4 .tab_menu h3{ padding-right: 5%; }
	.mode3 .slick-arrow{ width: 25px; height: 25px; line-height: 25px; top: -60px !important; }
	.flex-direction-nav a,.mode5 .gp-fr .slick-arrow{width: 25px; height: 25px; line-height: 25px;font-size: 14px;border: #276ed8 2px solid;}
	.banner .slideText{ width: 62%; }
	.banner .flex-direction-nav{ right: 35px; bottom: 0;}
	.banner .flex-direction-nav li{ margin: 0 6px; }
	.mode3 .slick-arrow{ font-size: 14px; top: -55px !important; right: auto !important; }
	.mode3 .slick-prev{ left: 123px; }
	.mode3 .slick-next{ left: 165px; }
	.list3{ margin: -15px; }
	.list3 li a{ margin: 15px; }
}


@media screen  and (max-width:640px) {
	.list3 .gp-img-responsive{width: 140px; height: 93px;margin-top:55px;}
	.list3 .listText{ margin-right: 168px; }
	.list3 .listTitle{ margin: 5px 0; }
    .mode5 .gp-fl .slick-images{ margin-bottom: 0; }
    .mode5 .gp-fl .slick-dots{ display: block !important; }
    .banner-number{ bottom: 80px; font-size: 16px; } 
}


@media screen  and (max-width:480px) {
	.mode4 .tab_menu h3{ padding:0 2.2%; }
    .mode5 .gp-fr .slick-images{ margin: 0 40px; }
    .mode5 .gp-fr .slick-prev{ left: -40px; }
    .mode5 .gp-fr .slick-next{ right: -40px; }
}

@media screen  and (max-width:402px) {
    .mode4 .tab_menu h3{ padding:0 1%; }

}