@charset "utf-8"; body { font-family: "microsoft yahei"; color: #333333; padding: 0; margin: 0; } html { font-size: 15px; } 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: #9d224f; } a:focus { text-decoration: none; } .clearfix { zoom: 1; } .clearfix:after { clear: both; content: ""; display: block; width: 0; height: 0; visibility: hidden; } .rel { position: relative; } .mt10 { margin-top: 10px !important; } .mt20 { margin-top: 20px !important; } .mb20 { margin-bottom: 20px !important; } .mt30 { margin-top: 30px !important; } .mt40 { margin-top: 40px !important; } .mt50 { margin-top: 50px !important; } .mt60 { margin-top: 60px; } .fl { float: left; } .fr { float: right; } .hid { overflow: hidden; } .wrapper { position: relative; overflow: hidden; } /* 动画延迟 */ .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; } .sdiv { -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, -webkit-transform 0.5s; -o-transition: transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s; opacity: 0; } .sdiv.on { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } .con { width: auto; margin: 0 auto; padding: 0 10px; } @-webkit-keyframes hue { from { -webkit-filter: hue-rotate(0deg); } to { -webkit-filter: hue-rotate(-360deg); } } /* 动画延迟结束 */ .header { width: 100%; background: rgba(255, 255, 255, 0.5); } .header .top { height: 128px; position: relative; } .header .top .logo { position: absolute; z-index: 9; top: 20px; left: 60px; } /* 导航 */ nav.navbar.bootsnav { border: none; background: none; position: absolute; z-index: 10; top: 35px; right: 0; } .navbar-collapse { padding: 0; } nav.navbar.bootsnav ul.nav > li > a { color: #000000; text-transform: uppercase; padding: 0 25px 10px 25px; z-index: 1; font-size: 1.375rem; line-height: 40px; font-weight: normal; } .nav > li:hover:after { width: 100%; } .nav > li.cur { height: auto; border-bottom: 3px solid #7f1b3f; } .nav > li.cur > a, .nav > li:hover > a { color: #7f1b3f !important; font-weight: bold !important; } /* .nav > li:after { content: ""; width: 0; height: auto; border-bottom: 3px solid #ffffff; background: none; position: absolute; bottom: 0; left: 0; transition: all 0.5s ease 0s; z-index: 0; } nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after { content: "+"; font-family: "FontAwesome"; font-size: 16px; position: absolute; top: 25%; right: 11%; transition: all 0.4s ease 0s; } */ nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after { display: none; } .dropdown-menu.multi-dropdown { position: absolute; left: -100% !important; } nav.navbar.bootsnav li.dropdown ul.dropdown-menu { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); border: none; background: rgba(127, 27, 63, 0.8); width: 100%; min-width: auto; border-top: 3px solid #7f1b3f; } nav.navbar.bootsnav li.dropdown ul.dropdown-menu:before { content: ""; width: 9px; height: 4px; position: absolute; top: -7px; left: 50%; transform: translate(-50%); display: inline-block; background: url(../images/nav-sanjiao.png) center no-repeat; } nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a { font-size: 0.875rem; color: #ffffff; text-align: center; padding: 15px 0; border: none; } nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li:hover a { background: url(../images/nav-sunav-libg.png); } nav.navbar.bootsnav .navbar-toggle { background: none; border: none; padding: 0; font-size: 1.125rem; position: relative; top: 25px; color: #ffffff; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before, .fa-remove:before, .fa-close:before, .fa-times:before { margin-right: 10px; } @media (min-width: 992px) { .navbar-collapse.collapse { display: block !important; } } /* 浮动导航 */ .header--fixed { position: fixed; z-index: 12; right: 0; left: 0; top: 0; } /* 浮动导航结束 */ /* banner焦点图 */ .flexslider .slides li { position: relative; font-size: 1rem; } .flexslider .slides li a { color: #ffffff; } .flexslider:hover .flex-direction-nav .flex-prev{ left:110px; } .flexslider:hover .flex-direction-nav .flex-next{ right:110px; } .flexslider .slides li .left { position: absolute; bottom: 78px; left: 100%; width: 450px; height: 55px; line-height: 55px; padding-right: 35px; text-align: right; background: url(../images/banner-txt-left.png) no-repeat; background-size: 100% 100%; z-index: 3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .flexslider .slides li .right { position: absolute; bottom: 25px; right: 100%; width: 450px; height: 55px; line-height: 55px; padding-left: 35px; text-align: left; background: url(../images/banner-txt-right.png) no-repeat; background-size: 100% 100%; z-index: 3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .flexslider .slides li img { min-width: 100%; } .flex-control-nav { position: absolute; bottom: 50px; right: 20px; z-index: 9; width: auto; } .flex-direction-nav a{z-index:99;} .flex-control-nav li a { border: 0; border-radius: 0; margin: 0 15px; width: 28px; height: 22px; display: inline-block; zoom: 1; background: url(../images/banner-nav.png) no-repeat; box-shadow: none; } .flex-control-nav li a:hover, .flex-control-nav li a.flex-active { width: 37px; height: 66px; background: url(../images/banner-nav-on.png) no-repeat; } /* banner焦点图结束 */ /* 中部版块 */ .row0 { padding: 25px 0 35px 0; background: #b03662; } .row0 li { float: left; width: 16.6%; } .row0 li a { display: block; text-align: center; border-right: 1px solid transparent; border-color: rgba(255, 255, 255, 0.27); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .row0 li a .pic { margin: 0 auto; } .row0 li a .pic img { height: 60px; } .row0 li a p { font-size: 1.125rem; color: #fff; line-height: 30px; margin-top: 14px; } .row0 li:hover a { transform: translateY(-10px); } /* 首页标题 */ .index-tit { overflow: hidden; } .index-tit .tit { font-size: 2.25rem; font-weight: bold; color: #ffffff; line-height: 36px; float: left; } .index-tit .index-more { float: right; width: 95px; height: 25px; background: url(../images/index-more.png) no-repeat; } .index-tit .index-more:hover{opacity:0.5;} /* 第一行 */ .row1 { background: url(../images/row1-bg.png) top center no-repeat; } .row1 .c1 { width: 1030px; float: left; background-size: cover; padding: 70px 45px 50px 0; } .row1 .c1 .index-more { margin-right: 50px; } .row1 .c1 ul { overflow: hidden; margin: 56px -20px; } .row1 .c1 ul li { width: 33.3%; float: left; } .row1 .c1 ul li .new-box { display: block; margin: 0 20px; } .row1 .c1 ul li .new-box .date { color: #ffffff; font-size: 1.25rem; position: relative; } .row1 .c1 ul li .new-box .date:after { content: ""; display: block; width: 130px; height: 11px; background: #9d224f; border-radius: 15px; margin-top: -11px; } .row1 .c1 ul li .new-box .pic { margin-top: 20px;height:170px; overflow: hidden; } .row1 .c1 ul li .new-box .pic img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .row1 .c1 ul li .new-box .pic img:hover { transform: scale(1.05); } .row1 .c1 ul li .new-box .tit { margin: 20px 0; } .row1 .c1 ul li .new-box .tit a { display: block; color: #ffffff; font-size: 1.25rem; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .row1 .c1 ul li .new-box .tit:hover a { color: #9d224f; } .row1 .c1 ul li .new-box .info { color: #ffffff; font-size: 1rem; line-height: 1.875rem; opacity: 0.6; height: 3.75rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .row1 .c1 ul li .new-box a.more { display: block; margin-top: 25px; } .row1 .c1 ul li .new-box a.more img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .row1 .c1 ul li .new-box a.more img:hover { transform: scale(1.05); } .row1 .c2 { float: right; padding: 70px 0 50px 0; overflow: hidden; } .row1 .c2 .index-tit { padding-left: 20px; } .row1 .c2 .index-tit .tit { color: #333333; } .row1 .c2 .index-tit .tit .blue { color: #1f509a; } .row1 .c2 .index-tit .index-more { margin-top: 15px; background: url(../images/index-more2.png) no-repeat; } .row1 .c2 ul { margin-top: 35px; } .row1 .c2 ul li { padding: 13px 20px; } .row1 .c2 ul li a{ display:block; position:relative; } .row1 .c2 ul li a em{ display:none; width: 25px; height: 10px; background: url(../images/bkwm-more.png) no-repeat; background-size: 100% 100%; position: absolute; right: 0; bottom: 0; } .row1 .c2 ul li .tit { font-size: 1.125rem; color: #333333; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .row1 .c2 ul li .date { font-size: 1rem; color: #999999; font-weight: bold; } .row1 .c2 ul li:hover { background: #f3f3f3; border-left: 3px solid #7f1b3f; padding-left: 17px; } .row1 .c2 ul li:hover em{ display:block; } .row1 .c2 ul li:hover .tit { color: #7f1b3f; } .row1 .c2 ul li:hover .date { color: #7f1b3f; } /* 第二行 */ .row2 { padding: 80px 0 100px; } .row2 .index-tit .tit { position: absolute; top: 85px; left: 75px; z-index: 10; } .row2 .index-more { position: absolute; width: 111px; height: 111px; background: url(../images/view-more1.png); background-size: 100% 100%; right: -55px; top: -55px; z-index: 10; } .row2 .index-more:hover { opacity: 0.8; } .row2 .slider-box { position: relative; width: 100%; } .row2 .slider-box .slider { position: relative; z-index: 1; } .row2 .slider-box .box { outline: none; } .row2 .slider-box .box .txt { float: left; width: 584px; background: url(../images/shizi-bg.png) left top no-repeat #b03662; padding: 150px 75px 64px 75px; } .row2 .slider-box .box .txt .tit { font-size: 1.25rem; color: #ffffff; line-height: 36px; height: 72px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .row2 .slider-box .box .txt .info { margin: 30px 0; font-size: 1rem; color: #ffffff; line-height: 2rem; height: 64px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .row2 .slider-box .box .txt .more { color: #000000; background: url(../images/jiantou2.png) center right no-repeat; padding-right: 30px; } .row2 .slider-box .box .pic { float: left; width: calc(100% - 584px); overflow: hidden; } .row2 .slider-box .box .pic img { width: 100%; -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; } .row2 .slider-box .box .pic:hover img { transform: scale(1.05); } .row2 .slider-box .slider-nav { position: absolute; left: 0; bottom: 0; z-index: 10; margin: 0; padding: 0; width: 876px; } .row2 .slider-box .slider-nav .slick-list { padding: 0 !important; position: relative; z-index: 1; } .row2 .slider-box .slider-nav .pic { width: 292px; cursor: pointer; } .row2 .slider-box .slider-nav .pic img { width: 100%; -webkit-filter: brightness(50%); /*考虑浏览器兼容性:兼容 Chrome, Safari, Opera */ filter: brightness(50%); } .row2 .slider-box .slick-prev { position: absolute; top: 60px; left: 533px; z-index: 10; } .row2 .slider-box .slick-next { position: absolute; top: 60px; left: 584px; z-index: 10; } .row2 .slider-box .slick-prev:before { display: block; width: 51px; height: 51px; background: url(../images/shizi-left.png); background-size: 100% 100%; font-size: 0; opacity: 1; } .row2 .slider-box .slick-next:before { display: block; width: 51px; height: 51px; background: url(../images/shizi-right.png); background-size: 100% 100%; font-size: 0; opacity: 1; } .row2 .slider-box .slick-prev:hover:before { opacity: 0.75; } .row2 .slider-box .slick-next:hover:before { opacity: 0.75; } /* 第三行 */ .row3 { background: url(../images/row3-bg.png) no-repeat; background-size: cover; padding: 70px 0; } .row3 ul { padding: 30px 0; margin: 0 -26px; overflow: hidden; } .row3 ul li { width: 25%; float: left; } .row3 ul li .yjcg-box { display: block; margin: 0 26px; height: 435px; background: #ffffff; padding: 0 38px; position: relative; } .row3 ul li .yjcg-box .date { position: absolute; top: -12px; width: 66px; height: 66px; text-align: center; background: #949495; color: #ffffff; } .row3 ul li .yjcg-box .date .en { font-size: 1rem; margin-top: 6px; } .row3 ul li .yjcg-box .date .cn { font-size: 1.875rem; } .row3 ul li .yjcg-box .tit { padding-top: 80px; } .row3 ul li .yjcg-box .tit a { color: #000000; font-size: 1.25rem; line-height: 2rem; height: 4rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .row3 ul li .yjcg-box .info { margin-top: 25px; color: #8d8d8e; font-size: 1rem; line-height: 2rem; height: 8rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .row3 ul li .yjcg-box a.more { display: block; margin-top: 60px; width: 44px; height: 20px; background: url(../images/yjcg-more.png) left center no-repeat; background-size: 100% 100%; } .row3 ul li .yjcg-box:after { content: ""; width: 100%; height: 3px; background: #949495; position: absolute; bottom: 15px; left: 0; } .row3 ul li .yjcg-box:hover .date { background: #9d224f; } .row3 ul li .yjcg-box:hover a.more { background: url(../images/yjcg-more2.png) left center no-repeat; background-size: 100% 100%; } .row3 ul li .yjcg-box:hover:after { background: #9d224f; } .row3 ul li:nth-of-type(odd) { margin-top: 73px; } /* 第四行 */ .row4 { margin: 110px 0 100px; background: url(../images/row4-bg.png) center center no-repeat #ffffff; } .row4 .container { position: relative; } .row4 .index-tit .tit { margin-left: 960px; color: #333333; } .row4 .index-tit .tit .red { color: #7f1b3f; } .row4 .index-more { position: absolute; width: 111px; height: 111px; background: url(../images/view-more2.png); background-size: 100% 100%; right: -55px; top: 11px; z-index: 10; } .row4 .index-more:hover { opacity: 0.75; } .row4 .c1 { width: 887px; float: left; margin-top: -36px; } .row4 .c1 .lt-box .box .pic { width: 100%; overflow: hidden; } .row4 .c1 .lt-box .box .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; } .row4 .c1 .lt-box .box .pic:hover img { transform: scale(1.05); } .row4 .c1 .lt-box .box .text { width: 76%; margin-top: 25px; border-left: 5px solid #9d224f; padding-left: 27px; } .row4 .c1 .lt-box .box .text a.tit { font-size: 1.25rem; color: #111111; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .row4 .c1 .lt-box .box .text a.tit:hover { color: #9d224f; } .row4 .c1 .lt-box .box .text .info { font-size: 1rem; color: #666666; line-height: 28px; height: 55px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .row4 .c1 .lt-box .slick-prev { position: absolute; top: 40px; left: -50px; z-index: 10; } .row4 .c1 .lt-box .slick-next { position: absolute; top: 40px; left: 0; z-index: 10; } .row4 .c1 .lt-box .slick-prev:before { display: block; width: 51px; height: 51px; background: url(../images/shizi-left2.png); background-size: 100% 100%; font-size: 0; opacity: 1; } .row4 .c1 .lt-box .slick-next:before { display: block; width: 51px; height: 51px; background: url(../images/shizi-right.png); background-size: 100% 100%; font-size: 0; opacity: 1; } .row4 .c1 .lt-box .slick-prev:hover:before { opacity: 0.75; } .row4 .c1 .lt-box .slick-next:hover:before { opacity: 0.75; } .row4 .c2 { float: right; margin-top: 93px; margin-right: 60px; } .row4 .c2 ul { width: 575px; margin-top: -25px; overflow: hidden; } .row4 .c2 li { padding: 30px 0; border-bottom: 1px solid #3f7ad3; overflow: hidden; } .row4 .c2 li .date { width: 75px; height: 92px; background: url(../images/date1.png) no-repeat; background-size: 100% 100%; float: left; color: #ffffff; text-align: right; } .row4 .c2 li .date .ny { font-size: 0.75rem; margin-top: 5px; } .row4 .c2 li .date .ri { font-size: 2rem; } .row4 .c2 li .text { width: calc(100% - 95px); float: right; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .row4 .c2 li .text .tit { display: block; font-size: 1.25rem; color: #ffffff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .row4 .c2 li .text .info { margin-top: 10px; font-size: 1rem; color: #ffffff; opacity: 0.8; line-height: 2rem; height: 4rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .row4 .c2 li:last-child { border-bottom: none; } .row4 .c2 li:hover .tit { color: #9d224f !important; } .row4 .c2 li:hover .text { margin-right: -5px; } .row5 .shipin .pic { position: relative; } .row5 .shipin .pic a { display: block; height: 80vh; overflow: hidden; } .row5 .shipin .pic a img { width: 100%; height: 80vh; -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; } .row5 .shipin .pic a:after { content: ""; display: block; width: 125px; height: 125px; background: url(../images/play.png); background-size: 100% 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } .row5 .shipin .pic img:hover { transform: scale(1.05); } .row5 .shipin .pic a:hover:after { opacity: 0.75; } .row5 .shipin .slick-prev { position: absolute; top: 50%; left: 3%; margin-top: -48px; z-index: 10; } .row5 .shipin .slick-next { position: absolute; top: 50%; right: 3%; margin-top: -48px; z-index: 10; } .row5 .shipin .slick-prev:before { display: block; width: 40px; height: 60px; background: url(../images/shipin-left.png); background-size: 100% 100%; font-size: 0; opacity: 1; } .row5 .shipin .slick-next:before { display: block; width: 40px; height: 60px; background: url(../images/shipin-right.png); background-size: 100% 100%; font-size: 0; opacity: 1; } .row5 .shipin .slick-prev:hover:before { opacity: 0.75; } .row5 .shipin .slick-next:hover:before { opacity: 0.75; } .row5 .shipin video { width: 100%; height: 80vh; display: block; object-fit: cover; } .foot { padding: 70px 0 20px; background: url(../images/footlogo.png) left top no-repeat #393c4b; border-top: 7px solid #9d224f; } .foot .search { text-align: center; margin: 0 auto; position: relative; } .foot .search .cn { font-size: 1.875rem; color: #b0b1b7; } .foot .search .en { font-size: 1.125rem; color: #b0b1b7; padding: 25px 0 40px; } .foot .search .ss-box { position: relative; } .foot .search .ss-box::before { content: ""; display: block; width: 30px; height: 30px; background: url(../images/search-btn.png); background-size: 100% 100%; position: absolute; left: 15px; top: -6px; } .foot .search input.text { width: 520px; height: 64px; padding: 0 15px 0 60px; line-height: 64px; font-size: 1.25rem; border-radius: 5px; border: none; outline: none; } .foot .search input.img { position: absolute; left: 27px; top: 16px; } .foot .search input.btn { width: 187px; height: 64px; text-align: center; line-height: 64px; border-radius: 5px; border: 1px solid #ffffff; background: none; padding: 0; margin: 0 0 0 20px; outline: none; color: #ffffff; font-size: 1.25rem; vertical-align: top; } .foot .links { margin: 103px auto; width: 90%; overflow: hidden; } .foot .links .link-list { float: left; padding: 0 85px 0 70px; border-left: 1px solid #6b6d78; position: relative; height: 242px; } .foot .links .link-list:nth-child(4) { border-right: 1px solid #6b6d78; } .foot .links .link-list .link-tit { font-size: 1.625rem; color: #ffffff; position: relative; margin-bottom: 40px; } .foot .links .link-list .link-tit::after { content: ""; display: block; width: 118px; height: 11px; background: #7f1b3f; border-radius: 15px; position: absolute; left: 0; top: 26px; z-index: -1; } .foot .links .link-list .link-box p { color: #a1a3aa; font-size: 1rem; line-height: 2.8125rem; } .foot .links .link-list .link-box a { color: #a1a3aa; font-size: 1rem; line-height: 2rem; } .foot .links .link-list .link-box a:hover { color: #ffffff; } .foot .links .link-list .link-box ul.kjlj { width: 216px; } .foot .links .link-list .link-box ul.kjlj li { width: 50%; float: left; line-height: 2.8125rem; } .foot .links .link-list .link-box ul.kjlj li:nth-of-type(even) { text-align: right; } .foot .links .link-list .link-box ul.gzwm { width: 235px; position: relative; margin: 0 -14px; } .foot .links .link-list .link-box ul.gzwm li { width: 33.3%; float: left; margin-bottom: 30px; } .foot .links .link-list .link-box ul.gzwm li a { display: block; margin: 0 14px; width: 50px; height: 50px; } .foot .links .link-list .link-box ul.gzwm .ewm1 { display: none; position: absolute; top: 110%; left: 50px; } .foot .links .link-list .link-box ul.gzwm .ewm1 img { width: 110px; height: 110px; } .foot .cory { width: 90%; margin: 75px auto 0; border-top: 1px solid #6b6d78; text-align: center; } .foot .cory p { font-size: 1rem; color: #9c9ea5; line-height: 2rem; padding: 15px 0; } .right-nav { top: 150px; position: absolute; z-index: 98; right: 0; } .right-nav i { display: block; background: #7f1b3f; width: 89px; height: 50px; text-align: center; line-height: 50px; color: #ffffff; font-style: normal; border-radius: 10px; } .right-nav ul { display: none; width: 89px; text-align: center; padding-top: 20px; background: url(../images/right-nav.png) no-repeat; background-size: 100% 100%; border-radius: 10px; overflow: hidden; } .right-nav ul li { width: 100%; } .right-nav ul li a { color: #7f1b3f; font-size: 14px; display: block; padding-top: 50px; margin-bottom: 25px; } .right-nav ul li.float_nav_1 a { background: url(../images/right-nav1.png) no-repeat center 0; } .right-nav ul li.float_nav_2 a { background: url(../images/right-nav2.png) no-repeat center 0; } .right-nav ul li.float_nav_3 a { background: url(../images/right-nav3.png) no-repeat center 0; } .right-nav ul li.float_nav_4 a { background: url(../images/right-nav4.png) no-repeat center 0; } .right-nav ul li.float_nav_5 a { background: url(../images/right-nav5.png) no-repeat center 0; } .right-nav ul li.float_nav_6 a { background: url(../images/right-nav6.png) no-repeat center 0; } .right-nav ul li.float_nav_7 a { background: url(../images/right-nav7.png) no-repeat center 0; } /* ie8提示当需要判断IE8下兼容性不好需要升级浏览器 */ .ie8 { text-align: center; color: #fff; height: 100%; border: 0; position: fixed; top: 0; left: 0; width: 100%; z-index: 1234; margin: 0 auto; font-family: "microsoft yahei"; font-size: 36px; background: #000000; font-weight: 300; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); } /* 列表页 */ .listpage .nav-left { width: 300px; } .listpage .nav-left .nav-tit { padding-bottom: 15px; border-bottom: 4px solid #9e2842; } .listpage .nav-left .nav-tit h3 { font-size: 1.875rem; font-weight: normal; color: #9e2842; } .listpage .nav-left .nav-sub { background: url(../images/left-nav-bg.png) bottom left no-repeat #f6f6f6; padding-bottom: 170px; padding-left: 25px; padding-right: 25px; } .listpage .nav-left .nav-sub ul.nav-pills li.lv1 { border-bottom: 1px solid #c3c3c3; } .listpage .nav-left .nav-sub ul.nav-pills li.lv1 a { position: relative; display: block; color: #333333; font-size: 1.25rem; padding: 15px 0; } .listpage .nav-left .nav-sub ul.nav-pills li.lv1 a:after { content: ""; width: 12px; height: 12px; background: url(../images/jiahao.png) center no-repeat; position: absolute; top: 50%; margin-top: -6px; right: 0; } .listpage .nav-left .nav-sub ul.nav-pills li.lv1 ul.nav-list { padding: 10px 0; } .listpage .nav-left .nav-sub ul.nav-pills li.lv1 ul.nav-list li.lv2 { border: none !important; padding: 10px 5px; } .listpage .nav-left .nav-sub ul.nav-pills li.lv1 ul.nav-list li.lv2 a { display: block; background: url(../images/left-lv2-ico.png) left center no-repeat; color: #111111 !important; font-weight: normal !important; font-size: 1rem; border: none !important; padding: 0 0 0 23px; } .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:after { display: none; } .listpage .nav-left .nav-sub ul.nav-pills li.lv1 ul.nav-list li.lv2:before { display: none; } .listpage .nav-left .nav-sub ul.nav-pills li.lv1 ul.nav-list li.lv2.current, .listpage .nav-left .nav-sub ul.nav-pills li.lv1 ul.nav-list li.lv2:hover { background: #b03662; } .listpage .nav-left .nav-sub ul.nav-pills li.lv1 ul.nav-list li.lv2.current a, .listpage .nav-left .nav-sub ul.nav-pills li.lv1 ul.nav-list li.lv2:hover a { background: url(../images/left-lv2-ico2.png) left center no-repeat; color: #ffffff !important; } .listpage .nav-left .nav-sub ul.nav-pills li:hover, .listpage .nav-left .nav-sub ul.nav-pills li.current { border-bottom: 1px solid #9e2842; } .listpage .nav-left .nav-sub ul.nav-pills li:hover a, .listpage .nav-left .nav-sub ul.nav-pills li.current a { color: #9e2842 !important; background: none; font-weight: normal !important; border-bottom: 1px solid #9e2842; border-radius: 0; } .listpage .nav-left .nav-sub ul.nav-pills li:hover a:after, .listpage .nav-left .nav-sub ul.nav-pills li.current a:after { content: ""; width: 12px; height: 12px; background: url(../images/jianhao.png) center no-repeat; position: absolute; top: 50%; margin-top: -6px; right: 0; } .listpage .con-right { width: calc(100% - 350px); min-height: 400px; padding-bottom: 60px; } .listpage .con-right .list-top .list-tit { height: 50px; line-height: 50px; border-bottom: 1px solid #cccccc; } .listpage .con-right .list-top h2 { float: left; font-size: 20px; line-height: 52px; font-weight: bold; color: #1184d9; border-bottom: 2px solid #9e2842; } .listpage .con-right .list-top .location { padding-right: 25px; font-size: 1rem; color: #888888; } .listpage .con-right .list-top .location a { font-size: 1rem; color: #888888; } .listpage .con-right .list-con { margin: 20px 0; overflow: hidden; } .listpage .con-right .list-text ul li { position: relative; overflow: hidden; line-height: 56px; border-bottom: 1px solid #e6e6e6; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .listpage .con-right .list-text ul li span { float: right; font-size: .875rem; color: #666666; } .listpage .con-right .list-text ul li p { font-size: 1rem; color: #333333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: calc(100% - 105px); padding-left: 16px; } .listpage .con-right .list-text ul li:before { content: ""; width: 4px; height: 4px; background: #9e2842; border-radius: 50%; position: absolute; top: 50%; margin-top: -2px; left: 0; transition: all 0.4s ease 0s; } .listpage .con-right .list-text ul li:hover { margin-left: 5px; border-bottom: 1px solid #9e2842; } .listpage .con-right .list-text ul li:hover p { color: #9e2842; } .listpage .con-right .list-text ul li.first p { color: #9e2842; } .listpage .con-right .list-text ul li.first .abst { font-size: 14px; color: #666666; line-height: 24px; margin-bottom: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .listpage .con-right .list-pics { margin: 35px 0; } .listpage .con-right .list-pics li { position: relative; overflow: hidden; border: 1px solid #d9d9d9; border-left: 4px solid #1f509a; margin-bottom: 20px; } .listpage .con-right .list-pics li .pic { width: 250px; float: left; overflow: hidden; } .listpage .con-right .list-pics li .pic img { width: 100%;height:140px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .listpage .con-right .list-pics li .box { position: relative; width: calc(100% - 280px); float: right; padding-right: 15px; } .listpage .con-right .list-pics li .box .txt h3 a { display: block; font-weight: normal; font-size: 1.125rem; color: #444444; padding: 15px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .listpage .con-right .list-pics li .box .txt .info { font-size: .875rem; color: #999999; } .listpage .con-right .list-pics li .box .txt .abst { margin-top: 10px; color: #666666; font-size: .875rem; line-height: 1.625rem; height: 3.125rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .listpage .con-right .list-pics li:hover { border-left: 4px solid #7f1b3f; } .listpage .con-right .list-pics li:hover img { transform: scale(1.05); } .listpage .con-right .list-pics li:hover a { color: #7f1b3f !important; } .listpage .con-right .tea-list { margin: 0 -20px; overflow: hidden; } .listpage .con-right .tea-list ul { padding-bottom: 30px; } .listpage .con-right .tea-list li { margin-top: 100px; width: 25%; float: left; } .listpage .con-right .tea-list li .item { margin: 0 20px; position: relative; } .listpage .con-right .tea-list li .item .pic { position: absolute; width: 150px; height: 210px; left: 50%; top: -38px; margin-left: -75px; } .listpage .con-right .tea-list li .item .pic img { width: 100%; } .listpage .con-right .tea-list li .item .box { border: 1px solid #d9d9d9; padding: 180px 25px 20px; overflow: hidden; } .listpage .con-right .tea-list li .item .box h3 { text-align: center; padding-bottom: 15px; } .listpage .con-right .tea-list li .item .box h3 a { font-size: 17px; color: #444444; } .listpage .con-right .tea-list li .item .box .info { font-size: 13px; color: #666666; line-height: 20px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .listpage .con-right .tea-list li .item .box a.more { display: block; position: absolute; width: 28px; height: 28px; left: 50%; bottom: -14px; margin-left: -14px; background: url(../images/tea-list-ico1.png) no-repeat; } .listpage .con-right .tea-list li:hover .box { border: 1px solid #1184d9 !important; background: #1184d9; } .listpage .con-right .tea-list li:hover a { color: #ffffff !important; } .listpage .con-right .tea-list li:hover .info { color: #ffffff !important; } .listpage .con-right .tea-list li:hover a.more { background: url(../images/tea-list-ico2.png) no-repeat !important; } .listpage .con-right .list-bkwm { margin: 35px 0; } .listpage .con-right .list-bkwm ul { margin: 0 -17px; } .listpage .con-right .list-bkwm li { width: 50%; float: left; margin-bottom: 45px; } .listpage .con-right .list-bkwm li a { display: block; margin: 0 17px; background: #f6f6f6; padding: 10px; overflow: hidden; position: relative; } .listpage .con-right .list-bkwm li a .pic { float: left; width: 50%; overflow: hidden; } .listpage .con-right .list-bkwm li a .pic img { width: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .listpage .con-right .list-bkwm li a .text { padding: 0 20px; position: absolute; left: 50%; top: 50%; transform: translateY(-60%); } .listpage .con-right .list-bkwm li a .text .cn { font-size: 1.5rem; color: #111111; padding: 10px 0; } .listpage .con-right .list-bkwm li a .text .en { font-size: .875rem; color: #666666; } .listpage .con-right .list-bkwm li:hover a { border-left: 3px solid #b03662; padding-left: 7px; background: #fff; box-shadow: 0px 0px 4px 4px #e3e3e3; } .listpage .con-right .list-bkwm li:hover a:after { content: ""; width: 44px; height: 20px; display: block; background: url(../images/bkwm-more.png); background-size: 100% 100%; position: absolute; bottom: 17px; right: 20px; } .listpage .con-right .list-bkwm li:hover img { transform: scale(1.05); } .listpage .con-right .con-page { padding-top: 25px; } .listpage .con-right .con-page h1 { font-size: 1.5rem; color: #111111; font-weight: normal; text-align: center; padding: 15px 0; line-height: 28px; } .listpage .con-right .con-page h2 { font-size: 16px; color: #333333; font-weight: normal; text-align: center; line-height: 28px; } .listpage .con-right .con-page .article-date { margin-top: 10px; font-size: 15px; color: #999999; text-align: center; padding: 15px 0; background: #f1f1f1; } .listpage .con-right .con-page .article-date span { padding: 0 10px; } .listpage .con-right .con-page .article-text { padding: 20px 0; border-bottom: 1px dashed #d9d9d9; } .listpage .con-right .con-page .article-text p { font-size: .9375rem; line-height: 1.875rem; color: #555555; padding-bottom: 15px; text-align: justify; } .listpage .con-right .con-page .article-text p img, .listpage .con-right .con-page .article-text p video { } .listpage .con-right .con-page .article-text table p { text-indent: 0; padding-bottom: 0; } .listpage .con-right .con-page .next { padding-top: 30px; } .listpage .con-right .con-page .next a { display: block; font-size: .9375rem; padding: 5px 0; } .listpage .con-right .con-page .next a span { color: #0c51ab; } .listpage .con-right .list-tea { margin: 20px 0; } .listpage .con-right .list-tea ul { margin: 0 -18px; padding-top: 60px; overflow: hidden; } .tels{ } .tels ul li{ font-size:1rem; line-height:180%; color:#333333; overflow:hidden; padding:15px 0 15px 25px; border-bottom: 1px solid #c3c3c3; background:url(../images/telphone.png) left 20px no-repeat; } .p_pages a{margin:3px !important;}