@charset "UTF-8"; body { max-width: 1920px; margin: 0 auto; font-family: "Microsoft YaHei"; } a, a:hover, a:visited { color: #707070; text-decoration: none !important; } .navbar { margin-bottom: 0; background: #ffffff; } .navbar-brand { padding: 5px; } .navbar-default { background-color: transparent; border-color: transparent; } .navbar-brand img { height: 100%; } .navbar-nav { text-align: center; } .navbar-nav li { border-bottom: 1px solid #c7c8ca; } .navbar-nav li:last-child { border: none; } .navbar-toggle { border: none; border-radius: 0; margin-right: 10px; margin-top: 5px; } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background: none; } .navbar-default .navbar-toggle .icon-bar { background-color: #333; } .df-footer { font-size: 14px; color: #606060; text-align: center; padding-top: 20px; line-height: 28px; } .df-footer>div { padding: 3px 0; } .df-footer a { color: #606060; display: inline-block; margin: 0 10px; } .df-footer .f-links { display: inline-block; border: 1px solid #606060; padding: 2px 22px 2px 10px; position: relative; cursor: pointer; width: 180px; line-height: 28px; } .df-footer .f-links .arrow { width: 0; height: 0; border: 5px solid transparent; border-top-color: #606060; position: absolute; right: 5px; top: 13px; } .df-footer .f-links .l-list { position: absolute; bottom: 26px; left: 0px; width: auto; background: #fff; border: 1px solid; width: 180px; display: none; } .df-footer .f-links .l-list .links { padding: 3px 0; } .df-footer .weibo { display: inline-block; background: url(../images/footer-icon1.jpg) no-repeat; background-position: 0 -4px; width: 20px; height: 25px; margin-right: 10px; vertical-align: middle; } .df-footer .weixin { position: relative; display: inline-block; background: url(../images/footer-icon2.jpg) no-repeat; background-position: 0 -3px; width: 21px; height: 25px; margin: 0; vertical-align: middle; } .df-footer .weixin .wx-code { display: none; position: absolute; width: 100px; height: 100px; right: 0; padding: 5px; border: 1px solid #ccc; background: #fff; margin-top: -120px; background: #ccc; } .df-footer .weixin .wx-code img { width: 100%; } .df-footer .weixin .wx-code .arrow { width: 0; height: 0; border: 10px solid transparent; border-top-color: #ccc; position: absolute; bottom: -20px; left: 0; } .cx-wrapper { overflow: hidden; } .cx-wrapper .cx-top { background: url(../images/cx-bg1.png) no-repeat; background-size: 100% auto; padding: 30px 0; text-align: center; } .cx-wrapper .cx-top .text { font-size: 20px; color: #060606; } .cx-wrapper .cx-top .border { width: 60px; height: 2px; background: #e60012; margin: 5px auto; } .cx-wrapper .cx-list { background: #f5f5f5; padding-top: 45px; text-align: center; padding-bottom: 40px; } .cx-wrapper .cx-list .list-tabCont { display: none; } .cx-wrapper .cx-list .list-tabCont.active { display: block; } .cx-wrapper .cx-list .list-top .types span { color: #000; font-size: 20px; margin: 0 3px; } .cx-wrapper .cx-list .list-top .types .t-btn { cursor: pointer; } .cx-wrapper .cx-list .list-top .types span.active { color: #dc3643; } .cx-wrapper .cx-list .list-tabCont .items { margin-top: 20px; } .cx-wrapper .cx-list .list-tabCont .items .item { display: inline-block; height: 40px; line-height: 40px; width: 24%; background: #b6babe; color: #FFF; overflow: hidden; margin-bottom: 5px; cursor: pointer; } .cx-wrapper .cx-list .list-tabCont .items .item span { display: inline-block; line-height: 18px; vertical-align: middle; } .cx-wrapper .cx-list .list-tabCont .items .item.active { background: #dc3643; } .cx-wrapper .cx-list .list-main { margin-top: 20px; display: none; } .cx-wrapper .cx-list .list-main.active { display: block; } .cx-wrapper .cx-list .list-main ul { list-style: none; padding: 0; margin: 0; } .cx-wrapper .cx-list .list-main ul li { margin-bottom: 20px; position: relative; list-style: none; } .cx-wrapper .cx-list .list-main ul li a { display: block; } .cx-wrapper .cx-list .list-main ul li .img img { display: block; width: 100%; } .cx-wrapper .cx-list .list-main ul li .text { height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 16px; background: url(../images/cx-bg2.png); position: absolute; bottom: 0; width: 100%; } .cx-wrapper .cx-list .list-main ul li .hidden-text { display: none; } .cx-banner img { display: block; width: 100%; } .cx-wrapper .news-main { background: #f0f0f0; padding: 30px 0; } .cx-wrapper .news-main .r-border { border-bottom: 1px solid #d11f2d; padding-bottom: 10px; text-align: center; font-size: 16px; color: #000; /* margin: 0; */ } .cx-wrapper .news-main .news-list img { width: 100%; display: block; } .cx-wrapper .news-main .news-list .list-left { margin: 0; padding: 10px 0; } .cx-wrapper .news-main .news-list .list-left .nopadding { margin-left: 0; padding-left: 0; } .cx-wrapper .news-main .news-list .title { font-size: 14px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cx-wrapper .news-main .news-list p { margin-top: 10px; font-size: 12px; line-height: 25px; color: #555; margin-bottom: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; max-height: 8em; } .cx-wrapper .news-main .news-list .links { text-align: right; } .cx-wrapper .news-main .news-list .links a { font-size: 14px; color: #d11f2d; } .cx-wrapper .news-main .news-list .gray-bg { background: #f0f0f0; } .cx-wrapper .news-main .news-list .white-bg { background: #fff; padding-bottom: 10px; } .cx-wrapper .news-main .news-list ul { padding-top: 20px; list-style: none; padding-left: 0; } .cx-wrapper .news-main .news-list ul li { border-bottom: 1px dashed #737373; color: #d11f2d; padding: 5px 0 5px 10px; } .cx-wrapper .news-main .news-list ul li a { display: block; overflow: hidden; } .cx-wrapper .news-main .news-list ul li span { display: inline-block; font-size: 14px; max-width: 80%; overflow: hidden; } .cx-wrapper .news-main .news-list ul li .title { color: #000; } .cx-wrapper .news-main .news-list ul li .icon { color: #d11f2d; font-size: 40px; line-height: 14px; vertical-align: top; } .cx-wrapper .news-main .news-list ul li .time { color: #808080; display: block; margin-left: 14px; } .cx-wrapper .news-main .news-list ul .n-hidden { display: none; } .cx-wrapper .news-main .news-list .item-btn { text-align: right; } .cx-wrapper .news-main .news-list .item-btn .i-btn { display: inline-block; background: url(../images/nlist-icon1.png) right center no-repeat; padding-right: 15px; color: #d11f2d; font-size: 13px; cursor: pointer; } .cx-wrapper .news-main .news-list .item-btn .i-btn.active { background-image: url(../images/nlist-icon2.png); } .cx-wrapper .news-main.no-bg { background: #fff; } .cx-wrapper .cx-top { padding: 20px 0; } .cx-wrapper .cx-top .breadcrumb { background: transparent; margin-bottom: 0; text-align: left; padding: 8px 0; font-size: 15px; } .cx-wrapper .cx-top .breadcrumb a { color: #727272; } .breadcrumb>li+li:before { content: ">"; } .news-detail-main { text-align: center; } .news-detail-main .d-title { font-size: 24px; color: #060606; } .news-detail-main .d-subtitle { font-size: 24px; color: #060606; font-weight: 300; } .news-detail-main .d-time { font-size: 14px; color: #747474; padding-bottom: 5px; border-bottom: 1px dashed #afafaf; margin-top: 20px; margin-left: 0; margin-right: 0; } .news-detail-main .d-page { padding-bottom: 30px; margin-bottom: 20px; } .news-detail-main .d-page p { text-indent: 2em; font-size: 14px; color: #707070; margin: 30px 0; text-align: left; line-height: 25px; } .news-detail-main .d-page h4 { text-align: left; } .news-detail-main .d-page img { display: block; max-width: 100%; margin: 0 auto; height: auto; } .qdy-slide ul { padding: 0; margin: 0; list-style: none; } .qdy-slide a { display: block; } .qdy-slide img { width: 100%; } .qdy-slide .hd { margin-top: -50px; text-align: center; position: absolute; width: 100%; } .qdy-slide .hd li { font-size: 0; /* color: #transparent; */ width: 16px; height: 16px; border-radius: 8px; background: #fff; display: inline-block; margin: 0 10px; cursor: pointer; } .qdy-slide .hd li.on { background: #e70f31; } /*新闻标题*/ .v-title-news { font-size: 16px; line-height: 30px; color: #707070; padding-top: 10px; } .v-title-img { text-align: center; } /*新闻标题end*/ .fbh-banner img, .fbh-list img { width: 100%; display: block; } .fbh-list .f-text { background: url(../images/fbh-bg2.png) 0 20px no-repeat; background-size: 100% auto; margin-left: -15px; margin-right: -15px; padding-top: 20%; } .fbh-list .f-text .title { font-size: 20px; text-align: center; color: #060606; font-weight: bold; margin-bottom: 10px; } .fbh-list .f-text .border { width: 55px; height: 2px; background: #e60012; margin: 10px auto; } .fbh-list .f-text p { padding: 0 10px; font-size: 16px; color: #707070; text-indent: 2em; line-height: 28px; } .fbh-list .f-text .f-btn, .fbh-news .news-btn { margin: 20px auto; padding: 5px 10px; font-size: 14px; color: #fff; background: #d70000; display: block; text-align: center; max-width: 135px; } .fbh-list .f-text .f-btn { width: 25%; } .fbh-list .f-img { margin: 0 -5px; } .fbh-videos, .fbh-news { padding-top: 10%; } .fbh-videos .title, .fbh-news .title { font-size: 32px; text-align: center; color: #060606; margin-bottom: 10px; } .fbh-videos .border, .fbh-news .border { width: 55px; height: 2px; background: #e60012; margin: 10px auto; } .fbh-videos .v-list { padding-top: 20px; margin: 0 -5px; position: relative; } .fbh-videos .v-list .s-btn { width: 15%; padding: 7.5% 0; background: url(../images/fbh-arrow1.png) no-repeat; background-size: cover; position: absolute; top: 50%; margin-top: -7.5%; } .fbh-videos .v-list .s-btn.prev { left: 0; } .fbh-videos .v-list .s-btn.next { right: 0; background-image: url(../images/fbh-arrow2.png); } .fbh-videos .v-list ul { list-style: none; padding: 0; } .fbh-videos .v-list ul img { width: 100%; display: block; } .fbh-videos .v-list ul li { position: relative; } .fbh-videos .v-list ul li .v-title { background: url(../images/cx-bg2.png); font-size: 18px; color: #fff; text-align: center; height: 50px; line-height: 50px; margin-top: -50px; position: absolute; width: 100%; } .fbh-news { background: #f0f0f0; } .fbh-news .news-list img { width: 100%; display: block; } .fbh-news .news-list .n-title { display: block; font-size: 18px; color: #060606; line-height: 25px; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .fbh-news .news-list .text { font-size: 14px; line-height: 24px; color: #676767; margin-top: 5px; } .fbh-news .news-list .text p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; max-height: 72px; } .fbh-news .news-list .text a.i-more { color: #dc3643; } .fbh-news .news-list .col-xs-6 { margin-top: 20px; } .fbh-news .news-btn { margin-bottom: 40px; } .zty-czjj .czjj-item { padding: 0; position: relative; margin-top: 20px; } .zty-czjj .czjj-item img { display: block; width: 100%; } .zty-czjj .czjj-item .text { padding: 15px 10px; color: #fff; position: absolute; bottom: 0; left: 0; right: 0; background: url(../images/cx-bg3.png); } .zty-czjj .czjj-item .text .name { float: left; font-size: 18px; line-height: 35px; } .zty-czjj .czjj-item .text .small-link { float: right; display: block; border: 1px solid; padding: 5px 15px; font-size: 16px; color: #fff; } .zty-czjj .czjj-item .h-text { display: none; } .zty-czcx, .zty-jcsp, .zty-zhxx { background: #f5f5f5; padding: 40px 0; overflow: hidden; } .zty-czcx .title, .zty-jcsp .title, .zty-zhxx .title { font-size: 20px; text-align: center; color: #060606; } .zty-czcx .border, .zty-jcsp .border, .zty-zhxx .border { width: 55px; height: 2px; background: #e60012; margin: 10px auto; } .zty-czcx .look-more { font-size: 18px; border: 1px solid; color: #dc3643; width: 150px; text-align: center; height: 45px; line-height: 45px; margin: 30px auto; display: block; } .zty-czcx .v-list, .zty-jcsp .v-list { padding-top: 20px; margin: 0 -15px; position: relative; } .zty-czcx .v-list .s-btn, .zty-jcsp .v-list .s-btn { background: url(../images/zty-arrow1.png) 0 0 no-repeat; position: absolute; top: 20px; bottom: 0px; width: 65px; background-size: auto 100%; } .zty-czcx .v-list .s-btn.prev, .zty-jcsp .v-list .s-btn.prev { left: 0; margin-left: 15px; } .zty-czcx .v-list .s-btn.next, .zty-jcsp .v-list .s-btn.next { margin-right: 15px; right: 0; background-image: url(../images/zty-arrow2.png); background-position: right 0; } .zty-czcx .v-list ul, .zty-jcsp .v-list ul { list-style: none; padding: 0; } .zty-czcx .v-list ul img, .zty-jcsp .v-list ul img { width: 100%; display: block; } .zty-czcx .v-list ul li, .zty-jcsp .v-list ul li { position: relative; } .zty-czcx .v-list ul li .v-title, .zty-jcsp .v-list ul li .v-title { background: url(../images/cx-bg2.png); font-size: 18px; color: #fff; text-align: center; height: 50px; line-height: 50px; margin-top: -50px; position: absolute; width: 100%; } .zty-overflow { overflow: hidden; } .zty-jcsp .v-list .s-btn { background-image: url(../images/zty-arrow3.png); } .zty-jcsp .v-list .s-btn.next { background-image: url(../images/zty-arrow4.png); } .zty-xjzs { overflow: hidden; /* margin-left: -10px; margin-right: -10px; */ margin-bottom: 40px; padding-top: 20px; } .zty-xjzs .col-xs-6 { padding-left: 10px; padding-right: 10px; } .zty-xjzs .xjzs-item { padding: 0; position: relative; margin-top: 20px; } .zty-xjzs .xjzs-item img { display: block; width: 100%; } .zty-xjzs .xjzs-item .text { padding: 15px 5px; color: #fff; position: absolute; bottom: 0; left: 0; right: 0; background: url(../images/cx-bg3.png); text-align: center; font-size: 16px; } .zty-xjzs .xjzs-item .h-text { display: none; } .zty-xwzx { overflow: hidden; } .zty-xwzx .xwzx-item { margin: 30px -15px 0 -15px; } .zty-xwzx .xwzx-item .xwzx-top { margin-bottom: 10px; } .zty-xwzx .xwzx-item .xwzx-top .t-title { font-size: 18px; color: #000; padding-left: 30px; float: left; } .zty-xwzx .xwzx-item .xwzx-top .t-more { float: right; margin-right: 10px; color: #dc3643; } .zty-xwzx .xwzx-item .xwzx-top .t-title .arrow { width: 0; height: 0; border: 8px solid #2290c7; border-top-color: transparent; border-right-color: transparent; position: absolute; margin-left: -20px; margin-top: 5px; } .zty-xwzx .xwzx-item .row { margin: 0 -5px; } .zty-xwzx .xwzx-item .item-news a { display: block; text-decoration: none; } .zty-xwzx .xwzx-item .item-news img { display: block; width: 100%; } .zty-xwzx .xwzx-item .item-news .l-title { font-size: 16px; color: #000; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .zty-xwzx .xwzx-item .item-news p { font-size: 14px; color: #676767; line-height: 25px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; max-width: 100%; } .zty-zhxx { margin-top: 40px; } .zty-zhxx .row { margin: 0 -5px; } .zty-zhxx .zhxx-map { height: 300px; } .zty-zhxx .zhxx-row .col-md-6 { padding: 0; } .zty-zhxx .zhxx-text { background: #fff; padding: 25px 15px; font-size: 14px; } .zty-zhxx .zhxx-text #locationInfo, .zty-zhxx .zhxx-text .z-table { cursor: pointer; } .zty-zhxx .zhxx-text p { text-indent: 2em; line-height: 23px; } .zty-zhxx .zhxx-text .z-text { line-height: 50px; border-top: 1px solid #c9c9c9; background-repeat: no-repeat; background-position: 0 10px; padding-left: 50px; } .zty-zhxx .zhxx-text .z-text span { margin-right: 15px; } .zty-zhxx .zhxx-text .z-text.icon1 { background-image: url(../images/zty-icon1.png); } .zty-zhxx .zhxx-text .z-text.icon2 { background-image: url(../images/zty-icon2.png); } .zty-zhxx .zhxx-text .z-text.icon3 { background-image: url(../images/zty-icon3.png); } .zty-zhxx .zhxx-text .z-btns { text-align: right; } .zty-zhxx .zhxx-text .z-btns span { display: inline-block; width: 130px; text-align: center; padding: 5px 0; margin: 0 5px; border: 1px solid #959595; line-height: normal; cursor: pointer; } .zty-zhxx .zhxx-text .z-btns span.active { border-color: #e60012; } .zty-pop { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 10; display: none; } .zty-pop .p-mask { width: 100%; height: 100%; background: #000; opacity: .6; } .zty-pop .p-cont { background: #fff; position: absolute; top: 50%; left: 50%; width: 80%; transform: translate(-50%, -50%); margin-left: -400px \0; margin-top: -200px \0; } .zty-pop .p-cont .p-close { position: absolute; width: 27px; height: 27px; background: url(../images/zty-close.png) no-repeat; top: 10px; right: 10px; cursor: pointer; } .zty-pop .p-cont .title { margin-top: 16px; font-size: 18px; text-align: center; } .zty-pop .p-cont .img { padding: 20px 30px; } .zty-pop .p-cont img { display: block; width: 100%; } .zty-zhxx .zhxx-text .z-table { cursor: pointer; } .zty-table { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 10; display: none; cursor: pointer; } .zty-table .p-mask { width: 100%; height: 100%; background: #000; opacity: .6; } .zty-table .p-cont { background: #fff; position: absolute; top: 50%; left: 50%; width: 80%; transform: translate(-50%, -50%); margin-left: -400px \0; margin-top: -300px \0; } .zty-table .p-cont .p-close { position: absolute; width: 27px; height: 27px; background: url(../images/zty-close.png) no-repeat; top: 10px; right: 10px; cursor: pointer; } .zty-table .p-cont .title { margin-top: 16px; font-size: 18px; text-align: center; } .zty-table .p-cont .img { padding: 20px 30px; } .zty-table .p-cont img { display: block; width: 100%; } @media (min-width: 768px) { .navbar-nav { /* margin-top: 10px; */ } .navbar-nav li { border: none; } .banner-container { display: table; } .navbar-default .white-color>li>a { color: #fff; } .navbar-default .white-color>li>a:hover { color: #fff; } .df-footer { padding-top: 30px; } #intro .df-footer { padding-top: 10px; } .video-section { padding: 0; } .cx-wrapper { padding: 0 5px; } .cx-wrapper .cx-top { padding: 50px 0; } .cx-wrapper .cx-list .list-tabCont .items .item { display: inline-block; height: 40px; line-height: 40px; width: 12%; background: #b6babe; color: #FFF; } .cx-wrapper .cx-list .list-main ul { overflow: hidden; } .cx-wrapper .cx-list .list-main ul li { float: left; width: 33%; margin-right: 0.5%; } .cx-wrapper .cx-list .list-main ul li:nth-child(3n) { margin-right: 0; } .cx-wrapper .cx-list .list-main ul li:hover .hidden-text { display: block; } .cx-wrapper .cx-list .list-main ul li:hover .text { display: none; } .cx-wrapper .cx-list .list-main ul li .hidden-text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/cx-bg3.png); text-align: center; font-size: 20px; display: none; } .cx-wrapper .cx-list .list-main ul li .hidden-text div { display: block; color: #fff; top: 40%; width: 100%; margin: 0 auto; position: absolute; } .cx-wrapper .cx-list .list-main ul li .hidden-text div p { font-size: 0.8em; } .cx-wrapper .cx-list .list-main .container { width: 100%; padding: 0; margin: 0; } .cx-wrapper .news-main { background: #f0f0f0; padding: 50px 0 70px 0; } .cx-wrapper .news-main .news-list { padding-top: 30px; } .cx-wrapper .news-main .news-list .title { font-size: 16px; color: #000; } .cx-wrapper .news-main .news-list p { margin-top: 20px; font-size: 14px; line-height: 28px; color: #555; } .cx-wrapper .news-main .news-list .links { text-align: right; margin-top: 10px; } .cx-wrapper .news-main .news-list .links a { font-size: 14px; color: #d11f2d; margin-right: 40px; } .cx-wrapper .news-main .news-list .white-bg { background: #fff; padding-bottom: 10px; } .cx-wrapper .news-main .news-list ul { padding-top: 20px; list-style: none; padding-left: 0; } .cx-wrapper .news-main .news-list ul li { border-bottom: 1px dashed #737373; color: #d11f2d; padding: 5px 0 5px 10px; } .cx-wrapper .news-main .news-list ul li a { display: block; overflow: hidden; } .cx-wrapper .news-main .news-list ul li span { display: block; font-size: 14px; overflow: hidden; } .cx-wrapper .news-main .news-list ul li .title { float: left; color: #000; width: 60%; } .cx-wrapper .news-main .news-list ul li .icon { float: left; color: #d11f2d; font-size: 40px; line-height: 18px; margin-right: 10px; } .cx-wrapper .news-main .news-list ul li .time { float: right; color: #808080; } .cx-wrapper .news-main .news-list ul .n-hidden { display: none; } .cx-wrapper .news-main .news-list .item-btn { text-align: right; } .cx-wrapper .news-main .news-list .item-btn .i-btn { display: inline-block; background: url(../images/nlist-icon1.png) right center no-repeat; padding-right: 15px; color: #d11f2d; font-size: 13px; cursor: pointer; } .cx-wrapper .news-main .news-list .item-btn .i-btn.active { background-image: url(../images/nlist-icon2.png); } .news-detail-main .d-title { font-size: 32px; color: #060606; } .news-detail-main .d-sub-title { font-size: 32px; color: #060606; font-weight: 300; } .news-detail-main .d-page p { font-size: 16px; line-height: 30px; } .news-detail-main .d-page .videoCont .video .jp-video-270p .jp-video-play-icon { width: 120px; height: 120px; background-size: cover; margin-left: -60px; margin-top: -60px; } .news-detail-main .d-page .videoCont .video .jp-video-270p .jp-video-play { margin-top: -440px; height: 440px; } .fbh-list .f-text { padding: 0; background: url(../images/fbh-bg1.png) 0 bottom no-repeat; background-size: 100% auto; } .fbh-list .f-text .text-wrap { display: inline-block; vertical-align: middle; } .fbh-list .f-text .title { line-height: 18px; /* font-size: 16px; */ } .fbh-list .f-text .border { margin: 5px auto; } .fbh-list .f-img { margin: 0 -15px; } .fbh-list .f-text p { font-size: 12px; line-height: 22px; margin-bottom: 0; } .fbh-list .f-text .f-btn { /*float: right; */ margin: 0 auto; /*margin-right: 12px; */ line-height: 18px; font-size: 12px; margin-top: 5px; padding: 5px 5px; } .fbh-videos { padding-top: 0; } .fbh-news { padding-top: 30px; padding-bottom: 30px; } .fbh-videos .v-list ul { margin-bottom: 0; } .fbh-videos .v-list { padding: 0; margin: 0 -15px; } .fbh-videos .v-list li { width: 33.33%; float: left; } .fbh-videos .v-list .s-btn { top: 0; margin-top: 0; bottom: 0; padding: 0; height: 100%; width: 60px; background-size: auto 100%; } .fbh-videos .v-list .s-btn.prev { background-image: url(../images/fbh-arrow3.png); } .fbh-videos .v-list .s-btn.next { background-image: url(../images/fbh-arrow4.png); background-position: right 0; } .zty-czjj { margin-left: -30px; margin-right: -30px; } .zty-czjj .czjj-item { padding-left: 15px; padding-right: 15px; margin-bottom: 20px; } .zty-czjj .czjj-item .text { margin-left: 15px; margin-right: 15px; } .zty-czcx, .zty-jcsp { overflow: hidden; } .zty-czcx .v-list .bd li, .zty-jcsp .v-list .bd li { width: 25%; float: left; } .zty-czcx .v-list .hd, .zty-jcsp .v-list .hd { margin-top: 30px; text-align: center; } .zty-czcx .v-list .hd li, .zty-jcsp .v-list .hd li { display: inline-block; width: 16px; height: 16px; border-radius: 8px; margin: 0 10px; background: #d2d2d2; color: transparent; float: none; cursor: pointer; } .zty-czcx .v-list .hd li.on, .zty-jcsp .v-list .hd li.on { background: #dc3643; } .zty-czcx .v-list .s-btn, .zty-jcsp .v-list .s-btn { cursor: pointer; } .zty-xjzs .xjzs-item .h-text { display: none; } .zty-xjzs .col-xs-6 { padding: 0 15px; } .zty-xjzs .xjzs-item .text { font-size: 14px; } .zty-zhxx .zhxx-map { height: 362px; padding: 0; } .zty-zhxx .zhxx-text { /* width: 50%; float: left; */ padding: 40px 40px; } .zty-zhxx .zhxx-row { margin-top: 30px; } .zty-zhxx .zhxx-row .col-md-6 { padding: 0; } } @media (min-width: 992px) { .navbar-brand { width: 287px; height: auto; } .news-detail-main .d-page .videoCont .video .jp-video-270p .jp-video-play { margin-top: -500px; height: 500px; } .fbh-list .f-text p { padding: 0 6%; } .fbh-list .f-text .f-btn { margin-right: 8%; margin-top: 20px; } .zty-czjj .czjj-item .h-text { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin-left: 15px; margin-right: 15px; background: url(../images/cx-bg3.png); padding: 0 15%; text-align: center; color: #fff; } .zty-czjj .czjj-item .h-text .t-wrap { display: inline-block; vertical-align: middle; } .zty-czjj .czjj-item .h-text .t-wrap .title { font-size: 24px; line-height: 30px; } .zty-czjj .czjj-item .h-text .t-wrap p { font-size: 16px; line-height: 25px; margin-top: 10px; } .zty-czjj .czjj-item .h-text .t-wrap .small-link { display: block; width: 130px; height: 40px; border: 1px solid; text-align: center; line-height: 40px; font-size: 16px; color: #fff; margin: 30px auto 0; } .zty-czjj .czjj-item .text { display: none; } .zty-czjj .czjj-item:hover .h-text { display: block; } .zty-xjzs .xjzs-item .text { display: none; } .zty-xjzs .xjzs-item:hover .h-text { display: block; } .zty-xjzs .xjzs-item:hover { margin-top: -20px; border: 3px solid #dc3643; } .zty-xjzs .xjzs-item .h-text { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../images/cx-bg3.png); padding: 0 15%; text-align: center; color: #fff; } .zty-xjzs .xjzs-item .h-text span { display: inline-block; font-size: 16px; line-height: 25px; vertical-align: middle; } .zty-xjzs { margin-bottom: 80px; } .cx-wrapper .cx-top .text, .zty-czcx .title, .zty-jcsp .title, .zty-zhxx .title { font-size: 32px; } .zty-xwzx .xwzx-pc-item { width: 320px; margin: 0 auto; font-size: 14px; } .zty-xwzx .xwzx-pc-item .i-top { padding-left: 20px; } .zty-xwzx .xwzx-pc-item .i-top .arrow { width: 0; height: 0; border: 8px solid #2290c7; border-top-color: transparent; border-right-color: transparent; position: absolute; margin-left: -20px; } .zty-xwzx .xwzx-pc-item ul { list-style: none; padding-left: 0; padding-top: 1px; } .zty-xwzx .xwzx-pc-item ul li { margin-top: 20px; } .zty-xwzx .xwzx-pc-item ul li a { overflow: hidden; display: block; } .zty-xwzx .xwzx-pc-item ul li .img { float: left; width: 100px; } .zty-xwzx .xwzx-pc-item ul li .img img { display: block; width: 100%; } .zty-xwzx .xwzx-pc-item ul li .text { margin-left: 15px; float: right; width: 205px; } .zty-xwzx .xwzx-pc-item ul li .text .i-title { color: #000; /* margin-top: 5px; */ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .zty-xwzx .xwzx-pc-item ul li .text p { color: #4e4e4e; line-height: 20px; margin-top: 10px; margin-bottom: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 40px; overflow: hidden; } .zty-xwzx .xwzx-pc-item .i-more { color: #dc3643; } .zty-pop .p-mask { filter: alpha(opacity=60); } .zty-pop .p-cont { width: 800px; /*height: 330px;*/ } :root .zty-pop .p-cont { margin-left: 0; margin-top: 0; } .zty-pop .p-cont .img { padding: 30px 50px; } .zty-table .p-mask { filter: alpha(opacity=60); } .zty-table .p-cont { width: 800px; /*height: 330px;*/ } :root .zty-table .p-cont { margin-left: 0; margin-top: 0; } .zty-table .p-cont .img { padding: 30px 50px; } } @media (min-width: 1200px) { #event-main { padding-right: 0; } #event-subnav { padding-left: 0; } #event-subnav ul { list-style: none; margin: 0; padding: 0; } #event-subnav ul li { display: block; background: #ccc; text-align: center; } #event-subnav ul li a { display: block; margin: 5px; padding: 5px; } .cx-banner { position: relative; } .banner-subnav { position: absolute; right: 10px; top: 25px; display: none; } .banner-subnav ul { list-style: none; margin: 0; padding: 0; } .banner-subnav ul li a { display: block; padding: 10px; color: #ffffff; font-size: 15px; } .news-detail-main .d-page .videoCont .video .jp-video-270p .jp-video-play { margin-top: -650px; height: 650px; } .fbh-list .f-text p { padding: 0 10%; font-size: 16px; line-height: 28px; } .fbh-list .f-text .f-btn { margin-right: 12%; } } /** add by jsaon */ .modal .video-js { width: 100%; } .modal .video-js .vjs-big-play-button { top: 50%; left: 50%; margin-left: -45px; margin-top: -25px; } @media (max-width: 767px) { .modal .video-js { height: 320px; } .navbar-brand>img { margin-left: 5px; } .cx-wrapper { padding: 0 5px; } .fbh-videos .title, .fbh-news .title { font-size: 20px; } .cx-wrapper .news-main .news-list .visible-xs { display: -webkit-box !important; -webkit-line-clamp: 2; max-height: 4em; } .cx-wrapper .news-main .news-list .links { margin-top: 5px; } .cx-wrapper .news-main .news-list .links a { font-size: 12px; } .zty-zhxx .zhxx-row { margin-top: 20px; } } @media(max-width: 1169px) { .cx-wrapper .news-main .news-list .hidden-xs { display: -webkit-box; -webkit-line-clamp: 2; } } @media(min-width: 1170px) { .cx-wrapper .news-main .news-list ul li .title { width: 75%; } } .fbh-videos .v-title { background: url(../images/cx-bg2.png); font-size: 18px; color: #fff; text-align: center; height: 50px; line-height: 50px; margin-top: -50px; position: absolute; width: 100%; } .video-list .item .text { display: none; } .video-list .item:hover .h-text { display: block; } .video-list .item .h-text { /*padding: 15px 10px;*/ color: #fff; position: absolute; bottom: 0; left: 0; right: 0; background: url(../images/cx-bg3.png); text-align: center; display: none; width: 100%; height: 100%; } .video-list .item .h-text img { width: 100px; height: 100px; display: inline-block; top: 50%; left: 50%; position: absolute; margin-top: -50px; margin-left: -50px; } .owl-theme .owl-nav { position: absolute; z-index: 99; top: 50%; width: 100%; transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); } .owl-theme .owl-nav .owl-prev, .owl-theme .owl-nav .owl-next { position: absolute; width: 50px; line-height: 100px; font-size: 24px; margin-top: -62px; padding: 0; background-color: rgba(0, 0, 0, 0.8); } .owl-theme .owl-nav div.owl-prev { left: 5px; } .owl-theme .owl-nav div.owl-next { right: 5px; } .video-list .item a { cursor: pointer; } /* 图片标题 */ .img-title { background: url(../images/cx-bg2.png); font-size: 18px; color: #fff; text-align: center; height: 50px; line-height: 50px; margin-top: -50px; position: absolute; width: 100%; } .news-headline { padding-left: 0; } .news-detail-main .d-page .video-js { width: 100%; } .news-detail-main .d-page .video-js .vjs-big-play-button { top: 50%; left: 50%; margin-left: -45px; margin-top: -25px; } .video-list .v-video .play-btn { display: none; } @media(max-width: 1169px) { .video-list .v-video .play-btn { background-image: url(../images/play.png); background-size: 100px 100px; display: inline-block; position: absolute; top: 50%; left: 50%; height: 100px; width: 100px; margin-left: -50px; margin-top: -50px; z-index: 999; } } @media (max-width: 767px) { .news-detail-main .d-page .video-js { height: 240px; } } @media(min-width:768px) { .pc-slide .owl-dot { position: absolute; bottom: 0; width: 100%; text-align: center; } .pc-slide .owl-theme .owl-dots .owl-dot.active { background: red; } .pc-slide .owl-theme .owl-dots .owl-dot span { width: 20px; height: 20px; } } .news-video-item { cursor: pointer; } .news-video { position: relative; } .news-video .play-btn { background-image: url(../images/play.png); background-size: 100px 100px; display: inline-block; position: absolute; top: 50%; left: 50%; height: 100px; width: 100px; margin-left: -50px; margin-top: -50px; z-index: 999; } /* #intro { position: relative; } #intro .navbar-fixed-top { background-color: white; } @media(min-width: 768px) { #qdy-slide { overflow: hidden; } #intro #footer { width: 100%; position: absolute; bottom: 0; z-index: 999; background-color: white; } #intro .owl-theme .owl-dots{ position: absolute; bottom: 50px; width: 100%; } #intro .owl-theme .owl-dots .owl-dot span{ width:20px; height: 20px; background-color: white; } #intro .owl-theme .owl-dots .owl-dot.active span{ background-color: red; } }*/