@charset "utf-8";
body {
padding-top: 77px; }
.bgf3 {
height: 70px;
background: #f3f3f3; }
.video-box {
width: 50%;
margin: 40px auto 0;
position: relative; }
.video-box .video {
width: 100%; }
.video-box .mask {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 20;
background: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center; }
.top_img{
height:75px;
}
.header {
position: fixed;
height: 76px;
border-bottom: 1px solid #e4e4e4;
left: 0;
top: 0;
width: 100%;
z-index: 100;
background: #fff; }
.header .container {
height: 100%; }
.header .header-flex {
height: 100%; }
.header .header-flex .nav {
display: inline-block;
vertical-align: middle;
margin-left: 10px;
font-size: 0;
height: 100%; }
.header .header-flex .nav .nav-item {
display: inline-block;
vertical-align: top;
font-size: 16px;
color: #333;
height: 100%; }
.header .header-flex .nav .nav-item .nav-title {
display: inline-block;
height: 100%;
padding: 0 5px;
line-height: 77px;
margin: 0 10px; }
.header .header-flex .nav .nav-item .nav-title.active {
border-bottom: 2px solid #1d6bc3;
color: #1d6bc3; }
.header .header-flex .nav .nav-item:hover .sub-nav {
display: block; }
.header .header-flex .nav .nav-item:hover .nav-title {
border-bottom: 2px solid #1d6bc3;
color: #1d6bc3; }
.header .header-flex .nav .nav-item .sub-nav {
position: fixed;
top: 76px;
left: 0;
right: 0;
z-index: 100;
display: none;
padding-bottom: 40px;
background: #fff; }
.header .header-flex .nav .nav-item .sub-nav.sub-nav1 .flex-box {
display: flex;
margin: 0 auto;
width: 100%;
max-width: 1120px; }
.header .header-flex .nav .nav-item .sub-nav.sub-nav1 .flex-box .flex-item {
width: 50%;
padding: 25px;
font-size: 0; }
.header .header-flex .nav .nav-item .sub-nav.sub-nav1 .flex-box .flex-item .title {
font-size: 24px;
line-height: 30px;
color: #4e4e4e; }
.header .header-flex .nav .nav-item .sub-nav.sub-nav1 .flex-box .flex-item .desc {
font-size: 14px;
color: #4e4e4e;
line-height: 30px;
margin-top: 20px;
text-indent: 28px;
height: 120px;
overflow: hidden; }
.header .header-flex .nav .nav-item .sub-nav.sub-nav1 .flex-box .flex-item .sub-nav-item {
display: inline-block;
height: 40px;
background: #1d6bc3;
margin-bottom: 2px;
line-height: 40px;
width: 24%;
margin-right: 1%; }
.header .header-flex .nav .nav-item .sub-nav.sub-nav1 .flex-box .flex-item .sub-nav-item:nth-child(even) {
margin-right: 0; }
.header .header-flex .nav .nav-item .sub-nav.sub-nav1 .flex-box .flex-item .sub-nav-item a {
color: #fff;
display: inline-block;
width: 100%;
height: 100%;
font-size: 14px;
text-align: center; }
.header .header-flex .nav .nav-item .sub-nav.sub-nav2 {
padding: 30px 20px; }
.header .header-flex .nav .nav-item .sub-nav.sub-nav2 .special {
width: 100%;
margin: 0 auto;
max-width: 1120px;
font-size: 0; }
.header .header-flex .nav .nav-item .sub-nav.sub-nav2 .special .sub-nav-item {
display: inline-block;
width: 25%;
margin-bottom: 45px; }
.header .header-flex .nav .nav-item .sub-nav.sub-nav2 .special .sub-nav-item a {
display: inline-block;
width: 100%;
height: 100%;
padding: 0 3%; }
.header .header-flex .nav .nav-item .sub-nav.sub-nav2 .special .sub-nav-item a .title2 {
font-size: 20px;
color: #4e4e4e;
margin-bottom: 10px; }
.header .header-flex .nav .nav-item .sub-nav.sub-nav2 .special .sub-nav-item a img {
width: 100%; }
.header .header-flex .icon-wrapper {
padding-left: 15px;
border-left: 1px solid #b2b2b2; }
.header .header-flex .icon-wrapper i {
display: inline-block;
vertical-align: top;
width: 18px;
height: 18px;
background-size: 100% 100%;
margin: 0 5px;
cursor: pointer; }
.header .header-flex .icon-wrapper i.weixin {
background-image: ; }
.header .header-flex .icon-wrapper i.weixin:hover {
background-image: ; }
.header .header-flex .icon-wrapper i.computer {
background-image: ; }
.header .header-flex .icon-wrapper i.computer:hover {
background-image: ; }
.header .header-flex .icon-wrapper i.mail {
background-image: ; }
.header .header-flex .icon-wrapper i.mail:hover {
background-image: ; }
.banner {
position: relative; }
.banner .banner-wrapper li {
display: none; }
.banner .icon-wrapper {
position: absolute;
left: 0;
bottom: -30px;
width: 100%;
text-align: center; }
.banner .icon-wrapper li {
display: inline-block;
margin: 0 5px;
width: 60px;
height: 60px;
border-radius: 100%;
background: #eee;
background-size: 100% 100%; }
.banner .icon-wrapper li:nth-child(1) {
background-image: ; }
.banner .icon-wrapper li:nth-child(1).active {
background-image: ; }
.banner .icon-wrapper li:nth-child(2) {
background-image: ; }
.banner .icon-wrapper li:nth-child(2).active {
background-image: ; }
.banner .icon-wrapper li:nth-child(3) {
background-image: ; }
.banner .icon-wrapper li:nth-child(3).active {
background-image: ; }
.banner .icon-wrapper li:nth-child(4) {
background-image: ; }
.banner .icon-wrapper li:nth-child(4):hover, .banner .icon-wrapper li:nth-child(4).active {
background-image: ; }
.banner .icon-wrapper li:nth-child(5) {
background-image: ; }
.banner .icon-wrapper li:nth-child(5).active {
background-image: ; }
.banner .icon-wrapper li:nth-child(6) {
background-image: ; }
.banner .icon-wrapper li:nth-child(6).active {
background-image: ; }
.banner .left {
position: absolute;
left: 70px;
top: 50%;
margin-top: -44px;
z-index: 80;
cursor: pointer; }
.banner .right {
position: absolute;
right: 70px;
top: 50%;
margin-top: -44px;
z-index: 80;
cursor: pointer; }
.tab-wrapper, .tab-wrapper2 {
margin-bottom: 20px; }
.tab-wrapper .tab-item, .tab-wrapper2 .tab-item {
display: inline-block;
font-size: 24px;
color: #333;
padding-bottom: 10px;
margin-right: 30px;
cursor: pointer; }
.tab-wrapper .tab-item.active, .tab-wrapper2 .tab-item.active {
border-bottom: 3px solid #1d6bc3; }
.main {
font-size: 0;
background: #fff;
padding-top: 57px; }
.main .news-wrapper {
display: inline-block;
vertical-align: top;
width: 60%;
margin-right: 5%; }
.main .news-wrapper .tab-wrapper {
margin-bottom: 20px; }
.main .news-wrapper .tab-wrapper .tab-item {
display: inline-block;
font-size: 18px;
color: #333;
padding-bottom: 10px;
margin-right: 30px;
cursor: pointer; }
.main .news-wrapper .tab-wrapper .tab-item.active {
border-bottom: 3px solid #1d6bc3; }
.main .news-wrapper .news-container {
width: 100%;
overflow: hidden; }
.main .news-wrapper .news-container .swiper-slide .news1 li {
margin-bottom: 20px;
background: #f7f7f7;
overflow: hidden; }
.main .news-wrapper .news-container .swiper-slide .news1 li:hover .content .title {
color: #1d6bc3; }
.main .news-wrapper .news-container .swiper-slide .news1 li .avatar {
margin-right: 26px;
width: 260px;
height: 160px;
float: left; }
.main .news-wrapper .news-container .swiper-slide .news1 li .content {
display: block;
padding: 20px; }
.main .news-wrapper .news-container .swiper-slide .news1 li .content .title {
font-size: 18px;
color: #333; }
.main .news-wrapper .news-container .swiper-slide .news1 li .content .desc {
margin: 16px 0;
font-size: 14px;
color: #666;
line-height: 24px;
text-indent: 28px;
height: 48px;
overflow: hidden; }
.main .news-wrapper .news-container .swiper-slide .news1 li .content .time {
font-size: 12px;
color: #999; }
.main .video-wrapper {
display: inline-block;
vertical-align: top;
width: 35%; }
.main .video-wrapper .title {
font-size: 24px;
color: #1d6bc3; }
.main .video-wrapper .video-box {
width: 100%;
position: relative; }
.main .video-wrapper .video-box .mask {
position: absolute;
display: flex;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
justify-content: center;
align-items: center;
z-index: 50; }
.main .video-wrapper .video-box2 {
margin-top: 30px;
padding: 32px 10px;
background: #f7f7f7; }
.main .video-wrapper .video-box2 a {
display: block;
margin-bottom: 20px; }
.main .video-wrapper .video-box2 a:hover .desc {
color: red; }
.main .video-wrapper .video-box2 a img {
width: 20px; }
.main .video-wrapper .video-box2 a:last-child {
margin-bottom: 0; }
.main .video-wrapper .video-box2 a .desc {
display: inline-block;
vertical-align: middle;
/*width: 80%;*/
margin-left: 10px;
font-size: 18px;
color: #333; }
.footer {
margin-top: 60px;
background: #7f7f7f;
height: 50px;
line-height: 50px; }
.footer .foot-nav {
display: inline-block; }
.footer .foot-nav li {
display: inline-block;
border-right: 2px solid #c0bebe;
padding: 0 10px;
line-height: 12px; }
.footer .foot-nav li:last-child {
border-right: 0; }
.footer .foot-nav li a {
font-size: 12px;
color: #e4e1e1; }
.footer .ga {
display: inline-block;
margin-left: 20px;
font-size: 12px;
color: #e4e1e1; }
.footer .ga img {
margin-right: 10px; }
.footer .bq {
font-size: 12px;
color: #e4e1e1; }
.bg-wrapper {
position: relative; }
.bg-wrapper .mask {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.bg-wrapper .mask .container {
position: relative;
height: 100%; }
.bg-wrapper .mask .title-wrapper {
position: absolute;
top: 20%;
right: 36px;
font-size: 40px;
color: #fff;
line-height: 40px;
z-index: 40; }
.bg-wrapper .mask .title-wrapper .en {
font-size: 30px;
line-height: 30px;
margin-top: 26px;
text-transform: uppercase; }
.page-tabs {
border-bottom: 1px solid #e5e5e5; }
.page-tabs ul {
height: 66px;
line-height: 66px;
font-size: 0; }
.page-tabs ul li {
display: inline-block;
vertical-align: top;
text-align: center;
height: 100%;
width: 14.28%;
border-left: 1px solid #e5e5e5; }
.page-tabs ul li:last-child {
border-right: 1px solid #e5e5e5; }
.page-tabs ul li a {
display: inline-block;
width: 100%;
height: 100%;
color: #333;
font-size: 18px; }
.page-tabs ul li.active {
background: #1d6bc3; }
.page-tabs ul li.active a {
color: #fff; }
.page-tabs.hxyw-detail ul li a {
font-size: 14px; }
.text-content {
padding: 80px 30px 0; }
.text-content .title {
font-size: 36px;
color: #333;
text-align: center;
line-height: 36px;
margin-bottom: 68px; }
.text-content .num-info {
font-size: 0; }
.text-content .num-info .num-item {
display: inline-block;
vertical-align: top;
width: 25%;
text-align: center; }
.text-content .num-info .num-item .num {
font-family: '黑体';
font-size: 72px;
color: #0073bc; }
.text-content .num-info .num-item p {
margin-top: 20px;
font-size: 16px;
color: #666; }
.text-content .text {
margin-top: 75px; }
.text-content .text p {
text-indent: 32px;
font-size: 16px;
color: #666;
line-height: 36px;
margin-bottom: 40px; }
.yg-list-wrapper {
padding-top: 90px; }
.yg-list-wrapper ul {
font-size: 0; }
.yg-list-wrapper ul li {
position: relative;
display: inline-block;
vertical-align: top;
width: 31%;
margin: 0 1.15%;
border: 1px solid #f5f5f5;
box-shadow: 2px 2px 3px #ccc;
padding: 45px 30px 15px;
margin-bottom: 70px; }
.yg-list-wrapper ul li .title {
font-size: 22px;
color: #1d6bc3;
margin-bottom: 5px; }
.yg-list-wrapper ul li p {
font-size: 14px;
color: #666;
margin-top: 10px;
line-height: 24px; }
.yg-list-wrapper ul li .sj {
position: absolute;
left: 0;
top: 0; }
/* -------------------------------------------------------------------------------- */
/* å°é©¬2018-8-8 */
.pagination a.active {
background: #1d6bc3;
font-weight: bold;
color: #fff;
/* border: 1px solid #0a54ab; */
}
.pagination a {
font-size: 14px;
color: #888;
display: inline-block;
_display: inline;
padding: 0 7px;
/* border: 1px solid #ddd; */
margin-right: 5px;
line-height: 26px;
}
.pagination a:hover {
background: #1d6bc3;
color: #fff;
}
.pagination .end {
display: inline-block;
vertical-align: middle;
cursor: pointer;
border-radius: 3px;
margin: 0 3px;
line-height: 30px;
font-size: 16px;
}
.pagination .first {
display: inline-block;
vertical-align: middle;
cursor: pointer;
border-radius: 3px;
margin: 0 3px;
line-height: 30px;
font-size: 16px;
}
.pagination .prev{
display: inline-block;
vertical-align: middle;
cursor: pointer;
border-radius: 3px;
margin: 0 3px;
line-height: 30px;
font-size: 16px;
}
.pagination .next{
display: inline-block;
vertical-align: middle;
cursor: pointer;
border-radius: 3px;
margin: 0 3px;
line-height: 30px;
font-size: 16px;
}
.pagination .num{
display: inline-block;
vertical-align: middle;
cursor: pointer;
width: 30px;
height: 30px;
border-radius: 3px;
margin: 0 3px;
line-height: 30px;
font-size: 16px;
}
.pagination .current {
display: inline-block;
vertical-align: middle;
cursor: pointer;
width: 30px;
height: 30px;
border-radius: 3px;
margin: 0 3px;
line-height: 30px;
background: #1d6bc3;
color: #fff;
line-height: 30px;
font-size: 16px;
}
/* ------------------------------------------------------------- */
.slip-wrapper {
height: 55px;
background: #f5f5f5;
text-align: center;
font-size: 16px;
color: #666;
line-height: 55px; }
.slip-wrapper .ctrl {
margin: 0 14px;
cursor: pointer; }
.slip-wrapper .page {
display: inline-block;
vertical-align: top; }
.slip-wrapper .page span {
display: inline-block;
vertical-align: middle;
cursor: pointer;
width: 30px;
height: 30px;
border-radius: 3px;
margin: 0 3px;
line-height: 30px; }
.slip-wrapper .page span.active {
background: #1d6bc3;
color: #fff; }
.years-container {
position: relative;
margin-top: 80px;
padding-top: 10px;
overflow: hidden;
padding-bottom: 6px;
border-bottom: 1px solid #c2c2c2; }
.years-container .swiper-slide {
font-size: 24px;
color: #666;
cursor: pointer;
text-align: center; }
.years-container .swiper-slide.swiper-slide-active {
font-size: 30px;
color: #e47916;
-webkit-transform: translatey(-10px); }
.years-container .prev {
position: absolute;
left: 0;
top: 10px;
width: 30px;
height: 30px;
background: center center no-repeat;
cursor: pointer;
z-index: 60; }
.years-container .next {
position: absolute;
right: 0;
top: 10px;
width: 30px;
height: 30px;
background: center center no-repeat;
cursor: pointer;
z-index: 60; }
.course li {
padding: 35px 32px;
border-bottom: 1px solid #e5e5e5; }
.course li .time-wrapper {
display: inline-block;
vertical-align: top;
padding: 15px 0;
width: 80px;
text-align: center;
background: #f5f5f5;
color: #1d6bc3;
margin-right: 50px; }
.course li .time-wrapper .day {
font-size: 40px;
line-height: 40px; }
.course li .time-wrapper .month {
margin-top: 10px;
font-size: 14px; }
.course li .text {
display: inline-block;
vertical-align: top;
width: calc(100% - 140px);
font-size: 16px;
color: #666;
line-height: 26px;
text-indent: 32px; }
.honor-wrapper {
padding-top: 90px; }
.honor-wrapper .honor-list {
font-size: 0; }
.honor-wrapper .honor-list li {
display: inline-block;
vertical-align: top;
width: 31%;
margin: 0 1.15%;
margin-bottom: 40px; }
.honor-wrapper .honor-list li a {
display: inline-block;
width: 100%;
height: 100%; }
.honor-wrapper .honor-list li a img {
height: 230px;
width: 100%; }
.honor-wrapper .honor-list li a p {
height: 50px;
line-height: 50px;
color: #333;
font-size: 18px;
background: #e5e5e5;
text-align: center; }
.project-wrapper {
padding-top: 80px; }
.project-wrapper ul li {
overflow: hidden;
background: #f4f3f3;
margin-bottom: 68px; }
.project-wrapper ul li img {
width: 50%; }
.project-wrapper ul li .lf {
margin-right: 36px; }
.project-wrapper ul li .rt {
margin-left: 36px; }
.project-wrapper ul li .content {
padding: 20px; }
.project-wrapper ul li .content .title {
font-size: 30px;
color: #333; }
.project-wrapper ul li .content .desc {
font-size: 16px;
color: #666;
line-height: 30px;
margin-top: 30px; }
.project-wrapper ul li .content .more {
display: inline-block;
font-size: 14px;
color: #1d6bc3;
width: 140px;
height: 38px;
border: 1px solid #1d6bc3;
line-height: 38px;
text-align: center;
margin-top: 35px; }
/*
.news-page {
padding-top: 50px; }
.news-page .news-swiper {
position: relative;
overflow: hidden;
padding: 20px 0;
border-bottom: 1px solid #e5e5e5; }
.news-page .news-swiper li .lf {
margin-right: 30px; }
.news-page .news-swiper li .news-content {
padding: 30px 10px 10px 0; }
.news-page .news-swiper li .news-content .title {
font-size: 24px;
color: #1d6bc3;
margin-bottom: 40px; }
.news-page .news-swiper li .news-content .text {
line-height: 26px;
text-indent: 28px; }
.news-page .news-list li {
padding: 20px 0;
overflow: hidden;
border-bottom: 1px solid #e5e5e5; }
.news-page .news-list li:hover .content .title {
color: #1d6bc3; }
.news-page .news-list li:hover .time-wrapper {
background: #1d6bc3;
color: #fff; }
.news-page .news-list li .avatar {
margin-left: 30px;
width: 180px; }
.news-page .news-list li .time-wrapper {
width: 80px;
padding: 10px 0;
text-align: center;
background: #f5f5f5;
margin-right: 30px;
color: #1d6bc3; }
.news-page .news-list li .time-wrapper .day {
font-size: 40px; }
.news-page .news-list li .time-wrapper .day .month {
font-size: 14px;
margin-top: 10px; }
.news-page .news-list li .content .title {
font-size: 18px;
color: #333;
margin-bottom: 10px; }
.news-page .news-list li .content .desc {
text-indent: 28px;
color: #666;
line-height: 26px; }
*/
.news-page {
padding-top: 50px; }
.news-page .news-swiper {
position: relative;
overflow: hidden;
padding: 20px 0;
border-bottom: 1px solid #e5e5e5; }
.news-page .news-swiper li .lf {
margin-right: 30px; }
.news-page .news-swiper li .news-content {
padding: 30px 10px 10px 0; }
.news-page .news-swiper li .news-content .title {
font-size: 24px;
color: #1d6bc3;
margin-bottom: 40px; }
.news-page .news-swiper li .news-content .text {
line-height: 26px;
text-indent: 28px; }
.news-page .news-list {
margin-bottom: 20px; }
.news-page .news-list li {
border-bottom: 1px dashed #ccc;
line-height: 30px; }
.news-page .news-list li .content .title {
font-size: 14px;
color: #333;
width: calc(100% - 100px); }
.news-page .news-list li .content .rt {
font-size: 14px;
color: #666; }
/*2018-11-27*/
.news-page .hot-news {
padding: 0 30px 30px;
border-bottom: 1px solid #e5e5e5; }
.news-page .hot-news .title {
font-size: 24px;
color: #1d6bc3;
line-height: 30px; }
.news-page .hot-news .desc {
text-indent: 28px;
font-size: 14px;
color: #666;
line-height: 26px;
margin-top: 20px; }
.news-page .hot-news .more {
margin-top: 35px;
display: inline-block;
width: 140px;
height: 38px;
color: #1d6bc3;
text-align: center;
line-height: 38px;
border: 1px solid #1d6bc3; }
.media-wrapper {
padding-top: 50px; }
.media-wrapper .paper-list {
font-size: 0; }
.media-wrapper .paper-list li {
display: inline-block;
vertical-align: top;
width: 24%;
margin-right: 1%;
margin-bottom: 40px; }
.media-wrapper .paper-list li:hover a .mask {
display: block; }
.media-wrapper .paper-list li a {
display: block;
position: relative; }
.media-wrapper .paper-list li a .mask {
display: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(29, 107, 255, 0.9);
color: #fff;
text-align: center;
padding-top: 40%; }
.media-wrapper .paper-list li a .mask p {
font-size: 18px; }
.media-wrapper .paper-list li .title {
font-size: 18px;
color: #333;
line-height: 30px;
text-align: center; }
.media-wrapper .paper-list li:nth-child(4n 0) {
margin-right: 0; }
.media-wrapper .video-list {
font-size: 0; }
.media-wrapper .video-list li {
display: inline-block;
vertical-align: top;
width: 32%;
margin-right: 2%;
margin-bottom: 40px; }
.media-wrapper .video-list li p {
height: 50px;
line-height: 50px;
background: #e5e5e5;
color: #333;
font-size: 18px;
text-align: center;
padding: 0 10px; }
.media-wrapper .video-list li:nth-child(3n 0) {
margin-right: 0; }
.media-wrapper .video-list li a {
position: relative;
display: block; }
.media-wrapper .video-list li a .mask {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center; }
.hxyw-detail-content {
padding-top: 80px; }
.hxyw-detail-content .title {
font-size: 36px;
color: #333;
line-height: 36px;
margin-bottom: 50px; }
.hxyw-detail-content .pic-text img {
margin: 0 2%;
/* width: 45%; */
}
.hxyw-detail-content .pic-text p {
font-size: 16px;
text-indent: 32px;
margin-top: 20px;
line-height: 32px; }
.news-detail {
padding-top: 60px; }
.news-detail .title {
margin-bottom: 25px;
font-size: 30px;
color: #333;
line-height: 30px;
text-align: center; }
.news-detail .res {
text-align: center;
padding-bottom: 10px;
border-bottom: 1px dashed #bfbfbf; }
.news-detail .res span {
margin-right: 25px; }
.news-detail .content {
padding-bottom: 70px;
border-bottom: 1px dashed #bfbfbf; }
.news-detail .content p {
margin-top: 30px;
font-size: 16px;
line-height: 30px;
text-indent: 32px; }
.news-detail .content p img {
display: block;
margin: 0 auto; }
.news-detail .content .author {
margin-top: 40px;
text-align: right; }
.news-detail .slip-tab {
margin-top: 20px; }
.news-detail .slip-tab p {
font-size: 16px;
color: #333;
line-height: 30px; }
.news-detail .slip-tab p a:hover {
color: #0b57a3; }
.news-detail .back-wrapper {
margin-top: 20px;
text-align: right; }
.news-detail .back-wrapper .back {
display: inline-block;
width: 104px;
height: 50px;
border: 1px solid #1d6bc3;
border-radius: 5px;
text-align: center;
line-height: 50px;
font-size: 18px;
color: #1d6bc3; }
.qywh-wrapper {
padding-top: 90px; }
.qywh-wrapper .title {
font-size: 36px;
color: #333;
margin-bottom: 20px; }
.qywh-wrapper .flex-box {
display: flex; }
.qywh-wrapper .flex-box img {
margin-right: 45px;
width: 45%; }
.qywh-wrapper .flex-box .flex-item {
flex: 1;
font-size: 16px; }
.qywh-wrapper .flex-box .flex-item li {
margin-bottom: 20px; }
.info-tab {
font-size: 0;
margin: 50px 0 30px; }
.info-tab .info-item {
display: inline-block;
vertical-align: top;
width: 25%;
text-align: center; }
.info-tab .info-item p {
font-size: 16px;
line-height: 30px;
color: #333;
margin-top: 20px; }
.info-tab .info-item img {
width: 50px; }
#ditucontent {
height: 550px; }
.header-m, .banner-m, .load-more {
display: none; }
.bg-wrapper .bg-m {
display: none; }
/*****手机*****/
@media screen and (max-width: 767px) {
body {
padding-top: 48px; }
.header, .banner, .bgf3 {
display: none; }
.tab-wrapper .tab-item, .tab-wrapper2 .tab-item {
margin-right: 10px;
padding-bottom: 5px;
font-size: 14px; }
.tab-wrapper .tab-item.active, .tab-wrapper2 .tab-item.active {
border-bottom: 1px solid #1d6bc3; }
.header-m {
display: block;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 48px;
line-height: 48px;
z-index: 120;
background: #fff;
padding: 0 10px; }
.header-m .nav-icon-bar {
position: absolute;
right: 10px;
top: 10px;
width: 30px;
height: 30px;
background-image: ;
background-size: 100% 100%; }
.header-m .nav-icon-bar.close {
background-image: ; }
.header-m .logo {
width: 50%; }
.header-m .nav-m-wrapper {
display: none;
position: fixed;
left: 0;
top: 48px;
right: 0;
bottom: 0;
background: #f5f5f5;
padding: 20px;
z-index: 110; }
.header-m .nav-m-wrapper .scroll-m {
width: 100%;
max-height: 100%;
overflow: auto; }
.header-m .nav-m-wrapper .scroll-m .nav-m-item {
line-height: 50px;
border-bottom: 1px solid #dcdcdc;
margin-top: 5px;
font-size: 15px;
color: #000; }
.header-m .nav-m-wrapper .scroll-m .nav-m-item.active .nav-m {
background-color: #1d6bc3;
color: #fff;
background-image: ; }
.header-m .nav-m-wrapper .scroll-m .nav-m-item:first-child .nav-m {
background-image: none; }
.header-m .nav-m-wrapper .scroll-m .nav-m-item .nav-m {
display: block;
padding-left: 15px;
background-image: ;
background-position: 96% center;
background-repeat: no-repeat;
background-size: 20px auto; }
.header-m .nav-m-wrapper .scroll-m .nav-m-item .sub-nav-m {
display: none;
padding: 10px 0; }
.header-m .nav-m-wrapper .scroll-m .nav-m-item .sub-nav-m li {
padding-left: 20px;
line-height: 30px; }
.header-m .nav-m-wrapper .scroll-m .nav-m-item .sub-nav-m li a {
color: #7a7a7a; }
.banner-m {
position: relative;
display: block;
overflow: hidden;
width: 100%; }
.banner-m .swiper-pagination-bullet {
background: #fff;
opacity: 1; }
.banner-m .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #1d6bc3; }
.main .container {
padding: 0 10px; }
.main .container .news-wrapper {
width: 100%;
margin-right: 0; }
.main .container .news-wrapper .tab-wrapper .tab-item {
margin-right: 10px;
padding-bottom: 5px;
font-size: 14px; }
.main .container .news-wrapper .tab-wrapper .tab-item.active {
border-bottom: 1px solid #1d6bc3; }
.main .container .news-wrapper .news-container .swiper-slide .news1 li .avatar {
width: 130px;
height: 80px;
margin-right: 10px; }
.main .container .news-wrapper .news-container .swiper-slide .news1 li .content {
padding: 5px; }
.main .container .news-wrapper .news-container .swiper-slide .news1 li .content .title {
font-size: 14px;
color: #000; }
.main .container .news-wrapper .news-container .swiper-slide .news1 li .content .desc {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
margin: 10px 0;
font-size: 10px;
line-height: 20px;
height: auto; }
.main .container .news-wrapper .news-container .swiper-slide .news1 li .content .time {
display: block;
text-align: right; }
.main .container .video-wrapper {
width: 100%; }
.main .container .video-wrapper .title {
font-size: 14px; }
.main .container .video-wrapper .video-box {
margin-top: 15px; }
.main .container .video-wrapper .video-box2 {
padding: 10px; }
.main .container .video-wrapper .video-box2 a {
margin-bottom: 15px; }
.main .container .video-wrapper .video-box2 a .desc {
font-size: 14px; }
.footer {
background: #343638;
height: auto;
line-height: 30px;
padding: 10px 0; }
.footer .container .ga {
display: none; }
.footer .container .bq {
float: none;
color: #a6a7a7;
text-align: center; }
.footer .container .bq img {
display: none; }
.footer .container .foot-nav {
width: 100%;
text-align: center; }
.footer .container .foot-nav li a {
color: #a6a7a7; }
.bg-wrapper .bg-pc {
display: none; }
.bg-wrapper .bg-m {
display: block; }
.bg-wrapper .mask .container .title-wrapper {
top: 30%;
right: 18px;
font-size: 18px;
line-height: 18px; }
.bg-wrapper .mask .container .title-wrapper .en {
font-size: 15px;
line-height: 15px;
margin-top: 13px; }
.page-tabs .container {
height: auto;
line-height: 40px; }
.page-tabs .container li {
border: 0;
border-bottom: 1px solid #e5e5e5;
width: 25%;
height: 40px;
border-right: 1px solid #e5e5e5; }
.page-tabs .container li a {
font-size: 12px; }
.page-tabs.hxyw-detail .container li a {
font-size: 12px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap; }
.yg-list-wrapper {
padding-top: 40px; }
.yg-list-wrapper ul li {
width: 48%;
margin: 0 1%;
padding: 20px 10px;
margin-bottom: 10px; }
.yg-list-wrapper ul li .sj {
width: 20px; }
.yg-list-wrapper ul li .title {
font-size: 14px; }
.yg-list-wrapper ul li p {
font-size: 12px;
line-height: 18px; }
.slip-wrapper {
display: none; }
.load-more {
display: block;
text-align: center;
margin-top: 20px; }
.load-more .more {
display: inline-block;
width: 120px;
height: 40px;
border-radius: 5px;
background: #1e6bc3;
color: #fff;
font-size: 13px;
line-height: 40px; }
.text-content {
padding: 40px 10px 0; }
.text-content .title {
font-size: 30px;
margin-bottom: 40px; }
.text-content .num-info .num-item .num {
font-size: 32px;
line-height: 32px; }
.text-content .num-info .num-item p {
margin-top: 10px;
font-size: 10px; }
.text-content .text {
margin-top: 30px; }
.text-content .text p {
margin-bottom: 20px;
font-size: 12px;
line-height: 24px; }
.project-wrapper {
padding: 40px 10px 0; }
.project-wrapper ul li img {
width: 100%; }
.project-wrapper ul li img.lf {
margin: 0;
float: none; }
.project-wrapper ul li img.rt {
margin: 0;
float: none; }
.project-wrapper ul li .content .title {
font-size: 20px; }
.project-wrapper ul li .content .desc {
font-size: 14px;
margin-top: 15px;
line-height: 20px; }
.hxyw-detail-content {
padding: 30px 10px 0; }
.hxyw-detail-content .title {
font-size: 30px;
line-height: 30px;
margin-bottom: 25px; }
.hxyw-detail-content .pic-text img {
display: block;
width: auto;
max-width: 100%;
margin: 0 0 10px 0; }
.hxyw-detail-content .pic-text p {
font-size: 14px;
text-indent: 28px; }
.honor-wrapper {
padding-top: 20px; }
.honor-wrapper .honor-list li {
width: 48%;
margin: 10px 1%; }
.info-tab .info-item {
margin: 10px 0;
width: 50%;
padding: 0 10px; }
.info-tab .info-item img {
width: 30px; }
.info-tab .info-item p {
font-size: 12px;
line-height: 20px; }
#ditucontent {
height: 300px; }
.news-page {
padding: 20px 10px 0; }
.news-page .news-swiper li .news-content {
padding: 10px; }
.news-page .news-swiper li .news-content .title {
font-size: 20px;
margin-bottom: 40px; }
.news-page .news-swiper li .news-content .text {
padding-top: 20px; }
.news-page .news-list li .time-wrapper {
margin-right: 10px; }
.news-page .news-list li .time-wrapper .day {
font-size: 20px; }
.news-page .news-list li .time-wrapper .month {
font-size: 10px; }
.news-page .news-list li .avatar {
margin-left: 10px;
width: 100px; }
.news-page .news-list li .content .title {
font-size: 14px;
margin-bottom: 5px; }
.news-page .news-list li .content .desc {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-size: 10px;
line-height: 16px; }
.news-page .hot-news .title {
font-size: 20px; }
.news-page .hot-news .desc {
font-size: 12px;
line-height: 24px;
text-indent: 24px; }
.news-detail {
padding: 30px 10px 0; }
.news-detail .title {
font-size: 20px;
line-height: 24px;
margin-bottom: 14px; }
.news-detail .res {
font-size: 12px; }
.news-detail .content {
padding-bottom: 30px; }
.news-detail .content p {
margin-top: 20px;
font-size: 12px;
line-height: 24px;
text-indent: 24px; }
.news-detail .content p img {
width: 100%; }
.news-detail .content .author {
margin-top: 20px; }
.news-detail .slip-tab p {
font-size: 12px;
line-height: 24px; }
.news-detail .back-wrapper {
margin-top: 10px; }
.news-detail .back-wrapper .back {
width: 80px;
height: 36px;
font-size: 14px;
line-height: 36px; }
.qywh-wrapper {
padding: 30px 10px 0; }
.qywh-wrapper .title {
font-size: 30px; }
.qywh-wrapper .flex-box {
display: block; }
.qywh-wrapper .flex-box img {
width: 100%;
margin: 10px 0; }
.qywh-wrapper .flex-box .flex-item li {
margin-bottom: 10px;
font-size: 12px; }
.media-wrapper {
padding: 20px 10px; }
.media-wrapper .video-list li {
width: 48%;
margin: 10px 1%; }
.media-wrapper .video-list li .mask img {
width: 40px; }
.media-wrapper .paper-list li {
width: 31%;
margin: 10px 1%; }
.media-wrapper .paper-list li .mask {
padding-top: 20%; }
.media-wrapper .paper-list li .mask img {
width: 40px; }
.media-wrapper .paper-list li .mask p {
font-size: 12px; }
.media-wrapper .paper-list li .title {
font-size: 12px; }
.years-container {
margin: 40px 10px 0; }
.years-container .swiper-slide {
font-size: 10px; }
.years-container .swiper-slide.swiper-slide-active {
font-size: 12px;
-webkit-transform: translatey(-5px); }
.years-container .prev {
top: 4px; }
.years-container .next {
top: 4px; }
.course li {
padding: 10px; }
.course li .time-wrapper {
padding: 10px 0;
width: 60px;
margin-right: 20px; }
.course li .time-wrapper .day {
font-size: 20px;
line-height: 20px; }
.course li .time-wrapper .month {
margin-top: 4px;
font-size: 10px; }
.course li .text {
width: calc(100% - 100px);
font-size: 12px;
line-height: 24px;
text-indent: 24px; }
.video-box {
width: 90%; } }
.animate-box {
opacity: 0; }
form{
float: right;
}
.search-right {
width: 150px;
height: 30px;
border: 1px solid #ccc;
padding: 0 10px;
margin-left: 10px;
margin-top: 27px; }
/*# sourcemappingurl=index.css.map */