@charset "utf-8"; /* * @author: minihui * @date: 2017-09-11 16:37:35 * @last modified by: minihui * @last modified time: 2017-10-17 20:58:23 */ body { min-width: 1200px; background: center top no-repeat; } .page { overflow: hidden; } .gmad { width: 150px; height: 42px; float: right; overflow: hidden; } .tit1014 .gmad a:before { background: none; } .tit1014 .tlad a:before { background: none; } .xyyhlogo { width: 115px; height: 57px; background: center top no-repeat; position: absolute; left: 0; top: 178px; z-index: 3; } .row-banner { height: 700px; max-width: 1920px; position: relative; overflow: hidden; margin-left: auto !important; margin-right: auto !important; } .sitewidth{ width:1200px; margin:0 auto;} .row-banner .container { height: 97%; padding-top: 3%; position: relative; } .row-banner .container img { width: 100%; height: auto; display: block; } .row-banner .container .logo { width: 105px; height: 70px; background: center top no-repeat; position: absolute; left: 0; top: 93px; z-index: 2; } .row-banner .container .logo-right { width: 100px; height: 70px; background: center top no-repeat; position: absolute; right: 0; top: 93px; z-index: 2; } .banner2 { height: 500px; background: center top no-repeat; } .banner4 { height: 430px; background: center top no-repeat; } .banner-emblem { width: 90px; height: 89px; margin: 0 auto; position: relative; z-index: 2; } .banner-title1 { width: 425px; height: 29px; margin: 15px auto; position: relative; z-index: 2; } .banner-title2 { width: 760px; height: 84px; margin: 15px auto; position: relative; z-index: 2; } .banner-title3 { width: 691px; height: 21px; margin: 15px auto; position: relative; z-index: 2; } .banner-date { width: 99px; height: 17px; margin: 0 auto; position: relative; z-index: 2; } .banner-cloud { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/uploads/image/wp1cbundle/cloud.png) no-repeat center; background-size: 100%; -webkit-animation-fill-mode: both; animation-fill-mode: both; z-index: 1; } .cloud1 { opacity: 0.8; filter: alpha(opacity=80); -webkit-animation: bannercloud 40s linear 0s infinite normal; animation: bannercloud 40s linear 0s infinite normal; } .cloud2 { opacity: 0; filter: alpha(opacity=0); -webkit-animation: bannercloud 40s linear 20s infinite normal; animation: bannercloud 40s linear 20s infinite normal; } @-webkit-keyframes bannercloud { 0% { opacity: 0; -webkit-transform: scale(1); } 10%, 80% { opacity: 0.7; } 100% { opacity: 0; -webkit-transform: scale(3); } } @keyframes bannercloud { 0% { opacity: 0; transform: scale(1); } 10%, 80% { opacity: 0.7; } 100% { opacity: 0; transform: scale(3); } } .row-nav { width: 100%; height: 72px; background: #b21415; background: linear-gradient(to right, #b21415 0%, #eb100e 100%); overflow: visible; } .row-nav { z-index: 99; position: relative; } .row-nav .col-2 { margin-left: -22px; } .row-nav .col-10 { margin-left: -50px; } .row-nav ul { float: left; width: 120%; } .row-nav li { line-height: 72px; position: relative; cursor: pointer; font-size: 18px; } .row-nav li:before { content: "/"; position: absolute; color: #fff; left: -4px; top: 0; } .row-nav li:first-child:before { display: none; } .row-nav li a { position: relative; z-index: 3; } .row-nav li:after { content: ""; position: absolute; background-color: #fff; width: 100%; height: 100%; display: block; opacity: 0.4; left: 0; top: 0; transform: skewx(160deg); display: none; z-index: 0; } .row-nav li:hover:after { display: block; display: none\0; } .sub { position: absolute; left: -13px; width: 90px; transition: all 0.5s; overflow: hidden; height: 0px; background: #b21415; background: linear-gradient(to top, #b21415 0%, #eb100e 100%); } .sub a { display: block; text-align: center; } .sub a:hover { background-color: rgba(255, 255, 255, 0.5); } .language-more { background: no-repeat right 34px; position: relative; } .language-more:hover .sub { height: 280px; padding: 15px 0; } .cover { position: fixed; z-index: 100; top: 0; right: 0; bottom: 0; left: 0; background: #ccc; } .cover .full { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .cover .hall .bg { position: absolute; top: 0; height: 100%; left: 0; right: 0; margin: auto; text-align: center; } .cover .hall .bg img { height: 100%; } .cover .hall .bg img { display: block; width: 100%; } .cover .hall .circle .item { width: 30px; height: 30px; background: rgba(255, 255, 255, 0.5); border-radius: 100%; position: absolute; } .cover .hall .greathall { position: absolute; top: 20px; height: 50%; left: 0; right: 0; margin: auto; text-align: center; animation-delay: 2s; animation-duration: 2s; } .cover .hall .greathall img { height: 100%; } .cover .hall .silk { position: absolute; top: 0; height: 29.5%; left: 0; right: 0; margin: auto; text-align: center; } .cover .hall .silk img { height: 100%; } .cover .hall .silk img { display: block; width: 100%; } .cover .hall .silk img { width: 90%; margin-left: auto; margin-right: auto; } .cover .main-bg .bg { position: absolute; top: 0; height: 100%; left: 0; right: 0; margin: auto; text-align: center; } .cover .main-bg .bg img { height: 100%; } .cover .main-bg .bg img { display: block; width: 100%; } .cover .main-bg .star { position: absolute; top: 0; height: 38%; left: 0; right: 0; margin: auto; text-align: center; } .cover .main-bg .star img { height: 100%; } .cover .main-bg .star img { display: block; width: 100%; } .cover .main-bg .wall { position: absolute; top: 0; height: 100%; left: 0; right: 0; margin: auto; text-align: center; } .cover .main-bg .wall img { height: 100%; } .cover .main-bg .wall img { display: block; min-width: 120%; } .cover .content .logo { position: absolute; top: 18.52%; height: 15.74%; left: 0; right: 0; margin: auto; text-align: center; animation-duration: 5s; } .cover .content .logo img { height: 100%; } .cover .content .text-welcome { position: absolute; top: 37.96%; height: 4.63%; left: 0; right: 0; margin: auto; text-align: center; animation-delay: 4s; } .cover .content .text-welcome img { height: 100%; } .cover .content .text-slogon { position: absolute; top: 46.3%; height: 11.11%; left: 0; right: 0; margin: auto; text-align: center; } .cover .content .text-slogon img { height: 100%; } .cover .content .text-slogon img { margin-left: 5px; margin-right: 5px; animation-duration: 3s; } .cover .content .text-slogon .index-4 { margin-right: 30px; } .cover .content .text-slogon .index-5 { margin-left: 30px; } .cover .content .text-info-date { position: absolute; top: 62.41%; height: 3%; left: 0; right: 0; margin: auto; text-align: center; animation-delay: 4s; } .cover .content .text-info-date img { height: 100%; } .cover .content .text-info-subtract { position: absolute; top: 68%; height: 5.56%; left: 0; right: 0; margin: auto; text-align: center; animation-delay: 4s; } .cover .content .text-info-subtract img { height: 100%; } .cover .content .slide-btn { position: absolute; top: 80%; height: 4.07%; left: 0; right: 0; margin: auto; text-align: center; animation-delay: 5s; animation-direction: alternate; animation-duration: 1s; cursor: pointer; } .cover .content .slide-btn img { height: 100%; } .list-txt-lg { border-bottom: 1px dotted #d5d5d5; padding-bottom: 10px; margin-bottom: 10px; } .list-txt-lg:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } .list-txt-lg:last-child li:last-child { padding-bottom: 0; } .list-txt-lg li { position: relative; } .list-txt-lg li:before { content: ""; width: 8px; height: 8px; background-color: #bf0009; position: absolute; left: 0; top: 12px; } .list-txt-sm li { position: relative; } .list-txt-sm li:before { content: ""; width: 6px; height: 6px; border-radius: 50%; background-color: #708edb; position: absolute; left: 0; top: 11px; } .col-title { position: relative; z-index: 5; display: block; /* padding-bottom: 30px; */ color: #708edb; } .col-title:before { content: ""; width: 10px; height: 22px; background: ; position: absolute; left: 0; top: 0; } .col-title:after { content: ""; width: 70%; height: 10px; background: ; top: 5px; right: 0; display: block; position: absolute; background-repeat: repeat-x; } .row-topnews h1 { font-size: 48px; font-weight: bold; line-height: 64px; } .lh-xl .hots { padding-bottom: 26px; font-size: 18px; line-height: 34px; } .lh-xl .hots a { color: #bf0009; } .dt1014 .container { padding: 10px; background-color: #fff; border-radius: 6px; box-shadow: 0 0 24px #d6d6d6; box-sizing: content-box; height: 500px; overflow: hidden; } .dt1014-swiperbox { position: relative; float: left; height: 500px; padding: 0; } .dt1014-swiper { cursor: pointer; } .dt1014-swiper, .dt1014-swiper .swiper-wrapper, .dt1014-swiper .swiper-slide { height: 100%; } .dt1014-swiper a, .dt1014-swiper img { display: block; width: 100%; height: 100%; } .video1014-box { position: absolute; top: 0; left: 0; z-index: 30; width: 100%; height: 100%; display: none; } .video1014 { display: block; width: 100%; height: 100%; } .video1014-close { position: absolute; top: -1px; right: -33px; width: 33px; height: 33px; background-repeat: no-repeat; background-position: center center; background-image: ; cursor: pointer; } .dt1014-tits { position: absolute; left: -38px; bottom: 35px; z-index: 10; box-sizing: border-box; width: 801px; height: 73px; line-height: 70px; background-position: center center; background-repeat: no-repeat; background-image: ; font-size: 0; } .dt1014-tits a { display: none; position: absolute; padding-top: 24px; text-indent: 108px; font-size: 24px; line-height: 100%; color: #fff; } .dt1014-tits a:first-child { display: inherit; } .dt1014-arrow { position: absolute; bottom: 64px; right: 17px; z-index: 20; width: 64px; text-align: center; font-size: 0; } .dt1014-arr { position: absolute; top: 2px; width: 8px; height: 13px; background-position: center center; background-repeat: no-repeat; cursor: pointer; } .dt1014-left { left: 0; background-image: ; } .dt1014-right { right: 0; background-image: ; } .dt1014-num { display: inline-block; font-size: 16px; line-height: 100%; color: #fff; } .dt1014-picbox { float: right; width: 390px; padding: 0; } .dt1014-picbox a, .dt1014-picbox img, .dt1014-picbox span { display: block; width: 100%; } .dt1014-picbox a, .dt1014-picbox img { position: relative; height: 100%; } .dt1014-picbox span { box-sizing: border-box; position: absolute; left: 0; bottom: 0; padding: 10px 14px; background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.65) 100%); filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#00000000', endcolorstr='#a6000000', gradienttype=0); font-size: 17px; line-height: 26px; color: #fff; } .dt1014-picbox a { height: 245px; } .dt1014-picbox a a { margin-top: 10px; } .dt1014-tits { width: 800px; height: 60px; background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.65) 100%); left: 0; bottom: 0; padding: 26px 0 10px; } .dt1014-tits a { padding-top: 0; font-size: 18px; text-indent: 16px; } .dt1014-tits a:hover { color: #fff; } .dt1014-arrow { bottom: 16px; } .swiper-slide[data-v~=y] { position: relative; } .swiper-slide[data-v~=y]:before { content: ""; position: absolute; left: 18px; bottom: 50px; z-index: 10; width: 68px; height: 68px; background-repeat: no-repeat; background-position: center center; background-image: ; } .zone1014 { padding-bottom: 22px; } .zone1014-txt { float: left; padding: 0; } .zone1014-item .zone1014-item { padding-top: 26px; } .zone1014-item .row { margin: 0; } .zone1014-tit { padding-bottom: 6px; height: 46px; overflow: hidden; } .zone1014-tit, .zone1014-tit a { font-size: 30px; line-height: 40px; color: #bf0009; font-weight: bold; } .zone1014-tit a a { margin-left: 4px; } .zone1014-sub { height: 40px; overflow: hidden; } .zone1014-sub, .zone1014-sub a { font-size: 18px; line-height: 40px; color: #333; } .zone1014-sub a a { margin-left: 4px; } .zone1014-agend { float: right; width: 391px; height: 278px; padding: 0; background-position: center center; background-repeat: no-repeat; background-image: ; overflow: hidden; } .zone1014-arrow { position: relative; width: 345px; height: 70px; margin: 0 auto; } .zone1014-arrow:before { content: ; position: absolute; top: 24px; left: 0; z-index: 10; display: block; width: 172px; height: 51px; overflow: hidden; } .zone1014-arr { position: absolute; top: 26px; z-index: 10; width: 17px; height: 17px; background-repeat: no-repeat; background-position: center center; cursor: pointer; } .zone1014-left { right: 90px; background-image: ; } .zone1014-right { right: 0; background-image: ; } .zone1014-day { position: absolute; top: 14px; right: 20px; width: 2em; font-size: 40px; line-height: 100%; color: #e30303; text-align: center; font-weight: bold; } .zone1014-day:before { content: attr(data-txt); position: absolute; top: 0; right: 0; font-size: 16px; } .zone1014-swiper { width: 345px; height: 180px; margin: 0 auto; } .zone1014-swiper .swiper-wrapper, .zone1014-swiper .swiper-slide, .zone1014-swiper .zone1014-wrap { height: 100%; } .zone1014-wrap { height: 100%; overflow: hidden; } .zone1014-wrap a { font-size: 20px; line-height: 30px; color: #e30303; font-weight: bold; } .zone1014-agend-sub { padding-bottom: 16px; padding-top: 5px; font-size: 14px; line-height: 24px; color: #808080; font-weight: normal; } .tit1014 { position: relative; box-sizing: border-box; height: 44px; border-bottom: 1px solid #d9d9d9; margin-bottom: 18px; line-height: 44px; background-position: left center; background-repeat: no-repeat; font-size: 0; } .tit1014 a { position: relative; display: inline-block; width: 96px; height: 100%; font-size: 24px; text-indent: -9999px; background-position: left center; background-repeat: no-repeat; color: transparent; } .tit1014 a:before { content: ""; position: absolute; left: 0; bottom: -1px; display: block; width: 100%; height: 3px; background-color: #e32626; } .b10k16, .b10k16-5 { display: inline-block; width: 56px; height: 18px; margin-right: 4px; line-height: 18px; font-size: 12px; text-align: center; color: #fff; background-repeat: no-repeat; background-position: center center; background-image: ; vertical-align: middle; } .b10k16-5 { width: 74px; background-image: ; } /*zf add*/ /*红字a之间不留空*/ .zone1014-item .zone1014-tit a a { margin-left: 0px; } /*zf end*/ .witness1014 { padding-bottom: 26px; } .witness1014 .tit1014 { background-image: ; } .witness1014-swiper { height: 97px; } .witness1014-swiper .swiper-wrapper, .witness1014-swiper .swiper-slide { height: 100%; } .witness1014-swiper .swiper-slide { box-sizing: border-box; width: 390px; padding: 12px 18px; margin-left: 14px; background-color: #f0f0f0; background-position: center center; background-repeat: no-repeat; border-radius: 8px; overflow: hidden; } .witness1014-swiper .swiper-slide:first-child { margin-left: 0; } .witness1014-swiper .swiper-slide > a, .witness1014-swiper .swiper-slide .witness1014-pic { float: right; display: block; width: 104px; height: 72px; } .witness1014-swiper .swiper-slide > a img, .witness1014-swiper .swiper-slide .witness1014-pic img { display: block; width: 100%; height: 100%; } .witness1014-swiper .swiper-slide[data-status~=red] { background-color: inherit; background-image: ; background-size: 100% 100%; } .witness1014-swiper .swiper-slide[data-status~=red] .witness1014-day { background-color: #fff; color: #e30303; } .witness1014-swiper .swiper-slide[data-status~=red] .witness1014-now { color: #f9f3c1; } .witness1014-swiper .swiper-slide[data-status~=red] .witness1014-text { color: #fff; } .witness1014-status { font-size: 0; } .witness1014-txt { float: left; width: 214px; } .witness1014-day { display: inline-block; height: 18px; padding: 0 5px; line-height: 18px; margin-right: 10px; background-color: #e30303; font-size: 12px; color: #fff; text-align: center; } .witness1014-now { display: inline-block; height: 18px; line-height: 18px; font-size: 14px; color: #808080; } .witness1014-text { padding-top: 6px; font-size: 14px; line-height: 22px; color: #333; } .witness1014 .xczj-links { display: inline-block; color: #e30303; margin-left: 20px; } .witness1014 .xczj-links a { text-indent: 0; position: static; width: auto; color: #e30303; font-size: 14px; margin-right: 0.5em; line-height: 1.6em; padding: 0 10px; border-radius: 1em; transition: all 0.5s; border: 1px solid transparent; } .witness1014 .xczj-links a:hover { background: #efefef; border-color: #ddd; } .witness1014 .xczj-links a:before { content: none; } .qwxhs1014 { margin-bottom: -25px; } .sqfb1014, .xhstg1014 { width: 49%; padding: 0; } .sqfb1014 .tit1014 { background-image: ; } .xhstg1014 { float: right; } .xhstg1014 .tit1014 { background-image: ; } .xhstg1014 .tit1014 a { width: 120px; } .list1014 { padding-top: -6px; } .list1014 li { position: relative; padding-left: 16px; line-height: 40px; height: 40px; overflow: hidden; } .list1014 li:before { content: ""; position: absolute; top: 18px; left: 4px; display: block; width: 4px; height: 4px; background-color: #e30303; } .list1014 a { font-size: 18px; line-height: 40px; color: #333; } /*加按发稿时间排序*/ .fgsx_12 { float: left; font-size: 14px; margin-left: 30px; color: #999; } /*andy end*/ .row-matrix h2 { height: 100px; width: 100%; margin-top: 80px; margin-bottom: 25px; background-image: ; background-position: 58% 10px; background-repeat: no-repeat; position: relative; } .row-matrix h2:before { content: ""; height: 100%; width: 100%; background: 0 50% no-repeat; position: absolute; left: 0; top: 0; z-index: 0; } .row-matrix .products { text-align: center; float: left; position: relative; left: 50%; } .row-matrix .products li { float: left; position: relative; left: -50%; width: 64px; margin: 0 30px; } .row-matrix .products li div { height: 64px; line-height: 64px; } .row-matrix .products li div img { width: 100%; vertical-align: middle; } .row-matrix .products li span { display: block; margin-top: 10px; font-size: 14px; color: #666; line-height: 1.2; } .row-matrix .flip-container { margin-left: -6px; margin-right: -6px; position: relative; height: 560px; background: #bf0009; box-shadow: 0 0 0 10px #bf0009; } .row-matrix .flip-container .flip-block { position: absolute; width: 33.3333%; height: 280px; transition: all 0.3s; } .row-matrix .flip-container .flip-block .flip-item { position: absolute; top: 0; left: 0; padding: 6px; width: 100%; height: 100%; transition: all 1.2s; z-index: 1; opacity: 0; transform: scale(0.5, 0.5); } .row-matrix .flip-container .flip-block .flip-item.on { z-index: 5; opacity: 1; transform: scale(1, 1); } .row-matrix .flip-container .flip-block .flip-item img { display: block; width: 98%; height: 98%; } .row-matrix .flip-container .flip-block .flip-item .btn { visibility: hidden; opacity: 0; content: '查看详情'; position: absolute; top: 50%; margin-top: -20px; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 100px; height: 40px; background: #bf0009; color: #fff; line-height: 40px; text-align: center; border-radius: 20px; box-shadow: 0 10px 15px -8px #333, 0 0 0 3px #fff; transition: all 0.3s; } .row-matrix .flip-container .flip-block .flip-item .btn:hover { background: #8c0007; } .row-matrix .flip-container .flip-block .flip-item:hover .btn { visibility: visible; opacity: 0.8; } .row-matrix .flip-container .flip-block-2 { left: 66.6666%; } .row-matrix .flip-container .flip-block-3 { top: 280px; } .row-matrix .flip-container .flip-block-4 { left: 66.6666%; top: 280px; } .row-matrix .flip-container .flip-block-5 { left: 33.3333%; height: 186.666666667px; } .row-matrix .flip-container .flip-block-6 { left: 33.3333%; top: 373.333333333px; height: 186.666666667px; } .row-matrix .flip-container .flip-block-center { position: absolute; width: 33.3333%; height: 280px; transition: all 0.3s; left: 33.3333%; top: 186.666666667px; height: 186.666666667px; } .row-matrix .flip-container .flip-block-center .flip-item { position: absolute; top: 0; left: 0; padding: 6px; width: 100%; height: 100%; transition: all 1s; } .row-matrix .flip-container .flip-block-center .flip-item img { display: block; width: 100%; height: 100%; } .row-matrix .arrow { position: absolute; top: 50%; margin-top: -69px; width: 48px; height: 136px; left: -80px; background: ; cursor: pointer; } .row-matrix .arrow.arrow-right { background: ; left: auto; right: -80px; } .row-talking { margin-top: -10px; } .row-talking h2 { height: 100px; width: 100%; margin-top: 80px; margin-bottom: 25px; background-image: ; background-position: 58% -490px; background-repeat: no-repeat; position: relative; } .row-talking h2:before { content: ""; height: 100%; width: 100%; background: 0 50% no-repeat; position: absolute; left: 0; top: 0; z-index: 0; } .talking-tabs a { width: 170px; display: inline-block; position: relative; } .talking-tabs a.active { background-color: #bf0009; color: #fff; } .talking-tabs a.active:before { content: ""; width: 156px; height: 46px; position: absolute; left: 7px; top: -6px; border: 1px solid #bf0009; } .talking-cont { position: relative; width: 100%; height: 380px; } .talking-cont-item { position: absolute; width: 100%; height: 380px; visibility: hidden; } .talking-cont-item.on { visibility: visible; } .talking-show { width: 324px; height: 430px; position: absolute; } .talking-show img { width: 100%; height: 100%; position: relative; z-index: 1; } .talking-show .swiper-text { position: absolute; left: 0; bottom: 0; z-index: 2; padding: 10px 0; } .talking-show .swiper-text h3, .talking-show .swiper-text h4, .talking-show .swiper-text p { color: #fff; position: relative; z-index: 2; padding: 0 10px; } .talking-show .swiper-text h3 { line-height: 30px; } .talking-show .swiper-text h4 { line-height: 30px; } .talking-show .swiper-text p { display: block; } .talking-show .swiper-text:before { content: ""; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.77) 42%, rgba(0, 0, 0, 0.77) 100%); filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#00000000', endcolorstr='#c4000000',gradienttype=0 ); position: absolute; z-index: 0; left: 0; bottom: 0; } .talking-swiper { width: 100%; height: 380px; overflow: hidden; } .talking-swiper .swiper-container { width: 100%; height: 380px; } .talking-swiper .swiper-container img { width: 220px; height: 268px; } .talking-swiper .swiper-container h3 { height: 75px; overflow: hidden; } .talking-swiper .swiper-container h4 { height: 36px; overflow: hidden; font-weight: normal; } .talking-swiper .swiper-container p { height: 62px; overflow: hidden; } .talking-arrow-left { background: no-repeat left top; position: absolute; left: -80px; top: 50%; margin-top: -80px; width: 48px; height: 136px; } .talking-arrow-right { background: no-repeat right top; position: absolute; right: -80px; top: 50%; margin-top: -80px; width: 48px; height: 136px; } .row-fiveyears h2 { height: 100px; width: 100%; margin-top: 80px; margin-bottom: 25px; background-image: ; background-position: 58% -90px; background-repeat: no-repeat; position: relative; } .row-fiveyears h2:before { content: ""; height: 100%; width: 100%; background: 0 50% no-repeat; position: absolute; left: 0; top: 0; z-index: 0; } .row-fiveyears h2 { background-position: 50% -90px; } .row-fiveyears .col-title:after { width: 55%; } .row-fiveyears .list-txt-sm li { overflow: hidden; height: 28px; } .list-txt-num li { border-bottom: 1px dotted #aaaaaa; position: relative; } .list-txt-num li:before { content: ""; width: 40px; height: 40px; position: absolute; left: 0; top: 0; background-color: #aaaaaa; } .list-txt-num li a { margin-left: 41px; padding-left: 5px; padding-right: 5px; height: 40px; line-height: 40px; overflow: hidden; display: block; font-size: 16px; } .list-txt-num li:nth-child(1):before { background-image: ; background-position: -2px 0; background-repeat: no-repeat; } .list-txt-num li:nth-child(2):before { background-image: ; background-position: -42px 0; background-repeat: no-repeat; } .list-txt-num li:nth-child(3):before { background-image: ; background-position: -82px 0; background-repeat: no-repeat; } .list-txt-num li:nth-child(4):before { background-image: ; background-position: -122px 0; background-repeat: no-repeat; } .list-txt-num li:hover:before { background-color:#708edb; } .impnews img { width: 120px; height: 90px; } .impnews p { max-height: 52px; overflow: hidden; font-size: 15px; color:#808080; } .impnews p a{ max-height: 52px; overflow: hidden; font-size: 15px; color:#808080; } .power-swiper { width: 100%; height: 216px; margin-top: 30px!important; overflow: hidden; } .power-swiper .swiper-slide, .power-swiper img { position: relative; width: 100%; height: 100%; } .power-swiper .swiper-pagination { position: absolute; z-index: 20; bottom: 20px; width: 100%; height: 8px; text-align: center; } .power-swiper .swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; background: #fff; margin: 0 5px; cursor: pointer; } .power-swiper .swiper-active-switch { background: #708edb; } .power-swiper .swiper-text { position: absolute; left: 0; bottom: 0px; z-index: 2; width: 100%; box-sizing: border-box; } .power-swiper .swiper-text h3 { z-index: 2; position: relative; } .power-swiper .swiper-text:before { content: ""; height: 100%; width: 100%; display: block; background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%); background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%); background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.65) 100%); filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#00000000', endcolorstr='#a6000000',gradienttype=0 ); position: absolute; left: 0; bottom: 0; z-index: 0; } .legal-box { width: 100%; height: 216px; border: 1px solid #708edb; position: relative; } .legal-box .arrow-left { background: no-repeat left top; position: absolute; left: 5px; top: 50%; margin-top: -15px; width: 15px; height: 29px; } .legal-box .arrow-right { background: no-repeat right top; position: absolute; right: 5px; top: 50%; margin-top: -15px; width: 15px; height: 29px; } .legal-box p { max-height: 107px; overflow: hidden; font-size: 15px; } .legal-box p a{ max-height: 107px; overflow: hidden; font-size:15px } .legal-box h3 { height: 63px; overflow: hidden; background: no-repeat 20px 25px; padding-left: 60px; font-weight: bold; font-family: \5fae\8f6f\96c5\9ed1!important; font-size: 18px; line-height: 25px; } .legal-swiper { width: 100%; height: 100%; } .row-model h2 { height: 100px; width: 100%; margin-top: 80px; margin-bottom: 25px; background-image: ; background-position: 58% -190px; background-repeat: no-repeat; position: relative; } .row-model h2:before { content: ""; height: 100%; width: 100%; background: 0 50% no-repeat; position: absolute; left: 0; top: 0; z-index: 0; } .row-model .impnews p { height: 46px; overflow: hidden; } .row-model .list-txt-sm li { height: 28px; overflow: hidden; } .row-model .list-txt-sm li:before { display: none; } .model-list { margin-bottom: 40px; } .model-list .slimscrollbar { opacity: 1 !important; } .model-list .slimscrollrail { width: 1px !important; right: 2px !important; } .model-list li { margin-bottom: 20px; margin-top: 20px; } .model-list .list-pic { width: 80px; height: 80px; background: no-repeat right center; background-size: 100%; background: none\0; } .model-list .list-pic span { width: 95%; height: 95%; border-radius: 50%; display: block; overflow: hidden; } .model-list .list-pic img { width: 100%; height: 100%; } .model-list .list-text { margin-left: 34px; height: 79px; height: 76px\0; } .model-list .list-text h3 { max-height: 76.7px; overflow: hidden; } .model-list li:hover .list-pic, .model-list li.active .list-pic { background-image: ; background: none\0; } .model-list li:hover .list-text, .model-list li.active .list-text { background-color: #bf0009; } .model-list li:hover .list-text h3, .model-list li.active .list-text h3 { color: #fff; } .model-list li:hover .list-text p, .model-list li.active .list-text p { color: #fff; } .model-box { width: 1204px; height: 162px; position: relative; } .model-box .swiper-container { width: 100%; height: 100%; margin-top: 20px; position: relative; z-index: 1; } .model-box .arrow-left, .model-box .arrow-right { background: #bf0009 no-repeat center center; position: absolute; top: 50%; margin-top: -20px; width: 60px; height: 40px; z-index: 3; border-radius: 30px; } .model-box .arrow-left { background-image: ; left: -30px; } .model-box .arrow-right { background-image: ; right: -30px; } .model-box .swiper-slide { position: relative; } .model-box .swiper-slide img { width: 236px; height: 162px; } .model-box .swiper-slide:hover .swiper-text { height: 62px; } .model-box .swiper-text { position: absolute; left: 0; bottom: 0px; z-index: 2; width: 236px; height: 0; transition: all 0.5s; overflow: hidden; box-sizing: border-box; } .model-box .swiper-text h3 { z-index: 2; position: relative; } .model-box .swiper-text:before { content: ""; height: 100%; width: 100%; display: block; background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%); background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%); background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.65) 100%); filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#00000000', endcolorstr='#a6000000', gradienttype=0); position: absolute; left: 0; bottom: 0; z-index: 0; } .province li { width: 13.8%; margin-right: 2px; margin-bottom: 2px; box-sizing: border-box; height: 30px; line-height: 30px; overflow: hidden; cursor: pointer; background-color: #d5d5d5; } .province .on { background-color: #bf0009; color: #fff; } .model-name { width: 96%; height: 230px; position: relative; } .model-name .on { background-color: #bf0009; display: block; color: #fff; } .model-name-item { position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: none; line-height: 40px; } .model-name-item .slimscrolldiv { overflow: visible !important; } .model-name-item .slimscrollbar { width: 5px !important; opacity: 1 !important; right: -12px !important; } .model-form .model-form-keyword { float: left; width: 70%; height: 34px; border: none; outline: none; line-height: 32px; font-size: 14px; border: 1px solid #ccc; box-sizing: border-box; padding: 0 0.5em; } .model-form .model-form-btn { float: right; width: 30%; line-height: 2; font-size: 16px; text-align: right; color: #fff; border: 1px solid #d70016; padding: 0 0.5em; background: #d70016 no-repeat 5px center; cursor: pointer; } .model-form .model-form-btn:hover { background-color: #a40011; border-color: #a40011; } .model-form .tip { font-size: 14px; color: #999; text-align: right; } .model-form .jump { font-size: 12px; float: right; line-height: 3; text-decoration: underline; color: #d70016; } .model-name-list { font-size: 14px; line-height: 2; } .model-name-list li { float: left; margin-right: 10px; margin-bottom: 10px; background: #f9f9f9; padding: 0 0.5em; border-left: 3px solid #eee; color: #444; } .row-datanews { margin-top: -10px; } .row-datanews h2 { height: 100px; width: 100%; margin-top: 80px; margin-bottom: 25px; background-image: ; background-position: 58% -590px; background-repeat: no-repeat; position: relative; } .row-datanews h2:before { content: ""; height: 100%; width: 100%; background: 0 50% no-repeat; position: absolute; left: 0; top: 0; z-index: 0; } .datanews-swiper { height: 471px; width: 1232px; position: relative; } .datanews-swiper .swiper-slide { width: 300px; position: relative; } .datanews-swiper .swiper-slide h3 { height: 64px; overflow: hidden; } .datanews-swiper .swiper-slide:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 35px 0 35px 40px; border-color: transparent transparent transparent #bf000a; position: absolute; left: 0px; bottom: 36px; z-index: 3; } .datanews-swiper .swiper-slide:hover .swiper-text { background-color: #bf0009; } .datanews-swiper .swiper-slide:hover h3 { color: #fff; } .datanews-swiper img { width: 270px; height: 400px; display: block; margin-bottom: 1px; } .datanews-swiper .swiper-text { height: 70px; width: 270px; position: relative; z-index: 2; background-color: #f0f0f0; } .datanews-box { height: 530px; position: relative; } .datanews-box .swiper-pagination { position: absolute; bottom: 0; z-index: 20; width: 100%; height: 8px; text-align: center; } .datanews-box .swiper-pagination-switch { display: inline-block; width: 42px; height: 4px; background: gray; margin: 0 5px; cursor: pointer; } .datanews-box .swiper-active-switch { background: #bf0009; height: 8px; vertical-align: bottom; } .datanews-box .swiper-arrow-pre, .datanews-box .swiper-arrow-next { background: no-repeat left top; position: absolute; left: -80px; top: 50%; margin-top: -100px; width: 48px; height: 136px; cursor: pointer; } .datanews-box .swiper-arrow-next { right: -80px; left: auto; background-image: ; } .row-interaction h2 { height: 100px; width: 100%; margin-top: 80px; margin-bottom: 25px; background-image: ; background-position: 58% -690px; background-repeat: no-repeat; position: relative; } .row-interaction h2:before { content: ""; height: 100%; width: 100%; background: 0 50% no-repeat; position: absolute; left: 0; top: 0; z-index: 0; } .row-interaction .col-6 .col-title:after { width: 56%; } .row-interaction .col-12 .col-title:after { width: 80%; } .row-interaction .impnews { position: relative; } .row-interaction .impnews img { position: relative; z-index: 1; width: 390px; height: 172px; } .row-interaction .impnews .text { position: absolute; z-index: 2; left: 0; bottom: 0; width: 100%; } .row-interaction .impnews .text:before { content: ""; height: 100%; width: 100%; display: block; background: #000; opacity: 0.5; position: absolute; left: 0; bottom: 0; z-index: 0; } .row-interaction .impnews h3 { position: relative; z-index: 2; } .young { background: no-repeat center 24px; padding-top: 100px; position: relative; } .young .young-tab a { width: 160px; height: 30px; display: inline-block; background: #a40000; border-top-left-radius: 5px; border-top-right-radius: 5px; } .young .young-tab .active { background: #fff; color: #a40000; } .young .young-more { display: block; width: 121px; height: 42px; position: absolute; right: 22px; top: 52px; z-index: 10; } .young .young-cont { width: 100%; height: 136px; padding-top: 5px; padding-bottom: 5px; background: #fff; position: relative; } .young .young-cont .young-cont-item { position: absolute; left: 0; top: 5px; height: 136px; width: 100%; visibility: hidden; } .young .young-cont .on { visibility: visible; } .young .young-cont .swiper-container { width: 807px; height: 136px; margin-left: -9px; } .young .young-cont .swiper-slide { height: 136px; position: relative; } .young .young-cont .swiper-slide img { width: 100%; height: 136px; } .young .young-cont .swiper-slide .swiper-text { position: absolute; left: 0px; bottom: 0; z-index: 3; width: 202px; text-align: center; } .young .young-cont .swiper-slide .swiper-text:before { content: ""; position: absolute; left: 10px; bottom: 0; z-index: 1; display: block; width: 180px; height: 30px; display: block; background: #000; opacity: 0.5; } .young .young-cont .swiper-slide .swiper-text h3 { position: relative; text-align: center; z-index: 5; } .young .young-cont .young-arrow-left { position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; left: 1px; background: ; cursor: pointer; z-index: 10; } .young .young-cont .young-arrow-right { position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; right: 2px; background: ; cursor: pointer; z-index: 10; } .wish { height: 640px; background: 15px 5px no-repeat; } .wish-like { height: 115px; margin-top: 50px; background: center 5px no-repeat; position: relative; } .wish-list { height: 390px; width: 360px; margin: 0 auto; padding-top: 40px; position: relative; } .wish-list:before { content: ""; width: 141px; height: 20px; position: absolute; right: 10px; top: 15px; background: 0 0 no-repeat; } .wish-list-cont { height: 350px; position: relative; overflow-y: scroll; border: 1px solid #bf0009; border-left: 0; border-right: 0; } .wish-list-cont img { width: 36px; height: 36px; border-radius: 50%; } .wish-list-cont .list-text { width: 270px; width: 260px\0; } @keyframes nicein { 0% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { opacity: 1; -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); } 70% { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .wish-btn { width: 171px; height: 52px; display: block; margin: 10px auto 0; background: 0 0 no-repeat; } .wish-like-btn { width: 96px; height: 96px; position: absolute; left: 145px; top: 17px; border-radius: 50%; cursor: pointer; } .wish-like-btn img { position: absolute; left: 19px; top: 13px; } .hand-scale { animation: nicein 0.8s .2s ease; } .wish-like-result { width: 120px; text-align: center; position: absolute; right: 10px; top: 30px; font-size: 14px; } .wish-like-result span { font-size: 18px; } .fullswiper { position: relative; } .fullswiper .swiper-pagination { position: absolute; z-index: 20; bottom: 20px; width: 100%; text-align: center; } .fullswiper .swiper-pagination-switch { display: inline-block; width: 16px; height: 16px; background: #fff; margin: 0 5px; cursor: pointer; } .fullswiper .swiper-active-switch { background: #708edb; } .fullswiper img { display: block; width: 100%; } .fullswiper .swiper-slide { position: relative; } .fullswiper .swiper-text { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(rgba(191, 0, 9, 0) 0%, #bf0009 100%); } .fullswiper h3 { padding-bottom: 60px; } .row-hd { margin-top: -50px; position: relative; } .row-hd h2 { height: 111px; width: 100%; margin-top: 80px; margin-bottom: 25px; position: relative; } .row-hd h2:before { content: ""; height: 100%; width: 100%; background: no-repeat; position: absolute; left: 0; top: 0; z-index: 0; } .row-hd .container { position: relative; } .row-hd .swiper-slide { overflow: hidden; position: relative; } .row-hd img { width: 1180px; height: 580px; transform: scale(1); /* animation: slowmotion 20s infinite ease-in-out; */ } .row-hd .swiper-text { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(transparent 0%, black 100%); } .row-hd .fullswiper h3 { padding-bottom: 30px; } .container h3 a{color:#fff;/* font-weight: bold; */ld; */} .row-hd .swiper-arrow-pre, .row-hd .swiper-arrow-next { background: no-repeat left top; position: absolute; left: -80px; top: 50%; margin-top: -18px; width: 48px; height: 136px; cursor: pointer; } .row-hd .swiper-arrow-next { right: -80px; left: auto; background-image: ; } @keyframes slowmotion { from, to { transform: scale(1) translate(0, 0); } 50% { transform: scale(1.3); } } .row-footer { background: #eee; padding-top: 40px; padding-bottom: 40px; text-align: center; color: #999; line-height: 2; margin-top: 100px; } .row-lang h2 { height: 100px; width: 100%; margin-top: 80px; margin-bottom: 25px; background-image: ; background-position: 58% -890px; background-repeat: no-repeat; position: relative; } .row-lang h2:before { content: ""; height: 100%; width: 100%; background: 0 50% no-repeat; position: absolute; left: 0; top: 0; z-index: 0; } .row-lang h2 { background-position: 55% -890px; } .row-lang .tab-nav { width: 15%; float: left; } .row-lang .tab-nav-item { height: 45px; line-height: 45px; text-align: center; background: #d5d5d5; margin-bottom: 2px; cursor: pointer; /* &:hover{ background-color: $fc-red; margin-left: -$gap; margin-right: -$gap; a { color: #fff; } } */ } .row-lang .tab-nav-item.active { background-color: #bf0009; color: #fff; margin-left: -5px; margin-right: -5px; } .row-lang .tab-nav-item.active a { color: #fff; } .row-lang .tab-content { width: 82%; float: right; } .row-lang .tab-content a { color: #333; } .row-lang .tab-content-item { display: none; } .row-lang .tab-content-item.active { display: block; } .row-lang .tab-content .headline { display: block; font-size: 18px; font-weight: bold; line-height: 1.5; padding-left: 0.5em; border-left: 5px solid #bf0009; height: 81px; overflow: hidden; } .row-lang .tab-content .newslist li { font-size: 18px; line-height: 1.5; border-top: 1px dashed #ccc; margin-top: 16px; padding-top: 16px; box-sizing: content-box; height: 81px; overflow: hidden; position: relative; padding-left: 15px; } .row-lang .tab-content .newslist li:before { content: ""; width: 5px; height: 20px; background: #bf0009; position: absolute; left: 0; top: 22px; } .row-lang .tab-content .newslist .lang-video { background: 0 20px no-repeat; padding-left: 60px; } .row-lang .tab-content .newslist .lang-video:before { display: none; } .row-lang .tab-content .newspic { display: block; width: 95%; height: 196px; overflow: hidden; text-align: center; margin: 0 auto; margin-right: 0px; margin-bottom: 10px; } .row-lang .tab-content .newspic img { width: 100%; } .row-leaders { position: relative; z-index: 0; margin-top: 40px; background: no-repeat center 48px; /* &:before { content: ""; width: 100%; height: 992px; background: no-repeat center bottom; position: absolute; left: 0; top: 60px; // background-size: 100% 100%; z-index: 1; } */ } .row-leaders .arrow-right { width: 59px; height: 118px; background: no-repeat 0 0; position: absolute; right: 0; top: 50%; margin-top: -59px; cursor: pointer; display: none; } .row-leaders .arrow-left { width: 59px; height: 118px; background: no-repeat 0 0; position: absolute; left: 0; top: 50%; margin-top: -59px; cursor: pointer; display: none; } .row-leaders .container { position: relative; z-index: 3; } .row-leaders .col-title { font-weight: bold; } .row-leaders .col-title:before { content: ""; width: 36%; height: 10px; background: url(/uploads/image/wlimg/border-grey.png); top: 6px; left: 0; display: block; position: absolute; background-repeat: repeat-x; } .row-leaders .col-title:after { content: ""; width: 36%; height: 10px; background: url(/uploads/image/wlimg/border-grey.png); top: 6px; right: 0; display: block; position: absolute; background-repeat: repeat-x; } .leaders-groupphoto { position: relative; margin-bottom: 50px; } .leaders-groupphoto .swiper-slide { position: relative; } .leaders-groupphoto .swiper-slide:before { content: ""; width: 100%; height: 70px; background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%); background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%); background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.65) 100%); filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#00000000', endcolorstr='#a6000000', gradienttype=0); opacity: 0.5; position: absolute; left: 0; bottom: 0; display: block; z-index: 2; } .leaders-groupphoto .leaders-img { width: 1200px; height: 600px; position: relative; z-index: 1; } .leaders-groupphoto .leaders-name { width: 100%; padding: 20px; position: absolute; left: 0; bottom: 0; z-index: 3; line-height: 30px; font-size: 20px; } .leaders-groupphoto:hover .arrow-right, .leaders-groupphoto:hover .arrow-left { display: block; } .leaders-seven { border-bottom: 1px dotted #aaaaaa; } .leaders-seven .col-12 { margin-top: 30px; } .leaders-seven .col-12 a { display: block; width: 210px; margin: 0 auto; } .leaders-seven-onlyname { width: 940px; text-align: center; margin: 45px auto 55px; } .leaders-seven-onlyname li { float: left; display: inline-block; margin-left: 36px; margin-right: 36px; text-align: center; line-height: 30px; } .leaders-seven-onlyname li:first-child { line-height: 24px; } .leaders-seven-onlyname li:first-child a { font-size: 24px; } .leaders-tabs a { width: 280px; display: inline-block; position: relative; } .leaders-tabs a.active { background-color: #ff9e22; color: #fff; } .leaders-tabs a.active:before { content: ""; width: 264px; height: 46px; position: absolute; left: 7px; top: -6px; border: 1px solid #ff9e22; } .leaders-cont { position: relative; width: 100%; height: auto; margin-top: 35px; } .leaders-cont-item { display: none; } .leaders-cont-item.on { display: block; } .leaders-cont-item:first-child .leaders-cont-box { height: 166px; } .leaders-cont-item:first-child h3 { line-height: 166px; } .leaders-cont-item .col-6 { height: 40px; line-height: 40px; } .leaders-cont-item .col-6 a { background-color: #bf0009; height: 100%; display: block; } .leaders-cont-item .col-6 img { margin-left: 5px; } .leaders-cont-item .col-6:first-child { padding-right: 1px; } .leaders-cont-item .col-6:last-child { padding-left: 1px; } .leaders-cont-item .col-12 { height: 40px; line-height: 40px; } .leaders-cont-item .col-12 a { background-color: #bf0009; height: 100%; display: block; } .leaders-cont-item .col-12 img { margin-left: 5px; } .leaders-cont-tabs { width: 280px; } .leaders-cont-tabs a { display: block; height: 40px; line-height: 40px; margin-bottom: 2px; background-color: #bf0009; } .leaders-cont-tabs a.active { background-color: #ff9e22; color: #fff; } .leaders-cont-box { background-color: #bf0009; width: 910px; height: 124px; } .leaders-cont-box-item { display: none; } .leaders-cont-box-item.on { display: block; } .leaders-cont-box-item ul { padding: 25px 70px; text-align: center; } .leaders-cont-box-item li { float: left; line-height: 40px; margin-left: 8px; margin-right: 8px; } .leaders-cont-box-item h3 { line-height: 124px; font-size: 45px; text-align: center; } .leaders-name { font-weight: bold; } .row-date { margin-top: 50px; } .row-date .logo { float: left; background: #b4020b no-repeat center center; background-size: 95%; width: 140px; height: 130px; } .row-date .calendar { position: relative; width: 1060px; margin-left: 140px; height: 130px; background: #bf0009; overflow: hidden; } .row-date .calendar-container { position: relative; width: 986px; height: 100px; margin-left: auto; margin-right: auto; margin-top: 15px; } .row-date .calendar-container .swiper-arrow-pre, .row-date .calendar-container .swiper-arrow-next { width: 26px; height: 26px; background: #95080e no-repeat center center; text-indent: -50px; overflow: hidden; position: absolute; top: 50%; margin-top: -10px; left: -25px; border-radius: 100%; text-align: center; line-height: 26px; color: #fff; cursor: pointer; } .row-date .calendar-container .swiper-arrow-pre:hover, .row-date .calendar-container .swiper-arrow-next:hover { background-color: #d8343d; } .row-date .calendar-container .swiper-arrow-next { left: auto; right: -25px; background-image: ; } .row-date .parent-swiper { width: 986px; height: 100px; } .row-date .parent-swiper .slide-parent { position: relative; height: 100px; } .row-date .parent-swiper .slide-parent.today .date { background: #fff3c3; } .row-date .parent-swiper .slide-parent .child-container { width: 95%; height: 100px; margin: auto; border-radius: 10px; overflow: hidden; } .row-date .parent-swiper .slide-parent .child-swiper-arrow-pre, .row-date .parent-swiper .slide-parent .child-swiper-arrow-next { position: absolute; width: 14px; height: 20px; right: 20px; top: 50%; margin-top: -20px; background: #ccc; text-align: center; border-radius: 3px; cursor: pointer; background-position: center center; background-repeat: no-repeat; background-image: ; } .row-date .parent-swiper .slide-parent .child-swiper-arrow-pre:hover, .row-date .parent-swiper .slide-parent .child-swiper-arrow-next:hover { background-color: #e0000f; } .row-date .parent-swiper .slide-parent .child-swiper-arrow-next { margin-top: 6px; background-image: ; } .row-date .parent-swiper .slide-parent .date { float: left; width: 110px; height: 100px; line-height: 100px; text-align: center; font-size: 46px; color: #bf0009; font-weight: bold; background: #fff; border-right: 1px dashed #ccc; } .row-date .parent-swiper .slide-parent .date span { font-size: 16px; font-weight: normal; } .row-date .parent-swiper .slide-parent .day-container { margin-left: 110px; padding-left: 20px; padding-right: 20px; overflow: hidden; background: #fff; } .row-date .child-swiper .swiper-slide { height: 100px; } .row-date .child-swiper .swiper-slide .title { line-height: 48px; font-size: 18px; height: 48px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: bold; } .row-date .child-swiper .swiper-slide .abs { margin-top: -6px; font-size: 14px; line-height: 2em; height: 56px; overflow: hidden; padding-right: 1em; } .row-recomendvideo { position: relative; z-index: 1; background: no-repeat center top; background-size: 100% 100%; } .row-recomendvideo h2 { height: 100px; width: 100%; margin-top: 80px; margin-bottom: 25px; background-image: ; background-position: 58% -1090px; background-repeat: no-repeat; position: relative; } .row-recomendvideo h2:before { content: ""; height: 100%; width: 100%; background: 0 50% no-repeat; position: absolute; left: 0; top: 0; z-index: 0; } .row-recomendvideo .container { position: relative; z-index: 3; } .recom-cont { position: relative; height: 460px; } .recom-cont-item { position: absolute; z-index: 1; display: none; } .recom-cont-item.on { display: block; } .recom-box { background-color: #fff; position: relative; z-index: 3; } .recom-box-video { overflow: hidden; height: 460px; width: 710px; float: left; position: relative; } .recom-box-video:after { content: ''; width: 100%; height: 100%; position: absolute; background: transparent no-repeat center center; z-index: 1; left: 0; top: 0; } .recom-box-video iframe { width: 100%; height: 100%; position: relative; z-index: 2; background: transparent no-repeat center center; } .recom-box-video .recom-cover { width: 100%; height: 100%; display: block; position: absolute; z-index: 1; left: 0; top: 0; } .beginpos { right: -710px; } .recom-box-swiper { width: 490px; height: 460px; float: left; position: relative; z-index: 3; } .recom-box-swiper .arrow-top { background: no-repeat right top; position: absolute; left: 50%; top: 5px; margin-left: -11px; width: 22px; height: 11px; } .recom-box-swiper .arrow-down { background: no-repeat right top; position: absolute; left: 50%; bottom: 5px; margin-left: -11px; width: 22px; height: 11px; } .recom-box-swiper .swiper-container { width: 100%; height: 396px; top: 35px; } .recom-box-swiper .slide-cont { height: 100%; position: relative; padding-top: 21px; } .recom-box-swiper .slide-cont:before { content: ""; width: 20px; height: 1px; background-color: #aaaaaa; position: absolute; left: 15px; bottom: 0; z-index: 1; } .recom-box-swiper img { width: 140px; height: 90px; float: left; position: relative; z-index: 4; transition: all 0.7s; } .recom-box-swiper .swiper-text { position: relative; z-index: 4; } .recom-box-swiper h3 { height: 30px; overflow: hidden; } .recom-box-swiper p { height: 50px; overflow: hidden; } .recom-box-swiper .swiper-slide { position: relative; cursor: pointer; } .recom-box-swiper .swiper-slide:before { /* content: ""; background: $fc-black; opacity: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 4; transition: all 2s; */ } .recom-box-swiper .swiper-slide:after { /* content: ""; background: no-repeat 0 0; width: 50px; height: 50px; opacity: 0; position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; z-index: 5; // transition: all 2s; background-size: 100%; */ } .recom-box-swiper .hover h3 { color: #fff; } .recom-box-swiper .hover p { color: #fff; } .recom-box-swiper .hover img { margin-left: -156px; } .recom-box-swiper .hover .slide-cont:after { content: ""; background: #dc000d; background: -moz-linear-gradient(left, #dc000d 0%, #c30011 100%); background: -webkit-linear-gradient(left, #dc000d 0%, #c30011 100%); background: linear-gradient(to right, #dc000d 0%, #c30011 100%); filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#dc000d', endcolorstr='#c30011', gradienttype=1); width: 100%; height: 112px; position: absolute; left: 0; top: 8px; z-index: 2; transition: all 0.5s; } .recom-box-swiper .on { position: relative; cursor: pointer; } .recom-box-swiper .on:before { /* content: ""; background: $fc-black; opacity: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 4; */ } .recom-box-swiper .on:after { /* content: ""; background: no-repeat 0 0; width: 50px; height: 50px; opacity: 0; position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; z-index: 5; // transition: all 2s; background-size: 100%; */ } .recom-box-swiper .on h3 { color: #fff; } .recom-box-swiper .on p { color: #fff; } .recom-box-swiper .on img { margin-left: -156px; } .recom-box-swiper .on .slide-cont:after { content: ""; background: #dc000d; background: -moz-linear-gradient(left, #dc000d 0%, #c30011 100%); background: -webkit-linear-gradient(left, #dc000d 0%, #c30011 100%); background: linear-gradient(to right, #dc000d 0%, #c30011 100%); filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#dc000d', endcolorstr='#c30011', gradienttype=1); width: 100%; height: 112px; position: absolute; left: 0; top: 8px; z-index: 2; } .row-nearus h2 { height: 100px; width: 100%; margin-top: 80px; margin-bottom: 25px; background-image: ; background-position: 58% -1190px; background-repeat: no-repeat; position: relative; } .row-nearus h2:before { content: ""; height: 100%; width: 100%; background: 0 50% no-repeat; position: absolute; left: 0; top: 0; z-index: 0; } .row-nearus h2 { background-position: 50% -1190px; } .nearus-swiper { height: 400px; width: 1232px; position: relative; } .nearus-swiper .swiper-slide { width: 300px; position: relative; } .nearus-swiper img { width: 270px; height: 400px; display: block; margin-bottom: 1px; } .nearus-box { height: 460px; position: relative; } .nearus-box .swiper-pagination { position: absolute; bottom: 0; z-index: 20; width: 100%; height: 8px; text-align: center; } .nearus-box .swiper-pagination-switch { display: inline-block; width: 42px; height: 4px; background: gray; margin: 0 5px; cursor: pointer; } .nearus-box .swiper-active-switch { background: #bf0009; height: 8px; vertical-align: bottom; } .nearus-box .swiper-arrow-pre, .nearus-box .swiper-arrow-next { background: no-repeat left top; position: absolute; left: -80px; top: 50%; margin-top: -100px; width: 48px; height: 136px; cursor: pointer; } .nearus-box .swiper-arrow-next { right: -80px; left: auto; background-image: ; } .sidetohome { animation-name: jello0; transform-origin: center; animation-duration: 2.6s; animation-fill-mode: both; animation-iteration-count: infinite; } @keyframes jello0 { 0% { transform: scale3d(0.8, 0.8, 1); opacity: 0.6; } 50% { transform: scale3d(1, 1, 1); opacity: 0.9; } 100% { transform: scale3d(0.8, 0.8, 1); opacity: 0.6; } } .sidenav { width: 102px; height: 373px; position: fixed; right: 20px; bottom: 10%; margin-top: -100px; z-index: 100; cursor: pointer; background: no-repeat left top; } .sidenav .link-ad { position: absolute; width: 80px; height: 80px; top: 0; } .sidenav .link-top { position: absolute; width: 80px; height: 90px; top: 282px; } .sidenav .link-close { position: absolute; width: 22px; height: 22px; top: 0; right: 0; } .title_bt {text-align:center; padding:15px 0; } .c-left{ width:595px;}.rtop { width:245px;}.r-top { width:510px; position:relative; margin:0 10px}.rr-top { width:460px; padding-right:30px;} /*封面图*/ .f-left { width:570px; padding-bottom:10px; margin-left: 45px;} .f-left .hd { height:40px; line-height:40px; width:110px; margin:0 auto;} .f-left .hd li { float: left; display: inline; margin:15px 5px 0 5px; height: 12px; width:12px; background-color:#eee;border-radius: 50%;} .f-left .hd .on { background-color:#c33;cursor: pointer;} .f-left .bd {width: 570px;height: 355px;position: relative;}.f-left .bd img { width: 570px; height:355px; display: block } .f-left .bd ul { height: 355px; overflow: hidden; position:relative; font-size: 16px; line-height: 50px } .f-left .bd li { width: 570px; height: 355px; background-color: #fff; position: relative } .f-left .bd li p { position: absolute; left: 0; bottom: 0; text-align:center; line-height: 50px; height: 50px; width: 570px; font-weight:bold; white-space: nowrap; overflow: hidden } .f-left .bd li p i { position: absolute; left: 0; top: 0; display: block; width: 570px; height: 50px; background: repeat-x bottom; opacity: .7; filter: alpha(opacity=70) } .f-left .bd li p a, .f-left .bd li p a:visited { position: relative; color: #fff; margin-left: 20px } .f-left .bd li p a:hover { text-decoration:underline;} .f-left .prev, .f-left .next { position: absolute; top: 135px; width: 40px; height: 60px; opacity: .7; filter: alpha(opacity=70); overflow: hidden; display: none; text-indent: -999px; border: none; background: no-repeat; } .f-left .prev:hover, .f-left .next:hover { opacity: .9; filter: alpha(opacity=90) } .f-left .prev { left:-15px; background-position: -40px 0 } .f-left .next { right:-15px; } .f-left .bdon .prev,.f-left .bdon .next{ display:block;}.b-links p { text-align:left;font: normal 13px/24px \5fae\8f6f\96c5\9ed1,simhei;} .f-right { width:460px; padding-right:20px;} .tuitxt-h img{ float:left; width:170px; height:100px; margin-right:15px;} .tuitxt-h h4 a{ font: bold 18px/200% "microsoft yahei",simsun,simhei; text-align:left;} .tuitxt-h p{ color:#666; text-align:left; text-indent:2em; font-size:13px; line-height:21px; padding-bottom:10px;} .dotlist li{ background:url(/uploads/image/waimages/2015ahzxxwwdotlist.png) left no-repeat; text-align:left; padding-left:20px; font-size:16px;line-height:32px;white-space:nowrap;overflow: hidden;} a{color:#333;text-decoration:none}a:hover{ color:#c33;text-decoration:underline} .color-white a{ color: white; } .fl{ float:left !important; } .fr{ float:right !important; } .tt h1 { text-align:center; font: bold 42px/2 "microsoft yahei",simsun; padding-bottom:10px; } .tt h1 a{color:#c00;}.tt p{ text-indent:2em; text-align:left; font-size:15px; line-height:25px;border-bottom:#ddd dashed 1px; padding:0 35px 15px 35px;margin-bottom: 30px;} .nav{ background: no-repeat center; width:100%;height:60px; line-height:60px; color:#fff; text-align:center; font-size:20px; z-index:999;} .nav a{ color:#fff; margin:0 22px;} .nav{ background: no-repeat center; width:100%;height:60px; line-height:60px; color:#fff; text-align:center; font-size:20px; z-index:999;} .nav a{ color:#fff; margin:0 22px;} .title_bt {text-align:center;padding: 25px 0 20px 0;height: 150px;} .c-left{ width:595px;}.rtop { width:500px; position:relative;} .f-right { width:600px;} .tuitxt-h img{ float:left; width:170px; height:100px; margin-right:15px;} .tuitxt-h h4 a{ font: bold 19px/160% "microsoft yahei",simsun,simhei; text-align:left;} .tuitxt-h p{ color:#666; text-align:left; text-indent:2em; font-size:14px; line-height:22px; padding:8px 20px;} .dotlist li{ background: left no-repeat; text-align:left; padding-left:20px; font-size:16px;line-height:32px;white-space:nowrap;overflow: hidden;} .jhd li{ float:left; width:280px; margin: 5px 10px;background-color:#c00;}.jhd li p{text-align:center; padding:12px 6px;font:normal 16px/20px "microsoft yahei",simhei; color:#fff;} .jhd li img{ width:280px; height:165px;}.jhd li a{ color:#fff;}.jhd li:hover{ background-color:#c33; cursor:pointer;} /********* 删除此区块显示广告 ************/ /********* 删除此区块显示广告 ************/ /********* 返回新华网首页链接 ************/ .sidetohome { display: block; } .sidetohome_19index { display: none; } /********* 返回新华网首页链接 ************/ /*# sourcemappingurl=maps/index.css.map */