@font-face { font-family: 'iconfont'; src: url('../font/iconfont.eot'); src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), url('../font/iconfont.woff2') format('woff2'), url('../font/iconfont.woff') format('woff'), url('../font/iconfont.ttf') format('truetype'), url('../font/iconfont.svg#iconfont') format('svg'); } .iconfont { font-family: "iconfont" !important; font-size: 35px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } input.err, input.error, textarea.err, textarea.error, select.err, select.error { border: #bf6464 2px dashed !important; background-color: #fdfbfb !important; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; } label.error { color: #bf6464; padding-top: 5px; display: block; } .layui-form-checked[lay-skin=primary] i { border-color: #c1232c !important; background-color: #c1232c; color: #fff; } .float-right { float: right; } .font-size-16 { font-size: 16px; } .font-size-20 { font-size: 20px; } .color-primary { color: #c1232c; } .text-primary { color: #c1232c; } .text-warning { color: #ffa367; } .text-danger { color: #c1232c; } .text-info { color: #aaa; } .text-success { color: #323232; } .text-default { color: #f5f6f8; } .text-bai { color: #fff; } .layui-layer-btn .layui-layer-btn0 { border-color: #0076e6 !important; background-color: #0076e6 !important; color: #fff; } .layui-layer-content { padding: 10px 10px 0 0; } .line1 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; } .line2 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; } .line3 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-all; } .line4 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-break: break-all; } .line5 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; word-break: break-all; } .line6 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; word-break: break-all; } .pull-left { float: left; } .pull-right { float: right; } .clearfix { clear: both; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } body { color: #232323; font-family: '微软雅黑'; font-size: 16px; background: #fff; } a { color: #232323; } a:hover { color: #0076e6; } .padding-10 { padding: 10px; } .padding-20 { padding: 20px; } .padding-30 { padding: 30px; } .padding-40 { padding: 40px; } .margin-top-10 { margin-top: 10px; } .margin-top-15 { margin-top: 15px; } .margin-top-20 { margin-top: 20px; } .margin-top-30 { margin-top: 30px; } .margin-top-40 { margin-top: 40px; } .margin-top-50 { margin-top: 50px; } .margin-top-60 { margin-top: 60px; } .margin-top-70 { margin-top: 70px; } .margin-top-80 { margin-top: 80px; } .margin-top-90 { margin-top: 90px; } .margin-top-100 { margin-top: 100px; } .margin-left-10 { margin-left: 10px; } .margin-left-20 { margin-left: 20px; } .margin-right-20 { margin-right: 20px; } .margin-bottom-5 { margin-bottom: 5px; } .margin-bottom-10 { margin-bottom: 10px; } .margin-bottom-20 { margin-bottom: 20px; } .margin-bottom-30 { margin-bottom: 30px; } .margin-bottom-40 { margin-bottom: 40px; } .margin-bottom-50 { margin-bottom: 50px; } .margin-bottom-60 { margin-bottom: 60px; } .margin-bottom-70 { margin-bottom: 70px; } .margin-bottom-90 { margin-bottom: 90px; } .margin-bottom-100 { margin-bottom: 100px; } .padding-top-10 { padding-top: 10px; } .padding-top-20 { padding-top: 20px; } .padding-top-30 { padding-top: 30px; } .padding-top-40 { padding-top: 40px; } .padding-top-50 { padding-top: 50px; } .padding-top-60 { padding-top: 60px; } .padding-top-70 { padding-top: 70px; } .padding-top-80 { padding-top: 80px; } .padding-top-90 { padding-top: 90px; } .padding-top-100 { padding-top: 100px; } .padding-top-120 { padding-top: 120px; } .padding-top-190 { padding-top: 190px; } .padding-bottom-0 { padding-bottom: 0px; } .padding-bottom-10 { padding-bottom: 10px; } .padding-bottom-20 { padding-bottom: 20px; } .padding-bottom-30 { padding-bottom: 30px; } .padding-bottom-40 { padding-bottom: 40px; } .padding-bottom-50 { padding-bottom: 50px; } .padding-bottom-60 { padding-bottom: 60px; } .padding-bottom-70 { padding-bottom: 70px; } .padding-bottom-80 { padding-bottom: 80px; } .padding-bottom-90 { padding-bottom: 90px; } .padding-bottom-100 { padding-bottom: 100px; } .padding-bottom-120 { padding-bottom: 120px; } .padding-bottom-190 { padding-bottom: 190px; } .padding-left-40 { padding-left: 40px; } .layui-btn { background-color: #0076e6; width: 100%; } .layui-btn-primary { background-color: #fff; } .layui-btn-warm { background-color: #FFB800; } .alert { padding: 10px; overflow: hidden; border-radius: 3px; } .alert.alert-danger { background: #fff; } .alert.alert-info { background: #aaa; } .alert.alert-success { background: #323232; } .alert.alert-primary { background: #c1232c; } .alert .close { float: right; background: none; color: #fff; border: none; cursor: pointer; } .strong { font-weight: bold; } #scrolltop { width: 40px; height: 40px; position: static; right: 0px; bottom: 20px; z-index: 100; text-align: center; line-height: 40px; } #scrolltop .layui-icon { font-size: 42px; color: #036192; cursor: pointer; } .img-responsive { width: 100%; display: block; } .hfade { transition: All .4s ease-in-out; -webkit-transition: All .4s ease-in-out; -moz-transition: All .4s ease-in-out; -o-transition: All .4s ease-in-out; } .layui-fluid { padding: 0; } .clearfix2 { zoom: 1; } .clearfix2::after { display: block; clear: both; height: 0; content: ' '; } .clearfix2::before { display: table; content: " "; box-sizing: border-box; } .fl { float: left; } .fr { float: right; } .mheader, .mnav { display: none; } .header { width: 100%; height: 125px; position: relative; z-index: 2; background: #fff; box-sizing: border-box; } .header .top_bgxt { position: static; right: 273px; top: 40px; } .header .top_bgxt a { display: block; width: 127px; height: 38px; background-color: #0076e6; color: #fff; text-align: center; box-sizing: border-box; border-radius: 19px; } .header .top_bgxt a span { line-height: 38px; } .header h1 { width: auto; padding-left: 0px; float: left; } .header h1 img { height: 125px; } .header .cont { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; box-sizing: border-box; width: 1400px; margin: 0 auto; position: relative; } .header .nav { float: right; width: 970px; } .header a { font-size: 16px; } .header .navbox { background-color: #0076e6; } .header .nav>ul { display: flex; flex-flow: row nowrap; } .header .nav>ul>li { height: 100px; display: flex; justify-content: center; align-items: center; float: left; } .header .nav>ul>li>a { height: 100px; display: block; box-sizing: border-box; text-align: center; position: relative; line-height: 100px; padding: 0 15px; white-space: nowrap; overflow: hidden; transition: All .4s ease-in-out; -webkit-transition: All .4s ease-in-out; -moz-transition: All .4s ease-in-out; -o-transition: All .4s ease-in-out; } .header .nav>ul>li>a .en { width: 100%; height: 100px; background: #0076e6; position: static; left: 0; top: 100px; transition: All 0.8s ease-in-out; -webkit-transition: All 0.8s ease-in-out; -moz-transition: All 0.8s ease-in-out; -o-transition: All 0.8s ease-in-out; display: none; } .header .nav>ul>li>a .cn { position: relative; z-index: 2; white-space: nowrap; } .header:hover .nav>ul>li>a { color: #232c2c; } .header:hover .nav>ul>li:hover { color: #fff; } .header:hover .nav>ul>li:hover>a, .header .nav>ul>li.on>a { color: #0076e6; font-weight: bold; border-bottom: 2px solid #0076e6; } .header:hover .nav>ul>li:hover>a .en { top: 0; } /* .header .nav>ul>li:last-child a{ padding-right: 0; } */ .header .nav>ul>li.tp_sch { padding: 0; margin-left: 10px; } .header .nav>ul>li.tp_sch>a { padding: 0; width: 35px; height: 100px; display: flex; justify-content: center; align-items: center; } .header .nav>ul>li.tp_sch>a:hover { color: #0076e6; } .header .nav>ul>li .layui-icon { font-size: 20px; display: block; width: 35px; height: 35px; display: flex; justify-content: center; align-items: center; } .header .nav>ul>li:hover>a { color: #0076e6; } .header .nav>ul>li .erji_box { position: static; top: 100px; left: 0; box-sizing: border-box; transition: All .4s ease-in-out; -webkit-transition: All .4s ease-in-out; -moz-transition: All .4s ease-in-out; -o-transition: All .4s ease-in-out; width: 100%; box-sizing: border-box; z-index: 2; overflow: hidden; height: 0; border-bottom: 3px solid rgba(0, 118, 230, .9); background: rgba(255, 255, 255, 0.9); opacity: 0; } .header .nav>ul>li:hover .erji_box { height: 271px; opacity: 1; } .toptuwen { position: static; left: 0; top: 60px; width: 750px; } .toptuwen .pic { float: left; margin-right: 25px; } .toptuwen .pic img { width: 300px; height: 150px; } .toptuwen .text { padding-top: 10px; } .toptuwen .text .cn { font-size: 20px; color: #0076e6; letter-spacing: 5px; margin-bottom: 5px; } .toptuwen .text .en { color: #0076e6; text-transform: uppercase; font-size: 14px; } .toptuwen .text .desc { font-size: 12px; line-height: 20px; color: #9a9a9a; margin-top: 20px; } .header .nav>ul>li .submenu { position: static; right: 0; top: 30px; width: 355px; } .header .nav>ul>li .submenu li { padding: 0; text-align: left; width: 151px; height: 40px; border-bottom: 1px solid #d2d2d2; line-height: 40px; float: left; margin-right: 30px; } .header .nav>ul>li .submenu li:nth-child(2n) { margin-right: 0; } .header .nav>ul>li .submenu li a { font-size: 14px; line-height: 39px; display: inline-block; } .header .nav>ul>li .submenu li a:hover { color: #0076e6; border-bottom: 1px solid #0076e6; } .header .nav>ul>li>ul>li:hover a { color: #fff; } .header .nav .submenu .body { height: 100%; display: flex; justify-content: flex-end; align-items: center; } .header .nav .submenu .body img { width: 305px; height: 130px; } .header .nav .submenu .navli { padding-right: 100px; margin-right: 130px; width: 622px; border-right: 1px solid #cdcdce; } .header .nav .submenu .navli li { display: inline-block; margin-right: 10px; margin-top: 5px; margin-bottom: 5px; } .header .nav .submenu .navli li a { display: block; border-bottom: 1px solid #d7d7d8; padding: 5px 15px; } .header .nav .submenu .navli li a:hover { border-bottom: 1px solid #7292e2; color: #7292e2; } .header .hover { width: 100%; height: 0; background: #fff; position: static; left: 0; top: 100px; z-index: 1; transition: All .4s ease-in-out; -webkit-transition: All .4s ease-in-out; -moz-transition: All .4s ease-in-out; -o-transition: All .4s ease-in-out; overflow: hidden; } .head_frame { width: 100%; transition: All .4s ease-in-out; -webkit-transition: All .4s ease-in-out; -moz-transition: All .4s ease-in-out; -o-transition: All .4s ease-in-out; } .opacity_head { width: 100%; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.02); z-index: 1000; transition: All .4s ease-in-out; -webkit-transition: All .4s ease-in-out; -moz-transition: All .4s ease-in-out; -o-transition: All .4s ease-in-out; /* position: static; */ top: 0; left: 0; /* position: relative; */ /* transform: translateY(-100%); */ } .top_sch { position: static; right: 0; top: 40px; width: 248px; height: 38px; border: 1px solid #e5e5e5; border-radius: 19px; overflow: hidden; } .top_sch .sch-input { width: 180px; height: 100%; background: none; border: none; padding: 0 10px; height: 38px; line-height: 38px; font-size: 14px; color: #c0c0c0; float: left; } .top_sch .sch-btn { width: 48px; background: none; border: none; height: 38px; line-height: 38px; font-size: 14px; color: #c0c0c0; cursor: pointer; } .top_nav { height: 90px; } .top_nav>ul>li { float: left; position: relative; height: 90px; margin-right: 56px; } .top_nav>ul>li:last-child { margin-right: 0; } .top_nav>ul>li>a { line-height: 90px; font-size: 20px; } .top_nav>ul>li:hover>a { font-weight: bold; color: #0076e6; } .top_nav>ul>li>ul { position: static; left: 0; top: 70px; z-index: 10; background-color: #ffffff; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.28); border-top: 3px solid #006ed9; width: 140px; margin-left: -30px; display: none; } .top_nav>ul>li:nth-child(8)>ul { margin-left: -20px; } .top_nav>ul>li>ul>li { border-bottom: 1px solid #f2f2f2; padding: 10px 20px; text-align: center; position: relative; } .top_nav>ul>li>ul>li .sub2 { position: static; left: 100%; width: 100%; background: #fff; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.28); border-top: 3px solid #006ed9; top: 0; } .top_nav>ul>li>ul>li .sub2 a { width: 100%; height: 40px; line-height: 40px; display: inline-block; } .top_nav>ul>li:hover ul { display: block; } .banner { width: 100%; height: 700px; position: relative; overflow: hidden; } .bannerbox { width: 1920px; height: 700px; position: static; left: 50%; margin-left: -960px; top: 0; overflow: hidden; } .bannerbox img { width: 1920px; height: 700px; } #bannerslide .swiper-button-next, #bannerslide .swiper-button-prev { left: 30px; width: 55px; height: 55px; border: solid 1px #ffffff; border-radius: 100%; color: #fff; display: none; background-size: auto; } #bannerslide:hover .swiper-button-next, #bannerslide:hover .swiper-button-prev { display: block; } #bannerslide .swiper-button-next { left: auto; right: 30px; } #bannerslide .swiper-button-next:after, #bannerslide .swiper-button-prev:after { font-size: 20px; color: #fff; display: none; } #bannerslide .swiper-pagination { bottom: 20px; } #bannerslide .swiper-pagination-bullet { width: 8px; height: 8px; background: none; border-radius: 100%; margin: 0 5px; box-sizing: border-box; opacity: 1; border: 1px solid #fff; } #bannerslide .swiper-pagination-bullet-active { background: #fff; } .myclass video { width: 100%; display: block; } .myclass .layui-layer-content { height: auto !important; } .myclass.layui-layer-page .layui-layer-content { overflow: hidden; } .himg .pic { overflow: hidden; } .himg img { transition: All .4s ease-in-out; -webkit-transition: All .4s ease-in-out; -moz-transition: All .4s ease-in-out; -o-transition: All .4s ease-in-out; } .himg:hover img { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); } #up-banner { height: 350px; box-sizing: border-box; padding-top: 0; color: #fff; } #up-banner h2 { font-weight: bold; font-size: 48px; text-transform: uppercase; } #up-banner h3 { font-weight: bold; font-size: 36px; } #up-banner a { color: #fff; } #up-banner .position { position: static; left: 0; bottom: 130px; font-size: 14px; z-index: 2; } #up-banner .position h3 { font-size: 36px; } #up-banner .position .en { font-size: 36px; text-transform: uppercase; font-weight: bold; } #up-banner .layui-container { height: 100%; } .nav_box { background: #0076e6; } #colbox { background: #fff; } #colbox .layui-tab-card { border-width: 0px; border-style: solid; border-radius: 0px; box-shadow: none; } #colbox .layui-tab { margin: 0; } #colbox .layui-tab-title { position: relative; border-bottom-width: 0px; background: none; height: auto; } #colbox .layui-tab-title li { padding: 0; } #colbox .layui-tab-title li span { display: inline-block; padding: 0 10px; } #colbox .layui-tab-title li:last-child span { display: none; } #colbox .layui-tab-title li a { display: inline-block; } #colbox .layui-tab-title li.layui-this:after { display: none; } .conent_box .layui-row { overflow: inherit; } .leftmenu { overflow: hidden; } .leftmenu li { height: 55px; line-height: 55px; position: relative; min-width: auto; z-index: 1; display: inline-block; } .leftmenu li a { display: block; font-size: 16px; padding: 0 44px; position: relative; text-align: center; } .leftmenu li.layui-this a, .leftmenu li a:hover { color: #fff; background: #0076e6; } .left_submenu { overflow: hidden; margin-top: 50px; } .left_submenu li { float: left; margin-right: 30px; margin-bottom: 15px; } .left_submenu li a { display: block; padding: 0 40px; height: 50px; line-height: 50px; border-radius: 25px; border: 1px solid #f7f7f7; background-color: #f7f7f7; } .left_submenu li a:hover, .left_submenu li a.on { background-color: #fff; border: 1px solid #0076e6; color: #0076e6; font-weight: bold; } .layui-tab-bar { height: 48px; line-height: 48px; } .page_main { padding: 50px 150px 80px; background: #fff; border: 1px solid #e7e7e7; } .page_detail { background: #fff; } .detail_box { padding: 0px; line-height: 2.5em; font-size: 16px; overflow: hidden; } .detail-box { padding: 0px; } .col-title { font-size: 22px; font-weight: bold; line-height: 1.5em; text-align: center; } .col-att { font-size: 14px; color: #9d9d9d; text-align: center; border-bottom: 1px solid #f2f2f2; } .col-att a { color: #9d9d9d; } .col-att .linedc { padding: 0 10px; } /*分享*/ .share { zoom: 1; } .share:after { content: ""; display: block; clear: both; } .share a { float: left; width: 26px; height: 26px; border-radius: 50%; margin-left: 13px; cursor: pointer; display: block; } .share a i { display: block; width: 26px; height: 26px; -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; transition: .4s all; } .share a:hover i { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .share #share-icon { width: 26px; height: 26px; float: left; display: none; } .share #share-icon img { width: 100%; height: 100%; } .share .share-qqzone { background: none } .share .share-qqzone i { background: url("../images/shareqqzone.png") center center no-repeat; background-size: 80%; } .share .share-qqzone:hover { background-color: none; } .share .share-wechat { position: relative; background-color: none; } .share .share-wechat i { background: url("../images/sharewechat.png") center center no-repeat; background-size: 80%; } .share .share-wechat:hover { background-color: none; } .share .share-weibo { background: none; } .share .share-weibo i { background: url("../images/shareweibo.png") center center no-repeat; background-size: 80%; } .share .share-weibo:hover { background-color: none; } .share .share-qq:hover { background-color: #27a8f2; } .share .share-qq i { background: url("../images/cont_ico_share_20200422.png") -96px center no-repeat; } .share .bg-code { left: -36px; z-index: 10; } .share .qrcode { position: static; top: 36px; border: 1px solid #ccc; padding: 5px; background: #fff; display: none; width: 100px; height: 100px; left: -98%; z-index: 11; } .share .close-btn { position: static; background: #fff; color: #000; font-size: 12px; z-index: 12; width: 12px; height: 12px; line-height: 12px; text-align: center; right: -39px; top: 50px; display: none; cursor: pointer; } .visit { display: flex; justify-content: center; align-items: center; } .dtl_detail { line-height: 2.5em; font-size: 16px; } .dtl_detail img { max-width: 100% !important; height: auto !important; } .dtl_detail.p1 { font-size: 18px; } .dtl_detail.p2 { font-size: 16px; } .dtl_detail.p3 { font-size: 14px; } .pager { overflow: hidden; border-top: 1px solid #eee; } .pager li { width: 100%; float: none; margin-bottom: 10px; } .pager li a { font-size: 16px; color: #2c2c2c; opacity: 0.5; } .pager li:last-child { float: right; } .pager li a:hover { color: #0076e6; } .pagination li { display: inline-block; margin: 0 5px; margin-bottom: 10px; } .pagination li a { display: inline-block; background: #aaa; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 16px; color: #fff; transition: All .4s ease-in; -webkit-transition: All .4s ease-in; -moz-transition: All .4s ease-in; -o-transition: All .4s ease-in; } .pagination li a:hover, .pagination li.active a { background: #0076e6; } .textlist { padding: 0px; } .textlist li { height: 160px; background: #f3f6fa; margin-bottom: 30px; overflow: hidden; } .textlist li .shijian { width: 120px; height: 160px; float: left; text-align: center; margin-right: 30px; position: relative; } .textlist li .shijian:after { content: ''; width: 1px; height: 80px; border-left: 1px solid #e5e5e5; position: static; right: -1px; top: 50%; margin-top: -40px; } .textlist li .shijian .ri { font-size: 36px; line-height: 40px; padding-top: 45px; } .textlist li .shijian .nianyue { padding-top: 10px; font-size: 16px; color: #aaa; } .textlist li .lanmu { line-height: 18px; text-align: right; padding-right: 25px; } .textlist li .textbox { padding-top: 35px; } .textlist li .text1 { font-size: 18px; } .textlist li .text2 { padding-top: 13px; line-height: 26px; color: #a3a3a3; padding-right: 20px; font-size: 14px; } .textlist li .more { text-align: right; padding-right: 20px; margin-top: -20px; } .textlist li .more a { color: #006fc4; } .textlist li:hover { transition: border .4s; } .textlist li:hover .shijian .ri { transition: background .4s; color: #0076e6; font-weight: bold; } .textlist li:hover .text1 a { color: #0076e6; font-weight: bold; } .nori li .shijian .nianyue { padding-top: 50px; font-size: 20px; } .textlist li .sj { padding-top: 20px; } .xyhdslide { height: 700px; } .righttitle { height: 35px; border-bottom: 1px solid #e0e0e0; overflow: hidden; } .righttitle .title { font-size: 18px; font-weight: bold; line-height: 21px; color: #0076e6; display: inline-block; height: 34px; } .righttitle .position { float: right; font-size: 14px; color: #333333; } .piclist { overflow: hidden; } .piclist li { float: left; width: 445px; margin-right: 32px; margin-bottom: 32px; } .piclist li:nth-child(3n) { margin-right: 0; } .piclist li a { display: block; border-bottom: 1px solid #fff; padding: 0; } .piclist li .pic {} .piclist li .pic img { width: 445px; height: 250px; } .piclist li .text { background: #f3f6fa; padding-left: 20px; padding-right: 20px; overflow: hidden; text-align: center; font-size: 18px; } .piclist li .title { font-size: 16px; } .piclist li .time { opacity: .5; } .piclist li a:hover .text { background-color: #0076e6; color: #fff; } .piclist2 li a { display: block; position: relative; } .piclist2 li .text { position: static; left: 0; bottom: 0; z-index: 2; background: rgba(0, 0, 0, .5); color: #fff; } .piclist2 li .title { height: 20px; line-height: 20px; } .tuwenlist li { margin-bottom: 20px; } .tuwenlist li a { display: block; overflow: hidden; background: #fff; } .tuwenlist li .pic { background: #f8f8f8; width: 320px; height: 180px; } .tuwenlist li .pic img { width: 320px; height: 180px; } .tuwenlist li .text { display: flex; justify-content: flex-start; align-items: center; width: 1070px; height: 180px; background-color: #f3f6fa; margin-left: 10px; } .tuwenlist li .text0 { padding: 15px 30px 0; max-width: 100%; box-sizing: border-box; } .tuwenlist li .title { height: 28px; line-height: 28px; font-size: 18px; font-weight: bold; } .tuwenlist li .title br { display: none; } .tuwenlist li .desc { height: 56px; line-height: 28px; color: #b0b0b0; font-size: 14px; } .tuwenlist li .time { font-size: 14px; color: #b0b0b0; } .tuwenlist li .more { font-size: 14px; color: #0076e6; width: 78px; height: 26px; border: solid 1px #0076e6; text-align: center; line-height: 26px; } .search_list .item .text { text-align: center; background: #f9f9f9; line-height: 2em; display: flex; justify-content: flex-start; align-items: center; padding: 20px 30px; } .search_list .item .iconfont { width: 80px; height: 80px; background: #fff; border-radius: 100%; display: flex; justify-content: center; align-items: center; margin-right: 20px; font-size: 30px; flex: none; color: #0076e6; } .search_list .item .text1 { color: #333; font-size: 18px; } .search_list .item:hover .text { background: #0076e6; } .search_list .item:hover .text1 { color: #fff; } /* 内容搜索页 */ .sch-form { display: block; background: #fff; position: relative; box-shadow: 0 0 10px #ccc; } .sch-form .sch-input { border: none; background: #fff; width: 100%; height: 30px; line-height: 30px; color: #aaa; } .sch-form .sch-btn { position: static; right: 20px; top: 20px; background: #fff; border: none; line-height: 30px; cursor: pointer; color: #aaa; font-weight: bold; } .sch-form .sch-btn .layui-icon { font-size: 18px; } .column { position: relative; } .column .cn { font-size: 36px; font-weight: bold; } .column .en { font-size: 60px; font-weight: bold; line-height: 50px; letter-spacing: 0px; color: #f3f3f3; text-transform: uppercase; transform: rotate(90deg); transform-origin: left top; text-align: left; width: 375px; overflow: hidden; position: static; left: 75px; top: 30px; height: 50px; } .column .column_icon_h { display: none; } .column a:hover .column_icon_h { display: inline-block; } .column a:hover .column_icon { display: none; } .bgbai { background: #fff; padding-bottom: 40px; } .infolist {} .infolist li { height: 59px; border-bottom: 1px solid #f3f3f3; line-height: 59px; overflow: hidden; } .infolist li .title { width: calc((100% - 100px)); height: 59px; float: left; overflow: hidden; position: relative; } .infolist li .shijian { float: right; color: #d1d1d1; } .infolist li a { padding-left: 15px; } .infolist li .title::before { content: ''; width: 5px; height: 5px; background-color: #eaeaea; position: static; left: 0; top: 50%; margin-top: -2px; border-radius: 100%; } .infolist li:hover .title::before { background-color: #0076e6; } .infolist li:last-child { border-bottom: none; } .pchide { display: none; } .phhide { display: block; } .footer { background-color: #4f5863; color: rgba(255, 255, 255, 0.5); font-size: 14px; } .footer a { color: rgba(255, 255, 255, 0.5); font-size: 14px; } .copyright { line-height: 30px; overflow: hidden; } .body { width: 1400px; position: relative; margin: 0 auto; } .txtScroll-top { width: 1365px; height: 130px; position: relative; background-color: #f3f6fa; margin-left: 35px; } .txtScroll-top .bd { height: 130px; overflow: hidden; } .txtScroll-top .infoList li { height: 130px; padding: 0 50px 0 160px; text-align: left; } .txtScroll-top .infoList li .topic { display: block; font-size: 30px; font-weight: bold; color: #0076e6; padding-top: 30px; } .txtScroll-top .infoList li p { font-size: 14px; line-height: 27px; color: #656565; margin-top: 5px; } .txtScroll-top .hd { position: static; right: 0; top: 7px; z-index: 2; } .txtScroll-top .hd li { width: 25px; height: 25px; background-color: #c8c8c8; border-radius: 3px 0px 0px 3px; text-align: center; line-height: 25px; margin: 3px 0; color: #fff; cursor: pointer; } .txtScroll-top .hd li.on { background-color: #0076e6; } .txtScroll-top .classname { position: static; left: -35px; top: 29px; z-index: 2; } .jianjie_pic { position: static; right: 0; top: 0; } .jianjie_main { width: 745px; height: 650px; background: url(../images/bg1.png) no-repeat left top; } .jianjie_main .desc { color: #656565; height: 120px; line-height: 40px; text-indent: 2em; margin-top: 70px; margin-bottom: 70px; } .jianjie_nav { overflow: hidden; } .jianjie_nav li { float: left; font-size: 20px; font-weight: bold; text-align: center; /* margin-right: 140px; */ margin-right: 85px; } .jianjie_nav li .pic { width: 100%; height: 55px; } .jianjie_nav li.li1 .pic { background: url(../images/navicon1.png) no-repeat center; } .jianjie_nav li.li2 .pic { background: url(../images/navicon2.png) no-repeat center; } .jianjie_nav li.li3 .pic { background: url(../images/navicon3.png) no-repeat center; } .jianjie_nav li.li4 .pic { background: url(../images/navicon4.png) no-repeat center; } .jianjie_nav li.li5 .pic { background: url(../images/navicon5.png) no-repeat center; } .jianjie_nav li.li1:hover .pic { background: url(../images/navicon1_h.png) no-repeat center; } .jianjie_nav li.li2:hover .pic { background: url(../images/navicon2_h.png) no-repeat center; } .jianjie_nav li.li3:hover .pic { background: url(../images/navicon3_h.png) no-repeat center; } .jianjie_nav li.li4:hover .pic { background: url(../images/navicon4_h.png) no-repeat center; } .jianjie_nav li.li5:hover .pic { background: url(../images/navicon5_h.png) no-repeat center; } .jianjie_nav li .pic { margin-bottom: 5px; } .jianjie_nav li.li5 { margin-right: 0; } .gupiao { height: 112px; border: solid 1px #e6e6e6; border-left: none; border-right: none; margin-top: 90px; font-size: 24px; font-weight: bold; color: #212121; } .gupiao .mc { line-height: 112px; float: left; } .gupiao .dm { float: left; background: url(../images/navicon5.png) no-repeat left; line-height: 112px; padding-left: 80px; margin-left: 30px; } .gupiao .sj { float: right; color: #c00000; padding-top: 15px; text-align: center; } .gupiao .sj1 { font-size: 40px; font-weight: bold; } .gupiao .sj2 { font-size: 20px; font-weight: normal; } .ywly { width: 100%; height: 752px; position: relative; overflow: hidden; background: url(../images/bg1.jpg) no-repeat center; } .ywly_box { width: 1920px; height: 752px; position: static; overflow: hidden; left: 50%; margin-left: -960px; } .ywly_nav { position: static; right: 0; top: 75px; } .ywly_nav li { float: left; margin-left: 45px; } .ywly_nav li a { font-size: 20px; } .ywly_slide { margin-top: 65px; height: 575px; position: relative; } .ywly_slide a { display: block; } .ywly_slide .pic { width: 600px; height: 340px; } .ywly_slide a img { width: 600px; height: 340px; } .ywly_slide a .text { background: url(../images/bg2.jpg) no-repeat right bottom #fff; padding: 40px; height: 230px; display: none; width: 600px; box-sizing: border-box; } .ywly_slide a .title { font-size: 24px; font-weight: bold; color: #0075e4; } .ywly_slide a .title .num { font-size: 40px; font-weight: normal; margin-right: 5px; } .ywly_slide a .desc { line-height: 35px; color: #656565; margin-top: 10px; } .ywly_slide .swiper-slide.on .text { display: block; } .ywly_slide .swiper-button-prev, .ywly_slide .swiper-button-next { position: static; top: auto; margin: 0; left: 395px; bottom: 85px; width: 75px; height: 75px; border: solid 1px #373737; border-radius: 100%; background-size: 15px; color: #373737; background: none; display: flex; justify-content: center; align-items: center; cursor: pointer; } .ywly_slide .swiper-button-next { left: auto; right: 395px; } .ywly_slide .layui-icon { font-size: 20px; font-weight: normal; } .ywly_slide .swiper-button-prev:hover, .ywly_slide .swiper-button-next:hover { background: #0076e6; border: solid 1px #0076e6; color: #fff; } .xwdt_nav { position: static; right: 0; top: 75px; } .xwdt_nav li { float: left; margin-left: 24px; } .xwdt_nav li a { display: inline-block; font-size: 16px; width: 130px; height: 40px; border-radius: 20px; border: solid 1px #d6d6d6; line-height: 40px; text-align: center; } .xwdt_nav li a:hover, .xwdt_nav li.on a { background: #0076e6; color: #fff; border: solid 1px #0076e6; } .xwdt_main { padding-top: 65px; } .xwdt_main .xwdt_box { position: relative; display: none; } .slideBox { width: 680px; height: 550px; overflow: hidden; position: relative; } .slideBox .hd { overflow: hidden; position: static; right: 0px; top: 356px; z-index: 1; } .slideBox .hd ul li { float: left; margin-left: 2px; line-height: 26px; text-align: center; cursor: pointer; width: 26px; height: 26px; background-color: #c8c8c8; border-radius: 3px 3px 0px 0px; color: #fff; } .slideBox .hd ul li.on { background: #0076e6; color: #fff; } .slideBox .bd { position: relative; height: 100%; z-index: 0; } .slideBox .bd img { width: 680px; height: 382px; display: block; } .slideBox .bd li { background-color: #f3f6fa; } .slideBox .bd li .text { padding: 30px; } .slideBox .bd li .title { font-size: 18px; font-weight: bold; color: #0076e6; } .slideBox .bd li .desc { font-size: 14px; line-height: 25px; color: #8e8e8e; margin: 10px 0; } .slideBox .bd li .time { font-size: 14px; line-height: 25px; color: #0076e6; } .home_tzgg .slideBox, .home_hyzx .slideBox { display: none; } .xwdt_main .home_tzgg .infolisthome, .xwdt_main .home_hyzx .infolisthome { width: 100%; overflow: hidden; } .home_tzgg .infolisthome li, .home_hyzx .infolisthome li { float: left; margin-right: 24px; margin-bottom: 24px; height: 260px; } .home_tzgg .infolisthome li:nth-child(2n), .home_hyzx .infolisthome li:nth-child(2n) { margin-right: 0; } .xwdt_main .infolisthome { position: static; right: 0; top: 0; width: 688px; } .infolisthome li { background-color: #f3f6fa; width: 688px; height: 130px; margin-bottom: 10px; } .infolisthome li .text { padding: 25px 25px 0; } .home_tzgg .infolisthome li .text, .home_hyzx .infolisthome li .text { padding: 40px 25px 0; } .infolisthome li .title { font-size: 18px; } .infolisthome li .title br { display: none; } .infolisthome li .desc { font-size: 14px; line-height: 25px; color: #8e8e8e; margin: 10px 0; } .home_tzgg .infolisthome li .desc, .home_hyzx .infolisthome li .desc { margin: 40px 0; } .infolisthome li .time { font-size: 14px; line-height: 25px; color: #8e8e8e; } .infolisthome li a:hover .title { color: #0076e6; font-weight: bold; } .infolisthome li a:hover .time { color: #0076e6; } .slideBox2 { width: 100%; height: 140px; overflow: hidden; position: relative; } .slideBox2 .hd { overflow: hidden; position: static; right: 0px; bottom: 0; z-index: 1; } .slideBox2 .hd ul li { float: left; margin-left: 2px; line-height: 26px; text-align: center; cursor: pointer; width: 26px; height: 26px; background-color: #c8c8c8; border-radius: 3px 3px 0px 0px; color: #fff; } .slideBox2 .hd ul li.on { background: #0076e6; color: #fff; } .slideBox2 .bd { position: relative; height: 100%; z-index: 0; } .slideBox2 .bd img { width: 100%; height: 140px; display: block; } .ddjs { width: 100%; height: 630px; background: url(../images/bg3.jpg) no-repeat center; } .ddjs_nav { position: static; right: 0; top: 75px; } .ddjs_nav li { float: left; margin-left: 24px; } .ddjs_nav li a { display: inline-block; font-size: 16px; width: 130px; height: 40px; border-radius: 20px; border: solid 1px #d6d6d6; line-height: 40px; text-align: center; } .ddjs_nav li a:hover, .ddjs_nav li.on a { background: #0076e6; color: #fff; border: solid 1px #0076e6; } .ddjs .bd { padding-top: 70px; overflow: hidden; } .ddjs .bd img { width: 445px; height: 250px; display: block; } .ddjs .bd li { width: 445px; float: left; margin-right: 32px; } .ddjs .bd li:last-child { margin-right: 0; } .ddjs .bd li .text { padding: 30px 0 0; } .ddjs .bd li .title { font-size: 18px; } .ddjs .bd li .desc { font-size: 14px; line-height: 25px; color: #8e8e8e; margin: 10px 0; } .ddjs .bd li .time { font-size: 14px; line-height: 25px; color: #8e8e8e; } .ddjs .bd li a:hover .title { color: #0076e6; font-weight: bold; } .ddjs .bd li a:hover .time { color: #0076e6; } .ddjs_main .ddjs_box { display: none; } .poster-main { position: relative; width: 100%; height: 530px !important; margin-left: auto; margin-right: auto; margin-top: 70px; } .poster-main img { display: block; } .poster-main a, .poster-main img { display: block; width: 100%; height: 100%; } .poster-main img {} .poster-main .poster-list { width: 1000px; height: 510px; } .poster-main .poster-list .poster-item { width: 200px; height: 510px; position: static; left: 0; top: 0; } .poster-main .poster-list .poster-item .item { position: relative; width: 100%; height: 100% } .poster-main .poster-btn { position: static; top: 0; cursor: pointer; filter: opacity(.5) brightness(1); } .poster-main .poster-btn:hover { filter: opacity(1) brightness(2); } .poster-main .poster-prev-btn { width: 51px; height: 51px; left: 154px; background: url(../images/icoleft1.png) no-repeat center center; top: 50%; z-index: 100; margin-top: -25px; } .poster-main .poster-next-btn { width: 51px; height: 51px; right: 154px; background: url(../images/icoright1.png) no-repeat center center; top: 50%; z-index: 100; margin-top: -25px; } .poster-main .poster-prev-btn:hover { background: url(../images/icoleft1_h.png) no-repeat center center; } .poster-main .poster-next-btn:hover { background: url(../images/icoright1_h.png) no-repeat center center; } .poster-item-title { background: rgba(55, 55, 55, 0.75) none repeat scroll 0 0 !important; /*实现FF背景透明,文字不透明*/ filter: Alpha(opacity=75); background: #000; color: #FFF; width: 100%; height: auto; position: static; bottom: 0; text-align: left; box-sizing: border-box; padding: 10px 30px; } .poster-main .poster-list .poster-item.on .poster-item-title { display: block; } .poster-item-title .title { font-size: 24px; font-weight: bold; } .poster-item-title .desc { font-size: 14px; line-height: 24px; margin-top: 20px; display: none; } .xmzs_nav { position: static; right: 0; top: 75px; } .xmzs_nav li { float: left; margin-left: 24px; } .xmzs_nav li a { display: inline-block; font-size: 16px; width: 130px; height: 40px; border-radius: 20px; border: solid 1px #d6d6d6; line-height: 40px; text-align: center; color: #8e8e8e; text-transform: uppercase; } .xmzs_nav li a:hover, .xmzs_nav li.on a { background: #0076e6; color: #fff; border: solid 1px #0076e6; } .foot_link {} .foot_link>ul>li { width: 440px; height: 30px; border: solid 1px rgba(255, 255, 255, 0.5); float: left; line-height: 30px; margin-right: 40px; position: relative; box-sizing: border-box; } .foot_link>ul>li .layui-icon { float: right; display: block; border-left: solid 1px rgba(255, 255, 255, 0.5); width: 30px; text-align: center; font-size: 12px; height: 28px; } .foot_link>ul>li:last-child { margin-right: 0; } .foot_link>ul>li .title { padding-left: 60px; } .foot_link>ul>li .hover { width: 100%; position: static; left: -1px; top: 29px; background: #4f5863; padding: 10px; z-index: 2; box-sizing: border-box; border: solid 1px rgba(255, 255, 255, 0.5); border-top: none; display: none; height: 300px; overflow-y: scroll; } .foot_link>ul>li:hover .hover { display: block; } .foot_address { position: static; left: 0; top: 98px; background: url(../images/foot_icon.png) no-repeat left; padding-left: 40px; line-height: 20px; } .foot_tel { position: static; left: 470px; top: 98px; background: url(../images/foot_icon1.png) no-repeat left; padding-left: 40px; line-height: 20px; } .foot_erweima { position: static; right: 0px; top: 40px; text-align: center; line-height: 50px; } .foot_nav { border-top: solid 1px rgba(255, 255, 255, 0.1); padding-top: 25px; margin-bottom: 15px; } .foot_nav .line { padding: 0 15px; } #jyb_index_focus { clear: both; position: relative; margin: 80px auto 0; width: 100%; height: 530px; background: transparent; } .jyb_index_focusImg li { clear: both; position: static; top: 72px; left: 120px; width: 700px; height: 395px; opacity: 0.2; filter: alpha(opacity=20); } .jyb_index_focusImg li a, .jyb_index_focusImg li img { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; } .jyb_index_focusImg li p { display: none; position: static; bottom: 0; left: 0; width: 100%; text-indent: 10px; font-size: 16px; line-height: 33px; background: url(../images/jyb_tjqhbj_03.png) repeat left top; color: #FFF; } .jyb_index_focusImg li.active { z-index: 3; top: 0; opacity: 1; padding: 0 120px; width: 940px; height: 530px; filter: alpha(opacity=100); } .jyb_index_focusImg li.active img:hover { transform: scale(1.1); transition: all 0.5s; } .jyb_index_focusImg li.active p { display: block; } .jyb_index_focusImg li.next { left: 580px; opacity: 0.5; filter: alpha(opacity=50); } #moe-focus-cover { position: static; z-index: 2; top: 72px; left: 0; width: 100%; height: 395px; background: url(../images/index_moe_focus_shadow.png) repeat-y center; display: none; } .focus-pagenation { position: static; bottom: 10px; right: 155px; z-index: 5; display: none; } .focus-pagenation dd { float: left; margin: 0 3px; width: 12px; height: 12px; border-radius: 50%; background: url(../images/index_moe_focus_page_icon.png) no-repeat right top; cursor: default; } .focus-pagenation dd.curr { background: url(../images/index_moe_focus_page_icon.png) no-repeat left top; } .focus-arrow-left, .focus-arrow-right { position: static; top: 230px; left: -60px; z-index: 4; opacity: 0; filter: alpha(opacity=0); cursor: pointer; } .focus-arrow-right { left: auto; right: -60px; } .lxwm_cyh .lxwm_list ul li .img_cyh { margin-left: 30px !important; } .lxwm_cyh .lxwm_list ul li .text_cyh { width: 570px !important; } .layui-layer.myclass { top: 150px !important; } .lxwm_cyh .lxwm_list ul li .text_cyh p span { display: block; float: left; height: 50px; } .ddjs_cyh .infolist_cyh ul li .title_cyh br { display: none; } #sch_col .textlist li { padding: 20px; height: auto; } #sch_col .textlist li .time .nianyue { color: #a3a3a3; padding-bottom: 13px; }