@charset "UTF-8"; /* CSS Document */ * { padding: 0; margin: 0; list-style: none; border: 0; } *, *:before, *:after { margin: 0; padding: 0; } html, body { margin: 0; border: 0; padding: 0; } html { font-family: "寰?蒋??榛?", Microsoft YaHei, tahoma, arial, Hiragino Sans GB, \\5b8b\4f53, sans-serif; } body { overflow-x: hidden !important; color: #333; font-size: 14px; line-height: 180%; text-align: center; background: #ffffff; min-width: 1200px; } body { /* IOS绂?姝㈠井淇¤??村?浣?澶у? */ -webkit-text-size-adjust: 100% !important; text-size-adjust: 100% !important; -moz-text-size-adjust: 100% !important; } div { margin: 0 auto; text-align: left; } li { text-align: left; } a:link, a:visited { color: #333; text-decoration: none; } a:hover { color: #333; text-decoration: underline; } img { border: none; } ol, ul, li { list-style: none; } em, i { font-style: normal; } /*clear*/ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; overflow: hidden; } .clearfix { zoom: 1; } /*other*/ h1, h2, h3, h4, h5, h6 { text-align: left; font: normal 12px/200% "Microsoft Yahei"; } .mt10 { margin-top: 10px; } .mb10 { margin-bottom: 10px; } .m10 { margin: 10px auto; } .w1200 { width: 1200px; } .w1000 { width: 1000px; } .w980 { width: 980px; } .list_16 li { font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .list_14 li { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .list_12 li { font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .fl { float: left; } .fr { float: right; } .gray { color: #adadad; } .gray a { color: #adadad; } .gray a:hover, .gray a:link, .gray a:visited { color: #adadad; } .white { color: #fff; } .white a { color: #fff; } .white a:hover, .white a:link, .white a:visited { color: #fff; } .red { color: #e20a0f; } .red a { color: #e20a0f; } .red a:hover, .red a:link, .red a:visited { color: #e20a0f; } /*common*/ /* topBanner */ .topBanner { width: 100%; height: auto; padding-bottom: 10px; background: url(../images/topBanner.png) top center no-repeat; overflow: hidden; } .topBanner .topSum { width: 1000px; height: auto; background: #fff; box-shadow: 0px 2px 14px 4px rgba(233, 194, 194, 0.5); overflow: hidden; margin-top: 365px; } .topBanner .topSum div.box { width: 940px; margin: 0 auto; } .topBanner .topSum div.box p { padding: 20px 0; font-weight: 400; font-size: 16px; line-height: 27px; font-family: PingFangSC; color: #333333; } .topBanner .topSum div.box p span.red { color: #D30000; } .topBanner-list { width: 100%; height: 440px; background: url(../images/topBanner.png) top center no-repeat; overflow: hidden; } /*swiper-main*/ .swiper-main-bg { width: 1054px; height: 563px; overflow: hidden; position: relative; margin-top: 10px; } .swiper-main-bg .main-prev, .swiper-main-bg .main-next { width: 55px; height: 55px; background: url(../images/icon-left.png) center center no-repeat; position: absolute; top: 50%; margin-top: -30px; cursor: pointer; } .swiper-main-bg .main-prev { left: 0px; } .swiper-main-bg .main-next { background: url(../images/icon-right.png) center center no-repeat; right: 0px; } .swiper-main { width: 1000px; height: 563px; overflow: hidden; position: relative; } .swiper-main .swiper-slide div.box { width: 1000px; height: 563px; overflow: hidden; position: relative; } .swiper-main .swiper-slide div.box img { display: block; } .swiper-main .swiper-slide div.box span { position: absolute; bottom: 0; left: 30px; font-size: 16px; line-height: 50px; text-align: left; z-index: 3; width: 100%; height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; } .swiper-main .swiper-slide div.box span a { color: #fff; } .swiper-main .swiper-slide div.box em { background: #000; filter: alpha(opacity=50); opacity: .5; position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 50px; z-index: 1; } .swiper-main .pagination { position: absolute; bottom: 12px; right: 30px; } .swiper-main .pagination span { display: inline-block; width: 10px; height: 10px; margin: 0 0 0 10px; border-radius: 50%; background: #fff; opacity: 1; cursor: pointer; } .swiper-main .pagination span.swiper-active-switch { background: #F5A623; opacity: 1; } /*mainTitle*/ .mainTitle { height: 110px; background: #fff; box-shadow: 0px 2px 14px 0px rgba(233, 194, 194, 0.5); margin-top: 30px; } .mainTitle div.box { width: 940px; height: 110px; padding: 0 30px; text-align: center; display: table-cell; vertical-align: middle; } .mainTitle h1 { font-weight: 700px; font-size: 30px; line-height: 30px; font-family: PingFangSC; text-align: center; display: inline-block; } /*conP1*/ .conP1 { margin-top: 30px; } .conP1 div.commonTit { width: 1000px; height: 66px; background: url(../images/title01.png) center center no-repeat; position: relative; } .conP1 div.commonTit a.more { display: block; width: 40px; height: 20px; position: absolute; bottom: 0; right: 0; } .conP1 div.commonTit.commonTit2 { background: url(../images/title02.png) center center no-repeat; } .conP1 div.commonTit.commonTit3 { background: url(../images/title03.png) center center no-repeat; } .conP1 ul { margin-top: 20px; } .conP1 ul li { overflow: hidden; margin-bottom: 30px; } .conP1 ul li span { display: block; float: left; margin-right: 15px; } .conP1 ul li img { display: block; object-fit: cover; object-position: top; } .conP1 ul li strong { font-weight: 700; font-size: 22px; line-height: 27px; font-family: PingFangSC; display: block; margin-top: 15px; } .conP1 ul li p { font-weight: 400; font-size: 16px; line-height: 27px; font-family: PingFangSC; color: #666666; display: block; margin-top: 20px; } .conP2 { margin-top: 30px; } .conP2 div.commonTit { width: 1000px; height: 66px; background: url(../images/title04.png) center center no-repeat; } .conP2 div.marBox { margin-top: 20px; margin-right: -20px; overflow: hidden; } .conP2 div.box { width: 320px; min-height: 260px; margin-right: 20px; float: left; } .conP2 div.box div.title { height: 20px; overflow: hidden; background: url(../images/p2-tit-bg.png) center center repeat-x; } .conP2 div.box div.title h3 { display: block; background: #fff; padding-right: 5px; float: left; font-weight: 700; font-family: FZDHTJW--GB1; font-size: 20px; line-height: 20px; color: #3A3A3A; } .conP2 div.box div.title h3 a { color: #3A3A3A; } .conP2 div.box div.title h3 i { display: block; float: left; width: 5px; height: 20px; background: #CC3C3D; margin-right: 5px; } .conP2 div.box div.title h6 { display: block; background: #fff; padding-left: 5px; float: right; font-weight: 400; font-size: 12px; line-height: 20px; font-family: PingFangSC; color: #E01715; } .conP2 div.box div.title h6 a { color: #E01715; } .conP2 div.box span { display: block; width: 320px; height: 165px; margin-top: 20px; position: relative; } .conP2 div.box span img { display: block; } .conP2 div.box span i.video { display: block; width: 35px; height: 35px; background: url(../images/icon-video.png) center center no-repeat; position: absolute; bottom: 10px; right: 10px; cursor: pointer; } .conP2 div.box strong { display: block; font-weight: 700; font-size: 18px; line-height: 27px; font-family: PingFangSC; margin-top: 10px; } .conP2 div.box p { display: block; font-weight: 400; font-size: 12px; line-height: 17px; font-family: PingFangSC; color: #666666; margin-top: 5px; } /* copy???? */ .copy { width: 100%; height: 58px; background: #6A6D89; margin-top: 50px; } .copy p { text-align: center; font-size: 16px; font-family: PingFangSC-Regular; font-weight: 400; color: #fff; line-height: 22px; line-height: 58px; } .copy p a { color: #fff; padding: 0 5px; } /* footer */ .footer { display: none; } .newfooter { width: 100%; height: 172px; background: #8D91AA; text-align: center; } .newfooter .footer_cont { width: 440px; margin: 51px auto; } .newfooter img { float: left; } .newfooter span { display: inline-block; font-size: 12px; font-family: PingFangSC-Regular; font-weight: 400; color: #fff; line-height: 19px; text-align: left; margin-top: 10px; } /* book-list-pic-bg */ .book-list-bg { width: 100%; height: 1405px; background: url(../images/book-bg.png) center center no-repeat; margin-top: -205px; } .book-list-pic-con { width: 780px; padding: 160px 220px 0 170px; } .book-list-pic-con .navPath { font-size: 12px; line-height: 14px; font-family: SimSun; } .book-list-pic-con .navPath a { padding: 0 5px; } .book-list-pic-con .marBox { margin-top: 20px; margin-right: -80px; overflow: hidden; } .book-list-pic-con .book-list-pic li { display: block; float: left; width: 350px; height: 80px; margin-right: 80px; margin-bottom: 25px; } .book-list-pic-con .book-list-pic li span { display: block; float: left; width: 145px; height: 80px; position: relative; margin-right: 10px; } .book-list-pic-con .book-list-pic li span img { display: block; } .book-list-pic-con .book-list-pic li span i.video { display: block; width: 17px; height: 17px; background: url(../images/icon-video-s.png) center center no-repeat; position: absolute; bottom: 3px; right: 3px; cursor: pointer; } .book-list-pic-con .book-list-pic li p { font-weight: 400; font-size: 16px; line-height: 27px; font-family: PingFangSC; } .book-list-pic-con .page_n { text-align: center; padding: 20px 0; } .book-list-pic-con .page_n a { border: #dddad2 1px solid; background: #f7f6f3; padding: 10px 15px; margin: 0 5px; } .book-list-pic-con .page_n a:hover { background: #cc3333; color: #fff; text-decoration: none; } .book-list-pic-con .page_n a.common_current_page { background: #cc3333; color: #fff; } .book-list-year-con { width: 800px; padding: 160px 110px 0 90px; position: relative; } .book-list-year-con .navPath { font-size: 12px; line-height: 14px; font-family: SimSun; } .book-list-year-con .navPath a { padding: 0 5px; } .book-list-year-con .marBox { margin-top: 20px; margin-right: -100px; height: 950px; overflow: hidden; } .book-list-year-con .book-list-year-box { display: block; float: left; width: 365px; height: 170px; margin-right: 50px; margin-bottom: 20px; position: relative; } .book-list-year-con .book-list-year-box div.title { height: 30px; overflow: hidden; } .book-list-year-con .book-list-year-box div.title h2 { font-weight: 400; font-size: 22px; line-height: 30px; font-family: PingFangSC; } .book-list-year-con .book-list-year-box ul { margin-top: 5px; } .book-list-year-con .book-list-year-box ul li { font-weight: 400; font-size: 16px; line-height: 47px; font-family: PingFangSC; height: 47px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: url(../images/icon-san.png) center left no-repeat; padding-left: 10px; border-bottom: 1px dashed #D1CAB1; position: relative; } .book-list-year-con .book-list-year-box ul li:last-of-type { border: none; } .book-list-year-con .book-list-year-box ul li:before { display: block; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid red; position: absolute; top: 50%; left: 0; margin-top: -2px; } .book-list-year-con .book-list-year-box ul h6.more { position: absolute; top: 0; right: 0; font-size: 12px; line-height: 30px; font-family: PingFangSC; } .book-list-year-con .book-list-year-box2 { display: block; float: left; width: 830px; height: auto; margin-right: 0px; margin-bottom: 20px; } .book-list-year-con .book-list-year-box2 ul { margin-top: 5px; overflow: hidden; } .book-list-year-con .book-list-year-box2 ul li { width: 355px; height: 47px; float: left; margin-right: 50px; } .book-list-year-con .book-list-year-box2 ul li:last-of-type { border-bottom: 1px dashed #D1CAB1; } .book-list-year-con .page_n { text-align: center; padding: 20px 0; margin-left: -35px; margin-top: 20px; } .book-list-year-con .page_n a { border: #dddad2 1px solid; background: #f7f6f3; padding: 10px 15px; margin: 0 5px; } .book-list-year-con .page_n a:hover { background: #cc3333; color: #fff; text-decoration: none; } .book-list-year-con .page_n a.common_current_page { background: #cc3333; color: #fff; } .book-list-year-con .book-lable-year { position: absolute; width: 150px; height: 500px; top: 260px; right: -40px; } .book-list-year-con .book-lable-year li { display: block; width: 127px; height: 49px; margin-bottom: 30px; background: url(../images/book-label.png) center center no-repeat; font-weight: 400; font-size: 20px; line-height: 49px; font-family: PingFangSC; color: #fff; text-indent: 0.3em; cursor: pointer; } .book-list-year-con .book-lable-year li a { color: #fff; } .book-list-year-con .book-lable-year li a:hover { text-decoration: none; } .book-list-year-con .book-lable-year li.act { background: url(../images/book-label-act.png) center center no-repeat; } .book-list-year-con .book-lable-year li.one { margin-left: 22px; } .book-list-year-con .book-lable-year li.two { text-indent: 1.7em; } .book-list-year-con .book-lable-year2 li.two { text-indent: 0.5em; } .book-list-year-con .book-page { width: 100%; height: 20px; margin-top: 20px; text-align: right; } .book-list-year-con .book-page span { display: inline-block; font-weight: 400; font-size: 16px; line-height: 20px; font-family: FZZYSJW--GB1; color: #E02829; margin-left: 10px; cursor: pointer; } .book-list-year-con .book-page span a { color: #E02829; } .book-list-year-con .book-page span a:hover { text-decoration: none; } .book-list-year-con .book-page span.noAct { color: #D1CAB1; cursor: default; } .book-list-year-con .book-page span.noAct a { color: #D1CAB1; cursor: default; } /*?????*/ .wbCon .navPath { font-size: 12px; line-height: 14px; font-family: SimSun; } .wbCon .navPath a { padding: 0 5px; } .wbCon .text_title { width: 1010px; height: 100%; margin-top: 20px; } .wbCon .text_title h3.pre { font-size: 20px; font-weight: normal; margin: 0 auto; text-align: left; } .wbCon .text_title h1 { font-size: 32px; font-family: PingFangSC-Medium; font-weight: 500; color: #333; line-height: 45px; } .wbCon .text_title h4.sub { font-size: 20px; font-weight: normal; margin: 0 auto 15px; text-align: left; } .wbCon .text_title .times { width: 1010px; padding: 20px 0; border-bottom: 2px solid #C5181F; } .wbCon .text_title .ptime { font-size: 14px; font-family: PingFangSC-Regular; font-weight: 400; color: #999; line-height: 44px; float: left; } .wbCon .text_title .picon { float: right; line-height: 44px; } .wbCon .text_title .ops_tit { color: #666; float: left; margin-right: 10px; } .wbCon .text_title .ops_icons { float: left; } .wbCon .text_title .ops_icons li { float: left; height: 44px; width: 44px; list-style: outside none none; margin-right: 10px; /* border:1px solid red; */ /* background: url(../images/weibo2.png)no-repeat center */ } .wbCon .text_title .f_icon { width: 190px; float: right; } .wbCon .text_title .bdsharebuttonbox { width: 120px; float: left; } .wbCon .text_title .fen { display: inline-block; line-height: 40px; font-size: 16px; color: #999; font-family: PingFangSC-Regular; } .wbCon .text_title .art_text { padding: 30px 0; text-align: center; } .wbCon .text_title .art_text p { text-indent: 2em; font-size: 18px; font-family: PingFangSC-Regular; font-weight: 400; color: #333333; line-height: 34px; padding: 6px 0; /* text-align: left; */ } .wbCon .text_title .art_text table { width: 100% !important; } .wbCon .text_title .art_text .box_pic { text-align: center; font-size: 14px; } .wbCon .text_title .video_text { text-align: center; } .wbCon .text_title .video_text div#pvpShowDiv { text-align: center; margin-bottom: 30px; } /* MEDIA QUERIES Mobile phone ---------------------------------------------------------------------- */ @media (min-device-width: 320px) and (max-width: 689px), (max-device-width: 480px) { body { min-width: 1200px; } } /*20190906*/ .conP2 div.box { min-height: 340px; } .conP2 div.box a { text-decoration: none; } .conP2 div.box p { text-indent: 2em; } .mainTitle h1 { font-weight: 700; color: #CC0005; text-decoration: none; } .mainTitle h1 a { font-weight: 700; color: #CC0005; text-decoration: none; } .conP1 ul li strong a { text-decoration: none; } .conP1 ul li p a { text-decoration: none; } .conP2 div.box div.title h6 a { text-decoration: none; } .book-list-year-con { padding: 190px 110px 0 90px; } .book-list-year-con .marBox { height: 920px; } .book-list-year-con .book-list-year-box { height: 165px; } .book-list-year-con .book-list-year-box ul li { height: 46px; line-height: 46px; } .book-list-year-con .book-list-year-box2 { height: auto; } .book-list-year-con .book-list-year-box2 ul { height: 860px; } .book-list-year-con .book-list-year-box2-listNews ul { height: 860px; } .book-list-year-con .book-list-year-box2-listNews ul li { width: 710px; } /**/ .conP3 { margin-top: 30px; } .conP3 div.commonTit { width: 1000px; height: 59px; background: url(../images/title05.png) center center no-repeat; } .conP3 div.commonTit a { display: block; width: 1000px; height: 59px; } .conP3 div.box { min-height: auto; } .conP3 div.box span { height: auto; } /*20191014*/ .conP4 { margin-top: 30px; } .conP4 div.commonTit { width: 1000px; height: 66px; background: url(../images/title06.png) center center no-repeat; position: relative; } .conP4 div.commonTit a.more { display: block; width: 40px; height: 20px; position: absolute; bottom: 0; right: 0; } /*swiper-p4*/ .conP4 div.fl { width: 550px; height: 310px; overflow: hidden; position: relative; margin-top: 20px; } .conP4 div.fl .about-prev, .conP4 div.fl .about-next, .conP4 div.fl .about2-prev, .conP4 div.fl .about2-next, .conP4 div.fl .about3-prev, .conP4 div.fl .about3-next { width: 55px; height: 55px; background: url(../images/icon-left.png) center center no-repeat; position: absolute; top: 50%; margin-top: -30px; cursor: pointer; } .conP4 div.fl .about-prev, .conP4 div.fl .about2-prev, .conP4 div.fl .about3-prev { left: 0px; } .conP4 div.fl .about-next, .conP4 div.fl .about2-next, .conP4 div.fl .about3-next { background: url(../images/icon-right.png) center center no-repeat; right: 0px; } .swiper-about, .swiper-about2, .swiper-about3 { width: 550px; height: 310px; overflow: hidden; position: relative; } .swiper-about .swiper-slide div.box, .swiper-about2 .swiper-slide div.box, .swiper-about3 .swiper-slide div.box { width: 550px; height: 310px; overflow: hidden; position: relative; } .swiper-about .swiper-slide div.box img, .swiper-about2 .swiper-slide div.box img, .swiper-about3 .swiper-slide div.box img { display: block; } .swiper-about .swiper-slide div.box span, .swiper-about2 .swiper-slide div.box span, .swiper-about3 .swiper-slide div.box span { position: absolute; bottom: 0; left: 30px; font-size: 16px; line-height: 50px; text-align: left; z-index: 3; width: 100%; height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; } .swiper-about .swiper-slide div.box span a, .swiper-about2 .swiper-slide div.box span a, .swiper-about3 .swiper-slide div.box span a { color: #fff; } .swiper-about .swiper-slide div.box em, .swiper-about2 .swiper-slide div.box em, .swiper-about3 .swiper-slide div.box em { background: #000; filter: alpha(opacity=70); opacity: .7; position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 50px; z-index: 1; } .swiper-about .pagination, .swiper-about2 .pagination, .swiper-about3 .pagination { position: absolute; bottom: 18px; right: 10px; } .swiper-about .pagination span, .swiper-about2 .pagination span, .swiper-about3 .pagination span { display: inline-block; width: 10px; height: 10px; margin: 0 0 0 10px; border-radius: 50%; background: #fff; opacity: 1; cursor: pointer; } .swiper-about .pagination span.swiper-active-switch, .swiper-about2 .pagination span.swiper-active-switch, .swiper-about3 .pagination span.swiper-active-switch { background: #F5A623; opacity: 1; } .conP4 div.fr { width: 430px; margin-top: 20px; /* max-height: 999999px;*/ } .conP4 div.fr div.newBox { border-bottom: 1px dashed #999; padding-bottom: 10px; margin-bottom: 10px; } .conP4 div.fr div.newBox:last-child { border-bottom: none; } .conP4 div.fr div.newBox h2 { font-weight: 700; font-size: 16px; line-height: 1.5; font-family: Microsoft Yahei; } .conP4 div.fr div.newBox p { font-weight: 400; font-size: 12px; line-height: 1.4; font-family: SimSun; text-indent: 0em; margin-top: 5px; color: #666666; } .conP4 div.fr div.newBox p a { color: #666666; } @media (min-device-width: 320px) and (max-width: 689px), (max-device-width: 480px) { .conP4 div.fl { float: none; width: 1000px; height: 564px; } .swiper-about, .swiper-about2, .swiper-about3 { width: 1000px; height: 564px; } .swiper-about .swiper-slide div.box, .swiper-about2 .swiper-slide div.box, .swiper-about3 .swiper-slide div.box { width: 1000px; height: 564px; } .swiper-about .swiper-slide div.box img, .swiper-about2 .swiper-slide div.box img, .swiper-about3 .swiper-slide div.box img { width: 1000px; height: 564px; } .conP4 div.fr { float: none; width: 1000px; margin-top: 40px; } } /*20200401*/ .conP1 { margin-top: 0; } .conP1 div.commonTit { width: 1000px; height: auto; margin-top: 30px; min-height: 30px; background: none; position: relative; } .conP1 div.commonTit a.more { display: block; width: 100%; height: 100%; position: absolute; bottom: 0; right: 0; } .conP2 { margin-top: 0; } .conP2 div.commonTit { width: 1000px; height: auto; margin-top: 30px; min-height: 30px; background: none; position: relative; } .conP2 div.box div.title h3 { word-break: break-all; } .conP3 { margin-top: 0; } .conP3 div.commonTit { width: 1000px; height: auto; margin-top: 30px; min-height: 30px; background: none; position: relative; } .conP3 div.commonTit a { display: inline-block; width: auto; height: auto; } .conP4 { margin-top: 0; } .conP4 div.commonTit { width: 1000px; height: auto; margin-top: 30px; min-height: 30px; background: none; position: relative; } .conP4 div.commonTit a.more { display: block; width: 100%; height: 100%; position: absolute; bottom: 0; right: 0; } .conP5 { margin-top: 0; } .conP5 div.commonTit { width: 1000px; height: auto; margin-top: 30px; min-height: 30px; background: none; position: relative; margin: 30px auto 20px; } .conP6 { margin-top: 0; } .conP6 div.commonTit { width: 1000px; height: auto; margin-top: 30px; min-height: 30px; background: none; position: relative; margin: 30px auto 20px; } div.commonTit { font-weight: 700; font-size: 30px; line-height: 30px; font-family: PingFangSC; color: #CC0005; text-align: center; } /*骞荤??/ .lSSlideWrapper { overflow: visible; } .lSSlideOuter .lightSlider li img { float: left; margin-right: 20px; } .lSSlideOuter .lightSlider div.txt { width: 320px; float: left; font-size: 16px; line-height: 1.6; } .lSSlideOuter .lightSlider div.txt h3 { font-weight: 700; font-size: 18px; margin-top: 20px; } .lSSlideOuter .lightSlider div.txt p { font-weight: 400; font-size: 16px; margin-top: 20px; } .lSSlideOuter .lSPager.lSGallery li { height: 115px; } .lSSlideOuter .lSPager.lSGallery img { height: 115px; } .lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover { border-radius: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 3px solid #c00; } .lSSlideOuter .lSPager.lSGallery li.active img, .lSSlideOuter .lSPager.lSGallery li:hover img { height: 109px; } .lSAction > a { width: 55px; height: 55px; background: url(../images/icon-left.png) center center no-repeat; display: block; top: 530px; cursor: pointer; position: absolute; z-index: 99; margin-top: -28px; opacity: 1; -webkit-transition: opacity 0.35s linear 0s; transition: opacity 0.35s linear 0s; } .lSAction > .lSPrev { background-position: 0 0; left: 5px; } .lSAction > .lSNext { background: url(../images/icon-right.png) center center no-repeat; background-position: 0 0; right: 5px; } /*list*/ .topBanner2 { background: url(../images/topBanner.png) top center no-repeat; padding-top: 365px; } .navpath { padding-top: 15px; height: 50px; font: normal 14px/50px "Microsoft YaHei"; text-align: left; overflow: hidden; color: #999; background: #fff; } .navpath a { padding: 0 15px; color: #999; } .listCon { width: 100%; height: auto; padding: 20px 0; background: #f7f7f7; padding: 0 0 20px 0; background: none; } .listCon div.fr { width: 100%; background: #fff; } .listCon div.fr ul { clear: both; padding: 20px 20px 15px; border-bottom: #cbcbcb 1px dashed; } .listCon div.fr ul li { text-align: right; margin: 8px 0; padding-left: 12px; font-size: 16px; } .listCon div.fr ul li a { float: left; color: #555; } .listCon div.fr ul li i { font-size: 12px; color: #999; } .page_n { text-align: center; padding: 45px 0; color: #fff; } .page_n a { border: #ff5050 1px solid; background: #fff; color: #ff5050; padding: 10px 15px; margin: 0 5px; } .page_n a:hover { background: #ff5050; color: #fff; text-decoration: none; } .page_n a.common_current_page { background: #ff5050; color: #fff; text-decoration: none; } .topBanner, .topBanner2 { background-image: none; background-position: top center; background-repeat: no-repeat; } /*20200408*/ .topBanner .topSum { box-shadow: none; } .mainTitle h1 { font-weight: 700; font-family: "PingFangSC","Microsoft Yahei","SimSun"; } .list2j { width: 1000px; margin: 20px auto 20px; position: relative; } .list2j .title { border-bottom: 2px solid #CC0005; overflow: hidden; } .list2j .title h2 { display: inline-block; *zoom: 1; *display: inline; *float: left; font-weight: 700; font-size: 30px; line-height: 46px; color: #CC0005; } .list2j .title h2 a { color: #CC0005; text-decoration: none; } .list2j .title h6 { float: right; font-size: 14px; line-height: 20px; margin-top: 19px; color: #999999; } .list2j .title h6 a { color: #999999; } .list2j ul.list_16 { margin-top: 5px; } .list2j ul.list_16 li { line-height: 180%; white-space: pre-wrap; color: #999999; } .list2j ul.list_16 li a { color: #555; display: inline-block; width: 840px; height: 28px; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; *zoom: 1; *display: inline; *float: left; text-align: left; } .list2j ul.list_16 li i { float: right; } .list2j ul.list_16 h6.more { position: absolute; top: 0; right: 0; font-size: 14px; line-height: 46px; color: #999999; } .list2j ul.list_16 h6.more a { color: #999999; } .listCon div.fr .list2j ul { padding: 10px 10px; border-bottom: none; } /*20200409*/ #image-gallery-big li { position: relative; height: 563px; } #image-gallery-big li img { float: none; margin-right: 0; } #image-gallery-big li em { background: #000; filter: alpha(opacity=50); opacity: .5; position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 50px; z-index: 1; } #image-gallery-big li span { position: absolute; bottom: 0; left: 30px; font-size: 16px; line-height: 50px; text-align: left; z-index: 3; width: 100%; height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; } #image-gallery-big li span a { color: #fff; } .conP6 .lSAction > a { top: 280px; } /*20200903*/ .mainTitle { height: auto; } .mainTitle div.box { height: auto; padding: 20px 30px; } /*20210415*/ div.commonTit a.morelink{ display: block; width: auto; height: 20px; position: absolute; bottom: 0; right: 0; font-size: 12px; color: #666; } .listCon div.fr ul li i { font-style: normal; } /*20230524*/ .conP6{ width: 1100px; } .swiper-cpcbook { width: 1040px; height: 373px; background: url(/img/MAIN/2022/08/121527/images/meeting_book_bg.png) bottom center no-repeat; padding: 30px 30px 0 30px; overflow: hidden; position: relative; } .swiper-cpcbook .swiper-slide { font: 400 20px/34px 'Microsoft Yahei'; width: 220px; } .swiper-cpcbook .swiper-slide .box { width: 220px; height: 336px; position: relative; cursor: pointer; } .swiper-cpcbook .swiper-slide .box .img, .swiper-cpcbook .swiper-slide .box .text { position: absolute; top: 0; left: 0; z-index: 0; transition-duration: 0.8s; -moz-transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -o-transition-duration: 0.8s; /* transform: rotate3d(0, 1, 0, -180deg);*/ -webkit-transform: rotate3d(0, 1, 0, -180deg); -moz-transform: rotate3d(0, 1, 0, -180deg); } .swiper-cpcbook .swiper-slide .box .img { width: 220px; height: 336px; z-index: 1; /* transform: rotate3d(0, 1, 0, 0deg);*/ -webkit-transform: rotate3d(0, 1, 0, 0deg); -moz-transform: rotate3d(0, 1, 0, 0deg); } .swiper-cpcbook .swiper-slide .box .img img { width: 220px; height: 336px; } .swiper-cpcbook .swiper-slide .box .text { width: 158px; height: 324px; padding: 0 25px; background: #f6f4e2; border: 6px solid #fff; display: table-cell; vertical-align: middle; text-align: center; font-weight: 700; font-size: 18px; line-height: 30px; } .swiper-cpcbook .swiper-slide .box .text p { width: 158px; height: 324px; display: table-cell; vertical-align: middle; } .swiper-cpcbook .swiper-slide .box:hover .img { z-index: 0; /* transform: rotate3d(0, 1, 0, -180deg) translate(0, -10px);*/ -webkit-transform: rotate3d(0, 1, 0, -180deg) translate(0, -10px); -moz-transform: rotate3d(0, 1, 0, -180deg) translate(0, -10px); } .swiper-cpcbook .swiper-slide .box:hover .text { z-index: 1; /* transform: rotate3d(0, 1, 0, 0deg) translate(0, -10px);*/ -webkit-transform: rotate3d(0, 1, 0, 0deg) translate(0, -10px); -moz-transform: rotate3d(0, 1, 0, 0deg) translate(0, -10px); box-shadow: 10px 10px 5px #888888; } .swiper-cpcbook .swiper-cpcbook-prev, .swiper-cpcbook .swiper-cpcbook-next { width: 17px; height: 25px; position: absolute; background-position: center center; background-repeat: no-repeat; cursor: pointer; top: 180px; z-index: 2; } .swiper-cpcbook .swiper-cpcbook-prev { background-image: url(/img/MAIN/2022/08/121527/images/meeting_btn_left.png); left: -0px; } .swiper-cpcbook .swiper-cpcbook-next { background-image: url(/img/MAIN/2022/08/121527/images/meeting_btn_right.png); right: -0px; } /*20230524*/ .list_imgs { margin-top: 0px; margin-bottom: 10px; } .list_imgs .margin_box { margin-right: -30px; } .list_imgs .box { width: 240px; float: left; margin-right: 5px; margin-left: 5px; margin-bottom: 20px; } .list_imgs .box span { display: block; width: 240px; height: 350px; overflow: hidden; } .list_imgs .box span img { width: 240px; height: 350px; border: 1px solid #ddd; box-sizing: border-box; } .list_imgs .box strong { display: block; padding: 0 10px; font-weight: 700; font-size: 16px; line-height: 30px; text-align: center; margin-top: 5px; } .list_imgs .box p { display: none; padding: 0 10px; font-weight: 400; font-size: 14px; line-height: 26px; text-align: justify; color: #555555; } .list_imgs .line{ width: 100%; float: left; } /*20230530*/ .xiResearchList{ width: 1000px; margin: 10px auto 0; display: -webkit-flex; /* Safari */ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; align-content: flex-start; } /* .xiResearchList::after { content: ''; flex: auto; } */ .xiResearchList li{ width: 310px; min-height: 413px; box-sizing: border-box; background: #fffcd9; padding: 20px 30px 20px; margin: 15px 0; position: relative; flex: none; border-radius: 10px; cursor: pointer; -moz-box-shadow:3px 3px 5px #ccc; -webkit-box-shadow:3px 3px 5px #ccc; box-shadow:3px 3px 5px #ccc; } .xiResearchList li:hover { -moz-box-shadow:3px 3px 5px #666; -webkit-box-shadow:3px 3px 5px #666; box-shadow:3px 3px 5px #666; text-decoration: none; } .xiResearchList li:hover a{ text-decoration: none; } .xiResearchList li::before { content: ''; display: none; width: 31px; height: 31px; border-radius: 15px; background: url(images/icon_research_circle.png) center center no-repeat; position: absolute; z-index: 2; top: -13px; right: 5%; } /* 濡???????涓?琛???涓???绱? */ .xiResearchList li:last-child:nth-child(3n - 1) { margin-right: calc(31% + 7% / 2); } /* 濡???????涓?琛???涓???绱? */ .xiResearchList li:last-child:nth-child(3n - 2) { margin-right: calc(62% + 14% / 2); } .xiResearchList li h6{ color: #b58487; color: #8E2323; font-size: 12px; display: block; margin-bottom: 5px; } .xiResearchList li h3{ color: #8E2323; font-weight: 700; font-size: 16px; line-height: 28px; font-family: SimSun; text-indent: 0em; } .xiResearchList li h3 a{ color: #8E2323; } .xiResearchList li h4{ display: none; padding-top: 15px; font-size: 14px; line-height: 22px; color: #999999; display: block; font-family: KaiTi; } /*20230602*/ ul.conP1_daxing_list{ margin-right: -40px; overflow: hidden; display: flex; flex-wrap: wrap; } ul.conP1_daxing_list li{ width: 480px; height: auto; min-height: 120px; overflow: hidden; float: left; margin-right: 40px; margin-bottom: 20px; } ul.conP1_daxing_list li span { position: relative; float: left; margin-right: 20px; } ul.conP1_daxing_list li span img { display: block; width: 180px; height: 101px; object-fit: cover; } ul.conP1_daxing_list li strong { font-weight: 700; font-size: 20px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-overflow: initial; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } ul.conP1_daxing_list li p { font-weight: 400; font-size: 14px; line-height: 26px; font-family: Microsoft Yahei; text-align: justify; margin-top: 15px; color: #555555; } .listCon_daxing div.fr .list_14 { clear: both; padding: 20px 20px 15px; border-bottom: #cbcbcb 1px dashed; } .listCon_daxing div.fr .list_14 li { text-align: left; white-space: normal; font-size: 17px; margin: 15px 0; padding-left: 12px; } .listCon_daxing div.fr .list_14 li a { font-weight: 700; font-size: 20px; } .listCon_daxing div.fr .list_14 li p.tit { font-size: 17px; overflow: hidden; } .listCon_daxing div.fr .list_14 li i { float: right; font-size: 12px; color: #999; } .listCon_daxing div.fr .list_14 li p span { font-size: 14px; font-family: PingFangSC-Regular; font-weight: 400; color: #999999; line-height: 20px; padding: 5px 25px 0 0; display: inline-block; } /*20240304*/ .conP1_data ul li p,.conP1_data ul li p a{ color: #9e9e9e; } .conP1_data ul li p.data { margin-top: 10px; }