body { font-family: "microsoft yahei"; font-size: 16px; color: #444444; padding: 0; margin: 0 } .container { max-width: 100%; box-sizing: content-box } .item1-1,.dl-menuwrapper { display: none } img { max-width: 100%; border: none } h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,hr,input,p { padding: 0; margin: 0; list-style: none } a { color: inherit; font: inherit; text-decoration: none } a:hover { text-decoration: none; color: #b52121 } a:focus { text-decoration: none } .clearfix { zoom: 1 } .clearfix:after { clear: both; content: ""; display: block; width: 0; height: 0; visibility: hidden } .rel { position: relative } .main-tit { margin-bottom: 20px; position: relative } .main-tit .wz { display: block } .main-tit .wz .t { font-size: 22px; color: #103474; float: left; font-weight: bold } .main-tit .wz .e { font-size: 20px; color: #999999; font-family: "Times New Roman"; } .main-tit .more { float: right; font-size: 14px; color: #808080; width: 134px; height: 43px; text-align: center; line-height: 43px; background: url(../images/mtit1.png) no-repeat center } .main-tit2 { position: relative; left:-8px; z-index: 99; width: 405px; height: 121px; display: block; padding: 34px 30px; box-sizing: border-box; background: url(../images/tzgg_lm_bj.png) no-repeat center; background-size: contain; } .main-tit2 .wz { display: block } .main-tit2 .wz .t { font-size: 22px; color: #ffffff; font-weight: bold } .main-tit2 .wz .e { font-size: 20px; color: #ffffff } .main-tit2 .more { float: right; font-size: 14px; color: #ffffff; width: 134px; height: 43px; text-align: center; line-height: 43px; background: url(../images/mtiti2.png) no-repeat center } .fl { float: left } .fr { float: right } .hid { overflow: hidden } .wrapper { position: relative } .animation-delay-1 { -webkit-animation-delay: 1s; animation-delay: 1s } .animation-delay-2 { -webkit-animation-delay: 1.25s; animation-delay: 1.25s } .animation-delay-3 { -webkit-animation-delay: 1.5s; animation-delay: 1.5s } .top-container { padding: 0 4% } .top { height: 36px; line-height: 36px; background-color:#e6e6e6; } .top .top-link { color: #333; font-size: 13px } .top .top-link a { font-size: 13px; color: #333 } .top span { color: #333; font-size: 13px } .ssfdj img{ vertical-align: middle; margin-top: -2px; } .header { z-index: 9; position: relative; background: #103770; } .header .logo { overflow: hidden; padding: 14px 0 } .header .top-right { width: calc(100% - 315px); padding-left: 60px } .header .top-right .site-search a.fa-search { width: 20px; height: 20px; background: url(../images/se.png) no-repeat; padding-right: 0; float: right; margin-top: 7px } .header .top-right .site-search .search { width: 260px; color: #999999; position: relative; height: 35px; border: 1px solid #14477e; background: #12365c; border-radius: 8px; overflow: hidden; box-sizing: border-box } .header .top-right .site-search .search .text { width: 200px; padding-left: 18px; height: 35px; line-height: 35px; border: none; outline: none; background: none; font-size: 14px; color: #ffffff; opacity: 0.6 } .header .top-right .site-search .search .sub { width: 20px; height: 20px; float: right; margin-top: 7px; margin-right: 15px } .page-box { position: fixed; left: 0; right: 0; top: 0; z-index: 100000 } .header-fixed { position: fixed; z-index: 12; right: 0; left: 0; top: 0; background: rgba(18,54,92,0.68) } .side-right .header-fixed { height: 100% } nav.navbar.bootsnav { border: none; margin: 0 } nav.navbar.bootsnav ul.nav { width: 100% } nav.navbar.bootsnav ul.nav li { width: 10%; text-align: center; position: relative; z-index: 99999 } nav.navbar.bootsnav ul.nav li a { font-size: 23px; color: #ffffff; font-weight: normal; padding: 51.5px 0; position: relative; z-index: 999999; margin-right: 10px; } nav.navbar.bootsnav ul.nav li:hover a { background: #3767ad; } nav.navbar.bootsnav ul.nav li:hover .bor { display: block } nav.navbar.bootsnav ul.nav li .bor { display: none; position: absolute; border: 2px solid rgba(255,255,255,0.3); width: 69%; top: 10px; height: 100%; left: 45px; z-index: 1 } nav.navbar.bootsnav ul.nav li:hover a { font-weight: bold; background-size: 100% 100% } nav.navbar.bootsnav ul.nav li.dropdown a.dropdown-toggle:after { display: none } nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu { border-top: none; text-align: center; height: 100%; border: none; min-width: 100%; position: absolute; z-index: 999 } nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu .bor { display: block; position: absolute; border: 2px solid rgba(255,255,255,0.3); width: 69%; top: 10px; height: 100%; left: 45px; z-index: 1; border-top: none } nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu li { width: 100%; text-align: center; line-height: normal; } nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu a { color: #ffffff; font-size: 16px; border: none; background: #0f5bab; padding: 10px 7px; font-weight:normal; } nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu li:hover a { background: #0a3e74 } nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu:before { background-size: 100% 100%; width: 19px; height: 8px; content: ""; display: block; transition: all 0.4s ease 0s; left: 50%; top: -8px; position: absolute; margin-left: -10px } .sou-link { margin-top: 45px } .sou-link .item { display:none; float: left; text-align: center; line-height: 28px; margin-left: 3px } .sou-link .item1 { width: 69px; height: 28px; background: url(../images/bgq1.png) no-repeat center } .sou-link .item1 a { font-size: 15px; color: #fff } .sou-link .item2 { width: 69px; height: 28px; background: url(../images/bgq2.png) no-repeat center } .sou-link .item2 a img { display: block; margin: 7px auto } .banner { position: relative; z-index: 1 } .banner .carousel .item a { display: block; overflow: hidden } .banner .carousel .item a img { width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .banner .carousel .item a:hover img { transform: scale(1.1) } .banner .img-k { position: absolute; left: 7%; top: 50%; margin-top: -106px } .index-tit { height: 33px } .index-tit h2 { float: left; font-size: 18px; color: #feffff; line-height: 33px; padding-right: 11px; background: #133e6c } .index-tit h2 i { width: 20px; height: 33px; float: left; margin: 0 9px } .index-tit h2 .i1 { background: url(../images/icon1.png) no-repeat center } .index-tit h2 .i2 { background: url(../images/icon2.png) no-repeat center } .index-tit h2 .i3 { background: url(../images/icon3.png) no-repeat center } .index-tit h2 .i4 { background: url(../images/icon4.png) no-repeat center } .index-tit h2 .i5 { background: url(../images/icon5.png) no-repeat center } .index-tit h2 .i6 { background: url(../images/icon6.png) no-repeat center } .index-tit h2 .i7 { background: url(../images/icon7.png) no-repeat center } .index-tit em { width: 14px; height: 33px; float: left; background: url(../images/sanj_03.png) no-repeat center } .index-tit .index-more { float: right; padding: 3px 10px; text-align: center; font-size: 14px; border: 1px solid #718ba7; color: #718ba7; box-sizing: border-box; margin-top: 2px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .index-tit .index-more:hover { background: #718ba7; color: #ffffff; font-weight: bold } .index-list { overflow: hidden } .index-list ul li { position: relative; overflow: hidden; line-height: 40px } .index-list ul li span { float: right; font-size: 14px; color: #666666 } .index-list ul li p { font-size: 16px; color: #333333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: calc(100% - 105px); padding-left: 16px; font-weight:bold; } .index-list ul li:before { content: ""; width: 7px; height: 7px; font-size: 20px; background: #c98308; position: absolute; top: 50%; margin-top: -3.5px; left: 0; transition: all 0.4s ease 0s } .index-list ul li:hover { margin-left: 5px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .index-list ul li:hover p { color: #14477e } .index-list ul li.first { border-bottom: 1px solid #e6e6e6; margin-bottom: 15px } .index-list ul li.first p { color: #14477e; } .index-list ul li.first p:before { content: ""; width: 7px; height: 7px; font-size: 20px; background: #c98308; position: absolute; top: 22%; margin-top: -3.5px; left: 0; transition: all 0.4s ease 0s } .index-list ul li.first .abst { font-size: 14px; color: #666666; line-height: 24px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2 } .index-list ul li.first::after { content: ""; width: 210px; height: 2px; background: #c98308; position: absolute; bottom: 0; left: 0; transition: all 0.4s ease 0s } .index-list ul li.first::before { display: none } .index-list2 ul li p { /* width: calc(100% - 75px); */ } .index-list2 ul li .abst { padding-left: 17px } .row1 { padding: 45px 0 45px 0 } .row1 .list1 .list1-1 ul { margin: 0 -15px } .row1 .list1 .list1-1 ul li { width: 33.3%; float: left; box-sizing: border-box; padding: 0 15px; } .row1 .list1 .list1-1 ul li:hover a .imgh .date{ background: #cc8b1a; } .row1 .list1 .list1-1 ul li:hover a .wz{ border-bottom: 2px solid #cc8b1a; } .row1 .list1 .list1-1 ul li a { display: block; position: relative } .row1 .list1 .list1-1 ul li a .imgh { width: 100%; height: 220px; overflow: hidden; display: block; position: relative } .row1 .list1 .list1-1 ul li a .imgh img { width: 100%; height: 100%; display: block; transition: linear 0.6s } .row1 .list1 .list1-1 ul li a .imgh img:hover { transform: scale(1.1) } .row1 .list1 .list1-1 ul li a .imgh .date { position: absolute; bottom: 0; left: 0; padding: 3px 10px; text-align: center; background: #3767ad; font-size: 13px; color: #ffffff } .row1 .list1 .list1-1 ul li a .wz { box-sizing: border-box; padding: 15px 25px; overflow: hidden; background: #f2f2f2; border-bottom: 2px solid #3767ad; } .row1 .list1 .list1-1 ul li a .wz .zy { height: 50px; line-height: 25px; font-size: 18px; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-weight:bold; } .row1 .list1 .list1-1 ul li a .jia { position: absolute; width: 20px; height: 20px; bottom: 0; right: 0; background: url(../images/jia.png) no-repeat center } .row1 .list1 .list1-1 ul li:hover a .wz .tit { color: #9b5e5d; font-weight: bold } .row1 .list1 .list1-1 ul li:hover a .jia { background: url(../images/jia2.png) no-repeat center } .row1 .list1 .list1-1 ul li:hover a .zy { color: #0c66c5 !important } .row1 .list1 .list1-2 ul { margin: 0 -15px } .row1 .list1 .list1-2 ul li { background: #fff; width: 33.3%; float: left; margin-top: 30px; padding: 0 15px } .row1 .list1 .list1-2 ul li a { height: 52px; display: table } .row1 .list1 .list1-2 ul li a .date { width: 52px; height: 52px; float: left; margin-right: 17px; background: url(../images/xtxw_con_time1.png) no-repeat center } .row1 .list1 .list1-2 ul li a .date .t { font-size: 16px; color: #ffffff; margin-top: 5px; margin-left: 8px } .row1 .list1 .list1-2 ul li a .date .b { font-size: 13px; color: #ffffff; margin-top: 4px; margin-left: 25px; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6 } .row1 .list1 .list1-2 ul li a .tit { width: 307px; display: table-cell; vertical-align: middle } .row1 .list1 .list1-2 ul li a .tit p { overflow: hidden; font-size: 16px; color: #333333; line-height: 25px; height: 50PX; font-weight:bold; } .row1 .list1 .list1-2 ul li:hover .tit p { color: #0c66c5 } .row1 .list1 .list1-2 ul li:hover a .date { background: url(../images/xtxw_con_time2.png) no-repeat center } xtxw_con_time1 .row1 .list2 { /* margin-top: -173px */ } .row1 .list2 ul { background: #edeff0; box-sizing: border-box; padding: 40px 29px 10px } .row1 .list2 ul li { background: #edeff0; width: 100%; margin-bottom: 42px } .row1 .list2 ul li a { display: table } .row1 .list2 ul li a .date { float: left; width: 71px; height: 64px; text-align: center; border-left: 3px solid #3767ad; background: url(../images/tzgg_con_time.png) no-repeat center } .row1 .list2 ul li a .date .t { font-size: 26px; color: #3767ad; margin-top: 3px } .row1 .list2 ul li a .date .b { font-size: 13px; color: #3767ad; } .row1 .list2 ul li a .tit { width: calc(100% - 91px); padding-left: 20px; display: table-cell; vertical-align: middle } .row1 .list2 ul li a .tit p { font-size: 16px; color: #333333; line-height: 25px; height: 50px; overflow: hidden; font-weight:bold; } .row1 .list2 ul li:hover .date { background: url(../images/tzgg_con_timenow.png) no-repeat center } .row1 .list2 ul li:hover .date .t,.row1 .list2 ul li:hover .date .b { color: #ffffff } .row1 .list2 ul li:hover .tit p { color: #0c66c5 } .row2 { padding: 0px 0 45px } .row2 .slick-prev,.row2 .slick-next { display: none !important } .row2 .slick { margin: 0 -30px } .row2 .slick .sw { padding: 0 30px; box-sizing: border-box; border: none; outline: none; } .row2 .slick .sw a { display: block; outline: none; overflow: hidden; border-right: 1px solid #d9d9d9; } .row2 .slick .sw a .imgf { width: 100%; display: block; position: relative; margin: 0 auto; outline: none; } .row2 .slick .sw a .imgf img { width: 160px; height: 218px; float: left; transition: linear 0.6s } .row2 .slick .sw a .imgf img:hover { transform: scale(1.1) } .row2 .slick .sw a .imgf .tit { width: calc(100% - 160px - 25px); float: left; padding-left: 25px } .row2 .slick .sw a .imgf .tit .tits { font-size: 17px; height: 50px; overflow: hidden; font-weight: bold; color: #333; align-self: center; line-height: 25px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2 } .row2 .slick .sw a .imgf .bt { margin-top: 15px; border-top: 1px solid #d9d9d9 } .row2 .slick .sw a .imgf .bt p { color: #333; font-size: 14px; overflow: hidden; margin-top: 15px } .row2 .slick .sw a .imgf .bt p i { width: 21px; height: 21px; float: left; margin: 0 auto; margin-right: 10px } .row2 .slick .sw a .imgf .bt .p1 i { background: url(../images/xshd_zcr_tb.png) no-repeat center } .row2 .slick .sw a .imgf .bt .p2 i { background: url(../images/xshd_bgr_tb.png) no-repeat center } .row2 .slick .sw a .imgf .bt .p3 i { background: url(../images/xshd_time_tb.png) no-repeat center } .row2 .slick .sw a .imgf .bt .p4 i { background: url(../images/xshd_dd_tb.png) no-repeat center } .row2 .slick .sw:hover .tits { color: #172844 !important } .row2 .slick-slider { margin-bottom: 0 !important } .row2 .slick-prev:before,.row2 .slick-next:before { display: none } .row3 { padding: 37px 0 20px; background: #e5edfa; box-sizing: border-box } .row3 .main-tit { margin-bottom: 10px } .row3 .tit-more { margin-top: 13px; width: 112px; box-sizing: border-box; background: #ffffff; padding: 5px 10px; } .row3 .tit-more a { font-size: 14px; color: #999999 } .row3 .tit-more a i { float: right; width: 20px; height: 20px; background: url(../images/jt1.png) no-repeat center; } .row3 .link-list2 { margin-top: 60px; } .row3 .link-list2 .main-tit3 { position: relative; background: #e8c581; padding: 15px 0 15px 20px; border-top-right-radius: 10px; border-top-left-radius: 10px } .row3 .link-list2 .main-tit3 .wz { display: block } .row3 .link-list2 .main-tit3 .wz .t { font-size: 20px; color: #fff; float: left } .row3 .link-list2 .main-tit3 .wz .e { font-size: 20px; color: #ffffff } .row3 .link-list2 .main-tit3 .more { float: right; font-size: 14px; color: #808080; width: 134px; height: 43px; text-align: center; line-height: 43px; background: url(../images/mtit1.png) no-repeat center } .row3 .link-list2 ul { background: #ffffff; box-sizing: border-box; padding: 15px 50px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px } .row3 .link-list2 ul li { float: left; width: 50%; margin: 15px 0 } .row3 .link-list2 ul li a { font-size: 14px; color: #333333; line-height: 50px; font-weight:bold; } .row3 .link-list2 ul li a i { width: 50px; height: 50px; float: left; margin-right: 15px } .row3 .link-list2 ul li:hover a { color: #0c66c5 } .row3 .link-list2 ul .a1 i { background: url(../images/xy1.png) no-repeat center } .row3 .link-list2 ul .a2 i { background: url(../images/xy2.png) no-repeat center } .row3 .link-list2 ul .a3 i { background: url(../images/xy3.png) no-repeat center } .row3 .link-list2 ul .a4 i { background: url(../images/xy4.png) no-repeat center } .row3 .lk { margin-left: 83px } .row3 .lk .gh { width: 100%; height: 345px; display: block; overflow: hidden; margin-bottom: 50px } .row3 .lk .gh img { width: 100%; transition: linear 0.6s } .row3 .lk .gh img:hover { transform: scale(1.1) } .row3 .lk .link-list1 ul li { margin-bottom: 16px; background: #ffffff; box-sizing: border-box; padding-left: 33px; padding-right: 25px } .row3 .lk .link-list1 ul li a { font-size: 14px; color: #333333; line-height: 55px; font-weight:bold; } .row3 .lk .link-list1 ul li a .a1 { width: 9px; height: 55px; float: left; margin-right: 8px; background: url(../images/icon2.png) no-repeat center } .row3 .lk .link-list1 ul li a .a2 { width: 7px; height: 55px; float: right; background: url(../images/icon3.png) no-repeat center } .row3 .lk .link-list1 ul li:hover a { color: #0c66c5 } .row3 .lk .main-tit { margin-bottom: 20px } .row3 .lk .main-tit .wz .e { font-size: 20px; color: #999999 } /* .row3 .lk .main-tit .wz .t { color: #333333 }*/ .row3 .xsgz .hd ul li { line-height: 37px !important } .row3 .xsgz .bd { margin-top: 30px } .row3 .xsgz .bd ul li { width: 100% } .row3 .xsgz .bd ul li img { width: 100%; height: 350px; display: block } .row4 { padding: 40px 0; box-sizing: border-box } .row4 .slick2 { margin: 10px -30px; position: relative } .row4 .slick2 .sw { box-sizing: border-box; outline: none; border: none; padding: 0 30px; text-align: center; } .row4 .slick2 .sw a { display: block; overflow: hidden; outline: none; } .row4 .slick2 .sw a .imgf { width: 132px; height: 126px; display: block; margin: 0 auto; background: url(../images/tybg1.png) no-repeat center } .row4 .slick2 .sw a .imgf i { width: 132px; height: 115px; display: block; margin: 0 auto; background: url(../images/k1.png) no-repeat center } .row4 .slick2 .sw a p { font-size: 15px; color: #333333; display: block; padding-top: 5px} .row4 .slick2 .sw:hover .imgf { background: url(../images/link_bj_now.png) no-repeat center } .row4 .slick2 .sw:hover a .imgf i { background: url(../images/k11.png) no-repeat center } .row4 .slick2 .sw1 a .imgf i { background: url(../images/k1.png) no-repeat center } .row4 .slick2 .sw1:hover a .imgf i { background: url(../images/k11.png) no-repeat center } .row4 .slick2 .sw2 a .imgf i { background: url(../images/k2.png) no-repeat center } .row4 .slick2 .sw2:hover a .imgf i { background: url(../images/k22.png) no-repeat center } .row4 .slick2 .sw3 a .imgf i { background: url(../images/k3.png) no-repeat center } .row4 .slick2 .sw3:hover a .imgf i { background: url(../images/k33.png) no-repeat center } .row4 .slick2 .sw4 a .imgf i { background: url(../images/k4.png) no-repeat center } .row4 .slick2 .sw4:hover a .imgf i { background: url(../images/k44.png) no-repeat center } .row4 .slick2 .sw5 a .imgf i { background: url(../images/k5.png) no-repeat center } .row4 .slick2 .sw5:hover a .imgf i { background: url(../images/k55.png) no-repeat center } .row4 .slick2 .sw6 a .imgf i { background: url(../images/k6.png) no-repeat center } .row4 .slick2 .sw6:hover a .imgf i { background: url(../images/k66.png) no-repeat center } .row4 .slick2 .sw7 a .imgf i { background: url(../images/k7.png) no-repeat center } .row4 .slick2 .sw7:hover a .imgf i { background: url(../images/k77.png) no-repeat center } .row4 .slick2 .sw8 a .imgf i { background: url(../images/k8.png) no-repeat center } .row4 .slick2 .sw8:hover a .imgf i { background: url(../images/k88.png) no-repeat center } .row4 .slick-slider { margin-bottom: 0 !important } .row4 .slick-prev { content: ""; display: block; position: absolute; top: 50%; left: 0px; width: 11px; height: 20px; z-index: 9999; background: url(../images/fans1.png) no-repeat center } .row4 .slick-next { content: ""; display: block; width: 11px; top: 50%; right: 0px; height: 20px; z-index: 9999; background: url(../images/fans3.png) no-repeat center } .footer { padding: 50px 0 15px; background: #103770; background-size: cover } .footer .main-n { background: #1c3e7b; border: 1px solid #3e5b8f; box-sizing: border-box; padding: 20px 110px; } .footer .foot-logo { margin-right: 35px } .footer .foot-logo img { width: 100% } .footer .wx-m { float: right; margin-top: 34px } .footer .wx-m .item0 { width: 58px; height: 58px; float: left; text-align: center; margin-right: 39px; background: url(../images/yyx.png) no-repeat center } .footer .wx-m .item0 a { display: inline-block; padding-top: 60px; color: #ffffff; font-size: 14px } .footer .wx-m .item1 { width: 58px; height: 58px; float: left; text-align: center; margin-right: 39px; background: url(../images/wb2.png) no-repeat center } .footer .wx-m .item1 a { display: inline-block; padding-top: 60px; color: #ffffff; font-size: 14px } .footer .wx-m .item2 { position: relative; width: 70px; height: 58px; float: left; text-align: center; background: url(../images/wx2.png) no-repeat center } .footer .wx-m .item2 a { display: inline-block; padding-top: 60px; color: #ffffff; font-size: 14px } .footer .wx-m .item2 .imgs { position: absolute; top: 0; left: 0; width: 120px; transition: linear 0.6s } .footer .wx-m .item2 .imgs img { width: 100%; height: 120px; display: none } .footer .wx-m .item2:hover .imgs { top: -120px } .footer .wx-m .item2:hover .imgs img { display: block } .footer .wx-m .item3 { width: 58px; height: 58px; float: left; text-align: center; margin-right: 39px; background: url(../images/sjxx.png) no-repeat center } .footer .wx-m .item3 a { display: inline-block; padding-top: 60px; color: #ffffff; font-size: 14px } .footer .wx-m .item4 { width: 58px; height: 58px; float: left; text-align: center; margin-right: 39px; background: url(../images/yzxx.png) no-repeat center } .footer .wx-m .item4 a { display: inline-block; padding-top: 60px; color: #ffffff; font-size: 14px } .footer .cory p { color: #ffffff; font-size: 14px; line-height: 33px } .footer .cory span { color: #ffffff; font-size: 16px; display: block; margin-bottom: 10px } .footer .cory span::after { content: ""; width: 15px; height: 2px; background: #ffffff; display: block; margin-top: 3px } .footer .sele { padding: 0 145px; margin-left: 110px; border-right: 1px solid #46546a; border-left: 1px solid #46546a } .footer .sele span { color: #ffffff; font-size: 16px; display: block; margin-bottom: 20px } .footer .sele span::after { content: ""; width: 15px; height: 2px; background: #ffffff; display: block; margin-top: 3px } .footer .sele .xl { margin-top: 5px; margin-right: 38px } .footer .sele .xl .lj { width: 152px; height: 30px; font-size: 14px; color: #fff; line-height: 30px; padding-left: 15px; box-sizing: border-box; border: 1px solid #FFFFFF } .footer .sele .xl .lj i { width: 10px; height: 30px; float: right; margin-right: 20px; background: url(../images/jt2.png) no-repeat center } .footer .sele .xl .lj ul { display: none; width: 152px; box-sizing: border-box; border-top: none; height: 60px; margin-left: -15px; margin-top: 0px; position: relative; z-index: 999; overflow: auto; background: #ffffff } .footer .sele .xl .lj ul li { box-sizing: border-box; padding-left: 15px } .footer .sele .xl .lj ul li a { font-size: 14px; color: #333; line-height: 20px } .bq { text-align: center; padding: 40px 0 20px; font-size: 14px; color: #ffffff } .bq a { line-height: 40px; font-size: 14px; color: #ffffff } .listpage { margin-top: 50px; margin-bottom: 55px } .listpage .nav-left { width: 270px; margin-top: -112px; position: relative; z-index: 99 } .listpage .nav-left .nav-tit { height: 105px; background: #0a224a; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 25px 0 25px 23px; box-sizing: border-box } .listpage .nav-left .nav-tit h3 { font-size: 24px; font-weight: bold; color: #ffffff } .listpage .nav-left .nav-tit p { font-size: 18px; color: #ffffff; padding-top: 5px } .listpage .nav-left .nav-sub { background: #f2f2f2; padding: 0px 0 0px 0; box-sizing: border-box; border-left: 3px solid #0a224a } .listpage .nav-left .nav-sub ul.nav-pills li.lv1 a { position: relative; display: block; border-bottom: 1px solid #cccccc; color: #333333; font-size: 18px; padding: 20px 20px 20px 20px; background: url(../images/fan.png) 220px center no-repeat } .listpage .nav-left .nav-sub ul.nav-pills li.lv1 ul.nav-list { padding: 10px 0; background: #ffffff; box-sizing: border-box } .listpage .nav-left .nav-sub ul.nav-pills li.lv1 ul.nav-list li.lv2 { background: url(../images/fan3.png) left center no-repeat; margin-left: 30px } .listpage .nav-left .nav-sub ul.nav-pills li.lv1 ul.nav-list li.lv2 a { display: block; color: #4c4c4c; font-size: 16px; padding-left: 20px; background: none; border: none; padding: 9px 0 9px 15px } .listpage .nav-left .nav-sub ul.nav-pills li.lv1 ul.nav-list li.lv2 a:before { display: none } .listpage .nav-left .nav-sub ul.nav-pills li.lv1 ul.nav-list li.lv2 a:hover,.listpage .nav-left .nav-sub ul.nav-pills li.lv1 ul.nav-list li.lv2 a.current { color: #0a224a; font-weight: normal } .listpage .nav-left .nav-sub ul.nav-pills li.lv1:hover { background: #e8c581; border: none; border-left: 3px solid #e8c581; margin-left: -3px; margin-top: -1px } .listpage .nav-left .nav-sub ul.nav-pills li.lv1:hover a { color: #0a224a; font-weight: bold; background: url(../images/fan2.png) 220px center no-repeat } .listpage .nav-left .nav-sub .bei1 { width: 100%; height: 108px; display: block; background: url(../images/bei1.png) no-repeat center } .listpage .nav-left .nav-sub .bei2 { width: 100%; height: 108px; display: block; background: url(../images/bei2.png) no-repeat center } .listpage .nav-left .nav-sub .bei3 { width: 100%; height: 108px; display: block; background: url(../images/bei3.png) no-repeat center } .listpage .nav-left .nav-sub .bei4 { width: 100%; height: 108px; display: block; background: url(../images/bei4.png) no-repeat center } .listpage .nav-left .nav-sub .bei5 { width: 100%; height: 108px; display: block; background: url(../images/bei5.png) no-repeat center } .listpage .nav-left .nav { margin-bottom: 20px } .listpage .con-right { width: calc(100% - 330px); min-height: 500px } .listpage .con-right .list-top { background: #f2f2f2; line-height: 60px } .listpage .con-right .list-top span { font-size: 18px; font-weight: normal; color: #0a224a; font-weight: bold; padding-left: 22px; border-left: 4px solid #0a224a } .listpage .con-right .list-top .location { color: #888888; margin-right: 15px; } .listpage .con-right .list-top .location a { color: #888888; font-size: 14px } .listpage .con-right .list-con { margin: 20px 0 } .listpage .con-right .con-page { padding-top: 30px } .listpage .con-right .con-page h2 { font-size: 22px; color: #444444; font-weight: bold; text-align: center; padding: 20px 0 10px; line-height: 28px; } .listpage .con-right .con-page h4 { font-size: 16px; color: #333333; font-weight: normal; text-align: center; line-height: 28px } .listpage .con-right .con-page .info { font-size: 15px; color: #999999; text-align: center; padding: 10px 0 20px; border-bottom: 1px dashed #cccccc } .listpage .con-right .con-page .info span { padding: 0 10px; font-size: 15px; color: #999999 } .listpage .con-right .con-page .content { padding: 20px 0 10px; /* border-bottom: 1px dashed #cccccc */ } .listpage .con-right .con-page .content p { font-size: 18px; line-height: 40px !important; text-indent: 2em; padding-bottom: 15px; text-align: justify; } .listpage .con-right .con-page .content p img { margin: 0 auto; display: block } .listpage .con-right .con-page .content table p { text-indent: 0; padding-bottom: 0 } .listpage .con-right .con-page .next { padding-top: 10px; } .listpage .con-right .con-page .next a { display: block; font-size: 16px; color: #555; padding: 10px 0; transition: all 0.6s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .listpage .con-right .con-page .next a span { font-size: 16px; color: #555 } .listpage .con-right .con-page .next a:hover { color: #0a224a; margin-left: 10px } .listpage .con-right .con-page .next a:hover span { color: #0a224a } .listpage .con-right .list-tea { margin: 0 -15px } .listpage .con-right .list-tea .sw { margin-top: 40px; float: left; width: 33.3%; padding: 0 15px; box-sizing: border-box } .listpage .con-right .list-tea .sw a { display: block; overflow: hidden } .listpage .con-right .list-tea .sw a .imgf { width: 100%; position: relative } .listpage .con-right .list-tea .sw a .imgf img { width: 140px; height: 195px; float: left; transition: linear 0.6s } .listpage .con-right .list-tea .sw a .imgf img:hover { transform: scale(1.1) } .listpage .con-right .list-tea .sw a .imgf .tit { width: calc(100% - 140px - 15px); float: left; padding-left: 15px } .listpage .con-right .list-tea .sw a .imgf .tit .tits { font-size: 16px; height: 50px; overflow: hidden; color: #333; align-self: center; line-height: 25px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2 } .listpage .con-right .list-tea .sw a .imgf .bt { margin-top: 15px; border-top: 1px solid #d9d9d9 } .listpage .con-right .list-tea .sw a .imgf .bt p { color: #666; font-size: 14px; overflow: hidden; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .listpage .con-right .list-tea .sw a .imgf .bt p i { width: 21px; height: 21px; float: left; margin: 0 auto; margin-right: 10px } .listpage .con-right .list-tea .sw a .imgf .bt .p1 { margin-top: 15px } .listpage .con-right .list-tea .sw a .imgf .bt .p1 i { background: url(../images/xs1.png) no-repeat center } .listpage .con-right .list-tea .sw a .imgf .bt .p2 i { background: url(../images/xs2.png) no-repeat center } .listpage .con-right .list-tea .sw a .imgf .bt .p3 i { background: url(../images/xs3.png) no-repeat center } .listpage .con-right .list-tea .sw a .imgf .bt .p4 i { background: url(../images/xs4.png) no-repeat center } .listpage .con-right .list-tea .sw:hover .tits { color: #172844 !important } .listpage .con-right .index-list3 ul li { position: relative; padding: 25px 15px; border-bottom: 1px solid #cccccc } .listpage .con-right .index-list3 ul li .date { float: left; width: 73px; margin-right: 40px } .listpage .con-right .index-list3 ul li .date .r { font-size: 24px; color: #333333 } .listpage .con-right .index-list3 ul li .date .y { display: block; margin-top: 5px; font-size: 13px; color: #333333 } .listpage .con-right .index-list3 ul li .tit { float: left; width: calc(100% - 73px - 40px) } .listpage .con-right .index-list3 ul li .tit .tits { font-size: 15px; color: #333333 } .listpage .con-right .index-list3 ul li .tit .zy { font-size: 13px; color: #808080 } .listpage .con-right .index-list3 ul li p { display: block; line-height: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .listpage .con-right .index-list3 ul a { overflow: hidden } .listpage .con-right .index-list3 ul li:hover { margin-left: -10px; margin-right: -10px; background: #f4f7fc; border-bottom: none; margin-top: -1px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease } .listpage .con-right .index-list3 ul li:hover .tit .tits { color: #14477e; font-weight: bold } .listpage .con-right .index-list3 ul li:hover .date .r { color: #0a224a } .listpage .con-right .index-list3 ul li:hover .date .y { color: #0a224a } .listpage .con-right .imgs-list { margin: 0 0 20px } .listpage .con-right .imgs-list ul { margin: 0 -20px; overflow: hidden; margin-top: 35px } .listpage .con-right .imgs-list ul li { width: 33.3%; float: left; margin-bottom: 35px } .listpage .con-right .imgs-list ul li .con-box { display: block; position: relative; padding: 0 20px } .listpage .con-right .imgs-list ul li .con-box a { display: block } .listpage .con-right .imgs-list ul li .con-box .pic { position: relative; width: 100%; display: block; overflow: hidden } .listpage .con-right .imgs-list ul li .con-box .pic i { display: none; position: absolute; top: 50%; left: 50%; width: 84px; height: 84px; display: block; transform: translate(-50%, -50%) } .listpage .con-right .imgs-list ul li .con-box .pic img { width: 100%; height: 235px } .listpage .con-right .imgs-list ul li .con-box .txt { text-align: center; padding: 15px 0px; background: #f0f0f0; border-bottom: 2px solid #e8c581 } .listpage .con-right .imgs-list ul li .con-box .txt p { font-size: 15px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .listpage .con-right .imgs-list ul li .con-box a.more { width: 35px; height: 35px; display: block; position: absolute; left: 50%; bottom: -18px; margin-left: -18px } .listpage .con-right .imgs-list ul li:hover .txt { background: #e6edf6; border-bottom: 2px solid #0a224a } .listpage .con-right .imgs-list ul li:hover .con-box a .txt P { color: #0a224a } .listpage .con-right .imgs-list ul li:hover .pic img { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; transform: scale(1.1) } .listpage .con-right .imgs-list ul li:hover .txt h5 { font-weight: bold; color: #0068b6 } .listpage .con-right .listq1-3 { margin-top: 20px } .listpage .con-right .listq1-3 li { clear: both; border-bottom: 1px dashed #cccccc; padding-bottom: 30px; padding-top: 30px } .listpage .con-right .listq1-3 li .imgs { float: left } .listpage .con-right .listq1-3 li .imgs img { width: 300px; height: 170px; display: block } .listpage .con-right .listq1-3 li .tit-p { padding: 15px; text-align: center; background: #f0f0f0; display: none } .listpage .con-right .listq1-3 li .tit-p a { font-size: 15px; color: #333333 } .listpage .con-right .listq1-3 li .date { text-align: right; width: 80px; margin-top: 45px } .listpage .con-right .listq1-3 li .date .r { font-size: 24px; color: #333333 } .listpage .con-right .listq1-3 li .date .y { display: block; margin-top: 5px; font-size: 13px; color: #333333 } .listpage .con-right .listq1-3 li .yw { padding: 0px 0 14px 0px; height: 170px; box-sizing: border-box; position: relative; box-sizing: border-box; width: calc(100% - 80px - 60px - 300px); margin-left: 30px } .listpage .con-right .listq1-3 li .yw .tit { padding-top: 10px; display: block; font-size: 15px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .listpage .con-right .listq1-3 li .yw .zyy { font-size: 13px; color: #808080; height: 50px; line-height: 25px; margin: 20px 0px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2 } .listpage .con-right .listq1-3 li .yw .fx { position: absolute; left: 0; bottom: 20px; font-size: 13px; color: #808080; display: block; text-align: center; border: 1px solid #cccccc; border-radius: 20px; padding: 5px 28px; background: url(../images/fx11.png) no-repeat } .listpage .con-right .listq1-3 li:hover { margin-left: -20px; margin-right: -30px; background: #e9eff8; padding-left: 20px; padding-right: 30px; margin-top: -1px; border-top-right-radius: 25px; border: none } .listpage .con-right .listq1-3 li:hover .yw .tit { color: #0a224a; font-weight: bold } .listpage .con-right .listq1-3 li:hover .yw .fx { background: #0a224a; color: #fff } .listpage .con-right .listq1-3 li:hover .date .r { color: #0a224a } .listpage .con-right .listq1-3 li:hover .date .y { color: #0a224a } .listpage .con-right .con-jj .tops { height: 305px; background: #f2f2f2; margin: 40px 0 30px; } .listpage .con-right .con-jj .tops .imgh { float: left; width: 215px; /* margin-left: 20px; */ } .listpage .con-right .con-jj .tops .imgh img { width: 215px; height: 100%; } .listpage .con-right .con-jj .tops .tit { width: calc(100% - 284px); float: right; height: 100%; padding: 27px 0; margin-left: 30px; box-sizing: border-box; background: url(../images/jjpg_03.png) no-repeat center; } .listpage .con-right .con-jj .tops .tit ul li { font-size: 16px; color: #333; padding: 10px 0; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .m1235 { width: 1235px } .m390 { width: 390px } .m485 { width: 485px } .m630 { width: 630px } .m390 { width: 390px } .szdw-list { margin-bottom: 60px } .szdw-list ul { /* margin: 0 -20px */ } .szdw-list ul li { width: 12.5%; text-align: center; /*margin-top: 67px;*/ transition: all 0.3s; margin-bottom: 30px; padding: 0 20px; box-sizing: border-box } .szdw-list ul li a { display: block; /*height: 350px;*/ box-sizing: border-box; /*border: 1px solid #d6d6d6*/ } .szdw-list ul li a img { width: 215px; height: 305px; margin: -47px auto 0 } .szdw-list ul li a .szdw-list-nr span { display: block } .szdw-list ul li a .szdw-list-nr .szdw-bt { margin-top: 20px; font-size: 15px; font-size: 15px; color: #444; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .szdw-list ul li a .szdw-list-nr .zhicheng { margin-top: 2px; font-size: 13px; color: #666666; height: 18px; overflow: hidden; } .szdw-list ul li a .more { display: block; width: 28px; height: 28px; background: url(../images/szdw-more.png) no-repeat center; margin: 0 auto; margin-top: 15px } .szdw-list ul li:hover a { /*background: #eaf2fb;*/ /*border: 1px solid #0a5dc8*/ } .szdw-list ul li:hover a .szdw-bt{ font-weight:bold; } .szdw-list ul li:hover .more { background: url(../images/szdw-more-h.png) no-repeat center }