/*首页*/ .wrapper{width:100%;margin:0 auto;} .header.on{background-color:#105397} div#container-2{background:#f6f6f6} div#container-5{background-color:#f6f6f6} .wrapper .inner{width:1400px;margin:0 auto; min-width:1400px;} #headtop{background:#666} .headtop .top-left{float:left} .headtop .top-right{float:right} .header{border-bottom:none;height:auto;line-height:inherit;position:fixed;top:0;z-index:100} .header .inner{position:relative;width:1550px} .header .sitelogo{float:left;margin-top:10px} .header .sitelogo span{position:relative;font-size:inherit;font-weight:400} .header .sitelogo span a{color:transparent;margin:0} .header .sitelogo h1{font-size:inherit;font-weight:400;background:0 0;padding-left:0} .header .sitelogo .sitetitle{display:inline-block;margin-top:28px;margin-left:10px;font-size:32px;font-weight:700;color:#fff} .header .head-left{float:left;display:inline-block} .header .head-main{float:left;margin-top:10px} .header .head-right{float:right;margin-top:9px} .site-rale ul li.links{float:left} .site-rale ul li.links a{line-height:35px;padding:0 12px 0 12px;padding-left:19px;font-size:13px;color:#cad3d4;} .site-rale ul li.links a:hover{color:#fff} .site-rale ul li.links.i1 a{background-position:0 0} .site-rale ul li.links.i2 a{background-position:-60px 0} .site-rale ul li.links.i3 a{background-position:-117px 0} .site-rale ul li.links.i4 a{background-position:-177px 0} .site-lang ul{float:right} .site-lang ul li.links{float:left} .site-lang ul li.links a{line-height:35px;margin:0 6px;font-size:14px;color:#fff} .site-lang ul li.links a:hover{color:#fff} .focus-container .focus-item a:before{content:"";display:block;width:100%;position:absolute;top:0;left:0;height:50%;z-index:1} .focus-container .focus-item a:after{content:"";display:block;width:100%;position:absolute;bottom:0;left:0;height:50%;background:url(../images/bannerbg.png);background-repeat-x:repeat;z-index:2} .head_top{position:relative;padding-right:30px} /*导航*/ .nav{ margin-top:20px; margin-right:-20px; } #nav .inner .wp-panel .navbg{position:absolute;z-index:-1;left:0;right:0;top:0;bottom:0;width:auto;height:100%;background:#fff;opacity:.7} .wp-menu{margin:0 auto} .wp-panel{position:relative} .nav .wp-menu .menu-item{display:inline-block;float:left;padding-bottom:0px; position: relative;} .nav .wp-menu .menu-item a>.menu-switch-arrow{display:none;width:20px;height:20px;vertical-align:middle} .nav .wp-menu .menu-item a.menu-link{display:inline-block;padding:0 19px;line-height:60px;color:#fff;font-size:18px;font-weight:400;position:relative;text-align:center} .nav .wp-menu .menu-item a.hover,.wp-menu .menu-item.hover a.menu-link{text-decoration:none;color:#eee} .nav .sub-menu{z-index:100; position: absolute; left: 0; top: 100%; display: none; width: 100%; background: #105397; } .nav .sub-menu .sub-item{position:relative;vertical-align:top} .nav .sub-menu .sub-item a{display:block;color:#fff;height:auto;line-height:36px;text-align:center;font-size:15px;} .nav .sub-menu .sub-item a:hover,.sub-menu .sub-item.hover>a{display:block} .nav .sub-menu .sub-item a:hover { background: #cee0ed; color: #0061aa; text-decoration: none; } .nav .sub-menu .sub-menu{left:100%;top:0;z-index:200;background:#fff} .nav .wp-menu .menu-item a.menu-link:after{content:"";border-bottom:0px solid #fff;margin-top:5px;display:block;width:56px;transition:all .2s ease-out 0s;transform:scaleX(0);left:50%;position:absolute;top:60px;margin-left:-28px} a.closed{display:block;width:32px;height:32px;position:absolute;background:url(../images/closed.png) no-repeat;top:84px;right:93px;background-size:100%} .nav .wp-menu .menu-item a.menu-link:before{content:"";border-left:0px solid #ffff;height:28px;transition:all .2s ease-out 0s;transform:scaleY(0);position:absolute;left:50%;top:67px;transform-origin:center top} .nav .wp-menu .on a.menu-link{background:#fff;color: #0061aa;} .wp-menu .menu-item:hover.have a.menu-link:before{transform:none} .wp-menu .menu-item:hover a.menu-link:after{transform:none} .sub-box .left{float:left;width:70%;display:flex} .sub-box .left .pic img{width:270px;height:176px} .sub-box .left .txt{flex:1;font-size:16px;color:#454545;padding-left:45px;line-height:32px} .sub-box{display:flex;justify-content:space-between} .sub-box .right{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:-7px} .sear_btn{width:25px;height:25px;float:right;background:url(../images/sous.png);position:absolute;top:5px;right:0;cursor:pointer;z-index:1} .fixbox.open{visibility:initial;opacity:1} .fixbox{position:fixed;z-index:999;left:0;overflow:hidden;transition:all .4s ease-out 0s;top:0;right:0;display:flex;flex-direction:column;justify-content:space-between;background-size:cover;bottom:0;background:#105397c7;opacity:0;visibility:hidden} .wp-search{width:800px;position:absolute;left:50%;transform:translate(-50%,-50%);top:50%;border-radius:20px;overflow:hidden} .search-input input{width:100%;line-height:59px;font-family:"微软雅黑";font-size:19px;border:none;padding-left:28px;box-sizing:border-box;overflow:hidden} .wp-search .search-btn{position:absolute;height:100%;width:80px;right:-1px;top:0;background:#} .wp-search .search-btn .search-submit{width:100%;height:100%;border:none;background:#b2a507 url(../images/sous.png) no-repeat center} /*栏目图片*/ .l-banner{height: 512px;background-position:center center;background-repeat:no-repeat;text-align:center;} .l-banner img{display:none;height:100%;vertical-align:top;} .banner{width: 100%;height: 420px;background:#eee; margin-top:120px;} .slider{width:1380px;margin: auto} .news{width:100%;height: auto; } .news1{width:100%;height: auto; background:#d1f0fd url(../images/new_bg1.png) no-repeat top center;} .newsContainer{width:1400px;margin: auto;padding:40px 0;} .xskb{width:100%;height:430px;} .xskbContainer{width:1400px;margin: auto;padding-top: 50px;overflow:hidden;} .titlenav{position: relative;overflow: hidden} .titlenav li{float: left;cursor: pointer} .xskbtxt,.tzggtxt,.mtcdtxt{width:1400px;margin:0 auto;padding-top: 50px;} .xsrw{width:100%;height:auto} .xsrwContainer{width:1400px;margin: auto;padding: 30px 0 60px;overflow: hidden;} .spwx{width:100%;height:500px;} .spwxContainer{width:1400px;margin: auto;padding: 65px 0;} .banner2{width:100%;height:400px;} .banner2 img{width:100%;height:400px;} .item01{width:310px;height:35px;display: inline-block} .item02{width:310px;height:35px;display: inline-block} .item03{width:320px;height:35px;display: inline-block} .navBox2{width:100%;height:45px;line-height: 45px;} .nav2{width:1400px;margin: auto;padding-top: 4px;} /*icon*/ .icon {float:left;width:30px;height:28px;margin-right:10px;} .icon.icon-zhxw {} .icon.icon-xkky {width:35px;height:35px;position:relative;top:-3px;} .icon.icon-cdrw {width:35px;height:35px;position:relative;top:-3px;} .xskb .icon {width:35px;height:30px;margin-right:10px;} .menuph{ display:none; float: right; padding-right:12px;} .phxia {display:none;} /*banner*/ .js-silder{position: relative;min-width: 300px;width: 100%;height: 420px;margin: 0 auto} .silder-scroll{width:100%;overflow:hidden} .silder-main{position: relative;width: 100%;height: 420px} .silder-main-img{position:absolute;top:0;left:0;width:100%} .silder-main-img img{width: 100%;height: 420px} .js-silder-ctrl{width:100%;position:absolute;bottom:5px;right:480px;text-align:right} .silder-ctrl-next,.silder-ctrl-prev{position:absolute;top:-240px;width:32px;height:49px;vertical-align:middle;cursor:pointer} .silder-ctrl-prev{left:490px;text-align:left;background:url(../images/leftbtn.png) no-repeat} .silder-ctrl-next{right:-470px;text-align:right;background:url(../images/rightbtn.png) no-repeat} .silder-ctrl-next>span,.silder-ctrl-prev>span{position:absolute;top:45%;margin-top:-40px;color:transparent} .silder-ctrl-prev>span{left:0} .silder-ctrl-next>span{right:0} .silder-ctrl-con{display:inline-block;width:10px;height:10px;padding:10px 0;margin:0 10px;cursor:pointer;position: relative;left: 260px;top: -2px;} .silder-ctrl-con {*display:inline;} .silder-ctrl-con>span{display:block;line-height:0;text-indent:-9999px;overflow:hidden;padding:5px;cursor:pointer;border:1px solid #fff;border-radius:50%;background:0 0;color:transparent} .silder-ctrl-con.active>span{background-color:#EB6100;border:1px solid #EB6100} .js-silder .title{position:absolute;left:52px;bottom:5px;color:#fff;font-size:24px;background:url(../images/nav-bg.png) repeat-x;padding:2px 20px;height:40px} .banner{position:relative} .banner{width:100%} .yxtz{position:absolute;bottom:0;right:56px} .yxtz>a{color:#fff;width:90px;height:40px;line-height:40px;background:#AD1400;text-align:center;display:inline-block} .yxtz>a:hover{color:#fff !important;} .yxtz .slide-btn {margin-right:30px;position:relative;top:7px;width:36px;height:20px;cursor:pointer;} .bumen{ margin-bottom:15px; } .ldu_wz_weizhi { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px #ccc solid; margin-bottom:10px; } .ldu_wz_wei p { font-size: 22px; color: #1a37a0; position: relative; padding-left: 15px; font-weight: bold; line-height:20px; } .ldu_wz_wei p::after { content: ""; width: 5px; height: 18px; background: #1a37a0; left: 0; right: auto; top: 2px; position: absolute; } .ldu_wz_zhi a { font-size: 16px; color: #333; } /*图片文章列表*/ .ldu_wz_neirong2 .list{ overflow:hidden; margin-top:40px; } .ldu_wz_neirong2 .list li{ float:left; width:32%; margin-right:2%; margin-bottom:30px; } .ldu_wz_neirong2 .list li:nth-child(3n+0){ margin-right:0; } .ldu_wz_neirong2 .list li .img{ max-height:220px; } .ldu_wz_neirong2 .list li:hover .txt p{ color:#143270; transition: all 0.3s linear; } .ldu_wz_neirong2 .list li:hover .img{ transform: scale(1.05, 1.05); transition: transform 0.6s ease 0s; } .ldu_wz_neirong2 .list .txt{ padding:15px; background-color:#dcedff; overflow:hidden; text-align:center; } .ldu_wz_neirong2 .list .txt p{ font-size: 16px; height: 26px; line-height: 26px; color: #000; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .ldu_wz_neirong2 .list .txt span{ float:right; display:block; margin-top:10px; font-size:14px; line-height:18px; color:#143270; padding-left:24px; background-size:18px; } /*毕业生优秀教师*/ .list3 { display: flex; flex-wrap: wrap } .list3 li { width: 49%; } .list3 li a { display: block } .list3 li * { transition: .5s } .list3 li:nth-child(2) { margin-left:2%; } .list3 li .img .img_hezi { padding-bottom: 54.85%!important } .list3 li .con { height: 40px; padding: 0 10px; display: flex; flex-direction: column; justify-content: center; background: #1340d2; position: relative; z-index: 1 } .list3 li .con::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 0; z-index: -1; background: #e6c390 } .list3 li .con h5 { font-size:18px; color: #fff; line-height:40px; max-height: .9rem\0; position: relative; padding: 0; font-weight:normal; text-align:center; } .list3 li .con h5:before { content: ""; position: absolute; top: .06rem; left: 0; width: 2px; height: .18rem; background: #63065f } .list3 li .con p { font-size: .16rem; color: #fff; line-height: .3rem; max-height: 1.2rem\0; margin: .15rem 0 .2rem; padding: 0 0 0 .15rem } .img_zd { position: relative; width: 100%; } .slow { overflow: hidden; transition: .5s; background-size: 100%!important; } .img_zd .img_hezi { padding-bottom: 60%; transition: .5s; background-size: cover!important; } .img_zd>img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: all 0.3s ease-in-out; } .img_zd>img:hover { transform: scale(1.1); } /*专业设置*/ .danwei { display: flex; flex-wrap: wrap; } .danwei_nei { width: 32%; display: flex; align-items: center; padding: 0 1%; display: flex; height: 50px; background: #f5f5f5; margin-bottom: 16px; box-shadow: #8D9AA6 3px 3px 3px; transition: all 0.6s; margin-right: 1.8%; } .danwei_nei:nth-child(3n+0){ margin-right:0; } .danwei_nei a { color: #000000; font-size: 18px; line-height: 28px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp: 2; -moz-box-orient: vertical; overflow-wrap: break-word; word-break: break-all; white-space: normal; overflow: hidden; transition: all .4s; } .danwei_nei:hover a { color: #1a37a0; transform: translateX(10px); } /*index*/ .index .newsContainer {} .footer,.xskb,.topBox {min-width: 1400px;} .elps {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .col-title {padding-bottom:18px;border-bottom:3px solid rgb(31, 107, 180);margin-bottom:30px;height:48px;line-height: 25px;} .col-title .cn {font-size:26px;font-weight:600;color:rgb(31, 107, 180);} .col-title a{color:#333;} .col-title .en {font-size:20px;color:#cccccc;} .col-title .more {float:right;color:#444;font-size:14px;} .col-title .go-news {color:#0068b7;font-size:14px;margin-left:10px;} .card {width:50%;display:block;float:left;overflow:hidden;height:auto;} .card img{width:95%; height:265px;} .card p{height:auto;width:95%;color:#003366;font-size:16px;line-height:29px; } .card:hover {transform:scale(1.01);} .card p:hover {color:#0068b7;transition:0.5s;} .index .column {float:left;} .index .column.jdxw {width: 52%;} .index .column.zhxw {width: 48%;} .item-txt01 h3 { height:auto; line-height: 32px; letter-spacing: 0.6px; font-size: 16px; text-align:center; } .item-txt01 h3 a{color:#084ea2;font-size:16px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 2; -webkit-box-orient: vertical; width:90%; margin:auto} .item-txt01 p {margin: 5px 0px 10px; height: 44px; color: rgb(153, 153, 153);font-size:12px; line-height: 22px; overflow: hidden;} .item-date01 {height: 24px; text-align: right;width:93%; line-height: 24px; display: block;} .item-date01 i {color: rgb(153, 153, 153); letter-spacing: 0.6px; font-size: 12px; font-style: normal; display: inline-block; background-image: url(../images/date.png); background-repeat: no-repeat; background-position: left center; padding-left: 22px;} .news-list {font-size:16px;} .news-list .date{color:rgb(31, 107, 180);float:right;font-size:14px; padding-right:6px;} .zhxw .news-list {position: relative; top:0px;line-height:49px;} .zhxw .news-list li {height:45px; line-height:45px; overflow:hidden; font-size:16px; padding-left:18px; background: url(../images/circle_2.png) 6px center no-repeat; margin-bottom:0px; } .zhxw .news-list li a{ display: inline-block; width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; color: #003366; } .zhxw .news-list li:hover{ background:rgb(232, 246, 252) url(../images/circle_2.png) 6px center no-repeat; } /*通知公告新*/ .ResearchList li a{padding:5px; } .ResearchList li:last-child{border-bottom: none; margin-bottom:0; padding-bottom:0px;} .ResearchList li .leftDate{float: left;overflow: hidden;width:auto;background:none;text-align: center;font-family: "Book Antiqua"; padding: 5px; border-radius: 6px; border:1px solid rgb(31, 107, 180);margin:3px 0; } .ResearchList li .leftDate i{margin: 0px ; font-size: 16px; color:rgb(31, 107, 180); font-weight:600;border-bottom: 0px solid #fff;font-style: normal;padding-top:5px;padding-bottom: 4px; padding-left:2px; float:left; padding-right:2px;} .ResearchList li .leftDate strong{ font-weight: normal; color:rgb(31, 107, 180);display: block;font-weight:600; float: left;font-size: 16px; margin: 5px 4px 0px;} .ResearchList li .EvensCon{float: right;overflow: hidden;width:79%;} .ResearchList li .EvensCon h2{margin-top:0px;font-size:16px;color: #003366;font-weight: normal;height: 49px; line-height:49px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .ResearchList li a{display: block;overflow: hidden;} .ResearchList li a:hover{background-color:rgb(232, 246, 252);} .ResearchList li a:hover h2{color:#00566d;} .spwx .video {width:400px;margin-right:40px;position:relative;} .spwx .play-btn {position:absolute;top:160px;left:168px;display:block;width:64px;height:64px;} .spwx .new-media {width:835px;} .xsrw .xk {margin-right:40px;width:726px;} .xsrw .xk .cn i{color:#bfbfbf;display:inline;padding:0 10px;} .xsrw .xk .card {height: 242px;} .xsrw .xk .card +.card {margin-left:30px;} .xsrw .xk .card .title {width:338px;height:22px;font-size:16px;margin-top:5px;} .xsrw .xk .card .summary {width:338px;height:70px;line-height:26px;font-size:14px; color: #666;padding-top:20px;overflow:hidden;} .xsrw .rw {width:505px;} .xsrw .rdzt {margin-bottom:50px;overflow:hidden;} .xsrw .rw .news-list li {overflow:hidden;} .xsrw .rw .news-list li+li {margin-top:40px;} .xsrw .rw .news-list .dl,.xsrw .rw .news-list .dr {float:left;} .xsrw .rw .news-list .dr {padding-left:13px;} .xsrw .rw .news-list .dr .l1{font-size:16px;width:375px;height:26px;line-height:26px;} .xsrw .rw .news-list .dr .l2{font-size:14px;width:375px;height:50px;line-height:26px; color: #444444;margin-top:20px;} .xsrw .rw .news-list .dl img {width:98px;height:96px;} .index .vid-title {line-height:30px;width:371px;height:86px;background:#d41900;padding:15px;overflow:hidden; position:relative;top:-25px;margin:0 auto;} .index .vid-title p{color:#fff;} .hl-main5-content1{width:1215px;overflow:hidden;float:left;padding:3px 5px;border:1px solid #e5e5e5;border-left:0} .hl-main5-content1 ul{width:1210px;overflow:hidden;height:125px} .hl-main5-content1 ul li{float:left;width:221px;display:inline;margin-right:20px} .hl-main5-content1 ul li img{vertical-align:top;width:241px;height:125px} .hl-main5-content1 ul li img:hover{opacity:.8} .xysh{width:100%;height:360px;} .xysh>img{width:100%;height:360px;} .xysh{overflow:hidden;min-width:1400px;} .xysh .col-4 {width:25%;min-width:310px;overflow:hidden;float:left;position:relative;} .xysh .row {height:180px;overflow:hidden;position:relative;} .xysh .mask{position:absolute;left:0;top:0;width:100%;height:100%;padding-top:140px;line-height:45px;text-align:center;color:#fff;background:url(../images/nav-bg.png);opacity:0;filter:alpha(opacity=0)} .xysh .mask p {font-size:22px;letter-spacing:3px;} .xysh .mask.r2 {padding-top:60px;} .xysh .unit:hover .mask {opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);transition:0.3s;} .xysh .unit:hover img {transform:scale(1.1);transition:1s;} .xysh .unit:hover .unit-title {} .xysh .unit .unit-title {position:absolute;bottom:25px;left:30px;color:#fff;font-size: 24px;} .new-media .wb-list li {height:140px;} .new-media .wb-list li+li {border-top:1px dashed #969696;border-bottom:1px dashed #969696; padding-top:20px;height: 170px;} .new-media .wb-list .l1 {line-height:26px;} .new-media .wb-list .l1 .ico{margin-right:10px;} .new-media .wb-list .l1 .title{font-size: 16px;color: #003366;vertical-align:top;} .new-media .wb-list .l2 {font-size: 14px;color: #666666;height:63px;line-height: 24px;overflow:hidden; padding:10px 0;} .new-media .wb-list .l3 {font-size: 14px;color: #444444;margin-top:5px;} .new-media .wb-list .watch {float:right;display:block;width:46px;height:23px;background:#0068b7; line-height:23px;border-radius:4px;text-align:center} .new-media .wb-list .watch a {color:#fff;font-size:14px;display:block;} .new-media .wb-list .watch a:hover {color:#fff !important;} /*实施新增*/ #gztit{ background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #fff; cursor: pointer; position: relative; top: -1px; } #gztit .rwmimg{ position:absolute; top:-1;left:50px;display:none; width:150px; height:150px;border:1px solid #dedede; padding:5px; background:#fff} #gztit .rwmimg img{ width:100%; height:100%} .navbar-fixed-top { position: fixed; right: 0; left: 0; top: 0; z-index: 1030; height: 60px; width: 100%; background: #2650a6; line-height: 60px; text-decoration: none; } .navbar-fixed-top .inner{ width:1400px; margin:0 auto; } .navbar-fixed-top .flogo{ margin-right:20px; margin-top:5px; width:20%; max-width:300px; } .navbar-fixed-top .flogo img{ width:100%; } .fixednav>li{ float: left; text-decoration: none; } .fixednav>li>a { color: #fff; font-size: 16px; margin-right: 30px; text-decoration: none; } .xsrw .rdzt {margin-bottom:20px;overflow:hidden;} .changjianBan{margin-bottom: 40px; min-height:70px;overflow: hidden;} .changjianBan a{display: block; float: left;} .changjianBan a img{vertical-align:top;} .hl-main5-content1{position: relative} .more2 {border:1px solid #DADADA;position:absolute;right:0;bottom:0;color:#fff;font-size:14px;background: #BA2C16;display: block;width:60px;height:30px;line-height: 30px;text-align: center} .more2:hover{ color:#FFF} .kslj{ padding-top: 50px; padding-right: 0; padding-bottom: 0px; padding-left: 0; } .kslj ul{ overflow: hidden; width: 101%; } .kslj li{width:16.66%;float: left;} .kslj li img{width:95%;min-height:140px} .moreLink{position: absolute;right:0;top:6px;} .topic {height:150px;overflow: hidden;margin-left: -5px} /*foot*/ div#footer { background: url(../images/footbg.jpg); } .footer .inner { padding: 35px 0 35px; } .footer .tit { font-size: 33px; color: #fff; margin-bottom: 42px; } .footer .foot-left .news { float: left; width: 50%; margin-bottom: 20px; } .footer .foot-left { float: left; width: 50%; padding-right: 45px; /* border-right: 2px solid #5c88b4; */ box-sizing: border-box; } .footer .foot-left .news .news_img{ margin: 0 22px; } .footer .foot-left .news .news_img img { width: 100%; } .footer .foot-left .news .news_img a {} .footer .foot-left .news_list { margin: 0 -22px; } .footer .foot-right { float: right; width: 50%; margin-top: 29px; } .footer .foot-right .con { border-left: 2px solid #5c88b4; padding: 31px 0px; overflow: hidden; } .footer .foot-right .news_list .news { width: 20%; display: inline-block; margin: 5px 0; float:left; line-height: normal; } .footer .foot-right .news_list { text-align: center; } .footer .foot-right .i1 .icon { background: url(../images/icon_1.png) no-repeat center; background-size: 50px auto; } .footer .foot-right .i2 .icon { background: url(../images/icon_2.png) no-repeat center; background-size: 50px auto; } .footer .foot-right .i3 .icon { background: url(../images/icon_3.png) no-repeat center; background-size: 50px auto; } .footer .foot-right .i4 .icon { background: url(../images/icon_4.png) no-repeat center; background-size: 50px auto; } .footer .foot-right .i5 .icon { background: url(../images/icon_5.png) no-repeat center; background-size: 50px auto; } .footer .foot-right .i6 .icon { background: url(../images/icon_6.png) no-repeat center; background-size: 50px auto; } .footer .foot-right .i7 .icon { background: url(../images/icon_7.png) no-repeat center; background-size: 50px auto; } .footer .foot-right .i8 .icon { background: url(../images/icon_8.png) no-repeat center; background-size: 50px auto; } .footer .foot-right .i9 .icon { background: url(../images/icon_9.png) no-repeat center; background-size: 50px auto; } .footer .foot-right .i10 .icon { background: url(../images/icon_10.png) no-repeat center; background-size: 50px auto; } .footer .foot-right .link_con { font-size: 16px; line-height: 24px; color: #fff; display: inline-block; height: 48px; } div#footer2 { background: #d1f0fd url(../images/foot_bg.png) no-repeat bottom center; } .foot-right .news:hover .icon { transform: translateY(-5px); } .footer2 .foot-left { float: left; width: 48%; } .footer2 .foot-center { float: left; width: 33.3%; text-align: center; display:none; } .footer2 .foot-right { width: 48%; float: right; text-align: right; margin-top:20px; padding-top:40px; background:url(../images/xx_img.png) no-repeat left center; } .footer2 .foot-left p { font-size: 16px; line-height: 30px; color: #005384; } .footer2 .inner { padding: 59px 0 46px; } .footer2 .foot-right .news_list { display: flex; justify-content: flex-end; } .footer2 .foot-right .news_list li .con { display: none; position: absolute; bottom: 100%; left: 50%; margin-left: -45px; } .footer2 .foot-right .news_list li a { display: inline-block; width: 46px; height: 46px; margin: 0 14px; opacity: 0.9; } .foot-right .icon{display:inline-block;width: 100%;height: 63px;vertical-align:middle;transition: all .4s ease-in-out;} .footer2 .foot-right .news_list li.i1 a { background: url(../images/wb.png)no-repeat center; } .footer2 .foot-right .news_list li.i2 a { background: url(../images/wx.png)no-repeat center; } .footer2 .foot-right .con { margin-top: 31px; } .footer2 .foot-right .news_list li a:hover { opacity: 1; } .footer2 .foot-left .ba { margin-top: 1px; float: left; margin-right: 5px; } .footer2 .foot-right .news_list li:hover .con { display: inline-block; } .footer2 .foot-right .news_list li .con img { width: 90px; } .footer .tit a { color: #fff; } .footer2 .foot-right .news_list li { position: relative; } .footer2 .inner a { color:#005384; } .backTop{position:absolute; left:50%; width:41px; height:40px; z-index:100; top:-20px; margin-left:659px;} .backTop img{display:block; width:41px; height:40px;} .gg{height:428px;padding-top: 30px;} .ggTab{width:100%; float:left; position: relative} .ggTab span{font-size: 24px;color:#666666;padding-right: 30px;cursor: pointer; margin-right:30px;} .ggTab span.on,.ggTab span.on a{color:#003399;} .copyright{position: relative; margin-top:0px;} .share{ } .share li{ width: 100px; float: left; margin-left: 10px; position: relative; cursor: pointer; text-align: center; color: #CCCCCC; } .share li .codeimg{ z-index: 101; } .share li img{ width: 90px; height: 90px; border: 5px solid #FFF; } /*页面尺寸*/ .wrapper { width:100%; margin:0 auto; } .wrapper .inner { width: 1400px; margin: 0 auto; } /**页面全局宽度**/ /**首页三列布局**/ .mod {} .mbox {} .main1{} .main1 .inner{} .main1 .ml{float:left; width:678px;padding-top:8px;} .main1 .mc{float:left; width:380px;margin-left:30px;} .main1 .mr{float:right;width: 490px;} .main4{ background-color: #f5f5f5; } .main4 .inner{ padding: 40px 0 30px; } .main4 .ml{ float: left; width: 38%; } .main4 .mr{ float: right; width: 60%; } .main4 .mr .mlink{} /*标准标题*/ .post { margin-bottom:10px; } .post .tt {display:inline-block;width:100%;border-bottom: 0px solid #e6e6e6;} /**标题栏**/ .post .tt .tit {display:inline-block;float:left;font-size: 16px;font-weight:normal;} /**标题字体**/ .post .tt .tit .title {display:block;line-height: 42px;color: #424242;font-family:"Microsoft yahei";} .post .tt .tit .name{ display:none; line-height:16px; color:#333; }/*栏目别名*/ .post .con { padding: 6px 0; margin:0 auto; } .post .con .wp_article_list .list_item { border-bottom:1px dashed #ccc; } /**新闻列表**/ .post .more_btn { display: inline-block; height: 20px; margin-top: 20px; line-height: 20px; float: right;} .post .more_btn .more_text,.post .more_btn a {font-size:14px; cursor:pointer;} .post .more_btn a{color:#666;} .post .more_btn a:hover{color:#666;} /*标准标题*/ .post1 {} .post1 .tt { border-bottom: 3px solid #ccc; } .post1 .tt .tit {} .post1 .tt .tit .title { display: inline-block; margin-right: 20px; font-size: 24px; cursor: pointer; margin-bottom: 10px; margin-top: 10px; } .post1 .tt .tit .title.selected {color:#0f429b;} .post1 .more_btn a{color:#444444;} /**自定义新闻列表**/ .news_list { } .news_list li.news {line-height: 45px;padding-left:0px;} /**标题图标**/ .news_list li.news span.news_title { float:left;font-size: 18px;display: inline-block;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;max-width: 80%; }/*标题*/ .news_list li.news span.news_title img {vertical-align: middle;} .news_list li.news span.news_meta {float:right;margin-left:2px;color: #9C9C9C;font-size: 17px;}/*属性*/ .news_list li.news .news_time, .news_list li.news .news_time span{color: #666;}/*发布时间*/ .news_list li.news .news_icon {display:inline-block;margin:0 auto; border:0px solid red;} .news_list li.news .news_text {line-height:22px; color:#666;}/*默认简介*/ .news_list li.news .news_bg {position:absolute; left:0px;bottom:0px; right:0px; height:30px; background:#000; opacity:.7; filter:Alpha(opacity=70);} .news_list li.news p {line-height:34px;} .notice-date{width: 71px;height: 71px;border-radius: 50%;float:left;background-color:rgba(219,219,219,0.3);} .notice-date strong,.notice-date i{ font-family: 'Century Gothic'; font-weight: normal; font-style: italic; color: #000000; display: block; text-align: center; } .notice-date strong{ font-size: 28px; padding-top: 6px; height: 30px; display: block; } .notice-date i{ font-size: 14px; line-height: 35px; } .com_p1{ font-size: 24px; width: 100%; height: 36px; line-height: 36px; color: #fff; position: relative; } .com_p1 a{ position:absolute; top:0; right:0; color:#fff; font-size:14px; } .wrap_2{ width: 100%; min-width: 1220px; background: url(../images/tab_bg.jpg) no-repeat top center; height: 550px; } .vedio_1{ width: 100%; height: 400px; margin-top: 20px; } .play{width: 450px;height: 360px;float: left;background: #fff;margin-top: 0px;} .play2{width:48%;height: 360px;float: left;background: #fff;margin-top: 0px;} .news_list_zm{width: 48%;padding: 0px 0 0 0px;float:right;} .news_list_zm ul{ width:95%; } .news_list_zm ul li{ margin-bottom:10px} .news_list_zm .more{ display: none; width: 110px; height: 36px; line-height: 36px; background: #998adc; color: #fff; font-size: 14px; text-align: center; margin: 20px 0 0 0px; float:right; } .list-date01 {border: 1px solid #fff; border-image: none; width: 50px; height: 46px; margin-top: 2px; float: left;border-radius: 4px;} .list-date01 i {text-align: center; font-style: normal; display: block;} .list-date01 strong {text-align: center; font-style: normal; display: block;} .list-date01 i { height: 18px; color:#333; line-height: 18px; font-family: "Arial"; font-size: 12px; background-color: #fff; } .list-date01 strong {color: #fff; padding-top: 1px; font-size: 18px; font-weight: bold;} .news_list_zm li a {height: 52px; line-height:52px; color: #fff; overflow: hidden; font-size: 16px; margin-left: 0px;padding-left:15px; vertical-align:middle; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: .5s; } .news_list_zm li a:hover{padding-left: 25px;} .btbu-list01 li a:hover {color: #004ea2; } .section_2{ margin: 0 auto; width: 1400px; } .s2_1{ float: left; width: 100%; margin-top: 50px; } .s2_21{ float: left; width: 65%; margin-top: 20px; } .s2_2{ float: right; width: 32%; margin-top: 20px; } .com_p3{ width: 100%; height: 48px; position: relative; color: rgb(31, 107, 180); font-size: 26px; line-height: 26px; font-weight:600; border-bottom: 3px solid rgb(31, 107, 180); margin-bottom: 30px; padding-bottom: 18px; } .com_p3 a{ position:absolute; top:0; right:0; color:#444; font-size:14px; font-weight:normal; } .com_p3 .icon{ margin-top: 0px;} .ul02{ overflow:hidden; margin-top:0px; width:100%;} .ul02 li{ height: 49px; line-height: 49px; background:url(../images/circle_2.png) left center no-repeat; padding-left:15px; border-bottom: 1px dashed #dddddd; } .ul02 li a{ float:left; color:#003366;display: inline-block;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;max-width: 80%;} .ul02 li a:hover{ color:#bca4fd;} .ul02 li span{ float: right; color: #666; font-size: 14px; } /*右侧滚动图片*/ .slideBox{width:100%; height:100%; overflow:hidden; position:relative; float:right;} .slideBox .hd{height:20px; overflow:hidden; position:absolute; right:5px; bottom:50px; z-index:1;} .slideBox .hd ul{overflow:hidden; zoom:1; float:left;} .slideBox .hd ul li{float:left; margin:6px 8px 0 0; width:8px; height:8px; background:#c4c4c4; cursor:pointer; border-radius:100%;} .slideBox .hd ul li.on{ color: #fff; width: 12px; height: 12px; margin-top: 4px; background-color: #0033CC; } .slideBox .bd{position:relative; height:100%; z-index:0; overflow:hidden;} .slideBox .bd li{zoom:1; vertical-align:middle;position:relative;} .slideBox .bd img{ width: 100%; height: 360px; display: block; object-fit:cover; } .slideBox .bd li .bg{ width:100%; height:40px; position:absolute; left:0; bottom:0; z-index:1; background:#000; filter:alpha(opacity=60);opacity:0.6;} .slideBox .bd li .title{width:100%; height:40px; line-height:40px; font-family:Microsoft YaHei,SimHei,simsun; font-size:16px; font-weight:bold; left:0; bottom:0; position:absolute; z-index:2;} .slideBox .bd li .title a{ color:#fff; padding-left:15px; } .slideBox .bd li .title a:hover{ color:#d12e33;} /* 下面是前/后按钮代码,如果不需要删除即可 */ .slideBox .prev, .slideBox .next{position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background: url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;} .slideBox .next{left:auto; right:3%; background-position:8px 5px;} .slideBox .prev:hover, .slideBox .next:hover{filter:alpha(opacity=100);opacity:1;} .slideBox .prevStop{display:none;} .slideBox .nextStop{display:none;} /*内容部分设置*/ .tab{ width:350px; margin:0px auto;position: relative;height:auto;padding-bottom:30px;} .tab-hd { overflow:hidden; zoom:1;} .tab-hd li{ float:left; width:155px; color:#fff; text-align:center; cursor:pointer;background-color: #075bb2; margin:10px} .tab-hd li img{display:block;margin:10px auto 5px;} .tab-hd li p{line-height:46px;font-size:16px;} .tab-hd li.active{ background:#f69700;} .tab-bd{width:565px;margin:auto;height:250px;background-position: left top;background-repeat:repeat-x;} .tab-bd .div{display:none;font-size:24px;height:250px;} .tab-bd div.thisclass{ display:block;} #slider { float: left; width: 720px; height: 270px; } #slider_right { width: 340px; height: 270px; float: right; background-color: #F5F5F5; position: relative; } #slider_info { width: 100%; height: 270px; box-sizing: border-box; padding: 20px; overflow: hidden; } #slider_info_wrap { width: 100%; height: 100%; overflow: hidden; } .slider_info { width: 100%; height: 100%; } .slider_title { height: 70px; line-height: 35px; font-size: 22px; overflow: hidden; color: #302f2f; } .slider_title a { display: block; width: 100%; height: 100%; } .slider_content { height: 150px; font-size: 16px; line-height: 30px; text-indent: 32px; margin-top: 10px; color: #5c5b5b; } .slider_more { float: right; width: 85px; height: 30px; color: #b7191a; line-height: 30px; } #slider_page { width: 300; height: 25px; line-height: 25px; position: absolute; right: 25px; bottom: 20px; } #slider_page li { display: inline-block; margin: 0 5px; width: 12px; height: 12px; background-color: #bfbfbf; border-radius: 50%; } #slider_page li.on { background-color: #B7191A; } #slider_left { width: 380px; height: 270px; float: left; background-color: #f5f5f5; overflow: hidden; } #slider_left img { width: 380px; height: 270px; } #slider_left a { display: block; width: 380px; height: 270px; } .news_toutiao{ display: block; padding: 24px 0; border-bottom: 1px dashed #dddddd; margin-bottom: 10px; overflow: hidden; } .news_toutiao a.news_i_img{ float: left; width: 140px; height: 100px } .news_toutiao a.news_i_t{line-height:28px;max-height:100px;font-size:22px;overflow:hidden;} .news_toutiao .news_i_desc{ line-height: 50px; height: 100px; padding-left: 40px; padding-right: 40px; display: block; color: #333333; font-size: 18px; overflow: hidden; background-color: #D5E9F9; } .news_item3{} .news_item3 li{height:59px; line-height:59px; overflow:hidden; border-bottom:1px dashed #dddddd; font-size:18px; padding-left:20px; background:url(../images/circle_2.png) 0 center no-repeat;} .news_item3 li a{ color: #222; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 80%; font-size: 16px; } .news_item3 li a:hover{color:#003d82;} .news_item3 li a {float:left;} .news_item3 li span { float: right; color: #666666; font-size: 14px; } .column2 a{width: 100%;display: block;overflow: hidden;margin-bottom:15px;} .column2 .cont {width: 50%;padding: 0 20px;vertical-align: middle;overflow: hidden;background: #fff;float: left;} .column2 span {display: block;font-size: 12px;text-align: center;color: #444; margin-top: 30px;} .column2 h3 {font-size: 18px;margin: 20px 0px;padding-left: 8%;color: #666;} .column2 p {font-size: 14px;color: #666;padding-left: 8%;} .column2 .more {display: block;width: 111px;height: 11px;margin: 30px auto 35px auto;background: url(../images/arrow_more_h.png);text-indent: -999px;} .column2 .thumb {position: relative;width: 50%;overflow: hidden;float: right;} .column2 a .thumb img {-moz-transition: -moz-transform 0.15s linear;-webkit-transition: -webkit-transform 0.15s linear;-o-transition: -o-transform 0.15s linear;-ms-transition: -ms-transform 0.15s linear;transition: transform 0.15s linear;width:100%;height:auto;max-height:260px;} .column2 a:hover .thumb img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.2);-ms-transform: scale(1.1);transform: scale(1.1);} .column2 a:nth-child(even) .cont{float: right} .column2 a:nth-child(even) .thumb{float: left} /*图说车院*/ .tscy {padding:40px 0;background: url() no-repeat center} .tscy .container{width:1400px; margin:auto;} .tscy .items { width: 32.48%; height: 245px; overflow: hidden; float: left; margin-right: 10px; margin-bottom: 10px; } .tscy .items a {position:relative;margin-bottom:6px;overflow:hidden;} .tscy .items a p.title {position:absolute;bottom:10px;left:0;width:120px;height:46px;line-height:46px;text-align:center;background-color:rgba(243,152,0,.8);font-size:20px;font-weight:700;letter-spacing:1px;color:white;transition:1s;} .tscy .items a img {transition:transform 1.2s; width:100%; height:100%} .tscy .items a:hover img {transform:scale(1.05);} .tscy .items a:hover p.title {width:180px;} .qh_lm{ height: 55px; width: 100%; position: relative; display: block; text-align: center; } .qh_lm .lmmc_qh{ height:55px; width:60%; margin:0 auto; } .qh_lm .lmmc_qh li{ width: 170px; height: 55px; line-height: 35px; margin-right: 57px; display: inline-block; } .qh_lm .lmmc_qh img{ margin-right:10px; margin-top:-5px; vertical-align:middle; } .qh_lm .lmmc_qh .last{ margin-right:0px; } .qh_lm .lmmc_qh li p{ width:100%; text-align:center; height:35px; font-size:28px; color:#fdaa58; font-weight:bold; letter-spacing:3px; background:url(../images/ico-zt.png) no-repeat left center; padding-left:40px; } .qh_lm .lmmc_qh .on p{ color:#1a59c0; } .qh_lm .lmmc_qh .on{ background:url(../images/on.png) no-repeat center bottom; } .qh_lm .lmmc_qh .on p{ background:url(../images/ico-zt1.png) no-repeat left center; } .more_qh1{ position:absolute; right:0; top:0px; display:inline-block; width:45px; text-align:right; height:35px; } .more_qh1 a{ font-size: 14px; color: #444444; height:35px; line-height:35px; } .s2_1 .lmmc_qh{height:36px;width:60%;} .s2_1 .qh_lm .lmmc_qh li{ width: auto; float: left; margin-right: 20px; padding-right: 15px; padding-left: 15px; } .s2_1 .qh_lm .lmmc_qh li p{ width: 100%; text-align: center; font-size: 26px; color: #fff; font-weight:600;background:url() no-repeat center bottom; padding-left: 0px; } .s2_1 .qh_lm .lmmc_qh .on p{ color:#fff; } .s2_1 .qh_lm .lmmc_qh .on{ background:url(../images/on2.png) no-repeat center bottom; } .s2_1 .more_qh2 { color: #fff;} .more_qh2{ position: absolute; right: 30px; top: 0px; display: inline-block; width: 45px; text-align: right; height: 35px; } /**/ .picture-list { height: 531px; margin-top: 10px; width: 101%; } .picture-list .item { position: relative; float: left; margin-right: 5px; margin-bottom: 5px;} .picture-list .item .text { position: absolute; left: 18px; bottom: 16px; color: #ffffff; font-size: 30px; font-family: "微软雅黑"; z-index: 99; } .picture-list .item1 { width: 30%; height: 530px; overflow: hidden; display: block; } .picture-list .item1 img{ width: 100%; height: 530px; display: block; transition: all 1s; -webkit-transition: all 1s; z-index: 2; position: relative; } .picture-list .item1 img:hover{transform: scale(1.1);-webkit-transform:scale(1.1);cursor: pointer;z-index: -1;position: relative;} .picture-list .item2 { width: 33%; height: 286px; overflow: hidden; display: block; } .picture-list .item2 img{width: 100%; height: 100%;display: block; transition: all 1s; -webkit-transition: all 1s; z-index: 2; position: relative;} .picture-list .item2 img:hover{transform: scale(1.1);-webkit-transform:scale(1.1);cursor: pointer;z-index: -1;position: relative;} .picture-list .item3 { width: 35%; height: 286px; overflow: hidden; display: block; } .picture-list .item3 img{ width: 100%; height: 100%;display: block; transition: all 1s; -webkit-transition: all 1s; z-index: 2; position: relative;} .picture-list .item3 img:hover{transform: scale(1.1);-webkit-transform:scale(1.1);cursor: pointer;z-index: -1;position: relative;} .picture-list .item4 { width: 20%; height: 241px;overflow:hidden;display: block; } .picture-list .item4 img{ width: 100%;height: 100%;display: block; transition: all 1s; -webkit-transition: all 1s; z-index: 2; position: relative;} .picture-list .item4 img:hover{transform: scale(1.1);-webkit-transform:scale(1.1);cursor: pointer;z-index: -1;position: relative;} .picture-list .item5 { width: 25%; height: 241px; overflow: hidden; display: block; } .picture-list .item5 img{width: 100%; height: 100%;display: block; transition: all 1s; -webkit-transition: all 1s; z-index: 2; position: relative;} .picture-list .item5 img:hover{transform: scale(1.1);-webkit-transform:scale(1.1);cursor: pointer;z-index: -1;position: relative;} .picture-list .item6 { width: 22.5%; height: 241px; overflow: hidden; display: block; } .picture-list .item6 img{ width: 100%;height: 100%;display: block; transition: all 1s; -webkit-transition: all 1s; z-index: 2; position: relative;} .picture-list .item6 img:hover{transform: scale(1.1);-webkit-transform:scale(1.1);cursor: pointer;z-index: -1;position: relative;} .picture-list div img { width: 100%; } /**/ .in_meadaleft { width: 100%; height: 450px; background: url(../images/sc_1.png) no-repeat right top; margin-top: 20px; background-size:100% 100% } .in_meadul { width:94%;display:block; overflow:hidden; margin:30px 0 0 20px; } .in_meadul li { display:block; overflow:hidden; margin-top: 10px; padding:20px 10px; color: #F0F0F0; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #C0C0C0; width: 48%; margin-right: 2%; float: left; } .in_meadul li span { display: block; height: 85px; float: left; margin-right: 1.5em; font-size: 16px; width: 130px; } .in_meadul li span img { height: 100%;width: 100%; } .in_meadul li .meadatitle { font-size:16px; margin-bottom:10px; } .in_meadul li .meadatitle a { color:#fff; line-height:25px; } /**/ .bootom_link { width: 100%; background: #f5f5f5; padding-top:20px; padding-bottom:100px; display:block; overflow: hidden; position: relative; height: 350px; } .list_index1{ width: 100%; margin: 30px auto 0; } .item-box3{ position: relative; } .slideBox2{ width: 100%; position: relative; } .slideBox2 .bd{position:relative; width: 100%; height: 220px; z-index:0; padding-left:30px;} .slideBox2 .bd ul{ display: block; margin-top:30px;height:120px; overflow:hidden} .slideBox2 .bd li{ float:left;width: 16% ;display: block;zoom:1; vertical-align:middle;position:relative; text-align:center} .slideBox2 .bd a{ height: 90px; width: 90px; padding: 20px; vertical-align: middle; margin: auto; background: #A4DEFD; display: block; overflow: hidden; border-radius: 50%; font-size: 16px; font-weight: bold; } .slideBox2 .bd a.fk{ height: 100px; width: 165px; padding: 20px; text-align: center;vertical-align: middle; margin: auto; display: inline-table; overflow: hidden; border-radius: 20px; font-size: 16px; line-height: 35px; color: #fff; font-weight: bold; background-color: #8BC8FA; } .slideBox2 .bd img{width:50px; margin:auto;vertical-align:middle;} .slideBox2 .bd li p{width:100%; height:40px; line-height:40px; font-family:Microsoft YaHei,SimHei,simsun; font-size:16px; font-weight:bold; z-index:2;} .slideBox2 .bd li p:hover{ color:#d12e33;} /* 下面是前/后按钮代码,如果不需要删除即可 */ .slideBox2 .prev, .slideBox2 .next{position:absolute; left:-50px; top:20px; margin-top:0px; display:block; width:70px; height:70px; } .slideBox2 .next{left:auto; right:-50px;} .slideBox2 .prev:hover, .slideBox2 .next:hover{filter:alpha(opacity=100);opacity:1;} .slideBox2 .prevStop{display:none;} .slideBox2 .nextStop{display:none;} /**/ .post-12 .news_list .news { float: left; width: 50%; margin-bottom: 18px; } .post-12 .news_list .news_box { margin: 0 20px; display: flex; height: 76px; box-shadow: 0px 0px 21px -10px #ccc; align-items: center; padding: 0 20px 0 20px; font-size: 16px; justify-content: space-between; background:#fff; } .post-12 .news_list { margin: 0 10px; transition: all 1s ease-out 0s; transform: translateX(0px); } .post-12 .news_list .news_title { width: 79%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .post1 .news_list .news_date { color: #898989; font-size: 16px; } /* 机构设置 */ .yxbm{display: flex;flex-wrap: wrap;/* flex: 1; */ width:80%; margin:0 auto;} .yxbm ul{margin-right: 0px;display: block;margin-bottom:20px; width:100%;} .yxbm ul:last-child{margin-right: 0;} .yxbm ul .wl{font-size: 22px;color: #01319d;line-height: 35px;margin-top:30px;margin-bottom: 20px;padding-left: 0px;height:40px; text-align:center; border-bottom: 0px solid #0221b9;} .yxbm ul .wl::after{width: 18px;height:18px;border: 1px solid #63065f;border-radius: 50%;bottom: auto;top: 8px;} .yxbm ul li{margin-bottom: 0.2rem;padding: 5px; background: #f6faff;width:48%;margin:1%;box-sizing:border-box; float:left;} .yxbm ul li:hover{background:#DDF0FF;text-decoration: none;} .yxbm li h4{padding-bottom: 2px;margin-bottom:0px;font-size: 16px;font-weight:normal;line-height: 2.5;padding-left: 30px;display: flex;align-items: center;background: url(../images/bmico.png) no-repeat left center;} .yxbm li h4 a{color: #333;white-space: nowrap;} .yxbm li h4 a:hover{font-weight:600;} .yxbm li h4 span{display: inline-block;margin-left: 20px;width: 10px;} .yxbm li h4 span img{width:10px;} .bmjt2{display: none;} .yxbm li h4 .bmjt1{display: block;} .yxbm li h4.on .bmjt1{display: none;} .yxbm li h4.on .bmjt2{display: block;} .bm-er{width: calc(100% - 0.3rem);background: #63065f;border-radius: 0.1rem;padding: 0.05rem 0.2rem;margin-left: 0.3rem;display: none;} .bm-er a{font-size: 0.16rem;color: #fff;line-height: 0.26rem;padding: 0.05rem 0;border-bottom: 1px solid #753873;display: block;transition: 0.5s;} .bm-er a:last-child{border-bottom: 1px solid rgba(0,0,0,0);} .yxbm ul:nth-child(1) li:nth-child(2), .yxbm ul:nth-child(1) li:nth-child(3), .yxbm ul:nth-child(1) li:nth-child(4){ transform: translateX(0rem)} @media screen and (min-width: 1025px){ .yxbm li:hover h4 a{color: #63065f;text-decoration:none;} .bm-er a:hover{color: #e7c391;} } @media screen and (max-width: 1024px){ .bm{padding-top: 0.3rem !important;} .yxbm{width:96%;} .yxbm ul{width: 100% !important;margin-right: 0 !important;display: flex;flex-wrap: wrap;flex: auto;} .yxbm ul h3{width: 100%;height: auto;} .yxbm ul li{width: 100%;} .yxbm ul h3{font-size: 1.22rem !important;} .yxbm ul:nth-child(1) li:nth-child(2), .yxbm ul:nth-child(1) li:nth-child(3), .yxbm ul:nth-child(1) li:nth-child(4){ transform: translateX(0)} } @media screen and (max-width: 768px){ .yxbm ul li{width: 100%;} .yxbm li h4{padding-right: 0.2rem;} .bm-er{/* width: 100% */} .bm-er a{width: 100%;} } @media screen and (max-width: 420px){ .yxbm ul li{width: 100%;} } /**主体列表页开始**/ #l-container {} #l-container .inner {padding: 15px 0px;} /**主体文章页开始**/ #d-container {} #d-container .inner {background:#fff;padding: 20px 0;} .col_menu {width: 240px;float: left;margin-left: 0px;position:relative;} .col_menu .l-qh{ margin-bottom:10px;} .col_menu .col_menu_head {background: #004387;}/**位置栏目背景**/ .col_menu .col_menu_head h3.col_name {font-size: 19px;font-weight:normal;color:#fff;}/**位置栏目字体**/ .col_menu .col_menu_head h3.col_name .col_name_text { display:block;line-height: 69px; padding:0px 5px 0px 30px;}/**栏目名称图标**/ .col_menu .col_menu_con{border:1px solid #e4e4e4;} .subTit { background: #105397 ; height: 60px; line-height: 60px; position: absolute; left: 0; top: 0px; width: 100%; z-index: 10; text-align:center; } .subTit h1 { font-size: 20px; color: #fff; padding-left: 0px; margin-left: 0px; line-height:60px; } .zsj { position: absolute; width: 18px; height: 18px; left: 0; bottom: -18px; } .ysj { position: absolute; width: 18px; height: 18px; right: 0; bottom: -18px; } .ejcd { width: 100%; margin: 0; background: #EEEEEE; padding-top: 80px; padding-bottom: 50px; z-index: 1; } .ejcd i { display: none; position: absolute; height: 88px; bottom: -88px; left: 0; width: 100% } .ejcd ul li a { border-bottom: 1px solid #D5D5D5; line-height: 50px; color: #666666; font-size: 18px; padding-left: 50px; display: block; } .ejcd ul li.active a { border-left: 3px solid #0E419C; color: #0E419C; background: #FFFFFF; } .ejcd ul li:hover a { border-left: 3px solid #0E419C; color: #0E419C; background: #FFFFFF; } .ejcd2 { width: 100%; margin: 0px; background: #fff; padding-top: 0px; margin-bottom: 0px; position: relative } .ejcd2 ul li a { border-bottom: 1px solid #D5D5D5; height: auto; line-height: 40px; color: #666666; font-size: 16px; padding-left: 20px; display: block; } .ejcd2 ul li.cur a { border-left: 0px solid #0E419C; color: #0E419C; background: #FFFFFF; } .ejcd2 ul li:hover a { border-left: 0px solid #0E419C; color: #0E419C; background: #FFFFFF; } /*栏目列表*/ .col_list{} .col_list .wp_listcolumn { border-top:0px solid #004387; border-bottom:0px solid #fff; } .col_list .wp_listcolumn .wp_column a {color:#333;font-size: 17px;font-weight:normal;background:none;border-top:0px solid #fff;border-bottom: 1px solid #F6EAEA;} .col_list .wp_listcolumn .wp_column a .column-name{padding:5px 20px 5px 20px;line-height: 46px;} .col_list .wp_listcolumn .wp_column a:hover, .col_list .wp_listcolumn .wp_column a.selected { color:#004387; background:#eee; } .col_list .wp_listcolumn .wp_column a.selected span.column-name{color: #004387;} .col_list .wp_listcolumn .wp_subcolumn .wp_column a{ color:#454545;background:none; border-top:1px solid #fff; border-bottom:1px solid #bbb;} .col_list .wp_listcolumn .wp_column.parent > a .column-name{font-weight:bold; color:#004387;} /*二级子栏目**/ .col_list .wp_listcolumn .wp_column .sub_list a {color:#333;border-top:1px solid #eee;margin-top:-1px;} .col_list .wp_listcolumn .sub_list a .column-name {display:inline-block;line-height: 28px;padding: 5px 10px 5px 44px;cursor:pointer;} .col_list .wp_listcolumn .sub_list a:hover, .col_list .wp_listcolumn .wp_column a.selected {font-weight:bold; font-weight:bold;color:#004387;} .list4 .col_list .wp_listcolumn .sub_list a:hover,.list4 .col_list .wp_listcolumn .wp_column a.selected {} /*三级子栏目**/ .col_list .wp_listcolumn .wp_column .sub_list .sub_list a{} .col_list .wp_listcolumn .sub_list .sub_list a .column-name {padding: 5px 10px 5px 60px;cursor:pointer;} .col_list .wp_listcolumn .sub_list .sub_list a :hover, .col_list .wp_listcolumn .sub_list .sub_list a.selected {font-weight:bold; color:#004387;} /**栏目新闻**/ .col_news {width: calc(100% - 280px);min-height:500px;float: right;} .col_news .col_news_box{padding-right: 0px;} .col_news_head {border-bottom: 1px solid #d4d4d4;} .col_metas .col_title { display:inline-block; float:left;height: 75px;line-height: 75px;} /**当前栏目**/ .col_metas .col_title h2 {display:inline-block;font-size: 26px;font-family:"Microsoft yahei";/* font-weight: normal; */color: #004387;/* border-bottom: 3px solid #CBCBCB; */} .col_metas .col_path {display:inline-block;float:right;white-space:nowrap;height: 75px;line-height: 75px;color: #797979;font-size: 16px;} /**当前位置**/ .col_metas .col_path a{color: #797979;} .col_news_con { padding:5px 0px 10px 0px; margin:0 0px;} .col_news_con img{ border: 0px !important;} .col_news_con p{margin-bottom:0px; font-size:18px;} .col_news_list { margin-top:7px;} .col_news_list .wp_article_list .list_item {} /**栏目新闻列表**/ /* 内页列表 */ .n_newslist li { line-height: 48px; padding: 10px 15px 10px; color: #de171c; border-bottom: 1px solid #d4d4d4; background-repeat: no-repeat; background-position: left center; } .n_newslist li a { font-size:16px; } .n_newslist li:hover { background: #f5f5f5; animation: myfirst 1s; -moz-animation: myfirst 1s; /* Firefox */ -webkit-animation: myfirst 1s; /* Safari and Chrome */ -o-animation: myfirst 1s; /* Opera */ } .n_newslist li:hover a { color: #de171c; } .n_newslist li span { float: right; font-size: 14px; color: #999; } .n_newslist li a:hover { text-decoration: none; } .n_newslist li i { margin-right: 10px; } .n_newslist0 li { line-height: 48px; padding: 0 15px; color: #de171c; border-bottom: 1px solid #d4d4d4; } .n_newslist0 li:hover { background: #fff7f7; animation: myfirst 1s; -moz-animation: myfirst 1s; /* Firefox */ -webkit-animation: myfirst 1s; /* Safari and Chrome */ -o-animation: myfirst 1s; /* Opera */ } .n_newslist0 li:hover a { color: #de171c; } .n_newslist0 li i { float: right; font-size: 14px; color: #999; font-style: normal; } .n_newslist0 li a:hover { text-decoration: none; } .n_newslist0 span { font-size: 16px; } .lp_list .n_newslist li { float: left; display: block; width: 48%; border-bottom: 0px solid #d4d4d4; padding: 0 0px; background-image: none } .lp_list .n_newslist li span { display: none; } .lp_list .page { display: none; } .lp_list .n_newslist { display: block; padding-top: 20px; padding-bottom: 20px; width: 100%; margin: auto; overflow: hidden; } /*--图片列表--*/ .pic_list { display: block; width: 100%; overflow: hidden; margin: auto; } .pic_list li { width: 25%; height: 300px; margin-bottom: 10px; margin-left: 20px; color: #333; font-size: 16px; overflow: hidden; float: left; display: inline; } .pic_list li .li-div { width: 95%; margin: auto; text-align: center; } .pic_list li .li-img-box { width: 200px; height: 225px; border: 1px solid #e5e5e5; overflow: hidden; margin: auto; } .pic_list li .li-img { width: 100%; height: 100%; transition: 1s; overflow: hidden; } .pic_list li .li-img img { width: 100%; height: 100%; } .pic_list li .li-wen { height: 40px; line-height: 40px; color: #333; text-align: center; transition: 2s; } .pic_list li:hover .li-wen { color: #bb322d; } .pic_list li:hover .li-img { animation: hover-img 1.5s infinite; -webkit-animation: hover-img 1.5s infinite; } .pic_list li img { width: 100%; height: 225px; } .pic_list1 { display: block; width: 100%; overflow: hidden; margin: auto; } .pic_list1 li { width: 25%; height: 300px; margin-bottom: 10px; color: #333; font-size: 16px; overflow: hidden; float: left; display: inline; } .pic_list1 li .li-div { width: 95%; margin: auto; text-align: center; } .pic_list1 li .li-img-box { width: 100%; height: 225px; border: 1px solid #e5e5e5; overflow: hidden; margin: auto; } .pic_list1 li .li-img { width: 100%; height: 100%; transition: 1s; overflow: hidden; } .pic_list1 li .li-img img { width: 100%; height: 100%; } .pic_list1 li .li-wen { height: 40px; line-height: 40px; color: #333; text-align: center; transition: 2s; } .pic_list1 li:hover .li-wen { color: #bb322d; } .pic_list1 li:hover .li-img { animation: hover-img 1.5s infinite; -webkit-animation: hover-img 1.5s infinite; } .pic_list1 li .li-img1 img { width: 100%; height: 225px; } .pic_san { display: block; width: 95%; overflow: hidden; margin: auto; } .pic_san ul.pic_list1 { display: block; width: 100%; overflow: hidden; margin: auto; } .pic_san ul.pic_list1 li { width: 31.98%; height: 300px; margin-bottom: 10px; color: #333; font-size: 16px; overflow: hidden; float: left; display: inline; } .pic_san ul.pic_list1 li .li-div { width: 95%; margin: auto; text-align: center; } .pic_san ul.pic_list1 li .li-img-box { width: 100%; height: 225px; border: 1px solid #e5e5e5; overflow: hidden; margin: auto; } .pic_san ul.pic_list1 li .li-img { width: 100%; height: 100%; transition: 1s; overflow: hidden; } .pic_san ul.pic_list1 li .li-wen { height: 40px; line-height: 40px; color: #333; text-align: center; transition: 2s; } .pic_san ul.pic_list1 li:hover .li-wen { color: #bb322d; } .pic_san ul.pic_list1 li:hover .li-img { animation: hover-img 1.5s infinite; -webkit-animation: hover-img 1.5s infinite; } .pic_san ul.pic_list1 li img { width: 100%; height: 225px; } .news_nei1 { display: flex; align-items: center; background-color: #fff; padding: 15px 25px 15px 20px; transition: all 0.8s; margin-bottom: 20px; box-shadow: #e5e5e5 1px 4px 12px; box-sizing: border-box; } .news_xinwen { padding-left: 15px; } .news_tu a img { width: 380px; height: 225px; } .news_xinwen a h2 { font-size: 20px; line-height: 36px; color: #333; padding-bottom: 13px; transition: all 0.4s; } .news_xinwen a p { font-size: 14px; line-height: 26px; color: #333; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp: 2; -moz-box-orient: vertical; overflow-wrap: break-word; word-break: break-all; white-space: normal; overflow: hidden; padding-bottom: 20px; transition: all 0.4s; height: 82px; box-sizing: border-box; } .news_xinwen a span { } .news_xinwen a h2 span { } .news_xinwen a span img { padding-right: 10px; } .news_nei1:hover { background-color: #1a379f; } .news_nei1:hover .news_xinwen a h2 { color: #fff; } .news_nei1:hover .news_xinwen a p { color: #fff; } .news_nei1:hover .news_xinwen a span { color: #fff; } .news_nei1:hover .news_xinwen .news_tu1 { display: none; } .news_nei1:hover .news_xinwen .news_tu2 { display: block; } .news_nei1:nth-last-child(1) { margin-bottom: 0; } .col_news_list .wp_entry,.col_news_list .wp_entry p {line-height: 2;font-size: 20px;color:#333;font-family: 宋体;text-indent: 2em;} /*.col_news_list .wp_entry p { margin-bottom:10px;}*/ .col_news_list .wp_entry p {LINE-HEIGHT: 200% !important;} .col_news_list img {border:0px !important;} .col_news_list .wp_entry table{ margin-bottom:4px;} .col_news_list .wp_entry img { max-width:680px; _width:expression(this.width > 680 ? "680px" : this.width); } /**列表页文章图片大小限制**/ .col_news .news_list .news { border-bottom: 1px solid #ccc; padding: 25px 0px; overflow: hidden; position: relative; /* padding-left: 100px; */ display: flex; align-items: center; } .list4 .col_news .news_list .news { width: 45%; float: left; margin: 0 2.5%; padding: 22px 0; border-bottom: 0; } .list4 .col_news .news_list .news .news_img { height: 100%; } .list4 .col_news .news_list .news img { margin-right: 45px; height: 172px; width: 133px; } .col_news .news_list .news_date { width: 70px; height: 70px; border: 1px solid #004387; text-align: center; text-align: center; flex: none; } .col_news .news_list .news_date .news_year { color: #004387; font-weight: 600; font-size: 20px; display: block; margin: 10px 0px 0px 0px; line-height: 34px; } .col_news .news_list .news_date .news_days { font-size: 13px; color: #004387; } .col_news .news_list .news_title { flex: 1; font-size: 17px; /* margin-left: 20px; */ line-height: 26px; /* white-space: nowrap; */ /* overflow: hidden; */ /* text-overflow: ellipsis; */ /* margin-bottom: 10px; */ /* width: 100%; */ } .list4 .col_news .news_list .news_title,.list4 .col_news .news_list .news_title a { color: #333; display: block; font-size: 14px; margin-bottom: 5px; } .col_news .news_list .news_text { font-size: 14px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; /* 超出部分省略号 */ word-break: break-all; /* 设置省略字母数字 */ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; /* 显示的行数 */ } .list4 .col_news .news_list .news_text { height: 70px; overflow: hidden; display: block; color: #444; font-size: 12px; line-height: 22px; margin-bottom: 0px;-webkit-line-clamp: 3; display: -webkit-box; } .list4 .col_news .news_list a span { width: 14px; position: relative; height: 14px; display: inline-block; background: #1e76b2; color: #fff; top: 3px; left: 10px; } .col_news .news_list .news_text a { color: #444; } .col_news .news_list .news_wz { flex: 1; margin-left: 20px; } .list4 .col_news .news_list .news_wz { margin-left: 0; } .col_news .news_list .news_wz .news_con {} .col_news .news_list .news_wz .news_con .sub_title { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .list4 .col_news .news_list .news_wz .news_con .sub_title{-webkit-line-clamp: 10;} .list4 .col_news .news_list .news_wz .news_con .sub_title a { font-weight: bolder; color: #01538b; font-size: 16px; margin-bottom: 10px; display: block; line-height: 21px; } /**文章页**/ .infobox {padding: 0; margin:0 auto;width: 100%;min-height: 500px;float: left;} .article {padding-top:10px;padding-right: 400px;} .article h1.arti_title {line-height: 36px;font-family: "Microsoft YaHei";font-size:22px;text-align:center;color: #004387;} /**文章标题**/ .article h2.arti_title {line-height: 34px;font-family: "Microsoft YaHei";font-size: 17px;text-align:center;color: #1B1B1B;} /**文章副标题**/ .article .arti_metas {padding:10px;text-align:center;/* border-top:1px solid #ececec; */} .article .arti_metas span { margin:0 5px; font-size:12px; color:#787878;}/**文章其他属性**/ .article .entry { margin:0 auto; overflow:hidden;margin-top:10px;} /**文章内容**/ .article .entry .read,.article .entry .read p { line-height:1.75; font-size:14px; color:#333;} /**阅读字体**/ .article .entry .read p { margin-bottom:10px;} .article .entry .read img {margin:0 auto; max-width:100%; _width:expression(this.width > 940 ? "940px" : this.width); } /**文章阅读部分图片大小限制**/ .article .entry .read table{margin:0 auto; border:none!important;} .listr { float: right; width: 350px; float: right; margin-left: -350px; position: relative; margin-top: 13px; } .listr .tit .title { font-size: 22px; color: #333; } .listr .tit { margin-bottom: 24px; } .listr .news { border-bottom: 1px dotted #ccc; /* height: 70px; */ overflow: hidden; margin: 30px 0px; position: relative; /* padding-bottom: 20px; */ /* padding-left: 85px; */ padding-bottom: 10px; } .listr .news .news_date { /* position: absolute; */ left: 0px; top: 0; width: 70px; height: 60px; border-right: 1px solid #ccc; text-align: right; padding-right: 20px; text-align: center; margin-right: 20px; box-sizing: border-box; float: left; } .listr .news .news_date span { display: block; line-height: 30px; font-size: 16px; } .listr .news .news_title { font-size: 15px; line-height: 30px; padding-left: 90px; } .wp_listcolumn { display:block; width:100%; border-top:1px solid #ddd; border-bottom:1px solid #fff;} .wp_listcolumn .wp_column {display:block; width:100%; vertical-align: bottom;} .wp_listcolumn .wp_column a {display:block;width:100%;color:#666;font-size:15px;font-weight:bold;word-wrap:break-word;background:#f5f5f5 ;border-bottom:1px solid #ddd;border-top:1px solid #fff;text-align: left;} .wp_listcolumn .wp_column a:hover { color:#C00; background-color:#f9f9f9; } .wp_listcolumn .wp_column a.selected { color:#000; background-color:#e8e8e8; } .wp_listcolumn .wp_column a .column-name { display:inline-block; line-height:22px; padding:5px 10px 5px 20px; cursor:pointer;} /*校园风光*/ .beautiful-qit { margin-top: 20px; min-height: 610px; } .beautiful-qit .title { overflow: hidden; margin-bottom: 0px; } .beautiful-qit .title .title-left .title-text { font-size: 26px; font-weight:600; color: #ffffff; letter-spacing: 0; margin-top: 15px; margin-left: 6px; margin-right: 25px; float:left; margin-bottom:15px; } .beautiful-qit .title .title-left .more03{ float:right; padding-right:10px;margin-top:20px;margin-bottom:20px; } .beautiful-qit .title .title-left .more03 a{ color: #ffffff; } .beautiful-qit .beautiful-qit-left { float: right; width:48%; height: 300px; min-height: 1px; padding-right: 0px; padding-left: 0px; margin:0; } .beautiful-qit .beautiful-qit-right { float:left; width:49%; padding-left: 0; overflow:hidden; min-height: 1px; padding-right: 0px; margin:0; padding:0; } .beautiful-qit .beautiful-qit-right .title { padding-left: 4%; background: rgb(31 107 180); } .beautiful-qit .beautiful-qit-right .beautiful-qit-item { width: 50%; float: left; height: 260px; position: relative; } .beautiful-qit .beautiful-qit-right .beautiful-qit-item:hover .cover { visibility: hidden; opacity: 0; } .beautiful-qit .beautiful-qit-right .beautiful-qit-item:hover .cover1 { visibility: hidden; opacity: 0; } .beautiful-qit .beautiful-qit-right .beautiful-qit-item img { width: 100%; height: 100%; object-fit: cover; } .beautiful-qit .cover { width: 100%; height: 100%; position: absolute; /* padding: 20px; */ top: 0; left: 0; text-align: center; transition: 0.3s linear; background-color: rgba(4, 75, 123, 0.55); background-repeat: no-repeat; background-position: center center; } .beautiful-qit .cover p { font-size: 18px; padding: 0 20px; color: #ffffff; letter-spacing: 0.23px; line-height: 38px; margin-top: 130px; margin-bottom: 0; } .beautiful-qit .cover1 { width: 100%; height: 100%; position: absolute; /* padding: 20px; */ top: 0; left: 0; text-align: center; transition: 0.3s linear; background-color: rgba(128, 128, 128, 0.55); background-repeat: no-repeat; background-position: center center; } .beautiful-qit .cover1 p { font-size: 18px; padding: 0 20px; color: #ffffff; letter-spacing: 0.23px; line-height: 38px; margin-top: 130px; margin-bottom: 0; } .beautiful-qit .cover span { opacity: 0.7; font-family: MicrosoftYaHei,sans-serif; font-size: 14px; color: #ffffff; letter-spacing: 0.18px; line-height: 38px; } .beautiful-qit .two { background: white; width: 100%; height: 100%; text-align: center; position: absolute; top: 0; left: 0; } .beautiful-qit .two p { font-family: MicrosoftYaHei,sans-serif; font-size: 18px; color: #02548b; letter-spacing: 0.23px; line-height: 38px; margin-top: 130px; } .beautiful-qit .two span { font-family: MicrosoftYaHei,sans-serif; font-size: 14px; color: #444444; letter-spacing: 0.18px; line-height: 38px; } /*优秀教师*/ .container04{ margin-bottom:30px; } .com_p34 { width: 100%; height: 48px; position: relative; color: rgb(31, 107, 180); font-size: 26px; line-height: 26px; font-weight: 600; border-bottom: 3px solid rgb(31, 107, 180); margin-bottom: 10px; padding-bottom: 18px; } .com_p34 a { position: absolute; top: 0; right: 0; color: #444; font-size: 14px; } .list5 { padding:0px 0 0; margin: 10px 0 0 } .list5 li{ line-height:50px; height:50px; } .list5 li a { display: block } .list5 li a h5 { font-size: 16px; color: #003366; font-weight:normal; line-height: 50px; position: relative; padding: 0 0 0 15px; height: 50px; transition: .5s } .list5 li a:hover h5{ padding: 0 0 0 5px; } .list5 li a h5:before { content: ""; position: absolute; top: 15px; left: 0; width: 2px; height: 20px; background: rgb(31, 107, 180); } .overfloat-dot { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } /*index*/ .index-flash { width: 100%; overflow: hidden; position: relative; height:auto; max-height:680px; } .index-flash li { position: relative; height: 100%; max-height:680px; overflow: hidden; } .index-flash li .img a { position: relative; display: block; height: 680px; overflow: hidden; } .index-flash li .img a:before { content: ""; display: block; position: absolute; z-index: 5; left: 0; bottom: 0; right: 0; top: 0; background: url("../images/bf.png") no-repeat center; background-size: auto 5.19rem; } .index-flash li .img a img { position: absolute; left: 50%; top: 50%; min-height: 100%; min-width: 100%; max-width: 1000%; transform: translate(-50%, -50%); } .index-flash li .name a { display: block; color: #fff; text-align: center; font-weight: bold; position: absolute; z-index: 5; left: 0; right: 0; top: auto; bottom: 0rem; font-size: 20px; padding: 0rem; height: 3.3em; line-height: 3.3em; background:rgba(31,107,180,0.8); } .index-flash .btn { position: absolute; z-index: 5; left: 0; right: 0; top: auto; bottom: 1.6rem; } .index-flash .btn .dots span { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin: 0 8px; width: 10px; height: 10px; background: rgba(255, 255, 255, 0.78); opacity: 1; } .index-flash .btn .dots span.swiper-pagination-bullet-active { background: #dcc55a; } .index-flash .btn a { font-size: 12px; color: #fff; height: 14px; line-height: 14px; border-left: rgba(255, 255, 255, 0.65) solid 1px; margin-left: 12px; padding-left: 17px; } .index-flash .btn a:hover { color: #dcc55a; } .index-flash .arrow a { display: block; width: .53rem; height: .53rem; background: center no-repeat; background-size: 100%; position: absolute; z-index: 1; left: auto; right: auto; top: 50%; bottom: auto; margin-top: -.26rem; opacity: 0; } .index-flash .arrow a.prev { left: .28rem; } .index-flash .arrow a.next { right: .28rem; } .index-flash:hover .arrow a { opacity: .5; } .index-flash:hover .arrow a:hover { opacity: 1; } /*内容页*/ .col_news_con { width: 100%; min-height: 500px; float: none; } .del_div .tit font { color: #fff; font-weight: bold; } .del_div .del_txt .txt_div { margin-top: 10px; padding: 10px 0 10px 0; border-top: 1px solid #cccccc; overflow: hidden; } .wp_single { width: 98%; overflow: hidden; } .del_div .tit { padding: 20px 20px 10px; } .del_div .tit h3 { width: 100%; margin: 0 auto; text-align: center; color: #111; font-size: 30px; font-family: Simsun,NSimSun,FangSong; font-weight: 600; line-height: 180%; } .del_div .tit { color: #1f6ad3; background: none; } .over_f { color: #333; font-weight: 100; font-size: 16px; text-align: center; margin-top:10px; } .over_f span{ margin-right:10px; } .txt_div img { display: block; margin: 0 auto; max-width: 80%; height: auto } .xgfj a:hover { text-decoration: underline; } /*图片列表页*/ .R_caiyi{ margin-top:28px; } .R_caiyi .R_tice{ margin-top:15px; background-color: #fff; height: 110px; animation-delay: 0.4s; visibility: visible; animation-name: fadeInUp; animation-duration: 1.5s; } .R_caiyi .R_tice:hover .caiyi-r h1{ color:#dc0000; } .R_caiyi .R_tice:hover .caiyi-r span{ color:#dc0000; } .R_caiyi .R_tice .caiyi-l{ width: 292px; overflow: hidden; cursor: pointer; } .R_caiyi .R_tice .caiyi-l img{ width: 100%; cursor:pointer; transition: all .3s ease-in 0s; -o-transition: all .3s ease-in 0s; -ms-transition: all .3s ease-in 0s; -moz-transition: all .3s ease-in 0s; -webkit-transition: all .3s ease-in 0s; } .R_caiyi .R_tice .caiyi-l:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); transition: all .3s ease-in 0s; -o-transition: all .3s ease-in 0s; -ms-transition: all .3s ease-in 0s; -moz-transition: all .3s ease-in 0s; -webkit-transition: all .3s ease-in 0s; } .R_caiyi .R_tice .caiyi-r{ width: calc(100% - 292px); padding:19px 30px 20px 30px; } .R_caiyi .R_tice .caiyi-r h1{ font-size: 18px; color:#333; font-weight: bold; display: inline-block; line-height: 1.5; } .R_caiyi .R_tice .caiyi-r span{ display: inline-block; float: right; font-size: 16px; color:#999; font-weight: bold; font-family: arial; } .R_caiyi .R_tice .caiyi-r p{ font-size: 14px; color:#999; line-height: 2; margin-top:10px; } .R_caiyi .R_tice .caiyi-r a{ display: inline-block; padding:10px 15px; border-radius: 25px; background-color: #fff; margin-top:10px; font-size: 12px; color:#999999; border:1px solid #e8e8e8; } .R_caiyi .R_tice .caiyi-r a span{ display: inline-block; width: 12px; height: 12px; background-size: 12px; background-repeat: no-repeat; margin-left: 10px; } .R_caiyi .R_tice .caiyi-r:hover a{ background-color: #dc0000; color:#fff; } .R_caiyi .R_tice .caiyi-r:hover a span{ background-repeat: no-repeat; } .R_caiyi .R_tice .caiyi-rr{ width: 100%; padding:18px 30px 20px 30px; } .R_caiyi .R_tice .caiyi-rr h1{ font-size: 18px; color:#333; font-weight: bold; display: inline-block; line-height: 1.5; } .R_caiyi .R_tice:hover .caiyi-rr h1{ color:#dc0000; } .R_caiyi .R_tice:hover .caiyi-rr span{ color:#dc0000; } .R_caiyi .R_tice .caiyi-rr span{ display: inline-block; float: right; font-size: 16px; color:#999; font-weight: bold; } .R_caiyi .R_tice .caiyi-rr p{ font-size: 14px; color:#999; line-height: 2; margin-top:10px; display: none; } .R_caiyi .R_tice .caiyi-rr a{ display: inline-block; padding:10px 15px; border-radius: 25px; background-color: #fff; margin-top:10px; font-size: 12px; color:#999999; border:1px solid #e8e8e8; } .R_caiyi .R_tice .caiyi-rr a span{ display: inline-block; width: 12px; height: 12px; background-size: 12px; background-repeat: no-repeat; margin-left: 10px; } .R_caiyi .R_tice .caiyi-rr:hover a{ background-color: #dc0000; color:#fff; } .R_caiyi .R_tice .caiyi-rr:hover a span{ background-repeat: no-repeat; } .ys_list { width: 102.4%; float: left; margin: 0 0 20px -1.2%; } .ys_list li { width: 50%; padding: 0 1.2% 30px 1.2%; float: left; } .ys_list a { display: block; width: 100%; height: 215px; background-color: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, .15); position: relative; padding: 25px 50px 25px 185px; } .ys_list a:hover { box-shadow: 0 2px 15px rgba(0, 0, 0, .2); } .ys_list .imgk { width: 122px; position: absolute; left: 30px; top: 25px; overflow: hidden; } .ys_list .imgk img{ width:100%; } .ys_list .bt { font-size: 20px; font-weight: bold; margin-bottom: 20px; color:#000; } .ys_list p { height: 52px; line-height: 26px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color:#333; } .ys_list .s_more { font-size: 16px; position: absolute; right: 50px; bottom: 25px; } .ys_list .s_more:after { content: ''; border-top: 8px solid rgba(0, 0, 0, 0); border-right: 8px solid rgba(0, 0, 0, 0); border-left: 8px solid #ae0000; border-bottom: 8px solid rgba(0, 0, 0, 0); display: inline-block; margin-left: 10px; vertical-align: middle; position: relative; top: -1px; } .ejcd2{width:100%;margin: 0px;background:#fff;padding-top: 0px;margin-bottom: 0px;position: relative} .ejcd2 ul li a{line-height: 40px;color: #666666;font-size: 16px;padding-left: 20px; display: block;} .ejcd2 ul li.cur a{border-left: 0px solid #0E419C;color:#0E419C;background: #FFFFFF;} .ejcd2 ul li:hover a{border-left: 0px solid #0E419C;color:#0E419C;background: #eee;font-weight:400;} @media only screen and (max-width: 1200px) { .ys_list { width: 100%; margin: 0 0 5px 0%; } .ys_list li { width: 100%; padding: 0 0% 15px 0%; } .ys_list a { height: 150px; padding: 15px 15px 15px 120px; } .ys_list .imgk { width: 90px; left: 15px; top: 15px; height: 120px; } .ys_list .bt { font-size: 14px; margin-bottom: 10px; } .ys_list p { height: 44px; line-height: 22px; font-size: 13px; } .ys_list .s_more { font-size: 13px; right: 15px; bottom: 15px; } .ys_list .s_more:after { border-top: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid rgba(0, 0, 0, 0); border-left: 5px solid #ae0000; border-bottom: 5px solid rgba(0, 0, 0, 0); margin-left: 8px; } } @media (max-width: 767px) { /*手机按钮*/ .menuph{ display:block; float: right;} .menuph .point { position: absolute; display: inline-block; width: 28px; height: 22px; margin-top: 33px; margin-right:0px; } .menuph .point:hover .navbtn, .menuph .point:hover .navbtn::after, .menuph .point:hover .navbtn::before { width: 28px;} .menuph .navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width: 21px; height: 1px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #fff;} .menuph .navbtn::after, .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 28px; height: 1px; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #fff;} .menuph .navbtn::after { top: -11px;} .menuph .navbtn::before { top: 10px;} .menuph .point.active .navbtn { background: transparent;} .menuph .point.active .navbtn::after { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .menuph .point.active .navbtn::before { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} .phsou { position: absolute; top: 20px; right: 80px;} .phsou img { width: 40px; cursor: pointer;} #menu{ display:none;} /* *头部导航 */ .pc-nav{ z-index: 1000;} .pc-nav ul{ width: 98%; margin:0 auto; padding:1%; } .pc-nav>.content .li{ float: left; width: auto; position: relative;} .pc-nav>.content .li >a > span{ display: inline-block; height: 60px; font-size: 18px; color: #ffffff; text-align: center; line-height: 60px; padding-right: 15px; padding-left: 15px;} .pc-nav >.content .li:hover{ background: #0065c3;} .pc-nav >.content .li:hover >a >span{} .pc-nav >.content .li.on{} .pc-nav >.content .li.on >a > span{} .pc-nav >.content .nav-down1{ width: 100%; position: absolute; top:60px; left: 0; display: none;} .pc-nav >.content .nav-down{ width: 100%; height: auto; padding: 55px 0; min-height: 300px; background: rgba(255,255,255,0.9);} .pc-nav >.content .nav-down1 .left{ float: left; width: 490px; padding-right: 70px;} /*手机下拉*/ .phxia { display: block; position: absolute; top: 90px; width: 100%; z-index: 9999; padding:1%;} .xialaph { font-family: '微软雅黑'; position: absolute; z-index: 99999; top: 0; left: 0; border-top: 1px solid #ddd; display: none; width: 100%; padding-bottom: 11px; background-color: #0081cc;} .xialaph.active { top: 106px;} .xialaph .ul2, .xialaph .ul3 { display: none;} .xialaph h4 a { font-size: 16px; font-weight: bold; line-height: 59px; text-transform: uppercase; color: #ffffff;} .xialaph h4 { position: relative;} .xialaph h4::after { position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; content: ''; opacity: .5; background-color: #e5e5e5;} .xialaph h5 a { font-family: '微软雅黑'; font-size: 14px; line-height: 40px; text-transform: uppercase; color: #ffffff;} .xialaph h5 { position: relative; padding-left: 15px;} .xialaph h5::after { position: absolute; right: 0; bottom: 0; left: 0; height: 1px; content: ''; opacity: .5; background-color: #fff;} .img_d{ display: none;} .xialaph h4 img { float: right; width: 13px; margin-top: 23px; cursor: pointer;} .xialaph h5 img { float: right; width: 13px; margin-top: 26px; cursor: pointer;} .xialaph h4.active, .xialaph h5.active { border-bottom: 0;} .xialaph h4.active img.img_s, .xialaph h5.active img.img_s { display: none;} .xialaph h4.active img.img_d, .xialaph h5.active img.img_d { display: block;} .xialaph .ul2 { padding-top: 7px; padding-bottom: 8px; background-color: #0081cc;} .xialaph .ul3 { position: relative; margin-top: 0; padding-top: 10px; padding-bottom: 10px; padding-left: 30px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;} .xialaph .ul3 li a { font-size: 12px; line-height: 30px; display: block; text-transform: uppercase; color: #999;} .xialaph .ul3 li { padding-top: 5px;} .xialaph .ul3 li:first-child { padding-top: 0;} .phonemeng { position: absolute; z-index: 1048; top: 0; left: 0; display: none; width: 100%; height: 100%; opacity: .6; background-color: #000;} .phonemeng.active { display: block;} .news_xinwen { padding-left: 0px; } .news_nei1{padding:10px 5px;} .danwei_nei { width: 99%; display: flex; align-items: center; padding: 0 1%; display: flex; height: 50px; background: #f5f5f5; margin-bottom: 16px; box-shadow: #8D9AA6 3px 3px 3px; transition: all 0.6s; margin-right: 0%; } }