@charset "utf-8"; .white{ color: #fff; } /*banner*/ /* Browser Resets *********************************/ .banner{ width:100%; height:99.95vh; z-index:100; overflow: hidden; /* box-shadow: 0px 6px 6px #aaa; */ } .tab{ overflow: hidden; } .yx{ margin-right: 100px; } .imglink{ text-align: center; } .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li { -webkit-backface-visibility: hidden;position:relative} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides > li.clone{position:relative} .flexslider .slides img {width: 100%; display: block;height:650px;} .flexslider .slides > a{display: block;width: 100%;height: 0;padding-bottom: 62.81%;overflow: hidden;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider { position: relative;zoom:1; overflow: hidden;} .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; overflow: hidden;} .carousel li { margin-right: 10px; } .flexslider .slides > li a{display: block;} /*.flex-active-slide a img{ transition: transform 6000ms linear 0s; -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}*/ /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a { text-decoration: none; display: block; width: 75px; height: 74px; position: absolute; top: 85%; z-index: 7; overflow: hidden; cursor: pointer; text-align: center; margin-top: 0px; /* background: #090e00; */ /* background-color: rgba(0,0,0,0.3); */ line-height: 78px; border-radius: 50%; /*background: url(../img/nm1.png) #090c0094 center center no-repeat;*/ padding: 5px; margin-top: -38px; box-sizing: unset; } #dj .date{ background-color: #b40b0c; } #dj .date .big{ background-color: #b40b0c; } .flex-direction-nav .flex-prev {/* left:55px; */right: 180px;} .flex-direction-nav .flex-next {right: 90px;/* left: 150px; *//* background: url(../img/qm.png)center center no-repeat; */} .flex-direction-nav .flex-disabled { cursor: default; } .flex-direction-nav a:hover{color:#fff;background-color: rgba(0,0,0,0.6);} /* Pause/Play */ .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:#ddd} /*.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } */.flex-pauseplay a:hover { opacity: 1; } /*.flex-pauseplay a.flex-play:before { content: '\f003'; } *//* Control Nav */ .flex-control-nav {width: auto; padding: 10px 15px; background: rgba(0,131,185,.6); height: 9px; border-radius: 20px; position: absolute; bottom:29px; right:50%; margin:0 -600px 0 0; text-align: center ; z-index:98; } .flex-control-nav li {margin: 0 7px 0 ; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 8px; height:8px; display: block; cursor: pointer; text-indent: -9999px;border-radius:8px;background: #ffffff; } .flex-control-paging li a:hover,.flex-control-paging li a.flex-active { background: #e3bb1d; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} .banner{width: 100%;overflow: hidden;position: relative;height: 650px;} .banner .flexslider .slides li a{position: relative;height: 650px;} .till-slides{position: absolute;z-index: 8;right: 2%;width: 60px;bottom: 15px;} .till-slides h3{ font-size: 20px; height: 30px; line-height: 21px; overflow: hidden; color: #fff; text-shadow: 3px 5px 16px rgba(0,0,0,0.8); width: 100%; margin-bottom: 22px; text-align: center; background: #090e00; background-color: rgb(0 0 0 / 50%); } .till-slides a{ height: auto!important; } .banner .flexslider .slides li a:after{z-index: 7;content: '';clear: both;left: 0;bottom: 0;width: 100%;height: 200px;/*background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6));*/display: block;position: absolute;} .fa-lg { font-size: 1.17em!important; line-height: .54em!important; vertical-align: -18%!important; } .container{ width:100%; background: #fff; position: relative; } .header{ transition: all 0.3s ease-in-out; background-image: linear-gradient(to top, rgba(0,0,0,0), rgb(80 80 80 / 70%)); padding-bottom: 70px; position: absolute; left: 0px; top: 0px; z-index: 1000; width: 100%; } .logo-nav { width: 94%; /* max-width: 1600px; */ margin:0 auto; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .gp-fl { /* float: left; */ } .gp-clearFix { clear: both; } .gp-fr { float: right; } .gp-nav-horizontal > li { display: inline-block; position: relative; } .gp-f18 { font-size: 18px; } .gp-subNav { width: 100%; overflow: hidden; display: none; } .gp-nav-horizontal .gp-subNav { position: absolute; left: -25%; top: 50px; background: #fff; } .gp-subNav dd a { padding: 10px 14px; display: block; line-height: 1.5; font-size: 18px; text-align: center; } .gp-logo1{margin-top: 24px;transition: padding 0.3s ease-in-out;} .gp-logo1 a{display: inline-block;*zoom:1;*display: inline;vertical-align: middle;position: relative;z-index: 9999;} .gp-logo1 a img{ height: 77px; } .nav-box {margin-top: 7px;margin-right: 12px;} .gp-topRight1{height: 40px;line-height: 40px;text-align: right;*width: 800px;/* margin-bottom: 10px; *//* margin-right: 21px; */} .gp-topRight1 > a{color: #fff;opacity: 0.8;filter: alpha(opacity=80);display: inline-block;*display: inline;*zoom:1} .gp-topRight1 > span{color:#fff;margin:0 15px;opacity: 0.8;filter: alpha(opacity=80);} .gp-nav1{height: 50px;float: right;/* line-height: 50px; *//* width: 68%; */} .gp-nav1 > ul > li{width: auto;height: 50px;line-height: 50px;float: left;margin-top: 11px;} .gp-nav1 > ul > li > a{display: block;padding: 0px 10px;color:#fff;font-size: 22px;text-align: center;} .gp-nav1 > ul > li > a > span{ font-size: 12px; } .gp-nav1 > ul > li.on .gp-subNav{display: block;} .gp-nav1 > ul > li.on .gp-subNav dd a{color:#fff;padding:8px} .gp-nav1 > ul > li.on .gp-subNav dd a:hover{background-color: #eee;color:#900} .gp-nav-horizontal .gp-subNav{background-color: rgb(162,0,0,0.75);top: 50px;padding: 0;z-index: 99;width:150%;} /*效果17*/ nav{display: block;} .nav17 > li > a{display: inline-block;padding:0px 15px;height: 50px;line-height: 38px;display: inline;*zoom:1;position: relative;} .nav17 > li > a:before,.nav17 > li > a:after { position: absolute; left: 0; width: 100%; height: 1px; background: #cdcdcd; content: ''; opacity: 0; transition: opacity 0.3s, transform 0.3s; transform: translateY(-10px);} .nav17 > li > a:before {top: 0; transform: translateY(-10px);} .nav17 > li > a:after { bottom: 0; transform: translateY(10px); } /*.gp-nav1 > ul > li.on .gp-subNav { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn; }*/ .flipInY { -webkit-animation-name: flipInY ; animation-name: flipInY ; /*animation-duration: 0.6s; -webkit-animation-duration: 0.6s;*/ animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; display: block; } .icon-zuo,.icon-you{ font-size: 80px; } .icon-zuo:before { content: " "; background: url(../xsgzimg/nm1.png) center center no-repeat; background-size: auto 100%; display: block; width: 100%; height: 100%; } .icon-you:before{ content: " "; background: url(../xsgzimg/nm2.png) center center no-repeat; background-size: auto 100%; display: block; width: 100%; height: 100%; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .gp-overlay { width: 100%; height: 100%; position: fixed; top: 0; z-index: 800; background: #000; opacity: 0.8; filter: alpha(opacity=80); display: none; left: 0; } .gp-topRight1{ height: 30px; line-height: 30px; text-align: right; width: 285px; /* margin-bottom: 10px; */ /* margin-right: 21px; */ float: right; margin-top: 6px; margin-bottom: 6px; } .gp-topRight1 > a{ color: #fff; opacity: 0.8; filter: alpha(opacity=80); display: inline-block;* display: inline; margin-left: 10px; zoom:1; margin-left: 14px; font-size: 16px; } .gp-topRight1 > span{color:#fff;margin:0 15px;opacity: 0.8;filter: alpha(opacity=80);} .gp-ser { width: 100%; height: 28px; z-index: 9999994; margin: 0 auto; position: relative; } .gp-topRight1 .btn{width: 40px;height: 25px;border:none;position: absolute;outline:none;right: 0;font-size: 14px;color: #fff;background: url(../images/sousuo.png) center no-repeat;cursor: pointer;top: 0px;} .gp-topRight1 .test{width: 180px;padding: 1px 50px 1px 15px;background: none;border: none;height: 25px;outline: none;color: #fff;} .gp-topRight1 .search{float: left;width: 180px;position: relative;margin: 0 0 0 15px;margin-left: 0;border: #fff 1px solid;border-radius: 36px;} .gp-search { width: 220px; overflow: hidden; display: inline-block; vertical-align: middle; transition: all 0.35s ease-in-out; border: 1px solid #ccc; } .main2{ width: 100%; overflow: hidden; height: 600px; background:url("../images/jjbj.png") right top no-repeat; background-size: 100% 80%; margin-top: 20px; } .innertop{ width: 80%; max-width: 1400px; margin: 0 auto; margin-top: 60px; } .jjpt{ width: 100%; height: 480px; } .jjqy{ width: 75%; float: left; height: 480px; position: relative; } .jjxw{ width: 25%; float: right; height: 480px; } .jjxw ul li{ width: 100%; height: 120px; border-bottom:1px solid #eee; } .wxcbox{ float: left; width: 100%; height: 100%; background: #fff; padding: 20px; } .wxttime{ font-size: 14px; height: 20px; line-height: 20px; } .wxtitle{ font-size: 20px; height: 25px; line-height: 25px; overflow: hidden; margin-top: 10px; } .wxvicetitle{ height: 50px; line-height: 25px; font-size: 15px; overflow: hidden; } #fadetab1 .tabon .wxcbox{ background-color: #0067b8; color: #fff; } #fadetab1 .tabon{ background-image: none; } .wximg{ float: right; width: 30%; height: 100%; } .wximg img{ width: 100%; height: 100%; } .conbox{ width: 100%; height: 160px; position: absolute; bottom:0; padding-left: 5%; padding-right: 5%; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgb(8,54,130,0.7)); } .jjtitle span{ display: block; width: 90px; text-align: center; font-size: 18px; height: 30px; line-height: 30px; color: #fff; background:#004ea2; border-radius: 8px; } .jjbt{ height: 40px; line-height: 40px; font-size: 20px; color: #fff; overflow: hidden; } .jjcon{ height: 60px; line-height: 20px; font-size: 15px; color: #fff; text-align: justify; } .gp-search2 { width: 0; border: none; } .gp-search2.active { width: 200px; border: 1px solid #ccc; } .gp-search input, .gp-search button { position: absolute; height: 28px; line-height: 28px; border: none; background: none; top: 0px; overflow: hidden; } .gp-search input.notxt { color: #fff; width: 82%; left: 0; padding-left: 2%; font-size: 14px; } .gp-search .notxt1 { position: absolute; width: 15%; right: 0; cursor: pointer; color: #fff; } /*banner part*/ div.img{ position:relative; } .homea { padding: 40px 0 0px; } .homef{ background-color: #004ea2; } .part{ display: flex; } .part a:hover{ color: #c1ddff; } .hm{ background: url(../images/ding.jpg) no-repeat center fixed; background-size: cover; position: relative; z-index: 0; } .hm:before{ content: ""; background-color:rgba(3,45,79,.8); width: 100%; height: 100%; position: absolute; top: 0; display: block; z-index: -1; } .wp { width: 90%; margin: 0 auto; max-width: 1600px; padding: 0 20px; z-index: 2 /* clear: both; */; } .homea .newscon { margin-bottom: 45px; } .flex { display: flex; justify-content: space-between; flex-wrap: wrap; } .homea .newscon .aleft { position: relative; /* padding-bottom: 120px; */ width: 48%; float: left; } .homea .newscon .aleft .aaleft,.aaleft1{ position: relative; } .aaleft1{ /* margin-left: 45px; */ } .homea .newscon .aaright{ float: right; } .homea .newscon .aleft .pic { height: 256px; overflow: hidden; } .homea .newscon .aleft .pic a { position: relative; } .bg-mask .pic a { background-repeat: no-repeat; background-position: center; background-size: cover; height: 100%; display: block; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; } .none { display: none; } .homea .newscon .aleft .info { position: absolute; right: 4%; top: 179px; left: 4%; z-index: 5; box-shadow: 0 0 10px rgb(0 0 0 / 30%); padding: 12px 4% 15px; border-top: 10px solid #004ea2; background-color: #fff; } .homea .newscon .aleft .info a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; } .homea .newscon .aleft .info time { font-size: 20px; font-family: Adobe Hebrew; } .homea .newscon .aleft .info h4 { margin-top: 10px; margin-bottom: 10px; font-size: 18px; line-height: 25px; height: 50px; overflow: hidden; } .titline_b { position: relative; background-image: linear-gradient(#812DC0,#812DC0); background-position: 0 100%; background-size: 0 1px; background-repeat: no-repeat; transition: background-size .3s; } .homea .newscon .aleft .info p { color: #777; font-size: 14px; line-height: 1.6em; } .tips { position: absolute; left: -3px; top: -2px; z-index: 2; width: 32px; padding: 10px 5px; height: 72px; box-sizing: border-box; text-align: center; background: url(../images/more2.png) bottom center no-repeat; } .tips a { display: block; color: #fff; font-size: 14px; line-height: 1.2; } .news-right-item-title-cal a{ width: 60px; height: 20px; line-height: 20px; display: inline-block; background: #004ea2; color: #fff; font-size: 14px; border-radius: 20px; letter-spacing: 1px; text-align: center; transition: 0.3s; margin-left: 15px; font-family: "syst","黑体",SimSun,Arial,tahoma,arial !important; } .news-right-item-title-cal a:hover{ background: #427ab7; } .line2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .homea .newscon .aright { width: 49%; } .homea .newscon .aright .item { position: relative; padding: 22px 4% 35px; width: 48.5%; border-top: 10px solid #004ea2; background-color: #fff; background-repeat: no-repeat; transition: .3s; min-height: 249px; } .homea .newscon .aright .item a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; } .titline_w { position: relative; background-image: linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,.5)); background-position: 0 100%; background-size: 0 1px; background-repeat: no-repeat; transition: background-size .3s; } .homea .newscon .aright .item h4 { margin-top: 10px; margin-bottom: 15px; font-size: 20px; line-height: 1.5em; } .homea .newscon .aright .item p { color: #777; font-size: 14px; line-height: 1.6em; } .line3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .news-wrap-title { text-align: center; padding: 40px 0 60px 0; font-size: 24px; color: rgb(202, 202, 202); } .news-wrap-title span { font-size: 32px; color: #fff; height: 40px; } .newsleft{ width: 49%; height: auto; position: relative; } .aos-init{ /* margin-left: 30px; */ } .newsleft .news-right-item{ /* margin-top: 94px; */ position: absolute; bottom: 0; } .homea .newscon .aright .item:hover{background-color:#004ea2} .homea .newscon .aright .item:hover span{color:#fff} .homea .newscon .aright .item:hover p{color:#fff;opacity:.8} .homea .newscon .aright .item:hover time{color:#fff} .homea .newscon .aaleft:hover .info h4 span{color:#004ea2} .homea .newscon .aaleft1:hover .info h4 span{color:#004ea2} .aaleft:hover .pic a{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);} .aaleft1:hover .pic a{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);} .homea .newscon .aright .item:nth-child(1) { margin-bottom: 22px; /* background-image: url(../images/abg1.png); */ /* background-position: right bottom; */ } .homea .newscon .aright .item:nth-child(2) { margin-bottom: 22px; /* background-image: url(../images/abg1.png); */ /* background-position: right bottom; */ } .gp-f16 { font-size: 18px; } .more {text-align: center;margin-top: 80px;} .more > a{display: inline-block;margin:0 10px;position: relative;overflow: hidden;border: 1px solid #004ea2;} .more > a > span{display: inline-block;padding:10px 40px;background: none;color: #666; transition: all 0.4s;} .more > a:before{position: absolute;top: 0;left: 0;z-index: -1;padding: 10px 20px; width: 100%; height: 100%; background: #004ea2; color: #fff; content: attr(data-hover); transform: translateX(-100%);transition: all 0.4s;box-sizing: border-box; opacity: 0;text-align: center;} .more > a:hover > span{transform: translateX(100%);color: #666;} .more > a:hover:before{transform: translateX(0);opacity: 1;z-index: 0;} .more2 > a{border: 1px solid #fff;} .more2 > a > span{color: #fff;} .more2 > a:before{background: #fff;color:#004ea2;} .more2 > a:hover > span{color: #fff;} .activity-sketch-content { width: 90%; height: auto; margin: 0 auto; margin-top: 20px; position: relative; } .activity-slide-wrap { height: 100%; width: 100%; } #activity-swiper { height: 100%; } .activity-slide-wrap-item { height: 430px; width: 31.33%; margin-right: 3%; background: #fafafa; float: left; box-shadow: 0 0 12px rgb(0 0 0 / 15%); position: relative; margin-top: 50px; opacity: 0; cursor: pointer; } .activity-slide-wrap-item:hover .activity-slide-wrap-item-img > img { transform: scale(1.1); } .activity-slide-wrap-item:hover .activity-slide-wrap-item-title { color: #004ea2; } .activity-slide-wrap-item-time { position: absolute; bottom: 160px; left: 0px; width: 100px; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 14px; font-weight: bold; background: rgba(0, 78, 162, 0.8); border-top-right-radius: 10px; } .activity-slide-wrap-item:nth-child(3) { margin-right: 0px; } .activity-slide-wrap-item-img { width: 100%; height: 270px; overflow: hidden; } .activity-slide-wrap-item-img > img { transition: all 0.4s linear; } .activity-slide-wrap-item-title { padding: 20px; font-size: 18px; font-weight: bold; color: #333; transition: all 0.2s linear; } .activity-slide-wrap-item-titlebar { width: 100%; height: 4px; background: linear-gradient(to right, #42c3b7, #004ea2); /* background:linear-gradient(to right,#4fc071,#fff); */ } .activity-slide-wrap-item-des { font-size: 13px; color: #a3a2a2; line-height: 26px; padding: 0 20px; } .perv-next-button-wrap { position: absolute; top: -20px; right: 0px; width: 100px; } .swiper-button-activity-prev { left: 30px; width: 30px; height: 30px; background: url("../images/page_pre.png") no-repeat; background-size: cover; } .swiper-button-activity-next { right: 0px; width: 30px; height: 30px; background: url("../images/page_next.png") no-repeat; background-size: cover; } .news-title span { font-size: 32px; color: #333; height: 40px; } .news-title{ padding: 80px 0 20px 0; } .homec{ background-size: cover; /*background: #f5f5f5;*/ padding-bottom: 60px; } .list_box5{margin:0 -.875rem;/* margin-top: 40px; */} .list_box5 li{ float:left; width:25%; padding:0 .875rem; margin-bottom:1.5rem} .list_box5 li a{ display:block; background:#fff; padding:2rem 1.25rem 2.5rem; border-top:#004ea2 4px solid; position:relative; transition:.6s} .list_box5 li a:before{ content:""; position:absolute; top:0; left:0; right:0; height:0; transition:.5s} .list_box5 li a:after{ content:""; position:absolute; width:8rem; height:2.3125rem; background-size:cover !important; top:0; right:0} .list_box5 li a .time{font-size:1.25rem;color:#004ea2;font-weight:bold;position:relative;transition:.6s;} .list_box5 li a h5{font-size:1rem;color:#333333;line-height:1.625rem;height:3.25rem;margin:.875rem 0 0;position:relative;transition:.6s;} .list_box5 li a:hover:before{ background:#004ea2; height:100%} .list_box5 li a:hover .time{ color:#fff} .list_box5 li a:hover h5{ color:#fff} .list_box5 li a:hover{ transform:translateY(-.5rem);} .overfloat-dot-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .special-activity-content { width: 100%; margin: 0 auto; padding-top: 20px; } .special-activity-content-item { width: 28%; height: 200px; float: left; background: #29a14d; margin-right: 2%; margin-bottom: 20px; overflow: hidden; position: relative; margin-top: 30px; opacity: 0; } .hdyth-con-li-box { display: block; height: 100%; /* margin: 0 30px; */ background-color: #ffffff; box-shadow: 0 0 15px #aaaaaa; } .hdyth-con-li-box1 { display: none; height: 100%; /* margin: 0 30px; */ background-color: #004ea2; box-shadow: 0 0 15px #aaaaaa; } .hdyth-con-li-box1 .sjdd{ padding: 38px 20px 20px 20px; height: 130px; line-height: 35px; text-align: center; font-size: 17px; color: #fff; } .hdyth-con-li-lm { width: 230px; height: 19px; background: url("../images/brs.png") no-repeat 105px 10px; font-size: 14px; line-height: 19px; text-align: center; float: right; } .hdyth-con-li:hover .hdyth-con-li-box{ background: #004ea2; display: none; } .hdyth-con-li:hover .hdyth-con-li-box1{ display: block; } .hdyth-con-li:nth-child(4){ margin-right: 0px; } .hdyth-con-li-lm1{ width: 80px; height: 25px; background: #004ea2; font-size: 14px; line-height: 25px; text-align: center; float: left; } .hdyth-con{ margin-top: 20px; } .hdyth-con-li-lm1 a { color: #fff; } .hdyth-con-li-nr { box-sizing: border-box; padding: 12px 25px 0 25px; } .hdyth-con-li-nr a { display: block; height: 100%; } .hdyth-con-li-nr .li-nr-time { float: left; color: #004ea2; margin-right: 18px; font-family: "Times New Roman"; background: url("../images/line.png") no-repeat center; } .hdyth-con-li .hdyth-con-li-nr .li-nr-time .yueri { font-size: 28px; /* font-style: italic; */ } .hdyth-con-li .hdyth-con-li-nr .li-nr-time p:nth-child(1){ padding-bottom: 10px; } .hdyth-con-li .hdyth-con-li-nr .li-nr-time p:nth-child(2){ padding-top: 10px; } .hdyth-con-li .hdyth-con-li-nr .li-nr-tit { font-size: 17px; line-height: 30px; height: 60px; overflow: hidden; text-align: justify; color: #333333; text-overflow: -o-ellipsis-lastline; padding-top: 7px; /* text-overflow: ellipsis; */ /* display: -webkit-box; */ /* -webkit-line-clamp: 2; */ /* -webkit-box-orient: vertical; */ } /*.hdyth-con-li-box:hover .li-nr-tit{ color: #fff; }*/ .hdyth-con-li { width: 23.5%; height: 130px; float: left; margin-right: 2%; } .hdyth-con-li-box1 .hdyth-con-li-lm1{ background: #fff; } .hdyth-con-li-box1 .hdyth-con-li-lm1 a{ color: #004ea2; } .hdyth-con-li-box1 .hdyth-con-li-lm{ background: url("../images/brs1.png") no-repeat 105px 10px; } /*.hdyth-con-li-box:hover .li-nr-time{ color:#d8b95a; background: url("../images/line1.png") no-repeat center; } .hdyth-con-li-box:hover .hdyth-con-li-lm{ background: url("../images/brs1.png") no-repeat 105px 10px; } .hdyth-con-li-box:hover .hdyth-con-li-lm1{ background: #fff; } .hdyth-con-li-box:hover .hdyth-con-li-lm1 a{ color: #004ea2; }*/ .special-activity-content-item:nth-child(1) { background: url(../images/tshd1.jpg) no-repeat; background-size: cover; background-position: center; } .special-activity-content-item:nth-child(2) { background: url(../images/tshd2.jpg) no-repeat; background-size: cover; background-position: center; } .special-activity-content-item:nth-child(5) { background: url(../images/tshd5.jpg) no-repeat; background-size: cover; background-position: center; } .special-activity-content-item:nth-child(3) { float: right; margin-right: 0px; width: 40%; height: 420px; border-top-right-radius: 30px; background: url(../images/tshd4.jpg) no-repeat; background-size: cover; background-position: center; } .special-activity-content-item:nth-child(3) .special-activity-content-item-title { text-align: right; } .special-activity-content-item:nth-child(4) { border-bottom-left-radius: 30px; background: url(../images/tshd3.jpg) no-repeat; background-size: cover; background-position: center; } .friendly-link { width: 100%; height: 280px; overflow: hidden; background: #eee; } .special-activity-content-item-title { font-size: 22px; font-weight: bold; color: #efefef; padding: 20px; height: 100%; background: rgba(0, 0, 0, 0.5); transition: all 0.4s linear; cursor: pointer; } .special-activity-content-item-title:hover { background: rgba(0, 0, 0, 0); font-size: 28px; } .special-activity-content-item-desc { font-size: 14px; /* font-weight:bold; */ color: #FFF; position: absolute; bottom: 20px; right: 20px; width: 212px; line-height: 22px; text-align: right; border-top: 1px solid #ffffff; padding-top: 5px; transition: all 0.4s linear; z-index: 60; } .special-activity-content-item:hover .special-activity-content-item-desc { bottom: 40px; } .homed{ padding-bottom: 60px; } .bnuh-list8 { /* border-top: 2px solid rgb(153,0,0); */ transition: all 0.3s ease-in-out; display: block; overflow: hidden; padding-bottom: 20px; } .gp-avg-sm-3 > li { width: 25%; float: left; } .bnuh-list8 li > a { display: block; margin: 0 10px; padding: 45px 0 0; position: relative; } .bnuh-list8 li > a::before, .bnuh-list8 li > a::after { content: ''; width: 17px; height: 70px; /* background: url(../img/lineh.png) no-repeat bottom center; */ position: absolute; top: 0; z-index: 30; } .bnuh-list8 li > a::before { left: 15%; } .bnuh-list8 li > a::after { right: 15%; } .gp-img-responsive { width: 100%; height: 340px; overflow: hidden; display: block; position: relative; box-shadow: 3px 5px 15px rgba(0,0,0,0.5); } .gp-img-responsive:after { z-index: 10; content: ''; clear: both; left: 0; bottom: 0; width: 100%; height: 46%; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgb(0 0 0 / 84%)); display: block; position: absolute; } .gp-img-responsive img { width: 100%; transition: all 0.3s; max-width: none; height: 100%; } .gp-img-responsive img:hover { transform: scale(1.05); } .homee{ padding-bottom: 60px; } .footer { background: url(https://bs.bnu.edu.cn/images/ztbg.jpg) no-repeat; background-size: cover; color: #fff; } .fta { padding: 30px 0 30px; font-size: 14px; } .ftb { border-top: 1px solid #793131; font-size: 14px; padding: 5px 0; } .wp { width: 1250px; margin: 0 auto; max-width: 1460px; } .flex { display: flex; justify-content: space-between; flex-wrap: wrap; } .flex-v-center { display: -webkit-flex; display: flex; flex-direction: column; justify-content: center; } .fta .ftlogo img { height: 58px; display: block; margin: 0 auto; } .more1:hover { color: #900; text-decoration: none; } .ftar img { margin-bottom: 5px; } .fta .ftinfo p { padding: 4px 0; } .ftar{ margin: 10px; } .part a{ font-size: 16px; padding: 60px 0 0 0; text-align: center; width: 110px; color: #fff; border-left: 1px solid rgba(255,255,255,0.2); display: inline-block; white-space: nowrap; } .ftar .imglink:last-child img { border: none; max-width: 80px; } .fta .ftar .imglink a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; z-index: 5; } .ftb p span { display: inline-block; padding: 3px 0; margin-right: 20px; } .ftb p span a { position: relative; background-image: linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,.5)); background-position: 0 100%; background-size: 0 1px; background-repeat: no-repeat; transition: background-size .3s; } .footer .info { color: rgba(255,255,255,0.1); font-size: 12px; width: 100%; text-align: center; } .footer .info span { margin: 0 20px; color: #fff; font-size: 14px; } .news-right-item { width: 100%; height: 165px; background: #fff; border-top: 10px solid #004ea2; margin-bottom: 20px; box-shadow: 0 0 10px rgb(0 0 0 / 30%); overflow: hidden; position: relative; transition: all 0.2s linear; } .gp-container { max-width: 1400px; margin-left: auto; margin-right: auto; width: 1400px; } .listTitle{margin-bottom: 15px;} .titleColumn{display: inline-block;} .listTitle h2 {padding: 25px 0 13px;line-height: 1;position: relative;border-bottom: 1px solid #e5e5e5;font-weight: normal;} .listTitle h2::before{content: '';width: 42px;height: 3px;background-color: #900;position: absolute;left: 50%;bottom: -1px;transform: translateX(-50%);z-index: 1;} .listTitle h2::after{background: url(../images/title_bg.png);width: 58px;height: 90px;content: '';position: absolute;bottom: 0;left: 30px;z-index: 0;} .listTitle h2 span{position: relative;z-index: 10;color: #000;font-size: 32px;font-weight: bold;} .listTitle .en{display:block;font-family: 'Optima','Arial';color: #999;padding: 8px 0;text-align: center;display: block;font-size: 16px;} .more1{float: right;padding-top: 47px;color: #999;font-size: 14px;} .USTB_swiper1{position: relative;padding: 20px 0 0 20px;overflow: hidden;} .USTB_swiper1::before{background-color: #004a99;content: '';width: 64.5%;height: 40%;transform: skewX(-10deg);position: absolute;left: -30px;top: 0;z-index: 0;} .title{font-weight: normal;} .news_txt{padding: 15px 0;} .news_txt h3{margin-bottom: 12px;} .news_txt p{line-height: 26px;max-height: 52px;overflow: hidden;color: #666;margin-bottom: 20px;} .date{color: #900;font-family: 'Optima';} .date i{margin-right: 5px;color: #004a99;} .wrap_mode1 .USTB_dots {text-align: center;width: 100%;position: static;} .wrap_mode1 .USTB_dots span{width: 6px;height: 6px;border-radius: 50%;border: 1px solid #f39c0b;margin: 0 5px;background: none;opacity:1;} .wrap_mode1 .USTB_dots span.active{background: #f39c0b;} .USTB_swiper1 .swiper-wrapper{background-color: #e9eef3;} .USTB_swiper1:hover .title{color: #004a99;} .mode1 .rt{width: 32.6%;} .USTB_list1{/* position: relative; */padding: 2px 20px 0;background-color: #fff;} .USTB_list1::before{ /* content: ''; */ width: 100%; height: 2px; background:#004a99; background: -webkit-linear-gradient(left, #004a99 76%, #f39800); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #004a99 76%, #f39800); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #004a99 76%, #f39800); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #900 76%, #f39800); /* 标准的语法 */ position: absolute; left: 0; top: 0; } .USTB_list1 li{border-bottom: 1px solid #e5e5e5;position: relative;} .USTB_list1 li > a{display: block;padding: 6.5px 0;} .USTB_list1 li .date{margin-bottom: 3.5px;display: block;font-size: 14px;} .USTB_list1 li .title{line-height: 30px;height: 30px;overflow: hidden;font-size: 16.38px;} .USTB_list1 li::after{content: '';width: 0;height: 1px;background-color: #004a99;position: absolute;left: 0;bottom: 0;transition: all 0.36s ease-in-out;} .USTB_list1 li:last-child{border-bottom: none;} .wrap_mode2{padding: 0px 0 50px;position: relative;background: #e9eef3;overflow: hidden;} .gp-f30 { font-size: 20px; } .linkp { width: 14.5%; margin: 0 1% 0 1%; height: 70px; background: #ccc; float: left; margin-top: 30px; box-shadow: 2px 2px 6px #999; cursor: pointer; transition: all .2s linear; } .wrap_mode3{ overflow: hidden; /* padding-bottom: 25px; */ } .linkp:hover { box-shadow: 2px 2px 15px #888; } .mode2{position: relative;z-index: 10;} .mode2 .lf{width: 65.333%;} .mode2 .rt { width: 48.6%; } .lf{ float: left; } .rt{ float: right; } .USTB_swiper2{overflow: hidden;} .item_info2{background-color: #fff;display: block;padding: 20px 20px 30px;} .res_top{overflow: hidden;margin-bottom: 15px;} .res_top .resource{display: inline-block;vertical-align: middle;margin-right: 10px;} .res_top .resource img{max-height: 37px;display: inline-block;max-width: none;} .res_top .date{display: inline-block;} .item_info2 .title{line-height: 30px;height: 60px;overflow: hidden;margin-bottom: 18px;} .USTB_swiper2 .swiper-scrollbar{position: static;width: 80%;max-width: 185px;position: relative;margin: 20px auto 0;background: #fff;} .USTB_swiper2 .swiper-scrollbar-drag{background-color: #f39800;} .mode2 .rt{width: 31.6%;} .USTB_list3{margin: 0 -13px;} .USTB_list3 li{margin-bottom: 25px;} .USTB_list3 li >a {display: block;margin: 0 13px;background-color: #fff;padding: 20px 20px;position: relative;} .USTB_list3 li h3{height: 60px;overflow: hidden;line-height: 30px;margin-bottom: 13px;position: relative;margin-left: -20px;padding-left: 20px;} .USTB_list3 li h3::before{content: '';width: 2px;height: 100%;background-color: #e9eef3;position: absolute;left: 0;top: 0;} .USTB_list3 li >a::after{width: 100%;height:100%;position: absolute;background-color: #cdd7e2;left: 6px;top: 6px;content: '';z-index: 0;} .USTB_list3 li >a > *{position: relative;z-index: 10;} .USTB_list3 li >a::before{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;background-color: #fff;} .USTB_list3 li .bg1{position: absolute;width: 175px;height: 96px;background: url(../xsgzimages/md.png) no-repeat center;background-size:cover;right: 0;bottom: 0;opacity: 0;z-index: 3;} .gp-avg-sm-2 > li { width: 32%; } .USTB_list3 li >a:hover::before{background: #900;} .USTB_list3 li >a:hover *{color: #fff !important;} .USTB_list3 li >a:hover .bg1{opacity: 1;} .USTB_list1 li > a .date,.USTB_list1 li > a h3, .USTB_list1 li > a,.item_info2,.USTB_list3 li >a::before,.item_info7,.USTB_list8 li{transition: all 0.35s ease-out;} .USTB_list1 li > a:hover .date,.USTB_list1 li > a:hover .date i{color: #900;} .USTB_list1 li > a:hover .title{color: #900;} .USTB_list1 li > a:hover{transform: translateX(10px);} [class*="gp-avg"] > li { display: inline-block; *display: inline; *zoom: 1; font-size: 14px; vertical-align: top; } .item_info7{position: relative;padding: 10px 0 0 10px;overflow: hidden;margin-bottom: 20px;} .item_info7::before{content: '';width: 70%;height: 50%;transform: skew(-12deg);background-color: #006dcc;position: absolute;left: -40px;top: 0;z-index: 0;} .item_img7{position: relative;z-index: 5;} .item_txt7{position: absolute;width: calc(100% - 10px);box-sizing: border-box;padding: 0 15px;bottom: 20px;left: 10px;z-index: 10;color: #fff;} .item_txt7 a{color: #fff;font-size: 16px;} .news-right-item-title { width: 100%; height: 100%; cursor: pointer; background: url(../images/news-rbg8.png) left center no-repeat; background-size: cover; z-index: 2; position: absolute; top: 0px; left: 0px; } .ind_view { background:#fff; overflow: hidden; position: relative; width: 100%; max-width: 1400px; margin: 0 auto; } .ind_view .swiper-slide { overflow: hidden; } .ind_view_nr { width: 100%; max-width: 1400px; margin: 0 auto; padding-top: 25px; } .ind_view .pic { display: block; width: 100%; padding-top: 70%; background: #f1f1f1 no-repeat center/cover; position: relative; transition: 0.33s; } .ind_view .pic_b { background: #f6f5f5; color: #3e3a39; padding: 12px 15px; transition: 0.33s; font-size: 14px; position: relative; } .ind_view .pic_b .titl { font-size: 16px; height: 55px; line-height: 26px; margin: 20px 0; font-weight: bold; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .ind_view .pic_b .renwuj { padding: 30px 0 15px; overflow: hidden; border-top: #aeaeaf dashed 1px; } .ind_view .pic_b .renwuj_l { width: 50px; height: 50px; background: #fff no-repeat center/cover; float: left; border-radius: 50%; } .ind_view .pic_b .renwuj_r { margin-left: 70px; position: relative; padding-bottom: 10px; } .ind_view .pic_b .renwuj_r:before { content: ""; position: absolute; bottom: 0; left: 0; background: #1e4994; width: 45px; height: 1px; transition: 0.33s; } .ind_view .pic_b .renwuj_r h4 { font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ind_view .pic_b .renwuj_r h5 { font-size: 12px; height: 36px; line-height: 18px; color: #727171; transition: 0.33s; margin: 8px 0; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .ind_view a:hover .pic { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); } .ind_view a:hover .pic_b { background: #900; color: #fff; } .ind_view a:hover .pic_b .times1 b { color: #fff; } .ind_view a:hover .pic_b .renwuj { border-color: #d6a571; } .ind_view a:hover .pic_b .renwuj_r h5 { color: #d6a571; } .ind_view a:hover .pic_b .renwuj_r:before { background: #d6a571; } .ind_view.pic_b .times1 b { color: #900; } .ind_view a:hover .pic_b .times1 b { color: #fff; } .ind_view_more { margin-top: 45px; text-align: right; } .ind_view_more a { display: inline-block; color: #333; font-size: 16px; padding: 0px 0px; position: relative; z-index: 99; } .news-right-item-title-c { width: 82%; font-size: 18px; line-height: 28px; padding: 10px 20px; color: #333; /* color: #fff; */ transition: all 0.2s linear; } .news-right-item-title-c p { width: 77%; font-weight: bold; } .news-right-item-title-cal { padding: 0px 20px 0 20px; font-size: 18px; color: #333; font-family: Adobe Hebrew; /* color: #fefefe; */ } .news-right-item-img { width: 40%; height: 100%; position: absolute; top: 0px; right: 0px; z-index: 1; transition: all .4s; } .news-right-item-img img{ -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; } .news-right-item:hover .news-right-item-img img{ -webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05); } .tab li{ float: left; font-size: 20px; height: 30px; color: #a3a3a3; margin-bottom: 10px; margin-right: 10px; cursor: pointer; } .tabon{ color: #000!important; border-bottom: 3px solid; border-image: linear-gradient(to right, #990000, #ea6b0a) 1; } .news-right-item-summary{ padding: 10px 20px 0 20px; color: #777; font-size: 14px; line-height: 1.6em; width: 60%; } .gp-box{ display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: flex-end; } .tu_text { padding: 6px 0; margin: 0 auto; /* margin-top: 55px; */ } .tu_text .news_list li.news { margin-bottom: 40px; margin-top: 10px; width: calc(100% / 4 - 20px); /* float: left; */ } .news_list li.news { line-height: 34px; padding-left: 0px; font-size: 16px; } .cj li{ border-bottom: 1px solid #e5e5e5; color: #000; } .cj li a:hover{ color: #900; } .tu_text .news_list li.news .news_imgs { /* float: left; */ width: 100%; /* margin-right: -175px; */ overflow: hidden; height: 250px; } .tu_text .news_list li.news .news_imgs a { height: 245px; display: table-cell; vertical-align: middle; background-color: #efefef; } .tu_text .news_list li.news .news_imgs img { width: 100%; height: auto; min-height: 100%; transition: 0.33s; } .tu_text .news_list li.news .news_wz { width: 100%; background: #f6f5f5; } .tu_text .news_list li.news .news_wz .news_con { /* margin-left: 175px; */ padding: 0px 0px; position: relative; } .tu_text .news_list li.news .news_title { line-height: 24px; font-size: 16px; } .con .news_list .news_title a { display: block; width: 100%; font-size: 15px; line-height: 40px; color: #313131; max-height: 80px; overflow: hidden; text-overflow: ellipsis; white-space: normal; } .tu_text .news_list li.news .news_time { line-height: 26px; font-size: 12px; } .tu_text .news_list li.news .news_text { line-height: 24px; font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 48px; color: #666; } .tu_text .news_list li.news .news_text a { color: #767676; } .post11 .con { padding: 6px 0; margin: 0 auto; margin-top: 7px; } .post-11 .con .news_list .news { margin: 20px 0; position: relative; /* border: 1px solid; */ /* border-bottom: 1px solid #e5e5e5; */ } .post-11 .con .news_list .news_meta { float: left; margin: 0; width: 60px; height: 60px; color: #9c9c9c; } .post-11 .con .news_list .news_meta .sudy-pubdate { width: 60px; height: 60px; border-radius: 0; border: none; background: #e9eef3 url(../xsgzimages/rili_bj.png) no-repeat; } .post-11 .con .news_list .news_meta .sudy-pubdate .pubdate-day { border: none; background: no-repeat; line-height: 30px; font-size: 24px; font-weight: bold; color: #900; padding-top: 5px; } .post-11 .con .news_list .news_meta .sudy-pubdate .pubdate-year { font-size: 12px; line-height: 30px; color: #313131; font-weight: normal; margin-top: 4px; } .post-11 .con .news_list .news_title { position: absolute; left: 60px; margin-left: 18px; } .post-11 .con .news_list .news_title a { display: block; width: 100%; font-size: 16px; line-height: 30px; color: #313131; max-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: normal; } .mode3 .lf { width: 65%; } .mode3 .rt { width: 32%; } .sudy-pubdate span { display: block; width: 100%; font-family: Tahoma, Geneva, sans-serif; text-align: center; } .sudy-pubdate span.pubdate-day { height: 20px; } .con .news_list .news_title a:hover { color: #900; } .news_imgs a img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); } .yxbox{ width: 100%; display: flex; flex-wrap: nowrap; align-items: flex-end; justify-content: flex-end; flex-direction: row; } .pt-list{ display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; } .pt-list li img{ width: 184px; height: 184px; display: block; margin: 0 auto; border-radius: 50%; padding: 10px; border:2px solid #900; transition: all 0.25s ease-out; } .pt-list li img:hover{ transform: scale(1.02); } .ptname{ width: 130px; height: 42px; line-height: 42px; font-size: 18px; font-weight: bold; background-image: linear-gradient(to top, #ff0707, #900); text-align: center; color: #fff; position: relative; margin: 0 auto; margin-top: -23px; } .tu_text .news_list{ display: flex; flex-wrap: nowrap; justify-content: space-between; flex-direction: row; } .ljlist{ display: flex; margin-top: 20px; flex-wrap: wrap; justify-content: space-between; } .ljlist li{ color: #750000; font-size: 16px; cursor: pointer; font-weight: bold; padding: 5px 0; float: left; width: 100%; height: 50px; line-height: 45px; margin-top: 10px; text-align: center; background: #eee; transition: all .3s linear; } .ljlist li a{ color: #750000; } .ljlist li:hover{ color: #eee; background: #750000; } .ljlist li:hover .lja{ color: #eee; } .tu_text .news_list .news_title a{ height: 80px; padding: 0 15px; } .goup-container{ background-color: #900!important; } @media screen and (max-width: 1550px){ body,html{ width: 1550px!important; } }