@charset "UTF-8"; #news-slide .txt h2, .news-list li a, .academic-list li a, .page-img-list a span, .page-jiaogong-list li span, .condition-list li a, .honor-list .swiper-slide span { max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} a { color: #000000;} a:hover { color: #790d11;} .welcome-wrapper { height: 28px; overflow: hidden; position: relative; padding-left: 8px;} .language { line-height: 14px; padding-left: 18px; float: right; background: url(../images/language.png) no-repeat center left; position: absolute; right: 10px; font-size: 12px; top: 5px;} .language a { text-transform: uppercase;} .nav-menu { margin-bottom: 0; border: 0; background: #790d11;} .nav-menu .navbar-toggle span { background-color: #FFFFFF !important;} .nav-menu .navbar-collapse { background: #8f0005;} .nav-menu .menu-list { padding: 0; list-style: none;} .nav-menu .menu-list li { line-height: 26px;} .nav-menu .menu-list li a { color: #FFFFFF;} .nav-menu .menu-list .sec-menu, .nav-menu .menu-list .th-menu { width: 115px; display: none; list-style: none; padding-left: 0; position: absolute; z-index: 100; left: -7px; background: rgba(143, 0, 5, 0.8);} .nav-menu .menu-list .sec-menu li, .nav-menu .menu-list .th-menu li { line-height: 36px; padding: 0; margin: 0; float: none;} .nav-menu .menu-list .sec-menu li a, .nav-menu .menu-list .th-menu li a { font-size: 16px;} .nav-menu .menu-list .th-menu { left: 100%; margin-left: 15px; top: 0; transition-timing-function: ease-in;} .logo { margin: 0 0 0 5px; max-width: 60%; overflow: hidden;} .logo a { padding-top: 6px !important; padding: 0;} .logo img { max-width: 100%; max-height: 100%;} .search-form { display: none;} /* banner */ .page-banner { height: 125px; background-size: cover !important;} /* news */ .news-wrapper { margin-top: 20px;} .news-wrapper .tit h2 { background: url(../images/news-tit.png) no-repeat center left;} .news { overflow: hidden;} .news-l { margin-top: 15px; padding: 0;} #news-slide .carousel-inner { margin: 0; padding-left: 0;} #news-slide .carousel-inner a { position: relative; padding-top: 65.45769%; height: 0; overflow: hidden; display: block;} #news-slide .carousel-inner img { width: 100%; height: 100%; position: absolute; left: 0; top: 0;} #news-slide .carousel-control { width: 15%; height: 40px; background: #790d11; color: #FFFFFF; text-align: center; opacity: 1; bottom: 49px; top: initial;} #news-slide .carousel-control .glyphicon-chevron-right:before { content: '>';} #news-slide .txt { height: 40px; padding-left: 10px; overflow: hidden; position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.75);} #news-slide .txt h2 { margin: 0; line-height: 36px; float: left; width: 85%; font-size: 16px; color: #FFFFFF;} .news-r { padding: 0; margin-top: 15px;} .news-list, .academic-list { padding-left: 0; list-style: none;} .news-list li, .academic-list li { line-height: 36px; padding-left: 15px; border-bottom: 1px solid #e5e5e5; background: url(../images/news-li.png) no-repeat center left; overflow: hidden;} .news-list li a, .academic-list li a { max-width: 80%; float: left;} .news-list li span, .academic-list li span { float: right; font-size: 12px;} .page-work-list li { padding-left: 0; background: none;} .page-work-list li a { max-width: 64%;} .notice-academic { padding: 0; margin-top: 15px;} /* notice */ .notice .tit h2 { background: url(../images/notice-tit.png) no-repeat center left;} .notice-list { margin-top: 15px; overflow: hidden;} .notice-list dl { padding-bottom: 5px; border-bottom: 1px solid #e5e5e5;} .notice-list dt { width: 85px; height: 85px; margin: 0 auto; text-align: center; color: #666666; border: 1px solid #b5b5b5; border-radius: 50%; font-weight: normal;} .notice-list dt span { line-height: 35px; margin-top: 12px; display: block; font-size: 36px;} .notice-list dd { text-align: center;} .notice-list dd h2 { height: 30px; overflow: hidden; font-size: 16px;} .page-news-list dd h2 { font-weight: bold;} .page-news-list dd p { max-height: 40px; color: #666666; overflow: hidden;} .page-news-list dd p a { color: #666666;} .academic .tit h2 { background: url(../images/academic-tit.png) no-repeat center left;} .academic-list li span { float: left;} .academic-list li a { max-width: 67%;} /* links */ .links-wrapper { margin-top: 15px;} .links-wrapper .tit h2 { background: url(../images/links-tit.png) no-repeat center left;} .links { margin-top: 15px; text-align: center;} .links .links-box { width: 45%; padding: 5px 0; margin: 0 5px; margin-bottom: 10px; display: inline-block; border: 1px solid #b5b5b5; border-radius: 10px; position: relative;} .links a img { vertical-align: middle;} .links a span { margin-left: 5px;} .links .qr-code { width: 280px; height: 280px; display: none; position: absolute; bottom: 100%; left: -120%; box-shadow: 0 0 10px #999;} .links .qr-code img { width: 100%; height: 100%;} /* img-list */ .page-img-list { padding-left: 0; margin-top: 5px; list-style: none;} .page-img-list li { margin-bottom: 15px;} .page-img-list a { height: 0; padding-top: 72.88136%; display: block; position: relative;} .page-img-list a img { width: 100%; height: 100%; position: absolute; top: 0; left: 0;} .page-img-list a span { width: 100%; padding: 0 10px; color: #FFFFFF; line-height: 35px; position: absolute; bottom: 0; background: rgba(0, 0, 0, 0.6); text-align: center;} /* jiaogong */ .page-jiaogong-list { margin-top: 25px; list-style: none; padding-left: 0;} .page-jiaogong-list li { margin-bottom: 15px;} .page-jiaogong-list li a { display: block; position: relative; height: 0; padding-top: 115%;} .page-jiaogong-list li img { width: 100%; height: 100%; position: absolute; top: 0; left: 0;} .page-jiaogong-list li span { width: 100%; padding: 0 10px; position: absolute; line-height: 35px; background: rgba(0, 0, 0, 0.7); color: #FFFFFF; bottom: 0; text-align: center;} /* team */ /*.page-channel-team dt h2 { font-size: 18px; } .page-channel-team dd { height: 60px; overflow: hidden; }*/ .page-channel-team { padding-top: 10px;} .page-channel-team dl { overflow: hidden;} .page-channel-team dt { width: 40%; float: left;} .page-channel-team dt a { display: block; height: 0; padding-top: 72.92%; position: relative;} .page-channel-team dt a img { width: 100%; height: 100%; position: absolute; top: 0; left: 0;} .page-channel-team dd { width: 55%; float: right;} .page-channel-team dd h2 { margin-top: 0; font-size: 16px;} .page-channel-team dd p { max-height: 40px; margin-bottom: 0; overflow: hidden;} .team-det { margin-top: 25px;} .team-det .txt { padding-top: 10px;} .team-det .txt p img { max-width: 100% !important; height: auto !important;} .page-team { margin-top: 25px;} .team-list { padding-left: 0; list-style: none; overflow: hidden;} .team-list li { width: 48%; margin: 0 1%; margin-bottom: 3%; float: left;} .team-list li a { display: block;} .team-list li .img { height: 0; padding-top: 115.47%; position: relative; margin-bottom: 0;} .team-list li .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0;} .team-list li span { line-height: 30px; display: block; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} /* condition */ .page-condition { margin-top: 25px;} .condition-list { list-style: none; padding-left: 0;} .condition-list li { line-height: 26px; overflow: hidden;} .condition-list li a { max-width: 67%; float: left;} .condition-list li span { float: right;} /* honor */ .page-honor { margin-top: 25px;} .honor-list .swiper-slide a { display: block; position: relative; height: 0; padding-top: 74.18033%;} .honor-list .swiper-slide img { width: 100%; height: 100%; position: absolute; top: 0; left: 0;} .honor-list .swiper-slide span { width: 100%; line-height: 36px; padding: 0 10px; display: block; text-align: center; position: absolute; bottom: 0; background: rgba(0, 0, 0, 0.5); color: #FFFFFF;} /* footer */ .footer-wrapper { margin-top: 15px; padding-bottom: 51px; background: url(../images/footer-bg.png) repeat-x center bottom #313131; color: #ffffff;} .f-logo img { max-width: 100%;} .f-contact { padding-top: 15px; border-top: 1px solid #FFFFFF;} /* main */ .main-r { margin-top: 15px; padding: 10px; background: #EEEEEE;} .page-title, .text-title { text-align: center;} .page-title h2, .text-title h2 { margin: 0; margin-bottom: 10px; font-size: 24px;} .page-title p, .text-title p { line-height: 24px; background: #FFFFFF; color: #666666;} .text-title h1 { font-size: 24px;} .detail-box { margin-top: 25px;} .detail-box p img { max-width: 100% !important; height: auto !important;} /* side */ .side-menu { margin-top: 15px; padding: 15px; background: #eeeeee;} .side-menu .menu-list { margin-bottom: 0; padding-left: 0; list-style: none; overflow: hidden;} .side-menu li { float: left; margin-right: 5px;} .side-menu li a { padding: 5px 9px; display: block;} .side-menu li.active a { background: #790d11; color: #FFFFFF; border-radius: 5px;} .side-menu .sec-menu, .side-menu .nav-menu .menu-list .th-menu, .nav-menu .menu-list .side-menu .th-menu { overflow: hidden; background: #FFFFFF;display: block;} .side-menu .sec-menu li, .side-menu .nav-menu .menu-list .th-menu li, .nav-menu .menu-list .side-menu .th-menu li { margin-right: 20px;} .side-menu .sec-menu li a, .side-menu .nav-menu .menu-list .th-menu li a, .nav-menu .menu-list .side-menu .th-menu li a { background: #FFFFFF; color: #04050c;} /* tit */ .tit { padding-bottom: 10px; border-bottom: 2px solid #790d11; overflow: hidden;} .tit h2 { margin: 0; padding-left: 35px; font-size: 20px; float: left; background-size: contain !important;} .tit a { color: #666666; float: right;} .tit02 { padding-left: 0; overflow: hidden;} .tit02 h2 { padding: 0 12px; line-height: 30px; margin-top: 0; color: #FFFFFF; text-align: center; background: #790d11; font-size: 18px; float: left;} .tit02 a { line-height: 30px; color: #666666; float: right; font-size: 16px;} .main-tit { padding-bottom: 10px; background: rgba(143, 0, 5, 0.7); color: #FFFFFF;} .main-tit h2 { padding-left: 25px; font-size: 20px; background: url(../images/main-tit.png) no-repeat center left;} .main-tit .crumbs { padding-left: 25px; background: url(../images/home.png) no-repeat center left;} .main-tit .crumbs a { color: #FFFFFF;} /* page */ .page { clear: both; padding: 30px 0 20px; text-align: center;} .page a { height: 34px; margin-bottom: 10px; display: inline-block; padding: 0 15px; height: 34px; font-size: 12px; line-height: 34px; background: #fff; border: 1px solid #e3e3e3; text-align: center; color: #333; border-radius: 3px;} .page a.a1 { padding: 0 15px; height: 34px; line-height: 34px; margin-top: 0px;} .page a:hover { background: #790d11; color: white; text-decoration: none;} .page span { display: inline-block; padding: 0 15px; height: 34px; line-height: 34px; background: #790d11; border: 1px solid #790d11; color: #fff; text-align: center; border-radius: 3px;} .page .noPage { display: inline-block; padding: 0px 12px; height: 22px; line-height: 22px; border: 1px solid #e3e3e3; text-align: center; color: #a4a4a4;} /*search-body*/ .search-body { padding: 40px 0; border-bottom: 1px solid #ddd;} .s-model { margin-bottom: 25px; text-align: center;} .s-model a { font-size: 14px; margin: 0 10px;} .s-model .on { color: #016bda; font-weight: bold;} .modules-search-form { padding-bottom: 20px; position: relative; width: 100%; max-width: 392px; margin: 0 auto;} .modules-search-form input[type='text'] { border: 1px solid #ddd; border-radius: 4px; overflow: hidden; width: 100%; max-width: 392px; height: 34px; line-height: 24px; padding: 4px 15px;} .modules-search-form input[type='submit'] { position: absolute; right: 0; top: 1px; border: none; cursor: pointer; width: 60px; height: 32px; text-align: center;} .jg { line-height: 40px; font-size: 14px; border-bottom: 1px solid #ddd;} .jg span { color: #016bda; font-weight: bold;} .sjg { line-height: 30px; font-size: 14px;} .sjg span { color: #016bda; font-weight: bold;} .sr-list { padding: 30px 0;} .sr-list li { line-height: 38px; *line-height: 34px; border-bottom: 1px dotted #ccc;} .sr-list .date { color: #666; float: right;} .sr-list a { display: block; position: relative; width: 80%; padding-left: 16px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .sr-list a:before { content: ''; position: absolute; width: 4px; height: 4px; left: 5px; top: 17px; background: #016bda;} @media screen and (min-width: 375px) { .page-channel-team dd p { max-height: 60px;} .links .qr-code { left: -97%;} .page-banner { height: 150px;} } @media screen and (min-width: 414px) { .links .qr-code { left: -88%;} .page-banner { height: 150px;} } @media screen and (min-width: 768px) { .nav-menu { border-radius: 0;} .nav-menu .container-fluid { padding: 0;} .nav-menu .navbar-header { width: 100%; height: 56px; padding: 0 15px; overflow: hidden;} .nav-menu .navbar-collapse { clear: both;} .nav-menu .menu-list { margin-bottom: 0; overflow: hidden;} .nav-menu .menu-list li { line-height: 30px; margin: 0 7px; float: left;} .logo { float: left;} .logo a { margin-left: 0 !important; float: left;} .search-form { width: 276px; margin-top: 12px; display: block; float: right; overflow: hidden;} .search-form form { overflow: hidden;} .search-form .input-text { width: 239px; height: 31px; padding-left: 15px; font-size: 12px; font-family: "宋体"; background: #8f0005; color: #FFFFFF; border: 0; float: left;} .search-form .input-text::-webkit-input-placeholder { color: #FFFFFF;} .search-form .input-text::-moz-placeholder { /* mozilla firefox 19+ */ color: #FFFFFF;} .search-form .input-text:-moz-placeholder { /* mozilla firefox 4 to 18 */ color: #FFFFFF;} .search-form .input-text:-ms-input-placeholder { /* internet explorer 10-11 */ color: #FFFFFF;} .search-form .btn-sub { width: 37px; height: 31px; border: 0; background: url(../images/search.png) no-repeat center #640909; float: right;} #news-slide .txt { line-height: 40px;} #news-slide .txt h2 { line-height: inherit; margin-top: 0;} #news-slide .txt span { font-size: 20px;} #news-slide .carousel-control .glyphicon-chevron-right { top: 10px; left: 42px;} .notice-list dl { width: 50%; padding: 0 10px; float: left;} .links .qr-code { left: -7%;} .main { padding: 0;} .page-img-list { overflow: hidden;} .page-img-list li { width: 31%; margin: 0 1%; margin-bottom: 2%; float: left;} .page-jiaogong-list { overflow: hidden;} .page-jiaogong-list li { width: 31%; float: left; margin: 0 1%; margin-bottom: 2%;} .page-channel-team { padding: 0 17px;} .team-list li { width: 23%;} .page-channel-team { padding-top: 25px;} .page-channel-team dl { margin-bottom: 35px;} .page-channel-team dd h2 { margin-top: 20px; font-size: 18px;} .page-channel-team dd p { max-height: 140px;} .sec-menu{display:block;} } @media screen and (min-width: 992px) { .container { width: 1200px; padding: 0;} .nav-menu .menu-list li a { font-size: 17px;} .welcome-wrapper { height: 35px;} .wel-l iframe { margin-top: 5px;} .language { line-height: 35px; top: 0; right: 0;} .nav-menu .navbar-header { width: 1200px; height: 145px; margin: 0 auto; float: none;} .nav-menu .menu-list { width: 1200px; margin: 0 auto; overflow: visible;} .nav-menu .menu-list li { line-height: 45px; padding: 0 10px; margin: 0 18px; text-align: center; position: relative;} .nav-menu .menu-list li a { display: block;} .logo { width: 493px; height: 95px; margin-top: 23px;} .logo a { height: 100%; padding: 0 !important;} .logo img { width: 100%; height: 100%;} .search-form { margin-top: 65px;} .news-wrapper { margin-top: 40px;} .news { margin-top: 35px;} #news-slide { width: 500px; height: 375px; margin-top: 0;} #news-slide .txt { height: 42px;} #news-slide .carousel-control .glyphicon-chevron-right { top: 10px; left: 33px;} .news-r { width: 673px; margin-top: 0; float: right;} .news-list, .academic-list { margin-bottom: 0;} .news-list li, .academic-list li { line-height: 40px;} .news-list li span, .academic-list li span { font-size: 16px;} .page-work-list { padding: 20px 14px; padding-top: 0;} .page-work-list li { line-height: 55px; padding: 0 14px;} .page-work-list li a { max-width: 67%; text-decoration: none; font-size: 16px;} .page-work-list li:hover { background: #FFFFFF;} .notice-academic { margin-top:20px;} .notice { width: 567px; padding: 0;} .notice-list { margin-top: 24px;} .notice-list dl { padding: 0; padding-bottom: 28px;} .notice-list dl.active dt { background: #790d11; color: #FFFFFF; border-color: #790d11;} .notice-list dt { float: left;} .notice-list dd { width: 258px; margin-right: 10px; float: right; text-align: left;} .notice-list dd h2 { line-height: 26px; height: 52px;} .academic { width: 604px; float: right;} .academic-list { margin-top: 0px;} .academic-list li { line-height:40px;} .links-wrapper { margin-top: 40px; overflow: visible;} .links-wrapper .tit { width: 138px; float: left; border-bottom: 0; padding-bottom: 0; margin-top: 8px;} .links { width: 1056px; margin-top: 0; float: right;} .links .links-box { width: 221px; line-height: 41px; padding: 0; margin-right: 0; margin-left: 36px;} .links .links-box.box04 { position: relative;} .links .links-box.box04 img { position: absolute; right: 15px; top: 15px;} .links .qr-code { width: 80px; height: 80px; left: 32%; bottom: 123%;} .footer-wrapper { margin-top: 60px; padding-top: 35px; padding-bottom: 90px;} .footer { overflow: hidden;} .f-logo { width: 502px; height: 102px; float: left;} .f-contact { width: 422px; padding-left: 40px; padding-top: 0; margin-left: 40px; border-top: 0; border-left: 1px solid #FFFFFF; float: left;} .copyright { width: 250px; margin-top: -32px; float: right;} .page-banner { height: 250px;} .main-tit { height: 50px; margin-top: -50px; overflow: hidden;} .main-tit h2 { line-height: 50px; margin: 0; margin-left: 17px; float: left;} .main-tit .crumbs { line-height: 50px; float: right; font-size: 12px; background: url(../images/home.png) no-repeat 0px 15px;} .main { min-height: 500px; margin-top: 35px; overflow: hidden;} .side { width: 220px; float: left; background: #EEEEEE;} .side-menu { margin: 0; padding: 0;} .side-menu li { line-height: 52px; margin-right: 0; float: none;} .side-menu li.active a { border-radius: 0;} .side-menu li:hover { background: #790d11;} .side-menu li:hover a { color: #FFFFFF;} .side-menu li:hover .sec-menu li a, .side-menu li:hover .nav-menu .menu-list .th-menu li a, .nav-menu .menu-list .side-menu li:hover .th-menu li a { color: #333;} .side-menu li a { padding-left: 25px; font-size: 15px; text-decoration: none;} .side-menu .sec-menu, .side-menu .nav-menu .menu-list .th-menu, .nav-menu .menu-list .side-menu .th-menu { padding-left: 0;} .side-menu .sec-menu li, .side-menu .nav-menu .menu-list .th-menu li, .nav-menu .menu-list .side-menu .th-menu li { line-height: 32px; margin-right: 0;} .side-menu .sec-menu li.active, .side-menu .nav-menu .menu-list .th-menu li.active, .nav-menu .menu-list .side-menu .th-menu li.active, .side-menu .sec-menu li:hover, .side-menu .nav-menu .menu-list .th-menu li:hover, .nav-menu .menu-list .side-menu .th-menu li:hover { background: url(../images/side-menu.png) no-repeat 195px center #EEEEEE;} .side-menu .sec-menu li.active a, .side-menu .nav-menu .menu-list .th-menu li.active a, .nav-menu .menu-list .side-menu .th-menu li.active a, .side-menu .sec-menu li:hover a, .side-menu .nav-menu .menu-list .th-menu li:hover a, .nav-menu .menu-list .side-menu .th-menu li:hover a { background: none;} .main-r { width: 938px; margin-top: 0; padding: 25px 0 48px 0; float: right;} .page-title, .text-title { padding: 0 57px;} .page-title h2, .text-title h2 { margin-bottom: 18px;} .page-title p, .text-title p { line-height: 30px;} .page-img-list { padding: 0 57px; margin-top: 50px; margin-left: -56px;} .page-img-list li { width: 236px; height: 172px; margin: 0 0 47px 56px;} .page-img-list li span { opacity: 0;} .page-img-list li:hover span { opacity: 1;} .page-jiaogong-list { padding-top: 50px; margin-left: -53px;} .page-jiaogong-list li { width: 200px; margin-right: 0; margin-left: 110px; margin-bottom: 40px;} .page-jiaogong-list li a { height: 100%; padding-top: 0;} .page-jiaogong-list li img { width: 100%; height: 230px; position: relative;} .page-jiaogong-list li span { display: block; position: relative; background: none; color: #000000;} .page-news-list { margin-top: 0; padding: 0px 16px;} .page-news-list dl { width: 100%; margin-bottom: 26px; padding: 10px 20px; border-bottom: 0;} .page-news-list dl:hover { background: #FFFFFF;} .page-news-list dd { width: 750px; margin-right: 0;} .page-news-list dd h2 { height: 26px; margin-top: 0; margin-bottom: 10px; font-size: 16px; font-weight: normal;} .page-channel-team { padding: 0 27px;} .page-channel-team dl { padding: 20px 25px;} .page-channel-team dl:hover { background: #FFFFFF;} /*.page-channel-team dt h2 { margin-top: 0; font-size: 18px; } .page-channel-team dd { height: auto; max-height: 60px; font-size: 16px; } .page-channel-team dd p { margin-bottom: 0; }*/ .page-channel-team dl { margin-bottom: 28px;} .page-channel-team dt { width: 240px;} .page-channel-team dt a { padding-top: 175px;} .page-channel-team dd { width: 560px;} .page-channel-team dd p { max-height: 120px;} .team-det { margin-top: 55px; padding: 0 55px;} .team-det .txt { color: #04050c;} .team-det .txt p { line-height: 26px; font-size: 16px;} .page-team { margin-top: 55px; padding: 0 55px;} .team-list { margin-top: 20px; margin-left: -50px;} .team-list li { width: 168px; margin: 0 0 20px 50px;} .team-list li .img { padding-top: 194px;} .page-team-list { padding: 0 55px;} .page-condition { margin-top: 90px; padding: 0 55px;} .condition-list { margin-top: 22px; font-size: 16px;} .page-honor { margin-top: 55px; padding: 0 55px;} .honor-list { margin-top: 16px; padding: 30px 20px; background: #FFFFFF;} .text-title h1 { margin-bottom: 20px;} .detail-box { margin-top: 60px; padding: 0 50px; color: #04050c;} .detail-box p { line-height: 30px; margin-bottom: 25px; font-size: 16px;} .content .fy{padding-left:50px;} .tit { line-height: 29px;} .tit h2 { padding-left: 45px; line-height: 29px;} .tit02 h2 { margin-bottom: 0;} } @media screen and (min-width: 500px) { .sec-menu{display:none;} }