body { color: #333; font-size: 14px; font-family: "lucida grande", "lucida sans unicode", lucida, helvetica, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; margin: 0 auto; position: relative; } .img-hide { overflow: hidden; } .img-hide img { transition: 0.5s all; } .img-hide:hover img { transform: scale(1.1, 1.1); } .txt-elise { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } li { list-style: none; } a { color: #333; } ul { padding: 0; margin: 0; } a:hover { text-decoration: none !important; } a:focus { text-decoration: none !important; outline: none !important; } button:focus, button:hover, input:focus { outline: none!important; } img { /* max-width: 100%;*/ } /**************新增**************/ .header { height: 80px; background: #7e1616; /* background: #173363;*/ /* background: #003F87;*/ } .logo { margin-top: 3px; } .logo img { height: 74px; } .header-a { line-height: 80px; color: #fff; } .header-a a { color: #fff; font-size: 14px; } .header-a span { padding: 0 10px; } .nav-list { max-width: 1200px; margin: 0 auto; } .sticks { width: 100%; position: fixed; top: 0; z-index: 9999; } .nav-list li { float: left; width: 12.5%; position: relative; } .nav-list li a { display: inline-block; height: 58px; font-size: 16px; color: #555; position: relative; line-height: 58px; height: 58px; } .nav-list li.active a:before { display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: #7e1616; } .nav-list>li>a:hover { border-bottom: 2px solid #7e1616; } .nav-list li.active a { color: #7e1616; border-bottom-color: #7e1616; } .nav-list>li.active>a { border-bottom: 0; } .nav-down { width: 140px; position: absolute; left: 50%; z-index: 9; margin-left: -70px; top: 100%; background: #fff; padding: 10px 0; display: none; box-shadow: 0 0 10px #ccc; } .nav-down li { width: 100%; float: none; } .nav-down li a { height: 35px; line-height: 35px; font-size: 14px; color: #555!important; } .nav-down li a:before { display: none!important; } .nav-down li a:hover { color: #7e1616!important; } .nav-list li:hover .nav-down { display: block; } .container { width: 1460px; } .kg-banner { height: 680px; background: url(../images/gk-banner.png) center no-repeat; padding-top: 200px; } .kg-banner-tt { font-size: 1.875em; color: #fff; margin-bottom: 25px; } .kg-banner-p { max-width: 610px; font-size: 16px; color: #fff; line-height: 45px; } .banner-a { display: inline-block; margin-top: 30px; width: 200px; height: 50px; background: #e25e5e; font-size: 16px; color: #fff; border-radius: 30px; line-height: 50px; text-align: center; } .banner-a:hover { color: #fff; } .ld-box { border-top: solid 2px #7e1616; background: #fff; margin-top: 100px; position: relative; } .ny-header { height: auto!important; min-height: 1px; } .ld-box:before { display: block; content: ""; width: 10000px; background: #7e1616; height: 100%; right: 50%; margin-right: 380px; position: absolute; } .ld-box .container { position: relative; z-index: 10; } .ld-tabs { width: 315px; background: #7e1616; height: 635px; padding-top: 75px; } .ld-left-tt { font-size: 30px; color: #fff; padding-left: 60px; margin-bottom: 35px; } .ld-ul li a { font-size: 18px; color: #fff; line-height: 15px; } .ld-ul li a { position: relative; } .ld-ul li a span { font-size: 14px; color: #ffc2c2; display: block; } .ld-ul { height: 385px; border-left: solid 1px #fff; margin-left: 87px; padding-left: 30px; padding-top: 25px; } .ld-ul li a:before { position: absolute; left: -39px; background: #fff; top: 2px; width: 18px; height: 18px; border-radius: 50%; border: solid 2px #fff; display: block; content: ""; } /*.ld-ul li{ margin-bottom: 50px; }*/ .ld-ul li { line-height: 38px; color: #fff; } .ld-ul li.active a:before { background: #7e1616; } .ld-right { width: 1024px; padding-top: 80px; overflow: hidden; } .ld-tt { font-size: 30px; height: 40px; line-height: 40px; color: #333333; margin-right: 100px; position: relative; margin-bottom: 80px; } .ld-tt:before { display: block; content: ""; background: url(../images/ld-lind.png) left center repeat-x; position: absolute; left: 0px; right: 0; top: 0; bottom: 0; } .ld-tt a { display: block; position: absolute; right: -100px; top: 50%; width: 84px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #7e1616; border-radius: 30px; font-size: 14px; margin-top: -15px; } .ld-img img { width: 180px; height: 180px; border-radius: 50%; } .ld-name { font-size: 18px; color: #333; margin: 20px 0 0px 0; } .ld-jj { font-size: 14px; color: #777; overflow: hidden; line-height: 30px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ld-list li { float: left; width: 33.333333%; padding: 0 105px; } .ld-list { margin: 0 -105px; } .ld-more { display: inline-block; color: #7e1616; border: solid 1px #dbdbdb; border-radius: 4px; padding: 0 10px; line-height: 25px; margin-top: 20px; } .ld-more:hover { background: #7e1616; color: #fff; text-decoration: none; } .ld-back { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: #eee; z-index: -1; } .jd-tt { font-size: 2.143em; color: #fff; margin-top: 2em; height: 2em; line-height: 2em; background: url(../images/visiting.jpg) no-repeat; background-size: 100%; } .visiting { background: #410909; padding: 30px 20px 20px; margin-bottom: 90px; } .visiting>ul { background: #eeeeee; } .visiting li+li { border-top: 1px solid #dbdbdb; } .visiting li div+div { border-left: 1px solid #dbdbdb; } .visiting li+li div { border-left: 1px solid #dbdbdb; } .jj-img { margin: 50px 0 90px 0; } .back-no { background: none!important; } .over-box { overflow: hidden; } a:hover, a:focus { text-decoration: none!important; } .jg-lind { height: 430px; background: url(../images/jg-lind.png) center top no-repeat; margin: 0 auto; width: 1430px; padding: 0 15px; } .jg-over { overflow-x: auto; margin-top: 50px; margin-bottom: 70px; height: 460px; } .jg-b-tt span { display: inline-block; width: 300px; height: 90px; background: #fff; line-height: 90px; font-size: 26px; color: #7e1615; font-weight: bold; } .jg-b-list a { display: block; height: 70px; line-height: 70px; transition: 0.5s all; font-size: 18px; color: #333; margin-top: 80px; position: relative; } .jg-b-list a:before { display: block; content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #7e1616; transition: 0.5s all; } .jg-b-list a.jg-back01 { color: #fff; } .jg-b-list a.jg-back02:before { background: #ffdaf0; } .jg-b-list a.jg-back03:before { background: #ffeedc; } .jg-b-list a.jg-back04:before { background: #dfecff; } .jg-b-list a.jg-back05:before { background: #dbfffc; } .jg-b-list a.jg-back06:before { background: #ddffdc; } .jg-b-list a:hover:before { transform: scale(1.1, 1.1); } .jb-b-l li { float: left; } .jb-b-l li a { display: block; position: relative; width: 160px; height: 90px; text-align: center; margin-right: 20px; font-size: 16px; color: #333; padding-top: 25px; margin-top: 84px; } .jb-b-l li a:before { display: block; content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #ffe4c8; transition: 0.5s all; } .jb-b-r li a:before { background: #c8deff; } .jb-b-r { margin-left: 15px; } .jb-b-r li a.last { padding-top: 36px; } .jg-b-list a span { position: relative; z-index: 100; } .jb-b-l li a:hover:before { transform: scale(1.1, 1.1); } .jb-b-l li a span { position: relative; z-index: 10; } .footer { background: #7e1616; padding: 40px 0; color: #ccc; } .footer-a { color: #ccc; margin-bottom: 15px; font-size: 14px; } .footer-a a { color: #ccc; font-size: 14px; } .footer-a span { padding: 0 5px; } .footer p span { padding: 0 15px; font-size: 14px; } .footer p { margin-bottom: 15px; font-size: 14px; } .ewm img { margin-bottom: 5px; } .ewm { margin-left: 20px; } .nav-box { background: #fff; box-shadow: 1px 2px 3px #ddd; } .menu-button { position: absolute; top: 15px; right: 15px; z-index: 1000; display: none; cursor: pointer; -webkit-transition: .3s; transition: .3s; } .menu-button .bar:nth-of-type(1) { margin-top: 0px; } .menu-button .bar:nth-of-type(3) { margin-bottom: 0px; } .bar { position: relative; display: block; width: 30px; height: 3px; margin: 5px auto; background-color: #7e1616; border-radius: 10px; -webkit-transition: .3s; transition: .3s; } .cross .bar { margin: 12px auto; } .cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg); -ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg); } .cross .bar:nth-of-type(2) { opacity: 0; } .cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg); } /**********招生就业**********/ .zs-tt { font-size: 30px; margin: 75px 0 45px 0; } .zs-box { background: #f2f2f2; padding: 20px; border-radius: 10px; height: 650px; box-shadow: 0px 0 10px rgba(0, 0, 0, 0.14); } .zs-row .col-xs-6 { padding: 0 23px; } .zs-row { margin: 0 -23px; } .tt-back { height: 79px; margin-top: -34px; position: relative; z-index: 10; background: url(../images/tt-back.png) left center no-repeat; background-size: 100% auto; padding-left: 50px; color: #fff; font-size: 22px; padding-top: 15px; } .tt-back img { margin-right: 20px; } .zs-bottom { border-left: solid 1px #dbdbdb; padding-left: 50px; padding-top: 50px; margin-left: 18px; padding-bottom: 20px; } .zs-link-tt { padding-left: 25px; background: url(../images/dian.png) left center no-repeat; font-size: 18px; margin-bottom: 10px; } .zs-link-list li { padding-left: 25px; } .zs-link-list { margin-bottom: 30px; } .zs-link-a { width: 122px; height: 40px; border: solid 1px #dbdbdb; line-height: 38px; text-align: center; text-align: center; display: inline-block; background: #fff; border-radius: 30px; font-size: 16px; color: #7e1616; } .zs-box-r { box-shadow: 0px 0 10px rgba(126, 22, 22, 0.2); } .img-back-box { height: 413px; background: url(../images/img-back02.jpg) center repeat-x; } .img-back { width: 814px; height: 413px; background: url(../images/img-back.jpg) center no-repeat; margin: 0 auto; position: relative; text-align: center; } .img-back span { position: absolute; left: 50%; margin-left: -376px; color: #fff; text-align: left; padding: 0 50px 20px 50px; line-height: 35px; font-size: 16px; right: 0; bottom: 0; background: url(../images/txt-back.png) center no-repeat; width: 752px; } .img-back span font { height: 70px; overflow: hidden; display: block; } .hz-link { display: inline-block; width: 200px; height: 50px; border: solid 1px #dbdbdb; border-radius: 30px; line-height: 48px; font-size: 16px; color: #555; margin: 60px 0; } .xx-back { height: 498px; background: url(../images/xx-back.png) center no-repeat; padding-top: 190px; } .xx-tt { font-size: 30px; color: #fff; } .xx-p { font-size: 20px; color: #fff; margin-top: 30px; } .contact-back { background: #f2f2f2; padding: 20px; margin-bottom: 90px; } .contact-back-sm { background: #fff; box-shadow: 4px 0 9px rgba(0, 0, 0, 0.1); padding: 70px 15px; } .contact-icon { margin-bottom: 30px; } .contact-back-sm .col-xs-4 { position: relative; } .contact-back-sm .col-xs-4:before { display: block; content: ""; height: 100px; border-right: solid 1px #e8e8e8; position: absolute; right: 0; top: 50%; margin-top: -50px; } .contact-back-sm .col-xs-4:last-child:before { display: none; } .bottom-link { background: #eee; padding: 40px 0 25px 0; } .bottom-link-list li { float: left; width: 25%; margin-bottom: 15px; padding-right: 15px; } .bottom-link-list li a { font-size: 16px; color: #333; } /***********教育培养***********/ .jy-box { padding: 60px 80px; box-shadow: 1px 0 30px rgba(126, 22, 22, 0.2); margin-top: -100px; position: relative; z-index: 100; background: #fff; } .jy-tt { font-size: 20px; color: #333; margin-bottom: 30px; } .jy-right-box { margin-left: 454px; } .jy-right-box p { margin: 0; line-height: 30px; font-size: 16px; color: #555; } .jy-right-box a { display: inline-block; width: 200px; height: 50px; line-height: 50px; text-align: center; color: #fff; background: #7e1616; border-radius: 30px; font-size: 16px; margin-top: 50px; } .jy-back { background: url(../images/jy-back.png) center no-repeat; background-size: cover; height: 779px; margin-top: 120px; padding-top: 90px; } .jy-back-tt { font-size: 30px; color: #fff; margin-bottom: 45px; } .jy-back-box { box-shadow: 6px 0 6px rgba(0, 0, 0, 0.14); background: #fff; } .jy-list-box { padding: 30px 40px; } .jy-list-tt a { font-size: 18px; color: #333; } .jy-list-p { font-size: 16px; color: #555; line-height: 38px; height: 114px; overflow: hidden; margin-top: 8px; } .jy-back-list li { float: left; width: 33.333333%; padding: 0 20px; } .jy-back-list { margin: 0 -20px; } .jy-list-more { display: block; height: 50px; line-height: 50px; font-size: 16px; color: #fff; background: #7e1615; text-align: center; } .jy-bottom-tt { font-size: 30px; color: #333; margin-bottom: 10px; } .jy-bottom-list li { float: left; width: 50%; padding: 0 15px; line-height: 38px; } .jy-bottom-list li a { color: #555; font-size: 16px; } .jy-bottom-list { margin-left: -15px; padding-right: 30px; position: relative; } .jy-bottom-more { position: absolute; right: 60px; bottom: 8px; font-size: 16px; color: #7e1615; } .jy-bottom-row .col-xs-6 { position: relative; padding: 0 70px; } .jy-bottom-row .col-xs-6:before { display: block; content: ""; position: absolute; right: 0; height: 184px; top: 10px; border-right: solid 1px #dbdbdb; } .jy-bottom-row { margin: 0 -70px 90px -70px; } /************科研学术***********/ .ky-banner { background: url(../images/ky-banner.png) center no-repeat; } .ky-tabs-back { height: 649px; background: #eee; padding-top: 110px; position: relative; } .ky-tabs-back:before { display: block; content: ""; position: absolute; left: 50%; top: 0; height: 649px; margin-left: -952px; width: 699px; background: url(../images/ky-tabs.jpg) left center no-repeat; } .ky-left { width: 300px; margin-left: 162px; position: relative; z-index: 10; } .ky-left-tt { height: 90px; line-height: 90px; background: #fff; color: #7e1615; font-size: 30px; text-align: center; box-shadow: 1px 0 10px rgba(126, 22, 21, 0.16); } .tabs-ky li a { display: block; transition: 0.3s all; height: 66px; box-shadow: 1px 0 6px rgba(0, 0, 0, 0.16); line-height: 66px; border: solid 1px rgba(219, 219, 219, 0.8); background: rgba(255, 255, 255, 0.8); padding-left: 70px; font-size: 18px; color: #7e1615; } .tabs-ky li { margin-top: 20px; } .tabs-ky li a span { display: inline-block; padding-right: 80px; background: url(../images/icon-ky.png) right center no-repeat; } .tabs-ky li.active a span, .tabs-ky li a:hover span { background: url(../images/icon-ky02.png) right center no-repeat; } .tabs-ky li.active a, .tabs-ky li a:hover { color: #fff; background: #7e1615; margin-right: -20px; border-color: #7e1615; } .ky-tabs-right { margin-left: 542px; position: relative; z-index: 10; } .ky-link { background: #fff; box-shadow: 1px 0 10px rgba(126, 22, 21, 0.16); padding: 60px 0 0px 0; } .ky-link li { float: left; width: 20%; margin-bottom: 30px; } .ky-link li a span { display: inline-block; width: 104px; height: 100px; line-height: 100px; margin-bottom: 20px; } .ky-link li a { font-size: 16px; color: #555; display: inline-block; } .ky-link li a:hover span { background: #f2f2f2; } .cg-back { height: 500px; background: url(../images/ky-back02.jpg) center no-repeat; margin-top: 50px; box-shadow: 1px 0 6px rgba(0, 0, 0, 0.16); padding-top: 65px; position: relative; } .cg-width-tt { font-size: 22px; color: #7e1616; font-weight: bold; margin-bottom: 20px; } .cg-width { width: 340px; } .cg-p p { font-size: 16px; color: #555; line-height: 40px; margin-bottom: 0; } .cg-width a { display: inline-block; width: 160px; height: 50px; line-height: 50px; text-align: center; color: #fff; background: #7e1616; border-radius: 30px; font-size: 16px; margin-top: 20px; } .cg-list li a { float: left; width: 236px; height: 185px; font-size: 18px; color: #333; padding-top: 50px; background: #fff; border: solid 1px #ededed; margin-left: -1px; margin-bottom: -1px; } .cg-list li a span { display: inline-block; height: 41px; margin-bottom: 25px; } .cg-list { position: absolute; left: 50%; top: 50%; margin-left: -245px; margin-top: -185px; width: 472px; } .cg-list li { float: left; } .jl-list li { float: left; width: 25%; padding: 0 15px; } .jl-list { margin: 50px -15px 0 -15px; } .jl-list-tt a { font-size: 18px; color: #333; } .jl-list-tt { margin-top: 30px; } .jl-more { display: inline-block; width: 190px; height: 50px; line-height: 50px; text-align: center; color: #fff; background: #7e1616; border-radius: 30px; font-size: 16px; margin-top: 50px; margin-bottom: 90px; } /************列表页**********/ .list-banner { background: url(../images/list-banner.jpg) center no-repeat; height: 680px; padding-top: 310px; } /*.list-header{ position: relative; left: 0; top: 0; right: 0; }*/ /*.list-header .header{ background: none; }*/ .list-header .nav-box { box-shadow: 1px 2px 3px #ddd; } .list-header .nav-list li.active a:before { background: #fff; } .list-header .nav-list li { width: 12.5%; } .list-header .nav-list li .nav-down li { width: 100%; } .list-banner-tt { font-size: 36px; color: #fff; } .list-banner-lind { width: 72px; border-top: solid 1px #fff; margin: 25px 0; } .list-banner-p { font-size: 18px; color: #fff; line-height: 35px; max-width: 690px; } .list-banner .container { padding-left: 155px; } .list-left { width: 280px; background: #f4f4f4; margin-top: 60px; } .list-left-tt { height: 57px; background: #3d3c43; font-size: 20px; color: #fff; padding-left: 40px; line-height: 57px; } .list-left-ul { padding: 15px; } .list-left-ul li a { display: block; height: 57px; border-bottom: solid 1px #dbdbdb; line-height: 56px; padding-left: 25px; color: #555; } .list-left-ul li.active a { background: #8d1d2d; color: #fff; position: relative; } .list-left-ul li.active a:before { display: block; content: ""; position: absolute; right: 20px; height: 100%; width: 26px; background: url(../images/icon-goto.png) center no-repeat; } .list-left-ul a:hover { color: #8d1d2d; } .list-img img { width: 100%; } .list-img { padding: 0 15px 15px 15px; } .list-img a { display: block; } .list-right { width: 1125px; margin-top: 60px; } .list-right-header { border-bottom: solid 1px #dbdbdb; padding-bottom: 10px; padding-top: 20px; } .list-right-l { font-size: 18px; color: #555; } .nav-b { background: url(../images/icon-dz.png) left center no-repeat; padding-left: 25px; font-size: 16px; color: #555; } .nav-b a { font-size: 16px; color: #555; } .news-ul-tt { width: 75%; # width: 415px; } .news-ul-date { width: 100px; } .news-ul li a { display: block; height: 60px; margin-top: 25px; background: #fafafa; line-height: 60px; padding-left: 15px; font-size: 16px; color: #555; position: relative; } .news-ul li a:before { display: block; content: ""; position: absolute; right: 20px; top: 0; bottom: 0; width: 18px; background: url(../images/icon-ul.png) center no-repeat; } .pagination>li>a, .pagination>li>span { border-radius: 0!important; margin: 5px; border: solid 1px #dbdbdb; color: #888; } .pagination { margin: 60px 0; } .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { background: #7e1616; border-color: #7e1616; color: #fff; } .pagination>li>a:hover { background: #7e1616; border-color: #7e1616; color: #fff; } .list-footer .footer, .list-footer .footer-a a { background: #7e1615; color: #fff; } /*************内容页**************/ .article-header { height: 104px; background: #fff; line-height: 104px; } .article-left { font-size: 2em; color: #333; } .article-box { background: #fff; padding: 40px; margin: 50px 0; } .article-tt { font-size: 22px; color: #333; } .article-date { padding: 25px 0; border-bottom: solid 1px #dbdbdb; color: #777; } .article-date>span { padding-left: 50px; } .article-p p { font-size: 14px; line-height: 25px; margin: 0; color: #333; } .article-p-indent p { text-indent: 30px; font-size: 14px; line-height: 25px; margin: 0; color: #333; } .article-p { padding: 30px 0 0 0; } .artcile-bottom { margin: 50px -15px; } .artcile-bottom a { font-size: 16px; color: #555; } .moreNews { width: 100%; margin-bottom: 3em; } .moreNews h6 { font-size: 18px; color: #333333; } .moreNews h6 em { display: inline-block; width: 91%; height: 3px; margin-left: 1%; background: #7E1616; vertical-align: middle; } .moreNewsBot { width: 100%; margin-top: 2em; } .moreNewsBot li { float: left; width: 31.33%; background: #FFFFFF; padding: 2.5%; border-bottom: 2px solid #7E1616; font-size: 16px; } .moreNewsBot li+li { margin-left: 2%; } .moreNewsBot li h5 a { color: #003f88; } .moreNewsBot li h5:hover a { color: #7E1616; } .moreNewsBot li span { color: #333333; } /**********师资建设*********/ .sz-header { position: relative; margin: 85px 0; } .sz-header-left { width: 50%; color: #fff; padding: 70px; background: url(../images/sz-back01.jpg) center no-repeat; background-size: cover; } .sz-header:before { display: block; content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 50%; background: url(../images/sz_back003-716.jpg) center no-repeat; background-size: cover; } .sz-tt { font-size: 30px; } .sz-lind { width: 60px; border-top: solid 1px #fff; margin: 30px 0; } .sz-p { border-top: 1px solid #ad6868; border-bottom: 1px solid #ad6868; padding: 30px 0; margin-top: 50px; } .sz-p li { float: left; width: 25%; text-align: center; } .sz-p li+li { /*margin-left: 35px;*/ } .fz1 { font-size: 18px; } .fz2 { font-size: 23px; } .sz-link { display: inline-block; margin-top: 55px; width: 200px; height: 50px; background: #fff; font-size: 16px; color: #7e1616; border-radius: 30px; line-height: 50px; text-align: center; } .sz-box { background: url(../images/sz-back03.png) center no-repeat; overflow: hidden; background-size: cover; height: 760px; position: relative; } /*.sz-box:before{ display: block; content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 50%; background:rgba(0,0,0,0.5);}*/ .sz-title { font-size: 40px; padding-left: 300px; color: #fff; position: relative; margin-top: 80px; } .sz-title:before { display: block; content: ""; position: absolute; right: 200px; height: 10px; background: #7e1616; left: -2000px; margin-top: -5px; } .sz-right-box { position: relative; z-index: 1000; margin-top: 167px; width: 50%; padding: 50px 0 30px 60px; } .sz-right-box:before { display: block; content: ""; position: absolute; left: 0; border-top: solid 1px #7e1616; background: #7e1616; right: -2000px; top: 0; } .sz-right-box:after { display: block; content: ""; position: absolute; left: 0; border-top: solid 1px #7e1616; background: #7e1616; right: -2000px; bottom: 0; } .sz-right-tt { position: relative; padding: 27px 0 0 27px; margin-bottom: 50px; } .sz-right-tt:before { display: block; content: ""; width: 60px; height: 60px; background: #7e1616; border-radius: 50%; position: absolute; left: 0; top: 0; } .sz-right-tt span { color: #fff; position: relative; z-index: 10; font-size: 18px; } .sz-list li { float: left; width: 14.285714%; margin-bottom: 20px; } .sz-list li a { color: #fff; } .sz-list { padding-left: 27px; } .sz-tabs li { float: left; width: 10%; } .sz-tabs li a { display: block; height: 170px; position: relative; text-align: center; font-size: 16px; color: #fff; padding-top: 60px; line-height: 30px; } .zs-tabs-bottom { background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; right: 0; bottom: 0; } .sz-tabs li.active a, .sz-tabs li a:hover { background: #7e1616; } .sz-tabs li a:before { display: block; content: ""; position: absolute; width: 40px; border-top: solid 1px #fff; left: 50%; margin-left: -20px; top: 40px; } .sz-tabs li a span { display: block; border: solid 1px #7f7e7f; border-radius: 30px; height: 36px; line-height: 34px; max-width: 100px; margin: -5px auto; } .js-list li { display: table; width: 100%; } .js-list li div { display: table-cell; height: 72px; vertical-align: middle; font-size: 16px; color: #555; } /*.js-list{border-left: solid 1px #ededed; border-top: solid 1px #ededed; }*/ .lastLi { background: #fff; } .js01, .js02, .js03 { width: 14.5%; } .js04 { width: 23%; } .js05 { width: 33.5%; } .js-list li.js-list-one div { background: #f2f2f2; font-size: 18px; border-right-color: #dbdbdb; } .js-list li div a { font-size: 18px; color: #7e1615; font-weight: bold; } .js-list li:first-child span { font-size: 20px; font-weight: bold; color: #7e1615; } .sz-ld-tt { color: #7e1616; margin-bottom: 25px; } /********新闻中心*********/ .news-width { width: 50%; background: #eee; position: relative; } .news-width-ul { padding: 40px; } .news-ul-l-a a { font-size: 18px; color: #333; } .news-width-ul li { position: relative; padding-left: 100px; margin-bottom: 30px; } .news-ul-l-date { position: absolute; left: 0; top: 0; background: #e4e4e4; width: 76px; height: 80px; text-align: center; font-size: 14px; color: #cb4040; } .news-ul-l-date span { font-size: 40px; } .news-ul-l-p { line-height: 30px; height: 60px; overflow: hidden; color: #555; margin: 5px 0 10px 0; } .news-ul-l-link { font-size: 16px; color: #00548f; } .news-width-ul { height: 499px; overflow: hidden; } .news-width span.txt-elise { position: absolute; left: 0; width: 100%; bottom: 0; height: 60px; background: rgba(0, 0, 0, 0.5); line-height: 60px; color: #fff; padding: 0 250px 0 30px; } .slick-dots { bottom: 15px; left: auto; width: auto; right: 50%; margin-right: 10px; } .slick-dots li { width: 6px; height: 6px; background: #fff; border-radius: 50%; } .slick-dots li.slick-active { background: #7e1616; } .slick-dots li button { opacity: 0; } .slick-more { width: 300px; height: 55px; background: #7e1616; color: #fff; font-size: 20px; line-height: 55px; background: #7e1616; display: inline-block; margin-top: 20px; } .gg-back { background: url(../images/gg-back.png) center no-repeat; overflow: hidden; height: 682px; background-size: cover; margin-top: 90px; padding-top: 90px; } .hh-tt { font-size: 36px; color: #fff; margin-bottom: 70px; } .gg-back .news-width-ul li { float: left; width: 33.333333%; padding-right: 135px; } .gg-back .container { overflow: hidden; padding-bottom: 50px; } .gg-back .news-width-ul { margin-right: -195px; margin-bottom: 40px; height: auto; padding-top: 55px; padding-bottom: 20px; padding-left: 0; position: relative; } .gg-back .news-width-ul li .news-ul-l-a a { color: #fff; font-size: 16px; line-height: 25px; } .gg-back .news-width-ul li .news-ul-l-a { height: 50px; overflow: hidden; } .gg-back .news-width-ul li .news-ul-l-p { font-size: 14px; color: #a9a9a9; line-height: 25px; height: 75px; } .gg-back .news-width-ul li .news-ul-l-link { font-size: 14px; color: #fff; } .gg-back .news-width-ul:before { display: block; content: ""; position: absolute; left: 0; top: 0; right: 135px; bottom: 0; border-top: solid 1px #555; border-bottom: solid 1px #555; } .gl-back { background: #f2f2f2; padding-bottom: 90px; } .gl-list { background: #fff; padding: 40px 0; margin-bottom: 30px; } .gl-list li { float: left; width: 50%; padding: 0 40px; } .gl-tt a { font-size: 18px; color: #333; } .gl-back-p { line-height: 33px; color: #777777; height: 99px; overflow: hidden; margin-top: 15px; margin-bottom: 15px; } .gg-back .news-width-ul li .news-ul-l-date { background: rgba(0, 0, 0, 0.16); } .xs-list li { float: left; width: 25%; padding: 0 15px; margin-bottom: 33px; } .xs-list { margin: 0 -15px; } .xs-box { box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.2); padding-bottom: 30px; } .xs-tt { margin: 30px 30px 0 30px; } .xs-tt a { color: #7e1616; font-size: 18px; } .xs-p { margin: 10px 30px 0 30px; font-size: 16px; line-height: 30px; color: #333; } .xs-bottom { margin-bottom: 90px; padding-top: 20px; } .xs-img img { width: 100%; max-height: 214.5px; /* height:214.5px; */ } .ds-list li { float: left; width: 23%; margin: 35px 1% 0; text-align: center; height:462px } .ds-list { margin: 15px -15px 0; } .ds-box { box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 7px; padding: 15px; border: solid 1px #fff; } .ds-box .ds-tt { font-size: 18px; margin: 25px 0 0 0; text-align: center; } .ds-p { line-height: 30px; height: 60px; color: #555; font-size: 16px; margin: 5px 30px 0; overflow: hidden; } .nav-list li span { display: none; } .nav-list li a:hover, .jy-list-tt a:hover, .ds-box .ds-tt a:hover, .news-ul-l-a a:hover, .news-ul-l-link:hover, .gg-back .news-width-ul li .news-ul-l-a a:hover, .zs-link-list li a:hover, .gg-back .news-width-ul li .news-ul-l-link:hover, .gl-tt a:hover, .jy-bottom-list li a:hover, .sz-back-list li a:hover, .sz-right ul li a:hover, .ky-link li a:hover, .cg-list li a:hover, .jl-list-tt a:hover, .news-ul li a:hover .news-ul-tt, .artcile-bottom a:hover { color: #7e1616; } .slick-more:hover, .banner-a:hover, .ld-tt a:hover, .jy-right-box a:hover, .jy-list-more:hover, .cg-width a:hover, .jl-more:hover, .sz-link:hover, .zs-link-a:hover, .hz-link:hover { color: #fff; background: #b40c0c; } .xs-tt a:hover, .header-a a:hover, .jy-bottom-more:hover, .sz-list li a:hover { color: #b40c0c } .footer-a a:hover { color: #fff; } .ds-box:hover { border-color: #7e1616; } @media( max-width: 1499px) { .container { width: 1200px; } .ld-right { width: 800px; } .ld-list li { padding: 0 50px; } .ld-list { margin: 0 -50px; } .cg-list { margin-left: 115px; } .ky-left { margin-left: 33px; } .ky-tabs-right { margin-left: 390px; } .list-banner .container { padding-left: 40px; } .list-right { width: 865px; } .news-ul-date { /* width: 335px; */ } .sz-right { height: 497px; } .news-width-ul li { margin-bottom: 20px; } .news-width-ul { height: 408px; } .news-ul-l-p { line-height: 20px; height: 40px; } .gg-back .news-width-ul li { padding-right: 50px; } .gg-back .news-width-ul { margin-right: -85px; } .gg-back .news-width-ul:before { right: 85px; } } @media( max-width: 1279px) { .container { width: 970px; } .ld-right { width: 600px; } .ld-list li { padding: 0 15px; margin-bottom: 2em; } .ld-list { margin: 0 -15px; } .zs-bottom { padding-top: 30px; } .ky-left { margin-left: 0; width: 217px; } .tabs-ky li a { padding-left: 20px; } .ky-tabs-right { margin-left: 270px; } .cg-list li a { width: 185px; } .cg-list { width: 370px; margin-left: 100px; } .list-right { width: 635px; } .news-ul-date { width: 105px; } .sz-tabs li a { font-size: 13px; height: 160px; } .sz-right { height: 454px; } .news-width-ul { height: 328px; } .news-ul-l-p { line-height: 20px; height: 20px; } .news-width-ul { padding: 20px; } } @media( max-width: 991px) { .container { width: 750px } .ld-right { width: 100%; } .ld-list li { padding: 0 15px; } .ld-list { margin: 0 -15px; } .ld-tabs { width: 100%; height: auto; padding-top: 20px; } .ld-ul { border: none; padding: 0; margin-left: 0; height: auto; } .ld-ul li { float: none; width: 100%; text-align: center; margin-bottom: 15px; } .ld-left-tt { text-align: center; padding-left: 0; } .ld-tabs.pull-left ul { margin: 0 63px; } .ld-box:before { display: none; } .ld-right { padding-top: 40px; } .ld-tt { margin-bottom: 40px; } .ld-box { margin-top: 50px; } .zs-row .col-xs-6 { width: 100%; } .zs-box { height: auto; margin-bottom: 30px; } .img-back { width: 100%; background: none; height: auto; } .img-back span { left: 0px; right: 0px; margin-left: 0; width: auto; } .img-back-box { height: auto; } .footer .pull-right { width: 100%; text-align: center; } .jy-one { width: 100%; float: none!important; } .jy-right-box { margin-left: 0; margin-top: 20px; } .jy-box { padding: 30px 40px; } .jy-right-box .text-right { text-align: left; } .jy-right-box a { margin-top: 20px; } .jy-list-box { padding: 15px 20px; } .ky-left { width: 180px; } .tabs-ky li a span { padding-right: 50px; } .ky-tabs-right { margin-left: 215px; } .cg-list { margin-left: 60px; margin-top: -150px; } .cg-list li a { width: 150px; height: 150px; padding-top: 30px; } .list-right { width: 425px; } .news-ul-date { width: auto; position: absolute; right: 10px; top: 0; } .news-ul li a { padding-right: 100px; } .news-ul li a:before { display: none; } .news-ul-tt { width: 100%; } .sz-title { padding-left: 140px; } .sz-list li { width: 25%; } .sz-tabs li { width: 94px; } .sz-tabs { width: 940px; } .zs-tabs-bottom .container { overflow-x: auto; } .sz-right { height: 413px; } .sz-header-left { width: 100%; position: relative; z-index: 10; } .news-width { width: 100%; } .slick-dots { bottom: 347px; left: auto; right: 15px; } .news-width span.txt-elise { padding-right: 100px; } } @media( max-width: 768px) { .container { width: 100%; } .ld-list li { width: 100%; } .ld-box { height: auto; } .ld-ul li a:before { left: 50%; margin-left: -5px; width: 10px; height: 10px; bottom: -20px; top: auto; margin-top: 0; } .ld-ul li a span { display: none; } .ld-ul { padding-bottom: 10px; } .ld-tabs { width: auto; margin-left: -15px; margin-right: -15px; float: none!important; } .ld-left-tt { margin-bottom: 15px; } .ld-tt, .ld-left-tt { font-size: 24px; } .ld-right { padding-top: 20px; } .ld-tt:before { left: 105px; } .ld-more { margin-top: 5px; margin-bottom: 15px; } .ld-box { margin-top: 0; } .jd-tt { font-size: 24px; margin-top: 20px; } .jj-img { margin: 20px 0; } .kg-banner { height: auto; padding: 50px 0 50px 0; } .logo { width: 100%; text-align: center; margin: 10px 0; } .logo img { /* width: 290px;*/ height: 60px; } .header-a { display: none; } .header { height: auto; } .nav-box { height: 50px; position: relative; } .nav-list { position: absolute; display: none; left: 0; z-index: 10000; top: 100%; right: 0; background: #fff; box-shadow: 1px 2px 3px #ddd; border-top: solid 1px #ddd; } .nav-list li { float: none; width: 100%; text-align: left; } .nav-list li a { height: 40px; line-height: 40px; padding: 0 15px; } .nav-list li a:before { display: none!important; } .menu-button { display: block; } .kg-banner-p { line-height: 30px; } .zs-tt { font-size: 24px; margin: 20px 0; } .zs-bottom { padding: 0; border: none; } .tt-back { background: #7e1616; height: 50px; line-height: 50px; margin-top: 10px; padding-top: 0; margin-bottom: 15px; } .zs-link-list { margin-bottom: 15px; } .xx-back { height: auto; padding: 50px 0; } .contact-back-sm { padding: 15px; } .contact-back { padding: 10px; margin-bottom: 20px; } .contact-p p { margin-bottom: 5px; } .contact-icon { margin-bottom: 15px; } .bottom-link-list li { width: 50%; } .bottom-link-list li a { font-size: 14px; } .bottom-link { padding: 15px 0 1px 0; } .footer-a font { display: block; } .ewm { display: inline-block; float: none!important; margin: 0 10px; } .footer { padding: 20px 0; } .hz-link { width: 160px; height: 40px; margin: 30px 0; line-height: 38px; } .jy-box { margin-top: 15px; padding: 20px 15px 20px 15px; } .jy-one img { width: 100%; } .jy-tt { margin-bottom: 15px; } .jy-back { margin-top: 20px; height: auto; padding: 20px 0; } .jy-back-list li { width: 100%; margin-bottom: 15px; } .jy-back-tt { font-size: 24px; margin-bottom: 15px; } .jy-bottom-row .col-xs-6 { width: 100%; padding: 0 15px; } .jy-bottom-row { margin: 20px -15px; } .jy-bottom-list li a { font-size: 14px; } .jy-bottom-list li { width: 100%; line-height: 30px; } .jy-bottom-more { position: static; display: inline-block; margin-top: 10px; margin-bottom: 25px; left: 0; top: 0; bottom: 0; } .jy-bottom-tt { font-size: 24px; } .jy-list-p { line-height: 25px; height: 75px; font-size: 14px; } .ky-tabs-back:before { display: none; } .ky-left { width: 100%; float: none!important; } .ky-left-tt { height: 50px; line-height: 50px; font-size: 24px; } .tabs-ky li { width: 50%; float: left; padding: 0 10px; } .tabs-ky { margin: 0 -10px; } .tabs-ky li a { width: 100%; margin: 0; } .ky-tabs-right { margin-left: 0px; margin-top: 20px; } .ky-link li { width: 33.333333%; } .ky-tabs-back { height: auto; padding: 20px 0; } .tabs-ky li a { height: 40px; line-height: 38px; padding: 0; text-align: center; } .tabs-ky li a span { padding: 0; background: none; } .ky-link { padding-top: 15px; } .ky-link li a span { display: inline-block; height: 60px; width: 60px; margin-bottom: 15px; line-height: 60px; } .ky-link li { margin-bottom: 15px; } .cg-back { background: none; box-shadow: none; height: auto; padding-top: 20px; margin-top: 0; } .cg-width { width: 100%; } .cg-p p { line-height: 30px; } .cg-list { position: static; margin: 20px auto; width: 100%; } .cg-list li a { width: 100%; } .jl-list li { width: 100%; margin-bottom: 20px; } .cg-width-tt { margin-bottom: 10px; } .cg-list li { width: 50%; } .jl-list-tt { margin-top: 10px; } .jl-more { margin: 10px 0 40px 0; } .jl-list { margin-top: 20px; } .list-img { display: none; } .list-left, .list-right { width: 100%; margin-top: 20px; } .list-right { margin-top: 0; } .nav-b { display: none; } .news-ul li a { font-size: 14px; height: 40px; line-height: 40px; margin-top: 15px; padding-left: 15px; } .pagination { margin: 20px 0; } .list-header .nav-box { background: rgba(255, 255, 255, 0.8); } .list-header .nav-list li { width: 100%; } .list-header .nav-list li a { color: #555; } .list-banner { height: auto; padding: 150px 0 50px 0; } .list-banner-tt { font-size: 24px; } .list-banner-p { font-size: 14px; line-height: 25px; } .list-banner-lind { margin: 15px 0; } .article-header { height: 50px; line-height: 50px; } .article-left { font-size: 24px; } .article-box { padding: 20px; margin: 20px 0; } .article-tt { font-size: 18px; } .article-date span { padding-left: 20px; } .artcile-bottom { margin: 20px -15px 5px -15px; } .artcile-bottom .col-xs-6 { width: 100%; margin-bottom: 15px; } .artcile-bottom .col-xs-6 .text-right { text-align: left; } .article-p { padding-top: 20px; } .sz-header-left { padding: 15px 25px; } .sz-header { margin: 20px 0; } .sz-tt { font-size: 24px; } .sz-lind { margin: 15px 0; } .sz-p { font-size: 14px; line-height: 25px; } .sz-link { height: 40px; width: 160px; margin: 20px 0; line-height: 40px; } .sz-title { margin-top: 30px; font-size: 24px; padding-left: 100px; float: none!important; width: 200px; } .sz-title:before { height: 4px; margin-top: -2px; right: 110px; } .sz-box:before { left: 0; top: 85px; right: 0; width: 100%; } .sz-right-box { width: auto; margin-left: -15px; margin-right: -15px; float: none!important; margin-top: 20px; padding: 15px; } .sz-box { height: auto; padding-bottom: 180px; } .js-list li div { font-size: 12px; height: auto; line-height: 20px; padding: 10px; } .js-list li.js-list-one div { font-size: 14px; height: auto; line-height: 30px; } .js-list li div a { font-size: 14px; } .js-list { margin-top: 20px; } .sz-back { padding: 20px 0; } .sz-back .col-xs-6 { width: 100%; } .sz-ld-tt { margin-bottom: 25px; } .sz-back-list li, .sz-right ul li { line-height: 35px; } .sz-back-list { padding: 15px 30px; margin-bottom: 20px; } .sz-right ul { padding: 15px 30px; } .sz-right { height: auto; padding-bottom: 50px; } .gg-back .news-width-ul li { width: 100%; padding-right: 0; } .gg-back .news-width-ul { margin-right: 0; padding-top: 20px; padding-bottom: 0; } .gg-back .news-width-ul:before { right: 0; } .gg-back { height: auto; padding: 25px 0; } .hh-tt { font-size: 24px; margin-bottom: 20px; } .slick-more { font-size: 16px; height: 45px; line-height: 45px; width: 150px; margin-top: 0; } .gg-back { margin-top: 30px; } .gl-list li { width: 100%; padding: 0 15px; margin-bottom: 15px; } .gl-list { padding: 30px 0 1px 0; } .gl-back-p { line-height: 25px; height: 50px; margin: 5px 0; } .gl-back { padding-bottom: 30px; } .news-width span.txt-elise { height: 40px; line-height: 40px; padding-left: 15px; } .slick-dots { bottom: 337px; } .gg-back .container { padding-bottom: 20px; } .xs-list li { width: 100%; } .xs-tt { margin: 15px 15px 0 15px; } .xs-tt a { font-size: 16px; } .xs-p { font-size: 14px; line-height: 25px; margin: 5px 15px 0 15px; } .xs-box { padding-bottom: 15px; } .xs-list li { margin-bottom: 20px; } .xs-bottom { margin-bottom: 40px; } .ds-list li { width: 50%; margin-top: 20px; } .ds-p { font-size: 14px; height: 25px; line-height: 25px; } .ds-box .ds-tt { margin-top: 10px; } .nav-down { position: static; margin: 0; padding: 0 10px; width: 100%; } .nav-list li:hover .nav-down { display: none; } .nav-list li span { display: block; position: absolute; right: 0; top: 0; height: 40px; width: 40px; text-align: center; padding-top: 12px; } } .bor_rad { padding: 25px 45px 0; } .bor_rad a { display: block; } .bor_rad img { border-radius: 50%; } .details { display: block; width: 23.7%; margin: 25px auto; border: 1px solid #dbdbdb; border-radius: 15px; text-align: center; padding: 2px 0; } .ds-list li:hover .details { background: #7e1615; color: #fff; } /*师资建设修改部分*/ .middle { position: relative; } .tutor { font-size: 40px; } .fl { float: left; } .fr { float: right; } .zs_tabs_left { width: 50%; height: 100%; background: rgba(0, 0, 0, 0.54); position: relative; } .line01 { width: 47.689%; background-color: #7e1616; height: 9px; position: absolute; top: 19.736%; } .zs_tabs_right { width: 50%; height: 100%; background: rgba(0, 0, 0, 0.68); position: relative; } .zs_tabs_right hr { width: 100%; border-color: #7e1616; position: absolute; } .line02 { top: 22.5%; } .line03 { top: 50.5%; } .organ { width: 100%; display: flex; flex-direction: row; } .organ_bg { width: 1490px; /* height: 800px; */ margin: 90px auto; position: relative; overflow-x: auto; } .organ_title { font-size: 30px; margin-left: 47px; } .organ_bot { background: url(../images/organ_bg911.png) no-repeat center; overflow-x: hidden; width: 1490px; height:800px; background-size: 1400px; } .organ_col01 { /*width: 50%;*/ position: relative; } .organ_col01 ul { margin: 125px 0 0 40px; position: relative; } .organ_col01 li { /*width: 33.053%;*/ width: 236px; height: 86px; border: 8px solid #fff; border-radius: 15px; text-align: center; line-height: 70px; margin-top: 15px; transition: all 1s; } .organ_col01 li:hover { transform: scale(1.1); } .organ_li01 { background-color: #ef6b00; } .organ_li02 { background-color: #00afef; } .organ_li03 { background-color: #22b99d; } .organ_li04 { background-color: #a650d3; } .organ_li05 { background-color: #e32f6c; } .organ_col01 li a { display: block; font-size: 18px; color: #fff; } .organ_col_fr { width: 715px; position: relative; margin: 88px 0; } .organ_col02 { /*width: 32.213%;*/ width: 230px; height: 595px; position: relative; margin-left: 92px; } .organ_col02 li { /*width: 59.13%;*/ width: 136px; height: 136px; border: 8px solid #fff; border-radius: 50%; text-align: center; position: absolute; transition: all 1s; } .organ_col02 li:hover { transform: scale(1.1); } .organ_col02 li a { display: block; color: #fff; font-size: 18px; padding: 24% 10%; } .organ_li06 { background-color: #22b99d; left: 0px; top: 3px; } .organ_li07 { background-color: #e32f6c; right: -10px; top: 95px; } .organ_li08 { background-color: #ef6b00; right: -42px; top: 229px; } .organ_li09 { background-color: #00afef; left: 112px; top: 365px; } .organ_li010 { background-color: #a650d3; left: 15px; top: 468px; } .organ_col03 { /*width: 44.818%;*/ width: 330px; height: 570px; position: relative; margin-left: 0px; } .organ_col03 li { /*width: 62.5%;*/ width: 200px; height: 35px; line-height: 35px; border-radius: 15px; text-align: center; margin-top: 6px; transition: all 1s; } .organ_col03 li:hover { transform: scale(1.1); } .organ_col03 li a { display: block; /*color: #22b99d;*/ color: #fff; font-size: 16px; /*font-weight: bold;*/ /*text-shadow: 1px 0px #fff, 0px 1px #fff;*/ } .organ_col03 .organ_li10 { background-color: #22b99d; margin-top: -46px; } .organ_li11 { background-color: #22b99d; margin-left: 30px; } .organ_li12 { background-color: #22b99d; margin-left: 66px; } .organ_col03 .organ_li13 { background-color: #e32f6c; margin: 21px 0 0 110px; } .organ_col03 .organ_li14 { background-color: #e32f6c; margin-left: 140px; } .organ_col03 .organ_li15 { background-color: #e32f6c; margin-left: 160px; } .organ_col03 .organ_li13 a { /* color: #e32f6c;*/ color: #fff; } .organ_col03 .organ_li16 { background-color: #ef6b00; margin: 32px 0 0 162px; } .organ_col03 .organ_li17 { background-color: #ef6b00; margin-left: 160px; } .organ_col03 .organ_li18 { background-color: #ef6b00; margin-left: 145px; } .organ_col03 .organ_li14 a { /* color: #ef6b00;*/ color: #fff; } .organ_col03 .organ_li19 { background-color: #00afef; margin: 30px 0 0 120px; } .organ_col03 .organ_li15 a { /* color: #00afef;*/ color: #fff; } .organ_li16* { background-color: #00afef; margin-left:80px; } .organ_col03 .organ_li16 a { /* color: #00afef;*/ color: #fff; } .organ_col03 .organ_li20 { background-color: #a650d3; margin: 58px 0 0 100px; } .organ_col03 .organ_li21 { background-color: #a650d3; margin-left: 70px; } .organ_col03 .organ_li22 { background-color: #a650d3; margin-left: 35px; } .organ_col03 .organ_li23 { background-color: #a650d3; margin-left: 15px; } .organ_col03 .organ_li24 { background-color: #a650d3; margin-left: -15px; } .organ_col03 .organ_li17 a { /* color: #00afef;*/ color: #fff; } @media (max-width: 1499px) { .jd-tt { height: 1.7em!important; line-height: 1.7em; } .ld-ul { margin-left: 63px; } } @media (max-width:1279px) { .jd-tt { height: 1.3em!important; line-height: 1.3em; } } @media (max-width:991px) { .jd-tt { height: 2em!important; line-height: 2em; background: #7E1616; } .ds-list li { width: 48%; } .nav-b{ display:none; } } @media (max-width:768px) { .details { width: 35%; } .jd-tt { height: 2em!important; line-height: 2em; } } @media (max-width:425px) { .jd-tt { height: 1.7em!important; line-height: 1.7em; } .bor_rad { padding: 15px 30px 0; } .details { width: 35%; } } @media (max-width:375px) { .jd-tt { height: 1.5em!important; line-height: 1.5em; } .bor_rad { padding: 5px 20px 0; } .details { margin: 10px auto; } } .container.search-from { position: absolute; left: 0; top: 80px; height: 144px; padding-top: 55px; width: 100%; background: #fff; z-index: 999; } .bg-blue { background-color: #007bff; } .bg-indigo { background-color: #6610f2; } .bg-purple { background-color: #6f42c1; } .bg-pink { background-color: #e83e8c; } .bg-red { background-color: #dc3545; } .bg-orange { background-color: #fd7e14; } .bg-yellow { background-color: #ffc107; } .bg-green { background-color: #28a745; } .bg-teal { background-color: #20c997; } .bg-cyan { background-color: #17a2b8; } .bg-white { background-color: #fff; } .bg-light { background-color: #f8f9fa; } .bg-dark { background-color: #343a40; } .bg-gray { background-color: #6c757d; } .bg-gray-dark { background-color: #343a40; } .bg-primary { background-color: #007bff; } .bg-secondary { background-color: #6c757d; } .bg-success { background-color: #28a745; } .bg-info { background-color: #17a2b8; } .bg-warning { background-color: #ffc107; } .bg-danger { background-color: #dc3545; } /* Zoom In */ .youthImg, .zoomin { overflow: hidden; } a img, .youthImg a img, .zoomin picture img, .zoomin a img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; } a:hover img, .youthImg a:hover img, .zoomin picture:hover img, .zoomin a:hover img { -webkit-transform: scale(1.03); transform: scale(1.03); } .news-ul li { /* line-height: 60px; border-top: 1px solid #e5e5e5; text-align: left; padding-right: 100px; color: #999999; */ position: relative; transition: all 0.3s; top: 0; } .news-ul li:hover{ top: -5px; transform:scale(1.01); /* transition:all 0.5s ease, color 1s 0.5s easeOutQuint; */ } .list-left-ul li a { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; } .list-left-ul li a:hover { border-radius: 6px; background: #8d1d2d; color: #fff; font-weight:700; font-size: 1.01em; transform:scale(1.01); } a:hover { text-shadow: 0 1px 1px rgb(0 0 0 / 20%); }